@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

/***** General CSS *****/

body {
    word-break: break-word;
    font: 15px/25px "Poppins", sans-serif;
    color: #393939;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #28b16d;
    white-space: initial;
    display: inline-block;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #393939;
}

a:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
select:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea,
input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* Chrome, Safari, Edge, Opera */

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

select {
    background: #fff url("../images/arrow.png") no-repeat right;
    padding: 0 40px 0 30px;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

ul {
    margin: 0 0 0px;
    padding: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
}


/***** Font Files *****/

@font-face {
    font-family: "Fonts Awesome";
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Fonts Awesome";
    src: url(../fonts/fontawesome-webfont.eot);
}


/***** Custom Classes *****/

.noPadding {
    padding: 0;
}

.noLeft {
    padding-left: 0;
}

.noRight {
    padding-right: 0;
}

.mt-5 {
    margin-top: 50px;
}

.mb-5 {
    margin-bottom: 50px;
}

.mt-8 {
    margin-top: 80px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-2 {
    margin-top: 20px;
}

.pt-5 {
    padding-top: 50px;
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pb-4 {
    padding-bottom: 40px;
}

.pb-8 {
    padding-bottom: 80px;
}

.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-8 {
    padding-top: 80px;
}

.pt-4 {
    padding-top: 40px;
}

.pt-3 {
    padding-top: 30px;
}

.pt-2 {
    padding-top: 20px;
}

.all-section {
    padding: 80px 0;
}

.centerCol {
    float: none;
    margin: 0 auto;
}

.d-flex {
    display: flex;
    align-items: center;
}

.over-flow-h {
    overflow: hidden;
}

.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.flexCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
}

h1 {
    font-family: "Rajdhani", serif;
    font-size: 55px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h2 {
    font-family: "Rajdhani", serif;
    font-size: 45px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h3 {
    font-family: "Rajdhani", serif;
    font-size: 35px;
    color: #000000;
    font-weight: 600;
    margin: 0 0 0px;
}

h4 {
    font-family: "Rajdhani", serif;
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 0 0 0px;
}

h5 {
    font-family: "Rajdhani", serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

h6 {
    font-family: "Rajdhani", serif;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin: 0 0 0px;
}

p {
    color: #000;
    font-size: 15px;
    font-family: "Rajdhani", serif;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0px;
}


/*header css start */

.page_content {
    padding: 40px 20px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #989898;
}

header {
    padding: 60px 40px 20px 32px;
    position: relative;
    z-index: 1;
}

header::before {
    position: absolute;
    content: '';
    width: 81vw;
    height: 1px;
    background: #e7e7e7;
    bottom: 0;
    right: 0;
    z-index: -1;
}

header .row {
    align-items: center;
}

.header-search-box {
    width: 95%;
    position: relative;
}

.header-search-box input {
    width: 100%;
    height: 50px;
    padding: 0 10px 0 40px;
    background: transparent;
    border: 1px solid #989898;
    border-radius: 5px;
    color: #101010;
    text-transform: capitalize;
    font-size: 13px;
    font-family: 'Montserrat';
}

.header-search-box button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: grid;
    place-content: center;
    color: #989898;
    background: transparent;
    border: navajowhite;
    width: 40px;
}

ul.header-profile-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}

.header-notification {
    position: relative;
    z-index: 1;
}

.header-notification span {
    width: 10px;
    height: 10px;
    background: #ff7f26;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -3px;
    right: -3px;
    border: 3px solid #fff;
}

ul.head-prf {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

ul.head-prf img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 70px;
    border: 3px solid #ff7f26;
}

.head-prf-content h5 {
    font-size: 14px;
    color: #151515;
    text-transform: uppercase;
}

.head-prf-content h6 {
    font-size: 12px;
    color: #9e9e9e;
    text-transform: uppercase;
}

ul.header-profile-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}

a.mailbox span {
    width: 5px;
    height: 5px;
    background: #ff7f26;
    padding: 1px;
    position: absolute;
    top: 4px;
    right: 0;
    border-radius: 10px;
    z-index: 1;
}

.mail-box {
    position: relative;
}

.user-profile-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

.user-profile-img img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    object-position: right;
}

.user-profile-info h4 {
    font-size: 14px;
    color: #151515;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 0;
}

.search-nav .row {
    align-items: center;
}

.notification-box {
    position: relative;
}

.side-bar-logo img,
.side-bar-logo a {
    /* width: 72%; */
    object-fit: cover;
}


/* Mail Box */

ul.mail-messages {
    position: absolute;
    right: 0;
    width: 230px;
    background: #ffff;
    padding: 0px 0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    background: #fff;
    z-index: 9999999;
}

ul.mail-messages li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}

ul.mail-messages li .mail-img img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    object-position: right;
}

ul.mail-messages li:hover {
    background: #e01616;
}

ul.mail-messages li .mail-info h6 {
    font-size: 12px;
    color: #000;
    text-transform: capitalize;
}

ul.mail-messages li .mail-info span {
    font-size: 8px;
    color: #000;
    position: absolute;
    right: 0;
    bottom: -13px;
}

ul.mail-messages li {
    padding: 10px 10px;
    border-bottom: 1px solid #fff;
    transition: .2s all;
    border-bottom: 1px solid #d1d1d1;
}

ul.mail-messages li:last-child {
    border: 0;
}


/* Mail Box */


/* Notification Box */

ul.notification-messages-list {
    position: absolute;
    right: 0;
    width: 230px;
    background: #fff;
    padding: 0px 0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    background: #fff;
}

ul.notification-messages-list li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}

ul.notification-messages-list li .notification-img img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    object-position: right;
}

ul.notification-messages-list li:hover {
    background: #e01616;
}

ul.mail-messages li:hover h6,
ul.mail-messages li:hover span {
    color: #fff;
}

ul.notification-messages-list li:hover h6,
ul.notification-messages-list li:hover span {
    color: #fff !important;
}

ul.notification-messages-list li .notification-info h6 {
    font-size: 12px;
    color: #000;
    text-transform: capitalize;
}

ul.notification-messages-list li .notification-info span {
    font-size: 8px;
    color: #000;
    position: absolute;
    right: 0;
    bottom: -13px;
}

ul.notification-messages-list li {
    padding: 10px 10px;
    border-bottom: 1px solid #d1d1d1;
    transition: .2s all;
}

ul.notification-messages-list li:last-child {
    border: 0;
}

.notification-dropdown-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.notification-dropdown-btns a {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    background: #141414;
    padding: 5px 10px;
    border-radius: 5px;
    width: 48%;
    justify-content: center !important;
}

ul.notification-messages-list li:hover .notification-dropdown-btns a {
    background: #ffff;
    color: #000;
}


/* Notification Box */


/* Profile Box */

.user-profile-dropdown {
    z-index: 9999;
    position: absolute;
    right: 10px;
    width: 150px;
    background: #fff;
    padding: 0px 0;
    border-radius: 5px;
    overflow: hidden;
    display: grid;
    border: 1px solid #d1d1d1;
    background: #fff;
}

.header-profile-box {
    position: relative;
    z-index: 9;
}

.user-profile-dropdown a {
    padding: 15px;
    border-bottom: 1px solid #d1d1d1;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    transition: .2s all;
}

.user-profile-dropdown a:last-child {
    border: 0;
}

.user-profile-dropdown a:hover {
    background: #e01616;
    color: #fff;
}


/* Profile Box */

.header-logo {
    width: 110%;
    background-color: #eeeeee;
    height: auto;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    padding: 40px 0;
    margin: 0;
    margin: -80px 0 50px 0;
    position: relative;
    z-index: 9;
}

.page-head h2 {
    font-size: 22px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

ul.header-profile-list i {
    font-size: 19px;
    color: #E01616;
    width: 50px;
    height: 50px;
    border: 2px solid #cbcbcb;
    display: grid;
    place-content: center;
    border-radius: 40px;
    background: #fff;
    z-index: 2;
    position: relative;
}


/* ul.header-profile-list i::after {
    position: absolute;
    content: '';
    width: 101%;
    height: 101%;
    background: #e01616;
    border-radius: 50px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -5;
} */


/* Header Section End */


/* SideBar Start */

.dahsboard-wrap {
    padding: 0px 1% 0 32px;
}

.sidebar-profile {
    display: grid;
    place-content: center;
    padding: 30px 10px;
    text-align: center;
    border: 1px solid #cecece;
    border-top: 0;
    border-bottom: 0;
}

.sidebar-profile img {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    margin-bottom: 10px;
}

.sidebar-profile h5 {
    font-size: 18px;
    color: #020202;
    text-transform: uppercase;
    font-weight: 600;
}

.sidebar-profile h6 {
    font-size: 12px;
    color: #e01616;
    text-transform: uppercase;
    font-weight: 600;
}

.sidebar-wrap {
    width: 108%;
    /* border: 1px solid #cecece; */
    /* border-top: 0; */
}

ul.sidebar-menu li a {
    padding: 22px 30px 22px;
    border-top: 1px solid #adadad;
    border-bottom: 1px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    font-size: 17px;
    color: #656565;
    text-transform: uppercase;
    font-family: "Rajdhani", serif;
    font-weight: 600;
    line-height: 1;
}

ul.sidebar-menu li a::before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    transition: .3s all;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover {
    color: #000;
    font-weight: 700;
}

ul.sidebar-menu li a.active::before,
ul.sidebar-menu li a:hover::before {
    width: 4px;
}

.logout-btn {
    text-align: center;
    margin-top: 130px;
}

.logout-btn a {
    font-size: 14px;
    color: #ffffff;
    background: #e01616;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    font-weight: 600;
    padding: 15px 0;
    width: 100%;
    border-radius: 10px;
}

ul.sidebar-menu {
    border: navajowhite;
    border-top: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #eeeeee;
}


/* SideBar End */


/* Page Content Start */


/* Comuniyt Box */

.dashboard-content-wrap {
    padding-top: 20px;
    margin: 0 0 0 30px;
}

.comun-bx {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 7px 0px 0px #e01616;
    padding: 15px;
}

ul.comun-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
    margin: 50px 0 0 0;
}

ul.comun-list h5 {
    font-size: 15px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

.comun-bx h3 {
    font-size: 42px;
    color: #0a0a0a;
}

.comun-bx p {
    font-size: 14px;
    color: #0a0a0a;
    font-weight: 700;
}


/* Comuniyt Box */


/* Recomended Box */

.recomended-sec {
    border-width: 1px;
    border-color: rgb(229, 229, 230);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    height: 558px;
    padding: 30px 20px;
    margin-top: 25px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.sec-head h3 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

.recomend-box {
    margin: 10px 0;
}

.recomend-imag img {
    width: 100%;
    border-radius: 10px;
}

.recom-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 5px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.recom-head h3 {
    font-size: 17px;
    text-transform: uppercase;
    color: #101010;
    font-weight: 700;
}

.recom-head h5 {
    font-size: 17px;
    color: #e01616;
    font-weight: 600;
}

.recom-head::before {
    position: absolute;
    content: '';
    width: 10%;
    height: 1px;
    bottom: 0;
    right: 0;
    background: #4d5adb;
    transition: .4s all;
}

.recomend-box:hover .recom-head::before {
    width: 100%;
}

.recomend-text p {
    font-size: 12px;
    color: #292e38;
    line-height: 18px;
    margin: 10px 0;
    font-weight: 500;
    font-family: 'Montserrat';
}

.recomend-progress {
    width: 100%;
    height: 4px;
    background: #edeefb;
    border-radius: 10px;
    margin: 10px 0;
    position: relative;
    z-index: 1;
}

.recomend-progress::before {
    position: absolute;
    content: '';
    width: 40%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #e01616;
    border-radius: 20px;
}

.recomend-text h6 {
    text-align: end;
    font-size: 12px;
    color: #292e38;
    font-family: 'Montserrat';
    font-weight: 600;
}

ul.recomnd-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.btn-1 {
    font-size: 14px;
    color: #fff;
    background: #fff;
    padding: 10px 20px;
    border-radius: 7px;
    text-transform: uppercase;
}

.btn-1:hover {
    color: #000000 !important;
}

.strs {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2px;
}

.strs i {
    font-size: 12px;
    color: #f5a115;
}

ul.recomnd-bottom span {
    font-size: 11px;
    color: #878787;
    text-align: end;
    display: block;
}

.recomend-text {
    border: 1px solid #efefef;
    border-top: 0;
    margin-top: -15px;
    padding: 20px 15px 0;
}

.recomended-sec::-webkit-scrollbar {
    width: 5px;
}

.recomended-sec::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.recomended-sec::-webkit-scrollbar-thumb {
    background: #e01616;
}

.recomended-sec::-webkit-scrollbar-thumb:hover {
    background: #e01616;
}


/* Recomended Box */




/* right Side Profile */


/* right Side Profile */

.calendar-nav button:hover {
    /* box-shadow: 0 0 5px 1px #e01616; */
    border-color: #ffff;
    color: #e01616;
    background: #ffff;
}

.calendar-container {
    border-radius: 10px;
    text-align: center;
    color: #fff;
    /* border: 1px solid #ffffff8a; */
    margin-top: 20px;
    background: #303030;
    padding: 15px;
}


/* Month Display Styling */

.month-display {
    font-size: 0;
    margin-bottom: 10px;
    color: #ffffff;
}


/* Date Row Styling */

.date-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 1px;
    margin: 10px 0;
}


/* Date Item */

.date-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 40px;
    /* background-color: #444; */
    color: #fff;
    transition: 0.3s;
    padding: 10px 5px;
    border: 1px solid #cccebe;
    border-radius: 5px;
    gap: 5px;
}


