:root {
    --blue-500: #1C4E79;
    --green-300: #95DBDB;
    --teal-400: #86C5C5;
    --teal-500: #77AFAF;
    --sec-btn-text: #046263;
    --sec-btn-border: #98CDCE;
    --sec-btn-bg: #F4FAFA;
    --sec-btn-hover-bg: #EFFAFA;
    --light-bgcolor: #F8FAFA;
}

body,
html {

    color: #333333;
    scroll-behavior: smooth;
}


/* == fonts == */


/* ========== common css - start ========== */

body {
    background-color: rgba(var(--Light-Neutral));
}

p,
p i,
span,
p a {
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif !important;
}

table th,
table td,
ul li,
.alert-info,
ul li,
label{
    font-family: "Public Sans", sans-serif !important;
}

a:hover {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {

}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0px;

}

input:focus,
input:outline {
    outline: 0;
}

.bgblue {
    background: #83c7ec;
}

.bggray {
    /* background: #F5F9FA; */
}

.bggray2 {
    /* background: #f4f4f7; */
}

.bggray3 {
    /* background: #fcfcfc; */
}

.bggray4 {
    background: #F1F2F4;
}

.height100vh {
    min-height: 100vh;
}

a {
    color: rgba(var(--Navy));
}

#toast-container>div {
    opacity: 0.9;
}

.toast-title {
    color: #FFF;
}

.toast-message {
    color: #FFF;
}

.width100 {
    width: 100%;
}

.bgimg {
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.lh-24 {
    line-height: 24px;
}

.input_with_icon.left .input_icon {
    left: 6px;
    top: 10px;
}

.input_with_icon.right .input_icon {
    right: 6px;
    top: 10px;
}

.input_with_icon .input_icon {
    position: absolute;
}

.input_with_icon.left input {
    padding-left: 35px;
}

.input_with_icon.left label {
    padding-left: 30px;
}

.input_with_icon.right input {
    padding-right: 35px;
}

.input_with_icon input:focus~.input_icon i {
    color: rgba(var(--Navy));
}

.group.input_with_icon.left input:focus~label,
.group.input_with_icon.left input:valid~label {
    padding-left: 0;
}

.pointer {
    cursor: pointer;
}

.color3 {
    color: #a0a5ae;
}

.fancybox-caption__body {
    color: #FFF;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.no-padding {
    padding: 0;
}

.bg0-hov:hover {
    background-color: rgba(var(--Navy));
}

.bg0-hov:hover span i {
    color: #FFF;
}

.fancybox-button {
    background: rgba(var(--Navy));
}

.fancybox-button svg path {
    color: #FFF;
}

.tzrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagination_main {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.pagination_main .pagination {
    text-align: center;
    display: block;
}

.pagination_main .pagination li {
    display: inline-block;
}

.pagination_main .page-item.active .page-link {
    background-color: rgba(var(--Navy));
    border-color: rgba(var(--Navy));
}

.pagination_main .page-link {
    color: rgba(var(--Navy));
}

.pagination_main .page-link:focus,
.page-link:hover {
    color: rgba(var(--Navy));
}

.pagination_main .cursor_pointer {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #756977;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9799a2;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9799a2;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #ddd;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
     font-family: "Public Sans", sans-serif;
    color: var(--blue-500) !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active {
    background-color: rgba(var(--Navy));
    border: 1px solid rgba(var(--Navy));
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a {
    color: #FFF !important;
}

.tracking_img img {
    position: absolute;
}

.tzbtn1 {
    /* border: 1px solid transparent;
    color: #000;
    background-color: rgba(var(--Light-Blue));
    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 10px;
    font-size: 16px;
    border-radius: 8px; */
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: "Public Sans", sans-serif;
    display: inline-block;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 24px;
    background-color: rgba(var(--Light-Blue));
    color: rgba(var(--Navy));
    text-align: center;
}
/*
.tzbtn1:hover {
    background-color: var(--teal-400);
    border-color: var(--teal-400);
} */

.tzbtn2 {
    /* border: 1px solid transparent;
    color: #000;
    background-color: rgba(var(--Light-Blue));
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 60px;
    font-size: 16px;
    border-radius: 8px; */

    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: "Public Sans", sans-serif;
    display: inline-block;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 24px;
    background-color: rgba(var(--Light-Blue));
    color: rgba(var(--Navy));
    text-align: center;
}

/* .tzbtn2:hover {
    background-color: var(--teal-400);
    border-color: var(--teal-400);
} */

.tzbtn3 {
    /* background-color: rgba(var(--Light-Blue));
    border: 1px solid transparent;
    color: #000;
    width: 260px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 12px 10px;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 8px; */
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: "Public Sans", sans-serif;
    display: inline-block;
    letter-spacing: 0px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 24px;
    background-color: rgba(var(--Light-Blue));
    color: rgba(var(--Navy));
    text-align: center;
    width: 100%;
}

/* .tzbtn3:hover {
    background-color: var(--teal-400);
} */

.tzbtn4 {
    /* color: #000;
    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 22px;
    font-size: 16px;
    background: rgba(var(--Light-Blue));
    border: 1px solid transparent;
    border-radius: 8px; */
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: "Public Sans", sans-serif;
    display: inline-block;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 150%;
    padding: 12px 24px;
    background-color: rgba(var(--Light-Blue));
    color: rgba(var(--Navy));
    text-align: center;
}

/* .tzbtn4:hover {
    background: var(--teal-400);
    border-color: var(--teal-400);
}

.tzbtn4-transparent {
    background: var(--sec-btn-bg);
    color: var(--sec-btn-text);
    border-color: var(--sec-btn-border);
}

.tzbtn4-transparent:hover {
    background: var(--sec-btn-hover-bg);
    color: var(--sec-btn-text);
    border-color: var(--sec-btn-border);
} */

/* .afterlogin .tzbtn1,
.afterlogin .tzbtn3,
.afterlogin .tzbtn4 {
    text-align: center;
    padding: 8px 32px;
    cursor: pointer;
    border-radius: 8px;
    border-width: 1px;
} */

.tzbtn5 {
    color: #24305e;

    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 40px;
    font-size: 16px;
    /*border-radius: 2px;*/
    letter-spacing: 1px;
    background: #f8e9a1;
    border-radius: 8px;
}

.tzbtn5:hover {
    background: #FFF;
    color: rgba(var(--Navy));
}

.tzbtn-sm {
    padding: 6px 25px;
    width: auto;
}

.peye {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #333;
    cursor: pointer;
}

.peye i {
    color: #a0a5ae;
    font-size: 18px;
}

.peye_signup {
    position: absolute;
    right: 16px;
    top: 13px;
    color: #333;
    cursor: pointer;
}

.peye_signup i {
    color: #a0a5ae;
    font-size: 18px;
}

.error_msg {
    color: #d31e4a;
}

.success_msg {
    /*color: green;*/
    color: rgba(var(--Light-Blue));
}

.simplehide {
    display: none;
}

.simplehide_imp {
    display: none !important;
}

.highlight {
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
}

/*button.previous {
    padding: 14px;
    margin-top: 24px !important;
}*/
.gap-8px {
    gap: 8px;
}

body .box-shadow-none {
    box-shadow: none;
}

.ajax_wait_msg {
    margin-top: 16px;
    float: left;
    width: 100%;

}

ul.tzbreadcrumb {
    list-style: none;
    padding: 0.75rem 1rem 0.75rem 52px;
}

ul.tzbreadcrumb li {
    display: inline;
}

ul.tzbreadcrumb li+li:before {
    font-family: FontAwesome;
    padding: 8px;
    color: black;
    content: "\f105";
}

ul.tzbreadcrumb li a {
    color: rgba(var(--Navy));
    text-decoration: none;
    font-family: "Public Sans", sans-serif;
}

/* == input style == */

.group {
    position: relative;
    margin-bottom: 30px;
}

.group input {
    font-size: 16px;
    padding: 10px 10px 6px 10px;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
}

.group input:focus {
    outline: none;
}

 .media-article-detail-page h1{
    font-size: 48px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;
    color: rgba(var(--Navy));
 }


/* LABEL ======================================= */

.group label {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 9px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}


/* active state */

.group input:focus~label,
.group input:valid~label {
    top: -10px;
    font-size: 14px;
    color: #757575;
}

.group.autofocus input~label {
    top: -10px;
    font-size: 14px;
    color: #757575;
}

.group input:focus~span.bar {
    background: transparent;
}

.hidelabel.group input:focus~label,
.hidelabel.group input:valid~label {
    display: none;
}


/* BOTTOM BARS ================================= */

.group .bar {
    position: relative;
    display: block;
    width: 100%;
    background: #757575;
    height: 2px;
}

.group .bar:before {
    content: "";
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: rgba(var(--Navy));
    box-shadow: 1.4px 1.4px 4px 0 rgba(76, 79, 85, 0.2);
}

.group .bar:before {
    left: 0;
}


/* active state */

.group input:focus~.bar:before,
.group input:focus~.bar:after {
    width: 100%;
}


/* HIGHLIGHTER ================================== */

.group .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}


/* active state */

.group input:focus~.highlight {
    /* -webkit-animation: inputHighlighter 0.3s ease; */
    /* -moz-animation: inputHighlighter 0.3s ease; */
    /* animation: inputHighlighter 0.3s ease; */
}


/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
    from {
        background: rgba(var(--Navy));
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: rgba(var(--Navy));
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: rgba(var(--Navy));
    }

    to {
        width: 0;
        background: transparent;
    }
}

.modal-backdrop {
    background-color: #000;
}

/* .modal-backdrop.show {
    opacity: .8;
} */

.tzselect2 {
    margin-bottom: 30px;
}

.tzselect2 .select2-container {
    width: 100% !important;
    text-align: left;
    float: left;
}

.tzselect2 .select2-container--default .select2-selection--single {
    border: 0 none;
    border-radius: 0;
    border-bottom: 2px solid #756977;
}

.tzselect2 .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 40px;
    color: rgba(var(--Navy));

}

.tzselect2 .select2-selection__arrow:after {
    display: none;
}

.tzselect2 .select2-container .select2-selection--single {
    height: auto;
    background-color: transparent;
    border: 1px solid rgba(var(--Navy)) !important;
}

.tzselect2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    top: 18px;
    right: 10px;
}

.tzselect2 .select2-container.select2-container--open .select2-selection--single {
    border-bottom: 2px solid rgba(var(--Navy));
}

.tzselect2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow i {
    color: rgba(var(--Navy));
}

.select2-container--open .select2-dropdown {
    border-top: 0 none;
    border-bottom: 1px solid rgba(var(--Navy));
    border-left: 1px solid rgba(var(--Navy));
    border-right: 1px solid rgba(var(--Navy));
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f4f4f7;
    color: #333;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f4f4f7;
    color: #333;
}

.select2-results__option[aria-selected] {

}

.group_type2 input {
    padding-left: 35%;
    padding-right: 40px;
    font-weight: 500;
    text-align: right;

}

.group_type2 .unit {
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 16px;

}

.group.group_type2 input:focus~label,
.group.group_type2 input:valid~label {
    top: 9px;
    font-size: 16px;
    color: #333;
}

.group_type2_1 {
    margin-bottom: 15px;
}

.group.group_type2_1 input {
    font-size: 32px;
    line-height: normal;
    position: relative;
    bottom: 10px;
    padding-left: 0;
    padding-right: 40px;

}

.group.group_type2_1 .bar {
    position: relative;
    bottom: 15px;
}

.group.group_type2_1 .unit {
    top: 11px;
    right: 10px;
}

.group_type2_2 {
    margin-bottom: 15px;
}

.group.group_type2_2 input {
    font-size: 32px;
    line-height: normal;
    position: relative;
    bottom: 4px;
    padding-left: 0;
    padding-right: 40px;

}

.group.group_type2_2 .bar {
    position: relative;
    bottom: 7px;
}

.group.group_type2_2 .unit {
    top: 16px;
    right: 10px;
}

.group.group_type3 input[value=""]:not(:focus):valid~label {
    top: 9px;
    font-size: 16px;
    color: #333;
}

.group.group_type3 input:not([value=""]):not(:focus):valid~label {
    top: -10px;
    font-size: 14px;
    color: #757575;
}

.group.group_type3.group_type3_1 input {
    font-size: 32px;
    line-height: normal;
    position: relative;
    bottom: 10px;
    padding-left: 0;
    padding-right: 40px;

    text-align: right;
}

.group.group_type3.group_type3_1 .unit {
    font-size: 16px;

    top: 11px;
    right: 10px;
    position: absolute;
}

.group.group_type3.group_type3_1 .bar {
    position: relative;
    bottom: 15px;
}

.group.group_type3.group_type3_1 {
    margin-bottom: 15px;
}

.radio {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    font-size: 16px;
    margin: 15px;
}

.radio .label {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #c8ccd4;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent;
}

.radio .label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: rgba(var(--Navy));
    transform: scale(0);
    transition: all 0.2s ease;
    opacity: 0.08;
    pointer-events: none;
}

.radio:hover .label:after {
    transform: scale(3.6);
}

input[type="radio"]:checked+.label {
    border-color: rgba(var(--Navy));
}

input[type="radio"]:checked+.label:after {
    transform: scale(1);
    transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    opacity: 1;
}

.cntr {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.hidden {
    display: none;
}

.card {
    border: none;
}

.card::after {
    clear: both;
    display: block;
    content: "";
}

.card .checkbox-container {
    margin: 0 auto;
}

.card .circular-container {
    background-color: #0067FF;
}

.input-title {
    clear: none;
    padding: 0;
    font-size: 16px;
    color: #333;
    font-weight: 300;
    float: left;
    margin-left: 8px;
}


/* Styling Checkbox Starts */

.checkbox-label {
    display: block;
    position: relative;
    margin: auto;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 100px;
    clear: both;
    float: left;
}

.checkbox-label .input-title {
    padding-left: 25px;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 4px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 1px solid #333;
}

.checkbox-label input:checked~.checkbox-custom {
    background-color: rgba(var(--Navy));
    border-radius: 5px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-radius: 5px;
    border: solid #009BFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity: 1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.checkbox-label input:checked~.checkbox-custom::after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity: 1;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
}


/* For Ripple Effect */

.checkbox-label .checkbox-custom::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 0px;
    height: 0px;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.checkbox-label input:checked~.checkbox-custom::before {
    left: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


/* Style for Circular Checkbox */

.checkbox-label .checkbox-custom.circular {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked~.checkbox-custom.circular {
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked~.checkbox-custom.circular::after {
    border: solid #0067FF;
    border-width: 0 2px 2px 0;
}

.checkbox-label .checkbox-custom.circular::after {
    border-radius: 50%;
}

.checkbox-label .checkbox-custom.circular::before {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked~.checkbox-custom.circular::before {
    border-radius: 50%;
}

img.lazy {
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px;
}


/* == input style == */

.modal-content {
    width: 100%;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.95rem * 2));
    }
}

.modal-sm-2 {
    width: 440px;
    max-width: 100%;
}

.modal-header {
    border-bottom: 0;
}

#WeightNotAddedModal .modal-header {
    display: inline-block;
    border-bottom: 0px;
    padding: 20px 25px;
}

#WeightNotAddedModal .modal-header .close {
    opacity: 1;
}

#WeightNotAddedModal .modal-body {
    padding: 15px 40px 60px 40px;
}

#WeightNotAddedModal .modal-body h4 {

    margin-bottom: 40px;
}

#WeightNotAddedModal .modal-body .modal_btn a {

    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 13px 25px;
}

#WeightNotAddedModal .modal-body .modal_btn a:hover {
    color: rgba(var(--Navy));
}

button:disabled,
button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.disabled_btn {
    opacity: 0.5;
    cursor: not-allowed !important;
}

input[type='text']:read-only {
    background-color: #f5f5f5;
}

.font-regular {

}

.toast-success {
    background-color: rgba(var(--Light-Blue));
}

#toast-container>div.toast-success {
    opacity: 1;
}

.toast-success .toast-title {
    color: #000;
}

.toast-success .toast-close-button {
    text-shadow: 0 1px 0 #000;
    color: #000;
}

#toast-container>.toast-success {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANdJREFUeNpi/P//PwMtARMDjQHNLaAYgIIYhoGAA4gLgPgyEM8GYgWqWQAELEC8GiSEhFdTxQIchoPwZ2qEEi7DQXgxLQ1/DsQqtDRcg5I8RpTh5FpAtOEwCwSAuAGIjwNxDRDzUMtwmAX9aApBmUSGGobDLLiMQ4MJpYbDLGjAoRGUSQIoMRxmASjMD+Mw4DcQnyfXcORUBCqkluMwCKfh6IUdPgtgoJ0Uw8mxAAQyoEFD0HByLQABD2gk4zWcEgtAwACI10MtWo6r4CJkAeNopU8IAAQYAFNKiF26ppHHAAAAAElFTkSuQmCC') !important;
}

.pos-rel {
    position: relative;
}

.cursor-pointer {
    cursor: pointer;
}

.text-decoration-underline {
    text-decoration: underline;
}

body.afterlogin {
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.onesignal-customlink-subscribe.button.medium {
    position: relative;
}

.text-transform-none {
    text-transform: none !important;
}

.modal-content {
    border-radius: 16px;
    border: 0 none;
}

.lh-0 {
    line-height: 0 !important;
}

/* ========== common css - end ========== */


/* ========== header css - start ========== */

.header1 .container-menu-header {
    border-bottom: 1px solid rgba(var(--Light-Blue));
    box-shadow: none;
    position: relative;
    top: 0 !important;
}

.header1 {
    height: auto;
    position: relative;
    z-index: 100;
}

.main_menu {
    position: absolute;
    top: 0;
    left: 22%;
}

.main_menu>li a {
    border: none;
    padding: 34px 0 28px 0;
    position: relative;
    font-family: "Public Sans", sans-serif;
}

.main_menu>li:hover>a {
    border: none;
}

.main_menu li.active a,
.main_menu li:hover a {
    color: rgba(var(--Navy));
}

.main_menu li.active a::after,
.main_menu li:hover a::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    background: rgba(var(--Navy));
    height: 4px;
    width: 100%;
}

.main_menu>li>.sub_menu {
    top: 101%;
}

.main_menu>li {
    padding-top: 31px;
    padding-bottom: 23px;
    position: relative;
}

.main_menu li ul {
    position: absolute;
    display: none;
    background: #FFF;
    border: 1px solid rgba(var(--Navy));
    width: 145px;
    /*padding: 15px 15px 15px 0px;*/
    top: 80px;
    border-radius: 4px;
    box-shadow: 2.8px 2.8px 10px 0 rgb(76 79 85 / 20%);
}

.main_menu li ul li {
    padding: 8px 16px;
    float: left;
    width: 100%;
}

.main_menu li ul li:hover {
    background: #f2f2f2;
}

.main_menu li ul li a {
    padding: 0;
    width: 100%;
    float: left;
    font-family: "Public Sans", sans-serif;
}

.main_menu li ul li a::after {
    display: none;
}

.main_menu li:hover>ul {
    display: block;
}

.user_menu {
    text-align: center;
    cursor: pointer;
}

.user_menu .img {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 25px;
    min-width: 25px;
    max-width: 25px;
    border-radius: 27px;
    background-color: #CCC;
}


.header-wrapicon1,
.header-wrapicon2 {
    height: auto;
    display: inline-flex;
}

.header-wrapicon2{
    gap: 15px;
}

.header-wrapicon2 img{
    height: 25px;
    max-width: 25px;
}

.header-wrapicon2 span{
    color: #6d7079;
    font-size: 14px;
    line-height: 30px;
    font-family: "Public Sans", sans-serif;
}

.header-cart {
    top: 66px;
    border-top: 0 none;
    border: 1px solid rgba(var(--Navy));
    width: 183px;
    padding: 0;
    border-radius: 4px;
    box-shadow: 2.8px 2.8px 10px 0 rgba(76, 79, 85, 0.2);
}

.header-cart ul {
    padding: 12px 0;
}

.header-cart ul li {
    padding: 6px 22px;
}

.header-cart ul li a {
    color: #000;
    padding-left: 7px;
    font-family: "Public Sans", sans-serif;
}

.header-cart ul li i {
    color: #6d7079
}

.header-cart ul li:hover,
.header-cart ul li.active {
    background: #f2f2f2;
}

.header-cart ul li:hover a,
.header-cart ul li.active a {
    color: rgba(var(--Navy));
}

.header-cart ul li:hover i,
.header-cart ul li.active i {
    color: rgba(var(--Navy));
}

.header-cart ul li.divider {
    /*border-top: 1px solid #d9d9e1;*/
    margin-top: 10px;
    padding-top: 15px;
    position: relative;
}

.header-cart ul li.divider::before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    background: #d9d9e1;
    width: 84%;
    left: 8%;
}

.header_bl_btn {}

.header_bl_btn li {
    display: inline-block;
    margin-left: 25px;
}

.header_bl_btn li a {}

.header_bl_btn li:first-child {
    /*margin-right: 25px;*/
}

.hamburger:hover {
    opacity: 1;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    background-color: rgba(var(--Navy));
}

.hamburger-inner::before {
    top: -12px;
}

.hamburger-inner::after {
    content: 'MENU';
    background-color: transparent;
    height: 0px;
    bottom: -5px;
    color: rgba(var(--Navy));
    letter-spacing: 1px;
}

.hamburger.is-active .hamburger-inner::after {
    content: '';
    background-color: rgba(var(--Navy));
    height: 2px;
    bottom: 0px;
    color: rgba(var(--Navy));
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    height: 2px;
    width: 45px;
}

.search_section {
    text-align: center;
}

.search_section .open_search_box {
    cursor: pointer;
}

.search_section .open_search_box span {
    text-align: center;
}



.search_section .opened_search_box {
    position: relative;
    margin-right: 10px;
}

.search_section .opened_search_box .closeicon {
    position: absolute;
    top: 16px;
    left: 10px;
    line-height: normal;
    padding: 0;
    color: rgba(var(--Navy));
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.search_section .opened_search_box input {
    background-color: #f2f2f2;
    padding: 14px 30px 14px 50px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Public Sans", sans-serif;
}

.search_section .opened_search_box .sicon {
    cursor: pointer;
    right: 0;
    color: rgba(var(--Navy));
    top: 0;
    position: absolute;
    height: 100%;
    padding: 0 10px;
    line-height: 52px;
}

.search_section .opened_search_box {
    position: absolute;
    margin-right: 0;
    bottom: -66px;
    right: 0;
    border-bottom: 1px solid rgba(var(--Light-Blue));
    border-left: 1px solid rgba(var(--Light-Blue));
    border-right: 1px solid rgba(var(--Light-Blue));
}

.search_section .opened_search_box input {
    background-color: #FFF;
}


.feedback_section{
    text-align: center;
}

.feedback_section a,
.open_search_box,
.user_menu{
    /* gap: 10px; */
}

.feedback_section span {
    text-align: center;
}

.autocomplete-suggestions {
    border: 1px solid rgba(var(--Navy));
    background: #FFF;
    overflow: auto;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 2.8px 2.8px 10px 0 rgba(76, 79, 85, 0.2);
    z-index: 2147483001 !important;
}

.autocomplete-suggestion {
    padding: 5px 15px;
    white-space: initial;
    overflow: hidden;
    color: #4c4f55;
    cursor: pointer;
    line-height: 20px;
}

.autocomplete-selected {
    background: #f2f2f2;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: rgba(var(--Navy));
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.header-icons {
    right: 58px;
}

.item-menu-mobile {
    background: #FFF;
}

.side-menu .main-menu>li.active {
    background: #f2f2f2;
}

.side-menu .main-menu>li.active>a {
    color: rgba(var(--Navy));
}

.side-menu .main-menu>li>a {
    color: #000;
    line-height: 3;
    font-family: "Public Sans", sans-serif;
}

.side-menu .main-menu>li {
    position: relative;
}

.side-menu .main-menu>li.item-menu-mobile i.arrow-main-menu {
    color: rgba(var(--Navy));
    font-size: 24px;
    top: 0;
}

.side-menu .main-menu .item-menu-mobile.mob_logout {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f2f2f2;
}

.side-menu .main-menu .item-menu-mobile.mob_logout::after {
    display: none;
}

.side-menu .main-menu .item-menu-mobile.mob_logout i {
    color: rgba(var(--Navy));
}

.side-menu .main-menu .item-menu-mobile.mob_logout a {}

.side-menu .main-menu>li:after {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    background: #d9d9e1;
    bottom: 0;
}

.turn-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

header.open_menu {
    position: fixed;
    z-index: 2147483001;
    width: 100%;
}

.wrap-side-menu {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    border-top: 1px solid #ececec;
}

.side-menu .sub-menu {
    background-color: rgba(var(--Navy));
}

.side-menu .sub-menu a {
    color: #a8d0e6;
    line-height: 3.2;
    font-size: 14px;
    font-family: "Public Sans", sans-serif;
}
.wrap_header_mobile .ncount i{
    color: rgba(var(--Navy)) !important;
}

.side-menu .sub-menu li i {
    color: #a8d0e6;
}

.side-menu .sub-menu a:hover {
    color: #a8d0e6 !important;
}

.side-menu .sub-menu>li {
    padding-left: 20px;
    position: relative;
}

.side-menu .sub-menu>li:after {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 40px);
    left: 20px;
    background: #FFF;
    bottom: 0;
}

.side-menu .main-menu>li:nth-child(10)::after {
    display: none;
}

.side-menu .main-menu>li:nth-child(10) .sub-menu li:nth-child(2)::after {
    display: none;
}

.mobile_search {
    background: #f8f8f8;
    border-bottom: 1px solid #d9d9e1;
}

.mobile_search .opened_search_box_mob {
    position: relative;
    margin: 0 20px;
}

.mobile_search .opened_search_box_mob input {
    width: 100%;
    background: transparent;
    padding: 9px 35px 9px 32px;
}

.mobile_search .opened_search_box_mob .icon1 {
    position: absolute;
    color: #6d7079;
    top: 10px;
    font-size: 20px;
    left: 0;
}

.mobile_search .opened_search_box_mob .sicon {
    position: absolute;
    color: rgba(var(--Navy));
    top: 0;
    font-size: 16px;
    right: 0;
    cursor: pointer;
    height: 100%;
    line-height: 42px;
    padding: 0 10px;
}

.sub_menu {
    width: 170px;
    background-color: #FFF;
    border-left: 1px solid rgba(var(--Light-Blue));
    border-right: 1px solid rgba(var(--Light-Blue));
    border-bottom: 1px solid rgba(var(--Light-Blue));
    padding-top: 0;
    padding-bottom: 0;
}

.sub_menu li,
.sub_menu a {
    color: #333;
}

.sub_menu li {
    float: left;
    width: 100%;
    padding: 0;
}

.main_menu li.active .sub_menu li a::after,
.main_menu li:hover .sub_menu li a::after {
    display: none;
}

.sub_menu li:hover {
    background: #f2f2f2;
}

.main_menu>li .sub_menu a {
    padding: 10px;
    float: left;
    width: 100%;
}

.wrap_header.isnotlogin {
    justify-content: flex-end;
}

.tznew_menu_web {
    border-bottom: 0;
}

.tznew_menu_web .navbar-nav .nav-item {
    margin-left: 16px;
}

.tznew_menu_web .navbar-nav .nav-item a {
    font-size: 16px;
    color: #000;
}

.tznew_menu_web .navbar-nav .nav-item a:active {
    color: #000;
    background-color: #FFF;
}

.tznew_menu_web .navbar-nav .nav-item.jointoday a {
    background: rgba(var(--Light-Blue));
    border: 1px solid rgba(var(--Light-Blue));
    color: #000;
    padding: 3px 20px;
    border-radius: 0;
    text-transform: none;
    font-size: 14px;
}

.tznew_menu_web .navbar-nav .nav-item.jointoday a:hover {
    background: transparent;
}

.tznew_menu_web .navbar-nav .nav-item.jointoday {
    margin-top: 5px;
}

.tznew_menu_web .dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

.tznew_menu_mobile {
    width: 100%;
    border-bottom: 0;
}

.tznew_menu_mobile .navbar-brand {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #000000;
    font-size: 30px;
}


/*.tznew_menu_mobile .navbar-nav .nav-item .nav-link{color:rgba(var(--Navy));}*/

.tznew_menu_mobile .navbar-nav .nav-item .nav-link {
    color: #000;
    /*text-transform: uppercase;*/
    font-size: 16px;
    padding: 5px 0;
}

.tznew_menu_mobile .navbar-nav .nav-item:first-child .nav-link {
    padding-top: 15px;
}

.tznew_menu_mobile .dropdown-menu.show a {
    font-size: 16px;
}

.tznew_menu_mobile .dropdown-menu.show a:active {
    background-color: #FFF;
    color: #000;
}

.tznew_menu_mobile .navbar-nav .nav-item.jointoday .nav-link {
    color: #FFF;
    text-align: center;
}

.tznew_menu_mobile .navbar-nav .nav-item.jointoday {
    margin-top: 16px;
}

.tznew_menu_mobile a.tzbtn4 {
    background: rgba(var(--Light-Blue));
    border: 1px solid rgba(var(--Light-Blue));
    color: #000;
    border-radius: 0;
    text-transform: none;
}

.main_menu>li.tablet-hidden {
    display: block;
}

.main_menu>li.tablet-show {
    display: none;
}

.tablet-hidden {
    display: inline-flex;
}

.tablet-show {
    display: none;
}

.mobile_signup_and_menu {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* ========== header css - end ========== */


/* ========== login css - start ========== */

.login_form_main {
    padding: 30px 0 0 0;
    margin-top: 5%;
    border-radius: 4px;
    box-shadow: 1.4px 1.4px 10px 0 rgba(217, 217, 225, 0.3);
}

.login_form_main .sec_title {
    padding: 0 15px;
}

.login_form_main .sec_title h3 {
    /*font-weight: 600;*/

    color: rgba(var(--Navy));
    font-size: 2rem;
}

.login_form_main .sec_title .subtitle {
    line-height: 24px;
}

.login_form_main .sec_content {
    padding: 0 15px;
    margin-top: 30px;
}

.login_form_main .sec_footer {
    float: left;
    width: 100%;
    background: #f6f6f5;
    padding: 40px 0;
    margin-top: 30px;
}

.login_form_main .sec_footer h6 {
    font-weight: 600;
    color: rgba(var(--Navy));
    text-align: right;
}

.login_form_main .sec_footer .right {
    text-align: left;
}

.login_form_main .card .checkbox-container {
    margin: 0px auto 20px 10px;
    float: left;
    width: 100%;
}

.login_form_main .card .checkbox-container .checkbox-label {
    width: 100%;
}

.login_form_main .step3 .card .checkbox-container .checkbox-label.agree-checkbox-label {
    margin: 0 auto;
    left: calc(50% - 60px);
    text-align: center;
}

.login_form_main .card .checkbox-container .checkbox-label .input-title {
    font-weight: normal;
}

.loginpage .login_form_main {
    box-shadow: none;
}

.loginpage .login_form_main .sec_footer {
    background: transparent;
}

.loginpage .login_form_main .group input {
    background: transparent;
}

.loginpage .login_form_main .card.checkmarks {
    background: transparent;
}


/* ========== login css - end ========== */


/* ========== sign up css - start ========== */

.signup_form_main {
    padding: 0px 0 30px 0;
    box-shadow: none;
}

.signup_form_main h3.title_top {
    font-weight: normal;

    margin-bottom: 5px;
}

.signup_form_main .footer_text_1 {
    color: #4c4f55;
}

.signup_form_main .footer_text_1 a {
    font-weight: 600;
}

.footer_text_2 {
    font-size: 14px;
    color: #6d7079;
}

.footer_text_3 {
    font-size: 16px;
    color: rgba(var(--Navy));
}

.txt_area_1 {
    border-radius: 2px;
    box-shadow: inset 3.5px 3.5px 5px 0 rgba(0, 0, 0, 0.1);
    background-color: #f4f4f7;
    border: none;
    width: 100%;
    padding: 15px;
}

.signup_form_main .sec_content {
    margin-top: 30px;
}

.signup_form_main .step2 .ul1 {
    text-align: left;
    float: left;
    width: 100%;
}

.signup_form_main .step2 .ul1 li {
    display: inline-block;
    float: left;
}

.signup_form_main .step2 .ul1 li:first-child {
    width: 115px;
    text-align: center;
}

.signup_form_main .step2 .ul1 li:first-child .price {
    position: relative;
    color: rgba(var(--Navy));

    font-size: 3.8rem;
    line-height: normal;
    z-index: 1;
}

.signup_form_main .step2 .ul1 li:first-child .price i {
    color: rgba(var(--Navy));
    z-index: 1;
    position: relative;
}

.signup_form_main .step2 .ul1 li:first-child .price_subtitle {
    color: rgba(var(--Navy));
    font-size: 16px;
    line-height: normal;
    position: relative;
    bottom: 20px;
    background: #f8e9a1;
    padding: 8px 0 2px 14px;
    z-index: 0;
}

.signup_form_main .step2 .ul1 li:last-child {
    width: calc(100% - 115px);
    padding-left: 25px;
}

.signup_form_main .step2 .ul2 {
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-left: 100px;
    padding-right: 100px;
}

.signup_form_main .step2 .ul2 li {
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

.signup_form_main .step2 .ul2 li img {
    width: 20px;
    float: left;
    margin-top: 2px;
    background: #22a573;
    border-radius: 15px;
    padding: 4px;
}

.signup_form_main .step2 .ul2 li p {
    padding-left: 40px;
    font-size: 14px;
}

.after_signup_step {
    margin-bottom: 40px;
    margin-top: 25px;
}

.after_signup_step ul li {
    display: inline-block;
    position: relative;
    margin-right: 25px;
}

.after_signup_step ul li span {
    width: 28px;
    height: 28px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(var(--Navy));
    border-radius: 28px;
    border: solid 1px rgba(var(--Navy));
    cursor: pointer;
}

.after_signup_step ul li.active span {
    background-color: #a8d0e6;
    border-color: #a8d0e6;
}

.after_signup_step ul li.done.active span {
    border: solid 1px rgba(var(--Navy));
}

.after_signup_step ul li::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background: rgba(var(--Navy));
    left: 32px;
    right: auto;
    top: 14px;
}

.after_signup_step ul li:last-child {
    margin-right: 0;
}

.after_signup_step ul li:last-child::after {
    display: none;
}

.after_signup_step ul li.done span {
    background: rgba(var(--Navy));
}

.after_signup_step ul li.done span i {
    color: #FFF;
}

.welcome_video {
    padding-top: 0;
    margin-top: 0%;
}

.welcome_video .sec_content {
    padding: 0;
    margin: 0;
}

.welcome_video .sec_footer {
    padding: 30px;
    margin-top: 0;
    background: #FFF;
}

.welcome_video .sec_footer .left {
    text-align: left;
}

.welcome_video .sec_footer .left h5 {

    font-size: 28px;
    margin-bottom: 5px;
}

.welcome_video .sec_footer .right {
    text-align: center;
}

.welcome_video .sec_footer .tzbtn2 {
    font-size: 16px;
    padding: 12px 35px;
}

.alert-white {
    color: rgba(var(--Navy));
    background-color: #FFF;
    border-color: rgba(var(--Navy));
}

.hearabout {
    text-align: left;
    margin-bottom: 30px;
}

.hearabout label.radio {
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 5px;
}

.hearabout .txt_area_1 {
    margin-top: 15px;
    resize: none;
}

.height_mea {
    text-align: left;
}

.height_mea label.radio {
    margin-left: 0;
    margin-top: 0
}


/* ============ For new design ================= */
/* radio css ==== */
/* .radio {
    margin: 16px 0;
    display: block;
    cursor: pointer;
}

.radio input {
    display: none;
}

.radio input+span {
    line-height: 22px;
    height: 22px;
    padding-left: 22px;
    display: block;
    position: relative;
}

.radio input+span:not(:empty) {
    padding-left: 30px;
}

.radio input+span:before,
.radio input+span:after {
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute;
}

.radio input+span:before {
    background: #d1d7e3;
    transition: background 0.2s ease,
        -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease,
        transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease,
        transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2),
        -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.radio input+span:after {
    background: #fff;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
    transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4),
        -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.radio input:checked+span:before {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    background: rgba(var(--Navy));
}

.radio input:checked+span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.radio:hover input+span:before {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
}

.radio:hover input+span:after {
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}

.radio:hover input:checked+span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
} */

/* radio css ==== */

.signup_header {
    float: left;
    width: 100%;
    background: #f4f4f7;
    padding: 2.8rem;
}

.signup_header h1 {
    color: rgba(var(--Navy));

    font-size: 2.8rem;
    line-height: 54px;
}

.signup_header h4 {

    font-size: 1.4rem;
    line-height: 28px;
    margin-top: 8px;
}

.signup_form_main .sec_title h3 {
    font-size: 2rem;
}

.signup_form_main .tzbtn3 {
    border: solid 2px rgba(var(--Navy));
    background-color: #f4f4f7;
    color: rgba(var(--Navy));

    letter-spacing: 0.5px;
    text-align: center;
}

.signup_form_main .step1 .tzbtn3 {
    width: 280px;
}

.signup_form_main .tzbtn3:hover {
    background-color: rgba(var(--Navy));
    color: #FFF;
}

.signup_form_main .tzbtn3.allFieldValid {
    background-color: rgba(var(--Light-Blue));
    color: #000;
    border-color: rgba(var(--Light-Blue));
}

.signup_form_main .step3 .sec_title .subtitle {
    padding-right: 95px;

}

.signup_form_main .step3 .confirming_text {
    padding: 0 135px;
}

.signup_form_main .step3 .confirming_text a {
    border-bottom: 1px solid;
}

.signup_form_main .iwlplans {
    margin-bottom: 60px;
    float: left;
    width: 100%;
}

.signup_form_main .iwlplans .iwlplan {
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    float: left;
    width: 100%;
}

.signup_form_main .iwlplans .iwlplan.activeplan_main {
    border: 2px solid rgba(var(--Navy));
}

.signup_form_main .iwlplans .iwlplan.activeplan_main .content {
    padding: 18px 18px 22px 18px;
}

.signup_form_main .iwlplans .iwlplan .head {
    background: rgba(var(--Navy));
    color: #FFF;

    font-size: 1.3rem;
    padding: 8px 30px;
}

.signup_form_main .iwlplans .iwlplan.activeplan_main .head {
    padding: 6px 28px 8px 28px;
}

.signup_form_main .iwlplans .iwlplan .content {
    padding: 20px 20px 24px 20px;
    float: left;
    width: 100%;
}

.signup_form_main .iwlplans .iwlplan .content .plusimg {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 7px;
}

.signup_form_main .iwlplans .iwlplan .content .plusimg i {
    color: rgba(var(--Navy));
    font-size: 22px;
}

.signup_form_main .iwlplans .iwlplan .content>p {
    color: #757575;

    padding-bottom: 15px;
}

.signup_form_main .iwlplans .iwlplan .content ul {
    padding-left: 28px;
    padding-bottom: 28px;
}

.signup_form_main .iwlplans .iwlplan .content ul li {
    color: #757575;

    margin-bottom: 7px;
    list-style: disc;
}

.signup_form_main .iwlplans .iwlplan .plan_btns {
    display: inline-block;
    width: 100%;
}

.signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
    margin-top: 64px;
}

.signup_form_main .iwlplans .iwlplan.plusplan .plan_btns {
    margin-top: 55px;
}

.signup_form_main .iwlplans .iwlplan .plan_btns button {
    width: 48%;
    background: #FFF;
    position: relative;
    padding: 10px 5px;

    font-weight: normal;
    font-size: 13px;
}

.signup_form_main .iwlplans .iwlplan .plan_btns button:hover,
.signup_form_main .iwlplans .iwlplan .plan_btns button.activeplan {
    background: rgba(var(--Navy));
    color: #FFF;
}

.signup_form_main .iwlplans .iwlplan .plan_btns button span {

    background: rgba(var(--Navy));
    color: #FFF;
    position: absolute;
    top: -25px;
    right: -2px;
    font-size: 12px;
    padding: 3px 10px;
}

.signup_form_main .iwlplans .iwlplan .plan_btns button:nth-child(1) {
    float: left;
}

.signup_form_main .iwlplans .iwlplan .plan_btns button:nth-child(2) {
    float: right;
}

.signup_form_main .iwlplans .iwlplan .plan_desc {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.signup_form_main .iwlplans .iwlplan .plan_desc p {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 18px;
}

.signup_form_main .iwlplans .iwlplan .plan_msg {
    width: 100%;
    float: left;
}

.signup_form_main .iwlplans .plan_msg {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}

.signup_form_main .iwlplans .plan_msg h3 {

    color: rgba(var(--Navy));
    font-size: 1.5rem;
}

.signup_form_main .iwlplans .plan_msg p {

    font-size: 20px;
}

.signup_form_main .iwlplans .plan_msg p.first-p {
    margin-bottom: 20px;
}

.signup_form_main .iwlplans .plan_msg p.second-p {
    line-height: 30px;
}

.signup_form_main .sec_title h3.title_signup {
    font-size: 2.5rem;

}

.sign-up-new-container .program_for .submit-button {
    height: auto;
}

.sign-up-new-container .program_for .signup-our-mission-img {
    width: 450px;
}

.satisfaction_badge {}

.satisfaction_badge img {
    width: 100px;
}

.signup_subscribe {
    margin-top: 30px;
}

.sign-up-new-container .discount_banner,
.sign-up-new-container .upgrade_banner {
    border: 2px solid rgba(var(--Light-Blue));
    border-radius: 8px;
    background: var(--light-bgcolor);
    padding: 8px;
    margin: 24px 0 0 0;
    width: 100%;
    float: left;
}

.sign-up-new-container .discount_banner p,
.sign-up-new-container .upgrade_banner p {
    color: rgba(var(--Navy));
    line-height: 24px;
}

.sign-up-new-container .discount_banner p b,
.sign-up-new-container .upgrade_banner p b {
    color: rgba(var(--Navy));
}

.sign-up-new-container .pricepage h4 {
    line-height: 28px;

    font-weight: 600;
    font-size: 22px;
}

.havepaymentsection .pricepage .cd-pricing-switcher label {
    color: rgba(var(--Navy));
    width: 106px;
    height: 46px;
    line-height: 46px;

    font-size: 18px;
}

.havepaymentsection .pricepage .cd-pricing-switcher .cd-switch {
    height: 48px;
    width: 106px;
    border-radius: 20px 0px 0px 20px;
}

.havepaymentsection .pricepage .cd-pricing-switcher input[type="radio"]:checked+label+.cd-switch,
.havepaymentsection .pricepage .cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.cd-switch {
    -webkit-transform: translateX(108px);
    -moz-transform: translateX(108px);
    -ms-transform: translateX(108px);
    -o-transform: translateX(108px);
    transform: translateX(108px);
}

.havepaymentsection .pricepage .cd-pricing-switcher .fieldset {
    border-radius: 20px;
}

.havepaymentsection .pricepage .cd-pricing-switcher input[type="radio"]:checked+label {
    color: rgba(var(--Navy));
}

.havepaymentsection .pricepage .cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(2)+.cd-switch {
    border-radius: 0px 20px 20px 0px;
}

.sign-up-new-container .pricepage h2.price-text {
    font-size: 24pt;
    color: rgba(var(--Navy));
    line-height: 20px;
    margin: 30px auto 24px auto;
}

.sign-up-new-container .pricepage h2.price-text .permonth {
    color: var(--blue-500) !important;
    text-decoration: auto;
    font-size: 18px !important;
    line-height: 18px;
}

.havepaymentsection .pricepage .pricing-table-wrp h5 {

    font-weight: 600;
    color: rgba(var(--Navy));
    line-height: 28px;
    font-size: 20px;
}

.havepaymentsection .pricepage .price-table-list li {
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    color: rgba(var(--Navy));
    position: relative;
    margin-bottom: 10px;
}

.havepaymentsection .pricepage .price-table-list li:last-child {
    margin-bottom: 0;
}

.havepaymentsection .pricepage .price-table-list li img {
    position: absolute;
}

.havepaymentsection .pricepage .price-table-list li span {
    color: rgba(var(--Navy));
    padding-left: 32px;
}

.havepaymentsection .pricepage .price-table-list {
    margin: 24px;
    text-align: left;
}

.havepaymentsection .pricepage .pricing-table-wrp {
    border-radius: 10px;
}

.havepaymentsection .pricepage .price-text span:nth-child(1) {
    width: auto;
    float: none;
    color: #A7B3C3;
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    bottom: 2px;

    font-weight: 600;
}

.havepaymentsection .pricepage .yearly-plan-div .price-text span:nth-child(2) {
    width: 100%;
    display: block;
}

.sign-up-new-container .pricepage .yearly-plan-div h2.price-text {
    line-height: 0;
}

.saveonplan {
    background: rgba(var(--Light-Blue));

    font-weight: 600;
    font-size: 12px;
    border-radius: 20px;
    width: fit-content;
    margin: 8px auto 0 auto;
    padding: 5px 10px;
    color: #000;
    line-height: 16px;
}

.havepaymentsection .pricepage .width-fit-content {
    width: fit-content;
}

.havepaymentsection .pricepage .pricing-table-wrp {
    border: 2px solid #fff;
    min-height: 100%;
    height: 100%;
    padding-bottom: 0;
}

.havepaymentsection .pricepage .pricing-table-wrp-border {
    border: 2px solid rgba(var(--Light-Blue));
    background-color: var(--light-bgcolor);
}

.next-button.disabled,
.subscribe_now.disabled {
    background: #D8D8D8;
    border: 2px solid #D8D8D8;
    color: #5F5F5F;
}

.confirm_subscription .planbrief {
    width: 100%;
    float: left;
    border: 3px solid rgba(var(--Light-Blue));
    background: #FFF;
    border-radius: 8px;
    color: rgba(var(--Navy));
    padding: 8%;
    background: rgba(var(--Light-Blue), 25%);
}

.confirm_subscription .planbrief .name {
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
    font-size: 1.5rem;
    font-weight: 600;
}

.confirm_subscription .planbrief .saveonplan {
    margin: 0 0 0 16px;
}

.confirm_subscription .planbrief .planbriefprice {

    color: rgba(var(--Navy));
    font-size: 1.2rem;
}

.confirm_subscription .planbrief .planbriefprice #fs {
    color: #A7B3C3;
    font-size: 1rem;
    margin-right: 5px;
    text-decoration: line-through;
}

.confirm_subscription .planbrief .planbriefprice #ss {
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
}

