@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');

:root {
    --theme-color: #526e58; /*--secondary-color: #e3e79b;*/
    --themelight-color: #A0B69E;
    --theme-gray1: #f5f7f5;
    --theme-gray2: #A0B69E;
    --white-color: #ffffff;
    --black-color: #000000;
    --black-text: #212529;
    --of-font: 'Outfit', sans-serif;
    --lato-font: 'Lato', sans-serif;
    --of-400: 400;
    --of-500: 500;
    --of-700: 700;
    --lt-300: 300;
    --lt-400: 400;
    --lt-700: 700;
    --ft-14: 14px;
    --ft-16: 16px;
    --ft-18: 18px;
    --ft-20: 20px;
    --ft-24: 24px; /*--ft-25:25px;*/
    --ft-28: 28px;
    --ft-32: 32px;
    --ft-36: 36px;
    --lh-46: 46px;
    --lh-48: 48px;
    --lh-40: 40px;
    --lh-35: 35px;
    --lh-25: 25px;
    --lh-20: 20px;
    --lh-30: 30px;
}

/* Global Css */
* {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

body {
    margin: 0px;
    font-family: var(--lato-font);
}

a {
    transition: all 400ms ease;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
}

.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    box-sizing: border-box;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-center {
    align-items: center;
}

.position-rel {
    position: relative;
}

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

.width-33 {
    width: 33.33%;
}

.width-25 {
    width: 25%;
}

.width-20 {
    width: 20%;
}

.width-50 {
    width: 50%;
}

img {
    width: 100%;
    height: 100%;
}

figure {
    margin: 0px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.m-0 {
    margin: 0px;
}

h1 {
    font-family: var(--of-font);
    font-weight: var(--of-700);
    font-size: var(--ft-36);
    line-height: var(--lh-48);
}

h2 {
    font-size: var(--ft-32);
    line-height: var(--lh-46);
    color: var(--theme-color);
    font-family: var(--of-font);
    font-weight: var(--of-700);
}

h3 {
    font-weight: var(--of-700);
    font-size: var(--ft-28);
    line-height: var(--lh-40);
    font-family: var(--of-font);
}

h4 {
    font-weight: var(--of-400);
    font-size: var(--ft-24);
    line-height: var(--lh-35);
    font-family: var(--of-font);
}

h5 {
    font-size: var(--ft-16);
    line-height: var(--lh-25);
    font-family: var(--of-font);
}

p {
    font-size: var(--ft-18);
    font-weight: var(--of-400);
}

.white-text {
    color: #fff;
}

.btn-1 {
    background: var(--theme-color);
    display: inline-block;
    padding: 10px 18px;
    border-radius: 5px;
    color: var(--white-color);
    transition: all 400ms ease-in-out;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 5px 7px 12.09px 0.91px rgba(0, 0, 0, .2);
    font-weight: var(--lt-400);
    font-size: var(--ft-18);
}

.btn-1:hover {
    background: var(--white-color);
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
}


.btn-black {
    background: black;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 5px;
    color: var(--white-color);
    transition: all 400ms ease-in-out;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 5px 7px 12.09px 0.91px rgba(0, 0, 0, .2);
    font-weight: var(--lt-400);
    font-size: var(--ft-18);
}

.btn-black:hover {
    background: var(--white-color);
    color: black;
    border: 2px solid black;
}

button:focus {
    outline: 0px;
    outline: 0px;
    outline-color: transparent;
    outline-style: auto;
    outline-width: 0px;
}

/*header-start*/
header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transform: translateY(0) translateZ(0px);
    transition: all 400ms ease;
    width: 100%;
    /*height: 60px;*/
}

.logo {
    width: 80px;
    height: 40px;
}

.logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.header-menu .nav-menu ul.mainmenu {
    list-style: none;
    margin: 0px;
    padding: 0px 5px 0px;
}

ul.mainmenu > li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
}

ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited {
    display: inline-block;
    text-align: center;
    font-size: var(--ft-16);
    color: var(--white-color);
    line-height: var(--lh-30);
    position: relative;
    padding: 5px 0;
    font-family: var(--of-font);
    font-weight: var(--of-400);
}

.main-header {
    padding: 10px 0px;
}

ul.mainmenu > li > a:after, ul.mainmenu > li.active > a:after {
    position: absolute;
    content: "";
    background: var(--white-color);
    width: 0;
    height: 2px;
    left: 0;
    margin: auto;
    display: block;
    position: absolute;
    margin-top: 0px;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}

ul.mainmenu > li > a:hover:after, ul.mainmenu > li.active > a:after {
    width: 30px;
}

.search-bar input {
    background: var(--theme-gray1);
    border: none;
    width: 1000px;
    padding: 4px 0px 4px 15px;
    border-radius: 5px;
    font-size: 15px;
    color: var(--black-color);
    line-height: var(--lh-20);
    font-family: var(--of-font);
    font-weight: var(--of-400);
}

.main-header .collapse-menu a {
    margin: 0px 2px;
}

.main-header .collapse-menu a, .main-header .collapse-menu .sidebar-menu a {
    /*height: 27px;*/
    /*width: 27px;*/
    display: inline-block;
}

.main-header .collapse-menu img {
    object-fit: cover;
    width: 28px;
    height: 28px;
}

li.mob-searchbar {
    display: none !important;
}

header.stuck {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 0 4px 0 rgb(60 65 140 / 20%), 0 10px 20px 0 rgb(60 65 140 / 20%);
    transform: translateY(0) translateZ(0px);
    background: var(--theme-color);
    animation: fadeInDown 0.5s ease-out forwards;
}

.otherpage {
    position: fixed;
    animation: none !important;
    transform: none !important;
    background: var(--theme-color);
}

.collapse-menu a.tabs_item {
    position: relative;
}

.collapse-menu a.tabs_item span.tabs__tooltip {
    background-color: var(--black-color);
    border-radius: 10px;
    color: var(--white-color);
    padding: 5px;
    font-size: 12px;
    display: block;
    width: auto;
    min-width: 60px;
    text-align: center;
    position: absolute;
    user-select: none;
    opacity: 0;
    transform: scale(0.4);
    transition: 0.2s ease;
    top: auto;
    left: -25px;
}

.collapse-menu a.tabs_item:hover span.tabs__tooltip {
    transform: scale(1);
    opacity: 1; /* bottom: calc(100% + 0.4rem + 4px + 4px); */
}

.header-section .main-header .search-bar button {
    display: none;
}

/*header-end*/

/*footer-start*/
.footer {
    background: var(--theme-color);
    padding: 10px 0px;
}

.footer-logo-wrap img {
    height: 50px;
    width: 86px;
    object-fit: contain;
}

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

.footer ul li a {
    font-size: var(--ft-16);
    color: var(--white-color);
    display: inline-block;
    font-weight: var(--lt-400);
}

.main-footer-wrap .call-mail figure {
    width: 25px;
    margin-right: 5px;
    height: 17px;
}

.main-footer-wrap .call-mail figure img {
    object-fit: cover;
}

.main-footer-wrap .call-mail {
    font-size: var(--ft-16);
    color: var(--white-color);
}

.main-footer-wrap .call-mail span {
    font-weight: bold;
}

.social-media-wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-media-wrap ul li {
    padding: 0 5px;
}

.social-media-wrap ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-media-wrap ul a > div:before {
    content: "";
    width: 35px;
    height: 35px;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    transition: all 400ms ease;
    background-repeat: no-repeat;
    background-size: contain;
}

.social-media-wrap ul li.instagram a > div:before {
    background-image: url(../images/insta.svg);
}

.social-media-wrap ul li.twitter a > div:before {
    background-image: url(../images/twitter.svg);
}

.social-media-wrap ul li.facebook a > div:before {
    background-image: url(../images/facebook.svg);
}

.social-media-wrap ul li.linkedin a > div:before {
    background-image: url(../images/linkedin.svg);
}

.social-media-wrap ul a > div:hover:before {
    transform: scale(1.1);
}

/*footer-end*/

/*down-top-arrow-start*/
.down-top-arrow {
    cursor: pointer;
    right: 88px;
    bottom: 60px;
    background-position: -13px -135px;
    background: var(--themelight-color);
    box-shadow: 0px 0px 20px #22283126;
    border-radius: 100%;
    overflow: hidden;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 40px;
    right: 0;
    transform: translateX(100%);
    transition: all 400ms ease;
}

span.to-top {
    width: 50px;
    height: 50px;
    display: inline-block;
    transition: all 400ms ease;
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.to-top img {
    width: 57%;
    transform: rotate(180deg);
}

.down-top-arrow.show {
    transform: translateX(0px);
}

/*down-top-arrow-start*/

/*filter-header*/
.sub-button-wrapper .button-item ul.select-item {
    padding: 10px 10px 10px 10px;
    background: var(--themelight-color); /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    border-radius: 0px 0px 10px 5px;
    z-index: 45;
    overflow-y: auto;
    position: fixed;
    max-height: 43vh;
}

.sub-button-wrapper .button-item ul.select-item li {
    padding: 2px 0px;
}

.sub-button-wrapper .button-item ul.select-item li span.label {
    font-size: var(--ft-14);
    font-family: var(--lt-font);
    color: var(--black-color);
}

span.count {
    float: right;
}

.sub-button-wrapper .button-item ul.select-item input.search-text {
    width: 100%;
    margin-bottom: 10px;
}

.sub-button-wrapper .dropbtn {
    color: var(--white-color);
    font-size: var(--ft-14);
    border: none;
    cursor: pointer;
    background: transparent;
    font-weight: var(--of-500);
    font-family: var(--of-font);
    line-height: 26px;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.sub-button-wrapper {
    padding: 0px 8px;
    margin: 3px 5px;
}

.sub-button-wrapper .button-item ul.select-item .price-range input {
    padding: 5px 5px 5px 20px;
}

/*.dropbtn:hover, .dropbtn:focus { background-color: #7fa186; border-radius: 20px; }*/
.filter-header {
    background: var(--themelight-color);
    width: 100%;
}

.sub-button-wrapper .button-item {
    position: absolute;
}

.sub-button-wrapper .button-item ul.select-item .price-range {
    padding-bottom: 10px;
    position: relative;
}

.sub-button-wrapper .button-item ul.select-item .price-range span {
    color: #495057;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 6px;
}

.right-filter.sort-right-filter ul#sort {
    right: 0px;
}

.select-item .styled-checkbox {
    position: absolute;
    opacity: 0;
}

.select-item .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0px;
    font-size: var(--ft-14);
    font-family: var(--lt-font);
    color: var(--white-color);
}

.select-item .styled-checkbox + label:before {
    content: "";
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background: white;
    border: 1px solid var(--theme-color);
    margin-top: 2px;
}

.select-item::-webkit-scrollbar-track { /*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
    border-radius: 10px;
}

.select-item::-webkit-scrollbar {
    width: 5px;
    background-color: #F5f5f5;
    border-radius: 10px;
}

.select-item::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 10px;
}

.styled-checkbox:checked + label:before {
    background: var(--theme-color);
}

.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.sub-button-wrapper .dropbtn:after {
    position: absolute;
    content: "";
    background: #ffffff;
    width: 0%;
    height: 2px;
    left: 0px;
    margin: auto;
    display: block;
    position: absolute;
    margin-top: -3px;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}

.sub-button-wrapper .dropbtn:hover:after, .sub-button-wrapper .dropbtn:focus:after, .sub-button-wrapper.menu-active .dropbtn:after {
    width: 100%;
}

.select-item {
    display: none;
}

.select-item.show {
    display: block !important;
}

/*filter-header*/

/*feature-products-common-sec-start*/
.pro-featured-sec .cat-sale-wrap .sale-item-wrap {
    padding: 10px 30px 0px;
}

.pro-featured-sec .cat-sale-wrap .sale-product .sale-product-text {
    width: 20%;
    color: var(--black-text);
    padding-right: 20px;
    text-align: center;
}

.pro-featured-sec .cat-sale-wrap .sale-product .sale-product-text .title-desc p {
    font-weight: bold;
    font-size: 16px;
}

.pro-featured-sec .cat-sale-wrap .sale-product .sale-product-text h2 {
    color: #000;
}

.pro-featured-sec .cat-sale-wrap .sale-product .sale-product-text h2, .pro-featured-sec .cat-sale-wrap .sale-product .sale-product-text .title-desc p, .pro-featured-sec .cat-sale-wrap .sale-product .sale-product-text .sale-btn a {
    font-family: ubuntu;
}

.cat-sale-wrap .sale-product .sale-product-text .title-desc h2 {
    line-height: 38px;
}

.pro-featured-sec .cat-sale-wrap .sale-product .sale-product-right {
    width: 80%;
}

/*.pro-featured-sec .cat-sale-wrap .sale-product .sale-product-right .sale-item-listing {*/
/*    margin-bottom: 0px;*/
/*}*/

/*.pro-featured-sec .cat-sale-wrap .sale-product-right button.slick-prev:before,*/
/*.pro-featured-sec .cat-sale-wrap .sale-product-right button {*/
/*    height: 40px;*/
/*    width: 40px;*/
/*}*/

/*.pro-featured-sec .cat-sale-wrap .sale-product-right button.slick-next {*/
/*    right: auto;*/
/*    left: 70px;*/
/*    top: auto;*/
/*    bottom: -75px;*/
/*}*/

/*.pro-featured-sec .cat-sale-wrap .sale-product-right button.slick-prev {*/
/*    bottom: -55px;*/
/*    top: auto;*/
/*    left: 10px;*/
/*    z-index: 9;*/
/*}*/

/*.pro-featured-sec .cat-sale-wrap .sale-product-right button.slick-next {*/
/*    right: auto;*/
/*    left: 70px;*/
/*    top: auto;*/
/*    bottom: -55px;*/
/*    z-index: 9;*/
/*}*/

/*.pro-featured-sec .cat-sale-wrap .sale-product-right button.slick-prev:before, .pro-featured-sec .cat-sale-wrap .sale-product-right button.slick-next:before {*/
/*    font-size: 40px;*/
/*    opacity: 1 !important;*/
/*    color: black;*/
/*}*/

.sale-product-right button.slick-next.slick-arrow, .sale-product-right button.slick-prev.slick-arrow
{
    top: 50%;
    bottom: 0px;
    height: 40px;
    width: 40px;
}

.sale-product-right button.slick-next.slick-arrow {
    right: -40px;
}

/*.sale-product-right button.slick-prev.slick-arrow {*/
/*    left: -40px;*/
/*}*/

/*.sale-product-right .slick-next:before, .sale-product-right .slick-prev:before {*/
/*    font-size: 40px;*/
/*    color: black;*/
/*}*/
.sale-product-right button.slick-next.slick-arrow, .sale-product-right button.slick-prev.slick-arrow { top: 50%; bottom: 0px; height: 40px; width: 40px; background: #fff;
    border-radius: 50%;}
.sale-product-right button.slick-next.slick-arrow {
        right: auto;
        left: 75px;
        top: auto;
        bottom: -70px;
        z-index: 9;
}
.sale-product-right button.slick-prev.slick-arrow {
    bottom: -70px;
    top: auto;
    left: 23px;
    z-index: 9;
}
.sale-product-right .slick-next:before, .sale-product-right .slick-prev:before {border-width: 0 3px 3px 0 !important; border: solid var(--theme-color); color: black; display: inline-block;
    padding: 6px;
    content: "";
}
.sale-product-right .slick-prev:before{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 5px;
}
.sale-product-right .slick-next:before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 5px;
}

.pro-featured-sec .cat-sale-wrap .sale-product-right .item-box {
    padding: 0px 20px;
}

.pro-featured-sec .sale-product-right .item-box .pro-desc {
    background: var(--white-color);
    border-radius: 10px;
    overflow: hidden;
}

.pro-featured-sec .sale-product-right .pro-desc .sale-price {
    text-align: center;
}

.pro-featured-sec .sale-product-right .pro-desc .sale-price .cat-title {
    background: var(--theme-color);
    color: var(--white-color);
}

.pro-featured-sec .sale-product-right .pro-name-price {
    padding: 5px 5px;
}

.pro-featured-sec .sale-product-right .pro-name-price p {
    font-size: var(--ft-14);
    margin: 0px 0px 5px;
}

.pro-featured-sec .sale-product-right .item-box .image figure img {
    object-fit: cover;
}

.pro-featured-sec .sale-product-right .item-box .image figure {
    height: 300px;
}

.pro-featured-sec {
    background: var(--themelight-color);
    padding: 30px 0px;
}

/*feature-products-common-sec-start*/

/*add-to-with-dropdown-start*/
.multi-drop-select.select {
    position: relative;
    margin: 0px auto;
    width: 210px;
    text-align: center;
}

.multi-drop-select.select .selectBtn {
    padding: 2px 10px 3px 0px;
    box-sizing: border-box;
    border-radius: 5px;
    width: auto;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: var(--theme-color);
    font-size: 11px;
    color: #fff;
    height: 20px;
}

