@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;
}

.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: 13px;
    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%;
    }
}