/*common css*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,800;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    color: #666;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

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

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fw-600 {
    font-weight: 600;
}

.f-xs {
    font-size: .8rem;
}

.developed-by {
    color: #f1602b;
}

.developed-by:hover {
    color: #e74d2f;
}

.theme-color1 {
    color: #e74d2f;
}

.displey_sample {
    display: block !important;
}

.theme-color2 {
    color: #4cc0fa;
}

.theme-bg1 {
    background: #eb932d;
}

.theme-bg2 {
    background: #e74d2f;
}

.theme-bg3 {
    background: #d04e34;
}

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

input.form-control:focus {
    box-shadow: none;
}

.d-lg-show {
    display: none;
}

.d-lg-none {
    display: block;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: none;
}

/*mobile-menu-css*/
#header-section .bottom-header .inner-bottom nav#main-nav-left {
    display: none;
}

#header-section .bottom-header .inner-bottom nav#main-nav-right {
    display: none;
}

#header-section .bottom-header .inner-bottom #menu-heading {
    display: none;
}

#header-section .bottom-header .inner-bottom .hc-nav-trigger.hc-nav-1 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

#header-section .bottom-header .inner-bottom .hc-nav-trigger.hc-nav-2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

nav#hc-nav-1 a.nav-close-button span {
    left: 0;
}

nav#hc-nav-1 .nav-next span {
    transform: rotate(180deg);
}

nav#hc-nav-1 .nav-back span {
    transform: rotate(180deg);
}

#header-section .bottom-header .inner-bottom #menu-heading .inner {
    display: flex;
    align-items: center;
}

/*mobile-menu-css*/

/*common css*/

/*header css*/
#header-section {}

#header-section .inner-header-section {}

/*top-header*/
#header-section .top-header {
    background-color: #E8E8E8;
}

#header-section .top-header .inner-top {}

#header-section .top-header .inner-top .row {}

#header-section .top-header .inner-top .row h6 {}

#header-section .top-header .inner-top .row h6 span {}

#header-section .top-header .inner-top .row h6 span i {}

#header-section .top-header .inner-top .row nav {}

#header-section .top-header .inner-top .row nav ul {
    padding: 5px 0;
}

#header-section .top-header .inner-top .row nav ul li {
    margin-right: 5px;
}

#header-section .top-header .inner-top .row nav ul li a {
    display: inline-block;
    color: #fff;
}

#header-section .top-header .inner-top .row nav ul li a.circle {
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

#header-section .top-header .inner-top .row nav ul li a.circle.fb {
    background-color: #4267B2;
}

#header-section .top-header .inner-top .row nav ul li a.circle.twitter {
    background: #1DA1F2;
}

#header-section .top-header .inner-top .row nav ul li a.circle.insta {
    background: #F0000D;
}

#header-section .top-header .inner-top .row nav ul li a.circle.pinterest {
    background: #CB2027;
}

#header-section .top-header .inner-top .row nav ul li a.circle.google {
    background: #DD4C39;
}


.social-list {
    padding: 5px 0;
}

.social-list li {
    margin-right: 5px;
}

.social-list li a {
    display: inline-block;
    color: #fff;
}

.social-list li a.circle {
    position: relative;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
}

.social-list li a.circle.fb {
    background-color: #4267B2;
}

.social-list li a.circle.twitter {
    background: #1DA1F2;
}

.social-list li a.circle.insta {
    background: #F0000D;
}

.social-list li a.circle.pinterest {
    background: #CB2027;
}

.social-list li a.circle.google {
    background: #DD4C39;
}

#header-section .top-header .inner-top .row nav ul li a.circle i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
}

#header-section .top-header .inner-top .row nav ul li.social {
    display: flex;
}

#header-section .top-header .inner-top .row nav ul li.links {}

#header-section .top-header .inner-top .row nav ul li.border-start {
    border-left: 1px solid #b7b7b7 !important;
}

#header-section .top-header .inner-top .row nav ul li.padding-right {}

#header-section .top-header .inner-top .row nav ul li a {}

#header-section .top-header .inner-top .row nav ul li.links a {
    color: #4d4e4f;
}

/*top-header*/
/*middle-header*/
#header-section .middle-header {
    background-color: #fff;
}

#header-section .middle-header .inner-middle {}