.multi-drop-select.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 8px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: 0.2s ease;
}

.multi-drop-select.select .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}

.multi-drop-select.select .selectBtn.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

.multi-drop-select.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: var(--bg1);
    border: 1px solid var(--theme-color);
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    font-size: 11px;
}

.multi-drop-select.select .selectDropdown .option {
    padding: 3px;
    box-sizing: border-box;
    cursor: pointer;
}

.multi-drop-select.select .selectDropdown .option:hover {
    background: var(--themelight-color);
}

.multi-drop-select.select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/*add-to-with-dropdown-end*/

/*dasboard-header-start*/
.dash-header {
    background: var(--themelight-color);
    padding: 4px 0px 4px;
    /*margin-top: 60px;*/
}

.dash-header .org-logout a {
    display: inline-block;
    position: relative;
    font-size: var(--ft-16);
    line-height: var(--lh-30);
}

.dash-header .org-name-header:before {
    position: absolute;
    content: "";
    background: url(../images/org-name.svg);
    left: 5px;
    background-size: contain;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    top: 3px;
}

.dash-header .org-name-header a {
    padding-left: 40px;
    font-size: 22px;
}

.dash-header .logout-header a {
    padding-right: 40px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0px 0px 0px;
    margin: 0px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing li.parent.order ul {
    width: 150px !important;
    left: -15px !important;
}

.dash-header .logout-header:after {
    position: absolute;
    content: "";
    background: url(../images/logout.svg);
    right: 15px;
    background-size: contain;
    height: 16px;
    width: 18px;
    background-repeat: no-repeat;
    top: 3px;
}

.dash-nav-menu ul.dash-menu-listing ul {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 0;
    background: var(--white-color);
    z-index: 2;
    top: 30px;
    transition: all .3s cubic-bezier(.25, .1, .25, 1), opacity .2s cubic-bezier(.25, .1, .25, 1);
    opacity: 0;
    visibility: hidden;
    box-shadow: -1px 2px 15px 7px rgba(21, 21, 21, .09);
    border-radius: 5px;
}

ul.dash-menu-listing li:hover > ul {
    display: block;
    opacity: 1;
    visibility: visible; /*-webkit-transform: translateY(0);transform: translateY(0);*/
    top: 30px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing > li {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:link, .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:visited {
    display: inline-block;
    text-align: center;
    font-size: var(--ft-14);
    color: var(--white-color);
    line-height: 18px;
    position: relative;
    padding: 2px 10px;
    border: 1px solid transparent;
    font-weight: var(--lt-400);
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:hover {
    border: 1px solid var(--white-color);
    border-radius: 5px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a i img {
    height: 10px;
    width: 13px;
    object-fit: cover;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a i {
    padding-left: 4px;
}

.dash-nav-menu ul.dash-menu-listing ul li a {
    padding: 5px 10px;
    display: inline-block;
    color: var(--theme-color);
    font-weight: var(--lt-400);
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing li.org-name-header a {
    padding-left: 20px;
    font-weight: var(--lt-700);
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing li.org-name-header a:hover {
    border: 1px solid transparent;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing li.logout-header a {
    padding-right: 30px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing li.logout-header a {
    background: var(--theme-color);
    border-radius: 5px;
}

.dash-sub-header .dash-nav-menu ul.dash-menu-listing li span.count-noti {
    background: red;
    display: inline-block;
    margin: 0px 5px;
    padding: 0px 5px;
    border-radius: 5px;
    color: white;
    font-size: 14px;
}

/*dasboard-header-end*/

/*--home-css-start--*/

/*main-slider-banner-start*/
.banner-slider .item {
    height: 100vh;
    /*animation: zoom 30s ease infinite;*/
}

.banner-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoom-in-zoom-out 10s ease-out infinite;
}

.banner-slider .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.banner-slider .header-content {
    position: absolute;
    top: 0px;
    left: 70px;
    right: 0px;
    bottom: 0px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.banner-slider .header-content h1 {
    color: var(--white-color);
}

.banner-slider .header-content p {
    line-height: var(--lh-30);
    color: var(--white-color);
    margin: 0px;
}

.header-btn {
    padding: 10px 0px 0px;
}

.header-btn .banner-btn a {
    border: 1px solid var(--theme-color);
    padding: 8px 18px;
    font-size: var(--ft-16);
    color: var(--white-color);
    display: inline-block;
    font-family: var(--lato-font);
    font-weight: var(--lt-400);
    transition: all 400ms ease-in-out;
}

.header-btn .banner-btn.btn-pro a {
    border-radius: 5px 0px 0px 5px;
    background: var(--theme-color);
}

.header-btn .banner-btn.btn-con a {
    border-radius: 0px 5px 5px 0px;
}

.header-btn .banner-btn.btn-pro a:hover {
    background: var(--themelight-color);
    border: 1px solid var(--themelight-color);
}

.header-btn .banner-btn.btn-con a:hover {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.main-banner .banner-slider {
    overflow: hidden;
}

@keyframes zoom {
    0% {
        transform: scale(1, 1);
    }

    /*    50% { transform: scale(1.2, 1.2); }*/
    50% {
        transform: scale(1.5, 1.5);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*main-slider-banner-end*/

/*category-section-start*/
.home-diff-cat-sec {
    padding: 40px 30px;
}

.diff-cat-main .cat-grid-wrapper-one .main-cat-left, .diff-cat-main .cat-grid-wrapper-one .other-cat-right {
    width: 50%;
}

.diff-cat-main .cat-grid-wrapper-one {
    margin: 0px -10px;
}

.diff-cat-main .cat-grid-listing .cat-pic img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}

.cat-grid-wrapper-one .other-cat-right .right-top-three {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.cat-grid-wrapper-one .other-cat-right .right-top-three .right-side-cat {
    width: 33.33%;
    padding: 0px 10px;
}

.diff-cat-main .cat-grid-wrapper-one > div {
    padding: 0px 10px;
}
.cat-grid-wrapper-one .other-cat-right .right-middle-one .five {
    /*height: 260px;*/
}

.cat-grid-wrapper-one .other-cat-right .right-middle-one {
    margin-top: 20px;
}

.cat-grid-wrapper-one .other-cat-right .right-middle-one .five {
    height: 45%;
}

.diff-cat-main .cat-grid-listing .cat-pic figure {
    height: 100%;
    width: 100%;
}

.other-cat-right .right-middle-one .five .cat-pic figure {
    height: 287px;
}

.cat-grid-wrapper-one .other-cat-right .right-top-three .cat figure {
    height: 300px;
}


.diff-cat-main .cat-grid-listing .cat-pic {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease-in-out;
}

.diff-cat-main .cat.one .cat-dis-tag {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: var(--theme-color);
    outline: solid 2px #fff;
    padding: 20px;
    text-align: center;
    z-index: 1;
    transition: all 400ms ease-in-out;
}

.diff-cat-main .cat-grid-listing .cat-pic:hover .cat-dis-tag {
    transform: scale(1.05);
    animation: fadeIn 5s;
}

.diff-cat-main .cat.one .cat-dis-tag .dis-text {
    background: var(--themelight-color);
    outline: 2px solid #fff;
    padding: 7px;
    color: var(--white-color);
}

.diff-cat-main .cat.one .cat-dis-tag .dis-text p {
    margin: 0px;
}

.diff-cat-main .cat-grid-listing .cat-pic img {
    object-fit: cover;
}

.diff-cat-main .cat-grid-listing .cat-title {
    position: absolute;
    bottom: 15px;
    text-align: center;
    color: var(--white-color);
    z-index: 1;
    border-bottom: 2px solid;
    transition: all .6s ease-in-out;
}

.diff-cat-main .cat-grid-listing .cat-pic:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.2;
}

.diff-cat-main .cat-grid-wrapper-one .cat-title h5, .diff-cat-main .cat-grid-wrapper-two .cat-title h3 {
    font-weight: var(--of-400);
}

.diff-cat-main .cat-grid-listing .cat:hover .cat-pic:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.8;
}

.diff-cat-main .cat-grid-listing .cat-pic:hover:before {
    opacity: 0.8;
}

.diff-cat-main .cat-grid-listing .cat-title:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: var(--theme-color);
    left: 0px;
    transform-origin: 0 50%;
    transform: scaleX(0);
    opacity: 0;
    transition: all 500ms ease-in-out;
}

.diff-cat-main .cat-grid-listing .cat-pic:hover .cat-title:after {
    transform: scaleX(1);
    opacity: 1;
}

.diff-cat-main .cat-grid-wrapper-two {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 250px;
    grid-gap: 20px;
    margin-top: 20px;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.diff-cat-main .cat-grid-listing .cat:hover .cat-title {
    display: none;
}

.diff-cat-main .cat-grid-listing .cat:hover .cat-title-hover {
    animation: fadeIn 5s;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: auto;
    opacity: 1;
    border-bottom: 0px;
}

.diff-cat-main .cat-grid-listing .cat:hover .cat-title-hover:after {
    display: none;
}

.diff-cat-main .cat {
    position: relative;
}

.diff-cat-main .cat:hover::before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.diff-cat-main .cat:before {
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    -webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
    transition: opacity 0.55s, transform 0.55s;
    z-index: 3;
}

.diff-cat-main .cat:after {
    position: absolute;
    content: "";
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
    transition: opacity 0.55s, transform 0.55s;
    z-index: 3;
}

.diff-cat-main .cat:hover::after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.diff-cat-main .cat.one:after, .diff-cat-main .cat.one:before {
    display: none;
}

.diff-cat-main .cat.one .cat-dis-tag .dis-text h3, .diff-cat-main .cat.one .cat-dis-tag .dis-text h4, .diff-cat-main .cat.one .cat-dis-tag .dis-text p, .diff-cat-main .cat-grid-wrapper-one .cat-title h5, .diff-cat-main .cat-grid-wrapper-two .cat-title h3, .diff-cat-main .cat-grid-listing .cat-title h4, .pro-featured-sec .cat-listing-slider .category-title p, .pro-featured-sec .sale-product-right .pro-desc .sale-price .cat-title h3, .pro-featured-sec .sale-product-right .pro-name-price p, .home-more-web-wrap .home-more-part .right-content-text .right-content-inner h2, .home-more-web-wrap .home-more-part .right-content-text .right-content-inner p, .home-more-web-wrap .home-more-part .content-icon p, .home-more-part .right-content-left-img .left-content-text .left-content-box h2, .home-more-part .right-content-left-img .left-content-text .left-content-inner p, .home-more-web-wrap .home-more-part .content-icon p {
    font-family: ubuntu;
}

.diff-cat-main .cat-grid-wrapper-one .cat-title h5, .diff-cat-main .cat-grid-wrapper-two .cat-title h3, .diff-cat-main .cat-grid-listing .cat-title h4 {
    font-weight: 500;
}


/*category-section-end*/

/*product-slider-start*/
.home-diff-cat-sec {
    background: var(--theme-color)
}

.pro-featured-sec .cat-listing-slider {
    padding: 0px 100px 30px;
    border-radius: 5px;
}

.categories-box figure {
    transform: translateY(0px);
    transition: all 400ms ease-in-out;
    height: 400px;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    overflow: hidden;
}

.categories-box .category-title {
    margin-top: 5px;
}

.pro-featured-sec .cat-listing-slider .category-slider {
    margin: 0 -20px;
}

.pro-featured-sec .category-slider .category-box.width-20 {
    padding: 0px 20px;
}

.category-slider button.slick-next.slick-arrow, .category-slider button.slick-prev.slick-arrow
{
    top: 50%;
    bottom: 0px;
    height: 40px;
    width: 40px;
}

.category-slider button.slick-next.slick-arrow {
    right: -40px;
}

/*.category-slider button.slick-prev.slick-arrow {*/
/*    left: -40px;*/
/*}*/

/*.category-slider .slick-next:before, .category-slider .slick-prev:before {*/
/*    font-size: 40px;*/
/*    color: black;*/
/*}*/
.category-slider button.slick-next.slick-arrow, .category-slider button.slick-prev.slick-arrow { top: 50%; bottom: 0px; height: 40px; width: 40px; background: #fff;
    border-radius: 50%;}
.category-slider button.slick-next.slick-arrow { right: -40px; }
.category-slider button.slick-prev.slick-arrow { left: -40px; }
.category-slider .slick-next:before, .category-slider .slick-prev:before {border-width: 0 3px 3px 0 !important; border: solid var(--theme-color); color: black; display: inline-block;
    padding: 6px;
    content: "";
}
.category-slider .slick-prev:before{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 5px;
}
.category-slider .slick-next:before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 5px;
}

.pro-featured-sec .cat-listing-slider .category-title p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.categories-box figure img {
    object-fit: cover;
}

/*product-slider-end*/

/*home-more-web-part-start*/
.home-more-web-wrap .home-more-part {
    padding: 0px 0px 30px;
}

.home-more-web-wrap .home-more-part .right-content-text {
    padding-left: 30px;
    z-index: 1;
}

.home-more-part .left-slider-images, .home-more-part .right-content-left-img .right-images {
    width: 50%;
}

.home-more-part .right-content-text, .home-more-part .right-content-left-img .left-content-text {
    width: 50%;
}

.home-more-web-wrap .home-more-part .right-content-text .right-content-box, .home-more-part .right-content-left-img .left-content-text .left-content-box {
    background: var(--themelight-color);
    padding: 30px 20px 20px;
    border: 2px solid var(--theme-color);
    text-align: center;
    height: 100%;
    border-radius: 5px;
}

.home-more-web-wrap .home-more-part .right-content-text .right-content-inner, .home-more-web-wrap .home-more-part .right-content-text .right-content-inner h2, .home-more-part .right-content-left-img .left-content-text .left-content-box h2, .home-more-part .right-content-left-img .left-content-text .left-content-inner {
    color: #fff;
}

.home-more-web-wrap .home-more-part .left-slider-images .slider-content figure {
    height: 57vh;
    border-radius: 5px;
    overflow: hidden;
}

.home-more-web-wrap .home-more-part .left-slider-images .slider figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden;
}

.home-more-web-wrap .home-more-part .left-slider-images .slider-thumb figure {
    width: 100%;
    height: 150px;
}

.home-more-web-wrap .home-more-part .left-slider-images .slider-thumb .slick-slide figure {
    padding: 15px 10px 0px;
}

.right-content-left-img .right-images figure {
    height: 450px;
}

.right-content-left-img .right-images figure img {
    object-fit: cover;
}

.home-more-part .right-content-left-img .left-content-text {
    padding-right: 30px;
}

.home-more-web-wrap {
    padding: 30px 30px 0px;
}

.right-content-icon figure {
    height: 60px;
    width: 100%;
}

.home-more-web-wrap .home-more-part .right-content-icon {
    padding-top: 10px;
    max-width: 470px;
    margin: 0px auto;
}

.home-more-web-wrap .home-more-part .content-icon p {
    color: #fff;
    margin-bottom: 0px;
}

.home-more-web-wrap .home-more-part .right-content-text .right-content-inner p, .home-more-part .right-content-left-img .left-content-text .left-content-inner p {
    line-height: 25px;
}

.right-content-icon figure img {
    object-fit: cover;
}

.right-content-icon figure img {
    object-fit: cover;
}

.home-more-part .left-slider-images ul.slick-dots button {
    padding: 0px;
}

.home-more-part .left-slider-images ul.slick-dots button:before {
    opacity: 1;
    font-size: 20px;
    color: var(--theme-color);
}

.right-content-icon p {
    margin-top: 5px;
}

.home-more-part .left-slider-images .left-image .slider-thumb button.slick-arrow {
    border: 2px solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    height: auto;
    width: auto;
    z-index: 2;
}

.home-more-part .left-slider-images .left-image .slider-thumb button.slick-prev {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: -10px;
}

.home-more-part .left-slider-images .left-image .slider-thumb button.slick-next {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: -10px;
}

.home-more-part .left-slider-images .left-image .slider-thumb button.slick-prev::before, .home-more-part .left-slider-images .left-image .slider-thumb button.slick-next::before {
    display: none;
}

.left-slider-right-content {
    padding-bottom: 60px;
}

/*home-more-web-part-end*/

/*--home-css-end--*/

/*shop-page-css-start*/
.product-box {
    width: 16.65%; /*padding: 0 15px;*/
}

.product-box-inner {
    position: relative;
    margin-bottom: 0px;
    border-radius: 5px; /*border: 1px solid #e5e5e5; */
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    padding-bottom: 20px;
}

.pro-image {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.pro-image figure img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
}

h4.product-title {
    text-align: justify;
    font-size: 14px;
    font-family: var(--of-font);
    color: var(--black-text);
    min-height: 3em;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
}

.product-desc {
    position: relative;
    text-align: center;
    margin: 0px 22px;
}

h4.product-title a {
    color: var(--black-text);
}

.caption {
    padding: 5px 0 0px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.price {
    padding: 5px 0 0px;
}

.caption p, .caption-price .price p {
    font-size: 12px;
    margin: 0px 0px 3px;
    color: var(--black-text);
    font-weight: var(--lt-400);
}

.pro-image figure {
    height: 150px;
    width: 150px;
    margin: 0px auto;
}

.pro-image figure img {
    height: 100%;
    width: 90%;
    object-fit: contain;
}

.product-box-inner:hover button.btn-1 {
    background: var(--white-color);
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

.buy-btn button {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 8px;
    line-height: 16px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
}

.caption-price {
    padding: 0px 10px;
    line-height: 15px;
}

/*Product-pop-up*/
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 50px;
    margin: 0px auto;
    height: 100%;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.product-slides-modal img {
    max-width: 100%;
}

.pro-dialog .modal-dialog {
    max-width: 90%;
}

.pro-dialog {
    padding: 0px !important;
}

.main-popup-product-img {
    margin-bottom: 15px;
}

.main-popup-product-img .prod-pop-image figure {
    height: 370px;
    margin: 0px auto;
    cursor: zoom-in;
}

.main-popup-product-img .prod-pop-image figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sliderForProduct .prod-pop-image figure img {
    height: 100px;
}

.sliderForProduct .prod-pop-image figure {
    height: 100%;
}

.sliderForProduct .prod-pop-image figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.quick-product-left {
    padding: 0px;
    width: 45%;
    height: 100%;
}

div#sliderNavProduct .slick-track {
    margin-left: 0px;
    margin-right: 0px;
    width: 100% !important;
    text-align: center;
    justify-content: center;
    display: flex;
}

.sliderForProduct .prod-pop-image {
    margin: 0 5px;
    cursor: pointer;
}

.sliderForProduct .prod-pop-image figure {
    height: 110px;
    width: 110px;
    border: 1px solid var(--theme-gray2);
    border-radius: 5px; /* margin: 5px;*/
    box-shadow: rgb(160, 160, 160) 0px 1px 3px 0px;
}

.sliderForProduct .prod-pop-image figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    padding: 5px;
}

.sliderForProduct {
    overflow-y: hidden;
    overflow-x: scroll !important;
    max-width: 480px;
    margin: 0px auto;
    padding-bottom: 5px;
}

.pro-dialog .modal-header {
    padding: 10px 15px 0px 0px;
    border: 0px;
}

.pro-pop-up-right {
    width: 55%;
    padding: 0px 20px 0px 40px;
    height: 100%;
    overflow-y: scroll;
    right: 0px;
}

.pro-dialog .modal-header {
    padding: 5px 15px 1px 0px;
    border: 0px;
}

.product-details .pro-value {
    font-size: 14px;
    color: var(--black-text);
}

.product-details .detail-desc {
    margin: 10px 0px;
    color: var(--black-text);
}

.product-details .detail-desc ul {
    list-style: none;
    padding-left: 15px;
}

.product-details .detail-desc ul li {
    position: relative;
}

.product-details .detail-desc ul li:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background: #526e58;
    left: -15px;
    top: 10px;
}



.filter-details-main .filter-info span.key {
    width: 130px;
    display: inline-block;
    font-weight: 600;
    line-height: 20px;
}


.filter-details-main {
    float: left;
    padding-bottom: 20px;
    /*width: calc(100% - 220px);*/
    width: 50%;
}

.filter-detail-image {
    position: relative;
    display: inline-block;
    width: 100%;
}

.pro-pop-up-right .info-downloads {
    padding-bottom: 10px;
}

.filter-detail-info {
    float: right;
    /*padding-bottom: 20px;*/
    max-width: 300px;
}

.filter-detail-info .info-icon {
    display: inline-block;
    float: left;
    /*margin-bottom: 20px;*/
    width: 95px;
    height: 95px;
    text-align: center;
}

.filter-detail-info .info-icon img.icon {
    width: 60px;
    height: 60px;
    margin: 0px auto;
}

.filter-detail-info .info-icon-text {
    font-size: 14px;
    line-height: 15px;
    margin-top: 5px;
}

.qty-container .input-qty {
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #d4d4d4;
    max-width: 40px;
    margin-left: -6px;
}

.qty-container .qty-btn-minus, .qty-container .qty-btn-plus {
    cursor: pointer;
    border: 1px solid #d4d4d4;
    padding: 0px;
    height: 30px;
    width: 30px;
    transition: 0.3s;
    background: #526e58;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/*.qty-container .qty-btn-minus, .range-tabing .item-type-pod li.pack button { border-radius: 5px 0px 0px 5px; }
.qty-container .qty-btn-plus, .range-tabing .item-type-pod li.sample button { border-radius: 0px 5px 5px 0px; }*/
.qty-container .qty-btn-plus {
    margin-left: -5px;
}

.pop-up-add-cart .btn-1 {
    padding: 2px 10px;
    font-size: 14px;
}

.range-tabing {
    padding-bottom: 5px;
}

.range-tabing .pop-up-add-cart {
    margin-left: 57px;
}

/*.range-tabing  .item-type-pod { padding: 0px 35px; }
.range-tabing .item-type-pod .nav-tabs { border: 0px !important; }
.range-tabing .item-type-pod .nav-tabs .nav-link { border: 1px solid #526e58; background: #fff; padding: 2px 5px; }
.range-tabing .item-type-pod .nav-tabs .nav-link.active { background: #526e58; color: #fff; }*/
.item-type-queue .tab-content p {
    font-size: 14px;
    margin-bottom: 0px;
}

.item-type-queue .tab-content p label {
    font-weight: 600;
    margin-bottom: 0px;
}

.order-login p {
    color: var(--black-test);
}

.order-login {
    margin-top: 5px;
}

.product-buttons.product-selection-btnlist ul li {
    padding-right: 20px;
}

.info-downloads a.info-download {
    padding: 0px 5px;
    font-size: 14px;
    width: auto;
    margin-right: 30px;
}

.info-downloads a.info-download .info-download-icon {
    padding-right: 10px;
    width: 42px;
}

.info-downloads a.info-download .info-download-icon img {
    transition: all 400ms ease;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.info-downloads a.info-download.btn-1:hover img {
    filter: brightness(0.5);
}

.info-downloads a.info-download .info-download-details {
    line-height: 15px;
}

#productModal .modal-body {
    padding-top: 0px;
    height: 60vh;
    overflow-y: hidden;
    padding-right: 0px;
    overflow-x: hidden;
    height: 550px;
}

.pro-pop-up {
    height: 100%;
    margin-bottom: 0px !important;
}

.pro-pop-up .slick-list {
    height: 100%;
}

.pro-pop-up .slick-track {
    height: 100%;
    margin-right: 0px;
}

/*div#sliderForProduct { height: 400px; }*/
div#sliderForProduct > div, div#sliderForProduct > div .slick-track, div#sliderNavProduct > div, div#sliderNavProduct > div .slick-track, .prod-pop-image.slick-slide {
    height: 100%;
}

.order-login p a {
    color: #526e58;
}

.extra-pro-list {
    padding-top: 20px; /*display: none; */
}

.extra-pro-list ul {
    border-bottom: 0px;
}

.extra-pro-list ul li.nav-item {
    padding: 5px 3px;
    width: 33.33%;
}

.extra-pro-list ul li.nav-item button.nav-link.active {
    background: #526e58;
    color: #fff;
}

.extra-pro-list ul li.nav-item button.nav-link {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #526e58;
    font-size: 12px;
    color: #526e58;
    padding: 5px;
    font-weight: 400;
    width: 100%;
}

.product-tab-item-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.product-tab-item-inner .tab-item-content {
    height: 100px;
    width: 16.66%;
    padding-bottom: 5px;
}

.product-tab-item-inner .tab-item-content a.view-similar-pro {
    border: 1px solid transparent;
    display: inline-block;
    padding: 0px 10px;
    height: 100%;
    width: 100%;
    transition: all 400ms ease-in-out;
    border-radius: 5px;
}

.product-tab-item-inner .tab-item-content:hover a.view-similar-pro {
    border: 1px solid var(--theme-gray2);
}

.product-tab-item-inner .tab-item-content img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.extra-pro-list h2 {
    padding-bottom: 12px;
}

.extra-pro-list h4 {
    padding: 15px 0px 10px;
}

.product-details, .filter-details-main .filter-info span, .order-login p {
    font-size: var(--ft-14);
}

.filter-detail-image .filter-details-main .filter-info {
    line-height: 18px;
}

.pro-pop-up-right::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
    margin-right: 5px;
    padding-right: 5px;
}

.pro-pop-up-right::-webkit-scrollbar {
    width: 8px;
    background-color: #F5f5f5;
    border-radius: 10px;
    margin-right: 5px;
    padding-right: 5px;
}

.pro-pop-up-right::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 10px;
    margin-right: 5px;
    padding-right: 5px;
}

.sliderForProduct::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.sliderForProduct::-webkit-scrollbar {
    height: 10px;
    width: 8px;
    background-color: #F5f5f5;
    border-radius: 10px;
}

.sliderForProduct::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 10px;
}

.modal-content {
    padding-right: 1px;
}

.pro-pop-up-right .product-details .your-product-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-pop-up-right .your-product-title .view-pro-page a.btn-1 {
    padding: 5px 5px;
    font-size: 14px;
}

.sale-pro-popup {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: -5px;
}

.sale-pro-popup figure {
    height: 140px;
    width: 140px;
}

/*---------------------------*/
.btn-cornered, .input-cornered {
    border-radius: 4px;
}

.btn-rounded {
    border-radius: 50%;
}

.input-rounded {
    border-radius: 50px;
}

.product-buttons select.btn-selection-list.select-order-list {
    padding: 2px 5px;
    border: 1px solid #d4d4d4;
}

.right-view-similar-product {
    position: relative;
}

.right-view-similar-product a {
    height: 35px;
    width: 35px;
    display: inline-block;
    background: var(--theme-color);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 25px;
}

.right-view-similar-product a img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.pro-pop-up .slick-prev:before, .pro-pop-up .slick-next:before {
    font-family: 'slick';
    line-height: 1;
    opacity: 1;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid var(--theme-color);
    border-width: 0px 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 10px;
    height: 10px;
    content: "";
}

.pro-pop-up .slick-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.pro-pop-up .slick-next:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.pro-pop-up .slick-prev {
    left: -10px;
    top: 50%;
    z-index: 1;
}

.pro-pop-up .slick-next {
    right: 10px;
    top: 50%;
}

.main-popup-product-img {
    display: block;
}



/*shop-page-css-start*/

/*-- product-new-start --*/
.pro-more-detail-tab {
    padding: 30px 0px;
}

.pro-more-detail-tab .container {
    padding: 0 100px;
}
.review-listing .box-top .reviews svg {
    color: goldenrod;
}

.review-listing .box-top {
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border: 1px solid var(--themelight-color);
    border-radius: 5px;
}

.pro-detail-tab-wrap .review-listing .testimonial-box {
    padding: 0px 0px 20px;
}

.pro-detail-tab-wrap ul {
    padding: 0px;
    margin: 0px -5px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-detail-tab-wrap ul li {
    background: var(--themelight-color);
    border-radius: 5px;
    color: #fff;
    padding: 5px 30px;
    margin: -1px 5px;
    font-size: 24px;
    border: 1px solid transparent;
    width: 33.33%;
    text-align: center;
    cursor: pointer;
    transition: all 400ms ease-in-out;
}

.pro-detail-tab-wrap .pro-tab-container {
    padding: 25px;
}

.pro-detail-tab-wrap li.active {
    background: var(--theme-color);
}

.pro-detail-tab-wrap {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.pro-detail-tab-wrap ul li:hover {
    background: var(--theme-color);
    opacity: 0.6;
}

.pro-detail-tab-wrap .pro-tab-container .pro-details {
    column-count: 2;
}

.pro-detail-tab-wrap .pro-tab-container .pro-details p {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Lato';
    position: relative;
    padding-left: 15px;
}

.pro-detail-tab-wrap .pro-tab-container .pro-details p:before {
    position: absolute;
    content: ""; /* background: var(--black-color); */
    border: solid var(--theme-color);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: -5px;
    top: 8px;
    border-radius: 3px;
}

.pro-detail-tab-wrap .pro-tab-container {
    padding: 30px;
}

.review-listing .box-top {
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    padding: 15px;
    border: 1px solid var(--themelight-color);
    border-radius: 5px;
}

.review-listing .box-top h4 {
    color: var(--theme-color);
    font-weight: 600;
    font-family: 'Outfit';
    font-size: 22px;
}

.review-listing .box-top .reviews svg {
    color: goldenrod;
}

.pro-detail-tab-wrap .pro-tab-container .review-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.pro-detail-tab-wrap .pro-tab-container .review-listing .testimonial-box {
    width: 50%;
    padding: 0px 10px 20px;
}
.pro-info-box-wrap .pro-info-box-inner.left .slider-nav .slick-slide div {
    padding: 0px 5px;
}
.breadcrumb-menu-main {
    padding: 115px 0px 0px 0px;
}

.breadcrumb-menu-main ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin: 0px 40px;
}

.breadcrumb-menu-main ul li {
    padding: 0px 14px;
    position: relative;
}

.breadcrumb-menu-main ul li a {
    font-size: 16px;
    color: #000;
}

.breadcrumb-menu-main ul li:after {
    position: absolute;
    content: "";
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 9px;
    right: 0px;
}

.breadcrumb-menu-main ul li:last-child:after {
    content: none; /* This removes the arrow from the last breadcrumb item */
}

.breadcrumb-menu-main ul li a:hover {
    color: var(--theme-color);
}

/*product-box-start*/
.pro-info-box-sec {
    padding: 30px 0px;
}

.pro-info-box-sec .pro-info-box-wrap {
    margin: 0px -15px;
}

.pro-info-box-sec .pro-info-box-wrap > div {
    width: 50%;
    padding: 0px 15px;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-for {
    border: 2px solid var(--theme-color);
    border-radius: 5px;
    margin-bottom: 30px;
    max-height: 500px;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-for figure {
    height: 477px;
    width: 100%;
    cursor: zoom-in;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-for figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
    max-width: 645px;
    margin: 0px auto;
    /*justify-content: center;*/
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav .slider-img {
    width: 25%;
    padding: 0px 10px;
    text-align: center; /* border: 1px solid; */
}

.pro-info-box-inner.left .slider-nav .slider-img figure {
    height: 110px;
    width: 100%;
    border: 1px solid;
    padding: 10px;
    border-radius: 5px;
}

.pro-info-box-inner.left .slider-nav .slider-img figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.pro-info-box-wrap .pro-info-box-inner.right .pro-info-details {
    /*border: 2px solid var(--theme-color);*/
    border-radius: 5px;
    padding: 0 20px;
    min-height: 482px;
    margin-bottom: 30px;
}

.pro-info-box-inner.right .pro-info-details .sub-desc .right-images{
    max-width: 300px;
    float: right;
    text-align: center;
}

.pro-info-box-sec .container {
    padding-left: 100px;
    padding-right: 100px;
}

.pro-info-box-inner.right .pro-info-details .main-heading p {
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Lato';
    color: var(--theme-color);
}

.pro-info-box-wrap .pro-info-box-inner.right .pro-info-details .desc p {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Lato';
    margin: 10px 0px;
}

.pro-info-box-inner.right .pro-info-details .sub-desc {
    justify-content: space-between;
}

.pro-info-box-inner.right .pro-info-details .sub-desc .sub-desc-list {
    line-height: 30px;
    font-size: 18px;
}

.pro-info-box-inner.right .pro-info-details .sub-desc .sub-desc-list span.key {
    width: 115px;
    display: inline-block;
    font-weight: 600;
    font-family: 'Lato';
}

.pro-info-box-inner.right .pro-info-details .sub-desc .right-images figure {
    display: inline-block;
    height: 75px;
    width: 75px;
}

.pro-info-box-inner.right .pro-info-details .sub-desc .sub-desc-list {
    line-height: 20px;
    font-size: 14px;
}

.pro-info-box-inner.right .pro-info-details .sub-desc .sub-desc-list span.key {
    width: 115px;
    display: inline-block;
    font-weight: 600;
    font-family: 'Lato';
}


.pro-info-box-inner.right .pro-info-details .info-downloads {
    padding: 15px 0px;
}

.pro-info-box-inner.right .pro-info-details .info-downloads a.info-download {
    display: flex;
    align-items: center;
    padding: 2px 3px;
    margin-right: 10px;
}

.pro-info-box-inner.right .pro-info-details .info-downloads a.info-download .info-download-icon {
    width: 32px;
    margin-right: 5px;
    height: 100%;
}

.pro-info-box-inner.right .pro-info-details .info-downloads a.info-download .info-download-details {
    font-size: 14px;
    font-family: 'Lato';
    line-height: 16px;
}

.pro-info-box-inner.right .pro-info-details .info-downloads a.info-download:hover img {
    filter: brightness(0.5);
}

.pro-info-box-inner.right .pro-info-details .list-trade-price p {
    margin: 5px 0px;
    font-size: 18px;
    font-family: 'Lato';
    font-weight: 500;
}

.pro-info-box-inner.right .pro-info-details .list-trade-price p span {
    padding-right: 5px;
}

.qty-container .qty-btn-minus, .qty-container .qty-btn-plus {
    cursor: pointer;
    border: 1px solid #d4d4d4;
    padding: 0px;
    height: 32px;
    width: 32px;
    transition: 0.3s;
    background: #526e58;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    line-height: 0px;
}

.qty-container .input-qty {
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #d4d4d4;
    max-width: 40px;
    margin-left: -1px;
    height: 32px;
    width: 32px;
    font-size: 14px;
}

.qty-container .qty-btn-plus {
    margin-left: -1px;
}

.pro-info-box-inner.right .pro-info-details .pop-up-add-cart {
    padding-left: 15px;
}

.pro-info-box-inner.right .pro-info-details .qty-container {
    display: flex;
}

.qty-add-cart-btn {
    padding: 10px 0px;
}

.pro-info-box-sec .pro-info-box-wrap .delivery figure {
    height: 100px;
    width: 100px;
}

.pro-info-box-sec .pro-info-box-wrap .delivery p {
    display: block;
    width: 100%;
    padding-left: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Lato';
    margin: 5px 0px;
}

.delivery.time-main {
    padding-top: 25px;
}

.pro-info-box-sec .pro-info-box-wrap .delivery p span {
    color: red;
}

.pro-info-box-inner.right .pro-info-details .pop-up-add-cart .multi-drop-select {
    height: 32px;
}

.pro-info-box-inner.right .pro-info-details .pop-up-add-cart .multi-drop-select .selectBtn {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.pro-info-box-sec .pro-info-box-wrap .left {
    overflow: hidden;
    position: relative;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav figure {
    height: 140px;
    width: 150px;
    border: 1px solid;
    border-radius: 5px;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav .slick-slide div {
    padding: 0px 5px;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav button.slick-prev:before, .pro-info-box-wrap .pro-info-box-inner.left .slider-nav button.slick-next:before {
    color: black;
    font-size: 40px;
    opacity: 1;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav button.slick-prev {
    height: 40px;
    width: 40px;
    left: -50px;
}

.pro-info-box-wrap .pro-info-box-inner.left .slider-nav button.slick-next {
    height: 40px;
    width: 40px;
    right: -50px;
}

/*product-box-end*/
.sale-alert {
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 10px;
}

.sale-alert figure {
    height: 50px;
    width: 50px;
}

.sale-alert-pro .pro-image figure {
    opacity: 0.7;
}



.fast-moving {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
}

.fast-moving figure {
    height: 35px;
    width: 35px;
}

.pro-info-box-inner.left .sale-pro-popup {
    top: 5px;
    left: 20px;
}

/*--product-new-end--*/

/*login-css-start*/
.login-box {
    min-height: calc(100vh - 100px);
}

.login-box-main {
    padding: 50px 0px;
}

.login-box-main .login-box-inner > div {
    width: 50%;
}

.bg-bubbles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bg-bubbles li {
    position: absolute;
    list-style: none;
    display: block;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.15);
    bottom: -160px;
    -webkit-animation: square 25s infinite;
    animation: square 25s infinite;
    transition-timing-function: linear;
}

.bg-bubbles li:nth-child(1) {
    left: 10%;
}

.bg-bubbles li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 17s;
    animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 22s;
    animation-duration: 22s;
    background-color: rgba(255, 255, 255, 0.25);
}

.bg-bubbles li:nth-child(5) {
    left: 70%;
}

.bg-bubbles li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-bubbles li:nth-child(7) {
    left: 32%;
    width: 160px;
    height: 160px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, 0.3);
}

.bg-bubbles li:nth-child(10) {
    left: 90%;
    width: 160px;
    height: 160px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s;
}

@-webkit-keyframes square {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-700px) rotate(600deg);
    }
}

@keyframes square {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-700px) rotate(600deg);
    }
}

.login-box .container {
    max-width: 1400px;
}

.login-box-main {
    padding: 50px 0px;
}

.login-box-main .login-box-inner {
    box-shadow: 0px 0px 10px #C8C7D9;
}

.login-box-main .login-box-inner .login-box-left {
    position: relative;
    overflow: hidden;
    background: #50a3a2;
    background: linear-gradient(to bottom right, #a0b69e 0%, #F8F8F8 100%);
    width: 40%;
}

.login-box-main .login-box-inner .login-box-right {
    padding: 60px;
    width: 60%;
}

.login-box-main .login-box-inner .login-box-right h4 {
    font-size: 30px;
    line-height: 30px;
    color: var(--theme-color);
    font-weight: bold;
}

.login-box-main .login-box-inner .login-box-right .login-details {
    padding: 30px 0px 0px;
}

.login-box-main .login-box-right form .login-field label {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    padding-bottom: 0px;
}

.login-box-main .login-box-right form .login-field input {
    width: 75%;
    padding: 5px 5px;
    border-radius: 5px;
}

.login-box-main .login-box-right form .login-field {
    padding-bottom: 10px;
}

.login-box-main .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.login-box-main .form-group label {
    position: relative;
    cursor: pointer;
}

.login-box-main .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--black-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.login-box-main .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 4px;
    height: 14px;
    border: solid var(--black-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/*.login-box-main .login-box-right .login-details .login-btn { padding-top: 20px; }*/
.login-box-main .login-box-inner .login-box-left p {
    padding: 40px 50px 20px 20px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    -webkit-text-stroke: thin;
}

.login-box-main .login-box-right .login-details .login-btn .create-account {
    padding: 5px;
}

.login-box-main .login-box-right .login-details .login-btn .create-account span {
    font-size: 18px;
    font-family: 'Lato';
}

.login-box-main .login-box-right .login-details .login-btn .create-account span a {
    color: var(--theme-color);
}

.login-box-main .login-box-right .login-details .login-btn .create-account span a:hover {
    color: var(--themelight-color);
}

.login-box-main .login-box-right .login-details .login-btn button {
    margin-bottom: 5px;
}

/*login-css-end*/

/*contact-us-start*/
.contact-us-box-wrap .container {
    max-width: 1400px;
}

.contact-us-box-wrap {
    padding: 36px 0px;
    min-height: calc(100vh - 100px);
}

.contact-us-box-wrap .contact-heading {
    text-align: center;
}

.contact-us-box-wrap .contact-heading h1 {
    color: var(--theme-color);
}

.contact-us-box-wrap .contact-us-box-main {
    background: #F8F8F8;
    box-shadow: 0px 0px 10px #C8C7D9;
    margin: 20px 0px;
    border-radius: 5px;
    overflow: hidden;
}

.contact-us-box-wrap .contact-us-box-main > div {
    width: 50%;

}

.contact-us-box-wrap .contact-form-main .send-heading {
    text-align: center;
    padding-bottom: 10px;
}

.contact-us-box-wrap .contact-us-box-main .contact-form.right {
    padding: 15px;
}

.contact-us-box-wrap .contact-us-box-main .map-img {
    width: 100%;
    height: 100%;
}

.contact-us-box-wrap .contact-us-box-main .map-img iframe {
    height: 100%;
    width: 100%;
}

.contact-us-box-wrap .contact-us-box-main form .contact-field {
    display: flex;
    align-items: center;
    margin: 0px -5px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
}

.contact-us-box-wrap .contact-us-box-main form .input-box {
    position: relative;
    width: 100%;
}

.contact-us-box-wrap form .input-box input, .contact-us-box-wrap form .input-box textarea {
    width: 100%;
    padding: 15px 5px 10px 8px;
    font-size: 14px;
    margin: 10px 0;
    border: none;
    border: 1px solid transparent;
    outline: none;
    resize: none;
    border-radius: 5px;
    font-family: 'Lato';
}

/*.contact-us-box-wrap .contact-us-box-main form .input-box span { position: absolute; left: 0; padding: 5px 0 0px 8px; font-size: 16px; margin: 15px 0; pointer-events: none; transition: 0.5s; color: #666; }*/
.contact-us-box-wrap form .input-box input:focus ~ span, .contact-us-box-wrap form .input-box textarea:focus ~ span, .contact-us-box-wrap form .input-box input:valid ~ span, .contact-us-box-wrap form .input-box textarea:valid ~ span {
    color: var(--theme-color);
    font-size: 12px;
    transform: translateY(-8px);
    left: 0px;
}

.contact-us-box-wrap .contact-us-box-main form .contact-field .input-box {
    margin: 0px 5px;
}

.contact-us-box-wrap form .input-box input:focus, .contact-us-box-wrap form .input-box textarea:focus {
    border-color: #526e58;
    box-shadow: 0 0 0 0.1rem #526e584d;
}

.contact-us-box-wrap form .input-box textarea {
    height: 100px;
}

.contact-us-box-wrap .contact-us-box-main form .term-agree input[type="checkbox"] {
    display: none;
}

.contact-us-box-wrap .contact-us-box-main form .term-agree label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.contact-us-box-wrap .contact-us-box-main form .term-agree label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--black-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.contact-us-box-wrap .contact-us-box-main form .term-agree span {
    position: initial;
    padding: 0px;
}

.contact-us-box-wrap .contact-us-box-main form .term-agree input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 4px;
    height: 14px;
    border: solid var(--black-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.contact-us-box-wrap .contact-us-box-main .contact-form.right .contact-form-main .submit-btn {
    text-align: center;
    padding: 19px 0px 10px;
}

.contact-details-main .contact-detail-box {
    display: flex;
    justify-content: center;
    margin: 0px -10px;
}

.contact-details-main .contact-detail-box .box {
    margin: 0px 10px;
    width: 33.33%;
    padding: 15px;
    box-shadow: 5.736px 8.192px 31.15px 3.85px rgba(21, 21, 21, .07);
    border-radius: 5px;
    transition: all 400ms ease-in-out;
    border: 1px solid transparent;
}

.contact-details-main .contact-detail-box .box figure {
    height: 30px;
    width: 30px;
    text-align: center;
    margin: 0px auto 15px;
}

.contact-details-main .contact-detail-box .box p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Lato';
    margin: 0px;
}

.contact-details-main .contact-detail-box .box .msg-call p a {
    padding-left: 5px;
    color: var(--themelight-color);
}

.contact-details-main .contact-detail-box .box .msg-call p a:hover {
    color: var(--theme-color);
}

.contact-details-main .contact-detail-box .box:hover {
    border: 1px solid var(--theme-color);
}

/*contact-us-end*/

/*--client-side-css-start--*/
#main-page-area {
    /*min-height: calc(100vh - 100px) !important;*/
}

.container-new {
    max-width: 1600px;
}

/*dashboard-page-start*/
.dashboard-page-main-sec {
    padding-top: 15px;
}

.dashboard-page-main-sec .client-heading-org-name h2 {
    font-weight: var(--of-700);
}

.dashboard-page-main-sec .client-heading-org-name .org-name p {
    margin: 0px;
    font-family: var(--of-font);
}

.dash-main-wrap .details-badge-wrap .details-badge-listing {
    margin: 0 -15px;
}

.dash-main-wrap .details-badge-wrap .details-listing-box {
    padding: 0 15px;
}

.details-badge-wrap .details-listing-box .details-listing-box-main {
    cursor: pointer;
    border: 1px solid var(--theme-color);
    padding: 5px 10px;
    background: #FAFBFA;
    border-radius: 5px;
    height: 100%;
}

/*.details-badge-wrap .details-listing-box  .details-listing-box-main .box-heading { display: inline-flex; }*/
.details-badge-wrap .details-listing-box .details-listing-box-main .box-heading i {
    padding-right: 10px;
    height: 30px;
    width: 35px;
    display: inline-block;
}

.details-badge-wrap .details-listing-box .details-listing-box-main .box-heading i img {
    object-fit: contain;
}

.details-badge-wrap .details-listing-box .details-listing-box-main .box-heading h4 {
    color: var(--theme-color);
    display: inline-flex;
    width: 100%;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
}

.details-badge-wrap .details-listing-box .details-listing-box-main .box-heading {
    position: relative;
}

.details-badge-wrap .details-listing-box .details-listing-box-main ul.main-details {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.dash-main-wrap .details-badge-wrap {
    padding: 15px 0px 30px;
}

.details-badge-wrap .details-listing-box .details-listing-box-main ul.main-details li p {
    margin: 5px 0px 0px;
    font-size: var(--ft-16);
}

.details-badge-wrap .details-listing-box .details-listing-box-main ul.main-details li p span {
    padding-left: 5px;
}

.dash-main-wrap .details-badge-wrap .org-pr-details, .dash-main-wrap .details-badge-wrap .badge-details {
    width: 25%;
}

.dash-main-wrap .details-badge-wrap .badge-details figure {
    height: 35px;
    width: 45px;
    margin: 10px auto 0px;
}

.details-badge-listing .filter-list .date-picker-filter {
    display: inline-flex;
    width: 100%;
}

.details-badge-listing .filter-main-wrap .filter-list {
    padding-bottom: 10px;
}

.details-badge-listing .filter-main-wrap .filter-list .start-date, .details-badge-listing .filter-main-wrap .filter-list .end-date {
    width: 50%;
}

.badge-details .task-progress {
    margin: 1.5rem 0 0.5rem;
    display: flex;
    position: relative;
}

.badge-details .task-progress p {
    color: #222f3e;
    margin: 15px 0px 0px;
}

.badge-details span {
    color: #8395a7;
}

.badge-details .progress {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 7px;
    height: 7px;
    position: relative;
}

.badge-details .progress:before {
    position: absolute;
    content: "" "";
    height: 13px;
    width: 13px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: -10px;
}

.badge-details .progress:after {
    position: absolute;
    content: "" "";
    height: 16px;
    width: 18px;
    background-image: url(../images/badge-reach-small.svg);
    border-radius: 50%;
    top: -5px;
    right: -14px;
    background-repeat: no-repeat;
    background-size: cover;
}

.badge-details .progress::-webkit-progress-bar {
    background-color: var(--themelight-color);
}

.badge-details .progress::-webkit-progress-bar, .badge-details .progress::-webkit-progress-value {
    border-radius: 10px;
}

.badge-details .progress::-moz-progress-bar {
    border-radius: 10px;
}

.badge-details .progress--task1::-webkit-progress-value {
    background-color: var(--theme-color);
}

.badge-details .progress--task1::-moz-progress-bar {
    background-color: var(--theme-color);
}

.badge-details .content p {
    margin: 5px 0px 0px;
    font-size: var(--ft-14);
}

.popup-link a {
    color: var(--theme-color);
    font-weight: var(--lt-700);
}

.personal-popup-content ul {
    padding: 0px;
    list-style: none;
}

.popup-container {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
}

.personal-popup-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid var(--theme-color);
    width: 50%;
    height: 350px;
    overflow-y: scroll;
}

.personal-popup-content ul {
    padding: 0px;
    list-style: none;
}

.personal-popup-content p {
    font-size: 17px;
    padding: 10px;
    line-height: var(--lh-20);
}

.personal-popup-content a.close {
    color: var(--theme-color);
    float: right;
    font-size: 30px;
    background: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    line-height: 27px;
    font-weight: 900;
}

.personal-popup-content ul li {
    border-bottom: 1px dashed var(--themelight-color);
}

.personal-popup-content p {
    font-size: var(--ft-14);
    padding: 10px 10px 10px 0px;
    line-height: var(--lh-20);
}

.personal-popup-content h4 {
    color: var(--theme-color);
    z-index: 1;
    font-weight: var(--lt-700);
}

.personal-popup-content a.close:hover {
    color: #333;
}

.personal-popup-content span:hover, .personal-popup-content span:focus {
    color: var(--black-color);
    text-decoration: none;
    cursor: pointer;
}

.popup-container:target {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.popup-container h3 {
    margin: 10px;
}

.personal-popup-content::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.personal-popup-content::-webkit-scrollbar {
    height: 4px;
    width: 7px;
    background-color: #F5f5f5;
    border-radius: 10px;
}

.personal-popup-content::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 10px;
}

.filter-main-box .filter-list .drop-down, .filter-main-box .filter-list .drop-down-one {
    position: relative;
}

.filter-main-box .filter-list .drop-down .selected a, .filter-main-box .filter-list .drop-down-one .selected a {
    display: block;
    padding-right: 20px;
    width: 100%;
    border-radius: 2px;
    text-decoration: none;
    color: #807474;
    border-radius: 5px;
    border: 0.8px solid rgba(82, 110, 88, 0.60);
    font-size: var(--ft-16);
}

.filter-main-box .filter-list .drop-down .selected a span, .filter-main-box .filter-list .drop-down-one .selected a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}

.filter-main-box .filter-list .drop-down .option, .filter-main-box .filter-list .drop-down-one .option {
    position: relative;
}

.filter-main-box .filter-list .drop-down .options ul, .filter-main-box .filter-list .drop-down-one .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    top: 18px;
    width: auto;
    min-width: 100%;
    bottom: auto;
    border-radius: 5px;
    border: 0.8px solid rgba(82, 110, 88, 0.60);
    z-index: 1;
}

.filter-main-box .filter-list .drop-down .selected span.value, .filter-main-box .filter-list .drop-down .options span.value, .filter-main-box .filter-list .drop-down-one .selected span.value, .filter-main-box .filter-list .drop-down-one .options span.value {
    display: none;
}

.filter-main-box .filter-list .drop-down .options ul li a, .filter-main-box .filter-list .drop-down-one .options ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: var(--theme-color);
}

.filter-main-box .filter-list .drop-down .options ul li a:hover, .filter-main-box .filter-list .drop-down-one .options ul li a:hover {
    background: var(--theme-color);
    color: var(--white-color);
    transition: 0.2s ease;
}

.filter-list .date-picker-filter input[type="date"] {
    width: 100%;
    height: 30px;
    color: #807474;
    border-radius: 5px;
    border: 0.8px solid rgba(82, 110, 88, 0.60);
}

.filter-list .date-picker-filter .start-date {
    padding-right: 10px;
}

.reset-filter-btn a.btn-1 {
    padding: 3px 15px;
    display: block;
    text-align: center;
    width: 100%;
}

.dataTables_wrapper .dataTables_filter {
}

.venue-reset-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.venue-reset-row .drop-down {
    width: 70%;
}

.venue-reset-row .reset-filter-btn {
    width: 30%;
    padding-left: 5px;
}

.pr-detail-edit {
    position: absolute;
    right: 0px;
    top: auto;
    bottom: 0px;
    height: 30px;
    width: 30px;
}

.filter-main-wrap .filter-main-box .filter-list h5 {
    padding-right: 10px;
}

.dash-main-wrap .all-summary-graph-main .all-summary-graph-wrap {
    margin: 0 -10px;
}

.dash-main-wrap .all-summary-graph-main .all-summary-graph-wrap > div {
    padding: 0px 15px;
}

.all-summary-graph-main .all-summary-graph-wrap .all-summary-wrap {
    width: 60%;
}

.all-summary-graph-main .all-summary-graph-wrap .right-graph-main {
    width: 40%;
}

.all-summary-graph-main .all-summary-graph-wrap .all-summary-wrap .all-summary-listing {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box {
    padding: 0px 15px 30px;
    width: 50%;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box .all-summary-listing-inner {
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    background: var(--white-color);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    padding: 0px 10px 10px;
    position: relative;
    height: 100%;
}

.all-summary-graph-main .all-summary-listing-box .all-summary-listing-inner h4:after {
    background: rgba(0, 0, 0, 0.09);
    position: absolute;
    content: "";
    height: 45px;
    width: 100%;
    left: 0px;
    top: 0px;
}

.all-summary-graph-main .all-summary-listing-box .all-summary-listing-inner h4 {
    margin: 5px 0px;
    color: #3B5641;
    font-family: var(--of-font);
    font-size: 20px;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spent-place-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0px;
}

.all-summary-graph-main .all-summary-listing-inner .spent-place-order .spent-amount p {
    margin: 0px;
    font-size: 18px;
    color: var(--theme-color);
}

.all-summary-graph-main .all-summary-listing-inner .spent-place-order .spent-amount p span {
    display: inline-block;
    width: 100%;
    font-size: var(--ft-16);
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spent-place-order a.btn-1 {
    padding: 5px 12px;
    font-size: var(--ft-14);
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spend-detail-graph {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spend-detail ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spend-detail ul li {
    padding: 3px 0px 3px 15px;
    position: relative;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spend-detail ul li:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background: #f4f4f4;
    left: 0px;
    top: 13px;
    border-radius: 50%;
}

.all-summary-graph-main .all-summary-listing-inner .spend-detail ul li p {
    margin: 0px;
    font-size: var(--ft-16);
}

.all-summary-graph-main .all-summary-listing-inner .spend-detail ul li p span {
    color: var(--theme-color);
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spend-detail ul li:nth-child(2):after {
    background: #85FFC4;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner .spend-detail ul li:nth-child(3):after {
    background: #F55;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-inner ul.quick-links {
    padding: 0px 0px 0px;
    margin: 0px;
    list-style: none;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li {
    width: calc(50% - 0px);
    height: 83px;
    background: hsl(134deg 15% 38% / 10%);
    margin: 0px;
    border-radius: 5px;
    color: var(--white-color);
    overflow: hidden;
    border: 1px solid var(--themelight-color);
}

.all-summary-graph-main .all-summary-listing-inner ul.quick-links li i {
    height: 22px;
    width: 22px;
    margin-right: 15px;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li a {
    line-height: 26px;
    font-size: 16px;
    color: var(--theme-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    transition: all 400ms ease-in-out;
}

.all-summary-graph-main .all-summary-listing-inner ul.quick-links li i img {
    transition: all 400ms ease-in-out;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li a:hover {
    background: var(--theme-color);
    color: var(--white-color);
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li a.link-4:hover {
    background: var(--themelight-color);
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li a.link-2:hover {
    background: #d2cdcd;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li a.link-3:hover {
    background: darkgray;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing-inner ul.quick-links li a:hover img {
    filter: brightness(5);
}

.all-summary-graph-main .all-summary-graph-wrap .right-graph-box {
    text-align: center;
    border-radius: 5px;
    background: var(--white-color);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
}

.all-summary-graph-main .all-summary-graph-wrap .right-graph-box figure {
    height: 370px;
}

.all-summary-graph-main .all-summary-graph-wrap .right-graph-box figure img {
    object-fit: contain;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box:nth-child(2) .all-summary-listing-inner {
    padding: 0px;
}

.all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box:nth-child(2) .all-summary-listing-inner h4 {
    margin-left: 10px;
}

.tab_drawer_heading {
    display: none;
}

.content.active {
    display: block !important;
}

@media screen and (max-width: 480px) {
    .right-side-tabing-inner .tabs {
        display: none;
    }

    .right-side-tabing-inner .tab_drawer_heading {
        background-color: #ccc;
        color: var(--white-color);
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        background-color: #666;
        color: #fff;
    }
}

.details-badge-wrap .details-listing-box .details-listing-box-main .box-heading i.material-icons {
    position: absolute;
    right: -5px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.details-badge-wrap .details-listing-box .details-listing-box-main .box-heading h4.togglearrow i.material-icons {
    transform: rotate(180deg);
    right: -5px;
    padding-left: 10px !important;
    padding-right: 0px !important;
}

.right-graph-box ul.tabs {
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
}

.right-graph-box ul.tabs li {
    background: var(--theme-color);
    border-radius: 5px;
    margin: 0px 3px;
    color: #fff;
    padding: 5px 5px;
    transition: all 400ms ease-in-out;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 5px 7px 12.09px 0.91px rgba(0, 0, 0, .2);
}

.right-graph-box ul.tabs li:hover {
    background: var(--themelight-color);
}

.right-graph-box ul.tabs li.active {
    background: #fff;
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

/*.right-graph-box .tab_container .box, .right-graph-box .tab_container .box2, .right-graph-box .tab_container .box3 {*/
/*    height: 365px;*/
/*    margin: 0px auto;*/
/*    width: 365px;*/
}

/*.right-graph-box .tab_container canvas {*/
/*    margin: 0px auto;*/
/*    height: 365px !important;*/
/*    width: 365px !important;*/
/*    object-fit: contain;*/
/*}*/

/*dashboard-page-end*/

/*order-page-start*/
.order-history-list-filter {
    padding: 20px 0px 40px;
}

.order-history-list-filter .filter-main-box .filter-list .drop-down .selected a, .order-history-list-filter .filter-main-box .filter-list .drop-down-one .selected a {
    width: 230px;
}

.table-reponsive.box .dataTables_wrapper .dataTables_length {
    padding-bottom: 20px;
}

.order-history-table.table-bordered th, .order-history-table.table-bordered td {
    border: 1px solid #eae8f1;
    padding: 5px;
}

.place-order-acco .order-history-table.table-bordered th {
    background: #E0E4E6;
    color: #2F4858;
}

.order-history-table {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-bottom: none !important;
    border: 1px solid #f1f1f2 !important;
    border-radius: 5px;
    width: 100%;
}

.order-history-table tbody tr.odd {
    background: #FAFBFA;
}

.order-history-table thead th {
    color: var(--theme-color);
    font-size: var(--ft-14);
    font-family: var(--of-font);
}

.order-history-table tbody td {
    font-size: var(--ft-14);
    padding: 5px 10px !important;
    font-family: var(--lt-font);
}

.table-reponsive.box .dataTables_info, .table-reponsive.box .dataTables_paginate {
    margin-top: 10px;
}

.order-history-table tbody tr {
    transition: all 500ms ease-in-out;
}

.order-history-table tbody tr td:last-child a {
    background: var(--themelight-color) !important;
    color: var(--white-color);
    padding: 4px 5px;
    border-radius: 5px;
    transition: all 500ms ease-in-out;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
}

.order-history-table tbody tr td:last-child a:hover {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    background: var(--white-color);
!important;
}

.order-history-table tbody tr:hover {
    background: #a0b69e26;
}

.table-reponsive.box {
    padding-bottom: 30px;
}

.table-reponsive.box .dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
}

.order-history-list-filter.filter-main-wrap .filter-main-box .filter-list {
    display: inline-flex;
    align-items: center;
}

.order-history-table tbody tr td:last-child a i {
    padding-left: 10px;
    height: 18px;
}

.order-history-table tbody tr td:last-child a:hover i img {
    filter: contrast(0.5);
}

.order-history-table tbody tr td:last-child a i img {
    filter: invert(1);
    transition: all 500ms ease-in-out;
}

.order-history-table tbody tr td:last-child a.rec-dl {
    margin-left: 5px;
}

#example.table-bordered th:last-child, #example.table-bordered td:last-child {
    text-align: end;
}

.order-history-list-filter.filter-main-wrap .filter-main-box {
    background: #FAFBFA;
    border: 1px solid #526E58;
    padding: 10px 10px 10px 255px;
    border-radius: 5px;
    position: relative;
}

.order-history-list-filter.filter-main-wrap .filter-main-box .filter-list {
    padding-left: 15px;
}

.order-history-list-filter.filter-main-wrap .filter-main-box .reset-filter-btn {
    position: absolute;
    right: 15px;
}

.dataTables_wrapper #example_filter {
    position: absolute;
    top: -80px;
    left: 10px;
}

.dataTables_wrapper #example_length {
    position: absolute;
    right: 120px;
    top: -80px;
}

.order-history-table.table-bordered th {
    background: var(--theme-color);
    color: #fff;
}

/*.order-history-table.table-bordered th:before { content: "\2191" !important; opacity: .6 !important; }*/
/*.order-history-table.table-bordered th:after { content: "\2193" !important; opacity: 1 !important; }*/
/*.dataTables_paginate {*/
/*    position: relative;*/
/*    padding-right: 25px;*/
/*}*/

/*.dataTables_paginate a.previous:before {*/
/*    position: absolute;*/
/*    content: "<<";*/
/*    font-size: 25px;*/
/*    top: 8px;*/
/*    left: -20px;*/
/*}*/

/*.dataTables_paginate a.previous:after {*/
/*    position: absolute;*/
/*    content: ">>";*/
/*    font-size: 25px;*/
/*    top: 8px;*/
/*    right: 5px;*/
/*}*/

/*.dataTables_paginate a.previous, .dataTables_paginate a.next {*/
/*    font-size: 0px !important;*/
/*}*/

/*.dataTables_paginate span a.paginate_button.current {*/
/*    background: var(--theme-color) !important;*/
/*    color: #fff !important;*/
/*    border: none !important;*/
/*}*/

/*body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {*/
/*    color: #fff !important;*/
/*}*/

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
        background: var(--theme-color);
        color: white!important;
}
/*order-page-end*/

/*place-order-page-start*/
.accordian-table-main .set {
    padding-bottom: 1px;
}

.accordian-table-main .set a {
    display: inline-block;
    width: 100%;
    background: var(--themelight-color);
    border-radius: 5px;
    padding: 7px 10px 7px 10px;
    color: var(--white-color);
    transition: all 500ms ease-in-out;
    font-size: var(--ft-16);
    font-family: var(--lato-font);
    cursor: pointer;
    box-shadow: 0px 0px 15px 0px rgba(174, 174, 174, 0.35);
    position: relative;
}

.place-order-acco .dataTables_length, .place-order-acco .dataTables_filter, .place-order-acco .dataTables_info, .place-order-acco .dataTables_paginate {
    display: none;
}

.accordian-table-main .set a.active {
    background: var(--themelight-color);
}

.accordian-table-main .set a:hover {
    color: var(--white-color);
}

.accordion-container a.active {
    background: var(--themelight-color);
}

.place-order-sec {
    padding-bottom: 30px;
}

.place-order-sec .client-heading-org-name {
    padding: 15px 0px;
}

.product-quantity .product-quantity-inner {
    display: flex;
    align-items: center;
}

.product-quantity .product-quantity-inner .pro-desc {
    width: calc(100% - 80px);
    padding-left: 10px;
}

.product-quantity .product-quantity-inner .pro-item figure {
    border-radius: 5px;
    overflow: hidden;
    height: 50px;
    width: 50px;
    box-shadow: 0px 0px 5px 0px #526e58;
}

.product-quantity .product-quantity-inner .pro-desc p {
    margin: 0px 0px;
    font-size: 12px;
}

.accordian-table-main .qty-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordian-table-main .qty-container button {
    background: var(--theme-color);
    border: none;
    color: var(--white-color);
    height: 25px;
    width: 25px;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 0px;
}

.accordian-table-main .qty-container input.input-qty {
    height: 25px;
    margin-left: -3px !important;
    padding: 0px;
    width: 40px;
    border: 1px solid var(--theme-color);
    text-align: center;
}

.accordian-table-main .qty-container button#add {
    margin-left: -3px;
}

.accordian-table-main .set a:after {
    position: absolute;
    content: "";
    background-image: url(../images/acco-dd.svg);
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    right: 15px;
    top: 5px;
}

.accordian-table-main .set a.active::after {
    transform: rotate(180deg);
}

.accordian-table-main .qty-container .qty-btn-minus {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.accordian-table-main .qty-container .qty-btn-plus {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*.place-order-summary-wrap { padding: 10px; border-radius: 5px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10); }*/
.place-order-summary-main .col-1.summary-table .summary_table {
    border: 1px solid var(--theme-color);
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
    border-collapse: separate;
}

.place-order-summary-main .col-1.summary-table table tr.additional-charge {
    position: relative;
}

tr.additional-charge:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #3B5641;
    left: 0px;
    top: 30px;
}

.place-order-summary-main .col-1.summary-table .summary_table tr td:last-child {
    text-align: end;
}

.place-order-summary-main .col-1.summary-table .summary_table tr td {
    color: #3B5641;
    font-size: var(--ft-16);
    font-family: var(--lato-font);
    line-height: 26px;
}

.place-order-summary-main .col-3 h5, .place-order-summary-wrap .col-4 h5, .place-order-summary-main .col-2 h5 {
    color: #3B5641;
    font-size: var(--ft-18);
}

.place-order-summary-main .col-2 p, .place-order-summary-main .col-3 p, .place-order-summary-wrap .col-4 p {
    font-size: var(--ft-16);
    color: #3B5641;
    margin: 0px 0px;
    line-height: 26px;
}

.place-order-summary-main .col-2 input#del-date {
    width: 100%;
    display: inline-block;
    height: 30px;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    margin-top: 10px;
}

/*.summary-cal-btn{display:flex;justify-content:center;padborder-radius: 5px;ding:20px 0px 10px;margin:0px -10px;position: absolute;
right: 0px;
top: -4px;}
*/
.view-order-pg {
    position: relative;
}

.summary-cal-btn > div {
    text-align: center;
    padding: 0px 3px;
}

.summary-cal-btn .summary-btn.outline button {
    border: 2px solid var(--theme-color);
    display: inline-block;
    border-radius: 5px;
    color: var(--theme-color);
    transition: all 400ms ease-in-out;
    cursor: pointer;
    box-shadow: 6px 6px 12.09px 0.91px rgba(0, 0, 0, .2);
    font-weight: var(--lt-400);
    background: white;
}

.summary-cal-btn .summary-btn.outline button:hover {
    background: var(--themelight-color);
    color: var(--white-color);
    border: 2px solid transparent;
}

.acco-summary-main {
    display: flex;
}

.acco-summary-main .accordian-table-main {
    width: 75%;
    padding-right: 15px;
}

.acco-summary-main .place-order-summary-wrap {
    width: 25%;
    margin-top: 40px;
    height: auto;
}

.acco-expand-collapse a.col-exp, .resend-btn button {
    padding: 5px 10px;
    border-radius: 5px;
    font-size: var(--ft-14);
}

.acco-summary-main .accordion-container {
    padding-top: 10px;
}

.product-quantity .product-quantity-inner .pro-desc h5 {
    font-size: 14px;
    line-height: 18px;
}

.product-quantity .product-quantity-inner .pro-desc h5 {
    font-size: 13px;
    line-height: 18px;
}

.place-order-summary-main .summary-cal, .place-order-summary-main .col-4, .place-order-summary-main .col-3 {
    border: 1px solid var(--theme-color);
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
}

.acco-summary-main .place-order-summary-wrap .place-order-summary-main {
    position: sticky;
    top: 100px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.summary-cal h5 .toggleicon, .col-3 h5 .toggleicon, .col-4 h5 .toggleicon {
    position: absolute;
    right: 10px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    top: 12px;
}

.summary-cal h5 .toggleicon img, .col-3 h5 .toggleicon img, .col-4 h5 .toggleicon img {
    object-fit: contain;
}

.summary-cal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0px;
}

.summary-cal-btn .summary-btn button {
    font-size: 14px;
    padding: 5px;
}

#place-table-data {
    position: absolute;
    height: 40px;
    width: 500px;
    margin-left: 0px;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

#place-table-data.on {
    -webkit-animation-name: in-out;
    animation-name: in-out;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#place-table-data input {
    position: absolute;
    right: 10px;
    top: 25px;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    background: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; /* -webkit-transform: translate(-100%, -50%); */
    -ms-transform: translate(-100%, -50%);
    transform: translate(0%, -50%);
}

#place-table-data .search {
    background: none;
    position: absolute;
    top: 19px;
    right: -24px;
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 100%;
    outline: 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

#place-table-data .search:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: var(--theme-color);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 17px;
    margin-left: 5px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#place-table-data .close {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    right: -25px;
    top: 23px;
}

#place-table-data .close:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 2px;
    margin-top: 2px;
    margin-left: -13px;
    background-color: var(--theme-color);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#place-table-data .close:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: var(--theme-color);
    margin-top: 2px;
    margin-left: -13px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#place-table-data .square {
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    width: 500px;
    height: 35px;
    border: 0px;
    border-radius: 5px;
    background: var(--theme-gray1);
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.4s, 0s, 0.4s;
    transition-delay: 0.4s, 0s, 0.4s; /* -webkit-transform: translate(-100%, -50%); */
    -ms-transform: translate(-100%, -50%); /* transform: translate(-100%, -50%);*/
    right: 0px;
}

.exp-search {
    position: relative;
}

.acco-summary-main .place-order-main-accordian .summary-cal.col-2 {
    max-width: 100%;
    margin-top: 15px;
}

/*place-order-page-end*/

/*view-order-page-start*/
.view-order-summary .col-1 {
    width: 100%;
}

.billing-shiping-details {
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.acco-expand-collapse.view-order-pg {
    padding-bottom: 5px;
}

.billing-shiping-details .billing-shiping-details-inner {
    display: flex;
    flex-wrap: wrap;
}

.billing-shiping-details .billing-shiping-details-inner .summary-cal {
    width: 17%;
}

.billing-shiping-details .billing-shiping-details-inner .col-3 {
    width: 18%;
}

.billing-shiping-details .billing-shiping-details-inner .col-4 {
    width: 35%;
}

.billing-shiping-details .billing-shiping-details-inner .col-5 {
    width: 30%;
}

.billing-shiping-details .billing-shiping-details-inner h5 {
    font-size: 18px;
    color: var(--theme-color);
}

.billing-shiping-details .billing-shiping-details-inner p {
    margin: 5px 0px;
    font-size: 14px;
}

.billing-shiping-details .billing-shiping-details-inner .col-4 p span, .billing-shiping-details .billing-shiping-details-inner p span {
    font-size: 16px;
    color: var(--theme-color);
    font-family: 'Outfit';
}

.billing-shiping-details .col-2, .col-3, .col-4, .col-5, .place-order-summary-main .col-1 {
    flex: initial;
    max-width: initial;
}

.view-order-summary table.summary_table {
    border-collapse: separate;
    margin-bottom: 0px !important;
}

/*view-order-page-end*/

/*createquote-popup*/
.createquote-popup .personal-popup-content {
    height: 165px;
    width: 30%;
    overflow: initial;
    border-radius: 5px;
}

.createquote-popup .main-body {
    padding: 5px 0px 10px;
}

.createquote-popup .main-body label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.createquote-popup .main-body input {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #6c757d;
}

.createquote-popup .main-footer {
    text-align: end;
}

.createquote-popup .main-footer a {
    border-radius: 5px;
    padding: 3px 10px;
    border: 1px solid transparent;
    font-size: 14px;
    font-family: 'Lato';
    cursor: pointer;
    background: gray;
    color: var(--white-color);
}

.createquote-popup .main-footer a.close-btn {
    background: var(--theme-color);
    color: #fff;
}

/*createquote-popup*/

/*create-quote-product-listing*/
.quote-product-wrap .product-box {
    width: 14.28%;
    position: relative;
}

.quote-product-wrap .product-box-inner {
    position: relative;
    margin-bottom: 0px;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    padding-bottom: 20px;
}

.quote-product-wrap .pro-image {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.quote-product-wrap .pro-image figure {
    height: 150px;
    width: 150px;
    margin: 0px auto;
}

.quote-product-wrap .pro-image figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.quote-product-wrap .pro-image figure img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
}

.quote-product-wrap .product-desc {
    position: relative;
    text-align: center;
    margin: 0px 5px;
}

.quote-product-wrap .caption {
    padding: 5px 0 5px;
    position: relative;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.quote-product-wrap h4.product-title {
    text-align: center;
    font-size: var(--ft-14);
    line-height: 20px;
    font-family: var(--of-font);
    color: var(--black-text);
    min-height: 40px;
}

.quote-product-wrap h4.product-title a {
    color: var(--black-text);
    font-weight: 500;
    transition: all 400ms ease-in-out;
}

.quote-product-wrap .caption-price {
    padding: 0px 10px;
    line-height: 15px;
}

.quote-product-wrap .caption p, .quote-product-wrap .caption-price .price p {
    font-size: var(--ft-14);
    margin: 0px 0px 3px;
    color: var(--black-text);
    font-weight: var(--lt-400);
}

.quote-product-wrap .multi-drop-select.select {
    position: relative;
    margin: 0px auto;
    width: 110px;
}

.quote-product-wrap .multi-drop-select.select .selectBtn {
    padding: 3px 10px 3px 0px;
    box-sizing: border-box;
    border-radius: 5px;
    width: auto;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: var(--theme-color);
    font-size: 11px;
    color: #fff;
    line-height: 18px;
}

.quote-product-wrap .multi-drop-select.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 8px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: 0.2s ease;
}

.quote-product-wrap .multi-drop-select.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: var(--bg1);
    border: 1px solid var(--theme-color);
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    font-size: 11px;
}

.quote-product-wrap .multi-drop-select.select .selectDropdown .option {
    padding: 3px;
    box-sizing: border-box;
    cursor: pointer;
}

.quote-product-wrap .multi-drop-select.select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.quote-product-wrap .multi-drop-select.select .selectDropdown .option:hover {
    background: var(--themelight-color);
}

.quote-product-wrap .product-box a.pro-close-btn {
    right: 0px;
    position: absolute;
    font-size: 30px;
    border-radius: 5px;
    font-weight: 900;
    color: var(--theme-color);
    opacity: 0;
    transition: all 500ms ease-in-out;
}

.quote-product-wrap .product-box:hover .product-desc .caption h4.product-title a {
    color: var(--theme-color);
    font-weight: 600;
    transition: all 400ms ease-in-out;
}

.quote-product-wrap .product-box:hover a.pro-close-btn {
    opacity: 1;
}

.quote-serach-btn {
    padding: 40px 0px;
    display: flex;
    justify-content: center;
}

.quote-serach-btn form.filter-search input[type="text"] {
    width: 400px;
    height: 30px;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
}

.quote-serach-btn form.filter-search button {
    padding: 5px 5px;
    line-height: 20px;
    background: var(--theme-color);
    color: #fff;
    border: 0px;
    border-radius: 5px;
    cursor: pointer;
}

.quote-product-wrap .product-box:hover .pro-image figure img {
    opacity: 0.7;
}

.quote-serach-btn .request-btn a.btn-1 {
    padding: 5px 5px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 16px;
}

.request-quote-left .request-quote-left-details {
    width: 72%;
}

.request-quote-left .place-order-summary-wrap {
    width: 28%;
    height: auto;
}

.place-order-summary-main .col-1.summary-table table tr td:first-child {
    text-align: left;
}

.request-quote-left {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
    overflow-y: scroll;
    height: 100%;
}

.request-quote-left > div {
    padding: 0px 5px;
}

.request-quote-left .request-quote-left-details .product-quantity-inner .pro-desc p {
    padding: 0px 0px;
    line-height: 16px;
}

.request-quote-left .request-quote-left-details .product-quantity-inner .pro-desc h5 {
    font-size: 12px;
    line-height: 16px;
}

.req-popup-container .personal-popup-content {
    width: 80%;
    overflow-y: hidden;
    height: 700px;
}

.place-order-summary-main .col-1.summary-table table tr td {
    font-size: 14px;
    line-height: 24px;
}

.request-quote-left .place-order-summary-main h5 {
    font-size: 14px;
}

.request-quote-left .place-order-summary-main p {
    padding: 0px;
    font-size: 12px;
    line-height: 10px;
}

.request-quote-left .summary-cal-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.request-quote-left .summary-cal-btn > div {
    margin-bottom: 0px;
}

.request-quote-left .place-order-summary-wrap .place-order-summary-main {
    position: sticky;
    top: 0px;
}

.req-name-filed {
    text-align: left;
    margin: 5px 0px;
}

.req-name-filed label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.req-name-filed input[type="text"] {
    border-radius: 5px;
    border: 1px solid;
    padding: 5px;
}

.request-btn .place\=order-inner .summary-table {
    margin-bottom: 15px;
}

.request-quote-left::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.request-quote-left::-webkit-scrollbar {
    height: 4px;
    width: 7px;
    background-color: #F5f5f5;
    border-radius: 10px;
}

.request-quote-left::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 10px;
}

/*create-quote-product-listing*/

/*quote-history-pg*/
.quote-history-table .dataTables_wrapper #example_filter, .quote-history-table .dataTables_wrapper #example_length {
    position: initial;
}

/*quote-history-pg*/

/*reports-pg-start*/
.reports-filter-main .order-history-list-filter.filter-main-wrap .filter-main-box {
    padding: 10px 10px 10px 10px;
    justify-content: space-between;
}

.reports-filter-main .order-history-list-filter.filter-main-wrap .filter-main-box .reset-filter-btn {
    position: initial;
}

.reports-filter-main .order-history-list-filter.filter-main-wrap .filter-main-box .filter-list {
    padding-left: 0px;
}

.reports-filter-main .order-history-list-filter .filter-main-box .filter-list .drop-down .selected a, .reports-filter-main .order-history-list-filter .filter-main-box .filter-list .drop-down-one .selected a {
    width: 200px;
}

.reports-filter-main .order-history-list-filter.filter-main-wrap .filter-list .drop-down span ul li,
.dash-main-wrap .filter-list .drop-down span ul li,
.dash-main-wrap .filter-list .drop-down span textarea {
    font-size: 12px;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-results__option {
    font-size: 12px;
    padding: 3px;
}

/*reports-pg-end*/

/*--client-side-css-end--*/

/*checkout-css-start*/
.checkout-details-wrap .container {
    max-width: 1400px;
}

#conditional_part {
    display: none;
}

.checkout-details-wrap {
    padding: 75px 0px;
}

.checkout-details-wrap .contact-heading {
    text-align: center;
    color: var(--theme-color);
}

.billing-order-details {
    padding: 15px 0px;
    margin: 0px -15px;
}

.billing-order-details > div {
    /*width: 50%;*/
    padding: 0px 15px;
}

.billing-order-details .billing-details-fields h2 {
    padding-bottom: 10px;
}

.billing-order-details .billing-details-fields form .billing-filed {
    padding-bottom: 10px;
}

.billing-order-details .billing-details-fields form .billing-filed label {
    display: inline-block;
    width: 100%;
    padding-bottom: 2px;
    font: 16px Lato, sans-serif;
}

.billing-order-details .billing-details-fields form .billing-filed input {
    width: 100%;
    padding: 5px;
    font-size: var(--ft-16);
}

.billing-order-details .billing-details-fields .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.billing-order-details .billing-details-fields .form-group label {
    position: relative;
    cursor: pointer;
}

.billing-order-details .billing-details-fields .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--black-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.billing-order-details .billing-details-fields .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 9px;
    width: 7px;
    height: 14px;
    border: solid var(--black-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.place-order-summary-main {
    position: sticky;
    top: 100px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.10);
    background: #f8f8f8;
    padding: 10px;
    border-radius: 5px;
}

.place-order-summary-main .summary-table {
    border: 1px solid var(--theme-color);
    padding: 10px;
    width: 100%;
    border-radius: 5px;
}

.place-order-summary-main .summary-table tr td {
    width: 90%;
    font: 600 18px/40px Lato, sans-serif;
}

.place-order-summary-main .summary-table tr td:last-child {
    text-align: end;
}

.place-order-summary-main .summary-table tr td input[type="date"] {
    padding: 8px 15px 8px 15px;
    height: 40px;
    font-size: var(--ft-20);
}

.place-order-summary-main .summary-table .place-order-btn {
    text-align: center;
}

/*checkout-css-start*/

/*--blog-css-start--*/
.blog-sec-wrap .container, .blog-inner-main .container {
    max-width: 1400px;
}

.blog-sec-wrap {
    padding: 30px 0px;
    min-height: calc(100vh - 70px);
}

.blog-sec-wrap .blog-heading h1 {
    text-align: center;
}

.blog-main-wrap .blog-recent-article .blog-post-section {
    margin: 0px -15px;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap {
    width: 50%;
    padding: 0px 15px 30px;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner {
    border-radius: 5px;
    background-color: var(--white-color);
    transition: all 400ms ease;
    overflow: hidden;
    position: relative;
    box-shadow: 1.928px 2.298px 31.5px 3.5px rgb(21 21 21 / 6%);
    height: 100%;
    border: 1px solid transparent;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner figure {
    height: 225px;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner .content {
    font-size: var(--ft-18);
    line-height: var(--lh-25);
    text-align: center;
    padding: 10px 10px 10px;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner .content .categories {
    text-align: left;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner .content .categories a {
    padding: 2px 10px;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner .content-des {
    text-align: left;
    padding: 20px 0 20px;
    margin-bottom: 20px !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto !important;
    display: -webkit-box;
    padding-bottom: 0 !important;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner .content-des a {
    line-height: var(--lh-30) !important;
    font-size: 20px;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 55px;
    display: -webkit-box;
    color: #3f3f3f;
    font-family: var(--of-font);
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner .content p {
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    font-weight: var(--lt-400);
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.blog-post-details {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 20px;
}

.blog-post-details .blog-post-details-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.blog-post-details .blog-post-details-inner .blog-post-date {
    display: flex;
    align-items: center;
}

.blog-post-details .blog-post-details-inner .blog-post-date, .blog-post-details .blog-post-details-inner .author-name {
    width: 50%;
}

.blog-post-details .blog-post-details-inner img {
    width: 16px;
    height: 16px;
}

.blog-post-details .blog-post-details-inner .author-name {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.blog-post-details .blog-post-details-inner time, .blog-post-details .blog-post-details-inner span {
    position: static;
    float: unset;
    padding-left: 6px;
    color: #b2b2b2;
    line-height: 23px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.blog-main-wrap .blog-recent-article .blog-post-wrap .inner:hover {
    border: 1px solid var(--themelight-color);
}

.blog-reg-article .blog-post-wrap.blog-listing-wrap {
    width: 33.33%;
}

.blog-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
}

.blog-filter label {
    font-size: var(--ft-14);
}

.blog-filter input[type="submit"] {
    background: var(--themelight-color);
    color: var(--white-color);
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 400ms ease-in-out;
}

.blog-filter input[type="submit"]:hover {
    background: var(--white-color);
    border: 1px solid var(--themelight-color);
    color: var(--themelight-color);
}

/*blog-inner-start*/
.blog-inner-main {
    margin: 30px 0px;
    min-height: calc(100vh - 190px);
}

.blog-inner-main .blog-i.update-pass-pop .personal-popup-content {
    height: auto;
    margin-top: 180px;
    width: 500px;
    padding-top: 30px;
}

.update-pass-pop .personal-popup-content .modal-body {
    height: auto;
    padding-bottom: 0px;
}

nner-wrap {
    padding: 30px 25px 30px;
    background-color: var(--white-color);
    box-shadow: 6.923px 8.549px 28.48px 3.52px rgba(0, 0, 0, .09);
    border-radius: 5px;
    margin-bottom: 50px;
}

.blog-inner-main .blog-inner-wrap .title {
    text-align: center;
}

.blog-inner-main .blog-inner-wrap figure {
    height: 400px;
    margin: 15px 0px;
}

.blog-inner-main .blog-inner-wrap figure img {
    object-fit: cover;
}

.blog-inner-main .blog-inner-wrap .content p {
    line-height: var(--lh-25);
}

/*--blog-css-end--*/

/*account-details-start*/
.account-details-main .card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
}

.account-details-main .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.account-details-main .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.account-details-main .gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.account-details-main .gutters-sm > .col, .gutters-sm > [class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}

.account-details-main .h-100 {
    height: 100% !important;
}

.account-details-main .shadow-none {
    box-shadow: none !important;
}

.account-details-main {
    padding: 60px 0px;
    /*min-height: calc(100vh - 100px);*/
}

.account-details-main .container {
    max-width: 1400px;
}

.update-buttons {
    padding: 0px 10px;
}

.update-buttons > div {
    padding: 0px 5px;
}

.update-pass-pop .personal-popup-content {
    height: auto;
    margin-top: 180px;
    width: 500px;
    padding-top: 30px;
}

.update-pass-pop .personal-popup-content .modal-body {
    height: auto;
    padding-bottom: 0px;
}

.update-pass-pop .personal-popup-content {
    height: auto;
    margin-top: 180px;
    width: 500px;
    padding-top: 30px;
}

.update-pass-pop .personal-popup-content .modal-body {
    height: auto;
    padding-bottom: 0px;
}

/*account-details-end*/

/*common-datepicker-start*/
.datepicker-custom .datepicker-box i {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
}

.datepicker-custom .datepicker-box .col-sm-6 {
    display: flex;
    align-items: center;
    padding: 0px 5px;
}

.datepicker-custom .datepicker-box .col-sm-6 label {
    padding: 0px 5px;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 14px;
}

.org-pr-details .datepicker-box {
    margin: 0px -5px !important;
    align-items: center !important;
}

.org-pr-details .datepicker-box span.input-group-text {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org-pr-details .datepicker-box span.input-group-text i {
    padding: 0px !important;
    height: auto !important;
}

.datepicker-custom .datepicker-box input[type="text"] {
    font-size: 10px;
}

.org-pr-details .datepicker-custom .datepicker-box .col-sm-6 {
    display: initial;
}

.org-pr-details .datepicker-custom .datepicker-box .col-sm-6 label {
    margin-bottom: 2px;

}

.org-pr-details .datepicker-custom {
    padding-bottom: 3px;
}

.org-pr-details .datepicker-box input[type="text"] {
    padding: 5px 2px;
}

.product-listing-sec{
    padding-top: 100px;
    min-height: calc(100vh - 70px);
}

/* Media query for 4K resolution */
@media screen and (min-width: 3840px) and (min-height: 2160px) {
    /* Styles specific to 4K resolution */
    .place-order-sec {
        height:100vh;
    }
}
.order-history-wrap select {
    height: 45px;
}
.header-a
{
    display: inline-block;
    text-align: center;
    font-size: var(--ft-16);
    color: var(--white-color);
    line-height: var(--lh-30);
    position: relative;
    padding: 5px 0;
    font-family: var(--of-font);
    font-weight: var(--of-400);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .cat-grid-wrapper-one .other-cat-right .right-middle-one .five { height: 276px; }
    /*.diff-cat-main .cat-grid-listing .cat-pic img { height: 596px !important; width: 100% !important; object-fit: cover; }*/

}

.cat-grid-wrapper-one .other-cat-right .right-middle-one .five { height: 276px; }
.other-cat-right .right-middle-one .five .cat-pic figure { height: 100%; }
/*.diff-cat-main .cat-grid-listing .cat-pic img { height: 100% !important; width: 100% !important; object-fit: cover; }*/
.js-cookie-consent { padding-bottom: 0px !important; }
.js-cookie-consent .d-flex { align-items: center; margin-bottom: 10px; }
.js-cookie-consent .d-flex .mt-2 { margin-top: 0px !important; }
.js-cookie-consent .rounded-lg { padding: 10px 15px !important; }
.js-cookie-consent .d-flex .items-center { padding-right: 5px; }
.js-cookie-consent .d-flex .mt-2 button { margin-right: 5px; }
@media screen and (max-width:1800px) {
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 100%; }
}
@media screen and (max-width:1600px) {
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 225px; }
}
@media screen and (max-width:1199px) {
    /*.dash-sub-header .dash-nav-menu ul.dash-menu-listing { overflow-y: initial;  !important; display: initial;  !important; -webkit-box-pack: initial !important; justify-content: initial !important; overflow-x: initial !important; overflow-y: initial !important; align-items: center !important; }*/
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:link, .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:visited { display: flex !important; }
}
@media screen and (max-width:1366px) {
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 100% !important; }
}
@media screen and (max-width:1440px) {
    .spanEmail{
        display: -webkit-inline-box;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*border: 1px solid #ccc;*/
    }
}
@media screen and (max-width:1024px) {
    .header-section .main-header .search-bar button { height: 28px !important; border-radius: 0px; width: 18.5% !important; margin-right: 2px; }
    .menulinks { line-height: 0px !important; right: 8px !important; top: 34px !important; height: 30px; width: 30px; }
    .login-box { margin-top: 115px !important; }
    /*.dashboard-page-main-sec { padding-top: 65px !important; }*/
    .all-summary-graph-main .all-summary-listing-box .all-summary-listing-inner h4:after { height: 40px; }
    .dash-main-wrap .details-badge-wrap .org-pr-details, .dash-main-wrap .details-badge-wrap .badge-details { width: 50% !important; }
    .dash-main-wrap .details-badge-wrap .details-listing-box, .dash-main-wrap .details-badge-wrap .org-pr-details { padding-bottom: 10px !important; }
    .client_view-fixed-order-list .container-new { padding-top: 70px; }
    .client_view-fixed-order-list .container-new .row .accordion { padding-top: 20px; }
    .client_view-fixed-order-list .container-new .row .col-9, .client_view-fixed-order-list .container-new .row .col-3 { width: 100%; }
    .client_view-fixed-order-list .container-new .row .col-9 .row .col-6 { width: 100%; }
    #place-table-data { width: 100% !important; margin-left: 0px !important; top: 50%; right: auto !important; transform: translate(0%, -50%); left: 0px; }
    #place-table-data .square { width: 100% !important; }
    .order-history-list-filter.filter-main-wrap .filter-main-box .filter-list { padding-left: 0px !important; }
    .order-history-list-filter.filter-main-wrap .filter-main-box { flex-wrap: wrap; }
    .order-history-list-filter.filter-main-wrap .filter-main-box .reset-filter-btn { position: absolute; right: 30px; top: 70%; }
    .dash-header { position: relative;}
    .home-more-part .left-slider-images, .home-more-part .right-content-left-img .right-images, .home-more-part .right-content-text, .home-more-part .right-content-left-img .left-content-text {
        width: 100%;
    }
    .home-more-part .right-content-left-img .left-content-text {
        padding-right: 0px;
        padding-top: 20px;
    }
    .home-more-web-wrap .home-more-part .right-content-text {
        padding-left: 0px;
        padding-top: 20px;
    }
    .home-more-part .right-content-left-img {
        flex-direction: column-reverse;
    }
}

.image_full{
    display:block;
}

.image_mobile{
    display:none;
}


.footer .mobile-footer-wrap {
    display: none;
}
.mobile-banner{display: none;}
.full-banner{display: block;}

.all-summary-graph-main .all-summary-wrap .all-summary-listing  .all-summary-listing-inner {
    padding: 0px 7px 10px!important;
}
#productModal.product-detail-sec{
    min-height: 463px!important;
}
ul.mainmenu li.des-hide{
    display: none;
}
.mobile-product-grid{
    display: none;
}
.desktop-product-grid{
    display: block;
}

.cart-place-order-sec{
    padding-top: 80px;
    height: 100vh;
}

/* CSS for Safari browser */

@supports (-webkit-marquee-dir: forward) {
    /* Safari-specific CSS here */
    .diff-cat-main .cat-grid-listing .cat-pic{
        height: 61vh;
    }
}


@media only screen and (max-width: 1024px) {
    .mobile-readonly {
        pointer-events: none;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    /* Your CSS styles for mobile devices */
    .pro-more-detail-tab .container{
        padding: 0 10px;
    }
    .pro-info-box-inner.right .pro-info-details .sub-desc .right-images{
        margin-top: 30px;
    }
    .pro-info-box-inner.right .pro-info-details .sub-desc{
        justify-content: center;
    }
    .header-section .main-header .search-bar button { height: 28px !important; border-radius: 0px; width: 17% !important; margin-right: 2px; }
    .diff-cat-main .cat-grid-wrapper-two .list-three { padding-bottom: 20px; }
    .diff-cat-main .cat-grid-wrapper-two { display: initial !important; }
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 175px; }
    .diff-cat-main .cat-grid-listing .cat-pic { height: auto; }
    .left-slider-right-content .right-content-inner .col-5 { width: 100%; border-right: 0px !important; }
    .left-slider-right-content .right-content-inner .col-7 { width: 100%; margin-top: 10px; }
    .home-more-web-wrap .home-more-part .right-content-icon { margin-bottom: 15px !important; }
    .right-content-left-img .left-content-box .left-content-inner { margin-bottom: 3px !important; margin-top: 10px !important; }
    .right-content-left-img .left-content-box .left-content-inner h2 { margin-bottom: 10px !important; }
    .login-box-main .login-box-inner .login-box-left { width: 100%; }
    .login-box-main .login-box-inner .login-box-right { width: 100%; padding: 20px; }
    .login-box-main .login-box-right form .login-field input { width: 100%; }
    .login-box-main { padding-top: 90px; }
    .all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box { padding: 0px 10px 30px; }
    .dash-main-wrap .details-badge-wrap .details-listing-box { padding: 0 10px; }
    .all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box { padding: 0px 10px 20px; }
    .dash-main-wrap .details-badge-wrap .org-pr-details { padding: 0 10px 15px; }
    .all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box, .all-summary-graph-main .all-summary-graph-wrap .right-graph-main, .all-summary-graph-main .all-summary-graph-wrap .all-summary-wrap, .dash-main-wrap .details-badge-wrap .badge-details { width: 100% !important; }
    .account-details-main { padding: 0px 0px 20px; }
    .account-details-main img { width: 50%; }
    #frmCartCheckout .col-9 { width: 100%; }
    #frmCartCheckout .col-3 { width: 100%; }
    .contact-us-box-wrap .contact-us-box-main > div { width: 100%; }
    .modal-body { flex: initial; }
    .dash-main-wrap .details-badge-wrap .org-pr-details { width: 100% !important; }
    .order-history-list-filter.filter-main-wrap .filter-main-box .reset-filter-btn { right: 0px !important; top: 87% !important; }
    .reset-filter-btn a.btn-1 { width: 50% !important; margin: 0px auto !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing { display: flex !important; flex-wrap: wrap !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li { padding: 0px 5px !important; width: 50% !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing li.parent.order ul { left: 10px !important; top: 25px !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:link, .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:visited { display: flex !important; padding: 2px 5px; }

    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:visited { display: flex !important;}
    /*new-css*/
    .right-content-icon figure {
        width: 60px !important;
    }
    .right-content-icon figure img {
        object-fit: contain !important;
    }
    .collapse-menu a.tabs_item span.tabs__tooltip {
        min-width: 65px;
    }
    .contact-details-main .contact-detail-box .box {
        width: 100%;
    }
    .contact-details-main .contact-detail-box {
        flex-wrap: wrap;
    }
    #createListModal .modal.show .modal-dialog {
        padding: 20px 0px;
    }
    .venue-reset-row{
        display: flex !important;
    }
    .venue-reset-row .reset-filter-btn a.btn-1{
        padding: 5px 15px !important;
        width: 100% !important;
    }

    .client_my-payments input#pick_start_date {
        width: 65px !important;
    }
    .client_my-payments input#pick_end_date {
        width: 65px !important;
    }
    .footer-wrap .main-footer-wrap ul,
    .footer-wrap .main-footer-wrap ul li {
        text-align: center;
        justify-content: center;
        line-height: 10px;
    }
    .main-header .collapse-menu a{
        height: 25px;
        width: 25px;
    }
    .cat-grid-wrapper-one .other-cat-right .right-middle-one .five { height: 260px; }
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 100%; }
    .diff-cat-main .cat-grid-listing .cat-pic img { height: 100% !important; width: 100% !important; object-fit: cover; }
    .js-cookie-consent { padding-bottom: 0px !important; }
    .js-cookie-consent .d-flex { align-items: center; margin-bottom: 0px; }
    .js-cookie-consent .d-flex .mt-2 { margin-top: 0px !important; }
    .js-cookie-consent .rounded-lg { padding: 10px 15px !important; }
    .js-cookie-consent .d-flex .items-center { padding-right: 5px; }
    .js-cookie-consent .d-flex .mt-2 button { margin-right: 5px; }

    .filter-main-box .filter-list .drop-down .select2-container,
    .filter-main-box .filter-list .drop-down .select2-container--default{
        width: 248px!important;
    }
    #listItemContainer .accordion-option{
        text-align: center;
    }
    .diff-cat-main .cat-grid-listing .five .cat-pic,
    .cat-grid-wrapper-one .other-cat-right .right-middle-one .five
    { height: 180px;}
    .image_full{
        display:none;
    }
    .filter-main-wrap .filter-main-box .filter-list h5{
        width: 31%;
    }
    .filter-main-box .filter-list .drop-down, .filter-main-box .filter-list .drop-down-one{
        width: 77%;
    }
    .filter-main-box .filter-list .drop-down .select2-container,
    .filter-main-box .filter-list .drop-down .select2-container--default{
        width: 100%!important;
    }

    .image_mobile{
        display:block;
    }
    .banner-slider .header-content h1{
        width: 200px;
    }


    .header-section .main-header .search-bar button { height: 28px !important; border-radius: 0px; width: 17% !important; margin-right: 2px; }
    .diff-cat-main .cat-grid-wrapper-two .list-three { padding-bottom: 20px; }
    .diff-cat-main .cat-grid-wrapper-two { display: initial !important; }
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 175px; }
    .diff-cat-main .cat-grid-listing .cat-pic { height: auto; }
    .left-slider-right-content .right-content-inner .col-5 { width: 100%; border-right: 0px !important; }
    .left-slider-right-content .right-content-inner .col-7 { width: 100%; margin-top: 10px; }
    .home-more-web-wrap .home-more-part .right-content-icon { margin-bottom: 15px !important; }
    .right-content-left-img .left-content-box .left-content-inner { margin-bottom: 3px !important; margin-top: 10px !important; }
    .right-content-left-img .left-content-box .left-content-inner h2 { margin-bottom: 10px !important; }
    .login-box-main .login-box-inner .login-box-left { width: 100%; }
    .login-box-main .login-box-inner .login-box-right { width: 100%; padding: 20px; }
    .login-box-main .login-box-right form .login-field input { width: 100%; }
    .login-box-main { padding-top: 90px; }
    .all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box { padding: 0px 10px 30px; }
    .dash-main-wrap .details-badge-wrap .details-listing-box { padding: 0 10px; }
    .all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box { padding: 0px 10px 20px; }
    .dash-main-wrap .details-badge-wrap .org-pr-details { padding: 0 10px 15px; }
    .all-summary-graph-main .all-summary-wrap .all-summary-listing .all-summary-listing-box, .all-summary-graph-main .all-summary-graph-wrap .right-graph-main, .all-summary-graph-main .all-summary-graph-wrap .all-summary-wrap, .dash-main-wrap .details-badge-wrap .badge-details { width: 100% !important; }
    #frmCartCheckout .col-9 { width: 100%; }
    #frmCartCheckout .col-3 { width: 100%; }
    .contact-us-box-wrap .contact-us-box-main > div { width: 100%; }
    .contact-us-box-wrap .contact-us-box-main {flex-direction: column-reverse;}
    .modal-body { flex: initial; }
    .dash-main-wrap .details-badge-wrap .org-pr-details { width: 100% !important; }
    .order-history-list-filter.filter-main-wrap .filter-main-box .reset-filter-btn { right: 0px !important; top: 87% !important; }
    .reset-filter-btn a.btn-1 { width: 50% !important; MARGIN: 0Px auto !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing { display: flex !important; flex-wrap: wrap !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li { padding: 0px 5px !; width: 50% !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing li.parent.order ul { left: 10px !important; top: 25px !important; }
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:link, .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:visited { display: flex !important; }
    /*new-css*/
    .right-content-icon figure { width: 60px !important; }
    .right-content-icon figure img { object-fit: contain !important; }
    .collapse-menu a.tabs_item span.tabs__tooltip { min-width: 65px; }
    .contact-details-main .contact-detail-box .box { width: 100%; }
    .contact-details-main .contact-detail-box { flex-wrap: wrap; }
    #createListModal .modal.show .modal-dialog { padding: 20px 0px; }
    .venue-reset-row { display: flex !important; }
    .venue-reset-row .reset-filter-btn a.btn-1 { padding: 5px 15px !important; width: 100% !important; }
    .order-history-wrap select { height: 45px; }
    .client_my-payments input#pick_start_date { width: 65px !important; }
    .client_my-payments input#pick_end_date { width: 65px !important; }
    .footer-wrap .main-footer-wrap ul, .footer-wrap .main-footer-wrap ul li { text-align: center; justify-content: center; line-height: 10px; }
    .main-header .collapse-menu a { height: 25px; width: 25px; }
    .banner-slider .header-content { top: 200px;align-items:center; }
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 180px !important; }
    div#addToQuote .modal-dialog { height: 75%; }
    div#addToQuote .modal-dialog .modal-body { height: 400px; }
    div#addToOrder .modal-dialog { height: 75%; }
    div#addToOrder .modal-dialog .modal-body { height: auto; }
    .extra-pro-list ul li.nav-item { width: 33.33% !important; }
    #productModal .modal-body { height: calc(100vh - 19vh); !important; }
    /*#productModal .modal-dialog { height: 70%; }*/
    .sliderForProduct .prod-pop-image figure{ height: 80px!important;width: 80px!important; }
    .contact-us-box-wrap{margin-top:120px!important; }
    .main-popup-product-img .prod-pop-image figure {
        height: 270px!important;
    }
    a{word-break: break-word;}
    .btn-1{width: 100%;}
    #productModal .modal-body{overflow-y:scroll; }
    .pro-pop-up-right{height: auto;!important;}
    .login-box{margin-top: 120px!important;min-height: calc(100vh - 240px)!important;}

    ul.mainmenu li.parent a{
        width: 100%;
        text-align: left;
        color: var(--theme-color);
        font-family: var(--of-font);
        font-size:16px;
    }
    ul.mainmenu li.parent a i{
        position: absolute;
        right: 0px;
        color: var(--theme-color);
        top: 50%; /* Move the top edge of the <i> element to the middle of the parent container */
        transform: translateY(-50%);
    }
    ul.mainmenu a.child-triggerm {
        display: block!important;
        cursor: pointer;
        position: absolute!important;
        top: 0px;
        right: 0px;
        width: 100%!important;
        min-width: 50px!important;
        height: 38px!important;
        padding: 0!important;
        border-left: 1px dotted rgba(255,255,255,.20);
    }
    ul.mainmenu li.des-hide{
        display: block;
    }
    .my-dashboard .dash-header {
        display: none;
    }
    .cart .dash-header {
        display: none;
    }
    .view-order-history {
        padding: 0.25rem 0.5rem !important;
        font-size: .875rem !important;
        border-radius: 0.2rem !important;
    }

    .checkout-details-wrap {
        padding: 120px 0;
    }

    .mobile-bottom-border{
        border-bottom: 1px solid var(--theme-color);
    }
    .cart-place-order-sec{
        padding-top: 80px;
        height: calc(100vh - 70px);
    }
    .place-order-box-main { padding: 0px 10px; }
    .place-order-box-main .place-order-box { border-bottom: 1px solid var(--theme-color); padding: 10px 0; border-radius: 0px; position: relative;}
    .place-order-box .order-img-desc .order-img-desc-listing { display: flex;  align-items: end; }
    .place-order-box .order-img-desc-listing .order-desc { width: 100%; padding-left: 5px; }
    .place-order-box .order-img-desc-listing .order-img img { object-fit: contain;width: 100px;height: 100px; }
    .place-order-box .order-desc .order-name h3 { font-size: 16px; line-height: 20px; }
    .place-order-box .order-img-desc-listing .order-desc .order-price p { font-size: 20px; font-weight: bold; margin-bottom: 0px; }
    .place-order-box .order-img-desc-listing .order-desc .order-stock p a { color: var(--theme-color); line-height: 24px; }
    .place-order-box .order-img-desc-listing .order-desc .col-size p { line-height: 24px; margin-bottom: 0px; }
    .place-order-box .order-img-desc-listing .order-desc .order-stock p { margin-bottom: 0px; }
    .place-order-box-main .place-order-box .add-quan-del-btn {
        display: inline-flex;
        flex-wrap: wrap;
        margin: 10px -5px 0px;
        align-items: center;
        width: 100%;
    }
    .place-order-box-main .place-order-box .add-quan-del-btn > div {
        padding: 0px 5px;
    }

    .icon-shape {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        vertical-align: middle;
    }
    .icon-sm {
        width: 30px;
        height: 30px;

    }
    .place-order-box-main .place-order-box .add-quan-del-btn .add-del-qua {
    }
    .place-order-box-main .place-order-box .add-quan-del-btn .delete-btn {
        text-align: center;
    }
    .place-order-box-main .place-order-box .add-quan-del-btn a,
    .place-order-box-main .place-order-box .share-btn a {
        background: white;
        padding: 5px 10px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 5px;
        border: 1px solid var(--theme-color);
        color: var(--theme-color);
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .place-order-box-main .place-order-box .add-quan-del-btn .save-later-btn {
        width: 35%;
    }
    .place-order-box-main .place-order-box .share-btn {
        margin: 10px 0px 0px;
    }
    .place-order-box-main .place-order-box .add-quan-del-btn .add-del-qua input.quantity-field {
        width: 50px;
    }

    .place-order-box-main .place-order-box .checkbox {
        position: absolute;
        top: 0px;
    }
    .place-order-box-main .place-order-box .checkbox input {
        height: 25px;
        width: 25px;
    }
    .place-order-box-main {
        display: block;
    }

    .mobile-product-grid{
        display: block;
    }

    .desktop-product-grid{
        display: none;
    }
    .summary-cal .select2-container--default{
        width: 100%!important;
    }
    .place-order-sec {
        padding-top: 120px;
        height: auto;
    }
    table.table-final-summary tbody tr td{
        width: 70%;
    }
    .blog-inner-main{
        padding-top: 80px;
    }
    .blog-inner-main .blog-inner-wrap figure{
        height: 200px;
    }
    .update-buttons{
        text-align: center;
    }
    .update-buttons a{
        width: 48%;
    }
    .ui-widget{
        width: 360px!important;
    }
    td.child ul{
        width: 100%!important;
    }

    .product-listing-sec{
        padding-top: 150px;
        min-height: calc(100vh - 70px);
    }
    .mobile-banner{display: block;}
    .full-banner{display: none;}

    .footer .footer-wrap { display: block; }
    .footer .mobile-footer-wrap{display: none;}
    .footer .mobile-footer-wrap .footer-content { justify-content: center; }
    .footer .mobile-footer-wrap .footer-center ul li img { width: 70px; height: 38px; object-fit: contain; }
    .footer .mobile-footer-wrap .footer-center .social-media-wrap ul a >div:before { width: 25px; height: 25px; }
    .footer .mobile-footer-wrap .footer-center .social-media-wrap ul li a { width: 20px; height: 20px; }
    .footer .mobile-footer-wrap .footer-content .left-footer-menu ul li { line-height: 10px; }
    .footer .mobile-footer-wrap .footer-content .left-footer-menu ul li a { font-size: 10px; font-family: 'Lato'; }
    .footer .mobile-footer-wrap .right-footer li a { font-size: 10px; }
    .footer .mobile-footer-wrap .footer-content .social-media-wrap ul { justify-content: end; }
    .footer .mobile-footer-wrap .footer-content li.footer-logo-wrap { text-align: center; }
    .footer .mobile-footer-wrap .footer-content .left-footer-menu { width: 33.33%; }
    .footer .mobile-footer-wrap .footer-content .footer-center, .footer .mobile-footer-wrap .footer-content .right-footer { width: 33.33%; }
    .footer .mobile-footer-wrap .footer-content .right-footer ul { display: flex; flex-wrap: wrap; height: 100%; }
    .footer .mobile-footer-wrap { display: block; }
    /*new-css*/

    .right-content-icon figure { width: 60px !important; }
    .right-content-icon figure img { object-fit: contain !important; }
    .collapse-menu a.tabs_item span.tabs__tooltip { min-width: 65px; }
    .contact-details-main .contact-detail-box .box { width: 100%; }
    .contact-details-main .contact-detail-box { flex-wrap: wrap; }
    #createListModal .modal.show .modal-dialog { padding: 20px 0px; }
    .venue-reset-row { display: flex !important; }
    .venue-reset-row .reset-filter-btn a.btn-1 { padding: 5px 15px !important; width: 100% !important; }
    .client_my-payments input#pick_start_date { width: 65px !important; }
    .client_my-payments input#pick_end_date { width: 65px !important; }
    .footer-wrap .main-footer-wrap ul, .footer-wrap .main-footer-wrap ul li { text-align: center; justify-content: center; line-height: 10px; }
    .main-header .collapse-menu a { height: 25px; width: 35px; }
    .banner-slider .header-content { top: 215px; }
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 180px !important; }
    div#addToQuote .modal-dialog { height: 75%; }
    div#addToQuote .modal-dialog .modal-body { height: 400px; }
    div#addToOrder .modal-dialog { height: 75%; }
    div#addToOrder .modal-dialog .modal-body { height: auto; }
    .extra-pro-list ul li.nav-item { width: 33.33% !important; }
    /*#productModal .modal-body { height: 410px !important; }*/
    /*#productModal .modal-dialog { height: 70%; }*/
    .down-top-arrow { z-index: 9;    bottom: 90px; }
    .des-hide ul {list-style: disc;    color: var(--theme-color);}
    .logout-header{    border-bottom: 2px solid var(--themelight-color);}
    .diff-cat-main .cat-grid-wrapper-one > div,
    .cat-grid-wrapper-one .other-cat-right .right-top-three .right-side-cat:nth-child(-n+2){
        width: 50%;
    }
    .diff-cat-main .cat.one .cat-dis-tag{left: 31%!important;}
    .login-btn .btn-1{padding: 5px 10px;}
    #addToQuote .modal-body{
        max-height: 100px!important;
        overflow: hidden;
    }
    .modal-fullscreen-sm-down .modal-content{
        height: auto;
    }
    #createListModal .modal-body{
        max-height: 100px!important;
        overflow: hidden;
    }
    .sub-button-wrapper .button-item ul.select-item{
        width: 100%;
        left: 0px;
    }

    .cookieButtons{
        margin-bottom: 10px!important;
    }
    .centered-bottom{
        margin-bottom: 15px!important;
    }
    .filter-detail-image{
        padding-bottom: 0px!important;
    }

    #productModal.product-detail-sec{
        min-height: 400px!important;
    }
    .extra-pro-list h2{
        font-size: 22px!important;
    }

    .footer .footer-wrap { display: none; }
    .footer .mobile-footer-wrap{display: block;}
    .footer .mobile-footer-wrap .footer-content { justify-content: center; }
    .footer .mobile-footer-wrap .footer-center ul li img { width: 70px; height: 38px; object-fit: contain; }
    .footer .mobile-footer-wrap .footer-center .social-media-wrap ul a >div:before { width: 25px; height: 25px; }
    .footer .mobile-footer-wrap .footer-center .social-media-wrap ul li a { width: 20px; height: 20px; }
    .footer .mobile-footer-wrap .footer-content .left-footer-menu ul li { line-height: 10px; }
    .footer .mobile-footer-wrap .footer-content .left-footer-menu ul li a { font-size: 10px; font-family: 'Lato'; }
    .footer .mobile-footer-wrap .right-footer li a { font-size: 10px; }
    .footer .mobile-footer-wrap .footer-content .social-media-wrap ul { justify-content: center; }
    .footer .mobile-footer-wrap .footer-content li.footer-logo-wrap { text-align: center; }
    .footer .mobile-footer-wrap .footer-content .left-footer-menu { width: 33.33%; }
    .footer .mobile-footer-wrap .footer-content .footer-center, .footer .mobile-footer-wrap .footer-content .right-footer { width: 33.33%; }
    .footer .mobile-footer-wrap .footer-content .right-footer ul { display: flex; flex-wrap: wrap; height: 100%; }
    .footer .mobile-footer-wrap { display: block; }
    .filter-header {
        position: relative;
        top: 45px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Your CSS styles for small screens and laptops */
    ul.mainmenu li.parent a{
        width: 100%;
        text-align: left;
        color: var(--theme-color);
        font-family: var(--of-font);
        font-size:16px;
    }
    ul.mainmenu li.parent a i{
        position: absolute;
        right: 0px;
        color: var(--theme-color);
        top: 50%; /* Move the top edge of the <i> element to the middle of the parent container */
        transform: translateY(-50%);
    }
    ul.mainmenu a.child-triggerm {
        display: block!important;
        cursor: pointer;
        position: absolute!important;
        top: 0px;
        right: 0px;
        width: 100%!important;
        min-width: 50px!important;
        height: 38px!important;
        padding: 0!important;
        border-left: 1px dotted rgba(255,255,255,.20);
    }
    ul.mainmenu li.des-hide{
        display: block;
    }
    .my-dashboard .dash-header {
        display: none;
    }

    #main-header{height: 70px;}
    .header-section .main-header .search-bar button { height: 28px !important; border-radius: 0px; width: 18.5% !important; margin-right: 2px; }
    .menulinks { line-height: 0px !important; right: 8px !important; top: 34px !important; height: 30px; width: 30px; }
    .login-box { margin-top: 115px !important; }
    /*.dashboard-page-main-sec { padding-top: 65px !important; }*/
    .all-summary-graph-main .all-summary-listing-box .all-summary-listing-inner h4:after { height: 40px; }
    .dash-main-wrap .details-badge-wrap .org-pr-details, .dash-main-wrap .details-badge-wrap .badge-details { width: 50% !important; }
    .dash-main-wrap .details-badge-wrap .details-listing-box, .dash-main-wrap .details-badge-wrap .org-pr-details { padding-bottom: 10px !important; }
    .client_view-fixed-order-list .container-new { padding-top: 10px; }
    .client_view-fixed-order-list .container-new .row .accordion { padding-top: 20px; }
    .client_view-fixed-order-list .container-new .row .col-9, .client_view-fixed-order-list .container-new .row .col-3 { width: 100%; }
    .client_view-fixed-order-list .container-new .row .col-9 .row .col-6 { width: 100%; }
    #place-table-data { width: 100% !important; margin-left: 0px !important; top: 50%; right: auto !important; transform: translate(0%, -50%); left: 0px; }
    #place-table-data .square { width: 100% !important; }
    .order-history-list-filter.filter-main-wrap .filter-main-box .filter-list { padding-left: 0px !important; }
    .order-history-list-filter.filter-main-wrap .filter-main-box { flex-wrap: wrap; }
    .order-history-list-filter.filter-main-wrap .filter-main-box .reset-filter-btn { position: absolute; right: 30px; top: 70%; }
    .dash-header { position: relative; }

    .footer .footer-wrap { display: block; }
    .contact-us-box-wrap .contact-us-box-main > div{
        max-height: 100%;
    }

}

@media screen and (max-width:1800px) {
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 100%; }
}
@media screen and (max-width:1600px) {
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 225px; }
}
@media screen and (max-width:1199px) {
    .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:link, .dash-sub-header .dash-nav-menu ul.dash-menu-listing > li > a:visited { display: flex !important; }
}
@media screen and (max-width:1366px) {
    .other-cat-right .right-middle-one .five .cat-pic figure { height: 100% !important; }
}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    /* Your CSS styles for desktops and large screens */
}

/* Custom styles for the tooltip */
.tooltip-inner {
    background-color: #111212; /* Background color */
    color: #fff; /* Text color */
    border-radius: 8px; /* Border radius */
    font-size: 14px; /* Font size */
    padding: 8px 12px; /* Padding */
    max-width: 350px;
}

/* Custom styles for the tooltip arrow */
.tooltip .tooltip-arrow {
    border-top-color: #090808; /* Arrow color */
}
.tooltip {
    /*position: relative;*/
    z-index: 10555 !important;
    /*transform: translate(0, 0) !important;*/
}