.confirm_subscription .planbrief .duration {
    color: rgba(var(--Navy));
    font-size: 10pt;
}

.confirm_subscription .planbrief .plan_description h5 {
    font-family: "Public Sans", sans-serif;
    font-weight: 600;
    color: rgba(var(--Navy));
    line-height: 22px;
    font-size: 18px;
    margin-top: 16px;
}

.confirm_subscription .billing_form {
    background-color: #FFF;
    /* padding: 8%; */
    padding: 24px;
    border-radius: 5px;
}

.from_landingpage.confirm_subscription .billing_form {
    width: 50%;
}

.from_landingpage .billing_form_parent {
    gap: 8px;
}

.confirm_subscription .billing_form h4 {
    color: rgba(var(--Navy));
    font-family: "Hedvig Letters Serif", serif;
    text-transform: capitalize;

}

.confirm_subscription .billing_form .mmyy {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.confirm_subscription .billing_form label {

    font-weight: 400;
    color: rgba(var(--Navy));
}

.confirm_subscription .billing_form .custom-checkbox a {
    font-weight: 400;
    color: rgba(var(--Navy));
    text-decoration: underline !important;
}

.confirm_subscription .billing_form .input-field {
    margin-bottom: 0;
}

.confirm_subscription .billing_form .note {
    color: #5E5E5E;
    margin-top: 5px;
    display: block;
}

.confirm_subscription .width-fit-content {
    width: fit-content;
}

.confirm_subscription .discount_field {}

.confirm_subscription .discount_field .withbtn {
    gap: 10px;
}

.confirm_subscription .discount_field .withbtn .input {
    position: relative;
}

.confirm_subscription .discount_field .withbtn .input input {
    padding-right: 34px;
}

.confirm_subscription .discount_field .withbtn .input i {
    position: absolute;
    top: 15px;
    right: 10px;
}

.confirm_subscription .discount_field .withbtn .input #success {
    color: #377D22;
}

.confirm_subscription .discount_field .withbtn .input #fail {
    color: #DE1135;
}

.confirm_subscription .discount_field div.apply,
.confirm_subscription .discount_field div.clear {
    background-color: #686868;
    color: #FFF;
    border-radius: 4px;
    padding: 10px 18px;
}

.confirm_subscription .discount_field div.apply.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.confirm_subscription .billing_form .error {
    color: #DE1135;
    margin-top: 5px;
    display: block;
}

.confirm_subscription .billing_form .error i {
    color: #DE1135;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: rgba(var(--Light-Blue));
    color: #333;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: var(--teal-400);
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: capitalize;
}

.jconfirm-content .peye_signup {
    padding: 13px 16px;
    right: 0;
    top: 0;
}

/* ========== sign up css - end ========== */

/* ========== onepage signup css - start ========== */
.tz-input.error input[type="text"],
.tz-input.error input[type="email"],
.tz-input.error input[type="number"],
.tz-input.error input[type="password"] {
    border: 1px solid var(--error-500) !important;
}

.tz-input.error input[type="text"]:focus,
.tz-input.error input[type="email"]:focus,
.tz-input.error input[type="number"]:focus,
.tz-input.error input[type="password"]:focus {
    border: 1px solid var(--error-500) !important;
}

.error-msg {
    color: var(--error-500);
}

.tz-input input[type="text"],
.tz-input input[type="email"],
.tz-input input[type="number"],
.tz-input input[type="password"] {
    border: 1px solid var(--blue-200) !important;
    border-radius: 8px;
    padding: 0.57rem 0.75rem;
}

.tz-input input[type="text"]:focus,
.tz-input input[type="email"]:focus,
.tz-input input[type="number"]:focus,
.tz-input input[type="password"]:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid var(--blue-500) !important;
}

.h-46 {
    height: 46px;
}

.onepagesignup .plananduserdata {
    padding: 32px;
    display: block;
}

.onepagesignup .planbrief {
    background-color: var(--green-100);
    border: 2px solid var(--green-100);
    border-radius: 8px;
    cursor: pointer;
    padding: 24px;
}

.onepagesignup .planbrief.selected {
    border: 2px solid rgba(var(--Light-Blue));
}

.onepagesignup .planbriefprice #fs {
    color: var(--blue-300);

    font-size: 18px;
    text-decoration: line-through;
    margin-right: 8px;
}

.onepagesignup .planbriefprice #ss {
    color: rgba(var(--Navy));

    font-size: 20px;
}

.onepagesignup .planbrief .duration {
    border-top: 1px solid var(--blue-200);
    margin-top: 16px;
    padding-top: 16px;
    display: none;
}

.onepagesignup .planbrief.selected .duration {
    display: block;
}

.onepagesignup .planbrief .duration p:nth-child(1) {
    color: rgba(var(--Navy));
    font-size: 14px;
}

.onepagesignup .planbrief .duration p:nth-child(2) {
    color: rgba(var(--Navy));
    font-size: 12px;
}

.onepagesignup .cd-pricing-switcher label {

    color: rgba(var(--Navy));
}

.onepagesignup .cd-pricing-switcher input[type="radio"]:checked+label {
    color: rgba(var(--Navy));
}

.onepagesignup .cd-pricing-switcher .fieldset {
    border: 1px solid rgba(var(--Light-Blue));
}

.onepagesignup .cd-pricing-switcher .cd-switch {
    background-color: rgba(var(--Light-Blue));
    border-radius: 8px 0px 0px 8px;
    top: 0;
    left: 0;
    height: 42px;
    width: 90px;
}

.onepagesignup .cd-pricing-switcher .fieldset {
    border-radius: 4px;
    border: 1px solid rgba(var(--Light-Blue));
}

.onepagesignup .cd-pricing-switcher label {
    width: 90px;
    height: 42px;
    line-height: 42px;
}

.onepagesignup .cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(2)+.cd-switch {
    border-radius: 0px 8px 8px 0px;
}

.signup-step {
    transition: 0.4s ease-in-out;
}

.welcome-step {
    transition: 0.4s ease-in-out;
}

/* ========== onepage signup css - end ========== */


/* ===================== subscription page ===================== */

.title1 {
    position: relative;
    margin-bottom: 40px;

}

.title1::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    border-top: 3px solid black;
    z-index: 0;
    width: 55px;
}

.prevmea_btn button {
    /* font-size: 16px;
    background: rgba(var(--Light-Blue));
    border: 1px solid transparent;
    color: #000;
    cursor: pointer;
    text-align: center;
    padding: 8px 32px;
    border-radius: 8px; */
}

/* .prevmea_btn button:hover {
    background: var(--teal-400);
} */

.prevmea_btn button i {
    color: #000;
}

.subscription .entry-content p {
    font-weight: bold;
    text-align: center;
}

.subscription .entry-content .cancel_plan {
    padding: 7px 24px;
    font-size: 14px;
    color: rgba(var(--Light-Blue));

    font-size: 14px;
    border-radius: 0;
    background-color: #000;
    border: 1px solid #000;
}

.subscription .entry-content .cancel_plan:hover {
    background-color: transparent;
}

.subscription .entry-content .reactive_plan {
    padding: 6px 20px;
    font-size: 14px;
}

.subscription .entry-content .past_due_cancel_btn .reactive_plan,
.subscription .entry-content .past_due_cancel_btn .cancel_plan {
    width: 210px;
}

.subscription .entry-content .changecard_plan {
    padding: 6px 20px;
    font-size: 14px;
}

.plan-inner {
    background: #fff;
    margin: 0 auto;
    min-width: 280px;
    max-width: 100%;
    position: relative;
}

.subscription .plan-inner {
    border: 1px solid #0b9bcc;
    padding: 15px;
    float: left;
    width: 100%;
}

.subscription div.table-responsive>div.dataTables_wrapper>div.row {
    width: 100%;
}

.subscription .row .col-sm-6 .dataTables_length {
    float: left;
}

.subscription .row .col-sm-6 .dataTables_filter {
    float: right;
}

.subscription .row .col-sm-6 .dataTables_filter input {
    background-color: transparent !important;
    border: 1px solid rgba(var(--Navy)) !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

.subscription .table thead th {
    font-size: 14px;
}

.subscription .table tbody td {
    font-size: 14px;
}

.subscription div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    float: right;
}

.subscription div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
    margin-left: 10px;
}

.subscription div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
    color: #666666;
}

.subscription .plans .plan {
    margin: 0 1% 10px 1%;
}

.payment_detail {
    border: 1px solid #222;
    border-radius: 5px;
}

.subscription .payment_detail .payment_detail_header .text-title-1 {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}

.subscription .payment_detail .payment_detail_header .text-title-2 {
    font-size: 1.0rem;
    margin-top: 3px;

}

.payment_detail .payment_detail_header {
    background: #222;
    color: #FFF;
    padding: 5px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.subscription .payment_detail .payment_detail_header {
    padding: 8px 0;
}

.subscription .payment_detail {
    float: left;
    width: 100%;
}

.subscription .payment_detail .payment_detail_content {
    float: left;
    width: 100%;
    padding: 20px;
}

.subscription .payment_detail .payment_detail_content span.gst_extra_msg {
    font-size: 13px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.subscription .payment_detail .payment_detail_content .footer_btns {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.subscription .payment_detail .payment_detail_content .footer_btns .signup_now {
    height: 41px;
    float: left;
    width: 150px;
    margin-top: 10px;
    font-size: 14px;
    background: rgba(var(--Light-Blue));
    color: #000;
    border: 2px solid rgba(var(--Light-Blue));
    /*border-radius: 2px;*/

    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    /* box-shadow: 1px 4px 4px #e6e6e6; */
}

.subscription .payment_detail .payment_detail_content .footer_btns .signup_now:hover {
    background: transparent;
}

.subscription .payment_detail .payment_detail_content .footer_btns .signup_now_wait {
    height: 41px;
    float: left;
    width: 150px;
    margin-top: 10px;
    display: none;
}

.subscription .payment_detail .payment_detail_content .footer_btns .secure_text_2 {
    float: right;
}

.subscription .payment_detail .payment_detail_content .footer_btns .secure_text_2 img {
    width: 150px
}

.subscription .title1 {
    float: left;
}

.subscription .update_card {}

.subscription .update_card .update_card_btn {
    background: rgba(var(--Light-Blue));
    border: 1px solid rgba(var(--Light-Blue));
    color: #000;
    width: 210px;
    margin: 20px auto 0 auto;
    padding: 7px 0;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    float: left;

}

.subscription .update_card .update_card_btn:hover {
    background: transparent;
}

.subscription .payment_detail .payment_detail_content label.pointer {
    width: 50%;
    float: left;
}

.subscription .update_card .update_card_btn.floatnone {
    float: none;
}

.subscription .update_subscription .update_sub_btn {
    background: rgba(var(--Light-Blue));
    border: 1px solid rgba(var(--Light-Blue));
    color: #000;
    width: 210px;
    margin: 20px auto 0 auto;
    padding: 7px 0;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    float: right;

}

.subscription .update_subscription .update_sub_btn:hover {
    background: transparent;
}

.subscription .update_card_details_btn {
    width: 200px;
    margin: 30px auto 0 auto;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    background-color: rgba(var(--Light-Blue));
    border-radius: 8px;

    color: #000;
    border: 1px solid rgba(var(--Light-Blue));
}

.subscription .update_card_details_btn:hover {
    background: var(--teal-400);
}

.entry-title {
    background: rgba(var(--Light-Blue));
    height: 110px;
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.entry-title>h3 {
    /*    background: #0b9bcc;*/
    background: #000;
    font-size: 20px;
    padding: 5px 0;
    font-weight: 700;
    margin: 0;
}

.entry-title .price {
    position: absolute;
    bottom: -25px;
    /*    background: #0b9bcc;*/
    background: #000;
    height: 95px;
    width: 95px;
    margin: 0 auto;
    left: 0;
    right: 0;
    overflow: hidden;
    border-radius: 50px;
    border: 5px solid #fff;
    line-height: 80px;
    font-size: 26px;
    font-weight: 700;
    color: #FFF;
}

.price span {
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #FFF;
    width: 100%;
    left: 0;
}

.price span.span1 {
    top: -21px;
    /*left: 20px;*/
}

.price span.span2 {
    bottom: -16px;
    /*left: 20px;*/
}

.entry-content {
    color: #323232;
}

.entry-content p {
    color: #565656;
}

.tzselect {
    background: transparent;
    box-shadow: none;
    border: none;
}

.size15 {
    width: 100%;
    height: 40px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0 !important;
    content: "" !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 12px !important;
    right: 8px !important;
    display: block !important;
    font-family: FontAwesome !important;
}

table.dataTable thead th.sorting_asc:after {
    content: "\f0de" !important;
}

#PlanInfoModal .signup_form_main {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

#PlanInfoModal .signup_form_main .iwlplans {
    margin-bottom: 30px;
}

#updatesubModal .signup_form_main .iwlplans .iwlplan .content p {
    font-weight: normal;
    text-align: left;
}

#updatesubModal .signup_form_main {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

#updatesubModal .signup_form_main .iwlplans {
    margin-bottom: 30px;
}

.subscription .signup_form_main .iwlplans .iwlplan .content ul {
    padding-bottom: 15px;
}

.subscription .signup_form_main .iwlplans .iwlplan .content .plusimg {
    margin-bottom: 20px;
    margin-top: 7px;
}

.subscription .signup_form_main .iwlplans .iwlplan {
    height: 100%;
}

.subscription .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
    margin-top: 90px;
}

.subscription .signup_form_main .iwlplans .plan_wait_simple_msg,
.subscription .signup_form_main .iwlplans .plan_wait_plus_msg {
    margin-top: 10px;
}

.subscription .view_more {
    margin-right: 5px;
    background: rgba(var(--Light-Blue));
    padding: 4px 8px;
    border-radius: 5px;
    margin-bottom: 5px;
    color: #000;
}


/*.subscription .view_more i {
    color: #FFF;
}*/

.subscription #InvoiceMoreModal .modal-title {
    float: left;
}

.subscription #InvoiceMoreModal .modal-header {
    display: inline-block;
}

.subscription #InvoiceMoreModal .modal-lg {
    max-width: 991px;
}

.subscription #InvoiceMoreModal tr td,
.subscription #InvoiceMoreModal tr th {
    font-size: 14px;
}

/* === */

.txnlist {
    background-color: #fff;
    border-radius: 12px;
}

.txnlist table {
    margin-top: 24px !important;
}

.txnlist table thead {
    opacity: 0;
}

.txnlist table td,
.txnlist table th {
    border: 0 none;
}

.txnlist table tr td {
    /*    background-color: #FFF;
        border-radius: 4px;*/
    padding: 0;
}

.txnlist table tr.space td {
    background-color: #F4F4F7;
}

.txnlist .item {
    background-color: #FFF;
    border-radius: 4px;
    padding: 16px;
    margin-bottom: 24px;
}

.txnlist .item .head {
    display: flex;
    justify-content: space-between;
}

.txnlist .item .head h5 {

    font-weight: 600;
    color: rgba(var(--Navy));
}

.txnlist .item .head p {
    color: #96A2AF;
}

.txnlist .item .body {
    display: flex;
    justify-content: space-between;
}

.txnlist .item .body .data {}

.txnlist .item .body .data p:nth-child(1) {
    font-size: 16px;
    color: #797979;
    margin-bottom: 8px;
}

.txnlist .item .body .data p:nth-child(2) {
    line-height: 19px;
}

div.dataTables_wrapper div.dataTables_info{
     font-family: "Public Sans", sans-serif;
}

.txnlist .dataTables_wrapper .col-sm-6 .dataTables_length h4 {
    color: rgba(var(--Navy));
    font-family: "Hedvig Letters Serif", serif;
}

.txnlist .dataTables_wrapper {
    padding: 2%;
}

.txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter label input {
    border-radius: 12px;
    padding-left: 36px;
}

.txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter label .input-icon {
    position: relative;
    display: block;
}

.txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter label .input-icon i {
    position: absolute;
    top: 11px;
    left: 20px;
    color: rgba(var(--Navy));
}

.subscription .confirm_subscription .planbrief {
    padding: 24px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.subscription .confirm_subscription .planbrief .renewnote {
    color: rgba(var(--Navy));

    font-weight: 600;
    margin-top: 16px;
}

.subscription .confirm_subscription .planbrief .btns {
    display: flex;
    gap: 10px;
}

.changeplan {
    width: 100%;
    float: left;
}

.changeplan .sign-up-new-container {
    background-color: transparent;
    padding: 0px 0px;
    float: left;
    width: 100%;
}

.changeplan .sign-up-new-container .backbtn {
    color: rgba(var(--Navy));

    font-weight: 600;
    cursor: pointer;
    float: left;
    padding: 5px 5px 5px 0px;
    position: relative;
    bottom: 33px;
}

.changeplan .sign-up-new-container h4 {

}

.changeplan .pricepage .pricing-table-wrp {
    background-color: var(--light-bgcolor);
}

.subscription .confirm_subscription {
    width: 100%;
    float: left;
}

.subscription .resubscribeplan {
    width: 100%;
    float: left;
}

.resubscribeplan .sign-up-new-container {
    background-color: transparent;
    padding: 0px 0px;
    float: left;
    width: 100%;
}

#cancelSubscriptionModal p {
    color: rgba(var(--Navy));

    font-weight: 600;
}

#cancelSubscriptionModal .modal-body,
#planUpdateModal .modal-body {
    padding: 0px 40px 40px 40px;
}

.resubscribeplan .billing_form {
    border-radius: 12px;
}

.resubscribeplan .billing_form .secure_logo img {
    width: 150px;
}

.subscription .resubscribeplan .confirm_subscription .planbrief {
    display: block;
    border: 3px solid var(--light-bgcolor);
    cursor: pointer;
}

.subscription .resubscribeplan .confirm_subscription .planbrief.selected {
    border: 3px solid rgba(var(--Navy));
}

.subscription .resubscribeplan .cd-pricing-switcher label {
    color: rgba(var(--Navy));
    width: 106px;
    height: 46px;
    line-height: 46px;

    font-size: 18px;
}

.subscription .resubscribeplan .cd-pricing-switcher .cd-switch {
    height: 48px;
    width: 106px;
    border-radius: 20px 0px 0px 20px;
}

.subscription .resubscribeplan .cd-pricing-switcher input[type="radio"]:checked+label+.cd-switch,
.subscription .resubscribeplan .cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.cd-switch {
    -webkit-transform: translateX(108px);
    -moz-transform: translateX(108px);
    -ms-transform: translateX(108px);
    -o-transform: translateX(108px);
    transform: translateX(108px);
}

.subscription .resubscribeplan .cd-pricing-switcher .fieldset {
    border-radius: 20px;
}

.subscription .resubscribeplan .cd-pricing-switcher input[type="radio"]:checked+label {
    color: rgba(var(--White));
}

.subscription .resubscribeplan .cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(2)+.cd-switch {
    border-radius: 0px 20px 20px 0px;
}

.subscription .resubscribeplan .billing_form .group_radio .cntr {
    text-align: left;
}

.subscription .resubscribeplan .billing_form .group_radio .cntr .radio {
    margin: 8px 15px 15px 0;
}

.subscription .resubscribeplan .billing_form .group_radio .cntr .radio input[type="radio"]:checked+.label {
    border-color: rgba(var(--Light-Blue));
}

.subscription .resubscribeplan .billing_form .group_radio .cntr .radio .label:after {
    background: rgba(var(--Light-Blue));
}

#updatecardModal .modal-body {
    padding: 16px 32px 32px 32px;
}

#updatecardModal .modal-body p.text-center {
    color: #96A2AF;
}

#updatecardModal .modal-body label {

    font-weight: 600;
}

.backbtn_text {
    color: rgba(var(--Navy));

    font-weight: 600;
    cursor: pointer;
    float: left;
    padding: 5px 5px 5px 0px;
    position: relative;
}

.width-fit-content {
    width: fit-content;
}

.cancel_step {
    display: none;
}

.cancel_step.current {
    display: block;
}

.reasonul li {
    background-color: var(--light-bgcolor);
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 16px 16px;
    margin-bottom: 12px;

}

.reasonul li.selected {
    border-color: #95DBDB;
}

.reasonul li label {
    width: 100%;
    margin-bottom: 0;
    cursor: pointer;
}

.reasonul li label p {
    position: relative;
}

.reasonul li.selected label p::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: rgba(var(--Light-Blue));
    float: right;
}

.reasonul li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}

.plan_small {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.plan_small .each_plan_small {
    border: 2px solid rgba(var(--Light-Blue));
    background-color: var(--light-bgcolor);
    border-radius: 12px;
    padding: 14px 16px 10px 16px;
    flex: 1;
    position: relative;
}

.plan_small .each_plan_small .name {

    color: rgba(var(--Navy));
}

.plan_small .each_plan_small .planprice {

    font-size: 1.2rem;
    color: rgba(var(--Navy));
}

.plan_small .each_plan_small .planprice span {
    color: rgba(var(--Navy));

    font-size: 10pt;
}

.plan_small .each_plan_small .discount {
    background-color: #DFF0F0;
    font-size: 12px;

    width: fit-content;
    padding: 5px 8px;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    right: -12px;
    rotate: 20deg;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 0.75rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.notes {
    background-color: #f4f4f7;
    padding: 16px;
}

.notes i {
    color: rgba(var(--Navy));
}

/* ===================== subscription page ===================== */


/* ========== Dashboard css - start ========== */

.tzbox {
    border-radius: 4px;
    /*box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.02);*/
    background-color: #ffffff;
    padding: 0px 15px 15px 15px;
    width: 100%;
    height: 100%;
    float: left;
}

.tzbox .head {
    /*border-bottom: 1px solid #d9d9e1;*/
    width: 100%;
    float: left;
    /*height: 52px;*/
}

.tzbox .head h4 {
    color: rgba(var(--Navy));
    /*padding-bottom: 12px;*/
    font-size: 1.0rem;

    line-height: 52px;
}

.tzbox .content {
    margin-top: 20px;
    width: 100%;
    float: left;
}

.custom_padding {
    padding: 0 7px;
    margin-bottom: 14px;
}

.c100>span {
    white-space: normal;
    width: 80%;
    left: auto;
    line-height: 16px;
    font-size: 14px;
    top: auto;
    color: #4c4f55;
    position: relative;
}

.c100>span strong {
    font-size: 24px;
    letter-spacing: 0.5px;
    width: 100%;
    float: left;
    margin: 10px 0 7px 0;
    text-align: center;
    text-transform: uppercase;
}

.c100>span strong span {
    font-size: 17px;
}

.c100>span strong i.fa {
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.c100:after {
    top: 0.05em;
    left: 0.05em;
    width: 0.9em;
    height: 0.9em;
}

.week_focus {
    width: 100%;
    float: left;
    padding-right: 58px;
    padding-left: 52px;
    margin-top: 28px;
    position: relative;
}

.week_focus .head h4,
.week_focus .head .h4 {
    float: left;
}

.week_focus .head p {
    float: left;
    padding-left: 16px;
}

.week_focus .head p:focus {
    outline: 0 none;
}

.week_focus .head p i {
    color: rgba(var(--Navy));
    /*font-size: 28px;*/
    /*margin-top: 15px;*/
    cursor: pointer;
}

.week_focus .content {
    float: left;
    width: 100%;
}

.week_focus .content #week_goal_text {
    min-height: 90px;
    width: 100%;
    resize: none;
    padding-top: 0px;
    border: 0 none;

    font-size: 1.6rem;
    color: rgba(var(--Navy));
}

.week_focus .content .goal_text_count {
    color: #6d7079;
    font-size: 12px;
    float: right;
    visibility: hidden;
    padding-right: 5px;
}

.week_focus .content .goal_text_count.red {
    color: #b81237;
}


/* ========== Daily Progress new - start ========== */

.daily_progress_new {}

.daily_progress_new .tzbox {
    position: relative;
    padding: 0px 0px 0px 0px;
}

.daily_progress_new .tzbox .head {
    display: flex;
    padding: 0 15px;
}

.daily_progress_new .content .leave-comment .horizontal-scrollable {
    padding: 0 15px;
}

.daily_progress_new .content .overlay {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    text-align: center;
    display: none;
}

.daily_progress_new .head .left {
    float: left;
    justify-content: flex-start;
    flex: 1;
    display: flex;
    align-items: center;
}

.daily_progress_new .head .left span {
    font-size: 12px;

    letter-spacing: 0.2px;
}

.daily_progress_new .head .center {
    justify-content: center;
    flex: 1;
    display: flex;
    align-items: center;
}

.daily_progress_new .head .center ul {}

.daily_progress_new .head .center ul li {
    float: left;
    letter-spacing: 0.2px;
}

.daily_progress_new .head .center ul li img {
    display: none;
    width: 8px;
}

.daily_progress_new .head .center ul li img.activenow {
    display: block;
    cursor: pointer;
}

.daily_progress_new .head .center ul li.prev_date {
    float: left;
    padding: 4px 8px;
}

.daily_progress_new .head .center ul li.next_date {
    float: right;
    padding: 4px 8px;
}

.daily_progress_new .head .right {
    float: right;
    line-height: 51px;
    justify-content: flex-end;
    flex: 1;
    display: flex;
    align-items: center;
}

.daily_progress_new .head .right a {
    color: #333;
}

.daily_progress_new .head .right a i {
    color: rgba(var(--Navy));
}

.daily_progress_new .content {
    position: relative;
}

.daily_progress_new .content .item_head {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.daily_progress_new .content .item_head .left {
    float: left;
    width: 80%;
}

.daily_progress_new .content .item_head .left img {
    width: 22px;
    float: left;
    margin-right: 5px;
}

.daily_progress_new .content .item_head .left p {

    color: #4c4f55;
}

.daily_progress_new .content .item_head .left p span {
    color: #565960;
    margin-left: 5px;
}

.daily_progress_new .content .item_head .right {
    float: right;
    width: 20%;
    text-align: right;
}

.daily_progress_new .content .item_head .right i {
    color: rgba(var(--Navy));
    font-size: 22px;
}

.daily_progress_new .content .clist {
    float: left;
    width: 100%;
    position: relative;
    height: auto;
}

.daily_progress_new .content .clist .item_list_main {
    float: left;
    width: 100%;
}

.daily_progress_new .content .clist .item_list_main input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.daily_progress_new .content .clist .item_list {
    width: 100%;
    background: #f4f4f7;
    float: left;
    padding: 18px 15px;
}

.daily_progress_new .content .clist .item_list_main label.item_list .icon_left {
    float: left;
    margin-right: 12px;
    width: 22px;
    margin-bottom: 24px;
}

.daily_progress_new .content .clist .item_list_main label.item_list span {
    float: left;
    width: 86%;
    padding-right: 10px;
    line-height: 20px;
    font-size: 16px;
}

.daily_progress_new .content .clist .item_list_main label.item_list .icon_right {
    float: right;
    width: 20px;
}

.daily_progress_new .content .clist .item_list_main label.item_list .icon_right.checked {
    display: none;
}

.daily_progress_new .content .clist .item_list_main input[type='checkbox']:checked+label.item_list .icon_right.checked {
    display: block;
    width: 25px;
}

.daily_progress_new .content .clist .item_list_main input[type='checkbox']:checked+label.item_list .icon_right.unchecked {
    display: none;
}

.daily_progress_new .content .clist .item_list_main input[type='checkbox']:checked+label.item_list span {
    padding-top: 2px;
}

.daily_progress_new .content .clist .item_list:hover {
    cursor: pointer;
}

.daily_progress_new .dpfooter_btn {
    margin: 20px auto 0 auto;
    float: left;
    width: 100%;
}

.daily_progress_new .content .footer_main {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.daily_progress_new .content .footer_1 {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    left: auto;
    background: rgba(var(--Navy));
    color: #FFF;
    border-radius: 5px;
}

.daily_progress_new .content .footer_1 a {

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    color: #FFF;
    width: 100%;
    float: left;
    text-align: center;
    padding: 8px;
}

.daily_progress_new .content .footer_1 a img {}

.daily_progress_new .content .footer_2 {
    position: absolute;
    bottom: 65px;
}

.daily_progress_new .content .footer_2.no_footer_1 {
    bottom: 7px;
}

.daily_progress_new .content .footer_2 a {

    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.daily_progress_new .content .footer_2 a img {
    width: 11px;
    position: relative;
    bottom: 2px;
    left: 2px;
}

.dashboard .daily_progress_new .content .clist .item_list_main.nodisplay {
    display: none;
}

.dashboard .daily_progress_new .content .dbtn {
    margin-top: 30px;
}

.dashboard .daily_progress_new .tzbtn1 {
    font-size: 16px;
    width: calc(33.33% - 30px);
}

.dashboard .daily_progress_new .footer_main .footer_1_3 {
    position: absolute;
    bottom: 0;
}


/* ========== Daily Progress new - start ========== */

.mea_modal {}

.mea_modal .modal-lg {
    max-width: 720px;
}

.mea_modal .modal-header {
    background-color: #f1f6f8;
}

.mea_modal .modal-header h4 {
    color: rgba(var(--Navy));
    float: left;
}

.mea_modal .modal-header a {

    float: right;
    padding-top: 5px;
}

.mea_modal .modal-header i {
    color: rgba(var(--Navy));
}

.mea_modal .modal-header {
    border-bottom: 0;
    display: block;
    padding: 40px 60px;
    position: relative;
}

.mea_modal .modal-header button.close {
    float: right;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
}

.mea_modal .modal-header button.close i {
    color: rgba(var(--Navy));
}

.mea_modal .modal-footer {
    border-top: 0;
    padding-bottom: 40px;
}

.mea_modal .modal-body {
    padding: 60px 60px 30px 60px;
}

.mea_modal .modal-content label {

}

.mea_modal .modal-content .group_type2_1 label {
    left: 0;
}

.mea_modal .modal-content .group_type2_1 input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d9d9e1;
}

.mea_modal .modal-content .group_type2_1 input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d9d9e1;
}

.mea_modal .modal-content .group_type2_1 input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d9d9e1;
}

.mea_modal .modal-content .group.group_type2_1 input {

}

.mea_modal .modal-content .cntr {
    position: relative;
    text-align: left;
}

.mea_modal .modal-content .cntr label {

}

.mea_modal .modal-content .cntr .radio {
    margin: 0px 12px 15px 0px;
}

#editModal .modal-header h4 {
    line-height: 28px;
}

#editModal .modal-header h4 small {
    color: rgba(var(--Navy));

    font-size: 16px;
}

