@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap");
/* font-family: "Caveat", cursive; */

@import url("https://fonts.googleapis.com/css2?family=Playwrite+AU+SA:wght@100..400&display=swap");
/* font-family: "Playwrite AU SA", cursive; */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
/* font-family: "Space Grotesk", sans-serif; */

@import url("https://fonts.googleapis.com/css2?family=Fasthand&display=swap");
/* font-family: "Fasthand", cursive; */

@import url("https://fonts.googleapis.com/css2?family=Suranna&display=swap");
/* font-family: "Suranna", serif; */

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
/* font-family: "Mulish", sans-serif; */

@import url("https://fonts.googleapis.com/css2?family=Kaisei+Decol&display=swap");
/* font-family: "Kaisei Decol", serif; */

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
/* font-family: "Lato", sans-serif; */

@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
/* font-family: "Public Sans", sans-serif; */

.custom-dot-list-style.bannerDots li button {
  background: #d3d3d3 !important;
}

.custom-dot-list-style.bannerDots .react-multi-carousel-dot--active button {
  background-color: #007bff !important;
}

.row.d-block.positionIndex {
  position: relative;
  z-index: 1;
}

section {
  overflow: hidden;
}

.custom-dot-list-style li button {
  background: #d3d3d3 !important;
}

.stop-txt {
  text-align: end;
}

.mobileForYou {
  display: none;
}

.besSellerRow .col-md-3 {
  position: relative;
  z-index: 1;
}

.price-size {
  padding-bottom: 12px;
}

.last-pos .set-div.posText {
  position: relative;
}

.userJourneySection .bg-nature {
  height: unset;
  padding: 12px 0px 50px;
}

.userJourneySection .bg-nature .imp-dv {
  height: unset;
  padding-bottom: 30px;
}

.testmoney_card .row {
  padding: 0px 12px 0px 24px;
}

footer .footer-wrap.footerSection {
  padding: 20px 0px 40px !important;
}

.row.touchFormRow {
  justify-content: center;
}

p::first-letter {
  text-transform: uppercase;
}

div::first-letter {
  text-transform: uppercase;
}

p::first-letter {
  text-transform: uppercase;
}

h1::first-letter {
  text-transform: uppercase;
}

h2::first-letter {
  text-transform: uppercase;
}

h3::first-letter {
  text-transform: uppercase;
}

h4::first-letter {
  text-transform: uppercase;
}

h5::first-letter {
  text-transform: uppercase;
}

h6::first-letter {
  text-transform: uppercase;
}

.billHeaderSection {
  padding: 30px 0px;
}

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

.billHeaderSection .flexBlock .logoTitle {
  display: flex;
  align-items: center;
}

.billHeaderSection .logoTitle .image {
  /* height: 60px; */
  width: 220px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.billHeaderSection .logoTitle .image img {
  width: 100%;
}

.billHeaderSection .logoTitle .titles h2 {
  font-weight: 600;
  margin-bottom: 0px;
}

.billHeaderSection .sideTitleBlock {
  text-align: end;
}

.billHeaderSection .sideTitleBlock h3 {
  text-align: end;
  font-weight: 500;
  margin: 0px;
}

.billHeaderSection .sideTitleBlock p {
  color: #696969 !important;
  text-align: end;
  margin: 0px;
}

.billHeaderSection .cardDetailsRow {
  margin-top: 40px;
}

.billHeaderSection .cardDetailsRow .cardOneOuter {
  box-shadow: 0px 0px 18px #e7f3ff;
  border-radius: 16px;
  padding: 12px;
}

.billHeaderSection .cardDetailsRow .cardOne {
  padding: 10px 12px;
  border-radius: 12px;
  background: #f6f8fc;
}

.billHeaderSection .cardDetailsRow .cardOne img {
  width: 50px;
  width: 30px;
  border-radius: 40px;
}

.billHeaderSection .cardDetailsRow .cardOne h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}

.billHeaderSection .cardDetailsRow .cardOne h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  height: 30px;
}
.billHeaderSection .cardDetailsRow .cardOne h5 span img {
  margin-right: 6px;
  height: 30px;
  margin-right: 6px;
  width: 30px;
  object-fit: cover;
}

.billHeaderSection .cardDetailsRow .cardOne p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

.billHeaderSection .cardDetailsRow .cardOne .contacts {
  margin-bottom: 3px;
  overflow: hidden;
}

.billHeaderSection .cardDetailsRow .cardOne .contacts :first-child {
  margin-right: 16px;
  color: #737982;
  font-weight: 500;
}

.billHeaderSection .cardDetailsRow .cardOne .contacts :last-child {
  color: #373636;
  font-weight: 500;
}

.billHeaderSection .cardDetailsRow .cardOne .contacts .email {
  margin-right: 25px;
}

.cardDetailsRow .amountCard {
  padding: 16px 12px;
  background: #deeae5;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  border-radius: 16px;
  text-align: end;
  border: 1px solid #3c6d59;
}

.cardDetailsRow .amountCard h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}

.cardDetailsRow .amountCard h3 {
  font-size: 24px;
  margin: 0px;
  line-break: anywhere;
}

.cardDetailsRow .amountCard h4 {
  font-size: 18px;
}

.cardDetailsRow .amountCard p {
  margin: 0px;
  font-size: 15px;
}

.billTableCard {
  margin-top: 30px;
  box-shadow: 0px 3px 2px #c1bfbf;
  border-radius: 16px;
  overflow: hidden;
}

.billTableCard tr th.center {
  text-align: center;
}

.billTableCard tr th {
  text-align: start;
  background: #3c6d59;
  color: #fff;
  padding: 10px 10px 10px 40px;
  font-size: 16px;
  font-weight: 600;
}

.billTableCard tr td {
  border: 2px solid #ededed !important;
  padding: 16px 20px 16px 40px;
  font-size: 16px;
  color: #343232;
  font-weight: 400;
  text-align: start;
}

.billTableCard tr td p {
  font-size: 16px;
  color: #343232 !important;
  margin-top: 8px;
}

.billTableCard tr td h5 {
  color: #335d4c;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.billTableCard tr.subTotalRow td {
  text-align: end;
  background: #dde9e4 !important;
  padding: 10px 40px;
  font-size: 14px;
}

.billTableCard tr.subTotalRow td span {
  color: #000;
  font-size: 14px;
}

.billTableCard tr.subTotalRow td h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 2px;
  color: #000;
  margin-bottom: 0px;
}

.billHeaderSection .grandTotal {
  display: flex;
  justify-content: space-between;
  padding: 10px 40px;
  border-top: 2px solid #ededed;
  margin-top: 20px;
  border-bottom: 2px solid #ededed;
}

.billHeaderSection .grandTotal h3 {
  margin: 0px;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}

.billHeaderSection .termsBlock {
  margin-top: 40px;
  padding: 0px 40px;
}

.billHeaderSection .termsBlock h6 {
  font-size: 18px;
  font-weight: 600;
  color: #495170;
}

.billHeaderSection .termsBlock p {
  font-size: 16px;
  color: #495170 !important;
}

.billHeaderSection .contactBlock {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  background: #f6f8fc;
  padding: 40px;
}

.billHeaderSection .contactBlock .details h6 {
  color: #19213d;
  font-size: 15px;
  margin-bottom: 5px;
}

.billHeaderSection .contactBlock .details p {
  color: #5d6481 !important;
  margin-bottom: 4px;
  text-transform: lowercase !important;
}

.billHeaderSection .contactBlock .details p::first-letter {
  text-transform: lowercase;
}

.billHeaderSection .contactBlock .details p span {
  color: #000;
}

.billHeaderSection .contactBlock .logo {
  height: 100px;
  width: 130px;
  margin-right: 60px;
  display: flex;
  align-items: center;
}

.billHeaderSection .contactBlock .logo img {
  width: 100%;
}

.billHeaderSection .billTableCard .billTable {
  width: 100%;
  overflow: auto;
}

section.userLoginSection {
  height: 100vh;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

section.userLoginSection .col-md-6.first {
  position: relative;
  top: -50px;
}

section.userLoginSection .col-md-6.first img {
  width: 100%;
  object-fit: contain;
}

section.userLoginSection .topImage img {
  width: 80%;
}

.loginFormMain {
  display: flex;
  margin: 0px 40px;
  border-radius: 26px;
  overflow: hidden;
  background: #fcfcfccc;
  align-items: center;
  box-shadow: 0px 0px 4px #d0d0d0;
}

.row.touchFormRow p.error-msg {
  position: absolute;
  bottom: -15px;
  margin-bottom: unset !important;
  left: 13px;
}

.loginFormMain .formBlock {
  width: 60%;
  background: #fcfcfccc;
  padding: 0px 40px;
}

.loginFormMain .formBlock h3 {
  color: #0c1421;
  margin-top: 16px;
  font-size: 24px;
  text-align: start;
}

.loginFormMain .formBlock p {
  color: #313957 !important;
  text-align: start;
  line-height: normal;
  margin-bottom: 0px;
}

.loginFormMain .formBlock .form-control {
  margin-top: 14px;
  background: #f7fbff;
  color: #373636 !important;
  border-radius: 10px !important;
}

.loginFormMain .formBlock .form-control::placeholder {
  color: #8897ad !important;
}

.loginFormMain .formBlock ::placeholder {
  color: #373636;
  opacity: 1;
  /* Firefox */
}

.loginFormMain .formBlock .pp {
  text-align: end;
  margin-top: 4px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.loginFormMain .formBlock .pp :first-child {
  text-align: start;
}

.loginFormMain .formBlock .pp :last-child {
  text-align: end;
}

.loginFormMain .formBlock .pp a {
  color: #9e8464 !important;
}

.loginFormMain .formBlock .pp a:hover {
  color: #eea54d !important;
}

.loginFormMain .formBlock .pp a:active {
  color: #c67b1e !important;
}

.loginFormMain .formBlock .form-group {
  position: relative;
  margin: 0px !important;
  text-align: left;
}

.loginFormMain .formBlock .form-group .password-eye {
  position: absolute;
  top: 6px;
  right: 10px;
  left: unset !important;
  cursor: pointer;
}

.bridge-txt span {
  font-size: 100px;
}

.handover-txtd.text-light {
  font-weight: 600;
}

.loginFormMain .formBlock .pp a:hover {
  color: #c67435;
}

.loginFormMain .formBlock .pp a {
}

.loginFormMain .formBlock button {
  background: #0e6844;
  padding: 4px 50px;
  margin-top: 12px;
  color: #fff;
  width: 100% !important;
}

.loginFormMain .fomImg {
  width: 40%;
  height: 400px;
}

.loginFormMain .fomImg img {
  width: 100%;
  height: 100%;
  background-color: #fcfcfccc;
}

.bn-sec.homeBanner {
  padding-top: 0px;
}

/* ----------------------- */
.homeBanner .contentPadLeft {
  padding-left: 70px;
}

.pdng-tb.stoppingSection {
  padding-top: 80px;
}

.fw-5.hoverTitles {
  color: #878787;
  transition: all 0.8s;
}

.brdr-btm:hover .fw-5.hoverTitles {
  padding-left: 30px;
  color: #000;
}

.justifyCenter {
  justify-content: center;
}

.viewAllBulb {
  height: 220px;
  width: 220px;
  text-align: center;
}

.creation-txtd.populer {
}

.creation-txtd.latest {
  font-size: 55px;
}

.creation-txtd.latest span {
  font-size: 65px;
}

.handover-txtd.article span {
  font-size: 65px;
}

.row.pt-top.twoHeads {
  justify-content: space-between;
}

.row.pt-top.twoHeads .divideTitles.ceiling {
  /* width: fit-content; */
}

.bn-sec.homeBanner.one {
  padding: 0px 40px 30px;
}

.bn-sec.homeBanner.two {
}

.contentPadLeft.two {
  padding: 0px 35px;
}

.col-sm-5.mobileColumn {
  display: none;
}

.profilePageRow .sideFixColumn {
  padding-left: 0px;
}

.accountName .image {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  overflow: hidden;
  display: contents;
}

.accountName .image img {
  width: 50px;
  height: 50px;
  border: 3px solid #9e8464;
  border-radius: 50%;
  object-fit: cover;
}

.accountName h4 {
  font-size: 20px;
  margin: 0px;
  font-weight: 700;
  font-family: "Inter", serif;
  line-height: 22px;
  text-align: start;
}

.accountName {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 16px 12px;
  /* margin: 16px 0px 12px; */
  border-bottom: 2px solid #0000002b;
}

.sideBlockCard {
  border-right: 2px solid #c7c8c9;
  height: 100vh;
  background-color: #fff;
  position: sticky;
  top: 0px;
}

.sideBlockCard ul {
  padding: 0px;
}

.sideBlockCard h5 {
  margin: 0px;
  text-align: start;
  padding: 9px 0px 9px 16px;
  color: #9e8464;
  font-size: 17px;
  cursor: default;
  border-top: 1px solid #c7c8c900;
  border-bottom: 1px solid #c7c8c900;
}

.sideBlockCard h5:hover {
  border-top: 1px solid #c7c8c9;
  border-bottom: 1px solid #c7c8c9;
}

.sideBlockCard ul li {
  text-align: start;
  padding: 9px 0px 9px 16px;
  transition: all 0.6s;
  border-top: 1px solid #c7c8c900;
  border-bottom: 1px solid #c7c8c900;
}

.sideBlockCard ul li:hover {
  border-top: 1px solid #c7c8c9;
  border-bottom: 1px solid #c7c8c9;
}

.sideBlockCard hr {
  margin: 2px 0px;
}

.sideBlockCard ul li a {
  padding: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  transition: all 0.6s;
}

.sideBlockCard ul li a:hover {
  color: #027e4c;
  padding-left: 10px;
}

.sideBlockCard ul li a:active {
  color: #095a3a;
}

.main-account-container.mainBackground {
  background-color: #fafafa !important;
}

.rightMainColumn .mainOuter {
  width: 95%;
  margin: 50px auto 150px;
}

.mainOuter .topTitles {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: end;
}

.mainOuter .topTitles h3 {
  margin: 0px;
  font-weight: 600;
}

.mainOuter .topTitles button {
  background: #fff;
  border-radius: 6px;
  padding: 4px 16px;
  box-shadow: 0px 0px 2px #00000075;
}

.mainOuter .topTitles button img {
  width: 13px;
  margin-right: 5px;
}

.accountFormCard {
  padding: 35px;
  background: #fff;
  border-radius: 4px;
}

.accountFormCard .firstBlock {
  display: flex;
  gap: 35px;
  align-items: center;
}

.firstBlock .fields {
  width: 100%;
}

.firstBlock .fields .twoFields {
  display: flex;
  gap: 16px;
}

.firstBlock .fields h3 {
  text-align: start;
  font-size: 22px;
}

.fields .fieldBlock {
  margin-bottom: 8px;
}

.fieldBlock p {
  text-align: start;
  color: #1d2026 !important;
  margin-bottom: 4px;
  line-height: normal;
  font-size: 15px;
}
.accountFormCard.update
  .fields.changePswd
  .fieldBlock
  input.form-control::first-letter {
  text-transform: unset !important;
}
.accountFormCard.update .fields.changePswd .fieldBlock input.form-control {
  text-transform: unset !important;
}

.accountFormCard .fieldBlock input.form-control {
  height: unset;
  padding: 7px 16px !important;
  border-radius: 4px !important;
}

.completeTextMbl button {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );

  border-color: #119259;
  font-family: "Cinzel", serif;
  font-size: 20px;
  padding: 2px 10px;
  color: #fff;
  font-weight: 400;
  line-height: 100%;
  border-radius: 30px 30px 30px 0px;
}
.abt-con-btn.text-light {
  padding: 6px 26px;
}
.firstBlock .image {
  /* width: 250px; */
  /* position: relative; */
  /* height: 250px; */
  padding: 20px;
  background: aliceblue;
}

.firstBlock .image .userImg {
  background-color: #f5f7fa;
  /* padding: 25px; */
  /* width: 100%; */
  position: relative;
  height: 200px;
  width: 200px;
  overflow: hidden;
}

.firstBlock .image .userImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-color: #fff;
}

.accountFormCard .buttonDiv {
  text-align: start;
  margin-top: 20px;
}

.accountFormCard .buttonDiv.pswd {
  text-align: start;
  margin-top: 4px;
}

.accountFormCard .buttonDiv.pswd button {
  border-radius: 4px;
}

.accountFormCard .buttonDiv button {
  color: #fff;
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
  border: none;
}

.accountFormCard .buttonDiv button:active {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
}

.accountFormCard .buttonDiv button:hover {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0c5a3a,
    #0a4c30,
    #073f26,
    #05321d
  );
}

.colorGreen {
  color: #027e4c !important;
}

.ordersOuterBlock .react-tabs__tab-list {
  display: flex;
  justify-content: space-between;
}

.ordersOuterBlock .react-tabs__tab-list .react-tabs__tab {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 4px;
}

.ordersOuterBlock .react-tabs__tab-list .react-tabs__tab--selected {
  border-radius: 5px !important;
  padding: 6px 12px !important;
}

.processOrders .row {
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c4c2c2;
}

.processOrders .productDetails {
  text-align: start;
}

.processOrders .productDetails.textEnd {
  text-align: end;
}

