@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Greenfarm - Ecommerce Bootstrap 4 HTML Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header
        02.1 Header top
        02.2 Header bottom
        02.3 Home 3 and 4 header style
    03. Buttons
    04. Hero Section
        04.1 Hero one
    ০5. Policy
    06. Slider
        06.1 Category slider
        06.2 Blog post slider
        06.3 Brand logo slider
        06.4 Best seller slider
        06.5 Single sale product slider
        06.6 Hero slider
        06.7 Banner slider
        06.8 Deal of the day slider
        06.9 Related product slider
    07. Product
        07.1 Best seller product
        07.2 Tab slider product
        07.3 Category product
        07.4 Gallery product
        07.5 Single sale product
        07.6 Banner slider product
        07.7 Multi sale slider product
        07.8 Related slider product
        07.9 Shop grid view product
        07.10 Shop list view product
    08. Modal
    09. Banner
    10. Category
    11. Single product
    12. Shop Page
    13. Sidebar
    14. Cart & Wishlist
    15. Checkout
    16. Compare
    17. My Account
    18. Login Register
    19. FAQ
    20. Contact
    20. Blog
    21. Blog Post
    22. Footer

-----------------------------------------------------------------------------------*/
/*=============================================
=            01. Theme defaultt css            =
=============================================*/
/*-- Google Font --*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/*-- Common Style --*/
*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

.swal2-container {
    z-index: 9999999;
}
div:where(.swal2-container) div:where(.swal2-popup)
{
    border-radius: 10px !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible
{
    box-shadow: none !important;
}
div:where(.swal2-container) button:where(.swal2-styled)
{
    min-width: 100px;
}
body {
    background-color: #f5f5f5;
    line-height: 24px;
    font-size: 14px;
    font-family: "Noto Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    color: #666666;
    position: relative;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444050;
    font-family: inherit;
    font-weight: 500;
    margin-top: 0;
}

h1 {
    font-size: 36px;
    line-height: 42px;
}

h2 {
    font-size: 30px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 18px;
}

h6 {
    font-size: 12px;
    line-height: 14px;
}

p:last-child {
    margin-bottom: 0;
}

a,
button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}

a,
button,
img,
input,
span {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

*:focus {
    outline: none !important;
}

a:focus {
    color: inherit;
    outline: none;
    text-decoration: none;
}

a:hover,.dataTable .hgi:hover{
    text-decoration: none;
    color: #8FD400;
}

button,
input[type="submit"] {
    cursor: pointer;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

/*-- Tab Content & Pane Fix --*/
.tab-content {
    width: 100%;
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}

/* scroll to top */
@media (max-width:767px) {
    a.scroll-top {
        display: none !important;
    }
}

@media (min-width:992px) {
    a.scroll-top {
        background: #8fd400;
        width: 45px;
        height: 45px;
        border-radius: 50px;
        line-height: 45px;
        display: none;
        text-align: center;
        color: #fff;
        position: fixed;
        right: 25px;
        bottom: 25px;
        z-index: 9;
    }

    a.scroll-top:after {
        font-family: "tabler-icons-outline" !important;
        content: "\ea62";
        display: inline;
        font-size: 25px;
    }

    a.scroll-top:hover {
        background-color: #8FD400;
        color: #ffffff;
    }
}

/*----------  breadcrumb  ----------*/

.breadcrumb-area .breadcrumb-container ul li {
    display: inline-block;
    padding-right: 20px;
    position: relative;
    font-size: 15px;
    line-height: 25px;
}

.breadcrumb-area .breadcrumb-container ul li a:hover {
    color: #003882;
}

.breadcrumb-area .breadcrumb-container ul li:last-child:after {
    content: "";
}

.breadcrumb-area .breadcrumb-container ul li.active {
    color: #003882;
    font-weight: 500;
}

.breadcrumb-area .breadcrumb-container ul li:after {
    position: absolute;
    top: 0;
    right: 5px;
    content: "/";
}

/*----------  custom zoom in animation  ----------*/
@-webkit-keyframes customZoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        opacity: 1;
    }
}

@keyframes customZoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        opacity: 1;
    }
}

/*----------  select  browser issue fix  ----------*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/*----------  pagination style  ----------*/
.pagination-container {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 12px 0px;
}

.pagination-content ul li {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 3px;
}

.pagination-content ul li a,
.dt-container .dt-paging .dt-paging-button {
    background-color: #f7f7f7;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #444050;
    display: block;
    text-align: center;
}

.dt-container .dt-paging .dt-paging-button {
    display: inline-block;
}

.pagination-content ul li a:hover,
.dt-container .dt-paging .dt-paging-button:hover {
    background-color: #8FD400;
    color: #ffffff;
}

.pagination-content ul li a.active,
.dt-container .dt-paging .dt-paging-button.current {
    background-color: #003882;
    color: #ffffff;
}

/*----------  section big title  ----------*/
.section-big-title {
    margin-top: -10px;
}

/*----------  nice select style  ----------*/
.nice-select.open .list {
    z-index: 999;
}

/*=============================================
=            02. Header            =
=============================================*/

/*----------  02.1 Header top  ----------*/
.header-top {
    background-color: #f5f5f5;
}

