@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham-Regular';
    src: url('../fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Book.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham-Black';
    src: url('../fonts/Gotham-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Gotham-Black.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Gotham-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Gotham-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
     font-weight: normal;
     font-style: normal;
}
:root {
    --orange: #FF8922;
    --light-orange: #FF89220D;
    --medium-grey: #1B3047;
    --light-text-color: #9CA3AF;
    --light-grey: #1B3047;
    --lightest-grey: #F5F5F5;
    --light-bg: #F9FAFB;
    --light-border: #E5E7EB;
    --dark-border: #374151;
    --white: #ffffff;
    --black: #111928;
    --dark: #1B3047;
    --dark-color: #6B7280;
}

.scrollbar-new-design:hover::-webkit-scrollbar-track {
    border-radius: 99px;
    background-color: #f7f7f7 !important;
}

.scrollbar-new-design::-webkit-scrollbar {
    width: 8px;
    background-color:transparent;
    border-radius: 99px;
}

.scrollbar-new-design:hover::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

.scrollbar-new-design::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background-color:#FF8922 !important;
}

.scrollbar-new-design:hover::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color:#FF8922 !important;
}


::-webkit-scrollbar-thumb {
  background: #FF8922 !important; 
  border-radius: 10px;
}


.scrollbar-new-design-new::-webkit-scrollbar-track {
    border-radius: 99px;
    background-color:#DFDFDF;
}

.scrollbar-new-design-new::-webkit-scrollbar {
    width: 8px;
    background-color:transparent;
    border-radius: 99px;
}

.scrollbar-new-design-new::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

.scrollbar-new-design-new::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background-color:#FF8922;
}

.scrollbar-new-design-new::-webkit-scrollbar-thumb:hover {
    width: 8px;
    background-color:#FF8922;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    list-style-type: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.overflowHidden {
    overflow:hidden;
}

body .content {
    min-height:calc(100vh - 453.34px);
}

body {
    font-family: 'Gotham-Regular';
    font-size: 14px;
    background: var(--light-bg);
    padding-top:151px;
}

.container {
    width: 100%;
    max-width: 1184px;
}

/*--Header--*/
header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--white);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
}

header .headerTop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    padding: 16px 0px;
    border-bottom: 1px solid var(--light-border);
}

header .headerTop .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:10px;
}

/*header .headerTop .menuIcon {
    width: 100%;
    max-width: 24px;
    min-height: 16px;
    display: none;
    cursor: pointer;
}

header .headerTop .menuIcon .menuBar1,
header .headerTop .menuIcon .menuBar2,
header .headerTop .menuIcon .menuBar3 {
    width: 24px;
    height: 2px;
    background-color: var(--black);
    margin: 5px 0;
    transition: 0.4s;
    border-radius: 50px;
}*/


header .headerTop .headerLeft {
    width: 100%;
    min-height: 16px;
    display: none;
    cursor: pointer;
    gap:20px;
    align-items:center;
}

header .headerTop .menuIcon {
    width: 100%;
    max-width: 16px;
    min-height: 16px;
    cursor: pointer;
    display:flex;
    flex-direction:column;
    gap:5px;
}

header .headerTop .menuIcon .menuBar1,
header .headerTop .menuIcon .menuBar2,
header .headerTop .menuIcon .menuBar3 {
    width: 16px;
    height: 2px;
    background-color: var(--black);
    transition: 0.4s;
    border-radius: 50px;
}
header .headerTop .menuIcon.activeNav .menuBar1 {
    transform: translate(0, 7px) rotate(-45deg);
}

header .headerTop .menuIcon.activeNav .menuBar2 {
    opacity: 0;
}

header .headerTop .menuIcon.activeNav .menuBar3 {
    transform: translate(0, -7px) rotate(45deg);
}

header .headerTop .search {
    width: 100%;
    max-width: 514px;
    transition: .5s;
}

header .headerTop .search .customInput {
    width: 100%;
    position: relative;
}

header .headerTop .search .customInput img.searchIcon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

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

header .headerTop .search .customInput input:hover {
    border: 1px solid var(--orange);
}

