/*******************nav bar*******************************************/

/***************************nav bar***********************/

body{
	overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 0px;
}

.button-country {
    width: 17%;
    float: right;
}

.my-container
{
    width:100%;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* test pull */

::-webkit-scrollbar {
    width: 5px;
}

@font-face {
    font-display: swap;
    font-family: "campton-bold";
    src: url("/assets/css/campton-cufonfonts/CamptonBold.otf");
}

@font-face {
    font-display: swap;
    font-family: "campton-book";
    src: url("/assets/css/campton-cufonfonts/CamptonBook.otf");
}

@font-face {
    font-display: swap;
    font-family: "campton-semibold";
    src: url("/assets/css/campton-cufonfonts/CamptonSemiBold.otf");
}

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300&display=swap");

h1,
h2,
h3,
h4,
h5,
h6,
b {
    font-family: "Campton-bold";
}

p,
a,
li,
input,
textarea,
select,
label,
button {
    font-family: "Campton-book";
}

ul.navbar-nav.main-nav.align-items-center a,
.primary-menu button {
    font-family: "Nunito Sans", sans-serif;
}

.footer a,
.footer h3,
.footer li,
.footer b {
    font-family: "Campton-semibold";
    font-size: 15px !important;
}

.primary-menu .nav-item {
    margin-left: 30px;
}

nav#main-nav {
    background: #fff !important;
}

a.navbar-brand img {
    width: 100%;
}

a {
    text-decoration: none;
}

a.navbar-brand {
    width: 10%;
}

ul.navbar-nav.main-nav.align-items-center a span {
    color: #000;
    font-size: 16px;
}

.button-country {
    width: 0%;
    text-align: -webkit-match-parent;
    float: right;
}

i.fa.fa-user {
    font-size: 25px;
}

a.nav-link.reg-btn:hover {
    background: unset;
}

nav.navbar.top-navbar.navbar-light {
    display: none;
}

nav.navbar.top-navbar {
    display: none;
}

.notification {
    color: #000;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    left: 2px;
    top: 13px;
}

a {
    text-decoration: none;
}

i.fa.fa-bell {
    font-size: 25px;
}

.notification .badge {
    position: absolute;
    top: -3px;
    left: 0px;
    padding: 1px 4px;
    border-radius: 50%;
    background-color: #ff9b7c;
    color: #ff9b7c;
}

/**********************dashborad*********/

section.section_dashborad {
    position: relative;
}

.section_dashborad .side-navbar {
    width: 20%;
    /*height: 100vh !important;*/
    /*position: absolute;*/
    /*margin-left: -300px;*/
    /* background-image: linear-gradient(35deg, #74bce5 0%, #b2ddad 100%); */
    transition: 0.5s;
    font-size: 19px !important;
    color: #ffffff;
    font-weight: bold;
    background-color: #00948a;
    min-height: auto;
    float:left;
}

.section_dashborad li.nav-link {
    color: #ffffff;
    border-radius: 0px 10px 10px 0;
}

.section_dashborad .p-1.my-container.active-cont {
    background: #f5f6f7;
}

.my-container {
    background: #f5f6f7;
    padding-bottom: 50px;
}

.nav-link:focus,
.nav-link:hover {
    background-color: #E09702;
}

.nav-link:active {
    background-color: #E09702 !important;
    padding-left:10px;
}

.due_pack_text2.default_icons p {
    margin-bottom: 0;
}

.section_dashborad .my-container {
    transition: 0.4s;
}

.section_dashborad .active-nav {
    margin-left: 0;
    overflow-y: auto;
    white-space: nowrap;
}

.container-fluid.p-3 {
    overflow-y: auto;
    white-space: nowrap;
    height: 100vh;
}

.section_dashborad .active-cont {
    width:80%;
    float:right;
    min-height: 900px !important;
}

.section_dashborad #menu-btn {
    background-color: #2eb8ad;
    color: #fff;
    margin-left: 5px;
    z-index: 1;
    position: relative;
    border-radius: 6px;
    padding: 4px 10px;
}

.section_dashborad #menu-btn i{
    font-size: 20px;
}

.section_dashborad .my-container input {
    border-radius: 10px;
    padding: 12px 10px;
    font-family: "campton-book";
    font-weight: lighter !important;
    font-size: 14px;
}

input.address-radio {
    width: 20px;
    margin-right: 10px;
}

.section_dashborad img.rounded-circle.dashborad__img {
    width: 170px;
    height: 170px;
    object-fit: cover;
    cursor: pointer;
    /*border: 4px solid #007d44;*/
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 4%), 0 6px 20px 0 rgb(0 0 0 / 1%);
}


.user-profile-image:hover .p-image {
    opacity: 1.0;
}

.user-profile-image {
    position: relative;
    width: 175px;
    margin: 0 auto;
}

.section_dashborad .customer_name {
    font-size: 30px;
    color: #4c4c4c;
    font-weight: 400;
    text-transform: uppercase;

}

.section_dashborad .usa_english img {
    width: 10%;
}

.section_dashborad .usa_english {
    font-size: 25px;
    letter-spacing: 1px;
    color: #186575;
    font-weight: 500;
}

/* .section_dashborad .Sponsor_text3 {
    opacity: 0.6;
    font-size: 25px;
    color: #1c2136;
    font-weight: 600;
} */

.section_dashborad .search_form {
    width: 273px;
    height: 40px;
    border-radius: 10px;
    text-align: left;
    background-color: #2db7ad40;
    display: flex;
    align-items: center;
    justify-content: left;
    color: #000 !important;
    border: none !important;
    padding-left: 24px;
    margin: auto;
    gap: 10px;
}

label.search_form>input {
    outline: none;
    border: none;
    background: transparent;
}

input[type="search"]::placeholder {
    color: #000;
    font-weight: 700;
}

.row.text-left.personal_order.pb-3 h6 {
    font-size: 17px;
    letter-spacing: 1px;
    color: #4de4d8;
    font-weight: 500;
    line-height: 1.5;
}

.section_dashborad .show_dates {
    font-size: 14px;
    color: #737682;
    font-weight: 500;
    width: 57%;
    display: inline-block;
}

.section_dashborad .img_text {
    font-size: 24px;
    color: #4c4c4c;
    padding-top: 10px;
}

.section_dashborad .btn.btn-light.text-white {
    background: #007d44 !important;
    width: 242px;
    border-radius: 9px;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: "campton-bold";
    border: none !important;
    /*padding:9px 0 5px 0;*/
}

.section_dashborad .col-lg-5.text-white.graph__baar.bg-white {
    padding: 2em 2em;
    border-radius: 24px;
}

.section_dashborad .row.graph_treesection {
    display: flex;
    justify-content: center;
}

.section_dashborad .personal_orders_wraper {
    background: #ffffff00;
    padding: 2em 1em !important;
    border-radius: 24px;
    margin: 2.5em;
    position: relative;

}

button.btn.border.dropdown-toggle.load_more {
    float: right;
}

.section_dashborad .row.text-left.personal_order h5 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #2dc0b7 !important;
    font-weight: bold;
}

.section_dashborad .text-left.personal_heading {
    font-size: 25px;
    color: #1c2136;
    font-weight: bold;
    margin: 1em 1em;
}

.section_dashborad .personal_orders_wraper .row {
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
}

.section_dashborad .col-lg-6.text-white h3 {
    margin-bottom: 2em;
}

.section_dashborad .row.text-left.personal_order p {
    font-size: 22px;
    letter-spacing: 1px;
    color: #7e7e7e;
    font-weight: 500;
    margin-bottom: 0;
}

.section_dashborad .row.text-left.personal_order a {
    color: #7e7e7e !important;
}

.section_dashborad ul.nav.flex-column.text-white.w-100 {
    padding: 3em 0em 3em 0em;
}

.section_dashborad .graph_chart {
    color: #277287;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.2px;
}

.defalut_adds h6 {
    font-size: 30px;
    letter-spacing: 1px;
    color: #02343f;
    font-weight: bold;
}

.address_1\$2 {
    gap: 10px;
}

.address_1\$2 a img {
    width: 100%;
}

.address_1\$2 a {
    width: 40%;
}

.section_dashborad .col-lg-3 h4 {
    opacity: 0.502;
    font-size: 33px;
    line-height: 33px;
    color: #1c2136;
    font-weight: bold;
    margin-left: 0;
}

.col-lg-5.p-3.text-center.defalut_img {
    width: 23%;
    margin: 0 auto;
}

/**********************tarckshipment**************************/

.section_trackshipment .due_pack_haeding {
    font-size: 33px;
    margin-left: 1em;
}

.section_trackshipment h5.due_pack_img_text {
    font-size: 25px;
    color: #1c2136;
    font-weight: bold;
}

.section_trackshipment .row.order_heading {
    display: flex;
    align-items: center;
}

.col-1.address_1\$2.text-center a img {
    width: 56%;
}

.col-1.address_1\$2.text-left img {
    width: 56%;
}

.section_trackshipment .trackship_img {
    background-image: url("../images/fast-delivery.png");
    background-repeat: no-repeat;
}

.section_trackshipment {
    background: url("../images/cerca-fondo-textura-marmol-blanco.png");
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section_trackshipment .row.trackship_wraper {
    width: 94%;
    margin: 0 auto;
}

.section_trackshipment .due_pack_text2 {
    font-size: 20px;
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.section_trackshipment .due_pack_text2 p {
    margin-bottom: 0;
}

.section_trackshipment .deafault_adds_wraper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65%;
}

.section_trackshipment .bgcolor {
    background: #fff;
    border-radius: 17px;
}

.section_trackshipment .shipping_note {
    font-size: 25px;
    color: #2dc0b7;
    font-weight: bold;
    margin-left: 2em;
    padding-top: 1em;
}

img.rounded-trackship_img {
    width: 70%;
    border-radius: 100px;
}

.row.trackship_wraper.section_trackshipment.pt-5 {
    display: flex;
    align-items: center;
}

.shipping_note_text1 p {
    font-size: 22px !important;
    letter-spacing: 1px !important;
    color: #5b5b5c !important;
    font-weight: bold !important;
}

.row.text-left.personal_order.shipping_note_text1 h5 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #4de4d8;
    font-weight: bold;
}

p.shipping_note {
    font-size: 25px;
    color: #2dc0b7;
    font-weight: bold;
}

label.col-sm-4.col-form-label {
    font-size: 22px;
    color: #5b5b5c;
    font-weight: 500;
}

button.new_adds__btn {
    width: 295px;
    height: 43px;
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 39px;
    color: #fefefe;
    font-weight: bold;
    text-align: center;
    float: right;
    border: none;
    background: #007d44;
    border-radius: 10px;
}

.add_new_adds.text-white {
    width: auto;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 2;
    color: #fefefe;
    font-weight: 500;
    background: #00ae55;
    border: none;
    border-radius: 10px;
    margin-top: 1em;
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    margin:0 10px;
}

.col-lg-5.text-center.defalut_img {
    width: 24%;
    margin: 0 auto;
}

.default_icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

label.col-sm-4.col-form-label span {
    color: red;
}

/*****************footer***************************************************************/

/*****************footer***************************************************************/

footer {
    padding: 40px 0px 30px;
    background-color: #ebfdfe;
}

.d-flex.social-icon.mt-5 a i {
    color: #ea9f4a;
    font-size: 34px;
}

.footer-col h4 {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 20px;
}

.footer-col ul {
    list-style-type: none;
}

.footer-col ul a {
    font-size: 15px;
    color: #333333;
    text-decoration: none;
    font-weight: 700;
    line-height: 1 !important;
    padding-left: 0;
}

.footer .col-md {
    padding: 0px 0px 0px 60px;
}

.footer-content p {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    font-weight: 500;
}

a.navbar-brand_footer img {
    width: 80%;
}

.social-icon {
    justify-content: space-around;
}

.footer-col ul {
    padding-left: 0;
}

.footer__logo {
    /*width: 100%;
    text-align: center;*/
    width: auto;
  text-align: center;
  margin: 0 20px;
}

.footer__logo img {
    width: 100%;
    object-fit: scale-down;
}

.footer_inner_imgsec {
    display: flex;
    align-items: center;
    justify-content: center;
}

.payments .fw-700{
    color:blue !important;
}

.d-flex.social-icon.mt-5 {
    margin-top: 1em !important;
}

