@font-face {
    font-family: 'Garamond Premiere Pro';
    src: url('../../fonts/GaramondPremrPro.woff2') format('woff2'),
        url('../../fonts/GaramondPremrPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-Black.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-BoldItalic.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-BlackItalic.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-Bold.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-Regular.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-RegularItalic.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-Light.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-MediumItalic.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-ThinItalic.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-Medium.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-Thin.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HvDTrial Brandon Grotesque';
    src: url('../../fonts/HvDTrial_BrandonGrotesque-LightItalic.woff2') format('woff2'),
        url('../../fonts/HvDTrial_BrandonGrotesque-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

.verifyPage .signupform .inner-login-from {
    padding: 30px 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.verifyPage .signupform h3 {
    text-align: center;
    line-height: 1.5;
    font-size: 24px;
    color: #616161;
}

.verifyPage .login-detailbtn button a {
    color: #a9841d;
    font-weight: 500;
    display: block;
    height: 100%;
    padding: 10px 0px;
}

.verifyPage .login-detailbtn button {
    padding: 0px 0px;
}

.verifyPage .login-detailbtn button a:hover {
    color: #fff;
}

.change-password {
    background: #F4FFF3;
    padding: 10px;
    display: flex;
    align-items: center;
}

.change-password p {
    color: #528A6F;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 13px 11px 17px 19px;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5)
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #8aaa91;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader {
    z-index: 1001
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #B07A25;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffffff;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

label.error {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    position: absolute;
    bottom: -12px;
    left: 0;
}
.userprofile-fixdata label.error {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    position: inherit;
    bottom: -12px;
    left: 0;
}

.inner-login-from input.error {
    border: 1px solid red !important;
}

.inner-login-from select.error {
    border: 1px solid red !important;
}

.inner-login-from .form-control,
.inner-login-from .form-select {
    border-top: 1px solid #E2E8F0 !important;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 0;
    padding: .375rem .75rem;
    color: #64748B;
}

.eye-icon {
    position: absolute;
    right: 17px;
    top: 50%;
}
.create-account p{
    padding-top: 5px;
}
.register-eye-icon {
    position: absolute;
    right: 10px;
    top: 38px;
}

.clearsearch {
    color: #CBAE5B;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0px 27px 6px;
    cursor: pointer;
}

.clearsearch:hover {
    color: #CBAE5B;
    /* Change color to black on hover */
}

.search-dashboard {
    flex-wrap: wrap;
}

.withoutProductMessage {
    background: url(../../img/frontend/without-product.png) no-repeat;
    background-size: 360px;
    height: 360px;
    width: 100%;
    background-position: center;
    position: relative;
}

.withoutProductMessageOpen {
    background: url(../../img/frontend/without-product-open-box.png) no-repeat;
    background-size: 360px;
    height: 360px;
    width: 100%;
    background-position: center;
    position: relative;
}

.without-message {
    position: absolute;
    width: 31%;
    top: 23%;
    left: 10%;
}

.without-message h3 {
    color: #1F2024;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 10px;
}

.without-message p {
    color: #3E4047;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
}

.without-message p span {
    color: #C29E40;
}

.without-productsearch h2 {
    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';
    padding: 0px 10px;
}

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

.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;
}
a.dashboardMaketplaceBtn {
    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;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.dashboardEmptyDiv{
    display: inline-block;
}

a.dashboardMaketplaceBtn img{
    margin-left: 7px;
}


.accept-condition .form-check {
    display: block !important;
    padding-left: 1.5rem !important;
    position: relative;

}
.accept-condition .form-check .form-check-input {
    float: left !important;
    margin-left: -1.5em !important;
}
.accept-condition input, .accept-condition input:focus {
        margin-bottom: 4px !important;
            background: #F5F5F4 !important;
            border: 2px solid #A8A29E !important;
            width: 20px !important;
            height: 20px !important;
            box-shadow: none !important;
}
.accept-condition .form-check label {
    padding-left: 8px;
    padding-bottom: 0 !important;
}
.accept-condition .form-check label.error {
    bottom: -14px;
    padding: 30px;
}
.accept-condition .form-check-input:checked[type=checkbox] {
    background-color: #BA902F !important;
    border-color: #BA902F !important;
}
.list-user-data ul li.active a{
    pointer-events: none;
}

.list-user-data ul li a {
    padding: 0px 10px;
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s all;
    color: rgba(4, 85, 68, 1);
}

.list-user-data ul li a:hover{
    background: rgba(4, 85, 68, 1);

    transition: 0.3s all;
    border-radius: 6px;
    padding: 0px 10px;
}
.list-user-data ul li:hover a{
    color: #fff;
}
.list-user-data ul li {
    padding: 0px 4px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222222;
    z-index: 1000
}

#loader-wrapper .loader-section.section-left {
    left: 0
}

#loader-wrapper .loader-section.section-right {
    right: 0
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.loaded {
    visibility: hidden
}

.iti__selected-country-primary {

    background: #a7bfac3d;

}

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

.supplier .form-check-input {
    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%);
}

.access-login .modal-header .btn-close {
    position: absolute;
    right: 13px;
    top: 25px;
    background: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.access-login .modal-header button.btn-close:focus{
    outline: none;
    box-shadow: none;
}
.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;
}
.access-login .modal-content{
    border: none;
}

.resetbutton .login-detailbtn {
    padding: 2px 0px 36px;
}

.inner-login-from h6 {
    margin-bottom: 12px;
}
.inner-login-from .form-group {
    padding: 3px 0px;
    margin-bottom: 10px;
    position: relative;
}
.resetform .login-detailbtn {
    padding: 2px 0px 36px;
    margin-top: 9px;
}
.iti {
    width: 100%;
}
.accept-condition .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.supplier .form-switch .form-check-input{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.mobile-blankimg {
    display: none;
}
.ccw-80 {
     width: 80%;
}

.int-button {
    position: relative !important;
    z-index: 1 !important;
}
.about-banner {
    width: 100% !important;
}
.rowviewicon{
    filter: invert(84%) sepia(8%) saturate(5%) hue-rotate(5deg) brightness(90%) contrast(90%);
}

.gridviewicon {
    filter: invert(40%) sepia(100%) saturate(300%) hue-rotate(-20deg) brightness(90%);
}
.locationviewicon {
    filter: invert(40%) sepia(100%) saturate(300%) hue-rotate(-20deg) brightness(90%);
}
#map { height: 600px; width: 100%; }
.leaflet-control-locate {
    background-color: white;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
}

.sortedby-lowtohigh {
    width: 300px;
    box-shadow: 0px 8px 32px 0px #0000000F;
    background: #fff;
    padding: 15px;
    position: absolute;
    top: 37px;
    right: 0;
    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;

}
.sortedby-lowtohigh ul li a {
    color: #292524;
    font-size: 14px;
    font-weight: 400;
    transition: 0.3s all;
    padding: 0px 0px 0px 9px;
    display: block;
}

.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;
}
.cric-icon{
    position: relative;
}


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

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

.cric-icon .product-search {
    margin: 0px 15px 0px;
}

.cric-icon .product-search {
    margin: 0px 15px 0px;
    width: 300px;
}

.cric-icon .product-search {
    margin: 0px 15px 0px;
    width: 570px;
    position: relative;
}

.input-container {
    position: relative;
    width: fit-content;
    /* Adjust as needed */
}

.input-container .form-control {
    padding-right: 40px;
    /* Add space for the image */
}

 .input-container img {
    filter: invert(1) brightness(14);
 }

.input-container .search-icon {
    position: absolute;
    right: 10px;
    /* Adjust as per your design */
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    /* Adjust size as needed */
    height: 20px;
    /* Adjust size as needed */
    pointer-events: none;
    /* Prevent the image from blocking input interaction */
}
.input-container {
    /* position: relative; */
    /* width: fit-content; */
    position: absolute;
    right: 0px;
    top: 0%;
    background: #ab7918;
    width: 50px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px 0px 0px 0px;
}

.filter-h {
    height: 400px;

}

.search-suggestionlist::-webkit-scrollbar {
    width: 12px;
     height: 12px;
}

.search-suggestionlist::-webkit-scrollbar-track {
    background: #BA902F;
    border-radius: 12px;
}

.search-suggestionlist::-webkit-scrollbar-thumb {
    background-color: #BA902F;
    border-radius: 6px;
}

.filter-h,
#suggestionsContainer {
    display: none;
    /* Initially hidden */
}


.filter-h.show,
#suggestionsContainer.show {
    display: block;
    /* Make it visible when required */
}
.no-suggestions{
    color: #fff;
    text-align: center;
}

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

.gridview {
    cursor: pointer;
}
.rowview{
        cursor: pointer;
}

.filter-label {
    display: inline-block;
    background-color: #e8f5e9;
    color: #2e7d32;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    font-size: 14px;
}

.searchpage .filter-by p{
    color: #ffffff;
    margin-left: 5px;
}

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

.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;
    width: 220px;
    overflow: hidden;
    text-overflow: clip;
}