header .headerTop .search .customInput input:focus {
    border: 1px solid var(--orange);
    box-shadow: 0px 0px 0px 3px var(--light-orange);
}

header .headerTop .search .customInput ::placeholder {
    font-family: 'Gotham-Regular';
    font-weight: inherit;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-align: left;
    color: var(--dark-color);
}

header .headerTop .loginButtons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 32px;
}

header .headerTop .loginButtons .signInBtn {
    width: 100%;
    max-width: 100%;
    min-width: 113px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid var(--orange);
    background: var(--white);
    border-radius: 8px;
    font-size: 1.14em;
    line-height: 24px;
    color: var(--orange);
    cursor: pointer;
    font-family:'Gotham-Bold';
    font-weight: inherit;
    line-height: 150%;
    letter-spacing: 0%;
}

header .headerTop .loginButtons .registerBtn {
    width: 100%;
    max-width: 100%;
    min-width: 113px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid var(--orange);
    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;
    line-height: 150%;
    letter-spacing: 0%;
}

header .headerBottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 69px;
    padding: 24px 0px;
}

header .headerBottom .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

header .headerBottom nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

header .headerBottom nav ul li a {
    font-family: 'Gotham-Medium';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* serach bar CSS */
header .headerTop .search-container {
    position: relative;
  }

  header .headerTop .search-input-wrapper input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
  }

  header .headerTop .search-input-wrapper i {
    margin-right: 10px;
    color: #555;
    cursor: pointer;
    position:absolute;
    top:17px;
    right:8px;
  }

  header .headerTop .search-input-wrapper i svg {
    width: 10px !important;
  }

 header .headerTop .dropdown-results {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 310px;
    overflow-y: auto;
    z-index: 100;
  }

  header .headerTop .dropdown-results div {
    padding:0 0 24px 0;
    margin:0 0 24px 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    font-weight: inherit;
    line-height: 16.94px;
  }

  header .headerTop .dropdown-results div:last-child {
    border-bottom: none;
  }

  header .headerTop .dropdown-results div:hover {
    color:#ff7f00;
  }

  header .headerTop .see-more {
    text-align: center;
    padding: 0!important;
    margin:0px!important;
    font-size: 16px;
    font-weight: inherit;
    line-height: 19.36px;
    color: #FF8922!important;
    cursor: pointer;
  }

  header .headerTop   .see-more:hover {
    text-decoration: underline;
  }


  header .headerTop .dropdown-results ul {
    display:flex;
    flex-direction:column;
    padding:24px 16px 16px 16px;
  }

  header .headerTop .dropdown-results li {
    padding:0 0 12px 0;
    margin:0 0 12px 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    font-weight: inherit;
    line-height: 16.94px;
    position: relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }  

  header .headerTop .dropdown-results li a{
  
    font-size: 14px;
    color: #333;
    cursor: pointer;
    
    font-size: 14px;
    font-weight: inherit;
    line-height: 16.94px;

    align-items:center;
    justify-content:space-between;
  }

  header .headerTop .dropdown-results li a:hover {
    color: #ff7f00;
}

  header .headerTop .dropdown-results li:after {
    content:'';
    background:url(../images/searchRightArrow.svg) no-repeat;
    display:block;
    width:10px;
    height:10px;
    background-size:cover;
  }

  header .headerTop .dropdown-results li:last-child {
    padding:0;
    margin:0;
    border-bottom:0;
  }

  header .headerTop .dropdown-results li:hover {
    color:#ff7f00;
  }

  header .headerTop .dropdown-results .see-more {
    text-align: center;
    padding: 0!important;
    margin:0px!important;
    font-size: 16px;
    font-weight: inherit;
    line-height: 19.36px;
    color: #6B7280!important;
    background:#F8F8F8;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:53px;
  }

  header .headerTop .dropdown-results .see-more span {
    font-weight:inherit;
    color: #FF8922!important;
    cursor: pointer;
    margin-left:5px;
  }
  header .headerTop .dropdown-results .see-more span a{
    font-weight:inherit;
    color: #FF8922!important;
    cursor: pointer;
 
  }

  /*--Dropdown Block--*/