@media (max-width: 480px) {
    .section-2 .wellness_inner_sec img {
        height: 80px !important;
        width: 100%;
    }

    /* ----------------15-april----------- */
    button#min_cart {
        margin: 0 auto;
        width: 100%;
    }

    .section-4 span.checkbox_list {
        font-size: 10px;
        padding: 2px 6px;
        color: #fff;
        border-radius: 64px;
        font-weight: bold;
        width: 19px;
        height: 19px;
        margin-top: 3px;
    }

    .section-4.products p {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .shadow__img {
        margin: 0em -0.5em 0em 0.5em;
    }

    .nhglobal_all_products .slick-slider .element {
        height: 350px;
        width: 300px !important;
        margin: 0 auto;
        background-color: #fff;
        color: #000;
        border: 1px solid #ededf2 !important;
        text-align: center;
        padding: 0 !important;
        position: relative;
    }

    nav#serach_navbar {
        background: #02343f;
        padding-bottom: 1em;
    }

    section.section-2.mb-1 {
        background-position: -43em 0em;
    }

    .slick-slider .element {
        height: 270px;
        width: 230px !important;
    }

    .product-img {
        height: 170px;
        position: relative;
    }

    .card-body-product {
        padding: 10px;
    }

    .cart-btn {
        opacity: 1;
        position: relative;
        width: 70%;
        height: 30px;
        font-size: 14px;
        line-height: 19px;
        margin-top: 5px;
    }

    .product-img img {
        height: 88%;
    }

    .price {
        margin-top: 6px;
    }

    button.slick-next {
        margin-top: 1em;
        border-radius: 9px;
        background: none;
        font-size: 12px;
        width: 21%;
        border: 1px solid #dadadd;
        padding: 0.3em;
    }

    button.slick-prev {
        margin-top: 1em;
        border-radius: 9px;
        background: none;
        font-size: 12px;
        width: 21%;
        border: 1px solid #dadadd;
        padding: 0.3em;
    }

    .shadow__img .align-items-center {
        align-items: center !important;
        flex-direction: column;
        width: 33.3%;
        text-align: center;
    }

    .wellness_inner_sec a {
        font-size: 14px;
    }

    .section-2 .row.wellness_inner_sec p {
        font-size: 15px;
    }

    section.section-2.mb-1 {
        background-position: center;
    }

    div#logo-bar img {
        width: auto;
        height: 80px;
        margin-bottom: 10px;
    }

    section.section-7.container-fluid {
        padding: 0.2em 0em 2em 0em;
    }

    input#show_shipping_address {
        margin: 4px 4px;
    }

    button.btn.btn-primary.ship-next.blue-btn.rounded-pill.blue-btn {
        margin-top: 20px;
        font-size: 19px !important;
    }

    button.btn.bg-info.text-center.text-white.w-100.rounded-3.blue-btn {
        font-size: 19px !important;
    }
}

@media (max-width: 680px) {

    .footer__logo {
        width: 33.33%;
        margin:0;
    }

    .footer_inner_imgsec {
        flex-wrap: wrap;
      }
    /* ------------------11apr-start----------------------- */
    a.navbar-brand {
        width: 40% !important;
    }

    .navbar-brand img {
        width: 100% !important;
    }

    .review-img-name i {
        width: 57px !important;
    }

    .review-prodoct-name {
        left: 27% !important;
    }

    /* ----11apr-----end--------------------- */
    .address_right_img {
        text-align: right;
    }

    .address_right_img img {
        width: 59%;
    }

    .row.trackship_wraper.section_trackshipment.pt-5 {
        margin: 0;
        padding: 10px;
    }

    .col-lg-5.text-white.graph__baar.bg-white {
        margin-bottom: 10px;
    }

    .row.graph_treesection {
        padding: 10px;
    }

    table#tables_dashborad td {
        font-size: 14px !important;
    }

    table#tables_dashborad td:nth-child(2) {
        font-size: 14px !important;
    }

    table#tables_dashborad th {
        font-size: 16px !important;
    }

    .px-4.py-2 {
        padding: 5px 10px !important;
    }

    span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5.dark\:bg-gray-800.dark\:border-gray-600 {
        padding: 5px 10px !important;
    }

    a.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-r-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150.dark\:bg-gray-800.dark\:border-gray-600.dark\:active\:bg-gray-700.dark\:focus\:border-blue-800 {
        padding: 5px 10px !important;
    }

    section.section_dashborad {
        position: relative;
        height: auto;
        z-index: 999;
    }

    /*----------------18-03-----------------------*/
    div#all-members_info {
        width: 100% !important;
        float: none !important;
    }

    .members {
        overflow: scroll;
    }

    .dt-bootstrap5 .dt-buttons {
        width: 100% !important;
        padding: 0 !important;
        padding-bottom: 10px !important;
    }

    .dt-search {
        margin-bottom: 20px;
    }

    /*------------------19-03----------------*/
    .shadow-1-strong h3,
    p {
        font-size: 16px !important;
    }

    .product-img img {
        height: 94% !important;
    }

    /* -----------16-APRIL--------------- */
    section.video-link.text-center iframe {
        height: 200px;
    }

    #myInput {
        width: 75%;
        font-size: 16px;
        font-weight: 600;
    }

    .mob {
        display: none;
    }

    .slick-initialized.slick-slider {
        text-align: center;
    }

    .slick-initialized.slick-slider.fa {
        display: inline-block;
        margin: 10px 15px;
        color: #02343f;
    }

    .fa-angle-double-right::before,
    .fa-angle-double-left:before {
        color: #02343f;
        margin: 10px 15px;
        font-size: 36px;
        font-weight: 600;
    }

    .product-img {
        height: 130px !important;
        position: relative;
    }

    .nhglobal_all_products .slick-slider .element {
        height: 315px;
        width: 100% !important;
        margin: 15px 0px;
    }

    .price,
    .description h3 {
        margin-top: 15px !important;
    }

    .footer-col ul a {
        padding: 5px 0 !important;
        display: block;
        /* text-align: center; */
        font-size: 16px;
    }

    .footer-col {
        margin-top: 12px;
        text-align: center;
    }

    .row.container-fluid.text-center.justify-content-center {
        margin: 0;
        padding: 0;
    }

    /* ----------17-04-2024--------- */
    .row.align-items-center.ourstory_inner {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 1em;
    }

    .section-4 .col-md-10 {
        width: 91% !important;
        margin: 0 auto;
    }

    section#well_being_products {
        padding: 31px 0 !important;
        background: #364759;
    }

    section.section-2.mb-1 {
        background-image: url(./images/low-angle-view-woman-with-eyes-closed-practicing-yoga-against-sky-copy-space.png);
    }

    .navbar-toggler {
        padding: 0.3rem 0.9rem;
    }

    button.navbar-toggler {
        line-height: 0px;
        border: 2px solid #0000008c;
        font-size: 20px !important;
        height: 34px;
        color: #737373 !important;
        z-index: 1;
    }

    button.navbar-toggler {
        padding: 0;
    }

    .navbar-toggler:focus {
        box-shadow: unset !important;
    }

    .navbar-toggler-icon {
        width: 2em !important;
        height: 0em !important;
    }

    navbar-toggler-icon {
        background-image: none;
    }

    .navbar-toggler-icon::before {
        font-family: FontAwesome;
        content: "\f0c9";
    }

    span.navbar-toggler-icon {
        background: #0000008c;
    }

    ::-webkit-scrollbar {
        width: 0px !important;
        height: 3px;
    }

    ul.navbar-nav.main-nav.align-items-center {
        display: flex;
        flex-direction: row !important;
    }

    #navbarNav ul.navbar-nav.main-nav.align-items-center {
        flex-direction: column !important;
    }

    #navbarNav ul.navbar-nav.main-nav.align-items-center a span {
        font-size: 16px !important;
        display: flex;
        justify-content: center;
        place-items: center;
    }

    li.nav-item a span img {
        width: 30px;
    }

    .wellness {
        width: 100% !important;
        /* text-align: center; */
    }

    .section-2 .wellness p {
        width: 100%;
    }

    section.section-5:after {
        height: 100%;
    }

    .row.wellness_inner_sec {
        padding-top: 0em;
    }

    i.fa.fa-user {
        line-height: unset;
    }

    ul.navbar-nav.main-nav.align-items-center {
        gap: unset;
    }

    ul.navbar-nav.main-nav.align-items-center a {
        font-size: 16px;
    }

    .shadow__img .pb-5 {
        padding-bottom: 1.5em !important;
    }

    .section-2 .wellness p {
        font-size: 17px;
        margin-bottom: 0;
    }

    .section-2 .col .wellness {
        padding-top: 1.6em;
        width: 100%;
    }

    .section-2 .wellness_inner_sec .col {
        flex-direction: column;
        margin-top: unset;
        text-align: center;
        margin-bottom: unset;
    }

    .section-2 .row.wellness_inner_sec p {
        font-size: 16px;
    }

    .section-2 p.wellness_inner_text {
        font-size: 16px;
    }

    .section-4.products p {
        font-size: 16px !important;
    }

    .pt-5 {
        padding-top: 1rem !important;
    }

    .section-5#well_being_products p,
    .home_page_description {
        font-size: 16px;
        letter-spacing: unset;
        margin-top: unset;
    }

    .section-5#well_being_products p b {
        font-size: 22px;
    }

    .p-3.mt-4 {
        padding-top: 0 !important;
    }

    .section-6#our-story {
        text-align: center;
    }

    .section-4.products h2 {
        font-size: 20px !important;
        line-height: 32px;
    }

    .section-6#our-story h3 {
        font-size: 22px !important;
        line-height: 30px;
    }

    section.section-7.container-fluid {
        padding: 0em 0em 2em 0em;
    }

    .section-6#our-story {
        padding-top: 0em !important;
    }

    .section-6#our-story p {
        font-size: 16px;
    }

    .section-8#contants_products h4 {
        font-size: 25px;
    }

    .products_bg_img {
        display: none;
    }

    ul#scroll_bar {
        
            gap:0 !important;
            
    }

    nav#serach_navbar .col-lg-12 {
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 auto !important;
        width: 100%;
        margin-left:0;
    }

    

    .row.footer.align-content-center.m-0.justify-content-center.h-fill {
        text-align: center;
    }

    a.navbar-brand_footer img {
        width: 50%;
    }

    .sign-field-bg .col-md-6 {
        width: unset !important;
    }

    .section-2 {
        background-position: top;
    }

    .section-2 .col .wellness {
        padding-top: unset !important;
    }

    div#logo-bar img {
        width: auto;
        height: 90px;
    }

    .section-2 {
        padding-top: unset !important;
    }

    .section-5 .col-md-3 img {
        width: auto !important;
        height: 155px !important;
        margin-top: 20px;
        margin: 0 auto !important;
    }

    .product-img {
        height: 152px;
        position: relative;
    }

    .card-body-product {
        padding: 10px;
    }

    .cart-btn {
        opacity: 1;
        position: relative;
        width: 70%;
        height: 30px;
        font-size: 14px;
        line-height: 19px;
        margin-top: 5px;
    }

    /* .product-img img {
        height: 88%;
    } */
    .price {
        margin-top: 6px;
    }

    .section-4.products p {
        align-items: flex-start;
    }

    /* ------------22-apr-2024------------ */
    .dt-container.dt-bootstrap5.dt-empty-footer .col-12 {
        overflow: scroll;
        width: 100%;
    }

    input#dt-search-2 {
        border-radius: 10px !important;
    }

    button.btn.btn-success {
        width: 100%;
        font-size: 18px !important;
        font-family: "campton-book";
    }

    input#amount {
        width: 80% !important;
        border-radius: 0 10px 10px 0px;
    }

    .element.hov-animate-outline.has-transition.btn.hover-border-11.col-md-4 {
        width: 49%;
        padding: 1px;
    }

    .card-body-product1 h4 {
        font-size: 16px;
    }

    .product-cart a.btn.cart-btn {
        height: 41px;
        font-size: 17px !important;
        /*padding-top: 7px !important;
        padding-bottom: 12px !important;*/
    }

    .card-body-product1 {
        min-height: 302px !important;
    }

    span#dashboard-poduct-count {
        height: 15px !important;
    width: 15px !important;
    margin-left: 7px !important;
    align-items: center !important;
    bottom: 80px !important;
    font-size: 13px !important;
    margin-bottom: 20% !important;
 
    }

    span#dashboard-poduct-count p {
        margin-left: 0px !important;
        font-size: 13px !important;
    }

    
}

@media (max-width: 900px) {
    table#tables_dashborad {
        min-width: 675px;
        max-width: 100%;
    }

    .personal_orders_wraper .card-body {
        overflow: auto;
    }

    /* .section_dashborad img.rounded-circle.dashborad__img {
        width: 27%;
    } */
    nav.navbar.top-navbar.navbar-light {
        display: block !important;
    }

    nav.navbar.top-navbar {
        display: block;
    }

    .navbar-brand img {
        width: 100% !important;
    }

    .p-5 {
        padding: 0rem;
    }

    a.navbar-brand {
        width: 55%;
    }

    button.new_adds__btn {
        width: 100%;
        font-size: 17px;
        float: unset;
        margin-right: unset;
    }

    .col-3.defalut_adds {
        width: 100%;
    }

    .col-1.defalut_adds {
        width: 30%;
        text-align: left !important;
    }

    div#default_address {
        text-align: left;
    }

    .col-1.address_1\$2.text-center a img {
        width: 27px;
        padding-top: 15px;
    }

    .col-1.address_1\$2.text-left img {
        width: 27px;
        padding-top: 15px;
    }

    .section_dashborad .personal_orders_wraper {
        margin: 1em 0;
        text-align: center;
        width: 100%;
        padding: 10px 10px !important;
    }

    .section_trackshipment .shipping_note {
        margin-left: unset;
    }

    .social-icon {
        /* width: 44% !important; */
        margin: 0 auto;
        gap: 6px;
        margin-bottom: 20px;
    }

    .section_dashborad .text-left.personal_heading {
        margin-left: unset;
        font-size: 15px;
        text-align: left;
    }

    .row.footer.align-content-center.m-0.justify-content-center.h-fill {
        text-align: center;
    }

    .footer .col-md {
        padding: 0px 0px 0px 0px;
    }

    /* .personal_orders_wraper img {
        width: 20px !important;
    } */
    /* .profpicholder img {
        width: 100% !important;
    } */
    /* a.navbar-brand_footer img {
        width: 43%;
    } */
    .section_dashborad .customer_name {
        font-size: 25px;
        text-align: center;
    }

    /* .hoverouter img {
        width: 100% !important;
    } */
    .section_dashborad .usa_english {
        font-size: 20px;
    }

