@charset "UTF-8";
.alert {
  padding: 6px 16px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
}

.alert-approved {
  background-color: rgba(46, 238, 156, 0.15);
  color: #2D2D2D;
  border-color: rgb(46, 238, 156);
}

.alert {
  padding: 6px 16px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
}

.alert-approved {
  background-color: rgba(46, 238, 156, 0.15);
  color: #2D2D2D;
  border-color: rgb(46, 238, 156);
}

.menuBtn {
  border: 0;
  background-color: transparent;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #2D2D2D;
}

body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #2D2D2D;
  background-color: #f2f2f2;
}

#root {
  max-width: 1520px;
  margin: 0 auto;
  background-color: #ffffff;
  min-height: 100vh;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

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

.bg-main {
  background-color: #F4F4F4;
}

.line {
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  width: 100%;
}

.black {
  color: #2D2D2D !important;
}

.black2 {
  color: #1D242C !important;
}

.black3 {
  color: #000000 !important;
}

.blue {
  color: #2D33E1 !important;
}

.bluedark {
  color: #1B1F87 !important;
}

.bluPalatinate {
  color: #D5D6F9 !important;
}

.bg-bluPalatinate2 {
  background-color: #EAEBFC !important;
}

.white {
  color: #ffffff !important;
}

.whiteoff {
  color: #FDFDFD !important;
}

.red {
  color: #FF4A23 !important;
}

.gray {
  color: #818181 !important;
}

.gray2 {
  color: #D9D9D9 !important;
}

.gray3 {
  color: #F4F4F4 !important;
}

.bg-whiteoff {
  background-color: #FDFDFD;
}

.bg-gray3 {
  background-color: #F4F4F4;
}

.yellow {
  color: rgb(232, 161, 54) !important;
}

.title {
  font-weight: 700;
  font-size: 39.81px;
  line-height: 126%;
  color: #1B1F87;
}

.title-39-black3 {
  font-weight: 700;
  font-size: 39.81px;
  line-height: 126%;
  color: #000000;
}

.title-23 {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
}

.title-48 {
  font-weight: 800;
  font-size: 48px;
  line-height: 126%;
  color: #ffffff;
}

.title-19 {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
}

.title-16 {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
}

.fs-13 {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}

.fs-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 126%;
  color: #2D2D2D;
}

.fs-16 {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
}

.fs-18 {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #2D2D2D;
}

.fs-11 {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
}

.fs-10 {
  font-weight: 400;
  font-size: 10px;
  line-height: 137%;
  color: #2D2D2D;
}

.border-box {
  border: 1px solid var(--Palatinate-Blue-Palatinate-Blue-3, rgb(192, 194, 246));
  padding: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.location {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #818181;
  display: flex;
  gap: 6px;
  align-items: start;
}
.location img {
  position: relative;
  top: 1px;
}

.reviewDesc {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
}

.reviewName {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 5px;
}

.heading-27px {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
  font-size: 27.65px;
  color: #2D33E1;
  margin-bottom: 22px;
}

.label-19 {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
}

.des-11 {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
}

.terms-des .fs-13 span {
  color: #1B1F87;
}

.flex-start {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
}

.flex-end {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
}

.flex-column {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
}

.seemorebtn {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #2D2D2D;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 10px;
}

.text-bg-parrot {
  font-weight: 600;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  padding: 2px 11px;
  background-color: #2EEE9C;
  color: #2D2D2D;
}

.text-bg-orange {
  font-weight: 600;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  padding: 2px 11px;
  background-color: #FF4A23;
  color: #FDFDFD;
}

.text-bg-yellooff {
  font-weight: 600;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  padding: 2px 11px;
  background-color: #E8A136;
  color: #FDFDFD;
}

.text-bg-blue {
  font-weight: 600;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  padding: 2px 11px;
  background-color: #2D33E1;
  color: #FDFDFD;
}

.text-bg-gray {
  font-weight: 600;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  padding: 2px 11px;
  background-color: #818181;
  color: #FDFDFD;
}

.label_19px {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
}

.noti-count {
  font-weight: 400;
  font-size: 11.11px;
  line-height: normal;
  color: #FDFDFD;
  background-color: #FF4A23;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 2px;
  position: absolute;
  top: 0;
  right: 3px;
  min-width: 20px;
  min-height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4 4px;
}
@media (max-width: 767px) {
  .noti-count {
    font-size: 7px;
    right: 8px;
    top: 4px;
  }
}

.notibtn.dropdown-toggle::after {
  border: 0;
}

.LangSelect .nice-select .list {
  margin-top: 15px;
}

.sortby.LangSelect .nice-select .list {
  position: absolute;
  width: 200px;
  right: 0;
  left: auto;
}
.sortby.LangSelect .nice-select .list li.option {
  width: 100%;
  border: 1px solid;
}

.box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 75px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.box .leftside {
  width: 100%;
}
.box .rightside {
  gap: 12px;
}
.box .box-listing li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
}

.box2-listing {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 16px;
}
.box2-listing .icons {
  width: 18px;
}
.box2-listing li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.box2-listing li .leftside {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  flex-direction: row;
}

.box3-listing {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
  text-align: center;
}
.box3-listing .label-19 {
  margin-bottom: 10px;
}
.box3-listing .fs-13 {
  color: #818181;
}

.videobox {
  width: 100%;
  height: 420px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.videobox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.questionListing {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 40px;
  flex-wrap: nowrap;
  flex-direction: column;
}
.questionListing li > div {
  margin-bottom: 29px;
}
.questionListing li > div:last-child {
  margin-bottom: 0;
}
.questionListing li .form-check {
  gap: 10px;
  align-items: center;
}

.tyagainbox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: end;
  margin-bottom: 13px;
}

.signconect {
  max-width: 610px;
}

.contractInfo {
  border: 1px dashed var(--Palatinate-Blue-Palatinate-Blue-3, rgb(192, 194, 246));
  padding: 17.37px 48px 17.37px 17.37px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.hero-sec-dashboard .row:first-child {
  background-color: #EAEBFC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

.sec-sec-dashboard {
  padding-top: 12px;
}

.left-hero-sec-dashboard {
  max-width: 460px;
  padding: 48px 12px 26px 20px;
}

.homeSittingBadge {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  flex-direction: row;
}

.right-hero-sec-dashboard {
  background-color: #2D33E1;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
}

.white-box {
  background-color: #ffffff;
  padding: 16px 24px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.gray-box {
  background-color: #ffffff;
  padding: 16px 24px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding-top: 28px;
  background-color: #F4F4F4;
}

.bookingBox .gray-box {
  position: relative;
  padding: 20px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.bookingBox .gray-box:hover {
  background-color: rgb(204, 205, 236);
}
.bookingBox .leftside {
  justify-content: start;
}
.bookingBox .rightside {
  position: absolute;
  right: 9px;
  top: 9px;
}

.FeaturedHelpersBox {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  flex-wrap: wrap;
  flex-direction: row;
}

.starbox16 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 4px;
}

.starbox16 img {
  width: 20px;
  height: 20px;
}

.starbox24 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 4px;
}

.starbox24 img {
  margin: 4px;
  width: 15px;
}

.starbox24-a {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 10px;
}
.starbox24-a img {
  width: 15px;
}

.noBookingBox {
  padding: 80px 0;
}
.noBookingBox .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  text-align: center;
  color: #000000;
}
.noBookingBox .btn_theam {
  width: 191px;
  height: 42px;
  color: #1B1F87 !important;
  font-weight: 700;
}

.card-features {
  padding: 56px 16px 16px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-color: rgb(242, 243, 253);
  height: 100%;
}

.Imghelper {
  width: 164px;
  height: 164px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.Imghelper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.withus {
  margin-top: 32px;
}

.card-features .rightside ul {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 16px;
}
.card-features .rightside ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.card-features .rightside ul li .fs-13 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
  .card-features .Imghelper {
    height: 120px;
  }
}
@media (max-width: 991px) {
  .card-features .Imghelper {
    height: 210px;
  }
}
@media (max-width: 375px) {
  .card-features .Imghelper {
    height: 124px;
  }
}
@media (max-width: 375px) {
  .card-features .title-23 {
    font-weight: 700;
    font-size: 16px;
  }
}

.card-features {
  position: relative;
}
.card-features .row1:first-child {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.card-features .col1 {
  width: auto;
}
.card-features .col2 {
  width: 100%;
}
.card-features .rightside ul {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 16px;
}
.card-features .rightside ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.card-features .rightside ul li .heart {
  position: absolute;
  right: 16px;
  top: 16px;
}
.card-features .rightside ul li .fs-13 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
  .card-features .Imghelper {
    height: 120px;
  }
}
@media (max-width: 375px) {
  .card-features .title-23 {
    font-weight: 700;
    font-size: 16px;
  }
}

.starbox {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  flex-direction: row;
}
.starbox span {
  color: #818181;
}

.card-features .starbox16 {
  gap: 7.5px;
}

.langListing {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 8px;
  flex-wrap: nowrap;
  flex-direction: column;
}
.langListing li {
  width: 100%;
}
.langListing li > div {
  margin-bottom: 8px;
}
.langListing li > div:last-child {
  margin-bottom: 0;
}
.langListing li .form-check {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 8px;
}

.Imghelper-filter {
  width: 180px;
  min-width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  flex-shrink: 0;
}
.Imghelper-filter img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}

.card-findHelper .card-features {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 16px;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 16px;
}
.card-findHelper .card-features .rightside ul {
  width: 100%;
  gap: 8px;
}
.card-findHelper .card-features .rightside .bottom-side {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 76px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.card-findHelper .card-features .rightside .bottom-side .btn_theam {
  width: 180px !important;
  text-wrap: nowrap;
}
.card-findHelper .card-features .rightside .listing-help {
  margin-top: 8px;
}
.card-findHelper .card-features .rightside .fromkr {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D33E1;
}
.card-findHelper .card-features .rightside .fromkr span {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
  margin-right: 4px;
}
.card-findHelper .card-features .title-23 {
  font-size: 27.65px;
}

.iconFilter img {
  width: 24px;
}

.loader-48 {
  width: 48px;
}

.helperboxImg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  height: 373px;
}
.helperboxImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.helpbox {
  background-color: #F7F7FE;
  padding: 16px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 20px;
}

.aboutMe {
  border: 1px solid var(--Palatinate-Blue-Palatinate-Blue-3, rgb(192, 194, 246));
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.aboutMe .fs-16 {
  line-height: 126%;
}

.detailAboutisting {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
}
.detailAboutisting li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
}

.mapboxHelper iframe {
  width: 100%;
  height: 270px;
}

/* Image galaary */
.gallery-AboutBox {
  border: 1px solid var(--Palatinate-Blue-Palatinate-Blue-3, rgb(192, 194, 246));
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.gallery-About {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0 auto 20px;
}

.headingRateReview {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: end;
  gap: 10px;
}

.starRating {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 9px;
}
.starRating span {
  font-weight: 700;
  font-size: 33.33px;
  line-height: 126%;
  color: #2D33E1;
}
.starRating img {
  width: 28px;
}

.starRating-sm {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 4px;
}
.starRating-sm img {
  width: 15px;
}

.ratingList {
  margin-bottom: 24px;
}
.ratingList li {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0 !important;
  border-bottom: 1px solid var(--Palatinate-Blue-Palatinate-Blue-3, rgba(192, 194, 246, 0.5));
}
.ratingList li .topSide {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
}
.ratingList li .topSide .left {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 14px;
}
.ratingList li .img-reviewer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8.4px;
  -webkit-border-radius: 8.4px;
  -moz-border-radius: 8.4px;
  -ms-border-radius: 8.4px;
  -o-border-radius: 8.4px;
  width: 42px;
  height: 42px;
}
.ratingList li .img-reviewer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.calanderImgBox img {
  width: 100%;
}