/* Day and Date Styling */

.day {
    font-size: 8px;
    color: #000;
    text-transform: uppercase;
    line-height: 1;
}

.date {
    line-height: 1;
    font-size: 12px;
    color: #000;
}


/* Active Date Styling */

.date-item.active {
    background: #e01616;
}

.date-item:hover {
    background-color: #e01616;
}


/* Navigation Arrows */

.calendar-nav {
    display: flex;
    justify-content: flex-end;
    margin-top: -60px;
    gap: 10px;
}

.calendar-nav button {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 12px;
    border: 1px solid #a59d9d;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: grid;
    place-content: center;
    border-radius: 7px;
}


/* Sleep Box Start */

.sleep-box .card {
    background: transparent;
    /* padding: 20px; */
    text-align: center;
    border: 0;
}

canvas#progressChart {
    position: relative;
    z-index: 1;
}

.sleep-box .progress-text {
    position: absolute;
    font-family: "Rajdhani", serif;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: #e01717;
    background: transparent;
}

.sleep-box .dots {
    display: inline-flex;
    justify-content: center;
    gap: 5px;
    margin-top: 20px;
    border: 1px solid #ebebeb;
    width: fit-content;
    margin: 20px auto 0;
    padding: 2px 5px;
    border-radius: 10px;
}

.sleep-box .dot {
    width: 8px;
    height: 8px;
    background-color: #2f55d4;
    border-radius: 50%;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out;
}

.sleep-box .dot.active {
    opacity: 1;
}

.sleep-box .card h6 {
    font-size: 18px;
    color: #bebebe;
}

.sleep-box .card p.text-secondary {
    font-size: 21px;
    color: #a3a3a3;
}

.sleep-box p.text-uppercase.text-secondary {
    font-size: 18px;
    color: #ababab;
}


/* Sleep Box End */


/* Page Content End */

.sleep-box {
    border-radius: 5px;
    background-color: #fcfcfc;
    margin-top: 25px;
    padding: 0 10px 10px 10px;
}

.progress-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 200px;
    position: relative;
    height: 100px;
    margin: auto;
}

.sleep-box #progress-bar {
    width: 100%;
    height: auto;
    background: transparent;
}

.right-sidebar {
    border-radius: 10px;
    background-color: #000;
    padding: 15px;
    height: 100%;
}

ul.right-sdprof {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
}

ul.right-sdprof img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100px;
}

ul.right-sdprof li:last-child {
    width: 70%;
}

ul.right-sdprof h3 {
    font-size: 21px;
    color: #ffff;
    text-transform: uppercase;
}

ul.right-sdprof h4 {
    font-size: 11px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Montserrat';
}

.right-prf-imag {
    border: 2px solid #fff;
    border-radius: 60px;
    width: 65px;
    height: 65px;
    display: grid;
    place-content: center;
}

ul.right-sdprof li:first-child {
    width: 40%;
}

.right-counter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px;
    background: #fff;
    padding: 15px 10px;
    border-radius: 5px;
    text-align: center;
}

.right-counter h6 {
    font-size: 16px;
    color: #000;
}

.right-counter h4 {
    font-size: 10px;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 500;
}

.right-counter h6 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}

.streak-calend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccebe;
}

.streak-calend h4 {
    font-size: 18px;
    color: #ffff;
    text-transform: uppercase;
}

.streak-calend select {
    padding: 8px 3px 8px 25px;
    font-size: 11px;
    border: 1px solid #cccebe;
    background: transparent;
    border-radius: 4px;
    color: #fff;
    -webkit-appearance: auto;
    font-family: 'Montserrat';
    text-align: center;
}

.week {
    text-align: justify;
}

.week h4 {
    font-size: 18px;
    color: #ffff;
    text-transform: uppercase;
}

.date-item.active * {
    color: #fff;
}

.sleep-box h4 {
    font-size: 18px;
    color: #151515;
    text-transform: uppercase;
}

.card p {
    font-size: 12px;
    color: #111111;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 20px;
}

.card h6 {
    font-size: 18px;
    color: #010101;
    text-transform: uppercase;
    font-weight: 600;
}

.sleep-box select {
    padding: 8px 10px;
    font-size: 11px;
    border: 1px solid #cccebe;
    background: transparent;
    border-radius: 4px;
    color: #000;
    -webkit-appearance: auto;
    font-family: 'Montserrat';
}

.slp-top {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #82837f;
}

.right-sideprofile {
    border-radius: 5px;
    background-color: #e01616;
    padding: 25px 10px 15px 10px;
}


/* Membership Page Start */

.current-plan-box {
    background-image: url(../images/member-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 35px 30px;
    margin-bottom: 20px;
}

.current-plan-box h6 {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
}

.current-plan-box h2 {
    font-size: 42px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 10px 0;
}

.current-plan-box p {
    font-size: 11px;
    color: #ffffff;
    font-family: 'Montserrat';
    line-height: 20px;
}

.current-plan-box a {
    font-size: 12px;
    color: #e01616;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    display: inline-block;
    margin-top: 20px;
}


/* membership-tiers-box */

.membership-tiers-box {
    border-width: 1px;
    border-color: rgb(229, 229, 230);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 40px 20px;
}

.membership-tiers-box h2 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

.tiers-table {
    border-radius: 10px;
    background-color: rgb(237, 238, 251);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    margin-top: 10px;
}

.tiers-right-box {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0px 20px;
}

.tiers-left-box {
    width: 230px;
    padding-bottom: 30px;
}

.tiers-left-box h3 {
    font-size: 18px;
    color: #292929;
    text-transform: uppercase;
    padding: 20px 0;
    border-bottom: 1px solid #bbbcc6;
}

.tier-bx h3 {
    font-size: 18px;
    color: #e01616;
    text-transform: uppercase;
    padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}

.tier-bx {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    transition: .3s all;
    position: relative;
    z-index: 1;
}

.tier-1 {
    border-right: 1px solid #aaaaaa;
}

.tier-bx i.fa-solid.fa-circle-xmark {
    color: #dbe898;
    font-size: 18px;
}

.tier-bx i.fa-solid.fa-circle-check {
    font-size: 18px;
    color: #e01616;
}

.tier-bx i {
    padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
    width: 175px;
}

.tier-bx::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    bottom: -13%;
    left: 0;
    right: 0;
    margin: auto;
    background: #e01616;
    border-radius: 10px;
    z-index: -1;
}

.tier-bx:hover * {
    color: #fff !important;
}

.tier-bx:hover::before {
    width: 100%;
    height: 120%;
}


/* membership-tiers-box */


/* Exclusive Content Box */

.download-dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 0;
    padding: 5px;
    width: fit-content;
    right: 30px;
    font-size: 12px;
    background: #e01616;
}

.download-icon:hover .download-dropdown {
    display: block;
}

.exclusive-content-box {
    border-radius: 10px;
    background-color: rgb(246, 249, 229);
    padding: 15px;
}

.exclusive-content-box h2 {
    font-size: 25px;
    color: #121212;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-box {
    border-radius: 5px;
    background-color: rgb(214, 229, 138);
    z-index: 36;
    padding: 20px 10px;
    margin: 30px 0;
}

.blog-box h2 {
    font-size: 18px;
    color: #121212;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #a7b36d;
}

.blog-box .slick-prev,
.blog-box .slick-next {
    top: -47px;
    left: auto;
    right: 12px;
}

.blog-box .slick-prev {
    right: 48px;
}

.blog-box .slick-prev:before,
.blog-box .slick-next:before {
    position: absolute;
    content: '\f061';
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    font-size: 13px;
    font-family: "Font Awesome 6 Pro";
    display: grid;
    place-content: center;
}

.blog-box .slick-prev:before {
    content: '\f060';
}

.blog-box .slick-prev:hover:before,
.blog-box .slick-next:hover:before {
    background: #4a57d8;
    color: #fff;
    border-color: #4a57d8;
}

.blog-box .slick-slide {
    opacity: 1;
    margin: 0;
}

.blog-slide img {
    width: 100%;
    border-radius: 10px;
}

ul.download-docs li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #9fa195;
    padding: 15px 0;
}

.download-file {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
}

.download-file h4 {
    font-size: 17.81px;
    color: #141414;
    text-transform: uppercase;
    font-weight: 600;
}

.download-file p {
    font-size: 9px;
    color: #141414;
    width: 90%;
    line-height: 14px;
    font-family: 'Montserrat';
    font-weight: 700;
}

.download-file i {
    font-size: 20px;
    color: #000;
}

.download-icon i {
    font-size: 18px;
    color: #000;
}

.download-file>div {
    width: 84%;
}

.download-dropdown a {
    color: #fff;
}

.download-guides h3 {
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
}


/* Exclusive Content Box */


/* Membership Page End */


/* Courses Page Start */

.couses-leftbar {
    border-radius: 10px;
    background-color: rgb(246, 249, 229);
    padding: 15px;
}

video {
    width: 100%;
    border-radius: 10px;
    height: 200px;
    object-fit: cover;
}

.course-video {
    position: relative;
    z-index: 1;
}

.play-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 0;
    font-size: 12px;
    border-radius: 40px;
    padding: 3px 0 0 0;
    box-shadow: 0 0 0 8px #ffffffad;
}

.speaker,
.mute-speaker {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 0;
    background: transparent;
    border: 0;
    color: #fff;
}

.full-screen {
    position: absolute;
    bottom: 10px;
    right: 20px;
    background: transparent;
    color: #fff;
    border: 0;
    padding: 0;
}

.video-progress input {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 60%;
    margin: auto;
    height: 3px;
    background: #000;
}

.webinar-list h3 {
    font-size: 25px;
    color: #0b0b0b;
    text-transform: uppercase;
    margin-top: 10px;
}

.webnar-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 15px 0;
}

.webnar-text h4 {
    font-size: 13px;
    color: #0b0b0b;
    text-transform: uppercase;
    font-weight: 600;
}

.webnar-text p {
    font-size: 11px;
    color: #0b0b0b;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 16px;
}

.webnar-text a {
    font-size: 12px;
    color: #0b0b0b;
    text-transform: uppercase;
    font-weight: 600;
}

.webnar-image {
    width: 40%;
}

.webnar-image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
}

.webnar-cetificate {
    padding: 29px 10px;
    border-radius: 10px;
    background-image: url(../images/cert-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 20px;
}

.webnar-cetificate h3 {
    font-size: 25px;
    color: #000000;
    text-transform: uppercase;
    border-bottom: 1px solid #000000;
    text-align: center;
    margin: 0 auto 20px;
    width: fit-content;
}

.webnar-cetificate h6 {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
}

.webnar-cetificate p {
    font-size: 11px;
    color: #000000;
    font-family: 'Montserrat';
    font-weight: 500;
}

.webnar-cetificate a {
    font-size: 13px;
    color: #000000;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    font-weight: 600;
    border-bottom: 1px solid #000;
    line-height: 18px;
}


/* course Tabs */

.cours-pg-top .mytabs.current {
    -webkit-animation: 0.8s ease-out slide-right;
    -moz-animation: 0.8s ease-out slide-right;
    height: auto;
    opacity: 1;
    transform: unset;
    transition: 0.8s;
}

.cours-pg-top .mytabs {
    padding: 0px 0 0;
    height: 0;
    opacity: 0;
    transform: translateX(15px);
    transition: 0.5s;
    overflow: hidden;
}

.cours-pg-top ul.tbing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.cours-pg-top {
    margin: 0;
    border: 0;
    height: 700px;
}

.cours-pg-top .col-xl-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
    width: 97%;
    margin: 0 auto 20px;
}

.cours-pg-top ul.tbing h4 {
    font-size: 13px;
    color: #000;
    background: #eeeeee;
    text-transform: uppercase;
    padding: 13px 25px;
    border-radius: 5px;
    cursor: pointer;
}

.cours-pg-top ul.tbing li.current h4 {
    background: #e01616;
    color: #fff;
}


/* course Tabs */


/* Courses Page End */


/* Course Detail Page Start */

.course-detail-box {
    border-width: 1px;
    border-color: rgb(200 200 200);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 20px;
}

.corse-lesson-list {
    border-width: 1px;
    border-color: rgb(200 200 200);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 20px;
}