#header-section .middle-header .inner-middle .logo {
    width: 80%;
}

#header-section .middle-header .inner-middle .logo img {}

#header-section .middle-header .inner-middle .search {}

#header-section .middle-header .inner-middle .search form {
    position: relative;
}

#header-section .middle-header .inner-middle .search form input {}

#header-section .middle-header .inner-middle .search form input:focus {
    box-shadow: none;
}

#header-section .middle-header .inner-middle .search form button#search-icon i {
    color: #4d4e4f;
}

#header-section .middle-header .inner-middle .search form input[type="submit"] {
    position: absolute;
    right: 1px;
    border: none;

}

#header-section .middle-header .inner-middle .cart {}

#header-section .middle-header .inner-middle .cart a {
    color: #4d4e4f;
    font-size: 18px;
    font-weight: 600;
}

#header-section .middle-header .inner-middle .cart a:hover {
    color: #737577;
}

#header-section .middle-header .inner-middle .cart span.cart-icon {
    font-size: 22px;
}

#header-section .middle-header .inner-middle .cart span.cart-total {}

/*middle-header*/

/*bottom-header*/
#header-section .bottom-header {
    background-color: #e74d2f;
    position: relative;
    height: 40px;
}

#header-section .bottom-header .inner-bottom {
    position: relative;
}

#header-section .bottom-header .inner-bottom nav {}

#header-section .bottom-header .inner-bottom nav ul.main-menu {}

#header-section .bottom-header .inner-bottom nav ul.main-menu>li {
    padding: 5px 0;
}

#header-section .bottom-header .inner-bottom nav ul.main-menu>li a {
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
}

#header-section .bottom-header .inner-bottom nav ul.main-menu>li>a {
    background-color: transparent;
    padding-right: 16px;
    border-radius: 5px;
    text-transform: capitalize;
    /* border: 1px solid #c3cebf; */
}

#header-section .bottom-header .inner-bottom nav ul.main-menu>li:hover>a {
    text-decoration: none;
    color: #cecece !important;
}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.mega-menu-item {}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.mega-menu-item .sub-mega-menu .sub-mega-item:hover {
    background-color: #f3f1f2;
}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.mega-menu-item .sub-mega-menu .sub-mega-item h6 {
    font-size: 14px;
    color: #4d4e4f;
    font-weight: 600;
}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.main-menu {}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.main-menu ul.sub-menu {}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.main-menu ul.sub-menu li a {
    color: #4d4e4f;
}

#header-section .bottom-header .inner-bottom nav ul.main-menu li.main-menu ul.sub-menu li:hover a {
    background-color: #f3f1f2;
}

/*bottom-header*/
/*header css*/

/*footer css*/
#footer-section {
    background-color: #e74d2f;
}

#footer-section .inner-footer-section {}

#footer-section .row {}

#footer-section .row h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px #fff dotted;
    padding-bottom: 8px;
}

#footer-section .row ul {}

#footer-section .row ul li {
    color: #fff;
    margin-bottom: .3rem;
    font-size: 16px;
}

#footer-section .row ul li a {
    text-transform: capitalize;
    color: #fff;
    padding: .3rem 0;
    font-size: 16px;
}

#footer-section .row ul.customer-service {}

#footer-section .row ul.category-menu {}

#footer-section .row ul.about-menu {}

#footer-section .row ul.social-menu {}

/*footer css*/




/*Homepage css start*/


/*slider-section*/
#slider-section {}

#slider-section .inner-slider-section {}

#slider-section .homepage-slider {}

#slider-section .homepage-slider .image {
    height: 500px;
}

#slider-section .homepage-slider .image img {}

#slider-section .homepage-slider .slider-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f28c2f;
    padding: 2px;
    text-align: center;
}

#slider-section .homepage-slider .slider-content h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}

#slider-section .homepage-slider .slider-content p {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    margin: 0;
    font-weight: 600;
}

#slider-section .homepage-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

#slider-section .homepage-slider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

#slider-section .homepage-slider .owl-nav button i {
    padding: 15px;
    color: #2a2a2b;
    background-color: #fff;
}

#slider-section .homepage-slider .owl-nav button:hover i {
    background-color: #e74d2f;
    color: #fff;
}

/*slider-section*/


/*shop-item-section*/
#shop-item-section {}

#shop-item-section .inner-shop-item-section {
    padding-bottom: 60px;
}