.lineBox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 15px;
  text-wrap: nowrap;
  margin: 16px 0;
}

.card-Helper .card-findHelper .card-features {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 16px;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0;
  background-color: transparent;
}
.card-Helper .card-findHelper .card-features .rightside ul {
  gap: 12px;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--Palatinate-Blue-Palatinate-Blue-2, #D5D6F9);
}
.card-Helper .card-findHelper .card-features .rightside ul li {
  gap: 10px;
}
.card-Helper .card-findHelper .card-features .rightside .bottom-side {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 23px;
  flex-wrap: nowrap;
  flex-direction: column;
}
.card-Helper .card-findHelper .card-features .rightside .bottom-side .btn_theam {
  width: 163px !important;
  height: 48px;
  text-wrap: nowrap;
}
.card-Helper .card-findHelper .card-features .rightside .bottom-side .btn_theam.select-continuebtn {
  width: auto !important;
  padding: 14px 32px;
}
.card-Helper .card-findHelper .card-features .rightside .bottom-side .listing-help {
  border: 0;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 50px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.card-Helper .card-findHelper .card-features .rightside .bottom-side .listing-help li {
  width: auto;
}
.card-Helper .card-findHelper .card-features .rightside .listing-help {
  margin-top: 24px !important;
  padding-bottom: 0;
}
.card-Helper .card-findHelper .card-features .title-23 {
  font-size: 27.65px;
}
.card-Helper .bookHelperbtnbox {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  flex-direction: row;
}

.subscribe-sec {
  padding: 55px 12px;
  background-color: #1B1F87;
}
.subscribe-sec .row {
  padding: 0 64px;
}
.subscribe-sec .subscribeTitle {
  max-width: 526px;
}

.subscribeTitle {
  font-weight: 700;
  font-size: 33.18px;
  line-height: 126%;
  color: #FDFDFD;
}

.tryg-box {
  padding: 70px 60px;
  background-color: #2D33E1;
  gap: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.tryg-box .left {
  max-width: 50%;
}
.tryg-box .left .title-48 {
  margin-bottom: 14px;
}
.tryg-box .left .subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #FDFDFD;
}
.tryg-box .tryg-img img {
  width: 190px;
}

.lan.tryg-box .tryg-img img {
  width: 190px;
}

.how-it-work {
  width: 100%;
  position: relative;
  padding: 0;
}
.how-it-work .bg-howitwork {
  width: 100%;
  height: 334px;
}
.how-it-work .title-howitwork {
  font-size: 30px;
}
.how-it-work .pos {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 100px 40px 100px;
}
.how-it-work .box-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  flex-wrap: nowrap;
  gap: 15px;
  padding: 0 12px;
}
.how-it-work .box-container .box {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  display: inline-flex;
  width: auto;
  align-items: flex-start;
  gap: 11.5px;
}
.how-it-work .box-container .box p {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  color: #ffffff;
  margin-top: 16px;
}
.how-it-work .box-container .box p .howitwork-title {
  white-space: nowrap;
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  color: #ffffff;
}
.how-it-work .box-container .box p span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #ffffff;
}
.how-it-work .box-container .box.one p, .how-it-work .box-container .box.two p {
  max-width: 200px;
}

.sec-2-indexhelper.how-it-work {
  width: 100%;
  position: relative;
  padding: 0;
}
.sec-2-indexhelper.how-it-work .bg-howitwork {
  width: 100%;
  height: 375px;
}
.sec-2-indexhelper.how-it-work .pos {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 146px 100px 153px 100px;
}
.sec-2-indexhelper.how-it-work .box-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  flex-wrap: nowrap;
  gap: 15px;
  padding: 0 12px;
}
.sec-2-indexhelper.how-it-work .box-container .box {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 11.5px;
}
.sec-2-indexhelper.how-it-work .box-container .box p {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  color: #ffffff;
}
.sec-2-indexhelper.how-it-work .box-container .box p span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #ffffff;
}
.sec-2-indexhelper.how-it-work .box-container .box.one p {
  max-width: 136px;
}
.sec-2-indexhelper.how-it-work .box-container .box.two p {
  max-width: 160px;
}

.title-howitwork {
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: start;
  color: #ffffff;
  margin-bottom: 32px;
}

.box-help {
  margin-bottom: 47px;
}
.box-help .email-rounded {
  margin-bottom: 14.71px;
}
.box-help .question {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 5.88px;
}
.box-help .answer {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  line-height: 126%;
  color: #818181;
}

.helpcenter-box {
  margin-top: 48px;
  background-color: #EAEBFC;
  padding: 23.53px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}
.helpcenter-box label {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
  color: #1B1F87;
  margin-bottom: 6px;
}
.helpcenter-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 126%;
  color: #2D2D2D;
  color: #1B1F87;
}
.helpcenter-box button {
  width: 160px;
  height: 44px;
  border-radius: 10px;
}

.lan.tryg-box {
  gap: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: linear-gradient(0deg, #1B1F87 0%, #2D33E1 100%);
  padding: 43px 150px;
}
.lan.tryg-box .left {
  max-width: 556px;
  margin-left: 8px;
}
.lan.tryg-box .left .title-39-black3 {
  color: #ffffff;
}

.download-app {
  padding: 53px 84px 48px 76px;
}
.download-app .heading {
  padding: 0 0 65px 0;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 100%;
  justify-content: end;
  margin: unset;
}
.download-app .heading .h1-title {
  margin-bottom: 21px;
  max-width: 80%;
}
.download-app .heading .subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
  margin-bottom: 24px;
}
.download-app .btn-contaier {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 20px;
}
.download-app .iMockup-iPhone14 {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.become-sec.download-app {
  background-color: #EAEBFC;
  padding: 66px 74px 94px 74px;
}
.become-sec.download-app .heading {
  padding: 0 0 0px 31px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 100%;
  justify-content: start;
  margin: unset;
}
.become-sec.download-app .heading .h1-title {
  margin-bottom: 20px;
  max-width: 80%;
}
.become-sec.download-app .heading .h1-title span {
  color: #1B1F87;
}
.become-sec.download-app .heading .subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  margin-bottom: 0;
}

.joinus-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: end;
}
.joinus-btn .btn_theam {
  padding: 20.5px 77px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-wrap: nowrap;
}

.joinusbtn.btn_theam_border_gray:hover {
  background-color: transparent;
  border: 1px solid #818181;
  color: #818181;
}

.dot {
  display: none;
}

.unread .dot {
  display: block;
}
.unread .notification-time {
  color: #1B1F87;
}

.bookingBox-deatail {
  display: block;
}
.bookingBox-deatail .boxContiner-bookingDetail {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 12px;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
}
.bookingBox-deatail .boxContiner-bookingDetail.cleaning {
  margin-top: 15px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 12px;
}
.bookingBox-deatail .boxContiner-bookingDetail.cleaning .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
}
.bookingBox-deatail .boxContiner-bookingDetail.cleaning .box label {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 400;
  color: #2D2D2D;
  width: 100%;
  cursor: pointer;
}
.bookingBox-deatail .box {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
}
.bookingBox-deatail .box .fs-13 span {
  font-weight: 600;
}
.bookingBox-deatail .bookingBox {
  border: 0;
  padding: 0;
}
.bookingBox-deatail .bookingBox .gray-box {
  padding: 10px 16px;
}
.bookingBox-deatail .bookingBox .gray-box:hover {
  background-color: rgb(204, 205, 236);
  cursor: pointer;
}

