body {
    background:#FAFAFA;
}

header {
    border-bottom: 1px solid #E5E7EB;
}

#contentSection {
    display:flex;
    align-items:stretch;
    max-width:1440px;
    width:100%;
    margin:0 auto;
}

#contentSection .leftContent {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    width:100%;
    max-width:336px;
    background:#FAFAFA;
    padding:32px 0px;
    gap:16px;
}

#contentSection .leftContent h2 {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: capitalize;

    color:#111928;
    padding:12px 32px 10px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer{
    font-family:'Gotham-Medium';
    font-weight:inherit!important
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem .checkbox-tree .main-category .checkboxContainer {
    font-family: 'Gotham-Black';
    font-weight: inherit;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 2%;
    vertical-align: middle;
    margin-bottom:0px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem .checkbox-tree li .checkboxContainer.has-children {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem .checkbox-tree li ul.grandchild-level li .checkboxContainer {
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
}

#contentSection .leftContent h2 .closeFilterButton {
    width:30px;
    min-width:30px;
    height:30px;
    display:none;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:5px;
}

#contentSection .leftContent h2 .closeFilterButton svg {
    width:12px;
    height:auto;
}

#contentSection .leftContent h2 .closeFilterButton:hover {
    background:var(--light-orange);
}

#contentSection .leftContent h2 .closeFilterButton:hover svg path {
    fill:var(--orange);
    fill-opacity:1;
}

#contentSection .leftContent .leftContentItem {
    border: 1px solid #E5E7EB;
    border-radius:8px;
    width:100%;
    background:white;
    padding-top:16px;
}

#contentSection .leftContent .leftContentBottom .quickSearch {
    padding:32px 32px 0 32px;
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:32px;
}

#contentSection .leftContent .leftContentTop .leftContentInnerItemBottom {
    padding-bottom:0!important;
}

#contentSection .leftContent .leftContentBottom .quickSearch .searchBlock {
    background:#F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius:8px;
    padding:12px 16px 12px 36px;
    position:relative;
}

#contentSection .leftContent .leftContentBottom .quickSearch .searchBlock input {
    background:transparent;
    border:none;
    width:100%;
}

#contentSection .leftContent .leftContentBottom .quickSearch .searchBlock input {
    outline: none !important;
}

#contentSection .leftContent .leftContentBottom .quickSearch .searchBlock svg {
    position:absolute;
    left:16px;
    top:12px;
}

#contentSection .leftContent .leftContentBottom .quickSearch .searchBlock ::placeholder {
    font-weight: inherit;
     font-family:'Gotham-Regular';
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    color:#6B7280;
}

#contentSection .leftContent .leftContentInner {
    display:flex;
    flex-direction:column;
    padding:0 32px 32px 32px;
    width:100%;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem {
    display:flex;
    flex-direction:column;
    min-height:46px;
    border-bottom:1px solid #E5E7EB;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem:first-child {
    border-top:1px solid #E5E7EB;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem:last-child {
    border-bottom:0px;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemTop {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemTop .rightItem {
    display:flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    min-width:max-content;
    height:25px;
    cursor: pointer;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemTop h4 {
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    color:#1B3047;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemTop .seeAllButton {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#FF8922;
    cursor: pointer;
    min-width: max-content;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom {
    min-height:46px;
    display:flex;
    flex-direction:row;
    gap:16px;
    padding-bottom:16px;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .categoryChips {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;

}

#contentSection .leftContent .leftContentBottom .leftContentInner .leftContentInnerItem:first-child {
    border-top: 0px !important;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .categoryChips .chipsItem {
     display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #FF8922;
    background: #FF89220D;
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #1B3047;
    width: 100%;
    max-width: 130px;
    min-height: 33px;
    position: relative;
    gap: 5px;
    justify-content: space-between;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .categoryChips .chipsItem .remove {
    cursor: pointer;
    width: 13px;
    height: 13px;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .conditionsList {
    display:flex;
    align-items:center;
    gap:8px;
    justify-content:space-between;
    flex-wrap: wrap;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .conditionsList .conditionsItem {
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:8px;
    padding:8px 16px;
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    vertical-align: middle;
    color:#6B7280;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .conditionsList .conditionsItem.active,
#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .conditionsList .conditionsItem:hover {
    color:#ffffff;
    background:#1B3047;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .priceSlider {
    padding-right:10px;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .price-range-block {
    margin:60px;
    width:100%;
    background-color:#E5E7EB;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom #slider-range {
    background-color:#E5E7EB!important;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .sliderText{
    width:100%;
    margin-bottom:30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .ui-slider-horizontal {
    height: .6em;
}
#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .ui-slider-horizontal {
    margin-bottom:5px;
    width:100%;
}
#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .ui-widget-header {
    background:#FF8922;
}
#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .price-range-search {
    width:40.5%; 
    background-color: #E5E7EB;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom:20px;
    font-size:16px;
}
#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .price-range-field{
    width:20%; 
    min-width: 16%;
    background-color:#E5E7EB;
    color: black; 
    border-radius: 5px; 
    height:26px; 
    padding:5px;
}
#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .search-results-block{
    position: relative;
    display: block;
    clear: both;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    box-shadow: 0px 1px 2px 0px #00000014!important;
    border:1px solid #E5E7EB!important;
    background:#FFFFFF!important;
    width:22px!important;
    height:22px!important;
    border-radius:100%!important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.55em!important;
}

.ui-widget.ui-widget-content {
    border:0px!important;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .priceRange {
    display:flex;
    gap:8px;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .priceRange .formField {
    width:50%;
    min-height:42px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background:#F9FAFB;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .priceRange .formField label {
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 17.5px;
    color:#6B7280;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .priceRange .formField input {
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 17.5px;
    color:#1B3047;
    border:0px;
    background:transparent;
    padding:0px;
    width:64%;
}

#contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .priceRange .formField:last-child input {
    width:80%;
}

#contentSection .rightContent {
    width:calc(100% - 336px);
    padding:32px;
}

#contentSection .rightContent .rightContentInner {
    display:flex;
    flex-direction:column;
    gap:16px;
}

#contentSection .rightContent .pageItemsShowing {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#111928;
}

#contentSection .rightContent .rightContentInner .headingBlock {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:1px solid #E5E7EB;
    border-radius:8px;
    padding:8px 32px;
    background:#ffffff;
}

#contentSection .rightContent .rightContentInner .headingBlock .leftHeadingBlock {
    display:flex;
    align-items:center;
    gap:15px;
}

#contentSection .rightContent .rightContentInner .headingBlock .leftHeadingBlock .filterIcon {
    width:30px;
    height:30px;
    display:none;
}