/*     .section_dashborad .Sponsor_text3 {
        font-size: 15px;
        text-align: center;
    } */

    .section_dashborad .img_text {
        font-size: 20px;
    }

    .section_dashborad .row.text-left.personal_order h5 {
        font-size: 15px;
    }

    .section_dashborad .row.text-left.personal_order p {
        font-size: 13px;
    }

    .your_order_img img {
        width: 40%;
    }

    label.col-sm-4.col-form-label {
        font-size: 18px;
    }

    .footer-col {
        margin-top: 12px;
        text-align: left;
    }

    table#tables_dashborad {
        margin-left: 0 !important;
    }

    .section_dashborad .text-left.personal_heading {
        margin: 0 !important;
        text-align: center;
    }

    .section_dashborad .personal_orders_wraper .row {
        text-align: left;
    }

    .personal_order input[type="radio"] {
        width: auto;
        height: auto;
        accent-color: #05a3a366;
    }

    /* .section_dashborad .graph_chart {
        font-size: 16px;
    } */
    .section_trackshipment .due_pack_text2 {
        font-size: 16px;
    }

    table#example-1 {
        min-width: 955px;
        max-width: 100%;
    }

    .row.text-left.personal_order.Defeault_icons.pt-5.pb-5 {
        padding: 10px !important;
    }

    .p-image {
        margin-top: -25px !important;
        margin-left: 37px !important;
        font-size: 19px !important;
    }
}

@media (max-width: 500px) {
    span.select2.select2-container.select2-container--default {
        max-width: 100% !important;
    }

    /* -----08-04--2024--- */
    .section_dashborad .side-navbar {
        width: 300px !important;
        height: 100%;
        z-index: 1;
    }

    .section_dashborad .active-cont {
        margin-left: 0px;
    }

/*     .section_dashborad .Sponsor_text3 {
        opacity: unset;
    } */

    .section_dashborad .search_form {
        opacity: unset;
    }

    .col-lg-5.text-center.defalut_img {
        width: 80%;
    }

    .section_dashborad .col-lg-3 h4 {
        opacity: unset;
    }

    .section_trackshipment .bgcolor {
        margin-top: 2em;
        text-align: center;
        padding: 20px !important;
    }

    .section_dashborad .col-lg-3 h4 {
        text-align: center;
    }

    .section_dashborad .row.text-left.personal_order p {
        opacity: unset;
    }

    .section_dashborad .row.text-left.personal_order h5 {
        opacity: unset;
        font-size: 11px;
    }

    .shipping_note_text1 p {
        font-size: 17px;
    }

    .section_trackshipment .deafault_adds_wraper {
        width: 100%;
    }

    .section_trackshipment .due_pack_text2 {
        font-size: 18px;
    }

    p.shipping_note {
        font-size: 15px;
    }

    .section_dashborad .col-lg-3 h4 {
        font-size: 20px;
    }

    .col-3.defalut_adds h6 {
        font-size: 19px;
        padding-left: 10px;
    }

    .login-card-footer a,
    button {
        font-size: 15px !important;
    }

    button.btn.border.dropdown-toggle {
        margin-right: 0em;
        opacity: 0.6;
    }
}

/***** coupon section ******/

.coupon b {
    float: left;
    line-height: 40px;
}

.coupon-code {
    width: 30%;
    float: left;
    text-align: left !important;
    margin-left: 10px;
}

/* 
.coupon .btn {
    width: 170px !important;
    float: left;
    margin-left: 10px;
} */

/********* cart page **********/

.order-review th,
.order-review td {
    padding-left: 30px !important;
}

.order-review th:first-child {
    width: 78%;
    border: none;
}

.order-review tr:first-child,
.order-review tr:last-child {
    border: none;
}

@media only screen and (max-width: 680px) {
    .pt-4 {
        padding-top: 0 !important;
    }

    .dropdown.pt-4 button {
        text-align: center !important;
        padding-top: 0px !important;
        margin: 0px !important;
    }

    /* .detail_box {
        height: 120px !important;
    } */
    /* div#min_cart_view_mobile {
        top: 66px;
        left: -202px;
    } */
    .order-review th:first-child {
        width: 70%;
    }

    .primary-menu .nav-item {
        margin-right: 0;
    }

    .navbar-brand {
        margin-right: 0 !important;
    }

    .coupon b {
        line-height: 28px;
    }

    .coupon .btn {
        width: 120px !important;
    }

    .prod-detail img {
        height: 30px;
        width: 30px;
    }

    .prod-detail,
    .prod-detail-head {
        justify-content: space-between;
        padding-left: 10px !important;
    }

    .col-sm-3.mb-3.text-center.d-flex.justify-content-around.align-items-center {
        display: flex;
        flex-direction: column;
    }

    .col-sm-3.mb-3.text-center.d-flex.justify-content-around.align-items-center br {
        display: none;
    }

    .notification {
        left: 5px;
        top: 2px;
    }

    .login.create-acc-btn.text-center button {
        height: auto;
    }

    .register-user {
        margin-top: 20px;
    }

    button.btn.border.dropdown-toggle.load_more {
        float: none !important;
    }

    .dropdown.pt-4 {
        width: 100% !important;
        text-align: center !important;
    }

    /* --------------16-apr--------------- */
    section.shoping_card .tablerounededCorner tr td {
        vertical-align: middle;
    }

    table.table.table-bordered.table-striped.roundedTable td .d-flex {
        height: 20px;
        align-items: center;
    }

    .desktop-order-view {
        display: none;
    }

    .mobile-order-view {
        display: block !important;
    }
}

.blue-btn {
    background: #007d44 !important;
    color: #fff;
    border: none;
}

.yellow-btn {
    background-color: #e6a031 !important;
    border: none;
}

input:focus::placeholder {
    color: transparent !important;
}

/************* shipping address(checkout)  **************/

.ship-next.blue-btn {
    width: 100%;
    margin-bottom: 40px;
    border: none;
}

.select2 {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
    width: 30px;
}

/************ lang dropdown and navbar *********/

.desktop {
    display: block;
}

.lang-dropdown input.blue-btn {
    padding: 4px;
    border-radius: 6px;
}

.mobile {
    display: none;
}

.lang-bar {
    position: relative;
    cursor: pointer;
}

.lang-select {
    color: #02343f;
    font-weight: 600;
    margin-top:2px;
}

.fa-globe{
    font-size:20px;
}

.lang-dropdown {
    position: absolute;
    background-color: #fff;
    padding: 18px;
    width: 200px;
    display: none;
    z-index: 1;
    border: 1px solid #f0f0f0;
}

.accept-btn {
    padding: 8px;
}

.lang-dropdown input,
.lang-dropdown select {
    width: 100%;
    margin-bottom: 8px;
}

@media (max-width: 425px) {
    .dropdown-menu {
        top: 93px !important;
    }
}

@media (max-width: 375px) {
    .dropdown-menu {
        top: 85px !important;
    }
}

@media (max-width: 320px) {
    button#coupon-apply {
        padding: 6px 0px !important;
        width: 42% !important;
    }

    a.navbar-brand {
        width: 30.666667% !important;
    }

    ul#scroll_bar {
        gap: 34px !important;
    }

    .dropdown-menu {
        /* left: -118px !important; */
        min-width: 19rem !important;
        top: 49px !important;
    }
}

@media only screen and (max-width: 680px) {
    .footer-col {
        margin-top: 12px;
        text-align: center;
    }

    .fooetr .nav-link {
        padding: 0 !important;
    }

    #well_being_products .col-md-3 {
        width: 100% !important;
    }

    .desktop {
        display: none !important;
    }

    .dropdown.mobile {
        display: flex !important;
        place-items: center !important;
    }

    .mobile {
        display: block !important;
    }

    .lang-dropdown {
        position: inherit;
        width: 70%;
        margin: 0 auto;
    }

    .lang-select {
        text-align: center;
    }

    .primary-menu li {
        width: 100%;
        text-align: center;
        margin: 0 !important;
    }

    #navbarNav {
        position: absolute;
        background: rgb(255 255 255 / 98%);
        width: 100vw !important;
        right: 1px;
        top: 58px !important;
        padding: 25px;
        border-bottom: 5px #02343f solid;
        border-radius: 0 0 10px 10px;
    }

    .pre-login {
        position: absolute !important;
        background: rgb(255 255 255 / 98%) !important;
        width: 100vw !important;
        /* right: -12px !important; */
        top: 63px !important;
        padding: 25px !important;
        border-bottom: 5px #02343f solid !important;
        border-radius: 0 0 10px 10px !important;
    }

    .navbar-brand img {
        width: 90% !important;
        z-index: 1;
        position: relative;
    }
}

.min-cart-btns .card-body {
    padding: 0;
}

.right-menu {
    display: flex;
    place-items: center;
}

/****** products page landscape ****/

@media only screen and (min-width: 320px) and (max-width: 990px) and (orientation: landscape) {
    .navbar-brand img {
        width: 50% !important;
    }

    .notification {
        left: 7px;
        top: 3px;
    }

    .lang-dropdown {
        position: inherit;
        width: 70%;
        margin: 0 auto;
    }

    .lang-select {
        text-align: center;
    }

    .primary-menu li {
        /* width: 100%; */
        text-align: center;
    }

    #navbarNav {
        position: absolute;
        background: rgb(255 255 255 / 98%);
        width: 50vw;
        right: 0px;
        top: 58px;
        padding: 25px;
        height: 270px;
        overflow-y: scroll;
        border-bottom: 5px #02343f solid !important;
        border-radius: 0 0 10px 10px !important;
    }

    .dropdown.right-menu {
        display: flex;
        place-items: center;
    }

    .min-cart-btns .card-body {
        padding: 0;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    button.navbar-toggler {
        line-height: 1px;
        border: 2px solid #0000008c;
        font-size: 15px !important;
        height: 30px;
        padding: 0px;
        color: #737373 !important;
    }

    span.navbar-toggler-icon {
        background: #0000008c;
    }

    .navbar-toggler-icon {
        width: 2em !important;
        height: 0em !important;
    }

    .navbar-toggler-icon::before {
        font-family: "FontAwesome";
        content: "\f0c9";
    }

    .section-2 .wellness_inner_sec img {
        height: 100px !important;
    }

    .row.wellness_inner_sec p {
        font-size: 15px !important;
        margin-left: -20px !important;
    }

    div#logo-bar img {
        width: auto;
        height: 100px !important;
    }

    .section-2 {

        padding-top: 0 !important;
    }

    .wellness_inner_sec a {
        font-size: 9px;
    }

    .tablink,
    .detail_box {
        border-radius: 10px
    }

    .section-2 .wellness h1 {
        font-size: 32px !important;
    }

    .section-2 .wellness p {
        font-size: 16px !important;
    }

    .section-2.mb-1 {
        padding-top: 2.5em !important;
        background-position: top !important;
    }

    .row.wellness_inner_sec {
        padding-top: 1em !important;
    }

    section.nhglobal_all_products {
        padding: 0 !important;
    }

    .section-4.products h2 {
        font-size: 28px !important;
    }

    .section-4 .col-md-10 {
        width: 100% !important;
        margin: 0 auto !important;
        padding-top: 10px !important;
    }

    .section-4.products p {
        font-size: 16px !important;
    }

    .section-5#well_being_products p b {
        font-size: 20px !important;
    }

    .section-5#well_being_products p,
    .home_page_description {
        font-size: 16px !important;
        margin-top: 0em !important;
    }

    .section-6.container-fluid#our-story {
        padding-top: 2em !important;
    }

    .section-6#our-story h3 {
        font-size: 22px !important;
        line-height: 32px;
        letter-spacing: 0.8px;
    }

    .section-6 .ourstory_inner {
        flex-direction: column-reverse !important;
    }

    section.section-7.container-fluid {
        padding: 1em 0em 6em 0em !important;
    }

    .section-6#our-story p {
        font-size: 16px !important;
    }

    .form-check.form-check-inline.mb-3 {
        padding-left: 30px !important;
    }

    span#dashboard-poduct-count {
        height: 7% !important;
        width: 15px !important;
        margin-left: 10px !important;
        align-items: center !important;
        margin-bottom: 20% !important;
    }

    span#dashboard-poduct-count p {
        margin-left: 0px !important;
        font-size: 13px !important;
    }
}

/********** tablet responsive ***********/

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .content-cart.demo {
        display: block !important;
    }

    .desktop {
        display: none;
    }

    .content-cart ul li {
        left: 52px;
        width: 54% !important;
    }

    .section-2 .wellness h1 {
        font-size: 42px !important;
    }

    .pt-4 {
        padding-top: 0px !important;
    }

    .detail_box {
        height: 210px !important;
        width: 113px !important;
    }

    .section_dashborad .customer_name {
        font-size: 30px;
    }

    .section_dashborad .show_dates {
        width: 73%;
    }

    .section_dashborad .usa_english {
        font-size: 16px;
    }