.charts .chart_canvas {
    width: 100%;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    opacity: 0;
}

.charts .chart_canvas {
    /*    -ms-overflow-style: none;
        scrollbar-width: none; */
}

.charts .chart_canvas::-webkit-scrollbar {
    /*    display: none;
        width: 0;
        height: 0;*/
}

.charts .chart_canvas::-webkit-scrollbar {
    width: 100%;
    float: left;
    background: #f4f4f7;
    height: 10px;
    position: relative;
    border-radius: 4.5px;
}

.charts .chart_canvas::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.charts .chart_canvas::-webkit-scrollbar-thumb {
    /*    background-color: darkgrey;
        outline: 1px solid slategrey;*/
    background: #a0a5ae;
    height: 8px;
    border-radius: 4.5px;
}

.main_scroll {
    width: 100%;
    float: left;
    background: #f4f4f7;
    height: 10px;
    position: relative;
    border-radius: 4.5px;
    display: none;
}

.main_scroll .sub_scroll {
    background: #a0a5ae;
    /*width: 101px;*/
    height: 8px;
    top: 1px;
    position: absolute;
    left: 0;
    border-radius: 4.5px;
    cursor: grab;
}

.charts .main_scroll {
    margin-top: 20px;
    margin-bottom: 20px;
}

.charts .chart_canvas canvas {
    width: 100% !important;
    /*padding-bottom: 20px;*/
}

.charts .chart_canvas_main {
    position: relative;
}

.charts .chart_canvas_main #time_chart_copy {
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
    background: rgb(255, 255, 255);
}

.charts .chart_canvas canvas.scroll {
    width: 550px !important;
}

.charts .chart_canvas_footer {
    width: 100%;
}

.charts .chart_canvas_footer .fromto {
    text-align: center;
    color: rgba(var(--Navy));

    margin-top: 10px;
    font-size: 13px;
}

.charts .chart_canvas_footer ul {
    text-align: center;
    margin-top: 8px;
}

.charts .chart_canvas_footer ul li {
    cursor: pointer;
    display: inline-block;
    color: #757575;

    font-size: 14px;
    padding: 3px 20px;
}

.charts .chart_canvas_footer ul li:nth-child(2) {
    display: none;
}

.charts .chart_canvas_footer ul li:nth-child(3) {
    display: none;
}

.charts .chart_canvas_footer ul li.active {
    color: #000;
    background: rgba(var(--Light-Blue));
    border-radius: 20px;
}

.charts .tzbox .head h4,
.charts .tzbox .head .h4 {
    float: left;
    line-height: 52px;
}

.charts .tzbox .head .legend {
    float: right;
    display: flex;
    margin-top: 12px;
    display: none;
}

.charts .tzbox .head .legend .text {
    color: #757575;
    font-size: 12px;
    margin-top: 5px;
}

.charts .tzbox .head .legend .plan .design {
    width: 40px;
    height: 15px;
    background-color: rgba(55, 71, 133, 0.2);
    border-top: 1px solid rgba(var(--Navy));
    margin: 0 auto;
}

.charts .tzbox .head .legend .progress_line .design {
    height: 2px;
    background: #0b9bcc;
    margin: 5px auto 5px auto;
    width: 40px;
    position: relative;
}

.charts .tzbox .head .legend .progress_line {
    margin-left: 10px;
}

.charts .tzbox .head .legend .progress_line .design:before {
    width: 8px;
    height: 8px;
    border: solid 2px #0b9bcc;
    background-color: #0b9bcc;
    content: '';
    position: absolute;
    left: calc(50% - 5px);
    border-radius: 10px;
    top: -3px;
}

.charts .tzbox .head .legend_update {
    float: right;
    margin-top: 0px;
}

.charts .tzbox .head .legend_update ul {}

.charts .tzbox .head .legend_update ul li {
    display: flex;
    float: left;
    align-items: center;
}

.charts .tzbox .head .legend_update ul li:nth-child(1) {
    margin-right: 16px;
}

.charts .tzbox .head .legend_update ul li .text {
    color: #757575;
    font-size: 12px;
    margin-left: 12px;
}

.charts .tzbox .head .legend_update ul li.pp .design {
    border-top: 2px dashed rgb(173, 173, 173);
    width: 40px;
}

.charts .tzbox .head .legend_update ul li.wm {
    position: relative;
    left: -4px;
}

.charts .tzbox .head .legend_update ul li.wm .design {
    border: 1px solid rgb(173, 173, 173);
    width: 40px;
    height: 10px;
}

.charts .tzbox .head .legend_update ul li.yp .design {
    height: 2px;
    background: #0b9bcc;
    margin: 5px auto 5px auto;
    width: 40px;
    position: relative;
}

.charts .tzbox .head .legend_update ul li.yp .design:before {
    width: 8px;
    height: 8px;
    border: solid 2px #0b9bcc;
    background-color: #0b9bcc;
    content: '';
    position: absolute;
    left: calc(50% - 5px);
    border-radius: 10px;
    top: -3px;
}

.charts .tzbox .head .legend_update ul li.wlm .design {
    background-color: rgba(55, 71, 133, 0.2);
    width: 40px;
    height: 10px;
}

.general_message_btn {
    position: fixed;
    top: calc(50% - 23px);
    background: #FFF;
    z-index: 10;
    border: 1px solid rgba(var(--Navy));
    padding: 10px;
}

.general_message_btn i {
    color: rgba(var(--Navy));
}

.general_message_btn:hover {
    cursor: pointer;
    background: rgba(var(--Navy));
    border-color: rgba(var(--Navy));
}

.general_message_btn:hover i {
    color: #FFF;
}

.general_message {
    position: absolute;
    min-height: calc(100vh - 200px);
    top: 100px;
    background: #f5f9fa;
    width: 90%;
    z-index: 10;
    border: 2px solid #CCC;
    padding: 15px;
}

.general_message .general_message_sub {
    padding: 15px;
}

.general_message .general_message_sub .main_title {

    font-size: 1.8rem;
    border-bottom: 2px solid rgba(var(--Navy));
    padding: 0px 10px 15px 10px;
}

.general_message .general_message_sub .head {
    border-bottom: 2px solid rgba(var(--Navy));
    padding: 0px 10px 20px 30px;
}

.general_message .general_message_sub .tzborder {
    border-right: 2px solid #333;
}

.general_message .general_message_sub .close_btn {
    right: 10px;
    position: absolute;
    top: 10px;
    cursor: pointer;
    z-index: 10;
}

.general_message .general_message_sub .close_btn i {
    color: rgba(var(--Navy));
    font-size: 24px;
}

.general_message .general_message_sub .content {
    padding: 30px 30px 15px 30px;
}

.general_message .general_message_sub .content h4 {
    margin-top: 0px;
    margin-bottom: 15px;
}

.general_message .general_message_sub .content h5 {
    margin-bottom: 15px;
    font-size: 1rem;
}

.general_message .general_message_sub p {
    letter-spacing: 1px;
    line-height: 24px;
}

.general_message .general_message_sub .img {}

.general_message .general_message_sub .img li:first-child {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 40px;
    width: 40px;
    border-radius: 50px;
}

.general_message .general_message_sub .img {
    margin: 15px 0 20px 0;
}

.general_message .general_message_sub .img li {
    display: inline-block;
    vertical-align: middle;
}

#addModal button.tzbtn3.active {
    background: rgba(var(--Light-Blue));
    /*    color: #FFF;*/
    border-color: rgba(var(--Light-Blue));
}

/* #addModal button.tzbtn4,
#addModal_WA button.tzbtn4,
#addModal_CHO button.tzbtn4 {
    text-transform: uppercase;
} */

/* #editModal button.tzbtn3.active {
    background: rgba(var(--Light-Blue));
    border-color: rgba(var(--Light-Blue));
} */

/* #editModal button.tzbtn3.active:hover {
    background: transparent;
} */

/* .EditModal button.tzbtn4 {
    text-transform: uppercase;
} */

.dashboard .waist_info {
    position: absolute;
    top: 0;
    left: 60px;
    z-index: 100;
}

.dashboard .waist_info:focus {
    outline: 0;
}

.dashboard .waist_info i {
    cursor: pointer;
}

.popover {
    z-index: 1360;
    padding: 0;
}

.leaderboard.desktop .popover {
    max-width: 100%;
}

.popover.bs-popover-auto[x-placement^=right] .arrow.smalltext::after,
.popover.bs-popover-right .arrow.smalltext::after {
    margin-top: -10px;
}

.popover.bs-popover-auto[x-placement^=right] .arrow.smalltext::before,
.popover.bs-popover-right .arrow.smalltext::before {
    margin-top: -10px;
}

.popover-body {
    color: #FFF;
    background: #333;

    letter-spacing: 0.5px;
}

.popover-body p {
    color: #FFF;
    background: #333;

    letter-spacing: 0.5px;
    line-height: 1.5;
    font-size: .875rem;
    margin-bottom: 10px;
}

.popover.bs-popover-auto[x-placement^=right] .arrow::before,
.popover.bs-popover-right .arrow::before {
    border-right-color: #333;
}

.popover.bs-popover-auto[x-placement^=right] .arrow::after,
.popover.bs-popover-right .arrow::after {
    border-right-color: #333;
}

.popover.bs-popover-auto[x-placement^=left] .arrow::before,
.popover.bs-popover-left .arrow::before {
    border-left-color: #333;
}

.popover.bs-popover-auto[x-placement^=left] .arrow::after,
.popover.bs-popover-left .arrow::after {
    border-left-color: #333;
}

.popover.bs-popover-auto[x-placement^=top] .arrow::before,
.popover.bs-popover-top .arrow::before {
    border-top-color: #333;
}

.popover.bs-popover-auto[x-placement^=top] .arrow::after,
.popover.bs-popover-top .arrow::after {
    border-top-color: #333;
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover.bs-popover-bottom .arrow::before {
    border-bottom-color: #333;
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover.bs-popover-bottom .arrow::after {
    border-bottom-color: #333;
}

.popover.bs-popover-auto[x-placement^=right] .arrow::before,
.popover.bs-popover-right .arrow::before {
    margin-top: -20px;
}

.popover.bs-popover-auto[x-placement^=right] .arrow::after,
.popover.bs-popover-right .arrow::after {
    margin-top: -20px;
}

#WeekSummaryModal {
    /* z-index: 99995; */
}

#WeekSummaryModal .modal-header {
    display: inline-block;
    border-bottom: 0px;
    padding: 20px 25px;
}

#WeekSummaryModal .modal-header .close {
    opacity: 1;
}

#WeekSummaryModal .modal-header p {
    text-align: center;
    width: 100%;

    color: #565656;
}

#WeekSummaryModal .modal-body {
    padding: 15px 40px 60px 40px;
}

#WeekSummaryModal .modal-body h4 {
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
}

#WeekSummaryModal .modal-body p {
    margin: 10px 0 40px 0;
}

#WeekSummaryModal .modal-body .modal_btn {}

#WeekSummaryModal .modal-body .modal_btn a {

    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 13px 25px;
}

#WeekSummaryModal .modal-body .modal_btn a:hover {
    color: #000;
}

#AfterReachGoalModal .modal-dialog {
    max-width: 550px;
}

#AfterReachGoalModal .modal-header {
    display: inline-block;
    border-bottom: 0px;
}

#AfterReachGoalModal .modal-header .close {
    opacity: 1;
}

#AfterReachGoalModal .modal-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
}

#AfterReachGoalModal .modal-header {
    text-align: center;
    width: 100%;
}

#AfterReachGoalModal .modal-title {
    margin-top: 20px;
}

#AfterReachGoalModal .modal-footer {
    border-top: 0;
    padding: 0;
}

#AfterReachGoalModal .step1.modal-content {
    background-image: linear-gradient(to bottom, #a8d0e6 14%, #369dd5);
    color: white;
}

#AfterReachGoalModal .step1 .modal-title {

    text-transform: uppercase;
    color: white;
    text-shadow: 1px 1px 1px rgba(55, 71, 133, 0.2);
}

#AfterReachGoalModal .step1 .modal-header p {

    color: white;
}

#AfterReachGoalModal .step1 .modal-body {
    text-align: center;
    padding-top: 0;
}

#AfterReachGoalModal .step1 .modal-body p {

    color: white;
    margin: 10px 30px 25px 30px;
}

#AfterReachGoalModal .step1 .modal-body .badge {}

#AfterReachGoalModal .step1 .modal-body .badge img {
    width: 120px;
}

#AfterReachGoalModal .step1 .modal-body .badge p {

    color: #24305e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    margin-top: 10px;
}

#AfterReachGoalModal .step1 .modal-footer .tzbtn3 {
    color: rgba(var(--Navy));
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border: 0;
    width: 50%;
    font-size: 14px;
    letter-spacing: 1px;
}

#AfterReachGoalModal .step1 .modal-footer .tzbtn3:hover {
    color: white;
}

#AfterReachGoalModal .step3 .modal-title {
    color: rgba(var(--Navy));
}

#AfterReachGoalModal .step3 .modal-body p {
    color: #565656;

    text-align: center;
    padding: 0 30px;
    margin-bottom: 10px;
}

#AfterReachGoalModal .step3 .modal-footer {
    text-align: center;
    width: 100%;
    display: inline-block;
}

#AfterReachGoalModal .step3 .modal-footer .tzbtn2 {
    margin: 30px auto 20px auto;
    font-size: 14px;
}

#AfterReachGoalModal .step3 .modal-footer a {
    text-decoration: underline;
    color: rgba(var(--Navy));
}

#AfterReachGoalModal .step2 .modal-title {
    color: rgba(var(--Navy));
}

#AfterReachGoalModal .step2 .modal-body p {
    text-align: center;
    color: #565656;

}

#AfterReachGoalModal .step2 .modal-body .group {
    margin: 40px 0 30px 0;
}

#AfterReachGoalModal .step2 .modal-body .group .unit_weight {
    position: absolute;
    right: 2px;
    top: 14px;
}

#AfterReachGoalModal .step2 .modal-footer {
    text-align: center;
    width: 100%;
    display: inline-block;
}

#AfterReachGoalModal .step2 .modal-footer .tzbtn1 {
    margin: 30px auto 20px auto;
    font-size: 14px;
}

#AfterReachGoalModal .step2 .modal-footer a {
    text-decoration: underline;
    color: rgba(var(--Navy));
}

#AfterReachGoalModal .step2 .group span.bar.error {
    background: #d31e4a;
}

#AfterReachGoalModal .step2 .group p.error_msg_is {
    color: #d31e4a;
    text-align: left;
}

#ChampionsBadgeModal .modal-dialog {
    max-width: 550px;
}

#ChampionsBadgeModal .modal-header {
    display: inline-block;
    border-bottom: 0px;
}

#ChampionsBadgeModal .modal-header .close {
    opacity: 1;
}

#ChampionsBadgeModal .modal-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

#ChampionsBadgeModal .modal-header {
    text-align: center;
}

#ChampionsBadgeModal .modal-title {
    margin-top: 20px;
}

#ChampionsBadgeModal .modal-content {
    background-image: linear-gradient(to bottom, #a8d0e6 14%, #369dd5);
    color: white;
}

#ChampionsBadgeModal .modal-title {

    text-transform: uppercase;
    color: white;
    text-shadow: 1px 1px 1px rgba(55, 71, 133, 0.2);
}

#ChampionsBadgeModal .modal-header p {

    color: white;
}

#ChampionsBadgeModal .modal-body {
    text-align: center;
    padding-top: 0;
}

#ChampionsBadgeModal .modal-body p {

    color: white;
    margin: 10px 30px 10px 30px;
}

#ChampionsBadgeModal .modal-body .badge img {
    width: 120px;
}

#ChampionsBadgeModal .modal-body .badge p {

    color: #24305e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    margin-top: 10px;
}


/*test*/

#ShareOnFBBadgeModal .modal-dialog {
    max-width: 550px;
}

#ShareOnFBBadgeModal .modal-header {
    display: inline-block;
    border-bottom: 0px;
}

#ShareOnFBBadgeModal .modal-header .close {
    opacity: 1;
}

#ShareOnFBBadgeModal .modal-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

#ShareOnFBBadgeModal .modal-header {
    text-align: center;
}

#ShareOnFBBadgeModal .modal-content {
    background-image: linear-gradient(to bottom, #a8d0e6 14%, #369dd5);
    color: white;
}

#ShareOnFBBadgeModal .modal-title {

    color: white;
    margin-top: 30px;
    text-shadow: 1px 1px 1px rgba(55, 71, 133, 0.2);
    letter-spacing: 0.5px;
    line-height: 40px;
    font-size: 2.0rem;
}

#ShareOnFBBadgeModal .modal-header p {

    color: white;
}

#ShareOnFBBadgeModal .modal-body {
    text-align: center;
    padding-top: 0;
}

#ShareOnFBBadgeModal .modal-body .badge {
    margin-top: 20px;
}

#ShareOnFBBadgeModal .modal-body img.logo_white {
    width: 230px;
    margin-top: 15px;
    margin-bottom: 45px;
    max-width: 100%;
}

#ShareOnFBBadgeModal .modal-body p {

    color: white;
    margin: 10px 30px 10px 30px;
}

#ShareOnFBBadgeModal .modal-body .badge img {
    width: 160px;
}

#ShareOnFBBadgeModal .modal-body .badge p {

    color: #24305e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
    margin-top: 10px;
}

.dashboard {
    position: relative;
}


/*.dashboard .badge_icon {
    position: absolute;
    left: 10px;
    top: 3px;
    cursor: pointer;
    z-index:100;
}*/

.dashboard .badge_icon {
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: -6px;*/
    cursor: pointer;
    z-index: 100;
    float: left;
    margin-left: 12px;
}

.dashboard .badge_icon img {
    width: 40px;
}


/*for circle*/

.flex-wrapper {
    display: block;
}

.single-chart {
    width: 110%;
    justify-content: space-around;
    max-width: 150px;
    margin: 0 auto;
    position: relative;
}

.circular-chart {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.circle-bg {
    fill: none;
    stroke: #a0a5ae;
    stroke-width: 1.4;
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.red .circle {
    stroke: #e66f00;
}

.circular-chart.green .circle {
    stroke: #0b9bcc;
}

.percentage {
    fill: #666;
}

svg foreignObject {
    width: 100%;
    height: 100%;
}


/*for circle*/

.dh_streaks {
    width: 100%;
    float: left;
    position: relative;
}

.dh_streaks .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 101;
    text-align: center;
    display: none;
}

.dh_streaks .header {
    text-align: center;
    position: relative;
}

.dh_streaks .header h4,
.dh_streaks .header .h4 {
    margin-bottom: 12px;
}

.dh_streaks .header h4 a,
.dh_streaks .header .h4 a[data-toggle="popover"] {
    position: absolute;
    padding-left: 6px;
}

.dh_streaks .header h4 i,
.dh_streaks .header .h4 i {
    padding: 8px;
    position: relative;
    bottom: 2px;
    color: rgba(var(--Navy));
}

.dh_streaks .header ul {
    margin-bottom: 8px;
}

.dh_streaks .header .subtitle {
    margin-bottom: 16px;
    margin-top: 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.dh_streaks .header ul li {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.dh_streaks .header ul li.date {

    font-size: 16px;
    padding: 0 16px;
}

.dh_streaks .header .help_edit {
    display: flex;
    justify-content: space-between;
    padding-bottom: 55px;
}

.dh_streaks .header .help_edit .help {
    /*width:110px;*/
    width: 200px;
    text-align: left;
    padding-left: 20px;
    margin-top: 2px;
}

.dh_streaks .header .help_edit .help i {
    color: rgba(var(--Navy));
    cursor: pointer;
}

.dh_streaks .header .help_edit .edit {
    /*width:110px;*/
    width: 200px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    justify-content: center;
}

.dh_streaks .header .help_edit .edit span {
    padding: 0 5px;
    margin: 0 5px;
}

.dh_streaks .header .help_edit .edit span#edithabit,
.dh_streaks .header .help_edit .edit span#close_edithabit {
    margin-right: 0;
    padding-right: 0;
    cursor: pointer;
}

.dh_streaks .header .help_edit .edit span#edithabit span,
.dh_streaks .header .help_edit .edit span#close_edithabit span {
    margin-left: 0;
}

.dh_streaks .header .help_edit .edit .habitsound {
    padding: 0 5px;
    margin: 0 5px;
}

.dh_streaks .header .help_edit .edit i {
    color: rgba(var(--Navy));
    cursor: pointer;
}

.dh_streaks .item_list {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
    width: 100%;
}

.dh_streaks .header .help_edit .edit p {
    padding: 0 5px;
    /*margin: -2px 5px 0 5px;*/
    margin: -2px 0px 0 0px;
}

.dh_streaks .item_list .streakdetails {
    display: flex;
    align-items: center;
}

.dh_streaks .body {
    width: 100%;
    float: left;
}

.dh_streaks .body ul {
    width: 100%;
    float: left;
}

.dh_streaks .body ul li {
    width: 100%;
    background: #f4f4f7;
    float: left;
    padding: 12px 15px;
    margin-bottom: 0.5rem;
    position: relative;
}

.dh_streaks .body ul li.disabled {
    display: none;
}

.dh_streaks .body ul li.disabled::after {
    content: '';
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: not-allowed;
}

.dh_streaks .body ul li .dhsname {}

.dh_streaks .body ul li .streakdetails {
    margin-left: 10px;
}

.dh_streaks .body ul li .streakcount {
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.dh_streaks .body ul .permission {
    display: none;
}

.dh_streaks .body ul.edit .permission.active {
    display: block;
}

.dh_streaks .body ul.edit .enable,
.dh_streaks .body ul.edit .disable {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: right;
    font-weight: bold;
    line-height: 48px;
    padding-right: 15px;
}

.dh_streaks .body ul.edit .enable span,
.dh_streaks .body ul.edit .disable span {
    cursor: pointer;
}

.dh_streaks .body ul.edit li.disabled {
    display: block;
}

.dh_streaks .checkbox-label .checkbox-custom {
    top: 2px;
}

.dh_streaks .footer {
    margin: 20px auto 0 auto;
    float: left;
    width: 100%;
    display: none;
}

.dh_streaks .footer button {
    width: 100%;
    float: left;
    text-align: center;
    padding: 14px 22px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.dh_streaks .checkbox-label input:checked~.checkbox-custom {
    background-color: #0b9bcc;
    border: 1px solid #0b9bcc;
}

.dh_streaks .checkbox-label input:checked~.dhsname {
    color: #0b9bcc;
}

.dh_streaks .body .add_cutom_habit {
    float: left;
    cursor: pointer;
    margin-top: 8px;

}

.dh_streaks .manage_cutom_habit {
    float: left;
    justify-content: space-between;
    width: 100%;
}

.dh_streaks .body .add_cutom_habit p {
    margin-left: 8px;

}

.dh_streaks .habitpopup .group label {
    left: 0;
}

.dh_streaks .habitpopup .group input {
    padding-left: 0;
}

.dh_streaks .habitpopup .modal-footer {
    border-top: 0;
}

#editHabitModal table {
    width: 100%;
}

#editHabitModal table td {
    vertical-align: middle;
}

#editHabitModal table td span.deletethis {
    padding: 4px 7px;
    border-radius: 3px;
    cursor: pointer;
    background-color: rgba(var(--Light-Blue));
    position: relative;
    bottom: 8px;
}

#editHabitModal table td span.deletethis i {
    color: #000;
    font-size: 14px;
}

/*#editHabitModal table tr td:nth-child(1) {
    width:75%;
}
#editHabitModal table tr td:nth-child(2) {
    width:25%;
}*/

.notification_popup {
    display: none;
}

.trial_note_icon {
    background-color: rgba(var(--Navy));
    width: 35px;
    height: 35px;
    border-radius: 12px;
    text-align: center;
    line-height: 35px;
    position: fixed;
    bottom: 36px;
    left: 36px;
    cursor: pointer;
    z-index: 100;
}

.trial_note_icon i {
    color: #FFF;
}

.trial_note_popup {
    max-width: 90%;
    width: 350px;
    position: fixed;
    left: 78px;
    bottom: 35px;
    z-index: 100;
    transition: 0.4s ease-in-out;
}

.trial_note_popup .head {
    background-color: rgba(var(--Navy));
    gap: 16px;
    padding: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.trial_note_popup .head p {

    color: #FFF;

}

.trial_note_popup .head p:nth-child(1) {}

.trial_note_popup .head p:nth-child(2) {
    font-size: 14px;
    border: 1px solid #FFF;
    padding: 3px 11px;
    border-radius: 20px;
}

.trial_note_popup .content {
    padding: 16px;
    background-color: #FFF;
    box-shadow: -1px 3px 24px 0px #00000029;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    float: left;
    width: 100%;
}

.trial_note_popup .content .dashboard2822_button_1 {
    width: auto;
}

.trial_note_popup .content .dashboard2822_button_1:hover {
    color: #000;
}

#bookCallModal .date_dropdown .p-right-0 {
    padding-right: 0;
}

#bookCallModal .date_dropdown .p-left-0 {
    padding-left: 0;
}

#bookCallModal .tzselect_2 {
    background: #FFF;
    box-shadow: none;
    border: none;
}

.border-top-none {
    border-top: 0;
}

select:focus-visible {
    outline: 0;
}

/* ========== Dashboard css - end ========== */


/* ========== Dashboard css testing - start ========== */

.leaderboard {
    width: 100%;
    float: left;
    padding-right: 58px;
    padding-left: 52px;
}

.leaderboard .nav-tabs {
    border: 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 0;
    box-shadow: inset 0 0 3px 0 rgb(0 0 0 / 20%);
    border-radius: 2px;
    float: left;
    width: 100%;
}

.leaderboard .nav-tabs li {
    width: calc(100% / 3);
    float: left;
    padding: 3px;
}

.leaderboard .nav-tabs li a {
    width: 100%;
    float: left;
    color: #000;
    padding: 5px;

}

.leaderboard .nav-tabs li a.active {
    background: rgba(var(--Light-Blue));
    border-radius: 4px;
}

.leaderboard .header {
    text-align: center;
    border-top: 1px solid #d3d3d3;
    padding-top: 24px;
    position: relative;
}

.leaderboard .header h4,
.leaderboard .header .h4 {
    position: relative;
}

.leaderboard .header a {
    padding: 8px;
    position: relative;
    bottom: 4px;
}

.leaderboard .header .leaderboard_ed {
    padding: 8px;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.leaderboard .header .leaderboard_ed i {
    color: rgba(var(--Navy));
    font-size: 16px;
}

.disabled_leaderboard {
    background: rgb(244, 244, 247);
    width: 100%;
    float: left;
    text-align: center;
    padding: 12px;
    margin-top: 16px;
}

.manage_leaderboard {
    width: 100%;
    float: left;
    position: relative;
}

.manage_leaderboard .ed_overlay {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: right;
    font-weight: bold;
}

.manage_leaderboard .ed_overlay p {
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}

.leaderboard .header a i {
    font-size: 10px;
    border: 1px solid #888;
    width: 16px;
    text-align: center;
    border-radius: 14px;
    height: 16px;
    padding: 5px;
    line-height: 4px;
    cursor: pointer;
    color: #888;
}

.leaderboard .userdata {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin: 10px 0 0 0;
    /*background: #f4f4f7;*/
    padding: 18px 32px;
}

.leaderboard .userdata .name {
    /*border-right: 1px solid #d3d3d3;*/
    padding-right: 16px;
    position: relative;
    width: 50%;
}

.leaderboard .userdata .name h3 {
    font-size: 1.25rem;
}

.leaderboard .userdata .name .medalimg {
    /*float: left;*/
    width: 28px;
    position: relative;
    bottom: 6px;
    /*position: absolute;*/
    /*left: -32px;*/
    /*top: 6px;*/
}

.leaderboard .userdata .rlink {}

.leaderboard .userdata .rlink a {
    color: #0b9bcc;
    padding-bottom: 3px;
    border-bottom: 1px solid;
}

.leaderboard .userdata .point {

    padding-left: 16px;
    width: 50%;
    text-align: right;
    display: flex;
    flex-direction: column;
}

.leaderboard .userdata .point .first {
    font-size: 1.25rem;
}

.leaderboard .userdata .point .second {

}

.leaderboard .userdata p {
    margin-bottom: 0;
    font-size: 14px;
}

.leaderboard .tab-content {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    /*margin-top: 70px;*/
    float: left;
    width: 100%;
}

.leaderboard .tab-content .tab-pane {
    overflow-y: scroll;
    max-height: 280px;
}

.leaderboard .tab-content .tab-pane::-webkit-scrollbar {
    width: 20px;
}

.leaderboard .tab-content .tab-pane::-webkit-scrollbar-track {
    background-color: transparent;
}

.leaderboard .tab-content .tab-pane::-webkit-scrollbar-thumb {
    background-color: #a0a5ae;
    border-radius: 20px;
    border: 7px solid transparent;
    background-clip: content-box;
}

.leaderboard .tab-content .tab-pane::-webkit-scrollbar-thumb:hover {
    background-color: #a0a5ae;
}

.leaderboard .tab-content table {
    width: 100%;
}

.leaderboard .tab-content table tr.padding0 td {
    padding: 0 0 0 5px;
}

.leaderboard .tab-content table tr td {
    padding: 7px 5px;
}

.leaderboard .tab-content table tr td img {
    width: 25px;
    margin-left: 5px;
    position: relative;
    bottom: 4px;
}

.leaderboard .tab-content table tr td img:focus {
    outline: none !important;
    box-shadow: 0 none;
    border: 0 none;
}

.leaderboard .tab-content table tr td:nth-child(1) {
    text-align: left;
}

.leaderboard .tab-content table tr td:nth-child(2) {
    text-align: right;
}

.leaderboard .tab-content table tr.me td {
    color: rgba(var(--Navy));
    width: calc(100%/3);
    font-weight: 600;
}

.leaderboard .tab-content table tr.me td a {
    color: rgba(var(--Navy));
    padding-bottom: 1px;
    border-bottom: 1px solid;
}

.leaderboard .tab-content table tr.me td a:hover {
    font-weight: 600;
}

.leaderboard .tab-content .content {
    padding: 16px;
}

.leaderboard.desktop {
    margin-top: 44px;
    position: relative;
}

.dashboard #editModal .delete_this_measurement.active {
    background-color: #B22222;
    border: 1px solid #B22222;
    color: #FFF;
    text-align: center;
}


/* ========== Dashboard css testing - end ========== */


/* ========== Rewards css - start ========== */

.rewards {
    padding-top: 70px;
}


/*.rewards .membership_col{max-width: 970px;}*/

.rewards .memberships {
    /*margin: 0px 40px;*/
}

.rewards .head {
    position: relative;
    text-align: center;
}

.rewards .head img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.rewards .head h3 {
    color: rgba(var(--Navy));
    position: absolute;
    top: calc(50% - 15px);
    width: 100%;
    font-size: 56px;
    font-weight: 400;
    font-family: "Hedvig Letters Serif", serif;
}

.rewards .name_points {}

.rewards .name_points ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0;
}

.rewards .name_points ul li {
    color: rgba(var(--Navy));

    font-size: 1.4rem;
    position: relative;
    padding: 10px 20px;
}