.stocklist-drag button {
    background: rgba(5, 150, 105, 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;
    margin: 10px 0px;
}

.uploadCsvSuccessdiv {
    background: #D1FAE5;
    border: 2px solid #34D399;
}
.ins-gearden-img {
    margin-right: 0;
    width: 290px;
    /* height: 150px; */
    /* margin-bottom: 33px; */
}

.ins-gearden-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    background-position: center;
}

.search-input-container{
    cursor: pointer !important;
}

span.next {
    margin-right: 10px;
}

.disabled{
    pointer-events: none;
}

.filter-products {
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    width: 100%;
}

.gridview-product-img a {
    display: block;
    width: 100%;
}

.add-stocklistimg-date{
    height: 500px;
    overflow: auto;
}

.add-stocklistimg-date::-webkit-scrollbar {
    width: 12px;
     height: 12px;
}

.add-stocklistimg-date::-webkit-scrollbar-track {
    background: #BA902F;
    border-radius: 12px;
}

.add-stocklistimg-date::-webkit-scrollbar-thumb {
    background-color: #BA902F;
    border-radius: 6px;
}

.filter-funclity-fabric {
    display: flex;
    align-items: center;
    column-gap: 3px;
    width: 100%;
    max-width: 900px;
    margin: 19px 0px;
}

.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-funclity-fabric .me-lb a:hover{
    color: rgba(183, 134, 43, 1) !important;
}

.filter-funclity-fabric .me-lb a:hover img{
    filter: invert(50%) sepia(90%) saturate(700%) hue-rotate(10deg) brightness(90%) contrast(105%) !important;
}

.ab-content h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    color: #162A26;
    text-transform: uppercase;
}

.stcoklits-manully {
    display: flex;
    align-items: center;
   }

   .selectimageIcon{
    display: none;
   }

   .selectable-media.selected {
    border: 2px solid #34D399;
    opacity: 0.8;

  }
  .active-additional .selectimageIcon {
    display: block;
}
  .gallery-box.active-additional{
    position: relative;
  }
.gallery-box.active-additional i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #34D399;
}
.gallery-box.active-main{
    border: 2px solid #34D399;
    opacity: 0.8;
    position: relative;
}
.gallery-box.active-main i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #34D399;
    pointer-events: none;
}
.gallery-box.active-additional{
    border: 2px solid #34D399;
    opacity: 0.8;
}
.gallery-box.active-additional i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #34D399;
    pointer-events: none;
}

.select-exstingimg-data img {
    width: 61px;
    height: 50px;
    object-fit: cover;
}

.dz-default.dz-message:hover {
    color: inherit;
    opacity: 1;
}

.dz-default.dz-message a:hover img {
    filter: brightness(1);
}

.dz-default.dz-message a:hover {
    color: rgba(183, 134, 43, 1)
}

.dz-default.dz-message a:hover img {
    opacity: 1;
    visibility: visible;
    filter: none;
}

button#add-fiber-btn {
    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;
    border: 0px;
}

.fibre-image{
        margin-left: 7px;
            max-width: 24px;
}

button.remove-fiber-btn {
    border: none;
    background: no-repeat;
}

button.remove-fiber-btn {
    float: right;
}

.prdt-img img {
    border: 3px solid rgba(255, 255, 255, 1);
    width: 779px;
    height: 634px;
    object-fit: cover;
}
.new-prountproduct-img img {
    width: 100%;
    height: 75px;
    object-fit: fill !important;
}
.searchError {
    width: 100%;
    max-width: 705px;
    margin: 10px auto;
    background: #FEE2E2;
    padding: 10px 20px;
    border-radius: 10px;
    position: absolute;
    z-index: 99999;
    left: 50%;
    top: 90%;
    transform: translate(-38%, -50%);
}
.searchError p{
    margin-bottom: 0px;
    color: #0F172A;
    font-size: 12px;
}

.prod-img img {
    width: 100%;
    height: 222px;
    object-fit: cover;
}
.shopingIcon {
    margin-top: 0px;
    position: relative;
}
.shopingIcon a{
    display: flex;
}
.shopingIcon a span{
    position: absolute;
    background: #162A26;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 8px;
    font-weight: 420;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -12px;
    left: 14px;
    right: 100%;
}
.addproduct-list{
    justify-content: space-between;
}
.pr-price h2.product-amount{
    color: rgba(22, 42, 38, 1);
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 0px;
    padding-left: 0px;
    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: 60px;
}
.search-location{
    position: relative;
}
.choose-fabric .carousel-indicators {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: start;
    margin-left: 20px;
}
.choose-fabric .carousel-indicators button.active {
    border-radius: 100%;
    width: 4px;
    height: 4px;
    background: #C29E40;
}

.choose-fabric .carousel-indicators button{
   border-radius: 100%;
    width: 4px;
    height: 4px;
    background: #000;
    border: none;
}

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

.cluine-bru img {
    /* max-width: 24px; */
    border: 1.33px dashed rgba(214, 211, 209, 1);
    border-radius: 6px;
    height: 32px;
    width: 32px;
    object-fit: cover;
    max-width: inherit;
}


.color-picker {
    border: 1px solid #000;
}

.upload-stocktemp a img {
    height: inherit;
}
.orderlist-view.ov-hover .accept-condition .form-check input{
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #A8A29E !important;
    border-radius: 8px;
}

.basketorder-list .accept-condition input,
.accept-condition input {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #A8A29E !important;
    border-radius: 8px;
}
.gridlocationView p {
    font-size: 27px;
    margin-bottom: 0px;
    color: #000;
    white-space: nowrap;
}
#listviewdiv p {
    font-size: 27px;
    margin-bottom: 0px;
    color: #000;
    white-space: nowrap;
}
#gridViewdiv p {
    font-size: 27px;
    margin-bottom: 0px;
    color: #000;
    white-space: normal;
}

.prdt-img {
  position: relative;
  overflow: hidden; /* Ensures the zoomed part stays inside the container */
    height: 634px; /* Adjust height as needed */
  cursor: crosshair; /* Show crosshair cursor for zoom effect */
}

.prdt-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 634px;
  object-fit: cover;
  transition: transform 0.2s ease; /* Smooth transition to initial position */
  transform-origin: center center; /* Default transform origin */
}

.prdt-img:hover img {
  transform: scale(2); /* Zoom in */
}

.product-colour {
    width: 27px;
    height: 27px;
}
.setdeafult-checkbox .accept-condition input{
    width: 20px !important;
    height: 20px !important;
    border-width:1px !important;
}

.addnext-address a{
    color: #fff !important;
    cursor: pointer;
}

button.stck-ftr {
    background: rgba(183, 134, 43, 1);
    border-radius: 36px;
    padding: 11px 38px;
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: none;
}

.pr-cotton {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.product-modal label.error {
    color: red;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    position: inherit;
    bottom: inherit;
}

.addmaterial-cancel button.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;
}

.response-message{
    margin: 0px 17px;
}
.response-message-address{
    margin: 0px 17px;
}
.product-form .error {
    position: inherit;
}