/*     .section_dashborad .Sponsor_text3 {
        font-size: 18px;
    } */

    .section-2 .wellness p {
        font-size: 22px !important;
        letter-spacing: 1px !important;
        width: 100% !important;
    }

    .section-4.products h2 {
        font-size: 38px !important;
    }

    .row.wellness_inner_sec {
        padding-top: 1em !important;
    }

    .section-2 .wellness_inner_sec img {
        height: 150px !important;
    }

    .section-2 .row.wellness_inner_sec p {
        font-size: 17px;
        letter-spacing: 1px;
        color: #000000;
        margin-left: -30px;
    }

    .row.wellness_inner_sec {
        padding-top: 1em;
        margin-left: -45px;
    }

    .section-4 .col-md-10 {
        width: 100%;
        margin: 0 auto;
    }

    .section-5#well_being_products p b {
        font-size: 22px;
    }

    .section-5#well_being_products p,
    .home_page_description {
        width: 100%;
        font-size: 18px;
        margin-top: 0.4em;
    }

    .section-6.container-fluid#our-story {
        padding-top: 2em !important;
    }

    /* .section-6#our-story h3 {
        font-size: 44px !important;
    } */
    .section-6.container-fluid#our-story .ourstory_inner {
        flex-direction: column-reverse !important;
    }

    section.section-7.container-fluid {
        padding: 3em 0em 3em 0em !important;
    }

    table#tables_dashborad td {
        font-size: 14px !important;
    }

    table#tables_dashborad td:nth-child(2) {
        font-size: 14px !important;
    }

    table#tables_dashborad th {
        font-size: 16px !important;
    }

    .content-cart li a {
        margin-right: 0px !important;
        height: 134px !important;
        width: 94%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    input#amount {
        width: 80% !important;
        border-radius: 0 10px 10px 0px;
    }

    .content-cart.demo {
        display: none !important;
    }

    .desktop {
        display: block !important;
    }

    .content-cart h1 {
        padding-left: 24px !important;
        padding-right: 6px !important;
    }

    .content-cart ul li {
        width: 24% !important;
    }

    .content-cart h1 {
        font-size: 14px !important;
    }

    .content-cart li a {
        height: 140px !important;
    }
}

/**** shiping info page ****/

.shipping-info {
    display: none;
}

.shipping-info .select2-container {
    width: 100% !important;
}

/*---------05-3--------*/

span.relative.z-0 a {
    color: #02343f;
    text-decoration: none;
}

/* ----------11apr---------- */

/* code comment by amit */

/* Note :- User class for this */

/* input[type='radio'] {
    width: 100%;
    height: 2em;
    accent-color: #05a3a366;
}  */

.social-icon i {
    padding: 11px 14px;
    border-radius: 0px;
    text-align: center;
    height: 57px;
}

/* .footer-col {
    text-align: center;
} */

li.nav-item a span i {
    padding-right: 10px;
}

/*---------06-3--------*/
i.fa.fa-home {
    font-size: 22px;
    padding-right: 5px;
}

.row.wellness_inner_sec a:hover {
    color: #02343f;
}

.card-body-product .description h3 {
    font-family: "campton-bold";
    font-size: 21px;
}

.product-cart .btn.cart-btn {
    border-radius: 10px !important;
    font-size: 22px;
    font-family: "campton-bold" !important;
    font-weight: 500 !important;
    /*box-shadow: 1px 4px 12px 0px #bbb5b5 !important;*/
    /*padding-top: 13px;
    padding-bottom: 40px;*/
    text-transform: capitalize;
    opacity: 0;
}

.login.create-acc-btn.text-center button {
    text-transform: uppercase !important;
    letter-spacing: 1px;
}

.reg-form input {
    box-shadow: none !important;
}

.footer-col ul a:hover {
    color: #02343f;
}

/*---------07-3--------*/

section.policy__privacy a {
    color: #02343f !important;
}

.nav-link span.mx-2 {
    padding-left: 22px;
}

button.collapsible {
    border: none;
    background: none;
    display: flex;
    gap: 147px !important;
    align-items: center;
    margin-top: 0 !important;
}

li.nav-link.dropss img {
    width: 8%;
}

li.nav-link.dropss.all-members img {
    width: 11%;
}

a#show_date_range {
    font-weight: 700;
    font-size: 14px;
    color: #000 !important;
}

p.role-text-user a {
    color: #02343f;
}

a.btn.btn.js-photo-upload {
    color: #fff;
    margin-top: 15px;
    background: #02343f;
    width: 230px;
    border-radius: 9px;
    font-size: 17px;
    letter-spacing: 1px;
    font-family: "campton-book";
}

table#tables_dashborad th {
    color: #02343f !important;
    text-transform: uppercase;
    /* font-family: "campton-bold"; */
    font-size: 17px !important;
}

table#tables_dashborad td:first-child {
    color: #02343f !important;
}

table#tables_dashborad td:nth-child(2) {
    color: #02343f !important;
    font-size: 17px;
    font-family: "campton-book";
    font-weight: 600 !important;
}

.footer-col ul li a:hover {
    color: #02343f;
    background: none;
}

.badge.bar {
    padding: 10px;
    font-size: 17px;
    font-family: "campton-book";
    margin-bottom: 10px;
}

.inner-page-banner {
    background: url("../images/orders-banner.png");
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;

}



table#tables_dashborad td {
    font-size: 17px !important;
    font-family: "campton-semibold" !important;
}

a.nav-link.reg-btn:hover {
    border: 2px solid #02343f;
}

a.nav-link.reg-btn {
    border: 2px solid #fff0;
    border-radius: 10px;
}

a.nav-link.signup-btn:hover {
    border: 2px solid #02343f;
    border-radius: 10px;
    background: #fff0;
}

a.nav-link.signup-btn {
    border: 2px solid #fff0;
    border-radius: 10px;
    background: #fff0;
}

.footer a.nav-link {
    border: 2px solid #fff0 !important;
    border-radius: 10px !important;
}

/*---------07-3--------*/

section.products-3_page_sec ul li {
    line-height: 24px;
    text-align: left;
}

section.products-3_page_sec ul li::marker {
    color: #00948a;
    font-size: 29px;
}

span.fa.fa-star.checked {
    color: #ea9e00;
}

.details_product.text-left p b span {
    font-weight: 400;
    font-family: "campton-book" !important;
    font-size: 16px !important;
    color: #616161 !important;
}

/*--------------12-mar---------------*/

a.delete-icon:hover {
    border: none !important;
}

a.delete-icon {
    border: none !important;
}

.tax {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 5px;
}

.total-price {
    border: 1px solid #c6c6c6;
    margin: 24px;
    padding: 15px;
    border-radius: 4px;
}

div#min_cart_view .card.mb-3.mb-lg-0.border-0 {
    padding: 0 15px;
    text-align: center;
}

/* ------------14-mar----------- */

a.nav-link span {
    display: flex;
    align-items: center;
}

a {
    color: #02343f;
}

.p-1.my-container.active-cont {
    min-height: 700px;
}

.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

.daterangepicker .ranges li.active {
    background-color: #02343f !important;
    color: #fff !important;
}

.order-detail {
    width: 100% !important;
    min-width: 100% !important;
}

.card-body.wallet-tranfer-edit {
    overflow: inherit !important;
}

.all-members button.collapsible {
    border: none;
    background: none;
    display: flex;
    gap: 118px !important;
    align-items: center;
    margin-top: 0 !important;
}

.content_listed p:hover {
    background-color: #fff;
    border-radius: 10px;
    padding: 0px 10px;
    color: #2eb8ad;
}

.content_listed p {
    border-radius: 10px;
    padding: 0px 10px;
}

/*--------19-3-----*/

.tools button.collapsible {
    border: none;
    background: none;
    display: flex;
    gap: 11px !important;
    align-items: center;
    margin-top: 0 !important;
}

.team-placement {
    font-size: 18px !important;
    color: #1c2136;
    margin: 10px 0 !important;
    width: 100%;
    font-family: "campton-book";
}

table#example-1 td {
    display: flex;
    width: 100%;
}

table#example-1 tr {
    display: flex;
}

table#example-1 {
    width: 100%;
}

table#example-1 td p {
    font-size: 14px;
    width: 100%;
}

table#example-1 td {
    display: flex;
    width: 100%;
    align-items: baseline;
    gap: 10px;
}

table#example-1 input {
    width: auto;
    height: auto;
}

/**************** 21-3-24 ****************/

.panel {
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

/* 20-3---------------------- */

button.accordion.active {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 13px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border: 1px solid #333333;
    margin-bottom: 10px;
}

button.accordion.active:hover {
    background-color: #ccc;
}

button.dt-button.buttons-csv.buttons-html5 {
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 5px;
    background: #f1f1f1;
    line-height: normal;
}

input#dt-search-0 {
    padding: 0;
    border-radius: 6px;
}

div.dt-container div.dt-search label {
    font-size: 14px;
}

div.dt-container div.dt-info {
    font-size: 13px;
}

td.dt-empty {
    text-align: center !important;
}

.dt-paging.paging_full_numbers ul.pagination li a {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 0;
    padding: 1px 11px;
    color: #000;
}

.datatable-scroll {
    margin-bottom: 20px;
}

input#dt-search-0 {
    padding: 0;
    border-radius: 6px;
}

div.dt-container div.dt-search label {
    font-size: 14px;
}

div.dt-container div.dt-info {
    font-size: 13px;
}

td.dt-empty {
    text-align: center !important;
}

.dt-paging.paging_full_numbers ul.pagination li a {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 0;
    padding: 1px 11px;
    color: #000;
}

.datatable-scroll {
    margin-bottom: 20px;
}

/* team rank */

input#report-btn {
    padding: 0px 10px 0px 10px;
    border-radius: 4px;
    font-size: 15px;
}

form.rank-report-form {
    display: flex;
    place-items: center;
    gap: 40px;
}

button.accordion.active {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 13px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border: 1px solid #333333;
    margin-bottom: 10px;
}

button.accordion.active:hover {
    background-color: #ccc;
}

button.dt-button.buttons-csv.buttons-html5 {
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 5px;
    background: #f1f1f1;
    line-height: normal;
}

input#dt-search-0 {
    padding: 0;
    border-radius: 6px;
}

div.dt-container div.dt-search label {
    font-size: 14px;
}

div.dt-container div.dt-info {
    font-size: 13px;
}

td.dt-empty {
    text-align: center !important;
}

.dt-paging.paging_full_numbers ul.pagination li a {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 0;
    padding: 1px 11px;
    color: #000;
}

.datatable-scroll {
    margin-bottom: 20px;
}

.loaderGifDt {
    width: 4%;
    margin-left: 48%;
}

.dt-buttons {
    padding-right: 20px;
}

.hide-select select {
    display: none !important;
}

#all-members_filter {
    margin-bottom: 15px;
    margin-top: 30px;
}

#all-members {
    font-size: 14px;
    font-weight: 600;
}

table#all-members {
    width: 100% !important;
}

button.dt-button.buttons-csv.buttons-html5 {
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 5px;
    background: #f1f1f1;
    line-height: normal;
}

.dt-search input#dt-search-1 {
    padding: 0;
    border-radius: 6px;
}

.dt-bootstrap5 .dt-buttons {
    width: 50%;
    float: left;
    padding-bottom: 20px;
}

.dt-search label {
    font-size: 14px;
}

div#all-members_info {
    font-size: 14px;
}

.dt-paging.paging_full_numbers ul.pagination li a {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 0;
    color: #000;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left !important;
}

div#capture h1 {
    position: absolute;
    bottom: 438px;
    font-size: 25px;
    left: 69px;
    color: #00af59;
}

.rank-img {
    position: relative;
}

img#userimg {
    border-radius: 100%;
    position: absolute;
    bottom: 259px;
    left: -53px;
    width: 126px;
    height: 126px;
}

div#user-img {
    text-align: center;
}

div#rank-badge {
    position: relative;
    bottom: 61px;
    color: #fff;
}

a#btnDownload {
    border: 1px solid;
    background: #00a8cc;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    font-size: 13px;
}

div#rank-badge1 {
    position: absolute;
    bottom: 106px;
    left: 205px;
    color: #fff;
}

h2#user_name {
    color: #d39362;
    font-size: 27px;
    bottom: 132px;
    position: relative;
    font-family: "campton-book";
}

h3#user_country {
    margin-top: -5em;
}

.download-btn {
    position: relative;
    top: 97px;
}

/*-----------27-03----------*/

#user-flyer {
    height: 469px;
    text-align: center;
}

div#main-capture {
    height: 412px;
}

.content_listed a p {
    margin-bottom: 0;
    line-height: 2;
    font-size: 17px;
}

/*--------member order setting----------*/

.member_order button.collapsible {
    border: none;
    background: none;
    display: flex;
    gap: 39px !important;
    align-items: center;
    margin-top: 0 !important;
}

button.member-btn {
    float: right;
    background: #96d1c1f2;
}

table#memeber_ordertable input {
    width: 100%;
    border: 1px solid #cbcbcb;
    text-align: center;
    border-radius: 3px;
    padding: 4px 10px;
    color: #000;
}

table#memeber_ordertable th {
    font-size: 12px;
    font-weight: 500;
}

/* ------01-04------ */

ul.submenu.collapse li a, ul.submenu li a {
    /*margin-top: 10px !important;*/
    padding-left: 60px !important;
}

ul.submenu.collapse, ul.submenu {
    padding: 0;
}

li.nav-item.has-submenu ul li .nav-link:hover, .submenu li.active, .nav-link.active {
    background-color: #2eb8adab;
    border-radius: 0px !important;
}

li.nav-item.has-submenu ul li .nav-link.active {
    border-radius: 0 !important;
}

li.nav-item.has-submenu ul.show, li.nav-item.has-submenu ul{
    background: #cdecdd;
    border-radius: 0px;
}

li.nav-item.has-submenu ul.show a{
    color:#000;
}


/* ------04-04------ */

div#min_cart_view {
    overflow-y: scroll;
    max-height: 550px;
    padding: 20px 5px;
}

/*-----------------------------05-04-2024----cartpage---------------------------*/

.error {
    color: red;
    font-size: 14px;
}

#shipping_city,
#city {
    width: 100%;
}

.table-bordered> :not(caption)>*>* {
    border-width: 0 0px;
}

.shoping_card {
    background: url(/assets/images/bg_img_cards.png);
}

input.form-control.rounded-3.text-center::placeholder {
    font-weight: 700;
    color: #000;
}

input.form-control.rounded-3.text-center {
    border-radius: 20px !important;
}

.shoping_card td {
    font-weight: 600;
}