header .headerBottom nav>ul>li>a, header .headerBottom nav>ul>li {
    position:relative;
}

header .headerBottom nav>ul>li.activeDrop>a:before {
    position:absolute;
    width:80px;
    height:80px;
    background:transparent;
    content:'';
    display:block;
    left:0;
    top:0;
}

header .headerBottom nav ul li.activeDrop .navigationDropdown {
    display:flex;
}

header .headerBottom nav ul li.activeDrop a svg {
    transition:.5s;
    transform:rotate(-180deg);
}

header .headerBottom nav ul li a svg {
    transition:.5s;
}

header .shortDropdown {
    width: 350%;
    padding: 10px;
    display:none;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    position:absolute;
    left:0px;
    top:45px;
    background:#ffffff;
    box-shadow: 0px 1px 2px 0px #0000001A;
    z-index: 9999;
}

header .headerBottom nav ul li.activeDrop .shortDropdown {
    display:flex;
}

header .navigationDropdown .dropdownItemsOuter .container .dropdownItem> ul > li > a:hover, header .headerBottom nav ul li a:hover, header .shortDropdown ul li a:hover {
    color:#FF8922!important;
}



header .shortDropdown ul {
    display:flex;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-direction:column;
}

header .shortDropdown ul li a {
    font-weight: inherit!important;
    font-size: 12px!important;
    line-height: 150%!important;
    color:#111928!important;
}

header .navigationDropdown {
    width:100%;
    display:none;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    position:fixed;
    left:0px;
    top:150px;
    background:#ffffff;
    box-shadow: 0px 1px 2px 0px #0000001A;
    z-index: 9999;
}

header .navigationDropdown .dropdownItemsOuter {
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:32px 0px;
    border-top:1px solid #E5E7EB;
    border-bottom:1px solid #E5E7EB;

    overflow-y: auto;
}

/*header .navigationDropdown .dropdownItemsOuter .container {
    width:100%;
    max-width:903px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    gap: 0;
    row-gap: 32px;
    align-items: flex-start;
    align-content: flex-start;
}*/

header .navigationDropdown .dropdownItemsOuter .container {
    width: 100%;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    gap: 20px;
    row-gap: 32px;
    align-items: flex-start;
    align-content: flex-start;
}

header .navigationDropdown .dropdownItemsOuter .container .dropdownItem {
    display:flex;
    flex-direction:column;
    gap:16px;
}

header .navigationDropdown .dropdownItemsOuter .container .dropdownItem h4 {
    font-family:'Gotham-Black';
    font-weight: inherit;
    font-size: 17px;
    line-height: 150%;
    color:#FF8922;
}

header .navigationDropdown .dropdownItemsOuter .container .dropdownItem ul {
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:flex-start;
    justify-content:center;
}

header .navigationDropdown .dropdownItemsOuter .container .dropdownItem ul li a {
    font-weight: inherit;
    font-size: 12px;
    line-height: 150%;
    color:#111928;
    text-align:left;
    font-family: 'Gotham-Regular';
}

header .navigationDropdown .dropdownItemsView {
    width:100%;
    min-height:83px;
    display:flex;
    align-items:center;
    justify-content:center;
}

header .navigationDropdown .dropdownItemsView .viewAllButton {
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
}

header .navigationDropdown .dropdownItemsView .viewAllButton span {
    font-family: 'Gotham-Bold';
    font-size: 16px;
    line-height: 100%;

}