.product-form .image-preview-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
}
.product-form .image-preview {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-form  .image-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-form  .remove-btn {
position: absolute;
top: 0px;
right: 0px;
background: #1615157a;
color: white;
border: none;
cursor: pointer;
padding: 2px 7px;
font-size: 10px;
border-radius: 50%;
}

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

.slider-container input[type="range"]::-webkit-slider-runnable-track {
    height: 8px;
    background: transparent;
    border-radius: 5px;
}

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

.slider-container input[type="range"]:focus::-webkit-slider-runnable-track {
    background: transparent;
}

.alert {
    position: relative;
    padding: 0.5rem 0.5rem !important;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 15px !important;
}
.edit-tab {
    cursor: pointer;
}

.add-lpty .dashed-border {
    width: 100%;
    margin: 0px 0px 8px 0px;
    border: 1px dashed #D6D3D1;
    color: #7E7E7E;
}

.contactus-getintouch h1 {
    color: #1C1917;
    font-weight: 450;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 41px 0px;
    text-transform: uppercase;
}

.contactus-getintouch h1 span {
    color: #B7862B;
}

.contat-form {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.callto-us {
    width: 47%;
    padding: 23px 0px;
}

.callto-us h6 {
    color: #045544;
    font-weight: 450;
    line-height: 31px;
    font-size: 20px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.callto-us p {
    color: #1C1917;
    font-weight: 390;
    line-height: 31px;
    font-size: 16px;
    margin-bottom: 26px;
}


.callto-us a {
    background: #1C1917;
    border-radius: 36px;
    padding: 6px 43px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 17px;
    text-transform: uppercase;
    color: #FAFAF9;
}


.world-tllfree p {
    color: #1C1917;
    font-weight: 390;
    line-height: 31px;
    font-size: 16px;
    margin-bottom: 0px;
}

.world-tllfree a {
    background: none;
    color: #407B5F;
    text-align: start;
    display: contents;
    /* width: 100%; */
}


.how-canassist {
    padding: 23px 0px;
}

.how-canassist h6 {
    color: #162A26;
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: 450;
    line-height: 26px;
    text-transform: uppercase;
}

.how-canassist p {
    color: #162A26;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 390;
    line-height: 22px;
}


.contact-popup .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: solid 1px #E2E8F0;
    padding: 23px 30px;
}

.contact-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;
}

.contact-popup .modal-header h2 {
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
}

.contact-popup .modal-body {
    margin: 0px 30px;
    padding: 0px;
}

.contact-popup .modal-dialog {
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
}

.contact-popup a.stck-ftr {
    background: none;
    border: solid 1px #BA902F;
    color: #B7862B;
    text-transform: uppercase;
}

.contact-popup .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: 160px;
}

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

.contact-popup .pty-details {
    margin-bottom: 23px;
}

span.error {
    font-size: 12px;
    color: red;
}

#filePreview {
    margin-top: 10px;
}

#fileName {
    margin-bottom: 5px;
    font-size: 12px;
    color: #555;
}

#imagePreview {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    height: 50px;
    width: 50px;
}

.contact-image-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
 }



/*FAQ CSS */

.faq .pty-details {
    border: solid 1px transparent;
    padding: 0;
}





.faq .pty-details .accordion {
    width: 100%;
    overflow: hidden;
    height: 500px;
    overflow: auto;
    padding: 0px 10px;
}

.faq .pty-details .accordion::-webkit-scrollbar {
    width: 8px;
    height: 18px;
}

.faq .pty-details .accordion::-webkit-scrollbar-track {
    background: #BA902F;
    border-radius: 12px;
}

.faq .pty-details .accordion::-webkit-scrollbar-thumb {
    background-color: #BA902F;
    border-radius: 12px;
}



.faq .pty-details .accordion::-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 */
.faq .pty-details .accordion::-webkit-scrollbar-track {
    background-color: #c1c1c1;
    /* Light gray background */
    border-radius: 12px;
}

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












.faq .pty-details .accordion-item {
    border: 1px solid #E7E5E4;
    margin-bottom: 17px;
    border-radius: 0px;
    position: relative;
}

/*.faq .pty-details .accordion-item:last-child {
    border-bottom: none;
}
*/
.faq .pty-details .accordion-item:not(:first-of-type) {
    border-top: solid 1px #ddd;
}

.faq .pty-details .accordion-header {
    display: flex;
    justify-content: start;
    align-items: center;
    background: #fff;
    padding: 25px 20px;
    font-size: 14px;
    font-weight: 420;
    color: #1C1917;
    cursor: pointer;
    transition: 0.3s all;
    position: relative;
    line-height: 20px;
    column-gap: 38px;
}

.faq .pty-details .accordion-header:hover {
    background: #f1f1f1;
}

.faq .pty-details .accordion-item input[type="checkbox"] {
    display: none;
}

.faq .pty-details .accordion-item input[type="checkbox"]:checked~.accordion-content {
    max-height: 150px;
    padding: 10px 40px 10px 80px;
}

.faq .pty-details .accordion-item input[type="checkbox"]:checked+.accordion-header {
    color: #1C1917;
    background: #f9f9f9;
}

.faq .pty-details .arrow {
    width: 12px;
    height: 13px;
    border: solid #44403C;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.faq .pty-details .accordion-header:hover {
    background: #fff;
}

.faq .pty-details .accordion-item input[type="checkbox"]:checked+.accordion-header .arrow {
    transform: rotate(-135deg);
}

.faq .pty-details .accordion-item:hover {
    box-shadow: 0px 4px 10px 0px #0000001A;
    border-color: #D8C487;
}

.cht-box {
    display: flex;
    align-items: center;
}



.faq .pty-details .accordion-item {
    position: relative;
    margin-bottom: 17px;
    border: 1px solid #E7E5E4;
    border-radius: 0px;
    overflow: hidden;
}

.faq .pty-details .accordion-header {
    display: flex;
    align-items: center;
    padding: 25px 20px;
    font-size: 15px;
    font-weight: 420;
    color: #1C1917;
    cursor: pointer;
    background: #fff;
    position: relative;
}

.faq .pty-details .accordion-header .arrow {
    width: 10px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    margin-right: 10px; /* Position it to the left of the question */
    transition: transform 0.3s ease;
}

.faq .pty-details .accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0px 40px 0px 80px;
    background: #fafafa;
    font-size: 14px;
    color: #555;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq .pty-details .accordion-item input[type="checkbox"] {
    display: none;
}



.faq .pty-details .accordion-item input[type="checkbox"]:checked ~ .accordion-header .arrow {
    transform: rotate(-135deg);
}

.faq .pty-details .golden-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    background-color: #d4af37; /* Golden color */
    transition: height 0.3s ease;
}

.faq .pty-details .accordion-item input[type="checkbox"]:checked ~ .golden-line {
    height: 100%; /* Expands to the height of the accordion item */
}

.faq .pty-details .accordion-item:after {
    position: absolute;
    content: "";
    background: #D8C487;
    width: 1px;
    height: calc(100% - 30px);
    top: 15px;
    left: 63px;
    bottom: 0px;
}


.faq .pty-details .accordion-item.active-line:after {
    position: absolute;
    content: "";
    background: #D8C487;
    width: 1px;
    height: 100%;
    top: 0px;
    left: 63px;
    bottom: 0px;
}


.inner-login-from .accept-condition input{
    background: #F5F5F4;
        border: 2px solid #A8A29E;
        width: 20px !important;
        height: 20px !important;
}
.inner-login-from .accept-condition input,
.inner-login-from .accept-condition input:focus {
    margin-bottom: 4px;
    background: #F5F5F4;
    border: 2px solid #A8A29E;
    width: 20px !important;
    height: 20px !important;
    box-shadow: none;
}

.iti.iti--allow-dropdown.iti--show-flags.phoneClass.iti--inline-dropdown label#phone-error, #edit-country-error, #country-error {
    position: absolute !important;
    /* top: 44px !important; */
}

.iti.iti--allow-dropdown.iti--show-flags.phoneClass.iti--inline-dropdown label#phone11-error {
    position: absolute !important;
    /* top: 44px !important; */
}

.iti.iti--allow-dropdown.iti--show-flags.phoneClass.iti--inline-dropdown label#phone1111-error {
    position: absolute !important;
    /* top: 44px !important; */
}

.iti.iti--allow-dropdown.iti--show-flags.phoneClass.iti--inline-dropdown {
    position: relative !important;
}

.outer-content-register {
    overflow-y: scroll;
    max-height: 600px;

    /* Scrollbar Styling */
    scrollbar-width: thin;
    border-radius: 50px;
    /* For Firefox */
    scrollbar-color: #BA902F transparent;
    /* For Firefox */
}



.outer-content-register::-webkit-scrollbar-thumb {
    background-color: #BA902F;
    /* Scrollbar color */
    border-radius: 10px;
    width: 5px;
    /* Rounded edges */
}

.outer-content-register::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
    /* Background of the track */
}

.outer-content-register::-webkit-scrollbar-thumb {
    background-color: #BA902F;
    border-radius: 6px;
    border: 3px solid #f4f4f4;
}

