@media screen and (min-width: 3182px) {
   .black-block-outside {
      inset: 0% auto 0% -70%;
      z-index: 5;
   }
}

@media screen and (min-width: 3182px) {
   .black-block-outside {
      inset: 0% auto 0% -70%;
      z-index: 5;
   }
}

html, body, .wf-loading {
   background-color: #000 !important;
}

.hbspt-form {
   width: 100%;
}

.hbspt-form input, .hbspt-form textarea, .hbspt-form select, .hsfc-TextInput, .email-mini-course-form---hubsspot .hs-form-field input {
   color: #fff !important;
   background-color: #fff0 !important;
   border: 1px solid #878787 !important;
   border-radius: 5px !important;
   flex: 1 !important;
   height: auto !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   padding: 16px 12px 13px !important;
   font-family: BL Melody Regular, sans-serif !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 17.64px !important;
   width: 100%;
}

ul.no-list.hs-error-msgs.inputs-list {
   position: absolute;
}

.hbspt-form select {
   background-color: #000 !important;
}

.hbspt-form fieldset {
   width: 100%;
   display: flex;
   flex-direction: row;
   gap: 15px;
   align-items: flex-end;
}

.system-audit-form .hbspt-form fieldset {
   align-items: flex-end !important;
}

ul.no-list.hs-error-msgs.inputs-list {
   position: absolute !important;
}

.hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {
   position: static !important;
}

.hbspt-form .input {
   margin: 0 !important;
}

.hbspt-form label, .hs-richtext p span {
   color: #fff !important;
   margin-bottom: 0 !important;
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 160% !important;
   margin-bottom: 2px !important;
}

.system-audit-form .hbspt-form label {
   /* opacity: 50%; */
}

.hbspt-form form {
   display: flex;
   flex-direction: column;
   gap: 25px;
   align-items: center;
}

.lead-magnet .hbspt-form form {
   gap: 16px !important;
   align-items: flex-start;
}

.lead-magnet ul.no-list.hs-error-msgs.inputs-list {
   display: none;
}

ul.no-list.hs-error-msgs.inputs-list {
   position: static;
}

.lead-magnet ul.no-list.hs-error-msgs.inputs-list label {
   color: red !important;
}

.hbspt-form li {
   list-style: none;
}

.hbspt-form fieldset div {
   width: 100%;
}

.hbspt-form fieldset.form-columns-0 {
   margin-bottom: -30px !important;
}

.hbspt-form .hs-button, .email-mini-course-form---hubsspot .hs-button {
   border: 1px solid var(--green-yellow) !important;
   background-color: var(--green-yellow) !important;
   color: var(--black) !important;
   text-align: center !important;
   text-transform: uppercase !important;
   border-radius: 5px !important;
   margin-right: 0 !important;
   padding: 16px 52px 13px !important;
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   line-height: 100% !important;
   transition: all .2s !important;
   position: relative !important;
   cursor: pointer !important;
}

.hbspt-form .hs-button:hover {
   color: var(--green-yellow) !important;
   background-color: #0000 !important;
}

.hbspt-form .hs-error-msg {
   margin-top: 0px !important;
   color: red !important;
}

.hbspt-form .submitted-message {
   color: var(--white) !important;
   text-align: center !important;
   letter-spacing: normal !important;
   margin-bottom: 10px !important;
   font-family: Archivo, sans-serif !important;
   font-size: 22px !important;
   font-weight: 400 !important;
}

label.hs-form-radio-display {
   display: inline-flex;
   gap: 8px;
   flex-direction: row;
   align-content: center;
   align-items: center;
}

label.hs-form-radio-display span {
   padding-top: 2px;
}

.BuyButton-Button {
   border: 1px solid var(--green-yellow) !important;
   text-align: center !important;
   text-transform: uppercase !important;
   border-radius: 4px !important;
   margin-top: 0 !important;
   margin-right: 0 !important;
   width: 100% !important;
   max-width: 190px !important;
   font-family: Belfast grotesk, system-ui !important;
   font-size: 14px !important;
   font-weight: 700 !important;
   line-height: 1.112 !important;
   transition: all .2s !important;
   position: relative !important;
   background-color: rgb(217, 252, 103) !important;
   color: rgb(0, 0, 0) !important;
   --merchant-button-color: #d9fc67 !important;
}

.field-container .iti.iti--allow-dropdown {
   width: 100%;
}

.iti__country-list {
   background-color: #00000096 !important;
   backdrop-filter: blur(5px);
}

.iti__country-name {
   color: white !important;
}

.iti-mobile .iti__country {
   color: white !important;
}

.lead-magnet .iti.iti--allow-dropdown, .system-audit-form .iti.iti--allow-dropdown {
   width: 100% !important;
}

.phone-default-field input {
   padding-left: 52px !important;
}

.lead-magnet .iti__flag.iti__ph, .system-audit-form .iti__flag.iti__ph {
   width: 20px !important;
}

.lead-magnet .iti__arrow, .system-audit-form .iti__arrow {
   width: auto !important;
}

.lead-magnet .iti__flag-box, .system-audit-form .iti__flag-box {
   width: 20px !important;
}

.lead-magnet .iti__flag-container, .system-audit-form .iti__flag-container {
   width: 50px !important;
}

.lead-magnet .hs-phone label, .system-audit-form .hs-phone label {
   display: none;
}

section#wall-container div {
   font-family: Blmelody Edit, sans-serif !important;
}

section#wall-container button {
   font-family: Arial !important;
   font-weight: 600 !important;
   background-color: #d9fc67 !important;
   border: none !important;
   color: #1c1c1c !important;
}

section#wall-container.underline {
   color: #D9FC67 !important;
   text-decoration: none !important;
}

p.title {
   font-size: .85rem !important;
   font-weight: 400 !important;
}

.email-mini-course-form---hubsspot fieldset.form-columns-2 {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
}

.email-mini-course-form---hubsspot .hs-form-field {
   width: 100% !important;
   margin-bottom: 0 !important;
}

.email-mini-course-form---hubsspot .hs-form-field .input, .hs-form-field .input input {
   margin: 0 !important;
   width: 100%;
}

.email-mini-course-form---hubsspot .hbspt-form form {
   gap: 15px !important;
}

.email-mini-course-form---hubsspot .actions, .email-mini-course-form---hubsspot .hs_submit {
   width: 100% !important;
}

.email-mini-course-form---hubsspot ul.no-list.hs-error-msgs.inputs-list {
   display: none !important;
}

.hbspt-form .hs-dependent-field {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.hbspt-form .hs-dependent-field ul.inputs-list.multi-container {
   gap: 3px;
   display: flex;
   flex-direction: column;
}

.hbspt-form .hs-dependent-field .hs-form-checkbox label span {
   margin-left: 10px;
}

select option {
   background: #000000;
}

/* Tablet */
@media (max-width: 767px) {
   .lead-magnet .text-field-form-workshop-hubspot, .system-audit-form .text-field-form-workshop-hubspot {
      max-height: 100%;
   }

   .hbspt-form fieldset {
      flex-direction: column;
      gap: 25px !important;
   }

   .hbspt-form fieldset div {
      width: 100% !important;
   }
}



#mtr-optin-form *,
#thankyou-widget *,
#horizontal-banner *,
#horizontal-banner-signup *,
#horizontal-banner-confirmation *,
#mtr-sharing-screen *,
#mtr-optin-form *,
#thankyou-widget *,
#horizontal-banner *,
#horizontal-banner-signup *,
#horizontal-banner-confirmation *,
#mtr-sharing-screen *:before,
#mtr-optin-form *,
#thankyou-widget *,
#horizontal-banner *,
#horizontal-banner-signup *,
#horizontal-banner-confirmation *,
#mtr-sharing-screen *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

#template-form {
   align-items: center;
   margin: 0 auto;
}

