@import url(https://fonts.googleapis.com/css?family=Nunito);@charset "UTF-8";:root {--blue: #3490dc;--indigo: #6574cd;--purple: #9561e2;--pink: #f66d9b;--red: #e3342f;--orange: #f6993f;--yellow: #ffed4a;--green: #38c172;--teal: #4dc0b5;--cyan: #6cb2eb;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #3490dc;--secondary: #6c757d;--success: #38c172;--info: #6cb2eb;--warning: #ffed4a;--danger: #e3342f;--light: #f8f9fa;--dark: #343a40;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: "Nunito", sans-serif;--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}*, *::before, *::after {box-sizing: border-box;}html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}footer, header, nav, section {display: block;}body {margin: 0;font-family: "Nunito", sans-serif ;font-size: 1rem;font-weight: 400;line-height: 1.6;color: #212529;text-align: left;background-color: #f8fafc;}[tabindex="-1"]:focus:not(:focus-visible) {outline: 0 !important;}h1, h2, h4, h5 {margin-top: 0;margin-bottom: 0.5rem;}p {margin-top: 0;margin-bottom: 1rem;}address {margin-bottom: 1rem;font-style: normal;line-height: inherit;}ul {margin-top: 0;margin-bottom: 1rem;}ul ul {margin-bottom: 0;}strong {font-weight: bolder;}small {font-size: 80%;}a {color: var(--pclr);font-weight: bold;text-decoration: none;background-color: transparent;}a:hover {color: #1d68a7;text-decoration: underline;}a:not([href]) {color: inherit;text-decoration: none;}a:not([href]):hover {color: inherit;text-decoration: none;}img {vertical-align: middle;border-style: none;}table {border-collapse: collapse;}button {border-radius: 0;}button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;}input, button, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}button, input {overflow: visible;}button, select {text-transform: none;}[role=button] {cursor: pointer;}select {word-wrap: normal;}button, [type=button], [type=submit] {-webkit-appearance: button;}button:not(:disabled), [type=button]:not(:disabled), [type=submit]:not(:disabled) {cursor: pointer;}button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner {padding: 0;border-style: none;}textarea {overflow: auto;resize: vertical;}progress {vertical-align: baseline;}[hidden] {display: none !important;}h1, h2, h4, h5, .h1, .h2, .h4, .h5 {margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;}h1, .h1 {font-size: 2.25rem;}h2, .h2 {font-size: 1.8rem;}h4, .h4 {font-size: 1.35rem;}h5, .h5 {font-size: 1.125rem;}small, .small {font-size: 80%;font-weight: 400;}.row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.col-lg-4, .col-md-10, .col-md-6, .col-sm-12 {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}@media (min-width: 576px) {.col-sm-12 {flex: 0 0 100%;max-width: 100%;}}@media (min-width: 768px) {.col-md-6 {flex: 0 0 50%;max-width: 50%;}.col-md-10 {flex: 0 0 83.3333333333%;max-width: 83.3333333333%;}.offset-md-3 {margin-left: 25%;}}@media (min-width: 992px) {.col-lg-4 {flex: 0 0 33.3333333333%;max-width: 33.3333333333%;}.offset-lg-1 {margin-left: 8.3333333333%;}.offset-lg-4 {margin-left: 33.3333333333%;}}.table {width: 100%;margin-bottom: 1rem;color: #212529;}.form-control {display: block;width: 100%;height: calc(1.6em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size: 0.9rem;font-weight: 400;line-height: 1.6;color: #495057;background-color: #fff;background-clip: padding-box;border: 2px solid #a2acb2;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce) {.form-control {transition: none;}}.form-control::-ms-expand {background-color: transparent;border: 0;}.form-control:-moz-focusring {color: transparent;text-shadow: 0 0 0 #495057;}.form-control:focus {color: #495057;background-color: #fff;border-color: #a1cbef;outline: 0;box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);}.form-control::-moz-placeholder {color: #6c757d;opacity: 1;}.form-control:-ms-input-placeholder {color: #6c757d;opacity: 1;}.form-control::-ms-input-placeholder {color: #6c757d;opacity: 1;}.form-control::placeholder {color: #6c757d;opacity: 1;}.form-control:disabled {background-color: #e9ecef;opacity: 1;}input[type=date].form-control, input[type=time].form-control {-webkit-appearance: none;-moz-appearance: none;appearance: none;}select.form-control:focus::-ms-value {color: #495057;background-color: #fff;}select.form-control[multiple] {height: auto;}textarea.form-control {height: auto;}.form-group {margin-bottom: 1rem;}.btn {display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.375rem 0.75rem;font-size: 0.9rem;line-height: 1.6;border-radius: 0.25rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce) {.btn {transition: none;}}.btn:hover {color: #212529;text-decoration: none;}.btn:focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);}.btn:disabled {opacity: 0.65;}.btn:not(:disabled):not(.disabled) {cursor: pointer;}.btn-danger {color: #fff;background-color: #e3342f;border-color: #e3342f;}.btn-danger:hover {color: #fff;background-color: #d0211c;border-color: #c51f1a;}.btn-danger:focus {color: #fff;background-color: #d0211c;border-color: #c51f1a;box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5);}.btn-danger:disabled {color: #fff;background-color: #e3342f;border-color: #e3342f;}.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {color: #fff;background-color: #c51f1a;border-color: #b91d19;}.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 0.2rem rgba(231, 82, 78, 0.5);}.fade {transition: opacity 0.15s linear;}@media (prefers-reduced-motion: reduce) {.fade {transition: none;}}.fade:not(.show) {opacity: 0;}.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;}.input-group > .form-control {position: relative;flex: 1 1 auto;width: 1%;min-width: 0;margin-bottom: 0;}.input-group > .form-control + .form-control {margin-left: -1px;}.input-group > .form-control:focus {z-index: 3;}.input-group > .form-control:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}.input-group > .form-control:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}.input-group-append {display: flex;}.input-group-append .btn {position: relative;z-index: 2;}.input-group-append .btn:focus {z-index: 3;}.input-group-append .btn + .btn {margin-left: -1px;}.input-group-append {margin-left: -1px;}.input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}.input-group > .input-group-append > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}.nav {display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.25rem;}.alert {position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;}@-webkit-keyframes progress-bar-stripes {from {background-position: 1rem 0;}to {background-position: 0 0;}}@keyframes progress-bar-stripes {from {background-position: 1rem 0;}to {background-position: 0 0;}}.progress {display: flex;height: 1rem;overflow: hidden;line-height: 0;font-size: 0.675rem;background-color: #e9ecef;border-radius: 0.25rem;}.media {display: flex;align-items: flex-start;}.close {float: right;font-size: 1.35rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.5;}.close:hover {color: #000;text-decoration: none;}.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {opacity: 0.75;}button.close {padding: 0;background-color: transparent;border: 0;}.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}.modal-dialog {position: relative;width: auto;margin: 0.5rem;pointer-events: none;}.modal.fade .modal-dialog {transition: transform 0.3s ease-out;transform: translate(0, -50px);}@media (prefers-reduced-motion: reduce) {.modal.fade .modal-dialog {transition: none;}}.modal.show .modal-dialog {transform: none;}.modal-content {position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0.3rem;outline: 0;}.modal-header {display: flex;align-items: flex-start;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(0.3rem - 1px);border-top-right-radius: calc(0.3rem - 1px);}.modal-header .close {padding: 1rem 1rem;margin: -1rem -1rem -1rem auto;}.modal-title {margin-bottom: 0;line-height: 1.6;}.modal-body {position: relative;flex: 1 1 auto;padding: 1rem;}.modal-footer {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;padding: 0.75rem;border-top: 1px solid #dee2e6;border-bottom-right-radius: calc(0.3rem - 1px);border-bottom-left-radius: calc(0.3rem - 1px);}.modal-footer > * {margin: 0.25rem;}
 @media (min-width: 576px) {.modal-dialog {max-width: 500px;margin: 1.75rem auto;}}@-webkit-keyframes spinner-border {to {transform: rotate(360deg);}}@keyframes spinner-border {to {transform: rotate(360deg);}}@keyframes spinner-grow {0% {transform: scale(0);}50% {opacity: 1;transform: none;}}.d-flex {display: flex !important;}.w-100 {width: 100% !important;}.mb-0 {margin-bottom: 0 !important;}.mt-2 {margin-top: 0.5rem !important;}.mr-2 {margin-right: 0.5rem !important;}.mt-3 {margin-top: 1rem !important;}.mb-3 {margin-bottom: 1rem !important;}.mt-4 {margin-top: 1.5rem !important;}.mb-4 {margin-bottom: 1.5rem !important;}.mt-5 {margin-top: 3rem !important;}.mb-5 {margin-bottom: 3rem !important;}.p-4 {padding: 1.5rem !important;}.pb-5 {padding-bottom: 3rem !important;}.text-center {text-align: center !important;}.font-weight-light {font-weight: 300 !important;}.text-white {color: #fff !important;}@media print {*, *::before, *::after {text-shadow: none !important;box-shadow: none !important;}a:not(.btn) {text-decoration: underline;}img {page-break-inside: avoid;}p, h2 {orphans: 3;widows: 3;}h2 {page-break-after: avoid;}@page {size: a3;}body {min-width: 992px !important;}.table {border-collapse: collapse !important;}}:root {--pclr: #b61348;--dpclr: #ff3539;--fcsdPClr: #ed424629;--dShdwPclr: #b30303;--sclr: #77CFCA;--cardBg: #ffffffb5;--cardShdw: #91b8fb;--blackClr: #3a3a3a;--green: #53ac21;--red: #da3c1e;--hsz: 30px;--ssz: 26px;--fsz: 16px;--starClr: #fff;--squareClr: #7a097a;--diceSize: 35px;--ndiceSize: -35px;--dotSize: 4px;--trDice: calc(var(--diceSize) / 2);--ntrDice: calc(var(--ndiceSize) / 2);--diceClr: #ecebeb;}.no-bs {box-shadow: none !important;}*:focus {outline: none !important;}h1 {font-weight: 900;}h2 {font-weight: 700;}.opacity-0 {opacity: 0;width: 0;height: 0;}.fs-30 {font-size: 30px !important;}.fs-20 {font-size: 20px !important;}.w-100 {width: 100% !important;}.w-90 {width: 90% !important;}.w-90 {width: 80% !important;}.brk-wrd {word-wrap: break-word;}body {font-family: 'Nunito', sans-serif;color: var(--blackClr);}h1, h2 {font-family: 'Nunito', sans-serif;}@keyframes borderGrdAnim {0% {background-position : 0% 59%;}50% {background-position : 100% 42%;}100% {background-position : 0% 59% }}.ads {margin: 15px auto;max-width: 380px;display: flex;justify-content: center;}.sticky-ad {max-height: 50px;position: fixed;bottom: 0;width: 320px;height: 50px;z-index: 999;left: calc(50% - 160px);}.custom-ad {max-width: 300px !important;max-height: 250px !important;margin: auto;overflow: hidden;background: #fff;}.custom-ad a {width: 100% !important;margin: unset;}.custom-ad img {width: 100% !important;height: auto;margin: unset !important;}.question .ads, .answer .ads {margin-top: 55px;}.share div.ads:nth-child(4) {margin-top: 55px;}.share div.ads:nth-child(6) {margin-bottom: 35px;}.share-bg {width: 120%;height: 100%;position: absolute;background: url('../images/ribbon-bg.png');background-size: cover;margin: 0 -40px;}.bg-lzprimary {color: #fff;background-color: var(--pclr);}.completed .profiles {justify-content: space-between;padding: 0 40px 0 10px;}.completed .profiles img {width: 100px;display: block;position: relative;}.content {background-size: cover;background-position: fixed;background-repeat: no-repeat;background-attachment: fixed;overflow: hidden;min-height: calc(100vh);position: relative;background: #fff;}@media (max-width: 768px) {body {}}.copy-link .input {background-color: #fff;border: 1px solid var(--pclr);border-radius: 5px !important;box-shadow: none;}.input-group-append {width: 100%;}#confirm .modal-content {overflow: hidden;border-radius: 5px;}#confirm .modal-dialog {border-radius: 2px !important;}#confirm .modal-header {background: var(--pclr);color: #fff;font-weight: 700;font-size: 24px;text-align: center;}#confirm .modal-body {font-size: 20px;}#confirm .modal-footer {border: none;padding: 0;}#confirm .close {color: #fff;font-size: 45px;font-weight: 100;opacity: 1;}#confirm .primary-btn {width: 33%;}.copy-link .input {display: block;background: #fff;padding: 5px;color: #777;border-radius: 10px;width: 100%;overflow: hidden;}.copy-btn {background-color: var(--pclr);border-radius: 5px !important;margin-left: -37px;}.copy-btn:hover {background-color: var(--pclr);color: #fff !important;}.emoji {width: 18px !important;margin: 0 5px;position: absolute;height: auto !important;left: -30px;top: 10px;}.footer {padding: 1em;color: var(--pclr);position: relative;text-align: center;left: 0;background: var(--pclr);margin: 0 -15px;}.footer a {font-size: 18px;}.footer a.fb {color: #385898;}.footer a.twitter {color: rgb(29, 161, 242);}.footer a.insta {color: #f35356;}.footer .copyright {text-align: center;border-top: 1px solid #fff;margin-top: -15px !important;margin: 0;font-weight: 400;font-size: 12px;letter-spacing: 0.88px;padding: 0 !important;text-transform: uppercase;}.gradient-link, .nav-popup li:hover {background: var(--pclr) !important;background-origin: border-box;background-clip: content-box, border-box;}.gradient-link a {color: #fff !important;}.nav-popup li a:hover, .nav-popup li:hover {color: #fff !important;}.header {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;position: relative;z-index: 2;background: var(--pclr);margin: 0 -15px;}.header .white {width: 80%;display: flex;justify-content: space-between;margin: auto;background: #fff;padding: 10px 15px;align-items: center;border-radius: 5px;}.sidebar {width: 0;position: absolute;height: 100vh;background: #fff;top: 0;left: 0;overflow: hidden;transition: width 0.5s ease;z-index: 3;}.sidebar.active {width: 80%;}.sidebar li a {color: #555555;display: block;width: 100%;}.sidebar li:nth-child(1) {border-top: none;}.sidebar li {padding: 0.5em;border-top: 1px solid #252525;color: #252525;list-style: none;}.sidebar li:hover {background: #97d7ef;}.content.blur {height: 100vh;overflow: hidden;}.content.blur div:not(.sidebar) {opacity: 0.7;}ul.main-nav {padding: 0em;}.sidebar ul.main-nav li {padding: 1em;padding-left: 2em;}.home .profile {height: 140px;overflow: hidden;display: flex;justify-content: center;position: relative;}.home.pg-cont {background-size: contain;}.input {border: 1px solid var(--pclr);border-radius: 5px;color: var(--blackClr);width: 80%;font-size: 16px;margin: auto;box-shadow: 0px 0px 10px 0px #75828d85;}button.input {text-decoration: none;color: var(--blackClr);text-align: left;}.input:focus {border-color: var(--pclr);}.lang img {width: 100%;filter: brightness(0.5);}.logo {width: 150px;overflow: hidden;}.logo img {width: 100%;}.lzcard {background: #fff;padding: 1em;border-radius: 15px;position: relative;box-shadow: 1px 3px 10px var(--cardShdw);border: 2px solid #babbbd;}.lz-list {position: relative;padding: 0;}.lz-list li {padding: 0.2em 0;font-weight: 200;position: relative;margin-left: 10px;}.lz-list li::before {position: absolute;display: inline-block;width: 15px;left: 0;margin: 5px 10px;border-radius: 5px;height: 15px;background: linear-gradient(90deg, var(--pclr), var(--sclr));transform: rotate(45deg);}.question .que-count {display: block;position: absolute;top: -14px;background: #fff;left: 20px;font-size: 24px;padding: 0 5px;}.options .option {display: block;cursor: pointer;padding: 5px;border: 1px solid var(--pclr);margin-top: 15px;border-radius: 5px;font-size: 18px;text-align: center;font-weight: 200;}.options .option:nth-child(1):not(.img .option) {margin-top: unset;}.options.img {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;padding-top: 0;}.view-answer .que-count {font-size: 20px;}.view-answer .que-text {font-size: 18px;}.view-answer .options .option {font-size: 18px;}.options {padding: 10px;}.options .option.active {background: var(--pclr) !important;color: #fff;}.options .option.correct {background: var(--green);color: #fff;}.options .option.incorrect {background: var(--red);color: #fff;}.options.img .option {display: inline-block;border: none;padding: 0;text-align: center;width: calc(50% - 8px);position: relative;white-space: normal;}.options.img .option img {border-radius: 5px;}.options.img .tick.option img, .options.img .cross.option img {border: 5px solid var(--pclr);}.options.img .tick.option img {border-color: var(--green);}.options.img .cross.option img {border-color: var(--red);}.options.img .option:nth-of-type(2n) {margin-left: 15px;}.option.tick::before {font-family: "Font Awesome 5 Free";content: "\f00C";display: flex;position: absolute;border-radius: 50%;background: var(--pclr);right: 0;top: -6px;color: #fff;font-weight: 700;width: 25px;height: 25px;justify-content: center;align-items: center;}.option.cross::before {font-family: "Font Awesome 5 Free";content: "\f00D";display: flex;position: absolute;border-radius: 50%;background:var(--red);
 right: 0;top: -6px;color: #fff !important;font-weight: 700;width: 25px;height: 25px;justify-content: center;align-items: center;}.option.tick::before {background: var(--green);}.lz-progress-bar {display: flex;justify-content: space-between;}.lz-progress-bar > span {display: block;width: calc(100% / 17);height: 10px;border: 2px solid var(--pclr);border-radius: 5px;}.lz-progress-bar > span.active {background: var(--pclr);}.lit_head {text-align: center;color: #616161;font-weight: 500;font-size: 16px;}.nav-popup li a {color: #5c5c5c;display: block;width: 101%;height: 101%;padding: 5px;text-align: center;text-decoration: none;}.nav-popup ul {display: flex;flex-wrap: wrap;padding: 0.5em;justify-content: center;}.nav-popup li {height: 38px;position: relative;background: #fff;border: 1px solid #eee;border-radius: 10px;margin: 0.2em;list-style: none;width: 100%;}.nav-popup li:first-child {border-top-left-radius: 10px;border-top-right-radius: 10px;}.nav-popup li:last-child {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}#nav-popup .modal-header {border-bottom: none !important;}.modal-header {justify-content: center;}.modal-content {border-radius: 15px !important;}.modal-header .close {position: absolute;top: 0;right: 0;margin: unset;}.modal-body img {width: 100%;}.nav, .lang {width: 35px;}.nav-toggle span:nth-child(1) {margin-top: 0;}.nav-toggle span:nth-child(1), .nav-toggle span:nth-child(2) {transition: transform 0.5s;}.nav-toggle.active span:nth-child(1) {transform: translateY(13px) rotate(40deg) scale(1.1);}.nav-toggle.active span:nth-child(2) {transform: translateY(0) rotate(-40deg) scale(1.1);}.nav-toggle.active span:nth-child(3) {opacity: 0;}.nav-toggle span {display: block;height: 2px;width: 30px;margin-top: 7px;background: var(--blackClr);}.nav-toggle.active span {}.pg-cont {z-index: 2;margin-top: 10px;position: relative;transition: margin-top 0.5s;padding-left: 0;padding-right: 0;}.pg-cont img {width: 100%;height: 100%;max-height: 100%;}.pg-cont.answer img {height: auto;}#preloader {overflow: hidden;background: #fff;left: 0;right: 0;top: 0;bottom: 0;position: fixed;z-index: 99999;color: #fff;display: flex;justify-content: center;align-items: center;}.primary-btn {display: inline-block;margin-top: 6px;margin-bottom: 6px;font-weight: 500;font-size: 16px;border-radius: 5px;background: var(--pclr);color: #fff;}.primary-btn:hover {color: #fff;}.question .primary-btn {margin-top: 55px;}.que-text {display: flex;padding: 10px;border-radius: 20px;position: relative;margin-top: 10px;font-weight: 200;font-size: 20px;}.que-text img {width: 50px;}.que-text p {margin-bottom: 0px;display: block;transition: all 0.5s;overflow: hidden;word-wrap: break-word;}.rank-pillars {position: relative;}.rank-pillars .top-3>span {cursor: pointer;display: flex;flex-direction: column;position: absolute;font-weight: 500;max-width: 100px;width: 100px;text-align: center;line-break: anywhere;height: 100px;justify-content: flex-end;}.rank-pillars .top-3 span.score, .hilit {position: relative;}.rank-pillars .top-3 span.score::before, .hilit::before {content: ' ';display: block;position: absolute;width: 100%;height: 20px;top: -5px;max-width: 40px;left: 50%;background: #f5ee3b;transform: rotate(-14deg);z-index: -1;}.rank-pillars .top-3 span.score::before {transform: rotate(-14deg) translateX(-50%);}.hilit::before {width: 40px;z-index: -1;display: inline-block;max-width: 40px;left: 5px;top: 3px;}.rank-pillars .top-3>span:nth-child(1) {left: 11%;top: -70px;}.rank-pillars .top-3>span:nth-child(2) {left: 50%;top: -102px;transform: translateX(-50%);}.rank-pillars .top-3>span:nth-child(3) {right: 9%;top: -40px;}.rank-pillars .top-3 span.score {display: block;text-align: center;}.share-buttons {display: flex;flex-wrap: wrap;}.share-buttons button {display: flex;align-items: center;color: #fff;border: none;font-size: 15px;padding: 0px 3px;width: calc(50% - 5px);height: 3.5em;margin-top: 0.1em;border-radius: 50px;}.share-buttons button span.brand-icon {display: flex;justify-content: center;align-items: center;width: 45px !important;height: 45px;background: #fff;border-radius: 50%;color: #000;}.share-buttons button span.brand-icon img {width: auto;max-height: 98%;max-width: 98%;}.share-buttons button:nth-of-type(2n + 1) {margin-left: 5px !important;}.share-buttons button:nth-child(1) {width: 100%;margin-left: unset !important;}.share-btn a {text-decoration: none;display: block;color: #fff;width: calc(100% - 60px );padding: 0.5em 0;font-size: 20px;text-transform: none;font-weight: 400;}.share-btn.whatsapp {background-color: #20c47a;}.share-btn.fb {background: #1f3667;}.share-btn.snapchat a {color: var(--blackClr);}.share-btn.snapchat {background-color: #fff70f;}.share-btn.messenger {background-color: #0166ff;}.share-btn.twitter {background-color: #00aced;}.share-btn.insta {background: linear-gradient(to right, #db7a48, #b33376);}.share-btn.line {background-color: #00b900;}.share-btn.talk a {color: var(--blackClr);}.share-btn.talk {background-color: #aac7e8;}.share-btn.vk {background-color: #6c9dd3;}.share-icon {height: 200px !important;display: block;margin: auto;width: auto !important;margin-bottom: -3px;position: relative;z-index: 1;}.share a.delete {padding: 2px;font-size: 15px;font-weight: 500;width: 40%;}.share .lzcard {padding: 2em 3em;}.table-header {display: flex;justify-content: space-between;border: 2px solid var(--pclr);padding: 0.5em 1em;border-radius: 5px;font-weight: 500;}.table-row {display: flex;font-size: 16px;justify-content: space-between;cursor: pointer;padding: 0.5em 0.6em;background: linear-gradient(45deg, #e3e3e3cc, #fff, #e3e3e3cc);color: #505050;margin-top: 0.5em;border-radius: 5px;box-shadow: 1px 2px 4px #e7e7e7;cursor: pointer;}.table-row a {text-decoration: none;color: #252525;display: block;z-index: 1;width: 50px;text-align: center;}.table-row a:nth-child(2) {width: 65%;margin: 0 10px;word-break: break-all;}.sh-talk img {width: 20px;margin: 0;}.social-icons a {padding: 0 5px;display: inline-flex;background: #fff;border-radius: 5px;padding: 0px;margin: 0 5px;width: 30px;height: 30px;justify-content: center;align-items: center;}.top {position: relative;z-index: 10;}.user > div.score {width: 25%;}.user > div.action {width: 30%;}.user > div.profile {width: 50%;position: relative;}.user > div {text-align: center;}.user .rank {font-size: 20px;}.user .profile .name {display: block;}.user .action {display: flex;justify-content: space-around;}.meter {position: relative;}.needle {width: 100% !important;height: auto !important;}.needle img {width: 130px !important;height: auto !important;display: flex;justify-content: center;position: absolute;left: calc(50% - 132px);bottom: -20px;-webkit-animation: move 5s forwards;animation: move 5s forwards;transform-origin: right;}.meter .circle {position: absolute;width: 70px;height: 70px;left: 50%;transform: translateX(-50%) translateY(35%);bottom: -10px;}.meter .reading {left: 50%;transform: translateX(-50%);position: absolute;bottom: -30px;font-size: 35px;font-weight: 500;}@keyframes scale {0% {transform: scale(0.6);}100% {transform: scale(0.8);}}@keyframes nudge {2%, 18% {transform: translate3d(-1px, 0, 0);}4%, 16% {transform: translate3d(1px, 0, 0);}6%, 10%, 14% {transform: translate3d(-1px, 0, 0);}8%, 12% {transform: translate3d(1px, 0, 0);}18.1% {transform: translate3d(0px, 0, 0);}}.options .optiontxt {display: block;cursor: pointer;padding: 5px;border: 1px solid var(--pclr);margin-top: 15px;border-radius: 5px;font-size: 18px;width: 100%;text-align: center;font-weight: 200;}.options .optiontxt.tick {background: var(--green);color: #fff;}.options .optiontxt.cross {background: var(--red);color: #fff;}.accordion{width: 100%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #fff;}.accordion .panel {position: relative;width: 100%;}.accordion .panel .label{position: relative;padding: 10px;background: #4b9cb8;color: #fff;cursor: pointer;border-bottom: 1px solid rgba(0, 0, 0, 0.24);border-radius: 10px;}.accordion .panel .label::before{content: '+';position: absolute;top: 50%;right: 5%;transform: translateY(-50%);font-size: 1.5em;}.accordion .panel.active .label::before{content: "-";}.accordion .panel .acc-content {position: relative;height: 0;overflow: hidden;transition: 0.5s;overflow-y: auto;}.accordion .panel.active .acc-content{height: 400px;padding: 10px;}
 
*{
  box-sizing:border-box;
}
html {height:100%;}
body {
  background-color:#cecbc4;
  background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #fbfbfb), color-stop(100%, #cecbc4));
  background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #cecbc4 100%);
  background-image: -moz-linear-gradient(top, #fbfbfb 0%, #cecbc4 100%);
  background-image: -ms-linear-gradient(top, #fbfbfb 0%, #cecbc4 100%);
  background-image: -o-linear-gradient(top, #fbfbfb 0%, #cecbc4 100%);
  background-image: linear-gradient(to bottom, #fbfbfb 0%, #cecbc4 100%);
}
div#loader_container {
  width:300px;
  margin:50px auto;
  text-align:center;
  padding-top:50px;
}
div#bar_container {
  height:24px;
  background:#dcdbd7;
  border-radius:20px;
  border-top:1px solid #cfcec9;
  border-bottom:1px solid #f7f6f4;
  box-shadow:0 -1px 0 #bab9b4;
  margin-bottom:24px;
  position:relative;
}
div#progress_bar {
  background-color:#dcf1c6;
background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #ff4280), color-stop(100%, var(--pclr)));
background-image: -webkit-linear-gradient(top, #ff4280 0%, var(--pclr) 100%);
background-image: -moz-linear-gradient(top, #ff4280 0%, var(--pclr) 100%);
background-image: -ms-linear-gradient(top, #ff4280 0%, var(--pclr) 100%);
background-image: -o-linear-gradient(top, #ff4280 0%, var(--pclr) 100%);
background-image: linear-gradient(to bottom, #ff4280 0%, var(--pclr) 100%);
  height:110%;
  position:absolute;
  top:-3px;
  left:0px;
  border-top:1px solid #e5ebf4;
  border-radius:20px;
  box-shadow:0 3px 10px #717171;
  width:10%;
  transition:width 0.1s ease-in-out;
}
div#progress_percentage {
  position:absolute;
  top:-40px;
  right:-10px;
  width:40px;
  height:24px;
  padding-top:6px;
  background:#edeef2;
  background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #edeef2), color-stop(100%, #c9c9d3));
  background-image: -webkit-linear-gradient(top, #edeef2 0%, #c9c9d3 100%);
  background-image: -moz-linear-gradient(top, #edeef2 0%, #c9c9d3 100%);
  background-image: -ms-linear-gradient(top, #edeef2 0%, #c9c9d3 100%);
  background-image: -o-linear-gradient(top, #edeef2 0%, #c9c9d3 100%);
  background-image: linear-gradient(to bottom, #edeef2 0%, #c9c9d3 100%);
  border-top:1px solid white;
  border-right:1px solid #d2d2d0;  
  border-bottom:1px solid #999999;
  border-left:1px solid #d2d2d0;
  border-radius:7px;
  font-size:10px;
  color:#737371;
  text-shadow:0 0 2px #bebfc3;
  box-shadow:0 2px 5px #c1c1bf;
}
div#progress_percentage::before { /* used for the border of the arrow */
  content:"";
  position:absolute;
  left:14px;
  bottom:-11px;
  border-top:5px solid #999;
  border-right:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid transparent;
}
div#progress_percentage::after { /* the actual little arrow in the baloon */
  content:"";
  position:absolute;
  left:14px;
  bottom:-10px;
  border-top:5px solid #c9c9d3;
  border-right:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:5px solid transparent;
}
div#text_container {
  color:#757575;
  font-weight:bold; 
  font-size:22px;
  text-shadow:-1px 1px 1px #d1d0cc;
}
div#text_container span {
  display:block;
  font-weight:normal;
  font-size:11px;
  margin-top:6px;
}
.share-heading {
  margin: 2px auto;
  text-align: center;
}

#share {
  width: 100%;
  margin: 4px auto;
  text-align: center;
}
/* buttons */
#share a {
  width: 20%;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 2px;
  border: 1px solid black;
  border-radius: 15%;
  font-size: 28px;
  color: #fff;
  opacity: 1;
  transition: transform 0.2s ease-in-out, opacity 0.15s linear;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Add shadow for depth */
}

#share a:hover {
  opacity: 0.7;
  transform: scale(1.1);
}

/* icons */
#share img {
  width: initial;
  height: 50%;
}
/* colors */
.facebook {
  background: #3b5998; /* Darkened Facebook color */
}
.twitter {
  background: #171818; /* Darkened Twitter color */
}
.whatsapp {
  background: #00bc54; /* Darkened WhatsApp color */
}
.pinterest {
  background: #d23333; /* Darkened Pinterest color */
}