.subtitle-bookingDetails {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}
.subtitle-bookingDetails span {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

.Bookdetails-right .boxs-Bookdetails-right:not(:first-child) {
  border-left: 1px solid var(--CARBON-FIBER-ULTRA-LIGH, #C0C0C0);
}

.Bookdetails-right {
  background-color: #FEFEFE;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
}

.boxs-Bookdetails-right {
  cursor: pointer;
  min-width: 120px;
  height: 120px;
  padding: 16px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  flex-direction: column;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}
.boxs-Bookdetails-right .active-findhelper,
.boxs-Bookdetails-right .noactive-findhelper {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.boxs-Bookdetails-right .noactive-findhelper {
  display: none;
}

/* Hover swaps only the icons to their inverted (white <-> blue) versions */
.boxs-Bookdetails-right:hover .noactive-findhelper {
  display: block;
}

.boxs-Bookdetails-right:hover .active-findhelper {
  display: none;
}


.img-servicesummary {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 164px;
  height: 164px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.img-servicesummary img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.card-servicesummary {
  border: 1px solid rgba(192, 194, 246, 0.5);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.card-servicesummary .card-features {
  padding: 24px;
}

.box-bottom-summary {
  padding: 24px;
}

.summaryList {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.summaryList .label {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  font-weight: 700;
  margin-bottom: 8px;
}
.summaryList ul {
  width: 100%;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  padding-bottom: 16px;
  margin-bottom: 6px;
}
.summaryList ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 15px;
  margin-bottom: 26px;
}
.summaryList ul li:last-child {
  margin-bottom: 16px;
  padding-bottom: 0;
}
.summaryList ul li .ordername {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 36px;
}
.summaryList ul li .price {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
}
.summaryList .note {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  line-height: 142%;
  color: #818181;
}
.summaryList .totalbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 15px;
}
.summaryList .totalbox .total {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
  color: #2D2D2D;
}
.summaryList .totalbox .total-amount {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  font-weight: 700;
  color: #2D33E1;
}

.paymentbox {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
  align-items: start;
}

.noti-list.questionListing {
  gap: 16px;
  border-bottom: 1px solid var(--Palatinate-Blue-Palatinate-Blue-3, rgba(192, 194, 246, 0.5));
  padding-bottom: 16px !important;
}
.noti-list.questionListing label {
  color: #2D2D2D;
}

.title-cleaning {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 30px;
}

.theam_clening .theam_setting {
  border: 0;
  border-right: 1px solid var(--Palatinate-Blue-Palatinate-Blue-3, rgba(192, 194, 246, 0.5));
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  overflow: hidden;
  padding: 0 66px;
}
.theam_clening .theam_setting ul li .nav-link {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
  padding: 19px 16px;
}
.theam_clening .theam_setting ul li .nav-link .box1 {
  justify-content: start;
  padding-bottom: 0;
  border-bottom: 0;
}
.theam_clening .theam_setting ul li .nav-link .box1 p {
  line-height: 126%;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-wrap: wrap;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #818181;
}
.theam_clening .theam_setting ul li .nav-link.active p {
  color: #ffffff;
}

.w-18-chekckbox .form-check-input[type=checkbox] {
  /* --bs-form-check-bg-image: url(../images/svg/input_checkbox.svg); */
  width: 18px;
  height: 18px;
}

.tryg-box-cleaning .tryg-box {
  margin-top: 15px;
  padding: 14px 15px;
  background-color: #1B1F87;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.tryg-box-cleaning .tryg-box .left {
  max-width: 100%;
}
.tryg-box-cleaning .tryg-box .left .subtitle {
  font-weight: 400;
  font-size: 10px;
  line-height: 137%;
  color: #2D2D2D;
  color: #FDFDFD;
}
.tryg-box-cleaning .tryg-box .left .subtitle .blu4 {
  color: rgb(171, 173, 243);
}
.tryg-box-cleaning .tryg-box .tryg-img img {
  width: 74px;
}

.cleaning-title-container {
  padding-bottom: 24px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--Palatinate-Blue-Palatinate-Blue-2, rgb(213, 214, 249));
}
.cleaning-title-container .title-23px {
  margin-bottom: 2px;
}
.cleaning-title-container .title-23px span {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
}

.cleaning-info-box {
  padding: 0 20px;
}

.theam_setting_main-2 {
  background-color: rgb(255, 255, 255);
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  padding: 25px;
  min-height: calc(100% - 20px);
  position: relative;
  padding-bottom: 80px !important;
  padding-top: 52px !important;
}

.applybox {
  display: flex;
  gap: 16px;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 25px;
}
.applybox.padd .btn_theam {
  padding: 14px 32px;
}

.textareaCust-2.form-control-cust {
  position: relative;
}
.textareaCust-2.form-control-cust .form-control {
  border-radius: 1;
  border: 1px solid rgb(192, 194, 246);
  background-color: transparent;
  height: 115px;
  padding: 16px 20px 40px 16px;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #818181;
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  -ms-border-radius: 1;
  -o-border-radius: 1;
}
.textareaCust-2.form-control-cust .form-control::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}
.textareaCust-2.form-control-cust .form-control::-webkit-scrollbar-track {
  background: rgb(213, 214, 249);
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}
.textareaCust-2.form-control-cust .form-control::-webkit-scrollbar-thumb {
  background: rgba(45, 51, 225, 0.8);
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}
.textareaCust-2.form-control-cust .form-control::-webkit-scrollbar-thumb:hover {
  background: rgb(45, 51, 225);
}
.textareaCust-2.form-control-cust .form-control.purpleborder {
  border: 1px solid rgb(192, 194, 246);
}
.textareaCust-2.form-control-cust .form-control.purplebg {
  background-color: rgba(234, 235, 252, 0.5);
  border-color: rgba(192, 194, 246, 0.5);
}

.Attachimages {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 4px;
  position: absolute;
  right: 20px;
  bottom: 12px;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #818181;
}

.Attachimages-added {
  position: relative;
  display: inline-flex;
  padding: 8px;
}
.Attachimages-added .Attachimage {
  width: 51px;
  height: 51px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.Attachimages-added .cross {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.progressbarTheam {
  width: 100%;
  background-color: #D9D9D9;
  height: 16px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}
.progressbarTheam .sub {
  background-color: #2D33E1;
  height: inherit;
  border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -ms-border-radius: 10px 0 0 0;
  -o-border-radius: 10px 0 0 0;
}
.progressbarTheam .sub.one {
  width: 30%;
}
.progressbarTheam .sub.one img {
  position: relative;
  top: -20px;
  z-index: 1;
  left: calc(100% - 4px);
}
.progressbarTheam .sub.zero {
  width: auto;
  background-color: transparent;
}
.progressbarTheam .sub.zero img {
  position: relative;
  top: -20px;
  z-index: 1;
  left: -4px;
}
.progressbarTheam .sub.two {
  width: 60%;
}
.progressbarTheam .sub.two img {
  position: relative;
  top: -20px;
  z-index: 1;
}
.progressbarTheam .sub.two .threeimg {
  left: calc(100% - 0px);
}
.progressbarTheam .sub.two .twoimg {
  left: calc(100% - 55px);
}
.progressbarTheam .sub.two .oneimg {
  left: calc(50% - 4px);
}
.progressbarTheam .sub.hundred {
  width: 100%;
  position: relative;
}
.progressbarTheam .sub.hundred img {
  position: absolute;
  top: -20px;
  z-index: 1;
}
.progressbarTheam .sub.hundred .threeimg {
  left: auto;
  right: -5px;
}
.progressbarTheam .sub.hundred .twoimg {
  left: 66%;
}
.progressbarTheam .sub.hundred .oneimg {
  left: 33%;
}

.inputDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}
.inputDiv .right {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 16px;
}

.card-cleaning-review .card-features {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 16px;
  background-color: #ffffff;
  padding: 8px;
  border: 1px solid #2D33E1;
  display: inline-flex;
}
.card-cleaning-review .card-features .text-subtitle {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #2D2D2D;
  margin-bottom: 4px;
}
.card-cleaning-review .card-features .leftside {
  width: 80px;
  height: 80px;
}
.card-cleaning-review .card-features .leftside .Imgreviewer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 80px;
  height: 80px;
}
.card-cleaning-review .card-features .leftside .Imgreviewer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.card-cleaning-review .card-features .rightside ul {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 0;
}

.btn-day-container {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}

.btn-day {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #2D33E1;
  border: 1px solid #2D33E1;
  width: 44px;
  height: 44px;
  padding: 4px;
}
.btn-day.border1 {
  background-color: transparent;
  border-color: #2D33E1;
  color: #2D2D2D;
}

.mx-1440px {
  max-width: 1440px !important;
}

.notif-heading-drop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 13px 17px 13px 16px;
}

.notification-dropdown .dropdown-menu {
  inset: 0px 0 auto auto !important;
}
.notification-dropdown .dropdown-menu .notification-item:last-child {
  border-bottom: 1px solid #eef2ff;
  box-shadow: none;
}

.dropdownTheam_borderless .notifications-container {
  box-shadow: none;
  background-color: transparent;
}

.seeall-noti:hover {
  text-decoration: underline !important;
}

.bookingBox {
  border: 1px solid rgba(192, 194, 246, 0.5);
  padding: 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.bookingBox .cleaning-box1 {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 20px;
}
.bookingBox .cleaning-box1 .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 126%;
  color: #2D2D2D;
}
.bookingBox .cleaning-box1 .leftside {
  justify-content: start;
  align-items: start;
  width: 100%;
}
.bookingBox .cleaning-box1 .rightside {
  position: absolute;
  right: 9px;
  top: 9px;
}
.bookingBox .cleaning-box1 .box {
  display: block;
}
.bookingBox .cleaning-box1 .editlink {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #2D33E1;
  text-decoration: underline;
}
.bookingBox.bg-1 {
  background-color: rgba(234, 235, 252, 0.5);
}
.bookingBox.bg-1 p {
  color: #818181;
}

.img-container-notes {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
}
.img-container-notes .img-notes {
  cursor: pointer;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 51px;
  height: 51px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  overflow: hidden;
}
.img-container-notes .img-notes img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.sercire {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 4px;
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
}
.sercire a {
  color: blue;
  text-decoration: underline;
}

.alert {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  border: 1px solid #2D2D2D;
  padding: 8px 16px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.alert.alert-approved {
  background-color: rgba(46, 238, 156, 0.15);
  color: #2D2D2D;
  border-color: rgb(46, 238, 156);
}
.alert.alert-pendign {
  background-color: rgba(232, 161, 54, 0.1);
  color: #2D2D2D;
  border-color: rgb(232, 161, 54);
}
.alert.alert-orange {
  background-color: rgba(255, 74, 35, 0.04);
  color: #2D2D2D;
  border-color: rgb(255, 74, 35);
}
.alert.alert-completed {
  background-color: rgba(45, 51, 225, 0.04);
  color: #2D2D2D;
  border-color: #2D33E1;
}
.alert.alert-noresponse {
  background-color: rgba(129, 129, 129, 0.15);
  color: #2D2D2D;
  border-color: #818181;
}

.bookingBox.writereview {
  text-align: center;
  padding: 24px 24px;
}
.bookingBox.writereview.afterreivew {
  text-align: start;
}
.bookingBox.writereview.afterreivew .starbox-32 {
  justify-content: start;
  margin: 13px 0 29px 0;
}
.bookingBox.writereview .starbox-32 {
  margin: 28px 0 52px 0;
  justify-content: center;
}
.bookingBox.writereview .updatereivew-btn {
  width: 100%;
  height: 32px;
}
.bookingBox .desc-review {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  font-style: italic;
}
.bookingBox label {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #2D2D2D;
  margin-bottom: 8px;
  margin: auto;
}
.bookingBox .btn_theam_purple {
  width: 158px;
  height: 38px;
  margin: auto;
}

.starbox-32 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 16px;
}
.starbox-32 img {
  width: 32px;
}

.linkbox {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 24px;
}

.link-a {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}

.replaybox {
  border: 1px solid #C0C2F6;
  padding: 22px;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  background-color: #EAEBFC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.chat-photo-header {
  width: 28px;
  height: 28px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.title-name-chat {
  font-size: 16px;
  font-weight: 600;
  line-height: 17.6px;
  color: rgb(29, 36, 44);
}

.content-chat .top .left {
  display: flex;
  gap: 10px;
}

.content-chat .top {
  display: flex;
  justify-content: space-between;
  padding: 16px 12px;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
}

.call-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: transparent;
  width: 24px;
  height: 24px;
  border: 0;
}

.vidio-call-bg {
  background-image: url("../images/svg/video-call-bg.svg");
}

.audio-call-bg {
  background-image: url("../images/svg/audio-call-bg.svg");
}

.chat-msg-bg {
  background-image: url("../images/svg/msg-chat.svg");
}

.content-chatlog {
  padding: 30px 23px;
  height: 262px;
  overflow-y: auto;
}

.msg-recieve {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
  align-items: end;
}

.content-chatlog .right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: end;
  justify-content: center;
}

.content-chatlog .left {
  width: 100%;
  display: flex;
  gap: 4px;
}

.content-chatlog .right .message {
  width: 100%;
  padding: 10px;
  background-color: #2D33E1;
  border-radius: 8px 8px 0 8px;
  -webkit-border-radius: 8px 8px 0 8px;
  -moz-border-radius: 8px 8px 0 8px;
  -ms-border-radius: 8px 8px 0 8px;
  -o-border-radius: 8px 8px 0 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #ffffff;
  margin-bottom: 10px;
}