#contentSection .rightContent .rightContentInner .headingBlock .leftHeadingBlock h3 {
    font-size: 24px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 29.05px;
    color:#111928;
}

#contentSection .rightContent .rightContentInner .headingBlock ul {
    display:flex;
    align-items:center;
    gap:16px;
}

#contentSection .rightContent .rightContentInner .headingBlock ul li {
    display:flex;
    align-items:center;
    justify-content:center;
    background:#FFFFFF;
    border-radius:8px;
    min-width:48px;
    height:48px;
    cursor: pointer;
    border:1px solid white;
}

#contentSection .rightContent.grid .rightContentInner .headingBlock ul li.displaygrid {
    border-color:#FF8922;
}

#contentSection .rightContent.grid .rightContentInner .headingBlock ul li.displaygrid svg path {
    stroke:#FF8922;
}

#contentSection .rightContent.list .rightContentInner .headingBlock ul li.displaylist {
    border-color:#FF8922;
}

#contentSection .rightContent.list .rightContentInner .headingBlock ul li.displaylist svg path {
    stroke:#FF8922;
}

#contentSection .rightContent .rightContentInner .headingBlock ul li.displaylist svg {
    transform:rotate(90deg);
}

#contentSection .rightContent.grid .rightContentInner .productLists {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
}

#contentSection .rightContent.list .rightContentInner .productLists {
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    gap:16px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem {
    display:flex;
    flex-direction:column;
    gap:16px;
    background:white;
    border-radius:16px;
    padding:16px;
    width:100%;
}

.pageItemandHeading {
    display:flex;
    align-items:center;
    gap:10px;
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#111928;
    margin: 10px 0 20px 0px;
}

.pageItemandHeading h1, .pageItemandHeading h3 {
    font-family:inherit;
    font-weight:inherit;
    font-size:inherit;
    line-height:inherit;
    letter-spacing:inherit;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop {
    display:flex;
    gap:16px;
    align-items:center;
}

#contentSection .rightContent:not(.list) .rightContentInner .productLists .productListItem .productListItemTop {
    flex-direction:column;
    align-items:flex-start;
}

