@font-face {
    font-family: 'ProximaNova Regular';
    font-style: normal;
    font-weight: normal;
    src:
        local('ProximaNova Regular'),
        url('fonts/ProximaNovaRegular.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Light';
    font-style: normal;
    font-weight: normal;
    src:
        local('ProximaNovaLight'),
        url('fonts/ProximaNovaLight.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Semibold';
    font-style: normal;
    font-weight: normal;
    src:
        local('ProximaNova Semibold'),
        url('fonts/ProximaNovaSemibold.woff2') format('woff2');
}

@font-face {
    font-family: 'ProximaNova Bold';
    font-style: normal;
    font-weight: normal;
    src:
        local('ProximaNova Bold'),
        url('fonts/ProximaNovaBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Recoleta';
    font-style: normal;
    font-weight: normal;
    src:
        local('Recoleta'),
        url('fonts/RecoletaRegular.woff2') format('woff2');
}
@font-face {
    font-family: 'Optima-Medium';
    font-style: normal;
    font-weight: normal;
    src:
        local('Optima-Medium'),
        url('fonts/Optima-Medium.woff2') format('woff2');
}

* {
    font-family: 'Josefin Sans', sans-serif;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Josefin Sans', sans-serif;
    margin: 0;
    color: #fff;
}
p {
    font-family: 'Josefin Sans';
    margin: 0;
    color: #fff;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
    transition: 0.5s;
    color: #fff;
}
.container-fluid {
    padding: 0 50px;
}
body {
    background-color: #000000;
    color: #fff;
}
.modal {
    z-index: 9999;
}
.contact-data ul.social-icon li img {
    width: 16px;
    position: relative;
    top: -2px;
    z-index: -1;
}
body.Home.AboutPage header.topHeader.centerHeader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
}
.grid-lines .green-bar-fill {
    background-color: hsl(11deg 100% 26.46%) !important;
    border: hsl(11deg 100% 26.46%) !important;
}
body.Home.AboutPage section.main-section {
    padding-top: 200px;
    /*background-attachment: fixed !important;*/
    /*background-repeat: no-repeat !important;*/
    background-size: 100% 90% !important;
    height: auto !important;
    background-position: -10px 308px !important;
}

.abtContent h3 {
    color: #fff;
    font-family: Recoleta;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}
.pac-container.pac-logo {
    z-index: 9999999999 !important;
}
.topHeader {
    background-color: black;
    padding: 13px 0;
    position: relative;
    padding-bottom: 20px;
}
.centerHeader .logo img {
    width: 400px;
}
body.Home .logo img {
    width: 400px;
}
.head-right-img {
    float: right;
    position: absolute;
    right: 0px;
}
.shipping-options .radio-option {
    display: flex;
    align-items: center;
}
.prodTitle strong {
    letter-spacing: 10px;
    font-weight: 900 !important;
    font-family: auto;
    font-size: 22px;
}
.shipping-options .radio-option input {
    width: 30px !important;
}

.shipping-options label {
    line-height: 25px !important;
    font-size: 14px !important;
}
/* Header Css Start */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.navbar .nav-list li ul.subMenu a {
    font-size: 10px;
    text-align: left;
}

.navbar .nav-list h6 {
    margin-bottom: 10px;
}
.navbar .nav-list li {
    margin: 0 10px;
    font-size: 12px !important;
    text-align: left;
    padding: 15px 0;
}

.navbar .nav-list a {
    text-decoration: none;
    color: white;
    font-size: 18px;
}

.menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.menu-toggle .bar {
    background-color: white;
    height: 2px;
    width: 25px;
    margin: 3px 0;
    transition: all 0.3s ease;
}

.menu-toggle.open .bar:nth-child(1) {
    transform: rotate(40deg) translate(4px, 3px);
}

.menu-toggle.open .bar:nth-child(2) {
    opacity: 0;
}

.menu-toggle.open .bar:nth-child(3) {
    transform: rotate(-40deg) translate(7px, -8px);
}
nav.navbar h5 {
    font-family: 'Recoleta';
    margin-right: 10px;
}

.red-bar {
    width: 95%;
    position: relative;
    z-index: 1;
}
.grid-lines .red-bar-fill {
    border: 1px solid transparent !important;
    background: #008000 !important;
}
.grid-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
    gap: 3px;
}
.grid-lines div {
    width: 28px;
    height: 28px;
    border: 1px solid #ffffff3d !important;
    background: #000;
}
nav.navbar h5 {
    display: none;
}
.navbar .nav-list li a {
    font-size: 14px;
}

.navbar .nav-list h5 {
    font-size: 16px;
    margin-top: 30px;
}

.navbar .nav-list h6 {
    font-family: 'ProximaNova Regular';
    font-size: 14px;
}

.navbar ul.subMenu li {
    font-size: 10px !important;
}

nav.navbar {
    padding: 0;
    justify-content: start;
    align-items: center;
}

ul.nav-list.active {
    display: none;
    padding: 30px 20px;
}

ul.nav-list {
    display: none;
}
.col-md-3,
.col-md-2 {
    margin-left: auto;
}
.pkgDetails p {
    font-family: 'Recoleta';
}
.auctionProducts .col-md-8.toBeAnnounce::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #0000002e;
    font-size: 35px;
    z-index: 99;
    text-transform: uppercase;
    letter-spacing: 15px;
    word-spacing: 20px;
    left: -7%;
    font-family: 'Recoleta';
    text-decoration: underline;
    text-underline-offset: 10px;
}

.carousel-indicators {
    z-index: 9;
}

.auctionProducts .col-md-8 {
    position: relative;
}

.head-right-img {
    z-index: 9999;
}

.countdown {
    display: flex;
    gap: 20px;
    font-size: 48px;
    font-weight: bold;
    justify-content: center;
    padding-bottom: 12px;
    position: relative;
}

.time-box {
    text-align: center;
}
.separator {
    font-weight: 100;
    font-size: 40px;
    margin-top: 5px;
    color: #fff;
}
.time-box p {
    margin: 0;
    color: #fff;
    text-align: center;
    font-family: 'ProximaNova Light';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.5;
}
.time-box.days-box {
    margin-right: 40px;
}

#days,
#hours,
#minutes,
#seconds {
    color: #fff;
    text-align: center;
    font-family: 'ProximaNova Light';
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

/* Main Section */
.Home .main-section {
    height: 100vh;
    background-image: url('/web_assets/img/mainbackground.PNG');
    background-size: cover;
    background-position: center;
}
.Home .leftMenu {
    height: 100vh;
    width: 100%;
}
.leftMenu {
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    /* text-align: right; */
    padding-bottom: 0px;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}

.leftMenu .subMenu {
    padding: 0;
    text-align: left;
    list-style: none;
    margin-top: 40px;
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    width: 100%;
}

.menu li a {
    color: #fff;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    display: inline-block;
}

.menu li {
    padding: 20px 0px;
}

.menu li .subMenu li {
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4.32px;
    text-transform: uppercase;
    display: inline-block;
}

.leftMenu h5 {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 5.76px;
    text-transform: uppercase;
}

.leftMenu h6 {
    color: #fff;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 3.2px;
    margin-top: 5px;
    text-transform: uppercase;
}
.rightMenu {
    padding-top: 140px;
}
.menu li a:hover {
    color: #c3bfbf;
}

/* Auction Page */
.auctionProducts .row {
    align-items: center;
}

.auctionProducts .leftMenu {
    padding-right: 0px;
    width: 100%;
    flex-wrap: unset;
    background: #000;
    height: fit-content;
    box-shadow: -30px 0px 30px 5px #000;
}

.auctionProducts .ProductSummary {
    padding-left: 40px;
    text-align: right;
}

.carousel-indicators button {
    height: 7px !important;
    width: 50px !important;
}
.AuctionTimer {
    text-align: left;
    margin-bottom: 20px;
}

.AuctionTimer h5 {
    color: #f00;
    font-family: 'Recoleta';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
}
div#countdown {
    display: flex;
    width: 70%;
    justify-content: space-around;
    margin-left: 7%;
}

div#countdown span {
    display: block;
    text-align: center;
    color: #f00;
    text-align: center;
    font-family: 'ProximaNova Light';
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}
.pkgCard .pkgPriceReg {
    font-family: Recoleta;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 2.4px;
    margin-bottom: 30px;
    margin-top: 10px;
    color: #ffffff5c;
    text-decoration: line-through;
}
div#countdown p {
    color: #ff000094;
    text-align: center;
    font-family: 'ProximaNova Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}
div#countdown small {
    font-size: 30px;
    margin-top: 5px;
    color: #ff000094;
    font-family: 'ProximaNova Light';
}