/* language currency dropdown */
.lang-currency-dropdown ul li {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

.lang-currency-dropdown ul li:last-child {
    margin-right: 0;
}

.lang-currency-dropdown ul li a i.fa {
    font-size: 10px;
    font-weight: 300;
}

.lang-currency-dropdown ul li ul {
    position: absolute;
    top: 33px;
    left: 0;
    padding: 20px;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 999;
    border: 1px solid #ddd;
}

.lang-currency-dropdown ul li ul li {
    display: block;
    margin-bottom: 10px;
}

.lang-currency-dropdown ul li ul li a {
    display: block;
    text-align: center;
}

.lang-currency-dropdown ul li ul li:last-child {
    margin-bottom: 0;
}

.lang-currency-dropdown ul li:hover ul {
    visibility: visible;
    opacity: 1;
}

/* header top menu */
.header-top-menu ul li {
    display: inline-block;
    margin-left: 20px;
}

.header-top-menu ul li .cart-icon img,
.header-top-menu ul li .account img {
    max-width: 25px;
}

.header-top-menu ul li:first-child {
    margin-left: 0;
    position: relative;
}

.header-top-menu ul li:first-child:before {
    position: absolute;
    content: "";
    top: -3px;
    right: -14px;
    width: 1px;
    height: 33px;
    background-color: #808080;
}

/*----------  02.2 header bottom  ----------*/
/* header sticky */
.header-sticky.is-sticky {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header-sticky .logo {
    margin-top: 20px;
}

.header-sticky.is-sticky .logo {
    /*width: 90px;*/
    width: 120px;
    padding-top: 10px;
}

.header-sticky.is-sticky .main-menu {
    float: right;
}

.header-sticky.is-sticky .main-menu nav ul li>a {
    line-height: 40px;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-sticky.is-sticky .main-menu nav ul.sub-menu {
        left: -190px;
    }
}

.header-sticky.is-sticky .main-menu nav ul.sub-menu .sub-menu {
    left: 100%;
}

.header-sticky.is-sticky .main-menu nav ul.mega-menu {
    left: -450px;
}

.header-sticky.is-sticky .main-menu nav ul.sub-menu li a,
.header-sticky.is-sticky .main-menu nav ul.mega-menu li a {
    line-height: 24px;
}

@media only screen and (max-width:991px) {

    .logo img {
        width: 150px;
    }

    .logo {
        text-align: left !important;
    }
}

@media only screen and (max-width:767px) {

    /*.logo {
        text-align: center;
    }*/
    .logo img {
        width: 120px;
    }

    .header-sticky.is-sticky .logo {
        width: auto;
        padding: 0px;
    }
}

.header-bottom {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-contact {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:767px) {
    .header-contact {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:575px) {
    .header-contact {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:479px) {
    .header-contact {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.header-contact .phone-icon {
    margin-right: 20px;
}

.header-contact .phone-number {
    line-height: 14px;
}

.header-contact .phone-number span.number {
    display: block;
    padding-top: 10px;
}

/* header advance search */
.header-advance-search {
    position: relative;
    background-color: #ffffff;
    height: 35px;
    border: 1px solid rgba(0,56,130,0.08);
    padding-right: 55px;
    border-radius: 50px;
    line-height: inherit;
}

/*@media (max-width:991px) {
    .header-advance-search {
        margin-right: 50px;
    }

}*/

@media (max-width:767px) {
    .shop-product-wrap .floating-cart-btn {
        justify-content: center;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (max-width:479px) {
    .header-advance-search {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0px;
    }
}

.header-advance-search input {
    border: none;
    width: 95%;
    /*margin-top: 5px;*/
    margin-left: 15px;
    color: #000;
    height: 32px;
    background: transparent;
}

.header-advance-search button {
    position: absolute;
    right: 2px;
    top: 1px;
    background: none;
    border: none;
    background-color: #8FD400;
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px;
    border-radius: 50%;
}

.header-advance-search button:hover {
    background-color: #5d8801;
}

/* shopping cart */
.shopping-cart .cart-icon {
    padding-right: 10px;
    position: relative;
}

.shopping-cart .cart-icon span,.cart-table .table tbody tr td .counters > span {
    font-size: 9px;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    margin: auto;
    height: 17px;
    width: 17px;
    background-color: #003882;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #545454;
    font-weight: 500;
}
.cart-table .table tbody tr td .counters > span
{
    font-size: 10px;
    width: 20px;
    color: #003882;
    background: transparent;
    line-height: 18px;
    top: initial;
    bottom: -12px;
    font-weight: 700;
}
.shopping-cart .cart-info a {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.shopping-cart .cart-info span {
    display: block;
}

.shopping-cart .cart-info span span {
    display: inline-block;
}

/* cart floating box */
#cd-shadow-layer,
.f-overlay {
    position: fixed;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(67, 87, 121, .6);
    z-index: 1;
    display: none;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.show .page-wrapper .right-part .top-part {
    z-index: 1;
}

.show a.scroll-top {
    z-index: 0;
}

#cd-shadow-layer.is-visible,
.f-overlay.show {
    display: block;
    -webkit-animation: cd-fade-in .3s;
    -moz-animation: cd-fade-in .3s;
    animation: cd-fade-in .3s;
}

.cart-floating-box {
    position: fixed;
    top: 0px;
    z-index: 999;
    right: -320px;
    width: 320px;
    height: 100%;
    background-color: #ffffff;
    padding: 20px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    display: block;
}
.cart-nm
{
    margin-bottom: 8px;
    display: inline-block;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.05);
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.cart-floating-box .Cart-close2 {
    color: #444050;
    background-color: #ffffff;
    padding: 0 20px 15px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin: 0 -20px;
}

.cart-floating-box .Cart-close2 p {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    margin-top: 3px;
}

.Cart-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.cart-calculation .floating-cart-btn {
    text-align: center !important;
    width: 100%;
    background-color: #f7f7f7;
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    gap: 0 12px;
}

.cart-calculation .floating-cart-btn .btn_primary-btn i {
    font-size: 22px;
}

.cart-floating-box .btn_primary-btn.btn-cart {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    margin-top: 15px;
    background: #f7f7f7;
    border-color: rgba(0, 0, 0, 0.05);
    font-size: 12px;
    width: 115px;
}

.cart-floating-box .btn_primary-btn.btn-cart:hover {
    color: #0056b3;
}

.cart-floating-box .btn_primary-btn.btn-cart i {
    font-size: 20px;
}

.cart-calculation .floating-cart-btn .btn_primary-btn.btn-check {
    font-size: 18px;
    min-height: 45px;
}

.cart-floating-box .cart-calculation .floating-cart-btn a.btn_primary {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    width: calc(100% - 50px);
}
.btn_primary-btn {
    background-color: #fff;
    border: 1px solid #8FD400;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
    padding: 0 15px;
    min-height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.cart-floating-box .cart-calculation .floating-cart-btn a {
    margin: 0px 0px 8px 0px;
}
.cart-floating-box .cart-calculation .floating-cart-btn a.btn-e-cart
{
    margin: 0 0 0 auto;
    font-weight: 600;
    font-size: 13px;
}
.cart-floating-box .btn-e-cart i,.cart-floating-box .cart-calculation .floating-cart-btn a.btn_primary i
{
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
    font-weight: normal;
}
#divViewMore a {
    font-weight: 600;
    font-size: 12px;
    margin-left: auto;
    margin-right: 5px;
    color: #003882;
    margin-bottom: 8px !important;
}

/*.cart-floating-box .Cart-close {
    position: absolute;
    top: 0px;
    left: 5px;
    color: #003882;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    cursor: pointer;
}*/
.cart-floating-box.openBox {
    right: 0px;
}

body.openBox123,
.openBox123 {
    overflow: hidden;
}

body.openBox123 .mobile-menu .mean-bar {
    z-index: 0;
}

body.openBox123 .page-wrapper .header-bottom,
.openBox123 .page-wrapper .header-bottom {
    z-index: 0;
}

#divViewMore a:hover {
    color: #8FD400;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    /*.cart-floating-box {
        display: none;
    }*/
}

/*@media only screen and (max-width:767px) {
    .cart-floating-box {
        display: none;
    }
}

@media only screen and (max-width:575px) {
    .cart-floating-box {
        display: none;
    }
}

@media only screen and (max-width:479px) {
    .cart-floating-box {
        display: none;
    }
}*/
@media(max-width: 479px) {
    .cart-floating-box .Cart-close2 {
        font-size: 16px;
    }
}

.cart-con {
    overflow: auto;
}

.cart-floating-box .cart-items {
    /*border-bottom: 1px solid #909090;*/
    margin-bottom: 0px;
    margin: 10px 0;
    height: calc(100% - 222px);
    overflow: auto;
}
.cart-floating-box:has(.cart-nm) .cart-items
{
    height: calc(100% - 255px);
}
.cart-floating-box .cart-float-single-item {
    position: relative;
    padding-top: 15px;
}
.cart-floating-box .cart-float-single-item + .cart-float-single-item
{
    margin-top: 15px;
    border-top: 1px dashed rgba(0, 0, 0, 0.08);
}
.cart-floating-box .cart-float-single-item:last-child {
    border-bottom: 0;
    margin-bottom: 0 !important;
}

.cart-floating-box .cart-float-single-item span.remove-item {
    position: absolute;
    top: 15px;
    right: 0px;
    font-size: 0px;
    line-height: initial;
}
.cart-floating-box .cart-float-single-item span.remove-item i
{
    font-size: 18px;
    color: #444050 !important;
}
.cart-floating-box .cart-float-single-item span.remove-item a {
    width: 20px;
    height: 20px;
}

.cart-floating-box .cart-float-single-item span.remove-item a:hover {
    opacity: 1;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-image a:hover {
    border: 1px solid #8FD400;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc {
    width: 100%;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p {
    margin-bottom: 0px;
    text-align: left;
    line-height: initial;
    vertical-align: middle;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title {
    padding-right: 30px;
    margin: 0 0 2px;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.pro-quantity {
    float: left;
    width: auto;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.count {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #444050;
    margin-bottom: 0px;
    vertical-align: middle;
    padding-left: 12px;
    position: relative;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.count:before
{
    content: "X";
    position: absolute;
    left: 0;
}
.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.price {
    display: inline-block;
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
    color: #003882;
    font-weight: 700;
    font-size: 15px;
    border-radius: 5px;
    margin-left: 30px;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a {
    font-weight: 400;
    color: #666666;
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
}

.cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a:hover {
    color: #8FD400;
}

.cart-floating-box .cart-calculation .calculation-details {
    margin-bottom: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 -20px;
    width: auto;
    padding: 10px 20px;
    display: block;
}

.cart-floating-box .cart-calculation .calculation-details p {
    font-weight: 700;
    color: #444050;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}

.cart-floating-box .cart-calculation .calculation-details * {
    color: #444050;
}

.cart-floating-box .cart-calculation .calculation-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cart-floating-box .cart-calculation .calculation-details p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart-floating-box .cart-calculation .calculation-details .total {
    text-align: left;
}

.cart-floating-box .cart-calculation .calculation-details p.shipping {
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/*.cart-floating-box .cart-calculation .floating-cart-btn a {
        margin: 0 5px
    }*/

.products-list-page .floating-cart-btn a {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .products-list-page .floating-cart-btn a {
        margin-top: 0px;
    }
}

/* main menu */
.menubar-top {
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.main-menu nav>ul>li {
    display: block;
    float: left;
    margin-right: 40px;
    position: relative;
}

.main-menu nav>ul>li:last-child {
    margin-right: 0;
}

.main-menu nav>ul {
    margin-bottom: 0px;
}

.header-top-menu>ul {
    margin-bottom: 0px !important;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu nav>ul>li {
        margin-right: 15px;
    }
}

.main-menu nav>ul>li>a {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    color: #444050;
    line-height: 45px;
}

.main-menu nav>ul>li.menu-item-has-children>a::after {
    font-family: Fontawesome;
    content: "\f107";
    margin-left: 5px;
    float: right;
}
.main-menu nav>ul>li:hover>.sub-menu,
.main-menu nav>ul>li:hover>.mega-menu {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999;
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .main-menu nav>ul>li:hover>.sub-menu,
    .main-menu nav>ul>li:hover>.mega-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

/* sub menu */
.sub-menu {
    position: absolute;
    left: -20px;
    top: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    z-index: -999;
    width: 250px;
    padding: 15px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 767px) {
    .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 575px) {
    .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 479px) {
    .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.sub-menu li {
    position: relative;
}

.sub-menu li a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 400;
    color: #777777;
    text-transform: capitalize;
}

.sub-menu li.menu-item-has-children>a::after {
    font-family: Fontawesome;
    content: "\f105";
    margin-left: 5px;
    float: right;
}

.sub-menu li.active>a,
.sub-menu li:hover>a {
    color: #8FD400;
    font-weight: 400;
}

.sub-menu li:hover>.sub-menu {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-menu li:hover>.sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 767px) {
    .sub-menu li:hover>.sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 575px) {
    .sub-menu li:hover>.sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 479px) {
    .sub-menu li:hover>.sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.sub-menu .sub-menu {
    left: 100%;
    right: auto;
    top: 0;
    margin-top: 30px;
    -webkit-transform: perspective(0) rotateX(0deg);
    transform: perspective(0) rotateX(0deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 767px) {
    .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 575px) {
    .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 479px) {
    .sub-menu .sub-menu {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%;
}

.sub-menu .sub-menu .sub-menu .sub-menu {
    left: 100%;
    right: auto;
}

.sub-menu .sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%;
}

/* Mobile Menu*/
.mobile-menu .mean-bar {
    position: relative;
    text-align: right;
    /*---- Mean Nav ----*/
}

.mobile-menu .mean-bar .meanmenu-reveal {
    position: absolute;
    top: -43px;
    right: 30px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .menubar-top {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 479px) {

    /*.mobile-menu .mean-bar .meanmenu-reveal {
            top: -38px;
        }*/
    .menubar-top {
        margin-top: 20px;
    }
    .page-wrapper .right-part .top-part
    {

        gap: 20px;
    }
}

.mobile-menu .mean-bar .meanmenu-reveal span {
    position: relative;
    /*---- Menu Open ----*/
    /*---- Menu Close ----*/
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
    height: 2px;
    width: 26px;
    background-color: #444050;
    display: block;
    margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #444050;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
    top: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    bottom: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
    height: 2px;
    width: 26px;
    background-color: transparent;
    display: block;
    margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #444050;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-menu .mean-bar .mean-nav {
    text-align: left;
    background-color: #ffffff;
}

.mobile-menu .mean-bar .mean-nav>ul {
    margin-bottom: 30px;
    border: 1px solid #eeeeee;
    border-top: 0px solid transparent;
    overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
    .mobile-menu .mean-bar .mean-nav>ul {
        max-height: 180px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 575px) {
    .mobile-menu .mean-bar .mean-nav>ul {
        max-height: 220px;
        overflow-y: auto;
    }
}

.mobile-menu .mean-bar .mean-nav>ul li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /*---- Sub Menu & Mega Menu ----*/
}

.mobile-menu .mean-bar .mean-nav>ul li a {
    font-size: 13px;
    display: block;
    color: #444050;
    font-weight: 500;
    line-height: 44px;
    position: relative;
    border-top: 1px solid #eeeeee;
    padding: 0 40px 0 20px;
    /*---- Menu Expand For Sub Menu ----*/
}

.mobile-menu .mean-bar .mean-nav>ul li.active>a {
    color: #8fd400;
}

.mobile-menu .mean-bar .mean-nav>ul li a::after {
    display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li a:hover {
    color: #444050;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
    border: 0;
    position: absolute;
    right: -1px;
    top: 0;
    font-size: 25px !important;
    color: #666666;
    line-height: 44px;
    height: 46px;
    width: 40px;
    text-align: center;
    padding: 0;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
    line-height: 40px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
    position: static;
    background-color: rgba(0, 0, 0, 0.03);
    margin: 0;
    padding: 0 !important;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    display: none;
    float: left;
    width: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-right: 0px solid transparent;
    width: 100%;
    display: block !important;
    float: left;
    width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
    font-size: 12px;
    display: block !important;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a::before {
    display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
    background-color: rgba(0, 0, 0, 0.04);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
    border-top: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
    border: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
    background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
    border-top: 1px solid #eeeeee;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
    border: 1px solid #eeeeee;
}

/*----------  02.3 Home 3 and 4 header style  ----------*/
.header-bottom-other .main-menu-other-homepage {
    display: none;
}

.header-bottom-other .home-other-navigation-menu {
    display: block;
}

.header-bottom-other.is-sticky .home-other-navigation-menu {
    display: none;
}

.header-bottom-other.is-sticky .main-menu-other-homepage {
    display: block;
}

.header-bottom-other.is-sticky .logo {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 15px;
    margin-bottom: 15px;
}

.header-bottom-other .logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-bottom-other .logo {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .header-bottom-other .logo {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.home-other-navigation-menu {
    background-color: #008459;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-other-navigation-menu {
        background-color: #ffffff;
    }
}

@media only screen and (max-width: 767px) {
    .home-other-navigation-menu {
        background-color: #ffffff;
    }
}

.home-other-navigation-menu .main-menu>nav>ul>li>a {
    color: #ffffff;
}

.home-other-navigation-menu .main-menu>nav>ul>li>a:hover {
    color: #8FD400;
}

.header-bottom .logo {
    max-width: 120px;
    padding-top: 10px;
}

@media only screen and (max-width: 991px) {
    .header-bottom .logo {
        padding-top: 0px;
    }
}

/*=====  End of 02. Header  ======*/
/*=============================================
=            04. Hero section            =
=============================================*/

/*----------  04.2 Hero Two  ----------*/
.hero-slider-two {
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.hero-slider-two .hero-slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 100%;
    height: 510px;
}

@media only screen and (max-width:767px) {
    .hero-slider-two .hero-slider-item {
        background-image: url(../images/mob_banner.png) !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-two .hero-slider-item {
        height: 500px;
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-two .hero-slider-item {
        height: 370px;
    }
}

.hero-slider-two .hero-slider-item .slider-content {
    padding-top: 80px;
    padding-left: 40px;
}

@media only screen and (max-width:479px) {
    .hero-slider-two .hero-slider-item .slider-content {
        padding-top: 10px;
        padding-left: 20px;
    }
}

.hero-slider-two .hero-slider-item .slider-content>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.hero-slider-two .hero-slider-item .slider-content h1 {
    font-size: 45px;
    font-weight: 700;
    color: #444050;
    margin-bottom: 20px;
}

@media only screen and (max-width:767px) {
    .hero-slider-two .hero-slider-item .slider-content h1 {
        font-size: 40px;
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-two .hero-slider-item .slider-content h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
}

.hero-slider-two .hero-slider-item .slider-content h1 span {
    display: block;
}

.hero-slider-two .hero-slider-item .slider-content h1.change-text {
    font-size: 35px;
    font-weight: 500;
    font-style: italic;
    color: #777777;
}

@media only screen and (max-width:767px) {
    .hero-slider-two .hero-slider-item .slider-content h1.change-text {
        font-size: 25px;
    }
}

.hero-slider-two .hero-slider-item .slider-content h1.change-text span {
    color: #dc461f;
    display: inline-block;
}

.hero-slider-two .hero-slider-item .slider-content p {
    margin-bottom: 10px;
}

.hero-slider-two .hero-slider-item .slider-content p img {
    display: inline-block;
    margin-right: 10px;
}

.hero-slider-two .hero-slider-item .slider-content p span {
    text-transform: uppercase;
    color: #8FD400;
    font-style: italic;
    font-weight: 500;
}

.hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(1) {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(2) {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(3) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(4) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(5) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(6) {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.hero-slider-two ul.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -15px;
}

.hero-slider-two ul.slick-dots li {
    display: inline-block;
}

.hero-slider-two ul.slick-dots li button {
    position: relative;
    background: none;
    border: none;
    padding: 0;
    margin-right: 20px;
    font-size: 2px;
}

.hero-slider-two ul.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: #f1f1f1;
    content: "";
    border-radius: 50%;
}

.hero-slider-two ul.slick-dots li.slick-active button:before {
    background-color: #bdbdbd;
}

/*=============================================
=            06. Slider            =
=============================================*/
.slider .section-title {
    position: relative;
}

.slider .section-title.red-title h3 {
    background: #ee8a82;
}

.slider .section-title.red-title h3:before {
    background: #ee8a82;
}

.slider .section-title.red-title h3:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #83231b;
    bottom: 0;
}

.slider .section-title.yellow-title h3 {
    background: #ffbd2d;
}

.slider .section-title.yellow-title h3:before {
    background: #ffbd2d;
}

.slider .section-title.yellow-title h3:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #c57d00;
    bottom: 0;
}

.slider .section-title.coffee-title h3 {
    background: #ab9b81;
}

.slider .section-title.coffee-title h3:before {
    background: #ab9b81;
}

.slider .section-title.coffee-title h3:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #63543d;
    bottom: 0;
}

.slider .section-title h3 {
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.5;
    margin-right: 100px;
    background: #8FD400;
    padding: 15px 25px 15px 10px;
    position: relative;
    display: inline-block;
    z-index: 27;
    border-radius: 0 5px 0 0;
    font-weight: 500;
}

.slider .section-title h3:before {
    background: #8FD400;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media only screen and (max-width: 575px) {
    .slider .section-title h3:before {
        width: 10px;
    }
}

.slider .section-title h3:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #5d8801;
    bottom: 1px;
    content: '';
    left: -15px;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

@media only screen and (max-width: 575px) {
    .slider .section-title h3:after {
        border-bottom: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #5d8801;
        left: -10px;
    }
}

.slider .section-title:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background: #e9e9e9;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
}

.slider .slick-arrow {
    position: absolute;
    top: -30px;
    right: 10px;
    background: none;
    border: none;
    text-align: center;
    line-height: 20px;
}

.slider .slick-arrow:hover i.fa {
    color: #8FD400;
    border-color: #8FD400;
}

.slider .slick-arrow i.fa {
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    color: #999;
    padding-top: 2px;
    border-radius: 50%;
}

.slider .slick-disabled {
    color: #999;
}

.slider .slick-disabled:hover i.fa {
    color: #999;
    border-color: #999;
}

.slider .slick-prev {
    right: 40px;
}

.slider .slick-prev i.fa {
    padding-right: 2px;
}

.slider .slick-next i.fa {
    padding-left: 2px;
}

/*----------  06.1 category slider  ----------*/
.category-slider-container {
    padding: 30px 0;
}

.category-slider-container.slick-slider {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.category-slider-container .slick-slide .category-image img {
    border-radius: 50%;
}

/*----------  06.4 best seller slider ----------*/
.best-seller-slider-container.slick-slider {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.slick-active .best-seller-sub-product {
    -webkit-animation: customZoomIn 500ms ease-in-out;
    animation: customZoomIn 500ms ease-in-out;
}

.tab-slider-container.slick-slider {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.tab-slider-container .slick-active .tab-slider-sub-product {
    -webkit-animation: customZoomIn 500ms ease-in-out;
    animation: customZoomIn 500ms ease-in-out;
}

.tab-slider-wrapper nav {
    /*background-color: #e9e9e9;*/
}

.tab-slider-wrapper .nav-tabs {
    border-bottom: 0;
}

.tab-slider-wrapper .nav-tabs .nav-link {
    font-size: 15px;
    line-height: 23px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    border: none;
}

@media only screen and (max-width: 767px) {
    .tab-slider-wrapper .nav-tabs .nav-link {
        font-size: 10px;
        padding: 10px 10px;
    }
}

.tab-slider-wrapper .nav-tabs .nav-link.active {
    color: #8FD400;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    background: none;
}

.tab-slider-wrapper .nav-tabs .nav-link.active:before {
    background: #8FD400;
    left: 0;
    right: 0;
}

.tab-slider-wrapper .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.tab-slider-wrapper .nav-tabs .nav-link:hover:before {
    background: #8FD400;
    left: 0;
    right: 0;
}

.tab-slider-wrapper .nav-tabs .nav-link:before {
    background: transparent;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    right: 50%;
    top: auto;
    width: auto;
    z-index: 9;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*=============================================
=            07. product            =
=============================================*/
.gf-product .image {
    position: relative;
}

.gf-product .image a {
    display: block;
}

.gf-product .image .product-hover-icons a {
    display: inline-block;
}

.gf-product .image .thumbnail_container {
    padding-bottom: 66.66%;
}

@media only screen and (max-width:575px) {
    .gf-product .image {
        width: 80%;
        margin: auto;
    }
}

@media only screen and (max-width:479px) {
    .gf-product .image {
        width: 80%;
        margin: auto;
    }
}

.gf-product .product-content {
    padding: 0 10px;
}

.gf-product.image img {
    transition: all 0.5s ease-in-out;
}

.gf-product:hover .image img {
    transform: scale(1.05);
}

/*----------  07.1 Best slider product  ----------*/
.best-seller-sub-product {
    padding: 25px 10px;
}

.best-seller-sub-product .image a {
    display: block;
}

.best-seller-sub-product .image a img {
    width: 100%;
}

@media (max-width:1199px) {
    .gf-product .product-content {
        padding: 0;
    }
}

@media only screen and (max-width:575px) {
    .best-seller-sub-product .image {
        width: 80%;
        margin: auto;
    }
}

@media only screen and (max-width:479px) {
    .best-seller-sub-product .image {
        width: 80%;
        margin: auto;
    }
}

.best-seller-sub-product .product-content {
    padding-left: 20px;
}

.best-seller-sub-product .product-content .product-categories a {
    color: #999;
    font-size: 13px;
}

.best-seller-sub-product .product-content .product-categories a:hover {
    color: #8FD400;
}

.best-seller-sub-product .product-content h3.product-title {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    line-height: 23px;
}

.best-seller-sub-product .product-content .price-box .main-price {
    color: #999;
    font-size: 17px;
    text-decoration: line-through;
}

.best-seller-sub-product .product-content .price-box .discounted-price {
    color: #8FD400;
    font-size: 21px;
}

/*----------  07.2 Tab slider product   ----------*/
.tab-slider-sub-product {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 20px 10px;
    text-align: center;
    position: relative;
}

.tab-slider-sub-product:last-child {
    border-bottom: 0;
}

.tab-slider-sub-product .image {
    margin-bottom: 20px;
}

.tab-slider-sub-product .image a {
    display: block;
}

.tab-slider-sub-product .image a img {
    width: 100%;
}

.product-content .product-categories {
    margin-bottom: 7px;
}

.product-content .product-categories a {
    color: #999;
    font-size: 13px;
}

.product-content .product-categories a:hover {
    color: #8FD400;
}

.product-content h3.product-title {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.product-content .pdt-size {
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: 500;
}

.product-content .pdt-size .size {
    padding-left: 20px;
}

.product-content .price-box {
    display: inline-block;
    color: #999;
    font-size: 18px;
    float: right;
}

.product-content .price-box .discounted-price {
    color: #8FD400;
    font-size: 21px;
    margin-right: 5px;
}

.product-content .add-to-cart_sec {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 5px;
}

.product-content .add-to-cart_sec .qty {
    float: left;
}

.product-content .add-to-cart_sec .qty input {
    width: 52px;
    text-align: center;
    border: 0;
    padding: 0 5px;
    background: #f2f2f2;
    line-height: 33px;
    margin: 0 3px;
    border-radius: 8px;
}

.product-content .add-to-cart_sec .qty button {
    border: 0;
    padding: 0;
    font-size: 18px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #8FD400;
    display: inline-block;
    color: #fff;
    border-radius: 50%;
}

.product-content .add-to-cart_sec .a-t-c_btn {
    float: right;
}

@media (max-width: 1199px) {
    .product-content .price-box .discounted-price {
        font-size: 18px;
    }

    .product-content .pdt-size .size {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    .product-content h3.product-title {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .product-content h3.product-title {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .product-content h3.product-title {
        font-size: 14px;
    }
}

/*----------  07.3 Category product  ----------*/
.single-category {
    text-align: center;
}

.single-category .category-title h3 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 17px;
}

.single-category .category-image {
    margin-bottom: 10px;
    width: 70%;
    margin: 0 auto;
}

.single-category .category-image a {
    border: 5px solid #ddd;
    border-radius: 50%;
    display: block;
    margin-bottom: 15px;
}

.single-category .category-image a:hover {
    border-color: #8FD400;
}

/*----------  07.9 Shop grid view product  ----------*/
.shop-grid-view-product {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 5px;
    text-align: center;
    position: relative;
    background-color: #ffffff;
}

/*----------  list product icons  ----------*/
.list-product-icons {
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.list-product-icons a {
    margin-right: 10px;
    display: inline-block;
    background: #8FD400;
    border: none;
    color: #fff;
    height: 43px;
    letter-spacing: 0;
    line-height: 46px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    width: 43px;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}

.list-product-icons a:hover {
    background: #5d8801;
}

.list-product-icons a:hover:before,
.list-product-icons a:hover:after {
    visibility: visible;
    opacity: 1;
}

.list-product-icons a.active {
    background: #5d8801;
}

.list-product-icons a:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 400;
    background-color: #444444;
    color: #ffffff;
    line-height: 16px;
    padding: 5px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.list-product-icons a:after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 8px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*=====  End of 07. product  ======*/

/*-- Category Toggle Wrap --*/
.category-toggle-wrap {
    width: 100%;
    padding: 12px 25px;
    position: relative;
    border-top-right-radius: 5px;
}

.category-toggle-wrap:before {
    background: #8FD400;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.category-toggle-wrap:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 15px solid #5d8801;
    bottom: 0;
    content: '';
    left: -15px;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap {
        padding: 8px 25px;
    }
}

.category-toggle-wrap .category-toggle {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 30px;
    width: 100%;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap .category-toggle {
        font-size: 14px;
    }
}

.category-toggle-wrap .category-toggle i {
    font-size: 24px;
    display: block;
    line-height: 30px;
    float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

.hero-side-category {
    background-color: #ffffff;
    width: 100%;
    text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
    .hero-side-category {
        min-height: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category {
        width: 100%;
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category {
        width: 100%;
        z-index: 9;
        position: relative;
    }
}

.hero-side-category .category-toggle-wrap {
    background-color: #8FD400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a";
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px;
    }
}

.hero-side-category nav.category-menu {
    background-color: #ffffff;
    float: left;
    width: 100%;
    left: 0;
    top: 45px;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category nav.category-menu {
        position: absolute;
        top: 55px;
        z-index: 9;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu>ul {
        max-height: 180px;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 575px) {
    .hero-side-category nav.category-menu>ul {
        max-height: 220px;
        overflow-y: auto;
    }
}

.hero-side-category nav.category-menu>ul>li:last-child>a {
    border-bottom: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category nav.category-menu>ul>li {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu>ul>li {
        position: relative;
    }
}

.hero-side-category nav.category-menu>ul>li.menu-item-has-children {
    position: relative;
}

.hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
    font-family: 'fontAwesome';
    content: "\f054";
    position: absolute;
    right: 25px;
    top: 0;
    line-height: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
        display: none;
    }
}

.hero-side-category nav.category-menu>ul>li i {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 50px;
    width: 40px;
    line-height: 50px;
    z-index: 9;
}

.hero-side-category nav.category-menu>ul>li i::before {
    background-color: #606060;
    width: 8px;
    height: 2px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    margin-top: -1px;
    top: 50%;
}

.hero-side-category nav.category-menu>ul>li i::after {
    background-color: #606060;
    width: 2px;
    height: 8px;
    content: "";
    position: absolute;
    left: 50%;
    margin-top: -4px;
    margin-left: -1px;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.hero-side-category nav.category-menu>ul>li i.expand::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.hero-side-category nav.category-menu>ul>li>a {
    display: block;
    padding: 13.15px 25px;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-side-category nav.category-menu>ul>li>a {
        padding: 12.44px 25px;
    }
}

.hero-side-category nav.category-menu>ul>li>a:hover {
    color: #8FD400;
}

.hero-side-category nav.category-menu>ul>li:hover .category-mega-menu {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.hero-side-category nav.category-menu>ul>li .banner {
    padding: 15px;
    max-width: 300px;
}

.hero-side-category nav.category-menu.category-menu-5>ul>li>a {
    padding: 12px 25px;
}

.hero-side-category nav.shop-category-menu {
    background: none;
    display: block;
}

.hero-side-category nav.shop-category-menu ul li a {
    padding: 5px 0;
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.hero-side-category nav.shop-category-menu ul li a:hover {
    color: #8FD400;
}

.hero-side-category.shop-side-category {
    height: auto;
    min-height: 200px;
}

/*=============================================
=            11. Single product            =
=============================================*/
.single-product-content-container {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 50px 30px;
}

.single-product-content-container.tabstyle-3 .product-image-slider {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.single-product-content-container.tabstyle-3 .product-small-image-list {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    width: 28px;
    height: 28px;
    background: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    z-index: 99;
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow {
        margin-top: 0;
    }
}

.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-next-btn.slick-arrow {
    left: auto;
    right: 0;
    top: 50%;
}

.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow:hover {
    background: #8FD400;
    color: #fff;
    border-color: #8FD400;
}

.single-product-content-container .product-image-gallery-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    z-index: 99;
}

@media only screen and (max-width: 767px) {
    .single-product-content-container .product-image-gallery-slider .slick-arrow {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
}

.single-product-content-container .product-image-gallery-slider .slick-next-btn.slick-arrow {
    left: auto;
    right: 0;
    top: 50%;
}

.single-product-content-container .product-image-gallery-slider .slick-arrow:hover {
    background: #8FD400;
    color: #fff;
    border-color: #8FD400;
}

.single-product-content-container .nav.small-image-slider-single-product a,
.single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a {
    display: block;
    border: 1px solid #ededed;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-product-content-container .nav.small-image-slider-single-product a:hover,
.single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a:hover {
    border-color: #8FD400;
}

.single-product-content-container .nav.small-image-slider-single-product a img,
.single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-product-content-container .product-image-gallery .single-product-img,
.single-product-content-container .product-image-gallery-slider .single-product-img {
    position: relative;
    border: 1px solid #ddd;
}

.single-product-content-container .product-image-gallery .single-product-img a.big-image-popup,
.single-product-content-container .product-image-gallery-slider .single-product-img a.big-image-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #373737;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    margin-left: -20px;
    margin-top: -20px;
}

.single-product-content-container .product-image-gallery .single-product-img a.big-image-popup:hover,
.single-product-content-container .product-image-gallery-slider .single-product-img a.big-image-popup:hover {
    background-color: #8FD400;
}

.single-product-content-container .product-image-gallery .single-product-img:hover a.big-image-popup,
.single-product-content-container .product-image-gallery-slider .single-product-img:hover a.big-image-popup {
    visibility: visible;
    opacity: 1;
}

.single-product-content-container .product-image-slider {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .product-image-slider {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.single-product-content-container .product-image-slider .single-product-img {
    position: relative;
}

.single-product-content-container .product-image-slider .single-product-img a.big-image-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #373737;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    margin-left: -20px;
    margin-top: -20px;
}

.single-product-content-container .product-image-slider .single-product-img a.big-image-popup:hover {
    background-color: #8FD400;
}

.single-product-content-container .product-image-slider .single-product-img:hover a.big-image-popup {
    visibility: visible;
    opacity: 1;
}

.single-product-content-container .product-small-image-list {
    margin: 15px 0;
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px;
    display: inline-block;
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .product-small-image-list {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media only screen and (max-width: 575px) {
    .single-product-content-container .flex-custom-xs-wrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .flex-custom-xs-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
}

.single-product-content-container .single-small-image {
    padding: 0 10px;
}

.single-product-content-container .small-image-slider-single-product .slick-list {
    width: 100%;
    display: inline-block;
}

.single-product-content-container .slick-arrow {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 28px;
    height: 28px;
    background: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    z-index: 99;
    margin-left: -15px;
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .slick-arrow {
        top: 60%;
        left: 10px;
        margin-top: -15px;
    }
}

.single-product-content-container .slick-next-btn.slick-arrow {
    bottom: -40px;
    left: 50%;
    top: auto;
    right: auto;
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .slick-next-btn.slick-arrow {
        top: 60%;
        right: 0;
        left: auto;
    }
}

.single-product-content-container .easyzoom-flyout {
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    border: 3px solid #ddd;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-content-container .easyzoom-flyout {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .single-product-content-container .easyzoom-flyout {
        display: none;
    }
}

.single-product-content-container .product-feature-details h2.product-title {
    font-size: 34px;
}

@media only screen and (max-width: 479px) {
    .single-product-content-container .product-feature-details h2.product-title {
        font-size: 25px;
        line-height: 35px;
    }
}

.single-product-content-container .product-feature-details p.product-rating i.fa {
    color: #e1e1e1;
}

.single-product-content-container .product-feature-details p.product-rating i.fa.active {
    color: #fbbf00;
}

.single-product-content-container .product-feature-details p.product-rating a {
    display: inline-block;
    margin-left: 10px;
}

.single-product-content-container .product-feature-details h2.product-price span {
    font-size: 28px;
}

.single-product-content-container .product-feature-details .size {
    font-weight: 500;
    color: #333;
}

.single-product-content-container .product-feature-details .size select {
    width: 45%;
    border: 1px solid #ddd;
    padding: 5px;
    margin-top: 5px;
}

.single-product-content-container .product-feature-details .color {
    font-weight: 500;
    color: #333;
}

.single-product-content-container .product-feature-details .color span.color-block {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}

.single-product-content-container .product-feature-details .color span.color-choice-1 {
    background-color: #d66238;
}

.single-product-content-container .product-feature-details .color span.color-choice-2 {
    background-color: #3fc43f;
}

.single-product-content-container .product-feature-details .color span.color-choice-3 {
    background-color: #4343cc;
}

.single-product-content-container .product-feature-details .color span.active {
    border: 2px solid #8FD400;
    width: 32px;
    height: 32px;
}

.single-product-content-container .product-feature-details p.product-description {
    font-size: 15px;
    line-height: 30px;
    border: none;
    padding: 0;
}

.single-product-content-container .product-feature-details .add-to-cart-btn a {
    background-color: #8FD400;
    border-color: #8FD400;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 0 30px;
}

.single-product-content-container .product-feature-details .add-to-cart-btn a:hover {
    background-color: #5d8801;
    border-color: #5d8801;
}

.single-product-content-container .product-feature-details .group-product-form .table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}

.single-product-content-container .product-feature-details .group-product-form .table-content table td {
    padding: 12px 10px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    width: 33.33%;
}

.single-product-content-container .product-feature-details .group-product-form .table-content table td.product-name {
    font-weight: 500;
}

.single-product-content-container .product-feature-details .group-product-form .table-content table td p span {
    display: block;
    margin-top: 10px;
}

.single-product-content-container .product-feature-details .single-product-action-btn a {
    display: inline-block;
    font-size: 15px;
    margin-right: 20px;
    line-height: 40px;
}

.single-product-content-container .product-feature-details .single-product-action-btn a:hover span {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.single-product-content-container .product-feature-details .single-product-action-btn a:hover:before,
.single-product-content-container .product-feature-details .single-product-action-btn a:hover:after {
    visibility: visible;
    opacity: 1;
}

.single-product-content-container .product-feature-details .single-product-category h3 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #323232;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    text-transform: uppercase;
}

.single-product-content-container .product-feature-details .single-product-category h3 span {
    display: inline-block;
    margin-left: 5px;
}

.single-product-content-container .product-feature-details .single-product-category h3 span a {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
}

.single-product-content-container .product-feature-details .social-share-buttons h3 {
    color: #323232;
}

.single-product-action-btn a {
    position: relative;
}

.single-product-action-btn a:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 60%;
    left: 50%;
    margin-bottom: 12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 400;
    background-color: #444444;
    color: #ffffff;
    line-height: 16px;
    padding: 5px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.single-product-action-btn a:after {
    position: absolute;
    left: 50%;
    bottom: 63%;
    margin-bottom: 8px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*----------  tab style  ----------*/
/*----------  single product tab section  ----------*/
.single-product-tab-section {
    /*----------  tab table style  ----------*/
    /*-- Single Product Rating --*/
    /*-- Ratting Form Wrap --*/
    /*-- Ratting Form --*/
}

.single-product-tab-section .tab-content {
    background-color: #ffffff;
    padding: 30px 20px;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.single-product-tab-section .tab-content p.product-desc {
    font-size: 15px;
    line-height: 25px;
}

.single-product-tab-section .table-data-sheet {
    width: 100%;
    border-width: 0px 1px 1px;
    border-style: solid solid solid;
    border-color: #d6d4d4 #d6d4d4 #d6d4d4;
    -webkit-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    border-top: 0px;
    margin: 0px 0px 20px;
    background: white;
}

.single-product-tab-section .table-data-sheet tr {
    border-top: 1px solid #d6d4d4;
}

.single-product-tab-section .table-data-sheet tr td {
    padding: 10px 20px 11px;
}

.single-product-tab-section .table-data-sheet tr td:first-child {
    width: 30%;
    font-weight: 500;
    color: #444050;
    border-right: 1px solid #d6d4d4;
}

.single-product-tab-section .product-ratting-wrap {
    overflow: hidden;
}

.single-product-tab-section .pro-avg-ratting {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.single-product-tab-section .pro-avg-ratting h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 7px;
}

.single-product-tab-section .pro-avg-ratting h4 span {
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
}

.single-product-tab-section .pro-avg-ratting>span {
    display: block;
    font-size: 12px;
    line-height: 10px;
}

.single-product-tab-section .ratting-list {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.single-product-tab-section .ratting-list .sin-list {
    margin-right: 30px;
}

.single-product-tab-section .ratting-list .sin-list:last-child {
    margin-right: 0;
}

.single-product-tab-section .ratting-list .sin-list i {
    color: #666666;
    font-size: 12px;
}

.single-product-tab-section .ratting-list .sin-list span {
    color: #666666;
}

.single-product-tab-section .rattings-wrapper {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.single-product-tab-section .sin-rattings {
    margin-bottom: 40px;
}

.single-product-tab-section .sin-rattings:last-child {
    margin-bottom: 0;
}

.single-product-tab-section .sin-rattings .ratting-author {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.single-product-tab-section .sin-rattings .ratting-author h3 {
    float: left;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    line-height: 18px;
    margin-right: 15px;
}

@media only screen and (max-width: 575px) {
    .single-product-tab-section .sin-rattings .ratting-author .ratting-star {
        float: left;
        width: 100%;
        margin-top: 5px;
    }
}

.single-product-tab-section .sin-rattings .ratting-author .ratting-star i,
.single-product-tab-section .sin-rattings .ratting-author .ratting-star span {
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    float: left;
}

.single-product-tab-section .sin-rattings .ratting-author .ratting-star span {
    margin-left: 5px;
}

.single-product-tab-section .sin-rattings p {
    color: #666666;
    font-size: 15px;
    line-height: 24px;
}

.single-product-tab-section .ratting-form-wrapper {
    float: left;
    width: 100%;
}

.single-product-tab-section .ratting-form-wrapper h3 {
    font-size: 16px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
}

.single-product-tab-section .ratting-form h5 {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
}

.single-product-tab-section .ratting-form .ratting-star i {
    font-size: 14px;
    float: left;
    line-height: 18px;
    display: block;
    margin-right: 3px;
}

.single-product-tab-section .ratting-form .ratting-star i:last-child {
    margin: 0;
}

.single-product-tab-section .ratting-form label {
    display: block;
    font-size: 14px;
    color: #666666;
    margin-bottom: 3px;
}

.single-product-tab-section .ratting-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666666;
}

.single-product-tab-section .ratting-form input[type="submit"] {
    width: auto;
    padding: 8px 30px;
    border-color: #8FD400;
    background-color: #8FD400;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
}

.single-product-tab-section .ratting-form input[type="submit"]:hover {
    border-color: #5d8801;
    background-color: #5d8801;
    color: #ffffff;
}

.single-product-tab-section .ratting-form textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #dddddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666666;
    height: 80px;
    resize: none;
}

.single-product-content-container .slider-box-feature-details .size select {
    width: 15%;
}

@media only screen and (max-width: 575px) {
    .single-product-content-container .slider-box-feature-details .size select {
        width: 50%;
    }
}

/*=====  End of 11. Single product  ======*/
/*=============================================
=            12. Shop Page              =
=============================================*/
/*----------  Shop header  ----------*/
@media only screen and (max-width: 767px) {
    .view-mode-icons {
        margin-bottom: 20px;
    }
}

.view-mode-icons a {
    font-size: 15px;
    background-color: #ebebeb;
    color: #999;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.view-mode-icons a:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-left: 5px;
}

.view-mode-icons a:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-right: 5px;
}

.view-mode-icons a:hover,
.view-mode-icons a.active {
    background-color: #8FD400;
    color: #ffffff;
}

.sort-by-dropdown {
    font-weight: 500;
    margin-right: 10px;
    font-size: 15px;
    color: #323232;
}

@media only screen and (max-width: 767px) {
    .sort-by-dropdown {
        font-size: 14px;
    }
}

.sort-by-dropdown select {
    padding: 5px 10px;
    margin-left: 10px;
}

.sort-by-dropdown p {
    margin-bottom: 0;
}

p.result-show-message {
    font-size: 15px;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    p.result-show-message {
        font-size: 14px;
    }
}

/*----------  Shop product grid list switcher style  ----------*/
.shop-product-wrap.grid .shop-list-view-product {
    display: none;
}

.shop-product-wrap.list .shop-grid-view-product {
    display: none;
}

.shop-product-wrap.list [class*="col"],
.shop-product-wrap.list [class*="col-"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
}

@media (max-width:575px) {
    .shop-grid-view-product {
        border-left: 1px solid #e0e0e0;
    }

    .product-content h3.product-title {
        font-size: 14px;
    }
}

/*=====  End of 12. Shop Page     ======*/
/*=============================================
=            13. Sidebar            =
=============================================*/
.sidebar-area {
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.sidebar-area .sidebar {
    background-color: #ffffff;
    padding: 30px 20px 10px 20px;
    position: relative;
}

.sidebar-area .sidebar h3.sidebar-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #444050;
    border-bottom: 2px solid #2f2f2f;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .sidebar-area .sidebar h3.sidebar-title {
        font-size: 15px;
    }
}

.sidebar-area .sidebar ul.product-categories li {
    padding-right: 25px;
    margin-bottom: 7px;
}

.sidebar-area .sidebar ul.product-categories li a {
    display: block;
    padding: 5px 0px;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.sidebar-area .sidebar ul.product-categories li input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
}

.sidebar-area .sidebar ul.product-categories li {
    padding-right: 5px;
}

.sidebar-area .sidebar ul.product-categories li:last-child a {
    border: 0;
}

.sidebar-area .sidebar ul.product-categories li a:hover,
.sidebar-area .sidebar ul.product-categories li a.active {
    color: #8FD400;
}

.sidebar-area .sidebar ul.product-categories li a:hover:before,
.sidebar-area .sidebar ul.product-categories li a.active:before {
    border-color: #8FD400;
    color: #8FD400;
    font-size: 8px;
}

@media only screen and (min-width:992px) and (max-width:1550px) {
    .sidebar-area .sidebar ul.product-categories li a {
        padding: 0px;
    }
}

/*----------  single block  ----------*/
.single-block {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.single-block:first-child {
    padding-top: 0;
}

.single-block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.single-block .image {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    margin-right: 5px;
}

.single-block .image a {
    border: 2px solid transparent;
    display: block;
}

.single-block .image a img {
    width: 100%;
}

.single-block .image a:hover {
    border: 2px solid #8FD400;
}

.single-block .content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.single-block .content p {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #323232;
}

.single-block .content p span {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    font-weight: 400;
    margin-top: 5px;
    display: block;
}

.single-block.comment-block .image {
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
}

.single-block.comment-block .content p span {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}

.single-block.comment-block .content p a {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #808080;
}

.single-block.comment-block .content p a:hover {
    color: #8FD400;
}

/*----------  Sidebar search box  ----------*/
.sidebar-search-box {
    border: 1px solid #e0e0e0;
    position: relative;
    padding-right: 10px;
}

.sidebar-search-box input {
    border: none;
    padding: 5px;
    padding-left: 10px;
}

.sidebar-search-box button {
    position: absolute;
    top: 5px;
    right: 0;
    background: none;
    border: none;
}

.sidebar-search-box button:hover {
    color: #8FD400;
}

/*=====  End of 13. Sidebar  ======*/
/*=============================================
=            14. Cart & Wishlist            =
=============================================*/
.cart-table {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.cart-table .table {
    margin: 0;
}

/*@media only screen and (max-width:767px) {
    .cart-table .table {
        border-top: 8px solid #ddd;
    }
}*/

.cart-table .table thead {
    background-color: rgba(0, 56, 130, 0.2);
}

/*@media only screen and (max-width:767px) {
    .cart-table .table thead {
        display: none;
    }
}*/

.cart-table .table thead tr th {
    text-align: left;
    border: none;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
    font-size: 14px;
    font-weight: 600;
    color: #003882;
    padding: 10px;
    line-height: initial;
    vertical-align: middle;
}

.cart-table .table tbody tr td {
    text-align: left;
    border: none;
    padding: 25px 5px;
    vertical-align: middle;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}
.cart-table .table tbody tr td a:has(i),.cart-table .table tbody tr td button:has(i)
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.cart-table .table tbody tr td .counters
{
    position: relative;
}
.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
    max-width: 160px;
    min-width: 120px;
    width: 160px;
}

.cart-table td.pro-thumbnail a.cross {
    display: none;
}
.cart-table tfoot
{
    font-size: 20px;
}
.cart-table tfoot td
{
    font-weight: 700 !important;
}
.cart-table .table thead tr th.pro-quantity,.cart-table .table thead tr th.pro-Unit
{
    text-align: center;
}
/*@media only screen and (max-width:767px) {
    .cart-table tr {
        margin: 15px;
        display: block;
    }

    .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
        width: 160px;
    }

    .cart-table td.pro-thumbnail {
        position: relative;
    }

        .cart-table td.pro-thumbnail a.cross {
            position: absolute;
            top: 10px;
            right: -60px;
            display: block;
        }

    .cart-table .table tbody tr {
        border-bottom: 1px solid #dddddd
    }

        .cart-table .table tbody tr:last-child {
            border: 0;
        }

        .cart-table .table tbody tr td {
            border: 0;
        }

        .cart-table .table tbody tr td {
            display: block;
            width: 100%;
            max-width: none;
            padding: 15px;
            text-align: left;
        }

            .cart-table .table tbody tr td:before {
                content: attr(data-title) ": ";
                float: left;
                width: 30%;
            }

    .cart-table td.pro-price span,
    .cart-table td.pro-title a {
        width: 70%;
    }

    .cart-table .table tbody tr td:first-child:before,
    .cart-table .table tbody tr td:last-child:before {
        content: none;
    }

    .cart-table .table tbody tr td:first-child,
    .cart-table .table tbody tr td:last-child {
        text-align: center;
    }

    .cart-table .table tbody tr td:last-child {
        display: none;
        margin-bottom: 20px;
    }
}*/

.cart-table th.pro-title,
.cart-table td.pro-title {
    min-width: 200px;
}

.cart-table td.pro-thumbnail a {
    display: block;
}

.cart-table td.pro-title a {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.cart-table td.pro-title a:hover {
    color: #8FD400;
}

.cart-table td.pro-price span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #666666;
}

.cart-table td.pro-quantity {
    min-width: 130px;
}

.cart-table td.pro-quantity button {
    border: 0;
    padding: 0;
    font-size: 18px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: transparent;
    display: inline-block;
    color: #444050;
    border-radius: 5px;
}

.cart-table td.pro-quantity input {
    width: 38px;
    text-align: center;
    border: 0;
    padding: 0 5px;
    background: #f2f2f2;
    line-height: 33px;
    margin: 0 8px;
    border-radius: 8px;
}

.cart-table td.pro-subtotal span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #666666;
}

.cart-table td.pro-addtocart button {
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #8FD400;
    line-height: 24px;
    padding: 5px 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #444050;
    background-color: #8FD400;
}
.cart-table td.pro-remove a.btn-cart i,.cart-table td.pro-remove .btn-cart i,.cart-table td.pro-remove a i
{
    font-size: 22px;
}
.cart-table td.pro-remove a {
    font-size: 12px;
    font-weight: 500;
    color: #003882;
}

.cart-table .btn-cart i {
    vertical-align: middle;
}

.cart-table td.pro-remove a:hover {
    color: #8FD400;
}

.cart-table td.pro-remove a:before {
    transform: rotate(45deg);
}

.cart-table td.pro-remove a:after {
    transform: rotate(-45deg);
}

.cart_btns a {
    margin-left: 5px;
}

.cart_btns a i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

@media (max-width:1350px) {

    .cart-table .table {
        min-width: 880px;
        width: 100%;
        overflow: auto;
    }

    .cart-table td.pro-title a {
        font-size: 14px;
        text-align: left;
    }

    .cart-table .table tbody tr td {
        padding: 10px 5px;
    }
}

/*@media (max-width:1199px) {
        .cart-table .table tbody tr td {
            padding: 15px 10px;
        }
    }*/

@media (max-width:767px) {
    .cart-table .table thead tr th {
        padding: 5px;
    }

    .cart-table .table tbody tr td {
        padding: 10px 5px;
    }

    .cart-table td.pro-title a {
        font-size: 14px;
    }
}

/*@media only screen and (max-width:767px) {
    .cart-table td.pro-remove a {
        width: 60px;
        text-align: center;
    }

    .cart-table td.pro-thumbnail a {
        margin: 0 auto;
    }
}*/
/*-- Calculate Shipping --*/
.calculate-shipping {
    margin-bottom: 23px;
}

.calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    background-color: transparent;
}

.calculate-shipping form .nice-select::after {
    border-color: #666666;
}

.calculate-shipping form .nice-select .current {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}

.calculate-shipping form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #666666;
    background-color: transparent;
}

.calculate-shipping form input[type="submit"] {
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #8FD400;
    border-color: #8FD400;
    width: 140px;
}

.calculate-shipping form input[type="submit"]:hover {
    background-color: #5d8801;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.discount-coupon form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #666666;
    background-color: transparent;
}

.discount-coupon form input[type="submit"] {
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #8FD400;
    border-color: #8FD400;
    width: 140px;
}

.discount-coupon form input[type="submit"]:hover {
    background-color: #5d8801;
}

/*-- Cart Summary --*/
.cart-summary {
    float: right;
    max-width: 410px;
    width: 100%;
    margin-left: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary {
        margin-left: 0;
    }
}

.cart-summary .cart-summary-wrap {
    background-color: #ddd;
    padding: 45px 50px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-wrap {
        padding: 25px 30px;
    }
}

.cart-summary .cart-summary-wrap h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
}

.cart-summary .cart-summary-wrap p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    color: #444050;
}

.cart-summary .cart-summary-wrap p span {
    float: right;
}

.cart-summary .cart-summary-wrap h2 {
    border-top: 1px solid #999999;
    padding-top: 9px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #444050;
    margin: 0;
}

.cart-summary .cart-summary-wrap h2 span {
    float: right;
}

.cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.cart-summary .cart-summary-button button {
    margin-top: 10px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #666666;
    background-color: transparent;
    margin-left: 20px;
    float: right;
}

.cart-summary .cart-summary-button button:last-child {
    margin-left: 0;
}

.cart-summary .cart-summary-button button:hover {
    background-color: #8FD400;
    border-color: #8FD400;
    color: #ffffff;
}

.cart-summary .cart-summary-button button.checkout-btn {
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #8FD400;
    border-color: #8FD400;
}

.cart-summary .cart-summary-button button.checkout-btn:hover {
    background-color: #5d8801;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 20px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 10px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button button {
        width: 130px;
    }
}

/*=====  End of 14. Cart & Wishl  ======*/
/*=============================================
=            15. Checkout             =
=============================================*/
/*-- Checkout Title --*/
.checkout-title {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 40px;
    border-bottom: 0;
}

/*-- Checkout Form --*/
.checkout-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.checkout-form .nice-select {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #666666;
    margin-bottom: 15px;
}

.checkout-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #666666;
}

.checkout-form .nice-select .current {
    color: #666666;
    display: block;
    line-height: 23px;
}

.checkout-form .nice-select .list {
    width: 100%;
}

.checkout-form input {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 15px;
}

.checkout-form input[type="checkbox"] {
    width: auto;
}

.checkout-form .check-box {
    float: left;
    margin-right: 70px;
}

.checkout-form .check-box:last-child {
    margin-right: 0;
}

.checkout-form .check-box input[type="checkbox"] {
    display: none;
}

.checkout-form .check-box input[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444050;
    margin: 0;
}

.checkout-form .check-box input[type="checkbox"]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]+label::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    color: #444050;
    width: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type="checkbox"]:checked+label::before {
    border: 2px solid #444050;
}

.checkout-form .check-box input[type="checkbox"]:checked+label::after {
    opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
    display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
    background-color: #ececec;
    padding: 45px;
}

@media only screen and (max-width: 575px) {
    .checkout-cart-total {
        padding: 30px;
    }
}

.checkout-cart-total h4 {
    -ms-flex-preferred-size: 18px;
    flex-basis: 18px;
    line-height: 23px;
    font-weight: 500;
}

.checkout-cart-total h4:first-child {
    margin-top: 0;
    margin-bottom: 25px;
}

.checkout-cart-total h4:last-child {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 25px;
}

.checkout-cart-total h4 span.tot{
    min-width: 25%;
    text-align: right;
}

.checkout-cart-total ul {
    border-bottom: 1px solid #999999;
}

.checkout-cart-total ul li {
    color: #666666;
    font-size: 14px;
    line-height: 23px;
    font-weight: 500;
    display: block;
    margin-bottom: 16px;
    width: 100%;
    display: inline-block;
}

.checkout-cart-total ul li span {
    /*float: left;*/
    width: initial;
}

.checkout-cart-total ul li strong {
    color: #444050;
    text-align: right;
    width: 25%;
}

.checkout-cart-total p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #999999;
    margin: 0;
}

.checkout-cart-total p span {
    float: right;
}

.checkout-form .billing-addr {
    padding: 45px;
    background-color: rgba(0, 56, 130, 0.15);
}

.checkout-page .list-wrapper .b_a_row {
    width: 100%;
}

.checkout-page .list-wrapper .b_a_row .d-flex {
    gap: 10px;
}

.checkout-form .billing-addr .b_a_row {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.checkout-form .billing-addr .b_a_row strong {
    color: #444050;
}

.checkout-form .billing-addr .b_a_row:last-child {
    margin-bottom: 0;
}

.checkout-form .billing-addr .b_a_row.addr {
    float: left;
    width: 50%;
    padding-right: 30px;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
    background-color: #ddd;
    padding: 45px;
}

@media only screen and (max-width:575px) {

    .checkout-payment-method,
    .checkout-form .billing-addr {
        padding: 30px;
    }

    .checkout-form .billing-addr .b_a_row.addr {
        width: 100%;
    }
}

/*-- Single Payment Method --*/
.single-method {
    margin-bottom: 20px;
}

.single-method:last-child {
    margin-bottom: 0;
}

.single-method input[type="radio"] {
    display: none;
}

.single-method input[type="radio"]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444050;
    margin: 0;
}

.single-method input[type="radio"]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]+label::after {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #444050;
    width: 10px;
    text-align: center;
    height: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="radio"]:checked+label::before {
    border: 2px solid #444050;
}

.single-method input[type="radio"]:checked+label::after {
    opacity: 1;
}

.single-method input[type="checkbox"] {
    display: none;
}

.single-method input[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin: 0;
}

.single-method input[type="checkbox"]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid #999999;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]+label::after {
    position: absolute;
    left: 4px;
    top: 4px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #444050;
    width: 8px;
    text-align: center;
    height: 8px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-method input[type="checkbox"]:checked+label::before {
    border: 2px solid #444050;
}

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

.single-method p {
    display: none;
    margin-top: 8px;
    font-size: 14px;
    color: #666666;
    line-height: 23px;
}

/*-- Place Order --*/
.place-order {
    margin-top: 40px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: none;
    line-height: 24px;
    padding: 6px 20px;
    float: left;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #8FD400;
}

.place-order:hover {
    background-color: #5d8801;
}

/*=====  End of 15. Checkout   ======*/
/*=============================================
=            16. Compare            =
=============================================*/
/*-- Compare Table --*/
.compare-table {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.compare-table .table tbody tr:first-child {
    border-top: 1px solid #eeeeee;
}

.compare-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 30px;
    vertical-align: middle;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.compare-table .table tbody tr td:last-child {
    border-right: 1px solid #eeeeee;
}

.compare-table .table tbody tr td.first-column {
    min-width: 180px;
    font-size: 18px;
    font-weight: 500;
    color: #444050;
    margin: 0;
    line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
    padding-top: 50px;
}

.compare-table .table tbody tr td.product-image-title .image {
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}

.compare-table .table tbody tr td.product-image-title .image img {
    max-width: 100%;
}

.compare-table .table tbody tr td.product-image-title .category {
    font-size: 13px;
    line-height: 15px;
    color: #666666;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 10px;
}

.compare-table .table tbody tr td.product-image-title .category:hover {
    color: #8FD400;
}

.compare-table .table tbody tr td.product-image-title .title {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    line-height: 20px;
    margin-bottom: 10px;
}

.compare-table .table tbody tr td.product-image-title .title:hover {
    color: #8FD400;
}

.compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0;
}

.compare-table .table tbody tr td.pro-price {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.compare-table .table tbody tr td.pro-color {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.compare-table .table tbody tr td.pro-stock {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
    position: relative;
    background-color: #8FD400;
    color: #ffffff;
    border-radius: 50px;
    display: inline-block;
    width: 170px;
    padding: 10px 25px 10px 25px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart i.fa {
    padding-right: 10px;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    text-align: center;
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
    background-color: #5d8801;
}

.compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0;
}

.compare-table .table tbody tr td.pro-remove button i {
    font-size: 20px;
}

.compare-table .table tbody tr td.pro-ratting i {
    color: #666666;
    font-size: 14px;
}

/*=====  End of 16. Compare  ======*/
/*=============================================
=            17. My account            =
=============================================*/
.myaccount-tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff;
}

.myaccount-tab-menu a {
    border: 1px solid #eeeeee;
    border-bottom: none;
    color: #666666;
    font-weight: 500;
    font-size: 12px;
    display: block;
    padding: 15px 15px 13px;
}

.myaccount-tab-menu a:last-child {
    border-bottom: 1px solid #eeeeee;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
    background-color: #8FD400;
    color: #ffffff;
}

.myaccount-tab-menu a i {
    font-size: 20px;
    text-align: center;
    width: 25px;
}

@media(max-width: 575px) {
    .myaccount-tab-menu a {
        width: 100% !important;
    }
}

/*-- My Account Content -*/
.myaccount-content {
    background-color: #ffffff;
    font-size: 14px;
    border: 1px solid #eeeeee;
    padding: 30px;
}

@media only screen and (max-width: 575px) {
    .myaccount-content {
        padding: 20px 15px;
    }

    .myaccount-tab-menu a {
        width: 100% !important;
    }
}

.myaccount-content h3 {
    border-bottom: 1px dashed #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.myaccount-content .welcome a {
    color: #444050;
}

.myaccount-content .welcome a:hover {
    color: #8FD400;
}

.myaccount-content .welcome strong {
    font-weight: 600;
}

.myaccount-content a.edit-address-btn {
    background: none;
    border: none;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #8FD400;
    border-color: #8FD400;
    padding: 10px 20px;
    border-radius: 50px;
}

.myaccount-content a.edit-address-btn i {
    padding-right: 5px;
}

.myaccount-content a.edit-address-btn:hover {
    background-color: #5d8801;
}

.myaccount-content button.save-change-btn {
    background: none;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #8FD400;
    border-color: #8FD400;
    width: 140px;
    padding: 10px 0;
    border-radius: 50px;
}

.myaccount-content button.save-change-btn:hover {
    background-color: #5d8801;
}

/*-- My Account Table -*/
.myaccount-table {
    white-space: nowrap;
    font-size: 15px;
}

.myaccount-table table th,
.myaccount-table .table th {
    padding: 10px;
}

.myaccount-table table td,
.myaccount-table .table td {
    padding: 20px 10px;
    vertical-align: middle;
    color: #2f2f2f;
}

.saved-message {
    border-top: 3px solid #8FD400;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
    font-size: 13px;
    padding: 20px;
}

@media(max-width: 767px) {
    .myaccount-table .table {
        text-align: left !important;
    }

    .myaccount-table .table tbody tr td {
        display: block;
        font-weight: 500;
        text-align: left !important;
    }

    .myaccount-table .table tbody tr td:before {
        content: attr(data-title) ": ";
        float: left;
        width: 40%;
        font-weight: 400;
    }

    .myaccount-table .table tbody tr td:last-child:before {
        content: none;
    }

    .myaccount-table .table tbody tr td:last-child {
        text-align: center !important;
        margin-bottom: 30px;
    }

    .myaccount-table .table thead {
        display: none;
    }
}

/*-- My Account Details Form -*/
.account-details-form h4 {
    margin: 0;
}

.account-details-form input {
    display: block;
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 50px;
    line-height: 24px;
    padding: 11px 25px;
    color: #656565;
}

/*=====  End of 17. My account  ======*/
/*=============================================
=            18. Login register            =
=============================================*/
/*-- Checkout Title --*/
.login_page {
    background-image: url('../images/login-bg.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
}

.login-wrapper {
    height: 100vh;
    width: 100%;
    display: table;
}

.login-wrapper .page-content {
    width: 500px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.login-title {
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 0px;
}

.login-wrapper .login-form {
    background-color: #ffffff;
    padding: 30px;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    width: 500px;
}

.login-wrapper .login-form .fgt_pw {
    margin-top: 7px;
    float: right;
}

.back {
    float: right;
    padding: 6px 5px 6px 0;
    color: #2f2f2f;
}

.back:hover {
    color: #003882;
}

.back i {
    font-size: 22px;
    font-weight: 5000;
    color: #2f2f2f;
    margin-right: 10px;
    vertical-align: -2px;
}

/*login_new*/
.login_page .l-part a.logo {
    max-width: 200px;
    position: absolute;
    top: 35px;
    left: 35px;
}

.login_page .l-part a.logo:before {
    content: "";
    position: absolute;
    left: -70px;
    top: -70px;
    width: 305px;
    height: 45px;
    background: #a2d92f;
    border-radius: 50px;
}

.login_page .l-part {
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_page .l-part {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.login_page .l-part .b-text {
    margin-bottom: 200px;
    display: block;
    font-size: 60px;
    line-height: initial;
    color: #222222;
    max-width: 650px;
}

.login_page .l-part .b-text span {
    display: table;
    color: #444050;
    font-size: 18px;
    margin-bottom: 10px;
    border-bottom: 2px solid #8fd400;
    padding-bottom: 5px;
}

.login_page .l-part img.img-prd {
    max-width: 650px;
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0;
    margin: auto;
    filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.login_page .r-part {
    height: 100%;
    padding: 190px 80px 80px 80px;
    box-shadow: 0 -30px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    min-height: 700px;
}

.login_page .r-part h1 {
    font-size: 28px;
    color: #222222;
    margin-bottom: 5px;
    line-height: initial;
}

.login_page .r-part h1 span {
    display: block;
    font-size: 20px;
    color: #003882;
    margin-bottom: 5px;
}
.sp-login .r-part h1 span
{
    color: #8FD400;
}
.login_page .r-part h1+b {
    color: #a2a2a2;
    font-weight: 600;
}

.login_page .r-part label {
    line-height: initial;
}

.login_page .r-part h1+b+.form-group,
.login_page .r-part h1+b+form {
    margin-top: 50px;
}

.login_page .r-part .row {
    margin-top: 50px;
}

.login_page {
    background: transparent;
}

.login_page .l-part * {
    position: relative;
    z-index: 1;
}

.login_page .l-part {
    background: url(../images/bg-login.jpg) no-repeat 0 0 / cover;
    height: 100%;
}

.login_page .l-part:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
}

.login_page .l-part:before {
    content: "";
    position: absolute;
    left: 20px;
    right: -100%;
    bottom: 0;
    background: rgba(143, 212, 0, 0.8);
    height: 150px;
    transform: skewX(135deg);
    border-top-left-radius: 50px;
    z-index: 1;
}

.login_page .r-part:before {
    content: "";
    position: absolute;
    top: -250px;
    left: -250px;
    right: 150px;
    height: 430px;
    width: 430px;
    background: rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    z-index: -1;
}

.login_page .r-part:after {
    content: "";
    position: absolute;
    right: -320px;
    bottom: -280px;
    height: 430px;
    width: 430px;
    background: rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    z-index: -1;
}

.login_page .form-control {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    height: 45px;
    padding: 0 20px;
    border-radius: 50px;
}

.login_page .login-button {
    font-weight: 600;
    height: 45px;
    font-size: 16px;
    padding: 0px 20px;
    border-radius: 50px;
    width: 100%;
    margin-top: 40px;
}

.login_page .login-button:hover {
    background-color: #7eba00;
}

.login_page .r-member a {
    color: #003882;
}

.login_page .r-member a:hover {
    color: #8FD400;
}

.login_page .r-member label {
    margin: 0;
}

.check-box input {
    display: none;
}

.check-box input+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.check-box input+label::selection {
    background: #ffffff;
}

.check-box input~label:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.check-box input~label:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 4px;
    border-bottom: 1px solid #8FD400;
    left: 4px;
    top: 7px;
    border-left: 1px solid #8FD400;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    opacity: 0;
}

.check-box input:checked~label:after {
    opacity: 1;
}
.dataTable .check-box input+label
{
    height: 17px;
    margin-bottom: 0px;
}
.login_page .c-ac a {
    text-decoration: underline;
    font-weight: 600;
}
.login_page .logo
{
    max-width: 200px;
}
.login_page .sb-text
{
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 12px;
}
.login_page .s-login
{
    font-weight: 600;
    color: #003882;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.login_page .s-login:hover
{
    color: #8FD400;
}
.login_page .s-login i
{
    vertical-align: middle;
    font-size: 20px;
    margin-right: 7px;
    font-weight: initial;
}
.f-pass .logo,.c-pass .logo
{
    margin-bottom: 25px;
}
.sp-login .r-part
{
    background: #003882;
}
.sp-login .alert-danger
{
    background-color: #ff0b25;
    border-color: #ff0b25;
}
.sp-login .r-part:before,.sp-login .r-part:after
{
    z-index: 1;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0 0 0px 2px rgba(255, 255, 225,0.05);
}
.sp-login .logo,.sp-login .erp-logo
{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.sp-login .r-part label,.sp-login .check-box input+label,.sp-login a.fgt_pw,.sp-login .s-login,.sp-login .sb-text
{
    color: #ffffff;
}
.sp-login .check-box input~label:before
{
    border-color: rgba(255,255,255,0.3);
}
.login_page .erp-logo
{
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 40px;
    margin-bottom: 15px;
    max-width: 120px;
}
/*loader*/
.loader
{
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(255,255,255,0.5);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.loader.show
{
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
.loader b
{
    color: #003882;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    margin-top: 25px;
}
.loader b span
{
    display: block;
    font-size: 35px;
    margin-bottom: 10px;
    color: #222222;
    text-transform: uppercase;
    font-weight: 700;
}
.pl {
  width: 6em;
  height: 6em;
}

.pl__ring {
  animation: ringA 2s linear infinite;
}

.pl__ring--a {
  stroke: #64c6c2;
}

.pl__ring--b {
  animation-name: ringB;
  stroke: #19a362;
}

.pl__ring--c {
  animation-name: ringC;
  stroke: #df4f43;
}

.pl__ring--d {
  animation-name: ringD;
  stroke: #ffc81b;
}

/* Animations */
@keyframes ringA {
  from, 4% {
    stroke-dasharray: 0 660;
    stroke-width: 20;
    stroke-dashoffset: -330;
  }

  12% {
    stroke-dasharray: 60 600;
    stroke-width: 30;
    stroke-dashoffset: -335;
  }

  32% {
    stroke-dasharray: 60 600;
    stroke-width: 30;
    stroke-dashoffset: -595;
  }

  40%, 54% {
    stroke-dasharray: 0 660;
    stroke-width: 20;
    stroke-dashoffset: -660;
  }

  62% {
    stroke-dasharray: 60 600;
    stroke-width: 30;
    stroke-dashoffset: -665;
  }

  82% {
    stroke-dasharray: 60 600;
    stroke-width: 30;
    stroke-dashoffset: -925;
  }

  90%, to {
    stroke-dasharray: 0 660;
    stroke-width: 20;
    stroke-dashoffset: -990;
  }
}

@keyframes ringB {
  from, 12% {
    stroke-dasharray: 0 220;
    stroke-width: 20;
    stroke-dashoffset: -110;
  }

  20% {
    stroke-dasharray: 20 200;
    stroke-width: 30;
    stroke-dashoffset: -115;
  }

  40% {
    stroke-dasharray: 20 200;
    stroke-width: 30;
    stroke-dashoffset: -195;
  }

  48%, 62% {
    stroke-dasharray: 0 220;
    stroke-width: 20;
    stroke-dashoffset: -220;
  }

  70% {
    stroke-dasharray: 20 200;
    stroke-width: 30;
    stroke-dashoffset: -225;
  }

  90% {
    stroke-dasharray: 20 200;
    stroke-width: 30;
    stroke-dashoffset: -305;
  }

  98%, to {
    stroke-dasharray: 0 220;
    stroke-width: 20;
    stroke-dashoffset: -330;
  }
}

@keyframes ringC {
  from {
    stroke-dasharray: 0 440;
    stroke-width: 20;
    stroke-dashoffset: 0;
  }

  8% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -5;
  }

  28% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -175;
  }

  36%, 58% {
    stroke-dasharray: 0 440;
    stroke-width: 20;
    stroke-dashoffset: -220;
  }

  66% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -225;
  }

  86% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -395;
  }

  94%, to {
    stroke-dasharray: 0 440;
    stroke-width: 20;
    stroke-dashoffset: -440;
  }
}

@keyframes ringD {
  from, 8% {
    stroke-dasharray: 0 440;
    stroke-width: 20;
    stroke-dashoffset: 0;
  }

  16% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -5;
  }

  36% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -175;
  }

  44%, 50% {
    stroke-dasharray: 0 440;
    stroke-width: 20;
    stroke-dashoffset: -220;
  }

  58% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -225;
  }

  78% {
    stroke-dasharray: 40 400;
    stroke-width: 30;
    stroke-dashoffset: -395;
  }

  86%, to {
    stroke-dasharray: 0 440;
    stroke-width: 20;
    stroke-dashoffset: -440;
  }
}
@media (max-width:1700px) {
    .login_page .r-part {
        padding: 190px 50px 50px 50px;
    }
    .login_page .erp-logo
    {
        margin-right: 40px;
    }
}

@media (max-width:1199px) {
    .login_page .l-part img.img-prd {
        max-width: 350px;
    }

    .login_page .l-part .b-text {
        font-size: 35px;
        max-width: 410px;
    }
}

@media (max-width:991px) {
    .login_page .l-part {
        min-height: calc(100vh - 478px);
    }

    .login_page .l-part a.logo:before {
        width: 260px;
    }
}

@media (max-width:991px) and (orientation:landscape) {
    .login_page .l-part {
        min-height: 600px;
    }
}

@media (max-width:767px) {
    .login_page .l-part {
        min-height: 650px;
    }

    .login_page .l-part .b-text {
        font-size: 25px;
        max-width: 280px;
    }

    .login_page .l-part a.logo:before {
        width: 230px;
    }
    .loader b
    {
        font-size: 14px;
        margin-top: 15px;
    }
    .loader b span
    {
        font-size: 25px;
    }
    .pl
    {
        width: 70px;
        height: 70px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .login-form {
        padding: 15px;
    }
}

.login-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

.login-form .nice-select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #666666;
    margin-bottom: 15px;
}

.login-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #666666;
}

.login-form .nice-select .current {
    color: #666666;
    display: block;
    line-height: 23px;
}

.login-form .nice-select .list {
    width: 100%;
}

.login-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 15px;
}

.login-form input[type="checkbox"] {
    width: auto;
}

.login-form .check-box {
    float: left;
    margin-right: 70px;
}

.login-form .check-box:last-child {
    margin-right: 0;
}

.login-form .check-box input[type="checkbox"] {
    display: none;
}

.login-form .check-box input[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444050;
    margin: 0;
}

.login-form .check-box input[type="checkbox"]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #999999;
    border-radius: 4px;
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.login-form .check-box input[type="checkbox"]+label::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    color: #444050;
    width: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.login-form .check-box input[type="checkbox"]:checked+label::before {
    border: 1px solid #444050;
}

.login-form .check-box input[type="checkbox"]:checked+label::after {
    opacity: 1;
}

/*-- Place Order --*/
.login-button {
    display: block;
    margin-top: 40px;
    width: 140px;
    border-radius: 50px;
    height: 38px;
    border: none;
    line-height: 24px;
    padding: 7px 21px;
    font-weight: 400;
    color: #ffffff;
    background-color: #8FD400;
}

.login-button:hover {
    background-color: #7eba00;
}

.login_page .btn-back {
    margin: auto;
    display: table;
    margin-top: 20px;
}

.login_page .info-pass {
    margin-top: 5px;
}

.login_page .info-pass p {
    line-height: initial;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.login_page .invalid11:before,
.login_page .valid11:before {
    position: absolute;
    left: 0px;
}

@media(max-width: 768px) {
    .login-wrapper .page-content {
        width: 100%;
        padding: 50px 0;
    }

    .login-wrapper .login-form {
        width: 90%;
    }

    .login_page .login-wrapper a img {
        width: 100%;
        padding: 20px;
    }
}

@media(max-width: 479px) {
    .login-wrapper .page-content {
        padding: 0;
    }

    .login-wrapper .login-form {
        margin-bottom: 30px;
    }
}

@media(max-width: 320px) {
    .page-content img {
        max-width: 150px;
    }

    .login-wrapper .login-form {
        padding: 15px;
    }

    .login-form .check-box input[type="checkbox"]+label,
    .login-wrapper .login-form .fgt_pw {
        font-size: 12px;
    }
}

/*=====  End of 18. Login register   ======*/
/*=============================================
=            19. FAQ            =
=============================================*/
.faq-area .panel.panel-default {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.faq-area .faq-wrapper .card,
.faq-area .faq-wrapper .card-header {
    border-radius: 0;
}

.faq-area .faq-wrapper .card {
    margin-bottom: 15px;
}

.faq-area .faq-wrapper .card-header {
    padding: 0;
    border-bottom: 0;
    background-color: #e9e9e9;
}

.faq-area .faq-wrapper .card-header h5 button {
    width: 100%;
    text-align: left;
    color: #333;
    font-weight: 500;
    padding: 10px 20px;
    position: relative;
}

.faq-area .faq-wrapper .card-header h5 button span {
    position: absolute;
    right: 10px;
}

.faq-area .faq-wrapper .card-header h5 button span i.fa {
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.faq-area .faq-wrapper .card-header h5 button:hover,
.faq-area .faq-wrapper .card-header h5 button:focus {
    text-decoration: none;
}

.faq-area .faq-wrapper .card-header h5 button[aria-expanded="true"] {
    background-color: #8FD400;
    color: #ffffff;
    border-radius: 0;
}

.faq-area .faq-wrapper .card-header h5 button[aria-expanded="true"] span i.fa.fa-chevron-down {
    visibility: visible;
    opacity: 1;
    display: inline;
}

.faq-area .faq-wrapper .card-header h5 button[aria-expanded="false"] span i.fa.fa-chevron-up {
    visibility: visible;
    opacity: 1;
    display: inline;
}

.faq-area .billing-information-wrapper,
.faq-area .shipping-information-wrapper,
.faq-area .shipping-method-wrapper,
.faq-area .payment-info-wrapper,
.faq-area .order-review-wrapper {
    background-color: #fff;
    padding: 30px 20px;
}

.faq-area .account-info-wrapper {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 28px;
    padding-bottom: 30px;
}

.faq-area .billing-info {
    margin-bottom: 20px;
}

.faq-area .billing-info>label {
    color: #242424;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

.faq-area .billing-info input,
.faq-area .billing-info .billing-select,
.faq-area .billing-info select {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #242424;
    height: 40px;
    padding: 0 15px;
    width: 100%;
}

.faq-area .billing-btn>button,
.faq-area .edit-btn,
.faq-area .del-btn {
    color: #fff;
    background-color: #666666;
    display: inline-block;
    padding: 10px 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    border: none;
}

.faq-area .billing-btn>button:hover,
.faq-area .edit-btn:hover,
.faq-area .del-btn:hover {
    background-color: #8FD400;
}

.faq-area .del-btn {
    background-color: #8FD400;
}

.faq-area .entries-wrapper {
    border: 1px solid #eaeaea;
    position: relative;
}

.faq-area .entries-wrapper:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    left: 50%;
    top: 0;
    background-color: #eaeaea;
}

.faq-area .entries-wrapper .entries-info {
    padding: 30px 20px;
}

/*=====  End of 19. FAQ  ======*/
/*=============================================
=            20. Contact            =
=============================================*/
h3.contact-page-title {
    font-size: 32px;
    line-height: 43px;
    color: #444050;
    font-weight: 500;
    margin-bottom: 15px;
}

.contact-page-side-content {
    padding: 20px;
}

@media only screen and (max-width:575px) {
    h3.contact-page-title {
        font-size: 25px;
    }
}

.single-contact-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

@media only screen and (max-width:575px) {
    .single-contact-block {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

.single-contact-block:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.single-contact-block h4 {
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color: #444050;
}

.single-contact-block h4 img {
    margin: 5px 20px 20px 0;
}

.single-contact-block p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 29px;
    color: #666666;
}

.contact-form .form-group:last-child {
    margin-bottom: 0;
}

span.required {
    color: red;
}

@media (max-width:1199px) {
    .contact-page-side-content {
        padding: 15px;
    }

    .single-contact-block p {
        font-size: 14px;
    }

    .single-contact-block h4 img {
        margin: 5px 10px 5px 0;
        width: 40px;
    }
}

@media only screen and (max-width:575px) {
    .single-contact-block h4 {
        font-size: 20px;
    }
}

.contact-map {
    border-left: 1px solid rgba(0, 56, 130, 0.08);
}

/*----------  contact form  ----------*/
.contact-form .form-group {
    margin-bottom: 17px;
}

.contact-form label {
    display: block;
    font-size: 15px;
    line-height: 29px;
    font-weight: 400;
    color: #888888;
    margin-bottom: 0;
}

.contact-form input {
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    line-height: inherit;
    outline: none;
    border: 1px solid rgba(0,56,130,0.08);
    padding-left: 20px;
    border-radius: 50px;
}

.contact-form textarea {
    background-color: #ffffff;
    width: 100%;
    outline: none;
    border: 1px solid rgba(0,56,130,0.08);
    padding-left: 20px;
    line-height: 50px;
    height: 200px;
    border-radius: 8px;
}

/*=====  End of 20. Contact  ======*/
/*=============================================
=            20. Blog            =
=============================================*/
.single-blog-post {
    padding: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}

.single-blog-post.gallery-type-post {
    display: block;
}

.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow {
    visibility: visible;
    opacity: 0.6;
}

.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow:hover {
    opacity: 1;
}

.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-next {
    right: 10px;
}

.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-prev {
    left: 10px;
}

.single-blog-post.gallery-type-post .slick-arrow {
    position: absolute;
    top: 50%;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #323232;
    color: #ffffff;
    line-height: 40px;
    z-index: 9;
    margin-top: -20px;
    visibility: hidden;
    opacity: 0;
}

.single-blog-post.gallery-type-post .slick-next {
    right: 30px;
    left: auto;
}

.single-blog-post.gallery-type-post .slick-prev {
    left: 30px;
    right: auto;
}

.single-blog-post .single-blog-post-media {
    position: relative;
}

.single-blog-post .single-blog-post-media .blog-categories {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

.single-blog-post .single-blog-post-media .blog-categories ul li {
    display: inline-block;
}

.single-blog-post .single-blog-post-media .blog-categories ul li a {
    display: block;
    background-color: #ffffff;
    padding: 5px 10px;
    text-transform: capitalize;
    margin-right: 5px;
    border-radius: 3px;
}

.single-blog-post .single-blog-post-media .blog-categories ul li a:hover {
    background-color: #8FD400;
    color: #ffffff;
}

.single-blog-post .single-blog-post-media .video {
    overflow: hidden;
}

.single-blog-post .single-blog-post-media .video iframe {
    width: 100%;
    height: 300px;
}

@media only screen and (max-width: 479px) {
    .single-blog-post .single-blog-post-media .video iframe {
        height: 200px;
    }
}

.single-blog-post .single-blog-post-content .post-audio {
    overflow: hidden;
}

.single-blog-post .single-blog-post-content .post-audio iframe {
    width: 100%;
}

.single-blog-post .single-blog-post-content h3.post-title {
    font-size: 29px;
    line-height: 39px;
    color: #242424;
    margin-bottom: 20px;
}

@media only screen and (max-width: 575px) {
    .single-blog-post .single-blog-post-content h3.post-title {
        font-size: 25px;
    }
}

.single-blog-post .single-blog-post-content h3.post-title.sticky {
    position: relative;
    padding-left: 25px;
}

.single-blog-post .single-blog-post-content h3.post-title.sticky:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f08d";
    font-family: fontAwesome;
    font-size: 25px;
}

.single-blog-post .single-blog-post-content .post-meta {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.single-blog-post .single-blog-post-content .post-meta p span {
    color: #999999;
}

.single-blog-post .single-blog-post-content .post-meta p a {
    font-weight: 500;
    color: #323232;
}

.single-blog-post .single-blog-post-content .post-meta p a:hover {
    color: #8FD400;
}

.single-blog-post .single-blog-post-content .post-meta p span.separator {
    padding: 0 5px;
}

.single-blog-post .single-blog-post-content p.post-excerpt {
    font-size: 15px;
    line-height: 29px;
}

/*=====  End of 20. Blog  ======*/
/*=============================================
=            21. Blog Post            =
=============================================*/
.blog-single-post-container {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 25px;
}

.blog-single-post-container h3.post-title {
    font-size: 34px;
    line-height: 46px;
    color: #444050;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}

@media only screen and (max-width: 479px) {
    .blog-single-post-container h3.post-title {
        font-size: 25px;
    }
}

.blog-single-post-container .post-meta {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.blog-single-post-container .post-meta p span {
    color: #999999;
}

.blog-single-post-container .post-meta p a {
    font-weight: 500;
    color: #323232;
}

.blog-single-post-container .post-meta p a:hover {
    color: #8FD400;
}

.blog-single-post-container .post-meta p span.separator {
    padding: 0 5px;
}

.blog-single-post-container .single-blog-post-media {
    position: relative;
    margin-bottom: 50px;
}

.blog-single-post-container .single-blog-post-media .blog-categories {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

.blog-single-post-container .single-blog-post-media .blog-categories ul li {
    display: inline-block;
}

.blog-single-post-container .single-blog-post-media .blog-categories ul li a {
    display: block;
    background-color: #ffffff;
    padding: 5px 10px;
    text-transform: capitalize;
    margin-right: 5px;
    border-radius: 3px;
}

.blog-single-post-container .single-blog-post-media .blog-categories ul li a:hover {
    background-color: #8FD400;
    color: #ffffff;
}

.blog-single-post-container .single-blog-post-media .video {
    overflow: hidden;
}

.blog-single-post-container .single-blog-post-media .video iframe {
    width: 100%;
    height: 500px;
}

@media only screen and (max-width: 767px) {
    .blog-single-post-container .single-blog-post-media .video iframe {
        height: 400px;
    }
}

@media only screen and (max-width: 479px) {
    .blog-single-post-container .single-blog-post-media .video iframe {
        height: 250px;
    }
}

.blog-single-post-container .post-audio {
    overflow: hidden;
}

.blog-single-post-container .post-audio iframe {
    width: 100%;
    height: 100px;
}

.blog-single-post-container .post-content p {
    font-size: 15px;
    line-height: 29px;
}

.blog-single-post-container .post-content blockquote {
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #8FD400;
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
    margin: 40px 0 40px 40px;
    padding: 30px 45px;
}

@media only screen and (max-width: 479px) {
    .blog-single-post-container .post-content blockquote {
        margin-left: 10px;
        padding: 15px 20px;
    }
}

.blog-single-post-container .tag-area {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
}

.blog-single-post-container .tag-area span {
    color: #999999;
}

.blog-single-post-container .tag-area ul {
    display: inline-block;
}

.blog-single-post-container .tag-area ul li {
    display: inline-block;
}

.blog-single-post-container .tag-area ul li a {
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    color: #323232;
}

.blog-single-post-container .social-share-buttons {
    text-align: center;
}

.blog-single-post-container .social-share-buttons h3 {
    background: none;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 26px;
    margin: 0 20px;
    text-transform: uppercase;
    width: auto;
    font-weight: 500;
    margin-bottom: 15px;
}

.blog-single-post-container .social-share-buttons ul li {
    display: inline-block;
}

.blog-single-post-container .social-share-buttons ul li a {
    background: #f7f7f7;
    border-radius: 100%;
    color: #353535;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    text-align: center;
    width: 26px;
}

.blog-single-post-container .social-share-buttons ul li a:hover {
    background-color: #8FD400;
    color: #ffffff;
}

.blog-single-post-container .related-post-container h3.related-post-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #444050;
}

.blog-single-post-container .related-post-container .single-related-post .image {
    margin-bottom: 15px;
}

.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 23px;
}

.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title span {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #999999;
    font-weight: 400;
    margin-top: 5px;
}

/*----------  single blog post media  ----------*/
.single-blog-post-media {
    position: relative;
}

.single-blog-post-media:hover .slick-arrow {
    visibility: visible;
    opacity: 0.6;
}

.single-blog-post-media:hover .slick-arrow:hover {
    opacity: 1;
}

.single-blog-post-media:hover .slick-next {
    right: 10px;
}

.single-blog-post-media:hover .slick-prev {
    left: 10px;
}

.single-blog-post-media .slick-arrow {
    position: absolute;
    top: 50%;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #323232;
    color: #ffffff;
    line-height: 40px;
    z-index: 9;
    margin-top: -20px;
    visibility: hidden;
    opacity: 0;
}

.single-blog-post-media .slick-next {
    right: 30px;
    left: auto;
}

.single-blog-post-media .slick-prev {
    left: 30px;
    right: auto;
}

/*----------  comment container  ----------*/
h3.comment-counter {
    margin-bottom: 20px;
    font-weight: 500;
}

.comment-container .single-comment {
    position: relative;
    border: 1px solid #e0e0e0;
    margin: 0 0 30px;
    padding: 30px;
    width: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comment-container .single-comment.reply-comment {
    margin-left: 10%;
    width: 90%;
}

.comment-container .single-comment:last-child {
    margin-bottom: 0;
}

.comment-container .single-comment span.reply-btn {
    position: absolute;
    top: 30px;
    right: 30px;
}

.comment-container .single-comment span.reply-btn a {
    display: inline-block;
    border: 1px solid #8FD400;
    color: #8FD400;
    padding: 0 15px;
    font-weight: 500;
    border-radius: 50px;
    font-size: 13px;
}

.comment-container .single-comment span.reply-btn a:hover {
    background-color: #8FD400;
    color: #ffffff;
}

.comment-container .single-comment .image {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
}

.comment-container .single-comment .content {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 20px;
}

.comment-container .single-comment .content h3 {
    font-size: 15px;
    line-height: 29px;
    color: #999999;
    font-weight: 700;
    font-style: italic;
}

.comment-container .single-comment .content h3 span.comment-time {
    font-size: 14px;
    line-height: 29px;
    color: #999999;
    font-weight: 400;
    display: block;
}

.comment-container .single-comment .content p.comment-text {
    color: #999999;
    font-size: 15px;
}

/*----------  comment form  ----------*/
.comment-form-container h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #444050;
    margin-bottom: 25px;
}

.comment-form-container p {
    font-size: 12px;
    line-height: 23px;
    color: #999999;
}

/*----------  comment form  ----------*/
.comment-form label {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 29px;
    color: #999999;
    font-weight: 500;
}

.comment-form textarea {
    border: 1px solid #e0e0e0;
    height: 130px;
    width: 100%;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.comment-form input {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    height: 50px;
    line-height: 48px;
    width: 100%;
    padding: 0 15px;
    vertical-align: middle;
}

/*=====  End of 21. Blog Post  ======*/
/*=============================================
=           22.  Footer           =
=============================================*/
footer {
    background-color: #ffffff;
}

/*----------  newsletter section  ----------*/
.newsletter-section {
    background-color: #008459;
    color: #ffffff;
}

.newsletter-section .newsletter-title h1 {
    color: #ffffff;
    font-size: 31px;
    line-height: 42px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-section .newsletter-title h1 {
        font-size: 25px;
        line-height: 30px;
    }
}

.subscription-form-wrapper p {
    margin-bottom: 0;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

@media only screen and (max-width: 479px) {
    .subscription-form-wrapper p {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.subscription-form {
    position: relative;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding-right: 160px;
    background-color: #ffffff;
    height: 50px;
    border-radius: 50px;
    padding-top: 12px;
    padding-left: 20px;
}

@media only screen and (max-width: 479px) {
    .subscription-form {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-right: 120px;
    }
}

.subscription-form input {
    width: 100%;
    border: none;
}

.subscription-form button {
    position: absolute;
    top: 3px;
    right: 3px;
    background: none;
    border: none;
    background-color: #8FD400;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px;
}

@media only screen and (max-width: 479px) {
    .subscription-form button {
        padding: 10px 20px;
    }
}

.subscription-form button:hover {
    background-color: #5d8801;
}

.subscription-form .mailchimp-alerts {
    position: absolute;
    top: 50px;
}

/*----------  social contact section  ----------*/
.social-contact-section {
    background-color: rgba(0, 56, 130, 0.1);
    padding: 50px 0;
}

.social-contact-section h2 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 500;
    margin-right: 50px;
    float: left;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .social-contact-section {
        padding: 20px 0;
    }

    .social-contact-section h2 {
        float: none;
        margin-bottom: 20px;
        font-size: 22px;
    }
}

.social-links a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    position: relative;
}

.social-links a:last-child {
    margin-right: 0;
}

.social-links a.facebook {
    background-color: #4867AA;
}

.social-links a.facebook:hover {
    background-color: #30436b;
}

.social-links a.twitter {
    background-color: #1DA1F2;
}

.social-links a.twitter:hover {
    background-color: #4e98e6;
}

.social-links a.instagram {
    background-color: #B23A94;
}

.social-links a.instagram:hover {
    background-color: #882e71;
}

.social-links a.linkedin {
    background-color: #007BB6;
}

.social-links a.linkedin:hover {
    background-color: #0b577b;
}

.social-links a.rss {
    background-color: #F99C3A;
}

.social-links a.rss:hover {
    background-color: #e88720;
}

.social-links a:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 400;
    background-color: #444444;
    color: #ffffff;
    line-height: 16px;
    padding: 5px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.social-links a:after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 8px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.social-links a:hover:before,
.social-links a:hover:after {
    visibility: visible;
    opacity: 1;
}

.single-contact {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
}

@media only screen and (max-width:767px) {
    .single-contact {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width:479px) {
    .single-contact {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.single-contact .icon {
    font-size: 40px;
    margin-right: 10px;
    color: #003882;
}

.single-contact p {
    color: #777777;
}

.single-contact p a,
.single-contact p span {
    display: block;
    line-height: 20px;
    color: #777777;
}

.single-contact p a:hover {
    color: #003882;
}

.single-contact p strong {
    color: #2f2f2f;
}

.single-contact:first-child {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .single-contact:first-child {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-contact:first-child {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width:767px) {
    .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width:479px) {
    .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

/*----------  copyright section  ----------*/
footer .footer-main {
    position: relative;
    z-index: 0;
    padding: 15px 0;
}

footer .footer-main .f-m_link {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    letter-spacing: 1px;
}

footer .footer-main .f-m_link li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

footer .footer-main .f-m_link li+li {
    margin-left: 15px;
}

footer .footer-main .f-m_link li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: #aacef9;
}

footer .footer-main .f-m_link li a:hover {
    color: #fff;
}

footer .footer-main .f-m_copyright,
footer .footer-main .f-m_designed {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

footer .footer-main .f-m_copyright {
    text-align: left;
}

footer .footer-main .f-m_designed {
    position: relative;
    text-align: right;
}
footer .f-m_designed img
{
    max-width: 105px;
}
footer .footer-main .f-m_designed .f-m_d_logo {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    display: inline-block;
    top: 1px;
    background-repeat: no-repeat;
    height: 15px;
    width: 58px;
    margin-left: 3px;
}

footer .footer-main .f-m_designed a {
    color: #093f82;
    font-size: 12px;
    font-weight: 700;
}

footer .footer-main .f-m_designed a:hover {
    color: #fff;
    font-weight: 700;
    opacity: .6;
}

@media(max-width: 991px) {

    footer .footer-main .f-m_copyright,
    footer .footer-main .f-m_designed {
        text-align: center;
    }
}

/*=====  End of 22. Footer ======*/

.thank-you {
    text-align: center;
}
.page-content:has(.thank-you)
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.thank-you .btn_primary
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    gap: 0 5px;
}
.thank-you .lnk-inv a
{
    font-size: 18px;
    gap: 0 5px;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    padding: 12px 24px;
    background: #fff;
}
.thank-you .lnk-inv a i
{
    font-weight: initial;
    font-size: 20px;
}
body:has(.thank-you)
{
    background: #f7f7f7 !important;
}
.thank-you .thank-you-title {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #ffffff;
}
.thank-you
{
    border: 4px double rgba(255, 255, 255, 0.5);
    padding: 50px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(10px);
    max-width: 520px;
}
.thank-you :is(h1, h2, h3, h4, h5, h6) {
    border-bottom: 0px;
}

.thank-you h3 {
    display: table;
    margin: auto;
    position: relative;
    font-size: 18px;
    max-width: 360px;
    line-height: initial;
    color: #ffffff;
}

.thank-you h3:before,
.thank-you h3:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #8fd400;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.thank-you h3:before {
    left: -30px;
}

.thank-you h3:after {
    right: -30px;
}

@media only screen and (max-width: 991px) {

    .order-sm-2 {
        order: 1 !important;
        -webkit-order: 1 !important;
        margin-top: -60px;
    }

    .order-sm-1 {
        order: 2 !important;
        -webkit-order: 2 !important;
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .thank-you img {
        max-width: 275px;
    }
}

@media only screen and (min-width:0) and (max-width:479px) {
    .menubar-top {
        height: auto;
        width: 85%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

@media only screen and (min-width:479px) and (max-width: 767px) {
    .menubar-top {
        height: auto;
        width: 90%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .menubar-top {
        margin-top: 20px;
    }
}

@media only screen and (min-width:767px) and (max-width: 991px) {
    .menubar-top {
        height: auto;
        width: 90%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.row,
.d-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.img-fluid {
    width: 100%;
}

/*=====  Thankyou Page Start ======*/

/*=====  Thankyou Page Ends ======*/
/*custom-css*/
.page-content {
    min-height: calc(100vh - 183px);
    margin: 35px 0;
}

.header-advance-search.header-top-search {
    height: 35px;
    margin-left: 0px;
    margin-top: 10px;
    max-width: 100%;
    line-height: inherit;
    flex-basis: initial;
    width: calc(100% - 450px);
    line-height: inherit;
}

.header-advance-search {
    height: 35px;
    margin-left: 0px;
    margin-top: 10px;
}

.header-advance-search input {
    margin-top: 0px;
    /*padding-top:5px;*/
}

.myaccount-tab-menu a {
    padding: 8.5px 10px 8.5px 40px;
    position: relative;
}

.myaccount-tab-menu a i {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #8FD400;
}

.progress-bar {
    background: #8fd400 !important;
    box-shadow: none !important;
}

.progress {
    height: 23px !important;
}

/*IE note*/
.buorg {
    position: static;
    text-align: center;
    display: none;
    background-color: #8FD400;
    padding: 8px 15px;
    z-index: 99999;
    width: 100%;
}

.buorg .buorg__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #fff;
}

.buorg a {
    color: #333;
}

.single-contact .icon {
    min-width: 35px;
}

.buorg i {
    color: #fff;
}

@media (max-width:1199px) {
    .myaccount-tab-menu a {
        font-size: 10px;
    }
}

@media (max-width:991px) {
    .header-advance-search.header-top-search {
        width: 100%;
        margin-top: 0px
    }
}

@media (max-width:767px) {
    /*.page-content {
            min-height: 400px;
        }*/
}

/* Products page table responsive code*/

@media only screen and (max-width: 991px) {

    /* Force table to not be like tables anymore */
    .products-list-page table,
    .products-list-page thead,
    .products-list-page tbody,
    .products-list-page th,
    .products-list-page td,
    .products-list-page tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .products-list-page thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .products-list-page tr {
        margin: 0 0 1rem 0;
        border-bottom: 3px solid #e8e8e8;
    }

    .products-list-page tr:last-child {
        border-bottom: none;
    }

    .products-list-page td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .products-list-page td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 15px;
        left: 15px;
        width: auto;
        font-weight: bold;
        vertical-align: middle;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
    .products-list-page td:nth-child(1):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(2):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(3):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(4):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(5):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(6):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(7):before {
        content: attr(data-title);
    }

    .products-list-page td:nth-child(8):before {
        content: attr(data-title);
    }
}

@media (max-width:991px) {
    .products-list-page .cart-table .table {
        min-width: auto;
    }

    .products-list-page .cart-table .table td {
        padding-left: 30% !important;
    }

    .products-list-page .cart-table table.dataTable td {
        padding-left: 0px !important;
    }
    .products-list-page .cart-table table.dataTable td:empty
    {
        display: none;
    }
    .products-list-page .cart-table table.dataTable td {
        padding-left: 15px !important;
    }

    .pro-thumbnail a {
        width: 100px !important;
    }

    .products-list-page .cart-table td.pro-thumbnail a {
        display: inline-block;
    }

    .products-list-page .cart-table td.pro-thumbnail a.cross {
        display: none;
    }

    .products-list-page .cart-table td.pro-title a {
        text-align: left;
    }

    .products-list-page .cart-table th.pro-thumbnail,
    .cart-table td.pro-thumbnail {
        width: auto;
        max-width: 100%;
        min-width: 100%;
    }

    .open-filter-pro {
        display: block !important;
    }

    .products-list-page .table-responsive {
        overflow: hidden;
    }

    .scroll-top {
        display: none !important;
    }
}

@media only screen and (max-width: 575px) {
    .product-filter .modal-dialog {
        margin: 20px;
    }

    .products-list-page.products-page-withoutimg .cart-table .table td:first-child {
        padding-left: 15px !important;
    }
}

.filter-botm-btn a {
    background-color: #003882;
    border-color: #003882;
    margin-top: 5px;
}

.modal-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 15px;
}

.rs-select2--dark select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}

@media only screen and (max-width:992px) {
    .CustomerName {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    #btnViewCart {
        width: 50%;
        text-align: center;
        background-color: #284a7d;
        border-color: #284a7d;
        margin-top: 5px;
    }
}

#btnViewCart {
    width: 100%;
    text-align: center;
    background-color: #003882;
    border-color: #003882;
    margin-top: 5px;
    box-shadow: none;
    color: #ffffff;
    outline: none;
}

#btnViewCart i {
    font-size: 22px;
    vertical-align: middle;
    font-weight: initial;
}

@media only screen and (min-width:768px) {
    #btnViewCart:hover {
        background: #7eba00 !important;
        border-color: #7eba00 !important;
    }
}

#btnEmpryCart {
    background-color: #ef90c9;
    border-color: #ef90c9;
}

/*new design 2024*/

body {
    background-color: #ffffff !important;
}

/*common*/
.section-title>* {
    color: #444050;
    font-weight: 600;
    margin-bottom: 0 !important;
    font-size: 24px;
}
.text-muted:empty
{
    display: none;
}
.text-primary
{
    color: #003882 !important;
}
.form-control
{
    border-radius: 50px;
    border-color: rgba(0,56,130,0.08);
    min-height: 41px;
}
.form-control:disabled, .form-control[readonly]
{
    border-color: rgba(0,56,130,0.08) !important;
}
textarea.form-control
{
    border-radius: 10px;
    font-size: 14px;
    min-height: 77px;
    max-height: 150px;
}
.section-title :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
}

.page-content .section-title
{
    margin-bottom: 15px;
}
.page-content .section-title.user :is(h2,h3,h4,h5,h6)
{
    font-size: 28px;
    font-weight: 500;
    color: #003882;
    gap: 0 10px;
}
.page-content .section-title.user
{
    margin-bottom: 0px;
}
.page-content .section-title.user .sb-text
{
    margin-top: 5px;
}
.page-content .section-title.user :is(h2,h3,h4,h5,h6) i
{
    font-weight: initial;
    color: #ffa902;
    -ms-flex-preferred-size: 0 0 auto;
    flex-basis: 0 0 auto;
}
.page-content .section-title.user .sb-text
{
    font-size: 18px;
    color: #999999;
    font-weight: 300;
}
.page-content .section-title #btnViewCart.filter
{
    width: 43px;
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0;
    border-radius: 50px;
}
.page-content .bg-search
{
    gap: 8px;
}
.page-content .section-title:has(+div.header-advance-search) {
    margin-bottom: 0px;
}

.title-3 {
    border-bottom: 0;
    margin-bottom: 15px !important;
}

.section-title.no-border * {
    border-bottom: 0px;
    padding-bottom: 0px;
}

[data-title="Action"] a i,
[data-title="Remove"] a i {
    font-size: 22px;
}

[data-title="Action"] a,
[data-title="Remove"] a {
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
}

[data-title="Action"] a:nth-child(odd) i,
[data-title="Remove"] a:nth-child(odd) i {
    color: #444050;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

[data-title="Action"] a[style="display:none;"] {
    margin-left: 0px;
}

[data-title="Action"] a:nth-child(odd):hover i,
[data-title="Remove"] a:nth-child(odd):hover i {
    color: #8FD400;
}

[data-title="Action"] a+a,
[data-title="Remove"] a+a {
    margin-left: 10px;
}

[data-title="Action"] a[style="display:none;"]~a {
    margin-left: 0px;
}

[data-title="Action"] a[style="display:none;"]~a+a {
    margin-left: 10px;
}

.loading {
    z-index: 9999 !important;
}

.alert label {
    margin: 0;
    line-height: initial;
}

.alert-success {
    line-height: initial;
    padding: 8px;
    border-radius: 8px;
}

.form-group:has(label:empty) {
    margin-bottom: 0px !important;
}

.alert-success label {
    margin-bottom: 0px;
}

.container {
    max-width: 1440px;
}

.btn_primary {
    border-radius: 50px;
    min-width: 80px;
}

.btn_secondary {
    border-radius: 8px;
    min-width: 80px;
}

.btn_primary.btn-blue,a.btn_primary.btn-blue,.cart-floating-box .cart-calculation .floating-cart-btn a.btn_primary.btn-blue {
    background-color: #003882;
    border-color: #003882;
}
.cart-floating-box .cart-calculation .floating-cart-btn a.btn-cart
{
    min-width: auto;
    width: auto;
    flex-grow: initial;
    padding: 0 6px;
}
.cart-floating-box .cart-calculation .floating-cart-btn a.btn-cart i
{
    margin-right: 0px;
}
.btn_primary:hover,
.btn_primary:focus,.cart-floating-box .cart-calculation .floating-cart-btn a.btn_primary.btn-blue:hover,.cart-floating-box .cart-calculation .floating-cart-btn a.btn_primary.btn-blue:focus {
    background: #7eba00;
    border-color: #7eba00;
}

.bg-white {
    /* box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14); */
    border-radius: 8px;
}

.input-container {
    display: -ms-flexbox;
    /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.iconLocal {
    padding: 10px;
    background: dodgerblue;
    color: white;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
}

.input-field:focus {
    border: 2px solid dodgerblue;
}

.custom-control.custom-switch {
    padding-left: 50px;
    position: relative;
}

.custom-control.custom-switch .custom-control-label {
    text-align: left;
    position: static;
}

.custom-control.custom-switch .custom-control-label::selection {
    background-color: #ffffff;
}

.custom-control.custom-switch span {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 30px;
    height: 15px;
}

.custom-control.custom-switch span:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 15px;
    left: 0;
    top: 0;
    border-radius: 50px;
    background: #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.custom-control.custom-switch .custom-control-label:before,
.custom-control.custom-switch .custom-control-label:after {
    display: none;
}

.custom-control.custom-switch span:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
    background: #a5a5a5;
    border-radius: 50px;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.5;
}

.custom-control.custom-switch input:checked+span:after {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    opacity: 1;
    background: #8FD400;
}

/*datatables*/
div.dt-container.dt-empty-footer tbody>tr td.dt-empty {
    border-color: #e6e6e8;
    text-align: center;
    padding: 12.5px 10px;
}

.dt-container .row:nth-child(2) [class*='col-'] {
    overflow: auto;
}

.page-wrapper .cart-table .table {
    min-width: initial;
}

.dt-container .dt-layout-table+.dt-layout-row {
    margin-top: 15px;
}

th.dt-action,
th.dt-st {
    width: 10%;
}

th.dt-qty {
    width: 15%;
}

.w-eq {
    width: 20%;
}

/* Set a style for the submit button */
.btn {
    background-color: dodgerblue;
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

.btn:hover {
    opacity: 1;
}

.address-strong {
    line-height: 2;
    float: inline-start;
}
/*file upload*/
.file-upload .modal-content
{
    max-width: 600px;
    border-radius: 10px;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.file-upload .title-f-upload
{
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 25px;
    line-height: initial;
}
.file-upload .custom-file-upload + input[type="file"]
{
    display: none;
}
.file-upload .f-name
{
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
}
.file-upload .f-name:empty
{
    display: none;
}
.file-upload .custom-file-upload i
{
    font-size: 50px;
    opacity: 0.08;
    position: absolute;
    z-index: 0;
}
.file-upload .custom-file-upload
{
    width: 100%;
    min-height: 85px;
    padding: 15px;
    border-radius: 10px;
    border:1px dashed rgba(0,0,0,0.2);
    background: rgba(0, 0, 0, 0.02);
    font-size: 20px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.file-upload .btn_primary
{
    min-height: 43px;
    line-height: 43px;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 600;
}
.file-upload form
{
    width: 100%;
    text-align: left;
}
/*modal*/
.cart-confirm.add-to-cart-popup .modal-dialog
{
    max-width: 450px;
}
.cart-confirm.add-to-cart-popup .modal-body
{
    padding: 25px;
}
.modal-header .close:before,
.modal-header .close:after {
    top: 8px;
    height: 15px;
}

.modal-content {
    border: 0px;
    border-radius: 15px;
}

.modal {
    z-index: 999999;
}

.contact-popup .modal-body .btn_primary {
    margin: 20px 0 0;
    min-height: 38px;
    min-width: 120px;
}

.contact-popup .modal-dialog {
    max-width: 600px;
}

.add-to-cart-popup .modal-dialog {
    text-align: center;
    max-width: 750px;
}
#Remove-to-cart.add-to-cart-popup .modal-dialog
{

}
.add-to-cart-popup select.form-control
{
    height: 45px;
    padding-left: 20px;
}
add-to-cart-popup
.contact-popup .modal-dialog {
    max-width: 800px;
}
.add-to-cart-popup .hgi-alert-01
{
    font-size: 45px;
}
#divLinkLocationWithCustomer.contact-popup .modal-dialog,
#divCustomerLinkWithLocation.contact-popup .modal-dialog {
    max-width: 1350px;
}

.modal-backdrop {
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.add-to-cart-popup>.ti {
    font-size: 70px;
    opacity: 0.2;
    margin-bottom: 5px;
    display: inline-block;
}

.dt-scroll-body th {
    display: none;
}

.addr-list-popup .list-address {
    text-align: left;
    padding-bottom: 15px;
}

.addr-list-popup .list-address:last-child {
    padding-bottom: 0px;
}

.addr-list-popup .list-address:last-child {
    border-bottom: 0px !important;
}

.addr-list-popup .ti {
    font-size: 28px;
    opacity: 1;
}

.addr-list-popup .modal-body .btn_primary {
    margin: 0px 0 -30px auto;
    display: table;
    position: relative;
    z-index: 1;
}

.addr-list-popup .btn_primary .ti {
    font-size: 20px;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.addr-list-popup .list-address a {
    text-align: center;
    width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffffff;
    box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
    line-height: initial;
    padding: 12px 10px;
    border-radius: 10px;
    flex-grow: 1;
}

.addr-list-popup .list-address .l-part {
    width: calc(100% - 245px);
}

.addr-list-popup .list-address .btn-action {
    width: 220px;
    margin-left: 25px;
}

.addr-list-popup .list-address {
    gap: 15px;
}

.addr-list-popup .list-address a+a {
    margin-left: 15px;
}

/*badges*/
.badge {
    padding: 4px 8px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 50px;
}

.bg-l-primary {
    background: #cee3ff !important;
    color: #007bff !important;
    border: 1px solid rgba(0, 123, 255, 0.1);
}

.bg-l-secondary {
    background: #f1ffd4 !important;
    color: #8fd400 !important;
    border: 1px solid rgba(143, 212, 0, 0.4);
}

.bg-l-success {
    background: #d8f6df !important;
    color: #28a745 !important;
    border: 1px solid rgba(40, 167, 69, 0.2);
}

.bg-l-danger {
    background: #fae3e5 !important;
    color: #dc3545 !important;
    border: 1px solid rgba(220, 53, 69, 0.2);
}

.bg-l-warning {
    background: #fffaec !important;
    color: #ba8c02;
    border: 1px solid rgba(186, 140, 2, 0.3);
}

.bg-l-info {
    background: #ebfafc !important;
    color: #17a2b8;
    border: 1px solid rgba(23, 162, 184, 0.2);
}

.bg-l-dark {
    background: #ced3d8 !important;
    color: #343a40;
    border: 1px solid rgba(52, 58, 64, 0.2);
}

select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 30px;
    border-color: rgba(0,56,130,0.08);
    background: url(../images/down-arrow.svg) no-repeat calc(100% - 15px) center / 10px;
    border-radius: 50px;
    min-height: 41px;
}

/*header*/
.page-wrapper {
    overflow: initial !important;
    min-height: calc(100vh - 62px);
}
.page-wrapper .right-part .top-part
{
    gap: 0 70px;
}
.page-wrapper .bg-top {
    background: #ffffff;
}

.page-wrapper .header-bottom {
    position: static;
    -webkit-animation: none;
    animation: none;
    width: initial;
    box-shadow: none;
}

.page-wrapper .header-bottom [class*='col-'] {
    min-height: initial;
}

.page-wrapper .right-part {
    width: 100%;
}

.page-wrapper .header-bottom .logo {
    max-width: 100%;
    padding: 0 20px 0 0px;
    margin: 0;
    width: initial;
}
.page-wrapper .main-menu {
    width: 100%;
}

.page-wrapper .main-menu nav>ul>li {
    display: inline-block;
}

.page-wrapper .main-menu nav>ul>li {
    float: none;
    margin: 0;
}
.page-wrapper .main-menu nav>ul>li.active>a:before
{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -20px;
    height: 5px;
    background: #003882;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.page-wrapper .main-menu nav>ul>li.active>a
{
    font-weight: 700;
}
.page-wrapper .main-menu nav>ul>li>ul {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 48px;
    background: #fff;
    padding: 15px 25px 25px;
    width: 210px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease 0s;
}

.page-wrapper .main-menu nav>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.page-wrapper .main-menu nav>ul>li>ul>li>a {
    display: block;
    padding: 5px 0;
}

.page-wrapper .main-menu nav>ul>li>a {
    line-height: initial !important;
    font-weight: 400;
    padding: 0;
    width: 100%;
    color: #000000;
    font-size: 18px;
    outline: none !important;
    text-transform: initial;
    border-radius: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.page-wrapper .main-menu nav>ul>li>a:hover {
    background: transparent;
    color: #003882;
}

.main-menu nav>ul>li>a i {
    margin-right: 10px;
    color: #003882;
    font-size: 22px;
    vertical-align: middle;
    font-weight: initial;
}

.page-wrapper .h-bar {
    border-bottom-left-radius: 30px;
    position: relative;
    overflow: initial;
    width: calc(100% - 265px);
    flex-grow: 1;
}

.page-wrapper .header-top-menu .u-nm {
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #003882;
    vertical-align: middle;
    background: #ffffff;
    padding: 10px 15px;
}

.page-wrapper .header-top-menu .drp-menu {
    position: absolute;
    background: #f7f7f7;
    width: 214px;
    right: -15px;
    top: 56px;
    padding: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
}

.page-wrapper .header-top-menu .drp:hover .drp-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.page-wrapper .header-top-menu .drp:hover .drp-menu:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    height: 15px;
}

.page-wrapper .header-top-menu .drp-menu li {
    display: block;
    margin: 0;
}
.page-wrapper .header-top-menu .drp-menu li:has(.u-nm)
{
    margin: -18px -18px 0px;
}
.page-wrapper .header-top-menu .drp-menu li a {
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.page-wrapper .header-top-menu .drp-menu li a.active {
    padding: 5px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #ffffff;
    width: 100%;
}

.page-wrapper .header-top-menu .drp-menu li a i {
    margin-right: 10px;
    font-size: 16px;
}

.page-wrapper .header-top-menu .drp-menu li.lg-out {
    border-top: 0px;
}

.page-wrapper .header-top-menu .drp-menu li.lg-out a {
    font-weight: 600;
    display: block;
    background: #ffffff;
    padding: 5px 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    color: #444050;
    font-size: 15px;
}

.page-wrapper .header-top-menu .drp-menu li.lg-out a i {
    font-size: 22px;
    vertical-align: -3px;
    margin-right: 10px;
    color: #8FD400;
}

.page-wrapper .header-top-menu .drp-menu li.lg-out {
    margin-top: 25px;
    padding-top: 0px;
}

.page-wrapper .header-top-menu .drp-menu li+li {
    margin: 10px 0 0;
}

.page-wrapper .header-advance-search.header-top-search {
    height: 45px;
    margin-top: 0px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin: auto;
}

.page-wrapper .header-advance-search button {
    color: #444050;
    width: initial;
    height: initial;
    text-align: center;
    padding: 0;
    font-size: 25px;
    right: 20px;
    top: 9px;
    background: transparent;
}

.page-wrapper .modal .header-advance-search {
    height: 45px;
}

.page-wrapper .header-advance-search input {
    height: 100%;
    font-size: 16px;
}

.page-wrapper .section__content--p30 {
    padding: 0;
    z-index: 0;
}

.page-wrapper .slider .section-title:before {
    display: none;
}

.title-3 {
    color: #003882 !important;
    font-weight: 700 !important;
    padding: 0;
    background: transparent;
    margin-bottom: 15px;
    text-transform: uppercase !important;
}

.title-3 {
    font-size: 18px !important;
}

.page-wrapper .page-content {
    padding: 40px 0;
    margin: 0;
    position: relative;
}

.page-wrapper .slider .section-title h3:before,
.page-wrapper .slider .section-title h3:after {
    display: none;
}

.page-wrapper .s-wrapper {
    gap: 30px;
}

.page-wrapper .statistic__item {
    margin: 0px;
    width: calc(32% - 15px);
    border-radius: 30px;
    padding: 35px 30px 20px 30px;
    background: url(../images/bg-box.png) no-repeat -190px 140px / 410px #f7f7f7;
    min-height: 203px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-wrapper .statistic__item .desc {
    position: absolute;
    top: 0;
    background: #ffffff !important;
    color: #003882 !important;
    padding: 5px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    border-top: 0;
    border: 1px solid #e5e5e5;
    border-top: 0px;
}

.page-wrapper .statistic__item h2 {
    font-weight: 700;
    color: #8fd400;
    font-size: 28px;
    border: 0px;
}

.page-wrapper .myaccount-table table td,
.page-wrapper .myaccount-table .table td,
.page-wrapper .myaccount-table .table th {
    padding: 8px 10px;
}

.page-wrapper .myaccount-table .table-responsive {
    height: 547px;
    overflow: auto;
}

.page-wrapper .myaccount-table .table-responsive.has-scrollbar {
    padding-right: 15px;
}

.page-wrapper .table .thead-light th {
    background-color: transparent;
    border-top: 0px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
    padding-top: 0px;
}

.page-wrapper .table-bordered thead td,
.page-wrapper .table-bordered thead th {
    border-bottom-width: 1px;
}

.page-wrapper .myaccount-table .table-bordered td,
.table-bordered th {
    border: 0px;
}

.page-wrapper .myaccount-table {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
}

.page-wrapper .statistic__item .desc {
    font-weight: 600;
    color: rgba(128, 128, 128, 0.8);
}

.page-wrapper .recent-report2 {
    border-radius: 30px;
    margin-bottom: 0px;
    padding: 40px;
}

.page-wrapper .section__content+.section__content {
    margin-top: 70px;
}

.page-wrapper .task-progress {
    height: 100%;
    padding: 0px;
    border: 0px;
    margin-bottom: 0px;
}

.page-wrapper .au-skill-container .myaccount-table {
    height: 100%;
}

.page-wrapper .task-progress .au-skill-container {
    height: calc(100% - 35px);
}
.page-wrapper .loc > label
{
    -webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;
    margin-bottom: 0px;
    font-size: 18px;
    color: #003882;
    font-weight: 600;
}
.page-wrapper .loc
{
    gap: 0 8px;
}
.page-wrapper .loc .frm-icon
{
    background: #ffffff;
    padding-left: 35px;
    position: relative;
    border: 1px solid rgba(0,56,130,0.08);
    border-radius: 50px;
    overflow: hidden;
}
.page-wrapper .loc .frm-icon > i
{
    position: absolute;
    left: 14px;
    top: 8px;
    font-size: 18px;
    color: #003882;
    font-weight: initial;
}
.page-wrapper .loc select.form-control
{
    border: 0px;
    border-radius: 50px;
    padding-left: 7px;
}
.page-wrapper:has(.user) .loc select.form-control
{
    min-height: initial;
}
.page-wrapper .task-progress .title-3 {
    margin-bottom: 20px;
}

.page-wrapper .highcharts-title {
    font-family: "DM Sans", sans-serif !important;
}

.page-wrapper .header-top-menu ul li:first-child:before {
    display: none;
}

.page-wrapper .header-top-menu .account {
    font-size: 16px;
    background: #f2f2f2;
    width: 50px;
    height: 50px;
    margin-top: -5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #003882;
    position: relative;
    cursor: pointer;
}

.page-wrapper .header-top-menu .account:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -10px;
}

.page-wrapper .shopping-cart .cart-icon span {
    color: #ffffff;
}

.page-wrapper .shopping-cart .cart-icon {
    color: #003882;
    font-size: 24px;
    padding: 0;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}
.page-wrapper .shopping-cart .cart-icon i
{
    font-size: 20px;
}
.page-wrapper .header-top-menu ul li {
    position: relative;
}
.page-wrapper .header-top-menu ul li.drp
{
    gap: 0 15px;
}
.page-wrapper .header-top-menu ul li+li {
    margin-left: 15px;
}

.page-wrapper .header-top-menu>ul>li>a {
    color: #444050;
    font-size: 22px;
}

.page-wrapper .header-top-menu>ul>li>a:hover {
    color: #8fd400;
}

.page-wrapper .header-top-menu .n-icon {
    position: relative;
}

.page-wrapper .header-top-menu .n-icon:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ff0000;
    border-radius: 50px;
    right: 7px;
    border: 1px solid #fff;
    top: -1px;
    opacity: 0;
}

.page-wrapper .header-top-menu .n-icon.show:before {
    opacity: 1;
}

.page-wrapper~footer .social-contact-section {
    background: #ffffff;
}

.page-wrapper .logo img {
    transition: none !important;
}

.shop-grid-view-product {
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    padding: 30px 15px;
    border: 0px;
}

.product-content h3.product-title {
    font-size: 17px;
    margin: 20px 0 0;
    border-bottom: 0px;
    font-weight: 600;
    line-height: initial;
}

.page-wrapper .h-bar h1 {
    font-size: 20px;
    line-height: initial;
    margin: 0;
    color: #ffffff;
}

.page-wrapper .h-bar h1 span {
    font-size: 16px;
    display: block;
    font-weight: 400;
}

.page-wrapper .main-menu {
    text-align: left;
}

.page-wrapper .main-menu nav>ul>li+li {
    margin: 0 0 0 100px;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f7f7f7 !important;
}

.table-striped.table thead th {
    border-bottom-width: 1px;
    border-top-width: 0px;
}

.page-wrapper .right-part .top-part .logo {
    max-width: 176px;
}

.page-wrapper .right-part .bg-top {
    background: #ffffff;
    position: sticky;
    top: 0px;
    z-index: 2;
    padding: 20px 50px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.page-wrapper .right-part .bg-top:before
{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 5px;
    background: url(../images/top-border.jpg) no-repeat 0 0 / cover;
}
body.show .page-wrapper .right-part .bg-top {
    z-index: 1;
}

footer .footer-main {

    padding: 15px 0;
}

footer .footer-main .f-m_copyright,
footer .footer-main .f-m_designed {
    letter-spacing: 0px;
}

footer .footer-main .f-m_designed .f-m_d_logo {
    vertical-align: middle;
    top: 0px;
    height: 18px;
    width: 19px;
}

footer .contact-info {
    text-align: center;
}

footer .single-contact .icon {
    margin: 0 0 15px;
}

footer .single-contact p strong {
    font-size: 22px;
    display: block;
    margin-bottom: 15px;
}

footer .single-contact:first-child {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
}

.page-wrapper~footer .social-contact-section {
    padding: 0;
    box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.03);
    display: none;
}

.page-wrapper~footer .social-contact-section .contact-summery .single-contact {
    padding: 50px;
}

.page-wrapper~footer .social-contact-section .contact-summery .single-contact+.single-contact {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

a.scroll-top {
    right: 55px;
    bottom: 55px;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/*category page*/
.category-page .shop-grid-view-product {
    box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.category-page .row [class*='col-']:nth-child(n+5) {
    margin-top: 30px;
}

.category-page .shop-product-wrap {
    gap: 25px 2%;
}

.category-page .shop-product-wrap .list {
    max-width: calc(16% - 1%);
    flex-grow: 1;
    width: 100%;
    cursor: pointer;
}

/*products page*/
.page-wrapper .products-page .myaccount-tab-menu
{
    margin-right: 0px;
    margin-left: auto;
    padding-right: 0px;
    gap: 8px
}
.page-wrapper .products-page .search-prd
{
    gap: 8px;
    margin-left: auto;
}
.page-wrapper .products-page .header-advance-search button {
    right: 15px;
    top: 7px;
    font-size: 20px;
}

.page-wrapper .products-page .header-advance-search {
    overflow: hidden;
    padding-right: 0px;
    height: 45px;
    max-width: 100%;
    margin: 0 !important;
    max-width:250px;
}

.page-wrapper .shop-product-wrap,
.page-wrapper .cart-table {
    margin-bottom: 0px !important;
}

.page-wrapper .products-page .header-advance-search input {
    padding: 0 55px 0 15px;
    width: 100%;
    margin-left: 0px;
    border-radius: 50px;
    text-overflow: ellipsis;
}
.autoComplete_wrapper ul
{
    font-size: 15px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    max-height: 280px;
    overflow: auto;
}
.autoComplete_wrapper ul mark
{
    padding: 0;
    background-color: transparent;
    color: #8FD400;
}
.autoComplete_wrapper ul li
{
    padding: 10px 15px;
    font-weight: 600;
}
.page-wrapper .products-page .bg-search .header-advance-search {
    -ms-flex-preferred-size: inherit;
    flex-basis: inherit;
    min-width: 310px !important;
    margin-right: 20px !important;
    flex-basis: 0 !important;
}
.header-advance-search:has(.autoComplete_wrapper) .autoComplete_wrapper
{
    height: 100%;
}
.page-wrapper .products-page .header-advance-search:has(.autoComplete_wrapper) {
    overflow: initial;
    z-index: 1;
    min-width: 290px;
}
.page-wrapper:has(.is-visible) .products-page .header-advance-search:has(.autoComplete_wrapper)
{
    z-index: 0;
}
.page-wrapper .products-page.invoice-page .bg-search .header-advance-search {
    margin-right: 0px !important;
}

.page-wrapper .myaccount-tab-menu {
    flex-direction: row;
    background-color: initial !important;
    padding-right: 8px;
    margin-right: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.page-wrapper .myaccount-tab-menu a {
    min-width: 100px;
    border-radius: 50px;
    font-size: 14px;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #003882;
}

.page-wrapper .myaccount-tab-menu a.active {
    background-color: #8FD400 !important;
    border-color: #8FD400 !important;
    color: #ffffff;
}

.page-wrapper .myaccount-tab-menu a.active i {
    color: #ffffff;
}

.loading:before {
    background: rgba(0, 0, 0, 0.5) !important;
}

.sidebar-area .sidebar h3.sidebar-title {
    font-weight: 600;
    border-bottom: 0px;
    padding-bottom: 0px;
    font-size: 16px;
    margin-bottom: 15px;
    border-left: 3px solid #8FD400;
    padding-left: 15px;
}

.sidebar-area .sidebar h3.sidebar-title a {
    font-size: 13px;
}

.sidebar-area .sidebar h3.sidebar-title a:hover {
    color: #8FD400;
}

.sidebar-area .sidebar h3.sidebar-title a i {
    margin-left: 5px;
    vertical-align: middle;
}

.sidebar-area {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-filter .sidebar-area {
    max-width: 100%;
}

.sidebar-area .sidebar {
    padding: 0px;
    background: transparent;
    margin-bottom: 0 !important;
}

.pagination-container {
    box-shadow: none;
}

.filter-botm-btn a {
    min-width: 100px;
}

.cart-table .table tbody tr td {
    padding: 12.5px 10px;
    line-height: initial;
}
.cart-table .table tbody tr td > div
{
    margin: auto;
}
.cart-table .desc-prd p
{
    margin: 0 0 5px;
}
.cart-table .desc-prd
{
    gap: 0 20px;
}
.cart-table .table tbody tr td.pro-quantity .ti {
    font-size: 18px;
}

.cart-floating-box .cart-items:has(.n-found) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cart-table .table thead {
    background-color: #ffffff;
}

.cart-table .table thead tr th[aria-label="Action"] {
    width: 5%;
}

.page-wrapper .products-page .bg-search #btnViewCart.btn_primary {
    width: initial;
    border-radius: 8px;
    margin-top: 0px;
    line-height: 39px;
}

.page-wrapper .products-page .bg-search #btnViewCart.btn_primary i {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 5px;
}

.page-wrapper .products-page .bg-search #btnViewCart:hover {
    background: #8FD400;
    border-color: #8FD400;
}

.page-wrapper .products-page .bg-search #btnViewCart.filter:hover {
    background: #7eba00;
}

.page-wrapper .header-advance-search button:hover {
    color: #8FD400;
}

.page-wrapper .cart-table .table {
    min-width: 1160px;
}

.sidebar-area .sidebar ul.product-categories li {
    padding: 0;
}

.sidebar-area .sidebar ul.product-categories li {
    margin: 0px;
}

.sidebar-area .sidebar ul.product-categories li a {
    padding: 0;
    border: 0px;
}

.sidebar-area .product-categories li label {
    margin: 0 !important;
    padding-left: 30px;
    position: relative;
    line-height: initial;
    word-break: break-word;
    cursor: pointer;
}

.sidebar-area .product-categories li input:checked+span:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    border-color: #8FD400;
}

.sidebar-area .product-categories li label span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.sidebar-area .product-categories li label span:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    left: 3px;
    top: 4px;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sidebar-area .product-categories li label input {
    display: none !important;
}

.sidebar-area .sidebar ul.product-categories li+li {
    margin-top: 10px;
}

.sidebar-area .sidebar .product-categories {
    overflow: auto;
}

.cart-table td.pro-title a {
    line-height: initial;
    font-size: 14px;
}

.products-list-page #btnViewCart.filter {
    background-color: #8FD400;
    border-color: #8FD400;
    margin-right: 10px;
    padding: 2px 8px;
    width: 43px !important;
    height: 43px;
    border-radius: 8px;
    padding: 10px 8px !important;
    color: #fff;
    margin-top: 0px;
}

.products-page .filter-popup {
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    max-width: 300px;
    background: #ffffff;
    padding: 20px;
    overflow: auto;
    left: -300px;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

.products-page .filter-popup .row [class*='col-']+[class*='col-'] {
    margin-top: 30px;
}

.products-page .filter-popup.show {
    left: 0px;
}

.products-page .filter-popup h2 {
    font-size: 22px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.products-page .filter-popup h2+p {
    margin-bottom: 25px;
    color: #999999;
}

.products-page .filter-popup h2 i {
    cursor: pointer;
    color: #8FD400;
}

.products-page .pro-thumbnail a,
.order-details-img img,
.cart-table .table tbody tr td.pro-thumbnail a {
    width: 50px !important;
    height: 50px !important;
    border: 1px solid rgba(0,0,0,0.08);
    margin-right: 15px;
    border-radius: 4px;
    padding: 5px;
    object-fit: contain;
    flex: 0 0 auto;
}

.order-details-img span {
    width: calc(100% - 80px);
}

.products-page .p-counter {
    margin-left: auto;
    padding: 8px 10px;
    background: #f7f7f7;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.products-page .pagination-content {
    margin-left: auto;
}

.products-page .p-counter b {
    color: #003882;
    font-size: 18px;
    vertical-align: middle;
}

.page-wrapper .products-page .cart-table {
    margin-top: 25px;
    border-radius: 8px;
    overflow: hidden;
}

/*web orders*/
.cart-table {
    box-shadow: none;
}

.pagination-content ul li,
.dt-container .dt-paging .dt-paging-button {
    height: 25px;
    min-width: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    padding: 5px;
}

.dt-container .dt-paging .dt-paging-button+.ellipsis {
    margin: 0 8px;
}

.dt-container .dt-paging .dt-paging-button {
    line-height: initial;
}

.dt-container .dt-paging .dt-paging-button+.dt-paging-button {
    margin-left: 5px;
}

.page-wrapper .w-order .header-advance-search,
.page-wrapper .invoice-page .header-advance-search {
    max-width: 250px !important;
}

/*contact us*/
.contact-form input {
    height: 45px;
    text-overflow: ellipsis;
}
.right-part:has(.contact-page) .page-content
{
    min-height: calc(100vh - 138px);
}
.contact-form textarea,
.contact-form input {
    font-size: 16px;
}

.contact-form textarea:focus,
.contact-form input:focus {
    border-color: rgba(143, 212, 0, 0.8);
}

.contact-form textarea:hover,
.contact-form input:hover {
    border-color: rgba(143, 212, 0, 0.8);
}

.contact-form textarea {
    min-height: 100px;
    max-height: 190px;
    height: initial;
}

.form-group {
    line-height: 0;
}

h3.contact-page-title {
    color: #444050;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 0;
    margin-bottom: 35px !important;
    line-height: initial;
}

.contact-form-content .login-button {
    display: table;
    margin: auto;
}

.contact-form-content .contact-form {
    padding: 40px;
    border: 0;
    border-radius: 8px;
    background: url(../images/bg-contact.png) no-repeat 0 0 / 700px #ffffff;
    position: relative;
    box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
}

.contact-popup .modal-body {
    padding: 45px;
    background-size: 730px;
}
.contact-popup.assign-location .modal-body,.contact-popup.assign-user .modal-body
{
    background: none;
}
.contact-popup.assign-location .modal-dialog,.contact-popup.assign-user .modal-dialog
{
    text-align: left;
}
.contact-popup.assign-location .modal-dialog .container,.contact-popup.assign-user .modal-dialog .container
{
    padding: 0;
}
.contact-popup.assign-location .dt-container .row:nth-child(1),.contact-popup.assign-location .dt-container .row:nth-child(3),.contact-popup.assign-user .modal-dialog .dt-container .row:nth-child(1),.contact-popup.assign-user .modal-dialog .dt-container .row:nth-child(3)
{
    padding-left: 0px;
    padding-right: 0px;
}
.contact-popup .l-list {
    gap: 25px;
    margin-bottom: 25px;
}

.contact-popup .l-list .list label {
    padding: 15px 15px 15px 60px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

.contact-popup .l-list .list label .ti {
    font-size: 40px;
    opacity: 0.1;
    margin: 0 0 0 20px;
    display: inline-block;
    vertical-align: middle;
}

.contact-popup .l-list .list label:has(:checked) {
    box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
    border-color: transparent;
}

.contact-popup .l-list .list label span+span {
    font-size: 16px;
    color: #444050;
}

.contact-popup .l-list .list .radio .form-check-label input+span {
    top: 26px;
    left: 25px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.add-to-cart-popup .contact-form-content .contact-form .row {
    gap: 10px 0;
}
footer
{
    background: rgba(0, 56, 130, 0.04);
    border-top: 1px solid rgba(0, 56, 130, 0.08);
}
.contact-map {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #ffffff;
}

.contact-map iframe {
    height: 100%;
    opacity: 0.5;
    width: 100%;
    border: 0px;
    display: block;
}

.contact-page-side-content .single-contact-block {
    padding: 20px;
    margin: 0;
    border: 0;
}

.contact-page-side-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 0;
    position: relative;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.contact-page-side-content .single-contact-block:nth-child(1) {
    width: 100%;
}

.contact-page-side-content .single-contact-block {
    width: 100%;
    border: 0;
    border-radius: 8px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
}

.contact-page-side-content .single-contact-block:before {
    content: "";
    position: absolute;
    left: 18px;
    top: -6px;
    width: 35px;
    height: 10px;
    background: #8fd400;
    border-radius: 50px;
}

.contact-page-side-content .single-contact-block h4 {
    font-weight: 500;
    color: #444050;
    display: flex;
    align-items: center;
    line-height: 20px;
    margin-bottom: 10px;
    border-bottom: 0px;
}

.contact-page-side-content .single-contact-block h4 span {
    color: #444050;
    font-size: 30px;
    margin-right: 15px;
}

.contact-page-side-content .single-contact-block h4 span:before {
    display: flex;
    line-height: 0;
}

.contact-page-side-content .single-contact-block p {
    line-height: initial;
}

.contact-page-side-content .single-contact-block.bg-contact {
    width: 100%;
    min-height: calc(100% - 403px);
    background: url(../images/bg-contact.jpg) no-repeat center / cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0px;
    border: 0px;
}

.contact-page-side-content .single-contact-block.bg-contact:before {
    display: none;
}

.contact-page-side-content .single-contact-block.bg-contact img {
    max-width: 300px;
    filter: brightness(0) invert(1);
    margin-bottom: 30px;
}

.contact-page-side-content .single-contact-block.bg-contact h4 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 600;
}

.contact-form .g-recaptcha>div {
    margin: auto;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #ced4da;
}
.contact-form .text-danger {
    line-height: initial;
}

.contact-form .login-button+strong {
    line-height: initial;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.contact-form .g-recaptcha+span {
    line-height: initial;
    text-align: center;
    display: block;
}

.contact-page .contact-form-content {
    height: 100%;
}

.contact-page .contact-form-content .contact-form {
    height: calc(100% - 58px);
}

/*invoice page*/
.invoice-page .card-body {
    padding: 0px;
    border: 0;
}

.invoice-page :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0px;
    border-bottom: 0px;
}

.invoice-page .s-total {
    display: table;
    margin-left: auto;
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 0;
    color: #444050;
}

.invoice-page .s-total *,
.invoice-page .s-total+h3 * {
    width: 50%;
    flex-grow: 1;
}

.invoice-page .printableArea address h4 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}
.invoice-page .printableArea address h4:empty
{
    display: none;
}
.invoice-page img[src*="no-image-"] {
    max-width: 80px !important;
}

.invoice-page .iv-dt {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 30px;
    gap: 5px 40px;
    border-top: 1px dashed #e6e6e8;
    margin: 8px 0 40px;
    padding: 5px 0;
    border-bottom: 1px dashed #e6e6e8;
}
.invoice-page .dt-i {
    font-size: 16px;
}

.invoice-page .iv-dt b {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
}

.invoice-page .iv-dt i {
    font-size: 22px;
    vertical-align: -3px;
    margin-right: 8px;
    display: inline-block;
}

.invoice-page>.bg-white {
    padding: 24px;
}

.invoice-page .r-part .bg-white+.bg-white {
    margin-top: 30px;
}

.invoice-page .bg-white address {
    margin-bottom: 0px;
}

.invoice-page h2 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 24px;
}
.invoice-page h2 .inv-dt
{
    font-weight: initial;
    font-size: 14px;
}
.invoice-page .s-total+h3 {
    margin: 10px 0 0px;
}

.invoice-page :is(h2,h3,h4,h5,h6) {
    font-size: 20px;
    color: #444050;
    font-weight: 700;
}

.invoice-page .printableArea .row+.row {
    margin-top: 30px;
}

.invoice-page .s-act {
    padding: 24px;
    border-radius: 8px;
    border:1px solid rgba(0,0,0,0.05);
    background: rgba(0,0,0,0.01);
    min-height: 322px;
}

.invoice-page .s-act h4 {
    margin-bottom: 20px;
}

.invoice-page .s-act ul li {
    line-height: initial;
    padding-left: 40px;
    color: #444050;
}

.invoice-page .s-act ul {
    position: relative;
}

.invoice-page .s-act ul:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 5px;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
}

.invoice-page .s-act ul:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 5px;
    width: 1px;
    height: var(--progress-delivery);
    background: #8fd400;
}

.invoice-page .s-act ul li+li {
    margin-top: 25px;
}

.invoice-page .s-act ul li b {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 600;
    color: rgba(0, 0, 0, .4);
}

.invoice-page .s-act ul li b.dt {
    margin: 0 0 5px;
}

.invoice-page .s-act ul li.delivered {
    pointer-events: none;
}

.invoice-page .s-act ul li.delivered b,
.invoice-page .s-act ul li.delivered span {
    opacity: 0.3;
}

.invoice-page .scroll-ac {
    overflow: auto;
}

.invoice-page [class*='col-'] {
    padding-left: 15px;
    padding-right: 15px;
}

.invoice-page .row {
    margin-left: -15px;
    margin-right: -15px;
}

.invoice-page .s-act ul li {
    position: relative;
    font-weight: 600;
    font-size: 18px;
}

.invoice-page .s-act ul li span {
    margin-top: 5px;
}

.invoice-page .s-act ul li:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #8fd400;
    border-radius: 50px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 0 0px 5px #ffffff;
}

.invoice-page .btn-cart {
    margin-bottom: 0px;
    padding: 0 0 20px;
}

.invoice-page .btn-cart h3 {
    font-size: 20px;
    line-height: 100%;
}

.invoice-page .btn-cart #btnViewCart.btn,
.invoice-page .btn-cart #btnViewCart.btn:hover,
.invoice-page .btn-cart #btnViewCart.btn:focus {
    background: transparent !important;
    color: #003882 !important;
    padding: 0;
    border: 0;
}

.invoice-page .btn-cart #btnViewCart.btn:hover,
.invoice-page .btn-cart #btnViewCart.btn:focus {
    color: #8fd400 !important;
}

.invoice-page .btn-cart .btn i {
    margin-right: 8px;
}

.invoice-page .cart-total {
    padding: 0 24px 0px;
}

.invoice-page .cart-total>div {
    max-width: 250px;
    margin-left: auto;
}

.invoice-page .r-part .bg-white {
    position: relative;
    min-height: 302px;
    padding: 24px;
    background: rgba(0,0,0,0.01) !important;
    border-radius: 10px;
    border:1px solid rgba(0,0,0,0.05);
}

.invoice-page .r-part .bg-white h3 {
    margin-bottom: 20px;
}

.invoice-page .r-part .bg-white i {
    font-size: 20px;
}
.invoice-page .r-part .b-card
{
    background: url(../images/bg-contact.jpg) no-repeat 0 0 / cover !important;
    min-height: 280px;
}
.invoice-page .r-part .b-card *
{
    color: #ffffff;
}
.invoice-page .r-part .b-card .wp a
{
    gap: 0 15px;
    font-weight: 800;
    font-size: 20px;
}
.btn-back a
{
    gap: 0 8px;
    border-radius: 50px;
    background: #8fd400;
    color: #ffffff;
    font-weight: 600;
    padding: 2px 10px;
    margin-bottom: 15px;
}
.invoice-page .r-part .b-card .wp
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.invoice-page .r-part .b-card .b-name
{
    font-size: 18px;
}
.invoice-page .r-part .b-card .wp a i
{
    font-weight: initial;
    font-size: 25px;
}
.invoice-page .cart-table .table tbody tr td {
    padding: 12.5px 0px;
}

.invoice-page .cart-table .table thead tr th {
    padding: 5px 0;
}

.page-wrapper .invoice-page .cart-table .table {
    min-width: initial;
}
.invoice-page
{
    position: sticky;
    top: 105px;
}
/*my account*/
.myaccount-content {
    padding: 0px;
    border: 0px;
}

.my-account-section .billing-addr {
    background-color: transparent;
    padding: 0;
}

.my-account-section .billing-addr strong {
    font-weight: 500;
    font-size: 16px;
}

.my-account-section .billing-addr strong i {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: -2px;
}

.my-account-section .st-details .bg-white {
    background: #ffffff;
    padding: 30px;
}

.my-account-section .st-details .ac-detail a i {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 10px;
}

.my-account-section .st-details .ac-detail a {
    color: #444050;
}

.my-account-section .st-details .ac-detail {
    gap: 20px;
    margin-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin: 25px -30px 0;
    padding: 10px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.my-account-section .st-details .bg-white .img-store {
    width: 105px;
    height: 105px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    background: #f7f7f7;
    border: 0;
    border-radius: 8px;
}

.my-account-section .st-details .d-store * {
    line-height: initial;
}

.my-account-section .st-details .dt-store {
    max-width: calc(100% - 135px);
    margin-left: 25px;
}

.my-account-section .st-details .d-store h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #444050;
}

.my-account-section .st-details .d-store address {
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.3);
}

.my-account-section .billing-addr .row {
    gap: 24px 0;
}

.page-wrapper .my-account-section .myaccount-tab-menu a {
    width: 100%;
    line-height: initial;
}

.page-wrapper .my-account-section .myaccount-tab-menu a+a {
    margin: 8px 0 0;
}

.my-account-section .myaccount-tab-menu a i {
    top: 12px;
}

.myaccount-content h3 {
    border-bottom: 0;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

.bg-page {
    padding: 25px;
    border-radius: 30px;
    background: #f7f7f7;
}

.bg-page .row .row {
    min-height: calc(100vh - 240px);
}

.bg-page .myaccount-content {
    background: transparent;
}

.my-account-section .tab-content#myaccountContent {
    padding-left: 30px;
    border-left: 1px dashed rgba(0, 0, 0, 0.09);
    height: 100%;
}

.my-account-section .bg-white {
    padding: 30px;
}

.checkout-form .billing-addr .b_a_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.checkout-form .billing-addr .b_a_row p {
    color: rgba(0, 0, 0, 0.3);
    padding-left: 26px;
}

.my-account-section .bg-page {
    position: relative;
}

.chart-note {
    text-align: left;
    margin: 0 !important;
    display: block !important;
    padding: 0 !important;
}

.recent-report2 .chart-info__left {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    margin-bottom: 0;
}

.chart-note label {
    margin: 0;
}

/*checkout*/
.ord-popup
{
    width: 100%;
    max-width: 480px;
    color: #444050;
    border-radius: 8px;
}
.ord-s table
{
    width: 100%;
}
.ord-popup .swal2-title
{
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}
.ord-popup .ord-s
{
    overflow: auto;
}
.ord-popup .txt-ord
{
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 600;
    line-height: initial;
}
.ord-popup .g-total
{
    font-size: 20px;
}
.ord-popup table tr + tr th, .ord-popup table tr + tr td
{
    border-top: 1px dashed rgba(0, 0, 0, 0.09);
}
.ord-popup table
{
    font-size: 15px;
}
.ord-popup table .count
{
    font-size: 18px;
}
.ord-popup table th,.ord-popup table td
{
    padding: 8px 0px;
}
.ord-popup .swal2-styled
{
    width: 100px;
}
.ord-popup .swal2-actions
{
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 1.6em 0;
    margin-top: 15px;
}
.ord-popup .swal2-title i
{
    font-weight: normal;
}
.ord-popup .swal2-title
{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    gap: 0 10px;
}
.ord-popup .swal2-title > span
{
    gap: 0 10px;
}
.ord-popup .swal2-title > b
{
    font-size: 12px;
    font-weight: 700;
    line-height: initial;
    background: rgba(40, 167, 69, 0.1);
    padding: 5px 15px;
    border-radius: 50px;
    color: #28a745;
}
.ord-popup div:where(.swal2-container) button:where(.swal2-styled)
{
    padding: .5em 1.1em;
}
.ord-popup table th,.ord-popup table td
{
    text-align: left;
}
.ord-popup table td
{
    text-align: right;
}
.checkout-page .r-part
{
    position: sticky;
    top: 100px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.bg-frm .billing-addr h5 {
    padding-bottom: 0px;
    margin-bottom: 20px;
    color: #444050;
    border-bottom: 0px;
    font-size: 18px;
    gap: 15px 0;
    font-weight: 800;
}

.bg-frm {
    gap: 22px;
}

.checkout-title {
    text-decoration: none;
}

.checkout-cart-total {
    background: #ffffff;
    padding: 0;
}
.checkout-cart-total h4 .text-muted
{
    font-weight: 400;
    font-size: 14px;
}
.checkout-cart-total.op {
    min-height: initial;
}

.checkout-cart-total+.checkout-cart-total {
    margin-top: 30px;
}

.checkout-cart-total ul li span {
    line-height: initial;
}

.checkout-cart-total ul li {
    margin-bottom: 8px;
}

.checkout-cart-total ul li .qty,.checkout-cart-total h4 span.h-qty {
    color: #444050;
    width: 23%;
    text-align: left;
}
.checkout-cart-total h4 span.h-prd
{
    width: calc(50% + 65px);
}
.checkout-cart-total p {
    padding: 2px 0;
    border-bottom: 0;
    margin-top: 25px;
}

.checkout-cart-total ul {
    border-bottom: 0;
    padding-bottom: 15px;
    padding-right: 5px;
    overflow: auto;
    max-height: 244px;
}

.checkout-cart-total ul li span {
    padding-right: 0px;
}

.checkout-page .checkout-title+.btn_primary i {
    margin-left: 10px;
}

.checkout-cart-total h4 {
    border-bottom: 0px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.checkout-cart-total .radio+.radio {
    margin-top: 5px;
}

.checkout-cart-total .radio .form-check-label input+span {
    margin-left: auto;
}

.radio .form-check-label {
    position: relative;
    font-weight: 500;
    cursor: pointer;
}

.radio .form-check-label:has(input) {
    padding-left: 25px;
}

.radio .form-check-label input {
    display: none;
}

.radio .form-check-label input+span {
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0px;
    top: 5px;
    background: #ffffff;
    border-radius: 50px;
}

.radio .form-check-label input+span:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    right: 3px;
    background: #8FD400;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.radio .form-check-label input:checked+span:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.checkout-cart-total .form_datetime .iconLocal {
    background: #ffffff;
    color: #444050;
    padding: 10px 18px;
    font-size: 24px;
}

.checkout-cart-total .form_datetime .input-container {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0px;
}

.checkout-cart-total .form_datetime .input-container input {
    border: 0px;
    padding-left: 0;
    border-radius: 0;
}

.checkout-cart-total ul li {
    font-size: 13px;
    margin-bottom: 0px;
    position: relative;
    padding: 15px 0 15px 55px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.checkout-cart-total ul li .t-prd {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 50%;
}

.checkout-cart-total ul li+li {
    border-top: 1px dashed rgba(0, 0, 0, 0.08);
    margin-top: 10px;
}

.checkout-cart-total ul li img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    position: absolute;
    left: 0;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

.datetimepicker table {
    min-width: 250px;
}

.datetimepicker {
    z-index: 9 !important;
}

.datetimepicker td,
.datetimepicker th {
    width: 40px !important;
    height: 40px !important;
}

.datetimepicker .prev,
.datetimepicker .next {
    font-size: 22px;
}

.datetimepicker-hours table {
    min-width: 275px;
}

.datetimepicker .datetimepicker-hours span {
    height: 40px;
    line-height: 40px;
    width: 40px !important;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    font-size: 18px !important;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #ffffff !important;
    background-image: none !important;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #8fd400 !important;
    background-image: none !important;
    text-shadow: none !important;
}

#btnPlaceOrder.btn_primary {
    width: 100%;
    text-align: center;
    font-size: 18px;
    border-radius: 50px;
    padding: 8px 0;
    font-weight: 600;
}

#btnPlaceOrder.btn_primary i {
    vertical-align: middle;
    font-size: 25px;
    margin-left: 10px;
    font-weight: initial;
}

.openBox123 .add-to-cart-popup {
    z-index: 99999;
}

.openBox123 .modal.fade .modal-dialog {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.modal-open .page-wrapper .right-part .top-part {
    z-index: 9;
}

.checkout-page .b_a_row strong {
    color: #444050;
    font-weight: 600;
    margin-bottom: 5px;
}

.checkout-page .b_a_row strong i {
    font-size: 20px;
    vertical-align: -2px;
    margin-right: 10px;
}

.checkout-page .list-wrapper {
    gap: 10px 0;
}

.checkout-page .list-wrapper .b_a_row p {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}

.checkout-page #billing-form {
    padding: 24px;
    background: #f7f7f7;
    border-radius: 8px;
    min-height: 189px;
    border:1px solid rgba(0,0,0,0.05);
}
.checkout-page #billing-form label
{
    line-height: initial;
}
.checkout-page #billing-form .radio label {
    font-weight: 600;
}

.checkout-page #billing-form .radio span {
    font-weight: 400;
}

.checkout-page #billing-form b {
    display: block;
    margin-bottom: 10px;
}

.checkout-page #billing-form:first-child {
    margin-top: 50px;
}

.checkout-page #billing-form:last-child {
    min-height: 258px;
}

.checkout-page #billing-form .billing-addr.shpping-addr .list-wrapper {
    max-height: 250px;
    overflow: auto;
}
.checkout-page .section-title
{
    margin-bottom: 30px;
}
.checkout-page .bg-white {
    padding: 0 30px 0 0;
}

.checkout-page .img-checkout {
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
    overflow: hidden;
    margin-top: 22px;
}

.checkout-page .img-checkout img {
    max-width: 100% !important;
}

.checkout-page .checkout-title+.btn_primary {
    margin-bottom: 20px;
}

.checkout-page .billing-addr .btn_primary {
    width: auto;
    font-size: 15px;
    padding: 0;
    height: auto;
    border-radius: 0;
    line-height: initial;
    min-width: auto;
    color: #444050;
    background: transparent;
    border: 0px;
    font-weight: 600;
    padding: 0 6.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 8px;
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.checkout-page .billing-addr .btn_primary+.btn_primary {
    margin-left: 10px;
}

.checkout-page .billing-addr .btn_primary:hover {
    color: #8FD400;
}

.checkout-page .billing-addr .btn_primary i {
    /*margin-left: 8px;*/
    font-weight: initial;
}

.checkout-page .checkout-title {
    margin-bottom: 25px;
    font-weight: 800;
}

.checkout-page .checkout-title .btn_primary {
    margin-top: 28px;
}

.checkout-page .checkout-title .btn_primary i {
    margin-left: 10px;
}

.checkout-page .list-address {
    width: 100%;
}

.checkout-page .list-address+.list-address {
    margin-top: 15px;
}

.checkout-page .checkout-title span {
    max-width: 260px;
}

.checkout-page .checkout-title .c-btn {
    font-size: 14px;
}

.checkout-page .edit-btn a .ti {
    margin-right: 5px;
    vertical-align: -1px;
}

.checkout-page .edit-btn a {
    color: #444050;
}

.checkout-page .edit-btn a+a {
    margin-left: 15px;
}

.checkout-page .edit-btn {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    padding-top: 10px;
}

.checkout-page .title-address {
    color: #444050;
    margin-bottom: 10px;
}

/*dashboard*/
.statistic .w-box.sales {
    background: url(../images/img-sales.png) no-repeat calc(100% - 30px) center / 120px #ffffff;
}

.statistic .w-box.w-box.sales h1 {
    font-size: 18px;
    color: #444050;
    font-weight: 500;
}

.statistic .w-box h1 span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #6d6b77;
    margin-top: 5px;
}

.statistic .w-box .btn-green {
    margin-top: 15px;
}

.statistic .t-sale {
    font-size: 25px;
    color: #000000;
    font-weight: 700;
    display: inline-block;
    margin-top: 15px;
}
.statistic .tot-p
{
    padding: 25px;
}
.statistic .tot-p .c-tot
{
    gap: 0 15px;
}
.statistic .tot-p .c-tot i
{
    font-size: 55px;
    color: #000000;
}
.statistic .l-box .w-box + .w-box
{
    margin-top: 20px;
}
.statistic .btn-order
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    gap: 0 9px;
    color:#000000;
    font-size: 16px;
}
.statistic .btn-order:hover
{
    color: #003882;
}
.statistic .btn-green {
    background: #8fd400;
    color: #fff;
    padding: 7px 21px;
    border-radius: 50px;
}

.statistic .btn-green:hover {
    background: #7eba00;
}

.statistic .w-box :is(h1, h2, h3, h4, h5, h6) {
    font-size: 20px;
    font-weight: 700;
    color: #003882;
}

.statistic .w-box .list-s {
    gap: 24px;
}

.statistic .w-box
{
    background: rgba(0,56,130,0.04);
    border-radius: 20px;
    padding: 25px;
    border: 1px solid rgba(0,56,130,0.08);
}
.statistic .w-box.m-order .customer-grid
{
    border: 1px solid rgba(0,56,130,0.08);
}
.statistic .w-box:has(.list-s)
{
    background: #ffffff;
    margin-top: 40px;
    padding: 0;
    border:0px;
}
.statistic .w-box .list-s .list b {
    font-size: 25px;
    color: #000000;
    min-height: 24px;
    display: block;
    font-weight: 700;
    margin-top: 10px;
}

.statistic .w-box .list-s .list {
    width: calc(20% - 30px);
    padding: 15px 15px 15px 90px;
    position: relative;
    border-radius: 20px;
    min-height: 110px;
    overflow: hidden;
    border:1px solid rgba(0,0,0,0.2)
}
.statistic .w-box .list-s .list .desc,.statistic .w-box .list-s .list b
{
    position: relative;
    z-index: 1;
}
.statistic .w-box .list-s .list:nth-child(1)
{
    border-color: #e9e7fd;
    background: rgba(115,103,240,0.04);
}
.statistic .w-box .list-s .list:nth-child(2)
{
    border-color: #d6f4f8;
    background: rgba(0,186,209,0.04);
}
.statistic .w-box .list-s .list:nth-child(3)
{
    border-color: #ffe2e3;
    background: rgba(255,76,81,0.04);
}
.statistic .w-box .list-s .list:nth-child(4)
{
    border-color: rgba(176, 174, 0, 0.3);
    background: rgba(176, 174, 0, 0.04);
}
.statistic .w-box .list-s .list:nth-child(5)
{
    border-color: rgba(0,56,130,0.2);
    background: rgba(0,56,130,0.04);
}
.statistic .w-box .list-s .list:nth-child(1) .desc,.statistic .tot-p :is(h1,h2,h3,h4,h5,h6)
{
    color: #7367f0;
}
.statistic .tot-p :is(h1,h2,h3,h4,h5,h6)
{
    font-weight: 400;
}
.statistic .w-box .list-s .list:nth-child(1) i
{
    color: #7367f0;
}
.statistic .w-box .list-s .list:nth-child(2) .desc
{
    color: #00bad1;
}
.statistic .w-box .list-s .list:nth-child(2) i
{
    color: #00bad1;
}
.statistic .w-box .list-s .list:nth-child(3) .desc
{
    color: #ff4c51;
}
.statistic .w-box .list-s .list:nth-child(3) i
{
    color: #ff4c51;
}
.statistic .w-box .list-s .list:nth-child(4) .desc
{
    color: #b0ae00;
}
.statistic .w-box .list-s .list:nth-child(4) i
{
    color: #b0ae00;
}
.statistic .w-box .list-s .list:nth-child(5) .desc
{
    color: #003882;
}
.statistic .w-box .list-s .list:nth-child(5) i
{
    color: #003882;
}
.statistic .w-box .list-s .list i
{
    color: #000000;
}
.statistic .w-box .list-s .list i {
    width: 50px;
    position: absolute;
    left: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
}

.statistic .w-box .list-s .list .bg-color-purple {
    background: #e9e7fd;
    color: #7367f0;
}

.statistic .w-box .list-s .list .bg-color-sblue {
    background: #d6f4f8;
    color: #00bad1;
}

.statistic .w-box .list-s .list .bg-color-red {
    background: #ffe2e3;
    color: #ff4c51;
}

.statistic .w-box .list-s .list b+span {
    display: block;
    font-size: 13px;
    color: #6d6b77;
    margin-top: 5px;
    line-height: initial;
}

.statistic .container .w-box + .row {
    margin-top: 24px;
}

.statistic .container>.row {
    gap: 24px 0;
}

.statistic .table th {
    border-bottom-width: 1px;
}

.statistic .table th,
.statistic .table td {
    padding: 12px 0;
    line-height: initial;
    border-top: 1px dashed rgba(0, 0, 0, 0.08);
}

.statistic .table-list :is(h1, h2, h3, h4, h5, h6)+.table-responsive,
.statistic .chart-list :is(h1, h2, h3, h4, h5, h6)+.chart-info,
.table-list :is(h1, h2, h3, h4, h5, h6)+.customer-grid {
    margin-top: 30px;
}

.statistic .chart-list .recent-report__chart+.chart-note {
    text-align: center;
}

.statistic .table-responsive {
    max-height: 422px;
}
.statistic .customer-grid
{
    background: #ffffff;
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
}
.statistic .recent-report__chart #container {
    height: 300px;
}

.statistic .chart-list .chart-info-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    flex-direction: column;
}

.statistic .chart-list .chart-info__left {
    max-width: 50%;
    gap: 5px 10px;
}

.statistic .chart-list .rs-select2--md {
    width: 100%;
}

.statistic .d-budget {
    color: #444050;
}

.statistic .d-budget>b {
    font-size: 28px;
    font-weight: 500;
}

.statistic .d-budget .td-budget {
    color: #6d6b77;
    font-weight: 500;
}

.statistic .chart-list .rs-select2--md+.rs-select2--md {
    margin-top: 10px;
}

.statistic .m-order table {
    min-width: 550px;
}

.statistic .l-part,
.statistic .chart-list .chart-info-right {
    padding: 24px;
}

.statistic .highcharts-root {
    font-family: inherit !important;
}

.statistic .highcharts-root tspan[style="font-weight: bold;"] {
    font-weight: 400 !important;
    fill: #6d6b77;
}

.statistic .highcharts-root text {
    fill: #6d6b77 !important;
}

.single-contact .icon {
    color: #8fd400;
}

.single-contact p strong {
    color: #003882;
}

#thover {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .6
}

#tpopup {
    position: fixed;
    width: 300px;
    height: auto;
    background: #fff;
    left: 50%;
    top: calc(50% - 110px);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 9999;
    border-radius: 5px;
    padding: 60px 25px;
    /* width/2 + padding-left */
    /* height/2 + padding-top */
    text-align: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    display: none;
}
#tpopup img
{
    max-height: 220px;
    width: initial !important;
}
#tclose {
    position: absolute;
    background: black;
    color: white;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*my order*/
.my-order .rs-select2--dark,.my-order .header-advance-search
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.my-order .rs-select2--dark:empty,.my-order .rs-select2--dark:has(.text-muted:empty)
{
    display: none;
}
.my-order .rs-select2--dark select.form-control
{
    white-space: nowrap;
    text-overflow: ellipsis;
}
.my-order .date-filter
{
    gap: 0 8px;
}
.my-order .date-filter .btn-search,.my-order .date-filter .btn-reset,.products-page .search-prd .btn-reset
{
    background: #8fd400;
    border: 0;
    color: #fff;
    border-radius: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    min-width: 41px;
    height: 41px;
    font-size: 16px;
    font-weight: initial;
}
.my-order .date-filter .btn-search:hover,.my-order .date-filter .btn-reset:hover,.products-page .search-prd .btn-reset:hover
{
    background: #003882;
    color: #ffffff;
}
.page-wrapper:has(.my-order) .products-page .header-advance-search button
{
    font-size: 20px;
    top: 7px;
}
.my-order .date-filter .btn-search:hover,.my-order .date-filter .btn-reset:hover
{
    color: #ffffff;
}
.page-wrapper .products-page .header-advance-search
{
    height: 43px;
}
.dataTable .ti,
.dataTable a .ti, .dataTable .hgi,.dataTable a .hgi{
    font-size: 22px;
    color: #444050;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.my-order .ml-auto[style="display: none;"]+div,
.invoice-page .ml-auto[style="display: none;"]+div {
    margin-left: auto;
}

.my-order .ml-auto[style="display: block;"]+div,
.ml-auto[style="display: block;"]+div {
    margin-left: 0 !important;
}

/* .dataTable .ti, .dataTable a .ti.ti-trash, .dataTable a:hover .ti.ti-trash {
        color: inherit;
    } */
.dataTable a+a {
    margin-left: 5px;
}
.cart-table td.pro-remove a[style*='display: none']+a,.dataTable a[style*='display:none']+a{
    margin-left: 0px !important;
}

.dt-container .row {
    margin: 0;
}

.dt-container [class*='col-'] {
    padding: 0;
}

.dataTable a:hover .ti,.dataTable a:hover .hgi{
    color: #8FD400;
}

.my-order .header-advance-search,
.invoice-page .header-advance-search {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
.my-order .header-advance-search
{
    -ms-flex-preferred-size: 20%;flex-basis: 20%;
}
.dt-container .row:nth-child(1) {
    display: none;
}

.dt-container .row:nth-child(1),
.dt-container .row:nth-child(3) {
    padding: 20px 0px 0;
}

.dt-container .row:last-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dt-container .row:nth-child(1) .dt-length select,
.dt-container .row:nth-child(3) .dt-length select {
    width: 90px;
    height: 35px;
    padding: 0 25px 0 10px;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 50px;
    background: url(../images/down-arrow.svg) no-repeat calc(100% - 8px) center / 10px;
}

.dt-container .row:nth-child(1) .dt-length select+label,
.dt-container .row:nth-child(3) .dt-length select+label {
    margin: 0 0 0 10px;
}

.dt-container .row:nth-child(1) .dt-paging,
.dt-container .row:nth-child(3) .dt-paging {
    text-align: center;
}

input11 {
    width: 100%;
    /*padding: 12px;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
}

/* Style the submit button */
input11[type=submit] {
    background-color: #4CAF50;
    color: white;
}

/* Style the container for inputs */
.container11 {
    background-color: #f1f1f1;
    padding: 20px;
}

/* The message box is shown when the user clicks on the password field */
#message11 {
    display: none;
    background: #f1f1f1;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

#message11 p {
    padding: 10px 35px;
    font-size: 18px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid11 {
    color: green;
}

.valid11:before {
    position: relative;
    left: -35px;
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid11 {
    color: red;
}

.invalid11:before {
    position: relative;
    left: -35px;
    content: "✖";
}
/*Location*/
.page-wrapper:has(.loc) .products-page .bg-search .header-advance-search
{
    margin-right: 0px !important;
}
.user-filter .myaccount-tab-menu a
{
    padding-right: 20px;
    padding-left: 40px;
}
.user-filter .myaccount-tab-menu a i
{
    left: 10px;
}
/*Thankyou*/
.page-wrapper:has(.thank-you) .right-part
{
    background: url(../images/login-bg.jpg) no-repeat 0 0 / cover;
}
/*sales*/
.page-wrapper .sales .header-advance-search button
{
    font-size: 18px;
    top: 4px;
}
.page-wrapper .sales .header-advance-search
{
    margin-top: 0px;
    margin-bottom: 20px !important;
}
.page-wrapper .sales .header-advance-search input, .page-wrapper .sales .header-advance-search.header-top-search
{
    min-height: 33px;
}
/*sorting*/
.dataTable [class*='dt-orderable-']
{
    padding: 10px 50px 10px 10px;
    position: relative;
}
.dataTable [class*='dt-orderable-'] .dt-column-order
{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    margin: auto;
    background: url(../images/sorting.png) no-repeat center center / contain;
    opacity: 0.5;
}
.dataTable [class*='dt-orderable-'].dt-ordering-asc .dt-column-order
{
    background: url(../images/sorting-up.png) no-repeat center center / contain;
    opacity: 0.2;
}
.dataTable [class*='dt-orderable-'].dt-ordering-desc .dt-column-order
{
    background: url(../images/sorting-down.png) no-repeat center center / contain;
    opacity: 0.2;
}
.dataTable .dt-orderable-none .dt-column-order
{
    display: none;
}
.openBox123 .mobile-menu
{
    z-index: 0;
}
/*sales screen*/
.sales-screen .page-wrapper .cart-table .table
{
    min-width: initial;
}
.sales-screen .map-btn-filter,.sales-screen .title
{
    gap: 10px;
}
.sales-screen .map-btn
{
    margin-top: 20px;
}
.sales-screen .my-order .map-btn-filter .rs-select2--dark
{
    width: 250px;
}
.sales-screen .page-wrapper .header-advance-search
{
    flex-basis: 20%;
}
.sales-screen .page-wrapper .w-order .header-advance-search
{
    width: 400px;
    max-width: 400px !important;
}
.sales-screen .page-wrapper .main-menu nav>ul>li+li
{
    margin: 0 0 0 40px;
}
/*selectbox*/
.select2-container--default .select2-selection--single
{
    border-color: rgba(0,56,130,0.08);
    border-radius: 50px;
}
.select2-container--default.select2-container--open .select2-selection--single
{
    border-radius: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 41px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--single
{
    height: 41px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    color: #000;
}
.select2-dropdown,.select2-container--default .select2-search--dropdown .select2-search__field
{
    border-color: rgba(0,56,130,0.08);
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    right: 10px;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
    padding-left: 20px;
    padding-right: 20px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{
    background: #8FD400;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
    height: 41px;
    padding-right: 15px;
}
/*tooltip*/
i.ti[data-toggle="tooltip"] {
    font-size: 16px;
    color: #003882;
}
td:has(.tooltip-bg) .tooltip .tooltip-inner {
    background: #003882;
    border-color: #003882;
}
td:has(.tooltip-bg) .tooltip {
    opacity: 1 !important;
}
td:has(.tooltip-bg) .tooltip .arrow:before {
    border-top-color: #003882;
}

@media (min-width:1199px) {
    .my-order .rs-select2--dark
    {
        max-width: 250px;
    }
    .category-page .shop-grid-view-product:before {
        content: "";
        position: absolute;
        left: 10px;
        right: 0px;
        top: 10px;
        height: 10px;
        width: 10px;
        background: rgba(143, 212, 0, 0.2);
        border-radius: 50px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .category-page .shop-grid-view-product .product-content {
        position: relative;
        z-index: 1;
    }

    .category-page .shop-grid-view-product:hover:before {
        -webkit-transform: scale(19.5);
        -ms-transform: scale(19.5);
        transform: scale(19.5);
        opacity: 0;
    }

    ::-webkit-scrollbar-track {
        background-color: #ffffff;
    }

    ::-webkit-scrollbar {
        width: 4px;
        background-color: #ffffff;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #8fd400;
    }

    ::-webkit-scrollbar:horizontal {
        height: 4px;
    }
}

@media (max-width:1900px) {
    .sales-screen .page-wrapper .right-part .top-part
    {
        gap: 0 30px;
    }
    .sales-screen .page-wrapper .main-menu nav>ul>li+li
    {
        margin: 0 0 0 20px;
    }
    .sales-screen .page-wrapper .main-menu nav > ul > li > a
    {
        font-size: 14px;
    }
    .sales-screen .page-wrapper .w-order .header-advance-search
    {
        max-width: 200px !important;
        min-width: initial !important;
    }
    .contact-page-side-content .single-contact-block {
        width: 100%;
    }

    .contact-page-side-content {
        padding: 0px;
    }

    .contact-page-side-content .single-contact-block.bg-contact img {
        max-width: 250px;
        margin-bottom: 20px;
    }

    .contact-page-side-content .single-contact-block.bg-contact h4 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .page-wrapper .cart-table .table{
        min-width: 1400px;
    }
    .page-wrapper:has(.assign-location ) .cart-table .table
    {
        min-width: 1400px;
    }
    .page-wrapper .main-menu nav>ul>li+li
    {
        margin: 0 0 0 18px;
    }
}

@media (max-width:1519px) {
    .recent-report2 .chart-info__left {
        margin: 0 !important;
    }

    .recent-report2 .chart-info {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

@media (max-width:1500px) {
    .sales-screen .page-wrapper .main-menu nav>ul>li+li
    {
        margin: 0 0 0 10px;
    }
    .sales-screen .page-wrapper .main-menu nav > ul > li > a
    {
        font-size: 11px;
    }
     .statistic .w-box
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px 0;
    }

    .page-wrapper .products-page .header-advance-search {
        max-width: 30%;
    }

    .contact-form-content .contact-form {
        padding: 25px;
    }

    .contact-form-content .g-recaptcha {
        -webkit-transform: scale(0.80);
        -ms-transform: scale(0.80);
        transform: scale(0.80);
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
    }

    .page-wrapper .statistic__item {
        padding: 30px 15px 30px 15px;
    }

    .page-wrapper .statistic__item .desc {
        max-width: 100px;
        text-align: center;
    }
}

@media (max-width:1440px) {
    .page-wrapper .products-page .header-advance-search {
        max-width: calc(100% - 56px);
    }

    .checkout-cart-total .radio .form-check-label input+span+span {
        width: 100%;
    }

    .statistic .w-box .list-s .list {
        width: calc(33.33% - 30px);
    }

    .statistic .w-box .list-s {
        margin-top: 25px;
    }
    .page-wrapper .main-menu nav>ul>li>a
    {
        font-size: 12px;
    }
}

@media (max-width:1199px) {
    .thank-you
    {
        margin: auto;
    }
    .sales-screen .page-wrapper .cart-table .table
    {
        min-width: 1085px;
    }
    .sales-screen .page-wrapper .w-order .header-advance-search
    {
        max-width: calc(100% -  51px) !important;
    }
    .sales-screen .map-btn-filter .rs-select2--dark
    {
    max-width: calc(33.33% - 10px);
    }
    .sales-screen .page-wrapper .products-page .myaccount-tab-menu
    {
        width: initial;
    }
    .invoice-page .iv-dt > span
    {
        width: calc(33.33% - 40px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .my-order .title,.my-order .date-filter
    {
        gap: 15px;
    }
    .my-order .date-filter .form-group
    {
        width: calc(50% - 8px);
    }
    .page-wrapper .header-top-menu .drp-menu
    {
        top: 47px;
    }
    .page-wrapper .right-part .top-part
    {
        gap: 0 40px;
    }
    .page-wrapper .main-menu nav>ul>li>a
    {
        font-size: 10px;
    }
    .page-wrapper .main-menu nav>ul>li+li
    {
        margin: 0 0 0 10px;
    }
    .page-wrapper .header-top-menu .account
    {
        width: 40px;
        height: 40px;
    }
    .page-wrapper .right-part .bg-top
    {
        padding: 20px 20px 10px;
    }
    .category-page .section-title * {
        font-size: 25px !important;
        margin-bottom: 0px !important;
    }

    .contact-form-content .g-recaptcha {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
    }

    .contact-page-side-content .single-contact-block.bg-contact {
        min-height: 278px;
    }

    .page-wrapper .section__content+.section__content {
        margin-top: 40px;
    }

    .page-content .section-title {
        margin-bottom: 15px;
    }

    .page-wrapper~footer .social-contact-section .contact-summery .single-contact {
        padding: 20px;
    }

    .category-page .shop-product-wrap .list {
        max-width: calc(24.5% - 1%);
    }

    .invoice-page .s-act {
        padding: 20px;
    }

    .statistic .chart-list .chart-info__left {
        max-width: 100%;
        gap: 5px 10px;
        width: 100%;
        margin-bottom: 10px;
        flex-grow: 1;
    }

    .statistic .chart-list .chart-info-right {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
    }

    .statistic .chart-list .rs-select2--md {
        width: calc(50% - 10px);
    }

    .statistic .chart-list .rs-select2--md+.rs-select2--md {
        margin: 0;
    }

    .statistic .d-budget {
        margin-top: 25px !important;
        width: 100%;
    }

    .invoice-page>.bg-white {
        padding: 20px;
    }

    .contact-map {
        width: 60%;
    }

    .page-content:has(.checkout-page) {
        padding: 30px;
    }

    .checkout-page .list-wrapper .b_a_row {
        width: 100%;
    }

    .checkout-page .list-wrapper {
        gap: 20px 0;
    }

    .login_page .r-part:before {
        top: -300px;
        left: -300px;
    }

    .login_page .r-part:after {
        right: -320px;
        bottom: -320px;
    }

    .login_page .r-part {
        padding: 80px 50px 50px 50px;
    }

    .invoice-page .r-part .bg-white {
        min-height: 302px;
    }
    .my-account-section .st-details .bg-white .d-store {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: start !important;
    }

    .my-account-section .st-details .dt-store {
        max-width: 100%;
        margin: 15px 0 0;
    }

    .my-account-section .st-details .dt-store {
        text-align: left;
    }

    .checkout-page .bg-frm {
        margin-top: 15px;
    }

    .dt-container .dt-paging nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 6px 0;
    }

    .page-wrapper .products-page .myaccount-tab-menu
    {
        width: 100%;
    }
    .products-page .section-title
    {
        flex-direction: column;
        gap: 10px 0;
    }
    .page-wrapper .myaccount-tab-menu a
    {
        flex-grow: 1;
    }
    .page-wrapper .products-page .header-advance-search:has(+.filter)
    {
        max-width: calc(100% - 100px) !important;
    }
    .page-wrapper .products-page .header-advance-search:has(+.btn-reset)
    {
        max-width: calc(100% - 50px) !important;
    }
    .sales-screen .page-wrapper .main-menu nav>ul>li+li
    {
        margin: 0 0 0 5px;
    }
    .sales-screen .page-wrapper .right-part .top-part .logo
    {
        max-width: 100px;
    }
}

@media (max-width:1024px) {

    .page-wrapper:has(.loc) .myaccount-tab-menu
    {
        width: 100%;
    }
    .page-wrapper .myaccount-tab-menu {
        width: 100%;
    }
    .page-wrapper .user-filter .myaccount-tab-menu
    {
        width: initial;
    }
    .page-wrapper .products-page .user-filter.bg-search .header-advance-search
    {
        margin-right: 0px !important;
    }
    .page-wrapper .products-page.w-order .bg-search .header-advance-search,
    .page-wrapper .invoice-page .bg-search .header-advance-search {
     min-width: 100% !important;
        margin: 10px 0 0 !important;
    }

    .page-wrapper .products-page .bg-search .header-advance-search {
        min-width: initial;
    }
    .page-wrapper .products-page .search-prd
    {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .page-wrapper .products-page .search-prd,.page-wrapper .products-page .myaccount-tab-menu
    {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .page-wrapper .products-page .search-prd
    {
        gap: 8px;
    }
}

@media (max-width:991px) {
    .page-wrapper .products-page.loc .cart-table
    {
        margin-top: 0px;
    }
    .invoice-page .s-total+h3
    {
        margin-top: 0px;
    }
    .page-wrapper .products-page .bg-search .header-advance-search
    {
        margin-right: 0 !important;
    }
    .my-order .date-filter .rs-select2--dark,.page-wrapper .products-page .header-advance-search
    {
        width: initial !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .page-content:has(.user-filter) .section-title
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    footer .f-m_designed img
    {
        margin-top: 10px;
    }
    .mobile-menu
    {
        position: absolute;
        right: 5px;
        top: 75px;
        left: 0;
        z-index: 2;
    }
    .page-wrapper .h-bar
    {
        width: initial;
    }
    .cart-table tfoot td:empty
    {
        display: none;
    }
    .cart-table tfoot
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .cart-table tfoot tr
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .cart-table tfoot td
    {
        font-weight: 700 !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .page-content .bg-search
    {
        margin-left: 0px;
    }
    .page-wrapper .right-part {
        width: 100%;
    }
    .page-wrapper .products-page .header-advance-search
    {
        /* max-width: calc(100% - 435px) !important; */
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .page-wrapper .menubar-top {
        margin-top: 0px;
    }

    .page-wrapper .mobile-menu .mean-bar .meanmenu-reveal {
        z-index: 99999;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .page-wrapper .h-bar {
        margin-top: 0px;
        border-bottom-left-radius: 0;
        padding: 0 65px 0 0;
    }

    .page-wrapper .mobile-menu .mean-bar .mean-nav>ul {
        margin-bottom: 0 !important;
        padding-top: 10px;
    }

    .page-wrapper .mobile-menu .mean-bar .mean-nav>ul li i {
        margin-right: 15px;
        font-size: 20px;
    }

    .page-wrapper .mobile-menu .mean-bar .mean-nav>ul li a {
        font-size: 15px;
    }

    .mobile-menu .mean-bar .mean-nav>ul {
        border: 0px;
    }

    .page-wrapper .mobile-menu .mean-bar .mean-nav>ul li a {
        border-top: 0px;
    }

    .page-wrapper .tab-slider-wrapper {
        padding-right: 0px;
    }

    .page-wrapper .page-content {
        margin-top: 0px;
        padding: 15px 0 !important;
    }

    .page-wrapper .header-advance-search {
        flex-basis: calc(100% - 520px);
    }

    .rs-select2--dark {
        margin-bottom: 0px !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%;
    }

    .recent-report2 .chart-info {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-wrapper .recent-report2 {
        padding: 30px;
    }

    .page-wrapper .h-bar h1 {
        margin-bottom: 0px;
    }

    .page-wrapper .h-bar {
        margin: 0;
    }

    .social-contact-section .mb-xs-50 {
        margin-bottom: 0 !important;
    }

    .category-page .row [class*='col-']:nth-child(n+4) {
        margin-top: 30px;
    }

    .contact-page-side-content .single-contact-block.bg-contact {
        min-height: 350px;
    }

    .invoice-page .products-list-page .cart-table {
        margin-bottom: 0px !important;
    }

    .products-list-page tr {
        border-bottom: 0px;
        margin: 0;
    }

    .products-list-page tr:nth-child(even) {
        background: #f7f7f7;
    }

    .recent-report2 .chart-info__left {
        margin: 0 0 25px !important;
    }

    .recent-report2 .chart-info {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-wrapper .right-part .top-part .logo {
        width: initial;
        padding: 0;
        max-width: 100%;
    }

    .page-wrapper .h-bar:before {
        border-radius: 0px;
    }

    .page-wrapper .menubar-top {
        padding: 0;
        border-bottom: 0px;
    }

    #btnPlaceOrder.btn_primary {
        max-width: 200px;
        display: table;
        margin: auto;
    }

    .products-list-page tr:nth-child(even) td.pro-quantity input,
    .cart-table tr:nth-child(even) td.pro-remove a {
        background: transparent;
    }

    .products-list-page tr:nth-child(even) td.pro-quantity input {
        background: #ffffff !important;
    }

    .page-wrapper .header-advance-search.header-top-search {
        flex-basis: 100%;
        margin: 0;
    }

    .page-wrapper .header-top-menu {
        border-left: 0px;
        margin-left: auto;
    }

    .page-wrapper .right-part .bg-top {
        position: relative;
    }

    .statistic .container>.row {
        gap: 15px 0px;
    }

    .page-wrapper .header-bottom {
        position: static !important;
    }

    .page-wrapper .header-advance-search {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .dt-container .row:nth-child(1),
    .dt-container .row:nth-child(3) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dt-container .row:nth-child(1)>div+div,
    .dt-container .row:nth-child(3)>div+div {
        margin-top: 10px;
    }

    .dt-container .row:nth-child(1) .text-right,
    .dt-container .row:nth-child(3) .text-right,
    .dt-container .dt-length {
        text-align: center !important;
    }

    .invoice-page .printableArea .row+.row {
        margin-top: 15px;
    }

    .invoice-page .printableArea .row {
        gap: 15px;
    }

    .invoice-page>.bg-white {
        padding: 20px;
    }

    .my-account-section .row {
        gap: 24px 0;
    }

    .checkout-page>.row [class*='col-']+[class*='col-'] {
        margin-top: 40px;
    }

    .checkout-cart-total ul {
        max-height: initial;
    }

    .page-wrapper .cart-table .table {
        min-width: initial;
    }

    .products-list-page .cart-table .table td.pro-CaseQty,
    .products-list-page .cart-table .table td.pro-quantity {
        text-align: left !important;
    }

    [data-title="Action"].text-center,
    [data-title="Price"] {
        text-align: left !important;
    }

    .invoice-page .r-part .bg-white {
        min-height: initial;
    }
    .invoice-page .r-part .bg-white.b-card
    {
        min-height: 310px;
    }
    .invoice-page .r-part .bg-white i {
        font-size: 120px;
    }

    .checkout-page .img-checkout {
        margin-top: 15px;
    }

    .checkout-page #billing-form:first-child {
        margin-top: 0px;
    }

    .checkout-page #billing-form {
        width: calc(50% - 11px);
    }

    .page-wrapper .invoice-page.products-page .bg-search .header-advance-search {
        flex-basis: 100%;
        margin-top: 15px !important;
        min-width: 100% !important;
    }
    .page-content .section-title
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px 0;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

@media (max-width:991px) and (orientation:landscape) {

    .page-wrapper .right-part .top-part,
    .page-wrapper .header-bottom {
        position: static !important;
    }
}
@media (max-height:900px) and (orientation:landscape)
{
    #tpopup
    {
        top: calc(50% - 148px);
        height: 300px;
    }
    #tpopup img
    {
        max-height: 160px;
    }
}
@media (min-width:575px) and (max-width:991px) {
    .statistic .w-box.tot-p
    {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (max-width:767px) {
    .sales-screen .page-wrapper .products-page .myaccount-tab-menu
    {
        width: 100%;
    }
    .sales-screen .page-wrapper .myaccount-tab-menu a
    {
        -webkit-box-flex: initial;-ms-flex-positive: initial;flex-grow: initial;
    }
    .statistic .w-box
    {
        padding: 15px;
    }
    .statistic .w-box:has(.list-s)
    {
        margin-top: 25px;
    }
    .statistic .w-box .list-s .list i
    {
        left: 10px;
    }
    .statistic .w-box .list-s .list
    {
        padding: 15px 15px 15px 70px;
    }
    .page-wrapper .right-part .bg-top
    {
        padding: 20px 0px 10px;
    }
    #tpopup
    {
        top: calc(50% - 166px);
    }
    .user-filter
    {
        width: 100%;
    }
    .statistic .tot-p.w-box
    {
        width: 100%;
    }
    .page-wrapper .sales .header-advance-search
    {
        margin-top: 10px;
    }
    /* .page-wrapper .products-page .header-advance-search
    {
        width: calc(100% - 70px) !important;
        max-width: 100% !important;
    } */
    .invoice-page .iv-dt > span
    {
        width: calc(50% - 40px);
    }
    .page-wrapper .products-page .bg-search.user-filter .header-advance-search
    {
        min-width: calc(100% - 145px) !important;
    }
    .ord-popup .txt-ord
    {
        font-size: 18px;
    }
    .my-order .date-filter .header-advance-search input
    {
        min-height: 100%;
    }
    .page-wrapper:has(.my-order) .header-advance-search
    {
        -ms-flex-preferred-size: initial !important;flex-basis: initial !important;
    }
    .page-content .section-title.user .sb-text
    {
        font-size: 14px;
    }
    .page-content .section-title.user :is(h2,h3,h4,h5,h6)
    {
        font-size: 20px;
    }
    footer .single-contact:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .category-page .row [class*='col-']:nth-child(n+3) {
        margin-top: 30px;
    }

    .page-wrapper .cart-table .table {
        min-width: initial;
    }
    .page-wrapper:has(.assign-location) .cart-table .table
    {
        min-width: 575px;
    }

    .contact-page-side-content .single-contact-block {
        padding: 20px;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
    }

    .contact-page-side-content .single-contact-block.bg-contact {
        margin-bottom: 0px;
    }

    .bg-page {
        padding: 10px;
    }

    .myaccount-table {
        white-space: initial;
    }

    .page-wrapper .myaccount-table .table-responsive {
        padding-right: 0px;
    }

    .myaccount-table .table tbody tr td:last-child {
        margin-bottom: 0px;
    }

    .myaccount-table .table tbody tr:first-child td:nth-child(1),
    .myaccount-table .table tbody tr:first-child td:nth-child(2) {
        border-top: 0px;
    }

    .page-wrapper .h-bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .page-wrapper .header-top-menu {
        padding: 0;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: end;
        border-left: 0px;
    }

    .page-wrapper .header-advance-search input,
    .page-wrapper .header-advance-search.header-top-search {
        min-height: 35px;
    }

    .page-wrapper .header-advance-search.header-top-search {
        margin-top: 0px;
    }

    .shop-product-wrap .floating-cart-btn {
        margin: 15px 0 0;
    }

    .page-wrapper .myaccount-tab-menu {
        padding-right: 0px;
    }

    .contact-page .row [class*='col-']+[class*='col-'] {
        margin-top: 25px;
    }

    .bg-frm>div {
        width: 100%;
    }

    .bg-frm .b_a_row~.b_a_row {
        margin-top: 15px;
    }

    .page-wrapper .header-bottom {
        z-index: 9999;
        top: 195px;
    }

    .thank-you .thank-you-title {
        font-size: 45px;
        margin-bottom: 5px;
    }
    .printableArea .pull-left,
    .printableArea .pull-right {
        float: none !important;
        text-align: left !important;
    }

    .checkout-title {
        margin-bottom: 25px;
    }

    .bg-frm>div {
        max-width: 100%;
    }

    .bg-frm {
        gap: 20px;
    }

    .statistic .w-box .list-s .list {
        width: calc(50% - 30px);
    }

    .page-wrapper .page-content {
        padding: 30px 0;
    }

    .statistic .w-box.sales {
        background-size: 80px;
    }

    .page-wrapper~footer .social-contact-section .contact-summery .single-contact+.single-contact {
        border-left: 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .category-page .shop-product-wrap .list {
        max-width: calc(50% - 1%);
    }

    .page-wrapper:has(.products-page) .header-advance-search {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .page-content .section-title:has(+div.header-advance-search) {
        margin-bottom: 15px;
    }

    .invoice-page .s-act .scroll-ac {
        max-height: initial;
    }

    .contact-map {
        display: none;
    }

    .login_page .r-part {
        padding: 80px 20px 20px 20px;
    }

    .checkout-page .img-checkout {
        border-radius: 8px;
    }

    .page-wrapper .w-box .cart-table .table {
        min-width: 700px;
    }

    .my-account-section .st-details .dt-store {
        text-align: center;
    }

    .my-account-section .st-details .bg-white .d-store {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .contact-popup .l-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .contact-popup .modal-body {
        padding: 25px;
    }

    .contact-popup .l-list .list label .ti {
        margin: 0 0 0 10px;
    }

    .contact-popup .l-list .list label span+span {
        font-size: 14px;
    }

    .contact-popup .l-list .list .radio .form-check-label input+span {
        top: 25px;
    }

    .contact-popup .l-list {
        gap: 15px;
    }

    .checkout-page #billing-form:first-child {
        margin-top: 30px;
    }

    .checkout-page #billing-form {
        width: 100%;
    }

    .checkout-cart-total h4:last-child {
        font-size: 16px;
    }

    .addr-list-popup .list-address .l-part {
        width: 100%;
    }

    .addr-list-popup .list-address .btn-action {
        max-width: 220px;
        margin: 15px 0 0;
    }
    .checkout-cart-total .lbl-tot
    {
        display: inline-block;
    }
    .checkout-cart-total h4 .text-muted
    {
        display: block;
        font-size: 12px;
    }
    .thank-you h3
    {
        max-width: 250px;
    }
    .sales-screen .page-wrapper .myaccount-tab-menu a
    {
        width: initial !important;
    }
}

@media (max-width:575px) {
    .sales-screen .map-btn-filter .rs-select2--dark
    {
        max-width: 100%;
    }
    .sales-screen .page-wrapper .products-page .myaccount-tab-menu .frm-icon
    {
        width: initial;
        flex-grow: 1;
        max-width: calc(100% - 144px);
    }
    .page-wrapper .products-page .myaccount-tab-menu .frm-icon
    {
        width: 100%;
    }
    .page-wrapper .products-page .header-advance-search
    {
        max-width: calc(100% - 100px) !important;
    }
    .my-order .date-filter .rs-select2--dark
    {
        width: 100% !important;
    }
    .invoice-page .iv-dt > span,.cart-floating-box
    {
        width: 100%;
    }
    .cart-floating-box
    {
       right: -100%;
    }
    .checkout-cart-total ul li .qty, .checkout-cart-total h4 span.h-qty
    {
        width: 50%;
    }
    .ord-popup .swal2-title
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px 0;
    }
    .invoice-page h2
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
                align-items: flex-start !important;
    }
    .my-order .date-filter .form-group
    {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
    }
    .checkout-cart-total ul li
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .checkout-cart-total ul li .t-prd
    {
        width: 100%;
    }
    .page-wrapper .statistic__item {
        width: 100%;
    }

    .page-wrapper .s-wrapper {
        gap: 20px;
    }

    .shop-product-wrap.row [class*='col-']+[class*='col-'] {
        margin-top: 25px;
    }

    .rs-select2--dark {
        margin: 0 !important;
    }

    .rs-select2--dark+.rs-select2--dark {
        margin-top: 0px !important;
    }

    .chart-info .chart-info-right {
        width: 100%;
    }

    .rs-select2--md {
        width: 100% !important;
    }

    .page-wrapper .myaccount-tab-menu a+a {
        margin: 0;
    }

    .page-wrapper .myaccount-tab-menu {
        gap: 10px;
    }

    .page-wrapper .myaccount-tab-menu a {
        width: calc(50% - 10px) !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .tab-content#myaccountContent {
        padding-left: 0px;
        border-left: 0px;
    }

    .page-wrapper .products-page .bg-search #btnViewCart {
        margin-right: 0px;
    }

    .page-wrapper .products-page .bg-search #btnViewCart.btn_primary {
        margin: 15px 0 0 auto;
    }

    .page-wrapper .products-page .bg-search .header-advance-search {
        min-width: calc(100% - 71px) !important;
    }

    .pagination-container {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .products-page .pagination-content {
        margin: 0;
    }

    .products-page .p-counter {
        margin: 0 0 15px;
    }

    .page-wrapper .products-page.w-order .bg-search .header-advance-search,
    .page-wrapper .invoice-page .bg-search .header-advance-search {
        min-width: 100% !important;
        margin: 10px 0 0 !important;
    }

    .checkout-form .billing-addr .b_a_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .products-list-page .cart-table .table td {
        text-align: left !important;
    }

    .login_page .l-part img.img-prd {
        max-width: 250px;
    }

    .login_page .l-part:before {
        height: 100px;
    }

    .statistic .w-box .list-s .list {
        width: 100%;
    }

    .category-page .shop-product-wrap .list {
        max-width: 100%;
    }

    .category-page .shop-product-wrap {
        gap: 15px 2%;
    }

    .cart_btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
    }

    .my-account-section .st-details .bg-white .d-store {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .my-account-section .st-details .dt-store {
        max-width: 100%;
        margin: 15px 0 0;
        text-align: center;
    }

    .invoice-page .bg-white .btn-cart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .invoice-page .bg-white .btn-cart .btn-danger {
        margin-top: 8px !important;
    }

    .addr-list-popup .list-address a+a {
        margin-left: 8px;
    }

    .addr-list-popup .ti {
        font-size: 25px;
    }

    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        border-color: #fd397a;
        padding-right: calc(1.5em + 1.3rem);
        background-repeat: no-repeat;
        background-position: right calc(.375em + .325rem) center;
        background-size: calc(.75em + .65rem) calc(.75em + .65rem);
    }
}
@media (max-width:479px)
{
    .sales-screen .page-wrapper .products-page .myaccount-tab-menu .frm-icon
    {
        max-width: 100%;
        width: 100%;
    }
    .page-wrapper .loc
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px 0;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .page-wrapper .products-page .search-prd
    {
        width: 100%;
    }
    .mobile-menu .mean-bar .meanmenu-reveal
    {
        right: 15px !important;
    }
    .statistic .container>.row [class*='col-'],.page-wrapper .loc .frm-icon
    {
        width: 100%;
    }
    .page-wrapper .products-page .bg-search.user-filter .header-advance-search
    {
        min-width: 100% !important;
    }
    .page-wrapper .myaccount-tab-menu a
    {
        width: 100% !important;
    }
     .page-wrapper .h-bar
    {
        margin-left: auto;
        padding-right: 49px;
    }
    .page-wrapper .right-part .top-part
    {
        gap: 25px;
    }
    .mobile-menu
    {
        top: 108px;
    }
    .mobile-menu .mean-bar .meanmenu-reveal
    {
        top: -80px;
    }
}
/*validation*/
.invalid-feedback {
    line-height: initial;
    text-align: left;
}

/*Add Cursor on Title*/
table thead th.dt-orderable-asc.dt-orderable-desc span.dt-column-title {
    cursor: pointer;
}
/*autoCompletesearch_selected*/
.autoComplete_result:hover {
    background-color: #e0e0e0;
    color: #000;
    cursor: pointer;
}
.autoComplete_selected {
    background-color: #e0e0e0;
    color: #000;
}
/*toggle button css*/
.customer-toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .customer-toggle-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.customer-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
}

    .customer-slider::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

.customer-toggle-switch input:checked + .customer-slider {
    background-color: #2196F3;
}

    .customer-toggle-switch input:checked + .customer-slider::before {
        transform: translateX(26px);
    }
/*new requisition*/
.new-req .card-header {
    background: rgba(0,56,130,0.08);
    color: #003882;
    border-color: rgba(0,56,130,0.08);
}
.new-req .card .card-header:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.new-req .card {
    border-radius: 8px;
    border-color: rgba(0,56,130,0.08);
}
.new-req .tabs {
    border-radius: 30px;
    padding: 8px;
    max-width: 380px;
}
.new-req .tabs button, .new-req .tabs button.active {
    border-radius: 50px;
    box-shadow: none;
}
.new-req .tabs button.active
{
    background: #8FD400;
    color: #fff;
}
.new-req .form-group label
{
    line-height: initial;
}
.new-req .card-header
{
    font-size: 18px;
    background: transparent;
    border-bottom: 0px;
}
.new-req .l-part
{
    background: rgba(0, 0, 0, 0.01);
}
.tabs {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    background: #f1f3f5;
}

.tabs button {
    flex: 1;
    padding: 10px 16px;
    border: none;
    background: transparent;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
    color: #495057;
}

.tabs button.active {
    background: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
    color: #0d1b2a;
}
.table-wrapper {
    max-height: 450px;
    overflow: auto;
}
.product-table thead th {
    position: sticky;
    top: -1px;
    background: #f8f9fa;
    z-index: 2;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.btn-add {
    background-color: #0d1b2a;
    color: #fff;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
}

.btn-add:hover {
    background-color: #1b263b;
}
.tab-content {
    display: none;
    margin-top: 20px;
}

.tab-content.active {
    display: block;
}
.modal-dialog {
    max-width: 1100px;
}

.custom-modal {
    border-radius: 20px;
    overflow: hidden;
}

.modal-body {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 20px;
}

.table-wrapper img {
    border-radius: 6px;
    object-fit: cover;
}

.modal-header {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 20px;
}

.btn-close-custom {
    top: -12px;
    right: -12px;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    background: #f1f3f5;
    border:1px solid rgba(0,0,0,0.04);
}

.btn-close-custom::before {
    content: "×";
    font-size: 18px;
    font-weight: bold;
}
.qty-control {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.qty-input {
    width: 45px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 14px;
    background: #fff;
}
.btn-qty {
    width: 20px;
    height: 20px;
    border: 0px;
    background: #f8f9fa;
    font-size: 16px;
    font-weight: bold;
    background: #003882;
    color: #ffffff;
    line-height: 1;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 2px;
}

.btn-qty:hover {
    background: #8FD400;
}

.btn-cart {
    background: transparent;
    padding: 0;
    border: 0;
}
.select2.select2-container--default .select2-selection--single
{
    height:41px;
    border-radius: 20px;
    border-color: rgba(0,56,130,0.08);
}
.select2-dropdown,.select2-container--default .select2-search--dropdown .select2-search__field
{
    border-color: rgba(0,56,130,0.08) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 41px !important;
    padding-left: 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    top: 8px !important;
    right: 15px !important;
    border-radius: 20px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
    background: #8fd400 !important;
}
.select2-results__option
{
    padding: 8px 15px !important;
}
.select2-container--default .select2-results__option[aria-selected=true]
{
    background: #f1f1f1 !important;
    color: inherit !important;
}
.modal-acp .modal-search .search-btn
{
    position: absolute;
    background: transparent;
    color: #7eba00;
    border: 0;
    border-radius: 50px;
    top: 8px;
    right: 14px;
    padding: 0;
    font-size: 20px;
}
.modal-acp input[type='file'].form-control
{
    padding: 4px 20px;
}
.modal-acp .modal-search .search-btn:hover
{
    color: #444050;
}
/*counter*/
.counter-wrapper button {
    background: #7eba00;
    color: #ffffff;
    border: 0px;
    width: 20px;
    height: 20px;
    line-height: initial;
    padding: 0;
    position: absolute;
    right: 0px;
}
.counter-wrapper {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(0,56,130,0.08);
}
.counter-wrapper .btn-p {
    top: 0px;
}
.counter-wrapper .btn-m {
    bottom: 0px;
}
.counter-wrapper input {
    padding-right: 25px;
    border: 0px;
}
@media (max-width:575px) {
    .new-req .tabs button {
        border-radius: 50px;
        box-shadow: none;
        width: 100%;
        flex: 100%;
    }
    .new-req .tabs
    {
        max-width: 100%;
    }
}
/* Chrome, Safari, Edge, Opera */
.new-req input[type=number]::-webkit-inner-spin-button,
.new-req input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.new-req input[type=number] {
    -moz-appearance: textfield;
}

.btn-month {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: 6px;
    cursor: pointer;
}
.btn-month:hover {
    border-color: #999;
    background-color: #f8f8f8;
}
.btn-month.active {
    background-color: #8fd400;
    color: #fff;
}