.shoping_card {
    margin-top: 2em;
}

.tablerounededCorner {
    border: 1px solid #ffc107;
    overflow: auto;
    background-color: #ddd;
    border-radius: 1.2em;
    margin-bottom: 20px;
}

.roundedTable {
    border-collapse: collapse;
    border-radius: 1.2em;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

a.btn.bg-info.text-center.text-white.w-100.rounded-pill {
    background: #02343f;
    font-weight: 600;
}

.roundedTable th,
.roundedTable td {
    padding: 0.9em;
    background: #f0f0f0;
    border-bottom: unset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.btn.bg-warning.text-center.text-white.w-100.rounded-3 {
    background: #fca11d;
    font-weight: 700;
    border-radius: 30px !important;
    font-size: 18px;
    padding: 10px 0;
}

.roundedTable th {
    text-align: left;
}

.roundedTable tr:last-child td {
    border-bottom: none;
}

a.btn.paypal_imgg.bg-warning.text-center.text-white.w-100.rounded-3 {
    background-color: #ffc522;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0 !important;
    box-shadow: unset !important;
}

/* .shoping_card .btn {
    padding: 9px 35px;
    font-size: 20px;
    border-radius: 30px !important;
} */

.cart_summary_preview {
    display: none;
}

.moblie_cart_summary {
    display: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: unset;
    color: unset;
}

.form-control {
    line-height: 1.9;
}

p.price_shiping_text {
    width: 82%;
    border-radius: 20px;
    background: #e6a031;
    padding: 10px 11px 10px 17px;
    font-weight: 500;
    margin-bottom: 0;
    height: 54px;
    display: flex;
    align-items: center;
    font-size: 17px;
    justify-content: center;
}

p.user_active_now {
    background: #02343f !important;
}

p.price_shiping_text:hover {
    background: #02343f;
}

.price_text_icon {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.location_icons {
    width: 42%;
    margin: 0 auto;
    display: flex;
    height: 70px;
    place-items: center;
    margin-bottom: 10px;
}

.location_icons img {
    object-fit: contain;
    margin-bottom: 1em;
}

.col-sm-3.mb-3.text-center.d-flex.justify-content-around.align-items-center {
    display: flex;
    flex-direction: column;
}

.close_icons {
    color: #ff0000;
    font-size: 12px !important;
    font-family: "campton-bold";
}

@media screen and (max-width: 920px) {
    .cart-summary .summary-column-first {
        max-width: 100%;
    }

    .summary-column-first span {
        display: inline-block;
        text-wrap: wrap;
        width: 90%;
    }

    #coupon_code {
        font-size: 14px;
    }

    .logo-bar .col-auto img {
        width: auto;
        height: 90px;
    }

    .order-review td img {
        height: 35px;
        width: 35px;
        margin-right: 4px;
    }

    .form-control {
        width: 100%;
    }

    .col-md-6 {
        margin-top: 1em;
    }

    .shoping_card .btn {
        /* padding: 10px 29px; */
        /* position: sticky;
        position: -webkit-sticky; */
        /* Safari */
        bottom: 0;
    }

    button#coupon-apply {
        padding: 6px 29px !important;
        width: 45% !important;
    }

    .cart_summary_preview {
        display: block !important;
    }

    .moblie_cart_summary {
        display: block !important;
    }

    .dextop_cart_summary {
        display: none;
    }

    a.btn.bg-info.text-center.text-white.w-100.rounded-pill {
        font-size: 11px;
    }

    .row .p-3 .col-sm-5 {
        margin-top: 10px;
    }

    .roundedTable th,
    .roundedTable td {
        padding: 0.5em;
        font-size: 14px;
    }

    input.form-control.rounded-3.text-center {
        font-size: 14px;
    }

    .form-control {
        line-height: unset;
        width: 100%;
    }

    button.btn.btn-light {
        width: 48% !important;
        margin: 8px 0;
    }

    /* .form-check {
        padding-left: 0;
    } */
    .donate_pricing {
        flex-wrap: wrap;
    }

    div#pricing_shiping {
        display: none !important;
    }

    h3.order_confer_heading {
        font-size: 16px;
    }

    p.order_confer_text {
        font-size: 12px;
    }

    .order_conferm.text-center.p-3 img {
        height: 50px;
    }

    div#order_conferm {
        display: none !important;
    }

    #payment_method {
        display: none !important;
    }

    span.price_text_icon img {
        display: none;
    }

    .location_icons img {
        /* width: 29%; */
        height: 48px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .shoping_card .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* new-page-css-12-01 */

.text-donate {
    padding: 25px;
    font-size: 18px;
}

.text-donate a {
    background: #fff;
    border-radius: 6px;
    padding: 6px 30px;
    border: 1px solid #0dcaf0;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
}

.biiling-form-cart {
    border: 1px solid #ffc107;
    background-color: #fff;
    border-radius: 1.2em;
    margin-bottom: 20px;
    padding: 30px;
}

.login-card .form-control, .login-card .reg-country-select-input span.select2.select2-container.select2-container--default {
    border-color: #13333E;
    border-width: 2px;
    height: 50px;
    font-size: 18px;
    border-radius: 10px;
}

.coupon b {
    float: left;
    line-height: 40px;
}

.coupon-code {
    width: 30%;
    float: left;
    text-align: left !important;
    margin-left: 10px;
}

.coupon .btn {
    width: 170px !important;
    float: left;
    margin-left: 10px;
    font-size: 15px;
}

.shoping_card th {
    padding-left: 17px;
}

.shoping_card th:first-child {
    width: 50%;
    border: none;
}

.shoping_card tr:first-child,
.shoping_card tr:last-child {
    border: none;
}

.order-review {
    width: 100%;
}

.customer_returing_list {
    background: #02343f;
    color: #fff;
    display: flex;
    align-items: center;
}

.customer_returing_list h3 {
    font-size: 18px;
    padding: 0.9em;
    margin-bottom: 0;
}

.customer_returing_list h3 u {
    cursor: pointer;
}

@media only screen and (max-width: 680px) {

    img#userimg {
     
        bottom: 333px !important;
        left: -42px !important;
        width: 100px !important;
        height: 100px !important;
      }

      div#capture h1 {

        bottom: 460px !important;
        font-size: 18px !important;
        left: 57px !important;
        color: #00af59 !important;
      }

      h2#user_name {
        color: #d39362 !important;
        font-size: 20px !important;
        bottom: 104px !important;
      }

      div#rank-badge1 {
        bottom: 221px !important;
        left: 147px !important;
        color: #fff !important;
      }

      div#rank-badge1 span{
        color: #fff !important;
        font-size: 16px;
      }

    .billing-details .form-control {
        width: 100%;
    }

    .biiling-form-cart {
        padding: 18px;
        width: 98%;
        margin: 0 auto;
        margin-top: 20px;
    }

    /* .biiling-form-cart h3 {
        padding: 0 1rem;
    } */
    .order-review {
        width: 98%;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .shoping_card th:first-child {
        width: 70%;
    }

    .coupon .btn {
        width: 121px !important;
        margin: 0 4px;
        padding: 5px;
    }

    .coupon-code {
        width: 35% !important;
    }

    .coupon b {
        line-height: 28px;
    }

    .progress-list,
    .price_text_icon img {
        display: none !important;
    }

    .progress-list.active {
        display: flex !important;
    }

    p.price_shiping_text {
        width: 100%;
        padding: 8px 11px 8px 17px;
        height: 42px;
        font-size: 16px;
    }

    .location_icons {
        width: 100%;
        justify-content: center;
    }

    .card.m-5.login-card h1 {
        font-size: 25px !important;
    }

    .card.m-5.login-card {
        margin: 2em 0em 2em 0em !important;
        padding: 10px !important;
    }

    .wellness h1 {
        font-size: 32px !important;
    }

    div#min_cart_view_mobile {
        width: 100% !important;
        top: 72px;
    }

    #main-nav .dropdown {
        position: initial !important;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
    nav.sidebar {
        overflow-y: scroll;
    }

    a.btn.btn.js-photo-upload {
        /* height: 50px; */
        width: 100%;
        /* align-items: center; */
        /* display: grid; */
    }

    button.btn.btn-light.text-white {
        height: 50px;
        width: 100% !important;
    }

    .login-card-footer button {
        width: 100%;
    }

    button.border-0.mt-2.bg-lightblue {
        height: 50px;
    }

    .login.create-acc-btn.text-center button {
        width: 100%;
        padding:10px !important;
    }

   
    .social-icon {
        width: 60% !important;
        margin: 0 auto;
        gap: 1px;
        margin-bottom: 20px;
    }

    span#poduct-count {
        right: 57px !important;
    }

    .desktop {
        display: none;
    }

    .demo {
        display: block !important;
        margin: 0 auto;
        width: 80px;
    height: 80px;
    object-fit: contain;
    }

    .p-5.defalut_img{
        padding:1em !important;
    }

    .content-cart li a {
        margin-right: 0px !important;
        height: 110px !important;
        width: 110%;
    }

    .content-cart ul li {
        right: 35px;
        width: 280px !important;
    }

    .content-cart h1 {
        padding-left: 33px !important;
        padding-right: 10px !important;
    }

    .form-check.form-check-inline.mb-3 {
        padding-left: 27px;
    }

    .biiling-form-cart .form-check.form-check-inline.mb-3 {
        padding-left: 0;
    }

    .justify-content-end {
        justify-content: center !important;
    }
}

.content-cart ul li {
    float: left;
    width: 24%;
}

.content-cart li a {
    display: flex;
    align-items: center;
    padding: 25px;
    background-image: url(/assets/images/back.png);
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat;
    margin-right: -60px;
    height: 194px;
}

.content-cart span {
    background: #fff;
    padding: 14px;
    text-align: center;
    border-radius: 100%;
    margin-right: 20px;
    box-shadow: -9px 13px 10px #0c85a0;
}

.content-cart .active span {
    background: #fff;
    padding: 14px;
    text-align: center;
    border-radius: 100%;
    margin-right: 20px;
    box-shadow: -9px 13px 10px #b87407;
}

.arrow p {
    color: #fff;
    font-size: 18px;
}

.content-cart h1 {
    font-size: 15px;
    color: #fff;
    line-height: normal;
    padding-left: 55px;
    padding-right: 35px;
    text-transform: uppercase;
    width: 70%;
}

.content-cart li a.active {
    background-image: url(/assets/images/back-active.png);
}

.content-cart.demo {
    display: none;
}

/* -------08-04-2024--------- */

.sidebar a.nav-link img {
    width: 37px !important;
  height: 17px !important;
  padding-right: 20px !important;
  filter: brightness(0%);
  margin-top: -7px;
}

.sidebar a.nav-link {
    color: #000 !important;
    font-size: 18.75px;
    align-items: center;
    display: flex;
}

li.nav-item.has-submenu i {
    position: absolute;
    right: 11px;
}

/*.sidebar .nav-link:active, .sidebar .nav-link:focus, .sidebar .nav-link:hover {
    background-color: #cdecdd !important;
  }*/

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.nav-item {
    margin-right: 0px !important;
}

.content-cart ul {
    padding: 0;
}

.content-cart ul li {
    list-style: none;
}

@media only screen and (min-width: 768px) {}

/* ----9/4/2024---- */

.lang-dropdown .select2-container {
    width: 160px !important;
    margin-bottom: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00a8cc !important;
    color: white !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 94px !important;
    overflow-y: auto;
}

.select2-dropdown {
    height: 150px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00a8cc !important;
    color: white;
}

p#selectedPrice b {
    font-size: 21px;
}

.modal-footer button.btn.btn-primary {
    background: #02343f;
    border: #02343f;
    list-style:none;
    padding: 8px;
}

.modal-footer button.btn.btn-secondary {
    background: #E09702;
    border: none;    
}

table.detail_tables th {
    font-family: "campton";
}

.card-body .btn {
    /*padding: 7px 15px 4px 15px;*/
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;

}

/* -----------------11apr-------------------- */

.all-reviews {
    width: 100% !important;
}

.dropdown-menu {
    left: -168px;
    min-width: 22rem;
}

.login button {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    background: #f8832e;
    margin: 0 !important;
    font-family: "campton-bold";
    padding:10px;
}

.card.m-5.login-card h1 {
    font-weight: 700;
    margin-bottom: 0.2em !important;
    font-size: 40px;
    color: #00053d;
}

.login-card .form-label {
    font-size: 18px;
    color: #000;
}

.login-card .form-label {
    font-size: 16px;
}

.login-card .form-check .form-check-label {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 1em;
}

/**** referrer bar ***/

.ref-bar {
    text-align: center;
    background: #02343f;
    padding: 3px;
    font-size: 14px;
    color: #ffff;
    font-weight: 600;
}

/* ----------12apr----------- */

div#swal2-html-container {
    font-family: "campton-bold";
    font-size: 30px;
    color: #010d3e;
}

button.swal2-cancel.swal2-styled.swal2-default-outline {
    letter-spacing: 0.8px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: "campton-book";
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

button.swal2-confirm.swal2-styled.swal2-default-outline {
    letter-spacing: 0.8px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: "campton-book";
    padding:10px 15px 7px 15px;
}

.swal2-confirm.swal2-styled {
    background: #00ae55 !important;
    height:40px;
  }

h2#swal2-title {
    font-family: "campton-bold";
    font-size: 30px;
    color: #010d3e;
}

section.section-5:after {
    content: attr(data-content);
    position: absolute;
    color: #000;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #364759;
    z-index: -1;
}

.section-2 .wellness h1 {
    font-size: 80px;
    letter-spacing: 1px;
    color: #000000;
    font-weight: bold;
}