#shop-item-section .heading {}

#shop-item-section .heading h1 {
    margin: 10px 0;
    font-size: 20px;
    padding: 10px 0;
    background-color: #7f8fa6;
    text-align: center;
    font-weight: 600;
    letter-spacing: 4px;
}

#shop-item-section .item-row {
    margin: 0 0rem 20px 0px !important;
}

#login-register {
    margin-bottom: 100px;
}

#shop-item-section .item-row .item {}

#shop-item-section .item-row .item a {
    display: block;
    position: relative;
    /*box-shadow:*/
    /*    0 2.8px 2.2px rgba(0, 0, 0, 0.034),*/
    /*    0 6.7px 5.3px rgba(0, 0, 0, 0.048),*/
    /*    0 12.5px 10px rgba(0, 0, 0, 0.06),*/
    /*    0 22.3px 17.9px rgba(0, 0, 0, 0.072),*/
    /*    0 41.8px 33.4px rgba(0, 0, 0, 0.086),*/
    /*    0 100px 80px rgba(0, 0, 0, 0.12);*/
    border-radius: 5px;
}

#shop-item-section .item-row .item .image-area {
    border-radius: 5px;
}

#shop-item-section .item-row .item .image-area img {
    width: 100%;
    height: 308px;
    border-radius: 5px;
}

.cat-item{
    border: solid 1px #f6c598;
    border-top-left-radius: 30px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 5px;
    margin-bottom: 5px;
    padding: 2px;
}
.price-text-mute{
    margin: 0;
    color: #211e1e;
}

.cat-item a{
    display: flex;
    align-items: center;
    gap: 10px;
}
.right-right-content{
    color: #000;
}
.cat-image-area {
    width: 60px;
    height: 60px;
}
.cat-image-area img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

#shop-item-section .item-row .item .position-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*background-color: #36383b29 !important;*/
}

#shop-item-section .item-row .item .position-bottom .left-content {}

#shop-item-section .item-row .item .position-bottom .left-content img {}

#shop-item-section .item-row .item .position-bottom .right-content {
    padding-left: 5px;
    text-align: center;
}

#shop-item-section .item-row .item .position-bottom .right-content h4 {
    font-size: 16px;
    border-bottom: 1px dotted #fff;
    padding-bottom: 8px;
}

#shop-item-section .item-row .item .position-bottom .right-content p {
    font-size: 14px;
}

#shop-item-section .item-row .item .position-bottom .right-content p i {
    transform: scaleX(-1);
}

#shop-item-section .item-row .item .position-bottom .right-content button {}

/*shop-item-section*/



/*sample-order-section*/
#sample-order-section {}

#sample-order-section .inner-sample-order-section {}

#sample-order-section .row .top-area {
    background-color: #F3F3F3;
    margin-top: 1rem;
}

#sample-order-section .row .top-area h2 {}

#sample-order-section .row .top-area h2.border-down {
    border-bottom: 2px solid #e74d2f;
    font-size: 18px;
    color: #e74d2f;
    font-weight: 600;
    margin-top: 17px;
    padding: 8px 15px;
}

#sample-order-section .row .top-area p {
    font-size: 15px;
    color: #71757e;
    padding: 0 15px;
    margin-bottom: 6px;
}

#sample-order-section .row.bottom-area {
    background-color: #F3F3F3;
}

#sample-order-section .row.bottom-area .left-area {}

#sample-order-section .row.bottom-area .left-area h4 {
    font-size: 17px;
    padding: 10px 15px;
    color: #e74d2f;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    border-bottom: 1px dotted #e74d2f;
    margin: 0;
    margin-right: 1.5rem;
}

#sample-order-section .row.bottom-area .left-area .row .list {
    padding-right: 1.5rem;
    padding-top: 1.5rem;
}

#sample-order-section .row.bottom-area .left-area .row .select {
    padding-right: 1.5rem;
}

#sample-order-section .row.bottom-area .left-area .row .select select#select-type {
    width: 210px;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff;
    background-color: #e74d2f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    background-image: url(../images/caret.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right .75rem center;
    border: none;
    cursor: pointer;
    margin: 15px;
    display: none;
}

#sample-order-section .row.bottom-area .left-area .row .list ul {}

#sample-order-section .row.bottom-area .left-area .row .list ul li {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 8px;
}

