@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body {
 font-family: "Roboto", serif !important;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.wrapper-main {
/*  display: flex;*/
  margin: 0;
}
.sidebar {
  width: 293px;
  height: 100vh;
  background: #ddf9f7;
  color: white;
  padding: 20px;
  position: fixed;
  left: 0;
  top: 0;
  transition: width 0.3s;
  min-height: 100%;
}
.sidebar a {
/*  color: white;*/
/*  padding: 10px;*/
  display: block;
  text-decoration: none;
}
/*.sidebar a:hover {
  background: #495057;
}*/
.sidebar.collapsed {
  width: 0px;
	    padding: 0px;
}
.content {
  margin-left: 293px;
  flex-grow: 1;
  padding: 50px;
  transition: margin-left 0.3s;
}
.content.collapsed {
  margin-left: 0px;
}
.tophader {
  position: fixed;
  width: calc(100% - 293px);
  left: 293px;
  top: 0;
  z-index: 1000;
  transition: left 0.3s, width 0.3s;
	background: #fff;
	padding: 50px 50px 0px;
}
.navbar.collapsed {
  width: calc(100% - 80px);
  left: 0px;
}
.toggle-btn {
  position: absolute;
  top: 10px;
  right: -40px;
  background: #343a40;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

/*19-02-2025*/
.active {
    background: #67c3d6;
    border-radius: 27px;
   color: #ffffff !important;
}
.top-header a {
    margin-bottom: 10px;
}
.top-header a {
    padding: 12px 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000000;
}
.top-header span {
    padding-right: 15px;
}
.top-header span img {
    max-width: 100%;
}
.logoutbtn {
    position: absolute;
    left: 38px;
    bottom: 32px;
}
.logoutbtn a {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
}
.logoutbtn span {
    padding-right: 10px;
}
.main-heading h2 {
    font-size: 36px;
    color: #000000;
    font-weight: 500;
}
.main-heading p {
    font-size: 18px;
    color: #a1a1a1;
    font-weight: 400;
    margin-bottom: 0px;
}
.userareabox {
    display: flex;
    align-items: center;
}
.searchicon input {
    background: #f1f1f1;
    border-radius: 25px;
    padding: 12px 50px;
    font-size: 16px;
    color: #a1a1a1 !important;
    font-weight: 400;
    border: none;
}
.searchicon input:focus {
    background: #f1f1f1;
    border: none;
    outline: none;
    box-shadow: none;
}
.searchicon span {
    position: absolute;
    top: 12px;
    left: 20px;
    color: #a1a1a1 !important;
}
.searchicon  {
    position: relative;
}
.wellicon {
    background: #e9e9e9;
    display: flex;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}
.wellicon img {
    max-width: 100%;
}
.onlinebox p {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
    margin-left: 10px;
}
.onlinebox a {
    text-decoration: none;
}
.onlinebox span {
    margin-left: 10px;
}
.onlinebox span img {
    max-width: 100%;
}
.main-user img {
    max-width: 100%;
    height: 52px;
    width: 52px;
    border-radius: 100%;
}
/*style-center*/
.rightsidestyle {
    padding-top: 120px;
}
.bottomstyle {
    display: flex;
    padding-top: 16px;
}
.aroow-bottom {
    background: #89ffd1;
    display: flex;
    width: 78px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
     margin-right: 8px;
}
.aroow-bottom h6 {
    font-size: 18px;
    color: #129763;
    font-weight: 500;
    float: right;
    margin: 5px 0px 0px 5px;
}
.arrow-up img {
    max-width: 100%;
}
.userarea {
    display: flex;
    justify-content: space-between;
}
.usertetx h3 {
    font-size: 21px;
    color: #000000;
    font-weight: 500;
    margin: 0;
}
.usericon span {
    display: flex;
    width: 90px;
    height: 90px;
    background: #ffe8e9;
    justify-content: center;
    align-items: center;
    border-radius: 100%;

}
.usericon img {
    max-width: 100%;
    object-fit: contain;
    width: 40px;
}
.tetxbig h3 {
    font-size: 60px;
    color: #000000;
    font-weight: 700;
}
.textbottom p {
    font-size: 22px;
    color: #959595;
    font-weight: 400;
    margin: 0;
}
.tetxbig {
    padding-top: 60px;
}
.userstepone {
    background: #ffffff;
    padding: 40px 28px;
    border-radius: 15px;
    box-shadow: 0px 16px 40px 5px #0000000D;
/*    max-width: 365px;*/
}
.mainarea {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 23px 23px;
}
.blood-pressure {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 55px;
        gap: 0px 20px;
}
.blockone img {
    max-width: 100%;
}
.blockone {
    box-shadow: 0px 16px 40px 10px #0000000D;
    position: relative;
}
.headingtop {
    position: absolute;
    top: 30px;
    left: 26px;
}
.headingtop h4 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.headingbottom {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.headingbottom h2 {
    font-size: 106px;
    color: #ffffff;
    font-weight: 700;
    margin: 0px;
}
.headingbottom span {
    font-size: 57px;
    font-weight: 300;
}
/*style-page-2*/
.usageanalytics img {
    max-width: 100%;
    border-radius: 10px;
}
.usageanalytics {
    box-shadow: 0px 16px 40px 10px #0000000D;
    position: relative;
}
.bannerheading {
    position: absolute;
    top: 24px;
    left: 30px;
}
.bannerheading h2 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}
/*style-3*/
.marketing {
    background: #ffeff0;
    padding: 20px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.teamsheading h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}
.productarea {
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 28px;
}
.overviewsection {
    background: #ffffff;
    padding: 44px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.salestext p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #636363;
}
.salesbtn img {
    max-width: 100%;
}
.salesbtn {
    margin-right: 14px;
}
.salestext h4 {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
}
.tableboxsection {
    padding-top: 30px;
}
.tableboxsection .table td {
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 500;
    padding: 13px 0px;
    border-bottom: 2px solid #e1e1e1;
}
.tableboxsection .table th {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    padding: 12px 0px;
    border-bottom: 2px solid #e1e1e1 !important;
}
.tableboxsection .table th:first-child {
    padding-left: 60px;
}
.tableboxsection .table td, .table th {
    vertical-align: baseline;
}
span.iconbox img {
    max-width: 100%;
    border-radius: 100%;
    height: 47px;
    width: 47px;
}
.iconbox {
    margin-right: 15px;
}
.leaderboard {
    padding: 40px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    background: #ffffff;
    border-radius: 20px;
}
.tableboxsection table.table {
    margin-bottom: 0;
}
.leftpost img{
    max-width: 100%;
}
.rightimg img {
    max-width: 100%;
}
.rightimg {
    position: relative;
     border-radius: 10px;
     box-shadow: 0px 16px 40px 10px #0000000D;
}
.arrowdown h6 {
    font-size: 18px;
    color: #218959;
    font-weight: 500;
    margin-bottom: 0px;
}
.teamsection p {
    margin: 0;
    font-size: 16px;
    color: #218959;
    font-weight: 400;
}
p.ratetext {
    font-size: 24px;
    color: #231f20;
    font-weight: 500;
}
.headingbox {
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
}
.teamalphasection {
    padding-top: 30px;
}
.arrowdown {
    background: #9aface;
    display: flex;
    width: 214px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}
.item {
    background: #dcffef;
    border-radius: 10px !important;
    vertical-align: middle;
}
.teamalphasection .table td {
    font-size: 18px;
    color: #7d7d7d;
    font-weight: 500;
    padding: 20px 20px;
    border-bottom: 14px solid #fff;
}
.teamalphasection table.table {
    margin-bottom: 0px;
}

p.ratetext::after {
    position: absolute;
    content: '';
    background: #b5e8d1;
    width: 2px;
    height: 60px;
    left: -45px;
    top: -28px;
}
p.ratetext {
    position: relative;
}
.maintable {
    float: right;
}
.rating {
    width: 16%;
}
.ourteam {
    width: 22%;
}
.nextsession {
    background: #daf5ff;
}
.nextsession .arrowdown{
background: #9ae4f3;
}
p.newtext {
    color: #3ea1b5;
}
.nextsession p.ratetext::after{
    background: #7ecad9;
}
.nextsession .arrowdown h6{
    color: #2b8a9d;
}
.champions {
    margin-top: 40px !important;
}
/*19-02-2025*/
/*21-02-2025*/
.post-title {
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
}
.high-contant h3 {
    font-size: 24px;
    color: #f26973;
    font-weight: 500;
}
.alertsarea {
    padding: 30px 30px 30px 40px;
    border-radius: 10px;
    background: #ffeff0;
}
.taglist {
    display: flex;
    align-items: center;
    padding-top: 24px;
}
.tagtext p {
    margin: 0px;
    margin-left: 18px;
    color: #636363;
    font-weight: 400;
}
.alertsection{
    padding: 30px 30px 30px 40px;
    border-radius: 10px;
    background: #fff4cb;
    max-width: 485px;
    margin: 0 auto;
}
.completed {
 padding: 30px 30px 30px 40px;
    border-radius: 10px;
    background: #deffe5;
    max-width: 485px;
    margin: 0 auto;
    min-width: 100%;
}
.alertsection .high-contant h3{
    color: #eabc2e;
}
.completed .high-contant h3{
color: #2faa72;
}
.selectboxarea {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px 23px;
}
.selectare span {
    position: absolute;
    top: 8px;
    left: 10px;
}
.selectare{
    position: relative;
}
.selectare select {
    padding: 10px 35px;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #cccccc;
    box-shadow: none;
    outline: none;
}
.selectare select:focus {
    border: 1px solid #cccccc;
    box-shadow: none;
    outline: none;
}
.selectare span img {
    max-width: 100%;
}
.selectare select::placeholder {
   color: #000000;
}

.selectare select::-ms-input-placeholder {
  color: #000000;
}
.popularicon span {
    background: #ffd9dc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    border-radius: 100%;
}
.popularicon span img {
    max-width: 100%;
}
.totalsessions {
    display: flex;
    align-items: center;
    padding: 40px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    background: #ffffff;
    border-radius: 20px;
}
.populartext h6 {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}
.populartext h2 {
    font-size: 60px;
    font-weight: 700;
    color: #000000;
}
.populartext p {
    font-size: 16px;
    color: #42b3c7;
    font-weight: 500;
    margin-bottom: 0px;
}
.populartext {
    padding-left: 15px;
}
.sessionhistory{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px 20px;
padding-top: 50px;
padding-bottom: 50px;
}
.tetxstatus {
    display: flex;
    gap: 0px 20px;
}
.tetxstatus p {
    width: 35%;
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}
.schedulearea .table td, .table th {
    vertical-align: middle;
}
.schedulearea th {
    background: #e2eef3 !important;
    border-bottom: none;
    padding: 20px 16px !important;
    font-size: 16px;
    color: #6c778f;
    font-weight: 600;
    
}
.longtext h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.longtext p {
    font-size: 16px;
    color: #8c92a1;
    font-weight: 400;
    margin: 0;
}
.datebox {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.timing {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.schedulearea .table td {
    border-bottom: none !important;
}
p.yourtext {
    width: 20%;
    color: #b9c8d3;
    font-size: 16px;
    font-weight: 500;
}
.timing {
    width: 20%;
}
p.lowmode {
    font-size: 16px;
    color: #0bbb66;
    font-weight: 500;
}
.tetxstatus img {
    max-width: 100%;
}
.schedulearea {
    padding: 40px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    background: #ffffff;
    border-radius: 20px;
}
.statusbtn a {
    background: #baeed5;
    padding: 15px 30px;
    border-radius: 40px;
    text-decoration: none;
    margin-left: 10px;
    color: #0ca95d !important;
    font-size: 16px;
    font-weight: 500;
}
/*21-02-2025*/
/*22-02-2025*/
.mainadmin h2 {
    font-size: 29px;
    color: #000000;
    font-weight: 500;
}
.adminbtn {
    background: #79ffaf;
    width: 77px;
    height: 27px;
    display: inline-flex;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
}
.adminbtn a {
    font-size: 16px;
    color: #0d9151;
    text-decoration: none;
    font-weight: 500;
}
.adminbtn a {
    font-size: 16px;
    color: #0d9151;
    text-decoration: none;
    font-weight: 500;
}
a.email  {
    font-size: 18px;
    color: #898989;
    text-decoration: none;
}
.admin-post img {
    max-width: 100%;
}
.engineering {
    display: flex;
}
.mainadmin {
    padding-left: 20px;
}
.time-sessions {
    padding-top: 30px;
}
.style-box {
    background: #ffffff;
}
.style-box {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    padding: 16px 24px;
    border-radius: 10px;
}
.style-box p {
    margin-bottom: 8px;
}
.style-box h6 {
    margin-bottom: 0px;
}
.style-box p {
    font-size: 18px;
    color: #898989;
    font-weight: 400;
    margin-bottom: 2px;
}
.main-dhasborad {
    background: #ffffff;
    padding: 44px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.alldetailed {
    padding-top: 20px;
}
.detailed-section {
    background: #ffffff;
    padding: 44px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;

}
.quick-stats p {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}
.quick-stats img {
    max-width: 100%;
}
.vr-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e3eaee;
    margin: 38px 0px 30px 0px;
}
.ar-title p {
    font-size: 20px;
    color: #898989;
    font-weight: 400;
}
.vr-subtitle{
font-size: 20px;
    color: #19c874;
    font-weight: 500;
}
.vrbox p{
color: #000000;
}
.vrstyle p{
color: #35c1de;
}
.vr-main:last-child {
    margin: 0 0 0 0 !important;
    border-bottom: none !important;
}
.ar-title p:last-child{
margin-bottom: 0px;
}
.profile-content{
  padding-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px 13px;  
}
.icon-subtitle h6 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    text-align: center;
}
.vr-icon-top span {
    background: #f2fdff;
    width: 83px;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
.vr-service-item {
    background: #9beeff;
    padding: 15px 15px;
    border-radius: 10px;
}
.vr-service-tow {
background: #fffdc0;
    padding: 15px 15px;
    border-radius: 10px;
}
.vr-service-three {
    background: #ffdfe1;
    padding: 15px 15px;
    border-radius: 10px;
}
.vr-icon-top {
    margin-top: -60px;
    justify-content: center;
    display: flex;
}
.icon-subtitle {
    padding-top: 10px;
}
.vrtext h2 {
    font-size: 45px;
    font-weight: 700;
    color: #000000;
}
.vrtext {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.vrtext p {
    font-size: 18px;
    color: #2da9c3;
    font-weight: 500;
}
.centericon span {
    background: #fffff5;
}
.bticon span {
    background: #fffbfb;
}
.vr-service-three .vrtext p {
    color: #e97f7f;
}
.vr-service-tow .vrtext p {
    color: #deb033;
}
.vr-service-three .vr-icon-top span{
    background: #fffbfb;
}
.vr-service-tow .vr-icon-top span{
    background: #fffff5;
}
/*22-02-2025*/
.rangebox {
    background: #ffffff;
    padding: 44px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.rangeValue {
    position: relative;
    display: block;
    text-align: end;
    font-size: 20px;
    color: #ff6464;
    font-weight: 500;
}
.range {
  width: 100%;
  height: 18px;
  -webkit-appearance: none;
  background: #e1e1e1;
  outline: none;
  border-radius: 9px;
  overflow: hidden;
}
.range::-webkit-slider-thumb {
  background: #00fd0a;
  box-shadow: -407px 0 0 400px #ff6464;
   -webkit-appearance: none;
  appearance: none;
  width: 0px;
  height: 0px;
}
.rangetitle h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
}
.rangetitle img {
    max-width: 100%;
    margin-right: 10px;
}
.serv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0px 10px 0px;
}
p.serv-contant {
    font-size: 16px;
    color: #898989;
    font-weight: 400;
}
.serv-text h6 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin: 0;
}
.greenstylebox .range::-webkit-slider-thumb {
  background: #00fd0a;
  box-shadow: -407px 0 0 400px #19c874;
  -webkit-appearance: none;
  appearance: none;
  width: 0px;
  height: 0px;
}
.timeline img {
    max-width: 100%;
}
.timtlinetitle span {
    padding-right: 20px;
}
.timtlinetitle img {
    max-width: 100%;
}
.timeline {
    position: relative;
    background: #ffffff;
    padding: 45px 45px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.timtlinetitle {
    position: absolute;
    top: 40px;
    left: 60px;
}
.total-revenue {
    /*display: flex;
    justify-content: space-around;*/
        display: -webkit-box;
}
.bglefttext{
    border: 1px solid #d7d7d7;
    padding: 36px 36px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.medium-title {
    background: #97ffcd;
    padding: 8px 20px;
    font-size: 20px;
    font-weight: 500;
    color: #1a804f;
    border-radius: 20px;
    margin-right: 20px;
    display: inline-block;
}
.card-titlebg p {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}
.revenue-card p {
    font-size: 20px;
    color: #898989;
    font-weight: 500;
    margin: 0;
}
.titlecard h6 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
}
.titlecard {
    padding-top: 14px;
    padding-left: 30px;
}
.recentsessions h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}
.recentsessions span {
    margin-right: 15px;
}
.recentsessions {
    padding-bottom: 30px;
}
.centerbtn {
    background: #fffb9b;
    color: #9c791c;
}
.revenue-card {
    width: 70%;
}
.card-titlebg {
    width: 30%;
}
.bglefttext:last-child {
    margin-bottom: 0;
}
.text-main{
background: #ffffff;
    padding: 45px 45px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.aianalysis{
background: #ffffff;
    padding: 45px 45px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.textarea p {
    font-size: 22px;
    color: #707070;
    font-weight: 500;
    margin-bottom: 24px;
}
.textarea {
    padding-top: 36px;
}
.morningsessions h3 {
    font-size: 22px;
    color: #099451;
    font-weight: 500;
}
.morningsessions p {
    font-size: 20px;
    color: #22b16c;
    margin-bottom: 0;
}
.regularcontant {
    background: #dbffee;
    padding: 20px 30px;
    border-radius: 10px;
   margin-bottom: 16px;
}
.regularcontant:last-child {
   margin-bottom: 0px;
}
.changepatterns h3 {
    color: #ce9b11;
}
.changepatterns p {
    color: #deb033;
}
.changepatterns{
    background: #fffdd3;
}
.patterns img {
    max-width: 100%;
}
.plan-area {
    background: #cbf6ff;
    padding: 45px 45px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.right-value-area {
    background: #ffffff;
    padding: 30px 45px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
    margin-top: 30px;
}
.new-plan {
    display: flex;
/*    align-items: center;*/
/*    justify-content: space-around;*/
    background: #ffffff;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 20px 20px;
}
.patterns h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.patterns span {
    margin-right: 15px;
}
.actiontext p {
    margin-bottom: 5px;
}
p.weekbg {
    color: #e97f7f;
    font-size: 20px;
    font-weight: 500;
}
p.thismonth{
   color: #4ab9d1;
    font-size: 20px;
    font-weight: 500; 
}
p.thismonth{
   color: #4ab9d1;
    font-size: 20px;
    font-weight: 500; 
}
p.nextweek{
color: #f2c242;
    font-size: 20px;
    font-weight: 500;
}
.rangefielred .range::-webkit-slider-thumb {
  background: #e97f7f !important;
  box-shadow: -407px 0 0 400px #e97f7f;
}
.rangefielblue .range::-webkit-slider-thumb {
  background: #4ab9d1 !important;
  box-shadow: -407px 0 0 400px #4ab9d1;
}
.rangefielyellow .range::-webkit-slider-thumb {
  background: #f2c242 !important;
  box-shadow: -407px 0 0 400px #f2c242;
}
p.rangefiel {
    font-size: 18px;
    color: #4ab9d1;
    font-weight: 500;
}
p.stylerange {
    font-size: 18px;
    font-weight: 500;
    color: #19c874;
}
p.styleareas{
    font-size: 18px;
    font-weight: 500;
    color: #ff6464;
}
.jointeam p {
    margin-bottom: 8px;
    font-size: 20px;
    color: #464646;
        margin-left: 50px;
}
.schedulethree {
    padding-top: 20px;
}
.emailbox{
    padding-bottom: 50px;
}
.adminmessage input {
    border: 1px solid #000000;
    border-radius: 40px;
   
    padding: 10px 50px;
    font-size: 16px;
    color: #898989;
    outline: none;
    box-shadow: none;
}
.adminmessage input:focus {
    border: 1px solid #000000;
    outline: none;
    box-shadow: none;
}
.adminmessage span {
    position: absolute;
    top: 12px;
    left: 20px;
}
.adminmessage {
    position: relative;
}
.timefarme {
    background: #ffffff;
    padding: 45px 45px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    border-radius: 10px;
/*    margin-top: 30px;*/
}
.applyfrom select {
    padding: 10px 50px;
    font-weight: 500;
}
.maincapcha {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 0px;
padding-top: 36px;
    align-items: center;
}
.centerbox a {
    border: 1px solid #cccccc;
    text-decoration: none;
    padding: 14px 14px;
    border-radius: 8px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.centerbox img {
    max-width: 100%;
}
.applybtn a {
    background: #23a4c4;
    padding: 10px 30px;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
}
.centerbox span {
    margin-left: 5px;
}
.capchabox label {
    font-size: 14px;
    color: #9d9d9d;
    line-height: 19px;
}
.applyfrom option{
font-weight: 500;
}
.newjobs{
margin-top: 30px;
}

/*new-06-2025*/
.teamuser {
    width: 25%;
}
.dataarea {
    background: #f2fbff;
}
a.gtabtn1 {
    background: #97ffcd;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #0b704b;
    border-radius: 20px;
    margin-right: 20px;
    display: inline-block;
    text-decoration: none;
}
a.gtabtn1 {
    background: #97ffcd;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #0b704b;
    border-radius: 20px;
    margin-right: 20px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 10px;
}
.gtabtn1:last-child{
    margin-bottom: 0px !important;
}
.mainareauser {
    display: flex;
    align-items: center;
}
.rightitem a {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
}
.emailarea {
    text-decoration: none;
}
.rightitem p {
    margin: 0;
}
a.alina {
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    color: #9aa2b3;
}
.rightitem {
    padding-left: 10px;
}
.viewbtn a{
font-weight: 500;
font-size: 15px;
color: #000000;
text-decoration: underline;
}
.front-user {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 16px;
    max-width: 400px;
    background: #fff;
    padding: 24px 24px;
}

.lasttext {
    margin-bottom: 0px;
}
.schedulearea  .table th:first-child{
  border-top-left-radius: 10px !important;  
}
.schedulearea  .table th:last-child{
  border-top-right-radius: 10px !important;  
}
.schedulearea  .table th:first-child{
  border-bottom-left-radius: 10px !important;  
}
.schedulearea .table th:last-child{
  border-bottom-right-radius: 10px !important;  
}

.card-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-left p {
    font-size: 15px;
    color: #000000 !important;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.card-right p {
    font-size: 15px;
    color: #1dae79 !important;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.newsectiontable {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
        width: 75%;
}
.bordertopline p{
    margin-bottom: 0px;
}
.lastsessions p {
    font-size: 15px;
    color: #9aa2b3;
    font-weight: 500;
}
.addborder hr {
    border-top: 1px solid #818181;
    margin: 0px 0px 8px;
}
.bordertopline p {
    color: #000000 !important;
}
.toptext p{
    color: #e77078 !important;
}
.lastsessions h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0px;
}
.nexttablebox {
    padding-top: 24px;
}
.table{
    margin-bottom: 0px !important;
}
.salesbox {
    width: 10%;
}
.towbtnarea {
    width: 150px;
}
a.bgyellow {
    background: #ffe99c;
    color: #9b6321;
}
.advanced-ai {
    padding: 40px 30px;
    box-shadow: 0px 16px 40px 10px #0000000D;
    background: #ffffff;
    border-radius: 20px;
    margin-top: 42px;
}

.advance-aipost span{
padding-right: 10px;
}
.advance-aipost h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}
.shared-block {
    background: #ffe8ea;
    padding: 38px 38px;
    border-radius: 10px;
}
.shared-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px 23px;
    padding-top: 22px;
} 
    .shared-text h3 {
    font-size: 24px;
    color: #dc535f;
    font-weight: 500;
    line-height: 30px;
}
.sharedcontant li {
    font-size: 20px;
    color: #dc535f;
    line-height: 30px;
    list-style: none;
}
.sharedcontant p {
    font-size: 15px;
    color: #f57c87;
    margin-bottom: 0px;
}
.sharedcontant li::after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    background: #dc535f;
    left: -24px;
    top: 10px;
    border-radius: 10px;
}
.sharedcontant li {
    position: relative;
}
.seccndblock {
background: #b9f3ff;
}
.sharedcontant ul {
    min-height: 100px;
    padding-left: 24px;
}
.seccndblock h3 {
color: #4189ab;
}
.seccndblock li{
   color: #4189ab; 
}
.seccndblock li::after {
    background: #4189ab;
}
.seccndblock p {
    color: #4189ab;
}
.blockthree {
background: #c9ffe5;
}
.blockthree h3{
color: #41ab82;
}
.blockthree li::after {
    background: #41ab82;
}
.blockthree p {
    color: #41ab82;
}
.blockthree li{
   color: #41ab82; 
}

/* Styling for the custom tooltip */
.custom-tooltip {
  background-color: white;  /* White background */
  padding: 15px;            /* Padding for spacing */
  border-radius: 8px;       /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Subtle shadow */
  border: 1px solid #ddd;  /* Border color */
  font-size: 14px;          /* Font size */
  color: #333;              /* Text color */
}

.custom-tooltip h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #007BFF;
}

.custom-tooltip p {
  margin: 5px 0;
  color: #555;
}



.arrow-botton-up {
    background: #89ffd1;
    display: flex;
    width: 100px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
     margin-right: 8px;
}
.arrow-botton-up h6 {
    font-size: 18px;
    color: #129763;
    font-weight: 500;
    float: right;
    margin: 5px 0px 0px 5px;
}


.arrow-botton-down {
    background: #ffd9dc;
    color: #f54855 !important;
    display: flex;
    width: 100px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
     margin-right: 8px;
}
.arrow-botton-down h6 {
    font-size: 18px;
    background: #ffd9dc;
    color: #f54855 !important;
    font-weight: 500;
    float: right;
    margin: 5px 0px 0px 5px;
}