.productForm {
    padding-left: 40px;
}

.productForm input {
    width: 68%;
    display: inline-block !important;
    border: 2px solid #fff;
    height: 50px;
    background-color: transparent;
    color: #ffff;
    font-family: 'Recoleta';
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 333.333% */
    letter-spacing: 0.72px;
    margin-right: 2%;
    text-align: center;
}

.productForm a {
    width: 30%;
    color: #fff;
    text-align: center;
    font-family: 'Recoleta';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 285.714% */
    letter-spacing: 2.8px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    height: 50px;
    white-space: nowrap;
}

.productForm form.buyNow {
    margin-bottom: 20px;
}

.productForm form.placeBid input {
    background-color: #fff;
    color: #000;
    font-family: 'Recoleta';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.72px;
}

.productForm form.placeBid input:focus {
    outline: 0;
}

form.placeBid {
    margin-bottom: 30px;
    position: relative;
}

form.placeBid a {
    background-color: #fff;
    color: #000;
    text-align: center;
    font-family: 'Recoleta';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 285.714% */
    letter-spacing: 2.8px;
    text-transform: uppercase;
    justify-content: center;
    height: 50px;
}

.productForm a span {
    display: inline-block;
    margin-left: 5px;
    margin-top: -3px;
}

form.placeBid a:hover {
    background-color: #000;
    border: 1px solid #fff;
    color: #ffff;
}

.prodTitle {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 9px;
    text-transform: uppercase;
}

.ProdShortDesc {
    margin-top: 20px;
}

.ProdShortDesc li {
    color: #fff;
    font-family: Recoleta;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.prodVariations {
    margin-top: 20px;
}

.prodVariations h4 {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.colorList span {
    width: 77.609px;
    height: 14px;
    display: inline-block;
    margin-left: 8px;
}

.colorList {
    display: flex;
    justify-content: end;
    margin-top: 14px;
}

.colorBlack {
    border: 0.6px solid #ffffff4a;
    background: #020202;
}

.colorWhite {
    background: #faefee;
}

.colorBrown {
    background: #715732;
}

.colorGray {
    background: #484c57;
}

.colorList span:focus-visible {
    outline: 1px solid red;
}
.sizesVariation {
    margin-top: 20px;
}

.sizesList {
    display: flex;
    justify-content: end;
    margin-top: 14px;
}

.sizesList li {
    margin-left: 6px;
}

.sizesList span {
    border: 0.4px solid #ffffff4d;
    background: #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Recoleta;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 300% */
    text-transform: uppercase;
}

.sizeguide {
    font-family: Recoleta;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2.4px;
    text-decoration-line: underline;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 20px;
    display: block;
}

.customDesign h4 {
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.92px;
    text-decoration-line: underline;
    text-transform: uppercase;
}

.customDesign h5 {
    font-family: Recoleta;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin: 16px 0;
}

.customDesign p {
    font-family: Recoleta;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 180% */
    letter-spacing: 0.6px;
}

.customDesign small {
    display: block;
}
.ProductInfo {
    margin-bottom: 100px;
    padding-top: 60px;
}

.ProductInfo:last-child {
    margin-bottom: 0;
}

.auctionProducts {
    padding-bottom: 60px;
}
.stickyCol {
    position: fixed;
    top: unset;
    bottom: 0;
    height: max-content;
    display: flex;
    z-index: 9;
    align-items: flex-end;
}

.auctionProducts .col-md-8 {
    display: block;
    margin-left: auto;
}
.featureImageBox img {
    height: 700px !important;
    object-fit: cover;
}

.auctionPage .progress-4 {
    width: 2%;
}

/* Congrats Page */
.colorSelection .auctionProducts {
    padding: 0 !important;
}
.colorSelection .featureImageBox img {
    width: 90%;
    height: 36vh !important;
    margin-bottom: 30px;
}

.colorSelection .ProductSummary {
    text-align: left;
}
.colorSelection .ProductSummary p.ProdShortDesc {
    text-align: right;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 100% */
    letter-spacing: 1.08px;
    margin-top: 160px;
}

.colorSelection .prodVariations {
    text-align: right;
    margin-bottom: 160px;
}

.colorSelection .ProductSummary h3 {
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 9.6px;
    margin-bottom: 40px;
}

.colorSelection h2.prodTitle {
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 7.2px;
}

.nextBtn {
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 250% */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    width: 150px;
    height: 50px;
    display: inline-block;
    border: 1px solid #fff;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nextBtn:hover {
    background-color: #ffff;
    color: #000;
}
.centerHeader .siteLogo {
    text-align: center;
    display: block;
    margin-bottom: 40px;
}
.centerHeader .progress-4 {
    width: 2% !important;
}
/* Body Selection */

.BodyType {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 30px;
}

ul.BodyType img {
    width: 100%;
    display: block !important;
    width: 60px;
    height: 201.865px;
}

ul.BodyType span {
    display: flex;
    border: 1px solid #fff;
    background: #000;
    width: 140px;
    height: 300px;
    align-items: center;
    justify-content: center;
}

.BodyType li {
    margin-left: 20px;
}

.bodySelection p.ProdShortDesc {
    text-decoration-line: underline;
    margin-bottom: 50px;
    margin-top: 100px !important;
}

.bodySelection .prodVariations {
    margin-bottom: 100px !important;
}

/* BodyInfo */
.bodyMeasurment {
    width: 80%;
    margin-left: auto;
}

.measurmentData {
    margin-bottom: 40px;
}
.prodVariations .bodyMeasurment h4 {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 100% */
    letter-spacing: 1.08px;
    text-decoration-line: underline;
    margin-bottom: 50px;
}
.bodyMeasurment label {
    display: flex;
    text-transform: uppercase;
    justify-content: space-between;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.68px;
    margin-bottom: 20px;
}

.bodyMeasurment input[type='range'] {
    width: 100%;
    margin-top: 10px;
    background: white;
    height: 2px;
    outline: none;
}

.bodyMeasurment input[type='range']::-webkit-slider-thumb {
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
}
.bodyMeasurment input[type='range']::-webkit-slider-thumb {
    width: 25px;
    height: 25px;
    background: url('../img/rangeThumb.png') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.bodyMeasurment input[type='range']::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: url('../img/rangeThumb.png') no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.bodyMeasurment .value {
    float: right;
    font-size: 16px;
    letter-spacing: 1px;
}

.customSize label {
    margin-bottom: 34px;
}

.customSize .measurmentData {
    margin-top: 50px !important;
}

.customSize .bodyMeasurment {
    margin-top: 70px !important;
}

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

.editLink {
    font-family: Recoleta;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    text-decoration-line: underline;
}

.customSize .sizesList {
    margin-top: 0;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    background: #000;
    font-family: Recoleta;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 300% */
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 50px;
    height: 40px;
    padding: 3px;
}

.packagesPage .main-section {
    background: #000 !important;
}

.packagesPage .main-section .col-md-7 {
    margin: 0 30%;
}

.stickyColRight {
    position: fixed;
    right: 3.5rem;
    top: 15%;
}

.pkgCard {
    text-align: center;
    padding: 30px 30px;
}

.pkgCard img {
    width: 100%;
    height: auto;
}

.pkgCard .PlatinumTitle {
    color: #40424e;
}

.pkgCard .GoldTitle {
    color: #83663d;
}

.pkgCard .BlackTitle {
    color: #ffffff;
}

.pkgCard .pkgTitle {
    text-align: center;
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 75% */
    letter-spacing: 2.4px;
    margin-top: 40px;
}

.pkgCard .pkgPrice {
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 75% */
    letter-spacing: 2.4px;
    margin-bottom: 0;
    margin-top: 20px;
}

.pkgDetails li {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: 1.8px;
    opacity: 0.7;
    margin-bottom: 40px;
}
.ProdShortDesc li span {
    font-family: 'ProximaNova Regular';
}
.pkgFooter p {
    font-family: 'Palatino Linotype';
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    margin-bottom: 60px;
}

.pkgFooter .nextBtn {
    margin: 0 auto;
}

.pkgDetails {
    min-height: 600px;
}

.packagesAll .col-md-4 {
    border-right: 1px solid #ffffff2e;
}

.packagesAll .col-md-4:last-child {
    border: 0;
}

.bottomRow {
    text-align: center;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 2px solid #ffffff7a;
    padding-bottom: 60px;
}

.bottomRow h3 {
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 75% */
    margin-bottom: 30px;
}

.bottomRow li {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
    letter-spacing: 1.8px;
    opacity: 0.7;
}
.packagesAll {
    padding-top: 30px;
}
.packagesAll li {
    position: relative;
}

.packagesAll li:before {
    content: '.';
    margin-right: 10px;
    font-family: fontawesome;
    font-size: 60px;
    height: 20px;
    display: inline-block;
    margin-top: -10px;
    position: relative;
    top: -3px;
}

/* About */
.AboutPage .main-section .col-md-6 {
    margin: 0 30%;
}

.abtContent {
    text-align: center;
    margin-top: 60px;
    padding: 0 60px;
}

.abtContent p {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 177.778% */
    letter-spacing: 1.8px;
    margin-bottom: 30px;
}

.AboutPage .main-section {
    background: url(../img/about2.jpg) !important;
    background-position: center !important;
}

/* Checkout Form */

.checkoutSection input,
.checkoutSection select,
.checkoutSection textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #444;
    color: #fff;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.96px;
    border-radius: 6px;
    background: #000;
}
.checkoutSection label {
    display: block;
    margin-bottom: 5px;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 100% */
    letter-spacing: 1.08px;
    margin-top: 30px;
}
.checkoutSection .optional {
    color: #888;
}
.checkoutSection .checkbox-label {
    display: flex;
    align-items: center;
}

.checkoutSection h2 {
    font-family: Recoleta;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 56.25% */
    letter-spacing: 3.2px;
    margin-bottom: 40px;
}

.checkoutSection {
    padding-top: 50px;
    padding-bottom: 60px;
    padding-left: 40px;
}
.checkoutSection .checkbox-label input {
    width: 32px;
    height: 32px;
    background-color: #000 !important;
    color: #000 !important;
    fill: #000 !important;
    margin-left: 20px;
    margin-top: 30px;
}
.orderDetail {
    border-radius: 10px;
    background: #131313;
    margin-left: 40px;
}

.checkoutSection .col-md-6 label {
    margin-top: 0;
}

.orderDetail .bodyMeasurment {
    margin: 0;
    width: 100%;
}

.orderDetail .bodyMeasurment label {
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px; /* 287.5% */
    letter-spacing: 1.6px;
    margin: 0;
}

.orderDetail .bodyMeasurment h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 56.25% */
    letter-spacing: 1.92px;
    margin-bottom: 40px;
    font-family: 'Recoleta';
}

.orderDetail .bodyMeasurment .measurmentData {
    width: 60%;
}

.orderDetail .bodyMeasurment .measurmentData select.sizesList {
    width: 60px;
    display: inline-block !important;
    background-color: #131313;
}

.orderDetail .bodyMeasurment .measurmentData .Size-Suggested {
    display: flex !important;
    align-items: center;
}

.orderDetail img {
    width: 100%;
}

.orderBtn {
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 250% */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    border-radius: 69px;
    background: #3e0202;
    width: 100%;
    display: block;
    height: 54px;
    text-align: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 0;
    transition: 0.5s !important;
}

.orderBtn:hover {
    background-color: #fff;
    color: #3e0202;
}

.subTotal {
    border-top: 1px solid #ffffff1c;
    padding-top: 20px;
    border-bottom: 1px solid #ffffff1c;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.Total {
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.card-btn button#card-button:hover {
    transform: translate(0px, -5px);
    transition: 0.5s !important;
}

.custom-merchent label {
    font-weight: 500 !important;
    line-height: 30px !important;
    margin-bottom: 10px !important;
}
.Total span {
    font-weight: 600;
    /* 191.667% */
}

/* Membership Modal */
.joinForm .modal-body {
    padding: 60px;
}
.joinForm .modal-body h5 {
    color: #000;

    font-family: Recoleta;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 30% */
    margin-bottom: 35px;
}

.joinForm .modal-dialog {
    max-width: 800px;
}

.joinForm .modal-body p {
    color: #000;

    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: 1.08px;
}

.joinForm form {
    margin-top: 50px;
}

.joinForm label {
    width: 29%;
    color: #000;

    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.96px;
}

.joinForm input {
    width: 70%;
    margin-bottom: 30px;
    border-bottom: 1px solid #000 !important;
    background: transparent;
    box-shadow: none;
    outline: 0;
    border: 0;
    height: 54px;
}

.gender-options {
    width: 60%;
    margin-top: 35px;
}

.joinForm .gender-options label {
    width: auto;
    white-space: nowrap;
}

.joinForm .gender-options input {
    width: 24px;
    height: 24px;
    border-radius: 0 !important;
    appearance: none;
    content: none;
    outline: none;
    margin: 0;
    background: #000;
    border: 0 !important;
    margin-right: 10px;
}

.joinForm .form-actions {
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}

.joinForm .form-actions .cancel-btn {
    color: #000;

    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.96px;
    background-color: transparent;
    border: 0;
    padding: 0;
}

.joinForm .form-actions .submit-btn {
    color: #fff;
    text-align: center;

    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.96px;
    width: 100px;
    height: 40px;
    background-color: #000;
    border: 0;
}

.joinForm .form-actions .submit-btn:hover {
    background-color: #fff;
    color: #000;
}

.joinForm .form-actions .cancel-btn:hover {
    color: #fff;
}
.joinForm .gender-options {
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.joinForm .radio-option {
    display: flex;
    align-items: center;
}

.joinForm input[type='radio'] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.joinForm input[type='radio']:checked {
    background-color: #000000;
    border: 0;
    box-shadow: none;
    color: #fff !important;
}

.joinForm input[type='radio']:checked::before {
    content: '';
    position: absolute;
    left: 0;
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    top: 4px;
}

.radio-option label {
    font-size: 14px;
    line-height: 28px; /* 200% */
    letter-spacing: 0.84px;
}

div#PlatinumTersicore .modal-body {
    background: #40424e;
    border: 3px solid #000;
}

/* Gold */
div#GoldTersicore .modal-body {
    border: 3px solid #83663d;
    background: #000 !important;
}
div#GoldTersicore .modal-body * {
    color: #83663d;
}