.crs-det-image {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.crs-det-image img {
    width: 100%;
    border-radius: 15px;
}

.crs-det-image h6 {
    font-size: 14px;
    color: #fff;
    background: #e01616;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
}

.crs-det-text h3 {
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
}

.crs-det-text p {
    font-size: 12px;
    color: #747373;
    font-family: 'Montserrat';
    font-weight: 500;
    margin: 10px 0;
}

.crs-det-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.crs-det-btn a {
    font-size: 14px;
    color: #fff;
    background: #e01616;
    padding: 10px 30px;
    border-radius: 5px;
    text-transform: uppercase;
}

.crslesson {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin: 0 0 25px 0;
}

.crslesson .lessn-image {
    width: 40%;
}

.crslesson .lessn-text {
    width: 70%;
}

.lessn-image img {
    width: 170px;
    height: 150px;
    border-radius: 6px;
    object-fit: cover;
}

.lessn-text h5 {
    font-size: 10px;
    color: #e01616;
    text-transform: uppercase;
    font-weight: 600;
}

.lessn-text a {
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    margin: 10px 0 0;
}

.lessn-text p {
    font-size: 12px;
    color: #747373;
    font-family: 'Montserrat';
    font-weight: 500;
    margin: 10px 0;
    width: 100%;
    line-height: 20px;
}


/* Course Detail Page End */


/* Comunity Page Start */

.storie-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbd3d3;
}

.storie-top h3 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
}

.story-box {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 0px 0px rgba(214, 229, 138, 0.004);
    padding: 0 15px 20px;
    border-bottom: 4px solid #e01616;
    text-align: center;
}

.stiry-image img {
    width: 55px;
    height: 55px;
    border-radius: 60px;
    object-fit: cover;
    margin: -15px auto 15px;
}

.stiry-text h4 {
    font-size: 17.40px;
    color: #101010;
    text-transform: uppercase;
    font-weight: 600;
}

.stiry-text p {
    font-size: 12px;
    color: #292e38;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 20px;
    margin: 7px 0;
}

.stiry-text ul.star {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stiry-text ul.star i {
    font-size: 12px;
    color: #f5a115;
}


/* Surveys Box Start */

.survey-tabs-sec .mytabs.current {
    -webkit-animation: 0.8s ease-out slide-right;
    -moz-animation: 0.8s ease-out slide-right;
    height: auto;
    opacity: 1;
    transform: unset;
    transition: 0.8s;
}

.survey-tabs-sec .mytabs {
    padding: 0px 0 0;
    height: 0;
    opacity: 0;
    transform: translateX(15px);
    transition: 0.5s;
    overflow: hidden;
}

.survey-tabs-sec ul.tbing li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    margin: 20px 0;
    cursor: pointer;
}

.survey-box {
    margin-top: 20px;
}

.survey-head h2 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbd3d3;
}

.survey-date h5 {
    font-size: 12px;
    color: #0a0a0a;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.survey-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 85%;
}

.survey-date {
    width: 15%;
}

.survey-content img {
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
    transition: .4s all;
}

.survey-text {
    width: 72%;
}

.survey-text h3 {
    font-size: 14px;
    color: #121212;
    text-transform: uppercase;
    font-weight: 600;
}

.survey-text p {
    font-size: 11px;
    color: #292e38;
    font-family: 'Montserrat';
    font-weight: 500;
}

.survey-tabs-sec ul.tbing {
    position: relative;
    z-index: 1;
    height: 100%;
}

.survey-tabs-sec ul.tbing::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 88%;
    top: 0;
    left: 75px;
    background: #dbd3d3;
}

.survey-detl img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
}

.survey-detl h3 {
    font-size: 16px;
    color: #121212;
    text-transform: uppercase;
}

.survey-detl p {
    font-size: 11px;
    color: #292e38;
    font-family: 'Montserrat';
    line-height: 20px;
    margin: 10px 0;
    font-weight: 600;
}

.survey-tabs-sec ul.tbing::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: -40px;
    right: 0;
    background: #dbd3d3;
}

.survey-tabs-sec ul.tbing li.current .survey-date h5 {
    color: #e01616;
}

.survey-tabs-sec ul.tbing li.current .survey-content img {
    width: 150px;
    height: 90px;
}

.survey-tabs-sec ul.tbing li.current .survey-text {
    width: 75%;
}


/* Surveys Box End */


/* Quize Box */

.comunity-rightbox .quiz-option {
    border: 0;
    padding: 15px;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    width: 108px;
    background: #fff;
    height: 100px;
    display: grid;
    place-content: center;
}

.comunity-rightbox .quiz-option.selected {
    background-color: #e01616;
    border-color: #e01616;
    font-weight: bold;
}

.comunity-rightbox .quiz-option.selected img {
    filter: brightness(0);
}

.comunity-rightbox .progress-bar {
    background-color: #e01616;
    transition: width 0.5s ease-in-out;
}

.comunity-rightbox .quiz-step {
    display: none;
}

.comunity-rightbox .quiz-step.active {
    display: block;
}

.comunity-rightbox {
    border-width: 1px;
    border-color: rgb(229, 229, 230);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 20px 15px;
}

.card.quiz-card {
    border: 0;
    box-shadow: unset;
}

.comunity-rightbox h4 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    margin: 0 !important;
}

.comunity-rightbox p.text-muted {
    font-size: 12px;
    color: #000000 !important;
    font-family: 'Rajdhani';
    text-transform: uppercase;
    margin: 0 0 0;
}

div#quiz-steps {
    border-radius: 5px;
    background-color: rgb(246, 249, 229);
    padding: 20px 10px;
    margin: 20px 0;
}

.comunity-rightbox h5 {
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
}

.comunity-rightbox div#quiz-steps p {
    font-size: 18px;
    color: #000;
    margin: 6px 0;
    text-transform: uppercase;
    font-family: 'Rajdhani';
}

.check-bx h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0 0;
}

.check-bx img {
    width: 30px;
    height: 30px;
    object-fit: none;
    margin-bottom: 7px;
    filter: brightness(0) saturate(100%) invert(92%) sepia(9%) saturate(1491%) hue-rotate(18deg) brightness(96%) contrast(96%);
}

.quiz-step button {
    background: #e01616;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    font-weight: 600;
    padding: 14px 70px;
    margin: 0 auto;
    display: block;
}

.quiz-step .btn-success:hover {
    background: #000;
    border-color: #000;
}

.comunity-rightbox .quiz-option.selected>img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(92%) saturate(0%) hue-rotate(317deg) brightness(106%) contrast(106%);
}


/* Quize Box */


/* Poll Box  */

.poll-box {
    padding: 20px 15px;
}

.poll-box h4 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbd3d3;
}

.poll-card p {
    font-size: 16px;
    color: #070707;
    font-family: 'Montserrat';
    font-weight: 500;
    margin: 10px 0;
    text-transform: uppercase;
}

ul.poll-list p {
    font-size: 14px;
    color: #0a0a0a;
    font-family: 'Rajdhani';
    font-weight: 600;
    text-transform: uppercase;
}

ul.poll-list input {
    width: 20px;
    height: 20px;
}

ul.poll-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 20px 0;
}

ul.poll-list li:first-child {
    width: 7%;
}

ul.poll-list li:last-child {
    width: 93%;
}

.progress {
    background: #edeefb;
    border-radius: 20px;
}


/* Poll Box */


/* Comunity Page End */


/* Store Page Start */


/* Category Box */

.shop-category-box h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #1f1f1f;
}

.category-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #c9c9c9;
}

.category-list input[type="radio"] {
    margin-right: 10px;
    accent-color: #007bff;
}

.category-list label {
    font-size: 14px;
    cursor: pointer;
    color: #0a0a0a;
    font-family: 'Rajdhani';
    font-weight: 700;
    text-transform: uppercase;
}

.shop-category-box {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 98%;
    padding: 20px 10px;
}

.category-list li:last-child {
    border: 0;
}


/* Category Box */


/* Shop Box */

.shop-image a,
.shop-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.prod-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    background: #e01616;
    margin-bottom: 20px;
}

.prod-name h4 {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}

.prod-name i {
    font-size: 11px;
    color: #fff;
    font-weight: 800;
    width: 40px;
    height: 30px;
    display: grid;
    place-content: center;
    border: 1px solid #fff;
    border-radius: 5px;
}

.shop-content {
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shop-content p {
    font-size: 10px;
    color: #808080;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 18px;
    padding: 0 20px;
}

ul.prod-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
}

ul.prod-review h6,
ul.prod-review span {
    font-size: 12px;
    color: #000000;
    font-weight: 600;
}

ul.prod-review i {
    color: #ff9000;
    font-size: 10px;
}

.shop-box {
    margin-bottom: 20px;
}


/* Shop Box */


/* Store Page End */


/* Store Detail Page Start */


/*product detail page css start*/

.productdetailsec {
    position: relative;
    z-index: 1;
}

.productdetailtext h3 {
    font-size: 17px;
    line-height: 30px;
    color: #013a4b;
    text-transform: uppercase;
}

