html, body {
    height: 100%;
}
body{
    padding: 0px;
    margin: 0px;
    font-family: 'HvDTrial Brandon Grotesque';
    /* background: #F8FAFC; */
    background: #fff;
}
a{
    text-decoration: none;
}




h1  {
    font-family: 'Garamond Premiere Pro';
}


.login{
    padding: 25px 54px 20px 54px;
}

.logo img {
    padding: 8px 0px 8px 0;
}

.login h2 span{
  color: #8AAA91;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 0px;
}


.login-inner {
    background: url(../../img/frontend/login-bg.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    min-height: calc(100vh - 140px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* .login-inner .sign-content{
    margin-top: 130px;
} */

.login-inner .sign-content h2{
    color: #F8D18D;
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0025);
    margin-bottom: 8px;
    font-family: 'HvDTrial Brandon Grotesque';
}

.login-inner .sign-content p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0025);
    margin-bottom: 0px;
}


.login-inner .sign-content p a{
    color: #F8D18D;
}
.login-inner .sign-content p a:hover {
    color:#fff;
    text-decoration: underline;
}


.sign-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 320px;
    width: 80%;
    row-gap: 50px;
}

.welcome h1 {
    color: #fff;
    font-size: 56px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 1.2;
}
/* .login-inner .log-access {
    width: 70%;
} */
.login-inner .log-access p{
    color: #fff;
    font-size: 16px;
    font-weight: 420;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.0025);
    margin-bottom: 0px;
    line-height: 22px;
    text-transform: none;
}
.login-inner .log-access p a{
 text-decoration: underline;
 white-space: nowrap;
}
.login-inner .log-access p a:hover {
    text-decoration: none;
}
/* .sign-content-from{
    margin-top: 130px;
} */

.sign-content-from {
    background: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%);
    padding: 5px;
    width: 404px;
}
.sign-content-from.signupform {
    width: 100%;
}
.signupform .inner-login-from {
    padding:30px 40px;
}
.inner-login-from {
    background: #fff;
    width: 100%;
    padding: 60px 30px;
}

.inner-login-from h6 {
    color: #616161;
    font-weight: 420;
    font-size: 16px;
    text-align: start;
    margin-bottom: 16px;
    line-height: 22.8px;
    font-family: 'HvDTrial Brandon Grotesque' !important;
}


.inner-login-from label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1E293B;
    padding-bottom: 7px;

}

.inner-login-from .form-control, .inner-login-from .form-select{
    background: #F8FAFC;
   border-top: 1px solid #E2E8F0 !important;
   border-radius: 0;
   border: none;
   padding:.375rem .75rem;
   color:#64748B;
}
.inner-login-from .form-control::placeholder,
.inner-login-from .form-select::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #64748B;

}
.inner-login-from .form-control:focus, .inner-login-from .form-select:focus{
    box-shadow: none;
      background: #F8FAFC;
}

.inner-login-from .form-group{
    padding: 12px 0px;
}
.signupform .inner-login-from .form-group {
    padding: 2px 0px;
}
.signupform h3 {
    font-size: 16px;
    font-weight: 420;
    line-height: 1.2;
    color:#292524;
    text-transform: uppercase;
    display: flex;

}
.signupform h3 a {
    color:#292524;
    display: flex;
    padding:0 8px;
    border-right:1px solid #292524;
}
.signupform h3 a:last-child {
    border-right: 0;
}
.signupform h3 a:hover, .signupform h3 a.active {
    color:#BA9553;
    text-decoration: underline;
}
.accept-condition {
    padding:15px 0 0 0;
}
.accept-condition .form-check {
    display: flex;
    align-items: center;
}
.accept-condition input, .accept-condition input:focus {
        margin-bottom: 4px;
            background: #F5F5F4;
            border: 2px solid #A8A29E;
            width: 20px;
            height: 20px;
            box-shadow: none;
}
.accept-condition .form-check label {
    padding-left: 35px;
    padding-bottom: 0;
}
.accept-condition .form-check-input:checked[type=checkbox] {
    background-color: #BA902F;
    border-color: #BA902F;
}
.accept-condition a {
    color:#BA902F;
}
.accept-condition a:hover {
    color:#292524;
}

.pos-rel {
    position: relative;
}
.eye-icon {
    position: absolute;
    right: 10px;
    top: 35px;
}
.create-account {
    padding: 3px 0px 12px;
}
.create-account p{
    color: #424242;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 0px;
}

.create-account p a{
    color: #B7862B;
    text-decoration: none;
}

.login-detailbtn {
    padding: 15px 0px;
}

.login-btn button {
    border: 1px solid transparent; /* Transparent border as a base */
    background: linear-gradient(#fff, #fff), /* Inner background (button background) */
                linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%); /* Gradient for the border */
    background-origin: border-box; /* Position the gradient correctly */
    background-clip: padding-box, border-box; /* Clip the backgrounds */
    border-radius: 100px; /* Rounded corners */
    padding: 10px 0px; /* Padding for the button */
    width: 100%; /* Button width */
    color: #B7862B; /* Text color inside the button */
    position: relative; /* Reset any other position properties */
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.login-btn button:hover {
        background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
        color:#fff;

}

.forgot-reset p{
    color: #1E293B;
    text-align: center;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
}

.forgot-reset p a{
    color: #B7862B;
    text-decoration: none;
}
.forgot-reset p a:hover {
    color: #292524;
}

p.need {
    padding-top: 20px;
}

.search-data{
    border-top: solid 8px #162A26;
}

.logo-cricular {
    display: flex;
    justify-content: space-between;
}

.logo-cricular .l-img img{
   height: 15px;
}

.logo-cricular .l-img-ldt img{
   height: 28px;
}



.saerch-categrydata{
    height: 100%;
    max-width: 599px;
    padding: 0px 53px 0px 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(22, 42, 38);
    border-radius: 0px 0px 50px 50px;
    gap: 54px;
}
.dashboard{
    margin-top: 33px;
}
.dashboard-menu {
    height: 100%;
    padding: 0px 18px 0px 0px;
}


.dashboard-menu ul li {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    display: flex;
    align-items: center;

}

.dashboard-menu ul li a {
    color: #292524;
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    transition: 0.3s ease-in all;
    border: 1px solid  transparent;

}

.dashboard-menu ul li img{
    max-width: 16px;
}

.dashboard-menu ul li a span{
    padding-left: 12px;
}


.dashboard-menu ul li a:hover{
    background: #FAFAF9;
        color: rgba(186, 144, 47, 1);
        border: 1px solid #E7E5E4;
        color: #292524;
}

/*.dashboard-menu ul li a:hover img{
    filter: invert(39%) sepia(33%) saturate(1495%) hue-rotate(350deg) brightness(92%) contrast(90%);
    transition: 0.3s ease-in all;
}*/

.dashboard-menu ul {
    padding: 0;
    margin: 0px 0px 0px 0px;

}
.dashboard-menu ul:last-child{
    border-bottom: none;
}
.menu-brdr {
    background-color: #b1b1b1;
}

.user-img {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 15px;
    width: 20%;
}
.user-img img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid transparent;
    background: linear-gradient(180deg, #FFFFFF 0%, #D4D4D8 50%, #FFFFFF 100%);
    object-fit: cover;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);

}

.jenny-profile h2 {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #292524;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
}

.user-img i{
    padding-left: 0px;
    color: #8AAA91;
    font-size: 20px;
}

.jenny-profile p{
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    color: #292524;

}

.ghhjj{
    padding: 35px 15px 0px;
}

.supplier {
    background: #FAFAF9;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px 10px;
}

.header {
        padding: 25px 30px 20px 30px;
        }
.header .navbar {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
}
.header-links {
    display: flex;
    column-gap: 35px;
}
.header .navbar-nav .nav-item a{
    color: #292524;
    font-size: 16px;
    font-weight: 420;
    text-transform: uppercase;
    padding:9px 10px;
}
.header .navbar-nav .nav-item a:hover {
    color:#B07A25;
}


.header .navbar-nav {
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff), /* Inner background (button background) */ linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: 0px;
    padding: 0px 10px;
    height: 100%;
    align-items: center;
    white-space: nowrap;
    flex-direction: row;
}

.header .navbar-nav .nav-item button {
    border: solid 1px #CBAE5B;
    color: #B7862B;
    font-weight: 450;
    font-size: 16px;
    line-height: 22px;
    padding: 9px 15px;
    background: transparent;
    text-transform: uppercase;
    margin: 0px 0px 0px 5px;
    transition: 0.3s ease-in all;
    display: flex;
    align-items: center;
}

.header .navbar-nav .nav-item button img{
    margin-left: 8px;
    filter: invert(39%) sepia(33%) saturate(1495%) hue-rotate(350deg) brightness(92%) contrast(90%);
}
.header .navbar-nav .nav-item:hover img, .header .navbar-nav .nav-item button.bookDemo img {
 filter: brightness(1) sepia(35%) saturate(494%) hue-rotate(13deg) brightness(96%) contrast(95%);
 transition: 0.3s ease-in all;
}
.header .navbar-nav .nav-item button:hover, .header .navbar-nav .nav-item button.bookDemo{
    transition: 0.3s ease-in all;
    background: #B07A25;
    color: #fff;
}

.header .navbar-nav .nav-item button.bookDemo:hover {
    background: #162A26;
    border-color: #162A26;
}


ul.bdr-remove {
    border: none !important;
    background: transparent !important;
    padding: 0px !important;
}

ul.login-signup {
    padding: 3px !important;
}

.header ul.login-signup .nav-item button {
    color: #292524;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding: 6px 15px;
    background: transparent;
    text-transform: uppercase;
    margin: 0;
    transition: 0.3s ease-in all;
    display: flex;
    align-items: center;
}
.login-signup {
    column-gap: 3px;
}
.header ul.login-signup .nav-item button.active{
    background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
    color: #292524;
}

.header ul.login-signup .nav-item:hover button{
    background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
    color: #292524;
    transition: 0.3s ease-in all;
}

.ghhjj {
    padding: 10px 10px 0px;
    display: flex;
    align-items: center;
}