div#GoldTersicore input {
    border-color: #83663d !important;
}

div#GoldTersicore input[type='radio'] {
    background-color: #83663d;
}

div#GoldTersicore .submit-btn {
    background-color: #83663d;
    color: #fff;
}

/* Black */
div#BlackTersicore .modal-body {
    border: 3px solid #fff;
    background: #000;
}

div#BlackTersicore * {
    color: #fff;
}

div#BlackTersicore input {
    border-color: #fff !important;
}

div#BlackTersicore input[type='radio'] {
    background-color: #fff;
}

div#BlackTersicore .joinForm input[type='radio']:checked::before {
    background-color: #000;
}

div#BlackTersicore .submit-btn {
    background-color: #fff;
    color: #000;
}

div#BlackTersicore .submit-btn:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}

/* Membership Card */
.membershipCardPage .main-section {
    background: #000;
}
.membershipCard {
    background-image: url(../img/CardFrame.png);
    background-position: center center;
    background-size: 100% 100%;
    padding-top: 50px;
    padding-bottom: 85px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.membershipCard h3 {
    color: #484c57;
    text-align: center;
    font-family: Recoleta;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.28px;
    padding-top: 50px;
    border-top: 1px solid;
    width: 70%;
    margin: 0 auto;
}

.membershipCard .cardID {
    color: #484c57;
    text-align: center;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 6.4px;
    border: 1px solid #484c57;
    background: #000;
    display: inline-block;
    padding: 10px 25px;
    margin-top: 25px;
    position: relative;
    padding-top: 8px;
}

.membershipCard .cardHeading {
    color: #484c57;
    text-align: center;
    font-family: Recoleta;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    /* 45% */
    letter-spacing: 8px;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 20px;
    margin-top: 60px;
    border-top: 1px solid;
}

.membershipCard .cardID::before {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 10px;
    right: 30px;
    left: 23px;
    background: #484c57;
}

.membershipCard .cardDetails {
    background: #484c57;
    padding: 50px 60px;
}

.membershipCard .cardDetails li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.membershipCard .cardDetails li .value {
    color: #000;
    text-align: right;
    font-family: Recoleta;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 2px;
}
.membershipCard .cardDetails li .title {
    color: #000;
    font-family: Recoleta;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px;
    display: flex;
    align-items: center !important;
}

.membershipCard .cardDetails li:last-child {
    margin-bottom: 0;
}
.cardButon .ugrade-btn {
    color: #000;
    text-align: center;
    font-family: Recoleta;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px 22px;
    border: 1px solid #000;
    background: #484c57;
}

.cardButon .cancel-btn {
    color: #000;
    text-align: right;
    font-family: Recoleta;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cardButon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 65px;
}
/* Gold */
.membershipCard.Gold {
    background-image: url(../img/goldFrame.png);
}

.membershipCard.Gold * {
    color: #83663d;
}

.membershipCard.Gold .cardID {
    border-color: #83663d;
}

.membershipCard.Gold .cardID:before {
    background-color: #83663d;
}

.membershipCard.Gold .cardDetails {
    background-color: #83663d;
}

.membershipCard.Gold .ugrade-btn {
    color: #000;
    border: 1px solid #000;
    background: #83663d;
}

.membershipCard.Gold a.cancel-btn {
    color: #000;
}

/* Black */

.membershipCard.Black {
    background-image: url(../img/BlackFrame.png);
}

.membershipCard.Black * {
    color: #fff !important;
}

.membershipCard.Black .cardID {
    border-color: #fff;
}

.membershipCard.Black .cardID:before {
    background-color: #fff;
}

.membershipCard.Black .cardDetails {
    background-color: #0b0b0b;
}

.membershipCard.Black .ugrade-btn {
    display: none;
}

.membershipCard.Black a.cancel-btn {
    color: #fff;
}
.membershipCard.Black .cardButon {
    justify-content: end;
}
.membershipCard.Black h2 {
    border-color: #ffffff14;
}

.membershipCard.Black h3 {
    border-color: #ffffff1f !important;
}
/*Coming Soon*/
.coming-soon header.topHeader {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999999;
}

.coming-soon .main-section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 999999;
}
.coming-soon-area h1 {
    font-family: 'Recoleta';
    font-size: 140px;
    font-weight: 500;
    line-height: 204px;
    letter-spacing: -0.02em;
    margin-bottom: 30px;
}