.pricing-plan.free-plan p br {
    display: none;
}

tr.requestDetail {
    cursor: pointer;
}

select#offerMaterial {
    cursor: pointer;
}
select#edit-country {
    cursor: pointer;
}

/* google map marker *****/

.gm-style-iw-chr {
    position: absolute !important;
    right: -8px !important;
    top: -8px !important;
}
    .info-window-marker {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    width: 200px;
    }
.product {
    cursor: grab;
}

.product:active {
    cursor: grabbing;
}

.product.dragging {
    opacity: 0.5;
    /* Make the product semi-transparent while dragging */
    border: 2px dashed #FF5733;
    /* Add a border to make the dragged item stand out */
    background-color: rgba(255, 87, 51, 0.1);
    /* Optional: add a background color for clarity */
    transition: opacity 0.3s ease, border 0.3s ease, background-color 0.3s ease;
}

.addnew-address .orderplace-heading img {
    width: 24px;
    height: 24px;
    border: none;
    margin-right: 10px;
    cursor: pointer;
}

.confirm-orderlist.chrloc-brand {
    margin-left: 0px;
}
.info-window-section {
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px 5px !important;
    padding-bottom: 5px;
    padding-top: 10px;
}

.info-window-label {
    font-weight: normal;
    margin-bottom: 5px;
    color: #445D40;
    font-family: 'Garamond Premiere Pro';
}

.info-window-value {
    margin: 0;
    color: #162A26;
    font-size: 14px;
    font-family: 'Brandon Grotesque';

}

.info-window-marker p {
    margin: 0;
}
.byerOrderDetails .details-pro {
    margin: 10px 0px 10px 69px;
}

.add-orderdataadd .pr-cotton {
    width: 20%;
}

.latestplan-data h2 {
    color: #FFFFFF;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 6px 0px;
}

.latestplan-data h2 img{
    max-width: 24px;
}

.change-cricular span{
    color: #C29E40;
    font-size: 16px;
    font-weight: 500;
}
.change-cricular span  a{
    color: #C29E40;
}

.supplierproduct {
    background: #FAFAF9;
    padding: 60px;
}

.declined-btn{
    background: #ee0c0c;
    border-radius: 36px;
    padding: 9px 21px;
    color: #fff !important;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    margin-right: 5px;
}


.pord-potyuy {
    /* height: 300px; */
    height: auto;
    overflow: auto;
}

.pord-potyuy::-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 */
.pord-potyuy::-webkit-scrollbar-track {
    background-color: #c1c1c1;
    /* Light gray background */
    border-radius: 12px;
}

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

a.declineAllItems {
    color: #292524;
}

.saveDetailsbutton.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

.favouritesC .orderlist-view{
    justify-content: space-between;
}

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

.favouritesC .orderlist-view .accept-condition .form-check{
    padding-right: 0px;
    padding-left: 0px !important;
}

.favouritesC .orderlist-view .product-image h6{
    color: #047857;
}

.favrate-product span{
    color: #162A26;
    font-size: 16px;
    font-weight: 390;
    line-height: 23px;
    white-space: nowrap;
}

.favorties-heading{
    padding: 12px 0px;
}

.favorties-heading p{
    color: #162A26;
    font-size: 20px;
    font-weight: 420;
    margin-bottom: 0px;
    line-height: 20px;
    padding: 10px 0px;
}

.order-information.favouritesC{
    padding: 15px 0px;
}

.backlist-icon {
    cursor: pointer;
}

.clickable {
    cursor: pointer;
    display: flex;
    align-items: center;
    /* Add some spacing between image and text */
}

.edit-tab h6 {
    color: #047857;
    font-weight: 450;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-left: 2px;
}

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


.added-cart p {
    margin-bottom: 13px;
    color: #000;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}

.add-productbasket .offcanvas {
    z-index: 888888;
}

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

button.addConfirmDate {
	border-radius: 36px;

	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	padding: 11px 0px 11px 0px;
    width: 40%;
	display: block;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	border: none;
}

.hedddingpop {
    padding: 0px 10px;
}

.hedddingpop h2{
    color: rgba(22, 42, 38, 1);
    font-size: 18px;
    font-weight: 450;
    line-height: 26px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.add-addresspopu .userpersonal-changepassword {
    max-width: 630px;
}

.gvp-text .product-price {
    width: 38%;
}

/***28-01-2025****/
button.savechanges {
    background: none;
    border: solid 1px #BA902F;
    color: #B7862B;
    text-transform: uppercase;
    padding: 14px 33px;
    border-radius: 36px;
}


.login-inner .log-access p {
    font-size: 18px;
}

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

.for-mobilefav {
    display: flex;
}

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

.ghtyu-gu.active {
    border: solid 1px #045544;
}




.minus:hover {
    background-color: rgba(82, 138, 111, 1);
    color: white;
}

.plus:hover {
    background-color:rgba(82, 138, 111, 1);
    color: white;
}

.supplier-products .lp-col {
    flex-basis: calc(17% - 13px);
}

.supplier-product-box{
    width: 100%;
}

div#replacePhoto {
    cursor: pointer;
}



.add-stocklistimg-date {
    overflow: auto;
}

.add-stocklistimg-date::-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 */
.add-stocklistimg-date::-webkit-scrollbar-track {
    background-color: #c1c1c1;
    /* Light gray background */
    border-radius: 12px;
}

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

.new-row-gap{
    margin-bottom: 53px;
}

.gallery-box-subtitle.gallery-box-image-name {
    flex-direction: column;
}

.gallery-box-subtitle.gallery-box-image-name p {
    background: rgba(22, 42, 38, 1);
    text-align: center;
    color: #fff;
    padding: 1px 10px;
    margin-bottom: 0px;
    font-size: 13px;
    margin: -1px 3px;
}

.gallery-box-subtitle p {
    background: rgba(22, 42, 38, 1);
    text-align: center;
    color: #fff;
    padding: 1px 10px;
    margin-bottom: 0px;
    font-size: 13px;
    margin: -1px 3px;
}

.filtring-dategallery .gallery-box-subtitle {
    flex-direction: column;
}
.filtring-dategallery .gallery-box-subtitle video{
    height: 160px;
    width: 192px;
    margin: 3px 2px;
}
a.showToggle.down-tem {
    cursor: pointer;
}

.add-stocklistimg .gallery-box-subtitle img {
    border: 3px solid rgba(255, 255, 255, 1);
    height: 82px;
    object-fit: inherit;
    /* width: 112px; */
}
.fab-slider-percn {
    display: flex;
    align-items: center;
}
.fab-slider-percn .slider-container{
    width: 90%;
}

.fabric-valueprint input{
        color: rgba(148, 163, 184, 1);
        background: rgba(241, 245, 249, 1);
        height: 36px;
        width: 58px;
        padding-left: 6px;
}

.fabric-valueprint input:focus{
    outline: none;
}

.fab-slider-percn .slider-wrapper{
    width: 83%;
}
.remove-btn-class {
    display: flex;
    align-items: center;
    width: 100%;
}
.remove-btn-class .appearnc-arrow{
    width: 100%;
}
.fabric-increase-btn {
    text-align: start;
    /* display: block; */
    display: flex;
    justify-content: start;
    align-items: self-start;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 58px;
}


.fiber-section label {
    color: #000 !important;
}

.product-information .upld-file {
    border: 2.47px dashed rgba(168, 162, 158, 1);
}

.fabric-type select{
    border: 1px solid rgba(226, 232, 240, 1) !important;
}
#fiber_1-error{
    color: red !important;
}

.request-label h2{
    text-align: center;
    color: #4C6967;
    font-weight: 500;
    font-size: 24px;
    padding: 27px 0px;
    text-transform: uppercase;
}

.supplier{
    margin-bottom: 25px;
}

.error-message {
    font-size: 12px;
}

.userpersonal-changepassword .me-lb a{
    margin-left: 0px;
    margin-top: 10px;
}
img.img-fluid.img-next-btn {
    margin-left: 6px;
}

.gallery-box video{
    height: 160px;
}

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

.select-additonal h6{
    margin-bottom: 10px;
    color: #BA902F;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
}

.additonalselect-img{
    border-radius: 6px;
    border: solid 1px #BA902F;
}

.select-exstingimg{
    border-radius: 6px;
}

.addtional-fecatures h6{
    margin-bottom: 10px;
        color: #78716C;
        font-size: 14px;
        line-height: 19px;
        text-transform: uppercase;
}