.jenny-profile p{
color: rgba(87, 83, 78, 1);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jenny-profile{
    width: 66%;
}

.supplier {
    background: #FAFAF9;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    border: solid 1px rgba(245, 245, 244, 1);
    background: none;
}
.supplier .form-switch .form-check-input {
    float: none;
    margin-left:10px;
    margin-right: 10px;
}
.supplier .form-switch {
    padding-right: 0;
}

.supplier .form-check-input:checked{
    background-color:rgba(186, 144, 47, 1);
    border-color: rgba(186, 144, 47, 1);
     box-shadow: 0 0 0 .25rem rgb(22 42 38 / 15%);
}

.form-check-input:focus {
    border-color: rgba(186, 144, 47, 1);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(215 190 133 / 0%);
}

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

.cric h3{
 color: rgba(45, 106, 77, 1);
 font-weight: 420;
 font-size: 24px;
 line-height: 34px;
 text-transform: uppercase;
 margin-bottom: 10px;
font-family: 'HvDTrial Brandon Grotesque';
white-space: nowrap;
}
.head-button-line {
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
    align-items: center;
}

.cric p{
 color: #162A26;
 font-weight: 400;
 font-size: 16px;
 line-height: 19px;
 margin-bottom: 10px;
}
.cric-icon a img {
    filter: invert(0);
}
.cric-icon a:hover img {
 filter: invert(40%) sepia(100%) saturate(300%) hue-rotate(-20deg) brightness(90%);
}
.cric-icon img {
    margin: 0px 5px;
}
.cric-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.sort-by{
    display: flex;
    align-items: center;
    margin-bottom: 33px;
}

.sort-by p{
    color: #045544;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 0px;
}

.sort-by button {
    border-radius: 100px;
    background: rgba(224, 238, 223, 1);
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    padding: 4px 14px;
    border: none;
    margin-left: 17px;
    margin-right: 17px;
}

.sort-by button img{
    margin-left: 5px;
    max-width: 20px;
}

.filter-by {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clear-filter-data{
    border: solid 1px #D6D3D1;
    padding: 15px 12px;
    background: #FAFAF9;
    min-height: 100vh;
}
.clear-filter-data .filter-by p {
    color:#C29E40;
}

.filter-by h2{
    margin-bottom: 0px;
    color: rgba(28, 25, 23, 1);
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
}

.filter-by p{
    margin-bottom: 0px;
        color: #045544;
        font-size: 14px;
        font-weight: 420;
        line-height: 16px;
}







.lession-accrdin .accordion .accordion-item {
    background: none;
    border: none;
    border-bottom: none;
}

.lession-accrdin .accordion .accordion-item h2 {
    padding: 0px 0px;
}
.vtct h2 {
    color: #000000;
    font-size: 32px;
    font-weight: 500;
    padding: 32px 0px 6px;
    margin-bottom: 0px;
}
.lession-accrdin .accordion .accordion-button:focus{
     box-shadow: none;
}
.lession-accrdin .accordion .accordion-button:not(.collapsed) {
    background: none;
    border: none;
    box-shadow: none;
    padding: 7px 0px;
}
.lession-accrdin {
    padding-top: 15px;
}
.course-details .lession-accrdin .accordion-header button {
    padding: 13px 0px 17px;
}

.lession-accrdin .accordion .accordion-button {
    background: none;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    line-height: auto;
     padding: 7px 0px;
}

.welcome-text {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 27px 0px 0px;
    align-items: center;
}

.welcome-text h6 {
    color: rgba(41, 37, 36, 1);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 19px;
    text-transform: uppercase;
    text-align: left;
}

.course-details .accordion-body {
    padding: 10px 0px;
}

.live-videobox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.live-videobox {
    background: #FFF5ED;
    border-radius: 16px;
    padding: 16px 16px;
}


.lession-accrdin .accordion .accordion-button::after {
    position: absolute;
    right: 0px;
}
.lession-accrdin .accordion-button::after {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: auto;
    content: "";
    background-image: url('../../img/frontend/accordion-round-arrow.svg');
    background-repeat: no-repeat;
    background-size: 24px auto;
    transition: transform .2s ease-in-out;
}







.search-select .form-check .form-check-input:checked {
    background-color: rgba(186, 149, 83, 1);
    border-color: rgba(186, 149, 83, 1);
    box-shadow: none;
}

.search-select .form-check {
    display: flex;
    align-items: center;
    flex-basis: calc(100% - 25%);
    padding-right: 10px;
}

.search-select .form-check label {
    padding-left: 35px !important;
    margin-bottom: 0px;
    padding-top: 4px;
    font-size: 14px;
    color: rgba(41, 37, 36, 1);
    line-height: 19px;
    font-weight: 400;
    width: 100%;
}

.lession-accrdin .accordion-body{
    padding: 0px;
}

.search-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    column-gap: 10px;
}
.search-select .form-check .form-check-input {
    float: inherit;
    height: 16px;
    width: 16px;
    box-shadow: none;
    border-color: rgba(194, 194, 194, 1);
    pointer-events: none;
    border-radius: 4px;
}

.search-select h6{
    margin-bottom: 0px;
    color: rgba(120, 113, 108, 1);
    font-size: 12px;
    line-height: 16px;
    width: 25%;
    text-align: right;
}

.more a{
    color: #C29E40;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
}

.width-type input {
    border-radius: 0px;
    border: 1px solid rgba(226, 232, 240, 1);
    color: rgba(41, 37, 36, 1);
    transition: 0.3s ease-in all;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    background: rgba(248, 250, 252, 1);
    width: 100%;
}

.width-type input:placeholder{
   color: rgba(41, 37, 36, 1) !important;
}

.width-type input:focus{
    box-shadow: none;
    border-color: #162A26;
}


.avila-mcq .hidden-radio {
    display: none;
}

.avila-mcq .radio-button {
    display: inline-block;
    background-color: #fff;
    border: 1.5px solid rgba(168, 162, 158, 1);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.avila-mcq input[type="radio"]:checked + .radio-button::after {
    opacity: 1;
}
.avila-mcq .radio-button::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.avila-mcq input[type="radio"]:checked + .radio-button::before {
    opacity: 1;
}
.avila-mcq .radio-button::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: rgba(183, 134, 43, 1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.radio-label h6 {
    margin-bottom: 0px;
    font-size: 18px;
    color: rgba(41, 37, 36, 1);
    line-height: 16px;
    padding-left: 7px;
    font-weight: 300;
}

.avila-mcq .radio-label {
    display: flex;
    align-items: center;
}

.avila-mcq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.avila-mcq h6 {
    margin-bottom: 0px;
    color: rgba(120, 113, 108, 1);
    font-size: 12px;
    line-height: 16px;

}

.avila-mcq .radio-label h6 {
    padding-left: 0px !important;
    margin-bottom: 0px;
    padding-top: 0px;
    font-size: 14px;
    color: rgba(41, 37, 36, 1);
    line-height: 19px;
    font-weight: 400;
}

.lising-product {
    display: flex;
    column-gap: 9px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;

}

.buyer-circular-marketplace .lising-product{
    column-gap: 10px;
}
.lp-col {
    flex-basis:19%;
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 7px;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    margin-bottom: 30px;
}



.lp-col:hover {
    transform: scale(1.03);
    transition: transform 0.3s ease-in-out;
}

/* .lp-col .prod-img img {
    transform: scale(1);
        transition: transform 0.3s ease-in-out;
}
.lp-col:hover .prod-img img{
    transform: scale(1.03);
    transition: transform 0.3s ease-in-out;
} */

.product-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px 15px;
}

.product-content {
    padding: 15px 8px 15px;
    min-height: 70px;
    overflow: hidden;
}

.product-content h2 {
    color: rgba(28, 25, 23, 1);
        font-size: 16px;
        font-weight: 500;
        line-height: 19px;
        margin-bottom: 0px;
        /* padding: 0 10% 0 0; */
        padding:0;
        text-align: start;
        text-transform: uppercase;
        min-height: 42px;
}
.product-content h2 a {
color:rgba(28, 25, 23, 1);
}
/* .lp-col:hover .product-content h2 {
    color:rgb(22, 42, 38);
} */

.roduct-price-kg span{
    color: rgba(82, 138, 111, 1);
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Garamond Premiere Pro';
}

.roduct-price-kg h6{
    color: #162A26;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.color-picker {
    width: 14px;
    height: 14px;
    /* background: rgba(216, 69, 57, 1); */
    margin: 10px 8px;
}

.prod-img{
    position: relative;
}
.prod-img img {
    width: 100%;
    height: auto;
}
.prod-img span{
    position: absolute;
    right: 9px;
    top: 6px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.about-banner{
    position: relative;
    background: none;
    /* background: url(../../img/frontend/banner-about.png)no-repeat;
    background-size: cover; width: 100%;
    height: 350px; */
    margin: 15px 0px;
}
.about-banner img {
    width: 100%;
}
.ab-content {
    position: absolute;
    width: 60%;
    padding-right: 10%;
    right:0;
    top:0;
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.ab-content h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    color: #162A26;
}
.ab-content p {
    font-size: 15px;
    font-weight: 330;
    color:#292524;
    line-height: 1.2;
    width: 90%;
}
.ab-content a {
    color:#BA9553;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 420;
    text-transform: uppercase;
    background: #fff;
    border:1px solid #BA9553;
    display: inline-flex;
    padding:8px 25px;
}
.ab-content a:hover {
    background: #BA9553;
    color:#fff;
}



.pabenation-nexting {
    background: rgba(245, 245, 244, 1);
    padding: 15px 20px 15px 20px;
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.previous-page ul{
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.previous-page ul li{
    list-style: none;
}

.previous-page ul li a{
    color: rgba(45, 106, 77, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.previous-page ul li a img {
    margin-right: 10px;
}

.list-user-data ul li {
    padding: 0px 10px;
}


.list-user-data ul li.active a{
    background: rgba(4, 85, 68, 1);
    border-radius: 6px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

img.img-next{
    transform: rotate(180deg);
    margin-left: 10px;
}

.loginpl-100 {
    padding-left: 50px;
}

.filter-products {
    display: flex;
    column-gap: 15px;
}
.filter-box {
    width: 227px;
}
.product-box {
    width: calc(100% - 227px);
}

.product-box.pro-box-wLogin {
    width: 100%;
}
.product-box.pro-box-wLogin.outer-circular .lp-col {
    flex-basis: calc(17% - 13.8px);
}
.pro-box-wLogin .lp-col {
    flex-basis: 16%;
}

.product-searchpage {
    display: flex;
    column-gap: 15px;
}
.product-self {
    display: flex;
    column-gap: 15px;
}
.cate-sidebar {
    width: 260px;
}
.right-products {
    width: calc(100% - 260px);
    min-height: 700px;
}
.prodetail-right {
    width: calc(100% - 260px);
}
.right-products.rp-woutLogin {
    width: 100%;
}
.search-top-bar {
    margin-left: auto;
        box-sizing: border-box;
        margin-right: auto;
        /* margin-top: -21px; */
        height: 89px;
        background-color: rgb(255, 255, 255);
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px !important;
        max-width: 100% !important;
        width: 100% !important;

}
.centerContainer {
    height: 100%;
    display: flex;
}
.threedotOuter {
    height: 100%;
    width: 100%;
    background-color: rgb(22, 42, 38);
}

.threedotInner.leftInner {
    border-radius: 0px 45px 0px 0px;
    padding-right: 40px;
}
.threedotInner.rightInner {
    border-radius: 45px 0px 0px;
    padding-left: 40px;
}
.threedotInner {
    flex: 1 1 0%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    background-color: rgb(255, 255, 255);
}

.searchContainer {
    height: 100%;
    max-width: 599px;
    padding: 0px 53px 0px 40px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(22, 42, 38);
    border-radius: 0px 0px 50px 50px;
    gap: 54px;
}
.searchIcon {
    height: 32.63px;
    width: 32.63px;
}
 .searchText {
     background-color: transparent;
     width: 294px;
     border: none;
     font-size: 12px;
     font-weight: 420;
     line-height: 17.16px;

     color: #ABC3AF;
 }
  .searchText a {
    color: #ABC3AF;
  }
 .aiContainer {
     display: flex;
     gap: 11px;
 }
 .aiIcon {
     height: 24px;
     width: 29px;
     cursor: pointer;
 }
 .voiceIcon {
     height: 24px;
     width: 24px;
     cursor: pointer;
 }

 .rightIconContainer {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     gap: 41px;
 }
 .chatIcon, .notifyIcon, .shopingIcon {
     cursor: pointer;
 }
 .shopingIcon {
     margin-top: -15px;
 }
 .brdr-link {
    border-right: 1px solid #D6D3D1;
        padding-right: 15px;
 }

 .prdt-img {
     border: solid 1px rgba(231, 229, 228, 1);
 }

 .prdt-img img {
     border: 3px solid rgba(255, 255, 255, 1);
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .product-overall {
     padding: 60px 0px;
 }

 .deat-tb {
     display: flex;
     align-items: center;
     margin: 10px 0px;
 }

 .deat-tb img {
     width: 85px;
     height: 85px;
     object-fit: cover;
     border: 1px solid rgba(255, 255, 255, 1);
 }

 .fjfjj {
     border: solid 1px rgba(231, 229, 228, 1);
     margin-right: 15px;
 }

 .fjfjj img {
     border: 1px solid rgba(255, 255, 255, 1);
 }

 .cricular-market p {
     color: rgba(41, 37, 36, 1);
     font-weight: 420;
     line-height: 23px;
     margin-bottom: 0px;
     font-size: 16px;
     padding: 0px 0px 7px;
 }

 .cricular-market h6 {
     color: rgba(41, 37, 36, 1);
     font-weight: 420;
     line-height: 34px;
     margin-bottom: 0px;
     font-size: 24px;
 }

 .cricular-market span {
     display: block;
     padding: 15px 0px;
     color: rgba(41, 37, 36, 1);
     font-size: 16px;
     font-weight: 420;
     line-height: 22px;
 }

 .cricular-market span em {
     color: rgba(45, 106, 77, 1);
     font-style: normal;
 }

 .av-price {
     display: flex;
     justify-content: start;
     align-items: center;
 }

 .av-price h2 {
     color: rgba(41, 37, 36, 1);
     font-size: 40px;
     font-weight: 420;
     line-height: 45px;
     margin-bottom: 0px;

 }

 .av-price h6 {
     color: rgba(41, 37, 36, 1);
     font-size: 20px;
     font-weight: 420;
     line-height: 14px;
     margin-bottom: 0px;

     margin-left: 15px;
 }
.av-price h6 span {
    text-decoration: line-through;
}
 .av-price h6 strong {
     color: rgba(68, 64, 60, 1);
     font-size: 16px;
     font-weight: 420;
     line-height: 22px;
     margin-bottom: 0px;
 }


 .av-price p {
     background: rgba(244, 255, 243, 1);
     border: 1px solid rgba(82, 138, 111, 1);
     border-radius: 24px;
     padding: 2px 12px;
     color: rgba(82, 138, 111, 1);
     font-size: 16px;
     line-height: 22px;
     font-weight: 420;
     margin-left: 15px;
     margin-bottom: 0px;
     cursor: pointer;
 }

 .color-teal {
     display: flex;
     align-items: center;
     justify-content: start;
     padding: 12px 0px;
 }

 .color-tabing {
     padding: 15px 0px;
 }

 .dtgty {
     border: solid 1px rgba(214, 211, 209, 1);
     padding: 4px;
     margin: 0px 7px 0px 0px;
 }
 .dtgty > div {
     transform: scale(1);
    transition: transform 0.5s ease-in-out;
    cursor: pointer;
 }
 .dtgty:hover {
     border-color: #BA902F;
 }
 .dtgty:hover > div {
    transform: scale(1.2);
    transition: transform 0.5s ease-in-out;
 }


 .w-teal {
     background: linear-gradient(225.01deg, #FFEED8 50.53%, #FEE1BC 50.53%, #FFECD7 101.04%);
     width: 27px;
     height: 27px;
 }

 .b-teal {
     background: linear-gradient(225.01deg, #FDFDFD 50.53%, #F2F2F2 50.53%, #FDFDFD 101.04%);
     width: 27px;
     height: 27px;
 }

 .c-teal {
     background: linear-gradient(225.01deg, #D9D9D9 50.53%, #BEBEBE 50.53%, rgba(217, 217, 217, 0.866667) 101.04%);

     width: 27px;
     height: 27px;
 }


 .f-teal {
     background: linear-gradient(225.01deg, #010101 50.53%, #242424 50.53%, rgba(1, 1, 1, 0.866667) 101.04%);
     width: 27px;
     height: 27px;
 }

 .g-teal {
     background: linear-gradient(225.01deg, #ECB907 50.53%, #D3A501 50.53%, rgba(236, 185, 7, 0.866667) 101.04%);
     width: 27px;
     height: 27px;
 }

 .color-tabing h5 {
     color: rgba(22, 42, 38, 1);
     font-weight: 450;
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 0px;
     text-transform: uppercase;

 }

 .meter-required h5 {
     color: rgba(22, 42, 38, 1);
     font-weight: 450;
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 0px;
     text-transform: uppercase;

 }

 .mcq-tab {
     display: flex;
     align-items: center;
 }

 .mcq-tab h6 {
     color: rgba(41, 37, 36, 1);
     font-weight: 390;
     font-size: 14px;
     line-height: 23px;
     margin-bottom: 0px;
     padding: 10px 10px 10px 0px;

 }

 .mcq-tab h6 span {
     color: rgba(41, 37, 36, 1);
     font-weight: 450;
     font-size: 14px;
     line-height: 23px;
     margin-bottom: 0px;
 }



 .practice-plus-minus {
     display: inline-flex;
     border: solid 1px rgba(214, 211, 209, 1);
     border-radius: 0px;
     width: 100%;
     height: 50px;
     max-width: 300px;
 }

 .practice-plus-minus button {
     background: none;
     color: rgba(107, 149, 129, 1);
     font-size: 22px;
     border: none;
     padding: 4px 15px;
 }

 .practice-plus-minus input {
     border: none;
     text-align: center;
     font-size: 21px;
     font-weight: 420;
     width: 100%;
     color: rgba(22, 42, 38, 1);
     line-height: 20px;
 }

 button.Metres {
     background: rgba(224, 238, 223, 1);
     border: solid 1px rgba(224, 238, 223, 1);
     color: rgba(22, 42, 38, 1);
     font-size: 14px;
     font-weight: 420;
     line-height: 20px;
 }

 .weight-parcel {
     display: flex;
     align-items: center;
     margin-left: 15px;
 }

 .total-weight {
     display: flex;
     align-items: center;
     justify-content: start;
 }

 .weight-parcel h6 {
     margin-bottom: 0px;
     font-size: 16px;
     font-weight: 450;
     color: rgba(22, 42, 38, 1);
     white-space: nowrap;

 }

 .weight-lost h6 {
     border: solid 1px rgba(214, 211, 209, 1);
     color: rgba(22, 42, 38, 1);
     font-size: 16px;
     font-weight: 400;
     margin-bottom: 0px;
     height: 48px;
     width: 68px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: 10px;
 }

 .weight-lost button {
     background: rgba(224, 238, 223, 1);
     border: solid 1px rgba(224, 238, 223, 1);
     color: rgba(22, 42, 38, 1);
     font-size: 16px;
     font-weight: 420;
     margin-bottom: 0px;
     height: 48px;
     width: 68px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-left: 0px;
     text-transform: uppercase;
 }

 .price-summary-data {
     display: flex;
     align-items: center;
     border: solid 1px rgba(214, 211, 209, 1);
     width: 100%;
     max-width: 343px;
     height: 50px;
     justify-content: center;
     margin: 15px 0px;
 }

 .price-summary-data h2 {
     color: rgba(41, 37, 36, 1);
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 0px;
     line-height: 23px;


 }

 .price-summary-data em {
     font-weight: 500;
     font-style: normal;
 }

 .price-summary-data img {
     margin-right: 10px;
 }

 .material-data {
     margin: 15px 0px;
 }

 .material-data h5 {
     color: rgba(22, 42, 38, 1);
     font-weight: 500;
     font-size: 16px;
     line-height: 23px;
     margin-bottom: 0px;
     text-transform: uppercase;

 }

 .lca-data img {
     padding: 10px 0px;
     width: 100%;
 }

 .order-btn {
     display: flex;
     align-items: center;
     justify-content: start;
     padding: 5px 0px;
     column-gap: 10px;
 }

 .white-btn {
     border-radius: 36px;
     color: rgba(183, 134, 43, 1);
     font-size: 14px;
     font-weight: 420;
     line-height: 22px;
     padding: 8px 30px 8px 30px;
     background: #fff;
     border: 1.5px solid rgba(183, 134, 43, 1);
     margin: 0;
     transition: 0.3s ease-in all;
     text-transform: uppercase;
     white-space: nowrap;
 }

 .white-btn:hover {
     background: rgba(28, 25, 23, 1);
     border-color: rgba(28, 25, 23, 1);
     transition: 0.3s ease-in all;
     color: #fff;
 }

  .black-btn {
      border-radius: 36px;
      color: #fff;
      font-size: 14px;
      font-weight: 420;
      line-height: 22px;
      padding: 8px 30px 8px 30px;
      background: rgba(28, 25, 23, 1);
      border: 1.5px solid rgba(28, 25, 23, 1);
      margin: 0;
      transition: 0.3s ease-in all;
      text-transform: uppercase;
  }
  .black-btn:hover {
    background: #fff;
    color:rgba(28, 25, 23, 1);

  }

 .prodcut-difrenttype {
     padding: 60px 0px;
 }

 .fabric h6 {
     margin-bottom: 30px;
     color: rgba(41, 37, 36, 1);
     font-size: 20px;
     font-weight: 420;
     line-height: 29px;
 }

 .compostion ul {
     display: flex;
     align-items: baseline;
     justify-content: space-between;
     margin: 10px 0px;
     padding: 0px;
 }

 .compostion ul li {
     list-style: none;
     font-weight: 450;
     font-size: 16px;
     color: rgba(41, 37, 36, 1);
     line-height: 15px;
 }
 .compostion ul li:first-child {
    width: 55%;
 }
 .compostion ul li:last-child {
     width: 45%;
 }

 li.cotton {
     font-weight: 300 !important;
     line-height: 22px !important;
     color: rgba(41, 37, 36, 1) !important;
     text-align: start;
     width: 40%;
 }
 .brdr-rt {
    border-right: 1px solid #D6D3D1;
 }

 .compostion-sh p {
     margin-bottom: 0px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: rgba(41, 37, 36, 1);
 }

 .compostion-sh {
     margin-bottom: 33px;
 }

 .compostion-head h6 {
     margin-bottom: 8px;
     color: rgba(41, 37, 36, 1);
     font-size: 20px;
     font-weight: 500;
     line-height: 29px;
 }

 .compostion-head p {
     margin-bottom: 33px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: rgba(41, 37, 36, 1);
 }


 .compostion-infor h6 {
     margin-bottom: 8px;
     color: rgba(41, 37, 36, 1);
     font-size: 20px;
     font-weight: 500;
     line-height: 29px;
 }

 .compostion-infor p {
     margin-bottom: 0px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: rgba(41, 37, 36, 1);
 }

 .compostion-infor p span {
     color: rgba(45, 106, 77, 1);
 }

 .certification {
     padding: 25px 0px;
 }

 .certification h2 {
     color: rgba(41, 37, 36, 1);
     font-size: 20px;
     font-weight: 420;
     line-height: 28px;
     margin-bottom: 33px;

 }

 .certification-img {
     display: flex;
     align-items: center;
     justify-content: start;
 }

 .certification-img-got {
     text-align: center;
     margin: 0px 37px 0px 0px;
 }

 .certification-img-got img {
     max-width: 100px;
     margin-bottom: 15px;
 }

 .certification-img-got h6 {
     margin-bottom: 0px;
     font-size: 14px;
     font-weight: 420;
     line-height: 20px;
     color: rgba(41, 37, 36, 1);
 }

 .insipration-content {
     background: rgba(250, 250, 249, 1);
     padding: 40px 80px;
 }

 .insipration-content h2 {
     text-align: center;
     margin-bottom: 33px;
     color: rgba(41, 37, 36, 1);
     font-weight: 420;
     font-size: 24px;
     line-height: 35px;
     text-transform: uppercase;

 }

 .jacket-reve-tb {
     background: rgba(245, 245, 244, 1);
     padding: 40px;
     height: 100%;
 }

 .jacket-reve-tb h6 {
     color: rgba(41, 37, 36, 1);
     font-weight: 300;
     font-size: 20px;
     line-height: 24px;
     margin-bottom: 15px;
     text-transform: uppercase;
    font-family: 'Garamond Premiere Pro';
 }



 .jacket-reve-tb p {
     margin-bottom: 0px;
     font-size: 12px;
     font-weight: 390;
     line-height: 17px;
     color: rgba(41, 37, 36, 1);
 }

 .similar-product .lising-product {
     padding: 0px 40px;
     border:none;
 }
 .similar-product .product-content {
     min-height: 80px;
 }

 .similar-product {
     padding: 60px 0px;
 }

 .prod-img img {
     width: 100%;
 }

 .p-drty h2 {
     text-align: center;
     margin-bottom: 33px;
     color: rgba(41, 37, 36, 1);
     font-weight: 420;
     font-size: 24px;
     line-height: 35px;
     text-transform: uppercase;

 }

 .jacket-reve img {
     width: 308px;
     height: 305px;
     object-fit: cover;
 }

 .footer {
     background: rgba(22, 42, 38, 1);
     padding: 50px 0px;
     position: relative;
 }

 .f-socialicon ul {
     margin: 0px;
     padding: 0px;
     display: flex;
     align-items: center;
 }

 .fotter-logo {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .f-socialicon ul li {
     list-style: none;
     padding: 0px 15px 0px 0px;
 }

 .f-socialicon ul li a {
     color: rgba(138, 170, 145, 1);
     border: solid 1px rgba(138, 170, 145, 1);
     width: 36px;
     height: 36px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-decoration: none;
     border-radius: 100%;
     transition: 0.3s ease-in all;
 }

 .f-socialicon ul li a i {
     font-size: 16px;
 }

 .f-socialicon ul li a:hover {
     background: solid 1px rgb(89 121 96);
     color: #fff;
     transition: 0.3s ease-in all;
     border-color: solid 1px rgb(89 121 96);

 }


 .f-socialicon-menu ul {
     display: flex;
     align-items: center;
     margin: 0px;
     padding: 0px;
     justify-content: space-between;
 }


 .f-socialicon-menu ul li {
     list-style: none;
     padding: 0;
 }

 .f-socialicon-menu ul li:last-child {
     padding: 0px 0px 0px 0px;
 }

 .f-socialicon-menu ul li a {
     color: rgba(255, 255, 255, 1);
     text-decoration: none;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }

 .f-socialicon-menu ul li a span {
     color: rgba(138, 170, 145, 1);
 }

 .footer .row {
     align-items: center;
 }

 .footer:after {
     content: "";
     position: absolute;
     bottom: 0px;
     right: 0px;
     background: url(../../img/frontend/dot-1.png) no-repeat;
     background-size: 514px;
     height: 19px;
     z-index: 1;
     width: 540px;
 }

 /* 30/10/2024 Product inner page End */
 /* ---------------------- */
 /* Search Module Start */

 .search-header {
     background: #162A26;
     padding: 40px 20px;
     position: relative;
 }

 .arrow-close i {
     position: absolute;
     right: 20px;
     top: 20px;
     color: #8AAA91;
     border: solid 2px #8AAA91;
     border-radius: 7px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 30px;
     height: 30px;
     font-size: 20px;
 }

 .search-header .container-fluid {
     padding: 0px 40px;
 }

 .search-bar {
     display: flex;
     align-items: center;
     justify-content: start;
 }

 .search-location input {
     border: none;
     border-bottom: 1px solid #EDF0F240;
     height: 48px;
     background: none;
     color: #FFFFFF;
     font-weight: 420;
     font-size: 16px;
     line-height: 19px;
     text-transform: uppercase;
     width: 100%;
     border-radius: 0px;
     padding: 0 45px 0 0;
     margin-left: 20px;
     transition: 0.3s ease-in all;
 }

 .search-location input:focus {
     box-shadow: none;
     background: none;
     border-color: #ba902f;
     transition: 0.3s ease-in all;
     color: #fff;
 }

 .search-location input:placeholder {
     color: #fff;
 }

 .search-location {
     width: 100%;
     display: flex;
     align-items: center;
 }

 .searching-data {
     display: flex;
     align-items: center;
     width: 100%;
     padding-right: 10%;
 }

 .s-logo {
     margin-right: 15px;
 }

 .search-location img {
     margin-left: -31px;
 }

 .search-btn {
     margin-left: 20px;
 }

 .search-btn button {
     background: #BA902F;
     border-radius: 26px;
     border: 1px solid #C29E40;
     box-shadow: 0px 8px 32px 0px #0000000F;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     padding: 5px 32px;
     text-transform: uppercase;
 }

 .fr-logo {
     margin-left: 41px;
 }

 .fr-logo img {
     margin-left: 0px;
 }

 .look-fabric {
     border-top: 1px solid #2D6A4D;
     padding: 30px 20px;
     width: 25%;
     background: #162A26;
     min-height: calc(100vh - 128px);
     position: relative;
     z-index: 9;
 }

 .hgtyghy {
     background: linear-gradient(71.92deg, rgba(216, 196, 135, 0) 44.6%, #D8C487 100%);
     padding: 2px 2px;
 }

 .fabric-box {
     border: 1px solid;
     background: linear-gradient(135deg, #0e1a1c, #162a26);

     padding: 20px;
 }

 .fabric-box span {
     color: #6B9581;
     font-weight: 400;
     font-size: 10px;
     line-height: 20px;

 }

 .fabric-box h2 {
     color: #E7DBB6;
     font-size: 14px;
     font-weight: 400;
     line-height: 14px;
     margin-bottom: 10px;
     text-transform: uppercase;

 }

 .fabric-box h6 {
     color: #C8DBC9;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
     margin-bottom: 0px;

 }

 .recent-clear {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 40px 0px 30px;
 }

 .recent-clear h2 {
     color: #fff;
     font-weight: 400;
     font-size: 16px;
     text-transform: uppercase;
     line-height: 23px;
     margin-bottom: 0px;

 }

 .recent-clear a {
     text-decoration: none;
     color: #CBAE5B;
     font-size: 16px;
     font-weight: 400;
     line-height: 20px;
 }

 .m-icon h6 {
     display: flex;
     align-items: center;
 }

 .m-icon {
     margin-bottom: 20px;
 }

 .m-icon h6 span {
     color: #8AAA91;
     font-size: 14px;
     font-weight: 400;
     line-height: 19px;
     margin-bottom: 0px;
     padding-left: 10px;

 }

 .recent-history {
     padding: 0px 10px 0px;
 }
 .rh-scroll {
    height: 120px;
        overflow: auto;
        margin-bottom: 15px;
 }

 .rh-scroll::-webkit-scrollbar {
     width: 5px;
     height: 5px;
 }

 .rh-scroll::-webkit-scrollbar-track {
     background-clip: content-box;
     border: 2px solid transparent;

 }

 .rh-scroll::-webkit-scrollbar-thumb {
     background-color: #BA902F;
     border-radius: 5px;
 }
 .choose-fabric {
     display: flex;
     background: url(../../img/frontend/filter.png) no-repeat;
     background-size: cover;
     width: 100%;
     position: relative;
 }
.choose-fabric:after {
    position: absolute;
    content: "";
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    background-blend-mode: color;
    background: #162B26;
    background: linear-gradient(180deg, rgba(31, 32, 36, 0) 17.12%, #1F2024 90.47%);
    pointer-events: none;
}

.choose-fabric:before {
    position: absolute;
    content: "";
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    background: #162b26f0;
    pointer-events: none;
  }
 .sample {
     min-height: calc(100vh - 128px);
     background-position: center;
     position: relative;
     border-left: 1px solid #2D6A4D;
     border-top: 1px solid #2D6A4D;
     padding: 30px 46px;
     width: calc(100% - 25%);
 }

 .price {
     display: flex;
     align-items: center;
     width: 100%;
     max-width: 250px;
 }

 .price-filters {
     margin-left: 20px;
     margin-top: 8px;
     white-space: nowrap;
 }

 .filter-range {
     position: relative;
     z-index: 99;

 }

 .price h5 {
     display: flex;
     align-items: center;
     margin-bottom: 0px;
 }

 .price h5 span {
     color: #ABC3AF;
     font-size: 16px;
     font-weight: 400;
     line-height: 23px;
     text-transform: uppercase;
     display: block;
     padding-right: 10px;
 }

 .price-filters a {
     text-decoration: none;
     color: #CBAE5B;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
 }

 .filter-range {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     column-gap: 10px;
 }
 .filter-range .lession-accrdin {
    display: flex;
    width: 100%;
    padding-top: 0;
 }
 .filter-range .accordion {
     width: 100%;
 }
.filter-range .lession-accrdin .accordion-button::after {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: auto;
    content: "";
    background-image: url(../../img/frontend/price-arrow.svg);
    background-repeat: no-repeat;
    background-size: 8px auto;
    transition: transform .2sease-in-out;
    background-position: center center;
    position: static;
    transform: rotate(270deg);
}
 .filter-range .accordion-button:not(.collapsed)::after {
     transform: rotate(450deg);
 }

.allRangeView .lession-accrdin .accordion-button::after {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: auto;
    content: "";
    background-image: url(../../img/frontend/filter-arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    transition: transform .2sease -in-out;
    background-position: center center;
    /* width: 100%; */
    position: absolute;
    transform: rotate(180deg);
}

.allRangeView .lession-accrdin .accordion-button:not(.collapsed)::after {
     transform: rotate(360deg);
 }

 .allRangeView{
    background: linear-gradient(180deg, rgba(82, 138, 111, 0) 0%, rgba(82, 138, 111, 0.5) 100%);
        padding: 12px 12px;
        width: 562px;
        position: relative;
        z-index: 99;
 }

 /* .allRangeView .accordion-button:not(.collapsed)::after {
     transform: rotate(180deg);
 } */
 .filter-range .form-check label, .filter-range .accordion-body h6, .filter-range .avila-mcq .radio-label h6, .filter-range .avila-mcq h6 {
    color:#fff;
 }
 .filter-range .avila-mcq .radio-button {
    border:1px solid #fff;
    background: transparent;
 }
 .filter-range .avila-mcq .radio-button::after {
    background-color: #1c2927;
 }
 .filter-range .form-check-input:checked[type=checkbox] {

}
.filter-range .search-select .form-check .form-check-input {
    background-color: transparent;
    border:1px solid #fff;
}
.filter-range .avila-mcq .radio-label h6 {

}
.filter-range .avila-mcq .radio-label {
    margin-bottom: 5px;
}
.filter-range .lession-accrdin .accordion .accordion-item h2 {
    padding: 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #BA902F;
    padding: 0px 15px;
}
.filter-range .lession-accrdin .accordion-body {
    padding: 0px 15px;
}
.filter-range .more a {
    color: #CBAE5B;
}
.filter-range .more a:hover {
    text-decoration: underline;
}
.filter-range .lession-accrdin .accordion .accordion-button {
    white-space: nowrap;
}
.mte-search {
    display: flex;
    border:1px solid #8AAA91;
    padding:5px 10px
}
.mte-search input {
    background: transparent;
    font-size: 14px;
    border:none;
    box-shadow: none;
    color:#FAFAF9;
    margin-left: 10px;
}
.mte-search input:focus {
    outline: none;
}


 .search-header .row {
     align-items: center;
 }

 .left-menu-toggle, .tabSearchIcons {
    display: none;
 }


 /* Filters */
 #filtersModal .modal-dialog {
     max-width: 100%;
     margin: 0;
     height: 100%;
 }

 #filtersModal .modal-content {
     border: none;
     border-radius: 0;
     background: #FAFAF9;
     height: 100%;
 }

 #filtersModal .modal-header .btn-close {
     position: absolute;
     top: 15px;
     right: 15px;
 }

 #filtersModal .modal-header {
     border: none;
 }

 .fl-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .fl-header h2 {
     font-size: 24px;
     font-weight: 600;
     font-family: 'Garamond Premiere Pro';
     color: #1C1917;
     margin-bottom: 0;
 }

 .fl-header a {
     color: #C29E40;
     font-size: 12px;
     font-weight: 420;
 }
 .for-modalFilters, #left-menu-toggle {
    display: none;
 }
 .modalFilters {
     height: calc(100vh - 160px);
     overflow: auto;
     margin-bottom: 15px;
 }

 .modalFilters::-webkit-scrollbar {
     width: 5px;
     height: 5px;
 }

 .modalFilters::-webkit-scrollbar-track {
     background-clip: content-box;
     border: 2px solid transparent;

 }

 .modalFilters::-webkit-scrollbar-thumb {
background-color: #BA902F;
     border-radius: 5px;
 }

 .arrow-close {
    position: absolute;
    right: 0;
    top:0;
 }
.search-expend {
    color: #292524;
    font-size: 14px;
    font-weight: 450;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;
}



/*=================  17-11-2024  ===============================*/


.d-productbox{
    width: 100%;
}
.rating-esg {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    column-gap: 6px;
    height: 240px;
    width: 100%;
}
.wce-box {
    display: flex;
    flex-basis: 55%;
    column-gap: 6px;
}
.wce-box.wce-b {
    flex-basis: 34%;
}
.wce-box.wce-b .costss {
    flex-basis: 100%;
}
.wce-box.wce-b .cost-saving {
    flex-basis: 45%;
}
.wce-box.wce-b .esg-graph {
    flex-basis: 55%;
}
.costss {
    display: flex;
    flex-basis: 56%;
    column-gap: 6px;
}

.welcome-criculam{
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 44%;
    height: 100%;
}
.dotsrepeat {
    position: relative;
}
.dotsrepeat:before {
    position: absolute;
    content: "";
    background: url(../../img/frontend/repeat-dot.png) repeat-x;
    width: 100%;
    height: 28px;
    bottom: 14px;
    left: 0;
    opacity: 50%;
    z-index: 1;
}

.welcome-criculam-content {
    background: rgba(236, 240, 243, 0.42);
    padding: 20px;
    height: 100%;
}

.welcome-criculam-content p{
    margin-bottom: 0px;
    color: rgba(45, 106, 77, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Garamond Premiere Pro';
    width: 85%;
}


.cost-saving{
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 50%;
    height: 100%;
}

.cost-saving-content {
    background: rgba(236, 240, 243, 0.42);
    padding: 20px 30px;
    position: relative;
    height: 100%;
}

/* .cost-saving-content:before {
    position: absolute;
    content: "";
    background: url(../../img/frontend/dot-vector.svg) no-repeat;
    width: 100%;
    height: 28px;
    bottom: 11px;
    left: 20px;
    opacity: 50%;
} */

.cost-saving-content h2{
    margin-bottom: 0px;
    color: rgba(138, 170, 145, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}

.cost-icon {
    display: flex;
    align-items: center;
    padding: 15px 0px;
}

.cost-icon img{
    margin-right: 10px;
    max-width: 18px;
}

.cost-icon span{
    color: #162A26;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    font-family: 'Garamond Premiere Pro';
}

.cost-saving-content h1 {
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 57px;
    color: #162A26;
    font-weight: 400;
    font-family: 'HvDTrial Brandon Grotesque';
}

.cost-saving-content h1 span{
    font-size: 18px;
    line-height: 25px;
}

.esg-graph{
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 50%;
    height: 100%;
}

.esg-graph-content:before {
    position: absolute;
    content: "";
    background: url(../../img/frontend/esg-dots.svg) no-repeat;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 10px;
    opacity: 1;
    background-size: 100%;
}

.esg-graph-content {
    background: rgba(236, 240, 243, 0.42);
    padding: 20px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    height: 100%;
    text-align: center;
    position: relative;
}

.esg-graph-content h3 {
    color: #2D6A4D;
    font-weight: 420;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 46px;
    padding-top: 0px;
}
.esg-graph-content img {
    max-width: 120px;
    margin: 0 auto;
}

.your-suns{
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 48%;
    height: 100%;
}
.your-suns.your-sun {
    flex-basis: 66%;
}

.your-suns-content {
    background: rgba(236, 240, 243, 0.42);
    padding: 20px;
    height: 100%;
}

.your-suns-content h3{
    color: #2D6A4D;
    font-weight: 420;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 23px;
}

.prodcut-blur{
    position: relative;
}

.prodcut-blur img{
    height: 148px;
}

.prodcut-blur button {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    box-shadow: 0px 8px 32px 0px #0000000F;
    box-shadow: 0px 4px 8px 0px #00000008;
    box-shadow: 0px 25px 50px 0px #00000017;
    border-radius: 8px;
    padding: 5px 14px;
    color: #B7862B;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    border: none;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
}

.prodcut-blur button img {
    margin-right: 5px;
    max-width: 18px;
    height: auto;
}


.recent-search{
    padding: 50px 0px;
}

.clear-search {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}


.clear-search h2{
    color: #2D6A4D;
    font-size: 24px;
    font-weight: 420;
    line-height: 34px;

}

.clear-search span {
    color: #CBAE5B;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0px 27px 6px;
}

.search-dashboard{
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
}

.search-text {
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #BA902F;
    /* width: 155px; */
    /* max-width: 200px; */
    padding: 6px 15px;
    transition: 0.3s ease-in all;
    cursor: pointer;
    margin: 0px 0px 12px 0px;
    width: auto;
}
.search-text:hover{
    background: #000;
    color: #fff;
    transition: 0.3s ease-in all;
    border-color: #000;
}
.search-text:hover i{
    color: #fff;
}

.search-text:hover span{
    color: #fff;
}


.search-text i {
    color: #8AAA91;
    font-size: 15px;
    padding-right: 8px;
}

.search-text span {
    color: #8AAA91;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    max-width: 170px;
    white-space: nowrap;
}

.market-filter a.white-btn.me-2.py-1.for-modalFilters {
    display: flex;
    padding: 10px 24px !important;
}
.d-productbox .product-content{
    min-height: 74px;
}

.d-productbox .lp-col{
    flex-basis: 16%;
}

.d-productbox .roduct-price-kg span{
    font-size: 11px;
}

.d-productbox .product-price{
    padding: 0px 8px 7px;
}

.d-productbox .lp-col{
    margin-bottom: 53px;
}

.ins-gearden{
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
}

.ins-gearden-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 55%;
}
.ins-gearden-img {
    margin-right: 0;
}
.ins-gearden-img img{
    max-width: 100%;
}

.ins-gearden-content h2 {
    color: #292524;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: 'Garamond Premiere Pro';
}

.ins-gearden-content p {
    color: #292524;
    font-size: 13px;
    font-weight: 390;
    line-height: 15px;
    /* padding: 15px 75px 15px 0px; */
    padding:15px 0 15px 0;
    margin-bottom: 0px;
}

.ins-gearden-content a{
    text-decoration: none;
    color: #BA902F;
    font-weight: 420;
    font-size: 11px;
    text-transform: uppercase;
}

.new-prountproduct {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.new-prountproduct-img {
    flex-basis: 100px;
    display: flex;
    margin-right: 10px;
}

.new-prountproduct-img img {
width: 100%;
    height: 75px;
    object-fit: cover;
}

.new-prountproduct-content span {
    color: #292524;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.new-prountproduct-content h2 {
    color: #292524;
    font-size: 16px;
    font-weight: 450;
    line-height: 20px;
    /* padding-right: 150px; */
    margin-bottom: 3px;
}


/*===============  28-11-2024  ==============================*/

.buyer-banner{
   background: url(../../img/frontend/banner-buyer.png)no-repeat;
   background-size: cover;
   height: 380px;
   width: 100%;
}

.welcme-procurebanner {
    padding: 0 110px;
    max-width: 710px;
    height: 100%;
    width: 100%;
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.platform-proc {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    padding: 0px 0px 26px;
    position: relative;
}

.platform-proc:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.12);
    height: 80%;
    top: 86px;
    right: -12px;
    width: 1px;
}

.welcme-procurebanner h1 {
    color: #131820;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 29px;
    text-transform: uppercase;
}

.welcme-procurebanner p{
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.features-list{
    padding: 40px 0px 30px;
}

.features-list h2{
    color: #445D40;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.brokrage-platfrom img{
    border: 1px solid rgba(237, 240, 242, 1);
    width: 100%;
}
.brokrage-platfrom-content {
    width: 100%;
    max-width: 400px;
}
.brokrage-platfrom-content h2 {
    color: rgba(28, 25, 23, 1);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    padding: 20px 0px 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
    min-height: 92px;
}

.brokrage-platfrom-content p{
    color: rgba(28, 25, 23, 1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 20px 0px 40px;
    margin-bottom: 0px;
}

.brokrage-platfrom-content a{
    color: rgba(6, 95, 70, 1);
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
}


.buyer-introduce {
    background: url(../../img/frontend/intr-buyer.png) no-repeat;
        background-size: cover;
        width: 100%;
        position: relative;
        padding: 40px 53px;
        margin: 38px 0px;
        height: 220px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
}

.buyer-introduce:after {
    background: rgba(22, 42, 38, 0.75);
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.int-button{
    position: relative;
    z-index: 999;
}
.int-button button {
    border: 1.57px solid rgba(248, 209, 141, 1);
    color: rgba(248, 209, 141, 1);
    border-radius: 79px;
    padding: 5px 14px;
    background: none;
    font-size: 16px;
    font-weight: 420;
    line-height: 14px;
    margin-bottom: 20px;
}

.int-button h2 {
    color: #fff;
    font-weight: 420;
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.int-button h6{
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 29px;
    margin-bottom: 0;
}
.expoler-list-lp {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    padding: 0px 0px 0px;
    margin-bottom: 50px;
}
.brokrage-platfromlp-content img{
    height: 260px;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    border: 1px solid rgba(237, 240, 242, 1);
}

.brokrage-platfromlp-content-content {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 0px;
}

.brokrage-platfromlp-content-content h2{
    color: rgba(28, 25, 23, 1);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0px;
    min-height: 80px;
    text-transform: uppercase;
}

.brokrage-platfromlp-content-content p{
    color: rgba(28, 25, 23, 1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0px;
}

.brokrage-platfromlp-content-content a{
    color: rgba(6, 95, 70, 1);
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
    text-transform: uppercase;
}



/*===============  29-11-2024  ====================*/


.supplier-statics {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    column-gap: 10px;
    height: 240px;
    margin-bottom: 26px;
}

.supplier-lp {
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 15%;
    height: 100%;

}

.supplier-box:before {
    position: absolute;
    content: "";
    background: url(../../img/frontend/dot-vector.svg) no-repeat;
    width: 100%;
    height: 28px;
    bottom: 11px;
    left: 5px;
    opacity: 50%;
    right: 4px;
    background-size: cover;
    /* padding: 0px 10px; */
}

.supplier-box{
    background: rgba(236, 240, 243, 0.42);
    padding: 20px 30px;
    height: 100%;
     position: relative;
}

.supplier-box h2 {
    margin-bottom: 0px;
    color: rgba(138, 170, 145, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}


.cost-icon-supp {
    display: flex;
    align-items: center;
    padding: 15px 0px;
}
.cost-icon-supp span {
    color: #162A26;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
}

.cost-icon-supp img {
    margin-right: 10px;
    max-width: 18px;
}

.supplier-box h1 {
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 57px;
    color: #162A26;
    font-weight: 400;
    font-family: 'HvDTrial Brandon Grotesque';
}

.supplier-box h1 span {
    font-size: 18px;
    line-height: 25px;
    font-family: 'HvDTrial Brandon Grotesque';
}

.suppliyer-esg{
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 20%;
    height: 100%;
}

.suppliyer-rating{
    background: rgba(236, 240, 243, 0.42);
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    /* align-items: center; */
    height: 100%;
    text-align: center;
    position: relative;
}

.suppliyer-rating:before {
    position: absolute;
    content: "";
    background: url(../../img/frontend/esg-dots.svg) no-repeat;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 10px;
    opacity: 1;
    background-size: 100%;
}

.suppliyer-rating h3 {
    color: #2D6A4D;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 18px;
    padding-top: 0px;
}
.suppliyer-rating img {
    max-width: 120px;
    margin: 0 auto;
}


.total-kg {
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
    flex-basis: 70%;
    height: 100%;
}

.saved-data{
    background: rgba(236, 240, 243, 0.42);
    padding: 20px;
    height: 100%;
}


.saved-data h3 {
    color: #2D6A4D;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 23px;
}

.rec-activites h2 {
    color: #2D6A4D;
    font-size: 24px;
    font-weight: 420;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.order-list {
    display: flex;
    align-items: stretch;
    column-gap: 20px;
    flex-wrap: nowrap;
    margin-bottom: 30px;
}

.order-box {
    background: rgba(255, 255, 255, 1);
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 15px 15px 20px;
    width: 19%;
}

.pending-order span {
    color: rgba(169, 110, 32, 1) !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    background: rgba(255, 202, 76, 0.5);
    border-radius: 100px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.order-box span{
    color: rgba(120, 113, 108, 1);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.order-box h2 {
    color: rgba(41, 37, 36, 1);
    font-weight: 420;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 23px;
    text-transform: uppercase;
    padding: 0;
}

.pending-order {
    margin-bottom: 10px;
}

.order-price{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.request-price h6{
    color: rgba(45, 106, 77, 1);
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: 'Garamond Premiere Pro';
}

.request-price h2{
    color: rgba(41, 37, 36, 1);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}

.request-price span{
    color: rgba(41, 37, 36, 1);
    font-size: 12px;
}

.request-box{
    background: rgba(255, 255, 255, 1);
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 15px 15px 20px;
    width: 19%;
    min-height: 197px;
}

.userrequest-box h2 {
    color: rgba(41, 37, 36, 1);
    font-size: 16px;
    font-weight: 420;
    line-height: 19px;
    margin-bottom: 38px;
    text-transform: uppercase;
}

.request-box p{
    color: rgba(120, 113, 108, 1);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 23px;
}

.request-box h3 {
    color: rgba(41, 37, 36, 1);
    font-size: 12px;
    font-weight: 420;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0;
}

.manage-rent h3{
    color: rgba(45, 106, 77, 1);
    font-weight: 420;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: 'HvDTrial Brandon Grotesque';
}

.manage-rent .manage-btn {
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    font-size: 14px;
    font-weight: 420;
    line-height: 22px;
    padding: 8px 30px 8px 30px;
    background: #fff;
    border: 1.5px solid rgba(183, 134, 43, 1);
    margin: 0;
    transition: 0.3s ease-in all;
    text-transform: uppercase;
    margin-left: 27px;
}

.manage-btn:hover {
    background: rgba(28, 25, 23, 1);
    border-color: rgba(28, 25, 23, 1);
    transition: 0.3s ease-in all;
    color: #fff;
}

.orderlist-tabing {
    display: flex;
    align-items: center;
    padding: 0px 15px;
    justify-content: space-between;
    margin-bottom: 33px;
}

.order-man p{
    margin-bottom: 0px;
    color: rgba(9, 52, 44, 1);
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
}

.manage-rent {
    margin-bottom: 23px;
}

.user-listtabing .nav-tabs {
    background: rgba(248, 250, 248, 1);
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}

.user-listtabing .nav-tabs .nav-item.show .nav-link, .user-listtabing .nav-tabs .nav-link.active {
    color: #495057;
    background-color: rgba(4, 85, 68, 1);
    border-color: #dee2e6 #dee2e6 #fff;
    color: #fff !important;
    border-radius: 8px;
}
.user-listtabing .nav-tabs .nav-link:focus, .user-listtabing .nav-tabs .nav-link:hover{
    background: rgba(4, 85, 68, 1);
    color: #fff !important;
}
.user-listtabing .nav-tabs .nav-link{
    color: rgba(60, 84, 73, 1);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 8px;
}

.user-listtabing .nav-tabs li.nav-item {
     margin: 0px 20px 0px 0px;
}



.user-selectid table {
    width: 100%;
    border-collapse: collapse;
 }

.user-selectid thead {
    border-bottom: solid 1px rgba(236, 236, 236, 1);
}

.user-selectid th, td {
    text-align: left;
    padding: 12px 0px;
    border-bottom: 1px solid #ddd;
    color: rgba(60, 84, 73, 1);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}
 .user-selectid tr th {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
 }

.user-selectid td {
    font-size: 14px;
    color: rgba(41, 37, 36, 1);
    line-height: 24px;
    font-weight: 400;
}

.status {
   color: #5a5a5a;
}

.payment button {
    background: rgba(252, 211, 77, 1);
    border-radius: 23px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: rgba(68, 64, 60, 1);
    text-transform: uppercase;
    border: none;
    padding: 5px 27px;
}
.payment button:hover {
    color: rgba(252, 211, 77, 1);
    background: rgba(68, 64, 60, 1);
}
  .name {
   display: flex;
  align-items: center;
  gap: 10px;
        }

.name img {
  width: 40px;
  height: 40px;
  border-radius: 5px;
        }

.user-selectid tbody tr:nth-child(even) {
    background-color: rgba(248, 248, 248, 1);
    border-bottom: none !important;
}

 .user-selectid tbody tr:hover {
  background-color: #f0f0f0;
  }
  .branded {
    display: flex;
    align-items: center;
}

.branded h6 {
    color: rgba(60, 84, 73, 1);
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0px;
    padding-left: 14px;
}

 .branded img{
   border: solid 3px #fff;
   width: 32px;
   height: 32px;
   object-fit: cover;
}

.user-selectid tr td, .user-selectid tr th {
    border: none;
    padding: 12px 15px;
}

.user-selectid {
    padding: 0;
}

.previous-pagenation{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-pagenation {
    border-radius: 0px 0px 7px 7px;
    padding: 15px 25px;
    margin-bottom: 47px;
}


.activites-found{
    border: 1px solid rgba(22, 43, 38, 0.25);
    padding: 5px;
}

.activites-found-data {
    background: rgba(236, 240, 243, 0.42);
    padding: 12px;
    height: 100%;
}

.activites-found-data h2{
    color: rgba(31, 32, 36, 1);
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 0px;
}

.activites-found-data p{
    color: rgba(62, 64, 71, 1);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}


/*===============  03-12-2024 =====================*/

.access-login .modal-header{
    border-bottom: none;
}

.access-login .modal-dialog{
    width: 100%;
    max-width: 620px;
}

.access-login .btn-close {
    position: absolute;
    right: 20px;
    top: 36px;
}

.access-login .modal-body {
    padding: 87px 128px;
}
.access-login .modal-content {
    border: none;
    border-radius: 0px;
    border: 4px solid;
    /* border-image-source: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%); */
    padding: 10px;
    border-color: #c29e40;
}
.access-login .modal-body h2{
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 10px;
    color: rgba(97, 97, 97, 1);
    text-transform: uppercase;
}

.access-login .modal-body p{
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 30px;
    color: rgba(97, 97, 97, 1);
}

.login-ss{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.login-ss .log {
    background: rgba(28, 25, 23, 1);
    display: block;
    width: 100%;
    border-radius: 100px;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.login-ss .sign{
    background: rgba(194, 158, 64, 1);
    display: block;
    width: 100%;
    border-radius: 100px;
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
}
/* ------------------------------------------------------------------------- */
/* New Css date 16-12-2024 */
/* ------------------------------------------------------------------------- */

.fty-lp {
    /* margin-bottom: 15px; */
}

.map-product img {
    width: 100%;
}

.stocklist-tabing {
    margin: 0px;
    padding: 0px;
    background: none !important;
}

.stocklist-tabing .nav-tabs {
    background: none;
    margin-bottom: 38px;
}

.stocklist-tabing .nav-tabs li.nav-item {
    margin: 0px 20px 0px 0px;
}

.stocklist-tabing .nav-tabs .nav-link {
    color: rgba(51, 65, 85, 1);
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    border-radius: 8px;
    text-transform: uppercase;
    padding: 7px 10px;
}


.stocklist-tabing .nav-tabs .nav-item.show .nav-link,
.stocklist-tabing .nav-tabs .nav-link.active {
    color: #495057;
    background-color: rgba(245, 241, 226, 1);
    border-color: rgba(245, 241, 226, 1);
    color: rgba(183, 134, 43, 1) !important;
    border-radius: 8px;
}

.stocklist-tabing .nav-tabs .nav-link:focus,
.stocklist-tabing .nav-tabs .nav-link:hover {
    background-color: rgba(245, 241, 226, 1);
    border-color: rgba(245, 241, 226, 1);
    color: rgba(183, 134, 43, 1) !important;
    transition: 0.3s all;
}

.stocklist-guidline-jour h2 {
    color: #445D40;
    font-weight: 420;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.stocklist-guidline-jour p {
    color: rgba(22, 42, 38, 1);
    font-weight: 420;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 33px;
}

.stocklist-box {
    background: rgba(248, 250, 252, 1);
    padding: 37px 70px;
}

.stocklist-temple {
    background: rgba(255, 255, 255, 1);
    border: solid 1px rgba(217, 217, 217, 1);
    padding: 36px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.stocklist-temple h2 {
    color: rgba(31, 32, 36, 1);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
    text-transform: uppercase;
    min-height: 51px;
}


.stocklist-temple p {
    font-family: 'Garamond Premiere Pro';
    color: rgba(62, 64, 71, 1);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;
    min-height: 112px;
}

.stocklist-temple button {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 10px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stocklist-temple button img {
    margin-left: 10px;
    height: 24px;
}

.stocklist-drag {
    background: rgba(245, 245, 244, 1);
    padding: 36px;
    height: 100%;
    border: 2px dashed rgba(168, 162, 158, 1);
}

.stocklist-drag h2 {
    color: rgba(31, 32, 36, 1);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
    text-transform: uppercase;
    min-height: 51px;
}


.stocklist-drag p {
    color: rgba(62, 64, 71, 1);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 19px;

}

.dropzone {
    position: relative;
    display: flex;
    flex-direction: column;
}

.dz-message {
    color: #8898aa;
    transition: all 0.15s ease;
    order: -1;
    cursor: pointer;
    position: relative;
}

.dropzone input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}


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

.image-doc p {
    margin-bottom: 0px;
    color: rgba(87, 83, 78, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.csv-file span {
    margin-bottom: 0px;
    color: rgba(87, 83, 78, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.image-doc img {
    max-width: 72px;
    margin-right: 21px;
}

.media-n button {
    background: rgba(5, 150, 105, 1);
}

.mna-stockllist button {
    border: 1.5px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    background: none;
    transition: 0.3s all;
}

.mna-stockllist button:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.mna-stockllist button:hover img {
    filter: brightness(0) invert(1);
}

.mna-publish button {
    border: 1.5px solid rgba(183, 134, 43, 0.5);
    border-radius: 36px;
    color: rgba(183, 134, 43, 0.5);
    background: none;
    transition: 0.3s all;
}

.mna-publish button:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.mna-publish img {
    opacity: 50%;
}

.mna-publish button:hover img {
    filter: brightness(0) invert(1);
    opacity: 100%;
}

/*.dow-lp {
    min-height: calc(100vh - 700px);
}*/



.previe-market-track {
    background: rgba(255, 255, 255, 1);
    border: solid 1px rgba(217, 217, 217, 1);
    padding: 36px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.previe-market-track h2 {
    color: rgba(31, 32, 36, 1);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
    text-transform: uppercase;
}


.previe-market-track p {
    color: rgba(62, 64, 71, 1);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px;

}

.previe-market-track button {
    border: 1.5px solid rgba(183, 134, 43, 0.5);
    border-radius: 36px;
    color: rgba(183, 134, 43, 0.5);
    background: none;
    transition: 0.3s all;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
}

.previe-market-track button img {
    margin-left: 10px;
    height: 24px;
    opacity: 50%;
}

.previe-market-track button:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.previe-market-track button:hover img {
    filter: brightness(0) invert(1);
    opacity: 100%;
}


.lca-btn {
    display: flex;
    align-items: center;
}

.lca-btn button {
    margin: 0px 10px;
}

button.stck {
    background: rgba(245, 241, 226, 1);
    order-radius: 36px;
    padding: 10px 10px;
    color: rgba(169, 110, 32, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(169, 110, 32, 1);
    margin: 0px 7px 0px 0px;
}

button.lca {
    background: rgba(169, 110, 32, 1);
    border-radius: 36px;
    padding: 10px 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(169, 110, 32, 1)
}

.me-lb {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.me-lb a {
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    font-size: 14px;
    font-weight: 420;
    line-height: 22px;
    padding: 9px 19px 8px 19px;
    background: #fff;
    border: 1.5px solid rgba(183, 134, 43, 1);
    margin: 0;
    transition: 0.3s ease-in all;
    text-transform: uppercase;
    margin-left: 27px;
    display: flex;
    align-items: center;
}

.me-lb a:hover {
    background: rgba(28, 25, 23, 1);
    border-color: rgba(28, 25, 23, 1);
    transition: 0.3s ease-in all;
    color: #fff;
}

.me-lb a img {
    max-width: 24px;
    margin-right: 10px;
}

.me-lb a:hover img {
    filter: brightness(0) invert(1);
}

.me-lb h2 {
    margin-bottom: 0px;
}

.upd-date p {
    margin-bottom: 17px;
    font-weight: 390;
    font-size: 18px;
    line-height: 26px;
    color: rgba(22, 42, 38, 1);
}

.filtring-dategallery {
    display: flex;
    align-items: center;
    column-gap: 15px;
    flex-wrap: wrap;
}

.gallery-box {
    border: 1px solid rgba(198, 198, 198, 1);
    padding: 6px;
    margin-bottom: 17px;
    display: flex;
    flex-basis: 13%;
}

.gallery-box img {
    border: 3px solid rgba(255, 255, 255, 1);
    height: 160px;
    object-fit: cover;
    width: 100%;
}

.upload-stocktemp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.publ-stocklist {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.upload-stocktemp a.down-tem {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 10px 55px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-right: 0;
    column-gap: 15px;
}

.upload-stocktemp a.pub-stock {
    background: rgba(5, 150, 105, 0.5);
    border-radius: 36px;
    padding: 10px 55px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.upload-stocktemp a img {
    margin-left: 10px;
    height: 24px;
}

.uploaderror-message {
    border: 2px solid rgba(214, 211, 209, 1);
    background: rgba(255, 255, 255, 1);
    border-radius: 8px;
    padding: 12px;
}

.upload-excel {
    background: rgba(254, 242, 242, 1);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
}

.upload-eexcelfile {
    display: flex;
    align-items: center;
}

.mb-error h6 {
    margin-bottom: 0px;
    color: rgba(41, 37, 36, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}

.lp-excel {
    background: #fff;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2.31px 9.23px 0px rgba(0, 0, 0, 0.08);
    border-radius: 7px;
}

.mb-error p {
    margin-bottom: 0px;
    color: rgba(168, 162, 158, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}

.mb-error img {
    max-width: 45px;
}

.mb-error {
    margin-left: 17px;
}

.re-uploadstck a {
    border: 1.5px solid rgba(183, 134, 43, 1);
    background: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 36px;
    padding: 8.50px 22px;
    color: rgba(183, 134, 43, 1);
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.re-uploadstck a img {
    margin-left: 10px;
    max-width: 24px;
}






.mangestocklist-table table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.mangestocklist-table th,
td {
    padding: 14px 15px;
    text-align: left;
}

.mangestocklist-table th {
    /* background-color: #f4f4f4; */
    color: rgba(4, 85, 68, 1);
    border-bottom: solid 1px rgba(231, 229, 228, 1);
    font-size: 16px;
    font-weight: 420;
    line-height: 24px;
}

.mangestocklist-table tr:hover {
    background-color: rgba(250, 250, 249, 1);
}

.mangestocklist-table .status {
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
    padding: 5px 10px;
    display: inline-block;
}

.mangestocklist-table .declined-btn button {
    color: rgba(220, 38, 38, 1);
    background-color: rgba(254, 226, 226, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
}
.mangestocklist-table .declined-btn-mangement button {
    color: rgba(220, 38, 38, 1);
    background-color: rgba(254, 226, 226, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
}

.mangestocklist-table .waiting {
    color: #856404;
    background-color: #fff3cd;
}

.mangestocklist-table .approved {
    color: #fff;
    background-color: #28a745;
}

.mangestocklist-table .verified {
    color: #fff;
    background-color: #007bff;
}

.mangestocklist-table .btn {
    display: inline-block;
    color: #007bff;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #007bff;
    border-radius: 5px;
    font-size: 14px;
    transition: 0.3s;
}

.mangestocklist-table .btn:hover {
    background-color: #007bff;
    color: rgba(220, 38, 38, 1);

}

.actions-menu {
    position: relative;
}

.mangestocklist-table .actions-dropdown {
    display: none;
    position: absolute;
    background: #fff;
    /* border: 1px solid #ddd; */
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
    z-index: 10;
    width: 157px;
    right: 0px;
    border: 1px solid rgba(226, 232, 240, 1);
    border-radius: 8px;
    cursor: pointer;
}

.mangestocklist-table .actions-menu span img {
    max-width: 24px;
    cursor: pointer;
}

.mangestocklist-table .actions-dropdown span {
    color: rgba(15, 23, 42, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding-left: 8px;
}

.mangestocklist-table .actions-menu:hover .actions-dropdown {
    display: block;
}

.mangestocklist-table .actions-dropdown a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
}

.mangestocklist-table .actions-dropdown a:hover {
    background: #f4f4f4;
}

.mangestocklist-table .materialcheck-box input {
    border: 1.55px solid rgba(168, 162, 158, 1);
    background: rgba(245, 245, 244, 1);
    width: 24px;
    height: 24px;
    border-radius: 7px;
    appearance: none;
    /* Remove default checkbox styling */
    outline: none;
    cursor: pointer;
    position: relative;
}

/* Change background and arrow color when checked */
.mangestocklist-table .materialcheck-box input:checked {
    background: rgba(4, 85, 68, 1);
    /* Change to your desired color */
    border: 1.55px solid rgba(4, 85, 68, 1);
}

.mangestocklist-table .materialcheck-box input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 8px;
    height: 14px;
    border: solid white;
    /* Arrow color */
    border-width: 0 3px 3px 0;
    display: inline-block;
    transform-origin: center;
}

.cluine-bru {
    display: flex;
    align-items: center;
}


.cluine-bru h6 {
    margin-bottom: 0px;
    color: rgba(22, 42, 38, 1);
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    padding-left: 7px;
}

.cluine-bru img {
    max-width: 24px;
    border: 1.33px dashed rgba(214, 211, 209, 1);
    border-radius: 6px;
}

.user-selectid th,
td {
    text-align: left;
    padding: 14px 15px;
    border-bottom: none !important;
    color: rgba(41, 37, 36, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

.fabric-typevalue input {
    background: rgba(245, 245, 244, 1);
    color: rgba(41, 37, 36, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border: none;
    padding: 4px 13px;
    width: 92px;
    border-radius: 0px;
}

.fabric-typevalue input:focus {
    border: 1px solid rgba(186, 144, 47, 1) !important;
    outline-color: rgba(186, 144, 47, 1);
    border-radius: 0px;
}

.fabric-typevalue input:focus-visible {
    border: 1px solid rgba(186, 144, 47, 1) !important;
    outline-color: rgba(186, 144, 47, 1);
    border-radius: 0px;
}

.fabric-typevalue input:placeholder {
    color: rgba(41, 37, 36, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.mangestocklist-table .approval-btn button {
    color: rgba(68, 64, 60, 1);
    background-color: rgba(252, 211, 77, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
}

.mangestocklist-table .adminapproval-btn button {
    color: rgba(82, 138, 111, 1);
    background-color: rgba(212, 240, 218, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
}

.mangestocklist-table .Verifed-btn button {
    color: rgba(120, 113, 108, 1);
    background-color: rgba(245, 245, 244, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 18px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 49px 3px 12px;
    border: none;
    display: flex;
    align-items: center;
}

.mangestocklist-table .Verifed-btn button img {
    max-width: 24px;
}

/*===============  removal order popu css  =====================*/

.removal-product .modal-dialog {
    width: 100%;
    max-width: 408px;
}

.removal-product .modal-content {
    border: none;
    border-radius: 0px;
    border: 4px solid;
    /* border-image-source: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%); */
    padding: 10px;
    border-color: #c29e40;
}

.removal-product .modal-header {
    border-bottom: none;
}

.removal-product .modal-body {
    padding: 33px 23px;
}

.removal-product .modal-body h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    color: rgba(41, 37, 36, 1);
    font-weight: 400;
    text-align: center;
}

.removal-product .modal-body p {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: rgba(41, 37, 36, 1);
    text-align: center;
    margin-bottom: 0px;
    max-width: 300px;
    margin: 0 auto;
}

.removal-product .login-ss {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 33px;
}

.removal-product .login-ss .log {
    background: rgba(220, 38, 38, 1);
    display: block;
    width: 100%;
    border-radius: 100px;
    text-align: center;
    padding: 8.5px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 17px;
    border: solid 1px rgba(220, 38, 38, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.removal-product .login-ss .log img {
    max-width: 25px;
    margin-right: 7px;
}

.removal-product .login-ss .sign {
    background: none;
    display: block;
    width: 100%;
    border-radius: 100px;
    text-align: center;
    padding: 8.5px 20px;
    color: rgba(183, 134, 43, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
    border: solid 1px rgba(183, 134, 43, 1);
    transition: 0.3s all;
}

.removal-product .login-ss .sign:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
    transition: 0.3s all;
}

.removal-product .btn-close {
    position: absolute;
    right: 20px;
    top: 36px;
}

.product-skucode span {
    background: rgba(245, 245, 244, 1);
    padding: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(41, 37, 36, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    /* max-width: 194px; */
    margin: 0 auto;
    white-space: nowrap;
    width: 100%;
    max-width: 217px;
    margin: 13px auto;
}

.upd-productimages {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 17px;
}

.upd-productimages h2 {
    color: #4C6967;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

a.uplo-stockcsv {
    border: 1.5px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    background: none;
    transition: 0.3s all;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 8px 23px;
    text-transform: uppercase;
    margin: 0px 17px;
    display: flex;
    align-items: center;
}


a.uplo-stockcsv img {
    max-width: 24px;
    margin-left: 7px;
}

a.uplo-stockcsv:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

a.uplo-stockcsv:hover img {
    filter: brightness(0) invert(1);
}

a.dow-stck {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 9px 23px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    border: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dow-stck img {
    margin-left: 7px;
    max-width: 24px;
}

a.add {
    color: #BA902F;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 17px;
    display: flex;
    align-items: center;
}

a.add img {
    margin-right: 10px;
    max-width: 24px;
}

.material-product {
    display: flex;
    align-items: center;
    padding: 30px 0px;
}

.no-productempty img {
    max-width: 450px;
}

.loks-empty {
    width: 40%;
}

.loks-empty h2 {
    color: #292524;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 23px;
}

.loks-empty p {
    color: #292524;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 37px;
    padding-right: 50px;
}

.loks-empty a.uplo-stockcsv {
    border: 1.5px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    background: none;
    transition: 0.3s all;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 8px 57px;
    text-transform: uppercase;
    margin: 0px 0px;
    display: flex;
    align-items: center;
    display: inline-flex;
}

.loks-empty a.uplo-stockcsv img {
    max-width: 24px;
    margin-left: 7px;
}

.loks-empty a.uplo-stockcsv:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.insruction-product {
    background: #F8FAFC;
    padding: 40px 120px;
}

.Instructions-heading h2 {
    color: #292524;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: center;
}

.insruction-product a.uplo-stockcsv {
    border: 1.5px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    background: none;
    transition: 0.3s all;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 8px 24px;
    text-transform: uppercase;
    margin: 0px 0px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    background: #fff;
    justify-content: center;
    width: 100%;
}

.insruction-product .stocklist-temple h2 {
    font-weight: bold;
}

.insruction-product .stocklist-drag {
    background: rgba(245, 245, 244, 1);
    padding: 36px;
    height: 100%;
    border: 2px dashed rgba(168, 162, 158, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.insruction-product a.uplo-stockcsv:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.insruction-product a.uplo-stockcsv img {
    max-width: 24px;
    margin-left: 7px;
}

.insruction-product a.uplo-stockcsv:hover img {
    filter: brightness(0) invert(1);
}

.upload-productimagespopup .modal-dialog {
    width: 100%;
    max-width: 1068px;
}

.upload-productimagespopup .modal-content {
    border: 4px solid;
    border-color: #c29e40;
    border-radius: 0px;
}

.upload-productimagespopup .modal-body {
    border: none;
    border-radius: 0px;
    /* border-image-source: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%); */
    padding: 21px 33px;
}

.upload-productimagespopup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 33px;
    border-bottom: 1px solid rgba(226, 232, 240, 1);
}


.upload-productimagespopup .modal-header .btn-close {
    position: absolute;
    right: 12px;
    top: 32px;
    font-size: 17px;
    color: rgba(51, 65, 85, 1);
    opacity: 1;
}

.upload-productimagespopup .modal-header h2 {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
}

.selected-media h6 {
    color: rgba(51, 65, 85, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 7px;
}

.selected-media p {
    color: rgba(51, 65, 85, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 18px;
}

.select-imgbox h6 {
    color: rgba(120, 113, 108, 1);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.select-exstingimg {
    display: flex;
    align-items: center;
    border: 1px solid rgba(168, 162, 158, 1);
    padding: 22px 20px;
    margin-bottom: 16px;
}

.select-exstingimg-content p {
    color: rgba(120, 113, 108, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0px;
    padding-left: 17px;
}

.select-imgbox.active h6 {
    color: rgba(186, 144, 47, 1);
}

.select-imgbox.active .select-exstingimg {
    border: 1px solid rgba(186, 144, 47, 1);
}

.add-stocklistimg {
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 12px;
    height: 288px;
    overflow: auto;
}

.add-stocklistimg .gallery-box {
    border: 1px solid rgba(198, 198, 198, 1);
    padding: 6px;
    margin-bottom: 17px;
    display: flex;
    flex-basis: 23%;
}

.add-stocklistimg .gallery-box img {
    border: 3px solid rgba(255, 255, 255, 1);
    height: 112px;
    object-fit: cover;
    width: 112px;
}

.addstocklist-btn {
    background: #fff;
    border-top: 1px solid rgba(226, 232, 240, 1);
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 104px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.upload-productimagespopup .modal-footer {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 20px 33px;
    border-top: 1px solid rgba(226, 232, 240, 1);
}

a.stck-ftr {
    background: rgba(241, 245, 249, 1);
    border-radius: 36px;
    padding: 16px 51px;
    color: rgba(100, 116, 139, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

a.cancel {
    color: rgba(183, 134, 43, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 17px;
}

.select-exstingimg-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.select-exstingimg-content img {
    max-width: 24px;
}


.upload-productimagespopup .nav-tabs {
    border-bottom: none;
    margin-bottom: 29px;
}

.upload-productimagespopup .nav-tabs .nav-item.show .nav-link,
.upload-productimagespopup .nav-tabs .nav-link.active {
    background-color: rgba(245, 241, 226, 1);
    border-color: rgba(245, 241, 226, 1);
    color: rgba(183, 134, 43, 1) !important;
    border-radius: 8px;
}


.upload-productimagespopup .nav-tabs .nav-link {
    color: rgba(51, 65, 85, 1);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 8px;
    text-transform: uppercase;
    padding: 7px 10px;
}

.upload-productimagespopup .nav-tabs button {
    margin: 0px 12px 0px 0px;
}

.back-skulist {
    display: flex;
    align-items: center;
    justify-content: start;
}

.backlist-icon {
    height: 66px;
    width: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(214, 211, 209, 1);
    border-radius: 8px;
}

.backlist-content h6 {
    color: rgba(41, 37, 36, 1);
    font-weight: 420;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.backlist-content h2 {
    color: #445D40;
    font-weight: 420;
    line-height: 34px;
    font-size: 24px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.backlist-content {
    margin-left: 33px;
}

.product-form {
    padding: 66px 97px;
}

.product-heeading h6 {
    color: rgba(28, 25, 23, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.product-information {
    border: 1px solid rgba(231, 229, 228, 1);
    background: #fff;
    padding: 24px;
    margin-bottom: 21px;
}

.produc-type label {
    color: rgba(41, 37, 36, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
}

.produc-type input {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
}

.produc-type input:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

.produc-type select {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
    position: relative;
    padding: 6px 12px;

}

.appearnc-arrow {
    position: relative;
}

.appearnc-arrow:after {
    position: absolute;
    content: "";
    background: url(../../img/frontend/select-arrow.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    top: 54%;
    right: 10px;
    pointer-events: none;
}

.produc-type select:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

.pr-inf {
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: 100%;
}

.produc-type {
    width: 100%;
    margin-bottom: 5px;
}

.fw {
    flex-direction: column;
}

.produc-type textarea {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
    resize: inherit;
    min-height: 79px;
}

.produc-type textarea:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

/*.produc-type select:after{
    position: absolute;
    content: "";
    top: 10px;
    right: 0px;
    background: url(../../img/frontend/select-arrow.svg)no-repeat;
    background-size: 24px;
    height: 24px;
    width: 24px;
}*/

.fabric-type {
    padding-left: 30px;
}

.fabric-type select {
    border: 1px solid rgba(241, 245, 249, 1) !important;
    color: rgba(148, 163, 184, 1) !important;
    background: rgba(241, 245, 249, 1) !important;
}

.fabric-type label {
    color: rgba(148, 163, 184, 1);
}

.fabric-type a {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 4px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    display: inline-flex;
    margin-top: 13px;
    text-transform: uppercase;
    align-items: center;
}

.fabric-type a img {
    margin-left: 7px;
    max-width: 24px;

}

.cuur {
    width: 30%;
}

.price-curr {
    width: 50%;
}

.discount {
    width: 20%;
}

.product-information .upld-file {
    background: rgba(250, 250, 249, 1);
    border: 1.47px dashed rgba(168, 162, 158, 1);
    border-radius: 5px;
    padding: 27px 37px;
    text-align: center;
}

.product-information .image-doc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.product-information .image-doc img {
    max-width: 46px;
    /* margin-right: 21px; */
    margin-bottom: 17px;
}

.product-information .image-doc p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(87, 83, 78, 1);
    line-height: 20px;
}

.product-information .image-doc a {
    font-size: 14px;
    font-weight: 400;
    color: #047857;
    line-height: 20px;
    text-decoration: underline;
    margin-bottom: 7px;
    display: block;
}

.product-information .image-doc span {
    font-size: 10px;
    color: rgba(168, 162, 158, 1);
    font-weight: 400;
}

.material-certificate a {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 4px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    display: inline-flex;
    text-transform: uppercase;
    align-items: center;
}

.material-certificate a img {
    margin-left: 7px;
    max-width: 24px;
}

.material-certificate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.material-certificate h6 {
    margin-bottom: 0px;
}

.certi-upload {
    display: flex;
    align-items: end;
    column-gap: 10px;
    margin-bottom: 22px;
}

.certi-upload .upld-file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 74px;
}

.certi-upload .image-doc img {
    max-width: 30px;
    /* margin-right: 21px; */
    margin-bottom: 0px;
    margin-right: 0px;
}

.certi-upload .produc-type {
    margin-bottom: 0px;
}

.optio-sec {
    display: flex;
    align-items: center;
}

.optio-sec img {
    margin-left: 10px;
}

.addmaterial-cancel {
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 33px;
    margin-top: 43px;
}

.addmaterial-cancel a.material {
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    padding: 15px 32px;
    color: rgba(183, 134, 43, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: none;
    transition: 0.3s all;
    text-transform: uppercase;
}

.addmaterial-cancel a.material:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.addmaterial-cancel a {
    color: rgba(183, 134, 43, 1);
}

.discard-editing .modal-dialog {
    width: 100%;
    max-width: 403px;
}

.discard-editing .modal-body h2 {
    color: rgba(41, 37, 36, 1);
}

.discard-editing .login-ss .log {
    background: rgba(28, 25, 23, 1);
    border-color: rgba(28, 25, 23, 1);
}

.discard-editing .login-ss {
    margin-top: 43px;
}

.basket-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.basket-model {
    display: flex;
    align-items: center;
}

.add-productbasket .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px;
}

.basket-model h5 {
    color: #445D40;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-left: 16px;
}

.basket-close {
    width: 30px;
    height: 30px;
}

.basket-close .btn-close {
    background: url(../../img/frontend/basket-close.svg)no-repeat center;
    opacity: 1;
    width: 30px;
    height: 30px;
}

.basket-close button.btn-close:focus {
    outline: none;
    box-shadow: none;
}

.addproduct-list {
    border: 1px solid rgba(214, 211, 209, 1);
    background: rgba(255, 255, 255, 1);
    padding: 12px 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 9px;
    margin-right: 7px;
}

.addproduct-list.active {
    border: 1px solid rgba(120, 113, 108, 1);
    background: rgba(245, 245, 244, 1);
}

.product-image {
    display: flex;
    align-items: center;
}

.product-image img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    background-position: center;
}

.product-image h6 {
    color: rgba(22, 42, 38, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 0px;
    padding-left: 13px;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    margin: 0 5px 0 5px;
    text-align: start;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92px;
}

.pr-price p {
    color: rgba(22, 42, 38, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0px;
    white-space: nowrap;
}

.pr-price h2 {
    color: rgba(22, 42, 38, 1);
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0px;
    padding-left: 0px;
}

.pr-price {
    display: flex;
    align-items: center;
    margin-left: 29px;
}

.pr-price img {
    margin-left: 43px;
    max-width: 15px;
}

.add-productbasket .offcanvas-body {
    padding: 16px;
}

.pd-list {
    height: 400px;
    overflow: auto;
}

.pd-list::-webkit-scrollbar {
    width: 8px;
    /* Width of the vertical scrollbar */
    height: 12px;
    /* Height of the horizontal scrollbar */
    border-radius: 12px;
    margin-left: 7px;
}

/* Background of the scrollbar */
.pd-list::-webkit-scrollbar-track {
    background-color: #c1c1c1;
    /* Light gray background */
    border-radius: 12px;
}

/* Thumb (the draggable part) */
.pd-list::-webkit-scrollbar-thumb {
    background-color: rgba(186, 144, 47, 1);
    /* Pewter Blue thumb */
    border-radius: 12px;
    /* Rounded edges */
}

.add-productbasket .offcanvas {
    box-shadow: -12px 0px 27px 0px rgba(0, 0, 0, 0.1);
    border-left: none;

}

.basket-box {
    background: rgba(41, 37, 36, 1);
    padding: 12px;
    border-radius: 0px;
}
.basket-box hr {
    background-color: #fff;
    margin: .9rem 0;
}

.qun-total {
    background: rgba(28, 25, 23, 1);
    padding: 12px 12px;
}

.qunaty-total {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.qunaty-total p {
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.qunaty-total:nth-last-child(1) {
    border-bottom: solid 1px rgba(68, 64, 60, 1) !important;
}

.lr-paymentbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.total-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-price h2 {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 23px;
}

.go-basket a {
    border-radius: 36px;
    background: rgba(194, 158, 64, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 11px 12px;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.go-basket {
    width: 100%;
    margin: 15px 0px;
}

.without-product {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 62px 0px;
}

.without-product h6 {
    color: #162A26;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 30px 0px;
    text-transform: uppercase;
}

.orderlist-view {
    border: 1px solid rgba(214, 211, 209, 1);
    padding: 12px 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 9px;
    margin-right: 7px;
    position: relative;
}
.ov-hover {
    background: rgba(255, 255, 255, 1);
}
.ov-hover:hover {
    background: #F5F5F4;
    border:1px solid #78716C;
}

.orderlist-view .product-image img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    background-position: center;
}

.orderlist-view .product-image h6 {
    color: rgba(22, 42, 38, 1);
    font-size: 16px;
    font-weight: 420;
    line-height: 19px;
    margin-bottom: 0px;
    padding-left: 13px;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    margin: 0 5px 0 5px;
    text-align: start;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}

.orderlist-view .pr-price h2 {
    color: rgba(22, 42, 38, 1);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0px;
    padding-left: 0px;
    white-space: nowrap;
    width: 80px;
}

.orderlist-view .pr-price img {
    margin-left: 43px;
    /* max-width: 33px; */
    height: 19px;
}

.orderlist-view .practice-plus-minus {
    display: inline-flex;
    border: solid 1px rgba(214, 211, 209, 1);
    border-radius: 0px;
    width: 100%;
    height: 50px;
    max-width: 272px;
    margin: 0px 37px;
}

.orderlist-view .accept-condition {
    margin-right: 16px;
}

.orderlist-view .accept-condition input,
.accept-condition input:focus {
    width: 30px;
    height: 30px;
    border: 1px solid #A8A29E;
    border-radius: 8px;
}

.orderlist-view {
    padding: 17px 17px;
}

.order-information {
    padding: 50px 0px;
    min-height: calc(100vh - 388px);
}
.ov-lists {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ov-pr-lists {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.shp-shopping {
    border: 1.16px solid rgba(208, 214, 207, 1);
    padding: 3px;
}

.sh-bg {
    background: rgba(247, 249, 250, 1);
    padding: 6px;
}

a.gobasket {
    border-radius: 36px;
    background: rgba(255, 255, 255, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 11px 12px;
    width: 100%;
    display: block;
    text-align: center;
    color: rgba(183, 134, 43, 1);
    text-transform: uppercase;
    border: solid 1px rgba(183, 134, 43, 1);
    margin: 13px 0px;
}


.basket-details {
    padding: 5px 0px;
}

.shiping-information {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 79px;
}


.shiping-information:after {
    position: absolute;
    content: "";
    top: 50%;
    background: rgba(214, 211, 209, 1);
    height: 1px;
    width: 100%;
    left: 0px;
    right: 0px;
}

.step {
    position: relative;
}

.step:after {
    position: absolute;
    content: "";
    top: 0px;
    background: rgba(183, 134, 43, 1);
    height: 32px;
    width: 32px;
    left: 0px;
    right: 0px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9;
}

/*.step .active{
    position: relative;
}
.step .active:after{
    position: absolute;
    content: "";
    top: 0px;
    background: #fff;
    height: 10px;
    width: 10px;
    left: 0px;
    right: 0px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9;
    box-shadow: 0px 1px 2px 0px rgba(85, 54, 2, 0.25);

}*/
.shp-dt {
    width: 25%;
}

.first-step h6 {
    text-align: center;
    text-transform: uppercase;
    color: rgba(28, 25, 23, 1);
    font-weight: 400;
    line-height: 17px;
    font-size: 12px;
}

/*
.first-step {
    margin-top: 40px;
}*/


.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

.step-button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background-color: rgba(214, 211, 209, 1);
    transition: .4s;
    display: inline-flex;
}

.step-button[aria-expanded="true"] {
    width: 32px;
    height: 32px;
    background-color: rgba(183, 134, 43, 1);
    color: #fff;
}

.done {
    background-color: var(--prm-color);
    color: #fff;
}

.step-item {
    z-index: 10;
    text-align: center;
}

#progress {
    -webkit-appearance: none;
    position: absolute;
    width: 95%;
    z-index: 5;
    height: 1px;
    margin-left: 18px;
    margin-bottom: 18px;
    background: rgba(214, 211, 209, 1);
}

/* to customize progress bar */
#progress::-webkit-progress-value {
    background-color: var(--prm-color);
    transition: .5s ease;
}

#progress::-webkit-progress-bar {
    background-color: var(--prm-gray);

}


.intro {
    background: #fff;
    padding: 60px 30px;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center;
}

.intro h1 {
    font-size: 18pt;
    padding-bottom: 15px;

}

.intro p {
    font-size: 14px;
}

.action {
    text-align: center;
    display: block;
    margin-top: 20px;
}

a.btn {
    text-decoration: none;
    color: #666;
    border: 2px solid #666;
    padding: 10px 15px;
    display: inline-block;
    margin-left: 5px;
}

a.btn:hover {
    background: #666;
    color: #fff;
    transition: .3s;
    -webkit-transition: .3s;
}

.btn:before {
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 10px;
}

.github:before {
    content: "\f09b"
}

.down:before {
    content: "\f019"
}

.back:before {
    content: "\f112"
}

.credit {
    background: #fff;
    padding: 12px;
    font-size: 9pt;
    text-align: center;
    color: #333;
    margin-top: 40px;

}

.credit span:before {
    font-family: FontAwesome;
    color: #e41b17;
    content: "\f004";


}

.credit a {
    color: #333;
    text-decoration: none;
}

.credit a:hover {
    color: #1DBF73;
}

.credit a:hover:after {
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 9pt;
    position: absolute;
    margin: 3px;
}

main {
    background: #fff;
    padding: : 20px;

}

article li {
    color: #444;
    font-size: 15px;
    margin-left: 33px;
    line-height: 1.5;
    padding: 5px;
}

article h1,
article h2,
article h3,
article h4,
article p {
    padding: 14px;
    color: #333;
}

article p {
    font-size: 15px;
    line-height: 1.5;
}

@media only screen and (min-width: 720px) {
    main {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding: 24px;
    }


}

.set-overlayer,
.set-glass,
.set-sticky {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
}

.set-overlayer:after,
.set-glass:after,
.to-active:after,
.set-sticky:after {
    font-family: FontAwesome;
    font-size: 18pt;
    position: relative;
    float: right;
}

.set-overlayer:after,
.set-glass:after,
.set-sticky:after {
    content: "\f204";
    transition: .6s;
}

.to-active:after {
    content: "\f205";
    color: #008080;
    transition: .6s;
}

.set-overlayer,
.set-glass,
.set-sticky,
.source,
.theme-tray {
    margin: 10px;
    background: #f2f2f2;
    border-radius: 5px;
    border: 2px solid #f1f1f1;
    box-sizing: border-box;
}

/* Syntax Highlighter*/

pre.prettyprint {
    padding: 15px !important;
    margin: 10px;
    border: 0 !important;
    background: #f2f2f2;
    overflow: auto;
}

.source {
    white-space: pre;
    overflow: auto;
    max-height: 400px;
}

code {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
}

.gridview-product {
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 7px;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gvp-text {
    width: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
        align-items: center;
}

.gridview-product:hover {
    transform: scale(1.03);
    transition: transform 0.3s ease-in-out;
}

.gridview-product-img {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 92px;

}

.gridview-product-content span {
    font-weight: 500;
    font-size: 12px;
    color: #78716C;
    line-height: 15px;
}

.gridview-product-content h2 {
    color: rgba(28, 25, 23, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 0px;
    padding: 0 10% 0 0;
    text-align: start;
    text-transform: uppercase;
}

.gridview-product-content {
    margin-left: 10px;
    width: 250px;
    display: flex;
    flex-direction: column;
}

.gridview-product-img img {
    width: 100%;
    height: 70px;
    object-fit: cover;
    background-position: center;

}

.product-save {
    position: relative;
}

.gridview-product .color-picker {
    width: 14px;
    height: 14px;
    background: rgba(216, 69, 57, 1);
    margin: 10px 24px;
}

.gridview-product .product-price {
    padding: 0px 8px 0px;
    column-gap: 15px;
}

.gridview-product .roduct-price-kg span {
    margin-bottom: 7px;
}

.clear-filte .pdt {
    margin-bottom: 10px;
}

.clear-filter .pdt:last-child {
    margin-bottom: 23px;
}


.gridview-product-img i {
    position: absolute;
    right: 7px;
    top: 6px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.mltb-div {
    border:1px solid #E7E5E4;
    padding:25px;
    margin-bottom: 10px;
}
.mltb-one {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mltb-one .cluine-bru {
    display: flex;
    column-gap: 25px;
}
.mltb-one .cluine-bru img {
    width: 60px;
    height: 60px;
    max-width: inherit;
}
.mltb-content {
    display: flex;
    flex-direction: column;
}
.mltb-content h2 {
    color:#162A26;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0;
}
.mltb-content p {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 420;
    text-transform: uppercase;
    margin-bottom: 0;
    column-gap: 8px;
    display: flex;
}
.mltb-content p strong {
    color: #045544;
    font-weight: 420;
}
.mltb-content p span {
    color: #162A26;
    font-weight: 420;
}
.mltb-two ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
}

.mltb-two ul li {
    line-height: 1.2;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    width: 25%;
}
.mltb-two ul li strong {
    color:#045544;
    font-weight: 420;
    margin-bottom: 8px;
}
.mltb-two ul li span {
    color:#162A26;
    font-weight: 500;
}

/* 02-21-2025 */
.product-form {
    padding: 66px 97px;
}

.product-heeading h6 {
    color: rgba(28, 25, 23, 1);
    font-weight: 420;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.product-information {
    border: 1px solid rgba(231, 229, 228, 1);
    background: #fff;
    padding: 24px;
    margin-bottom: 21px;
}

.produc-type label {
    color: rgba(41, 37, 36, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
}

.produc-type input {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
}

.produc-type input:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

.produc-type select {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
    position: relative;
    padding: 6px 12px;

}

.appearnc-arrow {
    position: relative;
}

.appearnc-arrow:after {
    position: absolute;
    content: "";
    background: url(../../img/frontend/select-arrow.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    top: 0;
    right: 10px;
    pointer-events: none;
    height: 100%;
    background-position: center;
    /* transform: translate(-50%, -50%); */
}

.produc-type select:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

.pr-inf {
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: 100%;
}

.produc-type {
    width: 100%;
    margin-bottom: 5px;
}

.fw {
    flex-direction: column;
}

.produc-type textarea {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
    resize: inherit;
    min-height: 79px;
}

.produc-type textarea:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

/*.produc-type select:after{
    position: absolute;
    content: "";
    top: 10px;
    right: 0px;
    background: url(../../img/frontend/select-arrow.svg)no-repeat;
    background-size: 24px;
    height: 24px;
    width: 24px;
}*/

.fabric-type {
    padding-left: 30px;
}

.fabric-type select {
    border: 1px solid rgba(241, 245, 249, 1) !important;
    color: rgba(148, 163, 184, 1) !important;
    background: rgba(241, 245, 249, 1) !important;
}

.fabric-type label {
    color: rgba(148, 163, 184, 1);
}

.fabric-type a {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 4px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    display: inline-flex;
    margin-top: 13px;
    text-transform: uppercase;
    align-items: center;
}

.fabric-type a img {
    margin-left: 7px;
    max-width: 24px;

}

.cuur {
    width: 30%;
}

.price-curr {
    width: 50%;
}

.discount {
    width: 20%;
}

.product-information .upld-file {
    background: rgba(250, 250, 249, 1);
    border: 1.47px dashed rgba(168, 162, 158, 1);
    border-radius: 5px;
    padding: 27px 37px;
    text-align: center;
}

.product-information .image-doc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.product-information .image-doc img {
    max-width: 46px;
    /* margin-right: 21px; */
    margin-bottom: 17px;
}

.product-information .image-doc p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(87, 83, 78, 1);
    line-height: 20px;
}

.product-information .image-doc a {
    font-size: 14px;
    font-weight: 400;
    color: #047857;
    line-height: 20px;
    text-decoration: underline;
    margin-bottom: 7px;
    display: block;
}

.product-information .image-doc span {
    font-size: 10px;
    color: rgba(168, 162, 158, 1);
    font-weight: 400;
}

.material-certificate a {
    background: rgba(28, 25, 23, 1);
    border-radius: 36px;
    padding: 4px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    display: inline-flex;
    text-transform: uppercase;
    align-items: center;
    white-space: nowrap;
}

.material-certificate a img {
    margin-left: 7px;
    max-width: 24px;
}

.material-certificate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.material-certificate h6 {
    margin-bottom: 0px;
}

.certi-upload {
    display: flex;
    align-items: end;
    column-gap: 10px;
    margin-bottom: 22px;
}

.certi-upload .upld-file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 74px;
}

.certi-upload .image-doc img {
    max-width: 30px;
    /* margin-right: 21px; */
    margin-bottom: 0px;
    margin-right: 0px;
}

.certi-upload .produc-type {
    margin-bottom: 0px;
}

.optio-sec {
    display: flex;
    align-items: center;
}

.optio-sec img {
    margin-left: 10px;
}

.addmaterial-cancel {
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 33px;
    margin-top: 43px;
}

.addmaterial-cancel a.material {
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    padding: 15px 32px;
    color: rgba(183, 134, 43, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: none;
    transition: 0.3s all;
    text-transform: uppercase;
}

.addmaterial-cancel a.material:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.addmaterial-cancel a {
    color: rgba(183, 134, 43, 1);
}

.discard-editing .modal-dialog {
    width: 100%;
    max-width: 403px;
}

.discard-editing .modal-body h2 {
    color: rgba(41, 37, 36, 1);
}

.discard-editing .login-ss .log {
    background: rgba(28, 25, 23, 1);
    border-color: rgba(28, 25, 23, 1);
}

.discard-editing .login-ss {
    margin-top: 43px;
}

.slider-container label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.slider-wrapper {
    position: relative;
    width: 76%;
    margin-left: 28px;
}

.slider-container input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: #E7E5E4;
    border-radius: 5px;
    outline: none;
    padding: 0;
    margin: 0;
}

.slider-container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #4338CA;
    border-radius: 50%;
    cursor: pointer;
}

.slider-container input[type="range"]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #4338CA;
    border-radius: 50%;
    cursor: pointer;
}

.slider-container input[type="range"]::-ms-thumb {
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #4338CA;
    border-radius: 50%;
    cursor: pointer;
}

.slider-container input[type="range"]::-webkit-slider-runnable-track {
    height: 5px;
    background: linear-gradient(to right, #4338CA 60%, #e0e0e0 40%);
    border-radius: 5px;
}

.slider-container input[type="range"]::-moz-range-track {
    height: 5px;
    background: linear-gradient(to right, #4338CA 60%, #e0e0e0 40%);
    border-radius: 5px;
}

.slider-container input[type="range"]::-ms-track {
    height: 5px;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.slider-container input[type="range"]::-ms-fill-lower {
    background: #4338CA;
    border-radius: 5px;
}

.slider-container input[type="range"]::-ms-fill-upper {
    background: #4338CA;
    border-radius: 5px;
}

.slider-value {
    position: absolute;
    top: -26px;
    left: 60%;
    transform: translateX(-50%);
    background: #4338CA;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.slider-min,
.slider-max {
    position: absolute;
    top: 3px;
    font-size: 14px;
    color: #1E293B;
    font-weight: 390;
    line-height: 20px;
}

.slider-min {
    left: -28px;
}

.slider-max {
    right: -42px;
}

.slider-value::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 43%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #4338ca;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #4338ca;
    z-index: -1;
    transform: rotate(60deg);
}

/* ----------------------------------------------------------------- */
                    /* 07-01-2025 sprint:3 */
/* ----------------------------------------------------------------- */

.basket-steps .step-item.active .step-title {
    color: #1C1917;
}

.basket-steps .step-title {
    text-transform: uppercase;
    color: #A8A29E;
    font-size: 12px;
    line-height: 17px;
    font-weight: 420;
    padding-top: 11px;
}

.basket-steps .step-item button {
    position: relative;
}

.basket-steps .step-button[aria-expanded="true"]:before,
.basket-steps .step-item.active .step-button:before {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 1px 2px 0px #55360240;
}
.basket-steps .step-item.active.done .step-button:before {
    content: "";
    background: url(../img/step-right.svg) no-repeat;
    background-size: 14px auto;
    height: 26px;
    width: 26px;
    background-position: center;
    border: 1px solid #fff;
    padding: 5px;
}

.basket-steps .step-button:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    border: 1px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 1px 2px 0px #55360240;
}
.basket-steps .step-button {
    width: 16px;
    height: 16px;
}
.basket-steps .step-button[aria-expanded="true"], .basket-steps .step-item.active .step-button {
    width: 32px;
    height: 32px;
    background-color: rgba(183, 134, 43, 1);
    color: #fff;
    position: relative;
}
.basket-steps #progress {
    top:17px;
}

.sortedby-lowtohigh {
    width: 300px;
    box-shadow: 0px 8px 32px 0px #0000000F;
    background: #fff;
    padding: 15px;
    position: absolute;
    top: 37px;
    right: 73%;
    z-index: 99;
}

.sort-close {
    display: none;
}

.sort-open {
    display: block;
}

.sortedby-lowtohigh h6 {
    color: #1C1917;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0px;
}

.sortedby-lowtohigh ul {
    padding: 0px;
    margin: 0px;
}

.sortedby-lowtohigh ul li {
    list-style: none;
    padding: 11px 0px 11px 9px;
}

.sortedby-lowtohigh ul li a {
    color: #292524;
    font-size: 14px;
    font-weight: 400;
    transition: 0.3s all;
}

.sortedby-lowtohigh ul li:hover a {
    transition: 0.3s all;
    color: #BA902F;
}

.sortedby-lowtohigh li.active {
    position: relative;
}

.sortedby-lowtohigh li.active a {
    color: #BA902F;
}

.sortedby-lowtohigh li.active a:after {
    position: absolute;
    background: #BA902F;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    content: "";
    top: 45%;
    left: -4px;
}


.search-suggestionlist {
    background: linear-gradient(180deg, rgba(82, 138, 111, 0) 0%, rgba(82, 138, 111, 0.5) 100%);
    padding: 3px 3px;
    border-radius: 0px 0px 16px 16px;
    max-width: 1192px;
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    margin: 0px 27px;
    height: 364px;
    overflow: auto;
}

.search-suggestionlist .searchmaterial-list {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    max-width: 1172px;
    border-bottom: solid 1px #162A26;
    padding: 8px;
    border-radius: 0px 0px 8px 8px;
    margin-bottom: 0px;
}

.search-suggestionlist .searchmaterial-list span {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 7px;
}

.searchmaterial-list img {
    max-width: 14px;
}

.cric-icon {
    position: relative;
}

.filter-h {
    height: 550px;
}


.orderlist-tabing .nav-tabs .nav-item.show .nav-link,
.user-listtabing .nav-tabs .nav-link.active {
    background-color: rgba(4, 85, 68, 1);
    border-color: rgba(245, 241, 226, 1);
    color: #fff !important;
    border-radius: 8px;
}

.user-listtabing .nav-tabs .nav-link:focus,
.user-listtabing .nav-tabs .nav-link:hover {
    background-color: rgba(4, 85, 68, 1);
    border-color: none;
    color: #fff !important;
    transition: 0.3s all;
}

.product-search {
    margin: 0px 15px 15px;
    max-width: 600px;
}

.product-search input {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
}

.product-search input:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}


.user-selectid .materialcheck-box input {
    border: 1.55px solid rgba(168, 162, 158, 1);
    background: rgba(245, 245, 244, 1);
    width: 24px;
    height: 24px;
    border-radius: 7px;
    appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
}

.user-selectid .materialcheck-box input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    transform-origin: center;
}

.user-selectid .materialcheck-box input:checked {
    background: rgba(4, 85, 68, 1);
    /* Change to your desired color */
    border: 1.55px solid rgba(4, 85, 68, 1);
}

.undeliverd table th {
    color: rgba(4, 85, 68, 1);
    border-bottom: solid 1px rgba(231, 229, 228, 1);
    font-size: 16px;
    font-weight: 450;
    line-height: 24px;
}

.undeliverd table td {
    color: #1C1917;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
}

td.productorder-name {
    color: #2D6A4D;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.shi-vehcicle {
    display: flex;
    align-items: center;
    position: relative;
}

.shi-vehcicle:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 100%;
    height: 100%;
    width: 1px;
    background: #D6D3D1;
}

.shi-vehcicle h6 {
    color: rgba(4, 85, 68, 1);
    font-size: 14px;
    font-weight: 420;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.shi-vehcicle img {
    max-width: 24px;
    margin: 0px 10px;
}

.undeliverd tr td,
.undeliverd tr th {
    padding: 17px 15px;
}

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

.confirm-order h6 {
    color: #BA902F;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.confirm-order img {
    max-width: 24px;
    margin: 0px 10px;
}

.track-vehcicle {
    display: flex;
    align-items: center;
    position: relative;
}

.track-vehcicle h6 {
    color: #44403C;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.track-vehcicle img {
    max-width: 24px;
    margin: 0px 10px;
    filter: invert(33%);
    /* Adjust as needed for a closer match */

}

.track-vehcicle:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 100%;
    height: 100%;
    width: 1px;
    background: #D6D3D1;
}

.track-vehcicle1 {
    display: flex;
    align-items: center;
    position: relative;
}

.track-vehcicle1 h6 {
    color: #44403C;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.track-vehcicle1 img {
    max-width: 24px;
    margin: 0px 10px;
    filter: invert(33%);
    /* Adjust as needed for a closer match */

}

.purchase-orderdetails {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 37px;
}

.po-number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 36px;
}

.price-number h6 {
    color: #292524;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 0px;
}

.price-number span {
    font-weight: 450;
}

.orderplace-list {
    background: url(../../img/frontend/shipping-dot.png) no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 35px;
}

.orderplace-heading h2 {
    color: #57534E;
    line-height: 23px;
    font-size: 16px;
    font-weight: 420;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.confirm-orderlist {
    border: 1px solid #D6D3D1;
    background: #fff;
    border-radius: 0px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.confirm-orderlist .trap-vehicle h6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.confirm-orderlist .trap-vehicle span {
    padding-left: 0;
}
.orderplace-list .confirm-orderlist.summary-box .trap-vehicle:nth-child(3) {
    justify-content: flex-start;
}

.brand-name {
    display: flex;
    align-items: center;
    width: 40%;
}

.brand-name img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    background-position: center;
    border: none;
}

.brand-name h6 {
color: #047857;
    font-weight: 420;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
    padding-left: 14px;
    text-transform: uppercase;
    /* height: 32px; */
    overflow: hidden;
    padding-right: 10px;
}

.cn-product {
    display: flex;
    align-items: center;
    width: 60%;
    justify-content: space-between;
}

.pr-cotton p {
    color: #162A26;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}

.pr-cotton h6 {
    color: #162A26;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
}

.pr-cotton a {
    text-decoration: none;
    text-transform: uppercase;
    color: #10B981;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
}

a.conft-btn {
    background: #10B981;
    border-radius: 36px;
    padding: 9px 21px;
    color: #fff;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    margin-right: 5px;
}

.pr-cotton .decline {
    color: #292524;
}

.usershiping-details {
    padding: 19px 15px;
    border-bottom: solid 1px #D6D3D1;
    margin-bottom: 23px;
}

.usershiping-details p {
    margin-bottom: 0px;
    color: #162A26;
    font-size: 18px;
    font-weight: 400;
}

.nextstep {
    margin: 15px 0px;
    display: flex;
    justify-content: end;
    align-items: center;
}

.nextstep a {
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    padding: 9px 72px;
    color: rgba(183, 134, 43, 1);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background: none;
    transition: 0.3s all;
    text-transform: uppercase;
    background: #fff;
}

.nextstep a:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.product-modal {
    background: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%);
    padding: 5px;
    width: 100%;
}

.orderid-trackingpopup .modal-dialog {
    width: 100%;
    max-width: 1130px;
    margin: 0px auto;
}

.orderid-trackingpopup .modal-content {
    border-radius: 0px;
    border: none;
}

.orderid-trackingpopup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.orderid-trackingpopup .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.orderid-trackingpopup .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 30px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productpopup-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid 1px #D6D3D1;
    padding-bottom: 13px;
}

.order-deliverddate p {
    color: #047857;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
}

.order-deliverddate p span {
    color: #292524;
    font-weight: 500;
}

.orderid-trackingpopup .modal-body {
    padding: 17px 30px;
}

.orderid-trackingpopup .del-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 27px;
}

.orderid-trackingpopup .del-date .prd-date {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.orderid-trackingpopup .del-date .prd-date p {
    color: #292524;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
}

.orderid-trackingpopup .del-date .prd-date img {
    max-width: 24px;
}

.orderid-trackingpopup .del-date .prd-date p span {
    color: #292524;
    font-weight: 500;
}

.quantity-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0px;
}

.totla-price {
    display: flex;
    align-items: center;
    column-gap: 19px;
}

.totla-price img {
    width: 66px;
    height: 66px;
    object-fit: cover;
    background-position: center;
}

.totla-price h6 {
    color: #2D6A4D;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
}

.totla-price p {
    color: #292524;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.decline-reason {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 54px;
}

.decline-price p {
    color: #292524;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0px;
}

.decline-price h6 {
    color: #162A26;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.declinetype-reason {
    background: #F8FAFC;
    padding: 18px;
}

.orderid-trackingpopup .produc-type {
    width: 100%;
    margin-bottom: 13px;
}

.orderid-trackingpopup .produc-type select {
    background: #fff;
}

.orderid-trackingpopup .produc-type textarea {
    background: #fff;
    height: 180px;
}

.sbt-cancel {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 13px 0px;
    column-gap: 19px;
}

.sbt-cancel a {
    color: #B7862B;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.orderid-trackingpopup .sbt-cancel .submit {
    background: #a99055;
    padding: 16px 39px;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    border-radius: 36px;
}

.productpopup-details .modal-footer {
    border-top: 1px solid #E2E8F0;
}

.price-number.shp-cost {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.price-number.shp-cost h6 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
}

.price-number.shp-cost small {
    font-weight: 420;
    font-size: 12px;
    margin-bottom: 0px;
    color: #292524;
}

.write-trackingdetails {
    border: 1px solid #D6D3D1;
    background: #fff;
    border-radius: 0px;
    padding: 31px 13px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    column-gap: 25px;
}

.trackinginput {
    display: flex;
    align-items: center;
}

.summary-box img {
    height: 36px;
    width: 36px;
    filter: invert(0.73) sepia(0.13) saturate(0) hue-rotate(0deg) brightness(0.27) contrast(1);
    border: none;
}

.trap-vehicle {
    display: flex;
    align-items: center;
    column-gap: 20px;
    width: 50%;
}

.trap-vehicle h6 {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    color: #162A26;
    line-height: 19px;
    margin-bottom: 0px;
}

.trap-vehicle input:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

.trap-vehicle input {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
}

.productpick-date {
    display: flex;
    align-items: center;
    column-gap: 20px;
    width: 50%;
}

.d-picker {
    display: flex;
    align-items: center;
    column-gap: 10px;
    width: 100%;
}

.d-picker h6 {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    color: #162A26;
    line-height: 19px;
    margin-bottom: 0px;
}

.d-picker input:focus {
    border-color: rgba(41, 37, 36, 1);
    transition: 0.3s all;
    background: rgba(241, 245, 249, 1);
    box-shadow: none;
}

.d-picker input {
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
}

.stbn {
    border-bottom: solid 1px #D6D3D1;
    padding-bottom: 21px;
}

.orderplace-heading h3 {
    margin-bottom: 0px;
    font-weight: 420;
    line-height: 29px;
    font-size: 20px;
    color: #57534E;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.trap-vehicle span {
    font-weight: 500;
    color: #162A26;
    padding-left: 13px;
}

.orderplace-list .summary-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.orderplace-list .summary-box .trap-vehicle:nth-child(2) {
    justify-content: center;
}

.orderplace-list .summary-box .trap-vehicle:nth-child(3) {
    justify-content: end;
}

.chrloc-brand {
    margin: 0px 0px 8px 69px;
}

.billing-information {
    background: url(../../img/frontend/shipping-dot.png) no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 23px;
}

.payment-method h6 {
    color: #162A26;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 12px 0px;
}

.payment-card {
    border: 1px solid #D6D3D1;
    background: #fff;
    border-radius: 0px;
    padding: 13px 21px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    /* justify-content: flex-start; */
    column-gap: 71px;
}

.paymentcard-image {
    display: flex;
    align-items: center;
    column-gap: 37px;
}

.paymentcard-image img {
    width: 42px;
    height: 42px !important;
    border-radius: 2px;
    object-fit: none;
    border: none;
}

.paymentcard-image h6 {
    margin-bottom: 0px;
    color: #292524;
    font-weight: 450;
    line-height: 25px;
    font-size: 16px;
}
.addnew-address .orderplace-heading h2.ordr-review-head {
    font-size: 20px;
    font-weight: 420;
    color:#57534E;
    line-height: 1.4;
    text-transform: uppercase;
}
.py-method {
    font-size: 18px;
    font-weight: 450;
    line-height: 1.2;
    color:#162A26;
}

.card-expiredate h6 {
    margin-bottom: 0px;
    color: #292524;
    font-weight: 450;
    line-height: 25px;
    font-size: 16px;
}

.card-expiredate {
    display: flex;
    align-items: center;
    column-gap: 37px;
}

.card-expiredate span {
    font-weight: 390;
}

.invoice-summary {
    background: #FFFFFF;
    padding: 24px;
    position: relative;
}

.invoice-summary:before {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 1px;
    background: #ddd;
    content: "";
    left: -23px;
}

.billing-summary h6 {
    color: #162A26;
    font-weight: 450px;
    line-height: 22px;
    font-size: 18px;
}

.billing-summary a {
    background: #000;
    border-radius: 36px;
    padding: 5px 12px;
    color: #fff;
    font-weight: 420;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 12px 0px;
    display: inline-flex;
}

.importtax-list {
    border-bottom: solid 1px #44403C;
    margin: 14px 14px;
}

.importtax-list .importtax-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0px;
}


.importtax-list .importtax-total p {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 420px;
    line-height: 17px;
    color: #292524;
    text-transform: uppercase;
}

.total-cost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
}

.total-cost h6 {
    color: #162A26;
    font-weight: 450;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.refund-heading {
    display: flex;
    align-items: center;
    column-gap: 13px;
}

.refundrequest-popup .modal-dialog {
    width: 100%;
    max-width: 1130px;
    margin: 0px auto;
}

.refundrequest-popup .modal-content {
    border-radius: 0px;
    border: none;
}

.refundrequest-popup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.refundrequest-popup .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.refundrequest-popup .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 30px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.refund-heading img {
    max-width: 24px;
}

.refundrequest-popup .step-button[aria-expanded="true"]:before {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 1px 2px 0px #55360240;
}

.refundrequest-popup .step-button:before {
    content: "";
    position: absolute;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    border: 1px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 1px 2px 0px #55360240;
}

.refundrequest-popup .step-title {
    text-transform: uppercase;
    color: #A8A29E;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    padding-top: 11px;
    min-height: 44px;
}

.refundrequest-popup .step-item.active .step-title {
    color: #1C1917;
}

.refundrequest-popup .step-item:last-child {
    text-align: end;
}

.refundrequest-popup .modal-body {
    padding: 18px;
}

.refundrequest-popup .steps {
    margin: 21px 0px;
}

.selectproudct-youwant {
    background: #F8FAFC;
    border: 1px solid #D6D3D1;
    padding: 18px;
}

.selectproudct-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #D6D3D1;
    padding-bottom: 9px;
}

.selectproudct-delivery h6 {
    color: #292524;
    font-weight: 450;
    line-height: 22px;
    margin-bottom: 0px;
}

.selectproudct-delivery span {
    color: #292524;
    font-weight: 390;
}

span.orderid {
    color: #047857;
    font-weight: 450;
}

.refundrequest-popup .refund-input {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 15px;
    padding: 17px 0px;
}

.refund-input p {
    white-space: nowrap;
    margin-bottom: 0px;
    font-weight: 420;
    color: #292524;
    line-height: 29px;
    font-size: 20px;
}

.refundrequest-popup .refund-input .produc-type {
    width: 170px;
    margin-bottom: 5px;
}

.refundrequest-popup .refund-input .produc-type select {
    background: #fff;
}

.refundrequest-popup .orderlist-view {
    padding: 12px 17px;
}

.refundrequest-popup .product-image h6 {
    color: #047857;
    font-weight: 420;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.pr-price p {
    margin-bottom: 0px;
    color: #292524;
    font-size: 12px;
    font-weight: 420;
    line-height: 17px;
}

.refundrequest-popup .pr-price {
    flex-direction: column;
}

.refundrequest-popup .orderlist-view {
    justify-content: space-between;
}

.refundrequest-popup .pr-price h2 {
    font-size: 16px;
}

.refundrequest-popup .selectpr-height {
    height: 350px;
    overflow: auto;
}

.selectpr-height::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

.selectpr-height::-webkit-scrollbar-track {
    background: #BA902F;
    border-radius: 12px;
}

.selectpr-height::-webkit-scrollbar-thumb {
    background-color: #BA902F;
    border-radius: 12px;
}

.info_dropdown_main {
    position: relative;
    width: 100%;
}

.info_dropdown {
    position: absolute;
    background: #fff;
    width: 100%;
    border-radius: 8px;
    border: solid 1px #E2E8F0;
    box-shadow: 0px 8px 32px 0px #0000000F;
}

.info_dropdown ul {
    padding: 8px 8px;
    margin: 0px;
}

.info_dropdown ul li {

    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    list-style: none;
}

.info_dropdown ul li a {
    color: #0F172A;
    padding: 12px 12px;
    display: block;
    transition: 0.2s all;
}

.info_dropdown ul li a:hover {
    background: rgba(183, 134, 43, 1);
    color: #fff;
}

.situation-description.produc-type select {
    background: #fff;
}

.situation-description.produc-type textarea {
    background: #fff;
    height: 180px;
}

.paperclip {
    background: #F5F1E2;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin: 15px 0px;
}

.paperclip img {
    max-width: 24px;
}

.upload-sucessbar {
    border: solid 1px #34D399;
    background: #ECFDF5;
    border-radius: 8px;
    padding: 22px 15px;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.xl-file {
    border: 1.15px solid #34D399;
    background: #fff;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.xl-filecontent h5 {
    color: #292524;
    font-weight: 450;
    line-height: 22px;
    margin-bottom: 0px;
    font-size: 16px;
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    text-overflow: clip;
    /* border: 1px solid #000000; */
}

.xl-filecontent h6 {
    color: #A8A29E;
    font-weight: 420;
    line-height: 22px;
    margin-bottom: 0px;
    font-size: 16px;
}

.sucess-progressbar {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.sucess-progressbar-draw {
    background: #34D399;
    border-radius: 36px;
    height: 10px;
    padding: 5px;
    width: 200px;
}

.sucess-check {
    width: 21px;
    height: 21px;
    border-radius: 100px;
    border: solid 1px #34D399;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sucess-progressbar i {
    color: #34D399;
    font-size: 7px;
}

.error-upload {
    border: solid 1px #DC2626;
    background: #FEF2F2;
}

.error-upload .xl-file {
    border: 1.15px solid #DC2626;
    box-shadow: 0px 2.31px 9.23px 0px #00000014;
}

.error-upload .sucess-progressbar p {
    font-size: 12px;
    color: #DC2626;
    font-weight: 420;
    line-height: 17px;
    margin-bottom: 0px;
    /* white-space: nowrap; */
    width: 220px;
    overflow: hidden;
    text-overflow: clip;
}

.order-submisson {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 100px;
}

.order-submisson h2 {
    color: #162A26;
    font-size: 36px;
    font-weight: 420;
    line-height: 34px;
    margin-bottom: 0;
    text-align: center;
}

.order-submisson p {
    color: #162A26;
    font-size: 24px;
    font-weight: 420;
    line-height: 34px;
    margin-bottom: 0;
    text-align: center;
    width: 480px;
    padding-top: 43px;
}

.clipboard-text {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #F5F5F4;
}

.price-number {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.refundaler-message {
    background: #D1FAE5;
    padding: 13px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 13px;
}

.refund-accepted {
    display: flex;
    align-items: center;
    column-gap: 23px;
}

.return-product {
    display: flex;
    align-items: center;
    column-gap: 23px;
}

.refund-accepted h2 {
    color: #1C1917;
    font-size: 16px;
    font-weight: 450;
    line-height: 22px;
    margin-bottom: 0;

}

.refund-accepted h6 {
    color: #045544;
    font-size: 16px;
    font-weight: 420;
    line-height: 24px;
    margin-bottom: 0;
    text-transform: uppercase;

}

.return-product p {
    color: #064E3B;
    font-weight: 420;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 0px;
}

.return-product a {
    background: #000;
    font-weight: 420;
    font-size: 12px;
    line-height: 22px;
    border-radius: 36px;
    border: none;
    text-decoration: none;
    padding: 2px 10px;
    color: #FAFAF9;
    text-transform: uppercase;
}

.return-product a i {
    padding-left: 5px;
}

.trackcsvorder a {
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    text-decoration: none;
    padding: 9px 22px;
    text-transform: uppercase;
    color: rgba(183, 134, 43, 1);
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    display: inline-flex;
}

.trackcsvorder {
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.trackcsvorder img {
    max-width: 24px;
    height: 24px !important;
    margin-left: 8px;
    filter: invert(50%) sepia(60%) saturate(300%) hue-rotate(-10deg) brightness(95%) contrast(90%);
    border: none;
}

.addshiping-popup .modal-dialog {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
}

.product-modal {
    background: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%);
    padding: 5px;
    width: 100%;
}

.addshiping-popup .modal-content {
    border-radius: 0px;
    border: none;
}

.addshiping-popup .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 30px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.addshiping-popup .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.addshiping-popup .refund-heading img {
    max-width: 24px;
}

.addshiping-popup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.setdeafult-checkbox .accept-condition input,
.accept-condition input:focus {
    border: 1px solid #A8A29E;
    border-radius: 6px;
}

.setdeafult-checkbox .accept-condition .form-check label {
    margin-left: 35px !important;
    padding-bottom: 0;
    font-size: 14px;
    color: #1F2024;
    padding-left: 0px;
}







.returnsender-popup .modal-dialog {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
}

/*.product-modal {
    background: linear-gradient(118.3deg, #C2A657 1.51%, #E9D292 15.87%, #967C3E 30.23%, #F1DD99 44.6%, #7C6019 58.96%, #E7D8A0 73.32%, #A88E53 87.68%, #EFD99E 102.04%);
    padding: 5px;
    width: 100%;
}*/

.returnsender-popup .modal-content {
    border-radius: 0px;
    border: none;
}

.returnsender-popup .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 30px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.returnsender-popup .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.returnsender-popup .refund-heading img {
    max-width: 24px;
}

.returnsender-popup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.holding-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.returnsender-address h2 {
    color: #292524;
    margin-bottom: 20px;
    font-weight: 450;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
}

.returnsender-address span {
    color: #292524;
    margin-bottom: 20px;
    font-weight: 390;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
}

.print-btn a {
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    text-decoration: none;
    padding: 10px 23px;
    text-transform: uppercase;
    color: rgba(183, 134, 43, 1);
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    display: inline-flex;
}

.returnsender-popup .modal-body {
    padding: 37px 38px;
}

.sender-useraddress span {
    margin-bottom: 0px;
    color: #292524;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    display: inline-block;
}

.undeliverd .approval-btn button {
    color: #44403C;
    background-color: rgba(252, 211, 77, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
    border: solid 1px #fff;
}

.undeliverd .deliverd-btn button {
    color: #065F46;
    background-color: #E0EEDF;
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
}

.shi-vehcicle-data img {
    max-width: 28px;
}

.backlist-content .approval-btn button {
    color: #44403C;
    background-color: rgba(252, 211, 77, 1);
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
    /*    border: solid 1px #fff;*/
}

.qunaty-total:last-child {
    border-bottom: solid 1px #ddd;
}

.trck-waitingapproval a {
    background: #F1F5F9;
    border: none;
    color: #94A3B8;
    display: flex;
    align-items: center;
}

.trck-waitingapproval a img {
    max-width: 24px;
}

.payment-cardedit {
    justify-content: space-between;
}

.edit-carddetails span {
    color: #047857;
    font-weight: 420;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
}

.edit-carddetails i {
    color: #047857;
    font-size: 13px;
}

.backlist-content .approval-updated button {
    color: #fff;
    background-color: #34D399;
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 3px 17px;
    /* border: solid 1px #fff; */
}

.po-number .trck-waitingapproval a {
    background: #F1F5F9;
    border: none;
    color: #94A3B8;
    display: flex;
    align-items: center;
    border-radius: 36px;
    text-decoration: none;
    padding: 9px 22px;
    text-transform: uppercase;
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
}

.po-number .trck-waitingapproval a img {
    max-width: 24px;
    margin-left: 8px;
}

.conf-submi p {
    color: #1C1917;
    font-weight: 390;
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.fulfilled-btn a {
    color: #fff;
    background-color: #34D399;
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 2px 17px;
}

.rejected-btndata a {
    background-color: #F87171;
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 2px 17px;
    color: #fff;
    display: flex;
    align-items: center;
}

.rejected-btndata img {
    height: 18px !important;
    width: 18px;
    border: none;
    margin-right: 5px;
}

.partialy-fulfiled a {
    background-color: #F59E0B;
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 23px;
    border: none;
    padding: 2px 17px;
    color: #fff;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.order-confirmationdetails {
    background: url(../../img/frontend/conf-order.svg) no-repeat;
    background-size: cover;
    height: 768px;
    border-radius: 0px 0px 19px 19px;
    background-position: center;
}

.thankyou-purchase {
    padding: 94px;
    margin: 33px 87px 20px;
}

.other-bought {
    padding: 25px 0px;
}

.other-bought h2 {
    text-align: center;
    text-transform: uppercase;
    color: #292524;
    font-weight: 420;
    font-size: 24px;
    line-height: 34px;
}

.conf-purchaseorder {
    padding: 0px 137px 50px;
}
.conf-purchaseorder .lising-product {
    justify-content: center;
}
.conf-purchaseorder .lising-product .lp-col {
    flex-basis: 18%;
}
.cn-product .pr-cotton span {
    display: none;
}

.clipboard-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/*#top-button {
    position: absolute;
    top: -60px;
    left: -76px;
    background-color: #e6d4ac;
    border-radius: 8px;
    padding: 10px;
    display: none;
}
*/
#top-button button {
    background: #E7DBB6;
        border: none;
        font-size: 12px;
        cursor: pointer;
        white-space: nowrap;
        color: #1C1917;
        font-weight: 450;
        text-transform: uppercase;
        cursor: pointer;
        position: absolute;
        top: -34px;
        left: -61px;
        background-color: #e6d4ac;
        border-radius: 8px;
        padding: 4px 8px;
}

.hidden {
    display: none;
}

.price-number .sortedby-lowtohigh {
width: 260px;
    box-shadow: 0px 8px 32px 0px #0000000F;
    background: #fff;
    padding: 15px;
    position: absolute;
    top: 25px;
    right: -40px;
    z-index: 99;
    border: solid 1px #E2E8F0;
    border-radius: 8px;
    left: auto;
}

.filter-funclity-fabric {
    display: flex;
    align-items: center;
    column-gap: 3px;
    width: 100%;
    max-width: 900px;
}

.filter-dataid {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.filter-dataid h6 {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #292524;
    margin-right: 30px;
}

.filter-funclity-fabric .me-lb a {
    background: none;
    margin: 0;
    transition: 0.3s ease-in all;
    margin-left: 0px;
    border: none;
    white-space: nowrap;
    text-transform: capitalize;
}

.filter-pcid {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 3px;
}

.stcoklits-manully {
    display: flex;
    align-items: center;
}

/*




.slider-container label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}

.slider-wrapper {
  position: relative;
  width: 300px;
}

.slider-container input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #E7E5E4;
  border-radius: 5px;
  outline: none;
  padding: 0;
  margin: 0;
}

.slider-container input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #4338CA;
  border-radius: 50%;
  cursor: pointer;
}

.slider-container input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #4338CA;
  border-radius: 50%;
  cursor: pointer;
}

.slider-container input[type="range"]::-ms-thumb {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #4338CA;
  border-radius: 50%;
  cursor: pointer;
}

.slider-container input[type="range"]::-webkit-slider-runnable-track {
  height: 5px;
  background: linear-gradient(to right, #4338CA 60%, #e0e0e0 40%);
  border-radius: 5px;
}

.slider-container input[type="range"]::-moz-range-track {
  height: 5px;
  background: linear-gradient(to right, #4338CA 60%, #e0e0e0 40%);
  border-radius: 5px;
}

.slider-container input[type="range"]::-ms-track {
  height: 5px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.slider-container input[type="range"]::-ms-fill-lower {
  background: #4338CA;
  border-radius: 5px;
}

.slider-container input[type="range"]::-ms-fill-upper {
  background: #4338CA;
  border-radius: 5px;
}

.slider-value {
    position: absolute;
    top: -26px;
    left: 60%;
    transform: translateX(-50%);
    background: #4338CA;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.slider-min, .slider-max {
    position: absolute;
    top: 3px;
    font-size: 14px;
    color: #1E293B;
    font-weight: 390;
    line-height: 20px;
}

.slider-min {
  left: -28px;
}

.slider-max {
  right: -42px;
}

.slider-value::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 43%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #4338ca;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #4338ca;
    z-index: -1;
    transform: rotate(60deg);
}


*/


.confirmation-orderbox {
    border-radius: 0px 0px 70px 70px;
    padding: 100px 47px;
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
    text-align: center;

}

.confirmation-orderbox h6 {
    color: #BA902F;
    font-weight: 450;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.confirmation-orderbox h2 {
    color: #407B5F;
    font-weight: 450;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.confirmation-orderbox span {
    display: block;
    text-align: center;
    color: #78716C;
    font-size: 12px;
    font-weight: 450;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.confirmation-orderbox p {
    display: block;
    text-align: center;
    color: #44403C;
    font-size: 16px;
    font-weight: 390;
    line-height: 22px;
}

.confirmation-orderbox a {
    color: #BA902F;
    text-decoration: underline;
}

.priceper-miter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 64px 17px;
    flex-direction: column;
}

.value-permiter h6 {
    color: #162A26;
    font-weight: 450;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0px;
}

.value-permiter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


.basketorder-list {
    border: 1px solid rgba(214, 211, 209, 1);
    background: rgba(255, 255, 255, 1);
    padding: 0;
    margin-bottom: 9px;
    margin-right: 7px;
}

.basketorder-list .orderlist-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
}

.addnew-address .orderplace-heading h2 {
    font-weight: 450;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

.addnew-address .orderplace-heading h3 {
    font-weight: 420;
    margin-bottom: 17px;
    text-transform: uppercase;
    font-size: 16px;
    color: #047857;
    line-height: 23px;
    display: flex;
    align-items: center;
}

.add-lpty {
    display: flex;
    align-items: center;
    margin-left: 44px;
}

.menuicon-tab img {
    width: 24px;
    height: 24px;
    border: none;
}

.add-lpty .chrloc-brand {
    width: 100%;
    margin: 0px 0px 8px 0px;
}

.menuicon-tab {
    margin-right: 12px;
    cursor: move;
}

.addnew-address .orderplace-heading img {
    width: 24px;
    height: 24px;
    border: none;
    margin-right: 10px;
}

.addnext-address {
    margin: 19px 0px;
}

.addnext-address a {
    background: #1C1917;
    border-radius: 36px;
    padding: 12px 24px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 420;
    text-transform: uppercase;
}

.add-addresspopu .modal-dialog {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
}

.add-addresspopu .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.add-addresspopu .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 420;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
}

.add-addresspopu .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 30px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}


.add-addresspopu .modal-body {
    padding: 20px;
}

.product-deliveryaddresspopup {
    border: 1px solid #D6D3D1;
    padding: 0px 24px;
    /* margin-bottom: 13px; */
    margin: 0px 13px 10px 0px;
}

.add-addresspopu .usershiping-details {
    border-bottom: solid 1px #D6D3D1;
}

.delet-addressedit {
    display: flex;
    align-items: center;
    justify-content: end;
    align-items: center;
    column-gap: 17px;
    margin: 0px 0px 15px;
}

.edit-tab {
    display: flex;
    align-items: center;
}

.edit-tab h6 {
    color: #047857;
    font-weight: 450;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-left: 10px;
}

.removal-product.removeal-product-cricur .addressbook-drtyu {
    height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.addressbook-drtyu {
    height: 300px;
    overflow: auto;
}

.addressbook-drtyu::-webkit-scrollbar {
    width: 8px;
    /* Width of the vertical scrollbar */
    height: 12px;
    /* Height of the horizontal scrollbar */
    border-radius: 12px;
    margin-left: 7px;
}

/* Background of the scrollbar */
.addressbook-drtyu::-webkit-scrollbar-track {
    background-color: #c1c1c1;
    /* Light gray background */
    border-radius: 12px;
}

/* Thumb (the draggable part) */
.addressbook-drtyu::-webkit-scrollbar-thumb {
    background-color: rgba(186, 144, 47, 1);
    /* Pewter Blue thumb */
    border-radius: 12px;
    /* Rounded edges */
}

.remove-address {
    display: flex;
    align-items: center;
    column-gap: 21px;
}


.pay .orderplace-heading h3 {
    margin-bottom: 0px;
}

.money-transfare {
    display: flex;
    align-items: center;
    column-gap: 17px;
    margin: 20px 0px;
}

.addeed-card {
    border: solid 1px #CBD5E1;
    padding: 3px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.debit-card {
    background: #F8FAFC;
    height: 85px;
    width: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.debit-card img {
    max-width: 33px;
    margin-bottom: 7px;
}

.debit-card h6 {
    color: #44403C;
    font-weight: 420;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0px;
    text-transform: uppercase;

}

.addeed-card.active {
    border-color: #045544;
}

.payment-onwardlist {
    background: url(../../img/frontend/shipping-dot.png) no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-expiredate h5 {
    color: #047857;
    font-size: 12px;
    font-weight: 420;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.card-expiredate i {
    color: #047857;
    font-size: 15px;
}

.ghtyu-gu {
    border: solid 1px #E2E8F0;
    padding: 3px;
    margin-bottom: 13px;
}

.ghtyu-gu .card-expiredate {
    display: flex;
    align-items: center;
    column-gap: 11px;
}
.ghtyu-gu .card-expiredate:hover i, .ghtyu-gu .card-expiredate:hover h5 {
    color:#000;
}
.ghtyu-gu .card-expiredate img {
    height: 23px;
    border: none;
    background: transparent;
}
.ghtyu-gu .card-expiredate:hover img {
    filter: brightness(0.1);
}
.white-bg {
    background: #fff;
}


.ghtyu-gu:hover, .ghtyu-gu:focus {
    border: solid 1px #045544;
}

.billing-add {
    display: flex;
    align-items: center;
}

.name-ing .payment-onwardlist {
    padding: 17px 12px;
}


.addbank-popup .modal-dialog {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

.addbank-popup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.addbank-popup .modal-header .btn-close {
    position: absolute;
    right: 19px;
    top: 30px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.addbank-popup .modal-body {
    margin: 30px;
    padding: 0px;
}

.addbank-popup .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
}

.pty-details {
    border: solid 1px #D6D3D1;
    padding: 23px;
}

.addbank-popup .ads-details {
    padding: 7px 0px;
}

.addbank-popup .ads-details h6 {
    color: #424242;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.return-questions {
    border: solid 1px #D0D6CF;
    padding: 17px;
    margin-top: 10px;

}

.return-questions p {
    color: #292524;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
    font-weight: 390;
}


.cr-address {
    display: flex;
    column-gap: 15px;
}

/*.new-plan{
    padding: 13px 0px;
}

.new-plan h6{
    color: #2D6A4D;
    font-size: 24px;
    font-weight: 420;
    line-height: 35px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.new-plan p{
    margin-bottom: 0px;
    color: #162A26;
    font-size: 14px;
    font-weight: 390;
    line-height: 17px;
    padding: 13px 0px;
}

.addednew-plans {
    padding: 25px 40px 20px 40px;
}


.addednew-plans .toggle-container {
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 33px 0px;
}
    .addednew-plans .toggle-container span {
      margin-right: 10px;
      font-size: 18px;
      color: #292524;
      font-weight: 390;
      line-height: 26px;
    }
    .addednew-plans .toggle {
      display: flex;
      border: 1px solid #292524;
      border-radius: 25px;
      overflow: hidden;
    }
    .addednew-plans .toggle button {
      border: none;
      padding: 6px 20px;
      font-size: 12px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-weight: 450;
      line-height: 18px;
    }
.addednew-plans .toggle .active {
    background-color: #292524;
    color: #fff;
    border-radius: 36px;
    padding: 7px 27px;
}
    .addednew-plans .toggle .inactive {
      background-color: transparent;
      color: #292524;
    }

.pricing-table {
    display: flex;
    justify-content: center;
    column-gap: 27px;
    height: 100%;
}

.watch-icon {
    display: flex;
    align-items: center;
    column-gap: 10px;
    min-height: 45px;
}
.pricing-plan-cricular .pricing-plan {
    background: #fff;
    border: solid 2px #292524;
    padding: 52px 27px 23px;
    height: 100%;
    width: 400px;
    position: relative;
}

.pricing-plan-cricular .watch-icon h2{
    color: #292524;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}


.pricing-plan-cricular p{
    color: #292524;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    margin-bottom: 0px;
    padding: 12px 0px;
}

.pricing-plan-cricular a {
     background: #FFFFFF;
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    text-decoration: none;
    padding: 5px 43px;
    text-transform: uppercase;
    color: rgba(183, 134, 43, 1);
    font-weight: 390;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    display: inline-flex;
}

.pricing-plan-cricular .price-new {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 250px;
    padding: 0px 0px;
}

.pricing-plan-cricular .price-new h2{
    color: #292524;
    font-weight: 420;
    line-height: 94px;
    font-size: 48px;
    margin-bottom: 0px;
}

.pricing-plan-cricular .price-new h2 span{
    color: #292524;
    font-weight: 420;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0px;
}

.pricing-plan-cricular .pricing-plan ul {
    margin: 0px;
    padding: 0px 20px;
}

.pricing-plan-cricular .pricing-plan ul li {
    font-weight: 390;
    color: #292524;
    font-size: 14px;
    padding: 4px 0px;
}

.pricing-plan-cricular .pricing-plan ul li::marker{
    color: #C29E40;
}

.pricing-plan-cricular .payfurther-plan p{
    color: #292524;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    margin-bottom: 0px;
    padding: 12px 0px;
    text-align: end;
}

.feature-cricular{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 23px 12px;
}

.feature-cricular .feature h6{
    color: #407B5F;
    font-weight: 450;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}
.feature:second-child{
    text-align: center;
}
.pr-makerequest{
    padding: 65px 0px;
}

.secondary-sucess{
    padding: 15px;
    border-top: solid 1px #E7E5E4;
     border-bottom: solid 1px #E7E5E4;
    padding: 12px;
    background: #FAFAF9;
}

.secondary-sucess h2{
    color: #44403C;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.feature-cricular{
    border-bottom: solid 1px #E7E5E4;
    padding: 17px 12px;
}

.feature-cricular i {
    color: #10B981;
    width: 18px;
    height: 18px;
    border: solid 1px #10B981;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    border-radius: 100%;
    margin-right: 0px;
}

.multipulepayment-option{
    padding: 23px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.multipulepayment-option h6{
    margin-bottom: 0px;
    color: #64748B;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    text-transform: uppercase;
}


.feature-cricular p{
    color: #292524;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: end;
}

p.ac-acess{
    color: #44403C;
    font-weight: 450;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}


.pricing-plan.free-plan.tyhuij {
    padding: 8px;
}

.accelator-new {
    background: linear-gradient(99.09deg, rgba(216, 196, 135, 0.15) 2.64%, rgba(183, 134, 43, 0.15) 100%);
    padding: 44px 25px;
    height: 100%;
}

h2.on-request{
    font-size: 36px !important;
}

.data-save {
    position: absolute;
    right: 19px;
    left: auto;
    top: -2px;
}

.annual-weekdata .supplier {
    background: transparent;
    border: none;
    display: flex;
    justify-content: end;
    align-items: end;
}



a.currentplan{
    background: #10B981;
    border-radius: 6px;
    padding: 8px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 390;
    line-height: 18px;
    text-transform: uppercase;
    border: none;
}


.limited-time h2{
   color: #292524;
    font-weight: 420;
    line-height: 94px;
    font-size: 48px;
    margin-bottom: 0px;
}
.special-offer {
    display: flex;
    align-items: anchor-center;
    column-gap: 10px;
}
.limited-time span {
    color: #10B981;
    font-weight: 420;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0px;
}

.limited-time p {
    color: #292524;
    font-weight: 420;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0px;
    padding: 0px 0px;
}


.feature {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 25%;
}

.feature.fgg {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accdt{
    justify-content: end;
}

.moreCountry a {
    text-decoration: none;
    color: #CBAE5B;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
*/


/*=====================  user profile taing css start here ========================*/


.userpersonal-changepassword{
        border: solid 1px rgba(214, 211, 209, 1);
    padding: 28px;
    max-width: 600px;
    margin: 0 auto;
}

.userpersonal-changepassword h2{
    color: #1F2024;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 13px;

}

.userpersonal-changepassword h6{
    color: #424242;
    font-weight: 420;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 23px;
}


    .userpersonal-changepassword .password-container label {
          color: rgba(41, 37, 36, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    }
    .userpersonal-changepassword .password-container input {
    width: 100%;
    padding: 8px 18px;
    border-radius: 0px;
    font-size: 14px;
    background-color: #F7F9FA;
    border: none;
}
    .userpersonal-changepassword .password-container input:focus{
        outline: none;
    }
    .userpersonal-changepassword .password-container .eye-icon {
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      cursor: pointer;
    }
    .userpersonal-changepassword .password-container .input-wrapper {
      position: relative;
    }

    .chnage-password-user {
    margin: 33px 0px;
    }

.userpersonal-changepassword .chnage-password-user a {
    background: #1C1917;
    border-radius: 36px;
    padding: 6px 30px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 17px;
    text-transform: uppercase;
    color: #FAFAF9;
}
.savechanges-userprofile {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    margin: 30px 0px;
}
.userpersonal-changepassword .savechanges-userprofile a.cancel {
    color: rgba(183, 134, 43, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 17px;
    background: none;
}

a.savechanges {
    background: none;
    border: solid 1px #BA902F;
    color: #B7862B;
    text-transform: uppercase;
    padding: 14px 33px;
    border-radius: 36px;
}
.addcamra-user {
    display: flex
;
    align-items: center;
    margin: 17px 0px;
    column-gap: 19px;
}
.userupload-img img{
    border-radius: 100%;
    width: 104px;
    height: 104px;
}

.replace-ph {
    display: flex;
    align-items: center;
}
.replace-ph h6{
    padding-left: 10px;
    line-height: 12px !important;
}

.replace-ph img{
    max-width: 18px;
}
.ship-detailsuser input, .ship-detailsuser input {
    border: 1px solid #C2C2C2;
    border-radius: 6px;
    background: #F4F4F4;
    width: 24px;
    height: 24px;
}
.ship-detailsuser input, .ship-detailsuser input:focus {
    border: 1.55px solid #A8A29E;
    border-radius: 6px !important;
}

.ship-detailsuser .form-check-input:checked[type=checkbox] {
    background-color: #BA902F;
    border-color: #BA902F;
}
.ship-detailsuser {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 20px;
}

.ship-detailsuser .form-check{
    display: flex;
    align-items: center;
}

.ship-detailsuser .form-check label{
    margin-left: 41px;
}
.ship-detailsuser h2{
    margin-bottom: 0px;
    white-space: nowrap;
}

.ship-detailsuser{
    margin-bottom: 15px;
}
.sameaddress{
    column-gap: 0px;
}
.sameaddress .form-check{
    padding-right: 10px;
}

.sameaddress .form-check label {
    margin-left: 32px;
}

.sameaddress h2{
    padding-right: 6px;
}

.addpayment-detailcard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 17px 0px 47px;
    margin: 0 auto;
    max-width: 600px;
}

.addpayment-detailcard h2{
    color: #1F2024;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
}

.addpayment-detailcard p{
    color: #424242;
    font-weight: 390;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}


.addpayment-detailcard a{
    background: #F1F5F9;
    border-radius: 36px;
    padding: 10px 24px;
    color: #94A3B8;
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}
.userpaymentmethoda {
    display: flex;
    align-items: center;
    column-gap: 27px;
    border-bottom: solid 1px rgba(231, 229, 228, 1);
    padding-bottom: 14px;
}
.userpaymentmethoda .card-image {
    border: 1px solid rgba(64, 123, 95, 0.25);
    padding: 5px;
    width: 40%;
}

.samplecard{
    background: rgba(236, 240, 243, 1);
    padding: 20px;
}

.userpersonal-changepassword .payment-heading h2{
    color: rgba(31, 32, 36, 1);
    font-size: 18px;
    font-weight: 450;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.add-addresspopu .card-detailsbox {
    width: 100%;
}

.add-addresspopu .card-detailsbox .form-control{
    border: 1px solid rgba(226, 232, 240, 1);
    background: rgba(241, 245, 249, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(100, 116, 139, 1);
    transition: 0.3s all;
    border-radius: 0px;
}

.add-addresspopu form#card-form{
    width: 100%;
}

.cardcv-expire{
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 10px;
}

.addnew-userpayment {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 11px 0px;
    column-gap: 23px;
}

.addnew-userpayment a.addpayment{
    background: #F1F5F9;
    padding: 10px 37px;
    border-radius: 36px;
    color: #94A3B8;
    font-weight: 420;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

.addnew-userpayment a.cancel-pty{
    color: #292524;
    font-weight: 420;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

.paymentremove-cardadd {
    border: 1.16px solid rgba(64, 123, 95, 0.25);
    padding: 5px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.paymentremove-cardadd .useredit-carddetails {
    background: url(../img/shipping-dot.png) no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 23px 23px;
}

.pty-userromevecarddetails{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pty-userromevecarddetails .remove-delete{
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.pty-userromevecarddetails .remove-delete span{
    color: rgba(41, 37, 36, 1);
    font-weight: 420;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
}

.pty-userromevecarddetails h2{
    color: rgba(45, 106, 77, 1);
    font-size: 16px;
    font-weight: 420;
    line-height: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.card-showdetails {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 28px 0px;
}
.card-showdetails-image {
    width: 20%;
}
.cardexpire-edit {
    width: 80%;
}

.show-det {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    column-gap: 17px;
}

.show-det .card-expiredate{
    column-gap: 7px;
}

.show-det .card-expiredate h5{
    color: rgba(183, 134, 43, 1);
}

.show-det .card-expiredate img{
    max-width: 18px;
}

.usercard-showdetails h2{
    font-size: 16px;
    font-weight: 450;
    line-height: 25px;
    margin-bottom: 10px;
}

.usercard-showdetails span{
    font-size: 16px;
    font-weight: 390;
    line-height: 25px;
    margin-bottom: 10px;
}

.show-det .card-expiredate i{
    color: rgba(183, 134, 43, 1);
}
.posal-codeaddress{
    padding: 10px 0px;
}
.posal-codeaddress h2{
    color: rgba(66, 66, 66, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.card-showdetails-image img{
    max-width: 50px;
}

.adduser-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0px;
}

.user-counting {
    display: flex;
    align-items: center;
    column-gap: 17px;
}

.user-counting a {
    border-radius: 36px;
    color: #fff;
    font-size: 14px;
    font-weight: 420;
    line-height: 22px;
    padding: 9px 23px 9px 23px;
    background: rgba(28, 25, 23, 1);
    margin: 0;
    transition: 0.3s ease-in all;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.filter-setup span{
    color: rgba(41, 37, 36, 1);
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
}

/*.sub-paymentuser .pricing-plan{
    width: 100% !important;
}*/
.terms-behavour ul{
    padding: 0px;
    margin: 0px;
}
.terms-condtion ul{
    padding: 0px;
    margin: 0px;
}

.terms-condtion ul li{
    font-size: 21px;
    font-weight: 390;
    padding: 7px 7px;
    list-style: none;
}

.terms-condtion ul li a{
   color: rgba(41, 37, 36, 1);
}

.terms-condtion ul li.active{
    border: 1.31px solid rgba(231, 229, 228, 1);
    background: rgba(250, 250, 249, 1);
    padding: 7px 7px;
}

.service-summary h6{
    color: rgba(41, 37, 36, 1);
    font-size: 14px;
    font-weight: 390;
    padding: 12px 0px;
    margin-bottom: 0px;
}

.service-summary h2{
    color: rgba(41, 37, 36, 1);
    font-size: 20px;
    font-weight: 450;
    padding: 12px 0px;
    margin-bottom: 0px;
    line-height: 22px;
}

.service-summary ul{
    margin: 0px 20px;
}

.service-summary ul li{
    font-size: 14px;
    color: rgba(41, 37, 36, 1);
}

.service-summary p{
     font-size: 14px;
    font-weight: 390;
    padding: 12px 0px;
    margin-bottom: 0px;
    color: rgba(41, 37, 36, 1);
}

.terms-condtion h2{
    color: rgba(41, 37, 36, 1);
    font-weight: 450;
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 22px;
    padding: 23px 0px;
}



.userpersnaldetails-tabing-new .nav-tabs {
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}

.userpersnaldetails-tabing-new .nav-tabs li.nav-item {
    margin: 0px 20px 0px 0px;
}

.userpersnaldetails-tabing-new .nav-tabs .nav-item.show .nav-link, .userpersnaldetails-tabing-new .nav-tabs .nav-link.active {
    background-color: rgba(245, 241, 226, 1);
    border-color: rgba(245, 241, 226, 1);
    color: rgba(183, 134, 43, 1) !important;
    border-radius: 8px;
}

.userpersnaldetails-tabing-new .nav-tabs .nav-link {
    color: rgba(60, 84, 73, 1);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 8px;
}

.userpersonal-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 55px 0px;
}

.userupload-img{
    height: 104px;
    width: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(245, 241, 226, 1);
       border-radius: 100%;
}

.userupload-img h2{
    color: rgba(186, 144, 47, 1);
    font-weight: 420;
    line-height: 67px;
    font-size: 45px;
    margin-bottom: 0px;
}

.jwborder{
    border: solid 1px rgba(186, 144, 47, 1);
    padding: 10px;
    border-radius: 100%;
    position: relative;
}

.jwborder:after {
    position: absolute;
    width: 136px;
    height: 136px;
    /* border: solid 1px rgba(186, 144, 47, 1); */
    content: "";
    top: -17px;
    right: -40px;
    border-radius: 100%;
    z-index: -9;
}

.userupload-addphoto h6{
    color: rgba(97, 97, 97, 1);
    font-size: 20px;
    font-weight: 420;
    line-height: 28px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.userupload-addphoto p{
    margin-bottom: 0px;
    color: rgba(120, 113, 108, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;

}

.userupload-addphoto {
    padding-left: 61px;
}

.addcamra-user{
    display: flex;
    align-items: center;
    margin: 17px 0px;
}

.addcamra-user h6{
    margin-bottom: 0px;
    color: rgba(183, 134, 43, 1);
    font-weight: 420;
    font-size: 12px;
    line-height: 17px;
}

.userpersonal-detailfrom{
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 28px;
    max-width: 600px;
    margin: 0 auto;
}

.userprofile-fixdata {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

/*=====================  pricing page css start here  ========================*/


.new-plan{
    padding: 13px 0px;
}

.new-plan h6{
    color: #2D6A4D;
    font-size: 24px;
    font-weight: 420;
    line-height: 35px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.new-plan p{
    margin-bottom: 0px;
    color: #162A26;
    font-size: 14px;
    font-weight: 390;
    line-height: 17px;
    padding: 13px 0px;
}

.addednew-plans {
    padding: 25px 40px 20px 40px;
}


.addednew-plans .toggle-container {
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 33px 0px;
}
    .addednew-plans .toggle-container span {
      margin-right: 10px;
      font-size: 18px;
      color: #292524;
      font-weight: 390;
      line-height: 26px;
    }
    .addednew-plans .toggle {
      display: flex;
      border: 1px solid #292524;
      border-radius: 25px;
      overflow: hidden;
    }
    .addednew-plans .toggle button {
      border: none;
      padding: 6px 20px;
      font-size: 12px;
      cursor: pointer;
      transition: all 0.3s ease;
      font-weight: 450;
      line-height: 18px;
    }
.addednew-plans .toggle .active {
    background-color: #292524;
    color: #fff;
    border-radius: 36px;
    padding: 7px 27px;
}
    .addednew-plans .toggle .inactive {
      background-color: transparent;
      color: #292524;
    }

.pricing-table {
    display: flex;
    column-gap: 27px;
    height: 100%;
   justify-content: flex-start;
   align-items: flex-start;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
   scroll-snap-type: x mandatory;
   flex-wrap: nowrap;
    padding-bottom: 15px;
}
.pricing-plan {
    border: solid 2px #292524;
    padding: 52px 27px 23px;
    height: 100%;
    background: #fff;
    position: relative;
    width: 400px;
}
.watch-icon {
    display: flex;
    align-items: center;
    column-gap: 10px;
    min-height: 45px;
}
/*.pricing-plan-cricular .pricing-plan {
    background: #fff;
    border: solid 2px #292524;
    padding: 52px 27px 23px;
    height: 100%;
    width: 400px;
    position: relative;
}*/

.pricing-plan-cricular .watch-icon h2{
    color: #292524;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0px;
    text-transform: uppercase;
    white-space: normal;
}


.pricing-plan-cricular p{
    color: #292524;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    margin-bottom: 0px;
    padding: 12px 0px;
    white-space: normal;
}

.pricing-plan-cricular a {
     background: #FFFFFF;
    border: 1px solid rgba(183, 134, 43, 1);
    border-radius: 36px;
    text-decoration: none;
    padding: 5px 43px;
    text-transform: uppercase;
    color: rgba(183, 134, 43, 1);
    font-weight: 390;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    display: inline-flex;
}

.pricing-plan-cricular .price-new {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 250px;
    padding: 0px 0px;
}

.pricing-plan-cricular .price-new h2{
    color: #292524;
    font-weight: 420;
    line-height: 94px;
    font-size: 48px;
    margin-bottom: 0px;
}

.pricing-plan-cricular .price-new h2 span{
    color: #292524;
    font-weight: 420;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0px;
}

.pricing-plan-cricular .pricing-plan ul {
    margin: 0px;
    padding: 0px 20px;
}

.pricing-plan-cricular .pricing-plan ul li {
    font-weight: 390;
    color: #292524;
    font-size: 14px;
    padding: 4px 0px;
}

.pricing-plan-cricular .pricing-plan ul li::marker{
    color: #C29E40;
}

.pricing-plan-cricular .payfurther-plan p{
    color: #292524;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    margin-bottom: 0px;
    padding: 12px 0px;
    text-align: end;
}

.feature-cricular{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 23px 12px;
}

.feature-cricular .feature h6{
    color: #407B5F;
    font-weight: 450;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}
.feature:second-child{
    text-align: center;
}
.pr-makerequest{
    padding: 65px 0px;

}


.secondary-sucess{
    padding: 15px;
    border-top: solid 1px #E7E5E4;
     border-bottom: solid 1px #E7E5E4;
    padding: 12px;
    background: #FAFAF9;
}

.secondary-sucess h2{
    color: #44403C;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.feature-cricular{
    border-bottom: solid 1px #E7E5E4;
    padding: 17px 12px;
}

.feature-cricular i {
    color: #10B981;
    width: 18px;
    height: 18px;
    border: solid 1px #10B981;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    border-radius: 100%;

}

.multipulepayment-option{
    padding: 23px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.multipulepayment-option h6{
    margin-bottom: 0px;
    color: #64748B;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    text-transform: uppercase;
}


.feature-cricular p{
    color: #292524;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: end;
}

p.ac-acess{
    color: #44403C;
    font-weight: 450;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}


.pricing-plan.free-plan.tyhuij {
    padding: 8px;
}

.accelator-new {
    background: linear-gradient(99.09deg, rgba(216, 196, 135, 0.15) 2.64%, rgba(183, 134, 43, 0.15) 100%);
    padding: 44px 25px;
    height: 100%;
}

h2.on-request{
    font-size: 36px !important;
}

.data-save {
    position: absolute;
    right: 19px;
    left: auto;
    top: -2px;
}


a.currentplan{
    background: #10B981;
    border-radius: 6px;
    padding: 8px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 390;
    line-height: 18px;
    text-transform: uppercase;
    border: none;
}


.limited-time h2{
   color: #292524;
    font-weight: 420;
    line-height: 94px;
    font-size: 48px;
    margin-bottom: 0px;
}
.special-offer {
    display: flex;
    align-items: anchor-center;
    column-gap: 10px;
}
.limited-time span {
    color: #10B981;
    font-weight: 420;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0px;
}

.limited-time p {
    color: #292524;
    font-weight: 420;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0px;
    padding: 0px 0px;
}


.feature {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 25%;
}

.feature.fgg {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accdt{
    justify-content: end;
}


.acr-marketprice{
    height: 100%;
}

.acr-marketprice.tyhuij {
    padding: 8px;
}

/*.cricular-acessdata {
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    padding-bottom: 15px;
    display: flex;
}*/

/*.cricular-acessdata{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    padding-bottom: 15px;
    flex-direction: column;
}
*/

/*====================  new css start here  =======================================*/

.latest-requestmanagement .user-listtabing-request .nav-tabs {
    background: rgba(248, 250, 248, 1);
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}

.latest-requestmanagement .user-listtabing-request .nav-tabs .nav-link {
    color: rgba(60, 84, 73, 1);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 8px;
}

.latest-requestmanagement .user-listtabing-request .nav-tabs .nav-link {
    color: rgba(60, 84, 73, 1);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 8px;
}
.latest-requestmanagement .user-listtabing-request .nav-tabs .nav-item{
    padding: 0px 5px;
}
.latest-requestmanagement .user-listtabing-request .nav-tabs .nav-item.show .nav-link, .latest-requestmanagement .user-listtabing-request .nav-tabs .nav-link.active {
    color: #495057;
    background-color: rgba(4, 85, 68, 1);
    border-color: #dee2e6 #dee2e6 #fff;
    color: #fff !important;
    border-radius: 8px;
}

.latest-requestmanagement .user-listtabing-request .nav-tabs .nav-link:focus, .user-listtabing-request .nav-tabs .nav-link:hover {
    background-color: rgba(4, 85, 68, 1);
    border-color: rgba(245, 241, 226, 1);
    color: #fff !important;
    transition: 0.3s all;
}

.latest-requestmanagement {
    padding: 37px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-yourspecicorder{
    width: 50%;
    display: flex;
    align-items: center;

}

.search-filterbuyer .product-search span img {
    position: absolute;
    left: 9px;
    top: 7px;
}

.search-filterbuyer .product-search{
    position: relative;
    margin: 0px;
}
.search-filterbuyer-request .product-search{
    margin: 0px;
}
.search-filterbuyer .product-search input{
    padding-left: 43px;
}

.search-filterbuyer {
    width: 50%;
}

.filt-request{
    width: 20%;
}
.search-filterbuyer-request{
    width: 30%;
}
.filt-request {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 18px;
}

.filt-request span{
    color: #292524;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.create-newrequest .userprofile-fixdata h2{
    color: #1F2024;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0px;
    padding: 7px 0px;
}

.attach-file .me-lb a{
    margin-left: 0px;
}

.attach-file {
    margin: 27px 0px 0px;
}

.attach-nextdtep{
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 17px 0px;
}

.attach-nextdtep img{
    margin-left: 7px;
}

.create-newrequest .userpersonal-detailfrom p{
    font-size: #1F2024;
    font-size: 12px;
    font-weight: 390;
    line-height: 16px;
    margin-bottom: 0px;
    padding: 7px 0px;
}

.price-rangefixabout {
    display: flex;
    align-items: center;
    height: 36px;
}

.price-rangefixabout h6{
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 420;
    line-height: 20px;
    margin-bottom: 0px;
}

.create-newrequest .sameaddress .form-check {
    margin-left: 10px;
}

.attach-nextdtep .me-lb a{
    padding: 9px 40px;
}

.mtd-summary{
    border: 1px solid rgba(198, 198, 198, 1);
    padding: 6px;
}

.pricing-locationsummary{
    background: url(../img/shipping-dot.png) no-repeat;
    height: auto;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 35px;
}

.pricing-locationsummary .pricing-change{
    display: flex;
    align-items: center;
    column-gap: 23px;
}

.pricing-locationsummary .pricing-change h2{
    color: #445D40;
    font-size: 16px;
    font-weight: 420;
    line-height: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.pricing-locationsummary .pricing-change p{
    color: #BA9553;
    font-size: 12px;
    font-weight: 420;
    line-height: 17px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.urgency-level ul{
    margin: 17px 0px;
    padding: 0px;
}

.urgency-level ul li{
    list-style: none;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 390;
    color: #1F2024;
    line-height: 20px;
}

.sumy-productvalue {
    padding: 12px 12px;
}

.sumy-productvalue h6{
    color: #445D40;
    font-size: 16px;
    font-weight: 450;
    line-height: 23px;
    margin-bottom: 0px;
    padding: 10px 0px;
}

.sumy-productvalue ul {
    margin: 5px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sumy-productvalue ul li{
    list-style: none;
    padding: 5px 0px;
    font-size: 18px;
    font-weight: 420;
    color: #162A26;
    line-height: 21px;
}

.wool-seldvege {
    display: flex;
    align-items: end;
    column-gap: 97px;
    margin-bottom: 27px;
}

.wool-seldvege h2{
    color: #292524;
    font-weight: 420;
    font-size: 44px;
    line-height: 63px;
    margin-bottom: 0px;
}


.wool-seldvege span{
    color: #50525C;
    font-weight: 420;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0px;
}
.wool-seldvege .me-lb{
    margin-bottom: 0px;
}
.wool-seldvege .me-lb a img{
   margin-left: 10px;
}

.offer-main{
    border: 1px solid #C6C6C6;
    padding: 28px;
}

.offer-main h6{
    color: #1F2024;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 28px;
}



.offer-main ul{
    margin: 5px 0px;
    padding: 0px;
}

.offer-main ul li{
    list-style: none;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 390;
    color: #1F2024;
    line-height: 20px;
}

.offer-main p{
    color: #1F2024;
    font-size: 14px;
    font-weight: 390;
    line-height: 20px;
    margin-bottom: 0px;
}

.additional-images{
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 10px;
}
.additional-images .recyble-materials{
    margin: 15px 0px;
}
.additional-images .recyble-materials img{
    width: 170px;
    height: 130px;
    border-radius: 8px;
}

.ofr-content span{
    color: #292524;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px;
    font-weight: 420;
    padding: 7px 0px;
}

.waiting-latestoffer{
    background: #FAFAF9;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}

.dftg-offer{
    width: 100%;
    max-width: 350px;
    text-align: center;
}

.dftg-offer h6{
    color: #1F2024;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 10px;
}

.dftg-offer p{
    color: #3E4047;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
}

.ofr-content {
    padding: 10px 0px;
}

.offer-idsuspend {
    display: flex;
    align-items: center;
    column-gap: 14px;
     margin-top: 10px;
}

.offer-idsuspend h6{
    color: #50525C;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0px;
    font-weight: 420;
    border: solid 1px #D6D3D1;
    padding: 8px 12px;
    display: flex;
    align-items: center;

}

.offer-idsuspend span{
    color: #292524;
    font-size: 16px;
    line-height: 24px;
    font-weight: 420;
    display: flex;
    align-items: center;
}

.offer-idsuspend span img{
    margin-right: 10px;
}

.offer-approveddecil .nav-tabs .nav-item.show .nav-link, .offer-approveddecil .nav-tabs .nav-link.active{
        background-color: rgba(4, 85, 68, 1);
    border-color: rgba(245, 241, 226, 1);
    color: #fff;
    border-radius: 8px;
}

.offer-approveddecil .nav-tabs {
    background: rgba(248, 250, 248, 1);
    margin: 0px;
    padding: 0px;
    border-bottom: none;
    width: 100%;
    max-width: 315px;
}

.offer-approveddecil .nav-tabs .nav-link {
    color: rgba(60, 84, 73, 1);
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 8px;
}

.offer-approveddecil .nav-tabs .nav-link:focus, .offer-approveddecil .nav-tabs .nav-link:hover {
    background-color: rgba(4, 85, 68, 1);
    border-color: none;
    color: #fff;
    transition: 0.3s all;
}

.offer-approveddecil .nav-tabs li.nav-item {
    margin: 0px 15px 0px 0px;
}

.produc-deliverycountry-ads{
    border: 1px solid #D6D3D1;
    background: #fff;
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
}

.supl-offer h6{
    color: #292524;
    font-size: 12px;
    font-weight: 420;
    line-height: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.supl-offer h2{
    color: #292524;
    font-size: 16px;
    font-weight: 420;
    line-height: 19px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.supl-offert {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
}

.supl-offert h6{
    color: #528A6F;
    font-size: 11px;
    font-weight: 420;
    line-height: 15px;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.supl-offert h2{
    color: #292524;
    font-size: 14px;
    font-weight: 420;
    line-height: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.offer-approveddecil {
    margin-bottom: 21px;
}

.offer-approved-d a {
    background: #34D399;
    border-radius: 36px;
    padding: 3px 16px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 450;
    line-height: 22px;
}

.supl-offer {
    display: flex;
    align-items: center;
    column-gap: 35px;
}

.ofr-back{
    align-items: self-start !important;
}

.supl-offer h6 img{
    margin-right: 5px;
}

.rcd-material{
    padding-top: 27px;
}

.rcd-material p{
    margin-bottom: 0px;
    font-weight: 390;
    font-size: 14px;
    line-height: 20px;
    color: #1F2024;
    padding-bottom: 4px;
}

.counter-offer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 175px;
}
.accept-offer{
    margin: 27px 0px 10px;
    border-bottom: solid 1px #D6D3D1;
}
.accept-offer a {
    border: 1.5px solid #B7862B;
    border-radius: 36px;
    color: #B7862B;
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    transition: 0.3s ease-in all;
    margin-bottom: 17px;
}
.accept-offer a:hover{
    color: #fff;
    transition: 0.3s ease-in all;
    background: #B7862B;
}
.accept-offer a i{
    padding-left: 10px;
    font-size: 15px;
}

.sample-offer{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 7px 0px;
}

.sample-offer h2{
    color: #292524;
    font-size: 14px;
    font-weight: 420;
    line-height: 22px;
    margin-bottom: 0px;
   text-transform: uppercase;
}

.offerapply-chat{
    background: #FAFAF9;
    padding: 32px;
    margin-bottom: 17px;
}

.offerapply-chat h2{
    color: #1F2024;
    font-size: 20px;
    font-weight: 420;
    line-height: 28px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.offerapply-chat h6{
    color: #292524;
    font-size: 12px;
    font-weight: 420;
    line-height: 18px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.offer-posting{
    background: #E7E5E4;
    padding: 24px 32px;
    border-radius: 0px 40px 40px 40px;
    width: 90%;
}

.offer-posting span{
    color: #292524;
    font-size: 16px;
    font-weight: 420;
    line-height: 24px;
}

.offer-posting ul{
    margin: 5px 0px;
    padding: 0px;
}

.offer-posting ul li{
    list-style: none;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 390;
    color: #1F2024;
    line-height: 20px;
}
.offer-posting-timing{
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.head-ofc span{
    color: #78716C;
    font-size: 10px;
    font-weight: 420;
    line-height: 12px;
}

.reply-chatoffer{
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 21px 0px;
    column-gap: 10px;
}

.reply-chatoffer-content h2{
    color: #162A26;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
}

.reply-chatoffer-content p{
    color: #162A26;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0px;
}

.reply-chatoffer-content{
    text-align: end;
}

.reply-chatoffer-content img{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 1.25px solid #BA9553;
}

.of-tyr{
    background: #E0EEDF;
    border-radius: 40px 0px 40px 40px;
}

.new-request-steps #progress{
   width: 80%;
   margin-left: 31px;
}


/*=============  supplyer css start here   ========================*/


.byu th, td{
    color: rgba(60, 84, 73, 1);
}

.request-market{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
}

.request-market h2{
    color: rgba(76, 105, 103, 1);
    font-size: 24px;
    font-weight: 420;
    line-height: 34px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.cr-mapbuyer img{
    width: 100%;
}

.search-filter-supplyer input{
    display: flex;
    align-items: center;
    border: none;
    font-size: 14px;
    font-weight: 390;
    color: rgba(138, 148, 146, 90%);
}

.search-filter-supplyer input:focus{
    box-shadow: none;
}
.cr-mapbuyer{
    position: relative;
}
.search-filter-supplyer img {
    max-width: 24px;
}

.search-filter-supplyer {
    display: flex
;
    align-items: center;
    background: #fff;
    border: 0.82px solid rgba(255, 255, 255, 1);
    padding: 5px 10px;
    column-gap: 0px;
    position: absolute;
    width: 70%;
    top: 13px;
    /* padding: 0px 20px; */
    margin: 0px 10px;
    left: 14px;
    right: 0px;
}

.categry-locationdata {
    display: flex;
    align-items: center;
    width: 85%;
}

.request-market span {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.request-market span h6{
    margin-bottom: 0px;
    color: rgba(68, 93, 64, 1);
    font-size: 14px;
    font-weight: 550;
    line-height: 20px;
}

.filter-mapsupplyer {
    background: #fff;
    border: 0.82px solid rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    position: absolute;
    top: 12px;
    right: 20px;
    width: 21%;
    justify-content: center;
    padding: 11px 10px;
}

.filter-mapsupplyer span{
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.filter-mapsupplyer span h6{
      margin-bottom: 0px;
    color: rgba(68, 93, 64, 1);
    font-size: 14px;
    font-weight: 550;
    line-height: 20px;
}

.filter-mapsupplyer span img{
    max-width: 25px;
}

.spd-boatmice {
    display: flex;
    align-items: center;
    column-gap: 21px;
}

.spd-boatmice img{
    max-width: 25px;
}

.wool-seld-supplyer h2{
    color: rgba(76, 105, 103, 1);
    font-size: 24px;
    font-weight: 420;
    line-height: 34px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.whosale h2{
      color: rgba(76, 105, 103, 1);
    font-size: 24px;
    font-weight: 420;
    line-height: 34px;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.userpersonal-detailfrom-supd{
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 28px;
    margin: 0 auto;
}

.userpersonal-detailfrom-supd h2 {
    color: #1F2024;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0px;
    padding: 7px 0px;
}

.userpersonal-detailfrom-supd p {
    color: #1F2024;
    font-size: 12px;
    font-weight: 390;
    line-height: 16px;
    margin-bottom: 0px;
    padding: 7px 0px;
}

.your-offer span{
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.your-offer span h6{
    color: #1F2024;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 0px;
}

.offer-boxdry{
    border: solid 1px rgba(214, 211, 209, 1);
    padding: 28px;
    margin: 0 auto;
}

.offer-boxdry .me-lb a {
    border-radius: 36px;
    color: rgba(183, 134, 43, 1);
    font-size: 14px;
    font-weight: 420;
    line-height: 22px;
    padding: 6px 24px 6px 24px;
    background: #fff;
    border: 1.5px solid rgba(183, 134, 43, 1);
    margin: 0;
    transition: 0.3s ease-in all;
    text-transform: uppercase;
    margin-left: 0px;
    display: flex;
    align-items: center;
}

.offer-boxdry .me-lb {
    padding: 15px 0px 0px;
}

.not-offeryet h6{
    color: #6B9581;
    font-size: 16px;
    font-weight: 420;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 33px 0px;
    text-transform: uppercase;
}

.not-offeryet{
    display: flex;
    align-items: baseline;
}

.itslooks-notoffer {
    padding: 36px 70px;
    max-width: 600px;
}

.itslooks-notoffer h2{
    color: #1F2024;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 22px;
}

.itslooks-notoffer p {
    color: #3E4047;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 22px;
    display: flex;
    align-items: flex-start;
}

.offer-valid-supplyer {
    display: flex;
    align-items: center;
    padding: 19px 0px;
    column-gap: 15px;
}

.prc-logo-validate {
    display: flex;
    align-items: center;
}

.prc-logo-validate h6{
    margin-bottom: 0px;
    color: #045544;
    font-size: 12px;
    font-weight: 390;
    line-height: 16px;
    text-transform: capitalize;
}

.prc-logo-validate {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.prc-logo img{
    max-width: 107px;
}

.offer-applicatnt h6{
    color: #162A26;
    font-size: 12px;
    font-weight: 420;
    line-height: 17px;
    margin-bottom: 5px;
    padding-top: 17px;
    text-transform: uppercase;
}

.ofr-posti{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.invoice-billing {
    display: flex;
    align-items: center;
    column-gap: 25px;
    margin-bottom: 33px;
    flex-wrap: wrap;
}
.invoice-billing h2{
    color: rgba(76, 105, 103, 1);
    font-size: 24px;
    font-weight: 420;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.invoice-xls{
    display: flex;
    align-items: center;
    column-gap: 7px;
}
.invoice-xls h6{
    color: rgba(45, 106, 77, 1);
    font-size: 16px;
    font-weight: 420;
    line-height: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.invoice-xls img{
    max-width: 32px;
}
.invoice-status h5{
    color: rgba(45, 106, 77, 1) !important;
    margin-bottom: 0px;
    font-size: 14px;
}
.invoice-download-pdf {
    display: flex;
    justify-content: end;
    align-items: end;
    margin-right: 24px;
}
.invoice-download-pdf img{
    max-width: 24px;
}

/* More filters CSS */
.more-filter-result {
    background: linear-gradient(180deg, rgba(82, 138, 111, 0) 0%, rgba(82, 138, 111, 0.5) 100%);
    padding: 12px 12px;
    width: 562px;
    position: relative;
    z-index: 99;
}

.filter-price-range {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.filter-price-range h6 {
    color: rgba(203, 174, 91, 1);
    font-size: 14px;
    font-weight: 390;
    line-height: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
}


.filter-price-range p {
    color: rgba(203, 174, 91, 1);
    font-size: 12px;
    font-weight: 420;
    line-height: 16px;
    margin-bottom: 0px;

}


.more-filter-result .lession-accrdin {
    display: flex;
    width: 100%;
    padding-top: 0;
}

.more-filter-result .accordion {
    width: 100%;
}

.more-filter-result .lession-accrdin .accordion-button::after {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: auto;
    content: "";
    background-image: url(../../img/frontend/filter-arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px auto;
    transition: transform .2sease -in-out;
    background-position: center center;
    width: 100%;
    position: absolute;
}

.more-filter-result .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

.more-filter-result .form-check label,
.more-filter-result .accordion-body h6,
.more-filter-result .avila-mcq .radio-label h6,
.more-filter-result .avila-mcq h6 {
    color: #fff;
}

.more-filter-result .avila-mcq .radio-button {
    border: 1px solid #fff;
    background: transparent;
}

.more-filter-result .avila-mcq .radio-button::after {
    background-color: #1c2927;
}

.more-filter-result .form-check-input:checked[type=checkbox] {}

.more-filter-result .search-select .form-check .form-check-input {
    background-color: transparent;
    border: 1px solid #fff;
}

.more-filter-result .avila-mcq .radio-label h6 {}

.more-filter-result .avila-mcq .radio-label {
    margin-bottom: 5px;
}

.more-filter-result .lession-accrdin .accordion .accordion-item h2 {
    padding: 0px 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #BA902F;
    padding: 0px 15px;
}

.more-filter-result .price {
    width: 100%;
    max-width: 100%;
}

.more-filter-result .price h5 span {
    color: #fff;
}

.more-filter-result .lession-accrdin .accordion .accordion-item {
    padding: 0px 0px;
}

.more-filter-result .avila-mcq h6 {
    color: rgba(214, 211, 209, 1);
}

.more-filter-result .lession-accrdin .accordion-body {
    padding: 0px 15px;
}


.more-filter-result .checkbox-label input {
    appearance: none;
    width: 16px;
    height: 16px;
    border: .7px solid rgba(194, 194, 194, 1);
    border-radius: 4px;
    background-color: rgba(244, 244, 244, 1);
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.more-filter-result .checkbox-label input:checked {
    background-color: #d4af37;/ Gold color for checked / border-color: #d4af37;
}

.more-filter-result .checkbox-label input:checked::after {
    content: "";
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../../img/frontend/check-arrow-filter.svg) no-repeat;
    background-size: 10px;
    height: 8px;
    width: 10px;
}

.width-typedata {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: space-between;
}

.custom-widthproduct {
    width: 47%;
}

.custom-widthproduct input {
    width: 100%;
    background: rgba(248, 250, 252, 1);
    border: 1px solid rgba(226, 232, 240, 1);
    height: 36px;
    padding: 10px;
}

.custom-widthproduct input:focus {
    outline: none;
}

.width-addcolumn span {
    color: #fff;
}

section.addednew-plans.pricing-plan-data .new-plan {
    width: 100%;
    max-width: 508px;
}

section.pr-makerequest.annual-basics {
    padding: 109px 0px;
}


/* ------------------------------------------------- */
/* Outer Header Css */
/* ------------------------------------------------ */
.outerPage .logo img {
    padding:0;
}
.outerPage.header {
    background: #fff;
    padding: 35px 56px;
}

.circularOuterr{
    padding: 35px 25px !important;
}

.outerPage.header .navbar {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px;
    margin-bottom: 0;
}

.outerPage .header-links, .outerPage .book-demo-log {
    display: flex;
    column-gap: 20px;
}

.outerPage .header-links .dropdown,
.dropend,
.dropstart,
.dropup {
    position: inherit;
    width: 100%;
}

.outerPage.header .navbar-nav .nav-item a {
    color: #292524;
    font-size: 14px;
    font-weight: 420;
    text-transform: uppercase;
    padding: 9px 18px;
    text-align: start;
    position: relative;
}

/* .header .navbar-nav .nav-item a:hover {
    color:#B07A25;
} */
.outerPage.header .nav-item.dropdown .nav-link::after {
    content: "";
    font-size: 10px;
    margin-left: 5px;
    background: url(../../img/outer_img/menu-drop.svg) no-repeat;
    background-size: 17px;
    display: inline-block;
    border: none;
    position: absolute;
    height: 17px;
    width: 17px;
    top: 11px;
    right: -7px;
}

.outerPage.header .dropdown-menu {
    border-radius: 0px !important;
    border: none;
    box-shadow: 0px 28px 90px 0px rgba(0, 0, 0, 0.15);
    min-width: 170px;
    position: absolute;
    color: #fff;
    width: 90%;
    top: 99%;
    transform: translate(0, 0%);
    left: 5%;
    padding: 0 25px;
}

.outerPage .exclusive-resource {
    background: #fff;
    padding: 15px 0;
}

.outerPage .source-low-impact {
    background: rgba(248, 250, 252, 1);
    padding: 20px 15px;
}

.outerPage .heading-cricular-data h2 {
    color: rgba(41, 37, 36, 1);
    font-weight: 450;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: start;
    text-transform: uppercase;
}

.outerPage .heading-cricular-supplyers h2 {
    color: rgba(41, 37, 36, 1);
    font-weight: 450;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: start;
    text-transform: uppercase;
}

.outerPage .header-links .dropdown-menu a {
    text-decoration: none;
    color: #000000;
    font-size: 12px !important;
    color: #fff !important;
    padding: 10px 15px;
}

.outerPage .get-started-inner {
    margin-bottom: -20px;
    display: flex;
    align-items: self-start;
    column-gap: 17px;
    transition: 0.3s ease-in all;
    padding: 10px 10px;
}

.outerPage .get-started-inner .icon {
    box-shadow: 0px 1.47px 2.95px 0px rgba(0, 0, 0, 0.12);
    border: solid 0.74px rgba(214, 211, 209, 1);
    /* width: 10%; */
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 6px;
}

.outerPage .get-started-inner .icon img {
    max-width: 14px;
}

.outerPage .categorization h5 {
    color: rgba(0, 0, 0, 1);
    font-weight: 450;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
    white-space: normal;
}

.outerPage .categorization p {
    color: rgba(0, 0, 0, 1);
    font-weight: 390;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0px;
    white-space: normal;
    text-transform: none;
    min-height: 28px;
}

.outerPage .book-demo-log {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.outerPage.header .navbar-nav {
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff),
        /* Inner background (button background) */
        linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: 0px;
    padding: 0px 3px;
    height: 100%;
    align-items: center;
    white-space: nowrap;
    flex-direction: row;
    column-gap: 3px;
}

.outerPage.header .navbar-nav .nav-item button {
        border: none;
            color: #b7862b;
            font-weight: 420;
            font-size: 14px;
            line-height: 22px;
            padding: 9px 27px;
            background: transparent;
            text-transform: uppercase;
            margin: 0px 0px 0px 0px;
            transition: 0.3s ease-in all;
            display: flex;
            align-items: center;
}
.outerPage.header ul.login-signup .nav-item button {
    color: #292524;
    border: none;
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 15px;
    background: transparent;
    text-transform: uppercase;
    margin: 0;
    transition: 0.3s ease-in all;
    display: flex;
    align-items: center;
}

.outerPage.header ul.login-signup .nav-item:hover button {
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #292524;
    transition: 0.3s ease-in all;
}

.outerPage.header .navbar-nav .nav-item button:hover,
.outerPage.header .navbar-nav .nav-item button.bookDemo {
    transition: 0.3s ease-in all;
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #fff;
}
.outerPage.header ul.login-signup .nav-item button.active {
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #fff;
}
.outerPage.header ul.login-signup .nav-item:hover button {
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #292524;
    transition: 0.3s ease-in all;
}



.outerPage ul.bdr-remove {
    border: none !important;
    background: transparent !important;
    padding: 0px !important;
}

.outerPage.header li.nav-item.bk-demo {
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff),
        /* Inner background (button background) */
        linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: 0px;
    padding: 0px 0px;
    height: 100%;
    align-items: center;
    white-space: nowrap;
    flex-direction: row;
    /* margin-left: 0px; */
    /* margin-right: 0px; */
    padding: 1px;
}
.outerPage.header .navbar-nav .nav-item button.bookDemo:hover {
    transition: 0.3s ease-in all;
    background: linear-gradient(99.09deg, #b7862b 2.64%, #d8c487 100%);
}

.outerPage.header .nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.outerPage.header .dropdown-menu {
    border-radius: 0px !important;
    border: none;
    box-shadow: 0px 28px 90px 0px rgba(0, 0, 0, 0.15);
    min-width: 170px;
    position: absolute;
    color: #fff;
    width: 90%;
    top: 99%;
    transform: translate(0, 0%);
    left: 5%;
    padding: 0 15px;
}
.outerPage.header .dropdown-menu.circular-div {
    border: none;
    box-shadow: 0px 28px 90px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    color: #fff;
    width: 380px;
    top: 106%;
    transform: translate(-50%, 0%);
    left: 50%;
    right: 50%;
    /* margin: 0 auto; */
}
.outerPage.header .dropdown-menu.resource-div {
    border: none;
    box-shadow: 0px 28px 90px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    color: #fff;
    width: 680px;
    top: 106%;
    transform: translate(-50%, 0%);
    left: 50%;
    right: 50%;
    /* margin: 0 auto; */
}

    .highlighted{
        background: #D1FAE5;
    }
    .profile-banner {
        display: flex
    ;
        justify-content: space-between;
        align-items: center;
        background-color: #D1FAE5;
        padding: 10px 21px;
        font-size: 16px;
        color: #1B3A1B;
        width: 100%;
        margin: 20px auto;
        column-gap: 20px;
        flex-wrap: wrap;
    }

    .banner-text {
        flex-grow: 1;
        font-size: 16px;
        font-weight: 450;

    }

    .banner-text strong{
        color: #1C1917;
    }

    span.banner-text{
        color: #064E3B;
    }

    .complete-btn {
        background-color: #000;
        color: #fff;
        text-decoration: none;
        padding: 5px 15px;
        border-radius: 36px;
        height: 32px;
        font-weight: bold;
        font-size: 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        column-gap: 6px;
    }

    .outerPage.header .nav-item.dropdown:hover .nav-link::after {
  transform: rotate(180deg);
  transition: 0.3s ease-in all;
}

    .complete-btn:hover {
    color: #fff;
    }
    /* img.img-fluid.complete-img {
    margin-bottom: 5px;
    } */

    .uique-page-h{
        min-height: calc(100% - 164px);
    }

        .menu-container {
            position: relative;
            display: inline-block;
        }

        .menu-button {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 20px;
            padding: 5px 10px;
        }

        .dropdown-menu.order-detail-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            background: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            display: none;
            width: 300px;
        }

        .dropdown-menu.order-detail-dropdown.show {
            display: block;
        }

        .dropdown-menu.order-detail-dropdown ul {
            list-style: none;
            padding: 0 10px;
            margin: 0;
        }

        .dropdown-menu.order-detail-dropdown ul li {
            padding: 8px;
            cursor: pointer;
            border-radius: 5px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;
        }

        .dropdown-menu.order-detail-dropdown ul li:hover {
            background: #f0f0f0;
        }

        .dropdown-menu.order-detail-dropdown ul li a {
            color: #0F172A;
        }

        .disabled {
            color: grey;
            cursor: not-allowed;
        }

        .orderupdate {
            background: #34D399;
            border: none;
            border-radius: 36px;
            color: #fff;
            padding: 1px 24px;
            font-size: 12px;
            font-weight: 450;
            line-height: 22px;
        }
        .orderWatting {
            background: #FCD34D;
            border: none;
            border-radius: 36px;
            color: #44403C;
            padding: 1px 24px;
            font-size: 12px;
            font-weight: 450;
            line-height: 22px;
            border: 1px #fff;
        }
        .orderDelivered {
            background: #E0EEDF;
            border: none;
            border-radius: 36px;
            color: #065F46;
            padding: 1px 24px;
            font-size: 12px;
            font-weight: 450;
            line-height: 22px;
            border: 1px #fff;
        }
        .orderRejected {
            background: #F87171;
            border: none;
            border-radius: 36px;
            color: #FFFFFF;
            padding: 1px 24px;
            font-size: 12px;
            font-weight: 450;
            line-height: 22px;
            border: 1px #fff;
        }
        .ordercallender {
            display: flex;
            column-gap: 20px;
            width: 100%;
        }
        .cal-order {
            background: #f1f5f9;
            border: solid 1px #e2e8f0;
        }

        .hand-spundata {
            display: flex;
            justify-content: space-between;
            column-gap: 20px;
        }
        .hand-spundata {
            display: flex;
            justify-content: space-between;
            column-gap: 20px;
        }
        .shippingCost.shiping-orderitems .brand-name h6 {
            height: auto;
        }
        .setdeafult-checkbox.post-codesystem .accept-condition {
            display: flex;
            align-items: center;
        }

        .setdeafult-checkbox.post-codesystem .form-check label{
        margin-left: 6px !important;
    }
    .annual-basics .container-fluid {
        padding: 0px 50px;
    }

    .cancelRegionModal .modal-dialog {
        width: 100%;
        max-width: 574px;
    }
    .cancelRegionModal .modal-body p{
        max-width: 100%;
    }
    .about-banner.paradise-case {
        margin: -15px 0px 15px;
        }

    li.nav-item.menu-gap.active {
        background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%) !important;
        color: #fff !important;
    }

    li.nav-item.menu-gap.active a{           
        color: #fff !important;
    }

    .gridViewC {
        padding: 0px 0px 0px 10px;
    }

    #rowviewselection #gridViewdiv .about-banner  {
        margin-top: 9px;
    }
    #rowviewselection #locationviewdiv .about-banner img {
    width: 100%;
    margin-top: 33px;
     }

    /* --------------------------------------------------------- */
                        /* Menu Responsive */
    /* --------------------------------------------------------- */

@media (max-width:1440px) {
    .outerPage.header .navbar-nav .nav-item a, .outerPage.header .navbar-nav .nav-item button, .outerPage.header ul.login-signup .nav-item button {
        font-size: 14px;
    }
    .outerPage.header {
        padding: 30px 30px;
    }
    .outerPage .header-links, .outerPage .book-demo-log {
        column-gap: 20px;
    }
}

@media (max-width:1366px) {
    .outerPage.header .navbar-nav .nav-item a, .outerPage.header .navbar-nav .nav-item button, .outerPage.header ul.login-signup .nav-item button {
        font-size: 12px;
    }
    .outerPage .get-started-inner {
        display: flex;
        align-items: self-start;
        column-gap: 6px;
    }
    .outerPage.header .navbar-nav .nav-item a {
        padding: 9px 16px;
    }
    .outerPage .source-low-impact {
        padding: 10px;
    }
    .outerPage .header-links, .outerPage .book-demo-log {
        column-gap: 12px;
    }
}
@media (max-width:1280px) {
    .outerPage.header .navbar-nav .nav-item a, .outerPage.header .navbar-nav .nav-item button, .outerPage.header ul.login-signup .nav-item button {
        font-size: 12px;
    }
    .outerPage .categorization h5 {
        font-size: 12px;
    }
    .outerPage.header .navbar-nav .nav-item a {
        padding: 9px 12px;
    }
    .outerPage.header .dropdown-menu {
        padding:0 15px;
    }
    .outerPage .exclusive-resource {
        padding: 15px 0;
    }
    /* .outerPage .book-demo-log {
        column-gap: 12px;
    } */
}
@media (max-width:1100px) {
    .outerPage.header {
        padding: 25px 30px;
    }
    .login {
        padding: 0 30px 15px 30px !important;
    }
    .outerPage .navbar-toggler-icon {
        background: url(../../img/outer_img/humburger-menu.svg) no-repeat center;
    }
    .outerPage.header .navbar-collapse .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        z-index: 99;
        padding:0;
    }
    .outerPage.header .navbar-collapse .navbar-nav .nav-item {
        width: 100%;
    }
    .outerPage.header .dropdown-menu, .outerPage.header .dropdown-menu.circular-div, .outerPage.header .dropdown-menu.resource-div {
        position: static;
        width: 100%;
        transform: translate(0, 0);
        box-shadow: none;

    }
    .outerPage.header .navbar-nav .nav-item a.nav-link {
        padding: 16px 12px;
        border-top:1px solid #D8C487 !important;
    }
    .outerPage.header .navbar-nav .nav-item:first-child a.nav-link {
        border-top:none !important;
    }
    .outerPage.header .nav-item.dropdown .nav-link::after {
        top: 18px;
        right: 8px;
    }
    .outerPage .exclusive-resource {
        padding: 0 0 15px 0;
    }
    .sign-content {
        padding-top: 52px;
        row-gap: 30px;
    }
    .sign-content-from {
        margin-bottom: 45px;
    }

}

/* @media only screen and (min-width: 1366px) and (max-width: 1024px) and (orientation: landscape) {

     .cricular-slider .generate-life-product-starter h2 {
        font-size: 23px;
    }
    .cricular-slider {
        height: 75vh;
    }
        .cricular-slider {
        background-size: auto 75%;
    }
        .esg-rating-data img {
        max-width: 245px;
    }
        .esg-rating-data {
        right: 0%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {


    .cricular-slider .generate-life-product-starter h2 {
        font-size: 23px;
    }
    .cricular-slider {
        height: 75vh;
    }
        .cricular-slider {
        background-size: auto 75%;
    }
        .esg-rating-data img {
        max-width: 245px;
    }
        .esg-rating-data {
        right: 0%;
    }
} */



@media (max-width:991px) {
    .outerPage.header {
        padding: 15px 20px;
    }
    .login {
        padding: 0 20px 15px 20px !important;
    }


  /*Mobile menu css start*/
  #mobileMenu {
    height: 80vh;
    overflow-y: auto;
    padding-bottom: 20px;
  }

  .menu-overflow {
    overflow-y: hidden;
  }

  .navbar-collapse.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background: #fff;
    z-index: 9999;
  }

  .join-ecosysem .navbar-collapse.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background: #162A26;
  }

  .mobile-navbar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mnh {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
  }

  .mobile-navbar .book-demo-log {
    flex-direction: column;
  }

  #mobileMenu .accordion-item .accordion-item {
    border: none;
    background: #F8FAFC;
  }

  #mobileMenu .accordion-item .accordion-item .accordion-button {
    background: #F8FAFC;
    color: #292524;
    font-weight: 450;
  }

  .join-ecosysem #mobileMenu .accordion-item .accordion-item .accordion-button {
    background: #132522;
    color: #ffffff;
    font-weight: 450;
    border-radius: 0px;
  }

  .join-ecosysem .mobile-navbar .accordion-button::after {
    content: "";
    background-size: 1.1rem;
    transition: transform .2s ease-in-out;
    position: absolute;
    right: 10px;
    background-image: ;
    filter: invert(1);
  }

  .bg-lights {
    background: #F8FAFC;
  }

  .join-ecosysem .bg-lights {
    background: #132522;
    color: #fff;
  }

  .join-ecosysem #mobileMenu .categorization h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
  }

  .join-ecosysem .categorization p {
    color: #F4FFF3;
  }

  .join-ecosysem #mobileMenu .accordion-item .accordion-item .accordion-body {
    background: #132522;

  }

  .join-ecosysem .lg-sp {
    border: 1px solid #be9440;
    background: none;
  }

  .join-ecosysem .lg-sp a {
    color: #fff;
  }

  .join-ecosysem .lg-sp a.sp-signup {
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #162A26;
  }

  .bookdmbtn {
    border: 1px solid #b7862b;
  }

  .join-ecosysem .cross-icon img {
    filter: invert(1);
  }

  .join-ecosysem .mnh span {
    color: #fff;
  }

  .join-ecosysem .mnh img {
    filter: invert(1);
  }

  .lg-sp {
    display: flex;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff),
      /* Inner background (button background) */
      linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: 0px;
    padding: 5px;
    /* height: 100%; */
    align-items: center;
    white-space: nowrap;
    flex-direction: row;
  }

  .lg-sp a {
    color: #292524;
    border: none;
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 15px;
    background: transparent;
    text-transform: uppercase;
    margin: 0;
    transition: 0.3s ease-in all;
    display: flex;
    align-items: center;
    flex-basis: 50%;
    text-align: center;
    justify-content: center;
  }

  .lg-sp a.sp-signup {
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #fff;
  }

  .bookdmbtn {
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff),
      /* Inner background (button background) */
      linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    margin: 0px;
    padding: 0px 0px;
    /* height: 100%; */
    align-items: center;
    white-space: nowrap;
    flex-direction: row;
    padding: 1px;
  }

  .bookdmbtn button {
    border: none;
    transition: 0.3s ease-in all;
    background: linear-gradient(99.09deg, #d8c487 2.64%, #b7862b 100%);
    color: #fff;
    font-weight: 420;
    font-size: 14px;
    line-height: 22px;
    padding: 11px 27px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .join-ecosysem .mobile-navbar .accordion-button {
    color: #fff;
    background-color: #162a26;
    box-shadow: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #be9440;
    border-image-source: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
  }

  .mobile-navbar .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .mobile-navbar .accordion-item:last-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .join-ecosysem .bookdmbtn {
    border: 1px solid #be9440;
    background: transparent;
  }

  .join-ecosysem .bookdmbtn button {
    border: 1px solid #be9440;

  }

  .join-ecosysem .accordion-item {
    background: transparent;
  }

  .join-ecosysem .mobile-navbar .accordion-button:not(.collapsed)::after {
    filter: brightness(100);
  }

  .mobile-navbar .accordion-item {
    border: 1px solid #B7862B;
  }

  .mobile-navbar .accordion-item:first-of-type {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .mobile-navbar .accordion-item:first-of-type .accordion-button {
    border: none;
  }

  .mobile-navbar .accordion-button:focus {
    box-shadow: none;
  }

  .mobile-navbar .accordion-button {
    color: #292524;
    background-color: #fff;
    box-shadow: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
  }

  .mobile-navbar .esg-anchor a {
    color: #292524;
    background-color: #fff;
    box-shadow: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1rem 1.25rem;
    display: flex;
    width: 100%;
  }

  .join-ecosysem .mobile-navbar .esg-anchor a {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 1rem 1.25rem;
    display: flex;
    width: 100%;
  }

  .mobile-navbar .accordion-button:not(.collapsed)::after {
    filter: brightness(0.2);
  }

  .mobile-navbar .accordion-button::after {
    content: "";
    background-size: 1.1rem;
    transition: transform .2s ease-in-out;
    position: absolute;
    right: 10px;
  }

  #mobileMenu .get-started-inner {
    padding: 0 0 15px 0;
    margin-bottom: 0;
    column-gap: 15px;
  }

  #mobileMenu .categorization h5 {
    font-size: 14px;
    text-transform: uppercase;

  }

  #mobileMenu .categorization p {
    min-height: inherit;
  }

  .acc-tagA {
    display: flex;

  }

  button.esg-about-desktop {
    display: none;
  }

  button.esg-about-tab {
    display: flex;
  }

  /*Mobile menu css end*/
}

@media (max-width: 767px) {
    .outerPage.header {
        padding: 10px 10px 10px !important;
    }
    .outerPage ul.bdr-remove {
        border: none !important;
        background: transparent !important;
        padding: 0px !important;
        display: none;
    }
    .outerPage.header .navbar {
        margin-bottom: 0px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 100%;
    }
    .login {
        padding: 0 !important;
    }
}

@media (max-width:568px) {
    .navbar-collapse.mobile-navbar {
        padding:15px;
    }
}