.coming-soon-area h4 {
    font-family: Recoleta;
    font-size: 32px;
    font-weight: 500;
    line-height: 43.52px;
    margin-bottom: 40px;
}

.coming-soon-area input {
    font-family: Recoleta;
    background: #00000096;
    border: 0 !important;
    border-radius: 0;
    padding: 20px 30px;
    height: 60px;
    color: #fff;
    letter-spacing: 1px;
}

.coming-soon-area input:focus {
    box-shadow: none;
}

.coming-soon-area .btn.btn-success {
    background: #fff;
    color: #000;
    font-family: Recoleta;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.06em;
    height: 60px;
    border-radius: 0;
    margin-left: 20px !important;
    padding: 0 43px;
    border: 0;
    transition: 0.5s;
}

.coming-soon-area p {
    width: 70%;
    margin: 0 auto;
    margin-top: 40px;
    font-family: Recoleta;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.06em;
    opacity: 70%;
}

a.primery-btns {
    font-family: Recoleta;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.06em;
    background: #83663d;
    padding: 15px 50px;
    display: inline-block;
}

.coming-soon-area a.primery-btns {
    margin-top: 70px;
}
a.primery-btns:hover {
    background: #fff;
    color: #000;
}

.coming-soon-area .btn.btn-success:hover {
    background: #000;
    color: #fff;
    transition: 0.5s;
}
.coming-soon-area::before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    position: absolute;
    z-index: 9;
    opacity: 50%;
}

.container-fluid {
    z-index: 99;
}
.coming-soon-area .row {
    justify-content: center;
}
/* Login Signuo */
.loginSignup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    border: 3px solid #fff;
    background: #000;
    flex-direction: column;
    padding: 50px;
    margin: 80px auto;
}

.loginSignup h3 {
    font-family: Recoleta;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 50px;
}

.loginSignup form {
    width: 100%;
}

.loginSignup label {
    display: block;
    margin-bottom: 5px;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1.08px;
}

.loginSignup input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #444;
    color: #fff;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.96px;
    border-radius: 6px;
    background: #000;
    padding-right: 50px;
}

.loginSignup .mb-3.form-check {
    /* display: inline-flex; */
    justify-content: space-between;
    margin-bottom: 15px;
}

.loginSignup .mb-3.form-check {
    display: flex;
    align-items: center;
    justify-content: left;
}

.loginSignup .mb-3.form-check input[type='checkbox'] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 0px solid #000000;
    border-radius: 2px;
    background-color: #ffffff;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    padding: 0;
}

.loginSignup .mb-3.form-check input[type='checkbox']:checked {
    background-color: #ffffff;
    border: 0;
    box-shadow: none;
    color: #000000 !important;
}

.loginSignup .mb-3.form-check input[type='checkbox']:checked::before {
    content: '';
    position: absolute;
    left: 0;
    background-color: #000000;
    width: 12px;
    height: 12px;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    top: 4px;
}

.loginSignup .mb-3.form-check label {
    font-size: 14px;
    line-height: 28px; /* 200% */
    letter-spacing: 0.84px;
    margin: 0;
}

.loginSignup input:focus {
    background-color: transparent;
    outline: none;
    box-shadow: none !important;
}

.loginSignup button {
    background-color: #ffffff;
    border: 1px solid #fff !important;
    color: #000000;
    text-align: center;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.96px;
    width: 100px;
    height: 40px;
    border: 0;
    border-radius: 0;
    margin: 0 auto;
    display: block;
}

.loginSignup button:hover {
    background-color: transparent;
    border-color: #fff;
}

.loginSignup div#emailHelp {
    color: #ffffff6b;
    font-family: Recoleta;
    font-size: 14px;
}
.password-wrapper {
    position: relative;
}
.toggle-password {
    position: absolute;
    right: 20px;
    top: 60%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 25px;
}
.createAccount {
    display: block;
    margin-bottom: 5px;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1.08px;
    margin-top: 30px;
}

.createAccount:hover {
    color: #ffffffa3;
}

/* Thankyou */
.abtContent h2 {
    font-family: Recoleta;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 50px;
}

/* Contact Page CSS */
section.contact-sec {
    padding: 100px 0;
    padding-top: 150px;
}

section.contact-sec h3 {
    color: #fff;
    font-family: Recoleta;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    /* 64.286% */
    letter-spacing: 2.8px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

section.contact-sec label {
    display: block;
    color: #fff;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.8px;
    margin-bottom: 10px;
}

section.contact-sec input {
    width: 100%;
    border: 1px solid #d9d9d940;
    background: #000;
    color: #fff;
    height: 54px;
    margin-bottom: 25px;
    padding: 10px;
    font-family: 'Recoleta';
    font-size: 16px;
    color: #fff;
}

section.contact-sec textarea {
    border: 1px solid #d9d9d940;
    width: 100%;
    background-color: transparent;
    resize: none;
    height: 110px;
    padding: 10px;
    color: #fff;
}

.contact-sec .submit-btn {
    height: 54px;
    background: #fff;
    width: 100%;
    display: block;
    margin-top: 30px;
    color: #000;
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: 0;
}
.contact-form {
    background-size: 100% 100% !important;
    padding: 80px !important;
}
.AboutPage .contact-sec .row {
    flex-direction: initial !important;
}

.contact-data {
    padding: 50px;
    padding-top: 80px;
}

.contact-data h4 {
    color: #fff;
    font-family: Recoleta;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    /* 75% */
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 40px;
}

.contact-data p {
    color: #fff;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    letter-spacing: 0.96px;
    display: flex;
    align-items: center;
}

.contact-data p i {
    margin-right: 10px;
    font-size: 15px;
}

.contact-data a {
    color: #fff;
    font-family: Recoleta;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    letter-spacing: 0.96px;
}

.contact-data ul.social-icon {
    display: flex;
    align-items: center;
}

.contact-data ul.social-icon li {
    margin-right: 20px;
}

.contact-data ul.social-icon li i {
    font-size: 18px;
}

.contact-data a:hover {
    color: #ccc;
}

.my-map {
    margin-top: 100px;
    border-radius: 30px;
    overflow: hidden;
}
section.copy-right {
    padding: 27px;
    text-align: center;
}

section.copy-right p {
    color: #fff;
    font-family: 'circular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    letter-spacing: 0.96px;
}
.contact-data .phone i {
    transform: rotate(95deg);
    position: relative;
    top: 1px;
}
.card-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.card-btn img {
    width: 40%;
}
.card-btn button#card-button {
    background-color: #000000;
    border: 0;
    border-radius: 0;
    display: inline-block;
    color: #ffffff !important;
    font-family: 'Recoleta';
    font-weight: 600;
    padding: 10px 40px;
    transition: 0.5s !important;
}
.custom-inner {
    padding: 40px;
    padding-bottom: 0;
}

.custom-merchent {
    padding: 40px;
    background-color: #ffffff;
    padding-top: 10px;
}

.custom-merchent * {
    color: #000 !important;
}