.productDetails .orderImg {
}

.productDetails .orderImg img {
}

.productDetails p {
  margin-bottom: 5px;
}

.productDetails h4 {
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.productDetails h4 span {
  font-size: 9px;
  background: #efd33d;
  padding: 3px 8px;
  margin-left: 4px;
}

.productDetails .colorCircle {
  display: flex;
  align-items: center;
}

.productDetails .colorCircle div {
  padding: 2px;
  height: 14px;
  width: 14px;
  background: brown;
  display: inline-block;
  border-radius: 30px;
  margin-right: 8px;
  border: 2px solid #ffffff;
  border-style: double;
  outline: 1px solid brown;
}

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

.productDetails h6 div {
  height: 14px;
  width: 14px;
  background: #efd33d;
  display: inline-block;
  border-radius: 30px;
  margin-right: 6px;
  border: 2px solid #ffffff;
}

.fields.changePswd {
  width: 35%;
}

.fields.changePswd .fieldBlock {
  margin-bottom: 12px;
}

.wishlistRow {
}

.wishlistRow .wishCard {
  background: #eff0ef;
  border-radius: 6px;
  position: relative;
}

.wishCard .image {
  padding: 30px;
  margin: auto;
  height: 300px;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wishCard .image img {
  width: 100%;
  height: 100%;
}

.wishCard .details {
  padding: 0px 14px;
}

.wishCard .details .rating {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin-bottom: 16px;
  gap: 16px;
}

.wishCard .details .rating p {
  text-align: start;
  line-height: normal;
  width: fit-content;
  margin: 0px;
  font-size: 14px;
  height: 38px;
}

.wishCard .details .rating .starrs {
  display: flex;
  padding-top: 5px;
  gap: 5px;
}

.wishCard .details .rating .starrs svg {
  color: #c5a266;
  font-size: 16px;
}

.details .price {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  justify-content: space-between;
}

.details .price button {
  background: #c5a266;
  border-radius: 5px;
  padding: 4px 14px;
  color: #fff;
}

.details .price button:hover {
  background: #d0a761;
}

.details .price button:active {
  background: #b78e47;
}

.details .price h4 {
  color: #cc857e;
  margin: 0px;
  font-weight: 500;
}

.wishlistRow .wishColumn {
  margin-bottom: 20px;
}

.wishCard .deleteBtn {
  padding: 1px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: #fff;
  border-radius: 4px;
}

.wishCard .deleteBtn svg {
  color: #ff0505ab;
  font-size: 22px;
}

.creation-txtd.tab-center {
  font-size: 120px;
}

.handover-txtd.handover {
  font-size: 120px;
}

.d-flex.j-center.handFlex {
  padding-left: 65px;
}

.viewAllBulbTwo {
  display: none;
}

.processOrders .ordersRow {
  display: flex;
  align-items: center;
  padding-bottom: 3px;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 3px;
}

.slidBlock {
  display: none;
}

.mobileTopProfile {
  display: none;
}

.custom-file-input {
  display: none;
}

.custom-file-label {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.custom-file-label:hover {
  background-color: #0056b3;
}

.custom-file-label.uploadLabel::after {
  display: none !important;
}

.custom-file-label.uploadLabel {
  top: unset;
  bottom: 0px;
  margin: 0px;
  background: #00000082;
  color: #fff;
  height: 40px;
  border-radius: unset;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.text-center.blog-txt {
  font-size: 16px;
  color: #6d7d7d;
  font-weight: 400;
  letter-spacing: 6px;
}

.notFoundSection {
  padding: 60px 0px 170px;
  background-image: url("../images/foundbg.png");
  background-size: cover;
  background-position: bottom;
}

.foundContentOuter {
}

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

.foundContentInner .foundContent {
}

.foundContent .image {
  position: relative;
  width: 500px;
  height: 400px;
}

.foundContent .image img {
  width: 100%;
}

.foundContent .image h3 {
  font-family: "Cinzel";
  position: absolute;
  top: 123px;
  font-size: 36px;
  letter-spacing: 8px;
}

.foundContent p {
  color: #000000 !important;
  font-weight: 500;
  position: absolute;
  bottom: -29px;
  font-size: 17px;
  text-align: center;
}

.foundContentInner .sideIcons {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 85px;
  margin-left: 20px;
}

/* .foundContentInner .sideIcons div {
  height: 80px;
  width: 80px;
  text-align: center;
} */
.foundContentInner .sideIcons .first {
  height: 50px;
  width: 50px;
}

.foundContentInner .sideIcons .second {
  height: 80px;
  width: 80px;
}

.image .backButton {
  width: 160px;
  height: 165px;
  position: relative;
  text-align: center;
  bottom: 120px;
  left: 120px;
}

.is-invalid {
  outline: auto;
  outline-color: #dc3545;
  outline-style: auto;
}
.card-sdw .react-multi-carousel-list ul li {
  /* left: -6px !important; */
}
.yarl__thumbnails_container nav button {
  width: 180px !important;
  border-radius: 10px !important;
  width: 230px !important;
}
.yarl__fullsize.yarl__flex_center.yarl__slide_wrapper img {
  border-radius: 10px;
}
.yarl__thumbnails_thumbnail_active {
  border: 1px solid orangered !important;
}

.image .backButton img {
  width: auto;
  height: 100%;
  text-align: center;
  margin: auto;
}

.image .backButton button {
  color: #fff;
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
  border: none;
  font-size: 12px;
  padding: 14px;
  position: absolute;
  left: 0px;
  top: 80px;
  border-radius: 50px;
  width: 100% !important;
}

.image .backButton button:active {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
}

.image .backButton button:hover {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0c5a3a,
    #0a4c30,
    #073f26,
    #05321d
  );
}

.mobileMenuLogoLi .closeTogglee {
  display: none;
}

.mobileLoginAc {
  display: none;
}

.fullLightImage {
  background-image: url("../images/Ellipse.png");
  background-size: cover;
}

.getQuotTabs.modal-header {
  height: 450px;
}

.getQuotTabs.modal-header .sideTabs .react-tabs__tab--selected {
  padding: 0px !important;
  background-color: unset !important;
}

.overViewPopup
  .row.mr-2.textCap
  .assignMargin
  input.sel-inp.firstText::first-letter {
  text-transform: unset !important;
}

.overViewPopup .row.mr-2.textCap .assignMargin input.sel-inp.firstText {
  text-transform: unset !important;
}

.getQuotTabs.modal-header .sideTabs .text-start.cursor-pointer {
  font-size: 19px;
  display: flex;
  gap: 6px;
  align-items: baseline;
  margin-bottom: 4px;
  color: #665244;
  font-weight: 500;
}

.getQuotTabs.modal-header .sideTabs .text-start.cursor-pointer input {
  height: 13px;
  width: 13px;
  background-color: #d9d9d9;
  border: 1.3px solid #665244;
}

.getQuotTabs.modal-header .singleTabList {
  padding: 5px 15px;
  color: #6f6f6f;
  margin-bottom: 10px;
  border-bottom: 4px solid #76562600;
  font-family: "Poppins", sans-serif;
}

.getQuotTabs.modal-header .singleTabList.active {
  padding: 5px 15px !important;
  font-weight: 500;
  background: unset !important;
  border-bottom: 4px solid #765626 !important;
  border-radius: 0px !important;
  font-family: "Poppins", sans-serif;
  color: #000 !important;
}

.modal .modal-dialog.modalDialogOuter {
  width: fit-content;
  margin: 50px auto 0px;
  max-width: unset;
}

.getQuotTabs.modal-header
  .sideTabs
  .react-tabs__tab--selected
  input[type="radio"] {
  background-color: #765626;
}

.getQuotTabs.modal-header
  .sideTabs
  .react-tabs__tab--selected
  input[type="radio"]:checked::before {
  display: none;
}

input[type="radio"]:focus {
  outline: none !important;
}

.singleTabListOuter {
  padding-left: 0px;
  border-bottom: 2px solid #d3d3d3;
  margin-bottom: 20px;
  width: 85%;
}

.registerForms .form-control.form-control1 {
  background-color: #fff !important;
  color: #7c7676 !important;
  height: unset;
  padding: 4px 12px;
  font-size: 12px;
  border-color: #66666659;
}

.registerForms .form-control.form-control1::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #8b8888 !important;
  font-size: 12px;
}

.registerForms .form-control.form-control1:hover {
  color: #000 !important;
}

.registerForms .form-control.form-control1:active {
  color: #000 !important;
}

.registerForms .form-control.form-control1:focus {
  color: #000 !important;
}

.registerForms .form-control.form-control1:target {
  color: #000 !important;
}

.registerForms .form-control.form-control1:active {
  border-color: #86b7fe;
}

.registerForms .form-control.form-control1:hover {
  background: #fff;
  outline: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-color: #dee2e6;
}

.registrationSection {
  padding: 0px;
  position: relative;
}

.registrationSection .registerForms {
  padding: 20px;
  height: 100vh;
  background-image: url("../images/sectbg.png");
  background-color: #fcfdf9;
}

.registrationSection .registerForms.customer {
  /* background-color: #efefef; */
}

.registrationSection .registerForms.vendor {
  /* background-color: #eff7ff; */
}

.registrationSection .sign-up-nav {
  background-color: #eeeeee;
  padding: 0px;
  box-shadow: 0px 3px 3px #00000040;
  position: absolute;
  left: 15%;
  top: 30px;
  z-index: 1;
}

.selectSignOut.input-error {
  overflow: hidden;
  background-color: unset !important;
}

.registrationSection .sign-up-nav .sign-up-nav-item {
  color: #000;
  margin: 0px;
  padding: 9px 16px;
  font-size: 12px;
  font-size: 17px;
  width: 120px;
}

.registrationSection .sign-up-nav .sign-up-nav-item.react-tabs__tab--selected {
  color: #fff !important;
  background-color: #9e8464 !important;
  padding: 9px 16px !important;
}

.registerForms .formBlock {
  margin-top: 80px;
  background: #fff;
  padding: 0px 20px;
  border-radius: 16px;
  position: relative;
  margin-left: 50px;
  overflow: hidden;
  box-shadow: 0px 0px 5px #00000021;
  z-index: 1;
}

.registerForms .formBlock h3 {
  font-size: 20px;
  padding-top: 14px;
  margin-bottom: 16px;
  text-align: start;
}

.registerForms .formBlock p {
  font-size: 14px;
  margin-top: 2px;
  text-align: start;
}

.registerForms .formBlock p a {
  text-decoration: underline !important;
}

.formSubmit .form-group {
  margin-bottom: 10px;
}

.formSubmit .form-group h6 {
  font-size: 10px;
  text-align: start;
  margin: 0px;
}

.formSubmit .form-group button {
  color: #fff;
  padding: 3px 100px;
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
  border: none;
  font-weight: 400;
}

.formSubmit .form-group button:active {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
}

.formSubmit .form-group button:hover {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0c5a3a,
    #0a4c30,
    #073f26,
    #05321d
  );
}

.formSubmit .form-group .password-eye1 {
  position: absolute;
  top: 2px;
  left: unset;
  cursor: pointer;
  right: 20px;
  font-size: 14px;
}

.registerForms .formBlock p.formOptionalLine {
  font-size: 12px;
  margin-top: -5px;
  text-align: center;
  margin-bottom: 6px;
}

.signWithGoogle {
  display: flex;
  justify-content: center;
  padding-bottom: 12px;
}

.registerForms .formBlock .leafImg img {
  width: 100%;
}
.registerNumberInput {
  display: flex !important;
  align-items: center;
}
.registerNumberInput input {
  color: #7c7676 !important;
  background: no-repeat;
  border: none;
}

.registerForms .formBlock img.formLeaf {
  position: absolute;
  right: 0px;
  top: unset;
  bottom: 0px;
  width: 130px;
  z-index: -1;
}

/* .registerForms .formBlock::before {
  position: absolute;
  content: "";
  height: 140px;
  width: 140px;
  background-image: url("../images/formLeafe.png");
  bottom: 0;
  right: 0;
} */
.form-group.fullWidth.vendorWidth {
  margin-top: 25px;
  margin-bottom: 40px;
}

.registerForms h2.customerTitleHead {
  font-family: "Dancing Script", serif;
  font-size: 50px;
  color: #3c510e;
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

.registerForms.customer .rightColumn .firstBg {
  position: absolute;
  width: fit-content;
  right: 0px;
  top: -35px;
  text-align: end;
}

.registerForms.customer .rightColumn {
  position: unset;
}

.registerForms.customer .rightColumn .peopleImage {
  position: absolute;
  z-index: 1;
  bottom: 0px;
}

.registerForms.customer .rightColumn .peopleImage img {
  width: 90%;
}

.registerForms.customer .rightColumn .firstBg img {
  width: 80%;
}

.registerForms.vendor .rightColumnTwo .firstBgTwo {
  position: absolute;
  width: fit-content;
  right: 90px;
  top: 0px;
  text-align: end;
}

.registerForms.vendor .rightColumnTwo {
  position: unset;
}

.registerForms.vendor .rightColumnTwo .peopleImageTwo {
  position: absolute;
  z-index: 1;
  bottom: 0px;
  right: 50px;
  text-align: end;
  width: fit-content;
}

.registerForms.vendor .rightColumnTwo .peopleImageTwo img {
  width: 70%;
}

.registerForms.vendor .rightColumnTwo .firstBgTwo img {
  width: 70%;
}

.changePswOuter {
  position: relative;
}

.changePswOuter span {
  position: absolute;
  right: 16px;
  top: 4px;
}

.secondBlock .fieldBlock {
  margin-bottom: 8px;
}

.google-login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin: auto;
}

.registerForms .formBlock.two {
  z-index: 2;
}

.registrationSection .container-fluid {
  padding: 0px;
}

.quote-draft.quatTabs {
  padding: 0px;
  display: flex;
  justify-content: center;
  width: fit-content !important;
  margin: auto;
  gap: 5px;
}

/* .quote-draft.quatTabs .lineBlock {

} */
.quote-draft.quatTabs .tabButtons {
  padding: 8px 22px;
  width: 150px;
  text-align: center;
  border: 0px;
  cursor: pointer;
  transition: all 0.4s;
}

.quote-draft.quatTabs .tabButtons.react-tabs__tab--selected {
  background-color: #0b5133 !important;
  color: #fff !important;
  padding: 89x 22px !important;
}
.classificationBtn button:hover {
  background-image: linear-gradient(
    to left top,
    #ca9546,
    #be8239,
    #c17d36,
    #bf7331,
    #b7672b
  );
}
.quote-but.top:hover {
  background-color: #0b5133;
  color: #fff;
  box-shadow: 0px 3px 6px #383838;
}

.quote-but.top {
  padding: 11px 16px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #0b5133;
  margin-right: 10px;
}

.text-center.freezBtns button {
  margin: 3px;
}

.dynamicRowBg:hover td {
  background-color: #f6fef9 !important;
}

.getQuotModal .modal-dialog {
  max-width: 800px;
}

.getQuotModal .modal-dialog .backdrop2 {
  padding: 24px 35px;
}

.getQuotModal .modal-dialog .modal-content {
  background: none;
  border: none;
}

.modalDialogGetQuotSection {
  background-color: #fff;
  border-radius: 20px;
  padding: 0px;
  padding-left: 20px;
  height: 530px;
  position: relative;
}

.modalCloseIcon {
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 10px;
  cursor: pointer;
}

.modalCloseIcon svg {
  color: #6d6a6a;
  font-size: 24px;
}

.getQuotModal .getQuotTabs.modal-header {
  height: unset;
}

.sideTabs.radio input[type="radio"]:checked::before {
  width: 100%;
  height: 100%;
  background-color: #665244;
}

.sideRadioColumn {
  border-right: 2px solid #d3d3d3;
}

.rightFormsBlock {
  padding-left: 16px;
}

.rightFormsBlock .rightFormOuter {
  padding: 20px 0px 0px 12px;
}

.modalDialogGetQuotSection .row {
  height: 100%;
}

.progressLine {
  color: #138a54;
}

.progressLine .MuiSlider-track {
  border: 1px solid #138a54;
  background-color: #138a54;
}

.progressLine .MuiSlider-rail {
  background-color: #e0e0e0;
}

.progressLine :nth-child(3) {
  display: none;
}

.progressLine :nth-child(4):hover {
  box-shadow: none !important;
}

.progressLine :nth-child(4) {
  box-shadow: none !important;
}

.progressLine :nth-child(4)::before {
  position: absolute;
  content: "\276F\276F";
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  top: 3px;
  background: none;
  box-shadow: none;
  left: 5px;
}

.progressLine .MuiSlider-thumb.MuiSlider-thumbSizeMedium {
  background-color: #138a54;
  border-radius: 4px;
  height: 24px;
  width: 24px;
}

.questionnaireCard .card-image {
  height: 200px;
  display: flex;
  flex-direction: row;
}

.questionnaireCard .card-image img {
  height: 100%;
  width: 100%;
}

.questionnaireCard .card {
  border-radius: 12px;
  overflow: hidden;
}

.questionnaireCard .card .fnt-sm2.col-fig {
  height: 17px;
  line-height: 15px;
}

select.selectedOption option {
  font-size: 15px;
  background-color: unset;
}

.testimonialing p span {
  white-space: unset !important;
}

.testimonialing {
  overflow: hidden;
  padding-right: 16px;
}

.profile-description-s {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-description-s p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-description-s span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

li.loginIcon {
}

li.loginIcon a {
  display: flex !important;
  align-items: center;
  gap: 2px;
}

li.loginIcon a svg {
  font-size: 20px;
}

.getAQuotBtn {
  box-shadow: 0px 3px 3px #43006330;
  color: #fff;
  font-weight: 400;
  padding: 6px 22px;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  ) !important;
  margin-right: 10px;
  border-radius: 50px;
  margin-top: 12px;
  border: 1px solid #198754;
}

.getAQuotBtn:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
  border: 1px solid #198754 !important;
}