.time-chat {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 2px;
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

.message-sent {
  width: 100%;
  padding: 20px 22px;
  background-color: #C0C2F6;
  border-radius: 10px 10px 10px 0;
  -webkit-border-radius: 10px 10px 10px 0;
  -moz-border-radius: 10px 10px 10px 0;
  -ms-border-radius: 10px 10px 10px 0;
  -o-border-radius: 10px 10px 10px 0;
  color: rgb(73, 101, 123);
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 10px;
}

.msg-sent-container,
.msg-recieve {
  max-width: 60%;
}

.content-chatlog .chat-day {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
  text-align: center;
  margin: 12px 0 23px 0;
}

.chat-bottom {
  width: 100%;
  padding: 18px 20px;
  position: static;
  /* left: 0; */
  bottom: 26px;
  right: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  background-color: #EAEBFC;
}

.chat-upload-icon {
  background-image: url("../images/svg/chat-upload.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 26px;
  width: 23px;
  height: 26px;
  border: 0;
  background-color: transparent;
}

.chat-input {
  width: 100%;
  border: 1px solid transparent;
  background-color: transparent;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
}

.chat-input::placeholder {
  color: #818181;
}

.chat-input:focus {
  outline: none;
  border-bottom: 1px solid #2D33E1;
  padding-bottom: 2px;
}

.send {
  padding: 16px 16.5px;
}

.post {
  padding: 5px 20px;
}

.send {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.post {
  border-radius: 24px;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 207, 200);
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.chat-photo-header {
  width: 44px;
  height: 44px;
}
.chat-photo-header img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.chatbox.bookingBox {
  overflow: hidden;
}

.scrollar1::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

/* Track */
.scrollar1::-webkit-scrollbar-track {
  background: rgb(213, 214, 249);
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

/* Handle */
.scrollar1::-webkit-scrollbar-thumb {
  background: rgba(45, 51, 225, 0.8);
  border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
}

/* Handle on hover */
.scrollar1::-webkit-scrollbar-thumb:hover {
  background: rgb(45, 51, 225);
}

.subtitle-modal-11 {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #2D2D2D;
}
.subtitle-modal-11 span {
  color: #2D33E1;
}

.starbox-37 img {
  width: 37px;
}

.mapbox-cleaning iframe {
  width: 100%;
  height: 350px;
}

.btn-icon-serach {
  position: absolute;
  right: 0;
  top: 6px;
}

.searchCust.form-control-cust .form-control {
  padding-right: 48px;
}

.w-180-h-32 .btn_theam {
  width: 180px;
  height: 32px !important;
}

.btn-box-select {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  flex-direction: column;
}

.select-continuebtn.btn_theam {
  padding: 14px 32px;
  width: auto !important;
}

.promocode-box {
  margin: 22px 0 24px 0;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}

.promocode-applybox {
  width: 382px;
  background: rgb(247, 247, 254);
  display: flex;
  justify-content: end;
  border-radius: 10px;
  padding: 9px 16px 9px 16px;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.promocode-applybox input {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  flex: 1;
  border-radius: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
}

.paymentcard-box {
  border: 1px solid transparent;
  background-color: transparent;
  display: block;
  width: 100%;
  background-color: #F7F7FE;
  padding: 12px 16px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}
.paymentcard-box .left {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 14px;
}
.paymentcard-box .radiobtnChecked {
  top: 10px;
  right: 16px;
}
.paymentcard-box .radiobtnChecked .icon-active {
  display: none;
}
.paymentcard-box .radiobtnChecked.active .icon-unactive {
  display: none;
}
.paymentcard-box .radiobtnChecked.active .icon-active {
  display: block;
}

.radio-24 .form-check-input[type=radio] {
  width: 24px;
  height: 24px;
}
.radio-24 .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("../images/svg/radio_checked.svg");
  background-color: transparent;
  border-color: transparent;
}
.radio-24 .form-check-input[type=radio] {
  --bs-form-check-bg-image: url("../images/svg/radio_unchecked-lg.svg");
}

.mx-200 {
  max-width: 160px;
}

.heading-confirmDetails p {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
  margin-bottom: 15px;
}

.input-24.form-check-input[type=checkbox] {
  width: 19px;
  height: 19px;
}

.successcard {
  padding: 78px 12px 50px 12px;
  margin: 44px 0 183px 0;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
.successcard h1 {
  font-weight: 700;
  font-size: 33.18px;
  line-height: 126%;
  color: #2D2D2D;
  text-align: center;
  margin-bottom: 15px;
}
.successcard p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  text-align: center;
  color: black;
  margin-bottom: 95px;
}
.successcard .btn-container {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
.successcard .btn-container button {
  padding: 14px 32px;
}

.gettakes_img {
  width: 380px;
  margin-bottom: 60px;
}

.babie-listing {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 4px;
}
.babie-listing li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
  padding: 4px 12px 4px 4px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.babie-listing li:not(:last-child) {
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  padding-bottom: 12px;
  margin-bottom: 4px;
}
.babie-listing li.active {
  background-color: #F7F7FE;
}
.babie-listing li.active .right span {
  color: #2D33E1;
  font-weight: 600;
}
.babie-listing li .left {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 25px;
}
.babie-listing li .left .box {
  border: 1px solid rgba(192, 194, 246, 0.5);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
}
.babie-listing li .left .namingBox .name {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  margin-bottom: 4px;
}
.babie-listing li .left .namingBox .count {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}
.babie-listing li .right {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 24px;
}
.babie-listing li .right span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
}

.childcare {
  height: 100%;
}
.childcare .theam_setting {
  height: 100%;
}
.childcare .theam_setting ul li .nav-link {
  padding: 19px 16px;
}
.childcare .theam_setting ul li .nav-link .box1 {
  padding-bottom: 0;
}

.selectAge-rangn.babie-listing {
  flex-direction: row;
}
.selectAge-rangn.babie-listing li {
  padding: 0;
}
.selectAge-rangn.babie-listing li .left {
  flex-direction: column;
  gap: 7px;
  align-items: start;
  max-width: 100px;
}
.selectAge-rangn.babie-listing li .left .box.active {
  background-color: #2D33E1;
}

.msgToherper-textarea.textareaCust-2.form-control-cust .form-control {
  border-color: rgba(192, 194, 246, 0.5);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.completeFeatureBox {
  display: none;
}
.completeFeatureBox.active {
  background: linear-gradient(0deg, #1B1F87 0%, #2D33E1 100%);
  height: 110px;
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
}
.completeFeatureBox.active p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
  color: #FDFDFD;
}

.onlinebtn:hover {
  background-color: #2D33E1 !important;
  color: #ffffff !important;
}

.dropbtn-select .dropdown-menu {
  position: absolute;
  width: 100%;
  border: 0;
  background-color: #F7F7FE;
  top: 57px;
}
.dropbtn-select .dropdown-toggle::after {
  display: none;
}

.btn-select {
  background-color: #F7F7FE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
  border: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 16px;
}
.btn-select p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70%;
}
.btn-select span {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #818181;
  font-weight: 400;
}

.need-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: black;
  font-weight: 400;
}
.need-text span {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

.listing-adderess-drop .notifications-container {
  box-shadow: none;
}
.listing-adderess-drop .notifications-container .notification-item {
  padding: 16px 18px;
  background-color: #F7F7FE;
}

.gardianbox-badge {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.notes-petcarebookservice {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 400;
  color: #2D2D2D;
  text-align: center;
  max-width: 472px;
  margin: auto;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.filterIcon {
  width: 40px;
}

.mx-384px {
  margin-top: 30px !important;
  max-width: 384px !important;
  background-color: #FDFDFD;
  border-radius: 24px !important;
  -webkit-border-radius: 24px !important;
  -moz-border-radius: 24px !important;
  -ms-border-radius: 24px !important;
  -o-border-radius: 24px !important;
  padding: 0 !important;
}

.h-184px {
  height: 184px !important;
}

.sec-featured {
  padding: 48px 0;
  overflow: hidden;
}

.withus-left {
  max-width: 500px;
  margin-left: 100px;
}

.withus-right {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 24px;
}
.withus-right > div {
  width: 100%;
}
.withus-right p {
  max-width: 345px;
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  color: #1B1F87;
}

.withus-box:has(.withus-icon-circle) .withus-text p {
  max-width: none;
}

.withus-box:has(.withus-icon-circle) .withus-text {
  flex: 1 1 0%;
  min-width: 0;
}

.withusImg {
  margin-bottom: 25px;
}

.title-withus {
  font-weight: 700;
  font-size: 33.18px;
  line-height: 126%;
  letter-spacing: 0px;
  color: #2D2D2D;
  max-width: 405px;
  margin-bottom: 12.8px;
}
.title-withus span {
  color: #2D33E1;
  font-weight: 700;
}

.withus-box {
  background-color: #EAEBFC;
  padding: 26px 20px 29px 58px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
  position: relative;
}
.withus-box:has(.withus-icon-circle) {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 18px;
}
.withus-box .withus-icon-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 12px;
}
.withus-box .withus-icon-circle img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.withus-box .tryg-sm,
.withus-box .mitd-black {
  margin-left: auto;
  margin-right: 12px;
  flex-shrink: 0;
}
.withus-box .tryg-sm,
.withus-box .mitd-black {
  width: 78px;
  height: auto;
}
.withus-box .tickright {
  position: absolute;
  top: 50%;
  left: -17px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.starRating-sec .container-fluid > .d-lg-none {
  display: none;
}
@media (max-width: 991px) {
  .starRating-sec .container-fluid > .d-none {
    display: none;
  }
  .starRating-sec .container-fluid > .d-lg-none {
    display: block;
  }
}
.starRating-sec .pos {
  padding-bottom: 48px;
}
.starRating-sec .title-starRating {
  font-weight: 700;
  font-size: 39.81px;
  line-height: 126%;
  color: #ffffff;
  max-width: 591px;
  margin: 0 auto 17px;
  text-align: center;
}
.starRating-sec .subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 126%;
  color: #ffffff;
  text-align: center;
}
.starRating-sec .heading {
  max-width: 709px;
  margin: 0 auto 60px;
}

.box-starRating {
  background-color: #EAEBFC;
  padding: 16px 22.34px;
  border-radius: 4.47px;
  -webkit-border-radius: 4.47px;
  -moz-border-radius: 4.47px;
  -ms-border-radius: 4.47px;
  -o-border-radius: 4.47px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 18.63px;
}
.box-starRating label {
  font-weight: 600;
  font-size: 16px;
  line-height: 20%;
  color: #2D2D2D;
  display: block;
}
.box-starRating .disc {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  line-height: 126%;
  color: #2D2D2D;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.box-starRating .name {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
}

.reviewfivestart-bg {
  width: 100%;
  height: 550px;
}

.helper-bookingBox-deatail.bookingBox-deatail .bookingBox .gray-box {
  padding: 14px 130px 14px 16px;
}
.helper-bookingBox-deatail.bookingBox-deatail .bookingBox .gray-box .rightside {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: end;
  gap: 16px;
}

.earning-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
}
.earning-text span {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

.helper-card-border .bookingBox .requirement .title {
  margin-bottom: 15px;
}
.helper-card-border .bookingBox .requirement .box {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 12px;
}

.helper-card-servicesummary .card-servicesummary {
  border: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.helper-card-servicesummary .card-servicesummary .card-findHelper {
  border: 1px solid rgba(192, 194, 246, 0.5);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.helper-card-servicesummary .card-servicesummary .card-findHelper .card-features {
  padding: 48px 24px 26.5px 24px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}
.helper-card-servicesummary .card-servicesummary .card-findHelper .card-features .img-servicesummary-helper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 50%;
  width: 92px;
  height: 92px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.helper-card-servicesummary .card-servicesummary .card-findHelper .card-features .img-servicesummary-helper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.helper-card-servicesummary .card-servicesummary .startedbox {
  background-color: #2EEE9C;
  padding: 9px 12px;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
}
.helper-card-servicesummary .card-servicesummary .startedbox.blue {
  background-color: #2D33E1;
}
.helper-card-servicesummary .card-servicesummary .startedbox.blue p {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  font-size: 600;
  color: #FDFDFD;
}
.helper-card-servicesummary .card-servicesummary .startedbox.blue p span {
  font-weight: 400;
  color: #FDFDFD;
}
.helper-card-servicesummary .card-servicesummary .startedbox.red {
  background-color: #FF4A23;
}
.helper-card-servicesummary .card-servicesummary .startedbox.red p {
  color: #FDFDFD;
}
.helper-card-servicesummary .card-servicesummary .startedbox.red p span {
  color: #FDFDFD;
}
.helper-card-servicesummary .card-servicesummary .startedbox p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  margin-bottom: 2px;
  text-align: center;
}
.helper-card-servicesummary .card-servicesummary .startedbox p span {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #2D2D2D;
}

.status-bookingDetails {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #FF4A23;
  margin-top: 7.19px;
}

.heading-1 {
  margin-bottom: 12px;
}
.heading-1 h2 {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
}
.heading-1 p {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

.theam_bookingDetails .bookingBox {
  padding: 20px 13px;
  border: 1px solid rgba(192, 194, 246, 0.5);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.title-review {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
}

.subtitle-review {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

.review-start-container .photo-01 {
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 8.42px;
  -webkit-border-radius: 8.42px;
  -moz-border-radius: 8.42px;
  -ms-border-radius: 8.42px;
  -o-border-radius: 8.42px;
}
.review-start-container .photo-01 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.review-start-container .name {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 5px;
}
.review-start-container .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
  gap: 12px;
  margin-bottom: 16px;
}
.review-start-container .top .left {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 14px;
}
.review-start-container .top .left .text {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
}
.review-start-container .bottom {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  margin-bottom: 18.72px;
}

.review.review-start-container .top {
  margin-bottom: 12.5px;
}
.review.review-start-container .bottom {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  margin-bottom: 16px;
}

.start-theam1 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 2.5px;
}
.start-theam1 img {
  width: 21px;
}

.start-theam2 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0px;
  font-weight: 700;
  font-size: 33.18px;
  line-height: 126%;
  letter-spacing: 0px;
  color: #2D33E1;
}
.start-theam2 img {
  width: 36px;
}

.theam_bookingDetails .editDeleted.bookingBox {
  padding: 10px 23px;
}
.theam_bookingDetails .editDeleted.bookingBox p {
  color: #2D2D2D;
}

.link-container {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}

.cancellation-summary .summaryList ul li .price {
  text-decoration-line: line-through;
  -moz-text-decoration-line: line-through;
}
.cancellation-summary .summaryList ul li .price.cancellationfree {
  text-decoration-line: none;
  -moz-text-decoration-line: none;
}

.btn-replay {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 5.72px;
}

.sticky-top1 {
  position: sticky;
  top: 24px;
}

.profile-edit_photo {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.profile-edit_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.editprofile {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 14px;
}
.editprofile .text {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
}
.editprofile .btn-container {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.editprofile .btn-container button {
  width: 120px;
  padding: 6px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
}
.editprofile .btn-container button img {
  width: 16px;
}
.editprofile .desc-13 {
  margin: 2px 0 3.5px 0;
}

.editProfile-link {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 28px 0 0px 0;
}

.h1-dashboard {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
}

.desc-13 {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}

.text-earning {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  padding-right: 70px;
}

.earingBox label {
  color: var(--Palatinate-Blue-PALATINATE-BLUE---original, #2D33E1);
  font-family: "Be Vietnam Pro";
  font-size: 27.65px;
  font-style: normal;
  font-weight: 700;
  line-height: 126.336%;
  margin-bottom: 9px;
}
.earingBox p {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}

.requestBox.bookingBox .gray-box {
  position: relative;
  padding: 8px 13.36px 13.75px 16.64px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.requestBox.bookingBox .leftside {
  flex-direction: column;
  align-items: start;
}
.requestBox.bookingBox .leftside .text {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 17px;
  align-items: start;
}
.requestBox.bookingBox .leftside .text .subtitle-req {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  margin: 4px 0 12.25px 0;
}
.requestBox.bookingBox .leftside .earning-status {
  width: 100%;
  color: var(--Carbon-fiber-CARBON-FIBER, #2D2D2D);
  font-family: "Be Vietnam Pro";
  font-size: 8.11px;
  font-style: normal;
  font-weight: 600;
  line-height: 142%;
  text-align: right;
}
.requestBox.bookingBox .leftside .earning-status span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
  color: #2D33E1;
}
.requestBox.bookingBox .rightside {
  position: absolute;
  right: 9px;
  top: 9px;
}

.upcomingBookingBox.requestBox :hover {
  background-color: rgb(204, 205, 236);
  cursor: pointer;
}
.upcomingBookingBox.requestBox.bookingBox {
  align-items: start;
}
.upcomingBookingBox.requestBox.bookingBox .leftside {
  gap: 0;
}
.upcomingBookingBox.requestBox.bookingBox .rightside {
  top: -11px;
  right: -4px;
}
.upcomingBookingBox.requestBox.bookingBox .gray-box {
  display: block;
  border: 0;
  height: 100%;
  position: relative;
  padding: 8px 8px 3px 16px;
}

.findTaskBox.requestBox :hover {
  background-color: rgb(204, 205, 236);
  cursor: pointer;
}
.findTaskBox.requestBox.bookingBox .gray-box {
  display: block;
  position: relative;
  padding: 16px 16px 12px 16px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.findTaskBox.requestBox.bookingBox .gray-box .box-clean {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: start;
  gap: 24px;
  padding-right: 62px;
}
.findTaskBox.requestBox.bookingBox .gray-box .leftside {
  gap: 7px;
}
.findTaskBox.requestBox.bookingBox .gray-box .rightside .earning-status {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}
.findTaskBox.requestBox.bookingBox .gray-box .rightside .earning-status span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D33E1;
  font-weight: 600;
}

.findTaskPhoto {
  width: 52px;
  height: 52px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.findTaskPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.selectDate {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  display: inline-flex;
  gap: 7px;
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #2D2D2D;
}
.selectDate img {
  width: 16px;
}

.serviceSelect.form-control.w-auto {
  display: inline-flex !important;
}
.serviceSelect .nice-select {
  padding: 0 23px 0 0;
  height: auto;
}
.serviceSelect .nice-select span {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  display: inline-flex;
  gap: 7px;
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #2D2D2D;
}
.serviceSelect .nice-select .option {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #2D2D2D;
}
.serviceSelect .nice-select:after {
  border: 0;
  background-image: url("../images/svg/arrow_down_blue.svg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 16px auto;
  width: 20px;
  height: 20px;
  top: 2px;
  right: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}

.lg {
  position: absolute;
  top: -65px;
}
.lg.filterBox {
  position: static;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 20px;
}
.lg.filterBox .filter01 {
  align-items: end;
}

.mapboxFindtask iframe {
  width: 100%;
  height: 464px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.recentReviewBox .start-theam2 {
  margin: 7.5px 0 10px 0;
}

.box-review {
  background-color: #F7F7FE;
  padding: 24px 20px 20px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.sortbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}
.sortbox .bg-transparent {
  padding: 0 40px 0 0;
  height: auto;
}
.sortbox .bg-transparent::after {
  top: 10px;
}
.sortbox .bg-transparent .list {
  min-width: 190px;
  position: absolute;
  top: 20px;
  left: auto;
  right: 0;
}

.w-200px {
  max-width: 200px !important;
}

.aleartBox-red {
  margin-bottom: 24px;
  background-color: rgb(255, 74, 35);
  padding: 21px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
}
.aleartBox-red p {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 600;
  color: #FDFDFD;
  text-align: center;
}
.aleartBox-red button {
  position: absolute;
  right: 16px;
  top: 15px;
}

.norequest {
  margin-top: 32px;
  min-height: 60px;
  width: 100%;
}

.theam-myearning.theam_setting ul {
  background-color: #F7F7FE;
}
.theam-myearning.theam_setting ul li .nav-link {
  padding: 18px 16px;
  border: 0;
}
.theam-myearning.theam_setting ul li .nav-link .box1 {
  padding-bottom: 0;
  border: 0;
}

.earningSummaryBox {
  background-color: #FDFDFD;
  padding: 24px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(192, 194, 246, 0.5);
}
.earningSummaryBox .left {
  border-right: 1px solid rgba(192, 194, 246, 0.5);
}
.earningSummaryBox .right {
  padding-left: 12px;
}
.earningSummaryBox ul {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 22px;
}
.earningSummaryBox ul li h2 {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
  font-size: 27px;
  color: #2D33E1;
  margin-bottom: 9px;
}
.earningSummaryBox ul li h2.disable {
  color: rgb(171, 173, 243);
}
.earningSummaryBox ul li p {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}

.monthSelect.sortbox .list {
  gap: 0;
}

.graph1 {
  margin: 54px auto 32px 0;
}

.list-service {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 8px !important;
}
.list-service li {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
}

.monthSelect.sortbox .bg-transparent {
  padding: 0 18px 0 0;
  height: auto;
}
.monthSelect.sortbox .bg-transparent.nice-select:after {
  right: 0;
}

.apexcharts-bar-series .apexcharts-series path {
  fill: ABADF3;
  /* Your normal bar color */
  transition: all 0.3s ease;
}

/* On hover, change color and apply shadow */
.apexcharts-bar-series .apexcharts-series path:hover {
  fill: rgb(45, 51, 225) !important;
  filter: drop-shadow(0px 20px 55px rgba(15, 18, 63, 0.25));
}

.apexcharts-tooltip.apexcharts-theme-light {
  background-color: 0;
}

.apexcharts-menu-icon {
  position: relative;
}

text.apexcharts-text.apexcharts-yaxis-title-text {
  display: none;
}

.chartbox {
  background-color: #FDFDFD;
  padding: 20px 16px 10px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(192, 194, 246, 0.5);
}

.datebox label {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 11px;
  display: block;
}
.datebox span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
}

.viewmonth {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2D2D2D;
}
.viewmonth span {
  color: #818181;
  padding-right: 6px;
}

.box-heading-EarningDetails {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.box-heading-EarningDetails .left {
  margin-top: 16px;
}

.dataTables_length label {
  display: none;
}

#myTable2_filter,
#myTable2_paginate,
#myTable_filter,
#myTable_paginate,
.dataTables_info {
  display: none;
}

.theamDataTable {
  background-color: transparent;
  padding: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(192, 194, 246, 0.5);
  overflow: auto;
}
.theamDataTable thead {
  background-color: rgb(247, 247, 254);
}
.theamDataTable tbody {
  background-color: transparent;
}

.theamDataTable table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
  box-shadow: none;
}

table.dataTable.no-footer {
  border-bottom: 0;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 22px 20px;
  border-bottom: 0;
  text-wrap: nowrap;
}

table.dataTable.display > tbody > tr.odd > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
  box-shadow: none;
}

.theamDataTable table thead th {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 12px 12px;
}

.theamDataTable table tbody td {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #2D2D2D;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after {
  content: "";
  background-image: url("../images/svg/up.svg");
  transform: rotate(180deg);
  background-size: 100% auto;
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

table.dataTable thead > tr > th.sorting:before {
  content: "";
  background-image: url("../images/svg/up.svg");
  background-size: 100% auto;
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  opacity: 1;
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: none;
}

table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: none;
}

table.dataTable.row-border > tbody > tr > th,
table.dataTable.row-border > tbody > tr > td,
table.dataTable.display > tbody > tr > th,
table.dataTable.display > tbody > tr > td {
  border: 0;
}

.filter01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 24px;
  width: 100%;
  align-items: start;
  flex-wrap: wrap;
}

.availableBalancebox {
  border: 1px solid rgb(234, 235, 252);
  padding: 14px 15px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  background-color: rgba(234, 235, 252, 0.5);
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 39.81px;
  line-height: 126%;
  color: #2D33E1;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  display: inline-flex;
}
.availableBalancebox span {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #1B1F87;
}

.withdrowform .left {
  text-align: center;
  border-right: 1px solid rgba(192, 194, 246, 0.5);
}
.withdrowform .left .requestIcon {
  margin-bottom: 28px;
}
.withdrowform .right {
  padding-left: 16px;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: end;
}

.box-trans {
  text-align: start;
  padding-right: 4px;
}

.amount-withdraw {
  border: 0;
  padding: 18px 12px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  background-color: rgba(234, 235, 252, 0.5);
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D33E1;
  text-align: center;
  display: block;
}
.amount-withdraw span {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  display: block;
  text-align: center;
}

.singupServicetab .theam_settingHelper .theam_setting ul li:last-child .nav-link .box1 {
  border-width: 0;
  padding-bottom: 15px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

input[type=password]::-webkit-credentials-auto-fill-button {
  display: none !important;
}

input[type=password]::-webkit-textfield-decoration-container {
  display: none !important;
}

.mySwiper .swiper-wrapper {
  justify-content: center;
  padding: 0px !important;
  transform: none !important;
  justify-content: start;
  overflow-x: auto;
}

.thumb .swiper-slide {
  width: 50px !important;
  height: 50px !important;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  overflow: hidden;
}

.thumb .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper2 .swiper-slide {
  border-radius: 8px;
  padding: 0 !important;
}

.photoMain .swiper-slide {
  height: 610px;
  border-radius: 8px;
}

.photoMain .swiper-slide img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.modal-swipter-thumbgallary-cust .swiper-free-mode > .swiper-wrapper {
  margin-top: 42px;
}

.swiper-slide.swiper-slide-active.swiper-slide-thumb-active {
  border: 2px solid rgb(192, 194, 246);
}

.photoSlider {
  width: calc(100% - 520px);
  height: 610px;
  margin: auto;
}

.photoMain img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.modal-swipter-thumbgallary-cust .modal-body {
  padding: 144px 0 51px 0 !important;
  background: transparent;
  border-radius: 16px;
}

.cust-btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  bottom: 16px;
  width: calc(100% - 32px);
  transform: translateX(-50%);
}

@media (max-width: 1366px) {
  .modal-swipter-thumbgallary-cust .modal-body {
    padding: 50px 0 24px 0 !important;
  }
}
@media (max-width: 1200px) {
  .photoSlider {
    width: 80%;
    height: inherit;
    margin: auto;
  }
  .photoMain .swiper-slide {
    height: 450px;
    border-radius: 8px;
  }
  .modal-swipter-thumbgallary-cust .swiper-free-mode > .swiper-wrapper {
    margin-top: 20px;
  }
  .modal-swipter-thumbgallary-cust .swiper-button-prev,
  .modal-swipter-thumbgallary-cust .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 24px);
    right: auto;
  }
  .modal-swipter-thumbgallary-cust .swiper-button-next,
  .modal-swipter-thumbgallary-cust .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 24px);
    left: auto;
  }
}
@media (max-width: 575px) {
  .photoSlider {
    width: 95%;
  }
  .photoMain .swiper-slide {
    height: 270px;
    border-radius: 8px;
  }
}
.dates {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.grid-upcoming {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  /* space between cards */
}
@media (max-width: 1199px) {
  .grid-upcoming {
    grid-template-columns: 1fr;
    gap: 16px;
    /* 1 column on tablets/mobiles */
  }
}

.grid-request {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  /* space between cards */
}
@media (max-width: 1199px) {
  .grid-request {
    grid-template-columns: 2fr;
    gap: 16px;
    /* 1 column on tablets/mobiles */
  }
}
@media (max-width: 575px) {
  .grid-request {
    grid-template-columns: 1fr;
    gap: 16px;
    /* 1 column on tablets/mobiles */
  }
}

.disc-welocome {
  font-weight: 400;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  color: rgb(244, 244, 244);
}

.min-h-344 {
  min-height: 344px;
}

.completeProfile-blue {
  margin-bottom: 24px;
  background-color: #1B1F87;
  padding: 52px 56px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  gap: 24px;
}
.completeProfile-blue h2 {
  font-size: 28px;
  line-height: 126%;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  max-width: 412px;
}

.searchCust.bg1.form-control-cust .form-control {
  background-color: rgb(238, 239, 253);
}

.tabTheam-blue {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-right: 56px;
}
.tabTheam-blue .nav-link {
  font-weight: 400;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  color: rgb(253, 253, 253);
  padding: 20px 28px;
  color: rgb(27, 31, 135);
  flex-shrink: 0;
  text-wrap: nowrap;
}
.tabTheam-blue .nav-link.active {
  color: rgb(253, 253, 253);
  background-color: rgb(27, 31, 135);
}

.tabTheam-blue-content {
  position: sticky;
  top: 0;
  min-height: 50vh;
  border-left: 1px solid rgb(27, 31, 135);
  padding-left: 56px;
}
.tabTheam-blue-content .title-howitwork {
  color: rgb(45, 45, 45);
}
.tabTheam-blue-content .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  line-height: 126%;
  color: rgb(45, 45, 45);
  margin-bottom: 16px;
}

.one-sec-termscondition .tabTheam-blue {
  flex-direction: column;
}

.subTitle-terms {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 16px;
  color: rgb(45, 45, 45);
}

.tab-view-termscondition {
  position: sticky;
  top: 0;
  z-index: 10;
}

.one-sec-aboutus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(45, 45, 45, 0.5);
  z-index: 1;
}

.one-sec-aboutus {
  background-image: url("../images/about-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 331px;
  width: 100%;
  position: relative;
}

.one-sec-aboutus .h1-title {
  font-weight: 800;
  font-size: 47.78px;
  line-height: 60.36px;
  letter-spacing: 0px;
  color: rgb(253, 253, 253);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 3;
}

.two-sec-aboutus h2 {
  color: #2D2D2D;
}

.text-28 {
  font-weight: 400;
  font-size: 27.65px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  color: #2D2D2D;
}

.contactus-section {
  padding: 45px 0 127px 0;
}

.sendMessage-btn.btn_theam {
  padding: 14px 32px;
  margin-top: 48px;
}

.contact-text {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-bottom: 120px;
}

.contact-text .h1-title {
  margin: 0;
}

.contact-text p {
  color: rgb(45, 45, 45);
  font-size: 12px;
  margin-bottom: 51px;
  font-weight: 400;
}

.contact-form {
  flex: 3;
}

.form-group {
  display: flex;
  gap: 32px;
}

.inputTheame01 {
  margin-bottom: 38px;
}

.form-group input {
  flex: 1;
}

.inputTheame01 {
  width: 100%;
  padding: 10px 10px 32px 0;
  border: none;
  border-bottom: 1px solid rgb(192, 192, 192);
  background: transparent;
  color: rgb(45, 45, 45);
  font-weight: 400;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0%;
}

input::placeholder,
textarea::placeholder {
  color: #777;
}

textarea {
  resize: none;
  height: 120px;
}

.captcha {
  margin: 20px 0;
}

.social-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}

.social-links a {
  width: 50px;
  height: 50px;
  border: 1px solid rgb(183, 183, 183);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  text-decoration: none;
  font-size: 18px;
  transition: 0.3s;
}

.social-links a:hover {
  border-color: #2d4cff;
  color: #2d4cff;
}

.get-started-text {
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  color: rgb(0, 0, 0);
}

.contact-text .left {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 1199px) {
  .contactus-section {
    padding: 30px 0 60px 0;
  }
  .contact-text {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 60px;
    gap: 15px;
  }
  .contact-form {
    width: 100%;
  }
  .form-group {
    flex-direction: column;
    gap: 20px;
  }
  .inputTheame01 {
    margin-bottom: 20px;
  }
  .sendMessage-btn.btn_theam {
    margin-top: 20px;
  }
  .social-links {
    flex-direction: row;
  }
}
@media (max-width: 575px) {
  .contactus-section {
    padding: 30px 15px 60px 15px;
  }
  .contact-text .left {
    gap: 15px;
  }
  .contact-text p {
    font-size: 14px;
    margin-bottom: 0;
  }
  .inputTheame01 {
    font-size: 18px;
    padding: 8px 8px 16px 0;
  }
}
.sendbtn.btn_theam {
  padding: 14px 32px;
}

.input-area {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}

.container01 {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  width: 100%;
}

.input-field {
  flex: 1;
  min-height: 1px;
  min-width: 1px;
  position: relative;
}

.input-field-inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: silver;
}

.input-field-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.input-field-content {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 10px 32px 0;
  width: 100%;
}

.input-field input {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #2d2d2d;
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  white-space: nowrap;
}

.input-field input::placeholder {
  color: rgb(45, 45, 45);
}

.message-field {
  display: flex;
  gap: 10px;
  height: 146px;
  align-items: flex-start;
  padding: 10px 10px 100px 10px;
  width: 100%;
  position: relative;
}

.message-field::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: silver;
  border-bottom: 1px solid silver;
}

.message-field textarea {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: #2d2d2d;
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  resize: none;
}

.message-field textarea::placeholder {
  color: #2d2d2d;
}

.recaptcha-container {
  height: 101.565px;
  width: 389.5px;
  position: relative;
}

.recaptcha-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  max-width: none;
  pointer-events: none;
}

.button-primary {
  background-color: #2d33e1;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.button-primary:hover {
  background-color: #252ab8;
}

.button-primary .button-text {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: white;
  text-align: center;
  white-space: nowrap;
  line-height: normal;
}

/* Responsive design */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
    gap: 24px;
  }
  .input-field input,
  .message-field textarea {
    font-size: 18px;
    line-height: 28px;
  }
  .recaptcha-container {
    width: 100%;
    max-width: 389.5px;
  }
  .input-field {
    width: 100%;
  }
  .container01 {
    width: 100%;
    flex-direction: column;
  }
  .input-field-content {
    padding: 10px 10px 16px 0;
  }
}
.faq-accordion-sec {
  margin-bottom: 200px;
}