.section-2 .wellness p {
    font-size: 30px;
    letter-spacing: 1px;
    color: #000000;
    width: 76%;
}

.section-2 .wellness_inner_sec img {
    height: 200px;
}

.section-2 .row.wellness_inner_sec p {
    font-size: 21px;
    letter-spacing: 1px;
    color: #000000;
}

.card-body-product {
    padding: 10px;
    /* height: inherit;
    position: absolute; */
    width: 100%;
    min-height: 369px;
}

.product-img img {
    height: inherit;
    object-fit: contain;
    margin: 0 auto;
}

/******** checkout register section **/
.register-user {
    background: #f0f0f0;
    padding: 30px;
    margin-bottom: 15px;
    border: 1px solid #ffc107;
    border-radius: 1.2em;
}

.register-user p {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    float: right;
    margin-left: 5px;
}

#account_email,
#email {
    text-transform: lowercase;
}

/**** register page ***/

.show-pwd {
    position: absolute;
    top: 14px;
    right: 17px;
    cursor: pointer;
}

/* --------------------index-page------------------------ */

/* .dropdown-menu {
    left: -182px !important;
    min-width: 22rem;
} */

div#card-body h5 {
    font-size: 14px;
}

ul.navbar-nav.main-nav.align-items-center a {
    color: #000;
    /* font-size: 15px; */
    font-weight: 500;
    border: 2px solid #fff0;
    border-radius: 10px;
}

ul.navbar-nav.main-nav.align-items-center a:hover {
    border-radius: 10px;
    background: none;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

.owl-dots {
    text-align: center;
    padding-top: 15px;
    display: none;
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.owl-dots button.owl-dot.active {
    background-color: #000;
}

.owl-dots button.owl-dot:focus {
    outline: none;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-nav button:focus {
    outline: none;
}

#contants_products .col-sm-9 {
    display: flex;
    flex-direction: column;
    float: right;
}

.nav-item-container {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__logo img {
    width: 100%;
    height: 45px;
}

.nav-item {
    margin-right: 10px;
}

/*------13-mar-----------*/

.dropdown-menu .ms-3 b {
    font-size: 13px !important;
    line-height: 16px;
    display: inline-block;
}

.dropdown-menu .ms-3 {
    text-align: left;
}

/* ---------------end---------------------------------------- */

a.btn.bg-info.text-center.text-white.yellow-btn.rounded-3:hover {
    border: 2px solid #e6a031;
}

/* -----------12apr-mainloginpage---------- */

.card-body.home-card .select2 {
    border-color: #02343f !important;
    border-width: 2px;
    border-radius: 9px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #02343f !important;
    color: white !important;
}

@media only screen and (min-width: 320px) and (max-width: 1100px) and (orientation: landscape) {
    .multiple_header_lwr {
        flex-direction: row !important;
    }

    .multiple_header_logo img {
        width: 50%;
    }

    .slick-slider .element {
        height: 280px;
        background-color: #fff;
        color: #000;
        display: inline-block;
        margin: 20px 10px;
        border: 1px solid #ededf2 !important;
        text-align: center;
        padding: 0 !important;
        position: relative;
    }

    .product-img {
        height: 150px !important;
        position: relative;
    }

    .description h3 {
        font-size: 14px;
        margin-top: 32px;
    }

    .price {
        margin-top: 15px;
    }

    .section-5 .col-md-3 img {
        width: auto;
        height: 270px;
    }

    #logo-bar .justify-content-evenly {
        justify-content: center !important;
    }
}

@media (max-width: 1024px) {
    div#min_cart_view {
        left: -251px;
    }

    span#poduct-count {
        right: -7px !important;
    }

    .slick-slider .element {
        height: 280px;
        width: 30% !important;
        background-color: #fff;
        color: #000;
        display: inline-block;
        margin: 20px 0px;
        border: 1px solid #ededf2 !important;
        position: relative;
        margin-left: 26px;
    }

    span#dashboard-poduct-count {
        bottom: 47px;
        height: 20%;
        width: 16px;
        margin-left: 10px;
        font-size: 13px;
        bottom: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .multiple_heading_sec h1 {
        font-size: 32px !important;
    }

    .message {
        height: 80% !important;
    }

    .card-title h2.p-3 {
        font-size: 17px !important;
    }

    select.form-select.rounded-3 {
        font-size: 12px !important;
    }

    p.copy_right_language {
        font-size: 16px !important;
        text-align: center !important;
    }

    a.btn.btn-lg.disabled.text-white {
        font-size: 12px !important;
    }
}

@media (max-width: 768px) {
    input#amount {
        width: 80% !important;
        border-radius: 0 10px 10px 0px;
    }

    span#poduct-count {
        right: -9px !important;
    }

    body.onetime-show {
        background-size: unset;
        background-position: -22em -2em !important;
    }

    .multiple_header_lwr {
        flex-direction: column;
    }

    .multiple_heading_sec h1 {
        font-size: 32px !important;
        line-height: unset !important;
        width: 100% !important;
    }

    .multiple_header_icons i.fa {
        font-size: 11px;
        width: 26px;
        height: 26px;
    }

    p.copy_right_language {
        font-size: 16px;
        text-align: center;
    }

    label.form-label.fw-bold {
        font-size: 13px;
    }

    .multiple_heading_sec p {
        font-size: 16px;
        margin-bottom: 1em;
    }

    .card-title h2.p-3 {
        font-size: 16px;
    }

    button.learn_more_language {
        width: 55%;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .multiple_header_logo {
        width: 45% !important;
        margin-bottom: 1em;
    }

    .multiple_heading_sec.pt-5 {
        text-align: center;
        padding: 0 !important;
    }

    a.btn.btn-lg.disabled.text-white {
        font-size: 13px !important;
    }

    select.form-select.rounded-3 {
        font-size: 12px;
        height: 40px;
    }

    /******* home lang card ***/
    .home-card .mb-4 {
        margin-bottom: 0.5rem !important;
    }

    .home-card.card-body {
        flex: 1 1 auto;
        padding: 0rem 1rem 1rem 1rem;
    }

    button.btn.save_changes {
        background: #00948a;
        font-size: 12px;
        font-weight: 500;
        line-height: 13px;
        padding: 10px;
        margin-top: 8px;
    }

    /* .section_dashborad .personal_orders_wraper {
        padding: 0px !important;
    } */
    .detail_box p {
        margin-bottom: 0;
        font-size: 14px;
        word-break: break-all;
    }
}

@media (max-width: 1366px) {
    .multiple_heading_sec p {
        font-size: 17px;
    }

    .multiple_header_icons {
        gap: 15px;
    }

    .message {
        height: 72%;
    }

    .multiple_lwr_list ul a li {
        font-size: 13px;
        gap: 9px;
    }

    a.btn.btn-lg.disabled.text-white {
        font-size: 13px !important;
    }

    #well_being_products .col-md-3 {
        width: 33.3%;
    }

    .button-country {
        width: 80%;
        float: right;
    }

    button.btn.btn-outline-dark.rounded-3 {
        font-size: 14px;
    }

    ul.navbar-nav.main-nav.align-items-center {
        gap: 0px !important;
    }

    ul#scroll_bar {
        gap: 43px !important;
    }

    .section_trackshipment .deafault_adds_wraper {
        width: 73%;
    }

    button.btn.border.dropdown-toggle.load_more {
        float: right;
        margin-right: 3.7em;
    }

    /* .section_dashborad .text-left.personal_heading {
        margin: 1em 1em;
    } */
    .footer-col ul a {
        line-height: unset;
    }

    /* .login-card .form-label {
        font-size: 16px;
    } */
    section#well_being_products {
        padding-bottom: 3em;
    }

    .section-4 .col-md-10 {
        width: 74%;
        margin: 0 auto;
    }

    .section-4.products p {
        font-size: 19px;
    }

    .section-2 {
        padding-top: unset;
    }

    .section-2 .col .wellness {
        padding-top: 7em;
    }

    .section-4.products h2 {
        font-size: 47px;
    }
}

.message {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 63%;
    bottom: 0;
    display: block;
    position: absolute;
    color: #fff;
}

.multiple_heading_sec p {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 0;
    /* font-family: "Montserrat"; */
    font-weight: 600;
}

/* .multiple_heading_sec h1 {
    font-size: 100px;
    color: #ffffff;
    font-family: "Bebas Neue" !important;
    line-height: 100px;
    width: 79%;
} */

.multiple_header_lwr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 93%;
    margin: 0 auto;
}

.multiple_header_logo img {
    width: 100%;
}

.multiple_header_logo {
    width: 13%;
}

.multiple_header_icons i.fa {
    font-size: 17px;
    border: 1px solid #fff;
    padding: 7px 0px;
    border-radius: 41px;
    color: #fff;
    width: 35px;
    text-align: center;
    height: 34px;
}

.card-title h2.p-3 {
    color: #010d3e !important;
    padding-bottom: 0 !important;
    font-weight: 600;
    font-size: 24px;
}

.multiple_header_icons {
    display: flex;
    gap: 20px;
}

.multiple_header_lwr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 83%;
    margin: 0 auto;
    padding-top: 13px;
}

.copy_right_language {
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    color: #fefefe;
    font-weight: 600;
    text-align: right;
    /* font-family: "Montserrat" !important; */
}

section.section-3 .container-fluid {
    width: 100%;
    margin: 0 auto;
}

/*********right form***************************/

select.form-select {
    color: #000;
    border: 1px solid #13333E;
    /* padding: 2.4em; */
}

.form-select:focus {
    border-color: #a0f1ea;
    outline: 0;
    box-shadow: unset;
}

.card.shadow.p-3 {
    border-radius: 20px;
}

/* button.btn.save_changes {
    background: #00948a;
    font-size: 16px;
    font-family: 'campton' !important;
    letter-spacing: 1.5px;
} */

.onetime-show {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

button.navbar-toggler {
    z-index: 1;
}

label.btn.btn-outline-primary {
    border-radius: 10px !important;
}

/* ---------------17-4-2024--------------------- */

.sucess-messgae {
    text-align: center;
    font-weight: 500;
    background: #e58f64;
    padding: 10px 0;
    color: #fff;
    margin: 0px !important;
}

/* ---------------------------------------------------------PRODUCT-DETAIL-PAGE-------------------------------------------------------- */

.all-reviews {
    width: 70%;
    margin: 0 auto;
    padding: 20px;
}

.review-user-img {
    color: #02343f;
    font-size: 30px;
}

.verified-user {
    color: #00ad59;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
}

.review-text {
    font-size: 14px;
    line-height: 22px;
}

.review-img-name {
    display: flex;
    /* place-items: center; */
    gap: 12px;
    padding-bottom: 10px;
}

.review-prodoct-name {
    top: 25px;
    left: 5%;
    font-size: 10px;
}

.reviewed-text {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
}

.review-user-img {
    font-weight: 400;
    font-family: "campton";
}

.review-img-name i {
    background-color: #fff;
    padding: 10px;
    border-radius: 100%;
    border: 1px solid;
    width: 49px;
    text-align: center;
}

button.btn.btn-outline-dark.rounded-3 {
    color: #eba142 !important;
}

button.btn.btn-outline-dark.rounded-3:hover {
    text-decoration: underline;
}

.star-rating {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    line-height: 1;
}

.star-rating::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(90deg,
            var(--star-background) var(--percent),
            var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.quantity {
    background-color: #d5d5d5;
    border-radius: 30px;
    width: 32%;
    text-align: center;
}

span.express {
    color: #02343f;
    font-weight: 500 !important;
}

i.fa.fa-map-marker {
    color: #02343f;
}

button.btn.btn-outline-dark.rounded-3 {
    border: unset;
    font-size: 18px;
    color: #616161;
    font-weight: 500;
    background: none;
    padding: 0;
    cursor: pointer;
}

.review-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 180px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.review-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: none;
    width: 38% !important;
}

.rating {
    display: flex;
    width: 100%;
    justify-content: start;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating>input {
    display: none;
}

.rating>label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: 0.3s;
}

.rating>input:checked~label,
.rating>input:checked~label~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating>input:not(:checked)~label:hover,
.rating>input:not(:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.quantity {
    background-color: #d2cabd;
}

/* -------------------------------------DELIVERY-INFO----------------------------------------------------------- */

img.img-fit.mb-2 {
    height: 70px;
}

.payment .col-lg-3 {
    width: 33%;
}

.order_conferm {
    background: #f0f0f0;
}

a.btn.bg-info.text-center.text-white.w-100.rounded-pill {
    background: #02343f;
    font-weight: 600;
    width: 33% !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-left: 1em;
}

button.btn.btn-light-other {
    margin-top: 1em;
    height: 37px;
    line-height: 1px;
    /* width: 24%; */
    background-color: #fff !important;
    border-radius: 10px;
    border: 1px solid #02343f;
}

.other_pricing {
    border: 1px solid #02343f;
    margin-top: 1em;
    border-radius: 10px;
}

.biling_details_heading {
    font-size: #010d3e;
    font-weight: 600px;
    font-size: 22px;
}

.customer_returing_list {
    background: #02343f;
    color: #fff;
    display: flex;
    align-items: center;
}

.additional_info_bg {
    background: #f0f0f0;
}

button.btn.btn-light {
    width: 23%;
    background-color: #fff !important;
    border: 1px solid #02343f;
    border-radius: 10px !important;
}

.donate_pricing {
    display: flex;
    justify-content: space-between;
}

p.order_confer_text {
    margin-bottom: 0;
    padding-bottom: 1em;
    font-size: 17px;
    font-weight: 700;
}

h3.order_confer_heading {
    font-size: 35px;
    letter-spacing: 0px;
    color: #1c1b1b;
    font-weight: bold;
    padding-top: 0.6em;
}

.order_conferm.text-center {
    background: #f0f0f0;
    border-radius: 20px;
}

.pay_wallet {
    background: #e6a031;
    font-weight: 600;
    margin-bottom: 1.4em;
}

.fieldset {
    background: #fff !important;
    margin-bottom: 2em !important;
    border-radius: 20px;
    height: 100px;
}

a.btn.payment_btn_img.text-center.text-white.w-100.rounded-pill {
    width: 119px;
    height: 107px;
    border: 2px solid #02343f;
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* ---------------------------------------------------DASHBOARD------------------------------------------------ */

svg.w-5.h-5 {
    width: 20px !important;
}

p.text-sm.text-gray-700.leading-5 {
    padding-top: 1em;
}

.billing {
    border: solid 1px #00000033;
    border-radius: 14px;
    font-size: 16px;
    padding: 20px;
    box-shadow: 10px 10px 17px 2px #0000000a;
    background: #00000008;
    font-family: "campton-book";
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 10px;
}

.shipping {
    border: solid 1px #00000033;
    border-radius: 14px;
    font-size: 16px;
    padding: 20px;
    box-shadow: 10px 10px 17px 2px #0000000a;
    background: #00000008;
    font-family: "campton-book";
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 10px;
}

table#customers {
    margin-top: 50px;
}

.heading-1 {
    padding-bottom: 30px;
}

table#customers tr th {
    background-color: #4de4d8;
}

table#tables_dashborad th small {
    font-size: 10px;
}