.productdetailtext ul {
    padding: 0;
    margin: 13px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.productdetailtext p {
    color: #333333;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    font-family: 'Montserrat';
    margin-bottom: 20px;
}

.productdetailtext .input-group span.glyphicon.glyphicon-minus {
    font-size: 13px;
}

.productdetailtext .input-group span.glyphicon.glyphicon-plus {
    font-size: 13px;
    margin: 0;
    top: -15px;
    right: 3px;
}

.productdetailtext .input-group input.form-control.input-number {
    width: 100%;
    margin: 0 auto;
    display: table;
    height: 50px;
    text-align: center;
}

.productdetailtext .input-group {
    width: 50%;
    margin: 0 0 34px;
}

.iconlist ul li {
    display: flex;
    align-items: center;
    font-size: 17px;
    gap: 10px;
    list-style: none;
    margin-bottom: 4px;
    font-weight: 600;
    line-height: 30px;
    color: #1d1d1db0;
}

.iconlist ul li>div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.iconlist ul li>div i {
    font-size: 16px;
    color: #ac725c;
}

.productdetailtext .input-group span.input-group-btn {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.productdetailsmallportion {
    position: relative;
    top: 0;
    z-index: 99;
}

.productdetailsmallportion img {
    margin: auto;
    width: 100%;
    border: 0;
    height: 100%;
}

.productdetailsmallportion img:hover {
    border: 2px solid #ac725c;
}

.productdetailnav .slick-current .productdetailsmallportion img {
    border-color: #ac725c;
}

.productdetailsec .productdetailportion {
    height: 355px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.productdetailnav .slick-slide {
    opacity: 1;
    z-index: 9999;
    position: relative;
    margin-top: 20px;
}

.product-detail span {
    margin: 0;
}

.product-detail input.in-num {
    border: 1px solid #DADADA;
    background-color: transparent;
    width: 40%;
    margin: 0 5px;
}

.product-detail span {
    width: 50px !important;
    border: 0;
    border-radius: 50px;
    height: 50px !important;
    margin: 5px 0;
}

.product-detail .skin-2 .num-in span:before,
.product-detail .skin-2 .num-in span:after {
    background-color: #000;
}

.product-detail span:hover:before,
.product-detail span:hover:after {
    background-color: rgb(0 0 0) !important;
}

.product-detail span:hover {
    color: #000 !important;
}

.iconlist {
    margin-top: 20px;
}

.quanity.product-detail h5 {
    font-size: 14px;
    color: #111111;
    font-family: 'Montserrat';
    text-transform: capitalize;
    font-weight: 600;
}

ul.quan-count li {
    width: 30%;
}

.iconlist ul {
    display: block;
    column-count: 2;
    width: 60%;
    margin: 60px 0 0 0;
}

ul.disc-list {
    margin: 20px 0;
}

ul.disc-list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 10px 0;
}

ul.disc-list li {
    font-size: 20px;
    color: #ac735d;
}

ul.disc-list p {
    font-size: 17px !important;
    color: #0e0e0f !important;
    font-family: 'saud' !important;
    padding: 0 !important;
}

.description li.nav-item {
    margin-right: 12px;
}

.description li.nav-item button {
    width: 200px;
    height: 60px;
    background-color: transparent;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0e0e0f;
    font-family: "Syne", sans-serif;
}

.description li.nav-item .nav-link.active {
    border: unset;
    background: transparent;
    border-bottom: 2px solid #006df0;
}

.description .nav-tabs {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: initial;
    margin-bottom: 30px;
}

.description {
    padding: 80px 0;
}

.prod-detail-description img.bk-1 {
    position: absolute;
    bottom: 30%;
    right: 0;
    width: 6%;
}

.prod-detail-description img.bk-2 {
    position: absolute;
    top: 15%;
    left: -30px;
    width: 7%;
}

.description .tab-content p {
    color: #636363;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

.productdetailfor .slick-slide img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.productdetailsmallportion img {
    width: 140px;
    /* padding: 12px 20px; */
    transition: 0.5s;
    position: relative;
    z-index: 999999999999999;
    height: 110px;
    border-radius: 0;
    object-fit: cover;
    border-radius: 10px;
}


/* skin 2 */

.skin-2 .num-in {
    border-radius: 5px;
    cursor: pointer;
}

.skin-2 .num-in span {
    width: 40%;
    display: block;
    height: 40px;
    float: left;
    position: relative;
}

.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
    content: '';
    position: absolute;
    background-color: #667780;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
}

.skin-2 .num-in input {
    float: left;
    width: 20%;
    height: 37px;
    border: none;
    text-align: center;
    background-color: #f0f0f0;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
}

.product-detail .num-in {
    background: transparent;
    box-shadow: none;
    width: 77%;
    height: 52px;
    border: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-detail input.in-num {
    border: 0;
    background-color: transparent;
    width: 45%;
    margin: 0 5px;
}

.productdetailsec .btn10 {
    color: white;
}


/* / skin 2 */

.statment-choose h6 {
    font-size: 14px;
    color: #e01616;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Montserrat';
}

ul.quan-count h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #006df0;
}

ul.rate-reviews {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: start;
}

ul.rate-reviews li {
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.rate-reviews li h6 {
    margin: 0;
    font-size: 11px;
    font-family: 'Montserrat';
    color: #023a4b;
    font-weight: 600;
}

ul.rate-reviews li:first-child i {
    color: #facc2b;
    font-size: 13px;
}

ul.rate-reviews li:last-child i {
    color: #000;
    font-size: 22px;
    border-left: 1px solid #000;
    padding-left: 30px;
}

.price h5 del {
    display: block;
    font-size: 22px;
    color: #393939;
    font-family: 'saud';
}

.price h5 {
    font-size: 25px;
    color: #e01616;
    font-weight: 700;
    margin: 10px 0;
}


/*  product Detail Review Section Start */


/* Rating Stars */

.prod-detail-description .rating:not(:checked)>input {
    position: absolute;
    -webkit-appearance: none;
}

.prod-detail-description .rating:not(:checked)>label {
    float: right;
    cursor: pointer;
    font-size: 20px;
    color: #666;
}

.prod-detail-description .rating:not(:checked)>label:before {
    content: "\f005";
    font-weight: 700;
    font-family: 'FontAwesome';
}

.prod-detail-description .rating>input:checked+label:hover,
.prod-detail-description .rating>input:checked+label:hover~label,
.prod-detail-description .rating>input:checked~label:hover,
.prod-detail-description .rating>input:checked~label:hover~label,
.prod-detail-description .rating>label:hover~input:checked~label {
    color: #e58e09;
}

.prod-detail-description .rating:not(:checked)>label:hover,
.prod-detail-description .rating:not(:checked)>label:hover~label {
    color: #ff9e0b;
}

.prod-detail-description .rating>input:checked~label {
    color: #ffa723;
}


/* Rating Stars */

.prod-detail-description {
    position: relative;
    padding: 30px 0 20px;
}

.prod-detail-description .nav-tabs .nav-link {
    color: #0e0e0f;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    width: fit-content;
    padding: 15px;
    background: transparent;
    margin-right: 10px;
    border-radius: 0 !important;
    border-bottom: 3px solid transparent !important;
    border: 0;
    font-family: 'Rajdhani';
}

.prod-detail-description .nav-tabs .nav-link.active,
.prod-detail-description .nav-tabs .nav-item.show .nav-link {
    border-bottom: 3px solid #e01616 !important;
    border: 0;
}

.prod-detail-description .nav-tabs .nav-link:hover,
.prod-detail-description .nav-tabs .nav-link:focus {
    border-color: #e01616 !important;
}

.prod-detail-description .nav-tabs {
    margin-bottom: 15px;
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.prod-detail-description .prd-review-input label {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
}

.prod-detail-description .prd-review-input input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    border: 1px solid #877d7da6;
    margin: 5px 0 20px;
    border-radius: 5px;
}

.prod-detail-description .prd-review-input input::placeholder,
.prod-detail-description .prd-review-input textarea::placeholder {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.prod-detail-description .prd-review-input textarea {
    width: 100%;
    height: 140px;
    padding: 13px;
    border: 1px solid #877d7da6;
    margin: 5px 0 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    resize: none;
    border-radius: 5px;
}

.prod-detail-description .rating-stars input {
    width: auto !important;
    height: auto;
    border: 0;
}

.prod-detail-description .rating-stars {
    display: inline-grid;
    justify-items: baseline;
}

.prod-detail-description .rating {
    display: block;
    /* align-items: center; */
    /* justify-content: flex-start; */
    /* gap: 5px; */
    margin: 20px 0;
    float: left;
}

.prod-detail-description .prd-review-input.give-review h4 {
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
}

.prod-detail-description .prd-review-input.give-review button {
    padding: 5px 30px;
    border-radius: 0;
    border: 1px solid #000;
    font-size: 12px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}

.prod-detail-description .client-review-box {
    box-shadow: 0 0 5px 1px #989898;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.prod-detail-description ul.client-list-review {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}

.prod-detail-description ul.client-list-review li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.prod-detail-description ul.client-list-review img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    object-fit: cover;
    box-shadow: 0 0 5px 1px #989898;
}

.prod-detail-description ul.client-list-review h5 {
    font-size: 24px;
    color: #000;
    text-transform: capitalize;
    font-weight: 500;
}

.prod-detail-description ul.client-list-review h6 {
    font-size: 16px;
    color: #666;
    font-family: "Montserrat";
}

.prod-detail-description ul.client-list-review li i {
    font-size: 20px;
    color: #c78b1b;
}

.prod-detail-description .client-info {
    margin-left: 15px;
}

.prod-detail-description .client-review-box p {
    font-size: 12px;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 22px;
}

.prod-detail-description .prd-det-review-form .row {
    align-items: center;
}

.prod-detail-description .prd-det-discription-content p {
    text-align: justify;
    font-size: 11px;
    color: #0b0c0c;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 22px;
    padding-bottom: 10px;
}

.prod-detail-description .prd-det-additional-content p {
    text-align: justify;
    font-size: 11px;
    font-weight: 500;
    padding-bottom: 10px;
    font-family: 'Montserrat';
}


/*  product Detail Review Section End */

.productdetailtext {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 47px 20px;
}

.proddet-slider-box {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px 0;
}

ul.rate-reviews li:first-child {
    border-right: 1px solid #000;
    height: 16px;
    padding-right: 20px;
}

ul.quan-count .btn-1 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    padding: 14px 30px;
}

.productdetailnav .slick-slide {
    margin: 0 0 10px 0;
}

.productdetailfor .slick-slide {
    margin: 0 20px 0 0;
}

.productdetailfor {
    margin-left: -25px;
}


/*product detail page css end*/


/* Store Detail Page End */


/*CART PAGE CSS*/

.shopping_cart {
    padding: 0;
    position: relative;
    z-index: 1;
}

.shopping_cart img.bk-2 {
    bottom: -38%;
    width: 6%;
}

.shopping_cart img.bk-1 {
    bottom: -2%;
    width: 7%;
}

.cart-pag-qunty .product-detail .num-in {
    width: 30% !important;
    border: 0 !important;
}

.payment_card a.btn-1 {
    color: #fff !important;
    text-transform: uppercase;
}

.payment_card a.btn-1 i {
    color: #fff !important;
}

.shopping_cart_table h2 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 600;
}

.shopping_cart_table table th {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Rajdhani';
    padding-bottom: 10px;
    color: #151414;
}

.shopping_cart_table table thead {
    border-bottom: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody td {
    padding: 25px 0;
    border-bottom: 1px solid #dddddd;
}

.shopping_cart_table table tbody .cart_box_product {
    display: flex;
    align-items: center;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_img {
    width: 25%;
    background-color: #f2f2f2;
    /* padding: 25px 10px; */
    margin-right: 10px;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name h5 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat';
    margin: 0;
}

.shopping_cart_table table tbody .cart_box_product .cart_product_name p {
    font-size: 12px;
    color: #b7b7b7;
    text-transform: uppercase;
    font-family: 'Montserrat';
    margin: 0;
}

.shopping_cart_table table tbody td select {
    height: 40px;
    padding-left: 10px;
    appearance: auto;
    border: 1px solid #b8b8b8;
}

.shopping_cart_table table tbody td .skin-2 .num-in {
    border-radius: 0;
    /* border: 0; */
    width: 35%;
}

.shopping_cart_table table tbody td .t_price {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin: 0;
}

th.w-40 {
    width: 40%;
}

.shopping_cart_table table tbody td i.fas.fa-times {
    font-size: 16px;
    color: #000;
}

.cart_recipt {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cart_recipt>a {
    padding: 15px 30px;
    border: 0;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #151414;
    font-weight: 500;
    background: #f7fae8;
}

.cart_recipt>a i {
    margin-right: 10px;
}

.recipt {
    width: 30%;
}

.recipt li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #151414;
    text-transform: uppercase;
}

.recipt li:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

.recipt li span {
    color: #151414;
    font-size: 12px;
    letter-spacing: 1px;
}

.payment_card {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 47px 20px;
}

.payment_card h3 {
    font-size: 20px;
    color: #181818 !important;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Rajdhani';
}

.payment_card * {
    color: #0e0d0d !important;
}

.credit_paypal a {
    padding: 10px 20px;
    border: 0;
    border-radius: 30px;
    display: inline-flex;
    background: #f7fae8;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat';
    font-size: 12px;
}

.credit_paypal a img {
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
}

.credit_paypal {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.payment_card form label {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.payment_card form {
    margin-top: 15px;
}

.payment_card form input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
    font-size: 12px;
}

.payment_card form select {
    width: 100%;
    height: 50px;
    border: none;
    color: #fff;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
    font-size: 12px;
}

.payment_card form input::placeholder {
    color: #7d7d7d;
}

.expiry_cvv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.expiry_date {
    width: 70%;
}

.cvv_box {
    width: 26%;
}

.month_year {
    display: flex;
    justify-content: space-between;
}

.month_year select {
    width: 48% !important;
    appearance: auto;
}

.month_year select option {
    color: #000;
}

.payment_card form .btn1 {
    margin: 30px 85px;
    border: 1px solid;
}

.shopping_cart_table {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 47px 20px;
    height: 100%;
}

.payment_card a.theme_btn {
    color: #fff !important;
    margin: 0 auto;
    margin-top: 10px;
}

.cart_product_img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
}

.credit_paypal h5 {
    font-size: 14px;
    margin-bottom: 10px;
}


/*CART PAGE CSS END*/


/* Checkout Page Start */

section.checkout label {
    font-weight: 500;
    font-family: 'Montserrat';
    color: #737373;
    font-size: 14px;
}

section.checkout input {
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
    color: #000;
    border-radius: 5px;
    font-weight: 500;
    background: transparent;
}

section.checkout h6 {
    font-weight: 600;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 40px;
    border-radius: 0;
}

section.checkout {
    padding: 0 0 20px;
}

ul.pri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
}

section.checkout .place-order {
    width: 60%;
    text-align: left;
}

.place-order h5 {
    font-weight: 600;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    margin: 20px 0;
    border-radius: 0;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

.pym-methd {
    text-align: center;
    border-width: 1px;
    border-color: rgb(209 208 208);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 20px 20px;
    height: 100%;
}

ul.pri li p {
    margin-bottom: 0;
    font-size: 14px;
    color: #737373;
    font-weight: 600;
    font-family: 'Montserrat';
}

ul.pay-paymnt {
    display: flex;
    align-items: center;
    padding: 4px 20px;
    gap: 20px;
    margin-bottom: 0;
}

ul.pay-paymnt li input[type="checkbox"] {
    width: inherit !important;
    height: inherit !important;
    margin: 0;
    background: #e5e5e5;
    border: 0 !important;
}

.pym-methd button.btn-theme {
    margin-top: 40px;
    padding: 14px 40px;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background: #e01616;
    border: 0;
}

button.theme_btn:hover {
    color: #fff;
}

ul.pay-paymnt li img {
    padding-left: 10px;
}

section.checkout input::placeholder {
    color: #737373;
}

.checkout span {
    color: #000;
}

.pri li {
    font-weight: 500;
    color: #737373;
}

ul.pay-paymnt li {
    color: #737373;
}

.checkout-right-box {
    border-width: 1px;
    border-color: rgb(209 208 208);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 20px 20px;
}


/* Checkout Page End */


/* Recommendation Page Start */

.choose-box {
    border-radius: 5px;
    background-color: rgb(246, 249, 229);
    padding: 30px 20px;
}

.choose-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.choose-list .chose-content {
    width: 24%;
}

.choose-list ul.choose-bxs-list {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chose-content h3 {
    font-size: 26px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 600;
}

.chose-content p {
    font-size: 11px;
    color: #292e38;
    font-family: 'Montserrat';
    line-height: 18px;
    font-weight: 600;
}

.chs-content {
    width: 160px;
    background: #fff;
    padding: 25px;
    text-align: center;
    border-radius: 5px;
}

.chs-content img.chs-1 {
    width: 50px;
    height: 50px;
    background: #e01616;
    object-fit: none;
    border-radius: 40px;
    margin: 0 auto 10px;
    display: block;
}

.chs-content h4 {
    font-size: 16px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 600;
}

.chs-content p {
    font-size: 10px;
    color: #292e38;
    font-family: 'Montserrat';
    line-height: 16px;
    font-weight: 600;
}

.chs-content:hover img {
    background: #fff;
}

.chs-content:hover {
    background: #e01616;
}


/* Nutrition Box */

.nutrition-box {
    border-width: 1px;
    border-color: rgb(199 199 199);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px;
    margin-top: 20px;
    height: 450px;
    overflow-y: scroll;
}

.nutrition-box h3 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
}

.nutrition-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin: 20px 0;
}

.nutrition-content img.nutr-1 {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
}

.nutrition-content .nutrition-text {
    width: 64%;
}

.nutrition-text h4 {
    font-size: 18px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

.nutrition-text p {
    font-size: 11px;
    color: #1f1f1f;
    font-family: 'Montserrat';
    line-height: 20px;
    padding: 5px 0;
    font-weight: 500;
}

.nutrition-text a {
    padding: 8px 50px;
    font-size: 14px;
    font-family: 'Rajdhani';
    text-transform: uppercase;
}


/* width */

.nutrition-box::-webkit-scrollbar {
    width: 5px;
}


/* Track */

.nutrition-box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.nutrition-box::-webkit-scrollbar-thumb {
    background: #e01616;
    border-radius: 10px;
}


/* Handle on hover */

.nutrition-box::-webkit-scrollbar-thumb:hover {
    background: #e01616;
}

.sugest-nutrition {
    border-width: 1px;
    border-color: rgb(199 199 199);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px 15px;
    margin-top: 20px;
    height: 450px;
    overflow-y: scroll;
}


/* width */

.sugest-nutrition::-webkit-scrollbar {
    width: 5px;
    opacity: 0;
}


/* Track */

.sugest-nutrition::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.sugest-nutrition::-webkit-scrollbar-thumb {
    background: #e01616;
    border-radius: 10px;
}


/* Handle on hover */

.sugest-nutrition::-webkit-scrollbar-thumb:hover {
    background: #e01616;
    opacity: 1;
}

.sugest-nutrition h3 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
}

.sugg-nutrition-content a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin: 20px 0;
}

.sugg-nutrition-content img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
}

.sugst-text h5 {
    font-size: 14px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

.sugst-text p {
    font-size: 11px;
    line-height: 20px;
    font-family: 'Montserrat';
    color: #686767;
}


/* Nutrition Box */


/* Faq Box */

.faq-box {
    border-radius: 5px;
    background-color: rgb(237, 238, 251);
    padding: 15px 10px;
}

.faq-box h2 {
    font-size: 22.45px;
    color: #1f1f1f;
    text-transform: uppercase;
}

.accordion-item {
    margin: 10px 0;
    border: 0;
}

.accordion-item button {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    padding: 10px 10px;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background: #f6f9e5;
}

.accordion-body p {
    font-size: 12px;
    font-family: 'Montserrat';
    line-height: 20px;
    font-weight: 600;
    color: #7c7c7c;
}

.accordion-button::after {
    background-image: unset;
    content: '\2b';
    font-size: 25px;
}

.accordion-button:not(.collapsed)::after {
    background-image: unset;
    content: '\f068';
    font-family: "Font Awesome 6 Pro";
}

.accordion-button:focus {
    box-shadow: 0 0 0 0 rgb(13 110 253 / 0%);
}


/* Faq Box */


/* Assistance Box */

.assistance-box {
    border-radius: 5px;
    background-color: rgb(75, 88, 219);
    padding: 20px;
    text-align: center;
    margin-top: 50px;
}

.assist-image img {
    width: 70px;
    height: 70px;
    object-fit: none;
    background: #e01616;
    border: 5px solid #fff;
    border-radius: 70px;
    margin: -65px 0 0;
}

.assist-content h2 {
    font-size: 25px;
    color: #ffffff;
    text-transform: uppercase;
}

.assist-content p {
    font-size: 12px;
    color: #ffffff;
    font-family: 'Montserrat';
    line-height: 20px;
    margin: 10px 0;
}

.assist-content a {
    font-size: 14px;
    font-family: 'Rajdhani';
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    padding: 10px 40px;
    border: 1px solid #fff;
    border-radius: 5px;
}


/* Assistance Box */


/* Recommendation Page End */


/* Progress Page Start */

.completion-bx .progress {
    position: relative;
    margin: 4px;
    float: left;
    text-align: center;
    width: 100%;
    height: 130px;
    background: transparent;
    display: block;
    text-align: center;
    justify-items: center;
}

.completion-bx .barOverflow {
    position: relative;
    overflow: hidden;
    height: 120px;
    margin-bottom: -14px;
    width: 100%;
}

.completion-bx .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    border-radius: 500px;
    box-sizing: border-box;
    border: 15px solid #6f79e2;
    border-bottom-color: #d5e489;
    border-right-color: #d5e489;
    right: 0;
    margin: auto;
}

.completion-bx {
    border-radius: 5px;
    background-color: rgb(75, 88, 219);
    padding: 35px 15px;
    text-align: center;
}

.completion-bx h2 {
    font-size: 25px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

.completion-bx h6 {
    font-size: 41px;
    color: #e01616;
    margin: -50px 0 0;
    font-weight: 600;
}

.completion-bx h4 {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.completion-bx p {
    font-size: 12px;
    color: #ffffff;
    font-family: 'Montserrat';
    line-height: 20px;
}


/* Goals Box */

.goal-box {
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    margin-top: 30px;
}

.goal-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    padding: 30px 20px;
}

.goal-image {
    width: 70px;
    height: 70px;
    border: 1px solid #ebebeb;
    border-radius: 140px;
    display: grid;
    place-content: center;
    position: relative;
    z-index: 1;
    text-align: center;
}

.goal-text h4 {
    font-size: 21px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
}

.goal-text h6 {
    font-size: 14px;
    color: #a8a8a8;
    text-transform: uppercase;
}

.goal-list.gl-list-2 {
    border-top: 1px solid #e5e5e5;
}

.goal-image::before {
    position: absolute;
    content: '';
    width: 71px;
    height: 72px;
    left: -1px;
    right: 0;
    top: 0px;
    bottom: -1px;
    margin: auto;
    background: conic-gradient(#d4e157 0% 75%, #ffffff 75% 100%);
    border-radius: 180px;
    z-index: -1;
}

.goal-image img {
    background: #fff;
    width: 70px;
    height: 70px;
    object-fit: none;
    border-radius: 100px;
    margin: auto;
    display: block;
}

.goal-list.gl-list-2 .goal-image::before {
    background: conic-gradient(#e01616 0% 75%, #ffffff 75% 100%);
}


/* Goals Box */


/* Current Goals Box */

.current-goal-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.current-goal-list li {
    display: flex;
    align-items: center;
    background-color: #f6f9e5;
    margin: 15px 0;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.crtg-imag img {
    width: 80px;
    height: 80px;
    border-radius: 7px;
    object-fit: cover;
    margin-right: 15px;
}

.crtg-content {
    flex-grow: 1;
}

.crtg-content h4 {
    margin: 0;
    font-size: 14px;
    color: #000000;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 700;
}

.crgt-progress {
    position: relative;
    height: 10px;
    background-color: #fdfefa;
    border-radius: 5px;
    /* overflow: hidden; */
    cursor: pointer;
}

.crgt-progress span {
    display: block;
    height: 100%;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.crgt-progress span::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: #a3d977;
    border-radius: 10px;
    border: 3px solid #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    box-shadow: 0 0 5px 1px #989898;
}

.progress-60 span {
    width: 60%;
    background-color: #e01616;
}

.progress-80 span {
    width: 80%;
    background-color: #e01616;
}

.crgt-progress.progress-80 span::before {
    background: #e01616;
}

.progress-40 span {
    width: 40%;
    background-color: #e01616;
}

.prgrs-count {
    font-size: 12px;
    font-weight: bold;
    color: #0f0e0e;
    text-align: right;
    margin-top: 5px;
    font-family: 'Rajdhani';
    float: inline-end;
}

.current-goal-box {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px;
}

.current-goal-box h2 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 600;
}

.progress-60 span::before {
    background: #e01616 !important;
}

.current-goal-list li:nth-child(2) {
    background: #edeefb;
}

.crgt-progress .progress-80 span::before {
    background: #e01616 !important;
}


/* Current Goals Box */


/* Recent Activity Box */

.recent-activty-box {
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px;
    margin-top: 20px;
}

.recent-activty-box h2 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 800;
}

.rc-activity-bx {
    border-radius: 5px;
    background-color: rgb(246, 249, 229);
    padding: 15px;
    margin-top: 15px;
}

.rc-activity-bx h3 {
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid #dde0ce;
    margin-bottom: 10px;
}

ul.rc-active-list {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-top: 10px;
}

ul.rc-active-list li {
    width: 50%;
}

ul.rc-active-list h4 {
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
}

ul.rc-active-list p {
    font-size: 10px;
    color: #000000;
    font-family: 'Montserrat';
    line-height: 13px;
    font-weight: 600;
}

.activity-health {
    width: 94px;
    height: 94px;
    display: grid;
    place-content: center;
    border: 8px solid #e01616;
    border-radius: 100px;
}

.activity-health i {
    font-size: 24px;
    color: #e01616;
}

.trav-health {
    width: 94px;
    height: 94px;
    display: grid;
    place-content: center;
    border: 8px solid #e01616;
    border-radius: 100px;
}

.trav-health i {
    font-size: 24px;
    color: #e01616;
}

.activity-step {
    width: 94px;
    height: 94px;
    display: grid;
    place-content: center;
    border: 8px solid #e01616;
    border-radius: 100px;
}

ul.rc-active-list li:last-child {
    text-align: end;
    display: contents;
}

.activity-step span {
    font-size: 12px;
    color: #000000;
    font-family: 'Rajdhani';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 16px;
}


/* Recent Activity Box */


/* Progress Page Start */


/* Event Page Start */

.event-sidelist {
    border-width: 1px;
    border-color: rgb(202, 202, 202);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    height: 738px;
    padding: 20px 15px;
    overflow-y: scroll;
    margin-bottom: 10px;
}

.event-sidelist h2 {
    font-size: 18px;
    color: #101010;
    text-transform: uppercase;
    font-weight: 800;
}

.event-left-box {
    margin: 12px 0;
}

.evnt-img img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

.evnt-text h3 {
    font-size: 18px;
    color: #101010;
    text-transform: uppercase;
    font-weight: 700;
}

.evnt-text span {
    font-size: 10px;
    color: #101010;
    font-weight: 600;
    text-transform: uppercase;
}

.evnt-text span i {
    color: #e01616;
}

.evnt-text p {
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 20px;
    color: #a2a4a8;
}


/* width */

.event-sidelist::-webkit-scrollbar {
    width: 5px;
    opacity: 0;
}


/* Track */

.event-sidelist::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.event-sidelist::-webkit-scrollbar-thumb {
    background: #e01616;
    border-radius: 10px;
}

.event-right-box {
    border-width: 1px;
    border-color: rgb(202, 202, 202);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px 15px;
}

.event-det-imag img {
    width: 100%;
    border-radius: 10px;
}

.evnt-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.evnt-head h3 {
    font-size: 18px;
    color: #101010;
    text-transform: uppercase;
    font-weight: 700;
}

.evnt-head span {
    font-size: 10px;
    color: #101010;
    font-weight: 600;
    text-transform: uppercase;
}

.evnt-head span i {
    color: #e01616;
}

.event-det-text p {
    font-size: 12px;
    color: #aaabae;
    font-family: 'Montserrat';
    margin: 14px 0;
}


/* Event Page End */


/* Setting Page Start */


/* Profile Page Start */

.setting-main-all {
    margin-bottom: 20px;
    padding: 0;
}

.prf-heading h2 {
    font-size: 25px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 700;
}

.setting-main-all ul#myTab {
    border: 1px solid;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: 0;
    gap: 10px;
}

.setting-main-all .nav-link {
    text-transform: uppercase;
    border: unset !important;
    border-radius: unset;
    background: #eeeeee;
    border-radius: 5px;
    color: #000;
    font-size: 12px;
}

.setting-main-all form label {
    font-size: 14px;
    color: #171717;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: 'Rajdhani';
    font-weight: 600;
}

.setting-main-all form input,
.setting-main-all form select {
    width: 100%;
    border-width: 1px;
    border-color: rgb(4 4 4 / 24%);
    border-style: solid;
    border-radius: 5px;
    background: unset;
    height: 50px;
    padding: 0 20px;
    font-family: "Rajdhani", serif;
    margin-bottom: 30px;
    color: #8c8c8c;
    font-size: 16px;
    -webkit-appearance: auto;
    text-transform: uppercase;
    font-weight: 600;
}

.setting-main-all form input::placeholder {
    text-transform: uppercase;
}

.setting-main-all .nav-link.active {
    color: #fff;
    position: relative;
    background: #e01616;
    border-radius: 4px;
}

.setting-main-all form textarea {
    width: 100%;
    border-width: 1px;
    border-color: rgb(0 0 0 / 24%);
    border-style: solid;
    border-radius: 5px;
    background: unset;
    padding: 10px 20px;
    margin-bottom: 30px;
    color: #fff;
    height: 100px;
    resize: none;
}

.setting-main-all form button {
    font-size: 14px;
    color: #ffffff;
    background: #e01616;
    text-transform: uppercase;
    font-family: 'Rajdhani';
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 10px;
    border: 0;
}

.pofile-chg-box h5 {
    font-size: 25px;
    color: rgb(20 20 20);
    text-transform: uppercase;
}

.pofile-chg-box ul li img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 3px 1px #fff;
}

.pofile-chg-box ul {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 60px;
}

.pofile-chg-box button {
    border-width: 1px;
    border-color: rgb(54, 54, 54);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(29 29 29 / 0%);
    color: #000;
    height: 43px;
    font-family: 'Rajdhani';
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 47px;
    width: 100%;
    font-weight: 700;
}

.pofile-chg-box {
    padding: 0 20px;
}

.prf-top-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid #cacaca;
    padding: 20px 0;
}