.customerSupport {
  box-shadow: 0px 3px 3px #43006330;
  color: #2e0b34;
  font-weight: 400;
  padding: 6px 16px;
  background: #fff;
  border-radius: 50px;
  margin-top: 12px;
  border: 1px solid #43006330;
  line-height: normal;
}

.btn.btn-success.getQuot {
  border-radius: 50px !important;
  padding: 6px 20px;
}

.col-lg-3.col-md-4.col-sm-6.res-none .brdr-all.marginRest {
  height: 100%;
  border-radius: 20px;
}

.btn.btn-success.getQuot:hover {
  background-color: #19ad68 !important;
}

.btn.btn-success.getQuot:active {
  background-color: #0a6a3d !important;
}

.supportFormOuter p.error-msg {
  margin-top: -19px;
  margin-left: 17px;
}

.supportFormOuter .input-containering {
}

.customerSupport:hover {
  border-color: #43006330 !important;
  box-shadow: 0px 3px 3px #43006375 !important;
}

.customerSupport:active {
  border-color: #43006330;
  box-shadow: 0px 3px 3px #43006363;
}

nav .navigation-main .floating-menu > ul > li.services {
  position: relative;
}

nav .navigation-main .floating-menu > ul > li.services:hover {
  background-color: unset;
}

nav .navigation-main .floating-menu > ul > li.services:hover a {
  color: #000;
}

nav .navigation-main .floating-menu > ul > li.services ul {
  position: absolute;
  padding: 5px 0px;
  border: 2px solid #e5e5e5;
  border-radius: 7px;
  background: #fff;
  left: -45px;
  top: 65px;
  display: none;
  width: 180px;
  transition: all 0.5s;
}

nav .navigation-main .floating-menu > ul > li.services ul::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  background-color: #fff;
  right: 50%;
  top: -8px;
  border-top: 2px solid #e5e5e5;
  border-left: 2px solid #e5e5e5;
  rotate: 45deg;
}

nav .navigation-main .floating-menu > ul > li.services ul li {
  text-align: start;
  padding: 2px 16px;
}

nav .navigation-main .floating-menu > ul > li.services ul li a {
  color: #000;
  transition: all 0.5s;
  font-size: 14px;
}

nav .navigation-main .floating-menu > ul > li.services a:hover {
  background-color: unset;
}

nav .navigation-main .floating-menu > ul > li.services ul li:hover {
}

nav .navigation-main .floating-menu > ul > li.services ul li:hover a {
  color: rgb(196, 146, 54);
}

.nav.navBarHeight {
  height: 65px;
  box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
  border-radius: 0px 0px 20px 20px;
}
.nav.navBarHeight.is-sticky {
  z-index: 1000;
}
nav .navigation-main .floating-menu > ul > li.services:hover ul {
  display: block;
  transition: all 0.5s;
}

.errorSymbol.position {
  position: absolute;
  top: 0;
  line-height: 0;
}

.form-group.col-md-6 .errorSymbol.position {
  left: 8px;
}

nav.navBarHeight .navigation ul.menuNav li {
  padding: 18px 0px;
}

nav .navigation-main .floating-menu > ul.menuNav {
  margin: 0px;
}

.filterStickyOuter {
  position: sticky;
  top: 100px;
}

.proDetailBlock {
  padding: 50px 0px 50px;
}

.proDetailBlock .imgOuter {
  box-shadow: 0px 0px 3px #bebaba;
  border-radius: 8px;
  height: 260px;
  margin-bottom: 30px;
  overflow: hidden;
}

.proDetailBlock .imgOuter img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.loginFormMain .formBlock .form-group .form-control {
  text-transform: unset !important;
}

.loginFormMain .formBlock .form-group .form-control::first-letter {
  text-transform: unset !important;
}

.registerForms .form-control.form-control1.exceptC {
  text-transform: unset !important;
}

.registerForms .form-control.form-control1.exceptC::first-letter {
  text-transform: unset !important;
}

.btn.btn-success.getQuot {
}

.col-md-10.po-recvet {
  display: unset;
}

.toggle_out.text-end button {
  margin-top: 8px;
}

.d-flex.qualCheck {
  gap: 3px;
}

/* nav .navigation-main .floating-menu > ul > li > span {
  padding: 5px 19px;
  color: black;
  font-weight: 600;
} */

.cateCard {
  padding: 20px;
  background-color: #fff;
  box-shadow: 1px 2px 4px #b3b3b3;
  border-radius: 5px;
  margin-bottom: 30px;
}

.cateCard .image {
  height: 240px;
  border-radius: 12px;
  overflow: hidden;
}

.cateCard .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 12px;
}

.cateCard .details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}

.cateCard .details h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0px;
}

.cateCard .details a {
  color: rgb(158, 80, 12);
  display: flex;
  align-items: center;
  font-size: 15px;
}

.cateCard .details a:hover {
  color: #ff922a;
}

nav .navigation-top > ul > li > a.supportBtn {
  border: unset;
  padding: unset;
  line-height: unset;
  font-size: unset;
  color: unset;
}

.customerCloseBtn.supportClose button {
  font-size: 21px;
}

.supportFormOuter p.error-msg.msg {
  margin-top: -7px;
  margin-bottom: -4px !important;
}

.messageInput textarea {
  background-color: #fcfbff !important;
  border: 1px solid #ccc;
  border-radius: 13px;
  color: #000;
  padding: 2px 16px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.ref-frnd.support-customer .modal-content {
  position: relative;
  width: 100% !important;
  border-radius: 16px !important;
  padding: 30px 30px 30px 40px;
  background-image: url("../images/supportbg.png");
  background-color: unset;
  background-size: cover;
}

.supportFormOuter h3 {
  color: #04123f;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 18px;
}

.supportFormOuter .contacts {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
}

.supportFormOuter h4 {
  color: #163730;
  font-weight: 500;
  font-size: 17px;
  margin: 0px 0px 16px;
  padding-top: 4px;
}

.supportFormOuter {
  margin: 12px 0px;
}

.supportFormOuter .contacts div {
  color: #002f5e;
  font-size: 13px;
  font-weight: 500;
}

.supportFormOuter .contacts div svg {
  font-size: 23px;
  padding-right: 6px;
  border-right: 1px solid #d8d4d4;
  margin-right: 2px;
}

.customerCloseBtn {
  position: absolute;
  right: 20px;
  top: 0px;
  width: fit-content;
  z-index: 1;
}

.dividerLine {
  position: relative;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
}

.dividerLine p {
  margin: 0px;
  position: absolute;
  width: fit-content;
  text-transform: lowercase;
  left: 46%;
  background: #fbf7f7;
  border-radius: 2px;
  padding: 0px 5px;
  top: -11px;
  font-size: 12px;
}

.supportImgColumn {
  position: absolute;
  top: -40px;
  width: 90%;
}

.supportImage {
  position: relative;
}

.ref-frnd.support-customer .modal-dialog.modal-lg.modal-dialog-centered {
  max-width: 900px;
}

.supportFormOuter .input-containering input {
  font-size: 16px;
  background: transparent !important;
  border: none !important;
  height: 21px;
  width: 80%;
  color: black;
}

.supportFormOuter .input-containering svg {
  margin-right: 6px;
}

.supportFormOuter .input-containering input::placeholder {
  font-size: 16px;
}

.messageInput textarea {
  font-size: 16px;
}

.messageInput textarea::placeholder {
  font-size: 16px !important;
}

.supportSubmit button {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
}

.popupSubmitBtns {
  margin: 10px 0px 0px;
  display: flex;
  justify-content: space-between;
}

.sideRadioColumn {
  padding-top: 14px;
}

.popupSubmitBtns :first-child {
  margin-right: 12px;
}

.overViewPopup .row.mr-2 .assignMargin {
  position: relative;
  margin-bottom: 12px;
}
.overViewPopup .row.mr-2 .assignMargin select.sel-inp {
  padding: 4px 4px;
  font-size: 15px;
}
.overViewPopup .row.mr-2 .assignMargin select.sel-inp::placeholder {
  padding: unset;
}

.overViewPopup .row.mr-2 .assignMargin .sel-inp {
  padding: 2px 8px;
  font-size: 15px;
}

.overViewPopup .row.mr-2 .assignMargin .sel-inp::placeholder {
  /* padding: 4px 8px; */
  font-size: 15px;
}
p.selectRoomP {
  color: #000000cc !important;
  padding: 6px 15px 6px 8px !important;
}
.popupSubmitBtns .btn.btn-light.can-btn {
  padding: 4px 14px !important;
  background-color: #dadada !important;
}
.popupSubmitBtns .btn.btn-light.can-btn:hover {
  background-color: #bdbaba !important;
}
.overViewPopup .row.mr-2 .assignMargin .error-msg {
  /* position: absolute;
  left: 13px;
  bottom: -18px;
  font-size: 12px; */
  position: unset;
  margin-bottom: -7px !important;

  margin-left: 10px;
  margin-top: -1px;
}

.pdfCard.guidCard {
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 40px;
  box-shadow: 0px 0px 6px #00000036;
}

.pdfCard.guidCard .pdfImg {
  height: 250px;
  box-shadow: 0px 0px 2px #dddada;
}

.pdfCard.guidCard .pdfImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.row.px-3.pdng-tpng.desktopNone {
  display: none;
}

.guidCard .b-contn h4 {
  font-family: "Lora", serif;
  font-size: 20px !important;
  color: #495057 !important;
  margin-top: 0px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.noDataComponent {
  width: 99%;
}

.guidCard .b-contn .description p {
  font-family: "Lora", serif;
  font-size: 12px !important;
  color: #6c757d !important;
  padding-bottom: 0px;
  border-bottom: unset;
  margin-bottom: 30px;
  height: 55px;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.guidCard .b-contn .description {
  height: 55px;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b-contn .pdfButtons {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  padding-top: 20px;
  justify-content: center;

  font-family: "Roboto", serif;
  border-top: 1px solid #e5e5e5;
}

.pdfCard .pdfButtons button {
  border: 2px solid #e9e9e9;
  border-radius: 10px;
  padding: 4px 4px;
  width: 150px !important;
  text-align: center;
  font-family: "Roboto", sans-serif !important;
  overflow: hidden;
  transition: all 0.8s;
}

.pdfCard .pdfButtons button:hover {
  background-image: linear-gradient(
    to bottom,
    #0e6844,
    #0e6844,
    #0e6844,
    #0c5a3a,
    #0a4c30
  );
  color: #fff;
  border: none !important;
  transition: all 0.8s;
}

.pdfCard .pdfButtons button:hover .spanBlockTwo {
  transition: all 0.8s;
}

.pdfCard .pdfButtons button .spanBlockTwo {
  transition: all 0.8s;
}

.pdfCard .pdfButtons button:hover span.spanBlockTwo svg.slideArrow {
  left: 0;
  position: relative;
  transition: all 0.8s;
  visibility: unset;
}

.pdfCard .pdfButtons button span.spanBlockTwo svg.slideArrow {
  position: absolute;
  left: 26px;
  font-size: 18px;
  color: #fff !important;
  visibility: hidden;
  margin-left: 14px;
  transition: all 0.8s;
}

.bonusOuter {
  margin-left: -24px;
}

.vendorColor .vendor-description {
  font-family: "Caveat", cursive !important;
  color: #fff !important;
}

.vendorColor .vendor-description div.danc-f {
  font-family: "Caveat", cursive !important;
  color: #fff !important;
}

.vendorColor .vendor-description div p {
  font-family: "Caveat", cursive !important;
  color: #fff !important;
}

.vendorColor .vendor-description span {
  font-family: "Caveat", cursive !important;
  color: #fff !important;
}

.su-txt.testimonial-content-outer div.contText {
  height: 55px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  background-attachment: red;
}

.vendorTestimonys {
  display: flex;
  gap: 10px;
}

.testimonialing.content {
  padding: unset;
  text-align: start;
}

.vendorTestimonys div {
  /* width: fit-content; */
}

.vendor-image-container.d-flex.justify-content-center {
  display: unset !important;
  border-radius: 45px;
  overflow: hidden;
}

.su-txt.testimonial-content-outer div p.testimonialing {
  height: 55px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  background-attachment: red;
  padding-right: 16px;
}

.row.referRow {
  margin-top: 9px;
  width: 101%;
}

.width-img.increase {
  width: 48px;
  margin-left: 15px;
  height: 40px;
  margin-right: 12px;
}

.result-container.conditionImg {
  height: 190px;
  width: 190px;
  margin: auto;
  padding-bottom: 10px;
}

.result-container.conditionImg img {
  width: auto;
  height: 100%;
  margin-top: 6px;
}
.nameStars .stopToApply:hover {
  background-color: #fff;
}
.nameStars .stopToApply {
  /* all: unset !important; */
  padding: 1px 4px;
  background: none;
  border: none;
  border-radius: 5px;
}
.nameStars .stopToApply img {
  width: 25px;
}
.row.mb-3.questionnaireCard .quote-draft.quatTabs .tabButtons {
  width: 160px;
  line-height: 15px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
  width: 19%;
  border: 1px solid #0b5133 !important;
  border-radius: 20px;
}

.row.mb-3.questionnaireCard
  .quote-draft.quatTabs
  .tabButtons.react-tabs__tab--selected {
  /* width: 150px; */
}

.row.mb-3.questionnaireCard .quote-draft.quatTabs {
  margin: 0px auto 16px;
  flex-wrap: wrap;
  padding: 6px 0px !important;
  width: 98% !important;
}

.addElement {
  border-radius: 4px;
  width: fit-content;
  margin: 7px 6px 5px 5px;
  padding: 7px 5px;
  background: #f1f1f1;
  color: #047f59;
  cursor: pointer;
}

.addElement:active {
  background: #4aab8f !important;
  color: #035138 !important;
}

.addElement:hover {
  background: #555a596e;
}

.removeElement {
  border-radius: 4px;
  width: fit-content;
  margin: 5px 5px 5px auto;
  padding: 2px 8px;
  background: #ff00002e;
  color: #e33a3a;
}

.removeElement:active {
  background: #ff000072 !important;
  color: #981616 !important;
}

.removeElement:hover {
  background: #ff00004f;
}

.confirmationPopup .modal-header {
  display: flex !important;
  align-items: center;
}

.confirmationPopup .modal-header .closeBtn {
  height: 20px;
  width: 20px;
  display: flex;
  margin-right: 8px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.confirmationPopup .modal-header .modal-title.h4 {
  font-size: 24px;
  padding: 0px 0px 0px 16px;
  margin-top: 0px;
}

.confirmationPopup .modal-dialog .popup-body.modal-body {
  padding-top: 10px;
}

.confirmationPopup .modal-header .closeBtn button {
  font-size: 28px;
}

.confirmationPopup .confirmation-buttons {
  justify-content: center;
}

.confirmationPopup .modal-dialog {
  height: 100%;
  display: flex;
  margin-top: 0px;
  align-items: center;
}

.detailsRibbon .element .ot-fnt {
  margin-bottom: 5px;
}

.pricingOptionBtn button {
  font-weight: 400;
}

.broughtLifeOuter {
  position: relative;
  left: 100px;
  padding-top: 100px;
}

.carousel-image.proCarousel {
  height: 350px;
}

.carousel-image.proCarousel img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.up-btn.update {
  font-weight: 400;
}

.pricingOptionBtn button svg {
  margin-left: 8px;
}

.bg-brown.userTbl {
}

.table .thead-dark .bg-brown.userTbl th .tbl-iner {
  text-align: start;
}
.tbl-in {
  text-align: center !important;
}

.table .thead-dark .bg-brown.userTbl th .tbl-iner.center {
  text-align: center;
}

.viewIcon {
  width: fit-content;
  background: #b5e0cd;
  color: #0b5133;
  padding: 0px 8px 1px;
  border-radius: 3px;
}

.errorSymbol {
  color: red;
}

.viewIcon svg {
  font-size: 16px;
}

li.loginIcon a svg.sign {
  font-size: 12px;
  margin-right: 2px;
}

.br-grey.userTestTabList {
  width: fit-content;
}

.reviewContentBlock p {
  color: #fff !important;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 400;
}

.reviewContentBlock {
}

.reviewContentBlock p span {
  color: #fff !important;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 400;
}

.reviewContentBlock p svg.firstIcon {
  margin-bottom: 20px;
  margin-right: 8px;
}

.reviewTextOuter.tabsOt {
  padding: 30px;
}

.reviewTextOuter {
  width: 100%;
  padding: 40px;
  min-height: 220px;
}

.livingRoom.reviewTabsList .reviewTabImg {
  height: 200px;
  box-shadow: 0px 0px 2px #d8d5d5;
  border-radius: 9px;
  overflow: hidden;
  margin-bottom: 20px;
}

.livingRoom.reviewTabsList .reviewTabImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

nav .navigation-main .floating-menu > ul > li.services p {
  font-family: "Open Sans", sans-serif;
  color: #443934;
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
  position: relative;
  top: 5px;
  margin: 0px;
  padding: 1px 20px;
  cursor: pointer;
  font-size: 14px;
}

.creation-txtd.text-light.mt-6 {
  text-shadow: 0px 0px 6px #000;
}

.onGoingFormRelative {
  position: relative;
}

.span-arrow.border-light {
  margin-left: 7px;
}

.row.articleRow .articleImg {
  border-radius: 3px;
  overflow: hidden;
  height: 330px;
  box-shadow: 0px 0px 2px #cccccc;
}

.row.articleRow .articleImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.tw-brd.birdDiv {
  border-radius: 24px 0px 0px 24px;
  overflow: hidden;
}

.tw-brd.birdDiv img {
  height: 100%;
}

.vendar-iconOuter {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #eceeef;
  position: relative;
  display: flex;
  left: 42px;
  top: -4px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 4px #7d7a7ab5;
}

.vendar-iconOuter .vendar-icon {
  width: 70px;
  height: 70px;
  box-shadow: unset;
  object-fit: contain;
  position: unset;
  /* left: 43px; */
  background-color: unset;
  border-radius: unset;
}

input.s-ong:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fcfbff inset !important;
  -webkit-box-shadow: 0 0 0 1000px #fcfbff inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
  /* smooth autofill override */
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-color: transparent !important;
  color: inherit !important;
}

/* ----------------- NORMAL THEME --------------- */
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
  /* smooth autofill override */
}

/* -------------- DARK THEME ------------- */
/* input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #1e1e1e inset;
  -webkit-text-fill-color: #fff;
} */

/* .formSubmit.registrations .form-group.col-md-6 {
  position: relative;
}
.formSubmit.registrations .form-group.col-md-6 p.error-msg {
  position: absolute;
  margin: 0px;
  bottom: -3px;
  right: 20px;
} */
.formSubmit.registrations .form-group.col-md-6 p.error-msg {
  margin-bottom: -6px !important;
  margin-top: -2px;
  margin-left: 13px;
}

.refer-error {
  border-bottom: 1px solid #dc3545 !important;
  background-color: #fff0f0 !important;
  padding: 7px 10px 7px 0px !important;
  margin-top: 10px !important;
}

.complir_sec.layer .layerSubBlock::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.3;
}

.complir_sec.layer .layerSubBlock button .__rcs-handle-button::before {
  content: unset;
}

.complir_sec.layer .layerSubBlock:nth-child(2) {
  position: relative;
}

.complir_sec.layer .layerSubBlock :nth-child(2)::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.3;
}

.complir_sec.layer {
  position: relative;
}
.row.tab-rev.row-pdng {
  align-items: center;
}
.table-responsive .table .thead-darkk .bg-brown th {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #fff !important;
}

.table-responsive.myQuotTbl::-webkit-scrollbar {
  display: none !important;
  /* Chrome, Safari, Edge */
}

.modal-backdrop.show {
  opacity: 0.7 !important;
}

.row.touchFormRow input.inputField:-webkit-autofill {
  box-shadow: 0 0 0 1000px #2c4143 inset !important;
  -webkit-box-shadow: 0 0 0 1000px #2c4143 inset !important;
  -webkit-text-fill-color: #9e9999 !important;
  transition: background-color 5000s ease-in-out 0s;
  /* smooth autofill override */
}

.backdrop2.blurr {
  background: rgb(255 255 255 / 12%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid #ffffff82;
}

.loginFormMain .formBlock p.formOptionalLine {
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 6px;
}

.inp-txt.selectOption {
  width: 100%;
}

.col-md-3.col-sm-3.d-flex.justify-content-end.tab-sub {
  justify-content: center !important;
}

p.error-msg.logError {
  color: #dc3545 !important;
  margin-left: 13px;
  margin-top: -1px;
  margin-bottom: -4px !important;
}

.pos-rel.dedicateSect {
  margin-top: 40px;
}

.pos-rel.dedicateSect h1.ded-txt {
  margin-top: 12px;
}

.inp-txt.selectOption select {
  background-color: transparent;
  border: none;
  color: #9e9999;
  text-align: center;
  /* padding: 7px; */
  font-size: 15px !important;
  width: 100%;
  text-align: start;
  padding-left: 10px;
}

.row.touchFormRow p.error-msg.role {
  left: 26px;
}

.inp-txt.mbl input {
  text-align: start;
}

.refer-form input.refer-error {
  padding: 7px 10px 7px 8px !important;
}

.onGoingFormRelative .error-msg {
  margin-bottom: 5px !important;
  position: relative;
  left: 18px;
  margin-top: 1px;
  line-height: 12px;
}

.inp-txt {
  text-align: center;
}

.mobileBlockTop {
  display: none;
}

.refer-form.formRef .error-msg {
  margin-bottom: -7px !important;
  margin-top: -1px;
  margin-left: 8px;
}

.offer-text br {
  display: none;
}

.forgotButton {
  text-align: center;
}

.forgotButton button {
  font-family: "Poppins", serif;
  font-size: 14px;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  padding: 6px 20px;
  border-radius: 17px;
  border: none;
  color: #fff;
}

.forgot-pass-card {
  padding: 21px;
  background-color: #f5f5f5;
  border-radius: 17px;
  width: 100%;
  border-top: 4px solid #566476;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-bottom: 4px solid #566476;
}

.signin-form.forgotForm label {
  color: #000;
}

.forgotButton button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  );
}

