@import url("./overview-dashboard.css");

body {
  background-color: #ffffff !important;
}

button:disabled {
  opacity: 0.8;
}

.scrollBarCustom::-webkit-scrollbar {
  width: 7px;
}

.scrollBarCustom0px::-webkit-scrollbar {
  width: 0px !important;
}

.scrollBarCustom4px::-webkit-scrollbar {
  width: 4px;
}

.scrollBarCustom::-webkit-scrollbar-track,
.scrollBarCustom4px::-webkit-scrollbar-track {
  background: #fff;
  border: 0px solid transparent;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

/* Handle */
.scrollBarCustom::-webkit-scrollbar-thumb,
.scrollBarCustom4px::-webkit-scrollbar-thumb {
  background: #7d8190;
  border: 2px solid transparent;
  border-radius: 12px;
  background-clip: content-box;
}

.scrollBarCustom4px::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
}

.cursorPoint {
  cursor: pointer;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* #3b6cd8 !important blue
.colorFMain7d-sgg {
  color: #7d8190 !important;
}
  color: #575B6C;
*/
.container {
  width: 100%;
  height: 100%;
}

main {
  margin: 0px 60px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.btnMain-blue,
.btnMain-var {
  border-radius: 12px;
  padding: 0 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}

.btnMain-blue {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #3b6cd8;
  color: #fff;
}

.btnMain-var {
  border: 1px solid rgba(32, 33, 36, 0.5);
  background-color: #fff;
  color: #202124;
}

.btnMain-var:hover {
  color: #fff;
  background-color: #202124;
  transition: 0.3s ease-in;
}
.btnMain-blue:hover {
  color: #fff;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    #3b6cd8;
  transition: 0.3s ease-out;
}
/*header--------------------------------*/
img.arrow {
  position: relative;
  top: 3px;
}
nav {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.page-1 {
  display: flex;
  width: 82px;
  height: 28px;
  gap: 7px;
}
.desk {
  width: 20px;
  height: 20px;
  background-color: yellowgreen;
}

/* Main Header -------------------------------- */

.mainHeader {
  width: 100%;
  height: 72px;
  position: fixed;
  background: #fff;
  z-index: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mainHeader nav {
  padding: 0 60px;
}

.mainHeader nav {
  padding: 0 60px;
}

.mainHeader nav .left {
  gap: 60px;
}

.mainHeader nav .mainLogo {
  width: 122px;
}

.mainHeader nav ul {
  gap: 30px;
}

.mainHeader nav ul .hdItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  list-style-type: none;
}

.mainHeader nav ul .hdItem span {
  height: 32px;
}

.mainHeader nav ul .hdItem p {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.75);
}

.mainHeader nav .right .btnLogin,
.mainHeader nav .right .btnRegister {
  height: 36px;
  width: 80px;
}
.menu-img {
  display: none;
}

/* Main*/
.sectionHome-1,
.sectionHeropageOne {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sectionHome-1 {
  padding: 200px 0px;
}
.sectionHome-1 .body,
.sectionHeropageOne .body {
  width: 501px;
}

.sectionHome-1 .body {
  background-color: #fffefe;
}
.sectionHome-1 .body .built,
.sectionHeropageOne .body .built {
  width: 145px;
  padding: 0px 10px;
  height: 30px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.sectionHome-1 .body .your h1,
.sectionHeropageTwo .left .your h1,
.sectionHeropageOne .body .your h1 {
  font-size: 64px;
  font-weight: 700;
  color: #1c1d1f;
  line-height: 1;
}
.sectionHeropageTwo .left .your {
  width: 440px;
  height: 128px;
}
.sectionHome-1 .body .para p,
.sectionHeropageOne .body .para p {
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
  padding: 30px 69px 0px;
}

/* page-3 */
.sectionHome-2 {
  background: rgba(246, 211, 23, 0.05);
  width: 100%;
  height: 235px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  gap: 10px;
  padding: 100px 200px;
}

.sectionHome-2 p,
.sectionHome-2 span.auto {
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  letter-spacing: -1.08px;
  color: rgba(28, 29, 31, 1);
}

.sectionHome-2 .motionDiv {
  color: rgba(59, 108, 216, 1);
  font-size: 36px;
  font-weight: 600;
  max-width: 405px !important;
}

.sectionHome-2 span.auto {
  color: #3b6cd8;
  line-height: 1;
}
span.hel {
  color: beige;
}
/* page-4 */
.sectionHome-3 {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  align-items: center;
  justify-content: center;
  padding: 100px 96px 100px 96px;
}

.sectionHome-3 .browseMn {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.sectionHome-3 .appHd {
  gap: 4px;
  padding-bottom: 10px;
}

.sectionHome-3 .appHd p {
  color: #1c1d1f;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.sectionHome-3 .appHd span {
  color: #3b6cd8;
  font-size: 36px;
  line-height: 1;
  font-weight: 600;
}

.sectionHome-3 .actBd {
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(59, 108, 216, 0.05);
  padding: 15px;
  gap: 8px;
}
.sectionHome-3 .actBd .btnItm {
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  background-color: #fff;
  padding: 8px 12px 8px 12px;
  height: 32px;
  align-items: center;
  border-radius: 10px;
  gap: 8px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.sectionHome-3 .actBd .btnItm:hover .imgAct,
.sectionHome-3 .actBd .btnItm.active .imgAct,
.sectionHome-3 .actBd .btnItm .imgInact {
  display: block;
}

.sectionHome-3 .actBd .btnItm:hover .imgInact,
.sectionHome-3 .actBd .btnItm.active .imgInact,
.sectionHome-3 .actBd .btnItm .imgAct {
  display: none;
}

.sectionHome-3 .actBd .btnItm p {
  line-height: 1;
  font-size: 13px;
  /* color: #fff; */
  font-weight: 500;
}

.sectionHome-3 .actBd .btnItm.cust p {
  color: #276cf0;
}

.sectionHome-3 .actBd .btnItm.cust:hover,
.sectionHome-3 .actBd .btnItm.cust.active {
  background-color: #276cf0;
}

.sectionHome-3 .actBd .btnItm.rep:hover,
.sectionHome-3 .actBd .btnItm.rep.active {
  background-color: #18bde9;
}
.sectionHome-3 .actBd .btnItm.rep p {
  color: #18bde9;
}
.sectionHome-3 .actBd .btnItm.rep:hover {
  background-color: #18bde9;
}

.sectionHome-3 .actBd .btnItm.team:hover,
.sectionHome-3 .actBd .btnItm.team.active {
  background-color: #ff9502;
}
.sectionHome-3 .actBd .btnItm.team p {
  color: #ff9502;
}

.sectionHome-3 .actBd .btnItm.team:hover {
  background-color: #ff9502;
}

.sectionHome-3 .actBd .btnItm.market:hover,
.sectionHome-3 .actBd .btnItm.market.active {
  background-color: #9162f9;
}
.sectionHome-3 .actBd .btnItm.market p {
  color: #9162f9;
}

.sectionHome-3 .actBd .btnItm.market:hover {
  background-color: #9162f9;
}

.sectionHome-3 .actBd .btnItm.acc:hover,
.sectionHome-3 .actBd .btnItm.acc.active {
  background-color: #10c27b;
}
.sectionHome-3 .actBd .btnItm.acc p {
  color: #10c27b;
}

.sectionHome-3 .actBd .btnItm.acc:hover {
  background-color: #10c27b;
}

.sectionHome-3 .actBd .btnItm.hr:hover,
.sectionHome-3 .actBd .btnItm.hr.active {
  background-color: #4b144b;
}
.sectionHome-3 .actBd .btnItm.hr p {
  color: #4b144b;
}

.sectionHome-3 .actBd .btnItm.hr:hover {
  background-color: #4b144b;
}
.sectionHome-3 .actBd .btnItm.tools:hover,
.sectionHome-3 .actBd .btnItm.tools.active {
  background-color: #e01d5a;
}
.sectionHome-3 .actBd .btnItm.tools p {
  color: #e01d5a;
}

.sectionHome-3 .actBd .btnItm.tools:hover {
  background-color: #e01d5a;
}

.sectionHome-3 .actBd .btnItm.admin p {
  color: #276cf0;
}

.sectionHome-3 .actBd .btnItm:hover p,
.sectionHome-3 .actBd .btnItm.active p {
  color: #ffffff;
}

.sectionHome-3 .browseMn .apt-items {
  gap: 15px;
}

.cardsHome-app {
  width: 132px;
  display: flex;
  height: 164px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
  overflow: hidden;
}

.card-tag1 {
  display: flex;
  gap: 21px;
}
.card-tag2 {
  display: flex;
  gap: 21px;
}
.card-tag3 {
  display: flex;
  gap: 21px;
}
.card {
  background: #00000000;
  border: none;
}
.cardsHome-app .itmInact {
  display: flex;
  height: 100%;
  gap: 12px;
  padding: 38px 36px;
}
.cardsHome-app .itmInact p {
  color: rgba(87, 91, 108, 1);
}
.cardsHome-app .itmInact p,
.cardsHome-app .itmAct .body-2 h6 {
  text-align: center;

  font-size: 13px;
  margin: 0px;
  font-weight: 600;
}
.cardsHome-app .itmInact span.span-img {
  width: 60px;
  min-height: 60px;
  background: rgba(125, 129, 144, 0.05);
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: center;
  border-radius: 50%;
}

.cardsHome-app .itmAct,
.cardsHome-app:hover .itmInact {
  display: none;
}

.cardsHome-app:hover .itmAct {
  transition: 0.4s ease-in-out;
  display: block;
}

.cardsHome-app .itmAct {
  width: 100%;
}

.cardsHome-app .itmAct .head {
  height: 43px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(59, 108, 216, 0.05);
  /* display: flex;
  justify-content: center;
  align-items: center; */
  width: 100%;
}

.cardsHome-app .itmAct .body-2 {
  height: calc(100% - 43px);
  padding: 8px;
  overflow: auto;
}

.cardsHome-app .itmAct .body-2 p {
  color: #717987;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 130%;
  padding: 3px;
}

/* page-5 */
.sectionHome-4 {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  align-items: center;
  /* background-color: #10C27B; */
  justify-content: center;
  padding: 100px 96px;
}
.sectionHome-4 .inner {
  text-align: center;
  gap: 45px;
}

.sectionHome-4 h2 {
  color: rgba(28, 29, 31, 1);
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}
.sectionHome-4 h2 .uss {
  color: rgba(59, 108, 216, 1);
}

.sectionHome-4 .body {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 12px;
}
.sectionHome-4 .body .Chart {
  width: 270px;
  height: 184px;
  gap: 15px;
  padding: 15px;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid transparent;
}
.sectionHome-4 .body .Chart:hover {
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(59, 108, 216, 0.05);
  transition: 0.2s ease-in-out;
}

.sectionHome-4 .body .Chart h3 {
  color: rgba(28, 29, 31, 1);

  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sectionHome-4 .body .Chart p {
  color: rgba(113, 121, 135, 1);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  padding: 0px 12px;
}

div#meenu {
  border-radius: 20px;
  background-color: #8b9feb1a;
}
h3 {
  font-size: 18px;
}
p.machuu {
  font-size: 14px;
}

span.our {
  position: relative;
  /* left: 10px; */
  top: -43px;
  color: #3b6cd8;
  left: 185px;
}
span.imm-span {
  height: 16px;
}
/* page-6 */
.sectionHome-5 {
  width: 100%;
  height: 184px;
  padding: 60px 100px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #f7f7f9;
  justify-content: space-between;
}

.sectionHome-5 .left-end {
  width: 40%;
  padding: 0px;
  gap: 20px;
}
.sectionHome-5 .left-end .inner {
  display: flex;
  align-items: center;

  flex-direction: column;
  gap: 5px;
}
.sectionHome-5 .left-end .inner h3 {
  color: rgba(28, 29, 31, 1);
  font-size: 18px;
  margin: 0px;
  width: 100%;
  font-weight: 700;
}

.sectionHome-5 .left-end .inner p {
  color: rgba(113, 121, 135, 1);
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}
.sectionHome-5 .right-end .inputBox {
  width: 680px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.sectionHome-5 .right-end input {
  outline: none;
  border: none;
  color: rgba(28, 29, 31, 1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 14px 15px;
  font-size: 14px;
  font-weight: 400;
}
.sectionHome-5 .right-end input.text {
  width: 232px;
  font-size: 14px;
  font-weight: 400;
}
.sectionHome-5 .right-end input.text::placeholder {
  color: #00000040;
}
.sectionHome-5 .right-end input.text1::placeholder {
  color: #00000040;
}
.sectionHome-5 .right-end input.text1 {
  width: 330px;
  font-size: 14px;
  font-weight: 400;
}

.sectionHome-5 .right-end button.btnSubs {
  width: 20%;
  height: 100%;
  font-size: 14px;
  font-weight: 600;
  outline: none;
  border: none;
  background-color: #3b6cd8;
  color: rgba(255, 255, 255, 1);
}
.para-end {
  font-size: 14px;
  font-weight: 500;
  color: #717987;
}

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

/* Footer */

.homePage-footer .top {
  width: 100%;
  gap: 40px;
  padding: 40px 100px 40px 60px;
  background-color: #1c1d1f;
  justify-content: space-between;
}

.homePage-footer .footInfo {
  gap: 15px;
  width: 192px;
  align-items: flex-start;
}

.homePage-footer .footInfo p {
  color: #717987;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 10px;
}

.homePage-footer .foot-div h4 {
  color: #8f99a8;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.homePage-footer .foot-div ul {
  gap: 10px;
}

.homePage-footer .foot-div ul li.line-foot {
  list-style-type: none;
  cursor: pointer;
  color: rgba(143, 153, 168, 0.8);
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.homePage-footer .foot-div ul li.line-foot:hover {
  text-decoration: underline;
}

.homePage-footer .foot-div ul li .new {
  color: #fff;
  display: flex;
  width: 34px;
  height: 15px;
  background-color: #3b6cd8;
  font-size: 10px;
  font-weight: 400;
  border-radius: 12px;
}

.homePage-footer .credits {
  padding: 10px 60px;
  background: #232529;
  color: #4f5865;
  align-items: center;
  height: 56px;
  justify-content: space-between;
}

.homePage-footer .credits .left p,
.homePage-footer .credits .right .all li {
  color: #4f5865;
  font-size: 12px;
  font-weight: 500;
  list-style-type: none;
}
.homePage-footer .credits .right .all {
  gap: 30px;
}
/* 5/03/2025  New CSS */

.sectionHome-1 .body .built,
.sectionHeropageOne .body .built {
  width: 145px;
  padding: 0px 10px;
  height: 30px;
  border-radius: 12px;
  margin-top: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
/* .d-flex{
  margin-top: 20px;;
}  */
/* #you{
  margin-top: 20px;
} */

/* 5/03/2025 SectionHeroTwo*/
.sectionHeropageTwo {
  padding-top: 120px;

  background-image: url(../icons/homepage/mesh.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
}
.sectionHeropageTwo .left .herobuilt {
  width: 142px;
  height: 30px;
  border-radius: 12px;
  padding: 7px 18px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 30px;
}

.sectionHeropageTwo .left .paragraph p {
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  padding: 30px 0px 40px;
  width: 440px;
}

.sectionHeropageTwo .inputherobox {
  width: 550px;
}
.sectionHome-2 .sectionDescky {
  width: 991px;
  height: 36px;
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.sectionHeropageOne {
  padding: 66px;
  background: #f7f7f9;
}

.sectionHeropageOne .heroOneDemoGp,
.sectionHeropageTwo .heroOneDemoGp {
  /* height: 46px; */
  margin-top: 32px;
  border-radius: 12px;
  /* border: 1px solid rgba(0, 0, 0, 0.15); */
  background: #fff;
}

.sectionHeropageOne .heroOneDemoGp {
  width: 500px;
}

.sectionHeropageTwo .heroOneDemoGp {
  width: 540px;
}

.sectionHeropageOne .heroOneDemoGp .leftGp,
.sectionHeropageTwo .heroOneDemoGp .leftGp {
  width: 72%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 7;
  border-radius: 12px 1px 1px 12px;
  border-right: none;
}

.sectionHeropageOne .heroOneDemoGp .rgtGp,
.sectionHeropageTwo .heroOneDemoGp .rgtGp {
  width: 28%;
}

.sectionHeropageTwo .inputherobox .inp1,
.sectionHeropageTwo .inputherobox .inp2 {
  width: 36%;
}

.sectionHeropageOne .leftGp .inp1,
.sectionHeropageOne .leftGp .inp2,
.sectionHeropageTwo .leftGp .inp1,
.sectionHeropageTwo .leftGp .inp2 {
  width: 50%;
  height: 42px;
  border: none;
  outline: none;
  padding: 13px 15px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-weight: 400;
  border-radius: 12px 0px 0px 12px;
}
.sectionHeropageTwo .leftGp .inp2 {
  padding: 14px 15px;
  color: #1c1d1f;
}
.sectionHeropageTwo .leftGp .inp2::placeholder {
  color: #00000040;
}
.sectionHeropageTwo .leftGp .inp1::placeholder {
  color: #00000040;
}

.sectionHeropageTwo .leftGp .inp1 {
  padding: 14px 15px;
  color: #1c1d1f;
}
.sectionHeropageOne .leftGp .inp1,
.sectionHeropageTwo .leftGp .inp1 {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.sectionHeropageOne .body img.img-hero {
  width: 250px;
  height: 172px;
}

.sectionHeropageTwo .right {
  max-width: 500px;
  max-height: 500px;
}

.sectionHeropageTwo .rgtGp .btnCust,
.sectionHeropageOne .rgtGp .btnCust {
  color: #fff;
  background: #ff9c00;
  height: 45px;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0px 16px;
  font-weight: 600;
  font-size: 14px;
}
.sectionHeropageTwo .rgtGp .btnCust {
  line-height: 1.3;
  border: 1px solid rgb(0, 0, 0, 0.15);
  padding: 13px 20px;
  border-radius: 0px 12px 12px 0px;
}
.sectionHeropageOne .body img.img-hero {
  width: 250px;
  height: 250px;
}
.cardsHome-app .itmAct .head {
  height: 43px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(59, 108, 216, 0.05);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.itmAct .head .ImgLog {
  width: 25px;
  height: 25px;
}
/* LoginPage */

.login-mainpage {
  padding: 120px 40px 40px 40px;

  background-color: #f7f7f9;
}
.login-mainpage .login-1 {
  gap: 4px;
  align-items: center;
  width: 72px;
}
.login-mainpage .login-1 img {
  width: 16px;
  height: 16px;
}

.login-mainpage .login-1 p {
  margin: 0px;
  font-size: 13px;
  font-weight: 600;
  color: #575b6c;

  width: 52px;
  height: 16px;
}
.login-page {
  margin-top: 80px;
  margin-bottom: 82px;
  height: 396px;
}
.login-main {
  padding: 25px;
}
.logpage-1 {
  width: 365px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid #0000001a;
}

.log1 {
  margin-bottom: 25px;
  gap: 5px;
}
.forget1 {
  margin-bottom: 25px;
  gap: 5px;
}
.forget1 p {
  color: rgba(28, 29, 31, 0.85);
  font-size: 18px;
  margin: 0px;
  line-height: 1;
  font-weight: 600;
}
.for-ninety {
  gap: 4px;
}
.for-ninety span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
}
.log1 p {
  color: rgba(28, 29, 31, 0.85);
  font-size: 18px;
  margin: 0px;
  line-height: 1;
  font-weight: 600;
}
.number-input {
  gap: 8px;
}
.number-input .ninty-one {
  gap: 3px;
}
.number-login {
  gap: 15px;
}
span.ninty {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
}
.number-login .number {
  padding: 12px 13px;
  width: 315px;
  height: 42px;
  gap: 10px;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #727b8240;
}
.number-login .number-page {
  padding: 12px 13px;
  width: 315px;
  height: 42px;
  gap: 10px;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #727b8240;
}
.num-log {
  margin-bottom: 195px;
}
/* .number .genrate {
  border: 1px solid rgba(255, 255, 255, 1);
  border-right: none;
  display: flex;
  width: 100%;
  height: 42px;
  border-top: none;
  align-items: center;
  justify-content: center;
  border-bottom: none;
} */
.genrate {
  margin: 0px;
  border: 1px solid blue;
  width: 204px;
  border-radius: 0px 9px 10px 0px;
}
.genrate-btn {
  width: 100%;
  background: #fff;
  border-color: blue;
  height: 100%;
  font-size: 14px;
  border-color: rgba(59, 108, 216, 0.05);
  border-top: none;
  border: 1px solid;
  border-right: none;
}
.number input {
  width: 100%;
  font-size: 14px;
  line-height: 1.1;
  color: black;
  border: none;
  font-weight: 500;
  outline: none;
}
.number input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
/* .number img {
  margin-right: 10px;
} */
.number label {
  font-size: 14px;
  color: black;

  font-weight: 500;
}
.number-input label {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(113, 121, 135, 1);
}
.number-input label span {
  border-bottom: 1px solid rgba(113, 121, 135, 1);
}
.reg-login {
  margin-bottom: 195px;
}
input.num-input {
  width: 100%;
  outline: none;
  background-color: transparent;
}
.remember {
  justify-content: space-between;
  margin-top: 18px;
}
.remember .rem {
  display: flex;
  gap: 6px;
}
.rem p.me {
  font-size: 13px;
  margin: 0px;
  height: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(113, 121, 135, 1);
}
.remember p.forget {
  font-size: 13px;
  margin: 0px;
  font-weight: 600;
  line-height: 1.2;
  height: 16px;
  color: rgba(113, 121, 135, 1);
}
.remember .check {
  width: 16px;
  height: 16px;
}

.logReg-btm {
  margin-top: 25px;
}
.send-otp {
  margin-top: 25px;
  height: 42px;
  width: 315px;
}

.send-otp button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}
.send-otp-two {
  margin-top: 195px;
  height: 42px;
  width: 315px;
}
.send-otp-three {
  margin-top: 114px;
  height: 42px;
  width: 315px;
}
.send-otp-three button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}
.send-otp-two button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}
.forget-two-btn {
  gap: 8px;
  flex-direction: column;
  margin-top: 111px;
}
.forget-two-btn .forget {
  height: 42px;
  width: 315px;
}
.forget-two-butn {
  gap: 8px;
  flex-direction: column;
  margin-top: 145px;
}
.forget-two-butn .forget {
  height: 42px;
  width: 315px;
}
.forget-one {
  height: 42px;
  width: 315px;
}
.forgetthree {
  height: 42px;
  width: 315px;
}
.forget button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}
button.forget-btn {
  font-size: 14px;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
  background: #fff;
  color: rgba(32, 33, 36, 1);
  border: 1px solid rgba(32, 33, 36, 0.5);
}
.forget-three-btn {
  margin-top: 25px;
}
.forget-three-btn .forget-btn {
  border-color: rgba(59, 108, 216, 1);
  color: rgba(59, 108, 216, 1);
}
.register-pen {
  display: flex;
  align-items: center;
  /* overflow: hidden; */
  height: 54px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
  background: #edb32e0d;
  padding: 20px 0px;
}
.register-pen p.now {
  margin: 0px;
  line-height: 1;
  font-size: 15px;
  color: #3b6cd8;
  font-weight: 600;
}
.register-pen p.already {
  display: flex;
  font-size: 15px;
  align-items: center;
  margin: 0px;
  justify-content: center;
  gap: 4px;
  font-weight: 500;
  line-height: 1.2;
}
.register-pen p.already span {
  color: #276cf0;
}

/* Login Page2*/

.register-mainpage {
  padding: 40px;
}
.register-mainpage .register-1 {
  gap: 4px;
  align-items: center;
  width: 72px;
}
.register-mainpage .register-1 img {
  width: 16px;
  height: 16px;
}
.register-mainpage .register-1 img {
  width: 16px;
  height: 16px;
}
.register-mainpage .register-1 .out-page {
  padding-bottom: 4px;
}
.register-mainpage .register-1 p {
  margin: 0px;
  font-size: 13px;
  color: #575b6c;
  width: 52px;
  height: 16px;
}
.register-page {
  margin-top: 80px;
  margin-bottom: 82px;
}
.register-main {
  padding: 25px;
}
.regispage-1 {
  width: 365px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid #0000001a;
}
.register-main .sucess {
  flex-direction: column;
  gap: 10px;
}
.sucess .sucess-ful {
  text-align: center;
}
.sucess .sucess-ful h3 {
  text-align: center;
  margin: 0px;
  font-size: 18px;
  line-height: 150%;
  color: rgba(28, 29, 31, 0.85);
  font-weight: 600;
}
.register1 {
  margin-bottom: 25px;
  gap: 5px;
}
.register1 p {
  color: rgba(28, 29, 31, 0.85);
  margin: 0px;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.register-input {
  gap: 8px;
}
.register-input label {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.75);
}
.register-input label.enter {
  font-size: 13px;
  line-height: 1.2;
  color: rgba(113, 121, 135, 1);
}
.register-done input {
  padding: 0px 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 18px;
  outline: none;
  border: none;
  letter-spacing: 4px;
  color: rgba(0, 0, 0, 0.75);
}
.register-done input::placeholder {
  color: rgba(0, 0, 0, 0.25);
  /* font-size: 14px;
  font-weight: 500; */
}
.register-done input.forget-input::placeholder {
  color: rgba(0, 0, 0, 0.75);
}

.register-done {
  height: 42px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #727b8240;
}
.register-done .check-img {
  margin: 0px !important ;
  transition: 0.1s ease-in-out;
}
.register-done .iconBox {
  padding: 0px 10px;
}

.otp-receive {
  padding-top: 18px;
}
.otp-receive label {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(87, 91, 108, 0.85);
}
.otp-receive label span {
  color: #3b6cd880;
  cursor: pointer;
}
.register-send-otp {
  margin-top: 161px;
  height: 42px;
  width: 315px;
}

.register-send-otp button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}

/* Login Page3 */

.logo-mainpage {
  padding: 40px 40px 40px 40px;
  background-color: #f7f7f9;
}
.logo-mainpage .logo-1 {
  gap: 4px;
  align-items: center;
  width: 72px;
}
.logor-mainpage .logo-1 img {
  width: 16px;
  height: 16px;
}
.logo-mainpage .logo-1 img {
  width: 16px;
  height: 16px;
}
.logo-mainpage .logo-1 .out-page {
  padding-bottom: 4px;
}
.logo-mainpage .logo-1 p {
  margin: 0px;
  font-size: 13px;
  color: #575b6c;
  width: 52px;
  height: 16px;
}
.logo-page {
  margin-top: 80px;
  margin-bottom: 82px;
}
.logo-main {
  padding: 25px 25px 25px 25px;
}
.logopage-1 {
  width: 365px;
  overflow: hidden;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #0000001a;
}
.logo1 img {
  width: 18px;
  height: 18px;
}
.logo1 {
  margin-bottom: 25px;
  gap: 5px;
}
.logo1 p {
  font-size: 18px;
  margin: 0px;
  color: rgba(28, 29, 31, 0.85);
  line-height: 1;
  font-weight: 600;
}
.logo-input {
  gap: 8px;
}
.logo-input label {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(87, 91, 108, 0.85);
}
.logo-input label.ninty {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.75);
}
.logo-input label.auth {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(87, 91, 108, 0.85);
}
.logo-done input {
  width: 100%;
  border: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  line-height: 1;
  outline: none;
}

.logo-done {
  width: 315px;
  border-radius: 12px;
  height: 42px;
  padding: 13px 14px;
  border: 1px solid #727b8240;
}
.otp-logo {
  padding-top: 154px;
}
.otp-logo label {
  color: #3b6cd8;
}
.otp-logo label.send {
  color: #3b6cd8;
  line-height: 1.2;
  border-bottom: 1px solid #3b6cd8;
}
.logo-send-otp {
  height: 42px;
  width: 315px;
  margin-top: 25px;
}
.logo-send-otp button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}

/* Register Work */

.login-page {
  margin-top: 80px;
  margin-bottom: 82px;
}
.login-main {
  padding: 25px;
}
.logpage-1 {
  width: 365px;
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid #0000001a;
}

.number-input {
  gap: 8px;
}

.regOtp-field input {
  padding: 0px 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  height: 18px;
  outline: none;
  border: none;
  letter-spacing: 4px;
  color: rgba(0, 0, 0, 0.75);
}
.regOtp-field input.place::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.regOtp-field {
  height: 42px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #727b8240;
}
.regOtp-field .check-img {
  margin: 0px !important ;
  transition: 0.1s ease-in-out;
}

.regOtp-field .iconBox {
  padding: 0px 10px;
}
.remember {
  justify-content: space-between;
  margin-top: 18px;
}
.remember .rem {
  display: flex;
  gap: 6px;
}

.remember .check {
  width: 16px;
  height: 16px;
}
.send-otp {
  margin-top: 25px;
  height: 42px;
  width: 315px;
}

.register-pen p.user {
  margin: 0px;
  line-height: 1;
  font-size: 15px;
  font-weight: 600;
}
.register-pen p.now {
  margin: 0px;
  line-height: 1;
  font-size: 15px;
  color: #3b6cd8;
  font-weight: 600;
}
/* .register-pen p.already {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin: 0px;
  justify-content: center;
  gap: 4px;
  font-weight: 500;
  line-height: 1;
} */
.register-pen p.already span {
  color: #276cf0;
}

/* Register Page */

.login-mainpage .login-1 {
  gap: 4px;
  align-items: center;
  width: 72px;
}
.login-mainpage .login-1 img {
  width: 16px;
  height: 16px;
}
.login-mainpage .login-1 .out-page {
  padding-bottom: 4px;
}
.login-mainpage .login-1 p {
  margin: 0px;
  font-size: 13px;
  color: #575b6c;
  font-weight: 600;
  width: 52px;
  height: 16px;
}
.work-page {
  margin-top: 80px;
  margin-bottom: 82px;
  height: 396px;
}
.work-main {
  padding: 25px;
}
.work-1 {
  width: 365px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 25px;
  border: 1px solid #0000001a;
}

.work1 {
  margin-bottom: 25px;
  gap: 6px;
}
.work1 p {
  font-size: 18px;
  margin: 0px;
  color: rgba(28, 29, 31, 0.85);
  line-height: 1;
  font-weight: 600;
}
.work-input {
  gap: 8px;
}
.work-input label {
  line-height: 1.2;
  font-weight: 600;
  font-size: var(--s13);
  color: rgba(87, 91, 108, 0.85);
}
.work-login {
  gap: 15px;
}
.nine-two {
  gap: 3px;
}
.nine-two .ninety {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.work-login .work {
  padding: 13px 14px;
  width: 315px;
  height: 42px;
  gap: 10px;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #727b8240;
}
.work input {
  width: 100%;
  border: none;
  line-height: 1.1;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  font-weight: 500;
}
.work input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.work label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 500;
}
.workber {
  margin-top: 18px;
}

.workber .rem {
  display: flex;
  gap: 6px;
}

.rem p.me span {
  color: rgba(59, 108, 216, 0.9);
  border-bottom: 1px solid rgba(59, 108, 216, 0.9);
}

.workber .check {
  width: 16px;
  height: 16px;
}
.send-otp {
  margin-top: 25px;
  height: 42px;
  width: 315px;
}

.work-pen {
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  justify-content: center;
  background: #edb32e0d;
  padding: 20px 0px;
}
.work-pen p.already {
  display: flex;
  font-size: 15px;
  align-items: center;
  margin: 0px;
  justify-content: center;
  gap: 4px;
  color: rgba(28, 29, 31, 1);
  font-weight: 500;
  line-height: 1;
}
.work-pen p.already span {
  color: #276cf0;
  font-weight: 600;
}
/* Invited User */
.gopal {
  width: 315px;
  background-color: #f7f7f9;
  border: 1px solid #0000001a;
  border-radius: 15px;
}
.gopalauto-send-otp {
  height: 42px;
  width: 315px;
  padding-top: 50px;
}
.gopalauto-send-otp button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: #3b6cd8;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}
.shree {
  padding-top: 15px;
  padding-bottom: 10px;
}
.shree-circle {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1);
}
.auto-private {
  flex-direction: column;
  gap: 3px;
  padding-bottom: 12px;
}
.auto-private h2 {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin: 0px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.2;
}
.auto-private .inner-auto p {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.private {
  padding-top: 12px;
  text-align: center;
  border-top: 1px solid #0000001a;
  padding-bottom: 14px;
}
.private p {
  margin: 0px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.private p span {
  line-height: 1;
  font-size: 12px;
  color: rgba(59, 108, 216, 0.85);
}
.auto-two-btn {
  gap: 11px;
  padding-top: 50px;
}
.auto-two-btn .forget {
  height: 42px;
  width: 315px;
}
.auto-limit button {
  font-size: 14px;
  color: rgba(59, 108, 216, 0.85);
  height: 42px;
  width: 152px;
  background-color: rgba(59, 108, 216, 0.05);
  padding: 13px 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  line-height: 1;
  border-radius: 12px;
}
.auto-limit .forget-btn {
  font-size: 14px;
  height: 42px;
  width: 152px;
  padding: 13px 14px;
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
  background: #0000001a;
  color: rgba(32, 33, 36, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.limited {
  margin-bottom: 50px;
  gap: 7px;
}
.limited p {
  color: rgba(28, 29, 31, 0.85);
  margin: 0px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}
.limited-one {
  margin-bottom: 26px;
  gap: 7px;
}
.limited-one p {
  color: rgba(28, 29, 31, 0.85);
  margin: 0px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

.invite-otp {
  margin-top: 40px;
  height: 42px;
  width: 315px;
}
.invite-otp button {
  font-size: 14px;
  color: #fff;
  height: 42px;
  width: 100%;
  padding: 13px 14px;
  background-color: rgba(59, 108, 216, 1);
  font-weight: 600;
  border: none;
  line-height: 1;
  border-radius: 12px;
}
.invited-page p {
  font-size: 24px;
  width: 265px;
  text-align: center;
  line-height: 150%;
  margin: 0px;
  font-weight: 600;
}
.invite-limit {
  padding-top: 129px;
}
.invite-limit button {
  font-size: 14px;
  color: rgba(59, 108, 216, 0.85);
  height: 42px;
  width: 152px;
  background-color: rgba(59, 108, 216, 0.05);
  padding: 13px 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 600;
  line-height: 1;
  border-radius: 12px;
}
.lastone {
  width: 410px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  border-radius: 25px;
  border: 1px solid #0000001a;
}
.comit {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(87, 91, 108, 0.05);
  padding: 14px;
  border-bottom: 1px solid #0000001a;
}
.comit h3 {
  margin: 0px;
  color: rgba(87, 91, 108, 1);
  font-size: 18px;
  font-weight: 700;
}
.lastpara {
  padding: 14px;
}
.lastpara p {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  margin: 0px;
  color: rgba(113, 121, 135, 1);
}
.Two-Box {
  gap: 10px;
  padding: 0px 15px 15px 15px;
}
.Two-Box .first {
  width: 185px;
  height: 166px;
  background-color: rgba(59, 108, 216, 0.05);
  border: 1px solid rgba(59, 108, 216, 0.25);
  border-radius: 15px;
}
.Two-Box .second {
  width: 185px;
  height: 166px;
  border-radius: 15px;
  border: 1px solid rgba(59, 108, 216, 0.25);
  background-color: rgba(59, 108, 216, 0.05);
}
.first-box {
  gap: 10px;
  flex-direction: column;
}
.second-box {
  gap: 10px;
  flex-direction: column;
}
.first-box p {
  margin: 0px;
  width: 105px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: rgba(59, 108, 216, 1);
}
.second-box p {
  margin: 0px;
  width: 105px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: rgba(59, 108, 216, 1);
}
.new-one {
  justify-content: space-evenly;
  border: 1px solid rgba(114, 123, 130, 0.25);
  border-radius: 12px;
  height: 42px;
  gap: 15px;
  width: 315px;
}
.new-one .input-new {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px;
  padding-left: 14px;
}
.input-new input {
  border: none;
  height: 100%;
  width: 142px;
  outline: none;
}
.new-one button {
  width: 93px;
  height: 42px;
  border-radius: 0px 12px 12px 0px;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  border: 1px solid rgba(59, 108, 216, 0.25);
  letter-spacing: 0%;
  color: rgba(59, 108, 216, 1);
  text-align: center;
  background-color: rgba(59, 108, 216, 0.05);
}
.new-res p {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.2;
  margin: 0px;
  color: rgba(113, 121, 135, 1);
}
.small-wide {
  flex-direction: column;
  gap: 15px;
}
.small-thing {
  flex-direction: column;
  gap: 8px;
}

.new-on {
  justify-content: space-evenly;
  border: 1px solid rgba(114, 123, 130, 0.25);
  border-radius: 12px;
  height: 42px;
  padding: 8px 14px;
  width: 315px;
}
.new-on .input-new {
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}
.unlock {
  gap: 10px;
}

.nav-link.active {
  background: #3b6cd8;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-link.active {
  background: #030303;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.bgInputRed {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}
.borderRed {
  /* border: 1px solid red !important; */
  border: 1px solid rgba(236, 0, 0, 0.5) !important;
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.05) 0%,
      rgba(236, 0, 0, 0.05) 100%
    ),
    #fff !important;
}

/* gradient */
.gradient {
  width: 100%;
  height: 100%;
  display: flex;
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 5%) 5.81%,
    rgba(255, 255, 255, 0) 61.51%,
    #f9fafb 100%
  );
  padding: 39px 90px 87px 90px;
  align-items: center;
  justify-content: space-between;
}

/* Mobile Nav-SideBar */

.mainMob-sideBar {
  height: calc(100vh - 72px);
  padding: 0px 25px;
  position: fixed;
  width: 100%;
  transition: 400ms ease-in;
  /* right: -540px; */
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  top: 72px;
  right: -100%;
  background: #ffffff;
  z-index: 100000;
}

.mainMob-sideBar.active {
  right: 0%;
}
/* .open-navbar {
  height: calc(100vh - 72px);
  padding: 0px 20px 0px 20px;
  position: fixed;
  width: 100%;
  transition: right 5s ease-in;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  top: 72px;
  right: 0;
  background: #ffffff;
  z-index: 100000;
} */

.side-nav ul li {
  font-size: 15px;
  font-weight: 600;
  gap: 10px;
  display: flex;
  color: rgba(0, 0, 0, 0.75);
  align-items: center;
}
button.nav-login {
  padding: 15px 60px;
  font-size: 16px;
  font-weight: 600;
  color: rgba(32, 33, 36, 1);
  line-height: 1.1;
  border-radius: 15px;
  background-color: transparent;
  border: 1px solid rgba(32, 33, 36, 0.5);
}
button.nav-register {
  padding: 15px 60px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  border-radius: 15px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(59, 108, 216, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.mainMob-sideBar .nav-btn {
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #fff;
}
.navbar-button {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  position: fixed;
  width: 100%;
  bottom: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.side-nav {
  padding: 25px 20px 102px 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  border: none;
}
.side-nav::-webkit-scrollbar {
  display: none;
}
.side-nav .inner {
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.side-nav span {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}
.side-nav .inner span .img-box {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(217, 217, 217, 1);
}
/* .position-relative .divInner {
  padding-bottom: 4rem;
} */
/* ul .hello {
  display: flex;
  justify-content: center;
  gap: 22px;
  padding: 0px;
  flex-direction: column;
} */
.order {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order .initial-color {
  margin: 0;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}
.inner ul.hello {
  padding-left: 20px;
  margin: 0px;
  display: flex;
  justify-content: center;
  gap: 22px;
  flex-direction: column;
}
.inner ul.hello-one {
  padding-left: 15px;
  margin: 0px;
  display: flex;
  justify-content: center;
  gap: 22px;
  flex-direction: column;
}
.color-change {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: rgba(59, 108, 216, 1);
}
.position-relative.divInner {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: none;
  padding-bottom: 5rem;
}
.cust-background {
  background-color: rgba(39, 108, 240, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.report-background {
  background-color: rgba(24, 189, 233, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.team-background {
  background-color: rgba(255, 149, 2, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.market-background {
  background-color: rgba(145, 98, 249, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.acc-background {
  background-color: rgba(16, 194, 123, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.hr-background {
  background-color: rgba(75, 20, 75, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.tool-background {
  background-color: rgba(224, 29, 90, 1);
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  padding: 1px;
}