.bar {}

.follower-box {
    border: 1px solid;
    border-radius: 20px;
    padding: 30px 20px;
    background: #1d1d1d;
    margin-bottom: 20px;
}

ul.followers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.follower-box h4 {
    font-size: 32px;
    font-family: "BlenderPro";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin-bottom: 0;
}

ul.followers p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.502);
    text-transform: uppercase;
}

.followers-btn {
    display: flex;
    justify-content: center;
}

.followers-btn a {
    background: #ff00c0;
    border: unset;
    color: #fff;
    padding: 12px 25px;
    border-width: 1px;
    border-color: rgb(54, 54, 54);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 0, 192);
}

.Setting-main-box {
    border-width: 1px;
    border-color: rgb(202, 202, 202);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
}

.setting-main-all form input::placeholder {
    color: #8b8b8b;
}

.prf-input h2 {
    font-size: 20px;
    color: #1b1b1b;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}


/* Profile Page End */


/* Setting Page End */


/* Support Page Start */

.support-head {
    width: 50%;
    margin: 0 auto 0;
    text-align: center;
}

.support-head h2 {
    font-size: 35.65px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}

.support-head h3 {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin: 15px 0;
    font-weight: 700;
}

.support-head form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.support-head form input {
    width: 80%;
    height: 50px;
    border: 1px solid #989898;
    border-radius: 5px;
    padding: 0 100px 0 20px;
}

.support-head form input::placeholder {
    color: #8c8c8c;
    text-transform: uppercase;
}

.support-head form button {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 40px;
    background: #e01616;
    border: 0;
    margin-left: -100px;
    font-family: 'Rajdhani';
    font-weight: 700;
    border-radius: 6px;
}

.support-box {
    border-radius: 5px;
    background-color: rgb(246, 249, 229);
    width: 262px;
    height: 255px;
    padding: 25px;
    text-align: center;
}

.sprt-rw {
    width: 70%;
    margin: 50px auto 0;
}

.support-imag {
    width: 90px;
    height: 90px;
    display: grid;
    place-content: center;
    border-radius: 100px;
    background: #e01616;
    margin: 0 auto 20px;
}

.support-imag img {
    /* filter: brightness(0); */
}

.support-text h4 {
    font-size: 14px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 800;
}

.support-text p {
    font-size: 11px;
    color: #181818;
    font-weight: 500;
    font-family: 'Montserrat';
    line-height: 20px;
    margin-top: 10px;
}

.support-box:hover {
    background: #edeefb;
}

.support-box:hover .support-imag {
    background: #e01616;
}

.support-box:hover .support-imag img {
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(149deg) brightness(102%) contrast(105%); */
}

.support-page {
    padding-top: 80px;
}


/* Support Page End */









.log-form.chg1:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    /* background: #dedede; */
    right: -70px;
    top: 60px;
}