.add-stocklistimg{
    height: auto;
}

.select-exstingimg-data video {
    width: 61px;
    height: 50px;
}

.pricing-change p {
    cursor: pointer;
}

.gallery-box-subtitle {
    position: relative;
}

.gallery-box-subtitle a {
    position: absolute;
    right: 9px;
    background: #cb2727;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    color: #fff;
    font-size: 12px;
    top: 9px;
}

.attach-file .dz-default.dz-message{
display: flex;
align-items: center;
column-gap: 23px;
}

p.request-image-error {
    color: red !important;
    margin-left: 15px !important;
}

a.stck-ftr.add-stock-btn {
    background: #be9e37;
    color: #fff;
}

a.stck-ftr.add-stock-btn {
    background: #be9e37;
    color: #fff;
    padding: 10px 26px;
}
/* .pricing-plan{
    height: 86%;
} */
/* .pricing-plan.free-plan.tyhuij a{
    background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
    border: none;
    color: #fff;
} */

a.subscribeBtnall{
    background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
        border: none;
        color: #fff;
}
a.buyerAcc{
    background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
        border: none;
        color: #fff;
}

.annual-weekdata.supplierpln-subscrption .supplier {
    display: flex;
    justify-content: end;
    align-items: center;
    border: none;
    padding: 0px 0px;
}

.annual-weekdata.supplierpln-subscrption {
    width: 100%;
    max-width: 97%;
}
.addednew-plans .toggle-container{
    padding: 0px 0px;
}

.add-new-address a{
    font-weight: 420;
        margin-bottom: 17px;
        text-transform: uppercase;
        font-size: 16px;
        color: #047857 !important;
        line-height: 23px;
        display: flex;
        align-items: center;
}

.contact-withoutlogin .product-searchpage {
    padding: 0px 30px 0px 147px;
}

.out-of-stock{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8);
    color: red;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;

}
span.out-stock {
    color: red !important;
}

.out-of-stock {
    background: #fff;
    border: solid 2px #1E293B;
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.out-of-stock h2{
    color: #1E293B;
    font-size: 16px;
    font-weight: 450;
    line-height: 20px;
    margin-bottom: 0px;
}

.out-of-stock h6 {
    color: #047857;
    font-size: 16px;
    font-weight: 450;
    line-height: 20px;
    margin-bottom: 0px;
}

.white-btn:disabled {
    background-color: #f1f5f9;
    /* Change the background color */
    color: #94A3B8;
    /* Change the text color */
    cursor: not-allowed;
    border: none;
    /* Make the cursor indicate the button is disabled */
    opacity: 0.6;
    /* Optional: Make it appear more faded */
}


.replace-ph {
    cursor: pointer;
}
.replace-ph{
    cursor: pointer;
}
  .welcme-procurebanner h1 {
    color: #131820;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-family: 'HvDTrial Brandon Grotesque';
}

.welcme-procurebanner h6{
    color: rgba(19, 24, 32, 1);
    font-size: 20px;
    font-weight: 390;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'HvDTrial Brandon Grotesque';
}
.welcme-procurebanner p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    font-family: 'HvDTrial Brandon Grotesque';
}
.materialcheck-box{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.materialcheck-box h6{
    color: rgba(45, 106, 77, 1);
    font-size: 14px;
    font-weight: 450;
    margin-bottom: 0px;
    line-height: 20px;
}

.trap-vehicle img {
    width: 36px;
    height: 36px;
}

.confirm-orderlist.track-sumry {
    margin: 10px 0px 0px 69px;
}

#confirmedOrdersListBody .track-vehcicle1 h6 {
    color: #B7862B;
}
#confirmedOrdersListBody .track-vehcicle1 img{
    filter: inherit;
}
.prdt-img span {
    position: absolute;
    right: 9px;
    top: 6px;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    z-index: 99;
}

.feature-cricular .feature h6 {
    text-transform: uppercase;
}

.feature-cricular {
    padding: 10px 12px;
}


.accelator-new-again{
    padding: 44px 25px;
    height: 100%;
}

a.subscribeBtnNew {
    background: linear-gradient(99.09deg, #D8C487 2.64%, #B7862B 100%);
    border: none;
    color: #fff;
}

.inner-gridViewdiv{
    width: calc(100% - 227px);
}

.supplierInv{
    justify-content: end;
}
.items-perpage {
    display: flex;
    justify-content: end;
    column-gap: 15px;
    margin-top: -48px;
    margin-bottom: 26px;
}
strong {
    font-weight: 500;
}

.sample{
    z-index: 9999;
    padding: 30px 46px;
}


.items-perpage {
    display: flex;
    justify-content: end;
    column-gap: 15px;
    margin-top: -21px;
    margin-bottom: 23px;
}

strong {
    font-weight: 500;
}

.sample {
    z-index: 9999;
    padding: 30px 46px;
}


.items-perpage p {
    margin-bottom: 0px;
    color: #525252;
    font-size: 14px;
    font-weight: 390;
}

.items-perpage label {
    margin-bottom: 0px;
    color: #525252;
    font-size: 14px;
    font-weight: 420;
}

.items-perpage select {
    border: none;
}

.items-perpage select:focus {
    border: none;
}
.undeliverd table td{
    font-weight: normal;
}

.confirm-order-golden h6{
    color:#B7862B !important;
}

.confirm-order-golden img {
    filter : none;
}

.no-product-search{
    font-size: 24px;
    margin-top: 40px;
}

.price.search-price-accordion {
    margin-left: 40px;
}

.final-text-order{
    margin-top: 40px;
}

#clearFilterSearch{
    cursor: pointer;
}
a.show-more {
    color: #CBAE5B;
}

a.show-less {
    color: #CBAE5B;
}
.allRangeView span{
    color: #fff !important;
}

.status-product a {
    background: #E0EEDF;
    padding: 3px 14px;
    border-radius: 24px;
    color: #065F46;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 450;
    line-height: 18px;
}

.buyer-circular-marketplace .lp-col{
    flex-basis: 19.4%;
}

#offerForm label.error {
    position: relative;
}

.offer-boxdry .me-lb button {
    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;
}

.offerStatusMessage {
	padding: 10px;
	margin-top: 5px;
}

.product-search-date{
    display: flex;
    column-gap: 20px;
    max-width: 80%;
}
input.orde-search {
    min-width: 500px;
}


/* .cal-order{
    border : 1px solid #ced4da;
} */

span.input-group-text {
    border-radius: 0px;
    border-top: 0px;
    border-bottom: 0px;
}
.add-supplier-invoice button {
    background: rgba(5, 150, 105, 1);
    border-radius: 36px;
    border: none;
    padding: 10px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
}
.add-supplier-invoice{    
    padding: 10px 36px; 
    height: 100%;
    border: none;   
}

button.cancel-upload {
    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;
}
.invoice-error{
    color: red;
}


.success-invoice {
    color: #047857 !important;
}

input#confDate {
    border: none;
    border-radius: 0px;
}

button#deleveryConSub {
    color: #64748B;
    background: #E2E8F0;
}

.d-picker-form h6 {
    margin-top: 20px;
}

.invoice-download-pdf {
    font-size: 14px;
    color: #292524;
    line-height: 22px;
    font-weight: 420;
    text-transform: uppercase;
}

a.cancel {
    cursor: pointer;
}
.offer-boxdry label.error {
    color: red;
    font-size: 12px;
    /* margin: 0; */
    /* padding: 0; */
    line-height: 1.2;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.offer-main.gtyh {
    min-height: 156px;
}
.verficationtext h3 {
    font-size: 20px !important;
    padding: 0px 60px;
    margin-bottom: 28px;
}

h3.img-fluid.edit-address.change-address {
    cursor: pointer;
}

h6.favoriteProduct {
    cursor: pointer;
}

.declineCase{
    background:rgba(245, 245, 244, 1);
    border:solid 1px rgba(214, 211, 209, 1);
 }

 .me-lb.upload-jpgimage {
    flex-direction: column;
    justify-content: start;
    align-items: self-start;
}
#image-preview-container video {
    width: 100%;
    height: 100%;
}
.deat-tb .thumbnail {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.deat-tb .thumbnail img{
   height:75px;
}

.prdt-img video{
  height:100%;
}

.select2-container--default .select2-selection--single {
    background-color: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 0px !important;
    height: 38px !important;
    display: flex !important
;
    align-items: center !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}
.select2-container--default .select2-selection--single {
    border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px !important;
    right: 1px;
    width: 20px;
}

.declined-btn-mangement {
    border-radius: 36px;
    color: #fff !important;
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    margin-right: 5px;
}

/* Responsive css */

@media (max-width: 2575px){
    .supplier-products .lp-col {
        flex-basis: calc(17% - 15px);
    }
}

@media (max-width: 2400px){
    .supplier-products .lp-col {
        flex-basis: calc(17% - 15px);
    }
}

@media (max-width: 2370px){
    .supplier-products .lp-col {
        flex-basis: calc(17% - 15px);
    }
}


@media(max-width:1920px){
    .supplier-products .lp-col {
        flex-basis: calc(17% - 13px);
    }
}




@media (max-width: 2575px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(17% - 15px);
    }
}