/*/*--Footer--*/
/*
footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
    color: var(--light-text-color);
}

footer .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 1280px;
}

footer .container .footerTop {
    width: 100%;
    padding: 64px 0 48px 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 96px;
}

footer .container .footerTop .left {
    width: 100%;
    max-width: 959px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

footer .container .footerTop .left .footerlogo svg {
    width: 100%;
    max-width: 243px;
    height: auto;
}

footer .container .footerTop .left .footerAbout {
    font-size: 1.14em;
    font-weight: 400;
    line-height: 24px;
}

footer .container .footerTop .right {
    width: 100%;
    max-width:273px;
    display: flex;
    justify-content: space-between;
}

footer .container .footerTop .right .col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

footer .container .footerTop .right .col h3 {
    font-size: 1em;
    font-weight: 600;
    line-height: 21px;
    color: var(--white);
    text-transform: uppercase;
}

footer .container .footerTop .right .col ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

footer .container .footerTop .right .col ul li a {
    font-size: 1.14em;
    font-weight: 400;
    line-height: 24px;
    color: var(--light-text-color);
}

footer .container .footerTop .right .col ul li a:hover {
    color: var(--white);
}

footer .container .footerBottom {
    width: 100%;
    padding: 32px 0 34px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--dark-border);
}

footer .container .footerBottom .socialIcons ul {
    display: flex;
    align-items: center;
    gap: 18px;
}*/

/*--Footer--*/
/*footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
    color: var(--light-text-color);
}

footer .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 1280px;
}

footer .container .footerTop {
    width: 100%;
    padding: 64px 0 48px 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 96px;
}

footer .container .footerTop .left {
    width: 100%;
    max-width: 384px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

footer .container .footerTop .left .footerlogo svg {
    width: 100%;
    max-width: 243px;
    height: auto;
}

footer .container .footerTop .left .footerAbout {
    font-size: 1.14em;
    font-weight: 400;
    line-height: 24px;
}

footer .container .footerTop .left .socialIcons ul {
    display: flex;
    align-items: center;
    gap: 18px;
}

footer .container .footerTop .left .socialIcons ul a:hover svg path {
    fill: var(--white);
}

footer .container .footerTop .right {
    width: 100%;
    max-width: 800px;
    display: flex;
    justify-content: space-between;
}

footer .container .footerTop .right .col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

footer .container .footerTop .right .col h3 {
    font-size: 1em;
    font-weight: 600;
    line-height: 21px;
    color: var(--white);
    text-transform: uppercase;
}

footer .container .footerTop .right .col ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

footer .container .footerTop .right .col ul li a {
    font-size: 1.14em;
    font-weight: 400;
    line-height: 24px;
    color: var(--light-text-color);
}

footer .container .footerTop .right .col ul li a:hover {
    color: var(--white);
}

footer .container .footerBottom {
    width: 100%;
    padding: 32px 0 34px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--dark-border);
}*/

/**new  footer CSS*/
footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
    color: var(--light-text-color);
}

footer .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 1280px;
}

footer .container .footerTop {
    width: 100%;
    padding: 64px 0 48px 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 48px;
}

footer .container .footerTop .col1 {
    display: flex;
    gap: 20px;
}

footer .container .footerTop .col .footerlogo svg {
    width: 100%;
    max-width: 243px;
    height: auto;
}

footer .container .footerTop .right {
    width: 100%;
    max-width:273px;
    display: flex;
    justify-content: space-between;
}

footer .container .footerTop .socialIcons ul {
    display: flex;
    align-items: center;
    flex-direction:row!important;
    gap: 18px;
}

footer .container .footerTop .col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width:100%;
    max-width:25%;
}

footer .container .footerTop .col h3 {
    color: var(--white);
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform:uppercase;
}

footer .container .footerTop .col ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

footer .container .footerTop .col ul li a {
    font-size: 16px;
    font-weight: inherit;
    line-height: 150%;
    color: var(--light-text-color);
    font-family: 'Gotham-Regular';
}

footer .container .footerTop .col ul li a:hover {
    color: var(--white);
}

footer .container .footerBottom {
    width: 100%;
    padding: 32px 0 34px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--dark-border);
    text-align: center;
}

footer .container .footerBottom p{
    font-family: 'Gotham-Regular';
    font-weight: inherit;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color:var(--white);
}


@media screen and (max-width:1184px) {
    .container {
        width: 95%;
    }
}