.faq-accordion-sec h2 {
  text-align: start;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgb(45, 45, 45);
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  padding-bottom: 30px;
}

details {
  border-radius: 0;
  margin-bottom: 0;
  background: transparent;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
}

summary {
  cursor: pointer;
  padding: 10px 0;
  list-style: none;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgb(45, 45, 45);
}

summary::marker {
  display: none;
  /* remove default marker */
}

summary::after {
  content: "";
  background-image: url("../images/svg/acordian-arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  font-size: 18px;
  transition: transform 0.3s ease-in-out;
}

details[open] summary::after {
  transform: rotate(180deg);
  background-image: url("../images/svg/acordian-arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
}

.details {
  display: block;
}

.details p {
  padding: 0 0 10px 0;
  color: #444;
}

.faq-sec {
  max-width: 480px;
  margin: auto;
}

.faq-search {
  width: 356px;
}

@media (max-width: 1024px) {
  .faq-accordion-sec {
    margin-bottom: 50px;
  }
  .faq-accordion-sec h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
  }
  .faq-sec {
    padding-top: 38px;
    padding-bottom: 30px;
  }
}
.theam-myearning.theam_setting ul {
  background-color: #F7F7FE;
}
.theam-myearning.theam_setting ul li .nav-link {
  padding: 18px 16px;
  border: 0;
}
.theam-myearning.theam_setting ul li .nav-link .box1 {
  padding-bottom: 0;
  border: 0;
}

.earningSummaryBox {
  background-color: #FDFDFD;
  padding: 24px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(192, 194, 246, 0.5);
}
.earningSummaryBox .left {
  border-right: 1px solid rgba(192, 194, 246, 0.5);
}
.earningSummaryBox .right {
  padding-left: 12px;
}
.earningSummaryBox ul {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 22px;
}
.earningSummaryBox ul li h2 {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  color: #2D2D2D;
  font-size: 27px;
  color: #2D33E1;
  margin-bottom: 9px;
}
.earningSummaryBox ul li h2.disable {
  color: rgb(171, 173, 243);
}
.earningSummaryBox ul li p {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
}

.monthSelect.sortbox .list {
  gap: 0;
}

.graph1 {
  margin: 54px auto 32px 0;
}

.list-service {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 8px !important;
}
.list-service li {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
}

.monthSelect.sortbox .bg-transparent {
  padding: 0 18px 0 0;
  height: auto;
}
.monthSelect.sortbox .bg-transparent.nice-select:after {
  right: 0;
}

.apexcharts-bar-series .apexcharts-series path {
  fill: ABADF3;
  /* Your normal bar color */
  transition: all 0.3s ease;
}

/* On hover, change color and apply shadow */
.apexcharts-bar-series .apexcharts-series path:hover {
  fill: rgb(45, 51, 225) !important;
  filter: drop-shadow(0px 20px 55px rgba(15, 18, 63, 0.25));
}

.apexcharts-tooltip.apexcharts-theme-light {
  background-color: 0;
}

.apexcharts-menu-icon {
  position: relative;
  display: none;
}

text.apexcharts-text.apexcharts-yaxis-title-text {
  display: none;
}

.chartbox {
  background-color: #FDFDFD;
  padding: 20px 16px 10px 16px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(192, 194, 246, 0.5);
}

.datebox label {
  font-weight: 700;
  font-size: 19.2px;
  line-height: 126%;
  color: #2D2D2D;
  margin-bottom: 11px;
  display: block;
}
.datebox span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #818181;
}