button.btn.border.dropdown-toggle {
    color: #000;
    font-weight: 600;
}

.table-total {
    padding: 30px 0;
}

.personal_orders_wraper .card-body h3 {
    text-align: left;
    text-transform: uppercase;
}

.dropdown.pt-4 {
    width: 83%;
    text-align: right;
}

table#tables_dashborad .col img {
    width: 30px;
}

.aiz-pagination.mt-2 {
    margin-left: 3em;
}

.aiz-pagination.mt-2 p {
    margin-top: 10px;
}

.col-1.address_1\$2.text-left {
    margin-left: -5em;
}

a#update_user_btn {
    border: 3px solid #007d44;
    color: #fff;
    background-color: #007d44;
    font-size: 18px;
    border-radius: 50px;
}

.link-sec input {
    border-radius: 10px 0px 0px 10px !important;
    padding: 0px 0px 0px 9px !important;
}

/* button.blue-btn {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #02343f !important;
    background-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #02343f !important;
    border-radius: 0px 10px 10px 0px !important;
} */

#myInput {
    width: 100%;
    font-weight: 600;
    background-color: #fff;
    color: #777;
    border-color: rgba(0, 0, 0, 0.09);
}

.link-sec {
    display: flex;
    /* place-content: center; */
    height: 40px;
    height: 40px;
    margin-top: 12px;
}



@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .slick-slider .element {
        height: 370px;
        /* width: 209px !important; */
        background-color: #fff;
        color: #000;
        display: inline-block;
        margin: 20px 0px;
        border: 1px solid #ededf2 !important;
        position: relative;
        margin-left: 20px;
    }

    .product-img {
        height: 150px !important;
        position: relative;
    }

    .description h3 {
        margin-top: 18px;
    }

    .price {
        margin-top: 15px;
    }

    .section-5 .col-md-3 img {
        width: auto;
        height: 270px;
    }

    #logo-bar .justify-content-evenly {
        justify-content: center !important;
    }

    .billing {
        word-wrap: break-word;
    }

    .shipping {
        word-wrap: break-word;
    }
}

@media only screen and (min-width: 1204px) {
    .slick-slider .element {
        height: 342px;
        width: 31% !important;
        background-color: #fff;
        color: #000;
        display: inline-block;
        margin: 0px 9px;
        border: 1px solid #ededf2 !important;
        text-align: center;
        padding: 0 !important;
        position: relative;
        min-height: 410px;
    }
}

/**** animate border ***/

/* .card-body-product::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
} */

/* .card-body-product:hover::before {
    animation: animate 1s linear forwards;
} */

/* @keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-top-color: #02343f;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: #02343f;
        border-right-color: #02343f;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: #02343f;
        border-right-color: #02343f;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
} */

/* .card-body-product::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
} */

/* .card-body-product:hover::after {
    animation: animates 1s linear forwards;
} */

/* @keyframes animates {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #02343f;
    }
    50% {
        width: 0;
        height: 100%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #02343f;
        border-left-color: #02343f;
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #02343f;
        border-left-color: #02343f;
    }
} */

.shadow__img {
    background: url("/assets/images/header-shadow1.png");
}

/***** end animate border ***/

.product-img:hover img {
    transform: scale(1.05);
}

a,
button,
input,
textarea,
.btn,
.has-transition {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card-body-product:hover .cart-btn {
    opacity: 1;
    transform: translateY(100%);
}

.nhglobal_all_products .fa-angle-double-right,
.nhglobal_all_products .fa-angle-double-left {
    display: inline-block;
    font-size: 32px;
    color: #02343f;
    margin: 10px;
}

/* -----------------17-04-2024----------------------- */

.price {
    color: #02343f;
    font-size: 18px;
    font-weight: 800;
    margin-top: 10px;
    font-family: "campton-bold";
}

.slick-slider .slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.slick-track {
    display: flex !important;
    height: auto;
    align-items: center !important;
    justify-content: center !important;
}

.section-5 .col-md-3 img {
    width: auto;
    height: 270px;
}

/*****************section 8************************************/

.section-8#contants_products h4 {
    font-size: 27px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #555555;
    font-weight: bold;
}

.section-8#contants_products p {
    font-size: 15px;
    letter-spacing: 1px;
    color: #555555;
}

.section-8#contants_products img {
    width: 100%;
}

.section-8 p.demensiion_text {
    font-size: 17px;
    letter-spacing: 1px;
    color: #555555;
}

.section-8#contants_products .row {
    justify-content: center;
}

.section-8#contants_products .col-sm-9 {
    display: flex;
    flex-direction: column;
    float: right;
}

input.form-control.rounded-pill.bg-light {
    border: none;
}

/*******************section 7********************************/

section#wellness_logos img {
    height: 150px;
}

/***************************section 6******************/

.section-6#our-story h3 {
    font-size: 47px;
    letter-spacing: 2px;
    color: #000000;
    font-weight: bold;
}

.section-6#our-story p {
    color: #000000;
    font-size: 22px;
    letter-spacing: 1px;
    color: #000000;
    width: 90%;
}

.section-6#our-story {
    background: #f7f7f7;
    padding-top: 6em !important;
}

.logo-bar .col-auto img {
    width: auto;
    height: 150px;
}

div#logo-bar img {
    width: auto;
    height: 130px;
}

section.section-7.container-fluid {
    background: #fff;
    padding-bottom: 4em;
    padding: 6em 0em 6em 0em;
}

/********************sectiion 5*********************************/

.section-5#well_being_products p,
.home_page_description {
    font-size: 21px;
    letter-spacing: 1px;
    margin: 0 auto;
    color: #fff;
    margin-top: 0.6em;
}

.home_page_description {
    width: 77%;
}

.home_page_description ul {
    text-align: left;
}

.section-5#well_being_products p b {
    font-size: 24px;
}

.products_bg_img {
    position: absolute;
    z-index: -1;
    bottom: 0em;
}

section#well_being_products {
    position: relative;
    padding-bottom: 9em;
}

/************************section 4**************************/

.section-4.products h2 {
    font-size: 55px;
    letter-spacing: 3px;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.section-4.products p {
    font-size: 21px;
    letter-spacing: 0.2px;
    color: #000000;
    /* display: flex; */
    /* align-items: center;
    justify-content: flex-start; */
    /* gap: 14px; */
}

/* .section-4.products b {
    font-size: 21px;
    letter-spacing: 0.2px;
    color: #000000;
    display: flex;   
    gap: 14px;
} */

.section-4 span.checkbox_list .fa {
    font-size: 22px;
    color: #00948a;
}

/**********************section 3*************************/

#background-video {
    width: 100%;
    object-fit: cover;
}

/******************sec 2****************/

.section-2 {
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 40px !important;
}

.wellness {
    width: 53%;
}

.section-2 .wellness_inner_sec .col {
    display: flex;
    align-items: center;
    gap: 26px;
}

/******************sec 2****************/

.section-2 {
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: top;
    position: relative;
    padding-top: 5em !important;
}

.row.wellness_inner_sec {
    padding-top: 0em;
}

.section-2 .wellness_inner_sec .col {
    display: flex;
    align-items: center;
    gap: 26px;
}

/*********************reset password *********************/

.reset__password_btn {
    background: #136663 !important;
}

.cart-btn {
    background: #02343f;
    opacity: 0;
    transform: translateY(100%);
    overflow: hidden;
    position: absolute;
    top: 80px;
    width: 95%;
    margin: 0 auto;
   
    height: 48px;
    color: #fff !important;
    font-size: 14px;
    /* line-height: 24px; */
    text-decoration: none;
    font-weight: 600;
    /*padding-top: 12px;*/
    left:0;
    right:0;
}

.card-body-product:hover .cart-btn {
    z-index: 999;
}

.cart-btn:hover,
.cart-btn.active {
    opacity: 1;
}

nav#serach_navbar ul.navbar-nav.main-nav.align-items-center a {
    color: #fff !important;
    padding: 2px 14px;
}


ul#scroll_bar {
    /*display: flex;
    flex-direction: row;
    justify-content: space-between;
    
    align-items: center;*/
}
 
li.nav-item a span img {
    width: 25px;
    padding-right: 10px;
}

li.nav-link img {
    width: 10%;
}

/* span#poduct-count {
    position: absolute;
    right: -13px;
    top: -5px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
    background-color: #ff5b5b;
    box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);
} */

/*******************register section*******************************************/

.main-nav .nav-link {
    color: #000;
    font-weight: 600;
}

button.border-0.w-70.bg-green.reg-btn {
    background: #f8832e;
    padding: 0.2em 2em;
    color: #fff;
    font-weight: 500;
}

h5.card-header.border-0.text-left {
    color: #13333E;
    background: none;
    text-decoration: underline;
    font-weight: 800 !important;
    cursor: pointer;
}

span#basic-addon1 {
    background-color: #ceecde !important;
  border-radius: 0px 8px 8px 0px;
  border-top: 2px solid #13333E;
  border-bottom: 2px solid #13333E;
  border-right: 2px solid #13333E;
  padding: 4px 10px;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
}

/******************************* Login Pages **********************/

button.border-0.mt-2.bg-lightblue {
    margin-top: 1em !important;
}

button.border-0.w-100.bg-green.reg-btn.reset__password_btn {
    margin-top: 0.3em;
}

hr.reset_line {
    border-color: #00dac9;
    opacity: 1;
    border-width: 2px;
    margin: 4em 0em 1em 0em;
}

.log-btn,
.sign-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #000000 !important;
}

.sign-btn .fa-user {
    font-size: 20px;
}

.sign-field-bg .col-md-6 {
    width: 38%;
}

.log-btn span,
.sign-btn span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.log-btn img {
    width: auto;
    height: 22px;
    filter: grayscale(1) invert(1);
}

.sign-field-bg {
    background-image: url("../images/login_register_bg.png");
    background-size: 100%;
    background-position: center;
}

.register_bg {
    background-image: url("../images/register_img.png");
    background-size: 100%;
    background-position: top;
}

.login-card {
    padding: 30px 10px;
}

.login-card sup {
    color: #ff831f;
}

.login-card .form-check input {
    border-color: #000;
    border-radius: 6px;
}

p.card-header.border-0.text-left.bg-white b {
    font-weight: normal;
}

.login-card .form-check input:checked {
    background-color: #00dac9;
}

.login-card .login {
    margin-bottom: 30px;
}

.login-card hr {
    border: 1px solid #13333E;
    margin: 3em 0em 1em 0em;
    opacity: 1;
}

.login-card-footer a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.login-card-footer button {
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
    color: #fff;
    padding: 7px 25px;
    margin: 0 auto;
    background: #13333E;
    letter-spacing: 1px;

}

.card.m-5.login-card {
    padding: 2.3em;
    border: none;
    border-radius: 10px;
    margin: 4em 0em !important;
}

div#error {
    display: none;
}

.login-card form#login-form span {
    color: #f8832e;
    font-size: 20px;
}

nav#serach_navbar {
    background: #02343f;
}

nav#serach_navbar .col-lg-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between !important;
    margin-left: -20px;
}

.product-img {
    height: 170px;
    position: relative;
    margin-bottom: 12px;
}

.card-body-product1{
    position: relative;
}

/* .products-3_page_sec h2::first-letter {
    text-transform: capitalize !important;
} */

.products-3_page_sec h2 {
    font-size: 40px;
    color: #000000;
    font-weight: bold;
    width: 100%;
    /* text-transform: lowercase !important; */
}

input#exampleCheck1 {
    padding: 8px !important;
    border-radius: 100% !important;
}

button.btn.bg-info.text-center.text-white.w-100.rounded-3.blue-btn {
    border-radius: 50px !important;
    height: 50px;
}

button.btn.btn-primary.ship-next.blue-btn.rounded-pill.blue-btn {
    background: #02343f !important;
    color: #fff !important;
    font-size: 21px;


}

button#coupon-apply {
    padding: 10px;
}

.container-fluid.sign-field-bg.position-relative div#mainContent {
    width: 100% !important;
}

img.wp-image-26139 {
    width: 70% !important;
}

