body {
    font-family: "Roboto", sans-serif !important;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1320px;
    }
}

@media (max-width: 1023px) {
    .upcoiming-duo{
        margin-top: 20px;
    }
    .footer-link {
        display: block !important;
        margin-bottom: 60px !important;
    }
    .footer-logo{
        margin-bottom: 60px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .footer-social-icon ul li {
        margin-right: 25px !important;
    }
}

.main-sidebar-wrapper .sidebar-nav{
    margin-top: 100px;
    position: static;
}

.header-wrapper {
    position: relative;
    padding: 20px 80px;
    z-index: 99;
    background: #fff;
}

.header-wrapper .navbar-brand {
    margin-right: 0px;
}

.header-wrapper .navbar-collapse {
    justify-content: center;
}

.navbar-nav li {
    padding: 5px 18px;
    color: #10243C;
}

.navbar-nav li a {
    color: #10243C;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    transition: all 0.5s;
    padding: 0;
}

.navbar-nav li:hover a {
    color: #0D5FF9;
    transition: all 0.5s;
}

.navbar-nav .dropdown-menu {
    left: auto;
}

.navbar-nav li i {
    padding-left: 10px;
}

.header-btn {
    text-align: end;
}

.header-btn .bg_btn {
    background: #0F82A8;
    border-color: #0F82A8;
    color: #fff;
    padding: 8px 35px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.navbar-nav .drop-menu {
    background: #fff;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
    left: auto;
    top: 120%;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 999;
    border-radius: 4px;
    border-top: 2px solid #0D5FF9;
}

.navbar-nav .drop-menu li {
    padding: 0;
}

.navbar-nav .drop-menu li a {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    padding: 7px 17px;
    position: relative;
    transition: all 0.3s ease 0s !important;
    visibility: inherit !important;
    opacity: inherit !important;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.navbar-nav li:hover .drop-menu {
    transition: all 0.3s ease;
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar-nav .drop-menu li a:hover {
    background: #0F82A8;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

/*Header css end*/


/*footer css start*/
.footer-wrapper {
    background: #002935;
    padding: 80px 0;
}

.footer-logo{
    text-align: center;
}

.footer-logo img {
    margin-bottom: 30px;
}

.footer-logo h6 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

.footer-social-icon ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

.footer-social-icon ul li {
    margin-right: 35px;
}

.footer-social-icon ul li a {
    transform: rotate(45deg);
    background: #278FB1;
    color: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
}

.footer-social-icon ul li a i {
    transform: rotate(315deg);
    font-size: 16px;
}

.footer-link {
    margin: 0 auto;
    display: table;
}

.footer-link h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.footer-link img{
    margin: 30px 0;
}

.footer-link ul {
    list-style: none;
    padding: 0;
}

.footer-link ul li a {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

.footer-link p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

.subscribe {
    position: relative;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 54px;
    padding: 5px;
    overflow: hidden;
    background-color: #fff;
}

.subscribe input {
    border: 0;
    flex: 1;
    padding: 0 16px;
    outline: none;
    background-color: transparent;
    color: rgba(117, 117, 117, 1);
}

input::placeholder {
    color: #757575;
}

.subscribe button {
    position: absolute;
    right: 6px;
    border-radius: 50px;
    background-color: #0F82A8;
    cursor: pointer;
    transition: all .2s;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 25px;
    border: none;
}

.copyright {
    background: #012c3f;
    text-align: center;
    padding: 20px 0;
}

.copyright p {
    color: #fff;
    margin-bottom: 0;
}

.footer-logo h6 a{
    transform: rotate(45deg);
    background: #278FB1;
    color: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
}

.footer-logo h6 a i {
    transform: rotate(315deg);
    font-size: 16px;
}
/*slider css end*/

.home-count-wrapper,
.home-dremz-hub-wrapper {
    background: #EEEEEE5C;
    padding: 80px 0;
}

.heading-title {
    margin-bottom: 80px;
    text-align: center;
}

.heading-title p {
    color: rgba(16, 36, 60, 1);
    font-size: 22px;
    font-weight: 500;
}

.heading-title h2 {
    color: #0F82A8;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    width: 100%;
    padding: 0;
    text-align: center;
}

.heading-title h2:after {
    display: inline-block;
    margin: 0 0 8px 30px;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: rgba(15, 130, 168, 1);
    width: 80px;
}

.heading-title h2:before {
    display: inline-block;
    margin: 0 30px 8px 0;
    height: 3px;
    content: " ";
    text-shadow: none;
    background-color: rgba(15, 130, 168, 1);
    width: 80px;
}

.counter-item {
    border: 2px dashed #E9EEF4;
    border-radius: 8px;
    text-align: center;
    padding: 25px;
    position: relative;
    margin-bottom: 30px;
}

.counter-item .cicon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    background-color: #E5F8F8;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -28px;
    left: -17px;
}

.counter-item .cicon svg {
    width: 35px;
}

.counter-item h4 {
    font-size: 40px;
    margin-top: 0px;
    color: rgba(34, 34, 34, 1);
    font-weight: 700;
}

.counter-item p {
    color: rgba(85, 85, 85, 1);
    font-size: 17px;
    font-weight: 400;
}

/*home-brands-wrapper css start*/
.home-brands-wrapper {
    padding: 80px 0;
}

.tab .nav-tabs {
    padding: 0;
    margin: 0;
    border: none;
    justify-content: center;
    background: rgba(229, 232, 236, 0.34);
    padding: 25px 0;
}

.tab .nav-tabs li a {
    color: rgba(34, 34, 34, 1);
    background: transparent;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 20px 25px;
    margin: 0 15px 15px 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0.2s;
    text-decoration: none;
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover {
    color: #FFFFFF;
    background-color: #0F82A8;
    border: none;
}

@media only screen and (max-width: 479px) {
    .tab .nav-tabs {
        padding: 0;
        margin: 0 0 5px;
    }

    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
    }

    .tab .nav-tabs li a {
        margin: 0 0 10px;
    }
}

.hub-content p {
    font-size: 22px;
    color: rgba(16, 36, 60, 1);
    font-weight: 500;
}

.hub-content ul {
    list-style: none;
    padding: 0;
}

.hub-content ul li{
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}

.hub-content ul li span {
    font-size: 20px;
    font-weight: 500;
    color: rgba(16, 36, 60, 1);
}
.hub-content ul .icon-list-text{
    padding-left: 10px;
}


/*New css*/

.order-content .img img{
    height: 235px;
    width: 235px;
    object-fit: contain;
}

.order-content{
    display: flex;
}

.order-content .info{
    padding-left: 15px;
    max-width: 230px;
}

.order-content .info ul{
    padding-left: 17px;
    margin-bottom: 0;
}

.order-content .info ul li{
    color: #010F1C;
    font-size: 16px;
    font-weight: 400;
}

.order-content .info h1{
    color: #010F1C;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}

.order-content .info p{
    color: #010F1C;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: .5rem;
}

.order-content .info h6{
    color: #0F82A8;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0px 0px;
}

.orders-detail .order-price .price{
    margin-bottom: 20px;
}

.order-price a{
    color: #0F82A8 !important;
    font-size: 17px;
    text-decoration: underline !important;
    text-transform: capitalize;
    cursor: pointer;
}

.btn-cart,
.btn-faq{
    background: #0F82A8;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid #0f82a8;
    display: block;
    padding: 10px 40px;
    outline: none;
    box-shadow: none;
    margin-top: 15px;
    transition: all 0.5s;
}

.order-price .bundle-price label,
.order-price .single-price label{
    color: #010F1C;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
}

.order-price .form-control{
    height: 45px;
    width: 75px;
    border: 1px solid #95999D;
    border-radius: 3px;
}

.order-price .single-price{
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: baseline;
    margin-bottom: 5px;
}

.order-price .single-price p{
    color: #010F1C;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
}

.order-price .btn-cart{
    float: right;
}

.order-price a.order-template-modal{
    text-align: right;
    display: block;
}

.order-wrapper .owl-carousel{
    position: relative;
    border: 1px solid #F0F0F0;
}

/* .order-wrapper .owl-carousel .owl-item img{
    padding: 5px 20px;
} */

.order-wrapper .owl-carousel.owl-drag .owl-item{
    /* width: auto !important; */
    border-right: 1px solid #F0F0F0;
}

.order-wrapper .owl-carousel.owl-drag .owl-item .item{
    padding: 0 20px;
    border: 2px solid transparent;
}

.order-wrapper .owl-carousel.owl-drag .owl-item .brand_item img{
    height: 110px;
    width: 110px;
    object-fit: contain;
    margin: 0 auto;
}

.order-wrapper .owl-carousel.owl-drag .owl-item:last-child{
    border-right: none;
}

.owl-carousel .owl-nav{
    display: block !important;
}

.order-wrapper .owl-prev span,
.order-wrapper .owl-next span{
    display: block;
    height: 40px;
    width: 40px;
    background: #0f82a8 !important;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 35px !important;
}

.order-wrapper .owl-prev{
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}

.order-wrapper .owl-next{
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
}

.slider-container {
    position: relative;
    margin-bottom: 25px;
}

.slider-container .range-input label{
    display: block;
    padding-bottom: 15px;
    color: #010F1C;
    font-weight: 500;
    font-size: 20px;

}

  .slider {
    -webkit-appearance: none;
    position: absolute;
    /* top: 20px; */
    width: 100%;
    pointer-events: none;
    background: none;
    z-index: 1;
    background: #0f82a8;
  }

  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 5px;
    border-radius: 0px;
    background: #0f82a8;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    top: -7px;
    z-index: 20;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
  }

  .min-slider::-webkit-slider-thumb {
    left: -2px;
  }
  .max-slider::-webkit-slider-thumb {
  right: -2px;
  }
  .slider::-webkit-slider-runnable-track {
    height: 5px;
    background: transparent;
  }

  .track {
    position: absolute;
    top: 27px;
    width: 100%;
    height: 5px;
    background: #ddd;
    z-index: 0;
  }

  .range-values {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding-top: 30px;
  }

  .search-bar-filter{
    position: relative;
  }

  .search-bar-filter .form-control{
    height: 50px;
  }

  .search-bar-filter .btn{
    position: absolute !important;
    right: 0;
    top: 8px;
  }

  .product-cart{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
  }
  .product-cart a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
.product-cart-place{
    color: #0f82a8;
    font-size: 18px;
    float: right;
}
.product-cart i{
    color: #0f82a8;
    font-size: 22px;
    padding-right: 10px;
}

.product-img-remove a, a.create-template-modal{
    color: #0f82a8;
    display: block;
}

.product-cart span,
.product-cart p{
    color: #0f82a8;
    font-size: 18px;
    margin-bottom: 0;
}

/*Order template modal*/
.order-template-modal .modal-header{
    background: #0f82a8;
    color: #fff;
}

.order-template-modal .modal-header button.close{
    background: transparent;
    border: none;
}

.order-template-modal .modal-header h5{
    font-size: 22px;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
}

.order-template-modal .modal-header button.close span{
    font-size: 29px;
    color: #fff;
}

.order-template-modal .modal-body p{
    font-size: 18px;
    margin-bottom: 20px;
    color: #6A6E72;
    font-family: "Urbanist", sans-serif;
}

.order-template-modal .modal-body label{
    font-size: 18px;
    color: #10243C;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: "Urbanist", sans-serif;
}

.order-template-modal .modal-body .select-template{
    margin-bottom: 20px;
}

.order-template-modal .modal-body .select-template .form-select,
.order-template-modal .modal-body .form-control{
    height: 60px;
}

.order-template-modal .modal-footer .btn-cancel{
    background: #fff;
    color: #0F82A8;
    border-radius: 3px;
    font-size: 18px;
    border: 1px solid #0f82a8;
    display: block;
    padding: 15px 80px;
    outline: none;
    box-shadow: none;
    font-family: "Urbanist", sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}
.order-template-modal .modal-footer .btn-cancel:hover{
    background: #0F82A8;
    color: #fff;
    border: 1px solid #0f82a8;
    transition: all 0.5s;
}

.order-template-modal .modal-footer .btn-template:hover{
    background: #fff;
    color: #0F82A8;
    transition: all 0.5s;
    border: 1px solid #0f82a8;
}
.order-template-modal .modal-footer .btn-template{
    background: #0F82A8;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    border: 1px solid #0f82a8;
    display: block;
    padding: 15px 20px;
    outline: none;
    font-family: "Urbanist", sans-serif;
    box-shadow: none;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
}
.order-template-modal button.close{
    opacity: 1;
    background: transparent;
    border: none;
}
.order-template-modal button.close i{
    color: #fff;
    font-size: 24px;
}
/*Cart Css*/
.order-wrapper,
.myChart-bg{
    background: #fff;
    padding: 25px;
}

.order-summary .address{
    margin-bottom: 20px;
}

.order-summary .address p{
    color: #010F1C;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0rem;
}

.order-summary{
    background: #F5FAFC;
    border: 1px solid #c3e2ed;
    padding: 20px;
}

.order-summary h1{
    font-size: 18px;
    font-weight: 600;
    color: #2F3235;
}

.order-summary .Bundle{
    margin-top: 20px;
}

.order-summary .Bundle p{
    margin-bottom: 6px;
    color: #002935;
    font-size: 14px;
    font-weight: 500;
}

.order-summary .total ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.order-summary .total ul li{
    color: #002935;
    padding-top: 5px;
    font-size: 14px;
}

.order-summary .total ul li span{
    float: right;
}

.order-summary .total ul li.final-total{
    font-weight: 600;
    padding: 15px 0;
    border-top: 1px dashed #002935;
}

.order-summary .total p{
    color: #727272;
    font-size: 14px;
    text-align: justify;
}

.order-summary-btn .update-cart{
    background: #fff;
    color: #0F82A8;
    border-radius: 3px;
    font-size: 18px;
    border: 1px solid #0f82a8;
    display: block;
    padding: 10px 20px;
    outline: none;
    box-shadow: none;
    text-transform: capitalize;
    text-align: center;
    text-decoration: none;
}

.order-summary-btn .place-order{
    background: #0F82A8;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    border: 1px solid #0f82a8;
    display: block;
    padding: 10px 20px;
    outline: none;
    box-shadow: none;
    text-transform: capitalize;
    text-decoration: none;
    text-align: center;
    margin-bottom: 15px;
}

.cart-term-condition {
    border: 1px solid #E0E2E3;
    margin-top: 25px;
    padding: 20px;
}

.cart-term-condition ul{
    padding-left: 15px;
    margin: 0;
}

.cart-term-condition h1{
    font-size: 16;
}

.cart-term-condition ul li{
    color: #727272;
    font-size: 14px;
    padding-bottom: 10px;
}

.cart-order-detail .order-price .bundle-price label{
    font-size: 19px;
}

.cart-order-detail .order-price .price{
    display: block;
}

.orders-detail .list-price-discount p{
    font-size: 14px;
    margin-bottom: 5px;
    color: #002935;
}

.orders-detail .list-price-discount h6{
    color: #002935;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
}

.cart-order-detail .product-img-remove {
    display: flex;
    padding-top: 15px;
    justify-content: space-evenly;
}

.cart-order-detail .product-img-remove a{
    color: #0F82A8;
    font-size: 15px;
    text-decoration: underline;
}

.cart-notes{
    padding: 20px;
    border: 1px solid #E0E2E3;
}

.cart-notes h1{
    color: #010F1C;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E0E2E3;
}

.cart-notes label{
    color: #010F1C;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 15px;
    font-family: "Urbanist", sans-serif;
}

.cart-notes .form-control {
    height: 60px;
    max-width: 300px;
}

.address-modal-wrapper .address label {
    font-weight: 500;
    color: #2F3235;
    margin-bottom: 5px;
}

.address-modal-wrapper .address{
    border: 1px solid #E0E2E3;
    padding: 20px;
    margin-bottom: 30px;
}

.address-modal-wrapper .address .form-group{
    margin-bottom: 20px;
}


.address-modal-wrapper .address .form-group .form-control{
    height: 50px;
}

.address-modal-wrapper .address h1 {
    font-size: 24px;
    font-weight: 600;
    color: #2F3235;
    margin-bottom: 30px;
}

.list-price-discount{
    text-align: end;
    margin-top: 10px;
}

/*Pace order modal css*/
.place-order-modal .modal-body{
    text-align: center;
    padding: 30px;
}

.place-order-modal .modal-body i{
    color: #20AE5C;
    font-size: 70px;
}

.place-order-modal .modal-body h1{
    font-size: 28px;
    color: #20ae5c;
    font-weight: 600;
    margin: 15px 0;
}

.place-order-modal .modal-body p{
    font-size: 17px;
    color: #2F3235;
}

.place-order-modal .place-order{
    display: inline-block;
    padding: 10px 40px;
    margin-top: 10px;
    margin-bottom: 0;
}

/*Pace order modal css end*/

/*Invoice css*/
.invoice-card{
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    padding: 20px 15px;
    border-radius: 4px;
    align-items: center;
}
.invoice-card.file-document{
    padding: 12px 15px;
}

.file-document .file label{
    color: #333335;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}

.invoice-card.invoice-payment{
    background: transparent;
}
.invoice-card i{
    color: #0f82a8;
    background: #ecf3f6;
    padding: 13px;
    font-size: 20px;
}

.invoice-card h5{
    color: #333335;
    font-size: 14px;
    margin-bottom: 5px;
}

.invoice-card p{
    color: #333335;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.invoice-wrapper .form-table{
    background: #fff;
    padding: 20px;
}

.invoice-top{
    border-bottom: 1px solid #C8CBD9;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.invoice-top span{
    font-size: 18px;
    color: #333335;
    font-weight: 500;
    padding-left: 10px;
}

.invoice-top .invoice-make-payment{
    background: #0F82A8;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    border: 1px solid #0f82a8;
    display: inline-block;
    padding: 10px 15px;
    outline: none;
    box-shadow: none;
    transition: all 0.5s;
}

.invoice-top .invoice-export-CSV{
    background: #fff;
    color: #0F82A8;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #0f82a8;
    display: inline-block;
    padding: 8px 20px;
    outline: none;
    box-shadow: none;
    transition: all 0.5s;
}

.buttons-csv{
    background: #fff !important;
    color: #0F82A8 !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid #0f82a8 !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.5s !important;
}

.btn-hover-2:hover{
    background: #0F82A8;
    color: #fff;
    border: 1px solid #0f82a8;
    transition: all 0.5s;
}

.btn-hover-1:hover{
    background: #fff;
    color: #0F82A8;
    transition: all 0.5s;
    border: 1px solid #0f82a8;
}

.btn-hover-1:hover i.fa-eye{
    color: #387fa3;
}

.invoice-top i{
    height: 38px;
    width: 38px;
    background: #0f82a8;
    color: #fff;
    font-size: 20px;
    border-radius: 4px;
    text-align: center;
    margin-left: 10px;
    line-height: 38px;
}

.invoice-wrapper .dataTables_wrapper{
    padding: 20px 0;
}

.order-template-wrapper .dataTables_wrapper{
    padding: 20px;
}

.invoice-wrapper .form-table table.dataTable thead th{
    padding: 15px;
    font-size: 14px;
    border-bottom: 1px solid #C8CBD9;
    font-weight: 500;
}

.invoice-wrapper .form-table table.dataTable tbody tr td{
    font-size: 14px;
    font-weight: 500;
    padding: 15px;
}

.invoice-wrapper .form-table table.dataTable tbody tr td.invoice-number{
    color: #0F82A8;
}

.invoice-wrapper .form-table table.dataTable tbody tr td.invoice-current-balance{
    color: #FF4242;
}

/*Invoice css end*/

.pagination .page-item.active>.page-link{
    background-color: #0f82a8 !important;
    border-color: #0f82a8 !important;
    color: #fff !important;
}

.pagination .page-item .page-link{
    color: #002935 !important;
}

.pagination .page-item .page-link:focus{
    box-shadow: none !important;
}

/*Dashboard css end*/
.upcoiming-duo .table thead tr th,
.upcoiming-duo .table tbody tr td{
    font-size: 14px;
    font-weight: 500;
    color: #333335;
}
.upcoiming-duo .table tbody tr td.invoice-no{
    color: #0F82A8;
}

.upcoiming-duo .at-tab{
    border: none;
    height: 140px;
    overflow-y: auto;
}

.upcoiming-duo .duo-content {
    display: flex;
    gap: 10px;
    width: 100%;
    padding: 15px;
    background: #fff;
    border-top: 1px solid #ddd;
}

.upcoiming-duo .accordion-body{
    padding: 0px;
}

.upcoiming-duo .duo-content img{
    width: 48px;
    height: 48px;
}

.upcoiming-duo .duo-content h1{
    font-size: 14px;
    color: #333335;
    font-weight: 600;
    margin-bottom: 5px;
}

.upcoiming-duo .duo-content .fa-truck{
    height: 50px;
    width: 50px;
    font-size: 24px;
    color: #ff5b5b;
    background: #ffefef;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
}

.upcoiming-duo .duo-content .fa-sack-dollar{
    height: 50px;
    width: 50px;
    font-size: 24px;
    color: #27c774;
    background: #ddf8ea;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
}

.upcoiming-duo .duo-content p{
    font-size: 16px;
    color: #27C774;
    margin-bottom: 0;
}

.upcoiming-duo .duo-content p.red{
    color: #FF5B5B;
}


.upcoiming-duo .accordion-button{
    background-color: transparent !important;
}

.upcoiming-duo .accordion-button:focus{
    box-shadow: none;
}

.pinned-documents{
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid rgba(98, 123, 135, 25%);
    height: 170px;
    overflow-y: auto;
}

.pinned-documents h1{
    font-size: 16px;
    color: #333335;
    font-weight: 500;
}

.pinned-documents .detail{
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
}

.pinned-documents .detail span{
    font-size: 15px;
    color: #333335;
    font-weight: 500;
    padding-left: 5px;
}

.pinned-documents .detail a{
    text-decoration: none;
}

.pinned-documents .detail i{
    color: #4D9DC6;
    font-size: 18px;
}

.pinned-documents .detail i.fa-thumbtack{
    transform: rotate(45deg);
    margin-right: 10px;
}

/*Chatbox css*/
.formbold-mb-5 {
    margin-bottom: 20px;
  }
.formbold-pt-3 {
    padding-top: 12px;
}
.formbold-form-wrapper {
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    background: white;
    border-radius: 8px;
    display: none;
    transition: all 0.3s;
  }

  .formbold-form-wrapper.active {
    display: block;
    transition: all 0.3s;
  }

  .formbold-form-label {
    display: block;
    font-size: 16px;
    color: #000;
    margin-bottom: 7px;
  }
  .formbold-form-label-2 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
  }

  .formbold-form-input {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    background: white;
    font-weight: 400;
    font-size: 16px;
    color: #6b7280;
    outline: none;
    resize: none;
  }
  .formbold-form-input:focus {
    border-color: #707fdd;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
  }

  .formbold-btn {
    text-align: center;
    font-size: 16px;
    border-radius: 6px;
    padding: 14px 30px;
    border: 1px solid #707fdd;
    font-weight: 600;
    background: #707fdd;
    color: white;
    cursor: pointer;
    transition: all 0.5s;
  }
  .formbold-btn:hover {
    transition: all 0.5s;
    background: none;
    background-color: none;
    border: 1px solid #707fdd;
    color: #707fdd;
  }

  .formbold-form-header {
    background: #6a64f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 36px;
    border-radius: 8px 8px 0px 0px;
  }
  .formbold-form-header h3 {
    font-weight: 700;
    font-size: 20px;
    color: white;
  }
  .formbold-form-header button {
    color: white;
    background: transparent;
    border: none;
  }
  .formbold-chatbox-form {
    padding: 25px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: fixed;
    z-index: 99;
    color: #fff;
    background: #fff;
    height: auto;
    width: 450px;
    right: 33px;
    bottom: 0px;
    transition: all 0.3s;
  }
  .formbold-action-buttons {
    position: fixed;
    z-index: 99;
    color: #fff;
    height: auto;
    width: auto;
    right: 33px;
    bottom: 5px;
  }
  .formbold-action-btn {
    width: 50px;
    height: 50px;
    background: #707fdd;
    color: white;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .formbold-action-btn .formbold-cross-icon {
    display: none;
  }

  .formbold-action-btn.active .formbold-cross-icon {
    display: block;
  }

  .formbold-action-btn.active .formbold-chat-icon {
    display: none;
  }
  @media (min-width: 540px) {
    .sm\:w-half {
      width: 50%;
    }
  }
/*Chatbox Css end*/

.pinned-documents .detail .pin i{
    color:#A6ABC8;
    font-size: 16px;
}

@media (max-width:767px){
    .orders-detail,
    .order-content{
        display: block;
    }
}

.dashboard-product-list{
    border-top: 1px solid #C8CBD9;
    margin-top: 25px;
}

.dashboard-product-list h1{
    font-size: 20px;
    color: #333335;
    font-weight: 500;
    padding-left: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-list-detail{
    background: #fff;
    padding: 10px;
    margin-bottom: 50px;
}

.product-list-detail h2{
    font-size: 14px;
    font-weight: 500;
    color: #333335;
    margin: 10px 0 5px;
}

.product-list-detail img{
    width: 100%;
}

.product-list-detail p{
    color: #EE2C53;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0;
}

.product-list-detail .content .price_amount{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.product-list-detail .content a{
    background: #5C5F6A;
    color: #fff;
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    text-align: center;
    align-items: center;
    line-height: 30px;
}

.product-list-detail .content a:hover{
    background: #387fa3;
}

.product-list-detail .content a i{
    font-size: 12px;
}

.dashboard-product-list .owl-carousel-product .owl-stage-outer{
    position: relative;
    overflow: hidden;
}

.dashboard-product-list .owl-carousel-product .owl-item {
    display: inline-block;
    width: 100%;
    height: auto;
    color: white;
}

.dashboard-product-list .owl-carousel-product .owl-nav{
    display: none;
}


.dashboard-product-list .product-filter{
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0;
}

.dashboard-product-list .product-filter .form-select{
    height: 50px;
    margin-right: 10px;
}

.dashboard-product-list .product-filter .form-select:focus{
    border-color: #ddd;
    outline: 0;
    box-shadow: none;
}

.dataTables_wrapper .product-cart{
    float: left;
}

.dataTables_wrapper .product-cart button{
    border: none;
    background: transparent;
}

/*Deal page css*/

.deal-wrapper .orders-detail{
    background: #fff;
}

.deal-wrapper .order-content .info h1{
    max-width: 400px;
    margin-bottom: 5px;
}

.deal-wrapper .order-content .img img{
    height: 140px;
    width: 150px;
}

.deal-wrapper .order-content .info p.upc{
    margin-bottom: 0;
}

.deal-wrapper .orders-detail .order-quantity label,
.deal-wrapper .orders-detail .order-price label{
    font-size: 14px;
    color: grey;
}

.deal-wrapper .orders-detail .order-quantity p,
.deal-wrapper .orders-detail .order-price p{
    font-size: 16px;
    margin: 2px 0;
}

.deal-wrapper .orders-detail .order-price h1{
    font-size: 16px;
    color: #f95858;
}

.deal-wrapper .btn-cart{
    margin-top: 0;
}

/*Deal page css end*/

/*Responsive Css*/
@media (max-width:500px){
    .orders-detail .order-price .price{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
        margin-top: 10px;
    }
    .order-price .single-price{
        display: block;
    }
    .order-price .single-price label{
        font-size: 14px;
    }
    .order-price .single-price p{
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 5px;
    }
    /* .order-price .form-control{
        height: 40px;
        width: 40px;
    } */
}

@media (min-width:500px) and (max-width:767px){
    .order-content .info{
        display: flex;
        justify-content: space-between;
    }
    .orders-detail .order-price .btn-cart{
        margin-top: 0px;
    }
    .order-template-btn{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .deal-wrapper .order-content .info{
        display: block;
    }

}

@media (min-width:576px) and (max-width:767px){
    .order-content .info {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }
    .deal-wrapper .order-content .info{
        display: block;
    }
    /* .deal-wrapper .orders-detail,
    .deal-wrapper .order-content{
        display: flex;
        justify-content: space-between;
        gap: 10px;
    } */
    .deal-wrapper .btn-cart{
        padding: 10px;
    }

}
@media (max-width:767px){
    .order-content .info {
        padding-left: 0;
    }
    .order-wrapper{
        padding: 15px;
    }
    .order-wrapper .owl-carousel{
        margin-bottom: 0px;
    }
    .product-cart{
        margin-bottom: 0px;
    }
    .main-wrapper .order-wrapper .mb-5{
        margin-bottom: 1rem !important;
    }
    .order-content .info h1{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .orders-detail .order-price .btn-cart{
        float: none;
    }
    .order-price a.order-template-modal{
        text-align: left;
    }
    .order-content .info p.upc,
    .order-content .info h6,
    .order-content .info ul li,
    .order-price a,
    .btn-cart,
    .product-cart span,
    .product-cart p,
    .product-cart-place,
    .range-values span,
    .order-price .bundle-price label,
    .order-price .single-price label {
        font-size: 15px;
    }
    .order-price .form-control{
        height: 40px;
        width: 60px;
    }
    .product-cart i{
        font-size: 16px;
        padding-right: 5px;
    }
    .order-wrapper .owl-prev span, .order-wrapper .owl-next span{
        line-height: 25px !important;
        height: 30px;
        width: 30px;
    }
    .slider-container .range-input label{
        font-size: 16px;
    }
    .invoice-card{
        margin-bottom: 20px;
    }
    .invoice-card.invoice-payment{
        margin-bottom: 0;
        padding: 0;
    }
    .order-template-wrapper .dataTables_wrapper{
        padding: 0px;
    }
    .product-filter-wrapper{
        margin-bottom: 25px;
    }
    .order-content .img{
        text-align: center;
    }
    .order-content .img img{
        height: 210px;
        width: auto;
        object-fit: cover;
    }
    .order-template-modal .modal-footer .btn-cancel,
    .order-template-modal .modal-footer .btn-template{
        font-size: 14px;
        padding: 8px 30px;
    }
    .deal-wrapper .order-content .img img{
        width: 100%;
        object-fit: contain;
    }
    .formbold-chatbox-form{
        width: auto;
    }
    .deal-wrapper .order-content .img img{
        height: 150px;
        width: 150px;
    }
    .order-wrapper .owl-carousel.owl-drag .owl-item .item{
        border: none;
    }
    .order-wrapper .owl-carousel.owl-drag .owl-item .brand_item img {
        height: 80px;
        width: 80px;
    }
    .custom-cart{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: 15px;
    }
}

@media (min-width:768px) and (max-width:1023px){
    .order-price .form-control{
        height: 40px;
        width: 60px;
    }
    .order-content .info h1{
        font-size: 16px;
    }
    .order-content .img img{
        height: 175px;
        width: 175px;
    }
    .order-content .info p.upc,
    .order-content .info h6,
    .order-content .info ul li,
    .order-price .bundle-price label, .order-price .single-price label,
    .order-price a,
    .order-price .btn-cart {
        font-size: 15px;
    }
    .product-category-filter{
        margin-bottom: 30px;
    }
    .order-price .single-price p{
        font-size: 12px;
    }
    .deal-wrapper .btn-cart{
        padding: 7px 15px;
        font-size: 14px;
    }
    .deal-wrapper .order-content .info h1{
        max-width: 150px;
    }
    .order-wrapper .owl-carousel{
        margin-bottom: 0px;
    }
    .order-product-wrapper .mb-5{
        margin-bottom: 1rem !important;
    }
    .invoice-card.file-document{
        margin-top: 20px;
    }
    .cart-order-detail .product-img-remove,
    .cart-order-detail .product-img-remove a{
        display: block;
    }
    .order-content .info {
        max-width: 200px;
    }
}

@media (min-width:1024px) and (max-width:1350px){
    .orders-detail{
        display: block;
    }
    .order-template-btn{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .order-price .btn-cart{
        margin-top: 0px;
    }
    .orders-detail .order-content .img{
        width: 30%;
    }
    .orders-detail .order-content .info{
        display: flex;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        align-items: baseline;
        max-width: max-content;
    }
    .orders-detail .order-content .info .info-inner{
        max-width: 200px;
    }
    .deal-wrapper .orders-detail{
        display: flex;
    }
    .deal-wrapper .btn-cart{
        padding: 8px 15px;
        font-size: 14px;
    }
    .deal-wrapper .order-content .info h1{
        max-width: 180px;
        font-size: 16px;
    }
    .deal-wrapper .order-content .info p.upc,
    .deal-wrapper .order-content .info ul li{
        font-size: 14px;
    }
    .deal-wrapper .order-template-btn{
        display: block;
    }
    .order-content .img img{
        width: 200px;
        height: 200px;
    }
    .deal-wrapper .orders-detail .order-content .info{
        display: block;
    }
    .order-content .info h6{
        margin-bottom: 15px;
    }
    .order-price .single-price{
        gap: 10px;
    }
    .orders-detail .order-price .price{
        width: 55%;
        margin-left: auto;
        margin-top: 10px;
    }
}

@media (min-width:1600px){
    .order-content .info {
        max-width: 310px;
    }
}

@media (min-width:1024px) and (max-width:1455px){
    .order-content .info h1{
        font-size: 20px;
        max-width: 210px;
    }
    .order-content .info ul li,
    .order-price .bundle-price label,
    .order-price .single-price label{
        font-size: 16px;
    }

}

/* @media (min-width:1201px) and (max-width:1400px){
    .order-content .img img {
        width: 175px;
        height: 175px;
    }
} */

@media (min-width:1024px){
    .myChart-bg #myChart{
        height: 300px !important;
    }
}

.accordion-button:focus{
    box-shadow: none;
}

.faq-wrapper .accordion .accordion-body p{
    margin-bottom: 0px;
}

.coupon-code{
    display: flex;
    justify-content: space-between;
    margin: 10px 0  20px 0;
}

.coupon-code button{
    background: #0f82a8;
    color: #fff;
    border: none;
    padding: 0px 10px;
}

#myTable_wrapper #myTable_filter{
    margin-bottom: 20px;
}

.btn_template_create{
    background: transparent;
    border: none;
    float: right;
    font-weight: 600;
    color: #0f82a8;
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
}

.faq-form form{
    background: #fff;
    padding: 30px;
    margin-top: 50px;
}

.Product-lab-result{
    color: #0F82A8;
    text-decoration: none;
}

.fieldset fieldset{
    border: 1px solid #ddd;
    padding: 20px;
}

.fieldset legend{
    font-size: 20px;
    margin-bottom: 20px;
}


@media (min-width:1350px) and (max-width:1435px){
    .order-content .info {
        width: 215px;
    }
}

.cart-terms-agree label{
    margin-top: 3px;
    color: #000;
    margin-bottom: 10px;
    font-size: 14px;
}

.cart-terms-agree a{
    color: #0F82A8;
    text-decoration: none;
}

.form-check.cart-terms-agree .form-check-input:checked {
    background-color: #0f82a8;
    border-color: #0f82a8;
}

.at-tab {
    display: none;
    padding: 15px;
    border: 1px solid #dddddd;
    border-top: none;
    background-color: #fff;
  }

  .at-title {
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
  }

  .at-title.active{
    background-color: #cfe2ff;
  }

  .at-title.active h2{
    color: #010F1C;
  }

  .at-title:after {
    content: "\276F";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    right: 20px;
    transition: all 0.3s ease;
    font-size: 16px;
}

.at-title.active:after {
    content: "\276F";
    transform: translateY(-50%) rotate(-90deg);
}


.at-item {
    border-radius: 5px;
    margin-bottom: 0px;
}

.at-title h2 {
    font-size: 16px;
    padding: 15px 20px;
    font-weight: 600;
    color: #010F1C;
    margin: 0;
    border: 1px solid #ddd;
    border-bottom: 0px;
}

.at-item:last-child .at-title h2{
    border-bottom: 1px solid #ddd;
}

.accordion-header {
    text-align: center;
    color: white;
}

.product-category-filter .accordion .form-check label{
    color: #55585B;
    font-size: 14px;
}

@media (min-width: 1351px) and (max-width: 1430px) {
    .order-content .img img {
        width: 175px;
        height: 175px;
    }
}

.view_purchase_order_detail .order_invoice_wrapper .invoice-desc .title{
    font-size: 18px;
}

/*Product css*/
.product-detail-wrapper,
.free_product_div {
    border: 1px solid #DCDEDF;
    padding: 15px;
    margin-bottom: 30px;
    width: 100%;
}

.product-inner {
    gap: 10px;
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-img img {
    height: 190px;
    width: 190px;
    object-fit: contain;
}

.product-detail-wrapper .product-info,
.free_product_div .product-info {
    flex: 1;
}

.product-info .product-head,
.product-info .product-pricing {
    border: 1px solid #DCDEDF;
    padding: 15px;
    margin-bottom: 10px;
}

.product-info .product-head{
    position: relative;
}

.product-info .product-head h2.product-special-offer{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    background: #ff0000;
    color: #fff;
    padding: 5px;
    border: none;
    margin: 0;
}

.product-info .product-pricing{
    margin-bottom: 0px;
}

.product-add-quantity {
    border: 1px solid #DCDEDF;
    padding: 15px;
    margin-bottom: 0px;
}

.product-detail-wrapper .product-add-quantity P.qty,
.free_product_div .product-add-quantity P.qty{
    font-size: 14px;
    color: #0F82A8;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
}

.product-info .product-head .detail {
    display: flex;
    gap: 10px;
}

.product-info .product-head .detail ul,
.product-pricing .price-ul ul {
    padding-left: 16px;
    margin-bottom: 0;
}

.product-info .product-head .detail ul li,
.product-pricing .price-ul ul li {
    color: #4D5760;
    margin-bottom: 5px;
    font-size: 14px;
}

.product-info .product-head .detail ul li:last-child,
.product-pricing .price-ul ul li:last-child {
    margin-bottom: 0;
}

.product-info .product-head .detail ul li::marker,
.product-pricing .price-ul ul li::marker {
    color: #0F82A8;
}

.product-info .product-head .detail ul li.green,
.product-info .product-head .detail ul li.green::marker {
    color: #3AAE64;
}

li.green,
li.green::marker {
    color: #3AAE64;
}

.product-info .product-head .detail ul li.red,
.product-info .product-head .detail ul li.red::marker {
    color: #FF4848;
}

.product-info .product-head .detail ul li a {
    color: #0f82a8;
    text-decoration: none;
}

.product-pricing .price-ul {
    display: flex;
    gap: 10px;
}

.product-head .title h1,
.price-title h3 {
    color: #010F1C;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.product-add-quantity .quantity {
    display: flex;
    gap: 10px;
}

.product-add-quantity .quantity label {
    color: #010F1C;
    font-size: 16px;
    font-weight: 600;
}

.product-add-quantity .quantity{
    margin: 9px 0;
}

.product-add-quantity .quantity p {
    font-size: 12px;
    color: #414B55;
    margin-bottom: 0;
}

.product-add-quantity .form-control {
    height: 40px;
    width: 80px;
    border: 1px solid #95999D;
    border-radius: 3px;
}

.product-quantity .cart-product {
    text-align: center;
}

.product-quantity .cart-product a {
    color: #0F82A8;
    font-size: 14px;
    margin: 18px 0;
}

.product-quantity .cart-product .btn-cart {
    margin: 0 auto;
    font-size: 15px;
}

.product-quantity .cart-product a.disabled-link {
    pointer-events: none;
    color: rgb(0 0 0);
    cursor: not-allowed;
    text-decoration: none;
    opacity: 0.7
}

.deal-wrapper .product-detail-wrapper{
    background: #fff;
    border: 1px solid #DCDEDF;
    padding: 15px;
    margin-bottom: 30px;
    width: 100%
}

.btn-address{
    background: #0F82A8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    margin-bottom: 10px;
    font-size: 14px;
    float: right;
}

.form-check-input:checked {
    background-color: #387fa3;
    border-color: #387fa3;
}

@media (min-width:1300px) and (max-width:1400px){
    .product-info .product-head .detail ul li, .product-pricing .price-ul ul li {
        font-size: 13px;
    }
    .product-img img {
        height: 170px;
        width: 170px;
    }
    .product-add-quantity .quantity{
        margin-bottom: 0px;
    }
}

@media (min-width:1024px){
    .product-info .product-head .detail ul, .product-pricing .price-ul ul {
        width: 50%;
    }
}


@media (min-width: 1600px) {

    .product-info .product-head .title h1 {
        font-size: 18px;
    }

    .product-add-quantity .quantity {
        margin: 15px 0;
    }

    .product-info .product-head .detail ul li,
    .product-pricing .price-ul ul li {
        font-size: 15px;
    }

    .product-add-quantity .quantity {
        gap: 20px;
    }

    .product-add-quantity .quantity label {
        font-size: 18px;
    }

    .product-quantity .cart-product .btn-cart {
        width: 230px;
        margin: 0 auto;
    }
}


@media (max-width: 1213px) {
    .product-inner {
        flex-direction: column;
    }

    .product-pricing .price-ul {
        flex-direction: column;
    }

    .product-quantity .cart-product .btn-cart {
        width: 100%;
    }
}

@media (min-width:1201px) and (max-width:1399px){
    .usersidebar-wrapper #sidebar-wrapper {
        width: 220px !important;
    }

    .main-wrapper.user-wrapper {
        padding-left: 225px;
    }

    .product-info .product-head .detail ul, .product-pricing .price-ul ul {
        width: 50%;
    }
}

@media (min-width:1201px) and (max-width:1300px){
    .product-quantity{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .order-product-wrapper .custom-search,
    .order-product-wrapper .custom-cart{
        width: 50%;
    }

    .product-img img {
        height: 160px;
        width: 160px;
    }

    .product-head .title h1, .price-title h3, .product-add-quantity .quantity label{
        font-size: 14px;
    }

    .product-info .product-head .detail ul li, .product-pricing .price-ul ul li{
        font-size: 12px;
    }

    .product-add-quantity .quantity p{
        font-size: 10px;
    }

    .product-add-quantity .form-control{
        width: 50px;
    }

    .product-add-quantity .quantity{
        gap: 5px;
    }

    .product-add-quantity {
        padding: 7px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .product-quantity .cart-product {
        margin-bottom: 10px;
    }

}

@media (max-width:991px){
    .cart-notes {
        margin-bottom: 20px;
    }
    .cart-notes .form-control {
        max-width: 100%;
    }
}


@media (min-width:1024px) and (max-width:1200px){
    .product-inner {
        flex-direction: column;
        display: flex;
    }

    .product-pricing .price-ul {
        flex-direction: row;
        display: flex;
    }
    .product-quantity{
        position: relative;
    }
    .product-quantity .cart-product{
        position: absolute;
        top: 50%;
        transform: translateY(-65%);
        right: 20px;
    }
    .order-product-wrapper .custom-search,
    .order-product-wrapper .custom-cart{
        width: 50%;
    }
}

@media (min-width:768px) and (max-width:1023px){
    .product-info .product-head .detail ul li, .product-pricing .price-ul ul li {
        font-size: 13px;
    }

    .product-img img {
        height: 150px;
        width: 150px;
    }

    .product-add-quantity .quantity{
        margin-bottom: 0px;
    }

    .product-pricing .price-ul,
    .product-info .product-head .detail{
        gap: 4px;
    }

    .product-info .product-head .detail ul, .product-pricing .price-ul ul{
        width: 50%;
    }

    .product-pricing .price-ul {
        flex-direction: row;
    }

    .product-detail-wrapper .product-quantity{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .product-head .title h1, .price-title h3,
    .product-add-quantity .quantity label {
        font-size: 14px;
        margin-top: 10px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .product-add-quantity .form-control{
        width: 60px;
    }
}

@media (max-width: 767px) {
    .product-detail-wrapper .product-inner,
    .product-detail-wrapper .wrapper,
    .free_product_div .product-inner,
    .free_product_div .wrapper{
        display: block;
    }

    .product-img img {
        width: 100%;
        height: auto;
    }

    .product-add-quantity .quantity label,
    .product-info .product-head .detail ul li  {
        font-size: 14px;
    }

    .product-add-quantity .quantity p {
        font-size: 12px;
    }

    .product-info .product-head .title h1 {
        font-size: 18px;
        margin-top: 10px;
    }

    .product-pricing .price-ul,
    .product-info .product-head .detail {
        flex-direction: column;
        gap: 0px;
    }

    .cart-product .btn-cart {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }

    .product-info .product-head .detail ul {
        margin-bottom:0px;
    }

    .product-info .product-head .detail ul li:last-child, .product-pricing .price-ul ul li:last-child {
        margin-bottom: 5px;
    }

    .product-info .product-pricing{
        margin-bottom: 10px;
    }

    .product-info .product-head h2.product-special-offer{
        font-size: 9px;
    }
}

@media (max-width:350px){
    .product-add-quantity{
        gap: 10px;
    }
}

.product-img-remove{
    margin-top: 10px;
}

@media (min-width:1201px){
    .custom-close-toggle{
        display: none !important;
    }
}


/*Filter category css*/
@media screen and (max-width: 1023px) {
    .filter-button {
        display: none;
        background: #ffffff;
        color: #0f82a8;
        border: none;
        padding: 6px 15px;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid #0f82a8;
        margin-bottom: 10px;
    }

    #closeFilter {
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        width: 34px;
        background: #707fdd;
        color: #d1d5f0;
    }

    #filterPanel {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        height: 100%;
        background: white;
        box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
        padding: 20px;
        overflow-y: auto;
        z-index: 1000;
    }
    .filter-button {
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    #filterBtn,
    .filter-header{
        display: none;
    }
}
/*Filter category css end*/

/*Shipping address*/
.shipping-popup-form{
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    width: 100%;
    margin-top: 10px;
}

#addAddressBtn{
    text-decoration: none;
    color: #387fa3;
    padding: 10px 20px;
    display: inline-block;
    background: #387fa336;
    font-weight: 500;
    border-radius: 5px;
}

.show-shipping-address-wrapper{
    background:#fff;
    border: 1px solid #ddd;
    margin-top: 20px;
}

.show-shipping-address{
    padding: 20px;
}

.show-shipping-address h2{
    font-size: 20px;
    margin-bottom: 15px;
}

.show-shipping-address p{
    font-size: 16px;
    margin-bottom: 5px;
}

.show-shipping-address-wrapper .edit-btn{
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    background: #387fa336;
}

.show-shipping-address-wrapper .edit-btn a{
    text-decoration: none;
    color: #387fa3;
    font-weight: 500;
}

.show-shipping-address-wrapper .edit-btn a i{
    padding-right: 5px;
}



.round-checkbox {
    position: absolute;
    right: 20px;
    top: 20px;
  }
.place-order-shipping{
    position: relative;
    border-radius: 0px;
}
  .round-checkbox label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
  }

  .round-checkbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 12px;
  }

  .round-checkbox input[type="checkbox"] {
    visibility: hidden;
  }

  .round-checkbox input[type="checkbox"]:checked + label {
    background-color: #0f82a8;
    border-color: #0f82a8;
  }

  .round-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }

  @media (max-width:375px){
    .show-shipping-address-wrapper .edit-btn a,
    .show-shipping-address-wrapper .edit-btn span{
        font-size: 13px;
    }
  }