.viewmonth {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2D2D2D;
}
.viewmonth span {
  color: #818181;
  padding-right: 6px;
}

.box-heading-EarningDetails {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  flex-wrap: nowrap;
  flex-direction: row;
}
.box-heading-EarningDetails .left {
  margin-top: 16px;
}

.dataTables_length label {
  display: none;
}

#myTable2_filter,
#myTable2_paginate,
#myTable_filter,
#myTable_paginate,
.dataTables_info {
  display: none;
}

.theamDataTable {
  background-color: transparent;
  padding: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(192, 194, 246, 0.5);
  overflow: auto;
}
.theamDataTable thead {
  background-color: rgb(247, 247, 254);
}
.theamDataTable tbody {
  background-color: transparent;
}

.theamDataTable table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
  box-shadow: none;
}

table.dataTable.no-footer {
  border-bottom: 0;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 22px 20px;
  border-bottom: 0;
  text-wrap: nowrap;
}

table.dataTable.display > tbody > tr.odd > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
  box-shadow: none;
}

.theamDataTable table thead th {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #818181;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 12px 12px;
}

.theamDataTable table tbody td {
  font-weight: 400;
  font-size: 11.11px;
  line-height: 142%;
  color: #2D2D2D;
  color: #2D2D2D;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after {
  content: "";
  background-image: url("../images/svg/up.svg");
  transform: rotate(180deg);
  background-size: 100% auto;
  width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

table.dataTable thead > tr > th.sorting:before {
  content: "";
  background-image: url("../images/svg/up.svg");
  background-size: 100% auto;
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  opacity: 1;
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: none;
}

table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: none;
}