.custom-merchent input#card-holder-name {
    background-color: transparent;
    color: #000 !important;
    margin-bottom: 20px !important;
}

.custom-merchent input#card-holder-name::placeholder {
    color: #000 !important;
}

.cardButon .cancel-btn {
    background-color: transparent;
    border: 0;
}

.membershipCard.Gold .cardButon .cancel-btn {
    color: #000 !important;
}
/*Responsive*/
@media only screen and (max-width: 1749px) {
    .coming-soon-area h1 {
        line-height: 170px;
        font-size: 120px;
    }
    .menu li {
        padding: 0.5rem 0;
    }

    .menu li a {
        font-size: 16px;
    }

    .leftMenu h5 {
        font-size: 16px;
    }

    .leftMenu .subMenu {
        margin-top: 20px;
    }
    div#countdown {
        width: 80%;
    }

    .auctionProducts .col-md-8::after {
        font-size: 35px;
        letter-spacing: 10px;
        word-spacing: 0;
    }

    .auctionProducts .ProductSummary {
        padding-left: 0;
    }

    div#countdown span {
        font-size: 40px;
    }
    .grid-lines div {
        width: 22px;
        height: 22px;
    }
    .pkgDetails {
        min-height: 850px;
    }
}

@media (width: 1366px) and (height: 917px) {
    .Home .leftMenu {
        padding-bottom: 141px !important;
    }

    .leftMenu h5 {
        letter-spacing: 2.76px;
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 1450px) {
    .custom-inner {
        padding: 0;
    }
    .Home .leftMenu {
        padding-bottom: 15px;
    }
    .pkgDetails {
        min-height: 700px;
    }
    .pkgDetails li {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .pkgCard {
        padding: 10px;
    }

    body.Home .logo img {
        width: 350px;
    }
    .time-box.days-box {
        margin-right: 20px;
    }

    #days,
    #hours,
    #minutes,
    #seconds {
        font-size: 40px;
    }
    .siteLogo img {
        width: 170px;
    }
    .head-right-img {
        right: -10px;
    }
    .container-fluid {
        padding: 0 30px;
    }
    .auctionProducts .col-md-8::after {
        font-size: 28px !important;
    }

    div#countdown span {
        font-size: 30px;
    }

    div#countdown p {
        font-size: 10px;
    }

    .AuctionTimer h5 {
        font-size: 14px;
    }

    .productForm {
        padding-left: 20px;
    }

    .auctionProducts .col-md-8 {
        width: 70%;
    }

    .prodTitle {
        font-size: 16px;
    }

    .ProdShortDesc {
        margin-top: 10px;
    }

    .ProdShortDesc li {
        font-size: 10px;
        line-height: 22px;
    }

    .prodVariations h4 {
        font-size: 14px;
    }

    .menu li {
        padding: 5px 0;
    }

    .menu li a {
        font-size: 1rem;
    }

    .leftMenu h5 {
        font-size: 13px !important;
    }

    .leftMenu h6 {
        font-size: 14px;
    }

    .leftMenu .subMenu {
        margin-top: 0;
    }
    .abtContent {
        padding: 0;
    }
    .loginSignup {
        width: 90%;
    }
    .membershipCard .cardHeading {
        font-size: 30px;
        margin-top: 40px;
    }

    .membershipCard h3 {
        font-size: 25px;
    }

    .membershipCard .cardDetails {
        padding: 30px 40px;
    }

    .membershipCard .cardDetails li {
        margin-bottom: 20px;
    }
    .grid-lines div {
        width: 20px;
        height: 20px;
    }

    .red-bar {
        width: 92%;
        margin: auto;
        z-index: 1;
    }
    .orderDetail .bodyMeasurment h4 {
        font-size: 25px;
    }

    .orderDetail {
        margin-left: 0px;
        padding: 40px 30px;
    }

    .checkoutSection label {
        margin-top: 20px;
    }
    .auctionProducts .leftMenu {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 1025px) {
    .centerHeader .logo {
        top: 0;
    }

    .centerHeader .logo img {
        width: 400px;
    }
    section.contact-sec h3 {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .contact-data h4 {
        font-size: 16px;
    }

    section.contact-sec label {
        font-size: 14px;
    }

    .my-map {
        height: 300px;
    }
    .contact-form {
        padding: 70px 40px !important;
    }
    .abtContent p {
        font-size: 16px;
    }
    .membershipCard .cardHeading {
        font-size: 18px;
    }

    .membershipCard {
        padding: 30px;
    }

    .membershipCard h3 {
        padding-top: 20px;
        font-size: 20px;
    }

    .membershipCard .cardID {
        margin-top: 10px;
        font-size: 12px;
        padding: 5px 24px;
    }

    .membershipCard .cardDetails {
        padding: 20px;
    }

    .membershipCard .cardDetails li {
        padding-bottom: 0px;
        margin-bottom: 0;
        align-items: center;
    }

    .membershipCard .cardDetails li .title {
        font-size: 14px;
        text-align: left;
        white-space: nowrap;
    }

    .membershipCard .cardDetails li .value {
        font-size: 14px;
    }

    .cardButon {
        margin-top: 0;
    }

    .cardButon .ugrade-btn {
        font-size: 10px;
        padding: 10px 10px;
    }

    .cardButon .cancel-btn {
        font-size: 10px;
    }
    .AboutPage .main-section .col-md-6 {
        width: 55%;
        margin-left: 31% !important;
    }
    #days,
    #hours,
    #minutes,
    #seconds {
        font-size: 22px;
    }

    .time-box p {
        font-size: 12px;
    }

    .separator {
        font-size: 22px;
        line-height: 80px;
    }
    body.Home .logo img {
        width: 250px;
    }
    .countdown {
        top: -22px;
        gap: 3px;
    }

    .head-right-img img {
        width: 150px;
        height: 150px;
    }

    .head-right-img {
        right: -25px;
        top: 10px;
    }

    .topHeader {
        padding-top: 20px;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 1);
    }

    header.topHeader .row {
        align-items: center;
        position: relative;
        z-index: 0;
        row-gap: 5px;
    }

    .logo {
        top: -15px;
        position: relative;
    }

    .stickyCol {
        width: 42%;
    }
    .productForm a {
        font-size: 12px;
        letter-spacing: 1px;
        height: 40px;
    }

    form.placeBid a {
        font-size: 12px;
        letter-spacing: 1px;
        height: 40px;
    }

    .prodTitle {
        font-size: 14px;
    }

    .colorList span {
        width: 50px;
    }

    .productForm input {
        height: 40px;
    }

    form.placeBid {
        margin-bottom: 15px;
    }

    .productForm form.buyNow {
        margin-bottom: 5px;
    }

    div#countdown {
        width: 90%;
        margin: 0;
    }

    .auctionProducts .col-md-8 {
        width: 73%;
        padding-top: 0px;
    }

    .featureImageBox img {
        height: 550px !important;
    }

    .colorList {
        margin-top: 0px;
    }

    .sizesVariation {
        margin-top: 10px;
    }

    .sizesList {
        margin-top: 5px;
    }

    .sizeguide {
        margin-bottom: 10px;
    }

    .customDesign h4 {
        font-size: 12px;
    }

    .customDesign h5 {
        margin: 5px 0;
    }
    .auctionProducts .col-md-8::after {
        font-size: 18px !important;
        word-spacing: 0 !important;
        left: -10% !important;
    }

    .stickyCol {
        padding-left: 0;
    }

    .leftMenu h5 {
        font-size: 12px;
    }

    .leftMenu h6 {
        font-size: 12px;
    }

    .menu li a {
        font-size: 1rem;
    }

    .menu li .subMenu li {
        font-size: 9px;
    }
    .abtContent p {
        font-size: 14px !important;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .grid-lines div {
        width: 15px;
        height: 15px;
    }
    body.Home.AboutPage section.main-section {
        background-size: 130% !important;
        background-position: -70px 160px !important;
    }

    body.Home.AboutPage section.main-section {
        margin-top: -100px !important;
        background-size: 60% !important;
        background-position: 280px 80px !important;
        background-image: url(../img/abt-mbl-bg.jpg) !important;
        background-attachment: fixed !important;
    }
}

