:root {
    --custom-theme-color: linear-gradient(135deg, #a7925b 0%, #2c2c2c 100%);
    /* --custom-theme-color: linear-gradient(135deg, #3ff7df 0%, #1338ff 100%); */
    --custom-product-sponsor-color: linear-gradient(135deg, #009688 0%, #2c2c2c 100%);
    --custom-flat-rate-color: linear-gradient(135deg, #2196F3 0%, #2c2c2c 100%);
    --custom-event-color: linear-gradient(135deg, #f01000 0%, #2c2c2c 100%);
    /* --custom-text-color: #1f67f9; */
    --custom-text-color: #373630;
    --custom-drop-text: #444;
    --custom-gold-color: linear-gradient(135deg, #ffd302 0%, #ff9800 100%);
    --custom-silver-color: linear-gradient(135deg, #838382 0%, #383838 100%);
    --status-pending: linear-gradient(135deg, #FFC107 0%, #FF5722 100%);
    --status-done: linear-gradient(135deg, #81ee03 0%, #6ea133 100%);
    --status-progress: linear-gradient(135deg, #FF5722 0%, #FFEB3B 100%);
    --status-rejected: linear-gradient(135deg, #ff5858 0%, #c6020b 100%);
    --status-all: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);
    --status-expired: linear-gradient(135deg, #7d7d7c 0%, #333333 100%);
    --custom-danger: linear-gradient(135deg, #fa1100 0%, #E91E63 100%);
    --modal-title: linear-gradient(134deg, #a7925b 0%, #2c2c2c 100%);
}

html {
    scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
}

body {
    overflow-x: hidden !important;
}

#fixedColeventIcon {
    width: 28px;
}

#topHeaderSec2{
    position: fixed;
    top: -60px;
    background: #fffffff7;
    max-width: 450px;
    width: 100%;
    margin-left: -15px;
    z-index: 999;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.3s;
}

.fixedMenuActive{
    position: fixed !important;
    top: 0 !important;
    transition: 0.3s;
}

.zoomEffect{
    transition: 0.3s !important;
}

.zoomEffect:hover{
    transition: 0.3s !important;
    transform: scale(1.2) !important;
}

#topHeaderRightSec{
    float: right;
    top: 6px;
}

.qrScanner {
    width: 25px;
    float: left;
    cursor: pointer;
    z-index: 999;
}

.qrSec {
    /* position: absolute;
    right: 0px;
    top: 37px; */
}

#fixedQrSec{
    position: absolute;
    right: 32px;
    top: 12px;
}


.btn-danger, .btn-danger:focus{
    font-family: 'poppins';
    background: #f44336 !important;
    color: white !important;
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
    border: none;
}

.btn-black, .btn-black:focus{
    font-family: 'poppins';
    background: black !important;
    color: white !important;
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
    border: none;
}

.btn-outline-black, .btn-outline-black:focus{
    font-family: 'poppins';
    background: white !important;
    color: black !important;
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
    border: 1px solid black;
}

.btn-white, .btn-white:focus{
    font-family: 'poppins';
    color: black !important;
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    background: white !important;
    transition: 0.3s;
}

.btn-fullwhite, .btn-fullwhite:focus{
    background: white;
    color: black;
    font-family: 'poppins';
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
}

.btn-white-gold, .btn-white-gold:focus{
    font-family: 'poppins';
    background: white !important;
    color: #998654 !important;
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
}

.exploreBtns{
    font-family: 'poppins';
    color: black;
    font-size: 15px;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
    background: white;
    transition: 0.3s;
}

.exploreBtns:hover{
    transition: 0.3s;
    transform: scale(1.1);
}

.btn-black-small, .btn-black-small:focus{
    font-size: 10px;
    font-family: 'poppins';
    background: black !important;
    color: white !important;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
}

.btn-white-small{
    font-size: 10px;
    font-family: 'poppins';
    color: black;
    width: max-content;
    border-radius: 99px;
    font-weight: 500;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 18px;
    padding-right: 18px;
    transition: 0.3s;
}

.btn-white:hover, .btn-white-small:hover{
    background: black;
    color: white;
    transition: 0.3s;
}

.btn-black:hover, .btn-black-small:hover{
    background: white;
    color: black;
    transition: 0.3s;
}

.btn-theme{
    background: var(--custom-theme-color);
    color: white;
}

.btn-theme:hover,
.btn-theme:focus {
    color: white !important;
}

footer.footer_main_nav .nav_icon.red_dot:after {
    position: absolute;
    content: "";
    background: var(--custom-theme-color);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: -15%;
    right: -15%;
}


footer.footer_main_nav .nav-pills .nav-link.active:after,
footer.footer_main_nav .nav-pills .show>.nav-link:after {
    content: '';
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--custom-theme-color);
    position: absolute;
    top: 7px;
    left: 2px;
    left: 50%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
}

footer.footer_main_nav .nav-pills .nav-link.active,
footer.footer_main_nav .nav-pills .show>.nav-link {
    color: var(--custom-text-color);
    background-color: transparent;
    position: relative;
}

.annoying_notification {
    background: var(--custom-theme-color);
}

.post_box .box_img_top .price_tag {
    bottom: 0;
    background: var(--custom-theme-color);
}

.post_box .box_img_top:after {
    content: '';
    background: var(--custom-theme-color);
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: -4px;
}

button.reset {
    color: var(--custom-text-color);
    position: absolute;
    left: 15px;
    top: 17px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.sortby-row .navs .nav-tabs.active {
    background-color: #fff !important;
    color: #1f67f9 !important;
    -webkit-box-shadow: inset 0px 0px 0px 2px #00A8A8 !important;
    box-shadow: inset 0px 0px 0px 2px #2268f9 !important;
    font-weight: 600 !important;
}

.buttons-row {
    position: fixed;
    z-index: 100;
    bottom: 0;
    width: 100%;
    background: #1f67f9;
    height: 55px;
    line-height: 55px;
    text-align: center;
}

.top_header:after {
    content: "";
    height: 2px;
    width: 100%;
    /* background: -webkit-gradient(linear, left top, right top, color-stop(27%, #E82323), color-stop(27%, #FCCB52), color-stop(73%, #FCCB52), color-stop(73%, #00A8A8)); */
    background: var(--custom-theme-color);
    position: absolute;
    bottom: 0;
    left: 0;
}

.menuBtns {
    white-space: nowrap;
    width: 130px;
    margin-right: 10px;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: inset 0px 0px 0px 1px #D4E3E3;
    box-shadow: inset 0px 0px 0px 1px #D4E3E3;
    font-size: 10px;
    padding: 16px 0;
    line-height: 1;
    color: #555555;
    font-size: 16px !important;
}

.menuBtnsActived {
    background-color: #fff !important;
    color: #1f67f9 !important;
    -webkit-box-shadow: inset 0px 0px 0px 2px #00A8A8 !important;
    box-shadow: inset 0px 0px 0px 2px #2268f9 !important;
    font-weight: 600 !important;
}

#topTitle {
    font-family: 'Open-Sans';
    font-size: 1.0em;
    display: block;
    margin-top: 3px;
}

.newBtns{
    border-radius: 5px;
}

/* BUTTON SVG ANIMATION STYLE */

/* .animateBtns:hover > svg{
    transform: rotate(-360deg);
    transition: 0.3s;
} */

.animateBtns:hover > svg, .animateBtns:hover > i{
    transform: rotate(360deg);
    transition: 0.3s;
}

.animateBtns > svg, .animateBtns > i{
    transform: rotate(-360deg);
    transition: 0.3s;
}


.footerBtns:hover > div > svg{
    transform: rotate(-360deg);
    transition: 0.3s;
}

.footerBtns:hover > div > svg{
    transform: rotate(360deg);
    transition: 0.3s;
}

.footerBtns > div > svg{
    transform: rotate(-360deg);
    transition: 0.3s;
}

.transformBtns:hover{
    transform: rotate(360deg);
    transition: 0.3s;
}

.transformBtns{
    transform: rotate(-360deg);
    transition: 0.3s;
}

/* BUTTON SVG ANIMATION STYLE */

.camBtns{
    cursor:pointer;
}

.gotNotification{
    font-size: 10px;
    position: absolute;
    top: 2px;
    right: 0;
    padding: 2px;
    background-color: #ff0102;
    width: 8px;
    height: 8px;
    border: 1px solid #232323;
    text-align: center;
    border-radius: 99px;
}

.statusNoti{
    position: absolute;
    top: 0px;
    padding: 1px;
    background-color: #ff0102;
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 99px;
    color: white;
    margin-left: -6px;
}

html {
    scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
}

.menuClosebtn{
    cursor: pointer;
}

a {
    color: #998654;
    text-decoration: none;
    background-color: transparent;
}

.customModal{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1300;
    top: 0;
    max-width: 450px;
    background: white;
    overflow: auto;
}

.center-div{
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    position: relative;
}

#siteTitle {
    font-weight: 400;
    padding-top: 30px;
    font-size: 18px;
    margin-bottom: 0px;
}

#siteTitle2 {
    font-weight: 600;
    font-size: 18px;
}

.fullWidth, .fullWidth:hover, .fullWidth:focus{
    width: 100%;
}

.halfFullWidth, .halfFullWidth:hover, .halfFullWidth:focus{
    width: calc(50% - 10px);
    float: left;
    margin: 5px;
}

.ninetyWidth, .ninetyWidth:hover, .ninetyWidth:focus{
    width: 80%;
}

a:hover{
    color: black !important;
}

.lastRow{
    margin-bottom: 50px !important;
}

.zeroOpacity{
    opacity: 0;
}


.itemRM {
    color: white;
    font-size: 14px;
}

.itemImageBoxes {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.itemImages {
    width: 120%;
    border-radius: 20px;
    height: 200px;
    object-fit: cover;
    object-position: center;

}

.itemrow {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 70px;
}

.itemTitle {
    font-size: 19px;
    padding-bottom: 10px;
    color: white;
    width: 100%;
    font-weight: 600;
}

.itemBoxes .itemWorth {
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: white;
    font-weight: bold;
}

.worthPrice {
    font-size: 21px;
    font-weight: bold;
}

.itemBoxes .col-6 {
    float: left;
}

.itemCol {
    padding-left: 20px;
    height: 100%;
}

.itemBoxes {
    border-radius: 30px;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
}

.blackText, .blackText:hover, .blackText:focus{
    color: black !important;
}

html {
    scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 50px !important;
}

.padding0{
    padding: 0px !important;
}

#logoutBtn{
    background: black;
    color: white;
    border-radius: 99px;
    padding-left: 7px;
    padding-right: 5px;
    padding-top: 11px;
    padding-bottom: 11px;
    cursor: pointer;
    top: 3px;
    position: relative;
}

/* #accountType {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    top: 15px;
    position: relative;
} */

div#driver-popover-item .driver-popover-footer button {

    border: 1px solid black !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    font-family: 'poppins' !important;
    font-size: 14px !important;
}

div#driver-popover-item .driver-popover-footer button.driver-disabled {
    color: grey !important;
    cursor: default;
    pointer-events: none;
    border: 1px grey !important;
}

.footerQrScanner {
    width: 25px;
    cursor: pointer;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    top: -1px;
    position: relative;
}

.whiteHr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / 41%);
}