table.dataTable.row-border > tbody > tr > th,
table.dataTable.row-border > tbody > tr > td,
table.dataTable.display > tbody > tr > th,
table.dataTable.display > tbody > tr > td {
  border: 0;
}

.filter01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 24px;
  width: 100%;
  align-items: start;
  flex-wrap: wrap;
}

.availableBalancebox {
  border: 1px solid rgb(234, 235, 252);
  padding: 14px 15px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  background-color: rgba(234, 235, 252, 0.5);
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 39.81px;
  line-height: 126%;
  color: #2D33E1;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  display: inline-flex;
}
.availableBalancebox span {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  color: #1B1F87;
}

.users-container {
  width: 356px;
  position: relative;
}

.users-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 350px;
  overflow-y: auto;
}

.user-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  margin-bottom: 8px;
}

.user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 8px;
  padding-right: 8px;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}

.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: #d9d9d9;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}

.user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-name {
  font-family: "Be Vietnam Pro", sans-serif;
  color: #2d2d2d;
}

.user-name .first-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}

.user-name .last-name {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.263;
}

.user-location {
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 11.11px;
  color: rgb(192, 192, 192);
  line-height: 1.42;
  text-align: right;
}

.separator-container {
  width: 100%;
  height: 0;
  position: relative;
}

.separator-line {
  position: absolute;
  top: -0.5px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
}

.separator-svg {
  width: 100%;
  height: 1px;
}

.searchDrop .dropdown-menu {
  height: 454px !important;
}

.faq-accordion-sec {
  margin-bottom: 62px;
}

.faq-accordion-sec h2 {
  text-align: start;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 40px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0px;
  color: rgb(45, 45, 45);
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
  padding-bottom: 30px;
}

.details {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  background: transparent;
  padding: 0.5rem 0;
}

summary {
  cursor: pointer;
  padding: 10px 0;
  list-style: none;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgb(45, 45, 45);
  display: flex;
  gap: 12px;
  align-items: center;
}

summary::marker {
  display: none;
  /* remove default marker */
}

/* summary::after {
            content: "";
            background-image: url('./assets/images/svg/acordian-arrow-down.svg');
            background-size: contain;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            font-size: 18px;
            transition: transform 0.3s ease;
        } */
/* details[open] summary::after {
                transform: rotate(180deg);
                background-image: url('./assets/images/svg/acordian-arrow-down.svg');
                background-size: contain;
                background-repeat: no-repeat;
                width: 20px;
                height: 20px;
                position: absolute;
            } */
.details {
  display: inline-flex;
}

.details p {
  padding: 0 0 10px 0;
  color: #444;
}

.faq-sec {
  /* max-width: 480px; */
  margin: auto;
}

.faq-sec .fs-16 {
  max-width: 480px;
}

.faq-search {
  width: 356px;
}

.popular-questions {
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  color: rgb(45, 45, 45);
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.popular-questions span {
  font-weight: 400;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  text-align: center;
  color: rgb(27, 31, 135);
}

/* Card  */
.content-container {
  background-color: #d5d6f9;
  border-radius: 11.767px;
  width: 100%;
  max-width: 800px;
  height: auto;
  min-height: 120px;
}

.content-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
}

.content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23.534px;
  width: 100%;
  height: 100%;
}

.text-section {
  display: flex;
  flex-direction: column;
  gap: 5.884px;
  align-items: flex-start;
  justify-content: flex-start;
  color: #1b1f87;
  width: 564.818px;
  flex-shrink: 0;
}

.text-heading {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22.063px;
  width: min-content;
  min-width: 100%;
  white-space: nowrap;
}

.text-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20.592px;
  width: 564.818px;
}

.contact-button {
  background-color: #2d33e1;
  display: flex;
  gap: 5.884px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 7.354px 13.238px;
  border-radius: 10px;
  box-shadow: 0px 0.735px 1.471px 0px rgba(16, 24, 40, 0.05);
  flex-shrink: 0;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.contact-button:hover {
  background-color: #252ab8;
}

.button-text {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 17.651px;
  color: white;
  white-space: pre;
}

.content-container {
  background-color: #d5d6f9;
  border-radius: 11.767px;
  width: 100%;
  max-width: 800px;
  height: auto;
  min-height: 120px;
}

.content-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
}

.content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23.534px;
  width: 100%;
  height: 100%;
}

.text-section {
  display: flex;
  flex-direction: column;
  gap: 5.884px;
  align-items: flex-start;
  justify-content: flex-start;
  color: #1b1f87;
  width: 564.818px;
  flex-shrink: 0;
}

.text-heading {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22.063px;
  width: min-content;
  min-width: 100%;
  white-space: nowrap;
}

.text-description {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20.592px;
  width: 564.818px;
}

.contact-button {
  background-color: #2d33e1;
  display: flex;
  gap: 5.884px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 7.354px 13.238px;
  border-radius: 10px;
  box-shadow: 0px 0.735px 1.471px 0px rgba(16, 24, 40, 0.05);
  flex-shrink: 0;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.contact-button:hover {
  background-color: #252ab8;
}

.button-text {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 17.651px;
  color: white;
  white-space: pre;
}

.helpcenter-box {
  background-color: rgb(213, 214, 249);
  margin-top: 80px;
}

.helpcenter .accordion {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3 boxes per row */
  gap: 20px;
  width: 80%;
  max-width: 808px;
  margin: 0 auto;
}

.text1 {
  font-weight: 600;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgb(45, 45, 45);
}

/* .helpcenter .grid-item {
            background-color: #007bff;
            color: #fff;
            text-align: center;
            padding: 40px 0;
            font-size: 18px;
            border-radius: 10px;
        } */
@media (max-width: 1024px) {
  .faq-accordion-sec {
    margin-bottom: 50px;
  }
  .faq-accordion-sec h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
  }
  .faq-sec {
    padding-top: 38px;
    padding-bottom: 30px;
  }
  /* Responsive design card */
  .content-wrapper {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .text-section {
    width: 100%;
  }
  .text-description {
    width: 100%;
  }
  .contact-button {
    align-self: flex-start;
  }
  /* end */
}
@media (max-width: 575px) {
  .helpcenter .accordion {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0;
    width: 100%;
  }
  .details {
    justify-content: center;
  }
}
.tabTheam-blueLevel-content {
  border-left: 1px solid rgb(27, 31, 135);
  padding-left: 56px;
}
.tabTheam-blueLevel-content .title-howitwork {
  color: rgb(45, 45, 45);
}
.tabTheam-blueLevel-content .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  line-height: 126%;
  color: rgb(45, 45, 45);
  margin-bottom: 16px;
}

.tabTheam-blueLevel {
  display: inline-flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-right: 56px;
  width: 240px;
}
.tabTheam-blueLevel .accordion {
  width: 100%;
}
.tabTheam-blueLevel .accordion .accordion-item {
  border: 0;
}
.tabTheam-blueLevel .accordion .accordion-item .accordion-button {
  font-weight: 700;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
  color: rgb(253, 253, 253);
  padding: 15px 0;
  color: rgb(27, 31, 135);
  flex-shrink: 0;
  text-wrap: nowrap;
  padding: 15px 0;
}
.tabTheam-blueLevel .accordion .accordion-item .accordion-button.active {
  color: rgb(253, 253, 253);
  background-color: rgb(27, 31, 135);
}
.tabTheam-blueLevel .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/svg/acordian-arrow-down.svg");
}
.tabTheam-blueLevel .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

.tabTheam-blueLevel2-content {
  border-left: 1px solid rgb(27, 31, 135);
  padding-left: 56px;
}
.tabTheam-blueLevel2-content .title-howitwork {
  color: rgb(45, 45, 45);
}
.tabTheam-blueLevel2-content .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  line-height: 126%;
  color: rgb(45, 45, 45);
  margin-bottom: 16px;
}

.tabTheam-blueLevel2 {
  display: inline-flex;
  justify-content: start;
  align-items: start;
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-right: 56px;
  width: 240px;
}
.tabTheam-blueLevel2 .accordion {
  width: 100%;
}
.tabTheam-blueLevel2 .accordion .accordion-item {
  border-color: rgba(192, 194, 246, 0.5);
}
.tabTheam-blueLevel2 .accordion .accordion-item .accordion-button {
  color: rgb(253, 253, 253);
  padding: 15px 0;
  color: rgb(27, 31, 135);
  flex-shrink: 0;
  padding: 24px 0;
  font-weight: 600;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0px;
}
.tabTheam-blueLevel2 .accordion .accordion-item .accordion-button.active {
  color: rgb(253, 253, 253);
  background-color: rgb(27, 31, 135);
}
.tabTheam-blueLevel2 .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/svg/acordian-arrow-down.svg");
}
.tabTheam-blueLevel2 .accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}
.tabTheam-blueLevel2 .accordion .accordion-body {
  padding: 0 0 16px 0;
  color: rgb(45, 45, 45);
  font-weight: 400;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 126%;
  letter-spacing: 0px;
}