@media (max-width: 2400px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
}

@media (max-width: 2370px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
}

@media(max-width:1920px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(17% - 13px);
    }
}



@media(max-width:1758px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
}

@media(max-width:1744px) {
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
}

@media(max-width:1660px){
    .supplier-products .lp-col {
            flex-basis: calc(17% - 12px);
        }
}

@media (max-width:1600px) {
    .withoutProductMessage, .withoutProductMessageOpen {
            background-position: center right;
    }

    .without-message {
        width: 40%;
    }
}

@media (min-width: 1587px) and (max-width: 1601px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: 19.2%;
    }
}


@media(max-width:1587px){
.buyer-circular-marketplace .lp-col {
    flex-basis: 19.2%;
}
}
@media(max-width:1586px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
    #gridViewdiv p{
        font-size: 20px;
    }
     
}


@media (min-width: 1559px) and (max-width: 1573px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: 19.1%;
    }
}


@media(max-width:1460px){
      .offer-main.gtyh {
    min-height: 184px;
     }
    #gridViewdiv p{
    font-size: 18px;
    }
}

@media(max-width:1458px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
}

@media(max-width:1440px){
    .cn-product .pr-cotton{
        width: 24%;
    }
    .supplier-products .lp-col {
        flex-basis: calc(17% - 11px);
    }
}
 @media(max-width:1440px){
    /* .buyer-orderma .confirm-orderlist.chrloc-brand .brand-name,
        .confirm-orderlist.chrloc-brand .cn-product{
            width: 42%;
        } */
            .buyer-orderma .cn-product .pr-cotton {
                    width: 38%;}
                    #gridViewdiv p {
                        font-size: 15px;
                        margin-bottom: 0px;
                        color: #000;
                        white-space: normal;
                    }          
                }
                @media(max-width:1424px){
              

                .supplier-products .lp-col {
                    flex-basis: calc(17% - -25px);
                }

                .buyer-circular-marketplace .prod-img img {
                    width: 100%;
                    height: 160px;
                    object-fit: cover;
                }

            }

    @media(max-width:1394px){
        .buyer-circular-marketplace .lp-col {
            flex-basis: calc(20% - 8px);
        }
        .supplier-products .lp-col {
            flex-basis: calc(17% - -24px);
        }

    }   
    
    


@media (max-width:1366px) {
    .ab-content h1{
        font-size: 14px;
    }
    .gridlocationView p{
        font-size: 14px;
    }
    .ab-content a{
        padding: 6px 19px;
        font-size: 14px;
    }
    .without-message h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .gvp-text .product-price {
        width: 56%;
    }
        .callto-us p {
            min-height: 94px;
        }
    .new-prountproduct-content {
        width: 80%;
    }

    .new-prountproduct-img {
        flex-basis: 20%;
    }
    .cn-product .pr-cotton{
        width: 24%;
    }
    .order-btn{
        column-gap: 5px;
       }
       .white-btn{
        padding: 8px 15px 8px 15px;
       }
       .favouritesC .orderlist-view {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
        .supplier-products .lp-col {
            /* flex-basis: 24%; */
            flex-basis: calc(25% - 8px);
        }
   .out-of-stock{
    width: 300px;
   }
   .buyer-circular-marketplace .lp-col {
    flex-basis: calc(20% - 8px);
   }
   .world-tllfree.sust-contactdata p {
    min-height: 22px;
    }
    .fulfilled-btn a{
        padding: 2px 11px;
    }
    .system-fabcd .pr-cotton {
        width: 100% !important;
    }
    .natural-dye .pr-cotton {
        width: 100% !important;
    }
    .natural-dye .pr-cotton p {
        font-size: 16px;
    }
    .contact-withoutlogin .product-searchpage {
        padding: 0px 0px 0px 122px;
    }
    .roduct-price-kg h6{
        font-size: 12px;
    }
  
   
}

@media(max-width:1310px){
    .buyer-circular-marketplace .lp-col {
        flex-basis: calc(20% - 8px);
    }
    .buyer-circular-marketplace .product-content{
        padding: 15px 0px 15px;
    }
     
}


@media(max-width:1306px){

    .buyer-circular-marketplace .product-content{
        padding: 15px 0px 15px;
    }
    .buyer-circular-marketplace .product-price{
        padding: 15px 0px 15px;
    }
     
}

@media(max-width:1280px){
    .callto-us p {
        min-height: 50px;
    }
    #listviewdiv p{
        font-size: 23px;
    }
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(33% - 6px);
    }
        .product-search-date {
            max-width: 90%;
        }
    
        input.orde-search {
            min-width: 400px;
        }
}

@media(max-width:1200px){
    .buyer-circular-marketplace .lp-col {
            flex-basis: 32.2%;
        }
   .offer-main.gtyh {
        min-height: 204px;
    }
               
      
}

@media (max-width:1179px) {
    .without-message {
        width: 50%;
        left: 0;
    }
        .ccw-80 {
            width: 100%;
        }
    .new-prountproduct-content {
            width: 80%;
        }
    .new-prountproduct-img {
        flex-basis: 20%;
      }
      .produc-type select{
        padding: 6px 8px;
        font-size: 12px;
    }
    .appearnc-arrow:after{
       background-size: 20px;
               right: 5px;
    }
    .filter-dataid{
        column-gap: 7px;
    }
    .filter-fabric-suppp.filter-dataid {
        column-gap: 7px;
        flex-basis: 32%;
    }

    .produc-type input{
        font-size: 12px;
    }
    .supplierproduct{
        background: none;
    }
    .order-btn{
        column-gap: 5px;
       }
       .white-btn{
        padding: 8px 15px 8px 15px;
       }
       .insipration-content {
        background: rgba(250, 250, 249, 1);
        padding: 35px 35px;
    }
    .orderlist-view .product-image img{
        width: 50px;
        height: 50px;
    }
    .orderlist-view .practice-plus-minus{
        margin: 0px 15px;
    }
    .write-trackingdetails{
        flex-direction: column;
        justify-content: start;
    }
    .trap-vehicle{
        margin-bottom: 10px;
        width: 100%;
    }
    .productpick-date{
        width: 100%;
    }
        /* .supplier-products .lp-col {
            flex-basis: 32%;
        } */
    .offer-main.gtyh {
        min-height: 188px;
    }
        #gridViewdiv p{
            font-size: 12px;
        }
        .contact-withoutlogin .product-searchpage {
            padding: 0px 12px;
        }
                        .out-of-stock {
                            width: 250px;
                            /* margin: 0px 30px; */
                        }
}

@media (max-width:1100px){
    .buyer-circular-marketplace .lp-col {
            flex-basis: 31.9%;
        }
}

@media(max-width:1024px){
    .prdt-img img {
            object-fit: fill;
        }
    .supplier-products .lp-col {
                      flex-basis: 32%;
     }
     .trap-vehicle img {
        width: 20px;
        height: 20px;
    }
    .trap-vehicle img {
        width: 23px;
        height: 23px;
    }
    .trap-vehicle{
        column-gap: 6px;
    }
    .expery-datatruck .trackcsvorder a {
        padding: 5px 11px;
    }
    .confirm-orderlist.details-pro.cous-sippingdata {
        margin: 0px 0px 8px 17px;
    }
    .world-tllfree.sust-contactdata p {
        min-height: 48px;
    }
    .callto-us.faq-contact p {
        min-height: 90px;
    }
    .callto-us.venturs-count p {
        min-height: 90px;
    }
    .callto-us.venturs-count p {
        min-height: 52px;
    }
    .callto-us p {
        min-height: 122px;
    }
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(31% - -4px);
    }
        .verficationtext h3{
            padding: 0px 12px;
        }
        .contact-withoutlogin .product-searchpage {
            padding: 0px 12px;
        }
        .roduct-price-kg h6{
            font-size: 13px;
        }
}