.log-form-heading ul li h2 {
    font-size: 27px;
    color: #000;
    margin-bottom: -10px;
    text-transform: uppercase;
    font-weight: 600;
}

.log-form-heading {
    position: relative;
    z-index: 9999;
}

.log-form-input input::placeholder {
    font-size: 15px;
    color: #626264;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.log-form input::placeholder {
    font-size: 15px;
    color: #626264;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.log-form {
    position: relative;
}

.log-form:after {
    content: "";
    position: absolute;
    /* background: #f5f6fa; */
    width: 100%;
    height: 135px;
    top: 0;
    left: 0;
    z-index: 1;
}

.log-form-heading ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.log-form-heading ul li p {
    font-size: 12px;
    color: #aaabac;
    margin-bottom: 0;
    font-family: 'Montserrat';
}

.log-form input {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 12px 20px;
    margin-top: 15px;
    background: unset;
    border-radius: 5px;
}

.btn-submits {
    background: #e01616;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
    border-radius: 5px;
    margin: 0 auto;
    border: 0;
}

.btn-submits:hover {
    color: #fff;
}

.log-form-footer {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 20px;
}

.log-form-footer input {
    width: 20px;
}

.log-form-footer a {
    color: #b7b6b6;
    font-size: 14px;
    font-weight: 600;
}

.log-form p {
    color: #000000;
    font-size: 17px;
    padding-top: 20px;
    margin-bottom: 0px;
    font-family: 'Montserrat';
}

.log-form p a {
    text-decoration: underline;
    color: #e01616;
}

.login-with h2 {
    font-size: 21px;
    color: #8d8d8d;
    text-align: center;
    margin-bottom: 35px;
    font-family: 'Montserrat';
}

.login-with {
    margin-top: 35px;
}

.login-with ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    gap: 30px;
}

.login-with ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #1976d2;
    border-radius: 5px;
    padding: 20px 25px;
    color: #fff;
    width: 100%;
    justify-content: center;
}

.login-with ul li h3 {
    font-size: 19px;
    margin-bottom: 0;
    color: #fff;
}

li.back-colour {
    background: #121212 !important;
}

li.back-colour1 {
    background: #d84938 !important;
}

.login-with ul li i {
    font-size: 25px;
}

.log-form-input button.btn-1:before {
    width: 110px;
}

.log-form-input button.btn-1 {
    background: #e01616;
    color: #fff;
    font-size: 16px;
    padding: 15px 30px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
    border-radius: 5px;
    margin: 0 auto;
    border: 0;
}

.view-pass i {
    position: absolute;
    right: 12px;
    bottom: 16px;
    cursor: pointer;
}

.view-pass {
    position: relative;
    z-index: 1;
}

.btn-contact-log {
    text-align: center;
    margin-top: 20px;
}

.login-with ul li a {
    color: #fff;
}

section.log-p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #0000001f;
    margin: 0 auto;
}

.log-p {
    padding: 50px 100px;
    position: relative;
}

.login-header {
    text-align: center;
    border-bottom: 1px solid #0000001f;
    padding: 10px 0;
}



/* New Css Starts  */
/* Main Dashboard Css starts */
.page-head {
    margin: 0 0 0 30px;
}

ul.sidebar-menu li:nth-child(1) a {
    border-top: navajowhite;
}

.red {
    color: #E01616;
}

ul.comun-list.comun-list1 {
    margin: 10px 0 0 0;
    align-items: center;
}


.three-dot-box {
    position: relative;
    display: inline-block;
}

.three-dot-box .dots-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 5px;
}

.three-dot-box .dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 120px;
    z-index: 1000;
}

.three-dot-box .dropdown-menu.show {
    display: block;
}

.three-dot-box .dropdown-menu button {
    width: 100%;
    padding: 10px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.three-dot-box .dropdown-menu button:hover {
    background-color: #e01717;
    color: #ffff;
}



img.cm-1 {
    object-fit: contain;
    object-position: left;
    width: 70px;
    filter: drop-shadow(2px 4px 76px #e7e7e7);
}


.calendar-container * {
    color: #ffff;
}

img.rct-1 {
    filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(2672%) hue-rotate(345deg) brightness(83%) contrast(115%);
}

.streak-slect {
    position: relative;
    z-index: 1;
}

.streak-slect i {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    font-size: 12px;
}

.calendar-nav button:hover i {
    color: #e01616;
}

.calendar-nav button i {
    font-size: 10px;
}



.theme_btn {
    color: #000;
    font-family: "Rajdhani", serif;
    transition: 0.3s ease-in-out;
    font-size: 20px !important;
    padding: 20px 10px;
    border-radius: 5px;
    font-weight: 500 !important;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
    gap: 15px;
    margin: 10px 0 !IMPORTANT;
}

.theme_btn::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    content: '';
    z-index: -1;
    transition: 0.3s ease-in-out;
}

.theme_btn:hover {
    color: #fff;
    transition: 0.3s ease-in-out;
}

.theme_btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(354deg) brightness(103%) contrast(103%);
}

.theme_btn:hover::before {
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.theme_btn:hover::after {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.theme_btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0%;
    height: 100%;
    background-color: #e5172b;
    border-radius: 5px;
    content: '';
    z-index: -1;
    transform: translate(-50%, -50%);
    transition: 0.3s ease-in-out;
}

.dash-list-card-text * {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
}

.camera-text {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 15px;
    background: #ffff;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
}

.dash-list-card-image {
    position: relative;
    z-index: 1;
}

.camera-text p {
    line-height: 0;
    font-size: 18px;
    font-weight: 600;
}

.camera-text i {
    color: #000;
    font-size: 16px;
}

.dash-list-card-image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.dash-list-card-image a {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.year {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 20px;
    background: #e01616;
    color: #fff;
    font-family: "Rajdhani", serif;
}

.dash-list-card {
    margin: 40px 0;
    box-shadow: 0 0 16px 2px #0000000f;
    border-radius: 10px;
}

.dash-list-card-text {
    padding: 20px 20px 10px 20px;
}

ul.dash-card-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0 0;
}

p.red.company-name {
    font-size: 14px;
}

ul.dash-card-list li {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 11px;
}

.dash-card-list-text * {
    font-size: 14px;
    line-height: 1;
}

.dash-list-card-text img {
    width: 20px;
    object-fit: contain;
}

.dash-card-list-text p {
    color: #a9a9a9;
}


.banner_navs button.prev-slide:hover {
    background: #e2172b;
    border: 1px solid #fff;
}

.banner_navs button.next-slide:hover {
    background: #e2172b;
    border: 1px solid #fff;
}

.banner_navs button:hover i {

    color: #fff;
}

.banner_navs button.prev-slide {

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid #e01616;

    border-radius: 10px;

    transition: 0.3s ease-in-out;

    background: transparent;
}



.banner_navs button.next-slide {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e01616;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    background: transparent;
}

ul.banner_navs {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    position: unset;
    right: 30px;
    bottom: 0;
    justify-content: end;
}

.banner_navs i {
    font-size: 13px;
    color: #8c8b8c;
}

.dash-list-slider .slick-slide {
    opacity: 1;
}

button.prev-slide img {
    transform: rotate(180deg);
}

ul.banner_navs button:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(17%) hue-rotate(109deg) brightness(105%) contrast(104%);
}


ul.header-profile-list i::before {
    font-family: 'Font Awesome 5 Pro';
}

ul.header-profile-list a {
    position: relative;
    z-index: 1;

}

/* ul.header-profile-list a::after {
    background: #E01616;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    border-radius: 50%;
} */

.recomend-bar {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #cbcbcb;
}

.slick-slide {
    margin: 0px 10px;
}

/* Main Dashboard Css starts */

/* Inner Page Car Css starts */
.dashboard-content-wrap {
    border-width: 1px;
    border-color: #e5e5e6;
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    height: 650px;
    padding: 30px 30px;
    margin-top: 25px;
    overflow-y: scroll;
    /* overflow-x: hidden; */
}

.dashboard-content-wrap::-webkit-scrollbar {
    width: 5px;
}

.dashboard-content-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dashboard-content-wrap::-webkit-scrollbar-thumb {
    background: #e01616;
}

.dashboard-content-wrap::-webkit-scrollbar-thumb:hover {
    background: #e01616;
}

.dashboard-content-wrap.home-page {
    height: auto;
    overflow-y: unset;
    border: navajowhite;
    padding: 0;
}

.recomended-sec.car-sec {
    padding: 0px 30px 0px 0px;
    border: navajowhite;
    margin: 50px 0 0 0;
}

.recomended-sec.car-sec .dash-card-list-text * {
    font-size: 11px;
    line-height: 1;
}