span#poduct-count {
    position: absolute;
    right: -7px;
    top: -6px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 91, 91);
    box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 2px 0px;
    border-radius: 8px;
    overflow: hidden;
}

div#min_cart_view {
    left: -251px;
}

/* --------------------18-apr--------------- */

.message p {
    margin-bottom: 20px;
}

.show-cpwd {
    position: absolute;
    top: 14px;
    right: 17px;
    cursor: pointer;
}

table#tables_dashborad {
    margin-left: 0 !important;
    width: 100% !important;
    font-size: 17px !important;
}

div#tables_dashborad_wrapper .row.mt-2.justify-content-between {
    justify-content: flex-end !important;
    display: grid;
}

/* ---------19-apr-2024------- */

.cshow-pwd {
    position: absolute;
    top: 14px;
    right: 17px;
    cursor: pointer;
}

.mobile-order img {
    width: 27px;
}

.mobile-order span {
    font-family: "campton-book";
    font-size: 17px;
    color: #787878;
    line-height: 33px;
    display: flex;
}

.status {
    padding: 0px 9px;
    text-align: center;
    vertical-align: middle;
    background: #198754;
    border-radius: 20px;
    color: #fff;
    margin: 0px 7px;
    height: 35px;
}

.mobile-order small {
    padding-right: 10px;
    font-size: 14px;
}

.mobile-order-view {
    display: none;
}

i.fa.fa-shopping-bag {
    position: relative !important;
    font-size: 18px;
    margin-top:-2px;
}

/* --------------22-apr-2024---------- */

button.btn.btn-success {
    width: 100%;
    font-size: 18px !important;
    font-family: "campton-book";
}

i.fa.fa-info-circle.second-menu-icon.show-pop-info {
    z-index: 0 !important;
}

.card-body.wallet-tranfer-edit input#email {
    /* line-height: 36px; */
    border-radius: 10px;
}

table#orders_table th, table#wallet_table th, #e-wallet-commissions-table_wrapper th, #wallet_withdrawal_request_table th{
    font-size: 16px !important;
    color: #02343f !important;
    font-family: "campton-semibold" !important;
}

table#orders_table td, table#wallet_table td, #e-wallet-commissions-table_wrapper td, #wallet_withdrawal_request_table td {
    font-size: 16px !important;
    color: #000 !important;
}

input#amount {
    width: 92%;
    border-radius: 0 10px 10px 0px;
}

.personal_orders_wraper.desktop-order-view .row.mt-2.justify-content-between {
    display: grid !important;
    justify-content: flex-end !important;
}

/* ------------24-04----------------- */

.pending {
    background: #f00;
}

select#dt-length-0 {
    width: 60px !important;
}

.row.mt-2.justify-content-between {
    /* display: grid !important; */
    justify-content: space-between !important;
}

/* ------------25-04----------------- */

form#program_upgrade_form input {
    padding: 10px !important;
    border-radius: 10px;
}

form#program_upgrade_form select {
    border-color: #ced4da !important;
    padding: 10px;
    border-radius: 10px;
}

input.form-check-input.upgrade-check-box {
    border-radius: 0px !important;
    margin-right: 10px;
}

.btn-info {
    background-color: #007d44 !important;
    border-color: #007d44 !important;
}

/* ---------------29-04-2024------------- */

.card-body-product1:hover {
    border: 3px solid #02343f;
}

.card-body-product1 p {
    margin: 0;
}

.card-body-product1 {
    border: 3px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    min-height: 330px;
}

.description h4,.best-seller h4 {
   font-size:18px;
   font-family:'campton-book';
  }

.card-body-product1:hover .cart-btn {
    opacity: 1;
}
.point{
    font-family:'campton-book';
}
/* ------------01-05--------------- */

.product-cart .btn.cart-btn-more {
    border-radius: 10px !important;
    font-size: 22px;
    font-family: "campton-bold" !important;
    font-weight: 500 !important;
   /* box-shadow: 1px 4px 12px 0px #bbb5b5 !important;*/
    /*padding-top: 13px;
    padding-bottom: 40px;*/
    text-transform: capitalize;
    opacity: 0;
}

.product-price{
    font-size:18px;
    font-family:'campton-bold';
}

.discount{
    background: #00948a;
  font-size: 12px;
  padding: 7px 5px 5px 5px;
  border-radius: 14px;
  color:#fff;

}

.cart-btn-more {
    display:none;
    background: #02343f;
    opacity: 0;
    transform: translateY(100%);
    overflow: hidden;
    position: absolute;
    width: 95%;
    margin: 0 auto;
    height: 48px;
  

    color: #fff !important;
    font-size: 14px;
    /* line-height: 24px; */
    text-decoration: none;
    font-weight: 600;
    top: 60px;
    /*padding-top: 12px;*/
    left:0;
    right:0;
}

.card-body-product.cart-btn-more {
    background: #02343f;
    opacity: 0;
    transform: translateY(100%);
    overflow: hidden;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    height: 38px;
    color: #fff !important;
    font-size: 14px;
    /* line-height: 24px; */
    text-decoration: none;
    font-weight: 600;
    bottom: 0px;
}

.card-body-product1:hover .cart-btn-more {
    opacity: 1;
}

.card-body-product:hover .cart-btn-more {
    opacity: 1;
}

.nhglobal_all_products .slick-track {
    align-items: start !important;
    justify-content: flex-start !important;
    width: 100%;
}

@media screen and (max-width: 680px) {
    .product-price del{
        display: block;
        margin-bottom: 10px;
    }
  

    .card.mb-3.mb-lg-0.border-0 {
        width: 94%;
        margin: 0 auto;
          margin-bottom: 0px;
      }

      #card-body img{
        object-fit:contain !important;
      }

      .dropdown-menu .ms-3 b, div#card-body h5 {
        font-size: 14px !important;
        line-height: 15px;
      }

      .roundedTable th, .roundedTable td {
        font-size: 16px;
      }

      .roundedTable th, .roundedTable td{
         font-size: 14px;
      }

    body .fixed-next-btn {
        /* position: fixed; */
        bottom: 0 !important;
        /* border-radius: 0 !important; */
        left: 0;
        margin-bottom: 0 !important;
        z-index: 1;
    }

    .login-card .login {
        margin-bottom: 10px  !important;
      }

    /* button.btn.bg-info.text-center.text-white.w-100.rounded-3.blue-btn.fixed-next-btn,
    a.btn.bg-warning.text-center.text-white.w-100.rounded-3.yellow-btn.fixed-next-btn {
        border-radius: 0 !important;
    } */
    .product-cart a.btn.cart-btn-more {
        height: 41px;
        font-size: 17px !important;
        /*padding-top: 7px !important;
        
        padding-bottom: 12px !important;*/
    }

    .review-modal-content {
        background-color: #fefefe;
        margin: auto;
        margin-top: auto;
        padding: 20px;
        border: none;
        width: 95% !important;
        margin-top: 20%;
    }
}

.nav-tabs .nav-link {
    color: #ffffff;
}

.refund_image.active {
    filter: brightness(0%);
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #02343f;
    border-color: #02343f;
}

.btn-primary {
    color: #fff;
    background-color: #02343f;
    border-color: #02343f;


}

.three-product .btn-primary {
    width:160px;
    /*padding-top: 8px;*/
    display:block;
}

.btn.btn-primary .fa-video-camera {
    margin-left: 2px;
}

/*.btn:focus {
    background-color: #e09702;
    border-color: #e09702;
}*/



span#dashboard-poduct-count {
    position: absolute;
    background: red;
    border-radius: 50%;
    color: #fff;
    bottom: 50px;
    height: 15px;
    width: 15px;
    margin-left: 11px;
    font-size: 11px;
    text-align: center;
    padding-top: 2px;
}

span#dashboard-poduct-count p {
    margin-top: 16px;
    margin-left: 1px;
}

.card-body-product:hover {
    border: 1px solid #02343f;
}


/* 08-07-2024 */
input#product_search_bar_btn {
    line-height: 2;
}

.col-lg-12.justify-content-center {
    line-height: 2.5;
}

#scroll_bar a:hover {
    background-color: #E09702;
    /* padding: 10px; */
}


.fa.fa-globe {
    margin-right: 6px;
}

.fa.fa-caret-down.open-lang {
    margin-left: 4px;
}
button.iti__selected-country {
    height: 40px;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .navbar-brand img {
        width: 35% !important;
    }

    .section-2 .wellness_inner_sec img {
        height: 110px !important;
        width: 110px;
        object-fit: cover;
    }

    .shadow__img h1{
        font-size: 20px;
    }

    .shadow__img .btn-primary {
        color: #fff;
        background-color: #02343f;
        border-color: #02343f;
        font-size: 12px;
    }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .section-2 .wellness_inner_sec img {
        height: 150px;
        width: 150px;
        object-fit: cover;
    }

    .shadow__img h1{
        font-size: 28px;
    }

    .shadow__img .btn-primary {
        color: #fff;
        background-color: #02343f;
        border-color: #02343f;



        font-size: 14px;
    }

    .section-2 {
        padding-top: 3em !important;
    }

    .section-2 .wellness h1 {
        font-size: 52px;
    }

    .section-2 .wellness p {
        font-size: 22px;
    }

    .primary-menu .nav-item {
        margin-left: 12px;
    }

    .card-body-product1 h4{
        font-size: 18px;
    }
    .card-body-product1 {
        min-height: 330px;
    }

    .card-body-product1 .btn {
        font-size: 14px;
    }

    section-4.products h2 {
        font-size: 36px;
    }

    .section-5 .col-md-3 img {
        width: auto;
        height: 240px !important;
    }

    .section-5#well_being_products p, .home_page_description {
        font-size: 16px !important;
    }

    section#well_being_products {
        position: relative;
        padding-bottom: 4em !important;
    }

    .section-6#our-story h3, .section-4.products h2 {
        font-size: 34px !important;
    }

    .section-6#our-story p {
        font-size: 18px !important;
    }

    .section-6#our-story {
        padding-top: 2em !important;
    }

    div#logo-bar img {
        width: auto;
        height: 100px;
    }
}


.dataTable, #orders_table_wrapper{
    width:100% !important;
}
span.rewards-title {
    background: #00ae55;
    color: #fff;
    cursor: pointer;
    border-radius: 50% !important;
    font-size: 15px;
    height: 20px;
    width: 20px;
    display: inline-block;
}

.wallet-img{
    width:10%;margin-bottom:15px;
}

span.pending-rewards-amount {
    color: #727682;
}
p.current-wallet-balance.fs-5.fw-bold span {
    color: #727682;
}

#team-rank-report-history-downlines button.btn.btn-success{
    padding: 6px 0 4px 0 !important;
}

.section_dashborad{
    display: flex;
}


a{
    cursor: pointer;
}

#coupon_code{
    border:1px solid #ffc107;
}

#scroll_bar li a{
    font-size: 14px !important;
  letter-spacing: 2.5px;
}

@media only screen and (max-width:680px){

    ul#scroll_bar {
        gap: 0 !important;
        flex-wrap: wrap;
    justify-content: center;
      }
        label.btn.btn-outline-primary {
            margin-left: 0px !important;
        }

        .card-info input, .card-info select{
            height: 45px !important;
        }

        #scroll_bar li a {
            font-size: 10px !important;
          }
    

    .section_dashborad .side-navbar {
        display: none !important;
        width: 100%;
        height: auto !important;
        position: absolute;
        margin-left: -300px !important;
        transition: 0.5s;
        font-size: 19px !important;
        color: #ffffff;
        font-weight: bold;
        background-color: #00948a;
        float: left;
    }

    .add_new_adds.text-white {
        width: 100%;
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 2;
        color: #fefefe;
        font-weight: 500;
        background: #00ae55;
        border: none;
        border-radius: 10px;
        margin-top: 1em;
        height: 47px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 10px;
          margin-bottom: 0px;
        margin-bottom: 10px;
      }

      .wallet-img {
        width: 30%;
        margin-bottom: 15px;
      }

      .section_dashborad .text-left.personal_heading {
        font-size: 20px;

      }

      .section_dashborad .personal_orders_wraper {
        padding: 40px 10px !important;
      }

    .section_dashborad .active-cont{
        width:100%;
        height:auto !important;
    }

    table#wallet_table th, table#wallet_table td {
        font-size: 16px !important;
      }

      .order_heading .mt-5 {
        margin-top: 1rem !important;
      }

      .order_heading .p-5 {
        padding: 1rem !important;
      }

    #sidebar.sidebar-mobile{
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        z-index: 1111111111111111111;
        margin-top: 50px;
    }

    button#coupon-apply {
        padding: 6px 14px !important;
        width: auto !important;
        font-size: 14px !important;
    }

    .card-body .btn{
        font-size:18px;
    }

}

#Log_In .local_img_navbar{
    margin-top: -6px !important;
    height: 19px;

}

#Sign_Up .local_img_navbar{
    margin-top: -4px !important;
}

.user-details-view .text-center{
    text-align: center !important;
    display: flex;
    flex-direction: column;
    place-items: center;
}

.top-fa{
  font-size: 70px !important;
  margin-bottom: 20px;
  filter: grayscale(100%);
  color: #4c4c4c;
}

#nav-tab button {
    border-radius: 0px;
    margin: 0 2px;
    outline:none !important;
    box-shadow: none !important;
    border:none !important;
  }

  #nav-tab button:focus-visible,#nav-tab button:focus,#nav-tab button:hover,#nav-tab button:active, a:focus-visible, button:focus-visible, button:focus, a:focus{
    outline:none !important;
    box-shadow: none !important;
    border:none !important;
  }

  .row.user-details-view{
    place-items: end;
  }