@media(max-width:991px){
    .search-material {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        background: #fff !important;
        z-index: 99999 !important;
        width: 100% !important;
    }
    .world-tllfree.sust-contactdata p {
        min-height: 52px;
    }
    p#addressLat {
        min-height: 87px;
    }
    .callto-us.faq-contact p {
        min-height: 88px;
    }
    .callto-us p {
        min-height: 123px;
    }
    .contact p {
        min-height: 84px;
    }
    .orderlist-view .product-image img {
        width: 40px;
        height: 40px;
    }
                .buyer-circular-marketplace .lp-col {
                    flex-basis: 32.6%;
                }
        .out-of-stock{
            width: 300px;
        }
        .new-prountproduct-content {
            width: 80%;
        }
                        .new-prountproduct-img {
                            flex-basis: 20%;
                        }
     .right-products{
        padding-top: 90px !important;
     }
        .new-prountproduct-img {
            flex-basis: 20%;
        }
        .filter-funclity-fabric {
            flex-direction: row;
            flex-wrap: wrap;
        }
        .filter-pcid {
        display: flex;
        align-items: center;
        width: 100%;
        column-gap: 3px;
        flex-wrap: nowrap;
        }

        .produc-type {
         margin-bottom: 5px;
         flex-basis: 32%;
         /* display: flex; */
        }
        stcoklits-manully {
        display: flex;
        align-items: baseline;
        }
        .basket-steps #progress {
            top: 84px;
        }
        .basket-steps .steps{
            padding-top: 67px;
        }
        .addshiping-popup .produc-type {
            width: 100%;
            margin-bottom: 5px;
            flex-basis: 100%;
            display: flex;
            flex-direction: column;
        }
        .supplierproduct{
            padding: 0px;
           }

           .favrate-product span{
            padding-left: 10px;
           }
          .supplier-products .lp-col {
              /* flex-basis: 32%; */
              flex-basis: calc(33% - 5px);
          }
        #gridViewdiv p{
            font-size: 16px;
        }
        .ab-content h1 {
            font-size: 18px;
        }
        .natural-dye {
            display: flex
        ;
            align-items: center;
            white-space: nowrap;
            column-gap: 24px;
        }
        .inner-gridViewdiv {
            width: auto;
        }
        .filter-products.claerall-filters-domain .lp-col {
            flex-basis: calc(33% - 5px);
        }
    .offer-main.gtyh {
        min-height: 160px;
    }
    .contact-withoutlogin .product-searchpage {
        padding: 0px 12px;
    }
   

}
@media(max-width:946px){
        .buyer-circular-marketplace .lp-col {
                flex-basis: 32.3%;
            }
}
@media(max-width:831px){
.filter-products.claerall-filters-domain .lp-col {
    flex-basis: 32.4%;
}
}
@media(max-width:830px){
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(32% - -2px);
    }
    .offer-main.gtyh {
        min-height: 160px;
    }
        .supplier-products .lp-col {
            /* flex-basis: 32%; */
            flex-basis: calc(32% - -1px);
        }
}

@media(max-width:768px){
    .pro-box-wLogin .lp-col {
            flex-basis: 32% !important;
    }
    .cricualr-menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 15px;
    }
    .cric-icon .product-search{
        width: 330px;
    }
    .cric-icon {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
        .contact-popup .pty-details {
            margin-bottom: 0px;
        }
    .paperclip{
        height: 30px;
        width: 30px;
        margin: 7px 0px;
    }
        .supplier-products .lp-col {
            flex-basis: 32%;
        }
}

@media(max-width:767px) {
    .mobile-blankimg {
            display: block;
        }
        .orderlist-view .practice-plus-minus {
            margin: 0px 0px;
           }

        .withoutProductMessage,
            .withoutProductMessageOpen {
                background-position: center right;
                background: #fff;
                display: flex;
                flex-direction: column;
                column-gap: 15px;
                height: auto;
            }
            .without-message {
                width: 100%;
                left: 0;
                position: static;
            }

            .ins-gearden-img, .ins-gearden-img img {
                width: 100%;
            }


    .verifyPage .signupform h3 {
        text-align: center;
        line-height: 1.5;
        font-size: 15px;
        color: #616161;
    }

    .verifyPage .login-detailbtn button a {
        color: #a9841d;
        font-weight: 500;
        display: block;
        height: 100%;
        padding: 8px 0px;
        font-size: 12px;
    }

.access-login .modal-body {
    padding: 25px;
}
.access-login .modal-dialog {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
.access-login .modal-body h2 {
    font-size: 17px;
    margin-bottom: 5px;
}
.access-login .modal-body p{
    font-size:14px
}
.login-ss .log{
font-size:12px;
padding: 8px 20px;
}
.login-ss .sign{
font-size:14px;
padding: 8px 20px;
}
.right-products.rp-woutLogin {
    width: 100%;
    padding-top: 7px !important;
}
.lp-col{
    margin-bottom: 19px;
}
.header .navbar-nav{
    position: relative;
    z-index: 999;
}
.dashboard-menu {
    height: 100%;
    padding: 0px 18px 0px 0px;
    height: 80vh;
    overflow: auto;
    z-index: 9999;
    position: relative;

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

.dashboard-menu:-webkit-scrollbar-track {
    background-clip: content-box;
    border: 2px solid rgb(22, 42, 38);
}

.dashboard-menu:-webkit-scrollbar-thumb {
    background-color: rgb(22, 42, 38);
    border-radius: 5px;
}
.iti--fullscreen-popup .iti__dropdown-content {
    max-height: 50% !important;
}

.iti--fullscreen-popup.iti--container {
    padding-top: 350px !important;
}
.list-user-data ul li a {
    border-radius: 6px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(4, 85, 68, 1);
    font-size: 10px;
}
.list-user-data ul li.active a {
    background: rgba(4, 85, 68, 1);
    border-radius: 6px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px;
}
.previous-page.list-user-data{
    display: block !important;
}
.new-prountproduct-content {
    flex-basis: 80%;
}
.new-prountproduct-img {
    flex-basis: 20%;
}
.right-products {
    padding-top: 65px !important;
}
.prdt-img img{
    height: 680px;
}
.av-price h2{
    font-size: 28px;
}
.pro-box-wLogin .lp-col {
    flex-basis: 32% !important;
}
 #listviewdiv p{
    white-space: wrap;
    font-size: 21px;
 }
 .ab-content h1 {
     font-size: 23px;
 }
 .paperclip img {
     max-width: 18px;
 }
  .contat-form {
      padding: 0px 23px;
  }

  a.stck-ftr {
      padding: 12px 36px;
      font-size: 14px;
  }

  .contact-popup .modal-header h2 {
      font-size: 20px;
  }

  .contact-popup .pty-details {
      margin-bottom: 0px;
  }

  .produc-type {
      margin-bottom: 5px;
      flex-basis: 48%;
      display: flex;
      flex-direction: column;
  }

  .callto-us a {
      padding: 6px 25px;
      font-size: 12px;
      white-space: nowrap;
  }

  .contact-popup .pty-details {
      border: solid 1px transparent;
      padding: 17px 0px;
  }

  .contact-popup a.stck-ftr {
      padding: 7px 23px;
      font-size: 14px;
  }
  .contactus-getintouch h1 {
      padding: 15px 5px;
      max-width: 360px;
  }
  .callto-us.faq-contact p {
    min-height: 68px;
  }
  .world-tllfree.sust-contactdata p {
    min-height: 27px;
   }
  .supplierproduct{
    padding: 0px;
   }
   .prdt-img{
    height: 680px;
   }
   .byerOrderDetails .details-pro {
    margin: 10px 0px 0px 0px;
  }
  .favouritesC .orderlist-view{
    flex-direction: column;
  }
  .for-mobilefav {
    display: flex;
    justify-content: start;
    width: 100%;
   }
   .favrate-product {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 60%;
    margin-left: auto;
   }
   .addedtobasket-product{
    width: 100%;
    justify-content: end;
   }
   .favrate-product span{
    order: -1;
   }
   .total-weight.cotton-reduse{
    flex-direction: row;
   }
   .cotton-reduse .weight-parcel{
    justify-content: start;
    margin-left: 16px;
   }
   .cotton-reduse .weight-lost h6 {
       width: 74px;
   }
   .order-btn{
    flex-direction: row;
   }
   .prdt-img {
       border: solid 1px rgba(231, 229, 228, 1);
       margin: 60px 0px;
   }
   .product-search {
    margin: 0px 0px 15px;
    max-width: 100%;
    width: 100%;
    }
    .buye-ord-m .container-fluid{
        padding: 0px 15px !important;
    }
    input.orde-search {
        min-width: 100%;
    }
    .product-search{
        width: 100%;
        max-width: 100%;
    }
    button.addcardpop{
        width: 40%;
        white-space: nowrap;
    }
    .callto-us p {
        min-height: 44px;
    }
    p#addressLat {
        min-height: 52px;
    }
    .filter-fabric-suppp.filter-dataid {
        column-gap: 7px;
        flex-basis: 48%;
    }
    .searchError{
        width: 100%;
    }
    .searchError{
        top: 140px;
    }
    .sample {
        z-index: 9999;
        padding: 0px 0px;
    }
    .inner-gridViewdiv {
        width: 100%;
    }
    .buyerCiculargrid {
        width: auto;
    }
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(48% - -6px);
    }
    .verficationtext h3{
        padding: 0px;
        font-size: 15px;
    }
    .verficationtext h3{
        margin-bottom: 0px;
    }
        .verficationtext .login-detailbtn {
            padding: 15px 0px 0px;
        }
                .gridview-product .color-picker {
                    margin: 10px 12px;
                    width: 10px;
                    height: 10px;
                }
                .feature-cricular.fut-pr {
                    margin-top: 40px;
                }
                section.contact-popup {
                    position: relative;
                    z-index: 99999;
                }
                .contact-popup .modal-body {
                    margin: 0px 12px;
                    padding: 0px;
                }
                .contact-withoutlogin .product-searchpage {
                    padding: 0px 12px;
                }
}



