/*============================================ # Template Name: Ugetpaid # Version: 1.0 # Date: 23/11/2022 # Author: softivus # Author URI: https://www.templatemonster.com/authors/softivus # Description: Ugetpaid - online survey for get paid website html template ============================================*//*============================================ ======== Table of Css Content ========= # Typography # Normalize # Global style # Header Area # Banner Area # Section Area # Footer Area ============================================*/ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");  @font-face {  font-family: "SugoPro";  src: url("../webfonts/sugo_pro_display/Sugo-Pro-Display-Light-trial.ttf");  font-weight: 100;  font-style: normal;  }  :root {--body-font: "Inter", sans-serif;--body-color: #1A1F2C;--primary-color: #09B65E;--secondary-color: #00FF8B;--hover-color: #185330;--para-color: #BDC4DA;--para-alt-color: #BBC2FA;--btn-color: #282F41;--head-color: #1A1F2C;--section-color: #2E3549;--section-alt-color: #3E4761;--border-color: #47506A;}  .collapsing {transition: 0.3s;}  html {scroll-behavior: smooth;}  body {font-family: var(--body-font);background-color: var(--body-color);font-size: 18px;line-height: 27px;padding: 0;margin: 0;font-weight: 400;overflow-x: hidden;}  section, footer {overflow-x: hidden;}  h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;}  h1, h1 > a, h2, h2 > a, h3, h3 > a, h4, h4 > a, h5, h5 > a, h6, h6 > a {font-family: var(--body-font);color: var(--bs-white);font-weight: 600;text-transform: initial;transition: all 0.3s;}  h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {color: var(--para-color);}  h1 span, h1 > a span, h2 span, h2 > a span, h3 span, h3 > a span, h4 span, h4 > a span, h5 span, h5 > a span, h6 span, h6 > a span {font-family: inherit;font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--secondary-color);}  a, a:focus, a:hover {text-decoration: none;outline: none;color: var(--para-color);}  img {max-width: 100%;height: auto;}  .max-un {max-width: unset;}  .d-rtl {direction: rtl;}  ul, ol {padding: 0;margin: 0;list-style: none;}  button {border: none;cursor: pointer;}  .form-control {padding: 0;border-color: transparent;background-color: transparent;}  .form-control p {color: #00D675;}  input, textarea {color: var(--bs-white);width: 100%;font-family: var(--body-font);padding: 15px 30px;background: #212737;border: 1px solid #3F4C71;border-radius: 15px;margin-top: 6px;}  input:focus, textarea:focus {outline: 1px solid var(--primary-color);box-shadow: none;border: 1px solid var(--border-color);}  ::placeholder {color: #4B517A;opacity: 1;}  :-ms-input-placeholder {color: #4B517A;}  ::-ms-input-placeholder {color: #4B517A;}  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {margin: 0;}  input[type=number] {-moz-appearance: textfield;}  input[type=password] { /*font-family: initial;*/font-family: var(--body-font)}  input[type=checkbox] {width: initial;height: initial;}  select {padding: 10px 20px;border: none;cursor: pointer;outline: none;}  textarea {min-height: 150px;resize: none;}  span {display: inline-block;}  .table thead th, .table td, .table th {border: none;}  .d-grid {display: grid !important;}  .b-none {border: none !important;}  .ovf-unset {overflow-x: unset !important;}  iframe {border: 0;width: 100%;}  .shadow-none {box-shadow: none;}  h1, h1 > a {font-size: 72px;line-height: 93.6px;margin-top: -18px;}  h2, h2 > a {font-size: 48px;line-height: 62.4px;margin-top: -12px;}  h3, h3 > a {font-size: 40px;line-height: 52px;margin-top: -10px;}  h4, h4 > a {font-size: 32px;line-height: 41.6px;margin-top: -8px;}  h5, h5 > a {font-size: 28px;line-height: 36.4px;margin-top: -6px;}  h6, h6 > a {font-size: 24px;line-height: 33.6px;margin-top: -5px;}  .xxltxt {font-size: 32px;line-height: 41.6px;margin-top: -8px;}  .xltxt {font-size: 24px;line-height: 33.6px;margin-top: -5px;}  .lgtxt {font-size: 20px;line-height: 28px;margin-top: -4px;}  .circle {font-weight: bold;padding: 5px 10px;display: flex;align-items: center;justify-content: center;border: 2px solid #4C5674;color: #BDC4DA;margin-bottom: 10px;border-radius: 100%;width: 50px;height: 50px; /*transition: background-color 0.3s ease;*/transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}  .circle:hover {background-color: #09b65e; /* Cor de preenchimento ao passar o mouse */color: #282F41; /* Cor do texto ao passar o mouse */font-weight: bold;cursor: pointer;}  h1.m-none, h2.m-none, h3.m-none, h4.m-none, h5.m-none {margin: 0;}  table thead tr th {font-size: 18px;line-height: 27px;}  a {display: inline-block;color: var(--para-color);font-weight: 400;font-size: 18px;line-height: 27px;}  p, span, li, label {margin: 0;font-family: var(--body-font);font-size: 18px;font-weight: 400;color: var(--para-color);line-height: 27px;}  .section-text {margin-bottom: 34px;}  .section-header {margin-bottom: 53px;}  .dark-sec .sub-title {color: var(--secondary-color);}  .dark-sec h1, .dark-sec h2, .dark-sec h3, .dark-sec h4, .dark-sec h5, .dark-sec h6, .dark-sec span, .dark-sec a, .dark-sec .title, .dark-sec p {color: var(--bs-white);}  .cus-mar {margin-bottom: -30px;}  .single-box {margin-bottom: 30px;padding: 30px 15px;}  .sub-title {color: var(--primary-color);margin-bottom: 20px;}  .title {margin-bottom: 12px;}  .z-1 {z-index: 1;}  .mb-30 {margin-bottom: 30px;}  .mt-30 {margin-top: 30px;}  .mb-40 {margin-bottom: 40px;}  .mt-40 {margin-top: 40px;}  .mb-60 {margin-bottom: 60px;}  .mt-60 {margin-top: 60px;}  .mb-80 {margin-bottom: 80px;}  .mt-80 {margin-top: 80px;}  .pt-120 {padding-top: 120px;}  .pb-120 {padding-bottom: 120px;}  .pt-80 {padding-top: 80px;}  .pb-80 {padding-bottom: 82px;}  @media (max-width: 991px) {  .pt-120 {padding-top: 60px;}  .pb-120 {padding-bottom: 60px;}  .mb-60 {margin-bottom: 40px;}  .mt-60 {margin-top: 40px;}  .mb-80 {margin-bottom: 60px;}  .mt-80 {margin-top: 60px;}  .pt-80 {padding-top: 60px;}  .pb-80 {padding-bottom: 60px;}  .header-section {box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);background-color: var(--bs-white);}  }  @media (max-width: 575px) {  .pt-120 {padding-top: 50px;}  .pb-120 {padding-bottom: 50px;}  }  *::-webkit-scrollbar-track {background: #00003e;}  *::-webkit-scrollbar {width: 6px;}  *::-webkit-scrollbar-button, *::-webkit-scrollbar-thumb {background-color: #5732c6;}  .scrollToTop {position: fixed;bottom: 0;right: 30px;width: 45px;height: 45px;background-color: var(--primary-color);border-radius: 5px;color: #fff;line-height: 45px;font-size: 20px;text-align: center;z-index: 9;cursor: pointer;transition: all 1s;transform: translateY(100%);}  .scrollToTop i {color: var(--bs-white);}  .scrollToTop.active {bottom: 30px;transform: translateY(0%);}  .preloader {position: fixed;width: 100%;height: 100vh;z-index: 99999999;overflow: visible;background: url(../images/preloader.gif) no-repeat center center;background-size: 30%;background-color: #000;display: none;}  .icon-svg {position: relative;}  .icon-svg img {opacity: 1;position: absolute;}  .icon-svg svg {position: absolute;stroke-dashoffset: 1500;stroke-dasharray: 1500;transform: scale(1);transition: transform 0.3s, fill 0.5s;opacity: 0;visibility: hidden;}  .icon-svg:hover svg {visibility: visible;opacity: 1;stroke-dashoffset: 0;fill: transparent;transition: transform 0.3s, fill 0.5s, stroke-dashoffset 6s;}  .icon-svg:hover img {opacity: 0;visibility: hidden;}  .accordion-button:focus {box-shadow: none;}  .animated {animation-duration: 1s;animation-fill-mode: both;}  @keyframes fadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;} }  .fadeInDown {animation-name: fadeInDown;}  .border-gradient-second {background: linear-gradient(#2E3549, #2E3549) padding-box, linear-gradient(to top left, #FE53BB, #09FBD3) border-box;border-radius: 30px;border: 1px solid transparent;color: var(--bs-white);padding: 30px;position: relative;z-index: 0;}  .border-gradient-second::before {position: absolute;content: "";background: #2E3549;border-radius: 30px;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;transform: skew(-0.5deg, -0.5deg);}  .border-gradient {background: linear-gradient(#2E3549, #2E3549) padding-box, linear-gradient(to top left, #09FBD3, #FE53BB) border-box;border-radius: 15px;border: 1px solid transparent;color: var(--bs-white);position: relative;z-index: 0;}  .border-gradient::before {position: absolute;content: "";background: linear-gradient(180deg, #2E3549 0%, #2E3549 97.4%);border-radius: 15px;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;}  /* cmn btn */  .cmn-btn {background: #09b65e;padding: 10px 25px;color: #282F41;position: relative;z-index: 0;border-radius: 10px;font-size: 16px;font-weight: 700;transition: 0.3s;}  .cmn-btn:before, .cmn-btn:after {content: "";background: #373f56;height: 51%;width: 0;position: absolute;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index: -1;}  .cmn-btn:before {top: 0;left: 0;right: auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}  .cmn-btn:after {bottom: 0;right: 0;left: auto;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}  .cmn-btn i, .cmn-btn img {margin-right: 10px;}  .cmn-btn:hover {color: var(--bs-white);}  .cmn-btn:hover:before {width: 100%;right: 0;left: auto;}  .cmn-btn:hover:after {width: 100%;left: 0;right: auto;}  .cmn-btn.alt {color: var(--bs-white);background: #373f56;}  .cmn-btn.alt:before, .cmn-btn.alt:after {background: #09b65e;}  .cmn-btn.alt:hover {color: #282F41;}  .nice-select {background: #144339;border: 1px solid #267967;border-radius: 5px;float: initial;padding: 10px 20px;display: flex;align-items: center;line-height: initial;height: 100%;width: 100%;}  .nice-select:focus, .nice-select:hover {border-color: transparent;}  .nice-select::after {height: 9px;width: 9px;right: 20px;top: initial;}  .nice-select .list {width: 100%;background-color: #144339;border: 1px solid #267967;box-shadow: 0;margin-bottom: 4px;padding: 0;}  .nice-select .current {color: var(--para-color);font-weight: 500;font-size: 14px;line-height: 16px;margin-right: 30px;}  .nice-select .option {background-color: transparent;font-size: 14px;line-height: 16px;padding: 8px 5px;min-height: initial;}  .nice-select .option:hover, .nice-select .option:focus, .nice-select .option.selected.focus {color: var(--primary-color);background-color: transparent;}  .slick-arrow {position: absolute;outline: none;bottom: -70px;width: 30px;height: 30px;background: #2A3247;border-radius: 50%;border-radius: 15px;display: flex;align-items: center;justify-content: center;z-index: 1;}  .slick-arrow i {color: var(--bs-white);font-size: 14px;}  .slick-arrow:hover {background: #206C55;transition: all 0.5s;}  .slick-arrow.slick-arafat-prev {left: calc(50% - 100px);z-index: 2;}  .slick-arrow.slick-arafat-next {right: calc(50% - 100px);transform: rotate(180deg);}  .section-dots {text-align: center;position: absolute;bottom: -60px;display: inline-flex;align-items: center;justify-content: center;width: 100%;}  .section-dots li {margin: 0 5px;display: inline-block;list-style: none;}  .section-dots li .dot {display: block;width: 8px;height: 8px;border: 1px solid #D3FFF2;border-radius: 6px;background: transparent;text-decoration: none;cursor: pointer;transition: all 0.3s;}  .section-dots li .dot .string {position: absolute;line-height: 0;opacity: 0;}  .section-dots li.slick-active .dot {width: 12px;height: 12px;border-color: transparent;background: #249F7A;}  @keyframes spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }  @keyframes ripple2Ani { 0% {transform: translate(0px, 0px);} 33% {transform: translate(-5px, -5px);} 66% {transform: translate(5px, 5px);} 100% {transform: translate(0px, 0px);} }  @keyframes rippleAni { 0% {transform: translate(0px, 0px);} 33% {transform: translate(5px, -5px);} 66% {transform: translate(-5px, 5px);} 100% {transform: translate(0px, 0px);} }  .header-section {position: absolute;top: 0;left: 0;width: 100%;margin-left: 140px;width: calc(100% - 140px);border-bottom: 1px solid #6c6ea6;transition: all 0.8s;}  .header-section.header-fixed {position: fixed;top: 0;left: 0;z-index: 999;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);background-color: var(--bs-white);border-color: transparent;}  .header-section .navbar-toggler {padding-right: 0;display: none;border: none;}  .header-section .navbar-toggler:focus {box-shadow: none;}  .header-section .navbar-toggler i {color: var(--head-alt-color);}  .header-section .navbar-area {padding: 10px 40px;padding-right: 20px;position: absolute;background: #282F41;overflow-x: clip;}  .header-section .navbar-area .sidebar-icon {position: absolute;width: 30px;height: 30px;min-width: 30px;min-height: 30px;display: flex;align-items: center;justify-content: center;left: 0;background: #363E56;border-radius: 15px;cursor: pointer;z-index: 2;}  .header-section .navbar-area .sidebar-icon i {color: var(--para-alt-color);font-size: 14px;}  .header-section .navbar-area form .form-group {padding: 0 30px;border-radius: 10px;background: #212737;border: 1px solid #3F4C71;border-radius: 15px;}  .header-section .navbar-area form .form-group:focus-within {outline: 1px solid var(--primary-color);}  .header-section .navbar-area form .form-group i {color: #4B517A;font-size: 24px;}  .header-section .navbar-area form .form-group input {background-color: transparent;border: none;padding-left: 10px;outline: none;}  .header-section .navbar-area .dashboard-nav {display: flex;align-items: center;gap: 30px;position: relative;margin-left: 100px;}  .header-section .navbar-area .dashboard-nav .single-item {cursor: pointer;}  .header-section .navbar-area .dashboard-nav .single-item .profile-area .user-profile {width: 44px;height: 44px;background: #373F56;border-radius: 50%;}  .header-section .navbar-area .dashboard-nav .single-item .profile-area .user-profile img {border-radius: 50%;}  .header-section .navbar-area .dashboard-nav .single-item .profile-area i {margin-left: 5px;color: var(--para-color);}  .header-section .navbar-area .dashboard-nav .single-item .chat-btn {width: 44px;height: 44px;background: #373F56;border-radius: 30px;display: flex;align-items: center;justify-content: center;}  .header-section .navbar-area .dashboard-nav .single-item .chat-btn i {color: #7886AE;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper {position: absolute;top: 50px;width: 360px;height: 85vh;overflow-x: hidden;overflow-y: scroll;display: grid;right: 0;padding: 30px;background: var(--section-color);box-shadow: 0px 20px 50px rgba(44, 63, 88, 0.15);border-radius: 20px;border-radius: 20px;transform: translateX(150px);cursor: auto;opacity: 0;transition: 0.3s;visibility: hidden;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper.active {opacity: 1;visibility: visible;transform: translateX(0px);z-index: 5;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .chat-area {overflow-y: scroll;margin-bottom: 10px;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .single-item {border-bottom: 1px solid #47506A;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .chat-item {display: flex;align-items: flex-start;gap: 15px;padding: 10px;border-radius: 5px;margin-bottom: 20px;background-color: #333A4E;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .send-form {margin-top: auto;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .left-area {text-align: center;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .star-area i {color: #FFC44E;font-size: 12px;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper p {font-size: 16px;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .close-btn {position: absolute;top: 10px;right: 10px;cursor: pointer;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper .close-btn i {color: var(--bs-white);font-size: 24px;}  .header-section .navbar-area .dashboard-nav .single-item .main-area {position: absolute;top: 50px;width: 360px;right: 0;padding: 30px;background: var(--bs-white);box-shadow: 0px 20px 50px rgba(44, 63, 88, 0.15);border-radius: 20px;border-radius: 20px;transform: translateY(150px);z-index: 5;opacity: 0;transition: 0.3s;visibility: hidden;}  .header-section .navbar-area .dashboard-nav .single-item .main-area.active {opacity: 1;visibility: visible;transform: translateY(0px);}  .header-section .navbar-area .dashboard-nav .single-item .main-area ul li {margin-top: 15px;}  .header-section .navbar-area .dashboard-nav .single-item .main-area ul li i {margin-right: 10px;}  .header-section .navbar-area .dashboard-nav .single-item .main-area ul li a {width: 100%;}  .header-section .navbar-area .dashboard-nav .single-item .user-content {padding: 20px;background: #232A3C;border: 1px solid #3C4663;border-radius: 15px;}  .header-section .navbar-area .dashboard-nav .single-item .user-content .head-area {background: #2E3549;border-radius: 15px;padding: 15px;}  .header-section .navbar-area .dashboard-nav .single-item .user-content .head-area .profile-img {margin-right: 20px;}  .header-section .navbar-area .dashboard-nav .single-item .balance span {padding: 6px 16px;background: #2A424B;border: 1px solid #109F5A;border-radius: 30px;font-weight: 700;color: var(--bs-white);}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area .notifications-btn {position: relative;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area .notifications-btn span {position: absolute;width: 20px;height: 20px;font-size: 12px;line-height: 18px;font-weight: 700;top: -10px;right: -10px;background: #9B3D3D;border-radius: 9px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area .notifications-content {padding: 20px;background: #232A3C;border: 1px solid #3C4663;border-radius: 15px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area .notifications-content .head-area {background: #2E3549;border-radius: 15px;padding: 15px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area .head-area span {display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;color: var(--bs-white);background: #902520;border-radius: 6px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li {border-radius: 10px;padding: 10px;display: flex;align-items: center;justify-content: space-between;transition: 0.3s;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li:hover {background: #2E3549;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li a {width: 95%;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li .img-area {margin-right: 10px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li .time-area {margin-top: 5px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul li i {color: #A5A5A5;margin-right: 0;}  .header-section .sidebar-wrapper {position: absolute;top: 0;width: 150px;left: -220px;padding: 20px;background: var(--section-color);box-shadow: 0px 20px 50px rgba(44, 63, 88, 0.15);transform: translateX(150px);transition: 0.3s;height: 100vh;z-index: 1;overflow-x: hidden;overflow-y: scroll;}  .header-section .sidebar-wrapper.active {opacity: 1;left: -140px;visibility: visible;transform: translateX(0px);}  .header-section .sidebar-wrapper::-webkit-scrollbar {width: 0;}  .header-section .sidebar-wrapper .close-btn {display: none;cursor: pointer;}  .header-section .sidebar-wrapper .close-btn i {position: absolute;right: 10px;top: 10px;color: var(--para-alt-color);font-size: 24px;}  .header-section .sidebar-wrapper .sidebar-logo {margin-bottom: 20px;}  .header-section .sidebar-wrapper .sidebar-logo a {justify-content: center;}  .header-section .sidebar-wrapper .sidebar-logo .logo {display: none;}  .header-section .sidebar-wrapper ul li {padding: 9px 10px;transition: 0.3s;background: #333A4E;margin-bottom: 25px;border-radius: 30px;position: relative;}  .header-section .sidebar-wrapper ul li .abs-item {padding: 0px 10px;position: absolute;right: 18px;top: -10px;color: #FAC400;background: #333137;border-radius: 20px;}  .header-section .sidebar-wrapper ul li .abs-item.amount {color: #00D675;background: #1B5C4E;}  .header-section .sidebar-wrapper ul li:hover, .header-section .sidebar-wrapper ul li.active {background: var(--primary-color);}  .header-section .sidebar-wrapper ul li:hover .icon-area, .header-section .sidebar-wrapper ul li.active .icon-area {background: rgba(255, 255, 255, 0.3);}  .header-section .sidebar-wrapper ul li:hover span, .header-section .sidebar-wrapper ul li:hover i, .header-section .sidebar-wrapper ul li.active span, .header-section .sidebar-wrapper ul li.active i {color: var(--bs-white);}  .header-section .sidebar-wrapper ul li a {display: flex;align-items: center;justify-content: center;}  .header-section .sidebar-wrapper ul li .icon-area {display: flex;align-items: center;justify-content: center;min-width: 40px;min-height: 40px;max-width: 40px;max-height: 40px;background: #404965;border-radius: 30px;transition: 0.3s;}  .header-section .sidebar-wrapper ul li span, .header-section .sidebar-wrapper ul li i {color: var(--para-alt-color);font-size: 24px;font-weight: 700;transition: 0.3s;}  .header-section .sidebar-wrapper ul li span {display: none;margin-left: 10px;font-size: 16px;}  .header-section .sidebar-wrapper ul li img {margin-right: 0;width: 35%;}  .header-section.body-collapse {margin-left: 240px;width: calc(100% - 240px);}  .header-section.body-collapse .navbar-area .sidebar-icon {left: -5px;}  .header-section.body-collapse .sidebar-logo .logo {display: block;}  .header-section.body-collapse .sidebar-logo a {justify-content: start;}  .header-section.body-collapse .sidebar-wrapper {width: 240px;left: -390px;}  .header-section.body-collapse .sidebar-wrapper ul li span {display: block;}  .header-section.body-collapse .sidebar-wrapper ul li img {width: auto;margin-right: 10px;}  .header-section.body-collapse .sidebar-wrapper ul li a {justify-content: start;}  .breadcrumb-section {margin-top: 100px;background: #2E3549;padding: 32px 30px 18px;}  .breadcrumb-section .breadcrumb-area .breadcrumb li {display: flex;align-items: center;color: var(--para-color);padding: 0;}  .breadcrumb-section .breadcrumb-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before {content: "A";display: inline-block;font-family: "arafat font";rotate: 180deg;font-weight: 600;font-size: 12px;line-height: 1;padding: 0 15px;}  .footer-area {border-top: 1px solid #3D3C6B;}  .log-reg.cmn-popup .modal-dialog {max-width: 500px;}  .log-reg.cmn-popup .modal-content {border-radius: 10px;background: var(--section-color);padding: 30px;}  .log-reg .modal-header {border: none;}  .log-reg .modal-body {padding: 0;}  .log-reg .form-area .forget .checkbox-wrapper {display: block;position: relative;padding-left: 30px;cursor: pointer;display: flex;align-items: center;}  .log-reg .form-area .forget .checkbox-wrapper input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}  .log-reg .form-area .forget .checkbox-wrapper input:checked ~ .checkmark:after {display: block;background-image: url(../images/icon/check-box.png);background-repeat: no-repeat;width: 13px;height: 10px;background-position: center;}  .log-reg .form-area .forget .checkbox-wrapper .checkmark {position: absolute;left: 0;height: 20px;width: 20px;background-color: #282F41;border-radius: 5px;display: flex;align-items: center;justify-content: center;}  .log-reg .form-area .forget .checkbox-wrapper .checkmark::after {content: "";position: absolute;display: none;background-image: unset;}  .log-reg .form-area .forget a {color: var(--para-color);}  .log-reg .form-area .cmn-btn {border-radius: 10px;width: 100%;margin-top: 30px;}  .log-reg .btn-area a {text-align: center;}  .log-reg .bottom-area button {background: transparent;justify-content: center;color: var(--bs-white);display: block;}  .log-reg .bottom-area button.active {display: none;}  .log-reg .bottom-area span {color: var(--para-color);}  .log-reg .regMod .form-control {margin-bottom: 0;margin-top: 20px;}  .log-reg .regMod .joining {margin-top: 20px;}  .log-reg .regMod .or {margin-top: 20px;}  .collapse-section {padding-left: 20px;padding-right: 20px;margin-left: 140px;width: calc(100% - 140px);transition: all 0.8s;}  .loader-block, .loader {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}  .collapse-section.body-collapse {width: calc(100% - 240px);margin-left: 240px;}  .latest-activites {margin-top: 100px;}  .latest-activites .top-bar {margin-bottom: 15px;}  .latest-activites .single-box {padding: 15px 10px;background: #2E3549;margin: 0 10px;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;}  .latest-activites .single-box .border-gradient {height: 40px;width: 40px;border-radius: 10px;display: flex;justify-content: center;}  .latest-activites .single-box .border-gradient::before {border-radius: 10px;}  .latest-activites .single-box .title-area span {font-size: 12px;line-height: 14px;}  .latest-activites .single-box .number {padding: 10px 15px;background: rgba(93, 218, 29, 0.1);border-radius: 10px;color: #5DDA1D;margin-left: 20px;}  .paid-surveys .get-paid {background: url(../images/get-paid-coin.png), url(../images/get-paid-bg.png);background-position: right bottom, bottom right;background-size: 10%, auto;background-repeat: no-repeat;padding: 0 60px;}  .paid-surveys .get-paid::before {position: absolute;content: "";border-radius: 10px;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: linear-gradient(180deg, #5502E4 0%, #591E9E 100%);}  .paid-surveys .get-paid h1 .typed, .paid-surveys .get-paid h1 .typed-cursor {color: var(--bs-white);font-size: 50px;}  .paid-surveys .get-paid .xltxt {margin: 12px 0 25px;}  .paid-surveys .get-paid .sec-area {left: 0;}  .paid-surveys .get-paid .shape-area img {animation: spin 20s infinite linear;position: absolute;z-index: -1;}  .paid-surveys .get-paid .shape-area .shape-1 {left: 0;}  .paid-surveys .get-paid .shape-area .shape-2 {bottom: 0;left: 20%;}  .paid-surveys .get-paid .shape-area .shape-3 {top: 0;right: 0;}  .paid-surveys .get-paid .shape-area .shape-4 {top: 0;left: 30%;}  .counter-section .border-gradient {height: 80px;min-width: 80px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}  .counter-section .border-gradient::before {border-radius: 50%;}  .counter-section .single-box {padding-right: 35px;}  .counter-section .single-box h5 {margin-bottom: 5px;color: var(--secondary-color);}  .how-works {border: 1px solid #47506A;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 20px;padding-left: 60px;}  .how-works ul button {display: flex;align-items: center;width: 100%;background-color: transparent;border: 1px solid #2E3549;border-radius: 10px;padding: 20px;gap: 20px;transition: 0.3s;}  .how-works ul button.active {background: #185330;}  .how-works ul button.active .xxltxt {background-color: #237042;color: var(--bs-white);}  .how-works ul .xxltxt {width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background: #3D4661;border-radius: 40px;color: var(--secondary-color);transition: 0.3s;}  .ugetpaid-profitable .single-box {background: #2E3549;border-radius: 20px;display: flex;gap: 15px;}  .ugetpaid-profitable .single-box .image-area img {max-width: unset;}  .ugetpaid-profitable .text-area .title-area {margin-top: 20px;}  .ugetpaid-profitable .text-area h5 {margin-bottom: 6px;}  .ugetpaid-profitable .border-gradient {min-width: 80px;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}  .ugetpaid-profitable .border-gradient::before {border-radius: 50%;}  .ugetpaid-profitable .grid-area {display: grid;}  .ugetpaid-profitable .grid-area .text-area {display: flex;gap: 20px;margin-top: 30px;}  .ugetpaid-profitable .grid-area .image-area img {max-width: 100%;}  .ugetpaid-profitable .grid-area .text-area .title-area {margin-top: 0;}  .faqs-section {background-image: url(../images/faq-bg.png);background-repeat: no-repeat;background-size: contain;background-position: left;position: relative;}  .faqs-section::before {position: absolute;content: "";width: 100%;background: var(--section-color);border-radius: 10px;height: 100%;top: 0;left: 0;z-index: -1;}  .faqs-section .accordion .accordion-item {margin-bottom: 20px;background-color: var(--section-color);border-radius: 10px;border: none;}  .faqs-section .accordion .accordion-item:last-child {margin-bottom: 0;}  .faqs-section .accordion .accordion-item .accordion-header {position: relative;display: flex;align-items: center;background: #3E4762;border-top-left-radius: 10px;border-top-right-radius: 10px;margin-top: 0;margin-bottom: 1px;}  .faqs-section .accordion .accordion-item .accordion-header::after {position: absolute;left: 20px;z-index: 3;width: 30px;height: 30px;margin-left: auto;content: "";background-image: url(../images/icon/faq-icon.png);background-repeat: no-repeat;}  .faqs-section .accordion .accordion-item .accordion-button {padding: 20px;padding-left: 70px;background: #3E4762;border-radius: 10px;font-size: inherit;font-weight: inherit;color: inherit;border: none;}  .faqs-section .accordion .accordion-item .accordion-button::after {flex-shrink: 0;width: 18px;height: 5px;content: "";background-image: url(../images/icon/minus.png);background-repeat: no-repeat;background-size: 18px;position: absolute;right: 28px;transition: all ease 0.3s;}  .faqs-section .accordion .accordion-item .accordion-button::before {content: "";position: absolute;right: 20px;width: 35px;height: 35px;background: #505E86;border-radius: 18px;}  .faqs-section .accordion .accordion-item .accordion-button.collapsed::after {width: 18px;height: 18px;content: "";background-image: url(../images/icon/plus.png);background-repeat: no-repeat;background-size: 18px;transform: rotate(-90deg);transition: all ease 0.3s;}  .faqs-section .accordion .accordion-item .accordion-collapse {border: none;}  .faqs-section .accordion .accordion-item .accordion-collapse .accordion-body {padding: 0 20px;background: #3E4762;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}  .faqs-section .accordion .accordion-item .accordion-collapse .accordion-body p {padding: 20px 0;}  .faqs-section.support {background-image: none;padding: 60px;background: #22293A;}  .faqs-section.support .section-header a {color: var(--primary-color);}  .faqs-section.support .accordion .accordion-item {background: #22293A;}  .faqs-section.support .accordion .accordion-item .accordion-header::after {display: none;}  .faqs-section.support .accordion .accordion-item .accordion-header .accordion-button {padding-left: 20px;background-color: #2E3549;}  .faqs-section.support .accordion .accordion-item .accordion-collapse .accordion-body {background: #2E3549;}  .faqs-section.support .cmn-btn span {color: var(--body-color);font-weight: 700;}  .faqs-section.support .cmn-btn:hover span {color: var(--bs-white);}  .faqs-section.support .cmn-btn.alt span {color: var(--bs-white);}  .faqs-section.support .nav {padding: 10px;gap: 20px;border: 1px solid #5D6888;border-radius: 15px; /*justify-content: space-between;*/}  .testimonials .single-slide {background: var(--section-color);padding: 40px 30px 35px;border-radius: 15px;margin: 0 15px;position: relative;}  .testimonials .quotation-area {margin: auto;right: 15px;top: 15px;}  .testimonials .img-area img {margin: auto;border-radius: 50%;}  .testimonials .star-area i {color: #FFB32B;font-size: 16px;}  .testimonials .bottom-area {border-top: 1px solid #626F95;margin-top: 20px;padding-top: 20px;}  .testimonials .designation {margin-left: 20px;}  .testimonials .designation h6 {font-weight: 500;margin-bottom: 5px;}  .testimonials .slick-arrow {display: none !important;}  .call-action .section-text p {margin-bottom: 20px;}  .social-area .main-content {background-color: #0DCE93;background-image: url(../images/social-area-bg.png);background-position: center;background-size: 100%;background-repeat: no-repeat;border-radius: 30px;}  .social-area .social a {border-radius: 50%;background: transparent;border: 1px solid #000000;transition: 0.3s;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;}  .social-area .social a:hover {background: #FFFFFF;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);border-color: transparent;}  .social-area .social a:hover i {color: #0DCE93;}  .social-area .social i {color: #000000;font-size: 24px;transition: 0.3s;}  .social-area p {color: #000000;}  .featured-offer .bg-area {background: linear-gradient(180deg, #2E3549 0%, #2F1151 100%);border-radius: 10px;height: 62%;width: 100%;top: 0;z-index: -1;}  .featured-offer .bg-area::before {position: absolute;content: "";border-radius: 10px;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: url(../images/featured-raylight.png);background-position: center;background-repeat: no-repeat;}  .featured-offer .shape-area img {position: absolute;z-index: -1;}  .featured-offer .shape-area .shape {animation: spin 15s infinite linear;}  .featured-offer .shape-area .shape-1 {left: 0;}  .featured-offer .shape-area .shape-2 {top: 10%;left: 20%;}  .featured-offer .shape-area .shape-3 {top: 40%;right: 15%;}  .featured-offer .shape-area .coin {bottom: 0;left: 0;}  .featured-offer .shape-area .coin-2 {right: 0;left: initial;}  .featured-offer .single-box {background: #2E3549;border: 1px solid #4C5179;border-radius: 15px;text-align: center;padding: 10px;padding-bottom: 20px;}  .featured-offer .single-box-results {background: #2E3549;border: 1px solid #4C5179;border-radius: 5px;text-align: center;padding: 0px 30px 0px 30px; /*padding-bottom: 10px;*/}  .featured-offer .single-box .img-area img {display: flex;align-items: center;justify-content: center;background: #1A1F2C;border-radius: 5%;margin: auto;width: 232px;height: 232px;}  .featured-offer .single-box h6 {margin: 11px 0 16px;}  .featured-offer .single-box .cmn-btn {font-size: 14px;line-height: 18px;padding: 10px 15px;}  .featured-offer .single-box .cmn-btn.alt {background: rgba(9, 182, 94, 0.1);border: 1px solid rgba(9, 182, 94, 0.8);color: #00FF7D;}  .featured-offer .single-box .cmn-btn.alt:hover {color: var(--bs-white);}  .offer-walls .justify-custom {justify-content: center;}  .offer-walls .single-box {display: flex;gap: 20px;align-items: center;background: linear-gradient(111.93deg, #2E3549 28.25%, #2E1212 101.36%);box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);padding: 10px;padding-right: 20px;border-radius: 10px;}  .offer-walls .single-box .img-area img {max-width: unset;}  .offer-walls .second {background: linear-gradient(111.93deg, #2E3549 28.25%, #392F1B 101.36%);box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);}  .offer-walls .third {background: linear-gradient(111.93deg, #2E3549 28.25%, #1C341D 101.36%);box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);}  .offer-walls .four {background: linear-gradient(111.93deg, #2E3549 28.25%, #352035 101.36%);box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);}  .offer-walls .five {background: linear-gradient(111.93deg, #2E3549 28.25%, #12292E 101.36%);box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);}  .offer-walls .cmn-btn {font-size: 16px;line-height: 20px;padding: 10px 15px;}  .offer-walls .cmn-btn.alt {background: rgba(9, 182, 94, 0.1);border: 1px solid rgba(9, 182, 94, 0.8);}  .offer-walls .cmn-btn.alt:hover {color: var(--bs-white);}  .offer-walls .text-area {width: 100%;}  .offer-walls .progress {background: #2A424B;border-radius: 10px;height: 10px;margin-top: 4px;}  .offer-walls .progress-bar {height: 10px;border-radius: 5px;background-color: #109F5A;width: 65%;}  .offer-walls.offer-walls-page .sidebar-items {background: #2E3549;border: 1px solid #474F65;border-radius: 10px;padding: 20px;}  .offer-walls.offer-walls-page .sidebar-items .single-item {border-top: 1px solid #455070;margin-top: 0;padding-top: 15px;}  .offer-walls.offer-walls-page .sidebar-items .text-area {text-align: start;}  .offer-walls.offer-walls-page .sidebar-items .text-area .head-area {font-weight: 600;color: var(--bs-white);}  .offer-walls.offer-walls-page .sidebar-items .nav-link {background-color: transparent;}  .offer-walls.offer-walls-page .sidebar-items .nav-link:hover .single-box, .offer-walls.offer-walls-page .sidebar-items .nav-link.active .single-box {background: #3E4761;}  .offer-walls.offer-walls-page .sidebar-items .single-box {padding: 15px;border-radius: 15px;flex-wrap: wrap;justify-content: space-between;margin: 0;box-shadow: none;background: transparent;transition: 0.3s;}  .offer-walls.offer-walls-page .sidebar-items .single-box.initial {flex-wrap: initial;}  .offer-walls.offer-walls-page .progress {height: 5px;background-color: #486A77;}  .offer-walls.offer-walls-page .progress .progress-bar {background-color: #109F5A;}  .serveys {background: #1B202E;border: 1px solid #535E7C;border-radius: 10px;padding-left: 15px;padding-right: 15px;}  .watch-videos .single-box {text-align: center;background: linear-gradient(163.9deg, #2E3549 16.52%, #12292E 88.89%);border: 1px solid #535E7C;border-radius: 10px;padding-top: 80px;padding-bottom: 80px;}  .watch-videos .single-box h2 {margin-top: 30px;}  .watch-videos .second {background: linear-gradient(166.65deg, #2E3549 14.88%, #392F1B 95.71%);}  .watch-videos .third {background: linear-gradient(166.65deg, #2E3549 14.88%, #352035 95.71%);}  .watch-videos .icon-area {width: 240px;height: 240px;border: 1px solid #535E7C;border-radius: 50%;display: grid;margin: auto;align-items: center;justify-content: center;}  .watch-videos.points .four {background: linear-gradient(163.9deg, #2E3549 16.52%, #2D122E 88.89%);}  .watch-videos.points .five {background: linear-gradient(166.65deg, #2E3549 14.88%, #391B1B 95.71%);}  .cmn-popup .modal-header {border-radius: 10px;}  .cmn-popup .modal-dialog {max-width: 1000px;}  .cmn-popup .modal-content {background: #3C3E5C;box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.15);border-radius: 20px;border-radius: 20px;}  .cmn-popup .modal-content .modal-header {right: 8px;top: 8px;padding: 0;border: none;}  .cmn-popup .modal-content .modal-header button {background: transparent;padding: 0;margin: 0;}  .cmn-popup .modal-content .modal-header button:focus {box-shadow: none;}  .cmn-popup .modal-content .modal-header button i {color: #fff;font-size: 18px;}  .cmn-popup .modal-content .main-content {padding: 30px;}  .start-offer-popup .modal-dialog {max-width: 500px;}  .start-offer-popup .modal-dialog .option-area {display: flex;gap: 20px;align-items: end;}  .start-offer-popup .modal-dialog .option-area .single-box {padding: 5px 15px;gap: 10px;display: flex;margin: 0;align-items: center;justify-content: center;background: rgba(9, 182, 94, 0.1);border: 1px solid rgba(21, 77, 48, 0.8);border-radius: 10px;color: #00FF7D;font-size: 14px;line-height: 18px;font-weight: 700;}  .start-offer-popup .modal-dialog .option-area .icon-area {width: 24px;height: 24px;background: #0E311F;border-radius: 5px;display: flex;justify-content: center;align-items: center;}  .start-offer-popup .modal-dialog .option-area .icon-area img {width: 15px;}  .start-offer-popup .modal-dialog .option-area .cmn-btn {border: 1px solid transparent;}  .start-offer-popup .modal-dialog .option-area .cmn-btn:hover {border: 1px solid #09b65e;}  .start-offer-popup .modal-dialog .content-box {margin-top: 10px;padding: 30px;background: #2F304A;border: 1px solid #575988;border-radius: 15px;}  .start-offer-popup .modal-dialog .content-box ul li {position: relative;z-index: 0;margin-top: 10px;padding-left: 15px;display: flex;align-items: center;}  .start-offer-popup .modal-dialog .content-box ul li::before {position: absolute;content: "";background: #397D15;border-radius: 50%;left: 0;z-index: -1;width: 6px;height: 6px;}  .survery-popup .modal-dialog {max-width: 1060px;}  .survery-popup .modal-content {background: #3C3E5C;box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.15);border-radius: 20px;}  .survery-popup .option-area {display: flex;gap: 20px;align-items: center;}  .survery-popup .option-area .icon-area {width: 60px;height: 50px;background: rgba(9, 182, 94, 0.1);border: 1px solid rgba(21, 77, 48, 0.8);border-radius: 10px;display: flex;justify-content: center;align-items: center;}  .survery-popup .option-area .icon-area img {width: 30px;}  .survery-popup .content-box {padding: 20px;background: #404365;border: 1px solid #575988;border-radius: 15px;margin-top: 40px;display: grid;gap: 15px;}  .survery-popup .content-box .single-box {padding: 30px;background: #2E3549;margin: 0;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;}  .survery-popup .left-area {display: flex;gap: 30px;width: 75%;}  .survery-popup .info-area .single-item {display: flex;align-items: baseline;gap: 8px;padding: 5px 13px;background: #1B5C4E;border-radius: 5px;}  .survery-popup .info-area .single-item span {color: var(--bs-white);}  .survery-popup.earn-with-survery .content-box {background-color: transparent;padding: 0;border-color: transparent;margin-top: 20px;}  .survery-popup.earn-with-survery .right-area .xltxt {display: block;}  .survery-popup.earn-with-survery .tips-for-surveys {padding: 30px;border: 1px solid #515B78;border-radius: 15px;}  .survery-popup.earn-with-survery .tips-for-surveys .icon-area {width: 60px;min-width: 60px;height: 60px;background: #2E3549;border-radius: 30px;display: flex;align-items: center;justify-content: center;}  .survery-popup.earn-with-survery .tips-for-surveys li {color: var(--bs-white);margin-top: 6px;}  .user-info-popup .modal-dialog {max-width: 684px;}  .user-info-popup .modal-content {background: #222337;box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.2);border-radius: 15px;}  .user-info-popup .border-gradient {border-radius: 50%;}  .user-info-popup .border-gradient img, .user-info-popup .border-gradient::before {border-radius: 50%;}  .user-info-popup .progress {background: #2A424B;border-radius: 10px;height: 8px;margin-top: 4px;}  .user-info-popup .progress-bar {height: 8px;border-radius: 5px;background-color: #109F5A;width: 65%;}  .user-info-popup .single-box {background: #2E3549;border-radius: 15px;text-align: -webkit-center;}  .user-info-popup .single-box h5 {color: #109F5A;}  .user-info-popup .chart-area {padding: 40px;padding-bottom: 0;margin-bottom: 20px;background: #1E1F30;border: 1px solid #313351;border-radius: 8px;}  .user-info-popup .chart-area .head-area span {color: #109F5A;font-weight: 600;}  .user-info-popup.information .main-content {padding: 30px;background: #232A3C;border: 1px solid #3C4663;border-radius: 15px;}  .user-info-popup.information .main-content .text-area h5 {color: var(--bs-white);}  .user-info-popup.information .inform-area .main-content {padding: 60px 30px;background: #1E2433;border: 1px solid #3C4560;border-radius: 20px;}  .user-info-popup.information .inform-area .single-area {padding: 20px;background: #232A3B;border-radius: 15px;}  .user-info-popup.information .inform-area li {padding: 18px 20px;background: #2E3549;border: 1px solid #3D4660;border-radius: 10px;margin-top: 10px;display: flex;justify-content: space-between;}  .user-info-popup.information .inform-area li .lgtxt {color: var(--primary-color);font-weight: 600;}  .user-info-popup.information .inform-area .form-area {padding: 20px;background: #2E3549;border: 1px solid #3D4660;border-radius: 10px;}  .user-info-popup.information form .head-item {border-bottom: 1px solid #515B77;margin-bottom: 15px;padding-bottom: 15px;}  .user-info-popup.information form .single-item {padding: 20px;background: #2E3549;border: 1px solid #3D4660;border-radius: 10px;margin-top: 15px;}  .user-info-popup.information form .single-item input {margin: 0;background: #2A2C43;border: 1px solid #3E4761;}  .user-info-popup.information form .single-item .cmn-btn {padding: 14px 35px;}  .user-info-popup.information form .single-item .form-text {font-size: 10px;color: var(--para-color);}  .user-info-popup.information .radio-area {padding: 10px 30px;border: 1px solid #3D4660;border-radius: 10px;margin-top: 20px;}  .user-info-popup.information .single-radio {display: block;position: relative;cursor: pointer;user-select: none;display: flex;align-items: center;padding: 8px 45px;}  .user-info-popup.information .single-radio:hover input ~ .checkmark {background-color: transparent;}  .user-info-popup.information .single-radio .amount {color: var(--primary-color);margin-left: 5px;}  .user-info-popup.information .single-radio .checkmark {position: absolute;left: 15px;height: 15px;width: 15px;background-color: transparent;border: 1px solid var(--bs-white);border-radius: 50%;display: flex;align-items: center;justify-content: center;}  .user-info-popup.information .single-radio .checkmark::after {content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: transparent;}  .user-info-popup.information .single-radio input {position: absolute;opacity: 0;cursor: pointer;}  .user-info-popup.information .single-radio input:checked ~ .checkmark {background-color: transparent;border: 1px solid var(--primary-color);}  .user-info-popup.information .single-radio input:checked ~ .checkmark::after {display: block;background: var(--primary-color);}  .user-info-popup.information .affiliates-link {padding: 30px;background: #2E3549;border-radius: 15px;}  .user-info-popup.information .affiliates-link .your-code {display: flex;gap: 30px;}  .user-info-popup.information .affiliates-link .your-code p {padding: 15px 30px;width: 100%;border: 1px solid #3F4C71;border-radius: 15px;}  .user-info-popup.information .affiliates-link .your-code p span {color: var(--secondary-color);}  .user-info-popup.information .affiliates-link .your-code .cmn-btn {width: 15%;}  .user-info-popup.information .delete-acc {padding: 20px;background: #232A3B;border-radius: 15px;}  .user-info-popup.information .delete-acc .content-area {padding: 20px;background: #2E3549;border: 1px solid #3D4660;border-radius: 10px;}  .user-info-popup.information .delete-acc .cmn-btn {background-color: #EA1F37;color: var(--bs-white);}  .delete-acc .content-area {padding: 20px;background: #2E3549;border: 1px solid #3D4660;border-radius: 10px;}  .delete-acc .cmn-btn {background-color: #EA1F37;color: var(--bs-white);}  .offer-walls-page .heading-area {padding: 30px;background: #1B5C4E;border-radius: 15px;}  .offer-walls-page .heading-area .category-area {border-top: 1px solid #267967;margin-top: 20px;padding-top: 30px;}  .offer-walls-page .heading-area .category-area .single-box {padding: 0;}  .offer-walls-page .heading-area .cmn-btn {background-color: #298470;color: var(--bs-white);padding: 15px 25px;}  .offer-walls-page .earn-with-survery .cmn-btn p, .offer-walls-page .earn-with-survery .cmn-btn span {color: inherit;font-weight: 600;}  .withdraw-area .single-items {background: #242938;border: 1px solid #525C79;border-radius: 20px;padding: 40px 30px;margin-top: 30px;}  .withdraw-area .single-items .item-list {border-top: 1px solid #53659A;padding-top: 30px;margin-top: 30px;display: flex;}  .withdraw-area .single-items .item-list.giftcards {column-count: 5;display: inline-block;}  .withdraw-area .single-items .single-box {padding: 0;}  .withdraw-area .single-items button {background-color: transparent;}  .withdraw-area .single-items button img {border-radius: 5px;}  .withdraw-popup .modal-dialog {max-width: 805px;}  .withdraw-popup .main-content {background: #202534;border: 1px solid #2E3549;box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.2);border-radius: 20px;display: grid;gap: 30px;}  .withdraw-popup .head-area {padding: 20px;gap: 30px;background: #272C3E;border-radius: 15px;}  .withdraw-popup .input-box-area {padding: 20px;background: #2E3549;border: 1px solid #404A65;border-radius: 15px;display: grid;gap: 30px;}  .withdraw-popup form {display: grid;gap: 30px;}  .withdraw-popup .info-area {display: flex;justify-content: center;align-items: center;padding: 30px 20px;padding-bottom: 0;gap: 30px;border: 1px dashed #515E83;border-radius: 15px;}  .withdraw-popup .info-area .single-box {width: 100%;padding: 10px 30px;text-align: center;background: #2E3549;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);border-radius: 10px;}  .withdraw-popup .info-area h6 {margin-top: 6px;}  .withdraw-popup .info-area .highlight {color: var(--primary-color);}  .price-area { /*background: url(../images/price-area-banner.png);*/background-position: center top;background-repeat: no-repeat;}  .price-area .price-icon-area {background-image: url(../images/price-area-bg.png);background-position: center top;background-size: cover;background-repeat: no-repeat;background-color: #206C55;text-align: center;border-radius: 15px;}  .price-area .price-icon-area p {padding: 20px 30px;background: #22965B;border-radius: 10px;text-align: center;font-weight: 700;color: var(--bs-white);}  .leaderboard-section .nav {border: 1px solid #3D4660;border-radius: 10px;padding: 10px;}  .leaderboard-section .nav .cmn-btn span {color: var(--bs-white);font-weight: 600;}  .leaderboard-section .nav .cmn-btn.active {background: #373F56;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);}  .leaderboard-section .countdown h5 {margin: 0 2px;}  .leaderboard-section .countdown .days, .leaderboard-section .countdown .hours, .leaderboard-section .countdown .minutes {color: var(--secondary-color);}  .leaderboard-section .abs-area {top: 12px;}  .leaderboard-section .border-gradient {border-radius: 50%;}  .leaderboard-section .border-gradient::before, .leaderboard-section .border-gradient .profile img {border-radius: 50%;}  .leaderboard-section .single-box {text-align: center;background: #1F2432;border: 1px solid #3D4660;border-radius: 15px;}  .leaderboard-section .single-box .coin-bonus {position: relative;}  .leaderboard-section .single-box .coin-bonus::before {position: absolute;content: "";left: 50%;top: 0;width: 1px;height: 100%;background: #D7D6D6;}  .leaderboard-section .single-box .coin-bonus p {color: var(--bs-white);}  .leaderboard-section .single-box .coin-bonus p.mdtxt {color: var(--primary-color);}  .leaderboard-section .single-box .abs-top {padding: 30px 10px 20px;position: absolute;right: 20px;top: 0px;background: #00FF8B;border-radius: 0px 0px 30px 30px;}  .leaderboard-section .single-box .abs-top p {color: #1A1F2C;font-weight: 600;}  .leaderboard-section .info-area p {color: var(--secondary-color);margin-top: 6px;}  .leaderboard-section .table {border-collapse: separate;border-spacing: 0 20px;}  .leaderboard-section .table .grid-area {text-align: center;}  .leaderboard-section .table .grid-area span {display: block;}  .leaderboard-section .table .grid-area span:last-child {color: var(--secondary-color);}  .leaderboard-section .table tr {background: #1F2432;}  .leaderboard-section .table tr .img-area {margin-right: 10px;}  .leaderboard-section .table tr span {color: var(--bs-white);font-weight: 600;}  .leaderboard-section .table th {border-left: 1px solid #3D4660;width: 100px;}  .leaderboard-section .table th span {padding: 15px 10px;background: #2C3346;border-radius: 10px;}  .leaderboard-section .table td:first-child {width: 20%;}  .leaderboard-section .table td:last-child {border-right: 1px solid #3D4660;text-align: end;}  .leaderboard-section .table td, .leaderboard-section .table th {padding: 20px 40px;border-top: 1px solid #3D4660;border-bottom: 1px solid #3D4660;}  .leaderboard-section .table .border-left {border-bottom-left-radius: 10px;border-top-left-radius: 10px;}  .leaderboard-section .table .border-right {border-bottom-right-radius: 10px;border-top-right-radius: 10px;}  .leaderboard-section ::-webkit-scrollbar-track, .leaderboard-section ::-webkit-scrollbar-button, .leaderboard-section ::-webkit-scrollbar-thumb {background-color: transparent;}  .pagination li {margin: 0 5px;}  .pagination .page-item, .pagination .page-link {width: 52px;height: 54px;background: #2C3346;font-weight: 700;border-radius: 15px;border: none;color: var(--para-color);display: flex;justify-content: center;align-items: center;}  .pagination .page-item:first-child, .pagination .page-item:last-child, .pagination .page-link:first-child, .pagination .page-link:last-child {border-radius: 15px;}  .pagination .page-item i, .pagination .page-link i {font-size: 14px;}  .pagination .page-item:hover, .pagination .page-item.active, .pagination .page-link:hover, .pagination .page-link.active {background-color: #00FF8B;color: #1A1F2C;}  .color-timer {color: #FFFFFF;}  .rewards-section .top-area {padding: 30px 20px;background: #212737;border-radius: 15px;}  .rewards-section .affiliates-area {padding: 30px 20px;background: #212737;border-radius: 15px;}  .rewards-section .affiliates-area h5, .rewards-section .affiliates-area span {color: var(--secondary-color);}  .rewards-section .affiliates-area .social-area .social a {border: 1px solid #BDC4DA;}  .rewards-section .affiliates-area .social-area .social a i {color: #BDC4DA;}  .rewards-section .affiliates-area .social-area .social a:hover {background-color: #098E52;border-color: transparent;}  .rewards-section .affiliates-area .social-area .social a:hover i {color: var(--bs-white);}  .rewards-section .price-win-area {padding: 10px 18px 13px;background: #131620;border: 1px solid #303952;border-radius: 10px;column-count: 7;}  .rewards-section .price-win-area .single-box {padding: 30px;background: linear-gradient(180deg, #2E3549 0%, #183327 100%);box-shadow: 0px 4px 0px #0E5434;border-radius: 10px;text-align: center;margin: 0;}  .rewards-section .price-win-area .single-box .icon-area {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: rgba(46, 53, 73, 0.5);border-radius: 10px;margin: auto;}  .rewards-section .price-win-area .single-box p {color: #BDC4DA;margin: 25px 0 10px;}  .rewards-section .price-win-area .single {width: 100%;}  .rewards-section .price-win-area .single:nth-child(2) .single-box {background: linear-gradient(180deg, #2E3549 0%, #202743 100%);box-shadow: 0px 4px 0px #2A345C;}  .rewards-section .price-win-area .single:nth-child(3) .single-box {background: linear-gradient(180deg, #2E3549 0%, #1B4446 100%);box-shadow: 0px 4px 0px #255C5F;}  .rewards-section .price-win-area .single:nth-child(4) .single-box {background: linear-gradient(180deg, #2E3549 0%, #40461B 100%);box-shadow: 0px 4px 0px #765E31;}  .rewards-section .price-win-area .single:nth-child(5) .single-box {background: linear-gradient(180deg, #2E3549 0%, #34142B 100%);box-shadow: 0px 4px 0px #411A36;}  .rewards-section .price-win-area .single:nth-child(7) .single-box {background: linear-gradient(180deg, #2E3549 0%, #461B1B 100%);box-shadow: 0px 4px 0px #5A2323;}  .rewards-section .price-win-area .single:nth-child(8) .single-box {background: linear-gradient(180deg, #2E3549 0%, #142459 100%);box-shadow: 0px 4px 0px #1A2E70;}  .rewards-section .users-referred {padding: 20px 0;}  .rewards-section .users-referred .single-box {display: flex;gap: 20px;align-items: center;justify-content: center;background: #2E3549;border-radius: 15px;}  .rewards-section .users-referred .icon-area {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: #434D6D;border-radius: 30px;}  .rewards-section .affiliates-link {padding: 30px;background: #2E3549;border-radius: 15px;}  .rewards-section .affiliates-link .your-code {display: flex;gap: 30px;}  .rewards-section .affiliates-link .your-code p {padding: 15px 30px;width: 100%;border: 1px solid #3F4C71;border-radius: 15px;}  .rewards-section .affiliates-link .your-code p span {color: var(--secondary-color);}  .rewards-section .affiliates-link .your-code .cmn-btn {width: 15%;}  .rewards-section .streak-rewards {padding: 20px 5px;background: #242A3C;border-radius: 20px;}  .rewards-section .streak-rewards .head-area {padding: 20px;background: #2E3549;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}  .rewards-section .streak-rewards .head-area p span {color: var(--secondary-color);}  .rewards-section .streak-rewards .streak-content {margin: 0 10px;}  .rewards-section .streak-rewards .streak-content .cus-mar {column-count: 6;}  .rewards-section .streak-rewards .single-box {padding: 20px 10px;border: 1px solid #3C455F;border-radius: 15px;text-align: center;}  .rewards-section .streak-rewards .single-box h6 {margin: 10px 0 5px;}  .rewards-section .streak-rewards .single-box a {margin-top: 12px;width: 100%;}  .rewards-section .app-download .single-box {display: flex;justify-content: space-between;padding: 30px;background: #2E3549;border-radius: 15px;}  .rewards-section .app-download .single-box .icon-area {width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;background: #434D6D;border-radius: 10px;}  .rewards-section .app-download .single-box .cmn-btn {margin-top: 10px;}  .rewards-section .sidebar-area .bonus-ladder {padding: 30px;background: #212737;border-radius: 15px;}  .rewards-section .sidebar-area .bonus-ladder h5 {color: var(--secondary-color);}  /*borda dos numeros bilhetes disponiveis*/  .rewards-section .sidebar-area .bonus-ladder .single-box {padding: 5px 10px;display: flex;align-items: center;justify-content: center;border: 2px solid #4C5674;margin-bottom: 10px;border-radius: 100%;}  .rewards-section .sidebar-area .bonus-ladder .single-box .icon-area {width: 24px;height: 24px;margin-right: 10px;display: flex;align-items: center;justify-content: center;background: #2A334C;border-radius: 15px;}  .rewards-section .sidebar-area .level-area {background: #2E3549;border-radius: 15px;padding: 20px;}  .rewards-section .sidebar-area .level-area .head-area {display: flex;justify-content: space-between;}  .rewards-section .sidebar-area .level-area .progress {background: #2A424B;border-radius: 10px;height: 8px;margin-top: 4px;}  .rewards-section .sidebar-area .level-area .progress .progress-bar {height: 8px;border-radius: 5px;background-color: #109F5A;width: 65%;}  .rewards-section .sidebar-area .level-area .scale span:first-child {color: var(--secondary-color);}  .rewards-section .sidebar-area .top-wins-area {padding: 20px;background: #242A3B;border-radius: 15px;}  .rewards-section .sidebar-area .top-wins-area .head-area {margin-bottom: 25px;}  .rewards-section .sidebar-area .top-wins-area .head-area h6 {color: var(--secondary-color);margin-top: -30px;}  .rewards-section .sidebar-area .top-wins-area .single-item {margin-top: 10px;padding: 20px;background: #1F2432;border: 1px solid #3D4660;border-radius: 15px;display: flex;gap: 15px;flex-wrap: wrap;align-items: center;justify-content: space-between;}  .rewards-section .sidebar-area .top-wins-area span {padding: 5px 8px;background: rgba(9, 182, 94, 0.1);border: 1px solid rgba(9, 182, 94, 0.8);border-radius: 10px;color: var(--secondary-color);}  .rewards-section .sidebar-area .top-wins-area .border-gradient {display: inline-block;border-radius: 50%;}  .rewards-section .sidebar-area .top-wins-area .border-gradient img, .rewards-section .sidebar-area .top-wins-area .border-gradient::before {border-radius: 50%;}  .giveaway-section { /*background: url(../images/giveaway-illus-1.png), url(../images/giveaway-illus-2.png), url(../images/giveaway-illus-3.png), url(../images/giveaway-bg.png);*/background-position: top left, right top 20px, left center, center top;background-repeat: no-repeat;padding-top: 60px;}  .giveaway-section-image {background: url(../images/giveaway-illus-1.png), url(../images/giveaway-illus-2.png), url(../images/giveaway-bg.png);background-position: top left, right top 20px, left center, center top;background-repeat: no-repeat;padding-top: 60px;}  .giveaway-section .section-text h1 {color: var(--secondary-color);margin-top: 10px;}  .giveaway-section .prizes-win-carousel { /*background: #206C55;*/border-radius: 15px;margin-bottom: 70px;}  .giveaway-section .prizes-win-carousel .single-slide {padding: 30px 0 50px;text-align: center;}  .giveaway-section .prizes-win-carousel .single-slide h6 {margin: 20px 0 15px;}  .giveaway-section .prizes-win-carousel .single-slide .img-area img {margin: auto;}  .top-24-winners h2 {padding: 0 15px;}  .top-24-winners .top-24-winners-carousel {margin-top: 25px;}  .top-24-winners .single-slide {padding: 30px 10px;background: #1F2432;border: 1px solid #343E59;box-shadow: 0px 4px 32px rgba(3, 4, 4, 0.16);border-radius: 15px;margin: 0 5px;text-align: center;transition: all 0.3s;}  .top-24-winners .single-slide:hover {background: linear-gradient(180deg, #2B5548 0%, #2C3448 97.4%);box-shadow: 0px 4px 32px rgba(3, 4, 4, 0.16);border-radius: 15px;}  .top-24-winners .single-slide:hover .profile-area {border-color: #416253;}  .top-24-winners .single-slide .profile-area {border-top: 1px solid #343E59;margin-top: 15px;padding-top: 15px;}  .top-24-winners .single-slide .icon-area {width: 60px;height: 60px;margin: auto;display: flex;align-items: center;justify-content: center;background: #262D3E;border-radius: 10px;}  .top-24-winners .single-slide p {color: var(--primary-color);margin-top: 10px;}  .top-24-winners .slick-arrow {bottom: initial;top: -55px;left: initial;right: 0;}  .top-24-winners .slick-arrow.slick-arafat-prev {right: 4%;}  .top-24-winners .single-content:nth-child(2) {height: 70px;}  .daily-winners {border: 1px solid #475477;border-radius: 24px;padding: 0 15px 80px;}  .daily-winners .nav {margin: 0 30px 0 20px;}  .daily-winners .nav-link {padding: 10px;background-color: transparent;border: 1px solid #343E59;border-radius: 15px;width: 100%;margin: 0 12px;}  .daily-winners .nav-link.active {background: linear-gradient(180deg, #2B5548 0%, #2C3448 97.4%);border-radius: 15px;}  .daily-winners .nav-link .lgtxt {width: 80px;height: 80px;font-weight: 700;color: var(--bs-white);display: flex;align-items: center;justify-content: center;background: #206C55;border-radius: 40px;}  .daily-winners .nav-link .mdtxt {padding: 5px 10px;background: #58BA9C;width: 100%;position: absolute;bottom: 10px;font-size: 12px;line-height: 16px;color: var(--head-color);}  .daily-winners .nav-link .border-area {background: #273531;border: 1px solid #58BA9C;box-shadow: 0px 4px 16px rgba(3, 4, 4, 0.16);display: grid;align-items: center;justify-content: center;width: 100px;height: 100px;margin: auto;border-radius: 50%;overflow: hidden;position: relative;}  .daily-winners .nav-link .cmn-btn {font-size: 12px;line-height: 16px;margin-top: 15px;padding: 10px;width: 100%;}  .daily-winners .tab-content {padding: 20px;background: #23293A;box-shadow: 0px 8px 30px rgba(2, 3, 4, 0.2);border-radius: 20px;}  .daily-winners .tab-content ul {padding: 15px;background: #2E354A;border: 1px solid #566594;border-radius: 10px;padding-bottom: 0;}  .daily-winners .tab-content ul .image-area {margin-right: 15px;}  .daily-winners .tab-content ul li {padding: 20px;background: #3B445E;border-radius: 10px;margin-bottom: 15px;display: flex;flex-wrap: wrap;gap: 15px;align-items: center;justify-content: space-between;}  .daily-winners .tab-content ul p {padding: 10px 15px;background: rgba(93, 218, 29, 0.1);border: 1px solid #2C4239;border-radius: 10px;color: #5DDA1D;}  .daily-winners .top-winners {padding: 20px;background: #2E354A;border: 1px solid #566594;border-radius: 20px;text-align: center;}  .daily-winners .top-winners .head-item {padding: 20px 10px;background: #394159;border-radius: 15px;}  .daily-winners .top-winners .single-item {border-bottom: 1px solid #414E74;padding: 17px 0;}  .daily-winners .top-winners .single-item h5 {color: var(--primary-color);}  .daily-winners .top-winners .single-item:last-child {border: none;}  .daily-winners .slick-arrow {bottom: calc(50% - 10px);}  .daily-winners .slick-arafat-prev {left: -30px;}  .daily-winners .slick-arafat-next {right: -30px;}  .winners-drawing .single-box {padding: 40px 30px;border: 1px solid #566594;border-radius: 20px;text-align: center;}  .winners-drawing .single-box .img-area {width: 300px;height: 300px;display: flex;align-items: center;justify-content: center;background: #2E354A;border-radius: 50%;margin: auto;}  .winners-drawing .single-box .price-item {padding: 15px 30px;background: rgba(230, 184, 90, 0.15);border: 1px solid #ECAF16;border-radius: 30px;margin: 30px 0 25px;display: inline-block;}  .winners-drawing .single-box h6 {color: #00D675;}  .winners-drawing .single-box .countdown {margin-top: 8px;}  .winners-drawing .single-box .countdown h6 {margin: 0 2px;}  .winners-drawing .single-box .countdown span {color: #FFB600;}  .daily-cases-popup .modal-dialog {max-width: 724px;}  .daily-cases-popup .modal-content {background: #252C3F;border: 1px solid #475477;box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);border-radius: 20px;padding: 30px 0 20px;}  .daily-cases-popup .modal-content .main-content {padding: 0;}  .daily-cases-popup .daily-winners {border: none;padding: 0;}  .daily-cases-popup .cus-mar {margin-bottom: -15px;}  .daily-cases-popup .single-box {padding: 30px 10px;background: #1F2432;border: 1px solid #343E59;box-shadow: 0px 4px 32px rgba(3, 4, 4, 0.16);border-radius: 15px;text-align: center;margin-bottom: 15px;}  .daily-cases-popup .single-box:hover {padding: 30px 10px;background: linear-gradient(180deg, #2B5548 0%, #2C3448 97.4%);box-shadow: 0px 4px 32px rgba(3, 4, 4, 0.16);border-radius: 15px;}  .daily-cases-popup .single-box .image-area {width: 60px;height: 60px;margin: auto;display: flex;align-items: center;justify-content: center;background: #262D3E;border-radius: 10px;}  .daily-cases-popup .single-box p {color: var(--secondary-color);margin-top: 15px;}  .daily-cases-popup .content-area {column-count: 3;}  .daily-cases-popup .nav-item span {font-size: 16px;line-height: 18px;color: var(--bs-white);margin-top: 15px;}  .daily-cases-popup .daily-winners .nav-link .lgtxt {margin: 0;}  .daily-cases-popup .cmn-btn {display: flex;align-items: center;justify-content: center;}  .daily-cases-popup .nav {margin-bottom: 30px;gap: 30px;flex-wrap: initial;}  .daily-cases-popup .nav li {width: 100%;}  .daily-cases-popup .separator {color: #00D675;position: relative;display: grid;text-align: center;align-items: center;}  .daily-cases-popup .separator::before, .daily-cases-popup .separator::after {position: absolute;content: "";background-image: url(../images/icon/line-area.png);background-repeat: no-repeat;left: 20px;width: 40%;height: 15px;}  .daily-cases-popup .separator::after {left: initial;right: 20px;transform: rotate(180deg);}  .giveaway-popup .modal-dialog {max-width: 577px;}  .giveaway-popup .modal-dialog .img-area {width: 300px;height: 300px;display: flex;margin: auto;align-items: center;justify-content: center;background: #206C55;border-radius: 150px;}  .giveaway-popup .modal-dialog .winners-area {display: flex;align-items: center;justify-content: space-between;background: #2E354A;}  .giveaway-popup .modal-dialog .winners-area .single-box {margin: 0;border-right: 1px solid #414E74;width: 100%;}  .giveaway-popup .modal-dialog .winners-area .single-box:last-child {border: none;}  .giveaway-popup .modal-dialog .winners-area .single-box h5 {color: var(--secondary-color);margin-bottom: 15px;}  .giveaway-popup .modal-content {background: #252C3F;border: 1px solid #475477;box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.25);border-radius: 20px;}  .support-section {padding: 30px;border: 1px solid #5A6891;border-radius: 30px;}  .support-section .call-info {padding: 10px 30px;background: #2E3549;border-radius: 10px;display: inline-block;}  .support-section .call-info a {color: var(--bs-white);}  .support-section form {padding: 60px 30px;background: #2E3549;border: 1px solid #2E3549;border-radius: 10px;}  .support-section form .form-control {margin-top: 20px;}  .support-section form .error {color: var(--bs-red);}  .support-section form .errorget {color: var(--primary-color);}  .support-section .sec-area {bottom: 30px;left: 5%;}  .our-community .head-area {padding: 30px;border: 1px solid #515B78;border-radius: 15px;}  .our-community .head-area .img-area {max-width: 60px;min-width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: #2E3549;border-radius: 30px;}  .our-community .col-auto {flex: 1 0 auto;}  .our-community .single-box {padding: 40px 15px;border: 1px solid #2E3549;border-radius: 15px;text-align: center;}  .our-community .single-box a {padding: 15px 30px;background: rgba(66, 77, 107, 0.15);border: 1px solid #424D6B;border-radius: 30px;}  .our-community .single-box h6 {margin: 12px 0;}  .our-community .single-box.tw a {background: rgba(84, 172, 237, 0.15);border: 1px solid #54ACED;}  .our-community .single-box.fb a {background: rgba(40, 83, 150, 0.15);border: 1px solid #285396;}  .our-community .single-box.in a {background: rgba(155, 84, 238, 0.15);border: 1px solid #9B54EE;}  .our-community .single-box.dc a {background: rgba(139, 158, 255, 0.3);border: 1px solid #8B9EFF;}  .privacy-content .top-wrapper h4 {text-transform: uppercase;margin-bottom: 30px;}  .privacy-content .top-wrapper p {margin-bottom: 30px;}  .privacy-content .top-wrapper ul {margin-bottom: 20px;}  .privacy-content .top-wrapper ul li {margin-bottom: 10px;}  .privacy-content .safe-data {margin: 55px 0;}  .privacy-content .safe-data ul {list-style-type: decimal;margin-left: 18px;}  .privacy-content .safe-data ul li {padding-left: 15px;}  .privacy-content .safe-data ul li::marker {font-weight: bold;}  .privacy-content .cookies {margin-bottom: -36px;}  .privacy-content.terms .safe-data {margin-bottom: -23px;}  @media (max-width: 1799px) {  .faqs-section.support .nav {gap: 10px;justify-content: start;}  }  @media (max-width: 1699px) {  .paid-surveys .get-paid {background-position: right bottom, top right;background-size: 10%, 80% 100%;}  .counter-section .single-box {padding-right: 20px;display: grid !important;}  .counter-section .border-gradient {width: 80px;}  .our-community .single-box a {padding: 15px;}  .featured-offer .section-header {margin-left: 10px;margin-right: 10px;}  .featured-offer .bg-area {height: 70%;}  .daily-winners .nav-link {margin: 0 8px;}  .rewards-section .price-win-area {column-count: initial;}  .rewards-section .price-win-area .single-box {padding: 30px 40px;}  .rewards-section .price-win-area .single {width: initial;margin: 0 5px;margin-bottom: 20px;}  .rewards-section .price-win-area .single:last-child {margin-bottom: 0;}  .rewards-section .affiliates-link .your-code .cmn-btn {width: 20%;}  .rewards-section .streak-rewards .cus-mar {column-count: initial;display: flex;gap: 15px;flex-wrap: wrap;margin: 0;}  .rewards-section .streak-rewards .cus-mar .single-box {width: 20%;margin: 0 10px;}  .rewards-section .app-download .col-xxl-4, .rewards-section .app-download .col-xxl-5 {width: 50% !important;}  }  @media (max-width: 1599px) {  .latest-activites .top-bar {column-count: initial;display: flex;flex-wrap: wrap;}  .latest-activites .top-bar .single-box {margin-right: 15px;}  .paid-surveys .get-paid .sec-img {bottom: -40px;}  .our-community .col-auto {flex: 0 0 auto;}  .offer-walls .justify-custom {justify-content: start;}  .giveaway-section {background-position: top left, right top 20px, left center, center top;background-size: 250px, 250px, 200px, auto;}  .winners-drawing .single-box .img-area {width: 250px;height: 250px;}  .winners-drawing .single-box .img-area img {width: 100px;}  .rewards-section .price-win-area .col {flex: 0 0 0% !important;}  .rewards-section .price-win-area .col .single, .rewards-section .price-win-area .col .single-box {width: 100%;}  .support-section .sec-area img {max-width: 70%;}  }  @media (max-width: 1399px) {  .dashboard-section.transactions.recipients .filters-item .search-area {width: 80%;}  .collapse-section {padding-left: 20px;padding-right: 15px;}  .collapse-section.body-collapse {width: calc(100% - 120px);margin-left: 120px;}  .header-section .sidebar-wrapper {width: 130px;}  .header-section .sidebar-wrapper.active .close-btn {display: none;}  .our-community .col-auto {flex: 0 0 auto;}  .our-community .col-auto .icon-area img {width: 100px;}  .watch-videos .icon-area {width: 150px;height: 150px;}  .watch-videos .icon-area img {width: 120px;}  .offer-walls-page .heading-area .category-area .cus-mar {margin-bottom: 0;width: 80%;gap: 30px;}  .offer-walls-page .heading-area .category-area .single-box {margin-bottom: 5px;}  .user-info-popup .chart-area {padding: 20px;}  .user-info-popup.information .main-content {padding: 30px 20px;}  .user-info-popup.information .affiliates-link .your-code {flex-wrap: wrap;}  .user-info-popup.information .affiliates-link .your-code p {width: 80%;}  .rewards-section .affiliates-link .your-code .cmn-btn {width: 25%;}  .rewards-section .app-download .single-box {display: grid;gap: 30px;}  }  @media (max-width: 699px) {  .header-section.body-collapse, .header-section, .collapse-section.body-collapse, .collapse-section {width: calc(100% - 0px);margin-left: 0px;padding-left: 15px;}  .header-section.body-collapse .sidebar-wrapper, .header-section .sidebar-wrapper, .collapse-section.body-collapse .sidebar-wrapper, .collapse-section .sidebar-wrapper {left: -420px;}  .header-section.body-collapse .navbar-area .sidebar-icon {display: none;}  .header-section .sidebar-wrapper {width: 270px;}  .header-section .sidebar-wrapper ul li a {justify-content: start;}  .header-section .sidebar-wrapper ul li img {margin-right: 10px;width: auto;}  .header-section .sidebar-wrapper ul li span {display: block;}  .header-section .sidebar-wrapper.active {left: 0;}  .header-section .sidebar-wrapper.active .close-btn {display: block;}  .header-section .sidebar-wrapper .close-btn {display: block;}  .header-section .sidebar-wrapper {opacity: 1;visibility: visible;left: -150px !important;}  .header-section .sidebar-wrapper.active {opacity: 0;visibility: hidden;}  }  @media (max-width: 1199px) {  h1, h1 > a {font-size: 57px;line-height: 74.1px;margin-top: -16px;}  h2, h2 > a {font-size: 43px;line-height: 55.9px;margin-top: -10px;}  .header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link, .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-item {font-size: 16px;}  .banner-section .overlay .banner-content {padding: 220px 0 230px;}  .banner-section.inner-banner .overlay .banner-content {padding: 215px 0 100px;}  .header-section .navbar-area {padding: 10px 20px;}  .header-section .navbar-area .dashboard-nav {margin-left: 40px;}  .how-works {border-radius: 10px;padding-left: 30px;}  .faq-section .faq-box {padding: 0 15px;}  .faqs-section .accordion .accordion-item .accordion-button {padding-right: 70px;}  .withdraw-area .single-items .item-list {flex-wrap: wrap;}  .withdraw-area .single-items .item-list .single-box {width: 30%;}  .withdraw-area .single-items .item-list.giftcards {column-count: initial;display: flex;}  .top-24-winners .slick-arrow.slick-arafat-prev {right: 40px;}  .leaderboard-section .table {width: 105%;margin-bottom: 0;}  .user-info-popup.information .affiliates-link .your-code .cmn-btn {width: initial;}  .rewards-section .affiliates-link .your-code .cmn-btn {width: 30%;}  .rewards-section .streak-rewards .cus-mar .single-box {width: 25%;margin: 0;}  .support-section {padding: 20px;padding-bottom: 0;}  .support-section .sec-area img {max-width: 55%;}  .survery-popup.earn-with-survery .content-box .single-box {padding: 20px;}  .header-section .flex-fill {flex: initial;width: 30%;}  .header-section .navbar-area .dashboard-nav {margin-left: 15px;}  }  @media (max-width: 991px) {  h1, h1 > a {font-size: 48px;line-height: 62.4px;margin-top: -12px;}  h2, h2 > a {font-size: 40px;line-height: 52px;margin-top: -10px;}  h3, h3 > a {font-size: 32px;line-height: 41.6px;margin-top: -8px;}  h4, h4 > a {font-size: 28px;line-height: 36.4px;margin-top: -6px;}  h5, h5 > a {font-size: 24px;line-height: 33.6px;margin-top: -5px;}  h6, h6 > a {font-size: 20px;line-height: 28px;margin-top: -4px;}  .xxltxt {font-size: 24px;line-height: 33.6px;margin-top: -5px;}  .xltxt {font-size: 20px;line-height: 28px;margin-top: -4px;}  .lgtxt {font-size: 18px;line-height: 24px;margin-top: -3px;}  .mdtxt {font-size: 16px;line-height: 24px;}  .smtxt {font-size: 14px;line-height: 24px;}  table thead tr th, a, p, span, li {font-size: 16px;line-height: 22px;}  .section-header {margin-bottom: 40px;}  .title {margin-bottom: 20px;}  .xxlr {font-size: 20px;line-height: 28px;}  .xlr {font-size: 18px;line-height: 25.5px;}  .header-section .navbar-toggler {display: inline-block;}  .header-section .navbar .navbar-brand {margin-top: -5px;width: 35%;}  .header-section .navbar .navbar-brand img {max-width: initial;}  .header-section .navbar .navbar-collapse .navbar-nav {height: 200px;margin: 20px 0;overflow-y: auto;margin-bottom: 10px;}  .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropend .dropdown-menu {left: 60px;}  .header-section .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {right: 0;}  .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {display: inline-block;margin-left: 130px;}  .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {display: none;}  .header-section .navbar .navbar-collapse .navbar-nav .nav-item {padding: 8px 0;}  .header-section .nav-item.dropdown .dropdown-menu {position: initial;}  .header-section .navbar .navbar-collapse .right-area .lang {display: none !important;}  .header-section .navbar .navbar-collapse .right-area {margin-left: 0;}  .sec-img {direction: initial !important;text-align: center;margin-top: 30px;}  .sec-img img {max-width: 80% !important;}  .dashboard-section {padding-top: 40px;}  .dashboard-section .side-items {margin-top: 30px;}  .header-section .navbar-area .dashboard-nav {margin-left: 15px;gap: 10px;}  .header-section .navbar-area .cmn-btn i {display: none;}  .header-section .navbar-area form .form-group {padding: 0 15px;}  .paid-surveys .get-paid .sec-img {display: none !important;}  .paid-surveys .get-paid {background-image: unset;}  .paid-surveys .get-paid .shape-area img {width: 15%;}  .how-works {padding-left: 20px;padding-right: 20px;}  .how-works .image-area {text-align: center;margin-top: 40px;}  .how-works .image-area img {width: 60%;}  .social-area .main-content {background-image: unset;padding: 0 15px;}  .watch-videos .single-box {padding-top: 40px;padding-bottom: 40px;}  .featured-offer .bg-area {height: 80%;}  .survery-popup .left-area {width: 100%;}  .survery-popup .content-box .single-box {display: grid;gap: 30px;}  .giveaway-section { /*background: url(../images/giveaway-bg.png);*/background-repeat: no-repeat;}  .giveaway-section-image {background: url(../images/giveaway-bg.png);background-repeat: no-repeat;}  .winners-drawing .single-box .img-area {width: 200px;height: 200px;}  .winners-drawing .single-box .img-area img {width: 80px;}  .price-area .price-icon-area img {max-width: 350px;}  .leaderboard-section .table {width: 155%;}  .offer-walls-page .heading-area .category-area .cus-mar {width: 70%;}  .rewards-section .app-download .col-xxl-4, .rewards-section .app-download .col-xxl-5 {width: 100% !important;}  .support-section .sec-area {position: initial !important;margin: 20px 0 15px;}  .header-section .navbar-area .dashboard-nav .single-item .balance span {padding: 6px 8px;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul {height: 60vh;overflow-x: hidden;overflow-y: scroll;}  }  @media (max-width: 767px) {  .header-section .navbar-area .sidebar-icon {margin-right: 40px;}  .withdraw-popup .info-area {flex-wrap: wrap;gap: 0;}  .withdraw-popup .info-area .single-box {margin-bottom: 15px;}  .our-community .col-auto {flex: 1 0 auto;}  .our-community .col-auto .icon-area img {width: 70px;}  .survery-popup .left-area {display: grid;gap: 20px;}  .daily-winners .nav-link .lgtxt {width: 60px;height: 60px;}  .daily-winners .nav-link .border-area {width: 80px;height: 80px;}  .daily-winners .nav-link .mdtxt {padding: 2px 10px;}  .price-area .price-icon-area img {max-width: 250px;}  .information .border-gradient .profile {width: 100px;}  .user-info-popup.information .inform-area .main-content {padding: 40px 15px;}  .rewards-section .affiliates-link .your-code {gap: 15px;flex-wrap: wrap;}  .rewards-section .affiliates-link .your-code p {padding: 10px;}  .rewards-section .affiliates-link .your-code .cmn-btn {width: initial;}  .rewards-section .streak-rewards .cus-mar .single-box {width: 30%;}  .faqs-section.support {padding: 40px 15px;}  }  @media (max-width: 575px) {  h1, h1 > a {font-size: 40px;line-height: 46px;margin-top: -9px;}  h2, h2 > a {font-size: 30px;line-height: 36px;margin-top: -7px;}  h3, h3 > a {font-size: 24px;line-height: 28px;margin-top: -5px;}  h4, h4 > a {font-size: 18px;line-height: 22px;margin-top: -4px;}  a, p, span, li, .cmn-btn, thead tr th, tbody tr th, tbody tr td, input, label, textarea, h6, h6 > a {font-size: 15px;line-height: 19px;}  .section-header {margin-bottom: 30px;}  .title {margin-bottom: 15px;}  .xxlr {font-size: 18px;line-height: 25.5px;}  .xlr {font-size: 16px;line-height: 22.4px;}  .header-section .navbar {padding: 20px 15px;}  .header-section .navbar-area .dashboard-nav .single-item .main-area {width: 290px;padding: 20px;border-radius: 10px;border-radius: 10px;}  .preloader {background-size: 50%;}  .cmn-btn {padding: 10px 15px;}  textarea {min-height: 100px;}  input, textarea {padding: 10px 15px;}  .dashboard-section {padding-left: 15px;padding-right: 15px;padding-bottom: 20px;}  .paid-surveys .get-paid {padding: 0 30px;}  .how-works ul .xxltxt {width: 60px;height: 60px;}  .ugetpaid-profitable .single-box {display: grid;}  .ugetpaid-profitable .single-box .image-area {order: 1;margin-top: 30px;}  .ugetpaid-profitable .single-box .image-area img {max-width: 100%;}  .ugetpaid-profitable .grid-area .text-area {display: grid;gap: 20px;margin-top: 0;}  .withdraw-area .single-items {padding: 25px 20px 40px;}  .withdraw-area .single-items .item-list .single-box {width: 40%;margin-bottom: 10px;}  .withdraw-popup .main-content {display: block;}  .withdraw-popup .main-content .head-area {margin-bottom: 20px;}  .withdraw-popup .main-content form {display: block;}  .withdraw-popup .main-content form .input-box-area {margin-bottom: 20px;gap: 15px;}  .cmn-popup .modal-content .main-content {padding: 30px 15px;}  .withdraw-popup .content-box .btn-area {margin-top: 20px;}  .featured-offer .bg-area {height: 90%;}  .giveaway-section .prizes-win-carousel .single-slide {padding: 15px 15px 30px;}  .giveaway-section .prizes-win-carousel .single-slide .img-area img {width: 200px;}  .daily-winners .slick-track {text-align: center;}  .price-area .price-icon-area {margin: 0 15px;}  .price-area .price-icon-area p {padding: 10px 12px;}  .price-area .price-icon-area img {max-width: 200px;}  .leaderboard-section .table {width: 190%;}  .user-info-popup .chart-area {padding: 30px 10px;padding-bottom: 0;height: 250px;}  .offer-walls-page .heading-area .category-area {display: grid !important;gap: 20px;}  .user-info-popup.information form .input-area {flex-wrap: wrap;}  .user-info-popup.information form .single-item .cmn-btn {padding: 10px 25px;}  .rewards-section .streak-rewards .cus-mar .single-box {width: 35%;}  .header-section .navbar-area .dashboard-nav .single-item.notifications-area ul {height: 55vh;}  .offer-walls.offer-walls-page .sidebar-items {padding: 15px 0;}  }  @media (max-width: 480px) {  .header-section .navbar-area .dashboard-nav {margin-left: 10px;gap: 15px;}  .header-section .navbar-area .sidebar-icon {margin-right: 20px;}  .header-section .navbar-area .dashboard-nav .single-item .main-area {padding: 15px;}  .header-section .flex-fill {display: none;}  .header-section .navbar-area .dashboard-nav .single-item .chatbar-wrapper {width: 290px;padding-right: 5px;padding-left: 5px;}  .counter-section .single-box {padding: 20px;}  .how-works {padding-left: 15px;padding-right: 15px;}  .how-works ul button {padding: 15px 10px;gap: 10px;}  .how-works ul .xxltxt {width: 50px;height: 50px;}  .faqs-section .section-header {padding: 0 15px;}  .faqs-section .accordion .accordion-item .accordion-button {padding-left: 15px;}  .faqs-section .accordion .accordion-item .accordion-header::after {display: none;}  .testimonials .single-slide {padding: 30px 15px 25px;margin: 0;}  .social-area .social a {width: 40px;height: 40px;}  .social-area .social a i {font-size: 18px;}  .breadcrumb-section {padding: 30px 15px 16px;}  .withdraw-area .single-items .item-list .single-box {width: 50%;}  .our-community .head-area {padding: 30px 20px;display: grid !important;}  .offer-walls .single-box .img-area img {max-width: 100%;}  .survery-popup .info-area {flex-wrap: wrap;}  .survery-popup .content-box .single-box {padding: 30px 20px;}  .survery-popup .content-box {padding: 20px 10px;}  .survery-popup .content-box .single-box {padding: 30px 10px;}  .daily-winners {padding: 0 10px 40px;}  .daily-winners .tab-content {padding: 20px 10px;}  .daily-winners .tab-content ul li {padding: 20px 10px;}  .daily-winners .slick-arafat-prev {left: -20px;}  .leaderboard-section .single-box {padding: 60px 15px 40px;}  .leaderboard-section .single-box .abs-top {padding: 10px 10px 15px;}  .pagination .page-item, .pagination .page-link {width: 30px;height: 30px;}  .pagination li {margin: 0 3px;}  .header-section .navbar-area {padding: 10px 20px;}  .start-offer-popup .modal-dialog .content-box {padding: 30px 20px;}  .leaderboard-section .table {width: 200%;}  .leaderboard-section .table th {width: 80px;}  .leaderboard-section .table td, .leaderboard-section .table th {padding: 10px 20px;}  .user-info-popup.information .main-content {padding: 30px 10px;padding-bottom: 10px;}  .user-info-popup.information .inform-area li {padding: 10px;display: grid;flex-wrap: wrap;gap: 10px;}  .user-info-popup.information form .single-item {padding: 10px;}  .user-info-popup.information .affiliates-link {padding: 20px 10px;}  .user-info-popup.information .affiliates-link .your-code {gap: 15px;}  .user-info-popup.information .affiliates-link .your-code p {width: 100%;padding: 10px;}  .rewards-section .top-area {padding: 20px 10px;}  .rewards-section .streak-rewards .cus-mar .single-box {width: 100%;}  .support-section form {padding: 40px 15px;}  .survery-popup.earn-with-survery .tips-for-surveys {display: grid !important;}  .log-reg.cmn-popup .modal-content {padding: 20px 15px;}  .log-reg .form-area .forget {margin-top: 5px;}  }  @media (max-width: 375px) {  .about .col-6 {width: 100% !important;}  .header-section .navbar-area form .form-group img {display: none;}  .header-section .navbar-area form .form-group {padding: 0;}  .withdraw-area .single-items .item-list .single-box {width: 70%;}  .offer-walls .cmn-btn {padding: 10px 10px;}  .leaderboard-section .table {width: 250%;}  .preloader {background-size: 60%;}  }/*# sourceMappingURL=style.css.map */  .table-responsive {display: inline-block;width: 100%;overflow-x: auto;}