.forgot-pass-card .heading-section {
  color: #000;
}

.referFormOuter .bottomImg {
  display: none;
}

.fieldBlock.otpFieldBlock div {
  justify-content: center !important;
}

.buttonDiv.pswd.otpResend {
  display: flex;
  justify-content: space-evenly;
  margin-top: 12px;
}

.fieldBlock.otpFieldBlock p {
  text-align: center;
  margin-bottom: 12px;
}

.buttonDiv.pswd.otpResend button {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  color: #fff;
  padding: 5px 14px;
}

.buttonDiv.pswd.otpResend button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  );
}

.buttonDiv.pswd.updatePswd button {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  color: #fff;
  padding: 5px 14px;
}

.screenLogo {
  text-align: center;
  margin-bottom: 9px;
}

.screenLogo img {
  width: 100px;
}

.buttonDiv.pswd.updatePswd {
  text-align: center;
  margin-top: 12px;
}

.buttonDiv.pswd.updatePswd button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  );
}

.btn.btn-success.next-but2.w-100.text-capitalize.onSubmit {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  ) !important;
}

.btn.btn-success.next-but2.w-100.text-capitalize.onSubmit:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}

.fieldBlock.changeNewPswd .changePswOuter span {
  color: #000;
}

.fieldBlock.changeNewPswd .changePswOuter span svg {
  color: #000;
}

.f-12.d-flex.align-items-center.gap-2 img {
  /* filter: unset; */
}

.fieldBlock.otpFieldBlock div input {
  background: unset !important;
  color: #000 !important;
}

.fieldBlock.changeNewPswd .changePswOuter p.error-msg {
  color: #dc3545 !important;
}

.fieldBlock.changeNewPswd .changePswOuter input {
  text-transform: unset !important;
}

/* .fieldBlock.changeNewPswd .changePswOuter input ::placeholder {
  text-transform: unset !important;
} */

.fieldBlock.changeNewPswd .changePswOuter input::first-letter {
  text-transform: unset !important;
}
.fieldBlock.changeNewPswd .changePswOuter.lt-error input::first-letter {
  text-transform: unset !important;
}

.dynamicRowBg .firstLetter::first-letter {
  text-transform: uppercase !important;
}

.visit-container.py-4.text-start.d-flex {
  align-items: center;
  position: relative;
}

.splitE {
}

.city-card.citiLocation {
  width: 74%;
  margin-left: 10px;
}

h1.creation-txtd.text-light.mt-6 ::first-letter {
  text-transform: unset !important;
}

.city-card.citiLocation .card-content {
  background: none;
  box-shadow: none;
}

.v-price.options {
  font-size: 16px;
  padding: 9px 12px !important;
}

.card-content .mapBtns ::first-letter {
  text-transform: uppercase !important;
}

.city-namee.fleitems {
  display: flex;
  justify-content: center;
}

/* .vendorimgRoss .col-md-6.col-sm-6 div {
  height: 300px;
} */
.registerForms .form-control.form-control1.dropOption {
  appearance: auto;
  padding-left: 8px;
  border: unset;
  border-radius: unset;
}

.selectSignOut {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding-right: 12px;
  overflow: hidden;
}

.txt-gray {
  color: #787878 !important;
  /* Light gray for placeholder */
}

.txt-black {
  color: #000 !important;
  /* Black when selected */
}

.container.curveContainer {
  max-width: 100%;
  margin-right: 0px;
}

.creat-sec.pt-0 {
  background-image: url("../images/handoverBg.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.filter-black.blackTwo {
  filter: brightness(0);
}

.support-customer.ForgotMoal
  .modalFormsOuter.mini-screens
  .signin-form.forgotForm.for-mdal
  .form-control.form-popup {
  text-transform: unset !important;
}

.support-customer.ForgotMoal
  .modalFormsOuter.mini-screens
  .signin-form.forgotForm.for-mdal
  .form-control.form-popup::first-letter {
  text-transform: unset !important;
}

.textarea-c.w-100.p-2 {
  padding: 10px !important;
}

.contactForm .input-c {
  font-size: 14px;
  padding: 6px 10px;
}

.contactForm .input-c ::placeholder {
  font-size: 14px;
}

.contactForm .textarea-c {
  font-size: 14px;
  padding: 6px 10px;
}

.contactForm .textarea-c ::placeholder {
  font-size: 14px;
}

.dividerLine p::first-letter {
  text-transform: unset !important;
}

.contactForm p.error-msg {
  margin-bottom: -12px !important;
  margin-top: -1px;
  margin-left: 12px;
}

.contactForm p.error-msg.msg {
  margin-bottom: -13px !important;
  margin-top: -7px;
}

.mobileCusImg {
  display: none;
}

.noCarousel {
  color: #fff !important;
  font-weight: 500;
}

.mobileCusImg img {
}

.supportFormOuter .pollImg {
  display: none;
}

.row.loopingRow {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7e4e4;
}

.row.loopingRow .thirdDroOption {
}

.col-md-3.qual-chck.d-flex.gap-2.align-items-center button svg {
  font-size: 20px;
}

.breadCrumb .con-headng {
  font-size: 60px;
  padding-top: 55px;
  padding-right: 40px;
}

.bg-contact.breadCrumb {
  padding: 0px 0px 41px;
}

.col-md-3.qual-chck.d-flex.gap-2.align-items-center button {
  height: 32px !important;
  width: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: unset;
}

.contactShow {
  text-align: center;
}

.contactShow img {
  width: 65%;
}

.row.tetCentering .col-md-3.qual-chck {
  text-align: start;
}

.qual-chck.imageC .qual-image {
  margin: auto;
  box-shadow: 0px 0px 2px #d2d2d2;
}

.row.backLight .col-md-3.qual-chck {
  background-color: #f4f9ffe5;
  padding: 9px 12px;
  margin-bottom: 10px;
  color: #1d1a54;
}

.row.backLight .col-md-2.qual-chck {
  background-color: #f4f9ffe5;
  padding: 9px 12px;
  margin-bottom: 10px;
  color: #1d1a54;
}

.row.tetCentering .col-md-3.qual-chck.imageC {
  text-align: center;
}

.row.tetCentering.backLight {
  margin: 0px;
}

.row.tetCentering.backLight :first-child {
  border-radius: 18px 0px 0px 18px;
}

.row.tetCentering.backLight :last-child {
  border-radius: 0px 18px 18px 0px;
}

.table-responsive.table-styles.bg-white.mb-5.padLeft {
  /* padding: 17px 25px !important; */
}

.card-c.contactC {
  padding: 0px 20px 20px;
}

.contactDetails .contact-title {
  padding-top: 0px;
  font-size: 30px;
}

.contactDetails .contact-section {
  padding: 0px;
}

.contactDetails .contact-item {
  padding: 0px 0px;
}

.contactDetails .wid-location {
  width: 130px;
}

.contactDetails .w-77 {
  width: 59px;
}

.contactItemOuter {
  display: flex;
}

.contactItemOuter .contact-item {
  width: 47%;
}

.broughtLifeOuter .react-multi-carousel-track {
  gap: 12px !important;
}

.addressDetailBr br {
  display: none;
}

input[type="text"] {
  text-transform: capitalize !important;
}

textarea {
  text-transform: capitalize !important;
}

.f-12.d-flex.align-items-center.gap-2.miniCon .microicns {
  height: 21px;
  width: 21px;
  border-radius: 3px;
}

.form-control.form-control1.upperCase {
  text-transform: uppercase !important;
}

/* .arrow-dir.cursor-pointer path {
  fill: red;
} */
.shiftingArrows {
}

.shiftingArrows div {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  margin: 0px 10px;
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #6a6a6a;
}

/* .shiftingArrows div img {
  transition: filter 0.3s ease;
} */
.shiftingArrows div svg {
  transition: filter 0.3s ease;
  font-size: 30px;
  color: #6a6a6a;
}

.shiftingArrows div:hover {
  background-color: #000;
}

/* .shiftingArrows div:hover img {
  filter: brightness(0) invert(1);
} */
.shiftingArrows div:hover svg {
  color: #ffffffe0;
}

.registerForms .form-control.form-control1:-webkit-autofill {
  -webkit-text-fill-color: #7c7676 !important;
  transition: background-color 9999s ease-in-out 0s;
}

.ref-frnd.support-customer.ForgotMoal.bg-extra-s
  .customerCloseBtn.fogot
  button {
  font-size: 20px !important;
  opacity: 1;
}

.row.backLight .col-md-1.qual-chck {
  background-color: #f4f9ffe5;
  padding: 9px 12px;
  margin-bottom: 10px;
  color: #1d1a54;
}

.col-md-1.col-sm-1.buttonsColumn button {
  height: 26px !important;
  width: 34px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: unset;
}

.col-md-1.col-sm-1.buttonsColumn button svg {
  font-size: 18px;
}

.ref-frnd.support-customer.qualityCheck .modal-content {
  padding: 20px 25px 25px;
  background-color: #efeff1;
  background-image: none;
  overflow: hidden;
}

.buttonsColumn .addRRemovesOuter {
  display: flex;
  gap: 5px;
}

.col-md-1.col-sm-1.buttonsColumn {
  padding-left: 0px;
}

.row.loopingRow.tetCentering {
  align-items: center;
  width: 100%;
  margin: 0px auto 12px;
}
.col-md-6.qualityImage div {
  padding: 12px;
}
.qualityForm .input-containering .s-ong {
  font-size: 14px;
  color: #00000080 !important;
}
.qualityForm .input-containering .s-ong::placeholder {
  color: #00000080 !important;
  font-size: 14px;
}
.qualityForm .input-containering {
  border-radius: 8px;
  padding: 6px 16px;
  border: unset;
  box-shadow: 0px 0px 2px #dbdbdb;
}

.qualityForm h3 {
  margin-bottom: 14px;
}

.loopRowOuter {
  max-height: 410px;
  overflow-y: auto;

  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
  scrollbar-width: thin;
}

.loopRowOuter::-webkit-scrollbar {
  width: 6px;
}

.loopRowOuter::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 4px;
}

.loopRowOuter::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

/* React Phone Number Input overrides */
.row.touchFormRow .react-phone-number-input,
.react-phone-number-input input {
  background-color: #2c2c2c;
  /* Replace with your footer bg */
  color: #ffffff;
  border: none;
}

.row.touchFormRow .react-phone-number-input__input:focus {
  outline: none;
  background-color: #2c2c2c;
  color: #ffffff;
}

.react-phone-number-input__icon {
  fill: #ffffff;
}

.row.touchFormRow .react-phone-number-input__country-select,
.react-phone-number-input__country-select:focus {
  background-color: #2c2c2c;
  color: #ffffff;
}

.row.touchFormRow .react-phone-number-input__country-select option {
  background-color: #2c2c2c;
  color: #ffffff;
}

/* Autofill override (for Chrome-like browsers) */
.row.touchFormRow input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #2c4143 inset !important;
  -webkit-text-fill-color: #9e9999 !important;
}