.recomended-sec.car-sec .dash-list-card-text {
    padding: 20px 10px 10px 10px;
}

.recomended-sec.car-sec .dash-list-card {
    margin: 0 0 30px 0;
    box-shadow: 0 0 16px 2px #0000000f;
    border-radius: 10px;
}

.recomended-sec.car-sec {
    position: relative;
    z-index: 0;
}

/* 
.recomended-sec.car-sec::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 2;
    background: linear-gradient(179deg, rgba(204, 0, 0, 0) 0%, rgb(255 255 255) 100%);
    content: '';
} */

.dashboard-content-wrap.cars-page {
    height: auto;
}

/* Inner Page Car Css starts */



/* InnerPage Chat Room start */
.chat-list {
    background: #fff;
    padding: 20px;
    overflow-y: auto;
}

.chat-list .chat-item {
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.chat-list .chat-item.active::after {
    content: '\2022';
    color: #e01616;
    font-size: 20px;
    margin-left: auto;
}

.chat-list .chat-item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.chat-box {
    background: #fff;
    display: flex;
    flex-direction: column;
}

.chat-header {
    padding: 25px 15px;
    border-bottom: 1px solid #ddebf4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-header .icons i {
    font-size: 20px;
    margin-left: 15px;
    cursor: pointer;
    color: #c9d6df;
}


.chat-input {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #ddd;
}

.chat-input input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.chat-input i {
    font-size: 20px;
    margin-left: 15px;
    cursor: pointer;
}


.sideNav1 {
    display: flex;

    backdrop-filter: blur(55px);
    list-style: none;
    flex-direction: column;
    font-size: 1.5rem;
    box-shadow: var(--box-shadow);

    border-radius: 10px;
    align-items: center;
    padding: 0px;
    width: calc(100% - 10px);
    gap: 5px;
    padding: 10px 0px;
    justify-content: center;
    height: fit-content;
    border: 1px solid #ffffff21;
}



.sideNav1 li {
    padding: 13px 0px;
    border-radius: 5px;
    cursor: pointer;
    transition-duration: 0.27s;
    margin: 0px;
    width: calc(100% - 10px);
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
}

.sideNav1 li:hover,
.sideNav1 li.active {
    color: #00f5d4;
    background-color: #00f5d424;
}

.sideNav2 {
    height: 100%;
    box-shadow: var(--box-shadow);
    backdrop-filter: blur(55px);
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: scroll;
    border-right: 1px solid #e5e5e6;
    padding: 0;
    height: 750px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.SideNavhead {
    display: flex;
    align-items: center;
    padding: 20px 20px;
    justify-content: space-between;
    border-bottom: 1px solid #f2f4f5;
}

.SideNavhead h2 {
    text-transform: capitalize;
    color: #000000;
    font-size: 21px;
    margin-right: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 800;
}

.SideNavhead i {
    padding: 15px;
    cursor: pointer;
    font-size: larger;
    border-radius: 5px;
    padding: 0;
}

.SideNavhead i:hover {
    background-color: #9090903a;
}



.SearchInputHolder {
    position: relative;
}

.searchInput {
    width: calc(100% - 40px);
    padding: 7px;
    border: none;
    background-color: transparent;
    color: white;
    font-family: Roboto;
    transition-duration: 0.25s;
    border-radius: 5px;
    padding-left: 30px;
    margin: 5px 20px;
    position: relative;
}

.SearchInputHolder i {
    position: absolute;
    bottom: 10px;
    left: 25px;
}

.searchInput::placeholder {
    color: #b0b0b0;
}

.SearchInputHolder hr {
    content: "";
    width: calc(100% - 40px);
    height: 2px;
    border-radius: 5px;
    padding: 1px;
    position: absolute;
    z-index: 100;
    left: 20px;
    background-color: #b0b0b0;
    border: none;
    bottom: 0px;
}

.SearchInputHolder .searchInput:focus+hr {
    background-color: #00f5d4;
    color: #00f5d4
}

.searchInput:focus {
    color: #00f5d4;
    outline: none;
}

.group {
    display: grid;
    grid-template-columns: 54px calc(100% - 55px);
    grid-template-rows: repeat(2, 30px);
    width: calc(100% - 10px);
    /* margin: 10px; */
    padding: 10px 30px;
    list-style-type: none;
    border-radius: 5px;
    user-select: none;
    cursor: pointer;
    position: relative;
    transition: 0.3s ease-in-out;
}

.avatar {
    grid-row: 1/span 2;
    /* background-color: white; */
    border-radius: 50%;
    height: 100%;
    width: 100%;
    display: flex;
    /* padding: 10px; */
    position: relative;
}

.GroupDescrp {
    width: 100%;
    padding: 0px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    color: #aab9c7;
}

.GroupName {
    font-weight: 500;
    padding: 5px 10px;
    font-family: 'Montserrat';
    font-size: 14px;
    color: #34495e;
}

.group:hover {
    background-color: #ffffff21;
}

.avatar img {
    height: 54px;
    width: 60px;
    margin: auto;
    border-radius: 50%;
}

.ChatHead {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ffffff21;

}

.ChatHead .group:hover {
    background-color: transparent;
}

.ChatHead .group {
    width: 300px;
    display: flex;
    align-items: center;
}

.ChatHead .group .GroupName {
    font-size: 1.3rem;
    padding-left: 20px;
}

.ChatHead .group .avatar {
    padding: 5px;
    height: 40px;
    width: 40px;
}

.callGroup {
    margin-left: auto;
    padding: 10px;
    font-size: 1rem;
}

.callGroup i {
    padding: 15px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.callGroup i:hover {
    background-color: #9090903a;
}

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

/* ::-webkit-scrollbar-track {
    background: #e9e9e948;
}

::-webkit-scrollbar-thumb {
    background: #e9e9e962;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e9e9e9c8;
} */

.MessageContainer {
    flex: 1;
}

#MessageForm {
    padding: 10px;
    display: flex;
    width: 100%;
    position: relative;
}

#MessageForm input {
    padding: 20px 10px;
    flex: 1;
    border-radius: 10px;
    border: none;
    background-color: #ffffff;
    width: 100%;
    box-shadow: 1px 1px 20px 20px #f9f9f9;
    border: 1px solid #e1e1e1;
    margin: 0 0 10px 0;
    font-family: montserrat;
    color: #000;
}

#MessageForm button {
    border-radius: 10px;
    width: 40px;
    padding: 0;
    border: none;
    background-color: #f3f3fc;
    color: white;
    cursor: pointer;
    margin: 0px 5px;
    font-size: 1.2rem;
    position: absolute;
    right: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
}

#MessageForm input:focus {
    outline: none;
    border: 1px solid #e01616;
}


.you {
    background-color: #dee2e6;
    color: #000000;
    text-align: left;
}

.message i {
    color: #00f5d4
}

.messageDetails {
    font-size: 0.7rem;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    text-align: right;
    align-items: center;
    padding: 2px 0px;


}

.messageContent {
    font-size: 0.9rem;
}

.messageDetails .messageTime {
    margin-left: auto;
    padding-right: 5px;
    font-weight: 300;
    color: #c3c1c1;



}

.you .messageDetails .messageTime {
    color: rgb(38, 38, 38);
}

.you i {
    color: #036666
}

.me {
    margin-left: auto;
    background-color: #036666;

    text-align: right;
}

.messageSeperator {
    margin: 10px auto;
    padding: 8px 15px;
    border-radius: 20px;
    width: fit-content;
    background-color: #036666;
}


a.new {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 40px;
    border-radius: 5px;
    background: transparent;
    color: #ababab;
    text-transform: uppercase;
    border-color: #e5e5e6;
    border-style: solid;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
}

.group:hover {
    transition: 0.3s ease-in-out;
    background: #efefef;
}


span.time {
    font-size: 11px;
    color: #cfdbe3;
    position: absolute;
    right: 5px;
    bottom: 0;
    top: 50%;
}

span.n-message {
    position: absolute;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e01616;
    color: #fff;
    z-index: 99;
    right: 0;
    top: 0;
}

span.non-active-dot {
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    background: #d4e1ea;
    padding: 1px;
    position: absolute;
    top: 30px;
    right: 12px;
    border-radius: 10px;
    z-index: 1;
}

span.non-active-dot.active {
    background-color: #e01616;
}



#style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e01616;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #e01616;
    border: 2px solid #e01616;
}


.chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.message {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 24px;
}

.message img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-position: top;
    object-fit: cover;
}

.message .text {
    padding: 10px 15px;
    border-radius: 45px;
    max-width: 60%;
    position: relative;
}

.message.sent {
    justify-content: flex-end;
}

.message.sent .text {
    background: #e01616;
    color: white;
}

.message.received .text {
    background: transparent;
    color: #8ea1b4;
}

.chat-input {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #ddd;
}

.chat-input input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.chat-input i {
    font-size: 20px;
    margin-left: 15px;
    cursor: pointer;
}

#MessageForm button i {
    font-size: 13px;
    color: #616165;
}


.chat-header span {
    font-family: rajdhani;
    font-size: 17px;
    font-weight: 700;
}


.chat-header.dot-relative {
    position: relative;
}

.chat-header.dot-relative span.dot {
    width: 10px;
    height: 10px;
    right: unset;
    left: 30%;
    top: 50%;
    transform: unset;
    position: unset;
    display: block;
}

.message.sent .text::before {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -6px;
    background: #e01616;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content:
        '';
}

.MessageContainer {
    max-height: 580px;
    /* overflow-y: scroll; */
}

.clip-icon {
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
    margin-left: 5px;
}

.clip-icon:hover {
    color: blue;
}

#fileInput {
    display: none;
}

.input-container input {
    display: none;
}

span.clip-icon {
    position: absolute;
    right: 11%;
    top: 50%;
    transform: translateY(-50%);
    color: #e01616;
}

.chat-heading-text h6 {
    width: 72%;
    font-family: 'Montserrat';
    color: #9e9f9f;
    font-size: 15px;
}

.chat-content-heading {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #cbcbcb;
}


form.chat-top-input-form {
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: relative;
}

button.chat-top-input-button {
    padding: 10px 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: navajowhite;
    background: #f5f5f5;
    color: #b6b6b6;
    text-transform: uppercase;
    font-family: montserrat;
    height: 50px;
    border-radius: 10px;
    font-size: 14px;
}

form.chat-top-input-form input {
    width: 74%;
    height: 50px;
    font-size: 11px;
    font-family: montserrat;
    padding: 15px 30px;
}

.chat-content-heading .row {
    align-items: center;
}

.dashboar_page-content.chat-content.white-box {
    margin: 30px 10px 40px 40px;
}

a.search {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

a.search i {
    color: #8a8a8a;
    font-weight: 500;
}


.dashboard_page-box.chat-room-page .side-bar-logo {
    padding: 0 0 10px 0;
}

span.dot {
    border: 1px solid #fff;
    width: 7px;
    height: 7px;
    background: #e01616;
    padding: 1px;
    position: absolute;
    top: 4px;
    right: 1px;
    border-radius: 10px;
    z-index: 1;
}

.chat-name {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-content-wrap.chat-room-page {
    padding-top: 0;
    padding-bottom: 0;
    overflow-y: scroll;
    height: auto;
}

.header-search-box.chat-search input {
    width: 100%;
    height: 60px;
    padding: 0 10px 0 20px;
    background: transparent;
    border: 1px solid #e5e5e6;
    border-radius: 5px;
    color: #b5beca;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Montserrat';
    margin: 0 0 20px 0;
}

.header-search-box.chat-search input::placeholder {
    color: #b5beca;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Montserrat';
}

.header-search-box.chat-search i {
    position: absolute;
    top: 25%;
    right: 12px;
    bottom: 0;
    margin: auto;
    display: grid;
    place-content: center;
    color: #fff;
    width: 41px;
    height: 41px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    background: red;
    border-radius: 10px;
}

p.info {
    padding: 10px;
    font-family: 'Montserrat';
    font-size: 12px;
}

/* InnerPage Chat Room end */


/* Inner Page Member Ship Start*/


.subscription-billing-box {
    background-image: url(../images/subscription-billing-back.jpg);
    width: 100%;
    height: 100%;
    background-size: cover;
    padding: 45px 30px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


.subscription-billing-box::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    background: #e01616de;
    content: '';
}

.Choose-plan-main-box {
    margin-top: 20px;
    background: #e9e9e9;
    padding: 25px 20px;
    border-radius: 10px;
}

.Choose-plan-main-bronze ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    transition: 0.5s;
}

.Choose-plan-main-silver ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.choose-plan-main-row:hover {
    background: #e01616;

    transition: 0.5s;
}

.choose-plan-main-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 12px;
    transition: 0.5s;
    background: #ffffff;
    border-radius: 10px;
    margin-top: 15px;
    box-shadow: 0 0 5px 0 #0000001f;
}

.choose-plan-main-row:hover * {
    color: #fff;
}

.main-gold-box {
    background: #e01616;
    padding: 20px 15px;
    border-radius: 10px;
}