.rewards .name_points ul li:nth-child(1)::after {
    content: '';
    position: absolute;
    height: 20px;
    width: 1px;
    background: rgba(var(--Navy));
    right: 0;
    top: 16px;
}

.rewards .membership .membership_item {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    -o-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    border-bottom-left-radius: 80px;
    border-top-right-radius: 80px;
    height: 100%;
}

.rewards .membership .membership_item .mhead {
    text-align: center;
    border-bottom-left-radius: 65px;
    border-top-right-radius: 80px;
}

.rewards .membership .membership_item.platinum .mhead {
    background: #68aec6;
}

.rewards .membership .membership_item.gold .mhead {
    background: #ecbc57;
}

.rewards .membership .membership_item.silver .mhead {
    background: #9b9da0;
}

.rewards .membership .membership_item.bronze .mhead {
    background: #d3a15f;
}

.rewards .membership .membership_item .mhead h4 {
    color: #FFF;
    padding: 40px;
    position: relative;
    font-family: "Public Sans", sans-serif;
}

.rewards .membership .membership_item .mhead h4::after {
    content: '';
    border-bottom: 2px dotted;
    position: absolute;
    bottom: 30px;
    height: 1px;
    width: 50%;
    left: 24%;
}

.rewards .membership .membership_item .mhead .points {

    font-size: 20px;
    padding: 16px 0;
    border-top-right-radius: 80px;
    border-bottom-left-radius: 80px;
}

.rewards .membership .membership_item.platinum .mhead .points {
    background: #e3f9ff;
    color: #68aec6;
}

.rewards .membership .membership_item.gold .mhead .points {
    background: #ffe0aa;
    color: #ecbc57;
}

.rewards .membership .membership_item.silver .mhead .points {
    background: #e7e7e8;
    color: #9b9da0;
}

.rewards .membership .membership_item.bronze .mhead .points {
    background: #ffe3c5;
    color: #d3a15f;
    font-family: "Public Sans", sans-serif;
}

.rewards .membership .membership_item .content {
    width: 100%;
    float: left;
    padding-bottom: 100px;
}

.rewards .membership .membership_item .content p {
    padding: 15px 30px;
}

.rewards .membership .membership_item .content ul {
    /*padding-bottom: 40px;*/
}

.rewards .membership .membership_item .content ul li {
    position: relative;
    padding: 15px 30px 15px 60px;
}

.rewards .membership .membership_item .content ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: rgba(var(--Navy));
    position: absolute;
    left: 30px;
}
.membership_item .locked i,
.membership_item .locked span{
    color: rgba(var(--Navy));
}

.rewards .membership .membership_item.platinum .content ul li:nth-child(odd) {
    background: #e3f9ff;
}

.rewards .membership .membership_item.gold .content ul li:nth-child(odd) {
    background: #ffe0aa;
}

.rewards .membership .membership_item.silver .content ul li:nth-child(odd) {
    background: #e7e7e8;
}

.rewards .membership .membership_item.bronze .content ul li:nth-child(odd) {
    background: #ffe3c5;
}

.rewards .membership .membership_item .footer {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 32px;
}

.rewards .membership .membership_item .footer .claimednow {
    padding: 8px 16px;
    border-radius: 2px;
    cursor: pointer;
}

.rewards .membership .membership_item.platinum .footer .claimednow {
    background: #68aec6;
}

.rewards .membership .membership_item.gold .footer .claimednow {
    background: #ecbc57;
}

.rewards .membership .membership_item.silver .footer .claimednow {
    background: #9b9da0;
}

.rewards .membership .membership_item.bronze .footer .claimednow {
    background: #d3a15f;
}

.opacity-05 {
    opacity: 0.5;
}

.rewards .membership .membership_item .footer .claimed {
    background: #000;
    padding: 8px 16px;
    border-radius: 2px;
    cursor: not-allowed;
}

.rewards .membership .membership_item .footer .claimednow span {
    color: #FFF;
}

.rewards .membership .membership_item .footer .claimednow i {
    color: #FFF;
}

.rewards .membership .membership_item .footer .claimed span {
    color: rgba(var(--Light-Blue));
}

.rewards .membership .membership_item .footer .claimed i {
    color: rgba(var(--Light-Blue));
}

.rewards .backbutton {
    margin-top: 75px;
}

.rewards .backbutton a {
    /* font-size: 14px; */
}

.glass-img-reward {
    text-align: center;
    margin-top: 24px;
}

.glass-img-reward img {
    width: 90%;
}


/*.rewards .userdata {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin: 24px 0;
    background: #f4f4f7;
    padding: 8px 0;
}
.rewards .userdata .name {
    border-right: 1px solid #d3d3d3;
    padding-right: 16px;
    position: relative;
}
.rewards .userdata .point {

    padding-left: 16px;
}
.rewards .userdata p {
    margin-bottom: 0;
    font-size: 14px;
}
.rewards .userdata .name .medalimg {
    float: left;
    width: 28px;
    position: absolute;
    left: -32px;
    top: 6px;
}

.rewards .mboxs{}
.rewards .mboxs .mbox{
    border:2px solid;
    padding:16px;
    margin-bottom: 16px;
    position: relative;
}
.rewards .mboxs .mbox.load::before{
    content: 'Please wait...';
    background: rgba(255,255,255,0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 20px;
}
.rewards .mboxs .mbox .title_btn p{
    font-size: 18px;

}
.rewards .mboxs .mbox .point{
    font-size: 18px;

}
.rewards .mboxs .mbox .content p{}
.rewards .mboxs .mbox .content ul{padding-left: 32px;}
.rewards .mboxs .mbox .content ul li{list-style: disc;}

.rewards .mboxs .mbox.gold .title_btn p{color:#d4af37;}
.rewards .mboxs .mbox.gold .point{color: #d4af37;}
.rewards .mboxs .mbox.silver .title_btn p{color:#C0C0C0;}
.rewards .mboxs .mbox.silver .point{color: #C0C0C0;}
.rewards .mboxs .mbox.bronze .title_btn p{color:#CD7F32;}
.rewards .mboxs .mbox.bronze .point{color: #CD7F32;}
.rewards .mboxs .mbox.gold{border-color: #d4af37;}
.rewards .mboxs .mbox.silver{border-color: #C0C0C0;}
.rewards .mboxs .mbox.bronze{border-color: #CD7F32;}
.rewards .mboxs .mbox .isclaimed{
    border: 1px solid rgba(var(--Light-Blue));
    padding: 4px 14px;
    border-radius: 2px;
    background: rgba(var(--Light-Blue));
    cursor: pointer;
}
.rewards .mboxs .mbox .isclaimed span{

    padding: 0 4px;
}
.rewards .mboxs .mbox .isclaimed i{
    font-size: 12px;
}

.rewards .mboxs .mbox .claimed{
    border: 1px solid #000;
    padding: 4px 14px;
    border-radius: 2px;
    background: #000;
    cursor: pointer;
}
.rewards .mboxs .mbox .claimed span{

    padding: 0 4px;color:rgba(var(--Light-Blue));
}
.rewards .mboxs .mbox .claimed i{
    font-size: 12px;color:rgba(var(--Light-Blue));
}*/

.claimpopup .tzbtn3 {
    width: 100% !important;
}

.group select {
    font-size: 16px;
    padding: 10px 10px 8px 10px;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
}

.group select:focus-visible {
    outline: 0 none !important;
    box-shadow: none;
}

.group select:focus {
    outline: none;
}

.group select:focus~label,
.group select:valid~label {
    top: -10px;
    font-size: 14px;
    color: #757575;
}

#SilverClaimModal .radio {
    width: calc(100% / 3 - 40px);
}

/* ========== Rewards css - end ========== */


/* ========== recipes css - start ========== */

.page_banner {
    text-align: center;
    padding: 80px 15px 80px 15px;
}

.page_banner h1 {
    color: rgba(var(--Navy));
    text-transform: none;
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;

}

.page_banner h5 {
    color: #0d001f;

    margin: 15px 0 30px 0;
}

.page_banner p {
    color: rgba(var(--Navy));
    margin-bottom: 10px;

}

.recipes {}

.recipes .main_banner,
.sresult {
    text-align: center;
    padding: 80px 15px 80px 15px;
}



.recipes .main_banner h1,
.sresult .main_banner h1 {
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;
    color: rgba(var(--Navy));
}

.recipes .main_banner h5 {
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
    margin: 15px 0 30px 0;
}

.recipes .main_banner p {
    margin-bottom: 10px;
    color: rgba(var(--Navy));
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
}

.recipes .category.desktop {
    padding: 30px 0;
}

.recipes .category.desktop .left {
    text-align: center;
}

.recipes .category.desktop .left p {
    color: rgba(var(--Navy));
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 38px;
}

.recipes .category.desktop .left .tzbtn1 {
    width: 150px;
    padding: 8px 25px;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer;
}

.recipes .category.desktop .right {}

.recipes .category.desktop .right ul {}

.recipes .category.desktop .right ul li {
    display: inline-block;
    border-radius: 21px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    color: #0d001f;
    cursor: pointer;
    padding: 7px 18px 7px 38px;
    margin: 0px 7px 15px 7px;
    position: relative;
    text-align: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.recipes .category.desktop .right ul li:hover {
    color: #FFF;
}

.recipes .category.desktop .right ul li:hover span.fav_count {
    color: #FFF;
}

.recipes .category.desktop .right ul li span.fav_count {
    color: #0d001f;
}

.recipes .category.desktop .right ul li.active {
    color: #FFF;
}

.recipes .category.desktop .right ul li.active span.fav_count {
    color: #FFF;
}

.recipes .category.desktop .right ul li span.closebtn {
    display: none;
    position: absolute;
    left: 14px;
    bottom: 9px;
}

.recipes .category.desktop .right ul li span.reicon {
    position: absolute;
    left: 12px;
    bottom: 8px;
}

.recipes .category.desktop .right ul li span.reicon img {
    width: 20px;
}

.recipes .category.desktop .right ul li.active span.color_dot {
    display: none;
}

.recipes .category.desktop .right ul li.active span.closebtn {
    display: inline-block;
}

.recipes .category.desktop .right ul li.active span.reicon {
    display: none;
}

.recipes .category.desktop .right ul li .color_dot {
    width: 8px;
    height: 8px;
    float: right;
    border-radius: 10px;
    position: absolute;
    right: 18px;
    top: 15px;
}

.recipes .results {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.recipes .results .col-md-4 {
    margin-bottom: 30px;
}

.recipes .results .item {
    margin-bottom: 0px;
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    height: 100%;
}

.recipes .results .item .img {
    position: relative;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 21.5vw;
}

.recipes .results .item .img span {
    background: rgba(var(--Navy));
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 8px;
    border-bottom-left-radius: 10px;
    z-index: 100;
}

.recipes .results .item .img span i {
    color: #FFF;
}

.favorites_page .results .item .img span {
    border-bottom-left-radius: 0px;
}

.favorites_page .results .item .img span.favorite_print {
    right: 31px;
    cursor: pointer;
}

.recipes .results .item h4 {
    padding: 16px 16px 0px 16px;
    width: 100%;
    float: left;
}

.recipes .results .item h4 p {
    color: #1e1e1e;
    float: left;
    line-height: 35px;
    font-size: 1.5rem;

    width: calc(100% - 60px);
}

.recipes .results .item h4 span.favorite {
    float: right;
    cursor: pointer;
}

.recipes .results .item h4 span.favorite img {}

.recipes .results .item .cate_list {}

.recipes .results .item .cate_list ul {
    padding: 10px;
    float: left;
    width: 100%;
}

.recipes .results .item .cate_list ul li {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    display: inline-block;
    float: left;
    background: #CCC;
    margin-right: 7px;
}

.recipes .results .item .cate_img_list {}

.recipes .results .item .cate_img_list ul {
    padding: 16px;
    float: left;
    width: 100%;
}

.recipes .results .item .cate_img_list ul li {
    display: inline-block;
    margin-right: 5px;
}

.recipes .results .item .cate_img_list ul li img {
    width: 22px;
}

.recipes .results .backtop {
    margin-top: 40px;
}

.recipes .results .backtop .tzbtn1 {
    width: 150px;
    padding: 8px 25px;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer;
    margin-top: 30px;
}

.recipes .category.mobile {
    display: none;
}

.recipes .category.mobile .open_filter {
    color: #0d001f;
    font-size: 18px;
    padding: 10px 0;
    cursor: pointer;
}

.recipes .category.mobile .open_filter i {
    float: right;
    color: #0d001f;
    font-size: 15px;
    margin-top: 8px;
}

.recipes .category.mobile .head {
    background-color: #f4f4f7;
    border-top: 1px solid #a8d0e6;
    border-bottom: 1px solid #a8d0e6;
}

.recipes .category.mobile .content {}

.recipes .category.mobile .content ul {
    margin-top: 25px;
}

.recipes .category.mobile .content ul li {
    display: inline-block;
    border-radius: 21px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #CCC;
    color: #FFF;
    cursor: pointer;
    padding: 7px 18px 7px 38px;
    margin: 0px 10px 15px 0px;
    position: relative;
    text-align: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.recipes .category.mobile .content ul li span.reicon {
    left: 14px;
    top: 6px;
    position: absolute;
}

.recipes .category.mobile .content ul li span.reicon img {
    width: 20px;
}

.recipes .category.mobile .content ul li span.closebtn {
    left: 14px;
    top: 4px;
    position: absolute;
}

.recipes .category.mobile .content ul li.fav_filter {
    background-color: rgba(var(--Navy));
}

.recipes .category.mobile .content ul li.fav_filter span.fav_count {
    color: #FFF;
}

.recipes .category.mobile .mobile_filter {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: #FFF;
    display: none;
}

.recipes .category.mobile .close_filter {
    color: #0d001f;
    font-size: 18px;
    padding: 10px 0;
    cursor: pointer;
}

.recipes .category.mobile .close_filter i {
    float: left;
    color: #0d001f;
    font-size: 15px;
    margin-top: 8px;
    padding-right: 10px;
}

.recipes .category.mobile .mobile_filter .content_sub ul {
    margin-top: 25px;
}

.recipes .category.mobile .mobile_filter .content_sub ul li {
    display: inline-block;
    border-radius: 21px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    color: #0d001f;
    cursor: pointer;
    padding: 7px 18px 7px 38px;
    margin: 0px 10px 15px 0px;
    position: relative;
    text-align: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}

.recipes .category.mobile .mobile_filter .content_sub ul li span.closebtn {
    position: absolute;
    left: 14px;
    top: 4px;
    display: none;
}

.recipes .category.mobile .mobile_filter .content_sub ul li span.reicon {
    position: absolute;
    left: 12px;
    bottom: 8px;
}

.recipes .category.mobile .mobile_filter .content_sub ul li span.reicon img {
    width: 20px;
}

.recipes .category.mobile .mobile_filter .content_sub ul li .color_dot {
    width: 8px;
    height: 8px;
    float: right;
    border-radius: 10px;
    position: absolute;
    right: 18px;
    top: 15px;
}

.recipes .category.mobile .mobile_filter .content_sub ul li.active {
    color: #FFF;
}

.recipes .category.mobile .mobile_filter .content_sub ul li.active .color_dot {
    display: none;
}

.recipes .category.mobile .mobile_filter .content_sub ul li.active span.closebtn {
    display: block;
}

.recipes .category.mobile .mobile_filter .content_sub ul li.active span.reicon {
    display: none;
}

.recipes .category.mobile .mobile_filter .content_sub ul li.active span.fav_count {
    color: #FFF;
}

.recipes .category.mobile .mobile_filter .tzbtn1 {
    width: 100%;

    font-size: 14px;
    float: left;
    padding: 8px 10px;
    margin-top: 25px;
    text-transform: uppercase;
}

#tzpagination {}

#tzpagination .pagination {
    text-align: center;
    display: block
}

#tzpagination .pagination span {
    margin: 0 5px;
    font-family: "Public Sans", sans-serif;
}

#tzpagination .pagination a {
    margin: 0 5px;
    color: rgba(var(--Navy));
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
}

.reloader {
    text-align: center;
}

.reloader img {
    width: 100px;
    background: #FFF;
}


/* ========== recipes css - end ========== */


/* ========== recipe detail css - start ========== */

.recipe_detail_main {}

.recipe_detail_main>.container {
    padding-top: 45px;
}

.recipe_detail_main .main_banner {
    height: 450px;
    cursor: pointer;
    position: relative;
}

.recipe_detail_main .main_banner span {
    cursor: pointer;
    background: rgba(var(--Navy));
    border-radius: 20px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 43px;
    text-align: center;
}

.recipe_detail_main .main_banner span i {
    color: #FFF;
    font-size: 20px;
}

.recipe_detail_main .details {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    width: 85%;
    margin: -132px auto 0 auto;
}

.recipe_detail_main .details .head {
    background: #f4f4f7;
    padding: 20px 48px 20px 48px;
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.recipe_detail_main .details .head .left {}

.recipe_detail_main .details .head .left ul {}

.recipe_detail_main .details .head .left ul li {
    display: inline-block;
    vertical-align: middle;
}

.recipe_detail_main .details .head .left ul li:nth-child(2) {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    margin: 0 15px;
    padding: 0 15px;
}

.recipe_detail_main .details .head .left ul li p {
    float: left;

    color: #0d001f;
}

.recipe_detail_main .details .head .left ul li span {
    float: left;

    color: #0d001f;
    margin-top: 1px;
    margin-left: 6px;
}

.recipe_detail_main .details .head .right {}

.recipe_detail_main .details .head .right ul.ulcate {
    float: right;
    margin-top: 3px;
    margin-right: 10px;
}

.recipe_detail_main .details .head .right ul.ulcate li {
    display: inline-block;
    position: relative;
    margin-right: 3px;
}

.recipe_detail_main .details .head .right ul.ulcate li img {
    width: 22px;
}

.recipe_detail_main .details .head .right ul.ulfav {
    float: right;
}

.recipe_detail_main .details .head .right ul.ulfav li {
    display: inline-block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    float: left;
}

.recipe_detail_main .details .head .right ul.ulfav li img {
    width: 16px;
}

.recipe_detail_main .details .head .right ul.ulfav li.download_re {
    margin-right: 5px;
    border: 1px solid rgba(var(--Navy));
    border-radius: 38px;
    width: 28px;
    text-align: center;
    height: 28px;
    cursor: pointer;
}

.recipe_detail_main .details .head .right ul.ulfav li.download_re a {
    line-height: normal;
    float: left;
    width: 100%;
    line-height: 24px;
}

.recipe_detail_main .details .head .right ul.ulfav li.make_fav {}

.recipe_detail_main .details .head .right ul.ulfav li.make_fav img {
    width: auto;
}

.recipe_detail_main .details .head .right ul li span {
    width: 8px;
    height: 8px;
    float: right;
    border-radius: 10px;
    position: absolute;
    right: 18px;
    top: 15px;
}

.recipe_detail_main .details .content {
    padding: 30px;
    position: relative;
    float: left;
    width: 100%;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.recipe_detail_main .details .content h1 {
    color: rgba(var(--Navy));
    text-transform: none;
    margin-bottom: 20px;
    font-family: "Hedvig Letters Serif", serif;

}

.recipe_detail_main .details .content .desc {

    color: rgba(var(--Navy));
    line-height: 24px;
}

.recipe_detail_main .details .content h4 {
    color: rgba(var(--Navy));
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-family: "Public Sans", sans-serif;
}

.recipe_detail_main .details .content .left {
    margin-top: 40px;
    border-right: 1px solid #d8d8d8;
}

.recipe_detail_main .details .content .right {
    margin-top: 40px;
    padding-left: 30px;
}

.recipe_detail_main .details .content ul li {
    color: #0a0017;
    margin-bottom: 15px;
    position: relative;
}

.recipe_detail_main .details .content ul li i {
    color: #0a0017;
}

.recipe_detail_main .details .content .left ul li {
    padding-left: 20px;
}

.recipe_detail_main .details .content .left ul li:before {
    content: "\2022";
    color: #8f8f8f;
    font-weight: bold;
    font-size: 26px;
    top: -7px;
    position: absolute;
    left: 0;
}

.recipe_detail_main .details .content .right ul li {
    padding-left: 25px;
}

.recipe_detail_main .details .content .right ul li span {
    color: #8f8f8f;

    position: absolute;
    left: 0;
    top: 0;
}

.recipe_detail_main .tzbtn1 {
    /* font-size: 16px;
    margin-top: 25px;
    text-align: center;
    padding: 8px 32px;
    border-radius: 8px; */
}


/* ========== recipe detail css - end ========== */


/* ========== video gallery css - start ========== */

.videos .main_banner {
    text-align: center;
    padding: 50px 15px 50px 15px;
}

.videos .main_banner h1 {
    color: #333;

    margin-bottom: 30px;
}

.videos .main_banner p {
    margin-bottom: 10px;
}

.videos .video_list {}

.videos .video_list .col-lg-3 {
    margin-bottom: 30px;
}

.videos .video_list .item {
    box-shadow: 0 0 9.8px 0.2px rgba(217, 217, 225, 0.5);
    background-color: #ffffff;
    height: 100%;
    float: left;
    width: 100%;
    border-radius: 4px;
}

.videos .video_list .item .img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
}

.videos .video_list .item .img a {
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}

.videos .video_list .item .img a img {
    width: 40px;
}

.videos .video_list .item .title {
    padding: 20px 15px;

    font-size: 1.1rem;
    line-height: 24px;
    color: rgba(var(--Navy));
}

.videos .video_list .item .title a {}

.videos .video_list .item .weekname {

    color: #FFF;
    background: rgba(var(--Navy));
    float: right;
    font-size: 14px;
    padding: 0 10px;
    border-top-right-radius: 4px;
}


/* ========== video gallery css - end ========== */


/* ========== learn css - start ========== */

.learn .main_banner {
    text-align: center;
    padding: 80px 15px 80px 15px;
    background: transparent !important;
}

.learn .main_banner h1 {
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;
    color: rgba(var(--Navy));
    margin-bottom: 24px;
}

.learn .main_banner p {
    color: rgba(var(--Navy));
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
}

.learn .main_banner p a{
    color: rgba(var(--Navy));
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    text-decoration: underline !important;
}

.learn .main_banner p span {
    color: #0d001f;
}

.learn .panel-heading {
    padding: 0;
    border: 0;
}

.learn .panel-title>a.left,
.panel-title>a.left:active {
    display: block;
    padding: 15px;
    text-decoration: none;
    font-weight: bold;
}

.learn .panel-title {
    width: 100%;
    float: left;
}

.learn .panel-heading a.left:before {
    font-family: 'Font Awesome 5 Free';
    content: "";
    float: right;
    transition: all 0.5s;
}

.learn .panel-heading.active a.left:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.learn .panel-default {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.learn .panel-default .panel-body {
    float: left;
    width: 100%;
}

.learn .panel-group .item {
    background-color: #ffffff;
    height: 100%;
    float: left;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.learn .panel-group .item .img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    height: auto;
    padding-top: 56.25%;
}

.learn .panel-group .item .title {
    padding: 15px 15px 0px 15px;
    font-family: "Public Sans", sans-serif;
    font-size: 0.9rem;
    line-height: 20px;
    /* color: #757575; */
    /* text-transform: uppercase; */
}

.learn .panel-group .item .subtitle {
    padding: 0px 15px 15px 15px;

    font-size: 1.0rem;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
}

.learn .panel-group .item .vfooter {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.learn .panel-group .item .vfooter a {
    float: left;
    background: rgba(var(--Navy));
    padding: 0px 15px 3px 16px;
    line-height: normal;
    border-radius: 2px;
    margin-left: 15px;
    margin-bottom: 10px;
}

.learn .panel-group .item .vfooter a img {
    width: 12px;
    position: relative;
    bottom: 2px;
}

.learn .panel-group .item .vfooter span {
    float: right;
    border-radius: 2px;
    background-color: rgba(30, 30, 30, 0.6);
    color: #FFF;
    font-size: 14px;
    margin-right: 15px;
    padding: 0 4px;
    margin-bottom: 10px;
}

.learn .panel-group .item .document {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.learn .panel-group .item .document audio {
    max-width: 100%;
}

.learn .panel-group .item .document .newaudio_main {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
    display: none;
}

.learn .panel-group .item .document .newaudio_main audio:focus {
    outline: 0;
}

.learn .panel-group .item .document a {

    font-size: 0.9rem;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    /* color: rgba(var(--Navy)); */
    /* text-transform: uppercase; */
}

.learn .panel-group .item .document a.doc_file {
    margin-right: 15px;
}

.learn .panel-group .item .document a.doc_file span {
    color: rgba(var(--Navy));
}

.learn .panel-group .item .document a.audio_file {
    position: relative;
    top: 2px;
}

.learn .panel-group .item .document a.audio_file span {
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
}

.learn .panel-group .item .document a.audio_file i {
    color: rgba(var(--Navy));
    font-size: 20px;
}

.learn .panel-group .item .document.audio_playing {
    flex-direction: column;
    gap: 8px;
}

.learn .panel-group .item .document .manage_audio_playing {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.learn .panel-group .item .document a.stop_icon {
    position: relative;
    top: 4px;
    display: none;
    cursor: pointer;
}

.learn .panel-group .item .document a.stop_icon i {
    color: rgba(var(--Navy));
    font-size: 22px;
}

.learn .panel-group .panel-heading .panel-title a.left {

    color: #333;
    padding: 15px 15px 15px 0px;
    width: 50%;
    cursor: auto;
    float: left;
}

.learn .panel-group .panel-heading .panel-title a.left span {
    font-weight: normal;
    font-size: 24px;
    color: rgba(var(--Navy));
}

.learn .panel-group .panel-heading .panel-title .right {
    float: right;
    width: 50%;
    text-align: right;
}

.learn .panel-group .panel-heading .panel-title .right a {
    border: 2px solid rgba(var(--Navy));
    background: rgba(var(--Navy));
    color: #FFF;

    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 36px;
    font-size: 16px;
    border-radius: 4px;
    position: relative;
    top: 20px;
    letter-spacing: 1px;
}

.learn .panel-group .panel-body .bottom_download_btn {
    width: 100%;
    text-align: center;
    float: left;
    margin: 20px 0;
    display: none;
}

.learn .panel-group .panel-body .bottom_download_btn a {
    border: 2px solid rgba(var(--Navy));
    background: rgba(var(--Navy));
    color: #FFF;

    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding: 10px 36px;
    font-size: 16px;
    border-radius: 4px;
    letter-spacing: 1px;
}

.learn .panel-group .item.locked .lock_icon {
    float: left;
    margin-left: 15px;
}

.learn .panel-group .item.locked .lock_icon img {
    width: 12px;
}

.learn .panel-group .item.locked .img .overlay {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.learn .panel-group .item.locked .img .overlay .tooltip_data {
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    margin: 15px;
    padding: 12px;
    font-size: 14px;
    position: absolute;
    display: none;
}

.learn .panel-group .item.locked .img .overlay .tooltip_data.show {
    display: block;
}

.learn .panel-group .panel-body .row>.col-md-6 {
    margin-bottom: 20px;
}

.learn_main_ajax_loadder {
    background: #000;
    color: #FFF;
    font-size: 20px;
    padding: 6px 27px;
    position: fixed;
    bottom: 80px;
    opacity: 1;
    left: calc(50% - 70px);
    display: none;
    z-index: 100;
    border-radius: 5px;
}


/* ========== learn css - end ========== */


/* ========== resources css - start ========== */

.resources {
    float: left;
    width: 100%;
}

/* .resources .main_banner {
    text-align: center;
    padding: 80px 15px 80px 15px;
} */

.resources .main_banner h1 {
    text-transform: none;
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;
    color: rgba(var(--Navy));
    margin-bottom: 24px;
}

.resources .main_banner p {
    color: rgba(var(--Navy));
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
}

.resources .resource_list {
    width: 100%;
    float: left;
    margin-top: 80px;
}

.resources .resource_list .resource_each {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.resources .resource_list .resource_each .left {
    height: 400px;
}

.resources .resource_list .resource_each .right {}

.resources .resource_list .resource_each .right .content {
    padding-left: 24px;
}

.resources .resource_list .resource_each .right p {
    color: rgba(var(--Navy));
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
}

.resources .resource_list .resource_each .right p.subtitle {
    color: rgba(var(--Navy));
    font-size: 1.2rem;
}

.document svg path{
    fill: rgba(var(--Navy));
}

.resources .resource_list .resource_each .right h1,
.resources .resource_list .resource_each .right h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;
    color: rgba(var(--Navy));
    margin: 10px 0 0px 0;
}

.resources .resource_list .resource_each .right .desc {
    margin: 20px 0;
    color: rgba(var(--Navy));
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
}

.resources .resource_list .resource_each .right .linkonly {
    width: 100%;
    float: left;
    margin-top: 10px;
    position: relative;
}

.resources .resource_list .resource_each .right .linkonly a {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    text-transform: capitalize;
}

.resources .resource_list .resource_each .right h3{
    font-size: 48px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif !important;
    color: rgba(var(--Navy));
}

#NLModal .modal-content {
    /*background-color: #EBEBEB;*/
    padding: 20px;
    float: left;
    width: 100%;
    /*border-top: 5px solid rgba(var(--Navy));*/
    border-top-right-radius: 5px;
}

#NLModal .modal-content .modal-title{
    font-family: "Hedvig Letters Serif", serif;
    color: rgba(var(--Navy));
    font-weight: 400;
}

#NLModal .modal-content .group input {
    background-color: transparent;
}

#NLModal .modal-content .advance-wrapper .leadin-button {
    background-color: rgba(var(--Light-Blue));
    width: 100%;
    border: 2px solid rgba(var(--Light-Blue));
    text-transform: uppercase;
    padding: 14px 22px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;

    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#NLModal .modal-content .advance-wrapper .leadin-button:hover {
    background-color: transparent;
}

#NLModal .modal-content .advance-wrapper .help {
    text-align: center;
    color: rgba(var(--Navy));
    line-height: 18px;
    font-size: 14px;
    margin-top: 16px;
    font-family: "Public Sans", sans-serif;
}

#NLModal .modal-content .advance-wrapper .help a {
    font-size: 14px;
    line-height: 18px;
}

#NLModal .modal-content .modal-header .close {
    position: absolute;
    top: 10px;
    right: 15px;
}


/* ========== resources css - end ========== */


/* ========== science behind iwl css - start ========== */

.science_iwl {
    float: left;
    width: 100%;
    padding-bottom: 100px;
}

.science_iwl .main_banner {
    text-align: center;
    background: #f4f4f7;
    padding: 50px 15px 50px 15px;
}

.science_iwl .main_banner h1 {
    color: rgba(var(--Navy));
    text-transform: uppercase;

    margin-bottom: 20px;
}

.science_iwl .main_banner p {
    color: #0d001f;
    margin-bottom: 0px;

}

.science_iwl .hero-section{
    padding: 80px 0;
}

.science_iwl .list {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(var(--Navy), 25%);
    padding: 24px;
}

.science_iwl .list h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    font-family: "Public Sans", sans-serif;
}

.science_iwl .list .btnonly {
    text-align: center;
}

.science_iwl .list .btnonly a {
    background-color: transparent;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-family: "Public Sans", sans-serif;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 12px 24px;
    letter-spacing: 0px !important;
    width: max-content;
}

.science_iwl .list .btnonly a i {
    color: rgba(var(--Navy)) !important;
}

.science_iwl .list .btnonly a:hover i {
    color: rgba(var(--Navy));
}


/* ========== science behind iwl css - end ========== */


/* ========== search result css - start ========== */

.sresult .main_banner {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.sresult .main_banner h1 {
    margin-bottom: 30px;
}
.sresult .main_banner h6{
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
}

.sresult .main_banner .left {
    float: left;
}

.sresult .main_banner .right {
    float: right;
}

.sresult .content {
    background: #FFF;
    float: left;
    width: 100%;
}

.sresult .content .subcontent {
    padding: 15px;
    float: left;
    width: 100%;
}

.sresult .content .subcontent ul {}

.sresult .content .subcontent ul li {
    border-bottom: 1px solid rgba(var(--Navy));
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
}

.sresult .content .subcontent ul li:hover {
    border-color: #888;
}

.sresult .content .subcontent ul li .title {
    color: rgba(var(--Navy));
    font-weight: 600;
    font-size: 1.4rem;
    font-family: "Public Sans", sans-serif;
    text-align: left;
}

.sresult .content .subcontent ul li .subtitle {
    font-weight: 600;
    margin-bottom: 8px;
}

.sresult .content .subcontent ul li .desc {
    font-family: "Public Sans", sans-serif;
    text-align: left;
}

.sresult .content .subcontent ul li .playvideo {
    color: rgba(var(--Navy));
}

.sresult .content .subcontent ul li .playvideo a {
    color: rgba(var(--Navy));
    font-weight: 600;
    float: left;
    margin-top: 5px;
}

.sresult .content .subcontent ul li .playvideo a i {
    color: rgba(var(--Navy));
}


/* ========== search result css - end ========== */


/* ========== home page css - start ========== */

.page_slider {
    position: relative;
}

.page_slider .left {
    background: rgba(var(--Navy));
    color: #FFF;
    float: left;
    width: 100%;
    min-height: 600px;
    position: relative;
}

.page_slider .left h1 {
    color: #FFF;

}

.page_slider .left p {
    color: #FFF;
    margin: 20px 0;
}

.page_slider .left .btnonly {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.page_slider .content {
    padding: 0 4vw;
    width: 100%;
    float: left;
    position: absolute;
    bottom: 100px;
}

.page_slider .right {
    /*height: 600px;*/
    min-height: 600px;
}

.start_journey .tzbtn1 {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 2px rgba(var(--Navy));
    font-style: normal;
    padding: 12px 20px;
    letter-spacing: 1px;
    font-weight: bold;
}

.start_journey {
    width: 100%;
    float: left;
    padding: 60px 0;
}

.start_journey .left {
    text-align: center;
}

.start_journey .left img {
    width: 100%;
    height: 100%;
}

.start_journey .right {}

.start_journey .right h1 {
    color: rgba(var(--Navy));

}

.start_journey .right h1 #price {

    color: rgba(var(--Navy));
    font-size: 2.7rem;
}

.start_journey .right h1 #month {
    color: rgba(var(--Navy));
    font-size: 1rem;
    position: relative;
    right: 8px;
}

.start_journey .right .start_journey_ul {
    margin: 25px 0;
    padding-left: 20px;
    float: left;
    width: 100%;
    list-style: none;
}

.start_journey .right .start_journey_ul li {
    width: 50%;
    float: left;
    margin-bottom: 20px;

}

.start_journey .right .start_journey_ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: rgba(var(--Navy));
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