@media only screen and (max-width: 768px) {
    .contact-data {
        padding: 80px 30px;
    }

    .my-map {
        margin-top: 0;
    }
    .grid-lines {
        gap: 1px;
    }
    .grid-lines div {
        width: 10px;
        height: 10px;
    }

    .leftMenu {
        width: 90%;
    }

    .membershipCard {
        margin-top: 0;
    }

    .stickyColRight {
        margin: 0;
        padding: 0;
    }

    .container-fluid {
        padding: 0 20px;
    }

    #days,
    #hours,
    #minutes,
    #seconds {
        font-size: 22px;
    }

    .time-box.days-box {
        margin-right: 5px;
    }

    .separator {
        font-size: 20px;
        line-height: 80px;
    }

    .time-box p {
        font-size: 10px;
    }

    .progress-container {
        height: 25px;
        width: 90%;
    }

    .progress-5 {
        height: 25px;
        background: repeating-linear-gradient(
            90deg,
            #000000 0,
            #000000 20px,
            #ffffff4f 20px,
            lightgray 21px
        );
    }

    .progress-4 {
        height: 25px;
    }

    .head-right-img img {
        width: 80%;
    }

    .head-right-img {
        right: 0;
    }

    .stickyCol {
        width: 55%;
    }

    .menu li a {
        font-size: 14px;
    }

    .leftMenu h5 {
        font-size: 14px;
    }

    .leftMenu h6 {
        font-size: 14px;
    }

    .menu li .subMenu li {
        font-size: 12px;
    }

    .leftMenu .subMenu {
        margin-top: 10px;
    }

    .menu li {
        padding: 5px 0;
    }
    .logo {
        top: 0;
    }

    .head-right-img img {
        height: 100px;
    }

    .siteLogo img {
        width: 150px;
        margin: 0 auto;
        display: block;
    }

    .time-box p {
        position: relative;
        top: -10px;
    }

    .countdown {
        padding-bottom: 0;
    }

    .head-right-img {
        top: 100px;
    }
    .auctionProducts .col-md-8 {
        width: 60%;
    }

    .auctionProducts .col-md-8::after {
        left: -38%;
    }

    .ProductInfo {
        margin-bottom: 40px;
    }
    .stickyCol {
        width: 80%;
        margin: 0 auto !important;
        position: initial;
    }

    .stickyColRight {
        position: inherit;
    }

    .AboutPage .col-md-3.stickyCol {
        order: 2;
        height: auto !important;
        width: 100% !important;
        position: initial !important;
        margin: 0 !important;
    }

    .AboutPage .col-md-3.stickyCol .leftMenu {
        height: auto;
        margin-top: 40px;
        margin-right: 0px;
    }

    .AboutPage .row {
        flex-direction: column-reverse;
    }

    .AboutPage .stickyColRight {
        margin: 0;
        padding: 0;
        margin-right: 10px;
    }

    .AboutPage .main-section .col-md-6 {
        width: 100%;
        margin: 0 !important;
        padding-bottom: 40px;
        background-size: 100% !important;
        background-position: center 410px !important;
        background-image: url(../img/abt-mbl-bg.jpg) !important;
        background-attachment: fixed !important;
    }
}
@media screen and (max-width: 768px) {
    .menu-toggle {
        display: flex;
        padding: 10px 0;
        padding-bottom: 5px;
    }

    .nav-list {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #000000e6;
        position: absolute;
        top: 50px;
        left: 0;
    }

    .nav-list.active {
        display: flex !important;
        z-index: 99999;
    }

    .nav-list li {
        text-align: center;
        margin: 10px 0;
    }

    .AboutPage .col-md-3.stickyColRight {
        order: 2;
    }

    nav.navbar h5 {
        display: flex !important;
    }
    body.activePackage .rightMenu.stickyColRight {
        position: initial;
    }

    body.activePackage .leftMenu {
        width: 100%;
    }
    body.activePackage .head-right-img {
        top: 10px;
        right: 0px;
    }
    body.Home.AboutPage section.main-section {
        background-image: none !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 475px) {
    .AboutPage .col-md-3.stickyCol {
        width: 50% !important;
    }

    .AboutPage .col-md-3.stickyColRight {
        width: 50% !important;
        right: 60px !important;
        position: absolute;
        top: 140px;
        bottom: inherit;
    }

    .AboutPage .col-md-3.stickyCol .leftMenu {
        padding-bottom: 40px;
    }

    .AboutPage .main-section .col-md-6 {
        background-size: 100% !important;
        background-position: center 330px !important;
    }
    .head-right-img {
        top: 0px;
    }
    body.Home .logo img {
        width: 220px;
        object-fit: contain !important;
    }

    body.Home .col-md-3.stickyCol {
        width: 50%;
    }

    body.Home .rightMenu.stickyColRight {
        position: absolute;
        top: 25%;
        right: 70px;
        bottom: auto;
    }
    #days,
    #hours,
    #minutes,
    #seconds {
        line-height: 50px;
    }

    .countdown {
        gap: 2px;
    }
    body.Home.AboutPage .rightMenu.stickyColRight {
        position: relative;
        right: 0;
        z-index: -1 !important;
    }
}
@media only screen and (max-width: 450px) {
    .packagesPage .main-section .col-md-7 {
        margin: auto;
    }
    .countdown {
        height: 90px;
        display: flex;
        align-items: end;
    }

    .stickyColRight {
        padding-right: 10px;
    }

    .stickyCol {
        padding-left: 10px;
    }

    .leftMenu h5 {
        font-size: 12px;
    }

    .menu li a {
        font-size: 12px;
    }

    .menu li .subMenu li {
        font-size: 10px;
        padding: 0;
    }
    #days,
    #hours,
    #minutes,
    #seconds {
        font-size: 14px;
    }

    .time-box p {
        font-size: 8px;
        display: none;
    }

    .countdown {
        width: 100%;
        gap: 10px;
        height: 60px;
        align-items: center;
        margin-top: 10px;
    }

    .progress-container {
        height: 20px;
        width: 100%;
        margin-top: 10px;
    }

    .progress-4 {
        height: 20px;
        background: repeating-linear-gradient(
            90deg,
            green 0,
            green 20px,
            #000000 20px,
            #000000 20px
        );
        width: 6% !important;
    }

    .progress-5 {
        height: 20px;
    }

    .head-right-img {
        top: 10px;
        right: 10px;
    }
    .auctionProducts .col-md-8::after {
        font-size: 14px !important;
        letter-spacing: 3px !important;
        right: 0 !important;
        left: 0px !important;
        text-align: center;
        word-spacing: 0 !important;
    }

    .stickyCol {
        position: initial;
        width: 100%;
        justify-content: center;
        align-items: baseline;
        height: auto;
        margin-top: 50px;
    }

    .ProductInfo {
        padding-top: 40px;
    }
    .packagesPage .col-md-2 {
        order: 1;
    }

    .auctionProducts .col-md-8 {
        width: 100%;
    }

    .auctionProducts .ProductSummary {
        padding-top: 30px;
    }
    .productForm form.placeBid input {
        width: 60%;
    }

    .productForm {
        padding: 0;
    }

    .leftMenu .support {
        padding-bottom: 0 !important;
        padding-right: 0 !important;
    }

    .productForm input {
        width: 68%;
    }

    div.show_bid_winner_lists {
        position: relative;
        left: 0;
        top: -20px;
        width: 90%;
        margin: 0 auto;
        padding: 10px 10px;
        padding-left: 15px;
    }
    .ProductInfo form.placeBid .row input[type='submit'] {
        font-size: 14px !important;
        width: 30% !important;
        margin: 0;
    }
    .productForm .row {
        width: 100%;
        justify-content: end;
    }
    body.Home .col-md-3.stickyCol {
        width: 75%;
        position: fixed;
        align-items: center;
    }
    .stickyColRight {
        position: absolute;
        padding: 0;
        margin: 0;
        height: auto;
        top: 157px;
        bottom: auto;
        right: 20px;
    }

    .pkgCard {
        padding: 10px;
        margin-bottom: 40px;
    }

    .pkgCard img {
        width: 100%;
        height: auto;
    }

    .packagesAll li {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .pkgCard .pkgTitle {
        margin-top: 30px;
    }

    .pkgDetails p {
        font-size: 14px;
    }
    div#BlackTersicore .modal-body {
        padding: 35px 20px;
    }

    .joinForm .modal-body h5 {
        font-size: 35px;
        text-align: center;
        margin-bottom: 20px;
        line-height: 35px;
    }

    .joinForm .modal-body p {
        text-align: center;
        font-size: 14px;
    }

    .joinForm input {
        width: 100%;
        height: 30px;
    }

    .joinForm .gender-options {
        margin-top: 0;
    }

    .joinForm label {
        font-size: 14px;
    }

    .joinForm label {
        width: 20%;
    }

    .joinForm input[type='radio'] {
        height: 10px;
        width: 10px;
        margin-left: 5px;
    }

    .joinForm .form-actions {
        margin-top: 20px;
    }
    .pkgDetails {
        min-height: auto;
    }

    .joinForm .modal-body {
        padding: 40px 20px;
    }

    .loginSignup {
        width: 100%;
        padding: 20px;
    }

    .loginSignup h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .loginSignup label {
        font-size: 14px;
        margin: 0;
        line-height: 14px;
    }

    .loginSignup div#emailHelp {
        margin: 0;
    }
    .checkoutSection {
        padding: 0;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .checkoutSection h2 {
        font-size: 25px;
    }

    .checkoutSection label {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: -5px;
    }

    .checkoutSection label {
        margin: 0;
    }

    .checkoutSection input,
    .checkoutSection select,
    .checkoutSection textarea {
        font-size: 14px;
    }

    .checkoutSection h2 {
        margin-top: 30px;
    }

    .orderDetail {
        margin: 0;
        padding: 40px 0px;
        padding-bottom: 0;
    }

    .orderDetail .bodyMeasurment h4 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .orderDetail .bodyMeasurment label {
        font-size: 14px;
        line-height: 30px;
    }

    button#card-button {
        background-color: #ffff;
        color: #000;
        font-family: 'Recoleta';
        padding: 15px 30px;
        font-weight: 600;
        border: 0;
        border-radius: 0;
    }
    .checkout-page .row {
        flex-direction: column-reverse;
    }

    .checkout-page .row .row {
        flex-direction: column;
    }

    .checkout-page .col-md-2.stickyColRight {
        position: initial !important;
    }

    .checkout-page .row .rightMenu.stickyColRight {
        position: initial;
        width: 80%;
    }
    .Home .main-section {
        background-image: url('/web_assets/img/mobile-background.JPG');
    }
    .joinForm input[type='radio']:checked::before {
        height: 6px;
        width: 6px;
        top: 2px;
    }
    .AboutPage .stickyColRight {
        position: initial !important;
    }
    .AboutPage .col-md-3.stickyCol .leftMenu {
        padding-bottom: 10px;
    }

    .abtContent {
        margin-top: 30px;
    }
    section.auctionProducts {
        padding-top: 40px;
    }
    .membershipCard {
        margin-top: 0px;
    }

    .membershipCard h3 {
        font-size: 16px;
        padding-top: 10px;
    }

    .membershipCard .cardHeading {
        font-size: 12px;
        margin-top: 10px;
        padding-top: 15px;
    }

    .membershipCard .cardDetails {
        padding: 15px 15px;
        padding-top: 5px;
    }
    .shipping-options label {
        font-size: 12px !important;
        width: 90%;
        line-height: 18px !important;
    }
    .siteLogo img {
        margin: 0;
        width: 70%;
    }

    .head-right-img img {
        width: 100px;
        height: 100px;
        margin-left: auto !important;
    }

    .separator {
        line-height: 15px !important;
        font-size: 14px;
        top: 5px;
        position: relative;
    }
    .centerHeader .progress-4 {
        width: 6% !important;
    }
    .auctionProducts .leftMenu {
        width: 100%;
        padding-bottom: 40px;
    }
    body.activePackage .col-md-2 {
        order: 1;
        margin-top: 100px;
    }

    body.activePackage .col-md-3 {
        order: 3;
    }

    body.activePackage .col-md-7 {
        order: 3;
    }

    body.activePackage section.main-section .col-md-3 {
        margin-top: 100px;
    }
    .packagesPage .progress-container {
        margin-top: 40px;
    }
    .grid-lines div {
        width: 6.8px;
        height: 10px;
    }
    .centerHeader .red-bar {
        margin-top: 40px;
    }
    section.contact-sec {
        padding: 40px 0;
        padding-top: 140px;
    }

    .contact-form {
        padding: 50px 30px !important;
    }

    section.contact-sec input {
        height: 35px;
        margin-bottom: 10px;
    }

    .contact-data {
        padding: 50px 20px;
    }

    .my-map {
        height: 200px;
    }

    section.copy-right p {
        font-size: 12px;
    }

    section.copy-right {
        padding: 10px;
    }
    .centerHeader .logo img {
        width: 250px;
    }
    .abtContent h3 {
        font-size: 18px;
        margin-top: 30px;
    }
    body.Home.AboutPage section.main-section {
        background-size: 100% !important;
        background-position: center 150px !important;
        background-image: none !important;
        background-attachment: unset !important;
    }
    .custom-inner {
        padding: 0 20px;
    }

    .custom-merchent {
        padding: 20px;
    }
}