@media(max-width:630px){
    .filter-products.claerall-filters-domain .lp-col {
         flex-basis: calc(48% - -5px);
     }
 
 }

 @media(max-width:581px){
    .filter-products.claerall-filters-domain .lp-col {
         flex-basis: calc(48% - -3px);
     }
 
 }


@media(max-width:568px){
    .logo img {
        padding: 8px 0px 8px 0;
        height: 25px;
    }
    .natural-dye {
        display: flex;
        align-items: center;
        white-space: nowrap;
        column-gap: 7px;
    }
    .contact-withoutlogin .product-searchpage {
        padding: 0px 0px;
    }

    .callto-us.faq-contact p {
        min-height: 126px;
    }
         .buyer-circular-marketplace .lp-col {
             flex-basis: 48.3%;
         }
        .supplier-products .lp-col {
            flex-basis: calc(48.4% - 0px);
        }
    .header ul.login-signup .nav-item button{
        padding: 2px 12px;
    }
   
    .sign-content-from.signupform {
        width: 84%;
    }
    .signupform .inner-login-from {
        padding: 24px 21px;
    }
    .stcoklits-manully {
        display: flex;
        align-items: baseline;
        flex-direction: column;
    }
    .filter-dataid {
        column-gap: 7px;
        margin-bottom: 14px;
    }
       .produc-type {
        margin-bottom: 5px;
        flex-basis: 48%;
        display: flex;
    }
    .cric-icon{
        justify-content: start;
    }
    .cric-icon .product-search{
        width: 100%;
    }
    .product-search input {
        width: 100%;
        max-width: 100%;
    }
    .cric-icon{
     align-items: start !important;
    }
    .cric-icon .product-search{
        margin: 0px 5px 0px;
    }
    .pro-box-wLogin .lp-col {
        flex-basis: 100% !important;
    }
        .basketorder-list .accept-condition input,
        .accept-condition input {
            width: 20px !important;
            height: 20px !important;
            border-radius: 4px !important;}
    .basketorder-list .accept-condition .form-check{
        padding-right: 0px;
    }
        .orderlist-view {
            padding: 10px 12px;
        }
        h6.mob-price{
            width: 110px;
        }
    .value-permiter{
        align-items: start;
    }
        .addshiping-popup .modal-header h2{
            font-size: 19px;
        }
  .addshiping-popup .modal-header{
    padding: 15px 15px;
  }
  .addshiping-popup .modal-header .btn-close {
      right: 9px;
      top: 20px;
    }
    button.stck-ftr{
        padding: 7px 19px;
        font-size: 14px;
    }
        .contactus-getintouch h1 {
            padding: 15px 5px;
            max-width: 100%;
        }
        .favrate-product {
            width: 100%;
            flex-direction: column;
            align-items: start;
        }
        .favouritesC .product-image{
            flex-direction: column;
        }
        .favouritesC .product-image{
            align-items: start;
        }
        .favouritesC .practice-plus-minus {
            margin: 0px 0px;
        }
        .favrate-product span {
            order: 0;
            text-align: start;
            padding-left: 0px;
            padding-top: 7px;
        }
        .addedtobasket-product {
            flex-direction: column;
            justify-content: flex-start;
            align-items: self-start;
        }
        .addedtobasket-product .order-btn{
            width: 100%;
        }
        .favouritesC .orderlist-view .accept-condition .form-check{
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .favouritesC .product-image h6{
            padding-left: 0px;
            padding-top: 10px;
            margin: 0px;
        }
        .nextstep a{
            font-size: 14px;
            padding: 5px 43px;
        }
        .productpick-date{
            flex-direction: column;
        }
        .d-picker{
            padding-top: 10px;
        }
        .orderplace-list {
            padding: 5px;
        }
                .cotton-reduse .weight-parcel{
                    margin-left: 0px;
                    width: 100%;
                }
                        .cotton-reduse .weight-lost h6 {
                            width: 100%;
                        }
                        .total-weight.cotton-reduse {
                            flex-direction: column;
                        }
                        .prdt-img {
                            height: 320px;
                        }
                        .order-btn {
                            flex-direction: column;
                        }
                                                        .prdt-img img {
                                                            height: 320px;
                                                        }
    .cotton-reduse .weight-lost button{
        width: 100%;
    }
        .cotton-reduse .weight-cover{
        width: 100%;
    }
                .cotton-reduse .weight-lost {
            width: 100%;
        }
    .verifyPage .signupform h3 {
        font-size: 13px !important;
    }
        .fab-slider-percn .slider-wrapper {
            width: 65%;
        }
        .pricing-plan-cricular .pricing-plan ul li{
            white-space: normal;
        }
        .av-price h2 {
            font-size: 21px;
        }
        .av-price h6{
            margin-left: 10px;
        }
        .callto-us h6{
            font-size: 18px;
        }

        /* .buyer-circular-marketplace .lp-col {
            flex-basis: 100%;
        } */
}

@media(max-width:481px){
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(48% - -3px);
    }
}
@media(max-width:481px){
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(48% - -1px);
    }
}

@media(max-width:379px){
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: calc(48% - -1px);
    }
}
@media(max-width:370px){
    .supplier-products .lp-col {
            flex-basis: 100%;
   }
           .fab-slider-percn .slider-wrapper {
               width: 60%;
           }
}

@media(max-width:360px) {
    .contat-form {
        padding: 0px 38px;
        flex-direction: column;
    }
        .supplier-products .lp-col {
            flex-basis: 100%;
        }
    .filter-products.claerall-filters-domain .lp-col {
        flex-basis: 100%;
    }
    .verifyPage .signupform h3{
        font-size: 13px;
    }
        .buyer-circular-marketplace .lp-col {
                flex-basis: 100%;
            }

    .callto-us {
        width: 100%;
        padding: 15px 0px;
    }

    .callto-us p {
        line-height: 25px;
    }

    .contact-popup a.cancel {
        display: none;
    }
        .supplier-products .lp-col {
            flex-basis: 100%;
        }
        .lr-paymentbox .addproduct-list {
            justify-content: space-between;
            flex-direction: column;
            align-items: self-start;
        }
        .lr-paymentbox .pr-price{
            margin-top: 10px;
            margin-left: 0px;
        }
        .pr-price h2.product-amount{
            margin: 0 0px 0 0px;
        }
        .av-price p{
            font-size: 14px;
        }
        .av-price h6{
            font-size: 13px;
        }

}