@media screen and (max-width:1000px) {
    header .headerTop .search {
        width: 40%;
        max-width: 300px;
    }
}


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

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

    header .headerTop .loginButtons {
        flex-direction:row-reverse;
    }

    header .headerTop .loginButtons .registerBtn {
        font-family: 'Gotham-Bold';
        font-weight: inherit;
        font-size: 12px;
        width:67px;
        min-width:67px;
        height: 34px;
        min-height: 34px;
    }

    header .headerTop .loginButtons .signInBtn {
        border: 1.5px solid #FF8922;
        width: 76px;
        min-width: 76px;
        height: 34px;
        max-height: 34px;
        min-height: 34px;
        border-radius:8px;
        padding:8px 15px;
        font-family: 'Gotham-Bold';
        font-weight: inherit;
        font-size: 12px;
        color:#FF8922;
    }

    body {
        padding-top: 142px;
    }

    /*--New Nav--*/
    .backBlock {
        display:flex;
        align-items:center;
        justify-content:center;
        height:52px;
        min-height:52px;
        width:100%;
        background:#F8F8F8;
        padding:16px 24px 15px 24px;
        position:relative;
        border-top: 1px solid #E5E7EB;
    }

    #header:before {
        width:100%;
        height:1px;
        background:#E5E7EB;
        position:absolute;
        left:0;
        top: 71px;
        content:'';
    }

    header .headerTop .search .customInput input {
        min-height: 44px;
    }

    .backBlock .backbutton {
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        left:24px;
    }
    .backBlock span {
        font-family: 'Gotham-Bold';
        font-weight:inherit;
        font-size: 16px;
        line-height: 100%;
    }

    /*header .headerBottom {
        top: 66px;
        height: calc(100% - 183px);
    }*/

    header .headerBottom {
        top: 142px;
        height: calc(100% - 142px);
    }

    header .headerTop .search {
        display:flex;
        transition:.5s;
    }

    header .headerTop .search {
        display:flex;
        transition:.5s;
    }
    header .headerBottom nav ul li.activeDropMobile .navigationDropdown, header .headerBottom nav ul li.activeDropMobile .shortDropdown {
        left:0;
        transition:.5s;
    }

    header .headerTop .dropdown-results {
        height: calc(100% - 140px);
        top: 140px;
        transition: .5s;
        width: 100% !important;
        position: fixed !important;
        left: 0;
        border-radius: 0px;
        box-shadow: unset;
        border-width: 1px 0px 0px 0px;
        max-height:unset;
    }

    header .headerTop .dropdown-results ul {
        height: calc(100% - 53px);
        overflow-y:auto;
    }

    header .headerTop .dropdown-results .see-more {
        font-size: 14px;
        font-weight: inherit;
        line-height: 19.36px;
    }


    header .navigationDropdown, header .shortDropdown {
        display:flex;
        align-items: flex-start;
        height: calc(100% - 70px);
        top: 70px;
        z-index: 9;
        max-height: unset;
        justify-content: flex-start;
        overflow:hidden;
        left:-100%;
        transition:.5s;
        width:100%!important;
        position:fixed!important;
        padding:0px;
    }

    header .navigationDropdown .dropdownItemsOuter .container, header .shortDropdown .dropdownItemsOuter .container {
        grid-template-columns: repeat(1, 1fr);
    }

    header .navigationDropdown .dropdownItemsOuter, header .shortDropdown .dropdownItemsOuter {
        padding:16px;
        height: calc(100% - 135px);
        overflow-y:auto;
    }

    header .navigationDropdown .dropdownItemsOuter .container, header .shortDropdown .dropdownItemsOuter .container {
        gap:16px;
    }

    header .navigationDropdown .dropdownItemsOuter .container .dropdownItem ul li a, header .shortDropdown .dropdownItemsOuter .container .dropdownItem ul li a {
        padding:0px;
        border:0px;
        min-height:unset;
    }
    /*--New Nav Ends--*/

    
    
    body.activeNav {
        overflow: hidden;
    }

    header .headerTop .loginButtons {
        position:static;
        right:0;
        top: 0;
        width:unset;
        min-width:unset;
        background: white;
        transition: .5s all ease-in-out;
        padding:0;
        gap:8px;
        min-height:60px;
    }

    header .headerTop .loginButtons .dashboardBtnOuter {
        width:100%;
    }

    /*header .headerTop .loginButtons.activeNav {
        left: 0;
    }*/

    header .headerBottom {
        position: fixed;
        left: -100%;
        width: 100%;
        background: white;
        transition: .5s all ease-in-out;
        overflow-y: auto;
        align-items: flex-start;
        padding: 0;
    }

    header .headerBottom .container {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    header .headerBottom .container nav {
        width: 100%;
    }

    header .headerBottom .container nav ul {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px;
    }

    header .headerBottom .container nav ul li {
        width: 100%;
    }

    header .headerBottom .container nav ul li a {
        min-height: 45px;
        padding: 13px 24px 12px 36px;
        justify-content: space-between;
    }

    header .headerBottom .container nav ul li a svg {
        transform: rotate(-90deg);
    }

    header .headerBottom.activeNav {
        left: 0;
        transition: .5s all ease-in-out;
    }



    /*header .headerTop .menuIcon {
        display: inline-block;
        position: absolute;
        left: 24px;
        top: 24px;
    }*/



    header .headerTop .headerLeft {
        display:flex;
        position: static;
        left: 24px;
        top: 24px;
        width:20px;
        margin-left: 15px;
    }

    .logo svg {
        width: 161px;
    }

/*    header .headerTop .search {
        display:none;
        transition:.5s;
    }*/

    header .headerTop {
        padding: 24px;
    }

    header .headerTop .container {
        width: 100%;
        display:grid;
        gap: 15px;
        row-gap: 13px;
        grid-template-columns: repeat(3, 1fr);
    }

    header .headerTop .search {
        width: 100%;
        max-width: 100%;        
        order: 4;
        grid-column: span 3;
    }

    header .headerTop .menuIcon {
        display: flex;
        min-height:20px;
    }

    header .headerTop {
        padding:10px 18px 10px 18px;
        min-height: 66px;
    }

    a.logo {
    margin-left: -20px !important;
}

    footer .container .footerTop {
        flex-direction:column;
    }

    footer .container .footerTop .col {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width:100%;
        max-width:100%;
    }

    footer .container .footerBottom {
        flex-direction: column;
        gap: 24px;
        justify-content:flex-start;
        align-items:flex-start;
    }
}