div#payment-stripe {
    padding: 0px;
    width: 100%;
}

div#payment-stripe label {
    font-size: 14px;
    margin-bottom: 0px !important;
}

div#payment-stripe input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #444;
    font-family: Recoleta;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.96px;
    border-radius: 6px;
    background-color: transparent;
    color: #000 !important;
    margin-bottom: 5px !important;
}
div#payment-stripe span.text-danger {
    color: #dc3545 !important;
    font-size: 12px;
    line-height: 16px;
    display: block;
}
div#payment-stripe i.form-control-feedback {
    display: none;
}
div.showProductStocks {
    position: relative;
}
div.showProductStocks ul.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

div.showProductStocks ul.slick-dots li button {
    display: none;
}

div.showProductStocks ul.slick-dots li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
    height: 7px !important;
    width: 50px !important;
}

div.showProductStocks ul.slick-dots li.slick-active {
    opacity: 1;
}
div.showProductStocksBox {
    background: #121212;
}
div.ProductInfo.actionBuyPage .row {
    align-items: flex-start;
}

div.ProductInfo.actionBuyPage .ProductSummary {
    padding: 50px 0px 0px;
}

div.auction_buy {
    text-align: left;
}

div.auction_buy h3 {
    font-family: Recoleta;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 9px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

div.auction_buy h4 {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 9px;
    text-transform: uppercase;
}

div.actionBuyPage form {
    padding-top: 60px;
    text-align: left;
}

div.actionBuyPage form h5 {
    color: #fff;
    font-family: Recoleta;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: right;
}

div.actionBuyPage form h4 {
    font-family: Recoleta;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: right;
}

div.actionBuyPage form div.colorVariation ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
}

div.actionBuyPage form div.colorVariation ul li {
    position: relative;
}

div.actionBuyPage form div.colorVariation ul li input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 99;
}

div.actionBuyPage form div.colorVariation ul li span {
    width: 77.609px;
    height: 14px;
    display: inline-block;
    margin-left: 8px;
    border: 0.6px solid #ffffff4a;
}

div.actionBuyPage form div.colorVariation ul li:has(input:checked) span {
    border: 2px solid #008000;
}

div.actionBuyPage form button.next {
    font-family: 'Recoleta';
    text-transform: uppercase;
    outline: unset;
    border: 0.4px solid #ffffff4d;
    background: #000;
    color: #fff;
    letter-spacing: 3px;
    height: 45px;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    cursor: pointer;
}
div.actionBuyPage form .bodyInformation {
}

div.actionBuyPage form .bodyInformation h5 {
    text-decoration: underline;
    margin-bottom: 20px;
    font-size: 14px;
}