#contentSection .rightContent:not(.list) .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft {
    width:100%;
    max-width:100%;
    min-height:166px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider .slider-image {
    object-fit:cover;
    border-radius:15px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft {
    width:50%;
    max-width:240px;
    min-height:186px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .imageBlock {
    position: relative;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .imageBlock .buttons {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    z-index: 99;
    background: none;
    border: 0px;
    cursor: pointer;
    width:25px;
    height:25px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .imageBlock .buttons img {
    width:100%;
    height:100%;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .imageBlock .buttons.prevBtn {
    left: 8px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .imageBlock .buttons.nextBtn {
    right: 8px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .imageBlock .sliderDetail {
    position: absolute;
    width: 100%;
    z-index: 99;
    padding: 8px;
    bottom: 0;
    left: 0px;
    text-align: center;
    font-size: 1.14;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 19.36px;
    color: var(--white);
}


#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider .slider-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    transition: left 0.1s ease;
    opacity: 0;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider .slider-image.active {
    left: 0;
    opacity: 1;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight {
    display:flex;
    flex-direction:column;
    gap:12px;
    justify-content:center;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight h2 {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#111928;
    min-height:35px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight ul {
    display:flex;
    flex-direction:column;
    gap:12px;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight ul li {
    display:flex;
    align-items:center;
    gap:8px;
    list-style-type:none;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight ul li span {
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color:#6B7280;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight h4 {
   font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#111928;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom {
    display:flex;
    gap:16px;
    align-items:center;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom .emailSeller {
    display:flex;
    align-items:center;
    justify-content:center;
    width:50%;
    min-height:40px;
    padding: 12px;
    gap: 4px;
    border-radius: 8px;
    border: 1.5px solid #FF8922;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom .emailSeller span {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#FF8922;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom .itemCall {
    display:flex;
    align-items:center;
    justify-content:center;
    width:50%;
    min-height:40px;
    padding: 12px;
    gap: 4px;
    border-radius: 8px;
    border: 1.5px solid #FF8922;
    background:#FF8922;
}

#contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom .itemCall span {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;;
    color:#ffffff;
}

.emailSellerPopup.emailSellerPopupActive {
    bottom:0;
    transition:.5s all ease-in-out;
    display:block;
}

.emailSellerPopup {
    position:fixed;
    width:100%;
    height:100%;
    bottom:-100%;
    transition:.5s all ease-in-out;
    display:none;
    left:0px;
    z-index:999;
}

.emailSellerPopup .emailSellerPopupInner {
    position:absolute;
    width:100%;
    max-width:1184px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:99;
    padding:32px;
    border-radius:16px;
    border:1px solid #E5E7EB;
    background:#ffffff;
    display:flex;
    flex-direction:column;
    gap:32px;
}

.emailSellerPopup .emailSellerPopupInner .popupHead {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.emailSellerPopup .emailSellerPopupInner .popupHead h2 {
    font-size: 24px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 36px;
    color:var(--black);
}

.emailSellerPopup .emailSellerPopupInner .popupHead .closeButton {
    width:40px;
    min-width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:5px;
}

.emailSellerPopup .emailSellerPopupInner .popupHead .closeButton:hover {
    background:var(--light-orange);
}

.emailSellerPopup .emailSellerPopupInner .popupHead .closeButton:hover svg path {
    fill:var(--orange);
    fill-opacity:1;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent, .emailSellerPopup .emailSellerPopupInner form {
    display:flex;
    flex-direction:column;
    gap:32px;
    width:100%;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop {
    display:flex;
    gap:16px;
    width:100%;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop .popupContentTopLeft {
    width:50%;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop .popupContentTopLeft .twoCols {
    width:100%;
    display:flex;
    gap:16px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField {
    width:100%;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement {
    position:relative;
    display:flex;
    align-items:center;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 8px;
    outline: none !important;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .formControl {
    border:0px!important;
    background:none;
    outline: none !important;
    box-shadow:none!important;
}


.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .countryCode {
    width:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-right:1px solid #E5E7EB;
    min-height:40px;
    cursor: pointer;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .countryCode svg {
    transition:.5s;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement.active .countryCode svg {
    transform:rotate(180deg);
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .contryCodeList {
    position:absolute;
    bottom:60px;
    left:0px;
    display:none;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    padding:8px;
    border-radius: 8px;
    width:60px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .contryCodeList {
    position:absolute;
    bottom:60px;
    left:0px;
    display:none;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    padding:8px;
    border-radius: 8px;
    width:60px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .contryCodeList ul {
    display:flex;
    flex-direction:column;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .contryCodeList ul li {
    padding:8px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement .contryCodeList ul li:hover {
    background:6B7280;
    border-radius:8px;
    color:#ffffff;
    cursor: pointer;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement.active .contryCodeList {
    display:block;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput label {
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;
    color: #111928;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput em {
    font-size: 12px;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 18px;
    color: 6B7280;
    font-style:normal;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formControl {
    width: 100%;
    min-height: 48px;
    border: 1px solid #E5E7EB;
    background:#F9FAFB;
    padding: 15px 16px 15px 16px;
    border-radius: 8px;
    outline: none !important;
    resize:none;

    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 21px;
    color:#111928;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formControlTextarea {
    width: 100%;
    min-height:222px;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formControl:hover,
.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formElement:hover {
    border: 1px solid #FF8922;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput .formControl:focus {
    border: 1px solid #FF8922;
    box-shadow: 0px 0px 0px 3px #FF89220D;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput ::placeholder {
    font-size: 1em;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 17.5px;
    text-align: left;
    color: 6B7280;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop .popupContentTopRight {
    width:50%;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left:24px;

    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 14px;
    color:#6B7280;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer a {
    color:#111928;
    font-weight: inherit;
     font-family:'Gotham-Bold';
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer .checkmark {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0;
    height: 16px;
    width: 16px;
    background-color:#F9FAFB;
    border-radius: 4px;
    border: 0.5px solid #D1D5DB;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer:hover input~.checkmark {
    background-color: #ccc;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer input:checked~.checkmark {
    background-color:#FF8922;
    border-color:#FF8922;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer .checkmark:after {
    content: "";
    position: absolute;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer input:checked~.checkmark:after {
    display: block;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentBottom .checkboxContainer .checkmark:after {
    background: url(../images/checkboxCheck.svg) no-repeat;
    width: 8px;
    height: 5.7px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.emailSellerPopup .emailSellerPopupInner form .formSubmit {
    width:134px;
    height:48px;
    padding: 12px 23px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    background:#FF8922;
    cursor: pointer;
    border:0px;
    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 24px;
}

.emailSellerPopup .emailSellerPopupInner form .popupFoot {
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.emailSellerPopup .emailSellerPopupOverlay {
    background:#00000080;
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    visibility:hidden;
    opacity:0;
}

.emailSellerPopup.emailSellerPopupActive .emailSellerPopupOverlay {
    visibility:visible;
    opacity:1;
}

.allCategoriesPopup {
    position:fixed;
    width:100%;
    height:100%;
    bottom:-100%;
    transition:.5s all ease-in-out;
    display:none;
    left:0px;
    z-index:999;
}

.allCategoriesPopup.allCategoriesPopupActive {
    bottom:0;
    transition:.5s all ease-in-out;
    display:block;
}

#listingTypePopup .allCategoriesPopupInner {
    max-width: 900px;
} 

#ropsPopup .allCategoriesPopupInner {
    max-width: 900px;
}

#certifiedPopup .allCategoriesPopupInner {
    max-width: 900px;
} 

#countryPopup .allCategoriesPopupInner {
    max-width: 900px;
}   

.allCategoriesPopup .allCategoriesPopupInner {
    position:absolute;
    width:100%;
    height:calc(100vh - 60px);
    max-height: 700px;
    max-width:950px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:99;
    padding:32px;
    border-radius:16px;
    border:1px solid #E5E7EB;
    background:#ffffff;
    display:flex;
    flex-direction:column;
    gap:32px;
}

.allCategoriesPopup .allCategoriesPopupInner.commonpopupinner {
    max-height: 300px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupHead {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.allCategoriesPopup .allCategoriesPopupInner .popupHead h2 {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color:var(--black);
}

.allCategoriesPopup .allCategoriesPopupInner .popupHead .closeButton {
    width:40px;
    min-width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:5px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupHead .closeButton:hover {
    background:var(--light-orange);
}

.allCategoriesPopup .allCategoriesPopupInner .popupHead .closeButton:hover svg path {
    fill:var(--orange);
    fill-opacity:1;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent {
    height:calc(100vh - 278px);
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    gap:32px;
}

.allCategoriesPopup.allManufacturerPopup .allCategoriesPopupInner .popupContent {
    max-height:unset;
    overflow-y:hidden;
}

.allCategoriesPopup.allManufacturerPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories  {
    height:calc(100vh - 278px);
    overflow-y:auto;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categories ul {
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    row-gap: 8px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categories ul li {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    width:100%;
    min-height:73px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid white;
    text-align:center;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categories ul li span {
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 16.94px;
    color:#111928;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch {
    display:flex;
    flex-direction:column;
    gap:16px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch h3 {
    font-size: 24px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 36px;
    color:var(--black);
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search {
    width: 100%;
    transition: .5s;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search .customInput {
    width: 100%;
    position: relative;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search .customInput img.searchIcon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search .customInput input {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--light-border);
    background: var(--light-bg);
    padding: 15px 16px 15px 46px;
    border-radius: 8px;
    outline: none !important;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search .customInput input:hover {
    border: 1px solid var(--orange);
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search .customInput input:focus {
    border: 1px solid var(--orange);
    box-shadow: 0px 0px 0px 3px var(--light-orange);
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .categoriesSearch .search .customInput ::placeholder {
    font-size: 1em;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 17.5px;
    text-align: left;
    color: var(--dark-color);
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:16px;
}

.allCategoriesPopup.allManufacturerPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories {
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    gap:16px;

}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem {
    display:flex;
    flex-direction:column;
    gap:8px;
    height:max-content;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem h4 {
    font-size: 18px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 27px;
    color:#111928;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul {
    display:flex;
    flex-direction:column;
    gap:12px;
}
.allCategoriesPopup.allManufacturerPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul {
    display:flex;
    flex-direction:row;
    gap:12px;
    flex-wrap: wrap;
    margin-top:10px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left:35px;
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;
    color:#111928;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.alphabeticalCategoriesItem.with-border.section-one .manufacture-list{
    flex:1; 
    min-width:48%;
}

.alphabeticalCategoriesItem.with-border.section-one ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer .checkmark {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0;
    height: 18px;
    width: 18px;
    background-color:#F9FAFB;
    border-radius: 4px;
    border: 0.5px solid #D1D5DB;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer:hover input~.checkmark {
    background-color: #ccc;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer input:checked~.checkmark {
    background-color:#FF8922;
    border-color:#FF8922;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer .checkmark:after {
    content: "";
    position: absolute;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer input:checked~.checkmark:after {
    display: block;
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul li .checkboxContainer .checkmark:after {
    background: url(../images/checkboxCheck.svg) no-repeat;
    width: 8px;
    height: 5.7px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.allCategoriesPopup .allCategoriesPopupInner .popupContent .seeAllBtn {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 19.36px;
    color:#FF8922;
    cursor: pointer;
}

.allCategoriesPopup .allCategoriesPopupInner .popupFoot {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:16px;
}

.allCategoriesPopup .allCategoriesPopupInner .popupFoot .resetAll {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;
    color:#111928;
}

.allCategoriesPopup .allCategoriesPopupInner .popupFoot .applyFilter {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 24px;
    color:#ffffff;
    width:100%;
    max-width:137px;
    min-height:48px;
    padding: 12px 24px 12px 24px;
    border-radius:8px;
    background:#FF8922;
    cursor: pointer;
}

.allCategoriesPopup .allCategoriesPopupOverlay {
    background:#00000080;
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    visibility:hidden;
    opacity:0;
}

.allCategoriesPopup.allCategoriesPopupActive .allCategoriesPopupOverlay {
    visibility:visible;
    opacity:1;
}

.allCategoriesPopup.allManufacturerPopupActive .allCategoriesPopupOverlay {
    visibility:visible;
    opacity:1;
}

body.overflowHidden {
    overflow:hidden!important;
}

/*--Product Detail--*/
#productDetail {
    padding:32px 0;
    display:flex;
    justify-content:center;
}

#productDetail .container {
    display:flex;
    flex-direction:column;
    gap:32px;
}

#productDetail .productDetailBreadcrumbs {
    padding:32px 0;
    display:flex;
    width:100%;
    min-height:53px;
    padding: 16px 32px 16px 32px;
    border-radius: 16px;
    background:white;
}

#productDetail .productDetailBreadcrumbs ul {
    display:flex;
    align-items:center;
    gap:12px;
}

#productDetail .productDetailBreadcrumbs ul li {
    list-style-type:none;
}

#productDetail .productDetailBreadcrumbs ul li a {
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;
    color:#6B7280;
}

#productDetail .productDetailBreadcrumbs ul li.active a {
    pointer-events:none;
    color:#111928;
}

#productDetail .productDetailsBlock {
    display:flex;
    gap:32px;
    padding:32px;
    background:white;
    border-radius:16px;
}

#productDetail .container {
    max-width:1376px;
}

#productDetail .productDetailsBlock .detailsLeft {
    display:flex;
    gap:16px;
    width:100%;
    max-width:757px;
}

#productDetail .productDetailsBlock .detailsLeft .thumbnail-container {width:100%;max-width:155px;display:flex;
flex-direction:column;gap:16px;overflow-y:auto;max-height:575px;}
#productDetail .productDetailsBlock .detailsLeft .thumbnail {cursor:pointer; position:relative;width:100%;border-radius:16px;overflow:hidden;}
#productDetail .productDetailsBlock .detailsLeft .thumbnail.active:before {position:absolute;width:100%;height:100%;
background:#000000BF;content:'';top:0;left:0;}
#productDetail .productDetailsBlock .detailsLeft .thumbnail.active:after {position:absolute;width:20px;height:20px;
background:url(../images/viewButton.svg) no-repeat;content:'';top:50%;left:50%;transform:translate(-50%, -50%);background-size:cover;z-index:99;}
#productDetail .productDetailsBlock .detailsLeft .thumbnail img {width:100%;}
#productDetail .productDetailsBlock .detailsLeft .thumbnail:before {position:relative;}
#productDetail .productDetailsBlock .detailsLeft .thumbnail:hover,
#productDetail .productDetailsBlock .detailsLeft .thumbnail.active { opacity: 1;}
#productDetail .productDetailsBlock .detailsLeft .slider { position: relative; flex-grow: 1;overflow:hidden;max-height:575px;}
#productDetail .productDetailsBlock .detailsLeft .slider .counter {position: absolute;width: 100%;z-index: 99;bottom:8px;left: 0px;text-align: center;font-size: 1.14;font-weight: inherit;
     font-family:'Gotham-Medium';line-height: 19.36px;color: var(--white);}
#productDetail .productDetailsBlock .detailsLeft .slides { display: none; width: 100%; }
#productDetail .productDetailsBlock .detailsLeft .slider img { width: 100%; }
#productDetail .productDetailsBlock .detailsLeft .arrow { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 24px; }
#productDetail .productDetailsBlock .detailsLeft .prev { left: 10px; }
#productDetail .productDetailsBlock .detailsLeft .next { right: 10px; }

#productDetail .productDetailsBlock .detailsRight {
    display:flex;
    flex-direction:column;
    gap:32px;
    width:100%;
    max-width:523px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop {
    display:flex;
    flex-direction:column;
    gap:8px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist {
    display:flex;
    align-items:center;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist h2 {
    font-size: 24px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 29.05px;
    color:#111928;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor: pointer;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing .icon {
    display:flex;
    align-items:center;
    justify-content:center;
    background:#F8F8F8;
    width:40px;
    min-width:40px;
    height:40px;
    border-radius:100%;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing h6 {
    font-size: 12px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 14.52px;
    color:#111928;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing.active .icon .empty {
    display:none;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing.active .icon .fill {
    display:block;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing .icon .empty {
    display:block;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing .icon .fill {
    display:none;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop h3 {
    font-size: 28px;
    font-weight: inherit;
     font-family:'Gotham-Vlack';
    line-height: 33.89px;
    color:#111928;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop ul {
    display:flex;
    flex-direction:column;
    gap:12px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop ul li {
    display:flex;
    align-items:center;
    gap:8px;
    list-style-type:none;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop ul li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    color:#6B7280;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .company {
    min-height:69px;
    padding: 12px 16px;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    display:flex;
    flex-direction:column;
    margin:8px 0px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .company h4 {
    color:#111928;
    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 19.36px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .company h5 {
    display:flex;
    align-items:center;
    gap:4px;
    color:#6B7280;
    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 19.36px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons {
    display:flex;
    gap:16px;
    align-items:center;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons .emailSeller {
    display:flex;
    align-items:center;
    justify-content:center;
    width:50%;
    min-height:40px;
    padding: 12px;
    gap: 4px;
    border-radius: 8px;
    border: 1.5px solid #FF8922;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons .emailSeller span {
    font-size: 12px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 14.52px;
    color:#FF8922;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons .itemCall {
    display:flex;
    align-items:center;
    justify-content:center;
    width:50%;
    min-height:40px;
    padding: 12px;
    gap: 4px;
    border-radius: 8px;
    border: 1.5px solid #FF8922;
    background:#FF8922;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons .itemCall span {
    font-size: 12px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 14.52px;
    color:#ffffff;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightCenter {
    min-height:102px;
    padding: 16px;
    gap: 4px;
    border-radius: 12px;
    display:flex;
    flex-direction:column;
    gap:4px;
    background:#EBF5FF;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightCenter h4 {
    display:flex;
    align-items:center;
    gap:8px;

    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 24px;
    color:#1E429F;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightCenter h5 {
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 21px;
    color:#1E429F;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion {
    display:flex;
    flex-direction:column;
    gap:32px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion-item {
    border-bottom:1px solid #E5E7EB;
    display:flex;
    flex-direction:column;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion-content {
    display: none;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion-header {
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 20px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:16px;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion-header svg {
    transition:.5s;
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion-item.active .accordion-header svg {
    transform:rotate(180deg);
}

#productDetail .productDetailsBlock .detailsRight .detailsRightBottom .accordion-item.active .accordion-content {
    display: block;
    padding-bottom:16px;
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Regular';
    line-height: 21px;
    color:#6B7280;
}

.shortPopup {
    position:fixed;
    width:100%;
    height:100%;
    bottom:-100%;
    transition:.5s all ease-in-out;
    display:none;
    left:0px;
    z-index:999;
}

.shortPopup.shortPopupActive {
    bottom:0;
    transition:.5s all ease-in-out;
    display:block;
}

.shortPopup .shortPopupInner {
    position:absolute;
    width:100%;
    max-height:calc(100vh - 60px);
    max-width:1184px;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:99;
    padding:32px;
    border-radius:16px;
    border:1px solid #E5E7EB;
    background:#ffffff;
    display:flex;
    flex-direction:column;
    gap:32px;
}

.shortPopup .shortPopupInner .shortPopupHeader {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.shortPopup .shortPopupInner .shortPopupHeader h2 {
    font-size: 24px;
    font-weight: inherit;
     font-family:'Gotham-Bold';
    line-height: 36px;
    color:var(--black);
}

.shortPopup .shortPopupInner .shortPopupHeader .closeButton {
    width:40px;
    min-width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:5px;
}

.shortPopup .shortPopupInner .shortPopupHeader .closeButton:hover {
    background:var(--light-orange);
}

.shortPopup .shortPopupInner .shortPopupHeader .closeButton:hover svg path {
    fill:var(--orange);
    fill-opacity:1;
}

.shortPopup .shortPopupInner .shortPopupContent {
    max-height:calc(100vh - 278px);
    overflow-y:auto;
    display:flex;
    gap:32px;
}

.shortPopup .shortPopupInner .shortPopupContent ul {
    display:flex;
    flex-direction:column;
    gap:16px;
}

.shortPopup .shortPopupInner .shortPopupContent ul li {
    display:flex;
    flex-direction:column;
    gap:16px;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left:24px;

    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;

    color:#111928;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer .checkmark {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0;
    height: 16px;
    width: 16px;
    background-color:#F9FAFB;
    border-radius: 4px;
    border: 0.5px solid #D1D5DB;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer:hover input~.checkmark {
    background-color: #ccc;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer input:checked~.checkmark {
    background-color:#FF8922;
    border-color:#FF8922;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer .checkmark:after {
    content: "";
    position: absolute;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer input:checked~.checkmark:after {
    display: block;
}

.shortPopup .shortPopupInner .shortPopupContent ul li .checkboxContainer .checkmark:after {
    background: url(../images/checkboxCheck.svg) no-repeat;
    width: 8px;
    height: 5.7px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.shortPopup .shortPopupInner .shortPopupFooter {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.shortPopup .shortPopupInner .shortPopupFooter .resetAll {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;
    color:#111928;
}

.shortPopup .shortPopupInner .shortPopupFooter .applyFilter {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 16px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 24px;
    color:#ffffff;
    width:100%;
    max-width:137px;
    min-height:48px;
    padding: 12px 24px 12px 24px;
    border-radius:8px;
    background:#FF8922;
    cursor: pointer;
}

.shortPopup .shortPopupOverlay {
    background:#00000080;
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    visibility:hidden;
    opacity:0;
}

.shortPopup.shortPopupActive .shortPopupOverlay {
    visibility:visible;
    opacity:1;
}

#contentSection .leftContent .closeFilterButtonDone {
        display:none;
}


@media screen and (max-width:1025px) {
    #contentSection .rightContent .rightContentInner .headingBlock {
        padding: 8px 16px;
    }

    #contentSection .leftContent h2 .closeFilterButton {
        display:none;
    }

    #contentSection .leftContent .closeFilterButtonDone {
        display:none;
    }

    #contentSection .rightContent .rightContentInner .headingBlock .leftHeadingBlock .filterIcon {
        display:block;
    }
    
    #contentSection .leftContent {
        position:fixed;
        left:-100%;
        top:0px;
        z-index:999;
        height:100%;
        overflow-y:auto;
        box-shadow: 0px 0px 16px 0px #0000000D;
        display:none;
        transition:.5s all ease-in-out;
    }
    
    #contentSection .leftContent.active {
        left:0;
        display:flex;
        padding:16px;
    }

    #contentSection .leftContent h2 {
        padding:5px 32px 16px 32px;
    }

    #contentSection .leftContent .leftContentInner {
        padding: 0 16px 16px 16px;
    }

    #contentSection .leftContent .leftContentItem {
    padding-top: 16px;
    } 

    #contentSection .leftContent h2 {
        position:sticky;
        top:0px;
        background:white;
        z-index:99;
    }

    #contentSection .rightContent {
        width:100%;
        padding:16px;
    }

    #productDetail .productDetailsBlock {
        flex-direction:column;
    }

    #productDetail .productDetailsBlock .detailsLeft {
        max-width: 100%;
    }

    #productDetail .productDetailsBlock .detailsLeft .slider {
        border-radius:20px;
        overflow:hidden;
    }

    #productDetail .productDetailsBlock .detailsRight {
        max-width:100%;
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist {
        justify-content:space-between;
    }
}

@media screen and (max-width:950px) {
    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop {
        flex-direction:column;
        align-items:flex-start;
    }

    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider .slider-image,
    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider {
        height: 300px;
    }

    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width:771px) {
    .mobileFilterSortButtons, .sortingBarMobile {
        display:none;
    }
}

@media screen and (max-width:770px) {

    #contentSection .leftContent h2 .closeFilterButtonDone {
        width: 100%;
        max-width: 140px;
        display: flex;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        border: 0;
        background: var(--orange);
        border-radius: 8px;
        font-size: 1.14em;
        line-height: 24px;
        color: var(--white);
        cursor: pointer;
        font-family: 'Gotham-Bold';
        font-weight: inherit;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
        display:flex;
    }

    .mobileFilterSortButtons {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100% + 32px);
        position: sticky;
        bottom: -1px;
        /* background: #FAFAFA; */
        background:transparent;
        /*backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);*/
        padding: 10px;
        z-index: 99;
        gap: 24px;
        margin-left: -16px !important;
    }

    .sortingBarMobile {
        left:-100%;
        top:0;
        position:fixed;
        width:100%;
        height:100%;
        background: #FAFAFA;
        transition:.5s all ease-in-out;        
        z-index: 9999;
        padding:16px;
    }

    .sortingBarMobile .sortingBarMobileInner {
        display:flex;
        flex-direction:column;
        gap:20px;
        border: 1px solid #E5E7EB;
        border-radius: 8px;
        width: 100%;
        background: white;
        padding: 16px;
        height:100%;
    }

    .sortingBarMobile .headingBlock {
        padding: 12px 0 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        position: sticky;
        top: 0px;
        background: white;
        z-index: 99;
        border-bottom: 1px solid #E5E7EB;
    }

    .sortingBarMobile .headingBlock h2 {
        font-family: 'Gotham-Bold';
        font-weight: inherit;
        font-size: 20px;
        line-height: 150%;
        letter-spacing: 0%;
        text-transform: capitalize;
        color: #111928;
    }

    .sortingBarMobile .headingBlock .sortingBarMobileDone {
    width: 100%;
    max-width: 150px;
    display: flex;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--orange);
    border-radius: 8px;
    font-size: 1.14em;
    line-height: 24px;
    color: var(--white);
    cursor: pointer;
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

    .sortingBarMobile .headingBlock .closeFilterButton {
        width: 30px;
        min-width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 5px;
        display:none!important;
    }

    

    .sortingBarMobile .sortingList ul {
        display:flex;
        flex-direction:column;
        gap:25px;
    }

    .sortingBarMobile .sortingList ul li {
        position:relative;
    }

    .sortingBarMobile.sortingBarMobileActive {
        left:0;
    }

    /* The container */
    .sortingBarMobile .containerRadio {
      display: block;
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
       font-size: 16px;
       font-weight: inherit;
       line-height: 12px;
       color: #111928;
       font-family:'Gotham-Medium';
    }

    /* Hide the browser's default radio button */
    .sortingBarMobile .containerRadio input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
    }

    /* Create a custom radio button */
    .sortingBarMobile .containerRadio .checkmark {
        position: absolute;
        top: 50%;
        transform:translateY(-50%);
        left: 0;
        height: 18px;
        width: 18px;
        background-color:#F9FAFB;
        border-radius: 4px;
        border: 0.5px solid #D1D5DB;
    }

    .sortingBarMobile .containerRadio:hover input~.checkmark {
        background-color: #ccc;
    }

    .sortingBarMobile .containerRadio input:checked~.checkmark {
        background-color:#FF8922;
        border-color:#FF8922;
    }

    .sortingBarMobile .containerRadio .checkmark:after {
        content: "";
        position: absolute;
    }

    .sortingBarMobile .containerRadio input:checked~.checkmark:after {
        display: block;
    }

    .sortingBarMobile .containerRadio .checkmark:after {
        background: url(../images/checkboxCheck.svg) no-repeat;
        width: 8px;
        height: 5.7px;
        background-size: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }



    .allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem .checkbox-tree .main-category .checkboxContainer {
        line-height: 25px!important;
        padding-top: 0;
        padding-bottom: 0;
    }

    .new-manufacture-list, .new-model-listing {
        grid-template-columns: repeat(1, 1fr)!important;
    }

    .allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul .manufacture-list .checkboxContainer {
        line-height: 18px!important;
        padding-top:0px!important;
        padding-bottom:0px!important;
    } 

    #contentSection .rightContent.grid .rightContentInner .productLists {
    grid-template-columns: repeat(2, 1fr);
    }

    header .headerBottom {
        z-index: 9999;
    }

    header .headerTop .loginButtons {
        z-index: 9;
    }

    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom {
        flex-direction:column;
    }

    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemBottom a {
        max-width:100%!important;
        width:100%!important;
    }

    .emailSellerPopup .emailSellerPopupInner {
        height:100%;
        max-height:100%;
        border-radius:0px;
        overflow-y: auto;
        padding:0 0 0 0;
    }

    .allCategoriesPopup .allCategoriesPopupInner {
        height:calc(100vh - 60px);
        max-height:unset;
        top:auto;
        bottom:0px;
        border-radius:0px;
        padding:16px;
        transform: translate(-50%, 0);
    }

    .allCategoriesPopup .allCategoriesPopupInner .popupContent {
        max-height:calc(100vh - 187px);
        gap:16px;
    }

    .emailSellerPopup .emailSellerPopupInner form .popupContent {
        padding:0 32px 0 32px;
    }

    .emailSellerPopup .emailSellerPopupInner .popupHead {
        position: sticky;
        top: 0;
        background: #ffffff;
        padding:32px 32px 0 32px;
    }

    .emailSellerPopup .emailSellerPopupInner form .popupFoot {
        padding:0 32px 32px 32px;
    }

    .emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop .popupContentTopLeft .twoCols {
        flex-direction:column;
    }

    .emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop {
        flex-direction:column;
    }

    .emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop .popupContentTopLeft,
    .emailSellerPopup .emailSellerPopupInner form .popupContent .popupContentTop .popupContentTopRight {
        width:100%;
    }

    .allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories {
        grid-template-columns: repeat(3, 1fr);
    }

    #productDetail .productDetailsBlock .detailsLeft {
        flex-direction:column;
    }

    #productDetail .productDetailsBlock .detailsLeft .thumbnail-container {
        width: 100%;
        max-width:100%;
        flex-direction: row;
    }
}

@media screen and (max-width:600px) {
    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider .slider-image,
    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider {
        height:250px;
    }

    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopRight h2 {
        min-height:unset;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner {
        height:100vh;
        padding: 24px;
        gap: 16px;

    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot {
        flex-direction:column-reverse;
        justify-content:center;
        align-items:center;
        padding-top:8px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories {
        height: calc(100vh - 278px);
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent {
        height: calc(100vh - 206px);
        gap:24px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem {
        gap:24px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem .category-letter-style {
        margin:0;
        padding:0;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem>ul {
        margin:0;
        gap:0!important;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem>ul>.main-category .checkboxContainer {
        font-family:'Gotham-Bold';
        font-weight:inherit;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 2%;
        vertical-align: middle;
        color:#111928;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li {
        font-family:'Gotham-Medium';
        font-weight: inherit;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
        vertical-align: middle;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem>ul ul.final-level {
        margin:0;
        gap:12px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem>ul ul.final-level .flex-item .checkboxContainerNewDesign span {
        font-family: 'Gotham-Medium';
        font-weight:inherit;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0%;
        vertical-align: middle;
        color:#111928;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul .main-category:not(:last-child)
     {
        padding-bottom:16px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul .main-category:not(:first-child)
    {
        padding-top:16px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul .main-category {
        gap:12px;
        display:flex;
        flex-direction:column;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level {
        margin:0 0 0 32px;
        padding:0;
        gap:8px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li {
        font-family:'Gotham-Bold';
        font-weight:inherit;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
        vertical-align: middle;
        color:#111928;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li {
        font-family:'Gotham-Bold';
        font-weight:inherit;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
        vertical-align: middle;
        color:#111928;
        display:flex;
        flex-direction:column;
        gap:8px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree>.main-category.main-category-template {
        gap:8px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem .checkbox-tree .main-category .checkboxContainer {
        padding-left:26px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li label {
        margin:0px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li .grandchild-level {
        margin:0 0 0 0;
        padding:0 0 0 32px;
        gap:8px;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li .grandchild-level>li>label {
        font-family:'Gotham-Regular'!important;
        font-weight: inherit!important;
        font-size: 14px!important;
        line-height: 150%;
        letter-spacing: 0%;
        vertical-align: middle;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li .grandchild-level>li {
        gap:12px;
        display:flex;
        flex-direction:column;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories .alphabeticalCategoriesItem ul.checkbox-tree ul.child-level>li> .dropdown-arrow svg {
        width:16px!important;
    }

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootRight .selectManufacturerBtn,
    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootRight .applyFilterBtnNew {width: 100% !important;min-width:100% !important;padding:0px!important;}

    #allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootRight {
    display: grid!important;
    gap: 16px!important;
    grid-template-columns: repeat(2, 1fr)!important;
    width: 100%!important;
}
}

#allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupHead h2 {
    font-family:'Gotham-Bold';
    font-weight: inherit;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color:#111928;
}

#allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot {
    width:100%;
    display:flex;
    justify-content:space-between;
}

#allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootLeft .resetBtnNew {
    font-family:'Gotham-Bold';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#E02424;
}

#allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootRight {
    display:flex;
    gap:16px;
    justify-content:flex-end;
}

#allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootRight .selectManufacturerBtn {
    display:flex;
    align-items:center;
    justify-content:center;
    border: 1px solid #E5E7EB;
    padding:0 24px;
    min-height:48px;
    border-radius:8px;
    width:100%;
    min-width:196px;
    font-family:'Gotham-Bold';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#111928;
    cursor:pointer;
}

#allmainCategoryPopup.allCategoriesPopup .allCategoriesPopupInner .popupFoot .popupFootRight .applyFilterBtnNew {
    display:flex;
    align-items:center;
    justify-content:center;
    border: 1px solid #FF8922;
    background:#FF8922;
    padding:0 24px;
    min-height:48px;
    border-radius:8px;
    width:100%;
    min-width:201px;
    font-family:'Gotham-Bold';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#ffffff;
    cursor:pointer;
}

@media screen and (max-width:500px) {
    .pageItemandHeading {
        flex-wrap:wrap;
    }

    #contentSection .rightContent.grid .rightContentInner .productLists {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    #contentSection .rightContent .rightContentInner .productLists .productListItem .productListItemTop .productListItemTopLeft .slider .slider-image {
        border-radius: 30px;
    }

    #contentSection .rightContent .rightContentInner .headingBlock ul {
        display:none;
    }

    #contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .categoryChips {
        width:100%;
    }

    #contentSection .leftContent .leftContentInner .leftContentInnerItem .leftContentInnerItemBottom .categoryChips .chipsItem {
        max-width:48%;
    }

    #contentSection .leftContent {
        max-width:100%;
    }

    .emailSellerPopup .emailSellerPopupInner .popupHead h2 {
        font-size: 17px;
    }

    .allCategoriesPopup .allCategoriesPopupInner .popupContent .alphabeticalCategories {
        grid-template-columns: repeat(2, 1fr);
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing {
        width: 100px;
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons {
        flex-direction:column;
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons a {
        width:100%!important;
    }

    #productDetail .productDetailsBlock {
        gap:16px;
        padding: 15px;
    }
}

.status-message {
    margin-bottom: 15px;
    font-size: 16px;
    color: #555;
    text-align: left;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.page-link {
    padding: 10px 15px;
    border-right:1px solid #D1D5DB;
    border-top:1px solid #D1D5DB;
    border-bottom:1px solid #D1D5DB;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.page-link:first-child {
    border-left:1px solid #D1D5DB;
    border-radius:5px 0 0 5px;
}

.page-link:last-child {
    border-radius:0 5px 5px 0;
}

.page-link.active {
    background-color: #FF8922;
    color: white;
    border-color: #FF8922;
}

.page-link.disabled {
    pointer-events: none;
    color: #ccc;
    border-color: #ddd;
    cursor: not-allowed;
}

.leftContentInnerItem.toggleItem .leftContentInnerItemBottom {
    display:none!important;
    transition:.5s all ease-in-out;
}

.leftContentInnerItem.toggleItem .leftContentInnerItemBottom form {
    display:flex;
    align-items:center;
    gap:5px;
}

.leftContentInnerItem.toggleItem .leftContentInnerItemBottom form input {
    width:40%;
    min-height: 42px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    padding-left: 16px;

    font-family: 'Gotham-Regular'!important;
    font-weight: inherit;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    color:#1B3047;
}

::placeholder {
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
    color:#6B7280;
}

.leftContentInnerItem.toggleItem .leftContentInnerItemBottom form input.serialSearch {
    width:80%;
}

.price-custom-text > span {
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.leftContentInnerItem.toggleItem .leftContentInnerItemBottom button {
    width:30%;
    min-height: 42px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #1B3047;
    background: #1B3047;
    color:#ffffff;
    cursor:pointer;
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.leftContentInnerItem.toggleItem.activeItem .leftContentInnerItemTop .rightItem.toggleButton {
    transition:.5s;
    transform:rotate(180deg);
}

.leftContentInnerItem.toggleItem.activeItem .leftContentInnerItemBottom {
    display:flex!important;
    transition:.5s all ease-in-out;
}

/* Date picker */
.leftContentInnerItem.toggleItem .leftContentInnerItemBottom.daterangepickerbottom {
    position:relative;
    display:flex;
    align-items:center;
    flex-direction:row!important;
    gap:5px;
}

.leftContentInnerItem.toggleItem .leftContentInnerItemBottom.daterangepickerbottom input {
    width:70%;
    min-height: 42px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    outline:none!important;

    font-family: 'Gotham-Medium'!important;
    font-weight: inherit;
    font-size: 12px;
    line-height: 125%;
    letter-spacing: 0%;
    color:#1B3047;
}

#logout-form button {
    border: 2px solid #E02424;
    cursor: pointer;
}

/** BUTTON CSS Popup**/

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

/* Hide default checkbox */
.checkboxContainerNewDesign input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkboxContainerNewDesign .label-text {
    padding: 8px 12px;
    border: 0px solid #FF8922;
    border-radius:8px;
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;

    background-color:#F5F5F5;
    color:#111928;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    min-height:34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.checkboxContainerNewDesign input:checked ~ .label-text {
    background-color:#FF89220D;
    border: 1px solid #FF8922;
}

.allCategoriesPopup.allManufacturerPopup .allCategoriesPopupInner .popupFoot .resetAll {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding: 12px 24px 12px 24px;
    border-radius:8px;
    border: 1px solid #E5E7EB;
    color:#111928;
    width:50%;

    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
}

.allCategoriesPopup.allManufacturerPopup .allCategoriesPopupInner .popupFoot .applyFilter {
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#ffffff;
    width:50%;
    max-width: unset;
    min-height:48px;
    padding: 12px 24px 12px 24px;
    border-radius:8px;
    background:#FF8922;
    cursor: pointer;
}

/* Additional CSS */
.category-letter-style{
    color: #FF8922;
    height: 46px;
    width: 46px;
    border-radius: 5px;
    border: solid 1px #FF8922;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 36px;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 10px;
}
.margin-bottom-15{
    margin-bottom:15px;
}
.dropdown-arrow {
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer;
}
.checkbox-tree{
    display: flex;
    flex-direction: column !important;
    gap: 20px !important;
    justify-content: stretch;
}

.second-dropdown-arrow {
    margin-left: 10px;
    cursor: pointer;
    float: right;
    display: inline-flex;
    align-items: center;
    height: 20px;
}

.second-dropdown-arrow {
    margin-right: 30px;
    font-size: 12px;
    cursor: pointer;
}

.second-dropdown-arrow svg {
    width: 13px;
}

/*Testing*/
.checkbox-tree {
    list-style: none;
    padding-left: 0;
    padding-right: 20px !important;
}

.main-category {
    font-weight: inherit;
     font-family:'Gotham-Bold';
}
.main-category >label{
    margin-bottom: 10px;
}
.main-category:not(:last-child){
    padding-bottom: 25px;
    border-bottom: solid 1px #E5E7EB;
}
.main-category:last-child{
    margin-bottom: 20px;
}
.child-level, .grandchild-level{
    flex-direction: column !important;
}
.child-level, .grandchild-level {
    padding-left: 25px;
    list-style: none;
}

.checkboxContainer {
    display: block;
    position: relative;
    padding: 8px 0 8px 35px;
    cursor: pointer;
    user-select: none;
    width: 100%;
}

.has-children {
    font-weight: inherit;
     font-family:'Gotham-Medium';
}

.checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 3px;
}

.checkboxContainer:hover input ~ .checkmark {
    background-color: #ddd;
}

.checkboxContainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    background: url(../images/checkboxCheck.svg) no-repeat;
    width: 8px;
    height: 5.7px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkboxContainer input:checked ~ .checkmark:after {
    display: block;
}

.dropdown-arrow {
    margin-left: 10px;
    cursor: pointer;
    float: right;
    display: inline-flex;
    align-items: center;
    height: 20px;
}

.dropdown-arrow svg {
    transition: transform 0.2s ease;
}
.second-dropdown-arrow svg {
    transition: transform 0.2s ease;
}

.arrow-up, .arrow-down {
    width: 20px;
    height: 12px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 25px;
    margin-top: 5px;
}

.flex-item {
    flex: 0 0 auto;
}

.final-level {
    padding-left: 0;
}

.leftContentInnerItem {
        cursor: pointer;
    }
 #spinner-loader {
    text-align: center;
    padding: 10px;
    font-size: 16px;
    color: #555;
 }

 .listing-item {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
 }
 #pagination-controls button {
    margin: 0 5px;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
 }
 #pagination-controls {
    display: flex;
    justify-content: center;
 }

 #pagination-controls button {
    margin: 0;
    padding:6px 12px 6px 12px;
    font-size: 14px;
    font-weight: inherit;
     font-family:'Gotham-Medium';
    line-height: 21px;
    background:#ffffff;
 }

 #pagination-controls button:not[disabled] {
    color:#6B7280;
 }

 #pagination-numbers .page-number {
    border-width:0;
 }

 #pagination-numbers {
    border-width:1px;
    border-color: #D1D5DB!important;
    border-style:solid;
 }

 #pagination-numbers .page-number {
    border-width:0 1px 0 0;
    border-color: #D1D5DB!important;
    border-style:solid;
 }

 #pagination-numbers .page-number:last-child {
    border-width:0;
 }

 #pagination-numbers {
    display: flex;
 }

 button#prev-page:not[disabled] {
    border-color: #D1D5DB;
 }

 button#prev-page {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e5e7eb;
    border-radius:8px 0px 0px 8px;
 }

 button#next-page {
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #D1D5DB;
    border-radius:0px 8px 8px 0px;
 }
 #logout-form button {
    border: 2px solid #E02424;
    cursor: pointer;
 }
 .hidden-important {
    display: none !important;
}

/* loader CSS */
    /* Loader Background */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Spinning Animation */
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Keyframe Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* loader CSS */

/**/
.custom-bread-crumbs nav#breadcrumbs {
    display: flex;
    align-items: center;
    gap: 12px;
}

.custom-bread-crumbs nav#breadcrumbs li {
    list-style-type: none;
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:#6B7280;
    position:relative;
}

.custom-bread-crumbs nav#breadcrumbs li a {
    color:inherit;
}

.custom-bread-crumbs nav#breadcrumbs li:not(:first-child) a {
    color:#111928;
}

.custom-bread-crumbs nav#breadcrumbs .breadcrumbsArrow {
    width:12px;
    height:12px;
}