/*
:: Table Of Contents
==============================================================*/

:root {
    --colorPrimary   : #ffdd00;
    --colorPrimaryHover   : #ffdd00a3;
    --lightPrimary   : #f9eb28;
    --colorSecondary : #000000;
    --colorTertiary  : #ffffff;
    --readColor  : #848484;
}
body {
    font: normal 0.875rem/1.3 'Lato', sans-serif;
    color: var(--colorSecondary);
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
}
h3 {
    font-size: 17px;
    padding-left: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: all ease 0.3s;
    margin-bottom: 10px;
}
h3 > *, .allProductLink {
    font-size: 1.25rem;
    font-weight: 700;
    /* text-align: right; */
    text-transform: none;
    font-variant: small-caps;
}
h3 > a:hover, h3 > a:focus, h3 > a:active {
    color: var(--colorPrimary)
}
h3::before, #newArrivalCarousel figcaption > span::before {
    content: '';
    width: 4px;
    height: 22px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: var(--colorPrimary);
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 0.875rem;
}
.container {
    width: 100%;
    max-width: 1200px;
}
a {
    text-decoration: none;
    color: inherit
}
*:focus, *:focus-visible {
    outline: none;
    box-shadow: none !important;
    border-color: transparent !important;
}
.form-control, .form-select {
    font-size: 0.75rem;
    border-color: #ccc;
    border-radius: 0.25rem;
}
.login-form-control{
    font-size: 16px!important;
    border-color: #ccc!important;
    border-radius: 0.25rem!important;
}
.form-control:focus, .form-select:focus {
    border-color: #ccc !important;
}
.btn {
    font-weight: 600;
    font-variant: small-caps;
}
.btn-primary {
    background-color: var(--colorPrimary);
    color: var(--colorSecondary);
    border: none;
}
/* .btn-primary:hover {
    background-color: var(--colorSecondary) !important;
    color: var(--colorTertiary) !important;
}
.btn-primary:hover  svg, .btn-primary:focus svg, .btn-primary:active  svg, .btn-primary:hover  path, .btn-primary:focus path, .btn-primary:active  path {
    fill: var(--colorTertiary);
} */
.form-check {
    display: flex;
    align-items: center;
}
.form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    border-color: rgba(0,0,0,0.5)
}
.form-check .form-check-input {
    margin: 0 1rem 0 -1.25rem;
}
.form-check-input[type=checkbox] {
    border-radius: 0.125rem;
}
.form-check-input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}
.form-check-input:focus {
    border-color: var(--colorPrimary) !important;
}
/*  
Header Section
==============================================================*/
@media(max-width:992px){
    .navbar-wrapper{
        position: absolute;
        /* margin-top: -151px; */
    }   
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{
        justify-content: flex-start;
    }   
    .navbar-toggler-icon {
        display: inline-block!important;
        width: 17px!important;
        height: 17px!important;
        vertical-align: middle!important;
        background-image: var(--bs-navbar-toggler-icon-bg)!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
        background-size: 100%!important;
    }
}
@media(max-width:992px) AND (min-width:380px){
    .navbar-list{        
        margin-top: 0px;
        margin-right: 5px;
    }
    .navbar-brand img {
        margin-left: -26px;
        width: 188px!important;
    }
    .headerPrimary {        
        height: 52px!important;
    }
}
@media(max-width:379px){ 
    .navbar-brand img {
        margin-left: -26px;
        width: 188px!important;
    }
    .headerPrimary {        
        height: 52px!important;
    }
}
@media(max-width:379px) AND (min-width:324px){
    .navbar-list{        
        margin-top: 0px!important;
        margin-right: 5px;
    }
}
@media(max-width:324px){
    .navbar-list{        
        margin-top: -47px!important;
        margin-right: 5px;
    }  
}
#header {
    position: sticky;
    top: -0px;
    z-index: 100;
}
.headerSecondary {
    font-size: 0.75rem;
    color: var(--colorTertiary);
    padding: 0.5rem 0;
    background-color: var(--colorSecondary);
    z-index: 10000000000;
    position: relative;
}
.headerSecondary a > strong {
    margin-top: 0.125rem;
    display: inline-block;
}
.headerSecondary ul > li.logout::after {
    content: '|';
    padding: 0 0.5rem;
    transform: translateY(-1px);
    display: inline-block;
}
.headerPrimary {
    background-color: var(--colorTertiary);
    box-shadow: 0 0px 8px rgba(0,0,0,0.3);
    height:73px;

}
.subMenuToggler {
    transition: 0.3s;
    transform: rotate(0deg);
}
.subMenuToggler:not(.collapsed) {
    transform: rotate(-136deg);
}
.menuSecondary {
    flex: 1 0 100%;
    list-style: none;
    position: relative !important;
    margin: 0.5rem 0 0.25rem;
    padding: 0;
    background-color: transparent;
}
.headerPrimary .menuSecondary > li > a {
    font-size: 0.875rem;
    text-transform: none;
    font-variant: small-caps;
    color: var(--colorTertiary);
    border-bottom: 1px solid var(--colorTertiary);
    padding: 0.25rem 0rem 0.25rem 0;
    margin-left: 1rem;
    display: block;
}
.headerPrimary .menuSecondary > li:last-child > a {
    padding-bottom: 0;
    border-bottom: none;
}
.headerPrimary .menuSecondary > li:hover > a, .headerPrimary .menuSecondary > li:focus > a, .headerPrimary .menuSecondary > li:active > a {
    color: var(--colorPrimary);
    border-bottom-color: var(--colorPrimary) !important;
}
.notificationDropdown {
    top: calc(100% + 30px) !important;
    min-width: calc(100vw - 1.5rem);
    max-height: calc(100vh - 160px);
    border: none;
    background-color: var(--colorSecondary);
    color: var(--colorTertiary);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    border-radius: 0;
    padding: 0.5rem;
}
.notificationDropdown a {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--colorTertiary);
    white-space: normal;
}
.notificationDropdown > li:last-child > a {
    border-bottom: 0;
    padding-bottom: 0.25rem;
}
.notificationDropdown h3 {
    margin-bottom: 0.5rem;
}
.notificationDropdown h3::before {
    top: 0;
}
.notificationDropdown p {
    margin-bottom: 0;
}
.notificationDropdown a {
    display: flex;
}
.notificationDropdown a > img {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    padding: 0.25rem;
    background-color: var(--colorTertiary);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    margin-right: 0.5rem;
    object-fit: cover;
}
.headerPrimary .notificationDropdown::before {
    content: '';
    border: 10px solid;
    border-color: transparent transparent var(--colorSecondary) transparent;
    display: block;
    position: absolute;
    right: 4px;
    top: -19px;

}
.notificationDropdown a > div:nth-last-child() {
    flex: 1 0 auto;
}
.notificationDropdown h6 {
    display: flex;
    justify-content: space-between;
    text-transform: none;
    font-variant: small-caps;
    margin-bottom: 0.4rem;
}
.notificationDropdown span {
    width: calc(100% - 136px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.notificationDropdown time {
    flex: 0 0 130px;
    margin-left: 0.5rem;
    text-align: right;
}
.notificationDropdown * {
    font-size: 0.75rem !important;
    color: var(--colorTertiary);
}
.read * {    
    color: var(--readColor);
}

.notificationDropdown p {
    margin-bottom: 0;
    width: 100%;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#searchModal .modal-body {
    border-top: 1px solid #dee2e6;
}
.userControl .dropdown-toggle::after {
    display: none;
}

.navbar{
    height:100%;
}
.navbar .container{
    height:100%;
}
.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--colorSecondary);
    text-transform: uppercase;
}
.headerPrimary .navbar-toggler {
    padding: 1px 4px 4px 4px;
    border-color: var(--colorPrimary);
    background-color: var(--colorPrimary);
}
.navbar-toggler{
    margin-right: 11px!important;
}
.headerPrimary .navbar-nav > li {
    font-weight: 700;
    text-transform: uppercase;
}
.headerPrimary .navbar-nav > li {
    padding: 0.75rem 0;
    color: var(--colorTertiary);
    border-bottom: 1px solid var(--colorTertiary);
}
.headerPrimary .navbar-nav > li > a {
    padding: 0;
    color: var(--colorTertiary);
}
.headerPrimary .navbar-nav > li > a:hover .headerPrimary .navbar-nav > li > a:focus, .headerPrimary .navbar-nav > li > a:active, .headerPrimary .navbar-nav > li > a.active {
    /* background-color: var(--colorSecondary); */
    color: var(--colorPrimary);
}
.userControl > li {
    position: relative;
    margin-right: 0.75rem;
}
.userControl > li:last-child {
    margin-right: 0;
}
.userControl > li > .userControlBadge {
    font-size: 0.625rem;
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    background-color: var(--colorPrimary);
    pointer-events: none;
}

.commonModal .modal-header {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: none;
}
.commonModal .modal-body {
    padding-top: 0;
}
.commonModal p, .commonModal label {
    color: #6f6f6f;
}
.login-form-label {
    color: #6f6f6f!important;
    font-size: 17px!important;
}
.offcanvas {
    max-width: 300px;
    background-color: var(--colorSecondary);
}
.offcanvas i {
    cursor: pointer;
}
.offcanvas .btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity: 1;
}
.offcanvas .dropdown-toggle::after {
    display: none;
}
.offcanvas .dropdown-toggle > svg {
    transition: all ease-in 0.3s;
}
.offcanvas .dropdown-toggle.show > svg {
    transform: rotate(224deg);
}
.offcanvas .dropdown-menu {
    flex: 1 0 100%;
}
.offcanvas .dropdown-item {
    text-transform: none;
    font-variant: small-caps;
}
/*  
Footer Section
==============================================================*/
#footer {
    background-color: var(--colorSecondary);
    margin-bottom: 4rem;
}
#footer h5 {
    color: var(--colorPrimary)
}
#footer h6 {
    color: var(--lightPrimary)
}
.footerLinks {
    border-bottom: 1px solid var(--colorTertiary);
    padding-bottom: 0.75rem;
}
.footerLinks > li > a {
    color: var(--colorTertiary);
    font-weight: 700;
    margin: 0.5rem 0;
    display: inline-block;
    transition: all ease 0.3s;
}
.footerLinks > li > a:hover, .footerLinks > li > a:focus, .footerLinks > li > a:active, .footerPrimary p > span > a:hover, .footerPrimary p > span > a:focus, .footerPrimary p > span > a:active  {
    color: var(--lightPrimary)
}
.footerPrimary p > span  {
    line-height: 1.5;
    color: var(--colorTertiary);
    font-weight: 700;
    padding: 0.25rem 0;
    display: block;
}
.appLinks {
    margin: 0 -0.5rem;
}
.appLinks > li {
    margin: 0.5rem
}
#footer .accordion-item {
    color: var(--colorTertiary);
    background-color: transparent;
    border: none;
}
#footer .accordion-body {
    padding: 0;
}
#footer .accordion-button {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--colorPrimary);
    background-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    padding: 1.25rem 0;
    border-top: 1px solid var(--colorTertiary);
    border-bottom: 1px solid var(--colorTertiary);
}
#footer .accordion-button.collapsed::after, .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffdd00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#footer .accordion-body {
    padding: 1.25rem 0 0;
    border-bottom: 1px solid var(--colorTertiary);
}
.footerSecondary ul {
    margin: 0 -0.25rem 1rem;
}
.footerSecondary li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--colorTertiary);
    margin: 0 0.25rem;
}
.footerSecondary li > a:hover, .footerSecondary li > a:focus, .footerSecondary li > a:active {
    color: var(--colorPrimary)
}
.footerSecondary li > a::after {
    content: '|';
    padding: 0 0.25rem;
    margin: 0.5rem 0;
    transform: translateY(-1px);
    display: inline-block;
}
.footerSecondary li > a:last-child::after {
    display: none;
    padding-right: 0;
}
.footerTertiaryContent {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--colorTertiary);
}
#footer .footerTertiaryContent h5 {
    color: var(--colorTertiary);
    margin-bottom: 1.5rem;
}
.footerTertiaryContent svg {
    width: 2rem;
    fill: var(--colorTertiary);
}
.footerTertiaryContent a:hover > svg, .footerTertiaryContent a:focus > svg, .footerTertiaryContent a:active > svg {
    fill: var(--colorPrimary);
}
.footerTertiaryContent ul {
    display: flex;
    align-items: center;
    margin: 0 -0.75rem;
}
.footerTertiaryContent li {
    margin: 0 0.75rem;
}
.footerTertiaryContent img {
    margin-top: 2px;
}
.copyRightContent {
    font-weight: 700;
    text-align: center;
    color: var(--colorTertiary);
}
.copyRightContent .col > div {
    padding-bottom: 1.5rem;
}
.copyRightContent .col > div > p {
    margin-bottom: 0;
}
.deviceControlBar {
    width: 100%;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--colorTertiary);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.deviceControlBar > ul {
    list-style: none;
    margin: 0;
    padding: 0.5rem;
    display: flex;
}
.deviceControlBar > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1 0 25%;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}
.deviceControlBar span {
    display: block;
    padding-top: 0.5rem;
}
.deviceControlBar > ul > li > a:hover, .deviceControlBar > ul > li > a:focus, .deviceControlBar > ul > li > a:active {
    color: var(--colorPrimary);
}
.deviceControlBar > ul > li > a:hover > svg, .deviceControlBar > ul > li > a:focus > svg, .deviceControlBar > ul > li > a:active > svg {
    fill: var(--colorPrimary);
}
/*  
Content Area
==============================================================*/
#content > * {
    /* margin-bottom: 2.5rem; */
}
#content > .productGallery {
    margin-bottom: 1rem;
}
#categorySectionCarousel .owl-item > a {
    padding: 5px 0px;
    display: block;
}
#categorySectionCarousel figure {
    margin: 0.5rem 0;
}
#categorySectionCarousel figure > span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    border-radius: 50%;
    margin-bottom: 0.5rem;
}
#categorySectionCarousel figcaption {
    font-size: 1rem;
    font-weight: 700;
    text-transform: none;
    font-variant: small-caps;
    text-align: center;
}
#offerSectionCarousel .owl-item img {
    border-radius: 0.5rem;
}
.hotDealSection img {
    border-radius: 0.5rem;
}
.newArrivalThumbnail figure, .newArrivalThumbnail figcaption {
    background-color: #ccc;
}
.newArrivalThumbnail figure {
    border-radius: 0.5rem;
    margin-bottom: 0;
}
.newArrivalThumbnail img {
    border-radius: 0.5rem 0.5rem 0 0;
}
.newArrivalThumbnail figcaption {
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.5rem;
}
.newArrivalThumbnail figcaption > span {
    font-size: 1rem;
    font-weight: 700;
    font-variant: small-caps;
    position: relative;
    display: block;
    padding-left: 0.75rem;
}
.newArrivalThumbnail figcaption > span::before {
    top: 2.5px;
    height: 16px;
}
.productGalleryCarousel img {
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}
.productGallery h6 {
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: none;
    margin-bottom: 0.5rem;
}
.productGallery small, .productGallery span {
    display: block;
}
.productGallery small {
    margin-bottom: 0.5rem;
    color: rgba(0,0,0,0.4);
}
.productGallery ins {
    font-weight: 700;
    text-decoration: none;
}
.productGallery del {
    color: rgba(0,0,0,0.4);
}
.productGallery span > small {
    color: #04ce00;
    margin: 0;
    display: inline;
}
.productGalleryThumbnail > *, .productGalleryThumbnail > * > *, .productGalleryThumbnail > * > * > * {
    display: flex;
    max-width: 100%;
}
.productGalleryThumbnail > * > * > * {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.productGalleryThumbnail .owl-carousel {
    margin-bottom: 0.5rem;
}
.productGalleryThumbnail .owl-carousel, .productGalleryThumbnail .owl-stage-outer, .productGalleryThumbnail .owl-stage, .productGalleryThumbnail .owl-item, .productGalleryThumbnail .owl-item > div {
    height: 100%;
}
.productGalleryThumbnail .owl-item  img {
    height: 100%;
    object-fit: cover;
}
.trustFactorContentWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
.trustFactorContent {
    flex: 1 0 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: var(--colorTertiary);
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin: 0.75rem;
}
.trustFactorContent > i {
    width: 80px;
    height: 80px;
    background-color: var(--colorPrimary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 50%;
    margin-bottom: 1rem;
}
.trustFactorContent h3 {
    font-size: 0.875rem;
    text-transform: none;
    font-variant: small-caps;
    padding: 0;
    margin: 0;
}
.trustFactorContent h3::before {
    display: none;
}
.trustFactorContent > p:only-child, .trustFactorContent > p:last-child {
    margin-bottom: 0;
}
.trustFactorContentWrapper > .trustFactorContent:last-child  > i {
    padding: 0;
}
.trustFactorContentWrapper > .trustFactorContent:last-child  > i > img {
   width: 70px;
   height: 70px;
   border-radius: 50%;
}
.productBanner > img {
    height: 50vh;
    object-fit: cover;
}
.productItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 
.productGraphic {
    position: relative;
    margin-bottom: 0.5rem;
    flex: 1 0 auto;
}
.productGraphic > a, .productGraphic > a > img {
    height: 100%;
    object-fit: cover;
}
.wishListButton {
    width: 30px;
    height: 30px;
    background-color: var(--colorTertiary);
    padding: 0.25rem;
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}
.wishListButton:hover, .wishListButton:focus, .wishListButton:active {
    background-color: red;
}
.wishListButton > svg {
    transform: translateY(1px);
}
.wishListButton:hover > svg > path, .wishListButton:focus > svg > path, .wishListButton:active > svg  > path {
    fill: var(--colorTertiary);
    stroke: var(--colorTertiary);
}
.productItem{
    background-color: var(--colorTertiary);
    padding: 0.75rem;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    max-width: 100%;
}
.productItem img {
    border-radius: 0.5rem;
    height: 100%;
    object-fit: cover;
}
.productInfo h6 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}
.productInfo strong {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}
.graphicInfo {
    font-size: 0.625rem;
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    background-color: var(--colorTertiary);
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}
.graphicInfo:hover, .graphicInfo:focus, .graphicInfo:active {
    background-color: var(--colorSecondary);
    color: var(--colorTertiary);
}
.filterNav {
    margin: 0 -4px;
}
.customButton {
    min-width: 160px;
}
.filterControl {
    width: calc(50% - 8px);
    margin: 4px;
}
.filterTab .nav-link {
    background-color: var(--colorPrimary);
    color: var(--colorTertiary);
}
.filterTab .nav-link.active {
    background-color: var(--colorSecondary);
}
.slides > li {
    cursor: pointer;
}
.productDetailHeader {
    margin-bottom: 1rem;
}
.productDetailHeader h3 {
    margin-bottom: 0.75rem;
    align-items: flex-start;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}
.productDetailHeader h3::before {
    top: 2px;
}
.productDetailHeader h3 > * {
    font-size: 19px;
    text-transform: none;
    font-variant: small-caps;
}
.productDetailHeader h3 > *:last-child {
    flex: 1 1 98px;
    margin-left: 0.5rem;
    text-align: right;
}
.productDetailHeader h3 > *:first-child {
    flex: 1 1 auto;
    text-align: left;
}
.productDetailContent h6 {
    text-transform: none;
    font-size: 18px;
}
.productDetailTable>:not(caption)>*>* {
    vertical-align: middle;
}
.productDetailContent  table span{
    display: block;
}
.productDetailContent  table strong {
    display: block;
    font-size: 17px;
    color: blue;
}
.productDetailContent  table span, 
.productDetailContent table h6 {
    font-size: 18px;
    margin-bottom: 2px!important;
}
.counterContainer {
    display: flex;
    justify-content: flex-end;
}
.counterContainer > button {
    width: 50px;
    height: 50px;
    display: flex;
    font-size: 32px;
    font-weight: 400!important;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.counterContainer > .btn-primary:hover > svg, .counterContainer > .btn-primary:focus > svg, .counterContainer > .btn-primary:active > svg {
    fill: var(--colorTertiary);
}
.cartQuantity {
    font-size: 19px;
    /* line-height: 1; */
    font-weight: 600;
    margin: 0 0.5rem;
    /* padding: 0px; */
    /* max-width: 50px; */
    text-align: center;
    width: 50px!important;
}
.load-more-btn{
    font-size: 19px!important;
    padding: 10px 16px!important;
    border-radius: 8px!important;
}
.blur-class{
    margin-top: -57px;
    background: white;
    position: relative;
    box-shadow: 0 0 20px 20px white;
}
.productDetailTable > tbody > tr > td:first-child, .productDetailTable > tbody > tr > td:last-child {
    padding-left: 0;
    padding-right: 0;
}
#content > .shoppingCart {
    margin-bottom: 0;
}
.selectedProductTable, .billingAddress, .shippingAddress, .billingSummary, .wishListContentWrapper, .commonContentWrapper {
    background-color: var(--colorTertiary);
    padding: 0.75rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    margin: 1.5rem 0;
}
.commonContentWrapper {
    margin: 0;
}
.selectedProductTable > table  {
    margin-bottom: 0;
}
.selectedProductTable > table > tbody > tr:nth-child(odd) > td, .selectedProductTable > table > tbody > tr:last-child > td {
    border-bottom: none;
}
.selectedProductTable > table > tbody > tr:last-child > td {
    padding-bottom: 0;
}
.selectedProductTable > table > tbody > tr:nth-child(odd) > td:last-child {
    text-align: right;
    font-size: 1rem;
    white-space: nowrap;
}
.selectedProductTable > table > tbody > tr:nth-child(odd) > td:first-child {
    width: 130px !important;
}
.selectedProductTable > table > tbody > tr > td:first-child, .selectedProductTable > table > tbody > tr:nth-child(even) > td:only-child {
    padding-left: 0;
}
.selectedProductTable > table > tbody > tr > td:last-child, .selectedProductTable > table > tbody > tr:nth-child(even) > td:only-child {
    padding-right: 0;
}
.selectedProductTable img, .wishListContent img {
    background-color: var(--colorTertiary);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    padding: 0.25rem;
}
.selectedProductTable > .table > :not(caption) > * > * {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.selectedProductTable h6 {
    margin-bottom: 17px;
    text-transform: none;
    border-bottom: 1px solid lightgray;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 10px;
}
.selectedProductTable .counterContainer {
    justify-content: space-between;
    margin-bottom: 2px;
    
}
.removeButton {
    width: 33px;
    margin-left: 0.5rem;
}
.model{
    margin-right: 20px;        
}
.buttons{
    height: 35px!important;
}  
.shoppingCart label {
    margin-bottom: 0.5rem;
}
.priceBadge {
    font-size: 1.5rem;
    font-weight: 700;
    width: 112px;
    height: 58px;
    background-color: var(--colorPrimary);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 100px;
    box-shadow: 0 0 3px 1px rgb(2 0 0 / 20%);
    position: absolute;
    top: 3px;
    right: 12px;
}
.priceBadge > span {
    font-size: 1rem;
    font-weight: 400;
}
.billingSummaryHeader > h6 {
    text-align: right;
    margin-bottom: 0;
}
.billingSummaryHeader > h6 > span {
    display: block;
    font-weight: normal;
    margin-bottom: 1rem;
}
.chatButton {
    background-color: var(--colorSecondary);
    border-color: #000;
    border-radius: 30rem;
}
.billingAdditionalInfo {
    flex-wrap: wrap;
}
.billingSummary p {
    font-size: 1rem;
    display: flex;
    align-items: center;
}
.billingSummary p.warningText {
    font-size: 0.75rem;
}
.billingSummary p > svg {
    width: 38px;
    margin-right: 0.5rem;
}
.billingAdditionalInfo > * {
    flex: 1 0 100%;
}
.wishListContent {
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
}
.wishListContent:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.wishListContent > div {
    display: flex;
}
.wishListContent > div:first-child {
    margin-right: 1rem;
    flex: 0 0 100px
}
.wishListContent > div:last-child {
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 auto;
}
.wishListContent > div:last-child > div:last-child {
    display: flex;
    flex-wrap: wrap;
    margin: -0.25rem
}
.wishListContent > div:last-child > div:first-child {
    flex: 1 1 auto;
    margin-bottom: 0.5rem;
}
.wishListContent img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.wishListContent h6 {
    text-transform: none;
}
.wishListContent span, .wishListContent strong, .wishListContent h6 {
    display: block;
    margin-bottom: 0.25rem;
}
.wishListContent .btn {
    flex: 1 0 calc(50% - 0.5rem);
    font-size: 0.75rem;
    margin: 0.25rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.wishListContent .btn-primary:hover > svg, .wishListContent .btn-primary:focus > svg, .wishListContent .btn-primary:active > svg, .wishListContent .btn-danger > svg {
    fill: var(--colorTertiary);
} 
.cart-row{
    border-bottom: 1px solid #ebebeb;
}
.text-right{
    text-align: right!important;
}
.delete-whole-cart{
    margin-left: 0.5rem;
}
.coupon {
    margin-bottom: 1rem;
}
/* Order Detail Tab */
.orderDetailTab {
    margin: -0.75rem -0.75rem 0.75rem;
    background-color: var(--colorSecondary);
}
.orderDetailTab .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: var(--colorTertiary);
}
.dash-link.active, .dash-link.active > svg{
    fill: black;
}
.dash-link.active{
    background-color: var(--colorPrimary);
    color:black;
}
.orderDetailTab .nav-link:hover, .orderDetailTab .nav-link.active {
    color: var(--colorPrimary);
}
.orderDetailListContent {
    font-size: clamp(9px, 2vw, 13px);
}
.orderDetailListContent h6 {
    font-size: 1rem;
    font-variant: small-caps;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
}
.orderDetailListContent > span {
    display: flex;
    color: #7f7f7f;
}
.orderDetailListContent > span > strong {
    flex: 0 1 75px;
    padding-right: 0.25rem;
    margin-right: 0.25rem;
    position: relative;
    font-weight: 400;
}
.orderDetailListContent > span > strong::after {
    content: ':';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.orderDetailButtonWrapper .btn {
    flex: 1 1 auto;
    font-size: 0.75rem;
    margin: 0.25rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
#orderDetailTabContent h3 {
    margin-bottom: 1rem;
}
/*  
My Account Page
==============================================================*/
.myAccountNav > li > a {
    font-size: 1rem;
    font-weight: 500;
    font-variant: small-caps;
    color: var(--colorTertiary);
    background-color: var(--colorSecondary);
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
    display: block;
}
.myAccountNav > li > a > svg {
    fill: var(--colorTertiary);
    margin-right: 0.5rem;
}
.myAccountNav > li > a:hover, .myAccountNav > li > a:focus, .myAccountNav > li > a:active {
    background-color: var(--colorPrimary);
    color: var(--colorSecondary);
}
.myAccountNav > li > a:hover > svg, .myAccountNav > li > a:focus > svg, .myAccountNav > li > a:active > svg {
    fill: var(--colorSecondary);
}
.profilePicture {
    width: 100px;
    height: 100px;
    padding: 0.25rem;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 1rem;
}
.myOrderTable .badge {
    border-radius: 30rem;
    display: block;
}
.controlButtonWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -0.25rem;
}
.controlButtonWrapper .btn {
    margin: 0.25rem;
    flex: 1 0 125px;
}
.myOrderTable {
    vertical-align: middle;
    margin-bottom: 0;
}
.myOrderTable > * > * {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/* .myOrderTable > * > * > th:last-child {
    visibility: hidden;
    height: 0px;
} */
.myOrderTable > * > * > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 16.5%;
}
.myOrderTable > * > * > td {
    border-bottom: none;
    padding-bottom: 0;
}
/* .myOrderTable > * > * > td:last-child {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
} */
/* .myOrderTable > * > * > *:last-child {
    padding-right: 0;
    flex: 1 0 100%;
} */
.myOrderTable > * > *:last-child > td {
    border-bottom: 0;
    padding-bottom: 0;
}
.myOrderTable th {
    background-color: var(--colorPrimary);
}
.myOrderTable img {
    width: 72px;
    height: 72px;
    padding: 0.25rem;
    background-color: var(--colorTertiary);
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
.emptyList, .emptyList * {
    font-size: 1.25rem;
    font-weight: 600;
    color: #dc3545;
    font-variant: small-caps;
    text-align: center;
}
/*  
Generated PDF Code
==============================================================*/
.invoicePrint {
    width: 100%;
    max-width: 100%;
} 
.invoicePrint h1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    max-width: 100%;
}
.invoicePrint h1 > span {
    font-size: 1rem;
}
.dealerInfo > address  {
    margin-bottom: 0;
}
.dealerInfo > address > * {
    display: block;
}
.dealerInfo > address > strong {
    font-variant: small-caps;
}
.orderDetailHead > span {
    display: flex;
}
.orderDetailHead > span > span {
    flex: 0 0 108px;
    position: relative;
}
.orderDetailHead > span > span::after {
    content: ':';
    position: absolute;
    right: 0;
}
.orderDetailHead > span > strong {
    padding-left: 0.5rem;
}
.invoiceTable {
    font-size: 0.625rem;
}
/* .invoiceTable>:not(caption)>*> *:first-child {
    width: 25%
} */
.orderDetailFoot > span {
    display: flex;
    justify-content: flex-end;
    flex: 0 1 auto;
    text-align: right;
}
.orderDetailFoot > span > strong {
    flex: 0 1 75px
}
.buttonContainer {
    display: flex;
    margin: 0 -0.5rem;
}
.buttonContainer > * {
    margin: 0.5rem;
    flex: 1 1 auto;
}
.orderDetailPrintTable img {
    max-width: 100px;
    height: auto;
}
.orderDetailPrintTable h6 {
    margin-bottom: 0.5rem;
}
.orderDetailPrintTable p {
    margin-bottom: 0;
}
.orderDetailPrintTable p > span {
    display: block;
    padding: 0.125rem 0;
}
.orderDetailPrintHead {
    margin-bottom: 0.5rem;
    display: flex;
}
h2 {
    margin-bottom: 0.25rem;
}
.orderDetailPrintLogo  {
    font-size: 2.5rem;
    width: 60px;
    height: 60px;
    max-width: 60px;
    flex: 0 1 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    margin-right: 1rem;
}
.orderDetailPrintSecondary {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2rem;
}
.orderDetailPrintSecondary > * {
    flex: 0 1 120px;
}
.orderDetailPrintSecondary h2 {
    font-size: 22px;
}
.priceDetailBadge {
    background-color: #eee;
    padding: 1rem;
    text-align: right;
}
.priceDetailBadge strong {
    font-size: 1.5rem;
    display: block;
}
.viewerContainer {
   display: none;
}
/*  
Media Queries
==============================================================*/
@media only screen and (max-width: 767px) {
    .selectedProductTable > table > tbody > tr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .selectedProductTable > table > tbody > tr > td:first-child {
        flex: 1 0 100%;
        padding-right: 0;
    }
    .selectedProductTable > table > tbody > tr > td:nth-child(2) {
        padding-left: 0;
        flex: 1 0 220px;
    }
    .selectedProductTable  .counterContainer {
        flex-wrap: wrap;
    }
    .selectedProductTable  .counterContainer > p {
        margin-right: 0;
        flex: 1 0 100%;
    }
    .myAccountNav {
        margin: 0 -0.5rem;
    }
    .myAccountNav > li {
        margin: 0 0.5rem;
        flex: 1 1 auto;
    }
    .myAccountNav > li > a {
        text-align: center;
        margin: 0.25rem 0;
    }
    .myOrderTable>:not(caption)> * > * {
        font-size: 0.75rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .myOrderTable > * > * > *:nth-child(1) {
        flex: 1 1 36px;
        max-width: 36px;
    }
    .myOrderTable > * > * > *:nth-child(2), .myOrderTable > * > * > *:nth-child(3) {
        flex: 1 1 51px;
    }
    .myOrderTable > * > * > *:nth-child(5) {
        flex: 1 1 58px;
        max-width: 58px;
    }
    .myOrderTable > * > * > *:nth-child(6) {
        flex: 1 1 73px;
        max-width: 73px;
    }
    .myOrderTable .btn {
        font-size: 0.75rem;
    }
    .controlButtonWrapper .btn {
        flex: 1 1 auto;
    }
}
@media only screen and (min-width: 575px) {
    .footerLinks {
        border-bottom: none;
        padding-bottom: 0.75rem;
    }
    .selectedProductTable img {
        min-width: 130px;
    }
    .wishListContent > div:first-child {
        margin-right: 1rem;
        flex: 0 0 150px
    }
    .headerPrimary .notificationDropdown {
        min-width: calc(480px - 19px );        
        overflow: scroll;
    }
}
@media only screen and (min-width: 575px) and (max-width: 991px) {
    .billingSummary {
        flex-wrap: nowrap;
    }
    .billingAdditionalInfo > p {
        flex: 1 0 auto;
        margin-bottom: 0;
    }
    .billingAdditionalInfo > button {
        flex: 0 0 156px;
    }
}
@media only screen and (min-width: 768px) {
    .wishListContent > div:last-child {
        justify-content: space-between;
        flex-direction: row;
        flex: 1 0 auto;
    }
    .wishListContent > div:last-child > div:last-child {
        display: block;
        margin-left: 1rem;
    }
    .wishListContent > div:last-child > div:last-child > .btn {
        display: block;
        width: 100%;
    }
    .wishListContent > div:last-child > div:last-child > .btn {
        font-size: 1rem;
        margin: 0 0 0.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}
@media only screen and (min-width: 992px) {
    .offcanvas {
        max-width: none;
    }
    .headerPrimary {
        display: flex;
        align-items: center;
        height: 59px;
    }
    .headerPrimary > .navbar {
        flex: 1 0 100%;
        padding: 0;
    }
    .headerPrimary .navbar-expand-lg .navbar-nav > li > a {
        padding: 0.75rem 1.25rem;
        color: var(--colorSecondary);
        border-bottom: none;
        border-radius: 10px 0 10px 0;
    }
    .headerPrimary .navbar-nav > li:hover > a, .headerPrimary .navbar-nav > li:focus > a, .headerPrimary .navbar-nav > li:active > a, .headerPrimary .navbar-nav > li > a.active {
        background-color: var(--lightPrimary);
        color: var(--colorSecondary);
    }
    .headerPrimary .navbar-nav > li {
        position: relative;
        border-bottom: none;
        padding: 1rem 0;
        margin: 0 1px;
    }
    .headerPrimary .navbar-nav > li:hover > ul {
        display: block;
    }
    .menuSecondary {
        min-width: 151.5px;
        background-color: var(--colorSecondary);
        border-radius: 10px 0 10px 0;
        top: 100%;
        position: absolute !important;
        margin: 0;
    }
    .menuSecondary::before {
        content: '';
        border: 8px solid;
        border-color: transparent transparent var(--colorSecondary) transparent;
        position: absolute;
        left: 16px;
        top: -16px;
        display: block;
    }
    .headerPrimary .menuSecondary > li > a {
        padding: 0.5rem 0.75rem;
        color: var(--colorTertiary);
        border-bottom: 1px solid var(--colorTertiary);
        margin-left: 0;
    }
    .headerPrimary .menuSecondary > li:last-child > a {
        padding-bottom: 0.5rem;
        border-bottom: none;
    }
    .menuSecondary > li > a:hover {
        color: var(--colorPrimary);
    }
    #footer {
        margin-bottom: 0;
    }
    .footerTertiary {
        padding-bottom: 1.5rem;
    } 
    .footerTertiaryContent {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .footerTertiary > div > div > div:first-child {
        border-right: 1px solid var(--colorPrimary);
    }
    .footerTertiary > div > div > div:first-child > .footerTertiaryContent {
        padding-right: 1rem;
    }
    .footerTertiary > div > div > div:last-child > .footerTertiaryContent {
        padding-left: 1rem;
    }
    .copyRightContent .col > div {
        border-top: 1px solid var(--colorTertiary);
        padding-top: 1.5rem;
    }
    /* Product List Page */
    .sideBar {
        flex: 0 0 250px;
        max-width: 250px;
        position: sticky;
        top: 0px;
    }
    .filterOptions {
        background-color: var(--colorTertiary);
        border-radius: 0.25rem;
        box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
        padding: 0.75rem;
        margin-bottom: 1.5rem;
    }
    .productList {
        flex: 1 0 auto;
        max-width: calc(100% - 238px);
        padding-left: 0.75rem;
    }
    .selectedProductTable > table > tbody > tr:nth-child(odd) > td:first-child {
        width: 156px;
    }
    .billingSummary p {
        text-align: justify;
    }
    .applyCoupon {
        width: 100%;
    }
    .billingSummary p > svg {
        width: 60px;
        margin-right: 0.5rem;
    }
}
@media only screen and (min-width: 1200px) {
    .selectedProductTable {
        padding-bottom: 21px;
    }
}
@media only screen and (max-width: 575px) {
    .wishListContent {
        flex-direction: column;
    }
    .wishListContent > div:first-child {
        margin-right: 0;
    }
    .wishListContent img {
        width: auto;
        height: auto;
        max-width: 100%;
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .notificationDropdown {
        overflow-y: auto;
    }
}

.added{
    background-color: red;
}
@media(max-width:992px){
    .sideBar{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        background: white;
        width: 100vw;
        padding: 15px 15px 15px 15px;
        overflow: scroll;
        height: 100vh;
        margin-left: -100%;
        transition: all .5s;
    }
    .show-sidebar{
        margin-left: 0!important;
    }    
    #closeBtn{
        position: absolute;
        right: 10px;
        font-size: 25px;
        top: 10px;
        z-index: 100000;
        background: red;
        color: white;
        padding: 5px 10px;
    }
}
@media(min-width:992px){
    #closeBtn{
        display: none;
    }
}
.productItem span{
    margin-bottom: 5px;    

}
.productItem span ins, .productItem span del, .productItem span small{
    text-decoration: none;
}
.productItem span ins{
    font-weight: 700;
    text-decoration: none;
}
.productItem span del{
    color:rgba(0,0,0,0.4);
}
.productItem span small{
    color: #04ce00;
    margin: 0;
    display: inline;
}
.color-container{
    display: contents;
    float: left;    
}
.p-description{
    margin-top: 15px;
}

.otp-container label{
    text-align: center;
    display: block;
    margin-bottom: 16px;
    color: black!important;
    font-weight: bold;
}
.otp-input-container{
    display: flex;
    justify-content: space-evenly;
}
.otp-input{
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    outline: none;
    box-shadow: 0 0 2px 0 lightgray;
}
.otp-input:focus{
    border: 1px solid black!important;
}
@media(min-width:993px){
    .otp-input{
        width: 53px;        
        height: 53px; 
        font-size: 20px;       
    }
}
@media(max-width:993px){
    .otp-input{
        width: 35px;        
        height: 35px;        
        font-size: 17px;
    } 
}
.did-not-received{
    text-align: center;
}
.did-not-received p{
    font-size: 17px;
    color: black;
    margin-top: 16px;
    margin-bottom: 0;
}

.get-otp {
    /* position: absolute; */
/* right: 16px; */
color: white;
text-decoration: none;
border: none;
margin-top: 10px;
font-size: 16px;
padding: 9px 15px;
border-radius: 5px;
}
.otp-btn-container{
    text-align:right;
}
.otp-btn-container .get-otp{
    background: #0166fe;
}
.sent-otp-btn-container{
    text-align: center;
}
.sent-otp-btn-container .get-otp{
    background: red!important;
}
.resend-otp-btn-container .get-otp{
    background: #0166fe!important;
}
#button-name{
    margin-right:10px;
}
.login-error{
    color: red;
    margin-top: 16px;
    text-align: center;
    font-size: 20px;
}
.form-label{
    color: black;
    margin-bottom: 10px;
}
.product-type-validation{
    color: red;
    font-size: 13px;
    line-height: 1.6;
}
@keyframes blink {
    0% {
      color: rgb(255, 0, 0);
    }
    25% {
      color: rgb(0, 0, 0);
    }
    50% {
      color: rgb(255, 0, 0);
    }
    75% {
      color: rgb(0, 0, 0);
    }
    100% {
      color: rgb(255, 0, 0);
    }
  }

  .product-type-validation {
    animation: blink 1s infinite;
  }
  @media(max-width:993px){
    .desktop{
        display:none!important;
      }
      .mobile{
        display:block!important;
      }
  }
  @media(min-width:993px){
    .desktop{
        display:block!important;
      }
      .mobile{
        display:none!important;
      }
  }
  .view-all-btn{
    background-color: var(--colorPrimary);
    color: var(--colorSecondary);
    border: none;
    height: 35px;
    border-radius: 8px;
    padding: 9px 14px;
    font-weight: bold;
    transition: all .3s;
  }  
  .view-all-btn:hover{
    background-color: #ffdd00a3;
  }

  #productModels{
    width: 400px;
    background: white;
    position: fixed;
    top: 0;
    right: 0px;
    z-index: 1000;
    padding: 21px;
    height: 100vh;
    box-shadow: 1px 0px 9px 2px #0000007d;
    transition: all .2s;    
    transform: translateX(0);
  }
  @media(max-width:576px){
      #productModels{
          width: 100%;
      }
    }