#sample-order-section .row.bottom-area .left-area .row .list ul li button {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    padding: 10px;
    background-color: #e74d2f;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

#sample-order-section .row.bottom-area .left-area .row .list ul li button:hover {
    background-color: #ca2f10;
}

#sample-order-section .row.bottom-area .left-area .row .list ul li button:focus {
    box-shadow: none;
}

#sample-order-section .row.bottom-area .left-area .row .list ul li button i {}

#sample-order-section .row.bottom-area .right-area {}

#sample-order-section .row.bottom-area .right-area h4 {
    font-size: 17px;
    padding: 10px 15px;
    color: #e74d2f;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    border-bottom: 1px dotted #e74d2f;
    margin: 0;
    margin-left: 1.5rem;
}

#sample-order-section .row.bottom-area .right-area .row.color-container {
    padding-left: 1.5rem;
    border-left: 1px dotted #e74d2f;
    padding-top: 1.5rem;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li {
    margin-bottom: 15px;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample {}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample label {
    display: block;
    text-align: center;
    font-weight: 600;
    color: #585757;
    font-size: 14px;
    margin-top: 3px;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample .img-input {
    padding: 0 25px;
    position: relative;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample .img-input img {
    width: 100%;
    height: auto;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample .img-input label.input-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    margin: 0 !important;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample .img-input label.input-container input {
    opacity: 0;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample .img-input label.input-container span.checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    background-image: url(../images/color-select/icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
}

#sample-order-section .row.bottom-area .right-area .row.color-container li .inner-sample .img-input label.input-container input:checked~.checkmark {
    opacity: 1;
}

.order-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    padding: 0;
    margin: 15px auto;
    background-color: #e74d2f;
    border-radius: 6px;
    transition: .3s ease;
}

.order-button:hover {
    background-color: #ca2f10;
}

.order-button img {}

.order-button span {
    padding: 0 15px;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}

/*sample-order-section*/


/*post-section*/
#post-section {}

#post-section .inner-post-section {}

#post-section .row {}

#post-section .row .left-area {
    background-color: #F3F1F2;
}

#post-section .row .left-area .heading {}

#post-section .row .left-area .heading h2 {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #e74d2f;
    border-bottom: 2px solid #e74d2f;
    letter-spacing: 1px;
}

#post-section .row .left-area .post-row {}

#post-section .row .left-area .post-row h4 {
    font-size: 22px;
    font-family: initial;
    font-weight: 600;
    color: #696d71;
    margin-bottom: 5px;
    letter-spacing: 2px;
}

#post-section .row .left-area .post-row h6 {
    font-size: 14px;
    font-weight: 600;
    color: #e74d2f;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

#post-section .row .left-area .post-row p {
    font-size: 15px;
    line-height: 1.5rem;
    margin-bottom: 10px;
    text-align: justify;
    margin-right: 25px;
}

#post-section .row .left-area .post-row a {}

#post-section .row .left-area .post-row button.next {
    padding: 5px 30px;
    text-transform: uppercase;
}

#post-section .row .right-area {}

#post-section .row .right-area .inner {
    background-color: #F3F1F2;
}

#post-section .row .right-area .inner h2 {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #e74d2f;
    border-bottom: 2px solid #e74d2f;
    letter-spacing: 1px;
}

#post-section .row .right-area .inner .row {}

#post-section .row .right-area .inner .row .testimonials-carousel {}

#post-section .row .right-area .inner .row .testimonials-carousel .testimonial {
    background-color: #e74d2f;
}

#post-section .row .right-area .inner .row .testimonials-carousel .testimonial p.client-testimonial {
    color: #fff;
    text-align: justify;
}

#post-section .row .right-area .inner .row .testimonials-carousel .testimonial h5.client-name {
    font-size: 18px;
    margin-top: 8px;
}

#post-section .row .right-area .inner .row .testimonials-carousel .testimonial img.quote {
    width: 25px;
    height: auto;
    margin: 5px auto;
}

#post-section .row .right-area .inner .row .testimonials-carousel .testimonial img.client {
    width: 70px;
    height: auto;
    margin: auto;
}

#post-section .row .right-area .inner .row .testimonials-carousel button.owl-prev {
    position: absolute;
    left: 0;
    bottom: 70px;
}

#post-section .row .right-area .inner .row .testimonials-carousel button.owl-next {
    position: absolute;
    right: 0;
    bottom: 70px;
}

#post-section .row .right-area .inner .row .testimonials-carousel .owl-nav i {
    font-size: 14px;
    padding: 10px;
    background-color: #fff;
    color: #4d4e4f;
}

#post-section .row .right-area .inner .row .testimonials-carousel .owl-prev:hover i {
    background-color: #e74d2f;
    color: #fff;
}

#post-section .row .right-area .inner .row .testimonials-carousel .owl-next:hover i {
    background-color: #e74d2f;
    color: #fff;
}

/*post-section*/


/*Homepage css end*/



/*category page css start*/

/*banner-section start*/
#banner-section {}

#banner-section .inner-banner-section {}

#banner-section .banner-slider {}

#banner-section .banner-slider .item {
    position: relative;
}

#banner-section .banner-slider .item .background-image {}

#banner-section .banner-slider .item .banner-content-bottom {
    padding: 15px;
    background-color: #f28c2f;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

#banner-section .banner-slider .item .banner-content-bottom h4 {
    font-size: 22px;
}

#banner-section .banner-slider .item .banner-content-bottom p {
    font-size: 17px;
}

#banner-section .banner-slider .item .banner-content-right {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f49929d1;
    width: 40%;
    padding: 15px;
    height: 369px;
}

#banner-section .banner-slider .item .banner-content-right h1 {
    font-size: 26px;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

#banner-section .banner-slider .item .banner-content-right p {
    font-size: 16px;
    text-align: justify;
}

/*banner-section end*/

/*shop-by-title-section start*/
#shop-by-title-section {}

#shop-by-title-section .inner-shop-by-title-section {}

#shop-by-title-section .row {}

#shop-by-title-section .row .left-area {
    max-height: 50px;
    background-color: #F49929;
    display: flex;
    align-items: center;
    justify-content: center;
}

#shop-by-title-section .row .right-area .tab-content {
    background-color: #428bca;
    margin-left: 3px;
}

#shop-by-title-section .row .right-area .tab-content .tab-pane {
    padding: 20px;
}

#shop-by-title-section .row .right-area .tab-content .tab-pane .form-check {
    margin-bottom: 10px;
}

#shop-by-title-section .row .right-area .tab-content .tab-pane .form-check .form-check-input {
    cursor: pointer;
}

#shop-by-title-section .row .right-area .tab-content .tab-pane .form-check .form-check-label {
    cursor: pointer;
    font-size: 14px;
}

#shop-by-title-section .row .left-area h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 18px 0;
}

#shop-by-title-section .row .nav-tabs {
    border: none;
    background: transparent;
}

#shop-by-title-section .row .nav-tabs .nav-link {
    padding: 9px 30px;
    font-size: 20px;
    margin: 0 2px;
    background-color: #E9ECEF;
}

#shop-by-title-section .row .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #428bca;
}

/* shop-by-title-section end */

/*shop-by-section start*/
#shop-by-section {}

#shop-by-section .inner-shop-by-section {}

#shop-by-section .row.bg {
    background-color: #1d87d5;
}

#shop-by-section .row.all {
    margin: 0 -.5rem;
}

#shop-by-section .inner-shop-by-section h4.title {
    font-size: 22px;
}

#shop-by-section .row .right-area {
    background: #f49929;
}

#shop-by-section .row .right-area h5 {
    font-size: 17px;
}

#shop-by-section .row .right-area p {
    font-size: 16px;
}

#shop-by-section .item .row {
    position: relative;
}

#shop-by-section .item .position-bottom {
    position: absolute;
    bottom: 0;
    background-color: #353b48ba;
}

#shop-by-section .row .left-content .img {
    padding-right: 10px;
}

#shop-by-section .row .item .position-bottom h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin: 0;
    border-bottom: 1px dotted;
    margin-bottom: 8px;
}

#shop-by-section .row .item .position-bottom .group {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#shop-by-section .row .item .position-bottom .group p {
    font-size: 14px;
    color: #ffffff;
    position: relative;
    font-style: italic;
    text-transform: capitalize;
    margin: 0;
    flex: 1;
}

#shop-by-section .row .item .position-bottom .group p i {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#shop-by-section .row .item .position-bottom .group button {
    font-size: 14px;
    padding: 4px 8px;
    margin-left: auto;
}

/*shop-by-section end*/
/*category page css end*/


/*Product-info page css start*/
/*page-title-section*/
#page-title {}

#page-title .inner-page-title {}

#page-title .inner-page-title nav {
    background-color: #7f8fa6;
}

#page-title .inner-page-title nav ul {}

#page-title .inner-page-title nav ul li {}

#page-title .inner-page-title nav ul li i.fa-chevron-right {
    padding: 0 5px;
    font-size: 12px;
}

/*page-title-section*/


/*Product-details-section*/
#product-details {}

#product-details .inner-product-details {}

#product-details .inner-product-details h4.product-name {
    font-size: 22px;
    color: #298cbb;
}

#product-details .inner-product-details p.right-info {
    font-size: 14px;
    line-height: 1rem;
}

#product-details .image-side {}

#product-details .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-color: #F0E9E9;
    padding: 15px !important;
    display: flex;
    margin: 0;
}

#product-details .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-color: #F0E9E9;
    padding: 15px !important;
    display: flex;
    margin: 0;
}

#product-details .owl-carousel .owl-nav [class*="owl-"]:hover {
    background: #e74d2f;
    color: #FFF;
    text-decoration: none;
}

#product-details .inner-product-details {}

#product-details .inner-product-details h4.product-name {
    color: #298cbb;
}

#product-details .inner-product-details .after-measuring {
    max-height: 0;
    transition: max-height 3s ease-in;
    overflow: hidden;
    z-index: -99;
    margin: 0 !important;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: 1s ease;
    border: 1px transparent !important;
    /*background-color: #E9ECEF;*/
}

#product-details .inner-product-details .after-measuring-visible {
    max-height: 1000px;
    transition: max-height 3s ease-out;
    z-index: 999;
    -ms-transform: scaleY(1);
    /* IE 9 */
    transform: scaleY(1);
}

/*#product-details .inner-product-details .measuring {*/
/*    background-color: #E9ECEF;*/
/*}*/

/*#product-details .inner-product-details .share-area {*/
/*    background-color: #E9ECEF;*/
/*}*/

#product-details .inner-product-details .measuring .measurments h4 {
    color: #4e5154;
}

#product-details .inner-product-details .order-sample-free {
    background-color: #E9ECEF;
    overflow: hidden;
    position: relative;
}

#product-details .inner-product-details .order-sample-free span.free {
    background-color: #FF0000;
    padding: 0 50px;
    color: #fff;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    transform: rotate(-45deg);
    position: absolute;
    left: -45px;
    top: 10px;
}

#product-details .inner-product-details .order-sample-free img.free-img {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 0px;
}

#product-details .inner-product-details .order-sample-free button {
    background-color: #D87F18;
}

#product-details .inner-product-details .measuring .measurments {}

#product-details .inner-product-details .measuring .measurments button.submit {}

#product-details .inner-product-details .measuring .title-info {}

#product-details .inner-product-details .measuring .title-info span {
    line-height: 1.5em;
}

#product-details .inner-product-details .mini-menu nav ul {
    margin-left: auto;
    flex-wrap: wrap;
}

#product-details .inner-product-details .mini-menu nav ul li {
    padding: 5px;
    display: flex;
    align-items: center;
}

#product-details .inner-product-details .mini-menu nav ul li a.fb {
    background: #4267B2;
}

#product-details .inner-product-details .mini-menu nav ul li a.twitter {
    background: #1DA1F2;
}

#product-details .inner-product-details .mini-menu nav ul li a.insta {
    background: #F0000D;
}

#product-details .inner-product-details .mini-menu nav ul li a.pinterest {
    background: #CB2027;
}

#product-details .inner-product-details .mini-menu nav ul li a.google {
    background: #DD4C39;
}

#product-details .inner-product-details .mini-menu nav ul li a.circle {
    height: 30px;
    width: 30px;
    position: relative;
    border-radius: 50%;
}

#product-details .inner-product-details .mini-menu nav ul li a.circle i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#product-details .inner-product-details .mini-menu nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    display: block;
    transition: .5s ease;
}

#product-details .inner-product-details .nav-tabs .nav-link {
    padding: 8px 12px;
    font-size: 16px;
    background-color: #E9ECEF;
    margin-right: 2px;
}

#product-details .inner-product-details .nav-tabs {
    background: transparent;
    border-bottom: none;
}

#product-details .inner-product-details .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #428bca;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.tab-content>.tab-pane {
    padding: 15px;
}

.tab-content>.tab-pane p.product-desc {
    font-size: 16px;
    line-height: 1.5em;
    text-align: justify;
    margin-bottom: 1em;
}

/*Product-details-section*/

/*Product-info page css end*/



/*cart page css start*/
/*page-title*/
#page-title {}

#page-title .inner-page-title {}

#page-title .inner-page-title nav {
    background-color: #7f8fa6;
}

#page-title .inner-page-title nav ul {}

#page-title .inner-page-title nav ul li {}

#page-title .inner-page-title nav ul li i.fa-chevron-right {
    padding: 0 5px;
    font-size: 12px;
}

/*page-title*/

/*cart-section*/
#cart-section {}

#cart-section .inner-cart-section {}

#cart-section .inner-cart-section .heading-area {
    position: relative;
}

#cart-section .heading-area h1 {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #4d4e4f;
    border-bottom: 2px solid #fc9400;
    padding: 10px 0;
}

#cart-section .heading-area .right-content {
    display: flex !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

#cart-section .heading-area .right-content p {
    font-size: 13px;
    color: #4d4e4f;
}

#cart-section .heading-area .right-content p i {
    color: #fc9400;
}

/*cart-section*/

/*cart-item-section*/
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: transparent;
    border-style: none;
    border-width: 0;
    padding: 3px;
    border: solid 1px #e6e9eb;
    text-align: center;
}

#cart-item-section {}

#cart-item-section .inner-cart-item-section {}

#cart-item-section .table {}

#cart-item-section .table .table-heading {
    display: flex;
}

#cart-item-section .table .table-heading th.col:first-child {
    flex-basis: 50%;
    text-align: start
}

#cart-item-section .table .table-heading th.col:last-child {
    flex-basis: 5%;
}

#cart-item-section .table .table-heading th.col {
    flex-basis: 15%;
    color: #373636d6;
    font-size: 16px;
    text-align: center;
}

#cart-item-section .table .table-body {
    display: flex;
    flex-direction: row;
}

#cart-item-section .table .table-body td.product {
    flex-basis: 50%;
    max-width: 50%;
    align-items: center;
}

#cart-item-section .table .table-body td {
    flex-basis: 15%;
    max-width: 15%;
    justify-content: center;
    align-items: center;
    display: flex;
}

#cart-item-section .table .table-body td:last-child {
    flex-basis: 5%;
    max-width: 5%;
}

#cart-item-section .table .table-body td.row .inner {}

#cart-item-section .table .table-body td .input-group {}

#cart-item-section .table .table-body td .input-group input {
    width: 50px;
    padding: 5px;
    font-size: 14px;
}

#cart-item-section .table .table-body td .input-group .control-unit {
    display: flex;
    flex-direction: column;
}

#cart-item-section .table .table-body td .input-group .input-group-text {
    padding: 0;
}

#cart-item-section .table .table-body td .input-group .control-unit button {
    border: none;
    font-size: 10px;
    padding: 0 5px;
}

#cart-item-section .table .table-body td .input-group .control-unit button:first-child {
    border-bottom: 1px solid #ced4da;
}

#cart-item-section .inner-cart-item-section .table td button.delete-item {
    border: none;
    background-color: transparent;
}

#cart-item-section .inner-cart-item-section .table td button.delete-item i {
    font-size: 16px;
    color: #373636;
}

#cart-item-section .inner-cart-item-section .table tr.table-body.last {
    display: flex;
    flex-direction: row;
}

#cart-item-section .inner-cart-item-section .row button.continue {
    background-color: #fc9400;
    color: #fff;
    font-size: 16px;
}

#cart-item-section .inner-cart-item-section .row button.complete {
    background-color: #2f8ed9;
    color: #fff;
    font-size: 16px;
}

/*cart-item-section*/
/*cart page css end*/


/*account page css start*/
/*login-register*/
#login-register {}

#login-register .inner-login-register {}

#login-register .inner-login-register .row {}

#login-register .inner-login-register h3 {
    color: #4e5154;
    font-size: 20px;
    border-bottom: 2px solid #fc9400;
    margin-bottom: 20px;
}

#login-register .inner-login-register .row.title {
    display: none;
}

#login-register .inner-login-register .row {}

#login-register .inner-login-register .row .inner-left {
    background-color: #F4F4F4;
}

#login-register .inner-login-register .row .inner-left h5 {
    border-bottom: 2px solid #fc9400;
    font-size: 16px;
}

.card {
    background-color: transparent;
}

input,
textarea {
    padding: 5px 12px;
    font-size: 13px;
}

#login-register .inner-login-register button.login {
    width: 140px;
    font-size: 16px;
    padding: 5px;
}

#login-register .inner-login-register .row .inner-right {
    background-color: #F4F4F4;
}

#login-register .inner-login-register .row .inner-right h5 {
    border-bottom: 2px solid #fc9400;
    font-size: 16px;
}

/*login-register*/

/*account page css end*/

.form-select:focus {
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
}

textarea {
    resize: none;
}

.form-select {
    color: #6c757d;
}

.title.title-simple {
    margin-bottom: 1.9rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e1e1e1;
    font-size: 1.3rem;
    font-weight: 600;
    color: #222;
}

.order-table {
    color: #222;
}

.order-table th {
    padding: 0 0 0.7rem 0;
    font-size: 1rem;
    font-weight: 600;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #e6e9eb;
}

.product-name {
    font-size: .9rem;
    letter-spacing: 0;
    white-space: normal;
    padding-right: 1rem;
}

.product-quantity {
    margin-left: 0.4rem;
}

td {
    color: #666;
    font-weight: 400;
    padding-bottom: .6rem;
}

.summary td:last-child,
.summary th:last-child {
    text-align: right;
    font-size: .9rem;
}

.summary-subtitle {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #222;
    margin-bottom: 0;
    padding: 1rem 0;
}

.order-table .border-td {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

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

.accordion-button:not(.collapsed) {
    color: #666;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button::before {
    left: 0;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: 1px solid #cdcdcd;
    position: absolute;
    content: "";
    display: inline-block;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.accordion-button {
    padding-left: 2rem;
}

.accordion-item {
    background: transparent;
    border: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    left: 0.25rem;
    background: #666;
    position: absolute;
    content: "";
    display: inline-block;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.accordion-button {
    color: #666;
    padding: .5rem 1.6rem;
}

.accordion-button::after {
    background-image: none;
}

.accordion-body {
    padding: 0.2rem 0 .2rem 2rem;
    line-height: 1.4;
    color: #666;
}

.pagination {
    justify-content: center !important;
}

.bx-shadow {
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
}

.bx-border {
    border: solid #d0cccc 1px;
    border-radius: 5px;
}

.dsk-none-mbl {
    display: none;
}

.mbl-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1200;
}
.dsk-text-right{
    text-align: right;
}

.fs-13{
    font-size: 13px;
}
.text-br-light{
    color: #5d5858;
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
    padding-right: 0;
}
.hc-offcanvas-nav.hc-nav-2 .nav-container {
    width: 340px !important;
}

.chevron-right::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: var(--bs-gray);
    display: inline-block;
    font-weight: 900;
}

.hc-offcanvas-nav .nav-item-link, 
.hc-offcanvas-nav li.nav-close a, 
.hc-offcanvas-nav .nav-back a {
    color: var(--bs-gray);
    border-bottom: 1px dashed #ccc;
    padding: 5px 0px;
}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: var(--bs-white);
}

.nav-back-button {
    padding: 10px !important;
}
.hc-offcanvas-nav.nav-close-button-empty .nav-title {
    padding: 15px;
    padding-right: 55px;
    margin-bottom: 0;
    font-weight: bold;
}

.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
    position: absolute;
    width: 45px;
    height: 55px;
    top: -55px;
    right: 0;
    display: flex;
    align-items: center;
}

.nav-content > ul {
    border-top: 1px solid #e74d2f;
    padding-top: 5px;
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100px, 0px);
    }

    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100px, 0px);
    }

    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

.sticky {
    animation: 300ms ease-in-out 0s 1 normal none running fadeInDown;
    left: 0px;
    position: fixed !important;
    top: 0px;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 12%);
}

.pricing-info{
    align-items: center;
    display: flex;
    justify-content: end;
    gap: 10px;
}