.submenuBtn {
  color: rgb(253, 253, 253);
  padding: 15px 0;
  color: rgb(27, 31, 135);
  flex-shrink: 0;
  padding: 7px 0;
  font-weight: 600;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0px;
  background-color: transparent;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  width: 100%;
  text-align: start;
}
.submenuBtn::after {
  flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: auto;
  content: "";
  background-image: url("../images/svg/acordian-arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 20px auto;
  transition: var(--bs-accordion-btn-icon-transition);
  -webkit-transition: var(--bs-accordion-btn-icon-transition);
  -moz-transition: var(--bs-accordion-btn-icon-transition);
  -ms-transition: var(--bs-accordion-btn-icon-transition);
  -o-transition: var(--bs-accordion-btn-icon-transition);
}

.border-right01 {
  border-right: 1px solid rgb(27, 31, 135);
  padding-right: 25px;
  width: 230px;
}

.border-right02 {
  width: calc(100% - 230px);
}

.contact-form-container {
  position: relative;
  width: 100%;
}

.contact-form-container .background-card {
  position: absolute;
  background-color: #fdfdfd;
  left: 0;
  border-radius: 16px;
  top: 0;
}

.contact-form-container .content-wrapper-gethelp {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: start;
}

/* Header Section */
.contact-form-container .header-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.contact-form-container .header-title {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-size: 23.04px;
  line-height: 1.263;
  color: #1d242c;
  width: 328.231px;
  margin-top: 38px;
}

.contact-form-container .close-button {
  background: none;
  border: none;
  cursor: pointer;
  width: 29.133px;
  height: 30px;
  padding: 0;
  position: relative;
}

.contact-form-container .close-icon {
  width: 100%;
  height: 100%;
}

/* Booking Summary Section */
.contact-form-container .booking-summary {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.contact-form-container .booking-avatar {
  width: 68px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.contact-form-container .booking-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.contact-form-container .booking-title {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-size: 19.2px;
  line-height: 1.263;
  color: #2d2d2d;
}

.contact-form-container .booking-date,
.contact-form-container .booking-status {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 400;
  font-size: 13.33px;
  line-height: 1.263;
  color: #2d2d2d;
}

.contact-form-container .status-accepted {
  color: #2eee9c;
}

/* Suggested Topics Section */
.contact-form-container .suggested-topics-title {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #1d242c;
}

.contact-form-container .topics-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.contact-form-container .topic-item {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(192, 194, 246, 0.5);
}

.contact-form-container .topic-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}

.contact-form-container .topic-text {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.263;
  color: #2d2d2d;
}

.contact-form-container .chevron-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 15.188px;
}

.contact-form-container .chevron-icon {
  width: 15.193px;
  height: 14px;
  transform: rotate(270deg);
}

.contact-form-container .separator-line {
  width: 336px;
  height: 1px;
  position: relative;
}

.contact-form-container .separator-svg {
  width: 100%;
  height: 1px;
}

/* Buttons Section */
.contact-form-container .buttons-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}

.contact-form-container .btn-primary {
  background-color: #2d33e1;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 14px 32px;
  width: 336px;
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.contact-form-container .btn-primary:hover {
  background-color: #252bcc;
}

.contact-form-container .btn-secondary {
  background-color: #d5d6f9;
  color: #1b1f87;
  border: none;
  border-radius: 6px;
  padding: 14px 32px;
  width: 336px;
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.contact-form-container .btn-secondary:hover {
  background-color: #c0c2f6;
}

/* Hover effects for topic items */
.contact-form-container .topic-row:hover {
  background-color: rgba(213, 214, 249, 0.1);
  border-radius: 4px;
  padding: 4px 8px;
  margin: -4px -8px;
}

.info-cancel-shedual {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  color: #2D2D2D;
  height: 406px;
  overflow-y: auto;
  margin-bottom: 16px;
}

.btn-contactus.btn_theam_16px {
  font-weight: 400;
  padding: 6px 12px;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-color: rgb(45, 51, 225);
}

.btn-contactus.social-btn {
  color: rgb(45, 45, 45);
  margin-bottom: 0;
}

.list-suggested-topic {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.list-suggested-topic .form-control-cust .form-control::placeholder {
  color: rgb(192, 192, 192);
}

.list-suggested-topic .form-control-cust .form-control {
  font-weight: 400;
  font-size: 13px;
  line-height: 126%;
  color: #2D2D2D;
  border-color: rgb(192, 194, 246);
  padding: 12px 15px;
}

/* Styling for Image Previews in Chat Input */
.image-preview-container {
  position: relative;
  padding: 10px;
  background-color: #f0f2f5;
  border-bottom: 1px solid #e0e0e0;
}

.image-preview {
  max-height: 80px;
  width: auto;
  border-radius: 8px;
  display: block;
}

.remove-preview-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

/* Styling for Images within the Chat Log */
.message-image-container {
  padding: 5px;
}

.message-image {
  max-width: 250px;
  /* Adjust as needed */
  height: auto;
  border-radius: 12px;
  cursor: pointer;
}

/* Basic styling for the upload spinner in the send button */
.send .spinner-border {
  width: 1.2rem;
  height: 1.2rem;
  color: white;
}

/* Add this to your main CSS file for the ChatBox component */
.date-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  color: #888;
  font-size: 0.8rem;
}

.date-separator span {
  background-color: #f0f2f5;
  /* Adjust this color to match your chat background */
  padding: 4px 12px;
  border-radius: 12px;
}

.headingInfo {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.headingInfo span {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2D33E1;
  font-weight: 700;
  color: #2D33E1;
}

.time-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  display: flex;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 10;
  height: 200px;
}

.time-column {
  width: 50%;
  overflow-y: auto;
  border-right: 1px solid #eee;
}

.time-item {
  padding: 8px;
  text-align: center;
  cursor: pointer;
}

.time-item:hover {
  background: #f2f2f2;
}

/* ============================= */
/* Service Details page          */
/* ============================= */
.whytochoose {
  display: inline-block;
  background-color: #2D33E1;
  border-radius: 8px;
  padding: 32px;
  margin-top: 24px;
}
.whytochoose label {
  display: block;
  font-weight: 700;
  font-size: 33.18px;
  line-height: 126%;
  color: #ffffff;
  margin-bottom: 22px;
}
.whytochoose ul li {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 24px;
}
.whytochoose ul li p {
  color: #ffffff;
  font-weight: 400;
  margin: 0;
}

.btn-find.btn_theam_blue {
  background-color: #D5D6F9;
  color: #1B1F87;
}

.about-des {
  font-weight: 400;
  font-size: 27.65px;
  line-height: 126%;
  text-align: center;
  color: #ffffff;
  max-width: 1110px;
  margin: 0 auto 32px;
}

.service-about-sec .bg-howitwork {
  height: 308px;
}

.service-about-sec .container-fluid {
  padding-bottom: 55.85px;
}

.about-cleaning-box {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px;
  margin-top: 32px;
  box-shadow: 0px 2px 4.5px 0px rgba(0, 0, 0, 0.12);
}
.about-cleaning-box h3 {
  font-weight: 700;
  font-size: 33.18px;
  line-height: 126%;
  color: #000000;
  margin-bottom: 22px;
}
.about-cleaning-box p {
  font-weight: 400;
  font-size: 20px;
  line-height: 126%;
  color: #818181;
  margin-bottom: 24px;
}
.about-cleaning-box button {
  width: 144px;
}
.about-cleaning-box img {
  max-height: 220px;
  object-fit: contain;
}

.sec-about-cleaing {
  padding: 44px 0 32px;
  background-color: #F4F4F4;
}

.find-cleaning-btn {
  max-width: 365px;
  margin: auto;
}

.aboutCleaing-hero .row {
  align-items: flex-start;
}

.aboutCleaing-hero .hero-left {
  padding-top: 24px;
}

.aboutCleaing-hero .right {
  width: 100%;
  height: 540px;
}
.aboutCleaing-hero .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 36px;
}

@media (max-width: 991px) {
  .aboutCleaing-hero .right {
    height: 320px !important;
    margin-top: 32px !important;
  }
  .whytochoose {
    display: block;
  }
  .service-about-sec .container-fluid {
    padding-bottom: 40px;
  }
  .sec-about-cleaing {
    padding: 20px 0;
  }
  .about-cleaning-box {
    padding: 20px;
    margin-top: 20px;
  }
  .find-cleaning-btn {
    max-width: 100%;
    margin: 16px;
  }
}
/* CMS static pages (Terms, Privacy, About Us) — the HTML comes from
   tbl_content as raw admin-authored markup, so it needs its own
   readable typography rather than relying on the browser defaults
   dangerouslySetInnerHTML would otherwise fall back to. */
.tab-view-termscondition .text,
.two-sec-aboutus .text {
  color: #2D2D2D;
  font-size: 16px;
  line-height: 1.7;
}
.tab-view-termscondition .text h1, .tab-view-termscondition .text h2, .tab-view-termscondition .text h3, .tab-view-termscondition .text h4, .tab-view-termscondition .text h5, .tab-view-termscondition .text h6,
.two-sec-aboutus .text h1,
.two-sec-aboutus .text h2,
.two-sec-aboutus .text h3,
.two-sec-aboutus .text h4,
.two-sec-aboutus .text h5,
.two-sec-aboutus .text h6 {
  color: #1B1F87;
  font-weight: 700;
  margin: 28px 0 12px;
}
.tab-view-termscondition .text h1:first-child, .tab-view-termscondition .text h2:first-child, .tab-view-termscondition .text h3:first-child, .tab-view-termscondition .text h4:first-child, .tab-view-termscondition .text h5:first-child, .tab-view-termscondition .text h6:first-child,
.two-sec-aboutus .text h1:first-child,
.two-sec-aboutus .text h2:first-child,
.two-sec-aboutus .text h3:first-child,
.two-sec-aboutus .text h4:first-child,
.two-sec-aboutus .text h5:first-child,
.two-sec-aboutus .text h6:first-child {
  margin-top: 0;
}
.tab-view-termscondition .text h1,
.two-sec-aboutus .text h1 {
  font-size: 24px;
}
.tab-view-termscondition .text h2,
.two-sec-aboutus .text h2 {
  font-size: 22px;
}
.tab-view-termscondition .text h3,
.two-sec-aboutus .text h3 {
  font-size: 20px;
}
.tab-view-termscondition .text h4,
.two-sec-aboutus .text h4 {
  font-size: 18px;
}
.tab-view-termscondition .text h5,
.two-sec-aboutus .text h5 {
  font-size: 16px;
}
.tab-view-termscondition .text h6,
.two-sec-aboutus .text h6 {
  font-size: 15px;
}
.tab-view-termscondition .text p,
.two-sec-aboutus .text p {
  margin-bottom: 16px;
}
.tab-view-termscondition .text ul, .tab-view-termscondition .text ol,
.two-sec-aboutus .text ul,
.two-sec-aboutus .text ol {
  margin-bottom: 16px;
  padding-left: 24px;
}
.tab-view-termscondition .text li,
.two-sec-aboutus .text li {
  margin-bottom: 8px;
}
.tab-view-termscondition .text a,
.two-sec-aboutus .text a {
  color: #2D33E1;
  text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */