@import url('https://fonts.googleapis.com/css?family=Mukta');
@import url('https://fonts.cdnfonts.com/css/regular');


div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 0 rgba(112, 102, 224, .5);
}

.overflow-x-scroll {
    overflow-x: scroll;
    white-space: nowrap;
}


    /* product detail end */

@media screen and (min-width:768px) {
    .bg-custom-background {
        background-color: #E3F5F5;
    }

    .bg-custom-mobile-background {
        background-color: none;
    }
}


@media screen and (max-width:767px) {
    .bg-custom-mobile-background {
        background-color: #E3F5F5;
    }

    .bg-custom-background {
        background-color: none;
    }
}


.similar_items_div {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .similar_items_div {
        width: 60%;
        margin:auto;
    }
}


@media only screen and (max-width: 700px) {
    #similar_products_owl_carasoul > .owl-nav > .owl-prev {
        left : 0px;
        width: 40px;
        height: 40px;
    }
    #similar_products_owl_carasoul > .owl-nav > .owl-next {
        right : 0px;
        width: 40px;
        height: 40px;
    }
    
} 



@media only screen and (min-width: 768) and (max-width : 895px)  {
    .continue_account_wholesale {
        margin-top: 0rem !important;
    }
    .dont-have-an-account-pra {
        margin-bottom: 0rem !important;
        padding-bottom: 0rem !important;
    }
}
@media only screen and (max-width: 600px) {
    .dropdown-menu-small-mobile-main {
        display: none;
    }

    /* Arrow rotation transition */
    .toggle-arrow-new {
        transition: transform 0.3s ease;
    }

    /* Flex display for dropdown toggle */
    .new-dropdown-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Hide default dropdown arrow */
    .new-dropdown-toggle::after {
        display: none !important;
    }

    .dropdown-menu-small-mobile-main,
    .dropdown-menu-small-mobile-main ul {
        list-style-type: none; /* Remove bullet points */
        padding-left: 0; /* Remove default padding */
    }
}
.my-confirm-button , .my-cancel-button {
    background-color: #7BC533 !important;
    color: #FFFFFF !important;
    border: none !important;
    line-height: 27px   !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.05em  !important;
    padding: 5px 25px !important;
    border-radius: 20px !important;
}
.my-actions-class {
    justify-content: center !important;
    margin-top: 0rem !important;
}
.top_placeholder_style {
    top: -10px !important;
}

.short-toast-popup {
    display: flex !important;
}


.added_tocart {
    text-align: center !important;
}

.toast_title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000000;

}

.btn-newsletter {
    font-family: 'Poppins' !important;
    font-weight: 600;
    font-size: 14px;
    background-color: #212121;
    border-color: #212121;
    color: #fff;
    letter-spacing: 0.05em;
    border-radius: 0px, 5px, 5px, 0px;
  
}

.btn-newsletter:hover {
    background-color: #212121;
    border-color: #212121;
    color: #fff;
  
}

.newsletter_title {
    font-family: 'Poppins' !important;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    letter-spacing: 0.05em;

}

.newsletter_para {
    font-family: 'Poppins' !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #7B7B7B;

}
.newsletter_email {
    font-family: 'Poppins' !important;
    font-weight: 500;
    font-size: 18px;
    color: #878787;

}
.remove-cart-page-button {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    margin-right: 4px;
    font-size: 12px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #9A9A9A;
}

.subtotal-img-cart-page {
    margin-top: -11px !important;
    width: 38px !important;
}

.tax-calculater {
    font-size: 11px;
    font-family: 'Poppins' !important;
    color: #5D5DF8 !important;
    font-weight: 500 !important;
    text-align: center;
}

.mobile-view {
    display: none !important;
}

.ipad-view {
    display: none !important;
}

.product-btn {
    background-color: #008BD3;
    color: #FFFFFF;
    height: 95px;
}

.disable {
    pointer-events: none;
    background: grey;
}

.cart-counter {
    background-color: #7BC533;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    margin-top: -40px;
    margin-left: 26px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */
    color: #FFFFFF;
}

.whishlist-button {
    background-color: #FFF !important;
    color: #7BC533 !important;
    border: 1px solid #7BC533 !important;
    height: 46px;
}

.w-5 {
    width: 23px !important;
}

.cart-price {
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 21px;
    margin-top: 8px;
    background: transparent !important;
    border: none;
}

.popover {
    transform: translate(314px, 457px) !important;
    max-width: 350px !important;
}

.popover-body {
    max-width: 450px important;
    font-size: 12px;
    text-align: center;
    padding: 0.3rem 0.5rem;
    line-height: 1rem;
    margin-left: 10px !important;
    z-index: 9999;
}

#pop .popover:has(.show) {
    background-color: black !important;
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #525252 !important;
}

.bs-popover-top {
    width: 330px;
    background: #525252 !important;
}


#success {
    background-color: #7BC533 !important;
    font-size: 21px !important;
    font-family: 'Poppins';
}


#search-addon {
    background-color: #7BC533;
}

#search {
    border-color: #7BC533;
}

.top-search-group {
    width: 28rem !important;
}

.sub-menu {
    left: 10.6rem !important;
}

.product-mega-menu:active,
.product-mega-menu:focus {
    background-color: #7BC533;
    color: white !important;
}

.shrink {
    width: 416px !important;
}

.button-cards {
    background-color: #7BC533;
    color: #FFFFFF !important;
    border: none;
    width: 389px !important;
    font: Poppins;
    font-weight: 600;
    font-size: 16px;
    height: 44px;
    line-height: 27px
}

.gal-item {
    overflow: hidden;
    padding: 8px;
}

.gal-item .box {
    overflow: hidden;
}

/*.box img{
    width: auto;
    object-fit:cover;
}*/
.gallery-img {
    max-height: 82px;
    min-width: 98px;
    width: 100px !important;
}

.buy-list-box {
    border: 3px solid green;
    border-radius: 5px !important;
}

.box-height {
    min-height: 104px !important;
    max-height: 54px !important;
}

.wrapper2 {
    /*display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  border: 1px solid red;*/

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3px;
    padding-bottom: 3px;


}



.whishlist_content {
    background-color: #f8f9fa;
}

.wrapper2 img:first-child,
.wrapper2 img:nth-child(2) {
    grid-column: span 2;
}

.img2 {
    width: 100%;
    grid-column: span 1;
}

h1 {
    border: 1px solid red;
}

#icons {
    padding-right: 47px !important;
}


/*.box img{
    height: none !important;
}*/
/*.gal-item .box {
    height: auto !important;
}*/

.product-detail-button-cards {
    background-color: #7BC533;
    color: #FFFFFF !important;
    border: none;
    width: 389px !important;
    height: 74px;
    line-height: 27px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
}

.call-to-order-button{
    background-color: #008bd3;
    font-family: 'Poppins';
    color: #FFFFFF ;
    border: none;
    height: 44px;
    line-height: 27px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;

}

.call-to-order-button:hover {
    color: #008bd3;
    background-color: #FFFFFF ;
    border: 1px solid #008bd3 !important;
}

.call-to-order-button:focus {
    color: #008bd3;
    background-color: #FFFFFF ;
    border: 1px solid #008bd3 !important;
}

.see-similar-order-button{
    background-color: #008bd3;
    font-family: 'Poppins';
    color: #FFFFFF ;
    border: none;
    height: 44px;
    line-height: 27px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;

}

.see-similar-order-button:hover {
    color: #008bd3;
    background-color: #FFFFFF ;
    border: 1px solid #008bd3 !important;
}

.see-similar-order-button:focus {
    color: #008bd3;
    background-color: #FFFFFF ;
    border: 1px solid #008bd3 !important;
}

.card {
    min-height: 372px;
}

.free-shipping {
    min-height: initial !important;
}

.product-card {
    max-height: 324px;
    width: 370px
}

.products {
    width: 277px;
    height: 72px;
    left: 821px;
    top: 269px;
    font-weight: 600;
    font-size: 48px;
    line-height: 72px;
}

.footer-days {
    color: #7BC533 !important;
}


a {
    text-decoration: none;
    color: #444444;
}

.login-reg-panel {
    position: relative;
    top: 50%;
    transform: translateY(-40%);
    text-align: center !important;
    width: 69% !important;
    margin: auto !important;
    height: 404px;
    background-color: #7BC533;
    margin-top: 400px !important;
    color: #fff !important;


}

.white-panel {
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: -90px;
    right: calc(50% - 30px);
    transition: .3s ease-in-out;
    z-index: 0;
    box-shadow: 0 0 15px 9px #00000096;
    width: 48% !important;
    height: 528px !important;
    margin-top: 27px !important;
}

.dont-have-an-account-pra {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 27px !important;
    text-align: center !important;
    color: #FFFFFF !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    letter-spacing: 0.05em !important;
}

.dont-have-an-account {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 48px !important;
    letter-spacing: 0em !important;
    color: #FFFFFF !important;
}


.login-reg-panel input[type="radio"] {
    position: relative;
    display: none;
}

.login-reg-panel {
    color: #B8B8B8;
}

.login-reg-panel #label-login,
.login-reg-panel #label-register {
    font-family: 'Poppins';
    /* border: 1px solid #9E9E9E; */
    padding: 23px 23px;
    display: block;
    text-align: center;
    color: #7BC533;
    background-color: white;
    cursor: pointer;
    font-weight: 600;
    font-size: 24px !important;
}

.login-info-box {
    width: 46%;
    padding: 0 50px;
    top: 20%;
    left: 0;
    position: absolute;
    text-align: left;
}

.register-info-box {
    width: 46%;
    padding: 0 50px;
    top: 10%;
    right: 0;
    position: absolute;
    text-align: left;

}

.right-log {
    right: 50px !important;
}

.login-show,
.register-show {
    z-index: 1;
    display: none;
    opacity: 0;
    transition: 0.3s ease-in-out;
    color: #242424;
    text-align: left;
    padding: 50px;

}

.show-log-panel {
    display: block;
    opacity: 0.9;
}

.login-show input[type="text"],
.login-show input[type="password"] {
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #b5b5b5 !important;
    outline: none;
}

.login-show input[type="button"] {
    width: 100%;
    background: lightgray;
    color: #FFFFFF;
    border: none;
    background-color: #7BC533;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}

.login-show a {
    display: inline-block;
    padding: 10px 0;
}

.register-show input[type="text"],
.register-show input[type="password"] {
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #b5b5b5 !important;
    outline: none;
}

.login-info-box {
    width: 36% !important;
    padding: 0 8px !important;
    top: 20% !important;
    left: 5% !important;
    position: absolute !important;
    text-align: left !important;

}


.register-show input[type="button"] {
    width: 100%;
    background: #7BC533;
    color: #f9f9f9;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 2px;
    float: right;
    cursor: pointer;
}

.credit {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #3B3B25;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    z-index: 99;
}

.company-detail {
    height: auto;
}

a {
    text-decoration: none;
    color: #2c7715;
}

.img_back {
    background-image: url('../img/img_12.png') !important;
}

.btn-login {
    width: 100%;
    height: 60px;
    color: #FFFF;
    background: #7BC533;
    border: none;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0.05em;

}

.btn-lost-password:hover {
    font-family: 'Poppins';
    color: #7BC533;
    text-decoration: none;
}

.btn-lost-password {
    display: contents !important;
    font-family: 'Poppins' !important;
    color: #7BC533;
    text-decoration: none;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 17px !important;
}

.checkbox-lg .form-check-input {
    width: 25px;
    height: 25px;
}

.form-check-input:checked {
    background-color: #7BC533 !important;
    border-color: #7BC533 !important;
}

.form-check-label {
    margin-top: 6px;
    color: #b5b5b5;
    font-size: 10px;
}

.fontAwesome:after {
    content: '*';
    color: red;
    font-family: 'Poppins';
}


.form-control:focus+.placeholder {
    display: none;
    font-family: 'Poppins';
    color: #9A9A9A;
    ;
}

.needs-validation label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

.needs-validation .input-group input {
    border-radius: 0 !important;
}

.fontAwesome {
    font-family: 'Poppins', FontAwesome, 'Poppins';
    padding: 6px;
}

.fontAwesome_new {
    font-family: 'Poppins', FontAwesome, 'Poppins';
    padding: 6px;
}

.form-signup input {
    background-color: #F5F5F5 !important;
    border: 1px solid #EBEBEB !important;
}

.form-login input {
    background-color: #F5F5F5 !important;
    border: 1px solid #EBEBEB !important;
}

.req {
    color: red;
}

.required-field {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.dropdown-menu-dark .dropdown-item {
    color: #333333 !important;
    border-bottom: 1px solid #DADADA;
}

.navbar .navbar-collapse {
    width: 324px !important;
    border-radius: 5px 5px 0px 0px !important;
}

.nav-item-links {
    border-radius: 5px 5px 0px 0px !important;
}

.navbar-light .navbar-nav {
    color: rgba(0, 0, 0, .9) !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .dropdown-toggle:focus,
.dropdown-toggle:hover {
    /* width: 345px !important; */
    background-color: #7CC633;
    color: #fff !important;
    border-radius: 5px 5px 0px 0px !important;
}

.dropdown-menu-dark li:last-child>.dropdown-item {
    border-bottom: none;
}

.thank-you-page-product-item-cart-total-cart-page {}

.link-dark {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #333333;
}



.form-signup-secondary input {
    background-color: lightgray !important;
    border: none !important;
    border-radius: 0 !important;
}

.address-form input {
    background-color: #f6f6f6 !important;
    border: 1px solid #dedede !important;
    font-size: 18px !important;
}


.icon-container {
    margin: auto;
    max-width: 660px;
}

.user-info {
    max-width: 606px !important;
    margin: auto !important;
}

.signup-intro {
    max-width: 606px !important;
    margin: auto !important;
    color: #000000;
    text-align: center;
    font-weight: 300px;
    font-size: 14px;
    margin-top: 30px;
}

.user-info input {
    padding: 12px !important;
    border-radius: 2px !important;

}

.steps {
    width: 675px;
    margin: 50px auto;
    position: relative;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    width: 100%;
    text-align: center;
}

#sign-up:after {
    content: 'signup';
    position: absolute;
    bottom: -20px;
    width: 100%;
}

.images {
    display: flex;
    justify-content: space-around;
}

.contact-us-footer {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.pra-footer {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
}

.footer_head_mbl {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 14.392px !important;
    line-height: 22px !important;
    text-shadow: none;
}

.foooter-main-head-mbl {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}

.p-footer-mbl {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 14.392px !important;
    line-height: 22px !important;
    color: #FFFFFF !important;
}

.footer-container-product-footer {
    background-color: #212121 !important;
}

.social-media-icons-header-footer {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 19px;
}

.sm-4-footer {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
}

.footer-end {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #767676;
    text-align: center;
    margin-top: 70px;
    background-color: #161616 !important;
    height: 7vh;
}

.cart-title {
    font-family: 'Poppins';
    line-height: 200px;
    font-weight: 50px;
}

.cart-total {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}

.cart-subtotal {
    font-family: 'Poppins';
    font-weight: bold;
}

@media (max-width: 600px) {
    .top-search-group {
        width: 16rem !important;
    }

    .product-detail-button-cards {
        margin-left: 0px !important;
    }
    .icon_div {
        width: 13% !important;
    }
    .icon_data_div {
        width: 85% !important;
    }
}
@media (max-width: 1600px){
    .map_image {
        width: 100% !important;
    }
}

@media (max-width: 280px) {
    .top-search-group {
        width: 15rem !important;
        padding-right: 13px !important;
    }
    .top_placeholder_style {
        top: 0px !important;
    }
    .product-detail-button-cards {
        margin-left: 0px !important;
    }

    #quantity {
        margin-bottom: 10px;
    }
}

.dropdown-menu-dark {
    background-color: #ffffff !important;
}

@media (min-width: 1200px) {
    #account {
        max-width: 1335px !important;
    }

    .product-detail-button-cards {
        margin-left: 60px !important;
    }

    .product-detail-content {
        width: 681px !important;
    }

    .product-detail-content1 {
        width: 583px !important;
    }

    .product-detail-content-dec {
        width: 583px !important;
    }
}

.spinner-border {
    left: 50% !important;
    /*margin-left: -25em !important;*/
}

.pagination {
    justify-content: center;
    margin-top: 50px !important;

}


.page-item {
    margin-left: 10px !important;
}


.page-item.active .page-link {
    background-color: #7BC533 !important;
    color: #ffff !important;
}

.page-item .page-link {
    border: none !important;
    color: lightgray;
}

.page-item .page-link a :hover {
    border: none !important;
    background-color: #7BC533 !important;
    color: #fff;
}

.page-item:first-child .page-link {
    background-color: lightgray !important;
    color: #ffff;
}

.page-item:last-child .page-link {
    background-color: lightgray !important;
    color: #ffff;
}

.ajaxSubmit {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.hover_color {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #242424;

}

.navbar-light .navbar-nav .nav-link {
    color: #373737 !important;
}


#circle {
    width: 20px;
    height: 20;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: azure;
}

.cart-headings {
    font-size: 26px !important;
    font-weight: 600 !important;

}

.cart-subtitles {
    width: 63px !important;
    font-weight: 500 !important;

}

.order-md-2 {
    max-width: 430px !important;
}

.order-md-2 .shipping-calculator {
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    max-width: 430px;
}

.totals {
    font-weight: 600;
    font-size: 18px;
}

.payment-option {
    font-weight: 600;
    font-size: 26px;
    width: 230px;
}

label {
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    letter-spacing: 0.05em;
}

.max-width {
    max-width: 408px !important;
}

.total-max-width {
    max-width: 338px !important;
}

.border-width {
    width: 430px !important;
}

.billing-address {
    max-width: 430px;
}

.order-page-order-confiremd {
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 47px !important;
    color: #000000 !important;
}

.order-page-user-name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.shipping-address-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #484848;
}

.billing-address-heading {
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 23px !important;
    color: #484848 !important;
}

.item-purchased {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 29px;
    color: #484848;
    margin-top: 80px;

}

.billing-address .name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-page-prdoct-img {
    width: 68px;
    height: 69px;
    background: #7CC633;
    border-radius: 6px;

}

.order-page-prduct-quantity {
    border-radius: 50%;
    border: #008AD0 1px solid;
    width: 36px;
    height: 37px;
    padding-left: 7px;
    font-weight: 'Roboto';
    font-size: 14px;
    padding: 11px;

}

.order-page-product-image {
    width: 61px;
    height: 61px;

}

.billing-address .address-line {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    padding-left: 1px !important;
}

.table-heading {
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #000000;
}

.table-items {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    border-bottom: 1px solid #dee2e6 !important;
    padding-left: 25px;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}

.view-invoice {
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 23px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    width: 170px;
    height: 43px;
    background: #1F50A3;
    border-radius: 6px;
    border: 1px solid;
}

.table-items-sub-item {
    vertical-align: top !important;
}

.table-heading-subheading {
    vertical-align: bottom !important;
}

/* #proceed-to-checkout {
    margin-top: 118px !important;
    margin: auto !important;
    max-width: 600px !important;
} */

.product-image {
    cursor: pointer;
}


@media screen and (min-width: 992px) {
    #shipping_address {
        margin-left: -41px !important;
    }
}

.font-color-billing {
    color: #008BD3 !important;
}

.edit-button {
    width: 100px;
    height: 30px;
    background: #7BC533;
    border: none;
    font-weight: 600;
    font-size: 18px;
    color: white;
}

.my-acount-profile {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
}

.product-row-product-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;

    color: #000000;
}

.category-cart-page {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8A8A8A;
}

/*.nav-item a:active {
    background: yellow;
}*/
.nav .active {
    /* background: #F5F5F5; */
    /* border-left: 3px solid #008AD0; */
    color: green;

}

.nav .active #home_active {
    display: block !important;
}

.nav .active #home_inactive {
    display: none !important;
}

.nav .active #order_active {
    display: block !important;
}

.nav .active #order_inactive {
    display: none !important;
}

.nav a {
    color: black;
}

.nav>.active>a {
    color: #008AD0;
}

.nav-items-link {
    vertical-align: middle;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
}

.my-account-content-heading {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 29px;
    vertical-align: middle;
}

.dashboard-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
}

.dashboard-content {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.dashboard-link-text {
    color: #7BC743;
    cursor: pointer;
}

.order-table-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
}

.table-row-content {
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
}

.table-order-number {
    color: #008AD0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.view-btn {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #7BC743;
    border: 1px solid #7BC743;
    border-radius: 7px;

}

.view-btn a:hover {
    background-color: yellow !important;
}

.view {
    position: absolute;
    width: 35px;
    height: 19px;
    left: 1553px;
    top: 488px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

.billing-address-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 29px;
    color: #202020;
}

.billing-address-heading-subtitle {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #202020;
}

#order_content {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
    background-color: #e4f6f6 !important;
    border-right-radius: 10px !important;
}

.shipping-content {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.quantity-counter {
    background-color: #008AD0;
    width: 17px;
    height: 17px;
    text-align: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}

.password-container {
    width: 100%;
    position: relative;
}

.password-container input[type="password"],
.password-container input[type="text"] {
    width: 100%;
}

.fa-eye {
    position: absolute;
    top: 28%;
    right: 1%;
    cursor: pointer;
    color: lightgray;
}

.unchanged-blank {
    letter-spacing: 0px;
    font-size: 13px;
}

.address-user-details {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.address-weight {
    font-weight: 600 !important;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #7BC743 !important;
    border-color: #7BC743 !important;
}

.btn-save {
    width: 142px;
    height: 32px;
    background: #7BC743;
    border: 1px solid #7BC743;
    border-radius: 7px;
    color: #FFFFFF;
    visibility: center;
}

.thank-you-page-body {
    position: absolute;
    width: 1094px;
    height: 689px;
    left: 213px;
    top: 22px;

    background: #FFFFFF;
    opacity: 0.1;
}

.thank-you-page-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 29px;
    color: #000000;
}

.thnak-you-page-top-section {
    width: 1015px;
    height: 120px;
    left: 245px;
    top: 134px;
    background: #FAFAFA;
    border-radius: 5px;
}

.thank-you-page-product-name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #0096DE;
}

.thank-you-page-product-price {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #484848;

}

.swal2-title {
    font-weight: 200 !important;
    font-size: 20px;
    color: blue !important;
}


/* .body.swal2-toast-shown .swal2-container.swal2-top {
    width: 500px !important;
    margin-top: 10px;
} */
body.swal2-toast-shown .swal2-container {
    box-sizing: border-box !important;
    width: 576px !important;
    max-width: 100% !important;
    background-color: rgba(0, 0, 0, 0) !important;
    pointer-events: none !important;
}

/* .swal2-container {
    width: 631px !important;
} */

.swal2-radio {
    display: grid !important;
    text-align: left !important;
}

.swal2-title .product-detail-heading {
    font-size: 12px !important;

}

.swal2-image {
    width: 150px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 186px !important;
}

.dropdown-menu-dark li {
    position: relative;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    background-color: #7BC743;
    color: #fff !important;
    border-radius: 5px;
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    background-color: #7BC743 !important;
    color: #fff !important;
}

/*.dropdown-menu-dark:hover li {
    position: relative;
    background-color: yellow;
}*/
.dropdown-menu-dark .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
    background-color: #fff;
}

.dropdown-menu-dark .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.product-detail-heading {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    color: #000000;
}

.product-detail-price {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    color: #DE1919;
}

.product-detail-quantity {
    width: 50px !important;
    height: 50px !important;
    background: #E3F5F5 !important;
}

.product-detail-quantity-number {
    line-height: 45px;
    vertical-align: middle;
    margin-left: 16px;
    font-weight: 500;
    font-size: 18px;
}

.instock-label {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    font-family: 'Poppins';
}

.category-title-heading {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #2B3136;
}



.description-content {
    font-family: 'Poppins';
    width: 583px;
    left: 912px;
    top: 800px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 154%;
}

.quantity {
    position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

@media screen and (min-width: 821px) {
    .quantity input {
       height: 46px !important;     
    }
    
    .quantity-nav {
        height: 46px !important;
    }
}

@media screen and (min-width: 280px)  and (max-width: 820px){
    
    .quantity-nav {
        height: 67px !important;
    }
}

.quantity input {
    width: 144px;
    height: 74px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 50px;
    border: none;
    color: #7CC633;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    font-size: 1.5rem;
    border-radius: 4px;
}

.quantity input:focus {
    outline: 0;
}

.quantity-nav {
    float: left;
    position: relative;
    height: 74px;
}

.quantity-div {
    position: relative;
    cursor: pointer;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    width: 33px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "FontAwesome" !important;
    line-height: 1.5rem !important;
    padding: 0;
    background: #FAFAFA;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.quantity-div:active {
    background: #EAEAEA;
}

.quantity-div.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-family: "FontAwesome";
    border-radius: 0 4px 0 0;
    line-height: 1.6
}

.quantity-div.quantity-down {
    position: absolute;
    bottom: 0;
    height: 50%;
    font-family: "FontAwesome";
    border-radius: 0 0 4px 0;
}

.top-bar-height {
    /* height: 78px;
    background-color: #212121 !important; */
    border-bottom: 1.20452px solid #EFEFEF;
}

.company-nave-bar-conatainer {
    background-color: #212121 !important;
}


/* .cart-counter-details {
    margin-top: -3px !important;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins';
} */
.cart-counter-details {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.006em;
    color: #7BC533;
}

.select-comapny-top-bar {
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin-top: -4px;
}

.top-bar-logout {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.register-counter-details {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}

.category-title {
    font-family: 'Poppins';
    font-style: normal;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #2B3136;
}

.category-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color:#529213;
}

.form-select {
    background-color: lightgray !important;
    border: none !important;
    border-radius: 0;
}

#select2-brand-container {
    background-color: lightgray !important;
    border: none !important;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
    border-radius: 0;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: unset !important;
}

.input-placeholder {
    position: relative;
    font-family: 'Poppins';

}

.input-placeholder input:valid+.placeholder {
    display: none;
    font-family: 'Poppins';
}

.placeholder {
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    height: 25px;
    left: 10px;
    margin: auto;
    background: #EBEBEB !important;
}

.placeholder span {
    color: red;
}

.login-title {

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.login-singup {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.contact-us {
    position: relative;
    top: 50%;
    align-items: center !important;
    text-align: center;
    width: 1171px;
    margin: auto;
    height: 404px;
    background-color: #7BC533;
}


.sing-up-label {
    width: 100%;
    height: 60px;
    top: 788px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}

.please-tell-uss {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    display: flex;
    align-items: center;
    text-align: center;

    /* black */

    color: #0000 !important;
}

.save-add-continue {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 14px;
}

.sing-up-continue {
    width: 232px;
    height: 50;
    color: #FFFF;
    background: #7BC533;
    border: none;
    font-weight: 600;
    font-size: 18px;

}

.in-stock {
    width: 131 !important;
    height: 34px !important;
    background-color: #7BC533;
    color: #FFFFFF !important;
    border: none;
}

.out-of-stock {
    width: 131px !important;
    height: 34px !important;
    background-color: #7BC533;
    color: #FFFFFF !important;
    border: none;
}

.all-items {
    width: 118px !important;
    height: 34px !important;
    background-color: #323bd3;
    color: #FFFFFF !important;
    border: none;
}

.dd-horizontal {
    display: flex !important;
}

.main-page-footer-section {
    margin-top: 39px;
    font-family: 'Poppins';
}

.ms-4-footer {
    font-size: 16px;
    margin-top: 8px;
}

.top-header-navigation {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 1px !important;
    color: #373737 !important;
}


.top-img {
    width: 375px;
    height: 40px;
    margin-left: 10px;
}


.basket-icon {

    margin-left: -6px;

}

.login-in-register {
    font-size: 15px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;

}

.product-detail-page-product-name {
    font-family: 'Poppins' !important;
    font-size: 400px !important;
}


.coupon-code input[type="text"] {
    height: 44px;
    background: #F5F5F5;
    border: 1px solid #EBEBEB;
}

.update_cart {
    font-family: 'Poppins';
}

.cart-calculator {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #8F8F8F;

}

.cart-icons-cart {
    width: 15%;
}

.subscribe-to-cart {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #000000;
}

.cart-basket {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    width: 34px;
    height: 32px;

}

.cart-pra-sing {

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #7B7B7B;
}

.subscribe-cart-input input {
    width: 30%;
}

.subscribe-cart-button {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    height: 8vh;
    width: 10%;
    color: #FFFFFF;
}

.apply-coupon-code-button {
    height: 44px;
    left: 714px;
    top: 779px;
    background: #E74B3B;
    border: none;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 12px;
    height: 44px;
    line-height: 27px;
    line-height: 18px;
    text-transform: uppercase;
    width: 147px;
    height: 44px;
    letter-spacing: 0.05em;
    justify-content: center;
    color: #ffff;
}


.coupon-code {
    font-family: 'Poppins';
    color: #b5b5b5;
    font-weight: 700px !important;
    font-size: 16px;
}

.cart-updated {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    height: 44px;
    left: 983px;
    top: 779px;
    background: #7CC633;
    float: right;
    justify-content: center;
    border: none;
    width: 138px;
}

.coupon-code-label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #9A9A9A;
}

.footer-container-section {
    height: 100vh !important;
}

.cart-shipping-option {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    color: #505050;
}

.button-cards {
    max-height: 46px;
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase;
}

.our-advantages {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 72px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1A1A1A;
    margin-top: 142px;
}

.thumbnail-items {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #000000;

}

.thumbnail-pra {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #75787B;
}

.procedd-to-checkout {
    width: 268px;
    height: 50px;
    background: #7CC633;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
}

.sku-img-cart-page-table-header {
    width: 72px !important;
}

.alert-dismissible {
    padding-right: 0.75rem !important;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    line-height: 26px !important;
}

.procedd-to-checkout-disable {
    width: 268px;
    height: 50px;
    background: #7CC633;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
}


.cart-page-items {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #131313;
}

.cart-page-cart-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 12px;
}

.thumbnail-img {
    padding-left: 164px;
}

.footer-section-product {
    margin-top: 127px !important;
}

.banner-img {
    width: 100%;
}

@media (max-width: 1200px) {
    .col-sm-12 {
        margin-top: 10px;
        margin-left: 0rem !important;
    }
}

@media only screen and (max-width: 2560px) and (min-width: 1921px) {
    .lost_pas_div {
        text-align: right !important;
    }

    .top-img {
        margin-bottom: 12px;
        width: 100% !important;
        float: left;
    }

    .banner-img {
        width: 100%;
    }

    .top-header-navigation {
        width: 100% !important;
        font-size: 10px;
    }

    .login-reg-panel {
        position: relative;
        top: 50%;
        align-items: center !important;
        /* transform: translateY(-40%); */
        text-align: center;
        width: 44% !important;
        margin: auto;
        height: 404px;
        background-color: #7BC533;
    }

    .white-panel {
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: -90px;
        transition: .3s ease-in-out;
        z-index: 0;
        box-shadow: 0 0 15px 9px #00000096;
        width: 535px !important;
        height: 426px;
    }

    .login-info-box {
        width: 46% !important;
        padding: 0 50px !important;
        top: 20% !important;
        left: 0 !important;
        position: absolute !important;
        text-align: right !important;
        text-align: center !important;
    }

    .register-info-box {
        width: 46% !important;
        padding: 0 50px !important;
        top: 20% !important;
        right: 0 !important;
        position: absolute !important;
        text-align: right !important;

    }

    .dont-have-an-account {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 32px !important;
        line-height: 48px !important;
        letter-spacing: 0em !important;
        color: #FFFFFF !important;
    }

    .dont-have-an-account-pra {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: 27px !important;
        text-align: center !important;
        color: #FFFFFF !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        letter-spacing: 0.05em !important;
    }

}

@media only screen and (max-width: 1920px) and (min-width: 1441px) {
    .lost_pas_div {
        text-align: right !important;
    }

    .top-img {
        margin-bottom: 12px;
        width: 100% !important;
        float: left;
    }

    .banner-img {
        width: 100%;
    }

    .top-header-navigation {
        width: 100% !important;
        font-size: 10px;
        /* background-color: aqua; */
    }

    .login-reg-panel {
        position: relative;
        top: 50%;
        align-items: center !important;
        /* transform: translateY(-40%); */
        text-align: center;
        width: 59% !important;
        margin: auto;
        height: 404px;
        background-color: #7BC533;
    }

    .white-panel {
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: -90px;
        transition: .3s ease-in-out;
        z-index: 0;
        box-shadow: 0 0 15px 9px #00000096;
        width: 535px !important;
        height: 426px;
    }

    .login-info-box {
        width: 46% !important;
        padding: 0 50px !important;
        top: 20% !important;
        left: 0 !important;
        position: absolute !important;
        text-align: right !important;
        text-align: center !important;
        text-align: center;
    }

    .register-info-box {
        width: 46% !important;
        padding: 0 50px !important;
        top: 20% !important;
        right: 0 !important;
        position: absolute !important;
        text-align: right !important;

    }

    .dont-have-an-account {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 32px !important;
        line-height: 48px !important;
        letter-spacing: 0 !important;
        color: #FFFFFF !important;
    }

    .dont-have-an-account-pra {
        font-family: 'Poppins' !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 16px !important;
        line-height: 27px !important;
        text-align: center !important;
        color: #FFFFFF !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .right-log {
        right: 22px !important;
    }

}


@media only screen and (max-width: 1440px) and (min-width: 1025) {
    .login-info-box {
        left: 5% !important;
    }

    .top-header-navigation {
        width: 100% !important;
        font-size: 10px;
    }

    .top-img {
        margin-top: 10px;
        width: 100% !important;
        height: 16px !important;
        float: left;
    }

    .login-reg-panel {
        position: relative;
        top: 50%;
        align-items: center !important;
        /* transform: translateY(-40%); */
        text-align: center;
        width: 66% !important;
        margin: auto;
        height: 386px;
        color: #ffff;
        background-color: #7BC533;
    }

    .white-panel {
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: -90px;
        /* right: calc(56% - 30px); */
        transition: .3s ease-in-out;
        z-index: 0;
        box-shadow: 0 0 15px 9px #00000096;
        width: 460px !important;
        height: 500px !important;
        margin-top: 29px;
    }

    .btn-lost-password {
        display: contents;
        font-family: 'Poppins';
        color: #7BC533;
        text-decoration: none;
        font-size: 14px !important;
    }

    .form-check-label {
        margin-bottom: -49px !important;
        color: #b5b5b5;
        font-size: 15px !important;
    }

    .dont-have-an-account {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 32px !important;
        line-height: 48px !important;
        letter-spacing: 0.05em !important;
        color: #FFFFFF !important;
        text-align: center !important;
    }

    .dont-have-an-account-pra {
        font-family: 'Poppins' !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-size: 13px !important;
        line-height: 27px !important;
        text-align: center !important;
        color: #FFFFFF !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #navbarNavDarkDropdown {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 821px) {
    .login-title {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 21px;
        line-height: 60px;
        /* identical to box height */
        letter-spacing: 0.05em;
    }

    .dont-have-an-account {
        font-size: 21px;
    }

    .dont-have-an-account-pra {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 27px !important;
        text-align: center !important;
        color: #FFFFFF !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .top-img {
        width: 100%;
        padding-top: 11px;
    }

    .banner-img {
        width: 100%;
    }

    .login-reg-panel {
        position: relative;
        top: 50%;
        align-items: center !important;
        /* transform: translateY(-40%); */
        text-align: center;
        width: 92% !important;
        margin: auto;
        height: 372px;
        background-color: #7BC533;
    }

    .white-panel {
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: -90px;
        transition: .3s ease-in-out;
        z-index: 0;
        box-shadow: 0 0 15px 9px #00000096;
        width: 350px !important;
        height: 475px !important;
        /* right: calc(48% - 30px) !important; */
    }

    .register-info-box {
        width: 48% !important;
        padding: 0 50px !important;
        top: 10% !important;
    }

    .login-info-box {
        top: 10% !important;
    }

    .sing-up-label {
        width: 100%;
        height: 40px;
        top: 788px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 19px;
    }

    .login-singup {

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 60px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .login-show input[type="text"],
    .login-show input[type="password"] {
        width: 100% !important;
        display: block !important;
        margin: 20px 0 !important;
        padding: 15px !important;
        border: 1px solid #b5b5b5 !important;
        outline: none;
        height: 40px !important;
    }

    .register-show input[type="text"],
    .register-show input[type="password"] {
        width: 100%;
        display: block;
        margin: 20px 0;
        padding: 6px;
        border: 1px solid #b5b5b5;
        outline: none;
        height: 40px !important;
    }

    .placeholder {
        font-size: 13px;
    }

    .btn-login {
        height: 40px;

    }

    .checkbox-lg .form-check-input {
        width: 19px;
        height: 19px;
    }

    .form-check-label {
        margin-bottom: -49px !important;
        color: #b5b5b5;
        font-size: 13px !important;
    }

    .required-field {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 480;
        font-size: 10px;
        line-height: 24px;
    }

    .btn-lost-password {
        display: contents;
        font-family: 'Poppins';
        color: #7BC533;
        font-size: 10px;
        margin-bottom: -30px;
        text-decoration: none;
    }

    .dont-have-an-account {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
    }

    .dont-have-an-account-pra {
        font-family: 'poppins' !important;
        font-style: normal;
        font-weight: 300;
        font-size: 9px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
    }

    /* .login-reg-panel #label-register {
        height: 51px;
    } */
}
.logo_image_main {
    width: 50% !important;
}
@media only screen and (max-width: 820px) and (min-width: 426px) {
    .logo_image_main {
        width: 100% !important;
    }
    .quantity-div.quantity-down {
        margin-bottom: 0px !important;
    } 
    .desktop-view {
        display: block !important;
        width: auto !important;
    }

    .mobile-view {
        display: none !important;
    }

    .header-top {
        display: block;
    }

    .ipad-view {
        display: none !important;
    }

    /* .register-counter-details {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    } */

    .ipad_second_row {
        font-family: 'Poppins';
        font-size: 14px;
        padding-left: 300px;
        height: 62px;
        padding-top: 11px;
    }

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

    .ipad_menu_btn {
        background-color: #008BD3 !important;
        font-size: 16px;
        font-weight: 500;
        margin-right: -10px !important;
        padding: 0.7rem !important;
    }

    .cart-counter-details {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 30px;
        letter-spacing: -0.006em;
        /* color: #ffffff; */
    }

    .top-img {
        width: 231px !important;
        height: 40px !important;
        margin-left: 10px !important;
    }

    .login-reg-panel {
        position: relative !important;
        top: 50% !important;
        transform: translateY(-40%) !important;
        text-align: center !important;
        width: 100% !important;
        margin: auto !important;
        height: 309px !important;
        background-color: #7BC533;
        margin-top: 269px !important;
        color: #fff !important;
    }

    .register-info-box {
        width: 51% !important;
        padding: 0 50px !important;
        top: 12% !important;
        right: 0 !important;
        position: absolute !important;
    }

    .dont-have-an-account {
        font-family: 'Poppins' !important;
        font-weight: 600 !important;
        font-size: 19px !important;
        color: #FFFFFF !important;
        line-height: 17px !important;
        /* font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 32px !important;
        line-height: 48px !important;
        letter-spacing: 0em !important;
        color: #FFFFFF !important; */
    }


    #label-register {
        font-family: 'Poppins' !important;
        border: 1px solid #9E9E9E !important;
        padding: 16px 47px !important;
        display: block !important;
        color: #7BC533 !important;
        background-color: white !important;
        cursor: pointer !important;
        font-weight: 600 !important;
        font-size: 17px !important;
    }

    .login-reg-panel #label-login,
    .login-reg-panel #label-register {
        font-family: 'Poppins' !important;
        border: 1px solid #9E9E9E !important;
        padding: 9px 0px !important;
        display: block !important;
        text-align: center !important;
        color: #7BC533 !important;
        background-color: white !important;
        cursor: pointer !important;
        font-weight: 600 !important;
        font-size: 17px !important;
        width: 169px !important;
        height: 49px !important;
        margin-left: 23px !important;

    }

    .footer-section-product {
        margin-top: 10px !important;
    }

    .sm-4-footer {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 300 !important;
        font-size: 16px !important;
        line-height: 12px !important;
        color: #FFFFFF !important;
        margin-left: 0rem !important;
    }

    .contact-us-footer {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 19px !important;
        line-height: 23px !important;
        text-transform: uppercase !important;
        color: #FFFFFF;
        margin-left: 0rem !important;
    }

    .ms-4-footer {
        font-size: 16px !important;
        margin-top: 6px !important;
        margin-bottom: 9px !important;
    }

    .login-show,
    .register-show {
        z-index: 1 !important;
        transition: 0.3s ease-in-out !important;
        color: #242424 !important;
        text-align: left !important;
        padding: 27px !important;
    }

    .login-show a {
        padding: 0px !important;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid #b5b5b5 !important;
    }

    hr {
        margin: 0px !important;
        color: #b5b5b5 !important;
        background-color: currentColor;
        border: 0;
        opacity: 0.25;
    }

    label {
        display: inline-block;
        margin-bottom: 0px !important;
    }

    .white-panel {
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        top: 3%;
        right: calc(50% - 30px);
        transition: .3s ease-in-out;
        z-index: 0;
        box-shadow: 0 0 15px 9px #00000096;
        width: 48% !important;
        height: 477px !important;
        margin-top: -96px !important;
    }

    .login-info-box {
        width: 44% !important;
        padding: 0px !important;
        top: 12% !important;
        left: 0.5% !important;
        /* position: absolute !important; */
        /* text-align: left !important; */
    }

    
    /* cart-page view start */
    .your-cart-title {
        font-size: 17px;
        font-family: 'Poppins';
        font-weight: 600;
        margin-bottom: 7px;
        color: #000 !important;
        background: none;
    }

    .navbar {
        padding-left: 0px !important;
    }

    .cart-page-items {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 18px !important;
        color: #131313 !important;
    }

    .cart-page-price {
        color: #e84d3d !important;
        font-size: 16px !important;
        font-weight: bold !important;
        font-family: 'Poppins' !important;
    }

    
    .quantity input {
        width: 208px ;
        height: 44px !important;
        line-height: 1.65 !important;
        float: left !important;
        display: block !important;
        padding: 0 ;
        margin: 0 !important;
        padding-left: 91px ;
        border: none !important;
        color: #7CC633 !important;
        box-shadow: 0 0 0 1px rgb(0 0 0 / 8%);
        font-size: 2rem;
        border-radius: 4px;
    }

    .quantity-div.quantity-down {
        position: absolute;
        bottom: 23px !important;
        height: 34% !important;
        font-family: "FontAwesome" !important;
        border-radius: 0 0 4px 0;
    }

    .quantity-div.quantity-up {
        position: absolute;
        height: 38% !important;
        top: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        font-family: "FontAwesome" !important;
        border-radius: 0 4px 0 0 !important;
        line-height: 1.6 !important;
    }

    #msform input,
    #msform textarea {
        margin-bottom: 12px !important;
        background-color: #f6f6f6 !important;
        border: 1px solid #dedede !important;
        font-family: 'Montserrat';
        font-size: 14px;
        font-family: 'Poppins' !important;
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }

    .quantity-bg {
        background: #7CC633;
        color: #fff;
        width: 19px;
        height: 22px;
    }

    .fa-add:before,
    .fa-plus:before {
        content: "\2b";
        color: gray;
        border: 1px solid gray !important;
        padding: 3px !important;
        /* background-color: #fff !important; */
    }

    .fa-minus:before,
    .fa-subtract:before {
        content: "\f068";
        color: gray;
        padding: 3px;
        border: 1px solid gray;
        /* background-color: #ffff !important; */
    }

    .total-cart-button {
        background-color: #7CC633 !important;
        color: #ffff !important;
        font-size: 16px !important;
        font-family: 'Poppins' !important;
        font-weight: 500 !important;
        height: 48px;
        margin-top: 66px;
        text-transform: uppercase;
    }

    .coupon-code-modal-btn {
        background: none !important;
        border: none !important;
        color: #e84d3d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        display: flex !important;
        /* margin-top: 17px !important; */
        text-transform: uppercase !important;
        font-family: 'Poppins' !important;
    }

    .button-cards {
        background-color: #7BC533 !important;
        color: #FFFFFF !important;
        border: none !important;
        width: 389px !important;
        font: 'Poppins' !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        height: 44px !important;
        line-height: 27px !important;
    }
    .call-to-order-button {
        background-color: #008bd3 !important;
        color: #FFFFFF !important;
        border: none !important;
        width: 389px !important;
        font: 'Poppins' !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        height: 44px !important;
        line-height: 27px !important; 
    }

    .call-to-order-button:hover {
        color: #008bd3 !important;
        background-color: #FFFFFF !important;
        border: 1px solid #008bd3 !important;
    }

    .call-to-order-button:focus {
        color: #008bd3 !important;
        background-color: #FFFFFF !important;
        border: 1px solid #008bd3 !important;
    }

    .applay-coupon-code-modal-btn {
        color: #fff !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        border: none !important;
        background: #e84d3d !important;
        height: 46px !important;
    }

    .coupon-code-input-label {
        font-size: 20px;
        font-weight: 500;
        color: gray;
        font-family: 'Poppins';
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: 0 0 0 0.1rem #e84d3d !important;
    }

    .procedd-to-checkout {
        width: 697px !important;
        height: 40px !important;
        background-color: #7cc633 !important;
        padding-left: 12px !important;
    }

    /* cart-page view end */

    /* checkout-page mobile view start */
    .product-title {
        font-size: 15px !important;
        font-weight: 600 !important;
        font-family: 'Poppins' !important;
        padding-left: 5px !important;
    }

    .product-name {
        font-size: 14px !important;
        font-weight: 500 !important;
        font-family: 'Poppins' !important;
    }

    .product-quantity {
        font-size: 14px !important;
        font-weight: 600 !important;
        font-family: 'Poppins' !important;
    }

    .cart-total-checkout-page {
        font-size: 15px !important;
        font-weight: 700;
        font-family: 'Poppins';
        text-transform: uppercase;
    }

    .sub-total-checkout-page {
        margin-left: 435px !important;
        font-size: 18px !important;
        font-family: 'Poppins' !important;
        font-weight: 600 !important;
        color: #e84d3d !important;
    }

    /* checkout-page mobile view end */
}
@media screen and (min-width : 550px) and (max-width:768px) {
    .d_menu_company {
        padding-left: 0.7rem !important;
    }
    .quantity_calculator {
        padding-left:30px !important;
        width: 100px !important;
    }
}

.contact-form .form-login input {
    width: 100% !important;
    height: 80px !important;
    background-color: #EBEBEB !important;
    outline: none;
}

.message {
    /* width: 496px; */
    height: 177px;
    /* left: 979px; */
    /* top: 599px; */
}

#message {
    background-color: #EBEBEB;
    outline: none;
    border: none;
}

.input-placeholder .btn-login {
    /* width: 496px !important; */
    height: 79px;
}

.contact-row {
    width: 1171px;
    margin: auto;
    height: 615px;
}

#spinner-global {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
}

.hide_default {
    display: none;
}

/* step form css start*/

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

/*Background color*/
/* #grad1 {
    background-color: : #9C27B0;
    background-image: linear-gradient(120deg, #FF4081, #81D4FA);
} */

/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}


#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E;
}

#msform input,
#msform textarea {
    margin-bottom: 12px;
    /* height: 42px; */
    background-color: #f6f6f6 !important;
    border: 1px solid #dedede !important;
    /* font-family: 'Montserrat'; */
    font-size: 14px;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid #7CC633 !important;
    outline-width: 0;
}

/*Blue Buttons*/
#msform .action-button {
    width: 100px;
    background: #fff !important;
    font-weight: bold;
    color: #7CC633;
    border: 0 none !important;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #7CC633 !important;
}

/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    font-weight: bold !important;
    color: gray !important;
    border: 0 none !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    padding: 10px 5px !important;
    margin: 10px 5px !important;
    background: #fff !important;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

/*Dropdown List Exp Date*/
select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

select.list-dt:focus {
    border-bottom: 2px solid #7CC633 !important;
}

/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #000000;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
}

/*Icons in the ProgressBar*/
#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f09d";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before,
#progressbar li.active:after {
    background: #7CC633 !important;
}

/*Imaged Radio Buttons*/
.radio-group {
    position: relative;
    margin-bottom: 25px;
}

.radio {
    display: inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px;
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

/*Fit image in bootstrap div*/
.fit-image {
    width: 100%;
    object-fit: cover;
}

/* step form css end*/
.thank-you-page-background-img {
    background: #F5F5F5 !important;
    border-radius: 10px !important;
    /* height: 2155px !important; */
    background-image: url('/theme/img/thank-background.png') !important;
    background-repeat: no-repeat !important;
    width: 1551px !important;
    background-size: 1551px !important;
    padding-bottom: 146px !important;
}

.thank-you-page-first-card {
    width: 85% !important;
    padding-bottom: 194px !important;
    /* height: 1735px !important;
    min-height: 1735px !important; */
}

.thank-you-page-all-prudct-section {
    background: #FFFFFF !important;
    border: 1px solid #D3D3D3 !important;
    border-radius: 5px !important;
    width: 682px !important;
    min-height: 114px !important;
}

.thank-you-page-product-options-image {
    max-height: 95px !important;
}

.thank-you-page-second-row {
    background: #FBFBFB !important;
    border: 3px solid #2653A0 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05) !important;
    border-radius: 10px !important;
    max-width: 100% !important
}

.thank-you-page-card-footer-best-product-section {
    background: #2653A0 !important;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%) !important;
    border-radius: 10px !important;
    margin-top: 72px !important;
    padding-bottom: 1px !important;
}

/* thank you page start */
/* thank-you-page {
    position: absolute;
    left: 11.67%;
    right: 11.51%;
    top: 8.77%;
    bottom: 27.88%;

    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
} */
.thank-you-page-card-row {
    margin-top: 209px !important;
}

.thank-page-date {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 119.5%;
    color: #575757;
}

.card-body-content {
    margin-top: 100px;
    margin-left: 88px;
}

.border {
    margin-top: 40px !important;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #000000 !important;
    /*width: 1142px !important;*/
    border: 1px solid #000000 !important;
}

.thanks-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 108px;
    line-height: 127px;
    color: #000000;
}

.thank-you-page-user-name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 120%;
    color: #2653A0;
}

.for-you-order {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: 0.545em;
    color: #575757;
    margin-top: -38px;
    padding-left: 46px;
}

.description-thank-you-page {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 129.19%;
    letter-spacing: 0.025em;
    color: #000000;
}

.background-colo-css {
    margin-top: -115px;
    padding-right: 52px;
    padding-top: 24px !important;
    background: #FBFBFB !important;
    border-radius: 6px !important;
    padding-left: 293px;
}

.thanks-page-items {
    width: 565px;
    height: 114px;
    left: 297px;
    top: 949px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
}

.thank-you-sku {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

.thank-page-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #4E4E4E;
    /* padding-left: 90px; */
    margin-top: -16px;
}

.thank-you-page-billing-address {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}

.thnak-you-page-box-billing-address {
    background: #FBFBFB;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
    border-radius: 10px;
    height: 344px;
    max-width: 462px !important;
}

.thnak-you-page-price {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-top: 35px;
    padding-left: 52px;
}

.thank-you-page-delivery-address {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #5C5C5C;
}

.thank-you-page-user-detais {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #5C5C5C;
}

.thank-you-page-user-detaiss {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #5C5C5C;
}

.thank-you-page-order-summary {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}

.thank-you-page-item-count {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 0px;
}

.thank-you-page-item-counter {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #5C5C5C;
}

.best-product {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;

}

.thank-you-page-product-sku {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-top: 18px;
}

.thank-you-page-product-name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #4E4E4E;
}

.thank-you-page-card-footer {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF !important;
}

.thank-you-page-footer-icons {
    padding-left: 367px;
}

.second-border {
    border: 1px solid #CECECE !important;
    width: 1161px;
    margin-left: 22px !important;
    margin-top: 44px !important;
}

/* updated thank you page start */
.billing-address-thank-you-page-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 29px;
    color: #000000;
    flex: none;
    order: 1;
    flex-grow: 0;
    /* border-bottom: 2px dashed #CDCDCD; */
    padding-bottom: 43px;
}

.billing-border {
    border-bottom: 2px dashed #CDCDCD;
}

.user-first-name-thank-you-page {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-top: 46px;
}

.user-address-thank-you-page-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 0px;
}

.user-address-thank-you-page-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.item-purchased-thank-you-page {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    margin-top: 103px;
}


.thank-you-page-table-data-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    border-top: none !important;
    padding-bottom: 32px !important;
}

.product-img-thank-you-page {
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    padding: 11;
    width: 50%;
}

.category-name-thank-you-page {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #0096DE;
    /* margin-left: -46px !important; */
}

.product-title-thank-you-page {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    padding-top: 8px;
    margin-bottom: 10px;
}

.product-title-thank-you-page-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.pagination-container>div>span {
    width: 200px !important;
    display: inline-block !important;
}


.thank-you-page-product-items-cart {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
}

.thank-you-page-product-items-price {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}

.thank-you-page-product-items-delivery-options {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    padding-top: 46px;
    margin-left: 6px;
}

.thank-you-page-select-date-options {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    padding-top: 18px;
    margin-left: 6px;
}

.thank-you-page-product-items-payment-method-cart {
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #303030 !important;
}

.thank-you-page-product-imtes-total-cart {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    /* identical to box height */
    color: #000000;
}

.thank-you-page-product-items-subtotal-cart {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
}

.thank-you-page-product-item-cart {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 37px !important;
    color: #000000;
    display: flex;
    justify-content: end;
}

.thank-you-page-product-item-cart-total {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 37px !important;
    color: #000000;
    display: flex;
    justify-content: end;
}

.img-size-32 {
    width: 32px !important;
}

/* updated thank you page end */

/* thank you page end */

/* order confirmation page start */
.order-confirmation-page-top-heading {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    color: #000000;

}

.order-confirmation-page-title {
    color: #121212;
    font-family: 'Poppins';
    font-size: 32.308px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.077px; /* 133.333% */
    padding-bottom: 14px;
}

.order-confirmation-page-user-name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    color: #000000;
}

.order-confirmation-page-invoice-row {
    background: #F9FAFB;
    border: 1px dashed #000000;
    /* border-radius: 6px; */
}

.order-confirmation-page-order-number-title {
    color: #707070;
    font-family: 'Poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}


.order-confirmation-page-order-number-item {
    color: #121212;
    font-family: 'Poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.order-confirmation-page-date-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0px;
}

.order-confirmation-page-date-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    margin-top: -10px;
}

.order-confirmation-page-mobile-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    margin: 0px !important;
    margin-top: -9px !important;
}

.order-confirmation-page-mobile-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    margin-top: -15px;
}

.order-confirmation-page-email-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    margin: 0px;
    margin-top: -9px !important;
}

.order-confirmation-page-email-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    margin-top: -17px;
}

.order-confirmation-page-payment-method-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0px;
}

.order-confirmation-page-payment-method-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-shipping-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0px;
}

.order-confirmation-page-shipping-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-tax-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0px;
}

.order-confirmation-page-tax-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-total-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0px;
}

.order-confirmation-page-total-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    color: #000000;
    margin-top: -9px;
}

.order-confirmation-page-second-row {
    background: #FAFAFA;
    border-radius: 6px;
}

.order-confirmation-page-billing-address {
    color: #242424;
    font-family: 'Poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* border-bottom: 2px dashed #CDCDCD; */
    padding-bottom: 58px;

}

.order-confirmation-page-shipping-address {
    color: #242424;
    font-family: 'Poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* border-bottom: 2px dashed #CDCDCD; */
    padding-bottom: 58px;
}

.order-confirmation-page-first-name-last-name-user-name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-address-line-one-title {
    color: #242424;
    font-family: 'Poppins';
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 33.563px; /* 176.646% */
    margin: 0px;
}

.order-confirmation-page-address-line-tow-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    margin: 0px;
}

.order-confirmation-page-address-line-one-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-address-line-tow-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-city-name-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    margin: 0px;
}

.order-confirmation-page-city-name-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-state-name-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    margin: 0px;
}

.order-confirmation-page-state-name-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-zip-name-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #303030;
    margin: 0px;
}

.order-confirmation-page-zip-name-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.order-confirmation-page-item-purchased-title {
    color: #000000;
    font-family: 'Poppins';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.order-confirmation-page-table-data-heading {
    font-family: 'poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000000;
    border-top: none !important;
    padding-bottom: 32px !important;
}

.order-confirmation-page-product-category-name {
    color: #0096DE;
    font-family: 'poppins';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px; /* 127.778% */
}

.order-confirmation-page-product-title {
    font-family: 'poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #000000;
    padding-top: 8px;
    margin-bottom: 10px;
}

.order-confirmation-page-product-item {
    font-family: 'poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000000;
}

.order-confirmation-page-product-quantity {
    font-family: 'poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000000;
}

.order-confirmation-page-product-price {
    font-family: 'poppins';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #000000;
}

.order-confirmation-page-view-invoice-button {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    background: #008BD3;
    border-radius: 5px;
    margin-top: 98px;
}

.custom-control-indicator {
    background-color: #28a745;
}

.list-group-item-action {
    font-size: 13px !important;
    font-family: 'Poppins' !important;
    padding: 0px !important;
    margin: 0px !important;
}

/* top header  */
.top-header-items {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    color: #242424;
    text-transform: capitalize;
    text-decoration: none;
}

.select_company_top>span :hover {
    background-color: #7BC743;
    color: #fff !important;
    border-radius: 5px;

}

.select_company_top::after {
    display: none !important;
}

.top_select_menu_items {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: #242424;
    background: none;
}

.select_company_hover:hover {
    background: none !important;
}

.select_company_hover::after {
    color: #242424 !important;
}

.select_company_hover:focus {
    background: none !important;
}

.drop-menu-items {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: #242424;

}

.multiple_company_hover:hover {
    border: none !important;
    color: #242424 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    background: none !important;
    padding: 0.5rem !important;
}

.multiple_company_hover::after {
    color: #242424 !important;
    background: none !important;
    border: none !important;
    color: #242424 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.multiple_company_hover {
    border: none !important;
    color: #242424 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    padding: 0.5rem !important;
}

@media screen and (min-width : 1025px) and (max-width:1440px) {
    .d_menu_company {
        padding-left: 1.2rem !important;
    }

    .d-Menu {
        padding-left: 0px !important;
        /* margin-left:-1.5rem !important; */
    }

    .login_link {
        padding-left: 11.5rem !important;
    }

    .width_fix {

        width: 12.1rem !important;
        padding-left: 1.5rem;
    }

    .navbar-light .navbar-nav .dropdown-toggle:focus {
        background: none !important;
    }

}

@media screen and (min-width : 769px) and (max-width:1024px) {
    .d_menu_company {
        padding-left: 0.7rem !important;
    }

    .d-Menu {
        padding-left: 0px !important;
        margin-left: -1rem !important;
    }

    .login_link {
        padding-left: 10.5rem !important;
    }

    .width_fix {

        width: auto;
    }

    .navbar-light .navbar-nav .dropdown-toggle:focus {
        background: none !important;
    }
}
@media screen and (min-width : 550px) and (max-width:768px) {
    .d_menu_company {
        padding-left: 0.7rem !important;
    }
}

@media screen and (min-width : 1441px) and (max-width:1920px) {
    .d_menu_company {
        padding-left: 3rem !important;
    }

    .d-Menu {
        padding-left: 0px !important;
        margin-left: 0.5rem !important;
    }

    .login_link {
        padding-left: 15.2rem !important;
    }

    .width_fix {

        width: 12rem !important;
        padding-left: 1.5rem;
    }

    .remove_focus:focus {
        background: none !important;
    }
}

@media screen and (min-width : 1921px) and (max-width:2559px) {
    .d_menu_company {
        padding-left: 3.3rem !important;
    }

    .d-Menu {
        padding-left: 0px !important;
        margin-left: 1rem !important;
    }

    .login_link {
        padding-left: 16.1rem !important;
    }

    .width_fix {

        width: 12.1rem !important;
        padding-left: 2rem;
    }

    .navbar-light .navbar-nav .dropdown-toggle:focus {
        background: none !important;
    }

}

@media only screen and (min-width : 2560px) {
    .d_menu_company {
        padding-left: 5.5rem !important;
    }

    .d-Menu {
        padding-left: 0px !important;
        margin-left: 0.9rem !important;
    }

    .login_link {
        padding-left: 20rem !important;
    }

    .width_fix {

        width: 12.35rem !important;
        padding-left: 2rem;
    }

    .navbar-light .navbar-nav .dropdown-toggle:focus {
        background: none !important;
    }

}

.shopping_cart_text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: -0.006em;
}

.font_style_menu {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #373737;
}

/* order confirmation page end */


/* Admin penel css */



/* mobile css checkout  */
.custom_label_style {
    color: #131313 !important;
    font-family: 'poppins' !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.next-btn-mobile {
    width: auto !important;
    position: absolute;
    left: 88%;
    top: 0.5%;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 0px !important;
    color: white !important;
}

.billing-div-mobile {
    margin-left: -1rem;
    width: 110%;
    height: 50px;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 500;
    background: #7bc533 !important;
    border: none !important;
    border-radius: 0px !important;
}

.ipad_next_btn_footer {
    height: 50px;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: bold !important;
    border: none !important;
    padding: 10px 5px;
    margin: 20px 0px !important;
    border-radius: 0px !important;
    background: #7bc533 !important;
    width: 83% !important;
}

.mob_next_btn_footer {
    height: 50px;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: bold;
    background: #7bc533 !important;
    border: none !important;
    padding: 10px 5px;
    border-radius: 0px !important;
}


.remove_shadow_search:focus {
    box-shadow: none !important;
}

.selection_buttons {
    margin-right: 1rem;
}

.my-account-table-desktop {
    width: 100%;
}
.button-div-my-account {
    text-align: right;
}
.my-account-image-div-mbl {
    width: 24%;
}
.my-account-name-div-mbl {
    width: 75%;
}
.img_my_account_order {
   text-align: center;
}

.show_zendesk_btn {
    color: #707071;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.084px;
}
/* .account-header-mbl {
    display:flex;
    justify-content: space-between;
} */
/* mobile css */

@media only screen and (min-width:769px) {
    .my_profile_form_label  , .my_profile_form::placeholder , .my_profile_form , .profile_save_changes{
        font-size:18px !important;
        line-height:24px !important;
    }
}

.filter2_mbl {
    justify-content: end;
}

@media only screen and (min-width:356px) { 
    .filter2_mbl {
        width: 25% !important;
    }
    .filter1_mbl {
        width: 75% !important;
    }
}
@media only screen and (max-width: 355px) and (min-width: 280px) {
    .filter2_mbl {
        width: 100% !important;
    }
    .filter1_mbl {
        width: 100% !important;
    }
    .order_detail_tabs .nav-link  , .order_detail_tabs .nav-link.active {
        font-size: 9px !important;
    }
}

@media only screen and (max-width: 375px) and (min-width: 280px) {
    .my-account-image-div-mbl {
        width: 32%;
    }
 }
@media only screen and (max-width: 820) and (min-width: 551px) {
    .image-height-mbl {
        max-height: 250px !important;
        min-height: 250px !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 280px) {
    .button-cards {
        font-size: 15px !important;
    }
    
}
@media (max-width: 550px) {
    .dropdown-menu {
        width: 100%; /* Ensure full width for smaller screens */
        overflow-y: auto;
        max-height: 300px; /* Prevent excessive scrolling */
    }

    .dropdown-menu .row {
        flex-direction: column; /* Adjust rows to stack vertically */
        margin: 0;
    }

    .dropdown-menu li a {
        padding: 10px 15px; /* Add padding for easier tapping */
        font-size: 14px; /* Adjust text size */
    }
}

@media only screen and (max-width: 550px) and (min-width: 280px) {
    .my_account_order_detail_page_table_title , .order_detail_page_prices , .order_detail_page_product_name ,  
    .my_account_all_items , .my_account_order_details_page_date_title , 
    .my_account_order_details_page_date_item , .my_account_order_details_page_date_order_id_title , 
    .my_account_order_details_page_date_order_id_item , .my_account_add_a_new_address , 
    .my_account_default_address , .default_billing_address , .my_account_address_items , 
    .additional_address_entries , .my_account_addresses , .change_billing_address_btn , 
    .mobileFormat , .favorite_product_name_slug , .favorite_product_price , .favorite_remove_btn ,.my_account_users_heading {
        font-size: 14px !important;
        line-height: 23.5px !important;
    }
    .selection_button_div {
        padding: 0rem !important;
    }
    .selection_buttons {
        margin-right: 0.25rem !important;
    }
    #per_page_favorite , .selection_buttons {
        font-size: 12px !important; 
    }
    #per_page_favorite {
        width: 17% !important;
    }
    #add_selected {
        width: 45% !important;
    }
    #add_all_to_cart {
        width: 38% !important;
    }
    .my_account_order_details_heading {
        font-size: 14px !important;
        line-height: normal !important;
    }
    .filter2_mbl {
        justify-content: start !important;
    }
    #handle_sort_by {
        padding: 0px !important;
    }
    #order_search {
        font-size:12px;
    }
    .mobile_screen_Previous_btn {
        width: 25% !important;
    }
    .mobile_screen_pagination_number {
        width: 50% !important;
    }
    .mobile_screen_Previous_next {
        width: 25% !important;
    }
    .my_profile_form_label , .my_profile_form::placeholder , .my_profile_form , .profile_save_changes {
        font-size:12px !important;
        line-height:15px !important;
    }
    .account_detais_profile {
        font-size:14px !important;
        line-height:normal !important;
    }
    .data-div-account {
        width: 75% !important;
    }
    .image-div-account {
        width: 25% !important;
    }
    .my_account_total_items_listing {
        font-size: 14px !important;
    }
    .my_account_product_name {
        font-size: 14px !important;
        line-height: normal !important;
        margin-top: 0.5rem !important;
        margin-bottom:0rem !important;
    }
    .my-account-card-body {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .mbl-my-account-add-btn {
        width: 100% !important;
    }
    .img_my_account_order {
        width: 125%;
        border-radius: 7.748px;
    }
    .button-div-my-account {
        text-align: center;
        margin-top: 1rem !important;
    }
    .my-account-table-desktop {
        width: 200%;
    }
    .hide-scroll::-webkit-scrollbar {
        display: none;
    }
    .hide-scroll {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .header-row-mbl-my-account {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .order_place_my_account {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    .filter-div-mbl-account {
        margin-top: 1rem !important;
    }
    .date_filter_mbl {
        color: #131313 !important;
        font-family: 'poppins' !important;
        font-size: 10px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 15.947px !important; /* 159.468% */
        letter-spacing: -0.06px !important;
        height: 25px !important;
        padding: 5px 24.053px 3.527px 10px !important;
        margin-top: 5px;
    }
    #handle_sort_by {
        height: 25px !important;
        /* padding: 3px 24.053px 3.527px 10px !important; */
        margin-top: 5px;
        line-height: 15.947px !important;
        font-family: 'poppins' !important;
        font-size: 10px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        border-radius: 0.25rem !important;
    }
    .total_order_my_account {
        font-size: 12px !important;
        line-height: normal !important;
    }
    .placed_in_my_account {
        font-weight: 600 !important;
    }
    .my_account_search {
        height: 35px !important;
    }
    .has-search .form-control-feedback {
        height: 0rem !important;
        line-height: 0rem !important;
        top: 50%;
    }
    .has-search .form-control {
        padding-top: 0.5rem;
    }
    .my_account_search_btn_mbl {
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 15.77px !important; /* 131.415% */
        padding: 7.885px 12.616px !important;
    }
    .my-account-main-heading {
        line-height:55px !important;
    }
    .search_row_my_account_page {
        margin-top: 10px !important
    }
    .order_detail_tabs .nav-link {
        font-size: 11.737px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 16.842px !important; /* 143.488% */
        padding: 0.5rem 0rem;
    }
    
    .order_detail_tabs .nav-link.order_left_border {
        border-left: 0px !important;
    }
    
    .order_detail_tabs .nav-link.active {
        font-size: 11.737px!important;
        font-style: normal!important;
        font-weight: 500!important;
        line-height: 16.842px!important; /* 143.488% */
    }
    .order_detail_tabs {
        width: 100% !important;
    }
    .my-account-list-items-li {
        width: 20% !important;
    }
    
    .image-height-mbl {
        height: auto !important;
        max-height: 150px !important;
        min-height: 150px !important;
    }
    .card_product_title {
        height: 2rem !important;
        margin-bottom: 0rem !important;
    }

    /* home page  */
    .our_advantages {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #1A1A1A;
    }

    .nation_wide_para {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 21px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #75787B;
    }

    .prd_mbl_card_bdy {
        padding: 0.25rem !important;
    }

    .product_row_mobile_responsive {
        width: 50% !important;
        padding: 0.5rem !important;
    }

    .img_responsive_mbl {
        width: 112.74px !important;
        height: 112.74px !important;
    }

    .img_responsive_mbl_not_available {
        width: 112.74px !important;
        height: 128px !important;
    }


    .product-row-product-title {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        text-align: center;
        color: #000000;

    }

    .p_price_resp {
        margin-top: 1rem !important;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 15.1158px;
        line-height: 23px;
        color: #DC4E41;

    }

    .category-cart-page {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 7.5579px;
        line-height: 11px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #8A8A8A;
    }

    .prd_btn_resp {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 10.0772px;
        line-height: 15px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #FFFFFF;
        width: 75% !important;

    }

    .mbl-border-bottom {
        border: 0.544901px solid #EBEBEB !important;
    }

    .login-inputMbl {
        background: #F5F5F5 !important;
        border: 0.544901px solid #EBEBEB !important;
    }

    .remember-me {
        width: 50% !important;
    }

    .lost_pas_div {
        width: 50% !important;
        text-align: right !important;
    }

    .mobile_footer_set {
        /* margin-top: 8rem !important; */
    }

    .main_image_mbl {
        height: 30rem !important;
    }

    .filter_heading_mbl {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        color: #131313 !important;
    }

    .product-detail-content1 {
        border-bottom: 0.840301px solid #EBEBEB;
    }

    .form-select-mbl {
        background-color: #F5F5F5 !important;
        border: 1px solid #DDDDDD !important;
        border-radius: 4px !important;
        /* font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px; */
        color: #8A8A8A;
    }

    .form-select-mbl:focus {
        box-shadow: 0 0 0 0rem !important;
    }

    .filterMblbtn:focus {
        border: none !important;
        box-shadow: 0 0 0 0rem !important;
    }

    .filterIco_mbl {
        font-size: 12px;
    }

    .pbtn_mbl {
        line-height: 55px !important;
    }

    .product-btn {
        height: 55px;
    }

    .search_filter_text {
        font-family: 'Poppins';
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        color: #242424 !important;

    }

    .mbl_drop_cmpny {
        width: 30%;
    }

    .mbl_drop_othr {
        width: 70%;
        /* display: flex; */
        align-items: center;
        justify-content: end;
    }

    .mobile_menu_bar_togle {
        width: 15%;
    }

    .mobile_menu_bar_logo {
        width: 65%;
    }

    .mobile_menu_bar_cart {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .cart-counter {
        width: 25px;
        height: 25px;
        margin: 0px;
        margin-top: -2.5rem !important;
        margin-left: 0.8rem !important;
        font-size: 10px;
    }

    .font-mobile-class {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 29px !important;
        color: #242424;
    }

    .mb_item_mnu {
        color: #242424 !important;
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 29px !important;
        border-radius: 0px !important;
        min-width: 8rem !important;
    }

    .mb_item {
        color: #242424 !important;
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 29px !important;
        text-decoration: none !important;
        padding: 0rem 0.6rem !important;
    }

    .mbl_cmp_drp {
        background: none !important;
        border: none !important;
        color: #242424 !important;
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        line-height: 29px !important;
        width: 8rem !important;
    }

    .mbl_cmp_drp::after {
        border-right: 0em !important;
        border-left: 0em !important;
    }

    .mbl_cmp_drp:focus {
        background: none !important;
        border: none !important;
    }

    .mbl_cmp_drp:hover {
        background: none !important;
        border: none !important;
        color: #242424;
    }

    .mobile_nav_items {
        display: flex !important;
        align-items: center;
        justify-content: normal !important;
    }

    .mobile_nav_btn {
        background: none !important;
        border: none !important;
        /* font-size:16px !important;
        font-weight:500 !important; */
    }

    .mobile_nav_btn:focus {
        box-shadow: 0 0 0 0rem;
        border: none !important;
    }

    .mobile_nav_btn>i {
        font-size: 1.5rem;
    }

    .select-comapny-top-bar-mobile {
        font-size: 14px !important;
        font-family: 'Poppins' !important;
        font-weight: 600 !important;
        color: #000 !important;
        padding-left: 7px !important;
    }

    .cart-counter-details {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.006em;
        color: #ffffff;
    }


    .mobile-view {
        display: block !important;
    }

    .basket-icon {
        width: 35px;
        height: 27px;
        left: 0px;
        /* margin-top: 12px;*/
    }

    .home-page-product-section {
        padding: 0px !important;

    }

    .home-page-product-img {
        width: 100% !important;
    }

    .top-tatal-items {
        margin-top: -33px !important;
        padding-right: 22px !important;
    }

    .top-bar-total-items {
        font-family: 'Poppins' !important;
        font-size: 14px !important;
        padding-left: 95px !important;
        height: 64px !important;
        padding-top: 11px !important;
    }

    .login-show a {
        padding: 0px !important;
    }

    #icons {
        width: 92% !important;
        margin-right: -6px !important;
        padding-left: 21px !important;
        margin-top: 13px !important;
        padding-right: 0px !important;
    }


    .filler-and-sort {
        background: none !important;
        border-radius: 40px !important;
        border-color: #000 !important;
        color: #000 !important;
        font-size: 19px !important;
        font-family: 'Poppins' !important;
    }

    /* product details page start */
    .product-detail-heading {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 15px;
        line-height: 22px;
        color: #000000 !important;
    }

    .product-detail-price {
        /* font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 17px !important;
        line-height: 20px !important;
        color: #DC4E41 !important;
         */

        font-size: 18px;

    }

    .instock-label {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #131313;
    }

    .quantity input {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 12.6045px;
        line-height: 19px;
        color: #7CC633;
        width: 46.5px;
        height: 31.09px;
        border-radius: 0px;
        margin: 0;
        box-shadow: none;
        float: none;
        border: 1px solid #EBEBEB;
        padding-left: 0px;
        text-align: center;
    }

    .quantity-div.quantity-up {
        height: 15.5px !important;
        top: 0rem;
        left: 1rem;
        width: 1rem;
        background: #FFFFFF;
    }

    .quantity-div {
        border-left: none !important;
    }

    .quantity-div.quantity-down {
        /* position: absolute;
        bottom: 0;
        height: 65%;
        font-family: "FontAwesome";
        width: 23px !important;
        line-height: 26px !important; */
        position: absolute;
        left: 1rem;
        top: 0.95rem;
        height: 1px !important;
        width: 1rem;
        background: #FFFFFF;
    }

    #qt_mbl_number {
        margin-bottom: 10px;
    }

    .category-title-heading {
        /* font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 30px !important; */

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        color: #2B3136;
    }

    .category-title {
        /* font-family: 'Poppins' !important;
        font-style: normal !important;
        font-size: 13px !important;
        line-height: 30px !important;
        text-align: center !important; */

        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

    .category-description {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        color: #292929;
    }

    .category-pra {
        font-size: 13px !important;
        font-family: 'Poppins' !important;
        line-height: 163%;
    }

    /* product details page end */

    .footer-section-product {
        margin-top: 10px !important;
    }

    .sm-4-footer {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 300 !important;
        font-size: 16px !important;
        line-height: 12px !important;
        color: #FFFFFF !important;
    }

    .contact-us-footer {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 19px !important;
        line-height: 23px !important;
        text-transform: uppercase !important;
        color: #FFFFFF;
    }

    .ms-4-footer {
        /* font-size: 16px !important; */
        margin-top: 6px !important;
        margin-bottom: 9px !important;
    }

    .day-color-mbl {
        color: #7CC633;
    }

    .logout-bnt {
        font-size: 14px !important;
        font-family: 'Poppins' !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
    }

    .procedd-to-checkout {
        width: 302px !important;
        height: 40px !important;
        background-color: #7cc633 !important;
    }

    .register-counter-details {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
    }

    .payment-option {
        font-size: 16px !important;
        font-family: 'poppins' !important;
        font-weight: 600 !important;
    }

    .register-counter-details {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
    }

    .header-top {
        display: none;
    }

    .desktop-view {
        display: none !important;
    }


    /* cart-page view start */
    .your-cart-title {
        font-size: 17px;
        font-family: 'Poppins';
        font-weight: 600;
        margin-bottom: 7px;
        color: #000 !important;
        background: none;
    }

    .navbar {
        padding-left: 0px !important;
    }

    .cart-page-items {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        line-height: 18px !important;
        color: #131313 !important;
    }

    .cart-page-price {
        color: #e84d3d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 18px !important;
        font-family: 'Poppins' !important;
    }

    .quantity-bg {
        background: #7CC633;
        color: #fff;
        width: 19px;
        height: 22px;
    }

    .fa-add:before,
    .fa-plus:before {
        content: "\2b";
        color: gray;
        border: 1px solid gray;
        padding: 3px !important;
        /* background-color: #fff !important; */
    }

    .fa-minus:before,
    .fa-subtract:before {
        content: "\f068";
        color: gray;
        padding: 3px;
        border: 1px solid gray;
        /* background-color: #ffff !important; */
    }

    .total-cart-button {
        background-color: #7CC633 !important;
        color: #ffff !important;
        font-size: 16px !important;
        font-family: 'Poppins' !important;
        font-weight: 500 !important;
        height: 48px;
        margin-top: 66px;
        text-transform: uppercase;
    }

    .coupon-code-modal-btn {
        background: none !important;
        border: none !important;
        color: #e84d3d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        display: flex !important;
        /* margin-top: 17px !important; */
        text-transform: uppercase !important;
        font-family: 'Poppins' !important;
    }

    .button-cards {
        background-color: #7BC533 !important;
        color: #FFFFFF !important;
        border: none !important;
        font-weight: 600 !important;
        line-height: 27px !important;
        font-family: 'Poppins';
        font-style: normal;
        font-size: 10.0772px !important;
        line-height: 15px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        height: 25.19px;
        width: 75% !important;
    }


    .call-to-order-button {
        background-color: #008bd3 !important;
        color: #FFFFFF !important;
        border: none !important;
        font-weight: 600 !important;
        line-height: 27px !important;
        font-family: 'Poppins';
        font-style: normal;
        font-size: 10.0772px !important;
        line-height: 15px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        height: 25.19px;
        width: 75% !important;
    }

    .call-to-order-button:hover {
        color: #008bd3 !important;
        background-color: #FFFFFF !important;
        border: 1px solid #008bd3 !important;
    }

    .call-to-order-button:focus {
        color: #008bd3 !important;
        background-color: #FFFFFF !important;
        border: 1px solid #008bd3 !important;
    }

    .applay-coupon-code-modal-btn {
        color: #fff !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        border: none !important;
        background: #e84d3d !important;
        height: 46px !important;
    }

    .coupon-code-input-label {
        font-size: 20px;
        font-weight: 500;
        color: gray;
        font-family: 'Poppins';
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: 0 0 0 0.1rem #e84d3d !important;
    }

    /* cart-page view end */

    /* checkout-page mobile view start */
    .product-title {
        font-size: 15px !important;
        font-weight: 600 !important;
        font-family: 'Poppins' !important;
        padding-left: 5px !important;
    }

    .product-name {
        font-size: 14px !important;
        font-weight: 500 !important;
        font-family: 'Poppins' !important;
    }

    .product-quantity {
        font-size: 14px !important;
        font-weight: 600 !important;
        font-family: 'Poppins' !important;
    }

    .cart-total-checkout-page {
        font-size: 15px !important;
        font-weight: 600;
        font-family: 'Poppins';
        /* text-transform: uppercase; */
    }

    .cart-sub-total-checkout-page {
        font-size: 15px !important;
        font-weight: 500;
        font-family: 'Poppins';
        /* text-transform: uppercase; */
    }

    .sub-total-checkout-page {
        margin-left: 89px;
        font-size: 15px;
        font-family: 'Poppins';
        font-weight: 600;
        color: #e84d3d !important;
    }

    /* checkout-page mobile view end */
    .mobile-view {
        display: block;
    }

    .top-reach-bar {
        display: none;
    }

    .ipad-view {
        display: none !important;
    }

    .label {
        line-height: 19px !important;
        text-transform: uppercase !important;
        color: #131313 !important;
        font-weight: 600 !important;
        font-family: "Montserrat" !important;
    }

    .login-title {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #131313;

    }

    .dont-have-an-account {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 20px !important;
        line-height: 30px !important;
        letter-spacing: 0.05em !important;
        color: #FFFFFF !important;
    }

    .dont-have-an-account-pra {
        font-family: 'Poppins' !important;
        font-style: normal;
        font-weight: 400 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        font-weight: 400 !important;
        text-align: center;
        color: #FFFFFF;
        letter-spacing: 0.05em !important;

    }

    .top-img {
        width: 100%;
        margin-left: 31px !important;
    }

    .banner-img {
        width: 100%;
    }

    .login-reg-panel {
        position: relative;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        height: 412px !important;
        background-color: #7BC533;
        margin-top: 18% !important;
    }

    .white-panel {
        background-color: rgba(255, 255, 255, 1) !important;
        position: absolute !important;
        top: -37.5% !important;
        transition: .3s ease-in-out !important;
        z-index: 0 !important;
        box-shadow: 0 0 15px 9px #00000096 !important;
        width: 90% !important;
        height: 355px !important;
        left: 5%;

    }

    .login-show input[type="text"],
    .login-show input[type="password"] {
        width: 100% !important;
        display: block !important;
        margin: 11px 0 !important;
        padding: 5px !important;
        border: 0.544901px solid #EBEBEB !important;
        outline: none !important;
        height: 43px;
    }

    .login-info-box {
        width: 100% !important;
        padding: 0 20px !important;
        top: 60% !important;
        left: 0% !important;
        position: absolute !important;
    }

    .formemail-registration-check-label {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        color: #8F8F8F !important;
        letter-spacing: 0em !important;

    }

    .register-info-box {
        width: 100% !important;
        padding: 0 20px !important;
        top: 56% !important;
        left: 0% !important;
        position: absolute !important;
    }

    mt-4 remember-me {
        margin-top: 1px !important;
    }

    #signup_error {
        font-size: 10px !important;
        font-weight: 500 !important;
        font-family: 'Poppins' !important;
    }

    #email-registration {
        margin-top: 1px !important;
    }

    .sing-up-label {
        width: 100% !important;
        height: 30px !important;
        top: 788px !important;
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 10px !important;
    }

    .login-singup {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 60px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .fontAwesome {
        font-family: 'Poppins', FontAwesome, 'Poppins';
        padding: 6px;
    }
    .fontAwesome_new {
        /* font-family: 'Poppins', FontAwesome, 'Poppins'; */
        padding: 6px;
    }

    .form-signup input {
        width: 100% !important;
        display: block !important;
        margin: 11px 0 !important;
        padding: 5px !important;
        border: 1px solid #b5b5b5 !important;
        outline: none !important;
    }


    .login-show-btn input[type="email"] {
        font-family: 'Poppins';
        font-style: normal;
        width: 12px;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #878787;
    }

    .bnt-outline-secondary {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .subscribe-heading {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #000000;
    }

    .subscribe-pra {
        position: absolute;
        width: 501px;
        height: 27px;
        left: 710px;
        top: 1209px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #7B7B7B;
    }

    /* .form-login input {
        background-color: #EBEBEB !important;
        border: none !important;
    } */

    .req {
        color: red;
    }

    .required-field {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }


    .login-show input[type="text"],
    .login-show input[type="password"] {
        width: 100%;
        display: block;
        margin: 5px 0;
        padding: 15px;
        border: 1px solid #b5b5b5;
        outline: none;
    }

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

    .btn-login {
        height: 40px;

    }

    .checkbox-lg .form-check-input {
        width: 19px;
        height: 19px;
    }

    .form-check-label {
        margin-bottom: -49px !important;
        color: #b5b5b5;
        font-size: 12px !important;
    }

    .required-field {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 16px;
    }

    .mbl-reme-check {
        width: 17px !important;
        height: 17px !important;
        background: #F5F5F5 !important;
        border: 0.544901px solid #EBEBEB !important;
        border-radius: 3.26941px !important;
    }

    .btn-lost-password {
        text-decoration: none;
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        text-align: right !important;
        color: #7BC533 !important;

    }

    .dont-have-an-account {
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 12px;
    }

    .dont-have-an-account-pra {
        font-family: 'poppins' !important;
        font-style: normal;
        font-weight: 300;
        font-size: 9px;
        line-height: 27px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #FFFFFF;
    }

    .login-reg-panel #label-login,
    .login-reg-panel #label-register {
        font-family: 'Poppins';
        padding: 23px 23px;
        color: #7BC533;
        background-color: white;
        cursor: pointer;
        font-style: normal;
        font-weight: 500 !important;
        font-size: 14px !important;
        height: 43px !important;
        width: 292px !important;
        line-height: 21px;
        border: none;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;

    }

    .btn-login {
        width: 100%;
        height: 43px !important;
        background-color: #7BC533;
        border: none;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .login-show,
    .register-show {
        padding: 18px !important;

    }


    .product-detail-quantity {
        width: 21.01px !important;
        height: 21.01px !important;
        background: #E3F5F5 !important;
    }

    .stock_number {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 7.56271px;
        line-height: 11px;
        color: #131313;
    }

    .quantity-nav {
        width: 18px !important;
        height: 31px !important;
        position: relative;
        top: -131.5%;
        left: 2.8rem;
        float: none;
        background: #FFFFFF;
        border: 1px solid #EBEBEB;
        text-align: center;
    }

    .angle-up-qty {
        position: absolute;
        top: 1%;
        left: 111%;
        width: 15.97px;
        height: 15.97px;

    }

    .u_btn {
        font-size: 8px !important;
        color: #131313 !important;
    }


    .angle-down-qty {

        background: #FFFFFF;
        border: 1px solid #EBEBEB;
        position: absolute;
        top: 49%;
        left: 111%;
        width: 15.97px !important;
        height: 15.97px !important;
        text-align: center;

    }

    .d_btn {
        font-size: 8px !important;
        color: #131313 !important;
    }

    .product-detail-button-cards {
        background-color: #7BC533;
        color: #FFFFFF !important;
        border: none;
        width: 90% !important;
        height: 31.09px !important;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 10.0836px !important;
        line-height: 15px !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #FFFFFF !important;

    }

    .call-to-order-button{
        background-color: #008bd3;
        color: #FFFFFF !important;
        border: none;
        width: 90% !important;
        height: 31.09px !important;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 10.0836px !important;
        line-height: 15px !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #FFFFFF !important;

    }

    .call-to-order-button:focus {
        color: #008bd3;
        background-color: #FFFFFF !important;
        border: 1px solid #008bd3 !important;
    }

    .call-to-order-button:hover {
        color: #008bd3;
        background-color: #FFFFFF !important;
        border: 1px solid #008bd3 !important;
    }



    .p_detail_image_row {
        width: 30% !important;
        background-color: #F7F7F7 !important;
    }

    .p_detail_img {
        width: 85% !important;
        max-height: 60% !important;
    }

    .p_detail_content {
        width: 60%;
    }

    .p_detail_stock_row {
        width: 25%;
    }

    .p_detail_stock_qty {
        width: 40.5px;
        height: 31.09px;
    }

    .p_detail_cart_row {
        width: 60%;
    }


    /* ****************   Mobile Filter   ************************** */
    .mobile_filter_title {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        line-height: 27px !important;
        color: #131313 !important;
    }

    #filter_model {
        border-radius: 8px !important;
        border: none !important;
        width: 358px !important;
        /* height: 477px !important; */
    }

    .mobile_filter_header {
        border-bottom: none !important;
    }

    .mbl_filter_btn {
        border: 0px !important;
        background: none !important;
    }

    .mbl_filter_close {
        color: #323233 !important;
        font-size: 22px !important;
    }

    .filter-mlb-radio-btn {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        color: #090A0A !important;
    }

    .filter-done-btn {
        background: #7BC533 !important;
        border-radius: 5px !important;
        border-color: #7BC533 !important;
        width: 102px !important;
        height: 35px !important;
    }

    .filter-done-btn-text {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        text-align: center !important;
        text-transform: uppercase !important;
        color: #FFFFFF !important;
    }

    .filter_drop_down_mbl {
        font-family: 'Poppins' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 21px !important;
        color: #8A8A8A !important;
    }


    @media only screen and (max-width: 399px) and (min-width: 280px) {
        #filter_model {
            left: 0.5rem !important;
        }

        /* .button-cards {
            font-size: 8.0772px !important;
        } */

    }

    @media only screen and (min-width: 400px) and (max-width: 550px) {
        #filter_model {
            left: 2rem !important;
        }

    }


    @media only screen and (max-width: 800px)  and (min-width: 280px){
        .searchFilter {
            display: none;
        }

        .remove_from_mobile_view {
            display: none;
        }

        .checkout_address_heading {
            display: none;
        }

        /* .custom-border-bottom {
            border-bottom: none;
        } */
    }

    @media only screen and (min-width: 801px) {
        .searchFilter {
            display: block;
        }
        /* .custom-border-bottom {
            border-bottom: 1px solid #dee2e6 !important;
        } */
    }



    /* ****************   Mobile Filter end   ********************** */

}

/* my account page css start*/
.order_detail_tabs .nav-link {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px ;
    line-height: 26px ;
    color: #989898 !important;
    text-align: center;
    border-left: 1.29139px solid #E1E1E1 !important;
}

.order_detail_tabs .nav-link.order_left_border {
    border-left: 0px !important
}

.order_detail_tabs .nav-link.active {
    background-color: #F5F5F5 !important;
    color: #000000 !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px ;
    line-height: 26px ;
    color: #242424;
}


.search_row_my_account_page {
    border-radius: 8.8914px;
    height: 49px !important;
    display: flex;
    justify-content: space-between;
    align-items: center !important;

}

.my_account_search {
    background: #FFFFFF;
    border: 1.29139px solid #E1E1E1;
    border-radius: 6px !important;
    height: 40px;
    margin-top: 4px !important;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.my_account_search_btn {
    background: #7BC533;
    box-shadow: 0px 1.41191px 2.82382px rgba(16, 24, 40, 0.05);
    border-radius: 6px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 26px ;
    color: #FFFFFF !important;
}

.total_order_my_account {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #131313;
}

.placed_in_my_account {
    font-weight: 300 !important;
}

.select_months_my_account {
    margin-top: -7px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: -0.006em !important;
    color: #252C32 !important;
}

.my_account_order_card {
    background: #FFFFFF !important;
    border: 1.23724px solid #EAECF0 !important;
    border-radius: 7.42347px !important;
    margin-top: 20px !important;
}

.order_place_my_account {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14.8469px ;
    line-height: 25px ;
    color: #7D7D7D !important;
}

.order_date_my_account {
    font-weight: 500 !important;
}

.total_price_my_account {
    color: #008BD3 !important;
    font-weight: 500 !important;
}

.shipping_to_my_account {
    font-weight: 500 !important;
    color: #008BD3 !important;

}

.order_number_my_account {
    font-weight: 500 !important;
}

.picked_up_date {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    color: #242424 !important;

}

.buy_agin {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    color: #242424 !important;
}

.my_account_img {
    height: 50px !important;
    width: 100px !important;
}

.my_account_images {
    height: 91px !important;
    width: 100px !important;
}

.img_my_account_order {
    background-color: #E1E1E1 !important;
}

.my_account_total_items_listing {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #242424;
}

.all_items_to_cart_btn {
    background: #7BC533 !important;
    box-shadow: 0px 2.47449px 3.71173px rgba(0, 0, 0, 0.08) !important;
    border-radius: 7.42347px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    align-items: center !important;
    text-align: center !important;
    color: #FFFFFF !important;
    width: 201px;
}

.my_account_view_order_btn {
    background: #FFFFFF !important;
    border: 1.23724px solid #DDDDDD !important;
    box-shadow: 0px 2.47449px 3.71173px rgba(0, 0, 0, 0.08) !important;
    border-radius: 7.42347px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    align-items: center !important;
    text-align: center !important;
    color: #000000 !important;
    width: 201px;
}

.track_package_cart_btn {
    background: #7BC533 !important;
    box-shadow: 0px 2.47449px 3.71173px rgba(0, 0, 0, 0.08) !important;
    border-radius: 7.42347px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    align-items: center !important;
    text-align: center !important;
    color: #FFFFFF !important;
    width: 201px !important;
}

.return_or_replace_items_btn {
    background: #FFFFFF !important;
    border: 1.23724px solid #DDDDDD !important;
    box-shadow: 0px 2.47449px 3.71173px rgba(0, 0, 0, 0.08) !important;
    border-radius: 7.42347px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    align-items: center !important;
    text-align: center !important;
    color: #000000 !important;
    width: 201px !important;
}

.arriving_wednesday_my_account {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #008BD3;
}

.delivery_estimate_date_my_account {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #7D7D7D;
}

.my_account_product_name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #131313;
}

.my_account_buy_it_again {
    background: #7BC533 !important;
    box-shadow: 0px 2.47492px 3.71237px rgba(0, 0, 0, 0.08) !important;
    border-radius: 6px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    align-items: center !important;
    text-align: center !important;
    color: #FFFFFF !important;
    width: 145px !important;
}

.my_account_buy_agin_heading {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #242424;
}

.my_account_buy_again_product_name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14.6693px;
    line-height: 22px;
    color: #000000;
}

.my_account_total_price_buy_again {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #DC4E41;
}

.my_account_buy_again_category_name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 11.002px;
    line-height: 17px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8A8A8A;
}

.buy_again_add_to_cart_btn {
    background: #7BC533 !important;
    box-shadow: 0px 2.47492px 3.71237px rgba(0, 0, 0, 0.08) !important;
    border-radius: 6px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    /* display: flex; */
    align-items: center !important;
    text-align: center !important;
    color: #FFFFFF !important;
}

.account_detais_profile {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 65px;
    letter-spacing: -0.022em;
    color: #242424;
}

.my_profile_form {
    background: #FFFFFF !important;
    border: 1.00119px solid #E1E1E1 !important;
    box-shadow: 0px 1.00119px 2.00238px rgba(16, 24, 40, 0.05) !important;
    border-radius: 6px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px ;
    line-height: 24px ;
    color: #828282 !important;
}

.my_profile_form_label {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 24px;
    color: #242424 !important;
}

.my_profile_form::placeholder {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px ;
    line-height: 24px;
    color: #828282 !important;
}

.profile_save_changes {
    background: #7CC633 !important;
    border: 1.00119px solid #7CC633 !important;
    box-shadow: 0px 1.00119px 2.00238px rgba(16, 24, 40, 0.05) !important;
    border-radius: 6px !important;
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF !important;
}

.my_account_default_address {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 27.2886px;
    line-height: 65px;
    letter-spacing: -0.022em !important;
    color: #242424 !important;
}

.default_billing_address {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 20.4664px;
    line-height: 31px;
    color: #242424 !important;
}

.my_account_address_items {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 19px;
    line-height: 34px;
    color: #242424 !important;
    margin-bottom: 0px !important;
}

.change_billing_address_btn {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 19px;
    align-items: center !important;
    color: #006FBE !important;
}

.change_billing_address_btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.mobileFormat {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 19px;
    line-height: 34px;
    color: #006FBE !important;
}

.my_account_add_a_new_address {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.006em;
    color: #525252 !important;
    background: #FBFBFB !important;
    border: 1.13957px solid #EAECF0 !important;
    border-radius: 6.83745px !important;
}

.additional_address_entries {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 27.2886px;
    line-height: 65px;
    letter-spacing: -0.022em !important;
    color: #242424 !important;
}

.table-header-background {
    background-color: #F9F9F9 !important;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12.4108px;
    line-height: 17px;
    color: #525252;
    border-bottom: 0.944079px solid #EAECF0 !important;
}

.custom-control-input-success:checked~.custom-control-label::before {
    border-color: #7BC533 !important;
    background-color: #7BC533 !important;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background: #FFFFFF !important;
    border: 1.28813px solid #D0D5DD !important;
    border-radius: 4.72877px !important;
}

.my_account_addresses {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 23px;
    color: #242424 !important;
}

.my_account_all_items {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px;
    line-height: 26px;
    color: #828282 !important;
}

.table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none !important;
}

/* pagination css */
.previous_btn {
    justify-content: flex-start !important;
    padding-left: 30px !important;
    margin-top: 30px !important;
}

.order_page_number {
    display: flex;
    justify-content: center !important;
    margin-top: 30px !important;

}

.prev_btn_css {
    width: 109.87px;
    height: 34.11px;
    background: #FFFFFF;
    border: 0.944079px solid #D7D7D7 !important;
    box-shadow: 0px 0.944079px 1.88816px rgba(16, 24, 40, 0.05) !important;
    border-radius: 4px !important;
    padding: 0.2rem !important;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.next_btn_css {
    width: 75.87px !important;
    height: 34.11px;
    background: #FFFFFF;
    border: 0.944079px solid #D7D7D7 !important;
    box-shadow: 0px 0.944079px 1.88816px rgba(16, 24, 40, 0.05) !important;
    border-radius: 4px !important;
    padding: 0.2rem !important;
}

.my-active>span {
    background: rgba(124, 198, 51, 0.17) !important;
    border-radius: 7.55263px !important;
    padding: 0.6rem 1rem;
    color: #7CC633;
    font-style: normal;
    font-weight: 500;
    font-size: 13.2171px;
    line-height: 19px;
}

.non_active_page_number {
    font-style: normal;
    font-weight: 500;
    font-size: 13.2171px;
    line-height: 19px;
    color: #828282;
}

.prev_next_btn {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 13.2171px !important;
    line-height: 19px !important;
    color: #4B4B4B !important;
}

ul.pager>.main-row>.pagination>li {
    padding: 5px;
}

.next_btn {
    display: flex;
    justify-content: end !important;
    padding-right: 30px !important;
    margin-top: 30px !important;
}

.table-row-item {
    padding-left: 10px !important;
}
.user_table_items {
    padding-left: 10px !important;
}
.address-table-items-data>tbody {
    border-top: none !important;
    padding: 10px !important;
}

.my_account_users_heading {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 27.0833px;
    line-height: 65px;
    letter-spacing: -0.022em !important;
    color: #242424 !important;
}

.custom-checkbox-input {
    padding-left: 0.938rem !important;
    padding-bottom: 0px !important;
    padding-top: 0.938rem !important;
}

.favorite_product_name_slug {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 1.125rem;
    line-height: 1.688rem;
    color: #008BD3 !important;
}

.favorite_product_price {
    font-family: 'Poppins' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1.194rem;
    line-height: 1.625rem;
    text-align: center;
    color: #828282 !important;
}

.favorite_remove_btn {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 1.194rem;
    line-height: 1.625rem;
    text-align: center;
    color: #DC4E41 !important;
}

.my_favorite_product_img {
    background-color: #EAECF0 !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #7BC533 !important;
}

.card_product_title {
    height: 3rem;
    margin-bottom: 0rem;
}

.p_price_resp {
    color: #DC4E41 !important;
}

/* .my_account_order_card_header {
    height: 4.331rem !important;
} */

.my_account_order_details_heading {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 27.2886px;
    line-height: 4.063rem;
    letter-spacing: -0.022em;
    color: #242424 !important;
}

.my_account_order_details_page_date_title {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 0.928rem;
    line-height: 1.563rem;
    color: #7D7D7D !important;
}

.my_account_order_details_page_date_item  {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 0.928rem;
    line-height: 1.563rem;
    color: #7D7D7D !important;
}

.my_account_order_details_page_date_order_id_title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 0.928em;
    line-height: 1.563rem;
    color: #7D7D7D !important;
}

.my_account_order_details_page_date_order_id_item {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 0.928em;
    line-height: 1.563rem;
    color: #008BD3 !important;

}

.my_account_order_detail_page_table_title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.563rem;
    color: #7D7D7D !important;
}

.order_detail_page_product_name {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.563rem;
    color: #008BD3 !important;
}

/* .order_detail_page_card {
    background: #FFFFFF !important;
    border: 1.36443px solid #E1E1E1 !important;
    border-radius: 8px !important;
} */

.order_detail_page_prices {
    font-family: 'Poppins' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 1.125rem;
    line-height: 1.563rem;
    color: #242424 !important;
}

.order_detail_page_order_btn {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem !important;
    line-height: 1.563rem !important;
    color: #989898 !important;
}

.order_detail_page_order_detail_btn {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem !important;
    line-height: 1.563rem !important;
    color: #7BC533 !important;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.order_detail_tabs {
    width: 561.62px;
    border-radius: 6px !important;
    border: 1.29139px solid #E1E1E1;
}

.disable>.prev_btn_css {
    display: flex !important;
}


@media (max-width: 600px) {
    .question_div_faq {
        width: 80% !important;
    }
    .button_div_faq {
        width: 20% !important;
        padding-left: 0rem !important;
    }
    .plus_minus_faqs {
        padding: 1rem !important;
    }
    .faq-page-div {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}
.faq-page-div {
    margin-top: 2.5rem ;
    margin-bottom: 2.5rem ; 
}



/* carosal css */