.row.touchFormRow .PhoneInputCountrySelectArrow {
  margin-left: 8px;
  font-size: 18px;
}
/* .col-md-3.col-sm-3.d-flex.justify-content-end.tab-sub {
  display: none !important;
} */
.dreamSection .container {
  max-width: 90%;
  width: 90%;
  margin: auto;
}
.dreamSection .titlesBlock {
  text-align: center;
  margin-bottom: -100px;
}
.dreamSection {
  padding-top: 50px;
  background-image: url("../images/dreamBg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.dreamSection .titlesBlock h1 {
  font-family: "Suranna", serif;
  font-size: 80px;
  line-height: 88%;
}
.dreamSection .titlesBlock h1 span {
  font-family: "Fasthand", cursive;
  color: #9e8464;
}
.dreamSection .titlesBlock p {
  font-family: "Inter", serif;
  color: #0d1324 !important;
  font-weight: 400;
  margin: 40px 0px 50px;
  font-size: 20px;
}
.titlesBlock .enrollButton button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}
.titlesBlock .enrollButton {
  /* margin-bottom: -50px; */
}
.titlesBlock .enrollButton button {
  color: #fff;
  padding: 6px 22px;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  ) !important;

  border: 1px solid #198754;
}
.curveCards {
}
.curveCards .curveImages {
  display: flex;
  align-items: end;
  margin-bottom: -22px;
  justify-content: center;
}
.curveCards .curveImages div {
  position: relative;
}
.curveCards .curveImages div p {
  font-family: "Space Grotesk", sans-serif;
  position: relative;
  text-align: center;
  top: 110px;
  font-weight: 500;
  color: #fff !important;
  font-size: 14px;
}
.curveCards .curveImages div img {
}
.curveCards .curveImages div.one p {
  /* bottom: 220px;
  left: 51px; */
  top: 108px;
}
.curveCards .curveImages div.two p {
  /* left: 38px;
  bottom: 185px; */
  top: 83px;
}
.curveCards .curveImages div.three p {
  /* bottom: 178px;
  left: 38px; */
  top: 70px;
}
.curveCards .curveImages div.four p {
  /* left: 28px;
  bottom: 177px; */

  top: 55px;
}
.curveCards .curveImages div.five p {
  /* bottom: 180px;
  left: 35px; */

  top: 70px;
}
.curveCards .curveImages div.six p {
  /* left: 46px;
  bottom: 180px; */

  top: 88px;
}
.curveCards .curveImages div.seven p {
  /* bottom: 220px;
  left: 63px; */

  top: 110px;
}
.handoverSection h2 span {
  font-family: "Poppins", sans-serif;
}
.handoverSection h2 {
  font-size: 50px;
  color: #000000 !important;
  font-family: "Cinzel", serif;
  text-align: center;
  font-weight: 400;
  margin-bottom: 26px;
}
.handoverSection {
  padding-top: 40px;
  /* padding-bottom: 20px; */
  background-image: url("../images/hadoverBackground.png");
  background-size: cover;
  background-position: bottom;
}
.handoverSection .tabPoints {
  background-image: linear-gradient(
    to right,
    #f7f7f4,
    #f5f5f2,
    #f2f2f0,
    #f0f0ee,
    #eeeeec
  );
  padding: 40px;
  border-radius: 24px;
  border-left: 3px solid #bd9a4b;
  box-shadow: 0px 0px 2px #8b8a8a;
}
.handoverSection .tabPoints ul {
  padding-left: 0px;
}
.handoverSection .tabPoints ul li {
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  font-family: "Inter", serif;
}
.handoverSection .tabPoints ul li img {
  width: 22px;
  margin-right: 12px;
}
.handoverImg {
  height: 400px;
  text-align: center;
}
.handoverImg img {
  height: 100%;
}
.handoverSection .handoverTabs .react-tabs__tab-list svg {
  color: #128351;
  font-size: 20px;
  margin-bottom: 4px;
}
.handoverSection .handoverTabs .react-tabs__tab-list {
  border-bottom: unset;
  text-align: center;
  width: fit-content;
  margin: 0px auto 40px;
  padding: 4px;
  background: #dddcdc;
  border-radius: 52px;
  background-image: linear-gradient(
    to right,
    #d7ebe0,
    #d7ebe0,
    #d7ebe0,
    #e5e1d8,
    #e5e1d8
  );
  /* transition: all 1.5s; */
  border: 2px solid #fff;
  box-shadow: 0px 0px 2px #9a9797;
}
.handoverSection .handoverTabs .react-tabs__tab-list .react-tabs__tab {
  font-family: "Poppins", serif;
  color: #000;
  /* transition: all 1.5s; */
  padding: 7px 14px;
  border-radius: 30px;
}
.handoverSection
  .handoverTabs
  .react-tabs__tab-list
  .react-tabs__tab--selected {
  color: #fff !important;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  ) !important;
}
.bannerCarouseOuter {
  background-image: url("../images/giffBg.png");
  background-repeat: no-repeat;
  background-size: auto;
}
.interiorServices {
  background-image: url("../images/interiorBg.png");
  padding-top: 0px;
  padding-bottom: 0px;
  background-size: cover;
  background-position: right;
  overflow: hidden;
}
.interiorServices .container {
  max-width: 93%;
  padding: 0px;
  margin-left: 0px;
}
.interiorServices .serviceImage {
}
.interiorServices .serviceImage img {
  width: 90%;
}
/* ======================== SERVICE FLIP CARDS CSS OPEN ====================== */

/* flip card css */
.interiorServices .flip-card {
  background-color: transparent;
  /* width: 300px; */
  height: 200px;
  perspective: 1000px;
  margin: 40px 0px;
}
.interiorServices .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.interiorServices .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.interiorServices .flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  border: 4px solid #fff;

  padding: 20px;
  box-shadow: 0 0px 7px rgb(0 0 0 / 3%);
}
.interiorServices .flip-card-front {
  text-align: center;
}
.interiorServices .flip-card-back {
  background-image: linear-gradient(
    to left bottom,
    #004232,
    #004041,
    #003c4a,
    #0f364d,
    #283048
  );
  transform: rotateY(180deg);
}
.interiorServices .flip-card-back P {
  font-family: "Inter", serif;
  font-size: 15px;
  color: #fff !important;
  margin-bottom: 0px;
}
.interiorServices .flip-card-front img {
  width: 40px;
}
.interiorServices .flip-card-front h3 {
  font-family: "Inter", serif;
  color: #304b46;
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 8px;
}
.interiorServices .flip-card-front p {
  font-family: "Inter", serif;
  font-size: 14px;
  color: #a3801a !important;
  margin-bottom: 0px;
}
.completeText h3 {
  font-family: "Cinzel", serif;
  font-size: 45px;
  font-weight: 400;
  color: #040404 !important;
  text-align: center;
}
.completeText h3 span {
  font-family: "Dancing Script", serif;
}
.completeText button {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  border-color: #119259;
  font-family: "Cinzel", serif;
  font-size: 33px;
  padding: 2px 14px;
  color: #fff;
  font-weight: 400;
  line-height: 100%;
  border-radius: 30px 30px 30px 0px;
}
.completeText {
  text-align: center;
}
.interiorService .flexAlign {
  display: flex;
  align-items: center;
}
.row.alignItems {
  align-items: center;
}
.completeText button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
  border-color: #119259 !important;
}
.flip-card.bootCampCard .flip-card-front {
  background-color: #fcf7eb;
}
.flip-card.automation .flip-card-front {
  background-color: #f5f7e9;
}
.flip-card.finalisation .flip-card-front {
  background-color: #f4f7e8;
}
.flip-card.inspection .flip-card-front {
  background-color: #f5f5f2;
}
.flip-card.selection .flip-card-front {
  background-color: #faf0e9;
}
.flip-card.planning .flip-card-front {
  background-color: #f2f8ef;
}
.flip-card.marketPlace .flip-card-front {
  background-color: #eff6f2;
}
.flip-card.monitoring .flip-card-front {
  background-color: #fcf2e0;
}
.automationOuter .automationImg {
  position: absolute;
  bottom: 0px;
  left: 38%;
  width: 60px;
  height: 1000px;
}
.monitoringOuter .monitoringImg {
  position: absolute;
  bottom: 0px;
  left: 38%;
  width: 60px;
  height: 1000px;
}
.planningOuter .planningImg {
  position: absolute;
  top: 0px;
  left: 38%;
  width: 60px;
  height: 1000px;
}
.finaliseOuter .finaliseImg {
  position: absolute;
  top: 0px;
  left: 38%;
  width: 60px;
  height: 1000px;
}
.interiorServices .bootCampOuter {
  position: relative;
  z-index: 1;
}
.interiorServices .automationOuter {
  position: relative;
}
.interiorServices .planningOuter {
  position: relative;
}
.interiorServices .selectionOuter {
  position: relative;
  z-index: 1;
}
.interiorServices .marketPlaceOuter {
  position: relative;
}
.interiorServices .monitoringOuter {
  position: relative;
}
.interiorServices .finaliseOuter {
  position: relative;
  /* z-index: 1; */
}
.interiorServices .inspectOuter {
  position: relative;
}
.bootCampOuter .bootcampBlurImg {
  position: absolute;
  right: 117px;
  bottom: 95px;
}
.automationOuter .automationBlurImg {
  position: absolute;
  right: 64px;
  bottom: 71px;
}
.planningOuter .planningBlurImg {
  position: absolute;
  right: 108px;
  bottom: 70px;
}
.selectionOuter .selctionBlurImg {
  position: absolute;
  left: 100px;
  bottom: 69px;
}
.marketPlaceOuter .marketPlaceBlurImg {
  position: absolute;
  bottom: 50px;
}
.monitoringOuter .monitoringBlurImg {
  position: absolute;
  left: 100px;
  bottom: 70px;
}
.finaliseOuter .finaliseBlurImg {
  position: absolute;
  left: 90px;
  bottom: 60px;
}
.inspectOuter .inspectBlurImg {
  position: absolute;
  left: 134px;
  bottom: -30px;
}
/* ======================== SERVICE FLIP CARDS CSS CLOSE ====================== */

.consult-div .react-multi-carousel-list .iconic-container {
  width: 94%;
  margin-bottom: 5px;
}
.consult-div2 .react-multi-carousel-list .iconic-container {
  width: 94%;
  margin-bottom: 5px;
}
.consult-div .react-multi-carousel-track {
  gap: 1px !important;
}
.consult-div2 .react-multi-carousel-track {
  gap: 1px !important;
}
.consult-div .react-multi-carousel-list {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.consult-div2 .react-multi-carousel-list {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.col-greyish.puy-4.trans-p {
  font-size: 20px;
  word-spacing: 0px;
  margin-bottom: 0;
}
.btn.btn-success.btn-grey.tranformBtn {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  width: 55% !important;
  font-size: 18px;
  font-weight: 500;
  padding: 6px;
}
.handoverTabs.mobileVersion {
  display: none;
}
.btn.btn-success.btn-grey.tranformBtn:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  );
}
.bordering button:disabled {
  background-color: #ccc;
  color: #666;
  border: 1px solid #aaa;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: stroke;
}
.row.parentRow {
  align-items: center;
}
.consult-div2 .container-fluid.py-4 {
  padding-top: 12px !important;
}
.iconic-container .green-wrapper .green-icon {
  width: 40px;
  height: unset;
}
.iconic-container .green-wrapper {
  width: unset;
  height: unset;
  border-radius: unset;
  border: none;
  display: contents;
}
.iconic-text {
  line-height: 100%;
}
.mobileGridImg {
  display: none;
}
.mobileCurveCards {
  display: none;
}
.dreamSection .titlesBlock h1 br.mblpart {
  display: none;
}
.interiorServices .serviceImage img.mobileImage {
  display: none;
}
.completeTextMbl {
  display: none;
}
.requestCheckOuter .MuiSelect-select.MuiSelect-outlined.MuiSelect-multiple {
  padding: 0px !important;
  border-radius: 6px !important;
  min-height: 35px !important;
}
.requestCheckItem {
  height: 23px !important;
  font-size: 11px !important;
}
.requestCheckInnerBlock {
  height: 35px !important;
  overflow: scroll !important;
}
.btn.btn-success.next-but.stepNext {
  padding: 4px 14px !important;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
}
.btn.btn-success.next-but.stepNext:hover {
  padding: 4px 14px !important;
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}
.mg-mob.mob-min.cel-v.qualBtn {
  text-align: center;
}
.leftGreenShape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.leftGreenShape img {
  width: 80%;
}
.qualityCheck .customerCloseBtn.supportClose button {
  opacity: 1;
}
.mg-mob.mob-min.cel-v.qualBtn
  .btn.btn-success.next-but2.w-100.text-capitalize.onSubmit {
  width: 100% !important;
  font-weight: 500;
  border-radius: 8px !important;
}
.qualityForm .error-msg {
  margin-left: 16px;
  margin-top: -1px;
}
.offer-in-div .ofer-sub-txt {
  text-transform: uppercase;
}
.offer-in-div .ofer-sub-txt2 {
  text-transform: uppercase;
}
.offer-in-div .flash-txt {
  line-height: normal;
  padding: 0px 6px;
  text-transform: uppercase;
  font-size: 10px;
}
.ofer-hed-txt.ttitle {
  font-family: "Mulish", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
}
.touchFormRow .inp-txt.mbl input::placeholder {
  color: #9e9999;
}
.arrow-line.p-4.j-end:hover .span-arrow {
  background-color: #000;
}
.arrow-line.p-4.j-end:hover .span-arrow svg {
  color: #fff !important;
}
.arrow-line.p-4.j-end span.allViewText {
  border: none !important;
  font-size: 16px;
  border-radius: unset !important;
  padding: 0px !important;
  margin-right: 4px;
}
.arrow-line.p-4.j-end:hover .allViewText {
  border-bottom: 2px solid !important;
  padding-bottom: 0px;
}
.arrow-line.p-4.text-light:hover span.popularAll {
  border-bottom: 2px Solid #fff;
}
.arrow-line.p-4.text-light span.popularAll {
  padding: 0px !important;
  border-radius: unset !important;
  margin-right: 3px;
  font-size: 16px;
  border: none;
}
.arrow-line.p-4.text-light:hover .span-arrow.border-light {
  background-color: #fff;
}
.arrow-line.p-4.text-light:hover .span-arrow.border-light svg {
  color: #000 !important;
}
.arrow-line.p-4.mobilePad .blogsAll {
  padding: 0px !important;
  margin-right: 4px;
  border: none;
  font-size: 16px;
  border-radius: unset;
}
.arrow-line.p-4.mobilePad:hover .blogsAll {
  border-bottom: 2px solid #000;
}
.arrow-line.p-4.mobilePad:hover span.span-arrow {
  background-color: #000;
}
.arrow-line.p-4.mobilePad:hover span.span-arrow svg {
  color: #fff !important;
}
.row .briSubDiv:hover .bri-icons.one {
  display: block !important;
}