.start_journey .right .btnonly {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.more_section {
    float: left;
    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.more_section .more_section_loader {
    text-align: center;
}

.more_section .more_section_loader img {
    width: 100px;
}

.top_section {
    float: left;
    width: 100%;
}

.top_section .top_section_loader {
    text-align: center;
}

.top_section .top_section_loader img {
    width: 100px;
}

.about_nick {
    width: 100%;
    float: left;
    padding: 60px 0 15px 0;
}

.about_nick .left {
    height: 450px;
    background-color: #f4f4f7;
}

.about_nick .right {}

.about_nick .right .content {
    padding-left: 25px;
    padding-right: 100px;
}

.about_nick .right p {
    color: #666666;
    margin-bottom: 8px;
    line-height: 22px;

}

.about_nick .right p.thick {

}

.about_nick .right p.subtitle {

    color: #505050;
    font-size: 1.2rem;
}

.about_nick .right h1 {

    color: rgba(var(--Navy));
    margin: 10px 0 20px 0;
}

.about_nick .right .linkonly {
    width: 100%;
    float: left;
    margin-top: 10px;
    position: relative;
}

.about_nick .right .linkonly:hover a {
    color: #333;
}

.about_nick .right .linkonly a {
    position: relative;
}

.about_nick .right .linkonly a::before {
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    background: url(../img/arrow-blue.png);
    background-size: contain;
    position: absolute;
    right: -15px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 4px;
    transition: all 0.5s ease;
}

.about_nick .right .linkonly:hover a::before {
    right: -20px;
    transition: all 0.5s ease;
}

.about_recipes .left .linkonly a {
    position: relative;
}

.about_recipes .left .linkonly:hover a {
    color: #333;
}

.about_recipes .left .linkonly a::before {
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    background: url(../img/arrow-blue.png);
    background-size: contain;
    position: absolute;
    right: -15px;
    background-position: center center;
    background-repeat: no-repeat;
    top: 4px;
    transition: all 0.5s ease;
}

.about_recipes .left .linkonly:hover a::before {
    right: -20px;
    transition: all 0.5s ease;
}

.about_nick .right .linkonly a {

    text-transform: uppercase;
    letter-spacing: 1px;
}

.about_recipes {
    width: 100%;
    float: left;
    padding: 15px 0 15px 0;
}

.about_recipes .right {
    height: 450px;
    position: relative;
    left: 20px;
    background-color: #f4f4f7;
    animation: imageloader 4s infinite;
}

@keyframes imageloader {
    from {
        background-color: #f4f4f7;
    }

    to {
        background-color: #fdfdfd;
    }
}

.about_recipes .left {
    position: relative;
}

.about_recipes .left .content {
    /*padding: 30px 40px 8vw 60px;*/
    padding: 0px 40px 0 60px;
}

.about_recipes .left p {
    color: #666666;
    margin-bottom: 5px;
    line-height: 22px;

}

.about_recipes .left p.subtitle {

    color: #505050;
    font-size: 1.2rem;
}

.about_recipes .left h1 {

    color: rgba(var(--Navy));
    margin: 10px 0 20px 0;
}

.about_recipes .left .linkonly {
    width: 100%;
    float: left;
    margin-top: 10px;
    /*position: absolute;bottom: 30px;*/
}

.about_recipes .left .linkonly a {

    text-transform: uppercase;
    letter-spacing: 1px;
}

.extra_sections .left .content {
    padding: 0px 40px 0 60px;
}

.extra_sections .left .linkonly {
    position: relative;
    bottom: 0;
}

.prestigious_incubate {
    float: left;
    width: 100%;
    margin-top: 60px;
}

.prestigious_incubate .top {}

.prestigious_incubate .top p {
    font-size: 20px;
}

.prestigious_incubate .top ul {
    width: 100%;
    float: left;
    text-align: center;
}

.prestigious_incubate .top ul li {
    display: inline-block;
    width: 200px;
    margin: 5px;
}

.prestigious_incubate .top ul li .bg_logo_img {
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-top: 56.25%;
    width: 100%;
}

.prestigious_incubate .bottom {
    margin-top: 20px;
}

.prestigious_incubate .bottom h2 {
    color: rgba(var(--Navy));
}

.prestigious_incubate .bottom .iframe {
    width: 100%;
    margin: 30px 0;
}

.prestigious_incubate .bottom .iframe iframe {
    border: 0;
    width: 100%;
    height: 545px;
}

.prestigious_incubate .carousel {}

.prestigious_incubate .carousel .bottom-carousel {
    position: relative;
}

.prestigious_incubate .carousel .bottom-carousel .item {
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-top: 75.25%;
    width: 100%;
    margin: 0;
}

.prestigious_incubate .carousel .bottom-carousel.owl-carousel.owl-drag .owl-item {
    background-color: #FFF;
}

.prestigious_incubate .carousel .bottom-carousel .owl-dots {
    display: none;
}

.prestigious_incubate .carousel .bottom-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 24px);
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 0 8px !important;
    height: 100%;
}

.prestigious_incubate .carousel .bottom-carousel .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100% - 24px);
    background: rgba(0, 0, 0, 0.3) !important;
    padding: 0 8px !important;
    height: 100%;
}

.prestigious_incubate .carousel .bottom-carousel .owl-nav i {
    color: #FFF;
}

.news_letter_popup {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 100%;
    width: 420px;
    max-width: 100%;
    width: 420px;
    z-index: 100;
}

.news_letter_popup .step1 {
    background-color: rgba(var(--Navy));
    color: #FFF;
    position: relative;
    padding: 20px;
    float: left;
    width: 100%;
    border-top-right-radius: 5px;
    display: none;
}

.news_letter_popup .step1 .close1 {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.news_letter_popup .step1 .close1 i {
    color: #FFF;
}

.news_letter_popup .step1 h4 {
    color: #FFF;
    font-size: 1.3em;
    margin-bottom: 0.6em;
}

.news_letter_popup .step1 p {
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
}

.news_letter_popup .step1 .advance-wrapper {
    float: left;
    width: 100%;
    margin-top: 1em;
}

.news_letter_popup .step1 .advance-wrapper .leadin-button {
    background-color: #FFF;
    width: 100%;
    color: rgba(var(--Navy));
    border-radius: 5px;
    padding: 4px;

}

.news_letter_popup .step1 .advance-wrapper .leadin-button::after {
    display: none;
}

.news_letter_popup .step1 .advance-wrapper .leadin-button:hover::after {
    display: inline;
}

.news_letter_popup .step2 {
    background-color: #EBEBEB;
    padding: 20px;
    float: left;
    width: 100%;
    border-top: 5px solid rgba(var(--Navy));
    border-top-right-radius: 5px;
    display: none;
}

.news_letter_popup .step2 .form {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.news_letter_popup .step2 h4 {
    font-size: 1.3em;
    margin-bottom: 0.6em;
}

.news_letter_popup .step2 .close2 {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.news_letter_popup .step2 .close2 i {}

.news_letter_popup .step2 .group input {
    background-color: transparent;
}

.news_letter {
    width: 100%;
    float: left;
    background: #f4f4f7;
    padding: 60px 0;
    margin-top: 60px;
}

.news_letter_popup .step2 .group input:focus~label,
.news_letter_popup .step2 .group input:valid~label {
    color: #000000;
}

.news_letter_popup .step2 .advance-wrapper {
    float: left;
    width: 100%;
    margin-top: 1em;
}

.news_letter_popup .step2 .advance-wrapper .leadin-button {
    background-color: rgba(var(--Navy));
    width: 100%;
    color: #FFF;
    border-radius: 5px;
    padding: 4px;

}

.news_letter_popup .step2 .advance-wrapper .leadin-button[disabled] {
    opacity: 0.5;
}

.news_letter .upsite h4 {

    padding-left: 60px;
}


/* == */

.news_letter_popup .step1 .ntitle {
    color: #FFF;
    font-size: 1.3em;
    margin-bottom: 0.6em;

}

.news_letter_popup .step2 .ntitle {
    font-size: 1.3em;
    margin-bottom: 0.6em;

}

.news_letter_popup .step2 .group label {

}


/* == */

.news_letter .group {
    float: left;
    width: 70%;
}

.news_letter .group input {
    background: transparent;
}

.news_letter .btnonly {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.news_letter .downsite {
    padding-left: 60px;
}

.news_letter .downsite p {
    color: #666666;
    font-size: 14px;
    width: 70%;
}

.news_letter .downsite p a {
    font-size: 14px;
    text-decoration: underline;
}

.notification_bar {
    width: 100%;
    float: left;
    background: #f4f4f7;
    text-align: center;
    padding: 20px 0;
}

.notification_bar h4,
.notification_bar p {
    font-size: 1.0rem;
    padding: 5px 0;
}

.notification_bar h4 span {

}

.notification_bar .nclose {
    background: rgba(var(--Navy));
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.notification_bar .nclose img {
    width: 10px;
}

.page_slider ul.owl-dots {
    position: absolute;
    right: 10%;
    bottom: 2%;
    z-index: 99;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.page_slider ul.owl-dots li {
    margin: 7px;
    list-style-type: none;
    float: left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-size: cover !important;
    cursor: pointer;
}

.page_slider .owl-dots li.active {
    background-image: url(../img/push.png) !important;
    background-size: cover !important;
}

.page_slider .owl-dots li.active.stop {
    background-image: url(../img/play.png) !important;
    background-size: cover !important;
}

.page_slider .slide-progress {
    width: 0;
    max-width: 100%;
    height: 4px;
    background: #f8e9a1;
    position: absolute;
    bottom: 0;
    z-index: 99;
}

.page_slider .paused {
    animation: 0;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/* ========== home page css - end ========== */


/* ========== progress tracker css - start ========== */

.tracker_page {
    padding: 45px 0;
}

.tracker_main {
    padding-left: 0;
    padding-right: 0;
}

.tracker_main .tracker-nav-first {
    border: 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 0;
    border-radius: 2px;
    float: left;
    width: 100%;
}

.tracker_main .tracker-nav-tab-content {
    float: left;
    width: 100%;
}

.tracker_main .tracker-nav-first li {
    width: calc(100% / 5);
    float: left;
    padding: 3px;
}

.tracker_main .tracker-nav-first li:not(.activeli) {
    border-right: 1px solid #CCC;
}

.tracker_main .tracker-nav-first li:last-child {
    border-right: 0;
}

.tracker_main .tracker-nav-first li:nth-child(2) {}

.tracker_main .tracker-nav-first li:nth-child(3) {}

.tracker_main .tracker-nav-first li a.active {
    background: rgba(var(--Light-Blue));
    border-radius: 4px;
}

.tracker_main .tracker-nav-first li a.active span {
    color: #000;
}

.tracker_main .tracker-nav-first li:hover a {
    background: rgba(var(--Light-Blue));
    border-radius: 4px;
}

.tracker_main .tracker-nav-first li:hover a span {
    color: #000;
}

.tracker_main .tracker-nav-first li a,
.tracker_main .tracker-nav-first li span {

    border: 0;
}

.tracker_main .tracker-nav-second {
    border: 0;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    font-size: 0;
    border-radius: 4px;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    background-color: #f4f4f7;
    padding: 3px;
    margin: 56px auto 45px auto;
    text-align: center;
}

.tracker_main .tracker-nav-second li {
    display: inline-block;
}

.tracker_main .tracker-nav-second li:nth-child(2) {}

.tracker_main .tracker-nav-second li a.active {
    background: rgba(var(--Light-Blue));
    color: #FFF;
    border-radius: 4px;
}

.tracker_main .tracker-nav-second li a.active span {
    color: #000;
}

.tracker_main .tracker-nav-second li a {
    border: 0;
    font-size: 16px;
    padding: 5px 36px;

    letter-spacing: 0.5px;
    color: #333;
}

.tracker_page #mview_container {
    float: left;
    width: 100%;
    position: relative;
}

.tracker_page .mview_container_overlay {
    position: absolute;
    font-weight: 600;
    line-height: 30px;
    top: 0;
    display: none;
    left: 0;
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    /*line-height: 160px;*/
    padding-top: 65px;
}

.tracker_page .mview_container_overlay .mview_container_overlay_cancel {
    cursor: pointer;
    font-size: 12px;
}

.tracker_page .datepicker_pt {}

.tracker_page .datepicker_pt .datepicker {
    width: 100%;
}

.tracker_page .datepicker_pt .datepicker table {
    width: 100%;
}

.tracker_page .datepicker_pt .datepicker-days table thead tr:nth-child(1) {
    display: none;
}

.tracker_page .datepicker_pt .datepicker-days table thead tr:nth-child(2) th {
    color: #808080;
    font-weight: normal;
}

.tracker_page .datepicker_pt .datepicker-days table tbody tr {
    vertical-align: text-top;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td {
    color: #333;
    height: 79px;
    border: solid 0.5px #8c8c8c;
    border-radius: 0;

    text-align: left;
    padding: 8px 8px 8px 15px;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.active {
    background-color: transparent;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.old.disabled {
    color: #9e9e9e;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.new.disabled {
    color: #9e9e9e;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.disabled {
    color: #9e9e9e;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td:not(.disabled):hover {
    background: rgba(var(--Navy));
    color: #FFF;
    border-radius: 0px;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.completed {
    position: relative;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.completed img {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.tracker_page .datepicker_pt .datepicker-days table tbody td.incomplete {}

.tracker_page .task_key {
    margin-top: 50px;
}

.tracker_page .task_key label {

    color: #3a3a3a;
}

.tracker_page .task_key ul {}

.tracker_page .task_key ul li {

    color: #757575;
    margin-bottom: 8px;
    font-size: 15px;
}

.tracker_page .task_key ul li span {
    margin-right: 12px;
    margin-top: 3px;
}

.tracker_page .task_key ul li.completed_li {}

.tracker_page .task_key ul li.completed_li span {
    background: #a8d0e6;
    float: left;
    width: 20px;
    height: 20px;
}

.tracker_page .task_key ul li.incompleted_li {}

.tracker_page .task_key ul li.incompleted_li span {
    background: #f8e9a1;
    float: left;
    width: 20px;
    height: 20px;
}

.tracker_page .task_key ul li.nologin_li {}

.tracker_page .task_key ul li.nologin_li span {
    border: 1px solid #979797;
    float: left;
    width: 19px;
    height: 19px;
}

.tracker_page .month_header {
    position: relative;
    margin-bottom: 25px;
}

.tracker_page .month_header h3 {
    color: #1e1e1e;
    margin-bottom: 8px;
}

.tracker_page .month_header p {

    color: #565656;
}

.tracker_page .month_header .mnav {
    position: absolute;
    cursor: pointer;
    padding: 10px;
    top: 25%;
}

.tracker_page .month_header .mnav img {
    width: 9px;
}

.tracker_page .month_header .lnav {
    left: 0;
}

.tracker_page .month_header .rnav {
    right: 0;
}

.tracker_page .month_header .lnav img {
    display: none;
}

.tracker_page .month_header .lnav img.activenow {
    display: block;
}

.tracker_page .month_header .rnav img {
    display: none;
}

.tracker_page .month_header .rnav img.activenow {
    display: block;
}

.tracker_page .progress_accordion {
    margin-top: 40px;
    margin-bottom: 50px;
}

.tracker_page .progress_accordion #accordion {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #d9d9d9;
}

.tracker_page .progress_accordion #accordion .card-header {
    background: transparent;
    border: 0;
    padding: 0 20px;
}

.tracker_page .progress_accordion #accordion .card-header ul li .accordion_body_mobile {
    display: none;
}

.tracker_page .progress_accordion #accordion .card-body {
    float: left;
    width: 100%;
    padding: 0 1.25rem 1.25rem 1.25rem;
}

.tracker_page .progress_accordion .accordion_header {}

.tracker_page .progress_accordion .accordion_header li {
    display: inline-block;
    width: calc(100% / 3);
    float: left;
    padding: 8px 16px;
    margin: 12px 0;
    position: relative;
}

.tracker_page .progress_accordion #accordion .card-header .mobile_view_all {
    display: none;
}

.tracker_page .progress_accordion .accordion_header li:nth-child(1) {
    padding-left: 0;
}

.tracker_page .progress_accordion .accordion_header li:nth-child(2) {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.tracker_page .progress_accordion .accordion_header li img.icon {
    float: left;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    position: relative;
    bottom: 2px;
}

.tracker_page .progress_accordion .accordion_header li .dh_nav {
    position: absolute;
    right: -7px;
    top: 3px;
}

.tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='true'] .accordion_header li .dh_nav img {
    transform: rotate(90deg);
}

.tracker_page .progress_accordion .accordion_header li .dh_nav img {
    transform: rotate(-90deg);
    width: 8px;
}

.tracker_page .progress_accordion .accordion_header li h5 {
    font-size: 16px;
    float: left;
    margin-top: 3px;
}

.tracker_page .progress_accordion .accordion_header li p {

    float: right;
    line-height: 16px;
    margin-top: 3px;
}

.tracker_page .progress_accordion .accordion_body {
    width: calc(100% / 3);
    float: left;
    padding: 0px 16px 8px 16px;
    margin: 0px 0 0px 0;
    min-height: 205px;
}

.tracker_page .progress_accordion .accordion_body:nth-child(1) {
    padding-left: 0;
}

.tracker_page .progress_accordion .accordion_body:nth-child(2) {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.tracker_page .progress_accordion .accordion_body li {
    color: #808080;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.tracker_page .progress_accordion .accordion_body li:last-child {
    margin-bottom: 0;
}

.tracker_page .progress_accordion .accordion_body li p {
    color: #808080;

    font-size: 15px;
}

.tracker_page .progress_accordion .accordion_body li .label {
    float: left;
    width: 80%;
    padding-right: 15px;
}

.tracker_page .progress_accordion .accordion_body li .count {
    float: right;
    width: 20%;
    text-align: right;
}

.cho_details {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.cholesterol_page .head {
    width: 100%;
    float: left;
}

.cholesterol_page .head .left {
    float: left;
}

.cholesterol_page .head .right {
    float: right;
    max-width: 100%;
    width: 300px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.cholesterol_page .head .right label {
    color: #6d7079;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
}

.cholesterol_page .head .right.tzselect2 .select2-container--default .select2-selection--single {
    border-bottom: 2px solid rgba(var(--Navy));
}

.cholesterol_page .head .tzselect2 .select2-container--default .select2-selection--single .select2-selection__arrow i {
    color: rgba(var(--Navy));
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(0deg);
}

.cholesterol_page .head .tzselect2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow i {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(180deg);
}

#checklistModal .modal-title {
    float: left;
}

#checklistModal .modal-title span {
    font-size: 1.9rem;
}

#checklistModal button.close {
    float: right;
    color: rgba(var(--Navy));
    opacity: 1;
}

#checklistModal .modal-footer {
    text-align: center;
    border: 0;
    margin: 0 auto 15px auto;
    width: 100%;
}

#checklistModal .modal-header {
    border-bottom: 0;
    align-items: end;
}

#checklistModal .modal-content {
    border-radius: 0;
}

#checklistModal .modal-dialog {
    max-width: 600px;
}

#checklistModal .modal-footer .savenclose {

    width: 100%;
    float: left;
    text-align: center;
    padding: 14px 22px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}

#checklistModal .modal-footer .savenclose_wait {
    color: rgba(var(--Navy));
    display: none;
    text-align: center;
    width: 100%;
    margin-left: 0;
}

#checklistModal .modal-body .items {
    float: left;
    width: 100%;
}

#checklistModal .modal-body .items .item_list_main {
    float: left;
    width: 100%;
}

#checklistModal .modal-body .items .item_list {
    width: 100%;
    background: #f4f4f7;
    float: left;
    padding: 18px 15px;
}

#checklistModal .modal-body .items .item_list:hover {
    cursor: pointer;
    border: 1px solid #0b9bcc;
    padding: 17px 14px;
    background: #FFF;
}

#checklistModal .modal-body .items .item_list_main label.item_list .icon_left {
    float: left;
    margin-right: 12px;
    width: 22px;
}

#checklistModal .modal-body .items .item_list_main label.item_list span {
    float: left;
    width: 86%;
    padding-right: 10px;
}

#checklistModal .modal-body .items .item_list_main label.item_list .icon_right {
    float: right;
    width: 20px;
    margin-top: 4px;
}

#checklistModal .modal-body .items .item_list_main label.item_list .icon_right.checked {
    display: none;
}

#checklistModal .modal-body .items .item_list_main input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list {
    border: 1px solid #0b9bcc;
    padding: 15px 14px;
    background: #FFF;
}

#checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list .icon_right.checked {
    display: block;
    width: 25px;
}

#checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list span {
    padding-top: 2px;
}

#checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list .icon_right.unchecked {
    display: none;
}

#checklistModal .modal-body .treats {
    width: 100%;
    float: left;
}

#checklistModal .modal-body .treats .desc {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

#checklistModal .modal-body .treats .desc h5 {

    margin-bottom: 5px;
}

#checklistModal .modal-body .treats .options {
    width: 100%;
    float: left;
}

#checklistModal .modal-body .treats .options .item {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

#checklistModal .modal-body .treats .options .item .item_left {
    width: 75%;
    float: left;
}

#checklistModal .modal-body .treats .options .item .item_left p {
    line-height: 20px;
    font-size: 14px;
    padding-top: 10px;
    color: #0b9bcc;
}

#checklistModal .modal-body .treats .options .item .item_right {
    width: 25%;
    float: right;
}

#checklistModal .modal-body .treats .options .item .item_right ul {
    text-align: right;
    float: right;
    width: auto;
    position: relative;
}

#checklistModal .modal-body .treats .options .item .item_right ul.loader::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    top: 0;
}

#checklistModal .modal-body .treats .options .item .item_right ul li {
    display: inline-block;
}

#checklistModal .modal-body .treats .options .item .item_right ul li.minus {
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #d9d9e1;
    color: #4c4f55;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

#checklistModal .modal-body .treats .options .item .item_right ul li.minus.active {
    background-color: rgba(var(--Light-Blue));
}

#checklistModal .modal-body .treats .options .item .item_right ul li.plus {
    border-radius: 2px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    background-color: rgba(var(--Light-Blue));
    color: #FFF;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

#checklistModal .modal-body .treats .options .item .item_right ul li i {
    color: #000;
    font-size: 8px;
}

#checklistModal .modal-body .treats .options .item .item_right ul li.minus i {
    color: #4c4f55;
}

#checklistModal .modal-body .treats .options .item .item_right ul li.minus.active i {
    color: #000;
}

#checklistModal .modal-body .treats .options .item .item_right ul li input {

    font-size: 20px;
    width: 35px;
    height: 30px;
    padding: 0;
    text-align: center;
    top: 5px;
    position: relative;
}

.tracker_page .week_body {}

.tracker_page .tab-content>.active {
    position: relative;
    height: 100%;
    float: left;
    width: 100%;
    min-height: calc(100vh - 200px);
}

.tracker_page .week_body .week_body_sub {
    position: relative;
    width: 100%;
    float: left;
}

.tracker_page .wview_container_overlay {
    position: absolute;
    font-weight: 600;
    line-height: 30px;
    top: 0;
    display: none;
    left: 0;
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    /*line-height: 160px;*/
    padding-top: 65px;
}

.tracker_page .wview_container_overlay .wview_container_overlay_cancel {
    cursor: pointer;
    font-size: 12px;
}

.tracker_page .week_body table {}

.tracker_page .week_body table thead {}

.tracker_page .week_body table thead th {
    color: #808080;
    font-weight: normal;
    border: 0;
    text-align: center;
}

.tracker_page .week_body table tbody {}

.tracker_page .week_body table tbody tr {}

.tracker_page .week_body table tbody tr td {
    border-top: 0;
    border-bottom: solid 0.5px #b7b7b7;
}

.tracker_page .week_body table tbody tr td.title {
    text-align: left;
    width: 38%;
    color: #424242;
    position: relative;
    padding: 18px 18px 18px 35px;
}

.tracker_page .week_body table tbody tr td.title img {
    width: 24px;
    position: absolute;
    left: 0;
    top: 20px;
}

.tracker_page .week_body table tbody tr td.week_day {
    border-top: solid 0.5px #b7b7b7;
    border-left: solid 0.5px #b7b7b7;
    border-right: solid 0.5px #b7b7b7;
}

.tracker_page .week_body table tbody tr td.week_day.completed {
    background: #a8d0e6;
}

.tracker_page .week_body table tbody tr td.week_day.incomplete {
    background: #f8e9a1;
}

.tracker_page .week_body table tbody tr td.count {

    vertical-align: middle;
}

.tracker_page #tab5 {}

.tracker_page #tab5 .comment_list {
    float: left;
    width: 100%;
}

.tracker_page #tab5 .comment_list .comment_each {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.tracker_page #tab5 .comment_list .comment_each h4 {

    font-size: 1.0rem;
    letter-spacing: 0.7px;
    margin-bottom: 15px;
}

.tracker_page #tab5 .comment_list .comment_each .desc {}

.tracker_page #tab5 .comment_list .comment_each .desc p span {

}

/*.tracker_page #tab5 .pagination {
    text-align: center;
    margin: 50px auto 0 auto;
    display: block;
}

.tracker_page #tab5 .pagination li {
    display: inline-block;
    margin: 0 3px;
}

.tracker_page #tab5 .pagination li.active a {
    background-color: rgba(var(--Navy));
    border-color: rgba(var(--Navy));
    color: #fff;
}

.tracker_page #tab5 .pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgba(var(--Navy));
    background-color: #fff;
    border: 1px solid #ddd;
}*/

.tracker-nav-weight-second-main {
    width: 100%;
    float: left;
    border-radius: 5px;
    text-align: center;
}

.tracker_main .tracker-nav-weight-second {
    border: 0;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    font-size: 0;
    border-radius: 4px;
    box-shadow: inset 0 0 3px 0 rgb(0 0 0 / 20%);
    background-color: #f4f4f7;
    padding: 3px;
    margin: 56px auto 45px auto;
    text-align: center;
}

.tracker_main .tracker-nav-weight-second li {
    display: inline-block;
}

.tracker_main .tracker-nav-weight-second li a {
    width: 96px;
}

.tracker_main .tracker-nav-weight-second li a.active {
    background: rgba(var(--Light-Blue));
    color: #FFF;
    border-radius: 4px;
}

.tracker_main .tracker-nav-weight-second li a.active span {
    color: #000;
}

.tracker_page .tab-content.tracker-nav-tab-content-weight-second>.active {
    min-height: inherit;
}

.red-color .jconfirm-title {
    color: #B22222;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #B22222;
}


/* ========== progress tracker css - end ========== */


/* ========== progress tracker - Habit tracker section css - start ========== */

.view_ht {
    width: 100%;
    float: left;
    text-align: center;
    padding: 14px 22px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 24px;
    cursor: pointer;
    text-transform: uppercase;
}

.habit_tracker_main {
    width: 100%;
    float: left;
    /*border-top: 1px solid #e3e3e6;*/
    padding-top: 45px;
    padding-bottom: 45px;
}

.habit_tracker_main .htm_head h2 {
    margin-bottom: 0;
}

.tracker_page .habit_tracker_main .tab-content.tracker-nav-tab-content-second {
    width: 100%;
    float: left;
}

.tracker_page .habit_tracker_main .tab-content.tracker-nav-tab-content-second .tab-pane {
    padding-left: 0;
    padding-right: 0;
}

.tracker_page .habit_tracker_main .tab-content>.active {
    min-height: auto;
}


/*#htm_weekly .head_part .left .title {
    font-size: 20px;
    margin-bottom: 5px;
}
#htm_weekly .head_part .left {
    width: 60%;
    float: left;
}*/

#htm_weekly .head_part .right {
    width: 100%;
    float: left;
}

#htm_weekly .head_part .right ul {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

#htm_weekly .head_part .right ul li {
    display: inline-block;
    padding: 8px 15px;
    cursor: pointer;
}

#htm_weekly .head_part .right ul li.labelname {
    font-size: 20px;

}

.for_disabled {
    margin-top: 12px;
    opacity: 0;
    text-align: right;
    margin-bottom: 20px;
}

.for_disabled .form-checkbox {
    display: flex;
    align-items: center;
    justify-content: end;
}

.for_disabled .form-checkbox p {
    color: #707070;
}

.for_disabled .form-checkbox p i {
    color: #707070;
}

.for_disabled .form-checkbox .custom-checkbox {
    padding-left: 34px;
    color: #707070;
    display: inline-block;
    margin-bottom: 0;
}

.for_disabled .form-checkbox .custom-checkbox i {
    color: #707070;
    font-size: 12px;
}

.for_disabled .custom-checkbox .checkmark:after {
    top: 3px;
}

.htm_weekly_content_part {
    width: 100%;
    float: left;
    margin-top: 24px;
    position: relative;
}

.htm_weekly_content_part.loader::before {
    content: 'Please wait...';
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
}

.htm_weekly_content_part table.weekly_table {
    width: 100%;
    float: left;
}

.htm_weekly_content_part table.weekly_table tr td,
.htm_weekly_content_part table tr th {
    border: 1px solid #e3e3e6;
    padding: 8px;
}

.htm_weekly_content_part table.weekly_table tr td.disabled_date.activethis {
    /*opacity: 0.5;*/
}

.htm_weekly_content_part table.weekly_table tr td.disabled_date i {
    /*visibility: hidden;*/
    opacity: 0.5;
}

.htm_weekly_content_part table.weekly_table tr td.disabled_date.activethis i {
    visibility: visible;
    /*visibility: hidden;*/
}

.htm_weekly_content_part table.weekly_table tr.drow {
    opacity: 0.5;
}

.htm_weekly_content_part table.weekly_table tr.drow td.disabled_date i {
    opacity: 1;
}

.htm_weekly_content_part table.weekly_table tr.hidethisrow {
    display: none;
}

.htm_weekly_content_part table.weekly_table tr th {
    background: #f4f4f7;
}

.htm_weekly_content_part table.weekly_table tr td a.habitlink img {
    /*position: relative;*/
    width: 12px;
    height: 12px;
}

#htm_monthly .head_part {
    width: 100%;
    float: left;
}

#htm_monthly .head_part .left {
    width: 60%;
    float: left;
}

#htm_monthly .head_part .left .title {
    font-size: 20px;
}

#htm_monthly .head_part .right {
    width: 100%;
    float: left;
}

#htm_monthly .head_part .right ul {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

#htm_monthly .head_part .right ul li {
    display: inline-block;
    padding: 8px 15px;
    cursor: pointer;
}

#htm_monthly .head_part .right ul li.labelname h3 {
    font-size: 20px;

}

.htm_monthly_content_part {
    margin-top: 24px;
    float: left;
    width: 100%;
    position: relative;
}

.htm_monthly_content_part.loader::before {
    content: 'Please wait...';
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
}

.htm_monthly_content_part .col-md-6 {
    margin-bottom: 48px;
}

.htm_monthly_content_part .col-md-6 h5 {
    font-size: 18px;
}

.htm_monthly_content_part .col-md-6 p.crate {
    margin-top: 16px;
}

.htm_monthly_content_part .col-md-6 p.crate span {

}

.htm_monthly_content_part .datepicker_ht {
    margin-top: 16px;
}

.htm_monthly_content_part .datepicker_ht .datepicker,
.htm_monthly_content_part .datepicker_ht .datepicker table {
    width: 100%;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table thead tr:nth-child(1) {
    display: none;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table thead tr:nth-child(2) th {
    color: #808080;
    font-weight: normal;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td,
.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.active {
    color: #333;
    height: 79px;
    border: solid 0.5px #b9b9b9;
    border-radius: 0;

    text-align: left;
    padding: 8px 8px 8px 15px;
    background-color: transparent;
    text-shadow: none;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td:hover {
    background: transparent;
    cursor: auto;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.old.disabled {
    color: #d3d3d3;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.disabled {
    color: #d3d3d3;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.completed_ht {
    position: relative;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.completed_ht img {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.disabled_date {
    position: relative;
    color: #d3d3d3;
}


/*.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.disabled_date.activethis{
    color: #d3d3d3;
}*/

.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.disabled_date i {
    /*visibility: hidden;*/
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #d3d3d3;
    font-size: 18px;
}


/*.htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.disabled_date.activethis i{
    visibility: visible;
}*/

#htm_monthly .head_part .habitselection {
    float: right;
    max-width: 100%;
    width: 300px;
}

#htm_monthly .head_part .tzselect2 {
    opacity: 1;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

#htm_monthly .head_part .habitselection label {
    color: #6d7079;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
}

#htm_monthly .head_part .habitselection.tzselect2 .select2-container--default .select2-selection--single {
    border-bottom: 2px solid rgba(var(--Navy));
}

#htm_monthly .head_part .tzselect2 .select2-container--default .select2-selection--single .select2-selection__arrow i {
    color: rgba(var(--Navy));
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(0deg);
}

#htm_monthly .head_part .tzselect2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow i {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(180deg);
}

#htm_statistics .head_part {
    width: 100%;
    float: left;
}

#htm_statistics .head_part .left {
    float: left;
}

#htm_statistics .head_part .left h3 {
    font-size: 20px;
}

#htm_statistics .head_part .right {
    float: right;
    max-width: 100%;
    width: 300px;
}

#htm_statistics .head_part .tzselect2 {
    opacity: 1;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

#htm_statistics .head_part .right label {
    color: #6d7079;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
}

#htm_statistics .head_part .right.tzselect2 .select2-container--default .select2-selection--single {
    border-bottom: 2px solid rgba(var(--Navy));
}

#htm_statistics .head_part .tzselect2 .select2-container--default .select2-selection--single .select2-selection__arrow i {
    color: rgba(var(--Navy));
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(0deg);
}

#htm_statistics .head_part .tzselect2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow i {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transform: rotate(180deg);
}

.htm_statistics_content_part {
    width: 100%;
    float: left;
}

.htm_statistics_content_part.loader::before {
    content: 'Please wait...';
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
}

.htm_statistics_content_part ul {}

.htm_statistics_content_part ul li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.htm_statistics_content_part ul li img {
    margin-right: 8px;
    margin-left: 8px;
    bottom: 4px;
    position: relative;
}

.htm_statistics_content_part .table-main {
    float: left;
    width: 100%;
    display: flex;
}

.htm_statistics_content_part table {
    max-width: 100%;
    float: left;
    width: 100%;
    margin: 0 auto;
}

.htm_statistics_content_part table tr td,
.htm_statistics_content_part table tr th {
    border: 1px solid #e3e3e6;
    padding: 8px;
}

.htm_statistics_content_part table tr td img {
    margin-right: 2px;
    /*margin-left: 8px;*/
}

.htm_statistics_content_part table tr td span {
    top: 5px;
    position: relative;
}


/* ========== progress tracker - Habit tracker section css - end ========== */


/* ========== progress tracker - Weight tab css - start ========== */

.pt_weight_charts.charts .tzbox {
    padding: 0;
    box-shadow: none;
}

.pt_weight_charts.charts .chart_canvas_footer ul li:nth-child(2) {
    display: inline;
}

.pt_weight_charts.charts .chart_canvas_footer ul li:nth-child(3) {
    display: inline;
}

.pt_weight_charts.charts .chart_canvas {
    padding-bottom: 24px;
}

.tracker_page .chart_iframe.loaded {
    box-shadow: none;
}

#resetProgressModal .modal-header {
    /*padding-top: 32px;*/
    margin-bottom: 16px;
}

#resetProgressModal .modal-content {
    padding: 0 24px;
}

#resetProgressModal .modal-body ul {
    display: block;
}

#resetProgressModal .modal-body ul li {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 12px;
    position: relative;
}

#resetProgressModal .modal-body ul li label {
    width: 100%;
    float: left;
    height: auto;
}

#resetProgressModal .modal-body ul li label.checkbox-label input:checked~.checkbox-custom::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#resetProgressModal .modal-body ul li.disablethis::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;
}

#resetProgressModal .modal-body .text-center.bold {
    color: #B22222;
}

.jconfirm .jconfirm-cell .confirmul {
    padding-left: 20px;
    list-style-type: disc;
    margin: 16px 0;
}

.jconfirm .jconfirm-cell .confirmul li {
    list-style-type: disc;
    margin-bottom: 8px;
}

.jconfirm .jconfirm-cell .confirmul li:last-child {
    margin-bottom: 0px;
}


/* ========== progress tracker - Weight tab css - end ========== */


/* ========== notification icon css - start ========== */

.notification_icon {
    position: fixed;
    bottom: 33px;
    right: 36px;
    z-index: 100;
}

.notification_icon .icon {
    background: rgba(var(--Navy));
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    transition: all .1s;
}

.notification_icon .icon.subscribed {
    opacity: 0.5;
    line-height: 43px;
    transition: all .1s;
}

.notification_icon .icon.subscribed i {
    font-size: 18px;
    transition: all .1s;
}

.notification_icon .icon i {
    color: #FFF;
    font-size: 24px;
    transition: all .1s;
}

.notification_icon .tz-icon-main {
    position: absolute;
    top: 2px;
    right: 70px;
}

.notification_icon .tz-icon-main>p {
    width: 266px;
    background: #FFF;
    font-size: 12px;
    padding: 4px 8px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
}

.notification_icon .tz-icon-main-wait {
    position: absolute;
    top: 2px;
    right: 70px;
    background-color: rgb(34, 76, 121);
    color: rgb(255, 255, 255);
    font-size: 15px;
    padding: 5px 16px;
    border-radius: 4px;
    box-shadow: 1px 1px 1px grey;
    cursor: pointer;
    transition: all .1s;
    width: 127px;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
}