@media(min-width:576px){
      #productModels{
          width: 400px;
      }
  }
  .hideModelList{
    transform: translateX(100%)!important;
  }
  #hide-model-list-btn{
    position: absolute;
    top: -15px;
    right: -16px;
    background: rgb(55, 0, 255);
    border: none;
    color: white;
    text-align: center;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: lighter;
  }
  #product-models-table-container{
    overflow: scroll;
    height: 100vh;
    padding-bottom: 406px;
  }
  .quick-order{
    background: #f9ec28;
    border: 1px solid lightgray;    
  }
  .error-message{
    color:red;
  }
  .order-cart-header{
    color: red;
    border-bottom: 1px solid;
    margin-bottom: 16px; 
    font-weight: 900;   
  }
  .order-cart-header p{
    padding-bottom: 0px!important;
    margin-bottom: 5px;
  }
  .fs-15{
    font-size: 15px!important;
  }
  .mr-5{
    margin-right: 5px;
  }
  .png{
    filter: invert(100%) brightness(1000%) saturate(0%);
    height: 16px;
    width: auto;
    margin-right: 7px;
}
.download-app-btn{
    background: #faed29;
    color: #000000;
    font-size: 16px;
    border: none;
    padding: 12px 32px;
    border-radius: 3px;
    margin-top: 25px;
    cursor: pointer;
    font-weight: 600;
}

#InstallApp .main-content p{
    font-size: clamp(20px, 4vw, 28px);
    color: #000000;
    /* background: #f9ec28; */
    padding: 10px 0;
    font-family: system-ui;
    font-weight: 600;
}
#InstallApp .main-content .imgContainer{
    margin: 0px 0 24px 0;    
    width: 100%;
}