div.actionBuyPage form .bodyInformation ul {
    margin: 0px;
    padding: 10px 0px 0px;
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

div.actionBuyPage form .bodyInformation ul li {
    position: relative;
    border: 0.4px solid #ffffff4d;
    width: 100px;
    height: 200px;
    padding: 10px;
    transition: all 0.3s linear;
}

div.actionBuyPage form .bodyInformation ul li input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

div.actionBuyPage form .bodyInformation ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

div.actionBuyPage form .bodyInformation ul li:has(input:checked) {
    border: 2px solid #008000;
}
div.actionBuyPage form .bodyInformationValues h5 {
    text-decoration: underline;
    margin-bottom: 20px;
    font-size: 14px;
}

div.actionBuyPage form .bodyInformationValues ul.get {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

div.actionBuyPage form .bodyInformationValues ul.get li {
    position: relative;
    margin-bottom: 20px;
}

div.actionBuyPage form .bodyInformationValues ul.get li h6 {
    color: #fff;
    font-family: Recoleta;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

div.actionBuyPage form .bodyInformationValues ul.get li input {
    width: 100%;
    height: 5px;
}

div.actionBuyPage form .bodyInformationValues ul.get li output {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-family: Recoleta;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

div.actionBuyPage form .bodyInformationValues ul.get li.weight output:after {
    /* content: " LB"; */
}

div.actionBuyPage form .bodyInformationValues ul.get li.shoesize output:before {
    /* content: "US "; */
}
div.actionBuyPage form div.finalInformation h5 {
    text-decoration: underline;
    margin-bottom: 20px;
    font-size: 14px;
}

div.actionBuyPage form div.finalInformation p {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

div.actionBuyPage form div.finalInformation p button.edit {
    background: transparent;
    padding: 0px;
    outline: unset;
    border: unset;
    font-family: 'Recoleta';
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}

div.actionBuyPage form div.finalInformation p button.next {
    margin-top: 0px;
}

div.actionBuyPage form div.finalInformation p {
    padding-top: 50px;
}

div.actionBuyPage form div.finalInformation ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

div.actionBuyPage form div.finalInformation ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

div.actionBuyPage form div.finalInformation ul li label {
    color: #fff;
    font-family: Recoleta;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

div.actionBuyPage form div.finalInformation ul li span {
    color: #fff;
    font-family: Recoleta;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

div.actionBuyPage form div.finalInformation ul li span select {
    outline: unset;
    border: 0.4px solid #ffffff4d;
    background: #000;
    color: #fff;
    letter-spacing: 3px;
    height: 45px;
    font-family: 'Recoleta';
    text-transform: uppercase;
    padding: 0px 10px;
}
.auctionProducts .ProductSummary .noBidTimer {
    display: block;
    padding-top: 100px;
}
.ProductInfo form.placeBid .row {
    display: flex;
    align-items: center;
}

.ProductInfo form.placeBid .row label.bidPriceBox {
    background-color: #fff;
    color: #000;
    font-family: 'Recoleta';
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.72px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68%;
    margin-right: 2%;
    padding-left: 80px;
}

.ProductInfo form.placeBid .row label.bidPriceBox input[type='number'] {
    text-align: left;
    width: 100px;
}

.ProductInfo form.placeBid .row input[type='submit'] {
    width: 28%;
}
.ProductInfo
    form.placeBid
    .row
    label.bidPriceBox
    input[type='number']::-webkit-inner-spin-button,
.ProductInfo
    form.placeBid
    .row
    label.bidPriceBox
    input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.ProductInfo .AuctionTimer {
    /* display: none; */
}

.ProductInfo form.placeBid {
    /* display: none; */
    opacity: 0.4;
    pointer-events: none;
}
.ProductInfo.campaignRunning .AuctionTimer {
    display: block;
}

.ProductInfo.campaignRunning form.placeBid {
    display: block;
    opacity: 1 !important;
    pointer-events: unset !important;
}

.ProductInfo.campaignRunning form.buyNow {
    /* display: none; */
    opacity: 0.4;
    pointer-events: none;
}
.ProductInfo.stopCampaign form.placeBid,
.ProductInfo.campaignRunning.disable form.placeBid {
    opacity: 0.4;
    pointer-events: none;
}
.ProductInfo.noCampaignRunning .AuctionTimer {
    /* display: none; */
}

.ProductInfo.noCampaignRunning form.placeBid {
    /* display: none; */
    opacity: 0.4 !important;
    pointer-events: none !important;
}

.ProductInfo.noCampaignRunning form.buyNow {
    display: block;
    opacity: 1;
    pointer-events: unset;
}
.ProductInfo.campaignRunning.disable form.placeBid,
.ProductInfo.campaignRunning.stopCampaign form.placeBid {
    /* display: none; */
    opacity: 0.4 !important;
    pointer-events: none !important;
}
.ProductInfo.campaignRunning.disable form.buyNow,
.ProductInfo.campaignRunning.stopCampaign form.buyNow {
    display: block;
    opacity: 1;
    pointer-events: unset;
}
div.actionBuyPage form .bodyInformation ul li label {
    margin: 20px 0px 0px;
    font-family: 'Recoleta';
    font-size: 14px;
    display: block;
    width: 100%;
    text-align: center;
}
div.actionBuyPage form .bodyInformationValues ul.get li select {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-family: Recoleta;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: capitalize;
    border: unset;
    background: transparent;
    outline: unset;
    padding: 0px;
    margin: 0px;
}

div.actionBuyPage form .bodyInformationValues ul.get li.height output {
    right: 60px;
}

div.actionBuyPage form .bodyInformationValues ul.get li.weight output {
    right: 50px;
}

div.actionBuyPage form .bodyInformationValues ul.get li.shoesize select {
    right: 35px;
}
div.actionBuyPage form .bodyInformationValues ul.get li select option {
    background: transparent;
    color: #000;
}
div.actionBuyPage form div.finalInformation ul li span b {
    font-weight: 500;
}
div.show_bid_winner_lists {
    position: absolute;
    top: 5em;
    left: -30em;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    max-width: 400px;
    padding: 15px 20px;
}

.ProductInfo {
    position: relative;
}

div.show_bid_winner_lists h3 {
    font-family: 'Recoleta';
    font-size: 18px;
    color: #000;
    line-height: 22px;
}

.leftMenu {
}

div.show_bid_winner_lists ul {
    padding: 0px;
    margin: 0px 15px 0px;
    list-style-type: auto;
}

div.show_bid_winner_lists ul li {
    font-family: Recoleta;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
}

div.show_bid_winner_lists ul li:first-child {
    margin-top: 8px;
}

div.show_bid_winner_lists ul li:last-child {
    margin-bottom: 0px;
}
.leftMenu .support {
    width: 100%;
}
div.show_bid_winner_lists ul li label {
    display: none;
    align-items: center;
    gap: 10px;
    float: right;
}

div.show_bid_winner_lists ul li label a {
    background: #000;
    font-size: 12px;
    text-decoration: unset;
    color: #fff;
    padding: 1px 6px;
    border-radius: 4px;
}

div.show_bid_winner_lists ul li.showcheckout label {
    display: inline-flex;
}
#bidWinner .modal-header {
    padding: 0px;
    margin: 0px;
    border: unset;
}

#bidWinner .modal-header button.close {
    border: unset;
    padding: 0px;
    background: transparent;
    color: red;
    opacity: 1;
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
    line-height: unset;
    z-index: 999;
}

#bidWinner h3.title {
    color: #000;
    font-size: 18px;
    text-decoration: underline;
}

#bidWinner p.message {
    color: #000;
    line-height: 22px;
    margin: 10px 0px 0px;
}

#bidWinner a.checkout {
    background: #000;
    font-size: 16px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    text-decoration: unset;
    padding: 6px 12px;
    margin-top: 15px;
}

#bidWinner .modal-body {
    padding: 30px 20px 15px;
}
.swal-modal {
    background: #000;
    box-shadow: 0px 0px 20px 2px #ffffff2e;
    border: 1px solid #fff;
}

.swal-modal .swal-text {
    color: #fff;
}

.swal-modal .swal-footer button {
    background: #fff !important;
    color: #000 !important;
}

.swal-modal .swal-footer {
    text-align: center;
}

@media only screen and (max-width: 450px) {
    div.show_bid_winner_lists {
        position: relative;
        left: 0;
        top: -20px;
        width: 90%;
        margin: 0 auto;
        padding: 10px 10px;
        padding-left: 15px;
    }
    .ProductInfo {
        border-bottom: 1px solid #fff;
        padding-bottom: 40px;
        margin-bottom: 0;
        height: 690px;
    }

    .auctionProducts .ProductSummary .noBidTimer {
        padding: 0;
    }
    .AboutPage .stickyColRight {
        margin-top: 30px !important;
    }

    .leftMenu .support {
        padding-top: 0 !important;
    }

    body.Home .col-md-3.stickyCol {
        /*z-index: -1 !important; */
    }
}
@media only screen and (width: 820px) and (max-height: 1180px) {
    .head-right-img {
        top: 0px;
        right: -30px;
    }
    .red-bar {
        overflow: hidden;
    }
    .leftMenu .support {
        padding-right: 30px !important;
    }
    .ProductInfo {
        margin-bottom: 0 !important;
    }
    .auctionProducts .leftMenu {
        background-color: transparent !important;
    }
    .auctionProducts .col-md-8::after {
        margin-top: 10px !important;
    }
}
@media only screen and (width: 1180px) and (max-height: 820px) {
    .ProductInfo {
        margin-bottom: 0 !important;
    }
    .auctionProducts .col-md-8::after {
        font-size: 22px !important;
        word-spacing: 7px !important;
    }
    .auctionProducts .leftMenu {
        background-color: transparent !important;
    }
    .auctionProducts .col-md-8::after {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 450px) {
    .main-section {
        padding-top: 50px; /* Adjust based on header height */
    }
}

@media only screen and (max-width: 450px) {
    .rightMenu {
        width: 100% !important;
        text-align: center;
    }

    .rightMenu a {
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
    }
}