header .headerTop .loginButtons .dashboardBtn {
    width: 100%;
    min-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;
    font-weight: inherit;
    line-height: 24px;
    color: var(--white);
    cursor: pointer;
    font-family: 'Gotham-Bold';
    font-weight: inherit;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
}

@media screen and (min-width:771px) {
    header .headerTop .loginButtons .dashboardBtn {
        min-width: 162px;
        min-height: 48px;
        padding: 12px 24px;
    }
}

/* Part attachment */

.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;
    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;
    line-height: 21px;
    color: #111928;
}

.emailSellerPopup .emailSellerPopupInner form .popupContent .formField .customInput em {
    font-size: 12px;
    font-weight: inherit;
    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;
    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;
    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;
    line-height: 14px;
    color:#6B7280;
}

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

.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(https://machinerylist.com/products/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 22px;
    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;
    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;
}

@media screen and (max-width:770px) {
    .emailSellerPopup .emailSellerPopupInner {
        height:100%;
        max-height:100%;
        border-radius:0px;
        overflow-y: auto;
        padding:0 0 0 0;
    }

    .allCategoriesPopup .allCategoriesPopupInner {
        height:100%;
        max-height:100%;
        border-radius:0px;
        padding:16px;
    }

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

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

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .buttons.mobileButton {
        display:flex;
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing.active .icon .fill svg path {
        fill:white;
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightTop .headingWishlist .saveListing.active .icon {
        background: #FF8922;
    }

    #productDetail .productDetailsBlock .detailsRight .detailsRightCenter {
        display:none;
    }
}

@media screen and (min-width:378px) and (max-width:500px) {
        a.logo {
            margin-left: -70px !important;
        }

        header .headerTop .loginButtons .dashboardBtn {
            color: #fff !important;
            font-family: 'Gotham-Medium';
            font-weight: inherit;
            font-size: 15px;
        }
}

@media screen and (min-width:375px) and (max-width:410px) {

    header .headerTop .headerLeft {
        margin-left:0;
    }

    a.logo {
        margin-left: -14px !important;
    }

}