body.noscroll {
   overflow: hidden !important;
   overflow-y: hidden !important;
}

#mtr-optin-form,
#thankyou-widget,
#horizontal-banner,
#horizontal-banner-signup,
#horizontal-banner-confirmation,
#mtr-sharing-screen {
   font-size: 18px;
}

#mtr-optin-form,
#thankyou-widget,
#horizontal-banner,
#horizontal-banner-signup,
#horizontal-banner-confirmation,
#mtr-sharing-screen {
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
   text-transform: initial;
   color: inherit;
   color: #000;
   outline: 0;
   line-height: 1.2;
   list-style: none;
   text-rendering: optimizeLegibility;

   -webkit-font-smoothing: antialiased !important;
   transition: All 0.25s ease;
   -webkit-transition: All 0.25s ease;
   -moz-transition: All 0.25s ease;
   -o-transition: All 0.25s ease;
   letter-spacing: normal;
}

#mtr-optin-form *,
#thankyou-widget *,
#horizontal-banner *,
#horizontal-banner-signup *,
#horizontal-banner-confirmation *,
#mtr-sharing-screen * {
   float: none;
}

#mtr-quickadd-optin-form {
   width: 100%
}

/*Floating button*/
#maitre-floating-button {
   z-index: 99999;
   border-radius: 5px;
   font-size: 1rem;
   padding: 0.75rem 1.2rem;
   text-align: center;
   font-weight: 700;
   border: none;
   letter-spacing: 0.5px;
   color: #fff;
   position: fixed;
   box-shadow: 0px 0px 12px rgba(0, 0, 0, .18);
   bottom: 0.7em;
   -webkit-animation-name: mtr-slideInUp;
   animation-name: mtr-slideInUp;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: initial;
   animation-fill-mode: initial;
   -webkit-transition-delay: 0s, 500ms;
   -moz-transition-delay: 0s, 500ms;
   -o-transition-delay: 0s, 500ms;
   transition-delay: 0s, 500ms;
}

#maitre-floating-button.left {
   left: 0.7em;
}

#maitre-floating-button.right {
   right: 0.7em;
}

#maitre-floating-button.center {
   left: 50%;
   transform: translateX(-50%);
   -webkit-animation-name: mtr-slideInUpCenter;
   animation-name: mtr-slideInUpCenter;
}

#maitre-floating-button:hover {
   opacity: 0.8;
   cursor: pointer;
}

/*Inline Button*/

#maitre-inline-button {
   z-index: 99999;
   border-radius: 5px;
   font-size: 1rem;
   padding: 0.75rem 1.2rem;
   text-align: center;
   font-weight: 700;
   border: none;
   letter-spacing: 0.5px;
   color: #fff;
   box-shadow: 0px 0px 12px rgba(0, 0, 0, .18);
}

#maitre-inline-button:hover {
   opacity: 0.8;
   cursor: pointer;
}


/*Form*/
#thankyou-widget,
#horizontal-banner,
#horizontal-banner-signup,
#horizontal-banner-confirmation {
   /*width: 539px;
    max-width: 970px;*/
   width: 95%;
   max-width: 550px;
   margin: 0 auto;
   text-shadow: 0 0 0;
   box-shadow: 0 0px 12px rgba(0, 0, 0, .18);
   border-radius: 5px;
}

#mtr-optin-form {
   /*width: 539px;
    max-width: 970px;*/
   width: 95%;
   max-width: 550px;
   margin: 0 auto;
   text-shadow: 0 0 0;
   border-radius: 5px;
}


#thankyou-form {
   margin: 0 auto;
}

#mtr-form,
#thankyou-form {
   border-top-style: solid;
   border-top-width: 4px;
   border-radius: 5px;
   width: 100%;
   text-align: center;
}

.design-field-column {
   position: relative;
   width: 100%;
   height: 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background: transparent;
}


.mtr-share-link-field {
   height: auto !important;
}

.design-field-row {
   position: relative;
   width: 100%;
   height: 80px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
   background: transparent;
}


.image-link {
   line-height: 0 !important;
}

.d-inline-flex {
   display: inline-flex;
}

#mtr-form-cover {
   width: 100%;
   padding-bottom: 60%;
   height: 0;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}

#mtr-form-header {
   padding: 0.7em 0.8em 0;
   font-weight: 700;
   font-size: 1.7em;
   color: #2b2f3e;
   overflow-wrap: break-word;
   text-align: center;
}

.mtr-form-fields-banner {
   padding: 0% !important;
   height: 100% !important;
}

.banner-submit-button {
   border-style: solid !important;
}

.mtr-form-fields-contaner {
   display: flex;
   flex-direction: row;
   gap: 10px;
}

#mtr-form-fields,
.mtr-form-fields {
   padding: 12px 12px;
   /*margin-bottom: 10px;*/
   width: 100%;
}

#mtr-form-fields .mtr-form-field {
   /* margin-bottom: 15px; */
   width: 100%;
   display: flex;
}

#mtr-form-fields input,
.mtr-form-fields input {
   border: solid #ccc 2px;
   border-radius: 5px;
   padding: 0.5em 0.8em;
   width: 100%;
   font-size: 1em;
   box-shadow: none;
   background: #f1f1f1;
   color: #2b2f3e;
   text-align: left;
   outline: 0;
   height: auto;
   box-sizing: border-box;
}

#mtr-form-fields select {
   border: solid #ccc 2px;
   border-radius: 5px;
   padding: 0em 0.8em;
   width: 100%;
   font-size: 1em;
   box-shadow: none;
   background: #f1f1f1;
   color: #2b2f3e;
   text-align: left;
   outline: 0;
   height: auto;
}

.mtr-rewards-list .owl-item {
   float: left !important;
}

#mtr-form-fields select option {}

.mtr-flex {
   display: flex;
}

.phone-num-row {
   gap: 4px;
}

#mtr-form-field-crypto-wallet-provider {
   position: relative;
}

#mtr-form-field-crypto-wallet-provider a:hover {
   background-color: #ddd;
}

#mtr-form-provider-connect {
   width: 100%;
   border-radius: 5px;
   font-size: 1em;
   padding: 0.5em 0.8em;
   text-align: left;
   border: solid #ccc 2px;
   letter-spacing: 0.5px;
   color: black;
}

#provider-list {
   display: none;
   position: absolute;
   background-color: #f1f1f1;
   width: 100%;
   overflow: auto;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 1;
   margin-top: -15px;
}

#provider-list a {
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   cursor: pointer;
   text-align: center;
   border-bottom: solid 1px #ccc;
}

#provider-list.show {
   display: block;
}

#mtr-form-fields input::placeholder,
#mtr-form-fields input:-ms-input-placeholder,
#mtr-form-fields input::-ms-input-placeholder {
   color: #555;
}

#mtr-form-submit-button,
#mtr-quick-add-form-submit-button {
   line-height: 1.2;
   width: 100%;
   border-radius: 5px;
   font-size: 1em;
   padding: 0.75em 0;
   text-align: center;
   font-weight: 700;
   border: none;
   letter-spacing: 0.5px;
   color: #fff;
   justify-content: center;
   align-items: center;
   display: flex;
   padding: 0;
}

#mtr-otp-input::placeholder {
   font-size: 14px !important;
   font-weight: normal !important;
}

#mtr-crypto-provider-connect {
   width: 90%;
   border-radius: 5px;
   font-size: 1em;
   padding: 0.75em 0;
   text-align: center;
   font-weight: 700;
   border: none;
   letter-spacing: 0.5px;
   color: #fff;
}

#mtr-form-submit-button:hover,
#mtr-quick-add-form-submit-button:hover {
   opacity: 0.9;
   cursor: pointer;
}

#mtr-form-field-tc {
   padding: 0.75em 0;
}

#mtr-form-tc-checkbox {
   position: absolute;
   opacity: 0;
   z-index: 2;
   width: 1.5em !important;
   height: 1.5em !important;
}

#mtr-form-tc-text {
   position: relative;
   display: inline-block;
   padding: 0 0 0 2em;
   min-height: 1.5em;
   line-height: 1.5;
   cursor: pointer;
   pointer-events: auto !important;
   font-size: 0.75em;
   text-transform: none;
}

#mtr-form-tc-link {
   text-decoration: none;
   display: inline-block;
   margin-left: 0.5em;
}

#mtr-form-tc-text::before,
#mtr-form-tc-text::after {
   transition: .25s all ease;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 1.5em;
   height: 1.5em;
}

#mtr-form-tc-text::before {
   content: " ";
   border: 2px solid #bdc3c7;
   border-radius: 20%;
}

#mtr-form-tc-text::after {
   line-height: 1.5;
   text-align: center;
}

#mtr-form-tc-checkbox:checked+label::before {
   background: #fff;
   border-color: #fff;
}

#mtr-form-tc-checkbox:checked+label::after {
   color: #2c3e50;
   content: "\2714";
   -webkit-transform: scale(1);
   transform: scale(1);
}

#mtr-form-status-container {
   padding-bottom: 0em;
   text-align: center;
   margin-top: 15px;
}

#mtr-form-status {
   font-size: 0.8em;
   color: #666666;
   margin-top: 15px;
}


/*Branding*/
#mtr-form-branding-container,
#mtr-sharing-branding-container {
   padding: 0.5em 0;
   background-color: #f5f5f5;
   border-radius: 0 0 5px 5px;
   text-align: center;
}

#mtr-form-branding-container .mtr-form-powered-by,
#mtr-sharing-branding-container .mtr-form-powered-by {
   font-size: 0.65em;
   color: #666;
   font-weight: 400;
   text-decoration: none;
   line-height: 1;
}

#mtr-form-branding-container .mtr-form-powered-by strong,
#mtr-sharing-branding-container .mtr-form-powered-by strong {
   color: #666;
}


/*Sharing screen*/
#mtr-sharing-screen {
   width: 95%;
   max-width: 680px;
   margin: 0 auto;
   border-radius: 5px;
   border-top-style: solid;
   border-top-width: 4px;
}

#mtr-sharing-body {
   padding: 5% 0 0;
   text-align: center;
}

.mtr-sharing-verification-container {
   padding: 0.55em;
   background: rgba(77, 86, 108, 0.05);
   background-repeat: no-repeat;
   background-size: 40px;
   background-position: left 0.75em center;
   text-align: center;
   display: flex;
   justify-content: center;
   align-content: center;
   flex-wrap: wrap;
   min-height: 20px;
}

.mtr-sharing-verification-container.maitre-reminder {
   text-align: left;
   flex-direction: column;
}

.mtr-sharing-verification-text {
   display: flex;
   align-items: center;
   justify-content: center;
}

.mtr-sharing-verification {
   color: #4d566c;
   font-weight: 700;
   font-size: 0.9em;
}

.mtr-sharing-verification a {
   color: #222;
   text-decoration: underline;
}

.mtr-sharing-verification-resend-email,
.mtr-sharing-verification-resend-sms {
   font-size: 0.9em;
   line-height: 1.5;
   color: #4d566c;
}

#mtr-optin-verification-container {
   background: rgba(77, 86, 108, 0.05);
   background-repeat: no-repeat;
   background-size: auto 80%;
   background-position: left 0.75em center;
   text-align: center;
}

#mtr-sharing-screen .mtr-sharing-body-container {
   display: none;
}

#mtr-sharing-screen .mtr-sharing-body-container.active {
   display: block;
}

#mtr-sharing-header {
   margin: 0.5em 0 0;
   font-weight: 700;
   font-size: 2em;
   color: #2b2f3e;
}

#mtr-sharing-subheader {
   margin: 0.2em 0 1em;
   font-weight: 400;
   font-size: 1.3em;
   color: #71747b;
}

/* My Referrals */

.myreferrals-table {
   width: 100%;
}

.myrewards-table {
   width: 100%;
   overflow-x: auto;
}

#mtr-sharing-myreferrals-header {
   font-size: 1.3em;
   font-weight: 700;
   color: #2b2f3e;
}

#mtr-myreferrals {
   padding: 0 0.90em 1.5em;
   margin-top: 1.5em;
}

#mobile-screen .mtr-sharing-social {
   height: 28px;
   width: 28px;
}

#mobile-screen .mtr-sharing-socials-container {
   padding: 30px 10px !important;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   column-gap: 0.5rem;
}

#mobile-screen .mtr-sharing-social-reward {
   margin: 0px 2px !important;
   text-wrap: nowrap;
}

#mobile-screen .mtr-sharing-social-outer-div {
   min-width: 120px !important;
}

#mobile-screen .memoji-avatar {
   width: 60px;
}


.mtr-mr-table {
   width: 100%;
   max-width: 100%;
   table-layout: auto;
   color: #323c4b;
   border-spacing: 0px;
   margin-top: 25px;
   padding: 0.4em;
}

.mtr-mr-table thead th {
   background-color: #ececec;
}

.mtr-mr-table thead th,
.mtr-mr-table tbody td {
   padding: 0.90em 0.3em;
   text-align: center;
   border-bottom: solid #eff3f7 1px !important;
   font-size: 0.75em;
}

.mtr-mr-table tbody td div {
   line-height: 16px;
   margin: 0;
}

.mtr-mr-table tbody {
   background-color: #FFFFFF !important;
}

.mtr-mr-table-body tr td {
   font-size: 0.85em;
}

.mtr-mr-table-body tr td::after {
   border: transparent !important;
}

.mtr-mr-table-header tr th {
   font-size: 0.85em;
}

.mtr-mr-table-header tr th::after {
   border: transparent !important;
}

.mtr-referral-status-unconfirmed {
   background-color: #777;
   padding: 3px 5px;
   border-radius: 4px;
   color: white;
   font-weight: 600;
   display: inline-block;
   white-space: nowrap;
}

.mtr-referral-status-confirmed {
   background-color: #5cb85c;
   padding: 3px 5px;
   border-radius: 4px;
   color: white;
   font-weight: 600;
   display: inline-block;
}

.mtr-referral-status-pending {
   background-color: #d9534f;
   padding: 3px 5px;
   border-radius: 4px;
   color: white;
   font-weight: 600;
   display: inline-block;
}

.mtre-my-rewards-status-label {
   padding: 3px 5px;
   border-radius: 4px;
   color: white;
   font-weight: 600;
   display: inline-block;
   background-color: #5cb85c;
}

.my-referrals-pagination {
   display: flex;
   justify-content: center;
   margin-top: 1em;
}

#my-referrals-pagination button {
   margin-left: 0.5em;
   padding: 0.2em;
   background-color: white;
   color: black;
}

#my-referrals-pagination .mtr-mr-page-active {
   font-weight: 1000;
}

#p1 {
   margin-left: 0.5em;
   padding: 0.2em;
   background-color: white;
   color: black;
}

.empty-referral-message {
   margin-top: 20px;
   font-size: 1.2em;

}

#mtr-sharing-leaderboard,
.mtr-sharing-leaderboard {
   padding: 3% 4%;
}

#mtr-lb-table,
.mtr-lb-table {
   width: 100%;
   max-width: 100%;
   table-layout: auto;
   color: #323c4b;
   background-color: #fff;
}

#mtr-lb-table-div {
   width: 100%;
   overflow: auto;
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

#mtr-lb-table-div::-webkit-scrollbar {
   display: none;
}

#mtr-lb-table thead th,
#mtr-lb-table tbody td,
.mtr-lb-table thead th,
.mtr-lb-table tbody td {
   padding: 0.90em 0.2em;
   text-align: center;
   font-size: 0.9em;
   /* font-weight: 400; */
   /* max-width: 0; */
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.mtr-table-tag {
   border-collapse: collapse !important;
}

.button-link:hover {
   opacity: 0.9;
   cursor: pointer;
}

.mtr-lb-table thead th {
   /*background-color: rgba(77, 86, 108, 0.9);*/
   font-weight: 400;
   border-bottom: 2px solid #eff3f7 !important;
}

#mtr-lb-table thead th {
   /*background-color: rgba(77, 86, 108, 0.9);*/
   font-weight: 700;
   border-bottom: 2px solid #eff3f7;
}

#mtr-lb-table thead th:first-child,
.mtr-lb-table thead th:first-child {
   border-radius: 5px 0 0 0;
}

#mtr-lb-table thead th:last-child,
.mtr-lb-table thead th:last-child {
   border-radius: 0 5px 0 0;
}

#mtr-lb-table tbody td,
.mtr-lb-table tbody td {
   border-bottom: solid #eff3f7 1px !important;
   /* background-color: #fff; */
}

#mtr-lb-table .mtr-lb-subscriber,
.mtr-lb-table .mtr-lb-subscriber {
   width: 50%;
}

#mtr-lb-table .mtr-lb-subscriber.sweepstake,
.mtr-lb-table .mtr-lb-subscriber.sweepstake {
   width: 70%;
}

.lb-avatar {
   border: 3px solid #0000;
   border-radius: 69px;
   /* font-size: 17px; */
   font-weight: 800;
   display: inline-block;
   min-width: 35px;
   min-height: 35px;
   line-height: 30px;
}

.avatar-subscriber {
   background-color: #69e9f4;
}

.avatar-first {
   background-color: #64a9a9;
}

.avatar-second {
   background-color: #a4b0bd;
}

.avatar-third {
   background-color: #6694c7;
}

.bg-round-position {
   border: 3px solid #0000;
   border-radius: 69px;
   /* font-size: 17px; */
   font-weight: 800;
   display: inline-block;
   min-width: 35px;
   min-height: 35px;
   line-height: 30px;
}

.stats-outer-div {
   padding: 0.75rem;
   border-radius: 0.5rem;
   background: #d8d7dd;
}

#mtr-lb-table .mtr-lb-position,
.mtr-lb-table .mtr-lb-position {
   width: 20%;
}

#mtr-lb-table .mtr-lb-points,
.mtr-lb-table .mtr-lb-points {
   width: 20%;
}

#mtr-lb-table tr.mtr-lb-highlight>td,
.mtr-lb-table tr.mtr-lb-highlight>td {
   background-color: rgba(77, 86, 108, 0.05) !important;
   /*font-weight: 700;*/
}

#mtr-lb-footnote,
.mtr-lb-footnote {
   text-align: center;
   font-size: 0.6em;
   margin: 0.45em 0 1.2rem;
   color: #444;
   text-transform: uppercase;
}

#mtr-sharing-progress {
   font-size: 1.15em;
   color: #2b2f3e;
}

#mtr-sharing-instructions {
   font-size: 0.8em;
   color: #555;
   font-weight: 400;
   line-height: 1.5;
}

.mtr-sharing-subscriber-position-container {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   /* -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; */
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   margin: 35px 0 0;
}

.mtr-sharing-people-position-container {}

.mtr-sharing-people-item-col {
   height: 200px;
   width: 200px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   display: flex;

}

.mtr-sharing-people-item-row {
   height: auto;
   width: 100%;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   display: flex;
   margin-bottom: 10px;
}

.rounded-stats-bg {
   display: flex;
   align-items: center;
   padding: 10px;
   border-radius: 40px;
}

.mtr-sharing-people-referred-container,
.mtr-sharing-people-position-container {
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   flex: none;
   text-transform: lowercase;
}

.mtr-sharing-people-referred,
.mtr-sharing-people-position {
   font-size: 3em;

   line-height: 1;
}

.mtr-sharing-people-referred-text,
.mtr-sharing-people-position-text {
   font-size: 1.1em;
   line-height: 1;
   text-transform: none;
}

.mtr-sharing-people-text-horizontal {
   width: 100%;
   text-align: left;
   margin-left: 10px !important;
}

.mtr-sharing-people-text-vertical {
   margin-top: 30px !important;
   margin-bottom: 10px !important;
}

.mtr-icon-size-vertical {
   height: 40px !important;
   width: 40px !important;
}

#mtr-sharing-socials-container .mtr-sharing-socials-container {
   padding: 6% 4%;
   background-color: #f5f5f5;
   width: 106%;
   left: -3%;
   margin: 0 auto;
   text-align: center;
   border-radius: 5px;
   /*background: #fff;*/
   box-shadow: 0 4px 15px 7px rgba(0, 0, 0, 0.2) !important;
   z-index: 2;
}

#mtr-sharing-socials-container .mtr-sharing-social,
.mtr-sharing-socials-container .mtr-sharing-social {
   width: 48px;
   height: 48px;
   border-radius: 5px;
   display: inline-block;
   margin: 5px;
   cursor: pointer;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100% 100% !important;
   background-color: #fff;
}

.mtr-sharing-social-new {
   width: 36px;
   height: 36px;
   border-radius: 5px;
   display: inline-block;
   margin: 5px;
   cursor: pointer;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100% 100% !important;
   background-color: #fff;
}

#mtr-sharing-socials-container .mtr-sharing-social:hover,
.mtr-sharing-socials-container .mtr-sharing-social:hover {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
}

#mtr-sharing-socials-actions-container,
.mtr-sharing-socials-actions-container {
   padding: 1% 1%;
   width: 60%;
   left: -3%;
   margin: 0 auto;
   background-color: #f1f0f5;
   text-align: center;
   flex-directions: column;
}

#mtr-sharing-socials-actions-container .mtr-sharing-social,
.mtr-sharing-socials-actions-container .mtr-sharing-social {
   width: 48px;
   height: 48px;
   margin: 5px;
   cursor: pointer;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100% 100% !important;
   background-color: #fff;
}

.mtr-sharing-socials-actions-container .telegram-checked-icon {
   background-size: 35px !important;
}

/*
  #mtr-sharing-socials-actions-container .mtr-sharing-social:hover,
  .mtr-sharing-socials-actions-container .mtr-sharing-social:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
  */
.mtr-sharing-social-action-container {
   display: flex;
   widget: 500px;
   background-color: #f1f0f5;
   gap: 20px;
   margin-top: 3px;
   justify-content: space-between;
}

.mtr-sharing-social-container {
   display: flex;
   align-items: center;
   width: 100%;
}

.mtr-sharing-social-action-background {
   height: auto;
   border-radius: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
}

/*
  .mtr-sharing-socials-actions-container .mtr-sharing-social-action-container:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
  */

.mtr-social-actions-title {
   font-size: 20px;
   line-height: 1;
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   width: 100%;
}

.mtr-join-button-container {
   margin-top: 20px;
}

.mtr-join-button {
   width: 50px;
   color: white;
   background: black;
   padding: 10px;
   border-radius: 10px;
   font-weight: 600;
}

#mtr-sharing-plain-container,
.mtr-sharing-plain-container {
   min-width: fit-content;
   border: 2px solid #ccc;
   margin: 0;
   width: 100%;
   max-width: 550px;
   padding: 0.25em;
   border-radius: 12px;
   background-color: #fff;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-align-content: flex-start;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.mtr-sharing-outer-container {
   display: flex;
   max-width: 645px;
   align-items: center;
   flex-direction: column;
   width: 95%;
}

.mtr-sharing-socials-container-hroizontal {
   display: flex !important;
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
}

#mobile-screen .mtr-sharing-socials-container-hroizontal {
   flex-direction: row;
   align-items: center;
}

.mtr-sharing-upper-text-area {
   max-width: 550px;
}

#mtr-sharing-plain-link,
.mtr-sharing-plain-link {
   font-size: 18px;
   padding: 5px 5px 5px 5px;
   color: #222;
   background-color: #fff;
   border: none;
   height: auto;
   flex: 1;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   outline: none;
   display: flex;
   align-items: center;
   text-align: center;
}

#mtr-sharing-link-button,
.mtr-sharing-link-button {
   font-size: 12px !important;
   text-transform: uppercase;
   padding: 0 30px !important;
   text-align: center;
   font-weight: 700;
   letter-spacing: 0.5px !important;
   color: #000000;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 1px;
   margin-bottom: 0px !important;
}

.mtr-lb-div {
   width: 100%;
   border-radius: 20px;
   border-width: 2px;
}

#mtr-sharing-link-button:hover,
.mtr-sharing-link-button:hover {
   cursor: pointer;
}


/*Tabs*/
#mtr-sharing-head {
   border-radius: 7px 7px 0 0;
   padding: 0 0.7rem;
}

#mtr-sharing-head-ul {
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: flex;
   margin: 0 auto;
   padding: 0;
   width: 100%;
   list-style: none;
   -ms-box-orient: horizontal;
   -ms-box-pack: center;
   -webkit-flex-flow: row wrap;
   -moz-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-justify-content: center;
   -moz-justify-content: center;
   -ms-justify-content: center;
   justify-content: center;
}

#mtr-sharing-head-ul li {
   flex: 1;
   text-align: center;
}

#mtr-sharing-head-ul li a {
   display: block;
   padding: 0.5em 0;
   font-size: 0.9em;
   text-transform: uppercase;
   border-top: 4px solid transparent;
   text-decoration: none;
   background-color: #f5f5f5;
   color: #888;
}

#mtr-sharing-head-ul li a:hover {
   color: #222;
}

#mtr-sharing-head-ul li a.active {
   background-color: #fff;
   font-weight: 700;
   margin-top: -8px;
   padding-top: calc(0.5em + 8px);
   border-radius: 4px 4px 0 0 !important;
}

#mtr-sharing-head-ul li:first-child a {
   border-radius: 5px 0 0 0;
}

#mtr-sharing-head-ul li:last-child a {
   border-radius: 0 5px 0 0;
}

/*Email Preview*/

#email_preview {
   width: 80%;
   margin: auto;
   margin-top: 1em;
   text-align: left;
}

#email_header {
   margin-left: 0px;
   font-weight: 2em;
}

#email_subject {
   margin-top: 1em;
   border: 2px solid #DCDCDC;
   padding: 0.7em;
   background-color: white;
}

#email_body_header {
   margin-top: 1em;
   margin-left: 0px;
   font-weight: 2em;
}

#email_body {
   margin-top: 1em;
   border: 2px solid #DCDCDC;
   padding: 1em;
   background-color: white;
}

/*Quick Add Referral*/

#mtr-quickadd-form-subheader {
   margin: 0.2em 0 em;
   font-weight: 400;
   font-size: 1em;
   color: #71747b;
}

/*QR Code*/

#mtr-qr-code-container {
   align-items: center;
   justify-content: center;
   font-family: Arial;
}

#mtr-qr-code-image {
   align-items: center;
   justify-content: center;
   margin-top: 1em;
   display: flex;
}

#mtr-qr-code-image-android {}

#device-header {
   margin-top: 1em;
   font-size: 1.2em;
}

#mtr-qr-code-image-ios {
   margin-left: 2em;
}

#mtr-qr-code-header {
   margin-top: 0.6em;
   font-size: 1.2em;
}

.mtr-qr-code-container {
   width: 100%;
}

.mtr-qr-code-field {
   width: 100%;
   display: flex;
}

.mtr-qr-code-field img {
   display: inline-block !important;
}

/*Rewards*/

#mtr-sharing-rewards-header {
   font-size: 1.3em;
   padding: 1.2em 0 0;
   font-weight: 700;
   color: #2b2f3e;
}

.mtr-rewards {
   padding-top: 15px;
   width: 100%;
   background-color: #f1f0f5;
   border-radius: 18px;
}

.mtr-rewards-list {
   padding: 10px;
   margin: 0;
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   background-color: #f1f0f5;
   border-radius: 20px;
   margin-bottom: 15px;
}

.mtr-rewards-list.owl-carousel {
   padding: 10px 0px 0px 10px !important;
   margin-bottom: 12px !important;
   margin-top: 35px;
}

.mtr-rewards.swiper-container {
   overflow: hidden;
}

.swiper-prev {
   background: #403754 !important;
   width: 28px !important;
   height: 28px !important;
   border-radius: 8px;
   top: 40px !important;
   left: auto !important;
   right: 200px !important;
}

.swiper-prev::after,
.swiper-next::after {
   font-size: 12px !important;
   color: #fff !important;
   font-weight: bold !important;
}

.swiper-prev-mobile {
   background: #403754 !important;
   width: 28px !important;
   height: 28px !important;
   border-radius: 8px;
   top: 40px !important;
   right: 190px !important;
   left: auto !important;
}

.swiper-prev-mobile::after {
   font-size: 12px !important;
   color: #fff !important;
   font-weight: bold !important;
}

.swiper-next {
   background: #403754 !important;
   width: 28px !important;
   height: 28px !important;
   border-radius: 8px;
   top: 40px !important;
   right: 38px !important;
}

.swiper-next-mobile {
   background: #403754 !important;
   width: 28px !important;
   height: 28px !important;
   border-radius: 8px;
   top: 40px !important;
   left: auto !important;
   right: 24px !important;
}

.swiper-next-mobile::after {
   font-size: 12px !important;
   color: #fff !important;
   font-weight: bold !important;
}

.swiper-pagination {
   width: auto;
   text-align: right !important;
}

.mtr-rewards-list.swiper-wrapper {
   margin-top: 36px;
}

#mobile-screen .mtr-reward-list-custom {
   margin-right: 0px !important;
}

#mobile-screen .mtr-reward-li-progress-bar {
   position: unset !important;
   height: 0px !important;
}

#mobile-screen .reward-referrals-below-div {
   display: none;
}

#mobile-screen .reward-referrals {
   display: block;
}

.mtr-below-reward-div {
   padding: 6px 0px;
   width: 100%;
   margin-top: 5px;
   border-radius: 10px;
   background-color: #FFFFFF;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
}

.mtr-below-reward-div-list {
   padding: 6px 0px;
   width: 100%;
   margin-left: 5px;
   border-radius: 10px;
   background-color: #FFFFFF;
   display: flex;
   align-items: start;
   flex-direction: column;
   justify-content: space-between;
}

.mtr-rewards-list .mtr-list-item-class {
   /*flex: 1 0 50%;*/
   margin: 5px;
   border-radius: 5px;
   height: auto;
   /* min-height: 235px; */
   background-color: transparent;
   text-align: center;
   vertical-align: top;
   position: relative;
}

.mtr-rewards-list li.mtr-no-image {
   min-height: 80px;
}

.mtr-rewards-list li.unlocked {
   opacity: 0.4;
   filter: alpha(opacity=40);
}

.mtr-rewards-list li.unlocked .reward-ribbon {
   position: absolute;
   left: -5px;
   top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px;
   height: 75px;
   text-align: right;
}

.mtr-rewards-list li.unlocked .reward-ribbon span {
   font-size: 10px;
   font-weight: bold;
   color: #FFF;
   text-transform: uppercase;
   text-align: center;
   line-height: 20px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   width: 100px;
   display: block;
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px;
   left: -21px;
}

.mtr-rewards-list li.unlocked .reward-ribbon span::before {
   content: "";
   position: absolute;
   left: 0px;
   top: 100%;
   z-index: -1;
   border-left: 3px solid #777;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #777;
}

.mtr-rewards-list li.unlocked .reward-ribbon span::after {
   content: "";
   position: absolute;
   right: 0px;
   top: 100%;
   z-index: -1;
   border-left: 3px solid transparent;
   border-right: 3px solid #777;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #777;
}

.mtr-rewards-list .mtr-list-item-class .reward-description {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: rgba(59, 56, 57, .8);
   line-height: 1.3;
   z-index: 2;
   padding: 0.8em 0.5em;
   color: #fff;
   font-size: 0.85em;
   overflow: hidden;
   border-radius: 5px;
   opacity: 0;
}

#mobile-device .reward-description {
   width: 100%;
   left: 19px;
}

#mobile-device .owl-item .reward-description {
   left: 0;
   top: 0;
}

#desktop-device .reward-description {
   width: 97%;
   left: 19px;
}

#desktop-device .owl-item .reward-description {
   left: 0;
   width: 100%;
}

.mtr-rewards-list-row .reward-description {
   left: 0 !important;
   width: 100% !important;
}

#mobile-device .mtr-rewards {
   padding-left: 4px !important;
}

#mobile-device .owl-item.active {
   width: 235px !important;
}

.owl-item .reward-description {
   margin-left: 0px !important;
}

.mtr-rewards-list .mtr-list-item-class .reward-info {
   vertical-align: middle;
   border-radius: 10px;
   color: #2b2f3e;
   overflow: hidden;
}

.mtr-rewards-list .mtr-list-item-class .reward-info h4 {
   color: #2b2f3e;
   font-size: 0.9em;
   margin: 0.25em 0;
   font-weight: 700;
   padding: 0.5em 1em;
}

.mtr-rewards-list .mtr-list-item-class .reward-info .mtr-p-tag {
   color: #2b2f3e;
   font-size: 0.75em;
   line-height: 1.3;
   font-weight: 400;
   padding: 0 1em;
   text-align: justify;
}

.mtr-rewards-list .mtr-list-item-class .reward-info .reward-image {
   background-color: #fff;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   width: 100%;
   padding-bottom: 60%;
   height: auto;
   border-radius: 5px 5px 0 0;
   border-bottom: 1px solid rgba(77, 86, 108, 0.05);
}

.reward-info-section {
   width: 100%;
}

.mtr-rewards-list .mtr-list-item-class .reward-referrals {
   padding: 0.6em;
   text-transform: uppercase;
   color: #2b2f3e;
   background-color: #fff;
   font-size: 15px;
   font-weight: 600;
}

.mtr-rewards-list li.mtr-no-image .reward-referrals {
   border-radius: 5px 5px 0 0;
}

.mtr-rewards-list .mtr-list-item-class:hover>.reward-description {
   opacity: 1;
}

.mtr-rewards-list-row .reward-description {
   margin-left: 0px !important;
}

/*custom classes*/

.mtr-header-4 {
   margin: 0;
}

.mtr-p-tag {
   display: block;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}


/*tailwind classes*/

.mtr-bg-c-gray-100 {
   background: #f1f0f5 !important;
}

.mtr-p-5 {
   padding: 1.25rem;
}

.mtr-radius20 {
   border-radius: 20px;
}

.mtr-flex {
   display: flex;
}

.mtr-items-center {
   align-items: center;
}

.mtr-justify-between {
   justify-content: space-between;
}

.mtr-justify-center {
   justify-content: center;
}

.mtr-mt-3 {
   margin-top: 0.75rem;
}

.mtr-mb-3 {
   margin-bottom: 0.75rem;
}

.mtr-text-xs {
   font-size: .75rem;
   line-height: 1rem;
}

.mtr-text-c-gray-500 {
   color: #5c5c5c;
}

.mtr-font-medium {
   font-weight: 500;
}

.mtr-uppercase {
   text-transform: uppercase;
}

.mtr-math-auto {
   text-transform: math-auto;
}

.mtr-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255/var(--tw-text-opacity));
}

.mtr-py-1 {
   padding-bottom: 0.25rem;
   padding-top: 0.25rem;
}

.mtr-px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
}

.mtr-rounded-full {
   border-radius: 9999px;
}

.mtr-overflow-hidden {
   overflow: hidden;
}

.mtr-border {
   border-width: 1px;
}

.mtr-ring-opacity-5 {
   --tw-ring-opacity: 0.05;
}

@media (min-width: 640px) {
   .sm\:mtr-rounded-lg {
      border-radius: 0.5rem;
   }

   .sm\:mtr-grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.mtr-bg-c-purple-100 {
   background: #403754 !important;
}

.mtr-bg-c-purple-300 {
   background: #E7DDFC !important;
}

.mtr-border-b {
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.mtr-border-c-gray-200 {
   border-color: #cdccd9 !important;
}

.mtr-grid {
   display: grid;
}

.mtr-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
}

.mtr-gap-x-4 {
   -moz-column-gap: 1rem;
   column-gap: 1rem;
}

.mtr-gap-y-4 {
   row-gap: 1rem;
}

.mtr-col-span-1 {
   grid-column: span 1/span 1;
}

.mtr-bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.mtr-mb-4 {
   margin-bottom: 1rem;
}

.mtr-relative {
   position: relative;
}

.mtr-w-\[100\%\] {
   width: 100%;
}

.mtr-h-\[3px\] {
   height: 3px;
}

.mtr-bg-c-green {
   background: #62C188 !important;
}

.mtr-absolute {
   position: absolute;
}

.mtr-w-2 {
   width: 0.5rem;
}

.mtr-h-2 {
   height: 0.5rem;
}

.mtr-w-full {
   width: 100%;
}

.mtr-w-\[50\%\] {
   width: 50%;
}

.mtr-bg-c-gray-200 {
   background: #cdccd9;
}

.mtr-w-8 {
   width: 2rem;
}

.mtr-h-8 {
   height: 2rem;
}

.mtr-z-20 {
   z-index: 20;
}

.mtr-h-9 {
   height: 2.25rem;
}

.mtr-h-\[9px\] {
   height: 9px;
}

.mtr-w-\[9px\] {
   width: 9px;
}

.mtr-left-\[3px\] {
   left: 3px;
}

.-top-3-mtr {
   top: -0.75rem;
}

.mtr-left-4 {
   left: 1rem;
}

.mtr-left-\[6px\] {
   left: 6px;
}

.mtr-top-0 {
   top: 0;
}

.mtr-h-full {
   height: 100%;
}

.mtr-w-\[3px\] {
   width: 3px;
}

.mtr-z-10 {
   z-index: 10;
}

.mtr-bottom-0 {
   bottom: 0;
}

.-left-\[0\.5px\]-mtr {
   left: -0.5px;
}

.mtr-z-30 {
   z-index: 30;
}

.mtr-h-\[17px\] {
   height: 17px;
}

.mtr-w-\[17px\] {
   width: 17px;
}

.mtr-shrink-0 {
   flex-shrink: 0;
}

.mtr-border-2 {
   border-width: 2px;
}

.name-leaderboad-header {
   padding-left: 32% !important;
}


.mtr-rewards {
   position: relative;
}

.mtr-rewards .counter {
   position: absolute;
   right: 59px;
   top: 30px;
}

.mtr-rewards .swiper-counter {
   position: absolute;
   right: 84px !important;
   top: 23px !important;
   width: auto !important;
   height: 20px;
}

.mtr-rewards .swiper-counter-mobile {
   position: absolute;
   right: 68px !important;
   left: auto !important;
   top: 23px !important;
   width: 131px !important;
}

.mtr-rewards .owl-prev {
   margin-right: 123px;
}


/*Popup*/
#mtr-popup-container {
   max-width: 100%;
   z-index: 999999999;
   position: fixed;
   opacity: 0;
   top: 0;
   overflow-y: auto;
   height: 100vh;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 65px 5px;
   -webkit-animation: mtr-fadeIn 0.7s;
   -moz-animation: mtr-fadeIn 0.7s;
   -ms-animation: mtr-fadeIn 0.7s;
   -o-animation: mtr-fadeIn 0.7s;
   animation: mtr-fadeIn 0.7s;
   background: rgba(77, 86, 108, 0.5);
}

#mtr-popup-container.show {
   opacity: 1;
   display: block;
}

#mtr-popup-body {
   position: static;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: mtr-fadeIn;
   animation-name: mtr-fadeIn;
}

#mtr-popup-close {
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   color: #f1f1f1;
   font-size: 37px;
   font-weight: 700;
   padding: 10px 20px;
   cursor: pointer;
   z-index: 999;
}

#mtr-popup-close:hover {
   color: #fff;
}

#mtr-popup-close:before {
   content: 'CLOSE';
   font-size: 0.25em;
   position: relative;
   top: -8px;
   margin-right: 5px;
}

/*Test mode badge*/
#mtr-popup-test-mode-container {
   position: absolute;
   top: 20px;
   left: 20px;
   background-color: #f5ec05;
   padding: 10px;
   color: #363636;
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   border: solid 1px #65610a;
   border-radius: 5px;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
   cursor: pointer;
   text-decoration: none;
}

/*Verify installation*/
#mtr-popup-verify-container {
   background: #34495e;
   border-radius: 2px;
   position: fixed;
   z-index: 9999999999999;
   top: 20px;
   left: 20px;
   width: 400px;
   padding: 25px;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
   -webkit-animation-name: mtr-fadeInDown;
   animation-name: mtr-fadeInDown;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: initial;
   animation-fill-mode: initial;
   -webkit-transition-delay: 0s, 500ms;
   -moz-transition-delay: 0s, 500ms;
   -o-transition-delay: 0s, 500ms;
   transition-delay: 0s, 500ms;
}

#mtr-popup-verify-container .mtr-popup-verify-close {
   position: absolute;
   top: 15px;
   right: 15px;
   font-size: 22px;
   color: white;
   cursor: pointer;
}

#mtr-popup-verify-container .mtr-popup-verify-text-container {
   float: left;
   color: #dedede;
   font-size: 14px;
   width: 78%;
   min-height: 50px;
   vertical-align: middle;
}

#mtr-popup-verify-container .mtr-popup-verify-text-container .mtr-header-3 {
   color: white;
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 4px 0;
   display: block;
}

#mtr-popup-verify-container .mtr-popup-verify-text-container .mtr-p-tag {
   color: #dedede;
   font-size: 14px;
   margin: 0;
}

.reward-li-item-mobile {
   flex-direction: column;
}

.mtr-outer-reward-div-mobile {
   width: 100% !important;
   height: auto !important;
}

#mobile-screen .reward-li-item {
   flex-direction: column;
}

#mobile-screen mtr-outer-reward {
   width: 100% !important;
   height: auto !important;
}

#mobile-screen .mtr-below-reward-div-list {
   margin-left: 20px;
   margin-top: 5px;
}


#mobile-screen .outer-reward-div-column {
   margin-left: 20px !important;
}

#mobile-screen .owl-item .mtr-outer-reward-div {
   margin-left: 0 !important;
}

.mtr-below-reward-div-list-mobile {
   margin-left: 20px;
   margin-top: 5px;
}

/*Owl carousel css*/

.owl-carousel {
   display: none;
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   /* position relative and z-index fix webkit rendering fonts issue */
   position: relative;
   z-index: 1;
}

.owl-carousel .owl-stage {
   display: flex;
   position: relative;
   -ms-touch-action: pan-Y;
   touch-action: manipulation;
   -moz-backface-visibility: hidden;
   /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   /* fix for flashing background */
   -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
   height: fit-content !important;
   position: relative;
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
   display: block;
   width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
   display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
   background: none;
   color: inherit;
   border: none;
   padding: 0 !important;
   font: inherit;
}

.owl-carousel.owl-loaded {
   display: block;
}

.owl-carousel.owl-loading {
   opacity: 0;
   display: block;
}

.owl-carousel.owl-hidden {
   opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
}

.owl-carousel.owl-rtl {
   direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
   float: right;
}

/* No Js */
.no-js .owl-carousel {
   display: block;
}

/*
   *  Owl Carousel - Animate Plugin
   */
.owl-carousel .animated {
   animation-duration: 1000ms;
   animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
   z-index: 0;
}

.owl-carousel .owl-animated-out {
   z-index: 1;
}

.owl-carousel .fadeOut {
   animation-name: mtr-fadeOut;
}

@keyframes mtr-fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

/*
   * 	Owl Carousel - Auto Height Plugin
   */
.owl-height {
   transition: height 500ms ease-in-out;
}

/*
   * 	Owl Carousel - Lazy Load Plugin
   */
.owl-carousel .owl-item {
   /**
              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
              calculation of the height of the owl-item that breaks page layouts
           */
}

.owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
   max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
}

/*
   * 	Owl Carousel - Video Plugin
   */
.owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
}

.owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url("owl.video.play.png") no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
   display: none;
}

.owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
}

.owl-nav {
   padding: 0 20px;
   top: -26px !important;
}


.owl-theme .owl-nav {
   margin-top: 10px;
   text-align: center;
   -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
   color: #FFF;
   font-size: 14px;
   margin: 5px;
   padding: 4px 7px;
   background: #D6D6D6;
   display: inline-block;
   cursor: pointer;
   border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
   background: #869791;
   color: #FFF;
   text-decoration: none;
}

.owl-theme .owl-nav .disabled {
   opacity: 0.5;
   cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: 10px;
}

.owl-theme .owl-dots {
   text-align: center;
   -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
   display: inline-block;
   zoom: 1;
   *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 7px;
   background: #D6D6D6;
   display: block;
   -webkit-backface-visibility: visible;
   transition: opacity 200ms ease;
   border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
   background: #869791;
}

.rewards-carousel .owl-item {
   height: 300px;
}

.rewards-carousel .owl-nav {
   position: absolute;
   top: -47px;
   right: 0;
}

.rewards-carousel .owl-prev {
   background: #403754 !important;
   width: 28px !important;
   height: 28px !important;
   border-radius: 8px;
}

.rewards-carousel .owl-prev span {
   color: #fff;
   font-weight: bold;
   font-size: 16px;
}

.rewards-carousel .owl-next {
   background: #403754 !important;
   width: 28px !important;
   height: 28px !important;
   border-radius: 8px;
}

.rewards-carousel .owl-next span {
   color: #fff;
   font-weight: bold;
   font-size: 16px;
}

.owl-dots {
   display: none;
}

.mtr-no-url-container {
   display: flex;
}


/*Floating button*/
#mtr-floating_button {
   z-index: 99;
   padding: 20px;
   border-radius: 15px;
   position: fixed;
   bottom: 20px;
   right: 20px;
   background-color: #47a1e2;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
}

.mtr-hide {
   display: none;
}

@-webkit-keyframes mtr-fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@keyframes mtr-fadeInDown {
   from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}

@-webkit-keyframes mtr-zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
   }

   50% {
      opacity: 1;
   }
}

@keyframes mtr-zoomIn {
   from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
   }

   50% {
      opacity: 1;
   }
}

@-webkit-keyframes mtr-fadeIn {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

@keyframes mtr-fadeIn {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

@-webkit-keyframes mtr-slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@keyframes mtr-slideInUp {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }
}

@-webkit-keyframes mtr-slideInUpCenter {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(-50%, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(-50%, 0, 0);
   }
}

@keyframes mtr-slideInUpCenter {
   from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(-50%, 100%, 0);
      visibility: visible;
   }

   to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(-50%, 0, 0);
   }
}


/*Media queries*/
@media only screen and (min-width: 768px) {

   #mtr-sharing-body {
      padding: 5% 0 0;
   }

   .mtr-rewards-list .mtr-list-item-class {
      /* flex: 1 0 25%;
      max-width: 33.33%;
      min-width: 190px; */
   }

   #mtr-sharing-leaderboard,
   .mtr-sharing-leaderboard {
      padding: 3% 8% !important;
   }

   #mtr-popup-test-mode-container,
   #mtr-popup-close {
      position: fixed;
   }

   .mtr-sharing-subscriber-position-container {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: center;
      width: 100%;
      margin: auto;
   }

   #mtr-sharing-plain-container,
   .mtr-sharing-plain-container {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
   }

   #mtr-sharing-link-button,
   .mtr-sharing-link-button {
      position: relative;
   }

}


@media only screen and (max-width: 550px) {
   .mtr-lb-table {
      display: block;
      overflow-x: auto;
   }

   .myreferrals-table {
      overflow-x: auto;
   }

   .myreferrals-table table {
      white-space: nowrap;
   }

   .myrewards-table {
      overflow-x: auto;
   }

   .mtr-sharing-subscriber-position-container {
      flex-direction: column !important;
   }

   .mtr-sharing-people-item-col {
      margin: 10px 0px !important;
   }

   .design-field-row {
      display: flex !important;
      flex-direction: column !important;
   }

   .sub-grid-field {
      margin: 10px !important;
   }

   .myrewards-table table {
      white-space: nowrap;
   }

   #mtr-optin-form,
   #thankyou-widget {
      width: 95% !important;
   }

   #template-form {
      flex-direction: column;
      height: auto !important;
      margin: 0 auto;
   }

   #template-form .horizontal-mtr-spacer-field {
      height: 30px !important;
   }

   #banner-close {
      display: flex !important;
   }

   .reward-li-item {
      flex-direction: column;
   }

   .owl-item .mtr-outer-reward-div {
      margin-left: 0 !important;
   }

   .outer-reward-div-column {
      margin-left: 20px !important;
   }

   .mtr-below-reward-div-list {
      margin-left: 20px;
      margin-top: 5px;
   }

   .reward-description {
      width: 100%;
   }

   .mtr-rewards {
      padding-left: 4px !important;
   }

   .owl-item .reward-description {
      left: 0;
      top: 0;
      margin-left: 0px !important;
   }

   .reward-description {
      width: 100%;
      left: 19px;
      top: 26px;
   }

   .mtr-rewards-list-column {
      margin-right: 30px !important;
   }

   .mtr-sharing-socials-container-hroizontal {
      flex-direction: row;
      align-items: center;
   }

   .mtr-lb-table thead th,
   .mtr-lb-table tbody td {
      padding-left: 5px !important;
      text-align: center;
      font-size: 0.9em;
      /* font-weight: 400; */
      /* max-width: 0; */
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
   }

   .mtr-sharing-social {
      height: 28px;
      width: 28px;
   }

   .mtr-sharing-socials-container {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      padding: 30px 10px !important;
      display: grid;
      column-gap: 0.5rem;
   }

   .mtr-sharing-social-reward {
      margin: 0px 2px !important;
      text-wrap: nowrap;
   }

   .mtr-sharing-social-outer-div {
      min-width: 120px !important;
   }

   .mtr-reward-li-progress-bar {
      position: static !important;
   }

   .mtr-reward-li-progress-bar {
      position: unset !important;
      height: 0px !important;
   }

   .mtr-reward-list-custom {
      margin-right: 0px !important;
   }

   .reward-referrals-below-div {
      display: none !important;
   }

   .reward-referrals {
      display: block !important;
   }

   .mtr-rewards-list.swiper-wrapper {
      margin-top: 36px;
      max-width: 340px !important;
   }

}


.mtr-otp-container input::-webkit-outer-spin-button,
.mtr-otp-container input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

@media only screen and (max-width: 550px) {
   .mtr-otp-container input {
      width: 100% !important;
      height: 55px !important;
   }

   .mtr-otp-container {
      gap: 3px !important;
   }
}

.mtr-loader {
   border: 4px solid #F3F3F3;
   border-radius: 50%;
   border-top: 4px solid #3498DB;
   width: 30px;
   height: 30px;
   -webkit-animation: mtr-spin 1s linear infinite;
   /* Safari */
   animation: mtr-spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes mtr-spin {
   0% {
      -webkit-transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes mtr-spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}




* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

html body .faq-answer p,
html body .text-rich-text p {
   color: white !important;
}

html {
   scroll-behavior: smooth;
}

/* video styles */
.bg-video,
.lights-video video {
   aspect-ratio: 16 / 9;
   width: auto !important;
}

.bg-video-3,
video {
   aspect-ratio: 16 / 10;
   width: auto !important;
}

.bg-video-2 video {
   aspect-ratio: 4 / 3;
   width: auto !important;
}

.footer-video video {
   aspect-ratio: 4 / 4;
   width: auto !important;
}

.mobile-video video {
   aspect-ratio: 9 / 16;
   width: auto !important;
}

.laptop-vid video {
   aspect-ratio: 16 / 9;
   width: auto !important;
}