.main-gold-box p {
    margin-bottom: 15px;
}

.main-gold-box-listing ul li a {
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 600;
}

.main-gold-box-listing ul li a {
    color: #6f6f6f;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-gold-box-listing ul {
    margin-bottom: 0;
}

.payment-history-box {
    margin-top: 20px;
    background: #e9e9e9;
    padding: 25px 20px;
    border-radius: 10px;
}

.payment-history-box h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.main-gold-box h2 {
    color: #fff;
}

.main-gold-box p {
    font-size: 14px;
    color: #fff;
    font-family: "Rajdhani", serif;
    text-transform: uppercase;
}

.main-gold-box-listing {
    background: #fff;
    padding: 5px 15px;
    border-radius: 10px;
}

.main-gold-box-listing h2 {
    color: #000;
    font-size: 20px;
}

.main-gold-box-listing h2 span {
    font-size: 12px;
}

.Choose-plan-main-silver ul li p {
    color: #999999;
    font-family: "Rajdhani", serif;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
}

.Choose-plan-main-number h2 {
    margin-bottom: 0 !important;
    font-size: 18px !important;
}

.Choose-plan-main-silver ul li span {
    background: #ffeee5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 5px;
}

.Choose-plan-main-number h2 sub {
    color: #000;
    font-size: 12px;
}

.Choose-plan-main-silver ul li h2 {
    font-size: 13px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.Choose-plan-main-box h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.saved-payment-methods-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 15px;
    transition: 0.5s;
}

.saved-payment-methods-visa ul li img {
    border-radius: 10px;
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    background: #e016164f;
    border: 1px solid #e016164f;
}

.saved-payment-methods-visa-btn {
    opacity: 0;
}

.saved-payment-methods-row:hover .saved-payment-methods-visa-btn {
    opacity: 1;
}

.saved-payment-methods-row:hover {
    background: #ffffff;
    transition: 0.5s;
    border-radius: 10px;
}

.subscription-billing-current-plan {
    background: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px 20px;
    border-radius: 10px;
}

.subscription-billing-box h2 {
    font-size: 28px;
}

.subscription-billing-box p {
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
}

.subscription-billing-box h2 {
    color: #fff;
    border-bottom: 1px solid #ffffff47;
    padding-bottom: 10px;
    width: fit-content;
    padding-right: 150px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.subscription-billing-box a {
    color: #e01616;
    font-family: "Rajdhani", serif;
    font-size: 17px;
    font-weight: 700;
}

.subscription-billing-current-plan p {
    font-size: 12px;
    margin-bottom: 0;
    color: #959595;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Rajdhani", serif;
}

.subscription-billing-current-plan h3 span {
    color: #d22120;
}

.saved-payment-methods {
    background: #e9e9e9;
    padding: 30px 25px;
    border-radius: 20px;
}

.saved-payment-methods-visa ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.saved-payment-methods-visa-btn a {
    font-size: 10px;
    background: #e016164f;
    font-family: "Rajdhani", serif;
    padding: 7px 10px;
    border-radius: 5px;
    color: #d42424;
    text-transform: uppercase;
    font-weight: 600;
}

.saved-payment-methods-visa ul li h2 {
    color: #313131;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
}

.saved-payment-methods-visa ul li p {
    color: #9f9f9f;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
}

.saved-payment-methods h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.subscription-billing-current-plan h3 {
    margin-bottom: -5px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}


.payment-history-box th,
td {
    padding: 20px 0;
    text-align: center;
    color: #313131;
    font-family: "Rajdhani", serif;
    font-weight: 700;
    line-height: 17px;
    font-size: 12px;
    text-transform: uppercase;
}

.payment-history-box tr {

    transition: 0.5s;
}

.payment-history-box tr:hover {
    background: #fff;
    border-radius: 10px !important;
    transition: 0.5s;
}

.payment-history-box a {
    background: #e01616;
    padding: 8px 10px;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 7px;
    font-weight: 500;
}

.payment-history-box th {
    background-color: #f1f1f1;
    font-size: 12px;
    color: #313131;
    font-weight: 700;
}

.payment-history-box table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
}


/* Inner Page Member Ship Emds*/

/* Inner Page Wishlist Starts*/
.wishlist-trip {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    height: 100%;
}

.wish-list-wrap ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 0 #ccc;
    padding: 10px;
    border-radius: 10px;
}

.wish-list-wrap ul li div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wish-list-wrap ul li div h4 span {
    display: block;
    font-size: 13px;
    color: #030303;
    text-transform: capitalize;
}

.wish-list-wrap ul li div h4 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #030303;
}

.btn4 {
    font-size: 12px;
    color: #000;
    border-radius: 20px;
    padding: 5px 20px;
}

.btn4.btn-or {
    color: #ed8032;
    background: #fdf2ea;
}

.btn4.btn-blue {
    color: #0e2f51;
    background: #e6eaed;
}

.btn4.btn-red {
    background: #fee7e7;
    color: #f71616;
}

.wishlist-trip h3 {
    text-transform: uppercase;
}

span.img-span {
    width: 50px;
    height: 50px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fdf2ea;
    border-color: #E01616;
    border-radius: 4px;
}

.wishlist-trip.notofication-alert ul li {
    padding: 30px 20px;
}

.wishlist-trip.notofication-alert h4 {
    margin: 0;
}

a.dlte {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7f7f7f;
    border: 1px solid #7f7f7f61;
    border-radius: 7px;
}

.wishlist-trip.notofication-alert ul li div:first-child {
    width: 50%;
}

.top-heading {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #e5e5e6;
}

.top-heading h2 {
    text-transform: uppercase;
}

/* Inner Page Wishlist Starts*/

/* Support Page Start */

.support-head {
    width: 50%;
    margin: 0 auto 0;
    text-align: center;
}

.support-head h2 {
    font-size: 35.65px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}

.support-head h3 {
    font-size: 14px;
    color: #000000;
    text-transform: capitalize;
    letter-spacing: 0;
    margin: 15px 0;
    font-weight: 500;
    font-family: montserrat;
}

.support-head form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.support-head form input {
    width: 70%;
    height: 50px;
    border: 1px solid #989898;
    border-radius: 5px;
    padding: 0 100px 0 20px;
}

.support-head form input::placeholder {
    color: #8c8c8c;
    text-transform: uppercase;
}

.support-head form button {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 40px;
    background: #e01616;
    border: 0;
    margin-left: -100px;
    font-weight: 600;
    border-radius: 6px;
}

.support-box {
    border-radius: 20px;
    background-color: transparent;
    width: 100%;
    height: 255px;
    padding: 25px;
    text-align: start;
    transition: 0.5s;
    border: 1px solid #e7e7e7;
}

.sprt-rw {
    width: 70%;
    margin: 50px auto 0;
}

.support-imag {
    width: 80px;
    height: 60px;
    display: grid;
    place-content: center;
    border-radius: 10px;
    background: #fdf2ea;
    margin-bottom: 20px;
}

.support-imag img {}

.support-text h4 {
    font-size: 18px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 700;
}

.support-text p {
    font-size: 12px;
    color: #181818;
    font-weight: 500;
    font-family: 'Montserrat';
    line-height: 20px;
    margin-top: 10px;
}

.support-box:hover {
    background: #e01616;
}

.support-box:hover .support-imag {
    background: #fff;
}

.support-box:hover * {
    color: #fff;
}

.support-page {
    padding: 80px 0;
    background: #ffffff;
    height: 100%;
}

.support-page a {
    font-size: 14px;
    text-transform: uppercase;
    color: #e01616;
    border-bottom: 1px solid;
    font-family: "Rajdhani", serif;
    font-weight: 800;
}

/* Support Page End */


/* Inner Page Upload Start */

.upload-page .dash-list-card {
    margin: 0;
}

.upload-page .dash-card-list-text * {
    font-size: 10px;
    line-height: 1;
}

/* Upload section */
.listing-form .upload-section {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 30px;
    background: #f9f9f9;
}

.listing-form .upload-icon {
    width: 40px;
    margin-bottom: 10px;
}

.listing-form .browse-text {
    color: #dc3545;
    cursor: pointer;
}

.listing-form .info-text {
    font-size: 13px;
    color: #777;
}

/* Input styling */
.listing-form label {
    font-weight: 600;
    font-family: "Rajdhani", serif;
    display: block;
    margin-bottom: 6px;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
}

.listing-form .form-control {
    width: 100%;
    padding: 13px 15px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s;
    font-family: montserrat;
    appearance: auto;
    background: #f9f9f9;
    text-transform: uppercase;
}

.listing-form .form-control:focus {
    border-color: #dc3545;
    box-shadow: unset;
}

/* Icon handling */
.listing-form .position-relative {
    position: relative;
}

.listing-form .input-icon {
    position: absolute;
    top: 65%;
    left: 22px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    opacity: 0.6;
}

.listing-form .ps-icon {
    padding-left: 40px;
}

/* Buttons */
.listing-form .cancel-btn,
.listing-form .save-btn {
    padding: 15px 54px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font-family: "Rajdhani", serif;
    text-transform: uppercase;
}

.listing-form .cancel-btn {
    background: #f0f0f0;
    color: #333;
}

.listing-form .save-btn {
    background: #e01616;
    color: #fff;
    font-family: "Rajdhani", serif;
}

form.listing-form.p-4 {
    background: #f9f9f9;
}

.listing-form .upload-section {
    border: 2px dashed #ccc;
    padding: 50px 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin: 0 0 40px 0;
}

.listing-form .upload-section:hover {
    background-color: #f1f1f1;
}

.listing-form .upload-icon {
    width: 40px;
    margin-bottom: 10px;
}

.listing-form .browse-text {
    color: red;
    font-weight: bold;
    cursor: pointer;
}

/* Inner Page Upload End */

/* Inner Page Progress Start  */
.sales-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
}

.sales-box__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.sales-box__filter-btn {
    background: white;
    border: 1px solid #ccc;
    padding: 6px 12px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Montserrat';
}

.sales-box__year-select {
    appearance: auto;
    padding: 15px 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 10px;
    font-family: montserrat;
    font-weight: 600;
    text-transform: u;
}

.box__filters {
    position: relative;
    z-index: 1;
}

.sales-box__filters {
    display: flex;
}

img.filter {
    position: absolute;
    left: 24px;
    top: 40%;
}

select.sales-box__year-select.filter {
    appearance: none;
    padding: 15px 40px;
}

.slp-top1 {
    justify-content: center;
    border: navajowhite;
}

.sleep-box1 {
    border-width: 1px;
    border-color: #e5e5e6;
    border-style: solid;
    border-radius: 10px;
    background-color: transparent;
    padding: 30px 30px;
}

.sleep-text h6 {
    font-size: 13px !important;
    margin: 0 0 3px 0;
    color: #000 !important;
}

.sleep-text p {
    margin: 0;
    font-size: 10px;
    line-height: 1.5;
}

.sleep-text {
    padding: 20px 0 0 0;
    text-align: left;
    border-top: 1px solid #e5e5e6;
    margin: 20px 0 0 0;
}


.prog-box {

    padding: 20px;

    border-width: 1px;

    border-color: #e5e5e6;

    border-style: solid;

    border-radius: 10px;

    background-color: transparent;

    border-radius: 12px;

    background-color: #fff;
}

.prog-box .title {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Montserrat';
}

.prog-box .value {
    font-size: 28px;
    font-weight: bold;
    display: flex;
    align-items: baseline;
}

.prog-box .value sup {
    font-size: 16px;
    margin-left: 2px;
}

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

.prog-box .compare {
    font-size: 11px;
    color: #444;
    margin-top: 5px;
}

.prog-box .compare span {
    background-color: #e6f4ea;
    color: #2e7d32;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
}

.prog-box .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.prog-box .icon img {
    width: auto;
    height: auto;
    object-fit: contain;
}



.account-main-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-width: 1px;
    border-color: #e5e5e6;
    border-style: solid;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    padding: 0px 20px;
    font-family: Arial, sans-serif;
    gap: 20px;
    margin: 0 0 30px 20px;
}

.account-info-box {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0px 0 0 -50px;
}

.account-info-box img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}

.account-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account-details div {
    font-size: 14px;
    color: #333;
    font-family: 'Montserrat';
}

.account-details span {
    margin-left: 5px;
    font-weight: bold;
    font-family: 'Montserrat';
}

.status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    font-family: 'Montserrat';
}

.dot-red {
    background-color: red;
}

.dot-green {
    background-color: green;
}

.account-login-box {
    text-align: right;
    font-family: 'Montserrat';
    font-size: 12px;
    color: #666;
    border-left: 1px solid #eee;
    padding-left: 20px;
    padding: 20px 0px 20px 20px;
}

.account-login-box div:first-child {
    font-weight: 600;
    margin-bottom: 4px;
    font-family: 'Montserrat';
}

form.listing-form h2 {
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

/* Inner Page Progress Start  */