.row .briSubDiv .bri-icons:hover {
  transform: scale(1.1);
}
.row .briSubDiv:hover .bri-icons.two {
  display: none;
}
.row .briSubDiv .bri-icons.one {
  display: none;
}
.row .briSubDiv {
  position: relative;
  z-index: 1;
}
.row .briSubDiv .bri-icons {
  transition: transform 0.3s ease;
}
.row .briSubDiv .bri-icons.two {
  transition: transform 0.3s ease !important;
}
.row .briSubDiv .bri-icons.one {
  transition: transform 0.3s ease !important;
}
.row .why-hdn {
  font-size: 35px;
  margin-bottom: 0px;
  padding-right: 18px;
}
.smoothScrollLeft {
  margin-bottom: 20px;
}
.smoothScrollLeft .rfm-child {
  /* width: 100%; */
}
.smoothScrollLeft .rfm-marquee-container .rfm-marquee {
  gap: 12px;
  /* width: fit-content; */
  min-width: 0px;
}
.smoothScrollLeft .rfm-initial-child-container {
  width: fit-content;
  gap: 12px;
  padding-right: 7px;
}
.smoothScrollRight .rfm-initial-child-container {
  width: fit-content;
  gap: 12px;
  padding-right: 7px;
}
.smoothScrollRight .rfm-marquee {
  gap: 12px;
  min-width: 0px;
}
.smoothScrollRight .rfm-child {
  /* width: 100%; */
}
.offer-in-div.mobileOffer {
  display: none;
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {
}
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded
  .MuiList-root
  .MuiButtonBase-root.MuiMenuItem-root {
}
.card.card-sdw.tt .react-multi-carousel-track {
  gap: 0px !important;
}
.aboutTeamSection {
  padding-top: 40px;
  padding-bottom: 10px;
  background: #eaeaea;
  background-image: url("../images/teamBg.png");
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
.aboutTeamSection .teamCardOuter {
  width: 20%;
  padding: 0px 10px;
  margin-bottom: 40px;
  position: relative;
}
.teamTitleHeading {
  font-family: "Cinzel", serif;
  font-size: 45px;
  margin-bottom: 10px;
}
.teamTitleHeading span {
  font-family: "Inter", serif;
  font-weight: 600;
}
.teamDetailsBlock .tm-image {
  height: 185px;
  /* background-image: url("../images/teamImgBg.png"); */
  background-color: #bfbfbf;
  background-size: cover;
  background-position: center;
}
.teamDetailsBlock .tm-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.teamDetailsBlock .tm-name {
  background: #fff;
  padding: 14px;
}
.teamDetailsBlock .tm-name h5 {
  font-size: 18px;
  font-family: "Inter", serif;
  margin-bottom: 4px;
  font-weight: 600;
}
.teamDetailsBlock .tm-name p {
  color: #0aa869 !important;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}
.teamDetailsBlock .tm-name .description {
  color: #5f6980 !important;
  font-size: 13px;
  font-weight: 400;
  font-family: "Inter", serif;
  line-height: 140%;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teamDetailsBlock .tm-name .description span {
  color: #5f6980 !important;
  font-size: 13px;
  font-weight: 400;
  font-family: "Inter", serif;
  line-height: 140%;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teamDetailsBlock .tm-name .description p {
  color: #5f6980 !important;
  font-size: 13px;
  font-weight: 400;
  font-family: "Inter", serif;
  line-height: 140%;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ref-frnd.guidesPdfModal .modal-dialog.modal-lg.modal-dialog-centered {
  --bs-modal-width: 900px;
}
.ref-frnd.guidesPdfModal .modal-content {
  width: 100% !important;
  background: #eeeef2;
  overflow: hidden;
}
.pdfLeadForm h3 .firstSpan {
  color: #0d8a58;
}
.pdfLeadForm h3 .secSpan {
  font-family: "Inter", serif;
}
.pdfLeadForm h3 {
  font-size: 28px;
  font-family: "Cinzel", serif;
  margin-bottom: 14px;
  margin-top: 30px;
  font-weight: 400;
}
.pdfLeadForm p.pdfTextL {
  color: #a4a4a4e5 !important;
}
.guidesPdfModal .pdfDetailForm .error-msg {
  margin-left: 12px;
  margin-top: -2px;
}
.guidesPdfModal .pdfDetailForm .input-containering {
  border-radius: 4px;
  border: unset;
  box-shadow: none;
  padding: 10px 10px;
  margin-bottom: 15px;
}
.guidesPdfModal .pdfDetailForm .input-containering svg {
  height: 14px;
  width: 14px;
  margin-right: 5px !important;
}
.input-containering svg {
}
.guidesPdfModal .pdfDetailForm .input-containering .s-ong {
  font-size: 14px;
  color: #6e7f92 !important;
}
.guidesPdfModal .pdfDetailForm .input-containering .s-ong::placeholder {
  color: #858c94 !important;
  font-size: 14px;
}
.pdfDetailForm form {
  width: 80%;
}
.pdfDetailForm form .mg-mob.mob-min.cel-v.qualBtn {
  margin-bottom: 30px !important;
}
.pdfDetailForm
  form
  .mg-mob.mob-min.cel-v.qualBtn.pdfBtn
  .btn.btn-success.next-but2.w-100 {
  width: fit-content !important;
  padding: 5px 20px !important;
  border-radius: 5px !important;
}
.pdfImgGuidColumn {
  display: flex;
  align-items: end;
}
.col-md-6.pdfLeadForm {
}
.col-md-6.pdfLeadForm .positionLeaf {
  position: absolute;
  bottom: 0;
  right: 0;
}
.row.qualityCheckRow {
  align-items: center;
}
.col-md-6.qualityFormOuter {
  padding: 0px 50px 0px 20px;
}
.col-md-6.qualityFormOuter h3 br {
  display: none;
}
.col-md-6.qualityFormOuter h3 {
  font-family: "Cinzel Decorative", serif;
  font-size: 26px;
  margin-bottom: 16px;
  color: #252b42;
  font-weight: 400;
}
.col-md-6.qualityFormOuter h3 span {
  color: #19ba70;
}
.elementInfoForm h5.modal-title.modal-title-centered {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  position: relative;
  top: 17px;
}
.elementInfoForm .modal-header.form.clse-divs {
  margin: 0px 10px 20px 30px;
}
.elementInfoForm .modal-footer.ftr-adjust {
  justify-content: start !important;
  width: 90%;
  margin: auto;
}
.elementInfoPopup.modal.show .modal-dialog {
  transform: none;
  max-width: 600px;
}
.elementInfoPopup.modal.show .modal-dialog .modal-content {
  border-radius: 30px;
  overflow: hidden;
}
.elementInfoForm button.btn.btn-success.info {
  padding: 4px 14px !important;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  border-radius: 4px;
}
.elementInfoForm button.btn.btn-success.info:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}
.elementInfoForm button.btn.btn-danger.form {
  padding: 4px 14px !important;
  background-color: #dadada !important;
  color: #000;
  border-radius: 4px;
}
.elementInfoForm button.btn.btn-danger.form:hover {
  background-color: #bdbaba !important;
}
.elementInfoForm .inputs-fields {
  width: 90%;
  margin: auto;
  padding: 12px 12px 20px;
  background: #fafbff;
  border-radius: 10px;
}
.elementInfoForm .error-msg.eror-left {
  margin-left: 40px !important;
  margin-top: -20px;
}
.confirmationPopup.elementInfoPopup .modal-dialog .modal-content {
  padding: 10px 20px;
}
.confirmationPopup.elementInfoPopup .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmation-buttons {
  justify-content: start;
  margin-left: 16px;
  margin-bottom: 12px;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmation-buttons
  button {
  border-radius: 5px;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmation-buttons
  button.noBtn {
  background-color: #dadada !important;
  color: #000;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmation-buttons
  button.noBtn:hover {
  background-color: #bdbaba !important;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-header
  .closee.form:hover {
  border: none;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmation-buttons
  button.yesBtnn {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  ) !important;
}
.modal-dialog
  .modal-content
  .modal-body
  .confirmation-buttons
  button.yesBtnn.yes:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}

.confirmationPopup.elementInfoPopup .modal-dialog .modal-content .modal-header {
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmText {
  margin: 12px 16px 20px 16px;
  padding: 10px;
  display: flex;
  align-items: center;
  background-color: #fafbff;
  border-radius: 10px;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmText
  img {
  width: 26px;
  margin-right: 8px;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-body
  .confirmText
  p {
  margin: 0px;
  color: #242731 !important;
  font-weight: 400;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-header
  .modal-title.h4 {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: 12px;
}
.confirmationPopup.elementInfoPopup
  .modal-dialog
  .modal-content
  .modal-header
  .closee.form {
  position: relative;
  bottom: 10px;
}
.submitQuotForm .error-msg {
  margin-left: 9px;
  margin-bottom: -9px !important;
}
.row.articleRow .col-md-4 .pt-4 p {
  height: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.img-eul {
  text-align: center;
}
.pb-2.num-count {
  text-align: center;
}
.text-light.space-text ul {
  list-style-type: circle;
}
.text-light.space-text ul li {
  margin-bottom: 10px;
}
.row.row-one.third-none {
  position: relative;
  /* width: 100%; */
}
/* .row.row-one.third-none::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 23px;
  background-color: #132c32;
  right: 0;
  bottom: -1px;
  border-radius: 10px 0px 0px 10px;
} */
.row.row-one.mt-row {
  position: relative;
  /* width: 100%; */
}
/* .row.row-one.mt-row::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 23px;
  background-color: #132c32;
  right: 0;
  bottom: -1px;
  border-radius: 10px 0px 0px 10px;
} */
section.promiseSection {
  padding: 0px;
}
.promiseSection .row.firstClip {
  margin: 0px 0px 20px;
  padding: 20px 0px 20px;
  border-top: 2px solid #808080;
  border-bottom: 2px solid #808080;
  border-radius: 20px;
  align-items: center;
}
.promiseSection h2 {
  font-family: "Suranna", serif;
  color: #212121 !important;
  font-size: 55px;
}
.promiseSection h2 span {
  color: #96ef1d;
}
.promiseBlock {
  display: flex;
  align-items: center;
  margin: 20px 0px;
}
.grandTotal.gstTotal {
  margin-top: 12px;
  border-top: unset !important;
  border-bottom: unset !important;
}
.grandTotal.leftAligns {
  justify-content: end;
  gap: 105px;
  border-top: unset;
  border-bottom: unset;
  margin-top: 20px;
}
.grandTotal.gstTotal.leftAligns {
  margin-top: 0px;
}
.grandTotal.leftAligns h3 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}
/* .grandTotal.leftAligns :last-child {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
} */
.capitalize {
  text-transform: capitalize !important;
}
.grandTotal.gstTotal h4 {
}
.grandTotal.gstTotal h3 {
}
.promiseBlock .proImage {
  font-size: 50px;
  font-weight: 700;
  padding-right: 2px;
  margin-right: 5px;
  border-right: 3px solid #96ef1d;
  color: #96ef1d;
  line-height: 110%;
  /* font-family: "Inter", serif; */
}
.promiseBlock .proImage h3 {
}
.promiseBlock .proLines {
}
.promiseBlock .proLines h5 {
  font-size: 14px;
  font-weight: 600;
}
.promiseBlock .proLines p {
  color: #494b4a !important;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 0px;
}
.mainLogoBlock {
  height: 55px;
  text-align: start;
}
.mainLogoBlock img {
  height: 100%;
}

.row.p-rev {
  align-items: center;
}
.capitalize {
  text-transform: capitalize;
}
.input-containering.salesCountryCode {
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 4px;
}

.input-containering.salesCountryCode input.PhoneInputInput {
  background: no-repeat;
  border: none;
  color: black;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}
.referACountry.refer-error {
  padding: 7px 10px 7px 10px !important;
}
.referACountry {
  border-bottom: 1px solid #bebebe;
  padding: 16px 10px 7px 0px;
}
.referACountry .PhoneInput {
}
.referACountry .PhoneInputInput {
  border: none;
  padding: 0px;
}
.input-containering.qualityCountry {
}
.input-containering.qualityCountry .PhoneInputInput {
  color: #00000080 !important;
  font-family: "Poppins", sans-serif;
  background: none;
  border: none;
  font-size: 14px;
}
.guidPdfCountry .PhoneInputInput {
  font-size: 14px;
  color: #6e7f92;
  background: none;
  border: none;
  padding: 0;
  font-family: "Poppins", sans-serif;
}
.minimalCountry {
  padding: 2px 8px;
  font-size: 15px;
  border: 1px solid #80808059 !important;
  border-radius: 6px;
}
.minimalCountry .PhoneInputInput {
  padding: 0px;
  border: none;
  background: none;
  font-size: 15px;
  color: #000000cc !important;
  font-family: "Inter", serif;
}
.scrollSection .__rcs-handle-button .__rcs-handle-arrow {
  display: none;
}
.scrollSection .__rcs-handle-button {
  left: 28px;
  border: none;
  border-color: transparent !important;
  background-color: unset !important;
  backdrop-filter: unset !important;
  box-shadow: none !important;
}
.scrollSection .__rcs-handle-button::after {
  position: absolute;
  content: "";
  height: 100px;
  width: 170px;
  background-image: url("../images/scollBrush.png");
  background-size: cover;
  background-position: center;
  left: -25px;
  top: -20px;
  /* pointer-events: auto;
  opacity: 1; */
}
.slideText {
  text-align: center;
  margin-bottom: -32px;
  position: relative;
  z-index: 1;
  color: #fff;
  top: 100px;
  font-family: "Inter", serif;
  transition: all 1s;
  opacity: 1;
}
.slideText svg {
  font-size: 20px;
  margin: 0px 10px;
}
.complir_sec.w-100.layer:active .slideText {
  opacity: 0;
}
.row.articleRow {
  align-items: center;
}
.blog-main-outer {
  margin-top: 60px;
  margin-bottom: 30px;
}
.blog-main-outer .pointer-cursor {
  height: 400px;
}
.blog-main-outer .pt-ARTCLE {
  margin-bottom: 70px;
}
.blog-main-outer .pointer-cursor img {
  height: 100%;
  object-fit: cover;
}
.row.pt-ARTCLE .art-blog {
  color: #333333 !important;
  font-family: "Kaisei Decol", serif;
  font-size: 28px;
  line-height: 100%;
  font-weight: 400;
  margin-bottom: 10px;
}
.d-flex.gap-3.fnt-15.pt-2.mb-ARTCLE.mb-blog div {
  color: #333333 !important;
  font-family: "Lato", serif;
}
.d-flex.gap-3.fnt-15.pt-2.mb-ARTCLE.mb-blog div svg {
  color: #333333 !important;
}
.row.pt-ARTCLE .art-blog-p {
  font-family: "Lato", serif;
  font-size: 17px;
  font-weight: 300;
  color: #333333 !important;
  line-height: 28px;
}
.contactCountry {
}
.contactCountry .PhoneInputInput {
  padding: 0px;
  border: none;
  background: none;
  font-size: 14px;
  color: #000 !important;
}
.col-md-3.col-sm-6.siteMapsOuter {
  display: flex;
  gap: 60px;
}
.col-md-3.col-sm-6.siteMapsOuter .twoChild {
  width: 100%;
}
.row.firstClip.mobileView {
  display: none;
}
.Product-info.radius .title {
  font-family: "Poppins", sans-serif;
  color: #564e4e !important;
  padding-top: 7px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Product-info.radius .cate-txt {
  font-family: "Poppins", sans-serif;
  color: #c4c4c4 !important;
}
.Product-info.radius .price-size {
  font-family: "Poppins", sans-serif;
  color: #564e4e !important;
}
.row.besSellerRow {
  position: relative;
  z-index: 1;
}
.prop-col {
  text-transform: capitalize;
}
.font-weight-bold.fnt-w-14 {
  text-transform: capitalize;
}
.ref-frnd.support-customer.classification {
}
.ref-frnd.support-customer.classification
  .modal-dialog.modal-lg.modal-dialog-centered {
  max-width: 85%;
  position: relative;
  z-index: 1;
  left: -1px;
}
.ref-frnd.support-customer.classification .modal-content {
  /* background: #515151ad; */
  /* backdrop-filter: blur(75px); */
  padding: 30px 40px 30px 30px;
  background: #515151ad !important;
}
.classificationOuter {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.ref-frnd.support-customer.classification .modal-content {
  border-radius: 30px !important;
}
.classificationOuter .secondBlock {
  padding: 20px;
}
.classificationOuter .firstBlock {
  position: relative;
  box-shadow: 0px 0px 4px #c2c2c2;
  /* margin-bottom: 12px; */
}
.classificationOuter .firstBlock h2 {
  text-align: center;
  padding-top: 16px;
  margin-bottom: 12px;
  font-family: "Cinzel", serif;
  font-weight: 400;
  font-size: 30px;
  color: #000000 !important;
}
.classificationOuter .firstBlock h2 span {
  font-family: "Inter", serif;
  font-weight: 600;
}
.classificationOuter .firstBlock p {
  text-align: center;
  font-weight: 500;
  color: #000000 !important;
  font-family: "Inter", serif;
  font-size: 16px;
  margin-bottom: 0px;
  padding-bottom: 12px;
}
.firstBlock .leftLeaf {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
}
.firstBlock .leftLeaf img {
}
.firstBlock .rightLeaf {
  position: absolute;
  width: 50%;
  top: 0;
  right: 0;
}
.firstBlock .rightLeaf img {
}
.classificationOuter .secondBlock .react-tabs {
  display: flex;
}
.classificationOuter .secondBlock .react-tabs .react-tabs__tab-list {
  display: flex;
  flex-direction: column;
  width: 20%;
  border: unset;
  justify-content: center;
}
.classificationOuter .secondBlock .react-tabs .react-tabs__tab-panel {
  width: 80%;
  position: relative;
  z-index: 1;
  left: -1px;
  background: #fff;
}
.secondBlock .react-tabs .react-tabs__tab-list .react-tabs__tab img {
  width: 22px;
  margin-right: 3px;
}
.secondBlock .react-tabs .react-tabs__tab-list .react-tabs__tab {
  padding: 6px 16px;
  border-radius: 12px 0px 0px 12px !important;
  background: #fff !important;
  font-weight: 500;
  font-size: 20px;
  font-family: "Inter", serif;
  margin: 2px 0px;
  border: 1px solid #fff !important;
  line-height: normal;
}
.secondBlock
  .react-tabs
  .react-tabs__tab-list
  .react-tabs__tab.react-tabs__tab--selected {
  padding: 6px 16px !important;
  box-shadow: 0px 0px 3px #dd6913;
  border: 1px solid #e06409 !important;
  font-weight: 600;
}
.classificationOuter .secondBlock .react-tabs .react-tabs__tab-list li.ribbon {
  background-image: linear-gradient(
    to left top,
    #ddab60,
    #da9f56,
    #d6934d,
    #d38744,
    #cf7b3d
  );
  padding: 6px 16px;
  border-radius: 10px 0px 0px 10px;
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  font-family: "Inter", serif;
  margin-bottom: 12px;
  line-height: normal;
}
.classificationOuter .tabContent .row .col-md-6 {
  /* width: 50%; */
}
.classificationOuter .tabContent .row {
  width: 100%;
}
.secondBlock .react-tabs .react-tabs__tab-panel .tabContent {
  background: #fbfbfb;
  box-shadow: 0px 0px 3px #c8c8c8;
  border-radius: 20px;
  padding: 0px 20px 20px 20px;
  margin-top: 30px;
}
.tabContent .col-md-6 h3 {
  background-image: linear-gradient(
    to left top,
    #ddab60,
    #da9f56,
    #d6934d,
    #d38744,
    #cf7b3d
  );
  padding: 5px 16px;
  border-radius: 12px;
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  font-family: "Inter", serif;
  line-height: normal;
  width: fit-content;
  margin: -12px auto 22px;
}
.tabContent .col-md-6 .borderText {
  color: #865221 !important;
  text-transform: capitalize;
  border: 2px solid #ab692bb3;
  width: fit-content;
  font-size: 14px;
  padding: 2px 12px;
  border-radius: 10px;
  font-family: "Inter", serif;
  font-style: italic;
}
.tabContent .luxuryBlock {
  /* margin-bottom: 10px; */
}
.tabContent .luxuryBlock h4 {
  color: #865221 !important;
  font-size: 20px;
  font-weight: 600;
  font-family: "Inter", serif;
}
.tabContent .luxuryBlock h4 span {
  color: #000;
}
.tabContent .luxuryBlock p {
  color: #000000 !important;
  font-size: 15px;
  font-weight: 400;
  font-family: "Inter", serif;
  margin-bottom: 30px;
}
.dontShowBtns form {
  display: flex;
  justify-content: end;
  gap: 6px;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 20px;
}
.dontShowBtns input {
  height: 16px;
  width: 16px;
}
.dontShowBtns label {
  color: #2a2a2a;
  margin: 0;
  font-family: "Inter", serif;
}
.classification .customerCloseBtn.supportClose button {
  font-size: 21px;
  filter: invert(1);
  opacity: 1;
}
.classification .customerCloseBtn.supportClose {
  right: 25px;
  top: 5px;
}
.dontShowBtns button {
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  margin-left: 8px;
  padding: 4px 20px;
  border: unset !important;
}
.dontShowBtns button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  );
}
.vortex-spinner-container .loaderGiff {
  height: 200px;
}
.vortex-spinner-container .loaderGiff img {
  height: 100%;
  width: auto;
}
.btn.btn-success.btn-grey.tranformBtn.explore {
  width: 40% !important;
  margin-left: 12px;
}
li.loginIcon.signIcon a svg {
  font-size: 15px;
}
.checkOutSection {
  padding-top: 40px;
  padding-bottom: 40px;
}
.checkOuTitle {
  background: #eff3f6;
  padding: 16px 30px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.checkOuTitle h3 {
  margin: 0px;
  font-family: "Inter", serif;
  font-size: 25px;
  font-weight: 600;
}
.billingInfo {
}
.checkOutSection h4 {
  color: #191c1f !important;
  font-size: 20px;
  font-weight: 600;
  font-family: "Public Sans", sans-serif;
}
.row.billRow {
}
.row.billRow p {
  font-family: "Public Sans", sans-serif;
  font-size: 15px;
  margin-bottom: 6px;
  color: #191c1f !important;
}
.row.billRow p span {
  color: #707172 !important;
}
.row.billRow .fieldsOuter {
  gap: 12px;
  display: flex;
}
.row.billRow .fieldsOuter .inputOuter {
}
.row.billRow .inputOuter {
  margin-bottom: 14px;
  width: 100%;
}
.row.billRow .inputOuter input {
  width: 100%;
  background: no-repeat;
  box-shadow: 0px 0px 1px #e4e7e9;
  border: 1px solid #e4e7e9;
  padding: 8px 6px 8px 12px;
  border-radius: 2px;
  color: #77878f;
  font-size: 15px;
}
.row.billRow .inputOuter input::placeholder {
  color: #77878f;
}
.paymentInfo {
  box-shadow: 0px 0px 1px #e4e7e9;
  border: 1px solid #e4e7e9;
  margin-bottom: 20px;
}
.paymentInfo h4 {
  padding: 20px 24px 20px 40px;
  margin: 0px;
  border-bottom: 1px solid #e4e7e9;
}
.paymentInfo .methodBlock {
  display: flex;
  border-bottom: 1px solid #e4e7e9;
}
.methodBlock .method {
  width: 20%;
  text-align: center;
  margin: 18px 0px;
  border-right: 1px solid #e4e7e9;
}
.methodBlock .method img {
  height: 40px;
}
.methodBlock .method p {
  color: #191c1f !important;
  font-family: "Public Sans", sans-serif;
  font-size: 14px;
  margin: 5px 0px 3px;
  font-weight: 500;
}
.methodBlock .method input {
}
.methodBlock .method input[type="radio"] {
  height: 18px;
  border: 1px solid #bfc0c2;
  width: 18px;
}
.methodBlock .method input[type="radio"]:checked {
  background-color: #d34256;
  border-color: #d34256;
}
.methodBlock .method input[type="radio"]:checked::before {
  background: #fff;
}
.paymentInfo .cardDetails {
  padding: 30px;
}
.additionalInfo textarea::placeholder {
  color: #77878f;
}
.row.billRow .inputOuter input[type="date"]::-webkit-calendar-picker-indicator {
  display: block;
}
.additionalInfo textarea {
  width: 100%;
  background: no-repeat;
  box-shadow: 0px 0px 1px #e4e7e9;
  border: 1px solid #e4e7e9;
  padding: 8px 6px 8px 12px;
  border-radius: 2px;
  color: #77878f;
  font-size: 15px;
  text-transform: unset !important;
}
.checkBoxBlock {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.checkBoxBlock input[type="checkbox"]:checked {
  box-shadow: 0px 0px 1px #d34256;
  border: 1px solid #d34256;
}
.checkBoxBlock input[type="checkbox"]:checked::before {
  opacity: 1;
}
.checkBoxBlock input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid #d34256;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
.checkBoxBlock input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  box-shadow: 0px 0px 1px #e4e7e9;
  border: 1px solid #e4e7e9;
  background-color: #fff; /* Initial black background */
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.checkBoxBlock p {
  font-size: 14px;
  margin: 0;
  color: #475156 !important;
  font-weight: 400;
  font-family: "Public Sans", sans-serif;
}
.orderSummeryBlock {
  padding: 20px;
  border: 2px solid #e2596d;
  border-radius: 5px;
  position: sticky;
  top: 100px;
}
.orderSummeryBlock h4 {
  padding-left: 10px;
  margin-bottom: 16px;
}
.orderItem {
  display: flex;
  gap: 20px;
  margin-bottom: 12px;
  align-items: center;
}
.orderItem img {
  height: 60px;
}
.orderItem p {
  font-size: 14px;
  color: #17183b !important;
  font-weight: 400;
  font-family: "Public Sans", sans-serif;
  margin-bottom: 6px;
}
.orderItem h5 {
  color: #5f6c72;
  font-size: 14px;
  font-family: "Public Sans", sans-serif;
}
.orderItem h5 span {
  color: #2da5f3;
}
.orderSummeryBlock .totalBlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.orderSummeryBlock .totalBlock p {
  color: #191c1f !important;
  font-weight: 400;
  font-family: "Public Sans", sans-serif;
  font-size: 17px;
  margin: 0px;
}
.orderSummeryBlock .totalBlock h6 {
  color: #191c1f !important;
  font-family: "Public Sans", sans-serif;
  font-weight: 600;
  font-size: 17px;
  margin: 0;
}
.orderSummeryBlock .amountsBlock {
  padding-bottom: 12px;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 12px;
}
.amountsBlock .amounts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.amountsBlock .amounts p {
  color: #5f6c72 !important;
  font-weight: 400;
  font-size: 15px;
  margin: 0px;
  font-family: "Public Sans", sans-serif;
}
.amountsBlock .amounts h6 {
  margin: 0px;
  color: #191c1f !important;
  font-weight: 500;
  font-size: 15px;
  font-family: "Public Sans", sans-serif;
}
.placeOrderBtn button {
  width: 100% !important;
  background-image: linear-gradient(
    to right,
    #b5483a,
    #a73f31,
    #9a3629,
    #8c2d20,
    #7f2418
  );
  border-radius: 4px;
  font-size: 18px;
  padding: 8px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Public Sans", sans-serif;
}
.placeOrderBtn button:hover {
  background-image: linear-gradient(
    to right,
    #96382c,
    #883024,
    #7e291e,
    #702116,
    #641a10
  );
}
.mt-5.res-mrgn {
  margin-bottom: 12px;
}
.checkOutSection .additionalInfo textarea::first-letter {
  text-transform: uppercase !important;
}
.row.billRow p span.errorSymbol {
  color: red !important;
}
.row.brdr-grey.py-3 {
  padding: 40px 20px !important;
}
.row .companiesFirst {
  margin-bottom: 40px;
}
.cateCard .details h5 {
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aboutBanner1.sub h1 {
  text-transform: capitalize;
}
.row.brdr-grey.py-3 .react-multi-carousel-list .react-multi-carousel-track {
  gap: 0px !important;
}
.cartCard .image img {
  height: 100%;
  width: 100%;
}
.cartCard .image {
  height: 200px;
}
.placeOrderBtn button svg {
  margin-left: 6px;
  margin-bottom: 3px;
}
.bg-squares.cat-hng.hdng-mpn img.sofaBanner {
  /* margin-top: -33px; */
}
.dontShowBtns input[type="checkbox"]:checked {
  box-shadow: 0px 0px 1px #108d57;
  border: 1px solid #108d57;
}
.dontShowBtns input[type="checkbox"]:checked::before {
  opacity: 1;
}
.dontShowBtns input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid #108d57;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
.dontShowBtns input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  box-shadow: 0px 0px 1px #313132;
  border: 1px solid #828585;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  margin-right: 4px;
}
.checkOutSection
  .row
  .col-md-8
  .additionalInfo
  .row.billRow
  .inputOuter.textAreaF::first-letter {
  text-transform: uppercase !important;
}

/* ----------------- Toaster Animations start --------------- */

.custom-toast {
  transition: transform 0.6s ease, opacity 0.6s ease;
  width: fit-content !important;
}

.custom-toast[data-state="open"] {
  opacity: 1;
  transform: translateY(0);
}

.custom-toast[data-state="closed"] {
  opacity: 0;
  transform: translateY(0); /* no animation, just vanish */
  transition: none !important;
}
@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.custom-toast {
  animation: toast-in 0.6s ease forwards;
  box-shadow: none !important;
}
.overViewPopup
  .row.mr-2
  .multiselectOuter
  .MuiOutlinedInput-notchedOutline
  .css-ihdtdm {
  padding: 0px !important;
}
.overViewPopup
  .row.mr-2
  .multiselectOuter
  .MuiOutlinedInput-notchedOutline
  .css-ihdtdm
  .notranslate {
  padding: 0px !important;
}
/* ----------------- Toaster Animations end --------------- */
.j-centerr-mob.j-centerTab.w-100.text-center {
  height: 150px;
  width: 80% !important;
  overflow: hidden;
  margin: auto auto 14px;
}
.j-centerr-mob.j-centerTab.w-100.text-center .zoom-image {
  width: auto;
  height: 100%;
}
.onSaleProductsCarousel .react-multi-carousel-track {
  gap: 0px !important;
}
.onSaleProductsCarousel .react-multiple-carousel__arrow--right {
  right: calc(0% + -15px) !important;
}

.onSaleProductsCarousel .react-multiple-carousel__arrow--left {
  left: calc(1% + -25px) !important;
}
.onSalesSection .carousel-inner {
  position: unset;
}
.onSalesSection .carousel-inner .carousel-item.active {
  position: unset;
}
.onSalesSection .onSaleProductsCarousel {
  position: unset;
}
.ratingStarsOuter {
  display: flex;
  gap: 2px;
}
.ratingStarsOuter svg {
  font-size: 12px;
  color: #c5a266;
}

.nameStars {
  display: flex;
  margin-bottom: 5px;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.result-container.conditionImg.cart {
  margin-right: 100px;
}
.nameStars .react-stars {
  display: flex;
}
.ratingStarsOuter .react-stars {
  display: flex;
}
.ratingStarsOuter .react-stars span {
  font-size: 13px !important;
}
.text-light.shop-butn.mt.m-ress.bg-mrn {
  margin-top: 100px;
}
.text-light.shop-butn {
  position: relative;
  z-index: 1;
}
.onSaleProductsCarousel
  .react-multi-carousel-track
  .react-multi-carousel-item
  .col-md-2 {
  padding: 0px;
  width: 94%;
  max-width: 94%;
}
.row.pro-carousel.pro-lrge {
  /* margin-left: 10px; */
}
#carouselExampleControls {
  left: 12px;
}
.col-md-10.col-sm-10.m-auto.p-rel {
  padding-right: 0px;
}
.disc-txt.underLine {
  width: 32%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.disc-txt.underLine img {
  margin-left: 0px !important;
}
.container.proCarousel {
  position: relative;
}
.container.proCarousel .react-multi-carousel-list {
  position: unset;
}
.itm-slc input[type="checkbox"]:checked {
  box-shadow: 0px 0px 1px #b94d38;
  border: 1px solid #b94d38;
}
.itm-slc input[type="checkbox"]:checked::before {
  opacity: 1;
}
.v-price.options:hover {
  border: none !important;
  box-shadow: 0px 0px 35px #454545;
}
.itm-slc input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid #b94d38;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
.itm-slc input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  box-shadow: 0px 0px 1px #313132;
  border: 1px solid #828585;
  background-color: #fff;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}
.bg-leaf-img {
  margin-top: 30px;
}
.leafs-bg.top {
  margin-top: 30px;
}
.filtersBy .col-md-3.col-sm-6 {
  margin-bottom: 20px;
}
.d-flex.align-items-center.onSaleAll {
  height: 100%;
  justify-content: end;
}
.toggle-tabs-container .tab-content.width {
  width: 100%;
}

.overflowScroll.planUpgrade {
  max-height: 455px;
  overflow-y: auto;
}
.consultForm p.error-msg.logError {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: -18px !important;
}
.overflowScroll.planUpgrade::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  display: block;
}

.overflowScroll.planUpgrade::-webkit-scrollbar-thumb {
  background-color: #e95700;
  border-radius: 9px;
}

.upgradePrice {
  text-align: end;
  padding-right: 60px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.stricked-price {
  font-size: 10px;
  color: grey;
  text-decoration: line-through;
  margin-right: 5px;
}
.shop-by-room {
  display: flex;
  width: 100%;
}
.room-block-a,
.room-block-b,
.room-block-c {
  transition: width 0.9s ease;
}

.room-block-a .shop-butn {
  display: inline-flex;
}

/* Blocks B & C: show button on hover */
.room-block-a:hover .shop-butn,
.room-block-b:hover .shop-butn,
.room-block-c:hover .shop-butn {
  display: inline-flex;
}
.room-block-b:hover .cot-pdng {
  padding-top: 0px;
}
.room-block-b:hover .cot-pdng.wi-sm {
  text-align: end;
}
.room-block-a .shop-butn,
.room-block-b .shop-butn,
.room-block-c .shop-butn {
  display: none;
}
.room-block-a {
  width: 50%;
}
.room-block-c:hover .d-flex.smallBoxCenter {
  justify-content: end;
  margin-top: -91px;
}
.room-block-c:hover .d-flex.smallBoxCenter img {
  width: 60%;
}
.room-block-b:hover .d-flex.smallBoxCenter {
  margin-top: -24px;
  align-items: center;
  width: 50%;
  justify-content: start;
}
.cate-box1.cateTab1.cb-5.df-pnh {
  transition: all 0.5s ease;
}
.room-block-b:hover .cate-box1.cateTab1.cb-5.df-pnh {
  flex-direction: row;
}
.room-block-b:hover .d-flex.smallBoxCenter img {
  width: auto;
  height: 75%;
}
.cg-shp.cate-box {
  overflow: hidden;
}
.room-block-b {
  overflow: hidden;
}
.room-block-c {
  overflow: hidden;
}
.room-block-b {
  width: 25%;
}
.room-block-c {
  width: 25%;
}
.room-block-b:hover .cot-pdng.wi-sm .width-100 {
  width: 80%;
  margin-top: -79px;
}
.room-block-c:hover .cate-box1.cateTab1.cb-3.df-pnh .thirdC {
  text-align: end;
  margin-top: -60px;
}
.room-block-c:hover .cate-box1.cateTab1.cb-3.df-pnh .thirdC img {
  width: 60%;
}

/* Hover state for Block A */
.room-block-a:hover {
  width: 50%;
}

.room-block-a:hover ~ .room-block-b,
.room-block-a:hover ~ .room-block-c {
  width: 25%;
}

/* Hover state for Block B */
.room-block-b:hover {
  width: 50%;
}

.room-block-b:hover ~ .room-block-c {
  width: 25%;
}

.shop-by-room:hover .room-block-a:not(:hover) .row.bigCardsRow {
  flex-direction: column;
}
.shop-by-room:hover .room-block-a:not(:hover) .row.bigCardsRow .col-md-5 {
  width: 100%;
}
.shop-by-room:hover
  .room-block-a:not(:hover)
  .row.bigCardsRow
  .col-md-5
  .j-ends.j-top {
  text-align: center;
}
.shop-by-room:hover
  .room-block-a:not(:hover)
  .row.bigCardsRow
  .col-md-5
  .j-ends.j-top
  img {
  height: 200px;
  width: auto;
}
.shop-by-room:hover .room-block-a:not(:hover) .row.bigCardsRow .col-md-5 {
  flex-direction: column;
}
.shop-by-room:hover .room-block-a:not(:hover) {
  width: 25%;
}
.shop-by-room:hover .room-block-a:not(:hover) .sofa-pos {
  justify-content: center;
  margin-top: -43px;
  height: 100%;
  align-items: center;
}

/* Hover state for Block C */
.room-block-c:hover {
  width: 50%;
}

.shop-by-room:hover .room-block-a:not(:hover),
.shop-by-room:hover .room-block-b:not(:hover) {
  width: 25%;
}

/* HEADINGS - collapsed blocks */
.shop-by-room:hover .room-block-a:not(:hover) .shp-cat-txt,
.shop-by-room:hover .room-block-b:not(:hover) .shp-cat-txt1,
.shop-by-room:hover .room-block-c:not(:hover) .shp-cat-txt1 {
  font-size: 37px;
}

/* SHOP BY headings - collapsed blocks */
.shop-by-room:hover .room-block-a:not(:hover) .shpByCate,
.shop-by-room:hover .room-block-b:not(:hover) .shp-by1,
.shop-by-room:hover .room-block-c:not(:hover) .shp-by1 {
  font-size: 18px;
}

.shop-by-room:not(:hover) .room-block-a .shop-butn {
  display: inline-flex;
}
.projectContent {
  display: flex;
  /* align-items: center; */
  gap: 12px;
  margin-bottom: 7px;
}
.projectContent h5 {
  font-size: 13px;
  font-weight: 600;
  color: #1f2730;
  margin-bottom: 0px;
  width: 30%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.projectContent h6.material {
  font-size: 13px;
  font-weight: 600;
  color: #1f2730;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projectContent h6.sizesLine span {
  font-weight: 400;
  color: #262525;
}
.projectContent h6.sizesLine span strong {
  color: #0f0f0f;
  font-weight: 600;
}
.projectContent h6.sizesLine div {
  display: flex;
}
.projectContent h6.sizesLine div svg {
  font-size: 16px;
}
.projectContent h6.sizesLine {
  font-family: "Inter", serif;
  font-weight: 500;
  color: #000000;
}
.projectContent h6 {
  width: 70%;
  font-size: 13px;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projectContent h6 span {
  display: flex;
}
.projectContent p {
  margin: 0px;
  font-size: 13px;
  height: unset;
  line-height: 120%;
  font-weight: 400;
  font-family: "Inter", serif;
  color: #535659 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchProduct {
}
.searchProduct form {
  position: relative;
}
.searchProduct form svg {
  position: absolute;
  right: 12px;
  /* top: 10px; */
  color: #fff;
  font-size: 20px;
  bottom: 9px;
}
.searchProduct form input::placeholder {
  font-size: 15px;
  color: #fff;
}
.nameStars .pro-text a {
  color: #000000;
}
.nameStars .pro-text a:hover {
  color: #ff922a;
}
.searchProduct form input {
  width: 395px;
  margin-top: 20px;
  margin-left: 0px;
  padding: 7px 50px 7px 12px;
  border-radius: 50px;
  border: 2px solid #ffffff82;
  font-family: "Inter", serif;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  font-size: 15px;
}
.text-center.box-product.box-rsnve button.heart-mdle:active {
  animation-name: zoomIn;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}
.row.row-shop.shop-by-room.rr {
  width: 101%;
}
.room-block-b:hover .shp-cat-txt1 {
  font-size: 55px;
}
.col-md-3.col-sm-6.tb-bm.hff-t.room-block-c {
  padding-left: 0px !important;
}
.col-md-3.col-sm-6.tb-tp.hff-t.second.room-block-c {
  padding-left: 0px !important;
}
.col-md-3.col-sm-6.tb-bm.hff-t.room-block-b {
  padding-left: 0px !important;
}
.room-block-c:hover .shp-cat-txt1 {
  font-size: 55px;
}
.col-md-6.col-sm-12.room-block-a {
  padding-right: 0px !important;
}
.d-flex.justify-content-end.heart-sty.heart-mdle-n {
  background: none;
  padding: 0px;
  border: none;
}
.text-center.box-product.box-rsnve button.heart-mdle {
  padding: 0;
  background: none;
  top: 6px;
  border: none !important;
}
.col-md-3.col-sm-4.padTB {
  padding-top: 6px;
  padding-bottom: 6px;
}
.text-center.box-product.box-rsnve button.heart-mdle svg {
  font-size: 24px;
  padding: 3px;
}
.projectContent .d-flex.justify-content-end.gap-1 {
  width: 65px;
}
.projectContent .d-flex.justify-content-end.gap-1 .addElement {
  margin: 0px;
  padding: 3px 2px;
  width: 30px;
}
.projectContent h6.colorBlue {
  color: #576d87;
}
.ref-frnd.consultationModal .modal-content {
  width: 100% !important;
  background: linear-gradient(135deg, #ffffff, #98ffcead, #ce9f6d, #7e69ff)
      border-box,
    #000 padding-box;
  border: 2px solid transparent;
}
.consultationRow .consultImage {
  width: 120%;
}
.consultationModal .customerCloseBtn.supportClose button {
  filter: brightness(0) invert(1);
  opacity: 1;
}
.ref-frnd.consultationModal .modal-dialog.modal-lg.modal-dialog-centered {
  --bs-modal-width: 900px;
}
.consultationRow {
  background-image: url("../images/consultBg2.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  width: 100%;
  margin: auto !important;
  margin-top: 50px !important;
}
.consultationRow .col-md-5 {
  padding: 0;
  text-align: center;
}
.consultationRow .col-md-5 h2 {
  background: linear-gradient(90deg, #0d74a7, #bf8ccb, #f9603c, #fddf4a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Dancing Script", serif;
}
.row.consultFormRow {
  margin-bottom: 20px;
}
.row.consultFormRow label {
  font-family: "Inter", serif;
  color: #fff;
  font-size: 14px;
  /* font-weight: 500; */
  margin: 0;
  line-height: 100%;
}
.consultationRow .consultForm {
  padding-right: 30px;
}
.row.consultFormRow .labelDiv {
  /* line-height: 100%; */
}
.row.consultFormRow input::placeholder {
  font-size: 15px;
}
.row.consultFormRow input {
  width: 100%;
  font-family: "Inter", serif;
  font-size: 15px;
  color: #ffffff;
  padding-bottom: 5px;
  background: none;
  border: none;
  border-bottom: 2px solid #8d8d8d;
}
.row.consultFormRow select {
  -webkit-appearance: none; /* Chrome, Safari */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Modern browsers */
  background: none;
}
.row.consultFormRow select {
  width: 100%;
  font-family: "Inter", serif;
  font-size: 15px;
  color: #ffffff;
  padding-bottom: 5px;
  background: none;
  border: none;
  border-bottom: 2px solid #8d8d8d;
}
.consultInput select option {
  background-color: #505050;
  color: white;
}
.consultInput select:invalid {
  color: #aaaaaa00; /* placeholder-like color */
  padding-left: 10px !important;
  appearance: none;
  -webkit-appearance: none;
}
.consultBtn {
  text-align: end;
}
.consultInput {
  position: relative;
}
/* .consultInput:focus-within svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
} */
.consultInput.drop svg {
  position: absolute;
  top: 4px;
  right: 16px;
  color: #fff;
}
.consultInput
  .PhoneInputCountry
  .PhoneInputCountryIcon
  .PhoneInputCountryIconImg {
  color: #fff;
}
/* .arrow-iconn.rotate {
  transform: rotate(180deg);
} */
.consultBtn button {
  padding: 8px 15px;
  border: none;
  color: #fff;
  border-radius: 5px;
  font-family: "Inter", serif;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
}
.consultBtn button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}
.ref-frnd.consultationModal .modal-content .consultOuter {
  width: 100% !important;
  background-image: linear-gradient(
    to right bottom,
    #000000,
    #020202,
    #282828,
    #626060,
    #959595
  );
}
.my-projects-container .recharts-wrapper {
  margin: -25px auto 0px auto;
  height: 335px !important;
}
.chartItems {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  /* justify-content: space-between; */
  padding: 0px 30px;
}
.chartItems .chartItem {
  width: 31%;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.chartItems .chartItem p {
  font-family: "Inter", serif;
  font-size: 13px;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chartItems .chartItem .colorBlock {
  height: 12px;
  width: 12px;
  padding: 0px !important;
}
.colorBlock.orange {
  background-color: #eb5f1a;
}
.colorBlock.yellow {
  background-color: #fdbb2f;
}
.colorBlock.green {
  background-color: #377b2b;
}
.colorBlock.lightGreen {
  background-color: #7ac142;
}
.colorBlock.lightBlue {
  background-color: #007cc3;
}
.colorBlock.blue {
  background-color: #00529b;
}
.task-speedometer-container .task .graph-chart .text-group text {
  fill: rgb(0 0 0) !important;
  font-weight: 500;
}
.task-speedometer-container .task p {
  margin-bottom: 10px;
}
.task-speedometer-container .task {
  margin-bottom: 20px;
}
.task-speedometer-container .task .graph-chart .arc {
}
.task-speedometer-container .task .graph-chart .arc path {
}
::ng-deep .task-speedometer-container .task .graph-chart .needle {
  width: 3px;
}
.task-speedometer-container .task .graph-chart .needle circle {
  stroke: #ffffff;
  stroke-width: 1px;
}
.graph-chart .needle path {
  stroke: #fff; /* outline color */
  stroke-width: 2px; /* thinner edge */
}
p.mererTitle {
  font-family: "Inter", serif;
  font-weight: 500;
  color: #000000 !important;
  font-size: 14px;
}
.guidesPagntion .d-flex .prev-t:hover {
  color: #000 !important;
}
.guidesPagntion .d-flex {
  justify-content: center;
  gap: 30px;
}
.guidesPagntion {
  margin-bottom: 30px;
}
.guidesPagntion .man-txt .page-btns:hover {
  border-color: #000 !important;
}
.guidesPagntion .man-txt .page-btns {
  padding: 0px !important;
  height: 20px !important;
  width: 20px !important;
  border: 1px solid #d0d1d2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guidesPagntion .man-txt .page-btns.grn-btn:hover {
  border-color: green !important;
}
.guidesPagntion .man-txt .page-btns.grn-btn {
  border-color: green !important;
}
.productPagination.page-bg-btn-fil {
  background-color: unset !important;
  margin: 10px 0px 30px;
  gap: 30px;
}
.productPagination .pgn-fltr {
  font-family: "Manrope", sans-serif !important;
  font-weight: 600 !important;
  color: #9f9f9f !important;
  font-size: 15px;
  cursor: pointer;
}
.productPagination .pgn-fltr:hover {
  color: #000 !important;
}
.productPagination .numbers-main {
  margin: 0;
  display: flex;
  gap: 8px;
}
.productPagination .numbers-main .page-btns {
  padding: 0px !important;
  height: 20px !important;
  width: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5d5d5;
}
.productPagination .numbers-main .page-btns:hover {
  border-color: #000 !important;
}
.d-flex.smallBoxCenter {
  justify-content: center;
}
.productPagination .numbers-main .page-btns.grn-btn {
  border-color: green !important;
}
.productPagination .numbers-main .page-btns.grn-btn:hover {
  border-color: green !important;
}
.font-monsrt.qc-hdng.pb-3.d-flex.justify-content-center.padding {
  margin-top: 30px;
}
.replyBlock {
  margin-top: 10px;
}
.replyBlock input {
  height: 35px;
  width: 75%;
  border-radius: 6px;
  background: none;
  border: none;
  box-shadow: 0px 0px 2px #686666;
  /* padding: 0px; */
  line-height: normal;
  color: #000;
  padding: 0px 12px;
}

.replyBlock button {
  color: #fff;
  background-image: linear-gradient(
    to right bottom,
    #16a15f,
    #119259,
    #0f8452,
    #0e764b,
    #0e6844
  );
  margin-left: 10px;
  border-radius: 6px;
  border: none !important;
  height: 35px !important;
}

.replyBlock button:hover {
  background-image: linear-gradient(
    to right bottom,
    #0f804a,
    #0a6d41,
    #0a6a41,
    #085334,
    #08482e
  ) !important;
}
/* .text-start.d-ddd.homeBt {
  display: none;
} */
.row.consultFormRow .consultInput .countryCode.PhoneInput {
  border-bottom: 2px solid #8d8d8d;
}
.row.consultFormRow
  .consultInput
  .countryCode.PhoneInput
  .PhoneInputCountrySelectArrow {
  color: #fff;
  opacity: 1;
}
.row.consultFormRow .consultInput .countryCode.PhoneInput input {
  border: none;
}
.consultForm input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff00 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s;
}
.classificationBtn button {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  font-size: 14px !important;
  border-radius: 4px !important;
  padding: 12px 14px !important;
  border: 1px solid #00000040 !important;
  padding: 4px 14px !important;
  /* background-image: linear-gradient(to right bottom, #16a15f, #119259, #0f8452, #0e764b, #0e6844); */
  color: #fff;
  background-image: linear-gradient(
    to left top,
    #ddab60,
    #da9f56,
    #d6934d,
    #d38744,
    #cf7b3d
  );
}
.consultationRow .col-md-7 .consultImage {
  display: none;
}
.upgradePrice h3 {
  font-weight: 700;
  font-family: "Roboto", serif;
  color: #494b4a;
  font-size: 21px;
  margin: 0px;
}
.custom-modal-width2.upgradationPopup {
  max-width: 1100px !important;
  margin: 40px auto auto;
}
.custom-modal-width2.upgradationPopup .mc-adju2 {
  left: unset !important;
}
.grass-sec.grss-moble .productPagination.page-bg-btn-fil {
  margin: 30px 0px 0px;
}
.ovr-hidn.margins {
  padding-bottom: 0px !important;
}
.ovr-hidn.margins table {
  margin: 0px !important;
}
.questionnaireCard .guidesPagntion {
  margin-top: 20px;
}

.previousInfo {
  margin-top: 6px;
}
.previousInfo .flexFlow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.flexFlow h3 {
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexFlow .statRatings .react-stars {
  display: flex;
  flex-wrap: nowrap;
  gap: 1px;
  font-size: 12px;
}
.flexFlow .statRatings .react-stars span {
  font-size: 16px;
}
.cartCard .flexFlow h5 {
  font-family: "Inter", serif;
  color: #252d4b;
  font-size: 13px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.flexFlow .userInfo {
  display: flex;
  gap: 6px;
}
.flexFlow .userInfo img {
  width: 30px;
  border-radius: 50px;
  display: block;
  font-size: 9px;
}
.flexFlow .userInfo h6 {
  font-size: 12px;
  font-family: "Inter", serif;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.flexFlow .userInfo p {
  color: #858585 !important;
  font-size: 10px;
  font-weight: 500;
}
.str-coll.fStars {
  justify-content: start;
  gap: 16px;
  align-items: center;
}
.str-coll.fStars .react-stars span {
  font-size: 15px;
}
.singleProImg img {
  height: 100%;
  width: auto;
}
.singleProImg {
  height: 450px;
  text-align: center;
}
.reviewStars .react-stars span {
  font-size: 16px !important;
}
.container.border {
  margin-bottom: 30px;
}
.pb-sans.title {
  color: #191c1f;
  font-size: 19px;
  font-weight: 600;
}
.pb-sans.fnt-15.col-grey p {
  color: #808080e3 !important;
}
.pb-sans.fnt-15.col-grey a {
  color: #808080e3 !important;
}
.pb-sans.fnt-15.col-grey ul {
  color: #808080e3 !important;
}
.review-avatar.mbl {
  display: none;
}
.pb-sans.fnt-15.col-grey span {
  color: #808080e3 !important;
}
.pb-sans.fnt-15.col-grey ul li {
  color: #808080e3 !important;
}
.color-options .colorBlock {
  height: 30px;
  width: 30px;
}
.error-msg.logError.text {
  margin-top: -7px;
}
.qt-div button {
  border: none !important;
}
.quantity-btn.bg-transparent {
}
.heart-mdle.wishListButton:active {
  animation-name: zoomIn;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}
.heart-mdle.wishListButton {
  padding: 0;
  background: none;
  top: 6px;
  border: none !important;
  right: 7px;
}
.rightP.heart-mdle.wishListButton {
  right: 12px;
}
.heart-mdle.wishListButton svg {
  font-size: 24px;
  padding: 3px;
}
.text-center.box-product.box-rsnve button.heart-mdle.rightP {
  top: 10px;
  right: 22px;
}
.arrow-line.p-4.text-light a {
  color: #fff;
}
.arrow-line.p-4.text-light:hover a {
  border-bottom: 2px solid #ffffff;
}
.row.graphsRow {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.recharts-layer text {
}
.graph-chart .text-group {
  transform: translate(37%, 50px);
}
.filter-options-ct {
  transition: all 0.6s;
  transition: transform 1s ease !important;
}
.filter-section {
  transition: all 0.6s;
  transition: transform 1s ease !important;
}
.filter-section .filter-header {
  transition: all 0.6s;
  transition: transform 1s ease !important;
}
.ordersRow .productDetails {
  border-bottom: none;
}
.processOrders .productDetails {
  border-bottom: none;
}

.imageheightadjust {
  height: 230px;
  width: 100%;
}

@media (max-width: 1199px) {
  .imageheightadjust {
    height: 170px;
    width: 100%;
  }
}

.no-data-container {
  width: 60%;
  height: 190px;
  padding-bottom: 10px;
  justify-content: center;
  display: flex;
}

.no-data-container img {
  width: 190px;
}
@media (min-width: 320px) and (max-width: 425px) {
  .addressDetailBr {
    font-size: 14px;
    line-height: 22px !important;
    max-width: 105% !important;
  }
}