.onesignal-customlink-subscribe.button {
    text-transform: none !important;
    font-weight: normal !important;
    width: 95px;
    text-align: center;
}

.onesignal-customlink-subscribe {
    position: relative;
}

.onesignal-customlink-subscribe::after {
    content: '';
    display: block;
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -17px;
    margin-right: 0;
    width: 0;
    height: 0;
    /* border-top: 16px solid transparent;
    border-right: 15px solid rgba(var(--Navy));
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent; */
    border-top: 20px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgba(var(--Navy));
}


/* ========== notification icon css - end ========== */


/* ========== footer css - start ========== */

footer {
    background: #343434;
    color: #FFF;
    padding: 60px 30px 20px 30px;
}

footer .copyright_text {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    margin-top: 24px;
    color: #FFF;
}

footer.authfooter .copyright_text {
    text-align: right;
    margin-top: 0;
    color: #a0a5ae;
}

footer .footer_links {}

footer .footer_links li {
    display: inline-block;
}

footer .footer_links li:nth-child(2) {
    margin: 0 10px;
}

footer .footer_links li:nth-child(2) a {
    border-left: 1px solid #80848c;
    border-right: 1px solid #80848c;
    padding: 0 12px;
}

footer .footer_links li:nth-child(3) a {
    border-right: 1px solid #80848c;
    padding: 0 12px 0 0px;
}

footer .footer_links li:nth-child(4) a {
    padding-left: 12px;
}

footer .footer_links li a {
    color: #a0a5ae;
    letter-spacing: 0.4px;
}

footer .footer_links li a:hover {
    color: #FFF;
}

footer p {
    color: #FFF;
}

footer .first .flogo {
    margin-bottom: 24px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

footer .first .flogo img {
    margin-left: -5px;
}

footer .first .desc {
    line-height: 20px;
    font-size: 16px;
    margin-top: 12px;
    float: left;
    width: 100%;
}

footer h5 {
    color: rgba(var(--Light-Blue));
    font-size: 16px !important;
    margin-bottom: 18px;

    text-transform: none;
}

footer .flinks {}

footer .flinks li {}

footer .flinks li a {
    color: #FFF;
}

footer .flinks li a:hover {
    color: rgba(var(--Light-Blue));
}

footer a {
    color: #FFF;
}

footer a:hover {
    color: rgba(var(--Light-Blue));
}


/* ========== footer css - end ========== */


/* ========== jignesh css changes - start ========== */

.allFieldValid {
    background-color: rgba(var(--Light-Blue));
    color: #000;
    border-color: rgba(var(--Light-Blue));
}

.videos .video_list .item .document {
    padding: 0 15px 15px 15px;
}

.videos .video_list .item .document a {

    font-size: 0.9rem;
    line-height: 24px;
    color: rgba(var(--Navy));
    text-transform: uppercase;
}


/* ========== jignesh css changes - end ========== */


/* ========== Faq Page Css - start ========== */

.faq-page .main_banner {
    text-align: center;
    padding: 80px 15px 0px 15px;
}

.faq-page .main_banner h1 {
    color: rgba(var(--Navy));
    font-size: 56px;
    font-weight: 400;
    line-height: 120%;
    font-family: "Hedvig Letters Serif", serif;
}

.faq-page .main_banner i {
    color: rgba(var(--Navy));
    font-size: 20px;
    padding-top: 8px;
    margin-right: 15px;
}

.faq-page .main_banner .search-bar {
    background-color: #fff;
    border: 0;
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.95;
    letter-spacing: 0.34px;
    color: #6d7079;
    padding: 5px 20px;
    margin-top: 30px;
}

.search-box,
.faq-page .close-icon,
.search-wrapper {
    position: relative;
}

.search-wrapper {
    width: 100%;
    margin: auto;
}

.search-box {
    width: 100%;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 15px;
}

.faq-page .close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    /*display: inline-block;*/
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

.faq-page .close-icon::before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(var(--Navy));
    position: absolute;
    top: 0;
    right: 0;
}

.faq-page .search-box:not(:valid)~.close-icon {
    display: none;
}

.faq-page .no_result_found {
    padding: 40px 0;
}

.faq-page .no_result_found h4 {
    margin: 15px 0;
}

.faq-page .no_result_found p {}

.faq-page .pagination {
    text-align: center;
    margin: 30px auto 0 auto;
    display: block;
}

.faq-page .pagination li {
    display: inline-block;
    margin: 0 3px;
}

.faq-page .pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: rgba(var(--Navy));
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: "Public Sans", sans-serif;
}

.faq-page .pagination li.active a {
    background-color: rgba(var(--Navy));
    border-color: rgba(var(--Navy));
    color: #fff;
}

.faq-page .faq-list-header {
    border: none;
    font-size: 18px;
    letter-spacing: 0.32px;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    background-color: rgba(var(--Light-Neutral));
    padding: 0px 0px;
    position: relative;
}

.faq-page .faq-list-header:focus {
    outline: 0;
    box-shadow: 0 !important;
}

.faq-page .faq-list-header i {
    color: rgba(var(--Navy));
    position: absolute;
    top: 40%;
    right: 2%;
}

/* .faq-page-refresh i {
    color: rgba(var(--Navy));
}

.faq-page-refresh:hover i {
    color: rgba(var(--Navy));
} */

.faq-page-refresh {
    cursor: pointer;
    float: right;
    width: 40px;
    text-align: center;
    font-size: initial;
    padding: 0;
    height: 48px;
    padding: 7px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px !important;
}

.faq-page .faq-list-content {
    width: 95%;
    padding: 0 0 24px 0;
}

.faq-page .faq-list-content p {

    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
    margin-bottom: 20px;
    text-align: justify;
}

.faq-page .faq-list-que {
    padding: 20px 0px;
    width: 90%;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
}

.faq_filter {
    float: right;
}

.faq_filter .bo4 {
    width: 300px;
    float: left;
}

.faq-page h5,
.faq-page h5 a {
    font-family: "Public Sans", sans-serif;
    font-size: 18px;
    color: rgba(var(--Navy));
}

.faq-page h5 a {

    font-size: 18px;
    color: rgba(var(--Navy));
    border-bottom: 2px solid rgba(var(--Navy));
    padding-bottom: 4px;
}

.faq-page h5 a:hover {
    text-decoration: none;
}

#FaqList .faq-list-header:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f077';
    font-weight: 900;
    position: absolute;
    top: 40%;
    right: 0;
    color: rgba(var(--Navy));
}

#FaqList .card{
    background-color: transparent;
    border-bottom: 1px solid rgba(var(--Navy)) !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}


#FaqList .faq-list-header.collapsed:after {
    content: "\f078";
}


/* ========== Faq Page Css - end ========== */


/* ========== Health Insurance - start ========== */

.hinslogo {
    width: 100%;
    float: left;
    position: relative;
    margin: 50px 0;
}

.hinslogo li {
    margin: 30px 15px 30px 15px;
    display: inline-block;
    width: calc(100% / 6 - 30px);
    float: left;
    background-color: rgba(var(--Light-Neutral));
}

.hinslogo li div {
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-top: 56.25%;
    width: 100%;
    mix-blend-mode: multiply;
}


/* ========== Health Insurance - end ========== */


/* =================================================== landing page css =============================== */

.landing-page-content .section-description ol {
    padding-inline-start: 40px;
}

.landing-page-content .section-description ul,
.landing-page-content .section-description li {
    display: list-item;
    list-style-type: auto;
}

.firasans-bold {

}

.firasans-regular {
    font-family: 'Museo Sans 500' !important;
}

.firasans-medium {

}

.text-gray {
    color: #707070;
}

.light-blue {
    color: rgba(var(--Light-Blue));
}

.w-32 {
    width: 32%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.landing-page-banner h1 {
    margin-top: 30px;
}

.landing-page-content h3 {
    color: rgba(var(--Navy));
    text-align: left;
    padding-top: 10px;
}

.landing-page-content h5 {

    font-size: 17px;
    color: #333;
}

.landing-page-content p {

    margin: 20px auto;
}

.landing-page-container {
    padding-bottom: 70px;
    padding-top: 24px;
}

.landing-page-about-list {
    margin-top: 30px;
    padding-left: 20px;
}

.landing-page-about-list li {
    list-style-type: decimal;

    color: #333;
    margin-top: 25px;
}

.landing-page-about-list li:first-child {
    margin-top: 0px;
}

.landing-page-about-list li i {
    color: rgba(var(--Navy));
}


/* .landing-page-about-list li h5{} */


/* .social-media-icon-list{margin-top: 20px;} */

.social-media-icon-list li {
    margin-right: 15px !important;
    margin-top: 20px;
}

.social-media-icon-list li i {
    font-size: 20px;
}

.social-media-icon-list li:last-child {
    margin-right: 0px;
}

.landing-page-form {
    background-color: #EBEBEB;
    padding: 20px;
    border-top: 5px solid rgba(var(--Navy));
    border-radius: 5px;
}

.landing-page-form input {
    background-color: #EBEBEB;

    font-size: 18px;
}

.landing-page-form label {

    font-size: 18px;
}

.landing-page-form .submit-btn {
    background-color: rgba(var(--Navy));
    width: 100%;
    color: #FFF;
    border-radius: 5px;
    padding: 4px;
}

.landing-page-book-image {
    height: 365px;
}

.shadow-dark {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    transition: 0.3s;
}

.shadow-dark:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0);
}

.measure-tap-img {
    position: absolute;
    bottom: 80px;
    height: 210px;
    left: -70px;
}

.submit-button {
    display: block;
    width: 165px;
    text-align: center;
    font-size: 16px;
    /* height: 48px; */
    /* line-height: 30px;     */
    z-index: 101;
    border-radius: 8px;
}

.submit-button .ladda-label {
    color: #000;

}

.submit-button.disabled .ladda-label {
    color: #666;
}

.submit-button:hover {
    /*background-color: #DFE5EF;*/
    /*color: rgba(var(--Navy));*/
    display: inline-block;
}

.submit-button:hover .ladda-label {
    /*color: rgba(var(--Navy));*/
    display: inline-block;
}

.submit-button-back {
    display: block;
    width: 165px;
    text-align: center;
    font-size: 14px;
    /* height: 48px; */
    line-height: 34px;
    z-index: 101;
    border-radius: 8px;
}

.w-auto {
    width: auto;
}

.sign-up-new-container {
    background-color: #F1F2F4;
    padding: 80px 0px;
}


/*.sign-up-new-container h2{font-size: 40px;}*/

.sign-up-new-container h2 {
    /**/

    font-size: 30px;
}

.pstartday {
    font-size: 24px;
    color: rgba(var(--Navy));
    margin-left: 5px;
    cursor: pointer;
}

.sign-up-new-container .fontreg {

}

.sign-up-new-container h2 span {
    color: rgba(var(--Navy));
}

.sign-up-new-container h4 {
    /**/

    font-size: 24px;
}

.sign-up-new-container .top_part {
    min-height: 650px;
}

.sign-up-new-container .bottom_part {}

.light-text {

    font-size: 16px;
}

.light-text-2 {

    font-size: 16px;
    color: #707070;
}

.input-field {
    color: #22222280;
    background-color: #fff;
    border: 1pt solid #5E7FB133 !important;
    border-radius: 5pt;

    font-size: 16px;
    display: block;
    width: 100%;
    padding: 10px;
    /* padding-right: 0px; */
    margin-bottom: 15px;
}

.input-field-wrp {
    padding: 0px 5px;
}

#sign-up-new-form .main-div {
    display: none;
}

#sign-up-new-form .main-div.current {
    display: block;
}

.w-35 {
    width: 35%;
}

.margin-top-minus-15 {
    margin-top: -15px;
}


/*.quote-white-box
{
    box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
    padding: 21px;
    text-align: left;

    color: #707070;
    font-size: 16px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
}*/

.quote-white-box {
    padding: 21px 21px 21px 170px;
    text-align: left;

    color: rgba(var(--Navy));
    font-size: 16px;
    background-color: #cee7e7;
    border-top-right-radius: 60px;
    position: relative;
}

.quote-white-box::after {
    content: '';
    height: 100px;
    width: 100px;
    background: url(../img/quote.png) no-repeat;
    position: absolute;
    left: 40%;
    background-size: 100px;
    bottom: -99px;
    display: none;
}

.quote-image {
    position: absolute;
    height: 80px;
    bottom: -30px;
    left: 40%;
}

.author-name-section {
    margin-top: 30px;
    width: 60%;
    margin-left: auto;
    position: relative;
    z-index: 1;
}

.author-name {

    font-size: 20px;
    text-align: left;
}

.author-sub {

    font-size: 13px;
    text-align: left;
}

.main-div-pb {
    padding-bottom: 80px;
}

.d-block-desktop {
    display: block;
}

.d-block-tab {
    display: none;
}

.opacity-0 {
    opacity: 0 !important;
}

.author-image {
    position: absolute;
    bottom: -80px;
    left: -200px;
    height: 735px;
    z-index: 0;
}

.author-image.first {
    position: absolute;
    z-index: 0;
    bottom: -80px;
    left: -160px;
    height: 735px;
}

.z-index-100 {
    z-index: 100;
}

.relative {
    position: relative;
}

.step-4-text-wrp {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.step-4-text {
    position: relative;

    color: rgba(var(--Navy));
    font-size: 14px;
    padding-left: 35px;
}

.step-4-checkmark {
    /* content: ''; */
    height: 36px;
    width: 36px;
    background: url(../img/check-mark.png) no-repeat;
    /* position: absolute; */
    left: 0;
    top: 0;
    background-size: 36px;
}

.step-4-list {
    margin-top: 70px;
    padding-bottom: 150px;
}


/* custom select box */

.custom-select select {
    display: none;
}

.custom-select {
    position: relative;
    background: #FFFFFF;
    display: inline-table;
    padding-left: 0;
}

.w-150 {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    /* width: 0;
    height: 0; */
    /* border: 6px solid transparent;
    border-color: #fff transparent transparent transparent; */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
}

.select-selected.select-arrow-active:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f106";
}

.select-items div,
.select-selected {
    color: rgba(144, 144, 144, 1);
    padding: 8px 16px;
    border: 0px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    background: #FFFFFF;
}

.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 101;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(223, 229, 239, 1);
}


/* custom select box Over*/


/* progeess bar */

.progress {
    height: 15px;
    width: 60%;
    margin: 20px auto;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 5px 12px 0px rgba(0, 1, 41, 0.10);
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 1, 41, 0.10);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 1, 41, 0.10);
}

.progress-bar {
    background-color: rgba(var(--Light-Blue));
}


/* progeess bar Over*/


/* custom radio */

.custom-radio-button input[type="radio"] {
    display: none;
}

.custom-radio-button label {
    display: inline-block;
    border: 1pt solid #5E7FB133;
    cursor: pointer;
    width: 150px;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
    color: #707070;
    border-radius: 5pt;
    background-color: #fff;
}

.custom-radio-button .blank-label {
    display: none;
}

.custom-radio-button input[type="radio"]:checked+label {
    background: #D9DFEA;
    color: #707070;
}

.custom-checkbox-button label {
    display: inline-block;
    border: 1pt solid #5E7FB133;
    cursor: pointer;
    width: 150px;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
    color: #707070;
    border-radius: 5pt;
    background-color: #fff;
}

.custom-checkbox-button input[type="checkbox"]:checked+label {
    background: #D9DFEA;
    color: #707070;
}

.custom-checkbox-button input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}


/* custom radio Over*/


/* custom check box */

.custom-checkbox-wrp {
    width: 100%;
    height: 100%;
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 12pt;

    color: #707070;
}


/* hide default */

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* customizing */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 1pt solid #DFE5EF;
}

.custom-checkbox:hover input~.checkmark {
    background-color: #fff;
}

.custom-checkbox input:checked~.checkmark {
    background-color: #fff;
}

.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #707070;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox input:checked~.checkmark:after {
    display: block;
}


/* custom check box Over */

.w-b-25 {
    width: 25%;
}

.w-b-35 {
    width: 45% !important;
}

.w-w-50 {
    width: 50% !important;
}

.graph-image {
    max-width: 100%;
    height: auto;
    background-size: cover;
    margin: 60px auto;
}

.all-done-image {
    width: 200px;
}


/* client slider */

.client-slider img {
    /* height: 150px;
    height: 50px; */
    width: 150px;
    height: 100px;
    max-width: 100%;
    /* margin-top: 30px; */
    object-fit: contain;
}

.client-slider,
.client-slider .slick-slider {
    margin-bottom: 0px;
    margin-top: 5px;
}

.client-slider .slick-next,
.slick-prev {
    background-color: #dfe5ef;
    border: 1.5pt solid #909090;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.client-slider .slick-prev {
    left: -18px;
    z-index: 1;
    bottom: 0;
    top: 50%;
}

.client-slider .slick-next {
    right: -18px;
    top: 50%;
}

.client-slider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    color: #909090;
    margin-left: 2px;
    line-height: 0.75;
}

.client-slider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    color: #909090;
    margin-right: 2px;
    line-height: 0.75;
}


/* client slider Over */

.author-logo-image-wrp {
    height: 150px;
}

.author-logo-image {
    opacity: 0.1;
    height: 150px;
    margin: 20px auto;
}

.partner-logo-wrp {
    background-color: #fff;
    /*    box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
        -webkit-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
        -moz-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
        border-radius: 5px;*/
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-logo-img {
    height: auto;
    max-height: 50px;
    max-width: 100%;
}

.regaining-weight-yes-input-field {
    display: none;
}

.hear-about-iwl-other-div {
    display: none;
}

.reading-books-yes-input-field {
    display: none;
}

.partner-logo-down-arrow {
    height: 30px;
    display: none;
    margin: 0 auto;
}


/* switch */

.cd-pricing-switcher {
    text-align: center;
}

.cd-pricing-switcher .fieldset {
    display: inline-block;
    position: relative;
    padding: 0px;
    border-radius: 50em;
    border: 2px solid rgba(var(--Navy));
    background-color: #fff;
}

.cd-pricing-switcher .fieldset label:nth-child(2) {
    border-radius: 0px 50px 50px 0px;
}

.cd-pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.cd-pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 89px;
    height: 49px;
    line-height: 50px;
    cursor: pointer;
    font-size: 12pt;
    color: rgba(var(--Light-Blue));

    margin-bottom: 0px;
}

.cd-pricing-switcher .cd-switch {
    /* floating background */
    position: absolute;
    top: -1px;
    left: -1px;
    height: 51px;
    width: 90px;
    background-color: rgba(var(--Navy));
    border-radius: 50px 0px 0px 50px;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}

.cd-pricing-switcher input[type="radio"]:checked+label {
    color: #fff;
}

.cd-pricing-switcher input[type="radio"]:checked+label+.cd-switch,
.cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.cd-switch {
    /* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -ms-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
}

.cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(2)+.cd-switch {
    border-radius: 0px 50px 50px 0px;
}


/*.quarterly-price-text{display: none;}*/


/* switch Over */


/* pricing table */

.pricing-table-wrp {
    text-align: center;
    padding: 30px 10px;
    padding-bottom: 110px;
    position: relative;
    /*    box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
        -webkit-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);
        -moz-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);*/
    min-height: 88%;
    border: 1px solid #fff;
    background-color: #fff;
}

.pricing-table-wrp-border {
    border: 1px solid rgba(var(--Navy));
}

.price-text {
    color: rgba(var(--Light-Blue));

    font-size: 32pt;
    line-height: 0.5;
    margin: 30px auto;
    padding-bottom: 10px;
}

.price-text span {
    font-size: 10pt;
    color: rgba(var(--Light-Blue));

}

.price-text span:nth-child(1) {

    font-size: 24pt;
    width: 100%;
    float: left;
    text-decoration: line-through;
    line-height: 48px;
}

.price-text span:nth-child(1) {
    width: auto;
    float: none;
    color: #A7B3C3;
    font-size: 22px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    bottom: 2px;

    font-weight: 600;
}

.price-table-list {
    margin-top: 20px;
}

.price-table-list li {
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    color: rgba(var(--Navy));
    position: relative;
    margin-bottom: 10px;
}

.price-table-list li img {
    position: absolute;

}

.price-table-list li span {
    color: rgba(var(--Navy));
    padding-left: 32px;
}

.price-list-badge {
    background-color: rgba(var(--Navy));
    height: 60px;
    width: 60px;
    border-radius: 50%;
    padding-top: 11px;
    position: absolute;
    top: -20px;
    right: -20px;
}

.price-list-badge .save-text {
    font-size: 12pt;

    line-height: 1.3;
}

.price-list-badge .price-text {
    font-size: 15pt;

}

.pricing-table-button {
    position: absolute !important;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, -50%);
}

.yearly-plan-div {
    display: none;
}

.sign-up-new-container .pricepage .pricing-table-wrp {
    background-color: #FFF;
}

.sign-up-new-container .pricing-table-wrp h5 {

    font-weight: 600;
    color: var(--blue-500) !important;
    line-height: 28px;
    font-size: 20px;
}

/* pricing table Over */


/*testimonial-wrp*/

.testimonial-wrp {
    position: relative;
    margin-top: 100px;
    border-radius: 5pt;
    padding: 25px;
    padding-top: 90px;
    /*box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);*/
    /*-webkit-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);*/
    /*-moz-box-shadow: 0px 5px 12px 0px rgba(0,1,41,0.25);*/
    text-align: left;
}

.testimonial-image {
    /*border-radius: 50%;*/
    border-top-right-radius: 50px;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0px;
    left: 50%;
    object-fit: cover;
    background-position: top;
    transform: translate(-50%, -50%);
}

.testmonial-author-name {

    font-size: 15pt;
    margin-top: 20px;
}

.testmonial-author-name.desktop-item {
    display: block;
    margin-bottom: 20px;
    margin-top: 0px;
}

.testmonial-author-name.mobile-item {
    display: none;
}


/*.testmonial-slider, .testmonial-slider .slick-slider{margin-bottom: 0px;margin-top: 5px;}*/

.testmonial-slider .slick-next,
.slick-prev {
    background-color: transparent;
    border: 1.5pt solid #909090;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    bottom: -30px;
    top: auto;
}

.testmonial-slider .slick-prev {
    left: 70px;
    z-index: 1;
}

.testmonial-slider .slick-next {
    right: 70px;
}

.testmonial-slider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    color: #909090;
    margin-left: 2px;
    line-height: 0.75;
}

.testmonial-slider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    color: #909090;
    margin-right: 2px;
    line-height: 0.75;
}


/*testimonial-wrp Over*/


/*date picker*/

.datepicker {
    font-size: 0.875em;
}

.datepicker td,
.datepicker th {
    width: 1.5em;
    height: 1.5em;
}

.datepicker-dropdown {
    z-index: 101 !important;
}


/*date picker Over*/


/*form check box*/

.form-checkbox .checkmark {
    border: 1.3pt solid #5E7FB159;
    border-radius: 3pt;
}

.form-checkbox .custom-checkbox .checkmark:after {
    border: solid rgba(var(--Navy));
    border-width: 0 3px 3px 0;
    width: 7px;
    height: 13px;
}

.form-checkbox .custom-checkbox {
    color: rgba(var(--Navy));
    padding-left: 45px;
}


/*form check box Over*/


/*css loader*/

.cssloader {
    padding-top: calc(25vh - 25px);
}


/** loader **/

.sh1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 70px 0 0;
    border-color: var(--blue-500) transparent transparent transparent;
    margin: 0 auto;
    animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 70px 70px;
    border-color: transparent transparent var(--green-300) transparent;
    margin: -50px auto 0;
    animation: shk2 1s ease-in-out infinite alternate;
}

/* <============= Journey page start =============> */
.welcome-box{
    padding: 40px 48px;
    gap: 24px;
}
.welcome-box h1{
    font-weight: 400;
    font-size: 36px;
    color: rgba(var(--Navy));
    font-family: "Hedvig Letters Serif", serif;
}
.welcome-box .beta-badge{
    font-family: "Public Sans", sans-serif;
    height: 19px;
    width: max-content;
    background-color: rgba(var(--Navy));
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.p-text{
    gap: 15px;
}
.p-text p{
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
    /* font-size: 18px; */
    line-height: 150%;
}
.progress-cap{

    color: rgba(var(--Navy));
    font-size: 13px;
    white-space: nowrap;
}
.welcome-box .progress{
    background-color: #E1E1E1;
    box-shadow: none;
}
.welcome-box .progress-cap p{
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
}
.monthly-plan-box .title{
    font-family: "Hedvig Letters Serif", serif !important;
    font-size: 32px;
    color: rgba(var(--Navy));
}
.monthly-plan-wapper{
    gap: 40px;
}
.monthly-plan-wapper .monthly-plan-box{
    padding: 40px 48px;
    gap: 32px;
    position: relative;
}
.monthly-plan-wapper .monthly-plan-box::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,70%);
}
.monthly-plan-wapper .monthly-plan-box.current-monthly-plan::after{
    display: none;
}
.module-wapper{
    padding: 24px 20px;
    border: 1px solid #D4D9E0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.module-wapper .card{
    padding: 24px 0;
    border-bottom: 1px solid #063E654D;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.module-wapper .card:first-child{
    padding-top: 0;
}
.module-wapper .card:last-child{
    padding-bottom: 0;
    border: none;
}
.module-wapper .btn-link{
    padding: 0;
    white-space: inherit !important;
    position: relative;
}
.module-wapper .btn-link::after{
    position: absolute;
    content: "";
    background-image: url( "data:image/svg+xml, <svg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.369399 0.340591C0.587076 0.12298 0.88227 0.000732422 1.19006 0.000732422C1.49786 0.000732422 1.79305 0.12298 2.01073 0.340591L7.75655 6.08641L13.5024 0.340591C13.7213 0.129147 14.0145 0.0121471 14.3189 0.0147918C14.6232 0.0174366 14.9143 0.139514 15.1296 0.35473C15.3448 0.569947 15.4669 0.861083 15.4695 1.16543C15.4721 1.46978 15.3551 1.763 15.1437 1.98192L8.57721 8.54841C8.35954 8.76602 8.06434 8.88826 7.75655 8.88826C7.44875 8.88826 7.15356 8.76602 6.93588 8.54841L0.369399 1.98192C0.151788 1.76424 0.029541 1.46905 0.029541 1.16126C0.029541 0.853461 0.151788 0.558267 0.369399 0.340591Z' fill='%23063E65'/></svg>" );
    background-size: contain;
    width: 15px;
    height: 9px;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.module-wapper .btn-link:not(.collapsed):after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.module-wapper .card-body{
    padding: 0 0 24px 0;
}
.module-wapper .btn-link:focus, .module-wapper .btn-link:hover{
    text-decoration: none;
    color: rgba(var(--Navy));
}
.module-wapper .btn-link .btn-link-caption{
    gap: 24px;
    max-width: 95%;
}
.module-wapper .btn-link .btn-link-caption .img-bar{
    /* background-image: url("https://img.freepik.com/free-photo/mixed-fruits-with-apple-banana-orange-other_74190-938.jpg?t=st=1756818004~exp=1756821604~hmac=f5c5823b3e7e10c737e3d706a1d85d92bfa2998dd8d3875e2cea587fd9bcdf49&w=1480");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; */
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    max-width: 320px;
    height: 180px;
    background-color: rgba(var(--Navy));
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.module-wapper .btn-link .btn-link-caption .img-bar::before, .module-lessons-content .section-item .top-bar .img-bar::before{
    position: absolute;
    content: "";
    width: 25px;
    height: 30px;
    top: 15px;
    left: 15px;
    background-image: url("../img/iwl-small-logo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.module-wapper .btn-link .btn-link-caption .img-bar .img-cap{
    max-width: 187px;
    gap: 5px;
}
.module-wapper .btn-link .btn-link-caption .img-bar .module-count{
    font-size: 12px;
    font-family: "Public Sans", sans-serif;
}
.module-wapper .btn-link .btn-link-caption .img-bar .module-title{
    font-size: 20px;
    font-family: "Public Sans", sans-serif;
    line-height: 120%;
}
.module-wapper .btn-link .btn-link-caption .bio-cap{
    gap: 24px;
}
.module-wapper .btn-link .btn-link-caption .bio-cap .heading-bar{
    gap: 8px;
}
.module-wapper .btn-link .btn-link-caption .bio-cap .module-count{
    font-size: 14px;
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
}
.module-wapper .btn-link .btn-link-caption .bio-cap .module-title{
    font-size: 22px;
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
    font-weight: 600;
}
.module-wapper .btn-link .btn-link-caption .lessons-complete-box{
    gap: 8px;
    display: inline-flex;
    padding: 8px 14px;
    background-color: #D1E4F1;
    color: rgba(var(--Navy));
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.module-wapper .btn-link .btn-link-caption .lessons-complete-box .lessons-compete-sign{
    display: none;
}
.module-wapper .btn-link .btn-link-caption .lessons-complete-box p{

    font-size: 14px;
}
.module-wapper .lessons-list{
    margin-top: 24px;
    border: 1px solid #063E6533;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.module-wapper .lessons-list .lessons-list-item{
    padding: 16px 24px;
    border-bottom: 1px solid #063E6533;
}
.module-wapper .lessons-list .lessons-list-item:last-child{
    border: none;
}
.module-wapper .lessons-list .lessons-list-item .title-bar{
    gap: 4px;
    flex-grow: 1;
}
.module-wapper .lessons-list .lessons-list-item .title-bar p{
    color: rgba(var(--Navy), 80%);
    font-family: "Public Sans", sans-serif;
    font-size: 12px;
}
.module-wapper .lessons-list .lessons-list-item .title-bar a{
    color: rgba(var(--Navy));
    font-family: "Public Sans", sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}
.mark-complete-check-box .form-check-label{
    cursor: pointer;
    font-size: 14px;
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
    white-space: nowrap;
    font-weight: 500;
}
.mark-complete-check-box .custom-checkmark {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    background: #D4D9E0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.mark-complete-check-box .custom-checkmark svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 3;
    fill: none;
}
.mark-complete-check-box .form-check-input:checked + .custom-checkmark {
    background-color: #169BCC;
}
.module-listing-sidebar{
    min-width: 285px;
    max-width: 285px;
    padding: 20px 24px;
    gap: 12px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.back-link-text{
    text-decoration: underline;
    gap: 5px;
}
.back-link-text span{
    font-size: 14px;
    font-family: "Public Sans", sans-serif;
    color: #234C79CC;
    text-decoration: underline;
}
.back-link-text:hover{
    text-decoration: underline;
}
.back-link-text .icon-bar{
    line-height: 0;
}
.back-link-text .icon-bar svg{
    max-width: 7px;
}
.icon-bar{
    line-height: 0;
}
.module-listing-sidebar .title-bar{
    gap: 12px;
}
.module-listing-sidebar .title-bar p{
    font-size: 18px;
    font-weight: 600;
    color: rgba(var(--Navy));
}
.module-listing-sidebar .progress{
    height: 6px;
    background-color: #E1E1E1;
    box-shadow: none;
}
.module-listing-sidebar .progress-cap p{
    font-size: 14px;
    font-weight: 500;
    color: rgba(var(--Navy));
}
.module-listing-sidebar .lesson-list{
    gap: 16px;
}
.module-listing-sidebar .lesson-list .lesson-list-item{
    gap: 12px;
}
.module-listing-sidebar .lesson-list .lesson-list-item .icon-bar{
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    background: #D4D9E0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.module-listing-sidebar .lesson-list .lesson-list-item .icon-bar svg{
    width: 20px;
    height: 20px;
    stroke: #fff;
    stroke-width: 3;
    fill: none;
}
.module-listing-sidebar .lesson-list .lesson-list-item .title{
    font-size: 16px;
    font-weight: 500;
    line-height: 21.6px;
    color: rgba(var(--Navy));
}
.module-listing-sidebar .lesson-list .lesson-list-item.lesson-completed .icon-bar{
    background-color: #169BCC;
}
.module-lessons-wapper{
    gap: 64px;
}
.module-lessons-content {
    flex-grow: 1;
    gap: 32px;
    max-width: 100%;
}
.module-lessons-content .section-item-bar{
    gap: 32px;
}
.module-lessons-content .section-item{
    gap: 48px;
    padding: 32px 36px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.module-lessons-content .section-item .section-inner-item{
    gap: 24px;
}
.module-lessons-content .section-item .top-bar .img-bar{
        /* background-image: url("https://img.freepik.com/free-photo/mixed-fruits-with-apple-banana-orange-other_74190-938.jpg?t=st=1756818004~exp=1756821604~hmac=f5c5823b3e7e10c737e3d706a1d85d92bfa2998dd8d3875e2cea587fd9bcdf49&w=1480");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; */
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 274px;
    position: relative;
    background-color: rgba(var(--Navy));
    overflow: hidden;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.module-lessons-content .section-item .top-bar .img-bar .module-title {
    font-size: 27px;
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
}
.module-lessons-content .section-item .top-bar .img-bar .img-cap {
    max-width: 327px;
    gap: 5px;
}
.module-lessons-content .section-item .top-bar .img-bar .module-count-bar .module-count-item{
    padding: 0 8px;
    border-right: 1px solid #fff;
    font-weight: 500;
}
.module-lessons-content .section-item .top-bar .img-bar .module-count-bar .module-count-item:first-child{
    padding-left: 0;
}
.module-lessons-content .section-item .top-bar .img-bar .module-count-bar .module-count-item:last-child{
    padding-right: 0;
    border: none;
}
.module-lessons-content .section-item .section-inner-item .main-title{
    font-size: 32px;
    font-weight: 600;
    color: rgba(var(--Navy));
    line-height: 36px;
}
.module-lessons-content .section-item .section-inner-item .short-title{
    font-size: 22px;
    font-weight: 600;
    color: rgba(var(--Navy));
    line-height: 21.6px;
}
.module-lessons-content .section-item .section-inner-item .p-text p, .module-lessons-content .section-item .section-inner-item .p-text p i, .module-lessons-content .section-item .section-inner-item .p-text p b, .module-lessons-content .section-item .section-inner-item .p-text ul li b, .module-lessons-content .section-item .section-inner-item .p-text ul li i, .module-lessons-content .section-item .section-inner-item .p-text a, .module-lessons-content .section-item .section-inner-item .p-text u{
    color: #000;
}
.module-lessons-content .section-item .section-inner-item .p-text a{
    text-decoration: underline;
}
.module-lessons-content .section-item .section-inner-item .p-text{
    gap: 24px;
}
.module-lessons-content .section-item .section-inner-item .p-text ul, .module-lessons-content .section-item .section-inner-item .p-text ol{
    padding-left: 30px;
    margin: 0;
}
.module-lessons-content .section-item .section-inner-item .p-text ul li{
    color: #000;
    font-size: 16px;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    line-height: 150%;
    list-style: disc;
    list-style-position: outside;
}
.module-lessons-content .section-item .section-inner-item .p-text ol li{
    color: #000;
    font-size: 16px;

    line-height: 150%;
    list-style: numbric;
    list-style-position: outside;
}
.module-lessons-content .section-item .section-inner-item .p-text ul li ul li{
    list-style: circle;
    /* font-style: italic; */
}
.module-lessons-content .section-item .section-inner-item .p-text-item{
    gap: 20px;
}
.module-lessons-content .section-item .section-inner-item .p-text-item .title{
    color: rgba(var(--Navy));
    font-size: 18px;

    line-height: 21.6px;
}
.module-lessons-content .section-item .mark-complete-check-box .form-check-label{
    padding-right: 0 !important;
}
/* .faq-item .main-title{
    font-size: 24px !important;
} */
.module-lessons-content .accordion-wapper .card{
    margin-bottom: 12px;
    padding: 0px;
    border: 1px solid #BFCFDB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.module-lessons-content .accordion-wapper .card:last-child{
    margin-bottom: 0;
}
.module-lessons-content .accordion-wapper .card .card-body{
    padding: 9px 16px 16px 40px;
}
.module-lessons-content .accordion-wapper .btn-link{
    position: relative;
    padding: 16px 50px 16px 16px;
    white-space: normal;
}
.module-lessons-content .accordion-wapper .btn-link::after{
    position: absolute;
    content: "";
    background-image: url( "data:image/svg+xml, <svg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.369399 0.340591C0.587076 0.12298 0.88227 0.000732422 1.19006 0.000732422C1.49786 0.000732422 1.79305 0.12298 2.01073 0.340591L7.75655 6.08641L13.5024 0.340591C13.7213 0.129147 14.0145 0.0121471 14.3189 0.0147918C14.6232 0.0174366 14.9143 0.139514 15.1296 0.35473C15.3448 0.569947 15.4669 0.861083 15.4695 1.16543C15.4721 1.46978 15.3551 1.763 15.1437 1.98192L8.57721 8.54841C8.35954 8.76602 8.06434 8.88826 7.75655 8.88826C7.44875 8.88826 7.15356 8.76602 6.93588 8.54841L0.369399 1.98192C0.151788 1.76424 0.029541 1.46905 0.029541 1.16126C0.029541 0.853461 0.151788 0.558267 0.369399 0.340591Z' fill='%23063E65'/></svg>" );
    background-size: contain;
    width: 15px;
    height: 9px;
    background-repeat: no-repeat;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.module-lessons-content .accordion-wapper .btn-link:not(.collapsed):after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.module-lessons-content .accordion-wapper .btn-link:hover, .module-lessons-content .accordion-wapper .btn-link:focus{
    text-decoration: none;
}
.module-lessons-content .accordion-wapper .btn-link p, .module-lessons-content .accordion-wapper .btn-link span{
    color: rgba(var(--Navy));
    font-size: 18px;
    font-weight: 500;
    font-family: "Public Sans", sans-serif;
    line-height: 21.6px;
}
.module-lessons-content .accordion-wapper .p-text p{
    font-size: 16px;
}
.module-lessons-content .section-item .section-inner-item .action-bar{
    gap: 24px;
}
.module-lessons-content .section-item .section-inner-item .action-bar .back-link-text span{
    color: rgba(var(--Navy));
    font-weight: 500;
    text-decoration: underline;
    font-family: "Public Sans", sans-serif;
}
.module-lessons-content .section-item .section-inner-item .action-bar .tzbtn1{
    width: 100%;
}
.checklist-step-box{
    gap: 20px;
}
.checklist-step-box .custom-checkmark {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    background: #fff;
    border: 2px solid #234C7982;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.checklist-step-box .form-check-label{
    color: rgba(var(--Navy));
   font-family: "Public Sans", sans-serif;
   font-weight: 600;
    cursor: pointer;
    font-size: 18px;
}
.checklist-step-box .custom-checkmark svg {
    width: 20px;
    height: 20px;
    stroke: transparent;
    stroke-width: 3;
    fill: none;
}
.checklist-step-box .form-check-input:checked + .custom-checkmark {
    background-color: #234C790A;
    border-color: rgba(var(--Navy));
}
.checklist-step-box .form-check-input:checked + .custom-checkmark svg{
    stroke: rgba(var(--Navy));
}
.module-lessons-content .section-item .checklist-wapper{
    border: 1px solid #234C7933;
    padding: 0 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.module-lessons-content .section-item .checklist-wapper .checklist-step-box{
    padding: 24px 0;
    border-bottom: 1px solid #E6E6E6;
}
.module-lessons-content .section-item .checklist-wapper .checklist-step-box:last-child{
    border: none;
}
.resources-item-list{
    border: 1px solid #BFCFDB;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.resources-item-list .resources-list-box{
    padding: 16px;
    border-bottom: 1px solid #BFCFDB;
    gap: 15px;
}
.resources-item-list .resources-list-box .download-pdf{
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    font-family: "Public Sans", sans-serif;
    text-transform: capitalize;
    color: rgba(var(--Navy));
}
.resources-item-list .resources-list-box:last-child{
    border: none;
}
.resources-item-list .resources-list-box .p-text {
    flex-grow: 1;
    gap: 5px !important;
}
.resources-item-list .resources-list-box .p-text ul li{
    list-style: circle !important;
}
.resources-item-list .resources-list-box .title{
    flex-grow: 1;
    color: rgba(var(--Navy));
    font-size: 18px;

    line-height: 21.6px;
}

/* <-------- Journey media start --------> */

@media (max-width: 991.98px){

    .module-lessons-wapper{
        flex-direction: column;
    }
    .module-lessons-wapper{
        gap: 32px;
    }
    .module-listing-sidebar {
        min-width: 100%;
        max-width: 100%;
    }

}

@media (max-width: 767.98px){

    .welcome-box{
        padding: 25px 20px;
    }
    .monthly-plan-wapper .monthly-plan-box{
        padding: 25px 20px;
    }
    .module-lessons-content .section-item{
        padding: 25px 20px;
    }
    .module-wapper .lessons-list .lessons-list-item{
        gap: 15px;
        padding: 15px;
    }
    .module-wapper .btn-link .btn-link-caption .img-bar{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .module-wapper .btn-link .btn-link-caption{
        gap: 12px;
        max-width: 100%;
    }
    .module-wapper .btn-link .btn-link-caption .bio-cap{
        gap: 12px;
    }
    .module-wapper .btn-link::after{
        background-position: center right;
        background-size: 18px;
        width: 25px;
        height: 20px;
        right: 0px;
        top: inherit;
        bottom: 9px;
        transform: inherit;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
    }
    .module-wapper .btn-link:not(.collapsed):after{
        transform: rotate(180deg) translate(-5px,1px);
        -webkit-transform: rotate(180deg) translate(-5px,1px);
        -moz-transform: rotate(180deg) translate(-5px,1px);
        -ms-transform: rotate(180deg) translate(-5px,1px);
        -o-transform: rotate(180deg) translate(-5px,1px);
}
}


@media (max-width: 575.98px){

    .welcome-box h1{
        font-size: 28px;
    }
    .module-lessons-content .section-item .section-inner-item .main-title{
        font-size: 24px;
    }
    .module-lessons-content .section-item .top-bar .img-bar .module-title{
        font-size: 20px;
    }
    .module-lessons-content .section-item .section-inner-item .short-title{
        font-size: 20px;
        line-height: normal;
    }
    .module-lessons-content .section-item .section-inner-item .p-text p, .module-lessons-content .section-item .section-inner-item .p-text p i{
        font-size: 16px;
    }
    .monthly-plan-wapper .monthly-plan-box{
        gap: 20px;
    }
    .module-wapper{
        padding: 20px 15px;
    }
    .monthly-plan-box .title{
        font-size: 24px;
        line-height: normal;
    }
    .monthly-plan-wapper{
        gap: 24px;
    }
    .module-wapper .btn-link .btn-link-caption .img-bar{
        height: 150px;
    }
    .monthly-plan-wapper{
        padding-top: 24px !important;
    }
    .module-lessons-wapper{
        gap: 24px;
    }
    .module-lessons-content .section-item .top-bar .img-bar{
        height: 180px;
    }
    .module-lessons-content .section-item-bar{
        gap: 24px;
    }
    .module-lessons-content .section-item{
        gap: 28px;
    }
    .module-lessons-content .section-item .section-inner-item .p-text{
        gap: 16px;
    }
    .module-lessons-content .section-item .section-inner-item{
        gap: 16px;
    }
    .module-lessons-content .section-item .section-inner-item .p-text-item{
        gap: 10px;
    }
    .module-lessons-content .section-item .checklist-wapper{
        padding: 0 15px;
    }
    .checklist-step-box .form-check-label{
        font-size: 16px;
    }
    .module-lessons-content .section-item .section-inner-item .p-text p, .module-lessons-content .section-item .section-inner-item .p-text p i, .module-lessons-content .section-item .section-inner-item .p-text ul li{
        font-size: 14px;
    }
    .main-wapper{
        padding: 24px 0 !important;
    }
    .module-listing-sidebar{
        padding: 20px;
    }
    .module-lessons-content .section-item .section-inner-item .action-bar{
        gap: 16px;
    }
}

/* <-------- Journey media end --------> */

/* <============= Journey page end =============> */


/** animation starts here **/

@keyframes shk1 {
    0% {
        transform: rotate(-360deg);
    }

    100% {}
}

@keyframes shk2 {
    0% {
        transform: rotate(360deg);
    }

    100% {}
}

.lt {
    color: rgba(var(--Navy));

    margin: 60px auto;
    text-align: center;
    font-weight: 100;
    letter-spacing: 5px;
}


/*css loader Over*/

.vimeo-player iframe {
    width: 100%;
    height: 515px;
    background: #fff;
    margin-top: 70px;
}

.new-sign-up-submit {
    display: block !important;
    width: 165px;
    text-align: center;
    font-size: 16px;
    height: 48px;
    line-height: 1.9;
}

.font-size-12in-mobile {
    font-size: 14px;
    width: 175px;
}

.font-size-12in-mobile-lg {
    width: 210px;
}

.main-div-mobile {
    display: none;
}

.max-width-100 {
    max-width: 100%;
}


/*modal*/

.modal-icon {
    position: absolute;
    right: 32%;
    top: 44%;
    color: rgba(var(--Navy));
    cursor: pointer;
    font-size: 24px;
}

.wgroup {
    display: block;
    position: relative;
}

.wgroup .modal-icon {
    top: 44px;
}


/*modal Over*/

.display-focus-on-iwl-plan {
    text-transform: lowercase;
}

.signup-our-mission-img {
    width: 280px;
    /*border-radius: 10px;*/
    max-width: 100%;
}


/* responsive */

@media all and (max-width:400px) {
    .landing-page-book-image {
        height: 142px !important;
    }

    .quote-white-box::after {
        bottom: -100px !important;
    }

    .author-logo-image-wrp {
        height: 150px;
        text-align: right !important;
    }

    .modal-icon {
        right: 15% !important;
    }

    .wgroup .modal-icon {
        right: 15% !important;
        right: 16px;
    }
}

@media all and (min-width:450px) and (max-width:600px) {
    .quote-white-box::after {
        bottom: 428px !important;
    }
}

@media all and (max-width:767px) {
    .sign-up-new-container {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .landing-page-book-image {
        height: 165px;
    }

    .landing-page-banner h1 {
        font-size: 25px;
    }

    .landing-page-container {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .sign-up-new-container h4 {
        font-size: 20px;
    }

    .sign-up-new-container h5 {
        font-size: 18px;
    }

    .contact-form-wrp h2 {
        font-size: 25px;
    }

    .landing-page-form label {
        font-size: 14px;
    }

    .custom-radio-button label {
        width: 50%;
    }

    .graph-image {
        width: auto;
        height: 260px;
        max-width: 100%;
    }

    .second-slide-button {
        z-index: 10;
        position: relative;
    }

    .quote-white-box::after {
        bottom: -98px;
    }

    .progress {
        width: 80%;
    }

    .custom-checkbox {
        font-size: 11pt;
    }

    .graph-image {
        margin: 30px auto;
    }

    .measure-tap-img {
        display: none;
    }

    .author-image {
        bottom: -18px;
        left: -64px;
        height: 420px;
        z-index: 0;
    }

    .author-image.author-image2 {
        left: -102px;
        bottom: -10px;
    }

    .author-image.first {
        height: 420px;
        bottom: -18px;
        left: -60px;
    }

    .author-name-section {
        margin-top: 110px;
    }

    .author-sub {
        font-size: 12px;
    }

    .w-b-35 {
        width: 100% !important;
    }

    .partner-logo-down-arrow {
        height: 30px;
        display: block;
    }

    .partner-logo-list {
        display: none;
    }

    .modal-icon {
        right: 20%;
        top: 45%;
    }

    .vimeo-player iframe {
        height: 152px;
    }

    .author-logo-image-wrp {
        height: 130px;
    }

    .author-logo-image {
        height: 100px;
        margin: 20px auto;
    }

    .testmonial-slider .slick-prev {
        left: 110px;
    }

    .testmonial-slider .slick-next {
        right: 110px;
    }

    .client-slider img {
        max-width: 60%;
        margin-top: 0px;
    }

    .w-w-50 {
        width: 90% !important;
    }

    .w-32 {
        width: 50%;
    }

    .w-b-25 {
        width: 50%;
    }

    .w-b-35 {
        width: 50%;
    }

    .w-35 {
        width: 50%;
    }

    .testmonial-author-name.desktop-item {
        display: none;
    }

    .testmonial-author-name.mobile-item {
        display: block;
    }

    /*.submit-button:hover{background-color: rgba(var(--Navy));color: #FFF;}*/
    .quote-white-box {
        padding: 21px;
    }

    #sign-up-new-form .main-div {
        padding-left: 0;
        padding-right: 0;
    }

    .onepagesignup .plananduserdata {
        padding: 32px 16px;
    }

    .onepagesignup .plananduserdata .left .head {
        flex-direction: column;
        align-items: start !important;
        gap: 16px;
    }

    .onepagesignup .plananduserdata .right {
        margin-top: 32px;
    }
}

@media all and (max-width:991px) {
    .d-block-desktop {
        display: none;
    }

    .d-block-tab {
        display: block;
    }

    .step-4-text-wrp .col-md-1 {
        width: 10%;
    }

    .graph-image {
        height: auto;
    }

    .client-slider img {
        max-width: 60%;
        margin-top: 0px;
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .landing-page-book-image {
        height: 340px;
    }

    .quote-white-box::after {
        bottom: -99px;
    }

    .author-image {
        left: -65px;
        bottom: 190px;
        height: 370px;
    }

    .modal-icon {
        top: 47%;
    }

    .wgroup .modal-icon {
        right: 25%;
        top: 44px;
    }

    .wgroup .modal-icon {
        top: 44px;
        right: 28%;
    }

    /*.submit-button:hover{background-color: rgba(var(--Navy));color: #FFF;}*/
    .sign-up-new-container .top_part {
        min-height: inherit;
    }

    .notification_popup {
        width: 98%;
        position: absolute;
        height: calc(100vh - 90px);
        top: 85px;
        left: 1%;
        z-index: 101;
        background: rgb(255, 255, 255);
        border-radius: 10px;
        box-shadow: 0 0px 10px #e6e6e6;
        display: none;
    }

    .notification_popup .upicon {
        position: absolute;
        right: 77px;
        top: -23px;
    }

    .notification_popup .upicon i {
        font-size: 34px;
        color: #FFF;
    }

    .notification_popup .notification_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 16px;
        border-bottom: 1px solid #CCC;
    }

    .notification_popup .notification_head h5 {
        font-size: 16px;
    }

    .notification_popup .notification_head p {
        font-weight: 600;
        color: #429ac7;
        font-size: 13px;
    }

    .notification_popup .notification_list {
        float: left;
        width: 100%;
        overflow-y: scroll;
        height: calc(100vh - 150px);
        padding-bottom: 50px;
    }

    .notification_popup .notification_list .item {
        width: 100%;
        float: left;
        position: relative;
        border-bottom: 1px solid #CCC;
        padding: 8px 32px 8px 16px;
    }

    .notification_popup .notification_list .item:last-child {
        border: 0 none;
    }

    .notification_popup .notification_list .item.unread {
        background: #ECF5FA;
    }

    .notification_popup .notification_list .item.unread .unreaddot {
        background: #429ac7;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        position: absolute;
        top: 24px;
        right: 16px;
    }

    .notification_popup .notification_list .item .title {
        color: rgba(var(--Navy));

        line-height: 20px;
        margin-bottom: 6px;
    }

    .notification_popup .notification_list .item .subtitle {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .notification_popup .notification_list .item .subtitle b {
        font-size: 13px;
    }

    .notification_popup .notification_list .item .time {
        font-size: 10px;
        color: #888;
    }

    .from_landingpage .billing_form_parent {
        flex-direction: column;
    }

    .from_landingpage.confirm_subscription .billing_form {
        width: 100%;
    }
}

@media all and (min-width:993px) and (max-width:1400px) {
    .dash_sec_main .dash_sec_one .content .header p {
        float: left;
    }

    .main_menu>li.tablet-hidden {
        display: none;
    }

    .main_menu>li.tablet-show {
        display: block;
    }

    .tablet-hidden {
        display: none;
    }

    .tablet-show {
        display: inline-flex;
    }
}

@media all and (min-width:992px) and (max-width:1200px) {
    .landing-page-book-image {
        height: 305px;
    }

    .quote-white-box::after {
        bottom: -99px;
    }

    .graph-image {
        height: auto;
    }
}

@media all and (min-width:768px) {
    .last-sec-text br {
        display: none;
    }
}


/* =================================================== landing page css Over=============================== */


/* ================ Purchase book section - start ================ */

.purchase_book .black-btn {
    background: var(--sec-btn-bg);
    display: inline-block;
    margin-bottom: 45px;
    border: 1px solid var(--sec-btn-border);
    transition: 0.5s ease-in-out;
    border-radius: 8px;
}

.purchase_book .black-btn a {

    font-size: 16px;
    color: var(--sec-btn-text);
    padding: 7px 65px;
    display: block;
    text-align: center;
}

.purchase_book .black-btn:hover {
    background: var(--sec-btn-hover-bg);
}

.purchase_book .black-btn:hover a {
    color: var(--sec-btn-text);
}

.purchase_book .selling-book-sec {
    width: 100%;
}

.purchase_book .item-body h2 {
    margin-bottom: 10px;
}

.purchase_book h5 {

    font-size: 14px !important;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
}

.purchase_book .selling-book-sec h5 {

    font-size: 14px !important;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
}

.purchase_book .item-body p {
    margin-bottom: 20px;
    font-size: 20px;
}

.purchase_book .selling-book-sec p {
    font-family: 'Museo Sans 500' !important;
    line-height: 22px !important;
    min-height: 45px;
}

.purchase_book .selling-book-sec .black-btn {
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
}

.purchase_book .selling-book-sec .black-btn.active {
    background: rgba(var(--Light-Blue));
    border: 1px solid rgba(var(--Light-Blue));
}

.purchase_book .selling-book-sec .black-btn.active a {
    color: #000;
}

.purchase_book .item-body {
    padding: 30px 20px 0px 20px;
}

.purchase_book h2.sub-heading {
    font-size: 30px;

    color: rgb(34, 76, 121);
    line-height: 34px;
    margin-bottom: 40px;
}

.purchase_book .selling-book-sec .item-body {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 32px;
}

.purchase_book .selling-book-sec .item-body .div_book_purchase {
    margin-bottom: 10px;
}

.purchase_book .selling-book-sec .item-body .div_book_purchase input {
    width: 100%;
    color: #22222280;
    background-color: #fff;
    border: 1pt solid #5E7FB133 !important;
    border-radius: 5pt;
    font-size: 16px;
    display: block;
    padding: 10px;
}

.purchase_book .selling-book-sec .item-body .price-label {
    position: absolute;
    right: 15px;
    top: 25px;
}

.purchase_book .selling-book-sec .item-body .price-label span {

    font-size: 14px;
    font-weight: bold;
    width: 60px;
    height: 60px;
    background-color: #000000;
    color: rgba(var(--Light-Blue));
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 60px;
}

.purchase_book_terms_checkbox .custom-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 0;
}

.purchase_book_terms_checkbox_text {
    padding-left: 34px;
}

/* ================ Purchase book section - end ================ */


/* ================ Diet rate quiz - start ================ */

/* .diet-rate-quiz .radio {
    margin: 16px 0;
    display: block;
    cursor: pointer;
}

.diet-rate-quiz .radio input {
    display: none;
}

.diet-rate-quiz .radio input+span {
    line-height: 22px;
    min-height: 22px;
    padding-left: 22px;
    display: block;
    position: relative;
}

.diet-rate-quiz .radio input+span:not(:empty) {
    padding-left: 30px;
}

.diet-rate-quiz .radio input+span:before,
.radio input+span:after {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute;
}

.diet-rate-quiz .radio input+span:before {
    background: #D1D7E3;
    transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
    transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.diet-rate-quiz .radio input+span:after {
    background: #fff;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
    transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.diet-rate-quiz .radio input:checked+span:before {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    background: #0b9bcc;
}

.diet-rate-quiz .radio input:checked+span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.diet-rate-quiz .radio:hover input+span:before {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
}

.diet-rate-quiz .radio:hover input+span:after {
    -webkit-transform: scale(0.74);
    transform: scale(0.74);
}

.diet-rate-quiz .radio:hover input:checked+span:after {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
} */

.diet-rate-quiz {
    float: left;
    width: 100%;
    border-radius: 10px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.diet-rate-quiz .item {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 24px;
}

.diet-rate-quiz .item:not([data-id='1']) {
    display: none;
}

.diet-rate-quiz .item .img {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.diet-rate-quiz .item .img img {
    width: 100%;
}

.diet-rate-quiz .item .question {
    font-family: "Public Sans", sans-serif;
    font-weight: 700;
    color: rgba(var(--Navy));
}

.diet-rate-quiz .item ul {}

.diet-rate-quiz .item ul li {
    margin-right: 16px;
    display: inline-block;
    float: left;
}

.diet-rate-quiz .userdetails {
    float: left;
    width: 100%;
}

.diet-rate-quiz .userdetails .title {
    font-family: "Public Sans", sans-serif;
    margin-bottom: 16px;
    text-align: center;
    color: rgba(var(--Navy));
}

.diet-rate-quiz .itemfooter {
    float: left;
    width: 100%;
}

.diet-rate-quiz .itemfooter .tzbtn1 {
    font-size: 14px;
    /* padding: 8px; */
}

.diet-rate-quiz .answerpart {
    float: left;
    width: 100%;
    display: none;
}

.diet-rate-quiz .answerpart .aitem {
    float: left;
    width: 100%;
}

.diet-rate-quiz .answerpart .img {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.diet-rate-quiz .answerpart .img img {
    width: 100%;
}

.diet-rate-quiz .answerpart .aitem .score {
    font-family: "Public Sans", sans-serif;
    font-size: 1.5rem;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 500;
    color: rgba(var(--Navy));
}
.diet-rate-quiz .answerpart .aitem .score .total_score{
    font-family: "Public Sans", sans-serif;
    font-weight: 500;
    color: rgba(var(--Navy));
    font-weight: 700;
}

.diet-rate-quiz .answerpart .aitem .range {
    margin-bottom: 8px;
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
}

.diet-rate-quiz .answerpart .aitem .details {
    font-family: "Public Sans", sans-serif;
    color: rgba(var(--Navy));
}

.diet-rate-quiz .answerpart .itemfooter {
    margin-top: 32px;
}

.diet-rate-quiz .answerpart .itemfooter .w-size25 {
    width: 200px;
}

.diet-rate-quiz .answerpart .itemfooter .tzbtn1 {
    padding: 8px 40px;
}

.diet-rate-quiz .progress {
    width: 100%;
}

.diet-rate-quiz .itemfooter .prevbtn {
    margin-top: 16px;
    display: none;
    float: left;
    text-align: center;
    width: 100%;
}


/* ================ Diet rate quiz - end ================ */

/* ================ podcast page - start ================ */
.podcast_ul {
    float: left;
    width: 100%;
    margin-top: 24px;
}

.podcast_ul li {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 16px;
}

.podcast_ul li a {
    text-decoration: underline;
    color: #333;
    padding: 6px 8px;
}

/* ================ podcast page - end ================ */

/* ================ Feedback page - start ================ */

.feedback_form {
    float: left;
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
}

.feedback_form label {

}


.feedback_form ul.stars {}

.feedback_form ul.stars li {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.feedback_form ul.stars li.selected i {
    color: #fab005;
}

.feedback_form ul.stars li i {
    color: rgba(var(--Navy));
}

.feedback_form .feedback_response i {
    color: rgba(var(--Navy));
    font-size: 28px;
}

.feedback_form .feedback_response h3 {
    color: rgba(var(--Navy));
    margin: 12px 0 24px 0;
}

/* ================ Feedback page - end ================ */

/* Responsive */

@media (min-width: 1900px) and (max-width: 1920px) {
    body:not(.home) .container {
        /*max-width: 1820px;*/
    }

    body .container.before_login {
        max-width: 1200px;
    }

    .tzbox .head h4 {
        font-size: 1.3rem;
    }

    .charts {
        /*        flex: 0 0 46.34%;
        max-width: 46.34%;*/
    }
}

@media (min-width: 1600px) and (max-width: 1920px) {
    .height100vh_lg {
        height: 100vh;
    }

    .recipes .results .item .img {
        /*height: 22.5vw;*/
    }

    .signup_header h1 {
        font-size: 4.5rem;
        line-height: 85px;
    }

    .signup_header h4 {
        font-size: 2.2rem;
        line-height: 46px;
    }

    .rewards .membership_col {
        max-width: 1140px;
    }
}

@media (min-width: 1025px) and (max-width: 1112px) {
    /* iPad Pro */
}

@media (min-width: 992px) and (max-width: 1024px) {
    .custom_padding {
        padding: 0 15px;
    }

    .charts {
        /*        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;*/
    }

    .main_menu {
        left: 0%;
        position: relative;
    }

    .welcome_video .sec_footer .tzbtn2 {
        float: none;
        padding: 12px 30px;
    }

    .main_menu>li {
        padding-left: 10px;
        padding-right: 10px;
    }

    .signup_form_main .step2 .ul2 {
        margin-left: 0;
    }

    .signup_form_main .step2 .ul2 {
        padding-right: 0;
    }

    .tracker_page .datepicker_pt .datepicker-days table tbody td {
        height: 102px;
    }

    .tracker_page .progress_accordion .accordion_header li h5 {
        font-size: 14px;
    }

    .daily_progress_new .content .clist .item_list:hover {
        background: #f4f4f7;
    }

    #checklistModal .modal-body .items .item_list:hover {
        background: #f4f4f7;
        border: 0;
        padding: 17px 14px;
    }

    .signup_header {
        padding: 2rem 0rem;
    }

    .signup_header h1 {
        font-size: 2.1rem;
        line-height: 44px;
    }

    .signup_header h4 {
        font-size: 1.0rem;
        line-height: 26px;
    }

    .signup_form_main .step3 .sec_title .subtitle {
        padding-right: 0;
    }

    .signup_form_main .sec_title h3 {
        font-size: 1.5rem;
    }

    .subscription .update_card {
        width: 100%;
        text-align: center;
        float: left;
    }

    .subscription .update_card .update_card_btn {
        float: none;
    }

    .subscription .update_subscription {
        width: 100%;
        text-align: center;
        float: left;
    }

    .subscription .update_subscription .update_sub_btn {
        float: none;
    }

    .dashboard .daily_progress_new .tzbtn1 {
        width: auto;
    }

    .main_menu>li.resource_link {
        display: none;
    }

    .week_focus .content .tzbtn1 {
        left: 10%;
        width: 80%;
    }

    .week_focus .content .tzbtn1:hover {
        color: rgba(var(--Navy));
        background: #FFF;
    }

    .signup_form_main .iwlplans .iwlplan .plan_btns button {
        padding: 5px;
        font-size: 14px;
    }

    .signup_form_main .iwlplans .iwlplan.plusplan .plan_btns {
        margin-top: 15px;
    }

    .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
        margin-top: 57px;
    }

    .subscription .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
        margin-top: 80px;
    }

    .signup_form_main .iwlplans .plan_msg h3 {
        font-size: 1.2rem;
    }

    .signup_form_main .iwlplans .plan_msg p {
        font-size: 18px;
    }

    .extra_sections .right {
        left: 0;
    }

    .about_recipes .right {
        height: 385px;
    }

    .home {
        overflow-x: hidden;
    }

    .about_nick .left {
        height: 385px;
    }

    .prestigious_incubate .bottom .iframe iframe {
        height: 320px;
    }

    .hinslogo li {
        width: calc(100% / 5 - 30px);
    }
}

@media (min-width: 993px) and (max-width: 1023px) {
    .logo img {
        max-height: 22px;
    }
}

@media (min-width: 993px) and (max-width: 1290px) {
    .search_section .opened_search_box {
        position: absolute;
        margin-right: 0;
        bottom: -66px;
        right: 0;
        border-bottom: 1px solid rgba(var(--Light-Blue));
        border-left: 1px solid rgba(var(--Light-Blue));
        border-right: 1px solid rgba(var(--Light-Blue));
    }

    .search_section .opened_search_box input {
        background-color: #FFF;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .daily_progress_new .tzbox .head {
        display: inline-block;
        height: 68px;
    }

    .daily_progress_new .head .center {
        float: right;
        margin: 5px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .welcome_video .sec_footer .tzbtn2 {
        float: left;
        padding: 10px;
        width: 100%;
    }

    .login_form_main .sec_footer {
        padding: 30px 0;
    }

    .welcome_video .sec_footer {
        padding: 30px;
    }

    .custom_padding {
        padding: 0 15px;
    }

    .horizontal-scrollable>.row {
        overflow-x: auto;
        margin: 0;
        padding-bottom: 15px;
    }

    .recipe_detail_main .details {
        width: 92%;
    }

    .recipe_detail_main .details .head .left ul li:nth-child(2) {
        margin: 0 6px;
        padding: 0 6px;
    }

    .recipe_detail_main .details .head {
        padding: 8px 15px 8px 15px;
    }

    .recipe_detail_main .details .content {
        padding: 30px 0px;
    }

    .signup_form_main .step2 .ul2 {
        margin-left: 0;
    }

    .c100>span strong {
        font-size: 22px;
    }

    .signup_form_main .step2 .ul2 {
        padding-right: 0;
    }

    .page_slider .right {
        min-height: 360px !important;
    }

    .page_slider .left {
        min-height: 360px !important;
    }

    .page_slider .content {
        bottom: 30px;
    }

    .wrap_header_mobile.isnotlogin {
        padding-right: 15px;
    }

    .page_slider .left h1 {
        font-size: 1.5rem;
    }

    .page_slider .left .btnonly a {
        padding: 6px 40px;
    }

    .page_slider .content {
        padding: 30px 15px 15px 15px;
    }

    .recipes .results .item h4 p {
        line-height: 24px;
        font-size: 1.2rem;
        width: calc(100% - 40px);
    }

    .recipes .results .item h4 span.favorite img {
        width: 20px;
    }

    /* faq page  */
    .faq-page .main_banner h1 {
        font-size: 35px;
    }

    .faq-page h5 {
        text-align: center;
    }

    /* faq page  End*/
    .tracker_page .datepicker_pt .datepicker-days table tbody td {
        height: 91px;
    }

    .tracker_page .progress_accordion .accordion_header li h5 {
        font-size: 14px;
        width: 55%;
    }

    .tracker_page .progress_accordion .accordion_body li .label {
        width: 70%;
    }

    .tracker_page .progress_accordion .accordion_body li .count {
        width: 30%;
    }

    .daily_progress_new .content .clist .item_list:hover {
        background: #f4f4f7;
    }

    #checklistModal .modal-body .items .item_list:hover {
        background: #f4f4f7;
        border: 0;
        padding: 18px 14px;
    }

    #checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list {
        padding: 14px 14px;
    }

    .signup_header {
        padding: 2rem 0rem;
    }

    .signup_header h1 {
        font-size: 2.1rem;
        line-height: 44px;
    }

    .signup_header h4 {
        font-size: 1.0rem;
        line-height: 26px;
    }

    .signup_form_main .step3 .confirming_text {
        padding: 0;
    }

    .signup_form_main .step3 .sec_title .subtitle {
        padding-right: 0;
    }

    .signup_form_main .iwlplans .iwlplan .content .plusimg {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .signup_form_main .iwlplans .iwlplan.plusplan .content>p {
        margin-bottom: 0px;
        padding-bottom: 0;
    }

    .signup_form_main .iwlplans .iwlplan.plusplan .content ul {
        margin-bottom: 15px;
    }

    .signup_form_main .iwlplans .iwlplan .content ul {
        padding-bottom: 10px;
    }

    .signup_form_main .iwlplans .iwlplan .content {
        padding: 10px;
    }

    .signup_form_main .sec_title h3 {
        font-size: 1.5rem;
    }

    #PlanInfoModal .modal-dialog {
        max-width: 730px;
    }

    #updatesubModal .modal-dialog {
        max-width: 730px;
    }

    #updatesubModal .signup_form_main .iwlplans .iwlplan.activeplan_main .content {
        padding: 10px;
    }

    .subscription .update_card {
        width: 100%;
        text-align: center;
        float: left;
    }

    .subscription .update_card .update_card_btn {
        float: none;
    }

    .subscription .update_subscription {
        width: 100%;
        text-align: center;
        float: left;
    }

    .subscription .update_subscription .update_sub_btn {
        float: none;
    }

    .subscription .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
        margin-top: 52px;
    }

    .dashboard .daily_progress_new .tzbtn1 {
        width: auto;
    }

    .resources .resource_list .resource_each .left {
        height: 350px;
    }

    .resources .resource_list .resource_each .right h1,
    .resources .resource_list .resource_each .right h2 {
        font-size: 1.8rem;
    }

    .week_focus .content .tzbtn1 {
        left: 10%;
        width: 80%;
    }

    .week_focus .content .tzbtn1:hover {
        color: rgba(var(--Navy));
        background: #FFF;
    }

    div.dataTables_wrapper .row>.col-sm-5 {
        padding-right: 0;
        margin-bottom: 15px;
    }

    div.dataTables_wrapper .row>.col-sm-7 {
        padding-left: 0;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        width: 100%;
        display: block;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
        display: inline-block;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination li:first-child {
        margin-left: 0 !important;
    }

    .signup_form_main .iwlplans .iwlplan .plan_btns button {
        padding: 5px;
        font-size: 14px;
    }

    .signup_form_main .iwlplans .iwlplan.plusplan .plan_btns {
        margin-top: 15px;
    }

    .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
        margin-top: 57px;
    }

    .signup_form_main .iwlplans .plan_msg h3 {
        font-size: 1.2rem;
    }

    .signup_form_main .iwlplans .plan_msg p {
        font-size: 18px;
    }

    .tracker_page .datepicker_pt .datepicker-days table tbody td.completed img {
        bottom: 8px;
        right: 8px;
        width: 15px;
    }

    .prestigious_incubate .bottom .iframe iframe {
        height: 320px;
    }

    .hinslogo li {
        width: calc(100% / 5 - 30px);
    }

    .dh_streaks {
        padding-right: 0px;
        padding-left: 0px;
    }

    .leaderboard {
        padding-right: 15px;
        padding-left: 15px;
    }

    .rewards .membership {
        margin-bottom: 24px;
    }

    .rewards .membership .membership_item .footer {
        position: relative;
    }

    .rewards .membership .membership_item .content {
        padding-bottom: 32px;
    }

    .week_focus {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 0px;
        margin-bottom: 32px;
    }

    nav.side-menu {
        padding-bottom: 150px;
    }
}

@media (min-width: 205px) and (max-width: 767px) {
    .custom_padding {
        padding: 0 15px;
    }

    .login_form_main {
        margin: 5% 15px 0 15px;
    }

    .login_form_main .sec_footer h6 {
        text-align: center;
    }

    .login_form_main .sec_footer .right {
        text-align: center;
        padding: 30px 0;
    }

    .login_form_main .sec_footer {
        padding: 20px 0 0 0;
    }

    footer .footer_links li {
        margin: 0px 0 8px 0;
        width: 100%;
        text-align: center;
    }

    footer .footer_links li:nth-child(2) {
        margin: 0px 0 8px 0;
    }

    footer .footer_links li:nth-child(2) a {
        padding: 0;
        border: 0 none;
    }

    footer .footer_links li:nth-child(3) a {
        border: 0 none;
        padding: 0;
    }

    footer .footer_links li:nth-child(4) a {
        padding: 0;
    }

    footer .copyright_text {
        text-align: center !important;
        padding: 0;
        font-size: 14px;
    }

    footer .footer_links {
        border-bottom: 1px solid #80848c;
        margin: 0 60px;
        margin: 0 60px 25px 60px;
        padding-bottom: 20px;
    }

    .height100vh {
        height: auto;
    }

    .signup_form_main .step2 .ul2 {
        margin-left: 0;
    }

    .signup_form_main .step2 .ul2 li p {
        float: none;
    }

    .mobile_label_1 {
        text-align: left;
    }

    .cntr {
        position: relative;
    }

    .group.group_type2_2 input {
        padding-top: 0;
    }

    .group.group_type2_2 .unit {
        top: 6px;
    }

    .welcome_video .sec_footer {
        padding: 30px 15px;
    }

    .welcome_video .sec_footer .left {
        text-align: center;
    }

    .charts {
        /*        flex: 0 0 100%;
        max-width: 100%;*/
    }

    .week_focus {}

    .daily_progress_new {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .daily_progress_new .content .clist {
        height: auto;
    }

    .daily_progress_new .content .footer_main {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .daily_progress_new .content .clist .item_list:hover {
        background: #f4f4f7;
    }

    .mea_modal .modal-header {
        padding: 20px 15px;
    }

    .mea_modal .modal-body {
        padding: 15px 15px 7px 15px;
    }

    .general_message .general_message_sub .head {
        border-bottom: none;
        padding: 15px 10px 0px 5px;
    }

    .general_message .general_message_sub .tzborder {
        border-right: 0;
    }

    .general_message {
        width: 100%;
    }

    .general_message .general_message_sub .content {
        padding: 20px 0px 15px 5px;
    }

    .mea_modal .modal-header h4 {
        width: 100%;
    }

    .mea_modal .modal-header a {
        float: left;
        font-size: 14px;
    }

    .mea_modal .modal-content .group.group_type2_1 input {
        bottom: 5px;
        font-size: 26px;
        padding-bottom: 14px;
    }

    .recipes .category.mobile {
        display: block;
    }

    .recipes .category.desktop {
        display: none;
    }

    .recipe_detail_main .details {
        width: 100%;
        margin: 0 auto 0 auto;
    }

    .recipe_detail_main .details .head {
        padding: 15px;
        text-align: center;
    }

    .recipe_detail_main .details .head .left ul li p {
        float: none;
        width: 100%;
    }

    .recipe_detail_main .details .head .left ul li span {
        float: none;
        margin-left: 0;
    }

    .recipe_detail_main .details .head .right {
        margin-top: 20px;
    }

    .recipe_detail_main .details .content {
        padding: 25px 0px;
    }

    .recipe_detail_main .details .content h1 {

        font-size: 1.9rem;
    }

    .recipe_detail_main .details .content .left {
        border-right: 0 none;
    }

    .recipe_detail_main>.container {
        padding-top: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .recipe_detail_main .details {
        box-shadow: none;
    }

    .recipe_detail_main .details .content .right {
        padding-left: 15px;
    }

    .welcome_video .sec_footer .tzbtn2 {
        padding: 12px 24px;
        font-size: 16px;
    }

    .signup_form_main .step2 .ul1 li:first-child {
        width: 100%;
    }

    .signup_form_main .step2 .ul1 li:first-child .price_subtitle {
        width: 115px;
        margin: 0 auto;
    }

    .signup_form_main .step2 .ul1 li:last-child {
        width: 100%;
        padding-left: 0;
    }

    .c100>span strong {
        font-size: 22px;
    }

    .group.group_type3.group_type3_1 input {
        font-size: 24px;
    }

    .group.group_type3.group_type3_1 .bar {
        bottom: 6px;
    }

    .group.group_type3.group_type3_1 input[value=""]:not(:focus):valid~label {
        top: 4px;
    }

    .group.group_type3.group_type3_1 .unit {
        top: 4px;
    }

    .signup_form_main .step2 .ul2 {
        padding-right: 0;
    }

    .about_recipes .left {
        order: 2;
    }

    .page_slider #carousel-custom-dots li {
        background: #FFF !important;
        width: 8px;
        height: 8px;
    }

    .page_slider {
        background: rgba(var(--Navy));
    }

    .page_slider #carousel-custom-dots li.active {
        background: #f8e9a1 !important;
    }

    .page_slider ul.owl-dots {
        width: 100%;
        right: auto !important;
        bottom: 5px !important;
        text-align: center;
        background: rgba(var(--Navy));
    }

    .page_slider ul.owl-dots li {
        float: none;
        display: inline-block;
    }

    .page_slider .left p {
        display: none;
    }

    .page_slider .left h1 {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .page_slider .right {
        order: 1;
        min-height: auto;
        height: 56.25vw;
    }

    .page_slider .left {
        order: 2;
        min-height: auto;
        padding-bottom: 40px;
    }

    .page_slider .content {
        padding: 15px 15px !important;
    }

    .recipes .results .item .img {
        height: 32vw;
    }

    /* faq page  */
    .faq-page .main_banner h1 {
        font-size: 30px;
    }

    .faq-page h5 {
        text-align: center;
    }

    /* faq page  End*/
    .dashboard .daily_progress_new .footer_main .footer_1_3 {
        position: relative
    }

    .signup_header {
        padding: 2rem 0rem;
    }

    .signup_header h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .signup_header h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .signup_form_main {
        margin: 10% 15px 0 15px;
    }

    .subscription .signup_form_main {
        margin: 10% 0 0 0;
        padding-bottom: 0;
    }

    .signup_form_main .sec_title {
        padding: 0;
    }

    .signup_form_main .sec_content {
        padding: 0;
    }

    .after_signup_form_main.signup_form_main .sec_title {
        padding: 0 15px;
    }

    .after_signup_form_main.signup_form_main .sec_content {
        padding: 0 15px;
    }

    .signup_form_main .step3 .sec_title {
        padding: 0 0px;
    }

    .signup_form_main .step3 .sec_content {
        padding: 0 0px;
        margin-bottom: 20px;
    }

    .after_signup_form_main.signup_form_main .step3 .sec_title {
        padding: 0 15px;
    }

    .after_signup_form_main.signup_form_main .step3 .sec_content {
        padding: 0 15px;
    }

    .signup_form_main .step3 .sec_title .subtitle {
        padding-right: 0;
    }

    .after_signup_form_main.signup_form_main .step3 .sec_title .subtitle {
        padding-right: 15px;
    }

    .signup_form_main .step3 .confirming_text {
        padding: 0;
    }

    .signup_form_main .iwlplans .iwlplan {
        margin-bottom: 15px;
    }

    .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
        margin-top: 15px;
    }

    .signup_form_main .iwlplans .iwlplan.plusplan .plan_btns {
        margin-top: 15px;
    }

    .signup_form_main .iwlplans .plan_msg {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .signup_form_main .iwlplans .plan_msg h3 {
        font-size: 1.1rem;
        line-height: 24px
    }

    .signup_form_main .iwlplans .plan_msg p {
        font-size: 18px;
    }

    .signup_form_main .iwlplans .iwlplan .plan_btns button {
        font-size: 14px;
        padding: 8px 5px;
    }

    .signup_form_main .sec_title h3 {
        font-size: 1.4rem;
    }

    .subscription .signup_form_main .iwlplans .iwlplan {
        height: auto;
    }

    .subscription .payment_detail {
        margin-top: 15px;
    }

    .start_journey .right h1 #month {
        right: auto;
    }

    .subscription .update_card {
        width: 100%;
        text-align: center;
        float: left;
    }

    .subscription .update_card .update_card_btn {
        float: none;
    }

    .subscription .update_subscription {
        width: 100%;
        text-align: center;
        float: left;
    }

    .subscription .update_subscription .update_sub_btn {
        float: none;
    }

    .subscription .signup_form_main .iwlplans .iwlplan.simpleplan .plan_btns {
        margin-top: 15px;
    }

    .subscription .payment_detail .payment_detail_content label.pointer {
        width: 100%;
    }

    .daily_progress_new .content .footer_1 {
        position: relative;
        width: 100%;
        float: left;
    }

    .daily_progress_new .content .footer_2 {
        margin: 10px 0 14px 0;
        position: relative;
        bottom: 0;
    }

    .dashboard .daily_progress_new .tzbtn1 {
        width: 100%;
    }

    .learn .panel-heading a.left:before {
        content: "\f078";
    }

    .learn .panel-group .panel-heading .panel-title a.left {
        width: 100%;
    }

    .learn .panel-group .panel-heading .panel-title .right {
        display: none;
    }

    .learn .panel-group .panel-body .row>.col-md-6 {
        margin-bottom: 20px;
    }

    .learn .panel-group .panel-body .bottom_download_btn {
        display: block;
    }

    .learn .panel-heading {
        box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.1);
        width: 100%;
        float: left;
    }

    .learn .container {
        padding: 0;
    }

    .learn .panel-default {
        margin-top: 0;
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(var(--Navy));
    }

    .learn .panel-group .panel-heading .panel-title a.left {
        padding: 15px;
    }

    .learn .panel-group .panel-body {
        padding: 0px;
    }

    .learn .panel-heading a.left:before {
        margin-top: 8px;
        color: rgba(var(--Navy));
    }

    .resources .resource_list .resource_each .left {
        height: 250px;
    }

    .resources .resource_list .resource_each .right h1,
    .resources .resource_list .resource_each .right h2 {
        font-size: 1.8rem;
    }

    .resources .resource_list .resource_each .right .content {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .daily_progress_new .dpfooter_btn {
        margin-top: 35px;
    }

    .resources .resource_list .resource_each .right .content {
        padding-left: 0px;
    }

    .resources .resource_list .resource_each {
        margin-bottom: 46px;
    }

    .tracker_page #tab5 .pagination {
        margin: 50px auto 30px auto;
    }

    .week_focus .content #week_goal_text {
        /*min-height: 120px;*/
        min-height: 1px;
        /*font-size: 24px;*/
        font-size: 1.3rem;
    }

    .week_focus .content .tzbtn1 {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
    }

    .week_focus .content .tzbtn1:hover {
        color: rgba(var(--Navy));
        background: #FFF;
    }

    .week_focus .head p {
        position: relative;
        z-index: 99;
        padding-left: 12px;
        float: right;
        /*padding: 10px 10px 0px 10px;*/
        /*top: -15px;*/
    }

    .week_focus .head p i {
        /*font-size: 24px;*/
        /*margin-top: 5px;*/
        top: -2px;
        position: relative;
    }

    div.dataTables_wrapper .row>.col-sm-5 {
        padding-right: 0;
        margin-bottom: 15px;
    }

    div.dataTables_wrapper .row>.col-sm-7 {
        padding-left: 0;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        width: 100%;
        display: block;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
        display: inline-block;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination li:first-child {
        margin-left: 0 !important;
    }

    .signup_form_main .iwlplans .plan_msg p.second-p {
        line-height: 25px;
    }

    .signup_form_main .iwlplans .plan_msg p {
        font-size: 16px;
    }

    .about_nick .left {
        height: auto !important;
        padding-top: 75%;
    }

    .about_recipes .right {
        height: auto !important;
        padding-top: 75%;
    }

    .tracker_page .datepicker_pt .datepicker-days table tbody td.completed img {
        bottom: 3px;
        right: 3px;
        width: 14px;
    }

    #checklistModal .modal-body .treats .options .item .item_left {
        width: 70%;
    }

    #checklistModal .modal-body .treats .options .item .item_right {
        width: 30%;
    }

    #checklistModal .modal-dialog {
        margin-right: 0;
        margin-bottom: -1px;
        margin-left: -1px;
        margin-top: -1px;
    }

    #checklistModal .modal-body .treats .desc p {
        line-height: 22px;
    }

    #checklistModal .modal-body .items .item_list_main label.item_list .icon_right {
        margin-top: 0px;
    }

    #checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list .icon_right.checked {}

    #checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list {
        padding: 17px 0px;
    }

    #checklistModal .modal-body .items .item_list:hover {
        background: #f4f4f7;
        border: 0;
        padding: 18px 0px;
    }

    #checklistModal .modal-body .items .item_list {
        padding: 18px 0px;
    }

    .charts .chart_canvas {
        padding-bottom: 0px;
    }

    .charts .chart_canvas canvas {
        width: auto !important;
    }

    #ShareOnFBBadgeModal .modal-title {
        line-height: 30px;
        font-size: 1.5rem;
    }

    #ShareOnFBBadgeModal .modal-body img.logo_white {
        width: 185px;
    }

    #ShareOnFBBadgeModal .modal-body .badge img {
        width: 120px;
    }

    .science_iwl .list .btnonly {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .science_iwl .list {
        padding: 20px 0px;
    }

    .prestigious_incubate .top ul li {
        width: 140px;
    }

    .prestigious_incubate .bottom .iframe iframe {
        height: 210px;
    }

    .hinslogo li {
        width: calc(100% / 2 - 30px);
        margin: 15px;
    }

    .main-div-pb {
        padding-bottom: 0;
    }

    .step-4-list {
        margin-top: 34px;
        padding-bottom: 24px;
    }

    .masterchef {
        margin-bottom: -40px;
    }

    .masterchef .masterchef_go.mt-70 {
        margin-top: 0;
    }

    .good_hands {
        margin-bottom: -32px;
    }

    .good_hands .good_hands_go.mt-70 {
        margin-top: 0;
    }

    .good_hands .author-logo-image-wrp {
        height: 120px;
    }

    .sign-up-new-container .top_part {
        min-height: inherit;
    }

    .tracker_main .tracker-nav-first li a {
        /* padding: 9px 2px; */
        font-size: 12px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .cholesterol_page .head .right {
        width: 100%;
    }

    .faq_filter {
        width: 100%;
    }

    .faq_filter .bo4.filter {
        width: calc(100% - 40px);
    }

    .faq_filter .bo4 {
        width: 100%;
    }

    .dh_streaks {
        padding-right: 0px;
        padding-left: 0px;
    }

    .dh_streaks .item_list {
        justify-content: space-between;
    }

    .leaderboard {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 24px;
    }

    /*    .rewards .mboxs .mbox .head{display:block !important;}
        .rewards .mboxs .mbox .head .title_btn{justify-content: space-between;}*/
    .rewards {
        padding-top: 24px;
    }

    .rewards .membership {
        margin-bottom: 24px;
        padding: 0 15px;
    }

    .rewards .membership .membership_item .footer {
        position: relative;
    }

    .rewards .membership .membership_item .content {
        padding-bottom: 32px;
    }

    .glass-img-reward img {
        width: 100%;
    }

    .rewards .memberships {
        /*margin: 0px 15px;*/
    }

    .leaderboard .userdata {
        padding: 10px;
    }

    .leaderboard .tab-content table tr.me td {
        width: auto;
    }

    .week_focus {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 0px;
        margin-bottom: 32px;
    }

    .leaderboard.mobile {
        position: relative;
    }

    .leaderboard.mobile .userdata .name {
        width: 65%;
        border-right: 0 none;
    }

    .rewards .backbutton {
        margin-top: 40px;
    }

    .rewards .head img {
        height: auto;
    }

    .dh_streaks .header .help_edit {
        margin-top: 16px;
        padding-bottom: 55px;
    }

    .dh_streaks .header .help_edit .edit {
        padding-right: 0px;
        width: 280px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        padding-right: 0;
    }

    .dh_streaks .header .subtitle {
        margin-top: 0px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .dh_streaks .header {
        position: relative;
    }

    .dh_streaks .header .help_edit .edit span#edithabit span,
    .dh_streaks .header .help_edit .edit span#close_edithabit span {
        padding-left: 2px;
    }

    .diet-rate-quiz .item ul li {
        width: 100%;
    }

    /* .radio {
        margin: 10px 0;
    } */

    .price-list-badge {
        top: -25px;
        right: -5px;
    }

    /* ========== progress tracker - Habit tracker section css - start ========== */
    /*    .habit_tracker_main{margin-bottom: 48px;}*/
    .tracker_main .habit_tracker_main .tracker-nav-second li {
        width: calc(100% / 4);
    }

    .tracker_main .habit_tracker_main .tracker-nav-second {
        width: 100%;
        box-shadow: none;
        padding: 0;
        border-radius: 24px;
        background-color: #E8E8E8;
    }

    .tracker_main .habit_tracker_main .tracker-nav-second li a {
        padding: 5px;
        font-size: 12px;
        border-radius: 24px;
        padding: 9px 5px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    #htm_statistics .head_part .right {
        width: 100%;
        margin-top: 24px;
    }

    .htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td,
    .htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.active {
        height: 49px;
    }

    .htm_monthly_content_part .datepicker_ht .datepicker-days table tbody td.completed_ht img {
        bottom: 3px;
        right: 3px;
        width: 14px;
        height: 14px;
    }

    #htm_monthly .head_part .habitselection {
        width: 100%;
        margin-top: 8px;
    }

    .tracker_main .tracker-nav-tab-content .tab-pane-first .container {
        padding-left: 0;
        padding-right: 0;
    }

    .tracker_main .tracker-nav-weight-second li a {
        font-size: 12px;
    }

    .charts.pt_weight_charts .chart_canvas_footer ul li {
        width: calc(50% - 8px);
        display: inline-block !important;
        margin-bottom: 16px;
    }

    .tracker_main .tracker-nav-weight-second {
        margin-top: 0px;
        box-shadow: none;
        background-color: #E8E8E8;
        padding: 0px;
        border-radius: 24px;
    }

    .reset_progress_btn {
        margin-top: 16px;
    }

    .cholesterol_page .head .left {
        width: 100%;
    }

    .tracker_page #tab5 .row .col-md-12 .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    /* ========== progress tracker - Habit tracker section css - end ========== */
    footer .flinks li a {
        font-size: 14px;
    }

    footer h5 {
        margin-top: 18px;
    }

    footer a {
        font-size: 14px;
    }

    footer .first .desc {
        font-size: 14px;
    }

    .landing-page-content h3.author_name {
        padding-top: 0;
    }

    .media-article-detail-page h3:not(.author_name) {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .landing-page-content h3 {
        font-size: 25px;
    }

    .landing-page-content .e_news_letter_form {
        padding-left: 0;
        padding-right: 0;
    }

    nav.side-menu {
        padding-bottom: 150px;
    }

    .dashboard .badge_icon {
        top: -8px;
    }

    .dashboard .badge_icon img {
        width: 34px;
    }

    .dashboard #editModal.mea_modal .modal-footer {
        flex-direction: column;
    }

    .dashboard #editModal.mea_modal .modal-footer .tzbtn3 {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .htm_weekly_content_part table.weekly_table tr td a.habitlink img {
        display: none;
    }

    /*.popover{max-width: 98% !important;width:98% !important;}*/
    .leaderboard.mobile .popover {
        max-width: 98% !important;
        width: 98% !important;
    }

    .wrap_header_mobile .ncount {
        padding: 8px 8px;
        margin-top: 5px;
        position: relative;
        margin-right: 18px;
    }

    .wrap_header_mobile .ncount i {
        color: #515151;
        font-size: 22px;
    }

    .wrap_header_mobile .ncount span {
        background: #E0746D;
        color: #FFF;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
        border-radius: 20px;
        line-height: 20px;
        opacity: 1;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .wrap_header_mobile .ncount span.hide {
        opacity: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .wrap_header_mobile .hamburger {
        padding-left: 0;
    }

    .notification_popup {
        width: 98%;
        position: absolute;
        height: calc(100vh - 90px);
        top: 85px;
        left: 1%;
        z-index: 101;
        background: rgb(255, 255, 255);
        border-radius: 10px;
        box-shadow: 0 0px 10px #e6e6e6;
        display: none;
    }

    .notification_popup .upicon {
        position: absolute;
        right: 77px;
        top: -23px;
    }

    .notification_popup .upicon i {
        font-size: 34px;
        color: #FFF;
    }

    .notification_popup .notification_list_main {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .notification_popup .notification_list_main .no_notification p {
        font-weight: 600;
        text-align: center;
        line-height: 24px;
        color: rgba(var(--Navy));
    }

    .notification_popup .notification_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 16px;
        border-bottom: 1px solid #CCC;
    }

    .notification_popup .notification_head h5 {
        font-size: 16px;
    }

    .notification_popup .notification_head p {
        font-weight: 600;
        color: #429ac7;
        font-size: 13px;
    }

    .notification_popup .notification_list {
        float: left;
        width: 100%;
        overflow-y: scroll;
        height: calc(100vh - 90px);
        padding-bottom: 60px;
    }

    .notification_popup .notification_list .item {
        width: 100%;
        float: left;
        position: relative;
        border-bottom: 1px solid #CCC;
        padding: 8px 32px 8px 16px;
    }

    .notification_popup .notification_list .item:last-child {
        border: 0 none;
    }

    .notification_popup .notification_list .item.unread {
        background: #ECF5FA;
    }

    .notification_popup .notification_list .item.unread .unreaddot {
        background: #429ac7;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        position: absolute;
        top: 24px;
        right: 16px;
    }

    .notification_popup .notification_list .item .title {
        color: rgba(var(--Navy));

        line-height: 20px;
        margin-bottom: 6px;
    }

    .notification_popup .notification_list .item .subtitle {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .notification_popup .notification_list .item .subtitle b {
        font-size: 13px;
    }

    .notification_popup .notification_list .item .time {
        font-size: 10px;
        color: #888;
    }

    .prevmea_btn button,
    .subscription .payment_detail .payment_detail_content .footer_btns .signup_now,
    body .profile_sec_1 .m-text3,
    .afterlogin .tzbtn1,
    .afterlogin .tzbtn3,
    .afterlogin .tzbtn4 {
        /* font-size: 12px; */
        /* padding: 8px 14px; */
    }

    .mea_modal .modal-content label {
        font-size: 14px;
    }

    .mea_modal .group.group_type2 input:focus~label,
    .mea_modal .group.group_type2 input:valid~label {
        font-size: 14px;
    }

    #addModal .modal-header h4,
    #editModal .modal-header h4 {
        font-size: 1.4rem;
        line-height: 24px;
    }

    #addModal .modal-header h4 small,
    #editModal .modal-header h4 small {
        font-size: 14px;
    }

    .proceed_btn {
        position: fixed;
        bottom: 0;
        background-color: #000;
        width: 100%;
        left: 0;
        z-index: 600;
        padding-bottom: 16px;
    }

    .proceed_btn .text-center a {
        color: rgba(var(--Light-Blue));
    }

    .proceed_btn .text-center.z-index-100 {
        margin-top: 24px !important;
    }

    .proceed_btn .submit-button {
        box-shadow: none;
    }

    /* ======= sign up page css ======= */
    .havepaymentsection .pricepage .quarterly-plan-div,
    .havepaymentsection .pricepage .yearly-plan-div {
        margin-bottom: 24px;
    }

    .confirm_subscription .billing_form {
        padding: 8% 5%;
    }

    .flex-column-sm {
        flex-direction: column;
    }

    .align-item-center-sm {
        align-items: center;
    }

    /*    .sign-up-new-container .pricepage h4{
            font-size: 20px;
            line-height: 1.1;

            font-weight: 500;
        }*/
    /* ======= sign up page css ======= */

    /* ===================== subscription page ===================== */
    .txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter {
        width: 100%;
        margin-top: 16px;
    }

    .txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter label {
        width: 100%;
    }

    .txnlist .dataTables_wrapper .col-sm-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter label input {
        width: 100%;
        margin-left: 0px;
    }

    .txnlist {
        margin: 0;
    }

    .txnlist .dataTables_wrapper {
        padding: 8% 0;
    }

    .txnlist .item .head,
    .txnlist .item .body {
        flex-direction: column;
    }

    .txnlist .item .head h5 {
        margin-bottom: 16px;
    }

    .txnlist .item .body .data {
        margin-bottom: 16px;
    }

    .txnlist .item .body .data:last-child {
        margin-bottom: 0;
    }

    .subscription .table tbody td {
        padding: 16px;
    }

    .txnlist .dataTables_wrapper .col-sm-6 .dataTables_filter label .input-icon i {
        left: 11px;
    }

    .txnlist div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        overflow-x: scroll;
    }

    .txnlist .table tbody tr {
        margin: 10px;
    }

    .txnlist .table tbody td {
        padding: 0;
    }

    .subscription .confirm_subscription .planbrief {
        align-items: start;
        flex-direction: column;
    }

    .subscription .confirm_subscription .planbrief .btns {
        flex-direction: column;
        margin-top: 24px;
    }

    .subscription .confirm_subscription .planbrief .btns button {
        padding: 8px 32px;
    }

    .changeplan .sign-up-new-container .backbtn {
        position: absolute;
        top: -8px;
        bottom: 0;
    }

    .resubscribeplan .billing_form {
        margin-top: 32px;
    }

    .subscription .resubscribeplan .billing_form .group_radio .cntr .radio {
        margin: 8px 15px 8px 0;
    }

    .subscription .resubscribeplan .billing_form .group_radio {
        margin-bottom: 0 !important;
    }

    /* ===================== subscription page ===================== */
    ul.tzbreadcrumb {
        padding: 0.75rem 1rem 0.75rem 1rem;
    }

    .from_landingpage .billing_form_parent {
        flex-direction: column;
    }

    .from_landingpage.confirm_subscription .billing_form {
        width: 100%;
    }

    .trial_note_popup {
        left: 56px;
        max-width: calc(100% - 70px);
    }

    .trial_note_icon {
        left: 16px;
    }

    .notification_icon {
        right: 15px;
    }

    .mt-xs-4 {
        margin-top: 1.5rem;
    }

    .w-sm-100 {
        width: 100%;
    }

    .subscription .resubscribeplan .cd-pricing-switcher label {
        width: 98px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .subscription .resubscribeplan .cd-pricing-switcher .cd-switch {
        height: 42px;
        width: 102px;
    }

    .subscription .resubscribeplan .cd-pricing-switcher input[type="radio"]:checked+label+.cd-switch,
    .subscription .resubscribeplan .cd-pricing-switcher input[type="radio"]:checked+label:nth-of-type(n)+.cd-switch {
        transform: translateX(96px);
    }

    #resetProgressModal .modal-content {
        padding: 0 8px;
    }

    .mmb-3 {
        margin-bottom: 1rem !important;
    }

    .m-gap-1 {
        gap: 1rem;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .recipe_detail_main .details .head .left ul li:nth-child(2) {
        border-left: none;
        border-right: none;
        margin: 0;
        padding: 0px 5px;
    }

    .recipe_detail_main .details .head .left ul li {
        width: calc(100% / 3);
        float: left;
    }

    .recipes .results .item h4 p {
        font-size: 1.2rem;
        line-height: 20px;
        width: calc(100% - 40px);
    }

    .recipe_detail_main .details .head .right ul.ulcate {
        float: left;
    }

    #checklistModal .modal-body .items .item_list {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 414px) and (max-width: 575px) {
    .charts .tzbox .head h4 {}
}

@media (min-width: 205px) and (max-width: 413px) {
    .charts .tzbox .head h4 {
        /*        float: left;
        width: 31%;
        line-height: 20px;
        margin-top: 6px;*/
    }
}

@media (min-width: 205px) and (max-width: 374px) {
    .tracker_main .tracker-nav-first li a {
        line-height: 18px;
    }

    .tracker_main .tracker-nav-first li {}

    .tracker_main .tracker-nav-first li:nth-child(2) a,
    .tracker_main .tracker-nav-first li:nth-child(3) a {
        padding-top: 8px;
    }

    #AfterReachGoalModal .step1 .modal-footer {
        display: inline-block;
    }

    #AfterReachGoalModal .step1 .modal-footer .tzbtn3 {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .tracker_main .tracker-nav-first li span {
        font-size: 12px;
    }

    .tracker_main .tracker-nav-second li span {
        font-size: 12px;
    }
}

@media (min-width: 205px) and (max-width: 575px) {
    .order-xs-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xs-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xs-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .c100>span {}

    .autocomplete-suggestions {
        border: 0 none;
        border-radius: 0px;
        width: 100% !important;
        left: 0 !important;
        padding-left: 36px;
        box-shadow: none;
    }

    .recipes .results .item h4 {
        font-size: 1rem;
    }

    .recipes .results .item .cate_list ul li {
        width: 10px;
        height: 10px;
    }

    .recipe_detail_main .details .head .left ul li:nth-child(2) {
        border-left: none;
        border-right: none;
        margin: 0;
        padding: 0px 5px;
    }

    .recipe_detail_main .details .head .left ul li {
        width: calc(100% / 3);
        float: left;
    }

    .sresult .main_banner .left {
        margin-top: 10px;
    }

    .sresult .main_banner .right {
        margin-top: 10px;
    }

    .recipes .results .item h4 p {
        font-size: 0.8rem;
        line-height: 17px;
        width: calc(100% - 40px);
    }

    .recipes .results .item h4 span.favorite img {
        width: 20px;
    }

    .recipe_detail_main .details .head .right ul.ulcate {
        float: left;
    }

    .start_journey .right .start_journey_ul li {
        width: 100%;
    }

    .start_journey .left img {
        width: 75%;
        height: 75%;
    }

    .start_journey .left {
        margin-bottom: 30px;
    }

    .start_journey .right .btnonly {}

    .tracker_page .progress_accordion .accordion_header li {
        width: 100%;
        padding: 18px 0;
        margin: 0;
        border-bottom: 1px solid #d9d9d9;
    }

    .tracker_page .progress_accordion .accordion_header li:nth-child(2) {
        border-left: 0;
        border-right: 0;
    }

    .tracker_page .progress_accordion #accordion .card-header ul li .accordion_body_mobile {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .tracker_page .progress_accordion #accordion .card-header ul li .accordion_body_mobile li {
        border-bottom: 0px;
        padding: 12px 0;
    }

    .tracker_page .progress_accordion #accordion .card-header ul li .accordion_body_mobile p {
        color: #808080;

        font-size: 15px;
    }

    .tracker_page .progress_accordion #accordion .card-header ul li .accordion_body_mobile .label {
        float: left;
        width: 80%;
    }

    .tracker_page .progress_accordion #accordion .card-header ul li .accordion_body_mobile .count {
        float: right;
        width: 20%;
        text-align: right;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='true'] .accordion_header li .accordion_body_mobile {
        display: block;
    }

    .tracker_page .progress_accordion .collapse.show {
        display: none !important;
    }

    .tracker_page .progress_accordion .collapsing {
        display: none !important;
    }

    .tracker_page .progress_accordion #accordion .card-header .accordion_header li .dh_nav {
        display: none;
    }

    .tracker_page .progress_accordion #accordion .card-header .mobile_view_all {
        display: block;
        text-align: center;
        border-bottom: 0;
    }

    .tracker_page .progress_accordion #accordion .card-header .mobile_view_all p {
        color: rgba(var(--Navy));
        float: none;
        line-height: 8px;
        cursor: pointer;
    }

    .tracker_page .progress_accordion #accordion .card-header .mobile_view_all img.view_all {
        transform: rotate(-90deg);
        width: 8px;
    }

    .tracker_page .progress_accordion #accordion .card-header .mobile_view_all img.view_less {
        transform: rotate(90deg);
        width: 8px;
        display: none;
    }

    .tracker_page .progress_accordion #accordion .card-header .mobile_view_all #view_less_text {
        display: none;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='true'] .mobile_view_all img.view_all {
        display: none;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='true'] .mobile_view_all img.view_less {
        display: inline;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='false'] .mobile_view_all img.view_less {
        display: none;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='true'] .mobile_view_all #view_all_text {
        display: none;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='false'] .mobile_view_all #view_all_text {
        display: block;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='true'] .mobile_view_all #view_less_text {
        display: block;
    }

    .tracker_page .progress_accordion #accordion .card-header>a[aria-expanded='false'] .mobile_view_all #view_less_text {
        display: none;
    }

    .tracker_page .task_key {
        margin-top: 25px;
    }

    .tracker_page .progress_accordion {
        margin-top: 30px;
    }

    .tracker_page .task_key ul li {
        width: 50%;
        float: left;
    }

    .tracker_page {
        padding: 0;
    }

    .tracker_main .tracker-nav-second {
        margin: 30px 0 30px 0;
    }

    .tracker_main .tracker-nav-second li a {
        padding: 5px 50px;
    }

    .tracker_page .datepicker_pt .datepicker-days table tbody td {
        height: 49px;
        padding: 6px 8px 8px 8px;
    }

    #checklistModal .modal-body .items .item_list {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tracker_page .week_body table tbody tr td.title {
        width: auto;
        padding: 10px 10px 10px 5px;
    }

    .tracker_page .week_body table td,
    .tracker_page .week_body table th {
        padding: 0px;
    }

    .tracker_page .week_body table tbody tr td.title img {
        display: none;
    }

    .tracker_page .week_body table tbody tr td.count {
        padding: 0 0px 0 5px;
        text-align: right;
    }

    .tracker_main .tracker-nav-second li {
        width: calc(100% / 2);
    }

    .tracker_page .week_body {
        padding: 0;
    }

    .tracker_page .week_body table tbody tr td.week_day.completed {
        padding: 8px;
    }

    .tracker_page .week_body table thead th {
        padding: 5px 3px;
    }

    .tracker_page .week_body table {
        margin-bottom: 50px;
    }

    .tracker_main .tracker-nav-first {
        float: left;
        width: 100%;
    }

    #checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list .icon_right.checked {
        /*width: 20px;*/
    }

    #checklistModal .modal-body .items .item_list_main input[type='checkbox']:checked+label.item_list span {
        padding-top: 0;
    }

    .daily_progress_new .head .left {
        width: 100%;
        line-height: normal;
        margin-top: 7px;
        display: block;
    }

    .daily_progress_new .head .right {
        width: 100%;
        text-align: center;
        display: block;
    }

    .daily_progress_new .head {
        display: block;
        width: 100%;
    }

    .daily_progress_new .head .center {
        display: block;
        width: 100%;
        float: left;
        margin-top: 5px;
    }

    .daily_progress_new .tzbox .head {
        display: block;
        height: auto;
    }

    .daily_progress_new .head .center ul {
        float: left;
        text-align: center;
        width: 100%;
    }

    .daily_progress_new .head .center ul li.prev_date {
        float: none;
        position: relative;
        top: 5px;
    }

    .daily_progress_new .head .center ul li.next_date {
        float: none;
        position: relative;
        top: 5px;
    }

    .daily_progress_new .head .center ul li {
        float: none;
        letter-spacing: 0.2px;
        display: inline-block;
        text-align: center;
    }

    .header_bl_btn li {
        margin-left: 0;
    }

    .header_bl_btn li:first-child {
        width: 50%;
        float: left;
        margin-top: 15px;
    }

    .header_bl_btn li:nth-child(2) {
        width: 50%;
    }

    .header_bl_btn li:nth-child(3) {
        width: 50%;
    }

    .header_bl_btn {
        text-align: right;
    }

    .header_bl_btn.header_bl_btn_new {
        text-align: center;
        margin-left: 5px;
        display: flex;
        align-items: center;
    }

    .header_bl_btn.header_bl_btn_new li a:not(.tzbtn4) {
        color: #000;
        padding: 10px 18px;
    }

    .header_bl_btn.header_bl_btn_new li:first-child {
        width: auto;
        margin-top: 0;
        margin-right: 8px;
    }

    .header_bl_btn.header_bl_btn_new li:nth-child(2) {
        width: auto;
    }

    .modal-sm-2 {
        width: auto;
    }

    .dh_streaks .header .help_edit .help {
        width: 50px;
        padding-left: 16px;
    }

    /*    .dh_streaks .header .help_edit .edit{width:74px;justify-content: end;}*/
}



@media (max-width: 768px){

    .resources .main_banner,
    .recipes .main_banner,
    .page_banner{
        padding: 70px 15px !important;
    }
    .science_iwl .hero-section{
        padding: 40px 0;
    }

}


@media (max-width: 576px){

    .science_iwl .list .btnonly a{
        width: 100%;
    }
    .science_iwl .list h5{
        font-size: 18px;
    }
    .media-article-detail-page h1{
        font-size: 36px;
    }
    .rewards .head h3{
        font-size: 30px;
    }

}
   .question-set ul,
    .question-set ul li {
        display: list-item !important;
        margin-left: 20px !important;
    }

    .list-item {
        list-style-type: circle !important;
    }
     .radio-group {
    display: flex;
    gap: 15px; /* space between options */
    align-items: center; /* vertically align label with radio */
  }
  .radio-group input[type="radio"] {
    margin-right: 5px; /* space between circle and text */
    height:16px !important;
  }