*{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-Regular.woff2') format('woff2'),
        url('../font/JosefinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville Old Face';
    src: url('../font/BaskOldFace.woff2') format('woff2'),
        url('../font/BaskOldFace.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.container{
    max-width: 1250px;
}

h1, h2, h4, h5{
    font-family: 'Baskerville Old Face';
}
h3{
    font-family: 'Josefin Sans';
}
a{
    text-decoration: none !important;
    font-family: 'Josefin Sans';
    transition: ease-in-out .3s;
}
ul{
    padding: 0;
    margin-bottom: 0;
}
li{
    font-family: 'Josefin Sans';
    list-style: none;
    position: relative;
}
button, span, label{
    font-family: 'Josefin Sans';  
}
img{
    width: 100%;
    transition: ease-in-out .3s;
}
.img{
    overflow: hidden;
}
.img img:hover{
    transform: scale(1.1);
}
p{
    font-family: 'Josefin Sans';
    font-size: 16px;
    color: #8d8d8d;
}

.margin{
    margin: 50px 0;
}
.ab_home .img img{
    max-height: 530px;
}

.logo img{
    width: 100px;
}
.all_menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;

}
#myHeader.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  transition: .5s;
  animation: slideDown 1s ease-out;
  }
    @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  #myHeader.sticky .logo img{
    width: 120px;
  }


nav{
    width: 100%;
    z-index: 999;
    background-color: #202020
    ;
}
.mobile_search{
    display: none;
}

.navbar_nav{
    padding: 0px 10px;
    display: flex;
}
.navbar_nav li{
    position: relative;
}

button.slick-prev.slick-arrow{
    display: none !important;
}
button.slick-next.slick-arrow{
    display: none !important;
}

.mmenu--is-open{
    left: 0%;
}
.header_item.slick-slide.slick-current.slick-active h1 {
    animation: 2s linear 0s alternate headerline;
  }
.header_item.slick-slide.slick-current.slick-active h3 {
    animation: 1s linear 0s alternate headerline;
  }
  .header_item.slick-slide.slick-current.slick-active h2 {
    animation: 2s linear 0s alternate headerline;
  }
  .header_item.slick-slide.slick-current.slick-active .head_btn {
    animation: 3s linear 0s alternate headerline;
  }

  @keyframes headerline {

    0%,
    25% {
      transform: translateX(-10%);
      left: 100%;
      opacity: 0;
    }
  
    75%,
    100% {
      transform: translateX(0px);
      left: 0%;
      opacity: 1;
    }
  }

.navbar_nav li a{
    padding: 28px 16px;
    display: block;
    height: 100%;
    color: #fff;
    font-size: 16px;
}
.navbar_nav li a:hover{
    color: #ad8449;
}
.header_item{
    position: relative;
}
.head_contant{
    position: absolute;
    top: 20%;
    left: 7%;
    width: 45%;
}
.search{
    display: flex;
    align-items: center;
    width: 30%;
}
.logo{
    width: 15%;
}
.navbar_nav{
    width: 52%;
}
.leptop_search{
    width: 80%;
}
.leptop_search form{
    background-color: #f8f8f8;
    border-radius: 20px;
    padding: 0 10px;
}
.leptop_search form input{
    background-color: transparent;
    border: none;
    outline: none;
    padding: 8px 10px;
}
.leptop_search form button{
    background-color: transparent;
    border: none;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.header_item h1{
    font-family: 'Josefin Sans';
    font-size: 50px;
    color: #0d0b0e;
    margin: 15px 0;
}
.head_contant h3{
    color: #a5d042;
    font-size: 25px;
    padding: 5px 5px 0;
    font-weight: 400;
    background-color: #fff;
    display: inline-block;
}
.head_contant h2{
    font-family: 'Josefin Sans';
    color: #000;
    font-size: 20px;
    margin: 15px 0 35px;
    font-weight: 600;
}
.head_contant h2 span{
    background-color: #fff;
    color: #a5d042;
    padding: 5px 5px 0;
    font-size: 30px;
}
.head_btn a{
    font-size: 18px;
    padding: 16px 38px 13px;
    border-radius: 8px;
    color: #000;
    background-color: #a5d042;
}

.search a{
    color: #fff;
    margin: 0 10px;
    position: relative;
}

.search a:hover{
    color: #000;
}

.droupdown{
    position: absolute;
    top: 85px;
    background-color: #000;
    z-index: 9;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .3s;
}
.droupdown li{
    padding: 0;
}
.droupdown li a{
    display: block;
    padding: 12px 20px;
}
.navbar_nav li:hover .droupdown{
    top: 75px;
    opacity: 1;
    visibility: visible;
}
.header_item img{
    /* height: 720px; */
    object-fit:cover;
}
.blog_detail img{
    height:500px;
    object-fit: cover;
}
.blog_detail h3{
    font-size:20px;
}
.blog_detail .img{
    margin-bottom:30px;
}
.arrival{
    transform: rotate(-90deg);
    position: absolute;
    left: -35px;
    top: 35%;
}
.arrival h5{
    color: #B4B4B4 ;
    font-family: 'Josefin Sans';
    font-size: 35px;
}
.header_item{
    position: relative;
}
.margin{
    margin: 70px 0;
}
.main_head h2{
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
}
.main_head h2::after{
    content: '';
    width: 30px;
    height: 4px;
    background-color: #a5d042;
    position: absolute;
    right: -10;
    bottom: 5px;
}
.main_head{
    margin-bottom: 15px;
}
.coll_text{
    display: flex;
    justify-content: space-between;
    position: absolute;
    align-items: center;
    bottom: 10px;
    left: 0;
    padding: 0 13px;
    width: 100%;
    z-index: 9;
}
.coll_text img{
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
}
.coll_item .img img{
    border-radius: 10px;
    height: 215px;
    object-fit: cover;
}
.coll_item::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    background: linear-gradient(0deg, #00000070 0%, #00000000 100%);
}
.coll_item{
    position: relative;
    margin: 8px;
}
.coll_text a{
    color: #fff;
}
.hot_box{
    position: relative;
}
.hot_contant{
    position: absolute;
    top: 10%;
    left: 5%;
    width: 40%;
}
.hot_contant h3{
    font-size: 30px;
    font-weight: 600;
}
.hot_contant p{
    color: #000;
}
.hot_contant a{
    color: #000;
    text-decoration: underline !important;
}
.hot_box:nth-child(2){
    margin-top: 30px;
}
.hot_box:nth-child(2) .hot_contant{
    text-align: right;
    left: auto;
    right: 5%;
}
.hot_contant a:hover{
    color: #a5d042;
}
.star img{
    width: 130px;
    margin-top: 15px;
}
.star i{
    color:#bababa;
}
.pro_color span{
    width:35px;
    height:35px;
    display: inline-block;
    box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px,
    rgb(31, 193, 27) 0px 0px 0px 6px,
}
.category_box_ {
    width: 65%;
    margin: 0 0 0 auto;
}
.category img {
    height: 550px;
    object-fit: cover;
}
.category_box_3 .img{
        position: relative;
}
.category_box_3 .img:after{
        content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff3d;
}
.ava_point{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}
.product_item{
    margin: 8px;
        position: relative;
}
.product_item .icon i{
    color:#f9a313;
}
.label-block.label-right {
    left: auto;
    right: -10px;
}
.label-block.label-right {
    position: absolute;
    top: 16px;
    right: -5px;
    z-index: 2;
}
.product-badget{
    background-color: #3577f0;
    line-height: 1;
    padding: 6px 10px 5px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(53, 119, 240, .3);
    display: inline;
}
.bg-tab{
    background-color: #fff;
    padding:15px;
}
.card{
    padding:15px;
}
.product_item h4{
    font-size: 17px;
    margin: 15px 0;
    font-weight: 600;
    line-height: 25px;
}
.product_item h4 a{
    color: #000;
}
.ho_price span{
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: #000;
}
.img-product {
    width: 100px;
}

.media {
    margin-bottom: 40px;
}



.main-wrapper{
    margin:50px 0;
}
.ho_price{
    border-top: 1px solid #F4F4F4;
    padding-top: 10px;
}
.input-group input {
    margin-right: 10px;
}
.product_item .img img{
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 8px;
    height: 300px;
    object-fit: cover;
}
.product_item .img{
    position: relative;
}
.pro_btn{
    position: absolute;
    bottom: 5%;
    left: 22%;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .3s;
}
.pro_btn a{
    font-size: 16px;
    padding: 16px 30px 13px;
    border-radius: 8px;
    color: #000;
    background-color: #a5d042;
}
.pro_btn a:hover{
    background-color: #000;
    color: #fff;
}
.product_item:hover .pro_btn{
    bottom: 12%;
    opacity: 1;
    visibility: visible;
}
.great{
    position: relative;
}
.great .great_text{
    text-align: center;
    background-color: #151413;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 100px;
    border-radius: 10px;
}
.great_text h5{
    color: #a5d042;
    margin-bottom: 20px;
    font-family: "Josefin Sans";
}
.great_text h4{
    color: #fff;
    font-size: 35px;
    margin-bottom: 10px;
    font-family: "Josefin Sans";
}
.great_text h3{
    color: #a5d042;
    font-size: 35px;
    margin-bottom: 35px;
    font-family: "Josefin Sans";
}
.great_text a{
    border: 1px solid #a5d042;
    font-size: 16px;
    padding: 16px 30px 13px;
    border-radius: 8px;
    color: #a5d042;
}
.great_text a:hover{
    background-color: #a5d042;
    color: #000;
}

.category_box_1{
    position: relative;
}
.category_box_1 .img{
    width: 60%;
    margin: auto;
    position: relative;
}
.category_box .img{
    position: relative;
}
.category_box_1 .img::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffffff5c
}
.category_box .img::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffffff5c
}
.category_box_1 .category_text{
    position: absolute;
    left: 0;
    top: 20%;
    text-align: left;
}
.category_text h3{
    font-size: 45px;
    color: #000000;
    font-weight: 600;
}
.category_text a{
    color: #a5d042;
    text-decoration: underline !important;
}
.category_text a:hover{
    color: #000;
}
.category_box{
    margin-top: -30%;
}
.category_box .category_text{
    text-align: left;
    margin-top: 15px;
}
.category_box_3{
    position: relative;
    margin-top: -35%;
}

.category_box_3 .category_text{
    position: absolute;
    left: 15%;
    top: 20%;
    text-align: left;
        z-index: 99;
}
.category_box_3 .img{
    width: 65%;
    margin: 0 0 0 auto;
}

.fancy{
    position: relative;
}
.fancy .great_text{
    text-align: left;
    background-color: #151413;
    color: #fff;
    position: absolute;
    left: 7%;
    top: 18%;
    /* transform: translate(-50%, -50%); */
    padding: 50px 30px;
    border-radius: 10px;
    width: 35%;
}
.created{
    position: relative;
}
.created::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #00000093;
}
.created .great_text{
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 130px;
    z-index: 9;
}
.created .great_text p{
    color: #fff;
    margin: 25px 0;
}
.created .great_text a{
    background-color: #a5d042;
    color: #000;
}
.gallery_item p{
    color: #000;
    margin-top: 10px;
     font-size: 20px;
    font-weight: 700;
}
.gallery_item img{
    height:450px;
     object-fit: cover;
}
.gallery_item h3 {
    margin-top: 15px;
    font-size: 15px;
}
.gallery_item{
    margin: 8px;
    text-align: left;
}
.subscribe{
    background-color: #000;
    padding: 20px 0;
}
footer h3{
    font-size: 30px;
    color: #fff;
    margin-bottom: 0;
}
.subscribe form{
    text-align: right;
}
.subscribe .row{
    align-items: center;
}
.subscribe form input{
    width: 60%;
    border-radius: 30px;
    border: none;
    padding: 13px 15px;
    font-size: 14px;
}
.subscribe form button{
    font-size: 16px;
    padding: 16px 30px 13px;
    border-radius: 30px;
    color: #000;
    border: none;
    background-color: #a5d042;
    font-weight: 600;
}
.subscribe form button:hover{
    background-color: #fff;

}
footer{
    background-color: #202020;
}
.foot_logo img{
    width: 180px;
}
.foot_nav h5{
    color: #a5d042;
    font-family: 'Josefin Sans';
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.foot_nav ul li a{
    color: #fff;
}
.foot_nav ul li a:hover{
    color: #000;
}
.foot_nav ul li{
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}
.information P{
    color: #FFFFFF;
    font-size: 11px;
    margin-bottom: 0;
}
.socal_media{
    display: flex;
    justify-content: right;
}
.socal_media a{
    color: #fff;
    margin-left: 15px;
    font-size: 20px;
}
.socal_media a:hover{
    color: #000;
}
.copy_right{
    border-top: 1px solid #D2D7E3;
    padding-top: 20px;
    margin-top: 30px;
    padding-bottom: 8px;
}
.copy_right .row{
    align-items: center;
}







.single_product {
    padding: 60px 0;
}
.one_maltipal img {
    height: 100px;
    cursor: pointer;
    object-fit: cover;
}
.one_maltipal {
    border: 1px solid #8d8d8d;
    margin: 10px;
    padding: 5px;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.one_img img {
    /* max-height: 550px; */
    /* height: 550px; */
    object-fit: contain;
    object-position: center center;
}

.single_text h2 {
    font-size: 35px;
    margin-bottom: 15px;
}
.single_text h3 {
    font-size: 15px;
    margin-bottom: 15px;
}
.single_text .price {
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 14px;
    display: inline-flex;
    margin-right: 8px;
}
.single_text ul {
    margin: 20px 0;
}
.slick-nav.next-arrow.slick-arrow {
    position: absolute;
    right: -15px;
    top: 40%;
}
.slick-nav.prev-arrow.slick-arrow{
    position: absolute;
    left: -15px;
    top: 40%;
}
.single_text ul li {
    margin-bottom: 10px;
    color: #5c5c5c;
}
.single_text ul li i{
    color: #a5d042;
    margin-right: 5px;
}
.single_text h4 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
}
.count_nox {
    display: flex;
    align-items: center;
}
.counter {
    display: inline-flex;
    align-items: center;
    user-select: none;
    gap: 8px;
    border: 1px solid #c3c3c3;
    width: 180px;
}
.counter__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50px;
    height: 50px;
    font-size: 25px;
    font-weight: 700;
    border-radius: 50%;
    cursor: pointer;
}
.counter__input-box {
    flex: 0 0 60px;
}
.counter__input {
    width: 100%;
    text-align: center;
    background: transparent;
    border: none;
    font-size: 30px;
}
.count_btn a {
    background-color: #141414;
    padding: 19px 33px;
    color: #fff;
    margin: 0 15px;
}
.count_btn_heard a {
    background-color: #fff;
    padding: 13px 12px 9px;
    color: #000;
    border-radius: 50%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
ul.slick-dots {
    display: none !important;
}
.product_left_text {
    position: sticky;
    top: 100px;
}
.categories h4 {
    font-size: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom:15px;
}
.categories li a {
    color: #666;
    margin-bottom: 10px;
    display: block;
}
.recent h4 {
    font-size: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom:15px;
}
.clk_btn2 {
    position: relative;
    cursor: pointer;
}
.clk_btn2:after{
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background: #000;
    right: 5px;
    top: 15px;
}
.recent ul li {
    margin-bottom: 20px;
}
.recent ul li a {
    display: flex;
    align-items: center;
}
.recent li .img {
    margin-right: 15px;
}
.recent ul li h5 {
    color: #000;
}
.recent ul li p {
    margin-bottom: 5px;
}
.recent ul li .prices {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.recent li .img img {
    width: 100px;
    height:80px;
    object-fit: cover;
}
.showing {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
    padding-bottom: 20px;
}
.showing select {
    background-color: transparent;
    outline: none;
    border: none;
}
.all_product {
    display: flex;
    flex-wrap: wrap;
}
.all_product li{
    width:31%;
    margin:8px;
}
.foot_nav ul{
    height:200px;
    overflow: auto;
}
.inner_banner {
    position: relative;
    /* margin-top: 16px; */
    background: #dfdfdf;
    padding: 12px 0;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .inner_banner:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff6e;
} */
.inner_banner img {
    height: 400px;
    object-fit: cover;
}
.inn_text {
    display: flex;
    align-items: center;
    color: #000;
    z-index: 99;
}
.inn_text h2 {
    color: #000;
    font-size: 26px;
    font-weight: 600;
}
.bradecram a {
    color: #ffffff;
    font-size: 20px;
}
.bradecram span{
    color: #ffffff;
}

.product-table-heading {
    display: flex;
    justify-content: space-between;
}
.product-table-heading .title {
    margin-bottom: 20px;
    font-weight: 500;
    display: inline-block;
}
.product-table-heading .cart-clear {
    display: inline-block;
    font-size: 14px;
}
.axil-product-table thead {
    background-color: #dfdfe1;
}




.product-table-heading .title {
    margin-bottom: 20px;
    font-weight: 500;
    display: inline-block;
}
.product-table-heading .cart-clear {
    display: inline-block;
    font-size: 14px;
   
}
.axil-product-table thead {
    background-color: #dfdfe1;
}
.axil-product-table thead th {
    font-size: 20px;
    text-transform: capitalize;
    border: none;
    color: #292930;
    padding: 18px 15px;
    font-weight: 600;
}
.categories li:after {
    content: " » ";
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 19px;
}
.categories li {
    padding-left: 20px;
}
.axil-product-table tbody {
    border-top: none !important;
}
.axil-product-table.axil-cart-table th:first-child, .axil-product-table.axil-cart-table td:first-child {
    padding-left: 30px;
}
.axil-product-table tbody td.product-remove {
    min-width: auto;
}
.axil-product-table tbody td {
    border-top: none;
    border-bottom: 2px solid var(--color-lighter);
    vertical-align: middle;
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-body);
    min-width: 150px;
}
.axil-product-table tbody td.product-thumbnail {
    min-width: 130px;
    width: 130px;
}
.axil-product-table tbody td.product-title {
    width: 30%;
    color: var(--color-black);
}
.axil-product-table.axil-cart-table th:last-child, .axil-product-table.axil-cart-table td:last-child {
    padding-right: 50px;
}
.blog_btn a{
    font-size: 15px;
       padding: 11px 20px 8px;
    border-radius: 8px;
    color: #000;
    background-color: #a5d042;
}
.axil-product-table tbody td.product-remove .remove-wishlist {
    display: block;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 35px;
    background-color: #c5c5c5;
    border: 2px solid var(--color-lighter);
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
}
.pro-qty {
    width: 178px;
    border-radius: 50px;
}
.axil-product-table.axil-cart-table .pro-qty input {
    margin: 0 5px;
    min-width: 45px;
}
.pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 500;
    margin: 0 12px;
    color: #27272e;
}
.axil-product-table.axil-cart-table .pro-qty .qtybtn {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
}
.pro-qty .qtybtn {
    width: 32px;
    display: block;
    float: left;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    height: 32px;
    background: #d7d7d7;
    border-radius: 50%;
    transition: .3s;
    border: 2px solid rgba(0, 0, 0, 0);
}
.axil-product-table tbody td.product-title a {
    color: #000;
}

.axil-product-table.axil-cart-table .pro-qty {
    width: auto;
}
.product-table-heading {
    display: flex;
    justify-content: space-between;
}
.axil-product-cart-wrap .cart-update-btn-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    border-top: 1px solid #c3c3c3;
    padding-top: 30px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.axil-product-cart-wrap .product-cupon {
    flex-wrap: nowrap;
}

.axil-product-cart-wrap .product-cupon input {
    width: 100%;
    padding: 0 10px;
    border-bottom: 2px solid #efefef;
    border-radius: 0;
    outline: none;
    border: navy;
    background: #eaeaea;
}
.axil-product-cart-wrap .product-cupon .product-cupon-btn {
    margin-left: 20px !important;
}
.axil-product-cart-wrap .update-btn {
    text-align: right;
}
.axil-product-cart-wrap .update-btn .axil-btn {
    border-width: 2px;
    border-color: #efefef;
    color: #000;
}
a.axil-btn, button.axil-btn {
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700;
    display: inline-block;
    padding: 4px 35px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
}
a.axil-btn.btn-outline, button.axil-btn.btn-outline {
    border: 2px solid #c3c3c3;
}
.mt--80 {
    margin-top: 80px;
}
.axil-order-summery {
    background-color: #f9f3f0;
    border-radius: 6px;
    padding: 40px;
}
.mb--20 {
    margin-bottom: 20px;
}
a.axil-btn.btn-bg-primary, button.axil-btn.btn-bg-primary {
    background-color: #3577f0;
    color: #fff;
}
.axil-order-summery .checkout-btn {
    width: 100%;
    text-align: center;
}
.mb--30 {
    margin-bottom: 30px;
}
.axil-order-summery .summery-table tbody td {
    border-bottom: 1px solid;
    border-color: rgba(101, 105, 115, .2);
    font-size: 16px;
    font-weight: 500;
    color: #292930;
    padding: 18px 15px 18px 0;
    min-width: 180px;
}


.coupon h4{
    font-size: 20px;
}

.coupon h4 span{
    cursor: pointer;
    color: #a5d042;
}
.coupon{
    padding: 20px 0;
}
.apply label{
    display: block;
}
.apply_copun{
    display: flex;
    max-width: 45%;
    margin-top: 15px;
}
.apply_copun input{
    width: 75%;
    padding: 1.25em 1.85em;
    background-color: #dadada20;
    border-width: 1px;
    border-style: solid;
    border-color:#e3e3e3;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all ease-in-out .3s;
    border-radius: 0;

}
.apply_copun button{
    width: 25%;
    background-color: #141414;
    color: #fff;
    border: none;
}
.apply_copun button:hover{
    background-color: #000;
}
.apply{
    margin-top: 30px;
}
.coupon form{
    display: none;
}
.billing_box label{
    margin-bottom: 10px;
}
.billing_box input, select, textarea{
    width: 100%;
    padding: 1.20em 1.85em;
    background-color: #dadada20;
    border-width: 1px;
    border-style: solid;
    border-color:#e3e3e3;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all ease-in-out .3s;
    border-radius: 0;
    margin-bottom: 15px;
}
.single-select{
    padding: 0;
}
.customer_details{
    padding: 40px;
    position: sticky;
    top: 120px;
    background: #f9f3f0;
}
.cust_table {
    background: #fff;
    padding: 20px 32px;
    margin-bottom:25px;
}
.customer_details h2{
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
}
.customer_details tr{
    border-bottom: 1px solid #c3c3c3;
}
.product-total-2{
        font-weight: 900;
}
table{
    width: 100%;
    margin-bottom: 30px;
}

.customer_details .product-name{
    width: 50%;
    padding: 15px 0;
}

.customer_details .product-total{
    width: 50%;
    text-align: right;
    padding: 10px 0;
}

.customer_details button{
    width: 100%;
    border: none;
    background-color: #a5d042;
    padding: 10px;
    color: #fff;
}
.billing{
    padding-bottom: 50px;
}

.table-responsive tbody tr{
    border-bottom: 1px solid #c3c3c3;
}
.product-add-cart a{
    color: #000;
}
.product-add-cart a:hover{
    background-color: #000;
    color: #fff;
}
td.product-thumbnail img {
    height: 116px;
    object-fit: cover;
}

.contact_form{
    text-align: center;
    padding: 60px 0;
}

.contact_form .main_head{
    max-width: 60%;
    margin: auto;
    margin-bottom: 50px;
}
.review {
    background: #f2f2f2;
    padding: 30px 0;
}

.con_icon{
    padding: 30px;
}
.con_icon i{
    font-size: 25px;
    margin-bottom: 10px;
}
.con_icon h5{
    font-size: 25px;
    margin: 20px 0;
}
.con_icon a{
    color: #000;
    font-size: 20px;
}
.send_message{
    padding: 0px 150px;
    text-align: center;
}

.send_message input, textarea{
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.send_message button{
    width: 100%;
    border: none;
    padding: 10px;
    background-color: #a5d042;
    color: #fff;
}
.send_message button:hover{
    background-color: #000;
    color: #fff;
}


.coupon h4 {
    font-size: 20px;
}
.coupon form {
    display: none;
}
.apply {
    margin-top: 30px;
}
.apply label {
    display: block;
}
.apply_copun {
    display: flex;
    max-width: 45%;
    margin-top: 15px;
}
.apply_copun input {
    width: 75%;
    padding: 1.25em 1.85em;
    background-color: #dadada20;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all ease-in-out .3s;
    border-radius: 0;
}

.apply_copun button {
    width: 25%;
    background-color: #141414;
    color: #fff;
    border: none;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #a5d042; 
  border-radius: 10px;
}

.single-payment .input-group.justify-content-between.align-items-center {
    justify-content: left !important;
}

.billing{
    padding-bottom: 50px;
}

.table-responsive tbody tr{
    border-bottom: 1px solid #c3c3c3;
}
.product-add-cart a{
    color: #000;
}
.product-add-cart a:hover{
    background-color: #000;
    color: #fff;
}
td.product-thumbnail img {
    height: 116px;
    object-fit: cover;
}

.contact_form{
    text-align: center;
    padding: 60px 0;
}

.contact_form .main_head{
    max-width: 60%;
    margin: auto;
    margin-bottom: 50px;
}

.con_icon{
    padding: 30px;
}
.con_icon i{
    font-size: 25px;
    margin-bottom: 10px;
}
.con_icon h5{
    font-size: 25px;
    margin: 20px 0;
}
.con_icon a{
    color: #000;
    font-size: 20px;
}
.send_message{
    padding: 50px 150px;
    text-align: center;
}

.send_message input, textarea{
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.send_message button{
    width: 100%;
    border: none;
    padding: 10px;
    background-color: #a5d042;
    color: #fff;
}
.send_message button:hover{
    background-color: #000;
    color: #fff;
}
.blog_box{
    flex-wrap: wrap;
    margin-top:30px;
}
.blog_contant h4{
    font-weight: 900;
}
.blog_contant h5{
    margin-top:15px;
}
.blog_box img{
    height:400px;
    margin-bottom:15px;
        object-fit: cover;
}
.blog_contant a{
    color:#000;
}
.blog_page{
    margin:60px 0;
}

.why_icon img{
    width: 40px;
    margin-right: 10px;
    background-color: #a5d042;
    border-radius: 50%;
    padding: 5px;
}
.why_us{
    padding: 50px;
    background-color: #f4f4f4;
}
.why_us ul li{
    display: flex;
}

.count_bg{
    text-align: center;
    background-color: #000000c7;
    padding: 80px;
}
.count_ab img{
    width: 65px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 50%;
    padding: 12px;
}
.count_ab h3{
    color: #fff;
    font-weight: 600;
    font-size: 35px;
}
.count_ab p{
    color: #fff;
}

.client_item{
    margin: 10px;
}
.client_slider{
    margin-top: 30px;
}
.client_item img{
    height: 130px;
    object-fit: contain;
    background-color: #fff;
    border-radius: 10px;
}
.page_not {
    padding: 100px 0;
}
.page_not .row{
    align-items: center;
}

.page_item{
    margin:10px;
}


.review .tabs__btn.active {
    color: #a5d042;
    border-bottom: 2px solid #a5d042;
  }

 .review .tabs__btn:hover {
    color: #a5d042;
  }
 .review .tabs__body {
    display: none;
    font-size: 18px;
  }
  .tabs__body ul li{
         font-size: 16px;
        margin-bottom: 5px;
        list-style: circle;
  }
   .tabs__body ul{
       padding-left:15px;
   }

  .review .tabs__body.active {
    display: block;
  }
.tabs__navigation{
    display: flex;
    border-bottom: 1px solid #9c9999;
    margin-bottom: 30px;
}
.tabs__btn{
    color: #000;
    padding: 10px 20px 10px 0px;
    cursor: pointer;
    margin: 0 10px 0 0 ;
    font-weight: 600;
}
.tabs__body p{
    color: #000;
}

.tabs__body table {
    border-collapse: collapse;
    width: 100%;
  }
  .tabs__body td{
    border: 1px solid #dddddd;
    text-align: left;
    padding: 14px;
    font-size: 15px;
    font-family: 'Josefin Sans';
  }
  .review_box{
    display: flex;
  }
  .review_box .img-r img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 20px;
  }
  .review_box .star img{
    width: 100px;
  }
  .star .name{
    display: block;
    font-weight: 600;
    font-size: 22px;
    margin: 10px 0;
    line-height: 20px;
  }
  .star .r_date{
    font-size: 15px;
    color: #444444;
    margin-bottom: 10px;
    display: block;
  }
  .review_box{
    margin-top: 30px;
  }
  .product-page_details{
    padding-bottom: 50px;
    text-align: center;
  }

  .top-search-form input[type="search"] {
    border-radius: 0;
    -webkit-appearance: none;
  }
  .top-search-form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    height: 100px;
    z-index: 998;
  }
  .top-search-form .search-field {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000;
    cursor: help;
    border: none;
    z-index: 1000;
    padding: 0 30px;
    outline: none;
  }
  .top-search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #000;
    border: none;
    color: #fff;
    width: 7%;
    border-radius: 0;
    cursor: pointer;
  }
  .searchClose {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    padding: 0 15px;
    font-weight: 600;
    color: #fff;
    z-index: 5;
    text-align: center;
    cursor: pointer;
  }
.toggle-open {
    display: none;
}
.show {
    display: block !important;
}

.comment-respond .title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
}
.tabs__body p {
    color: #000;
    line-height: 30px;
}
v
.rating-box {
    text-align: center;
    display: flex;
    margin-bottom: 14px;
}
.send_message input, textarea {
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.tabs__body .form-group input {
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.tabs__body button#submit {
    background: #000;
    color: #fff;
}
.rating-wrapper{
    display: flex;
    margin-bottom: 17px;
}
.new_star {
    margin-left: 6px;
}
.price-old{
    display: inline-block;
    font-size: 19px;
    color: #a7a7a7;
    text-decoration: line-through;
}

/**************star*********************/


.star-rating {
  font-size: 0;
  position: relative;
  width: 131px;
  height: 25px;
  overflow: hidden;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAACZ0lEQVR42s2Yz0sUYRjH+wVmB4lCOgR66BAegoQU/4SgQ4culSeRoEKiU0QRrHpSwcCDFEREBMGSiMIOdpA9bGwbLTML+1MjQlE8GGmXgpTdPk/MxrLMzsDM484ufFne2ff9vp95nnee9905VKlUVFQqlQa1vFRM0un0CaB2TNPsbBmoYrF4E6hKoVC42zJQAMUECiVaAkpSRqT2bKhyPp/vCh0KoBEBqooUPmgFqI+1UMgKFSqbzZ4TkHpxvSc0KFL1xAkKjYUGRepKTlBc/xIKFJNfEoBGyuVyfWFAPXWDIlrTTYWKRqNHmXTLA2ozEokc8QWFwRAGb9EcWkRLXFtGCfSJtolyaAV9k8nQd3tyL23QdxVlUZr2B9vbQPP2vK/QczTDgzOJrv+7azpMoLIYhazXsrn/Dxnbw1Uu7oYE85tI3aqyOBVDq5lAUj4IyEXXhR6Px4/T8WWTgN6lUqmOega3aj0sYT0gmD/43/dVEghrLyZflaHWARoIVKcsyzoppUIJyMDrtErx5HMYs0cBYMoyXnxUK3p1r/MrUtatvs1wp6MBoe4cBJQZcD3FVKEymcxZhUX+K5lMtqtBYXhbAUpSeEUTKuZ1GkCPSfEPj36zKlCya7tVdkDeSC2rppn2e5e+aypQcnpoMMk2k1xrUNNGZA01ALsQGAqjFw7GC5wozniMO0+/zw5jHwaCkruuO/b+REMeprUnjmNS39BejUciEBSp668xW/b7nkB8AFuxffZpn/INxSM8bq+NexI1hXdYs3YKb/iGYvAzWRs+INyidhnfKd9Q8qdCvrVlGEab2+9/AaqhSf4SQ/sOAAAAAElFTkSuQmCC");
  background-size: contain;
  margin-left: 10px;
}

.star-rating__star {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  opacity: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAACtElEQVR42s2YzWsTQRjG4wf4cRBRRFDRgkEtuzujoOKfIHjw4MWPk4igIuJJRBGqPamg4EEUREQEoSiiYtBDCWibZmakHvSgBil+H9SmbXZGUGl8XsniQpdN2J1mE3gJm8y+89t3nnlmZnP1et1K+NLbYyuXlSRfHi6brxWv1p7ml3QMlC+83UbxupbsUMdAacUeEZRR7FlHQNGQGcl/N6AmRweclZlDGeEdJqAgMJTHMoeCjobCUFryF5lCjQ26qwOYcNSG3O7MoFCVU1FQWnpnMoMykr2OgkJUMoHSwt0YQERXy9nUdihfsotxUL7iF9oK1deXm6Ul+xpbKcU/9/TkZiaCwkK6F9q4jU7uIh4gHuO6n9wZiQWuhyHoVzDIN4gR6gy/fY8BCtvDJ9zzFu1fwvWf47cByo3rAvLca/R7A+2uauVdMoKdqym2899To/FZcmNKlGkIdpMW9//CLXvbQT+WCYxkP2Ej+wOWKWZIjtxmqIovnfWxQh8pds0F2PV2AEFPd36U8wtann1asH1U1mkC+gUNH01kCdDYBoC9s6yfD6bMtqTyqWqxayFZhaXhKkyIdYutmCc+M+AzJ5IDsUm6n/JYdfRgrUsa1cHuVdaXGfjI6ZRDd3AaoNhwKigcLqxCmdKa5elnHTcfSyvmWYPSgh+wMvuEu80eFErfbDcAsz2JdqNNdHXZChSt2rHOLvkt8rJgmGG4T2Ks4b0VKNo9RAuXf0MnO6I8jc6CpKHIHWnJ89JDKXYtYhju+2V3adx9E4qtRTs1BUry46mg6KnD215oZ5x2qq1O7WIxN5v8LTjWt/q+oYkVOJtDC2l/0vcElIe20w0N/hkvOYsSQ6EyvaQNAB2hqqV+h4XZR2C+YLuSQyl+hbSRACLuaLYVD3k+MRQdKujbdlQK+Tlx//8FHj0VVkETdoMAAAAASUVORK5CYII=");
  background-size: contain;
}
.star-rating__star ~ .star-rating__star {
  width: 40%;
}
.star-rating__star ~ .star-rating__star ~ .star-rating__star {
  width: 60%;
}
.star-rating__star ~ .star-rating__star ~ .star-rating__star ~ .star-rating__star {
  width: 80%;
}
.star-rating__star ~ .star-rating__star ~ .star-rating__star ~ .star-rating__star ~ .star-rating__star {
  width: 100%;
}

.star-rating__input {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.star-rating__input:hover + i, .star-rating__input:checked + i {
  opacity: 1;
}

.star-rating:hover .current-rating {
  display: none;
}
.current-rating.current-rating--1 .star-rating__star, .current-rating.current-rating--1-5 .star-rating__star, .current-rating.current-rating--2 .star-rating__star, .current-rating.current-rating--2-5 .star-rating__star, .current-rating.current-rating--3 .star-rating__star, .current-rating.current-rating--3-5 .star-rating__star, .current-rating.current-rating--4 .star-rating__star, .current-rating.current-rating--4-5 .star-rating__star, .current-rating.current-rating--5 .star-rating__star {
  opacity: 1;
}
.current-rating.current-rating--1 .star-rating__star {
  width: 20%;
}
.current-rating.current-rating--1-5 .star-rating__star {
  width: 30%;
}
.current-rating.current-rating--2 .star-rating__star {
  width: 40%;
}
.current-rating.current-rating--2-5 .star-rating__star {
  width: 50%;
}
.current-rating.current-rating--3 .star-rating__star {
  width: 60%;
}
.current-rating.current-rating--3-5 .star-rating__star {
  width: 70%;
}
.current-rating.current-rating--4 .star-rating__star {
  width: 80%;
}
.current-rating.current-rating--4-5 .star-rating__star {
  width: 90%;
}
.current-rating.current-rating--5 .star-rating__star {
  width: 100%;
}

/**************star*********************/


.add-to-cart a {
    color: #fff;
    border-radius: 15px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: 700;
    display: inline-block;
    padding: 10px 35px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.pro-qty .qtybtn{
    width: 32px;
    display: block;
    float: left;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    height: 32px;
    background: #f6f7fb;
    border-radius: 50%;
    transition: .3s;
    border: 2px solid rgba(0, 0, 0, 0);
}



.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 13px;
    margin-left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #000 none repeat scroll 0 0;
    border-radius: 0;
    height: 4px
}
.list-group{
    margin-bottom: 0;
}
.price-id{
      display: flex;
    font-size: 20px;
    align-items: baseline;
}
.price-id p{
        margin-left: 8px;
    font-size: 17px;
}
.list-group h3{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 9px;
}

.ui-widget.ui-widget-content {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    height: 4px;
    margin: 10px 0;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none
}

.amount-range {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666;
    font-size: 15px;
    margin-top: 10px;
    padding: 5px 0
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 10px;
    padding: 0 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    margin-top: 0 !important
}
.head_num a{
    font-size:22px;
}

.input-range {
    font-weight: 500;
    padding-right: 3px
}

.flter-option.mb-80 {
    padding-right: 15px
}
.login_droup{
    position: relative;
        padding: 25px 15px;
}
.droup{
    position: absolute;
    right: 0;
    width: 250px;
    background: black;
    z-index: 99;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .3s;
}
.droup a{
    padding:13px 10px;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #676767;
}
.login_droup:hover .droup{
    top: 99%;
    opacity: 1;
    visibility: visible;
}
.rister a{
    font-size: 13px;
}
.rister a span{
    color: #f8de86;
    font-size: 13px;
    text-decoration: underline;
}

/* .clk_btn {
    position: absolute;
    right: 0;
    top: 25px;
    color: #fff;
} */

button.close {
    float: right;
    border: none;
    background: transparent;
}


@media only screen and (max-width: 1300px) {
 .navbar_nav li a{
     padding:28px 16px;
 }
 .navbar_nav {
    width: 49%;
}
.navbar_nav {
    padding: 0px 2px;
}
.search{
    width: 13%;
}
.mobile_search {
    display: block;
}
.leptop_search {
    display: none;
}
}

@media only screen and (max-width: 1200px) {
    .navbar_nav {
        width: 65%;
    }
    .search {
        width: 17%;
    }
}

@media only screen and (max-width: 1024px) {
    .head_contant{
        width:60%;
    }
    .arrival{
        display:none;
    }
    .header_item img{
        height: 600px;
    }
    .great .great_text{
        padding: 50px 45px;
    }
    .fancy .great_text{
        width: 58%;
        top: -1%;
    }
    .created .great_text{
            padding: 50px 50px
    }
}

@media only screen and (max-width: 991px) {
    .hot_box{
        margin-top:20px;
    }
    .category_box {
        margin-top: 0%;
    }
    .category_box_3 {
        margin-top: 0%;
    }
    .category img {
        height: auto;
    }
    .foot_nav {
        margin-top: 16px;
    }
    .single_text {
        margin-top: 28px;
    }
}

@media only screen and (max-width: 885px) {
  .toggle {
    visibility: visible;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 3;
  }

  .toggle>* {
    width: 80%;
    height: 3px;
    background: #efb93f;
    margin: 3px 0;
  }

  .toggle.active .line1 {
    transform: rotate(-45deg) translate(-5px, 6px);
  }

  .toggle.active .line2 {
    opacity: 0;
  }

  .toggle.active .line3 {
    transform: rotate(45deg) translate(-7px, -8px);
  }
  .navbar_nav{
    display:none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #000;
    width:100%;
    z-index: 999;
  }
  .navbar_nav li a {
        padding: 10px 16px;
    }
    /* .clk_btn {
        position: absolute;
        right: 0;
        text-align: center;
        top: 18px;
        width: 40px;
        color: #fff;
    } */
    .droupdown{
        opacity: 1;
        position: revert;
        display: none;
        visibility: visible;
        width: 100%;
        background: #3e3e3e;
    }
    .showing{
        padding-top: 30px;
    }
}
@media only screen and (max-width: 800px) {
    .header_item h1{
        font-size: 45px;
    }
    .head_btn {
        margin-top: 31px;
    }
    .header_item img{
        height: 500px;
    }
    .great .great_text{
        width:70%;
    }
    .category {
        margin-top:100px;
    }
    .fancy .great_text {
        width: 74%;
    }
    .great_text h4{
        font-size: 28px;
    }
    .great_text h3{
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .product_left_text{
        display: none;
    }
    .category_box_3 .category_text{
            position: revert;
              margin-top:20px;
              
    }
    .category_text h3{
            font-size: 32px;
    }
    .category_box_1 .category_text{
        position: revert;
          margin-top:20px;
    }
    .category_box_3 .img{
        width:100%;
    }
    .great_text a{
        padding: 11px 23px 9px;
    }
    .great_text h3{
        margin-bottom: 22px;
    }
    .fancy .great_text {
        width: 87%;
    }
    .home_product {
       margin-top: 110px; 
    }
    .great .great_text {
        width: 85%;
    }
    .comment-respond{
        margin-top:30px;
    }
    .recent {
        margin-top: 31px;
    }
    .contact_form .main_head{
            max-width: 100%;
    }
    .con_icon {
        padding: 30px;
        margin-bottom: 13px;
        background: #f8dd85;
    }
    .table-responsive tbody tr {
    position: relative;
}
.axil-product-table tbody td.product-remove {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: none;
    z-index: 1;
}

.axil-product-table tbody td {
    font-size: 16px;
    display: block;
    text-align: right;
    padding: 10px 10px 10px 0;
    position: relative;
}

.axil-product-table tbody td.product-thumbnail {
    min-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: none;
    width: 100px;
}
.axil-product-table tbody td.product-title {
    width: 100%;
    text-align: left;
    padding-right: 40px;
}
.axil-product-table.axil-cart-table th:last-child, .axil-product-table.axil-cart-table td:last-child {
    padding-right: 10px;
}
.axil-product-table thead {
    display: none;
}
.axil-product-table tbody tr {
    padding-left: 120px;
    position: relative;
    display: block;
    border-bottom: 1px solid #f6f7fb;
    margin-bottom: 30px;
}
.axil-product-table tbody td{
        border-bottom: 2px solid #dddedf;
}

.axil-product-table.axil-cart-table .pro-qty {
    display: inline-flex;
}
.axil-product-table.axil-cart-table .pro-qty .qtybtn {
    font-size: 16px;
}
.axil-product-table tbody td:before {
    content: attr(data-title) " :";
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #000000;
}
}

@media only screen and (max-width: 600px) {
    .slick-nav.next-arrow.slick-arrow {
        right: 0px;
        z-index: 99;
    }
    .slick-nav.prev-arrow.slick-arrow{
        left: 0px;
        z-index: 99;
    }
    .about_in span{
        font-family: 'Josefin Sans' !important;
        word-break: break-all;
        font-size: 16px;
    }
    .header_item h1{
        font-size:30px;
    }
    .head_contant{
        width:75%;
    }
    .header_item img{
        height:400px;
    }
    .home_product {
        margin-top: 20px;
    }
    .created .great_text{
        width:80%;
    }
    .created .great_text{
        padding: 20px 20px;
    }
    .created img{
        height:280px;
        object-fit: cover;
    }
    .fancy img{
         height:280px;
        object-fit: cover;
    }
    .great img{
           height:170px; 
            object-fit: cover;
    }
    .great .great_text {
        padding: 35px 20px;
    }
    .inner_banner img {
        height: 280px;
    }
    .inn_text h2 {
        font-size: 33px;
    }
    .count_ab{
        margin-top:20px;
    }
    .count_bg{
        padding:30px 0;
    }
    .why_us{
        padding:30px 0;
    }
    .all_product li {
        width: 46%;
    }
    .single_text h2 {
        font-size: 26px;
    }
    .one_maltipal img {
        height: 62px;
    }
    .count_nox {
        flex-wrap: wrap;
    }
    .count_btn_heard {
        margin-top: 22px;
    }
    .send_message{
        padding: 30px 0px;
    }
    .contact_form {
        padding: 25px 0;
    }
    .map iframe{
        height:auto;
    }
    .sing_up form {
        width: 93%;
        margin: auto;
    }

    section.shop_page.margin {
        margin-top: 0;
    }
}
@media only screen and (max-width: 500px) {
    .all_product li {
        width: 99%;
    }
    .tabs__btn {
        font-size: 14px;
        padding: 10px 14px 10px 0px;
        margin: 0 7px 0 0;
    }
    .axil-product-table tbody td{
        font-size:15px;
    }
    td.product-thumbnail img {
        height: 87px;
    }
    .mt--80 {
        margin-top: 43px;
    }
    .hot_contant{
        width: 61%;
    }
    .hot_contant h3 {
        font-size: 23px;
    }
}

@media only screen and (max-width: 450px) {
    .subscribe form {
        text-align: right;
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
    }
    .great_text h3 {
        font-size: 23px;
    }
    .fancy img {
        height: 311px;
        object-fit: cover;
    }
    .home_product {
        margin-top: 55px;
    }
    .fancy .great_text {
        top: 8%;
    }

    .subscribe{
        text-align: center;
    }
    .label-block.label-right{
        right:0;
    }
    .hot_contant h3 {
        font-size: 20px;
    }
    .margin {
        margin: 23px 0;
    }
    .home_product {
        margin-top: 20px;
    }
    .great_text h3 {
        font-size: 24px;
    }
    .home_product {
        margin-top: 50px;
    }
    .count_ab h3{
        font-size:26px;
    }
    .inn_text h2 {
        font-size: 27px;
    }
    .thumbnail {
        width: 150px;
    }
    .tab-content {
        margin-top: 38px;
    }
    .one_img img {
        max-height: auto;
        height: 300px;
    }
     .fancy img {
        height: 330px;
        object-fit: cover;
    }
    .fancy .great_text {
        top: 10%;
    }
}
@media only screen and (max-width: 403px) {
    .product_item .img img {
        height: 221px;
    }
    footer h3 {
        font-size: 22px;
    }
    .subscribe form {
        display: flex;
        margin-top: 12px;
    }
    .subscribe form button {
        font-size: 14px;
        padding: 5px 20px 0px;
    }
    .subscribe form input {
        width: 70%;
    }
    .hot_contant{
        width:65%;
    }
    .category_box_1 .img {
        width: 100%;
    }
    .great_text h3 {
        font-size: 23px;
    }
    .great_text h4 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 380px) {
    .hot_contant h3 {
        font-size: 18px;
    }
    .hot_box img {
        height: 190px;
        object-fit: cover;
        width: 100%;
    }
    

}
@media only screen and (max-width: 350px) {
    .main_head h2::after{
        right:0;
        bottom: -4px;
    }
}
.alert-danger{
        width: 100%;
}

.alerts {
    width: 100%;
    padding: 12px;
    border-radius: 5px;
}

.heading_s1 h2 {
    font-size: 54px;
    color: #f5ce4e;
    font-weight: 600;
}
a.btn.btn-fill-out {
    background: #000;
    color: #fff;
}
.order_complete i{
    font-size:30px;
}



*{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-Regular.woff2') format('woff2'),
        url('../font/JosefinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville Old Face';
    src: url('../font/BaskOldFace.woff2') format('woff2'),
        url('../font/BaskOldFace.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.container{
    max-width: 1200px;
}

h1, h2, h4, h5{
    font-family: 'Baskerville Old Face';
}
h3{
    font-family: 'Josefin Sans';
}
a{
    text-decoration: none !important;
    font-family: 'Josefin Sans';
    transition: ease-in-out .3s;
}
ul{
    padding: 0;
    margin-bottom: 0;
}
li{
    font-family: 'Josefin Sans';
    list-style: none;
    position: relative;
}
button, span, label{
    font-family: 'Josefin Sans';  
}
img{
    width: 100%;
    transition: ease-in-out .3s;
}
.img{
    overflow: hidden;
}
.img img:hover{
    transform: scale(1.1);
}
p{
    font-family: 'Josefin Sans';
    font-size: 16px;
    color: #8d8d8d;
}

.margin{
    margin: 50px 0;
}
.ab_home .img img{
    max-height: 530px;
}

.logo img{
    width: 105px;
}
.all_menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;

}
#myHeader.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  transition: .5s;
  animation: slideDown 1s ease-out;
  }
    @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  #myHeader.sticky .logo img{
    width: 120px;
  }


nav{
    width: 100%;
    z-index: 999;
    background-color: #ffffff;
}

.mobile_search{
    display: none;
}

.navbar_nav{
    padding: 0px 10px;
    display: flex;
}
.navbar_nav li{
    position: relative;
}

button.slick-prev.slick-arrow{
    display: none !important;
}
button.slick-next.slick-arrow{
    display: none !important;
}

.mmenu--is-open{
    left: 0%;
}
.header_item.slick-slide.slick-current.slick-active h1 {
    animation: 2s linear 0s alternate headerline;
  }
.header_item.slick-slide.slick-current.slick-active h3 {
    animation: 1s linear 0s alternate headerline;
  }
  .header_item.slick-slide.slick-current.slick-active h2 {
    animation: 2s linear 0s alternate headerline;
  }
  .header_item.slick-slide.slick-current.slick-active .head_btn {
    animation: 3s linear 0s alternate headerline;
  }

  @keyframes headerline {

    0%,
    25% {
      transform: translateX(-10%);
      left: 100%;
      opacity: 0;
    }
  
    75%,
    100% {
      transform: translateX(0px);
      left: 0%;
      opacity: 1;
    }
  }

.navbar_nav li a{
    padding: 28px 16px;
    display: block;
    height: 100%;
    color: #5d8500;
    font-size: 16px;
    font-weight: 600;
}
.navbar_nav li a:hover{
    color: #a5d23a;
}
.header_item{
    position: relative;
}
.head_contant{
    position: absolute;
    top: 20%;
    left: 7%;
    width: 40%;
}
.search{
    display: flex;
    align-items: center;
    width: 30%;
}
.logo{
    width: 15%;
}
.navbar_nav{
    width: 52%;
}
.leptop_search{
    width: 80%;
}
.leptop_search form{
    background-color: #f8f8f8;
    border-radius: 20px;
    padding: 0 10px;
}
.leptop_search form input{
    background-color: transparent;
    border: none;
    outline: none;
    padding: 8px 10px;
}
.leptop_search form button{
    background-color: transparent;
    border: none;
    float: right;
    margin-top: -30px;
    margin-right: 10px;
}
.header_item h1{
    font-family: 'Josefin Sans';
    font-size: 60px;
    color: #fff;
    margin: 15px 0;
}
.head_contant h3{
    color: #137919;
    font-size: 25px;
    padding: 5px 5px 0;
    font-weight: 400;
    background-color: #fff;
    display: inline-block;
}
.head_contant h2{
    font-family: 'Josefin Sans';
    color: #000;
    font-size: 20px;
    margin: 15px 0 35px;
    font-weight: 600;
}
.head_contant h2 span{
    background-color: #fff;
    color: #a5d042;
    padding: 5px 5px 0;
    font-size: 30px;
}
.head_btn a{
    font-size: 18px;
    padding: 16px 38px 13px;
    border-radius: 8px;
    color: #000;
    background-color: #a5d042;
}

.search a{
    color: #000000;
    margin: 0 10px;
    position: relative;
}

.search a:hover{
    color: #000;
}
.cart-count{
    text-align: center;
    background-color: #198754;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    line-height: 20px;
    position: absolute;
    top: -11px;
    right: -10px;
}
.droupdown{
    position: absolute;
    top: 85px;
    background-color: #ffffff;
    z-index: 9;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .3s;
    border-radius: 5px;
}
.droupdown li{
    padding: 0;
}
.droupdown li a{
    display: block;
    padding: 12px 20px;
}
.navbar_nav li:hover .droupdown{
    top: 65px;
    opacity: 1;
    visibility: visible;
}
.header_item img{
    height: 550px;
    object-fit:cover;
}
.arrival{
    transform: rotate(-90deg);
    position: absolute;
    left: -35px;
    top: 35%;
}
.arrival h5{
    color: #a5d042;
    font-family: 'Josefin Sans';
    font-size: 35px;
}
.header_item{
    position: relative;
}
.margin{
    margin: 30px 0;
}
.main_head h2{
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
}
.main_head h2::after{
    content: '';
    width: 30px;
    height: 4px;
    background-color: #a5d042;
    position: absolute;
    right: -10px;
    bottom: 5px;
}
.main_head{
    margin-bottom: 15px;
}
.coll_text{
    display: flex;
    justify-content: space-between;
    position: absolute;
    align-items: center;
    bottom: 10px;
    left: 0;
    padding: 0 13px;
    width: 100%;
    z-index: 9;
}
.coll_text img{
    width: 40px;
    background-color: #a5d042;
    border-radius: 50%;
    padding: 5px;
}
.coll_item .img img{
    border-radius: 10px;
    height: 215px;
    object-fit: cover;
}
.coll_item::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    background: linear-gradient(0deg, #00000070 0%, #00000000 100%);
}
.coll_item{
    position: relative;
    margin: 8px;
}
.coll_text a{
    color: #fff;
}
.hot_box{
    position: relative;
}
.hot_contant{
    position: absolute;
    top: 10%;
    left: 5%;
    width: 40%;
}
.hot_contant h3{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.hot_contant p{
    color: #ffffff;
}
.hot_contant a{
    color: #ffffff;
    text-decoration: underline !important;
}
.hot_box:nth-child(2){
    margin-top: 30px;
}
.hot_box:nth-child(2) .hot_contant{
    text-align: right;
    left: auto;
    right: 5%;
}
.hot_contant a:hover{
    color: #a5d042;
}
.star img{
    width: 130px;
    margin-top: 15px;
}
.star_rating{
    color:#f9a313;
}
.pro_color span{
    width:35px;
    height:35px;
    display: inline-block;
    box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px,
    rgb(31, 193, 27) 0px 0px 0px 6px,
}
.category_box_ {
    width: 65%;
    margin: 0 0 0 auto;
}
.category img {
    height: 550px;
    object-fit: cover;
}
.category_box_3 .img{
        position: relative;
}
.category_box_3 .img:after{
        content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff3d;
}
.ava_point{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
}
.product_item{
    margin-bottom: 20px;
        position: relative;
}
.product_item .icon i{
    color:#f9a313;
}
.label-block.label-right {
    left: auto;
    right: -10px;
}
.label-block.label-right {
    position: absolute;
    top: 16px;
    right: -5px;
    z-index: 2;
}
.product-badget{
    background-color: #a5d042;
    line-height: 1;
    padding: 6px 10px 5px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 16px 0 rgba(53, 119, 240, .3);
    display: inline;
}
.bg-tab{
    background-color: #fff;
    padding:15px;
}
.card{
    padding:15px;
}
.product_item h4{
    font-size: 17px;
    margin: 15px 0;
    font-weight: 600;
    line-height: 25px;
}
.product_item h4 a{
    color: #000;
}
.ho_price span{
    font-size: 16px;
    margin-right: 10px;
    font-weight: 600;
    color: #000;
}
.img-product {
    width: 100px;
}

.media {
    margin-bottom: 40px;
}



.main-wrapper{
    margin:50px 0;
}
.ho_price{
    border-top: 1px solid #F4F4F4;
    padding-top: 10px;
}
.input-group input {
    margin-right: 10px;
}
.product_item .img img{
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 8px;
    height: 300px;
    object-fit: contain;
}
.product_item .img{
    position: relative;
}
.pro_btn{
    position: absolute;
    bottom: 5%;
    left: 25%;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .3s;
}
.pro_btn a{
    font-size: 16px;
    padding: 13px 26px 11px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #a5d042;
}
.pro_btn a:hover{
    background-color: #000;
    color: #fff;
}
.product_item:hover .pro_btn{
    bottom: 10%;
    opacity: 1;
    visibility: visible;
}
.great{
    position: relative;
}
.great .great_text{
    text-align: center;
    background-color: #151413;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 100px;
    border-radius: 10px;
}
.great_text h5{
    color: #a5d042;
    margin-bottom: 20px;
    font-family: "Josefin Sans";
}
.great_text h4{
    color: #fff;
    font-size: 35px;
    margin-bottom: 10px;
    font-family: "Josefin Sans";
}
.great_text h3{
    color: #a5d042;
    font-size: 35px;
    margin-bottom: 35px;
    font-family: "Josefin Sans";
}
.great_text a{
    border: 1px solid #a5d042;
    font-size: 16px;
    padding: 16px 30px 13px;
    border-radius: 8px;
    color: #ffffff;
}
.great_text a:hover{
    background-color: #a5d042;
    color: #000;
}

.category_box_1{
    position: relative;
}
.category_box_1 .img{
    width: 60%;
    margin: auto;
}
.category_box_1 .category_text{
    position: absolute;
    left: 0;
    top: 20%;
    text-align: left;
}
.category_text h3{
    font-size: 45px;
    color: #000000;
    font-weight: 600;
}
.category_text a{
    color: #a5d042;
    text-decoration: underline !important;
}
.category_text a:hover{
    color: #000;
}
.category_box{
    margin-top: -30%;
}
.category_box .category_text{
    text-align: left;
    margin-top: 15px;
}
.category_box_3{
    position: relative;
    margin-top: -35%;
}

.category_box_3 .category_text{
    position: absolute;
    left: 15%;
    top: 20%;
    text-align: left;
        z-index: 99;
}
.category_box_3 .img{
    width: 65%;
    margin: 0 0 0 auto;
}

.fancy{
    position: relative;
}
.fancy .great_text{
    text-align: left;
    background-color: #151413;
    color: #fff;
    position: absolute;
    left: 7%;
    top: 18%;
    /* transform: translate(-50%, -50%); */
    padding: 50px 30px;
    border-radius: 10px;
    width: 35%;
}
.created{
    position: relative;
}
.created::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #00000093;
}
.created .great_text{
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 130px;
    z-index: 9;
}
.created .great_text p{
    color: #fff;
    margin: 25px 0;
}
.created .great_text a{
    background-color: #a5d042;
    color: #000;
}
.gallery_item p{
    color: #000;
    margin-top: 10px;
     font-size: 20px;
    font-weight: 700;
}
.gallery_item img{
    height:450px;
     object-fit: cover;
}
.gallery_item h3 {
    margin-top: 15px;
    font-size: 15px;
}
.gallery_item{
    margin: 8px;
    text-align: left;
}
.subscribe{
    background-color: #006838;
    padding: 20px 0;
}
footer h3{
    font-size: 30px;
    color: #fff;
    margin-bottom: 0;
}
.subscribe form{
    text-align: right;
    flex-wrap:wrap;
}
.subscribe .row{
    align-items: center;
}
.subscribe form input{
    width: 60%;
    border-radius: 30px;
    border: none;
    padding: 13px 15px;
    font-size: 14px;
}
.subscribe form button{
    font-size: 16px;
    padding: 16px 30px 13px;
    border-radius: 30px;
    color: #000;
    border: none;
    background-color: #a6d03f;
    font-weight: 600;
}
.subscribe form button:hover{
    background-color: #fff;

}
footer{
    background-color: #F2F2F2;
}
.foot_logo img{
    width: 180px;
}
.foot_nav h5{
    color: #006838;
    font-family: 'Josefin Sans';
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.foot_nav ul li a{
    color: #000000C2;
}
.foot_nav ul li a:hover{
    color: #000;
}
.foot_nav ul li{
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    color: #000000C2;
}
.information P{
    color: #000000;
    font-size: 11px;
    margin-bottom: 0;
}
.socal_media{
    display: flex;
    justify-content: right;
}
.socal_media a{
    color: #3c3c3c;
    margin-left: 15px;
    font-size: 20px;
}
.socal_media a:hover{
    color: #000;
}
.copy_right{
    border-top: 1px solid #D2D7E3;
    padding-top: 20px;
    margin-top: 30px;
    padding-bottom: 8px;
}
.copy_right .row{
    align-items: center;
}







.single_product {
    padding: 60px 0;
}
.one_maltipal img {
    height: 100px;
    cursor: pointer;
    object-fit: cover;
}
.one_maltipal {
    border: 1px solid #8d8d8d;
    margin: 10px;
    padding: 5px;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.one_img img {
    /* max-height: 550px; */
    object-fit: contain;
    object-position: center center;
}

.single_text h2 {
    font-size: 35px;
    margin-bottom: 15px;
}
.single_text h3 {
    font-size: 15px;
    margin-bottom: 15px;
}
.single_text .price {
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 14px;
    display: inline-flex;
    margin-right: 8px;
}
.single_text ul {
    margin: 20px 0;
}
.single_text ul li {
    margin-bottom: 10px;
    color: #5c5c5c;
}
.single_text ul li i{
    color: #a5d042;
    margin-right: 5px;
}
.single_text h4 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 20px;
}
.count_nox {
    display: flex;
    align-items: center;
}
.counter {
    display: inline-flex;
    align-items: center;
    user-select: none;
    gap: 8px;
    border: 1px solid #c3c3c3;
    width: 180px;
}
.counter__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50px;
    height: 50px;
    font-size: 25px;
    font-weight: 700;
    border-radius: 50%;
    cursor: pointer;
}
.counter__input-box {
    flex: 0 0 60px;
}
.counter__input {
    width: 100%;
    text-align: center;
    background: transparent;
    border: none;
    font-size: 30px;
}
.count_btn a {
    background-color: #141414;
    padding: 19px 33px;
    color: #fff;
    margin: 0 15px;
}
.count_btn_heard a {
    background-color: #fff;
    padding: 13px 12px 9px;
    color: #000;
    border-radius: 50%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
ul.slick-dots {
    display: none !important;
}
.product_left_text {
    position: sticky;
    top: 100px;
}
.categories h4 {
    font-size: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom:15px;
}
.categories li a {
    color: #666;
    margin-bottom: 10px;
    display: block;
}
.recent h4 {
    font-size: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom:15px;
}
.clk_btn2 {
    position: relative;
    cursor: pointer;
}
.clk_btn2:after{
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #000;
    right: 4px;
    top: 15px;
}
.clk_btn2.active::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    background: #000;
    right: 11px;
    top: 9px;
}
.recent ul li {
    margin-bottom: 20px;
}
.recent ul li a {
    display: flex;
    align-items: center;
}
.recent li .img {
    margin-right: 15px;
}
.recent ul li h5 {
    color: #000;
}
.recent ul li p {
    margin-bottom: 5px;
}
.recent ul li .prices {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.recent li .img img {
    width: 100px;
    height:80px;
    object-fit: cover;
}
.showing {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #666;
    padding-bottom: 20px;
}
.showing select {
    background-color: transparent;
    outline: none;
    border: none;
}
.all_product {
    display: flex;
    flex-wrap: wrap;
}
.all_product li{
    width:31%;
    margin:8px;
}
.foot_nav ul{
    height:200px;
    overflow: auto;
}
.inner_banner {
    position: relative;
}
/* .inner_banner:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff6e;
} */
.inner_banner img {
    height: 400px;
    object-fit: cover;
}
.inn_text {
    /* position: absolute; */
    left: 9%;
    bottom: 20%;
    color: #000;
    z-index: 99;
}
.inn_text h2 {
    color: #ffffff;
    font-size: 45px;
}

.product-table-heading {
    display: flex;
    justify-content: space-between;
}
.product-table-heading .title {
    margin-bottom: 20px;
    font-weight: 500;
    display: inline-block;
}
.product-table-heading .cart-clear {
    display: inline-block;
    font-size: 14px;
}
.axil-product-table thead {
    background-color: #dfdfe1;
}




.product-table-heading .title {
    margin-bottom: 20px;
    font-weight: 500;
    display: inline-block;
}
.product-table-heading .cart-clear {
    display: inline-block;
    font-size: 14px;
   
}
.axil-product-table thead {
    background-color: #dfdfe1;
}
.axil-product-table thead th {
    font-size: 20px;
    text-transform: capitalize;
    border: none;
    color: #292930;
    padding: 18px 15px;
    font-weight: 600;
}
.categories li:after {
    content: " » ";
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 19px;
}
.categories li {
    padding-left: 20px;
}
.axil-product-table tbody {
    border-top: none !important;
}
.axil-product-table.axil-cart-table th:first-child, .axil-product-table.axil-cart-table td:first-child {
    padding-left: 30px;
}
.axil-product-table tbody td.product-remove {
    min-width: auto;
}
.axil-product-table tbody td {
    border-top: none;
    border-bottom: 2px solid var(--color-lighter);
    vertical-align: middle;
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-body);
    min-width: 150px;
}
.axil-product-table tbody td.product-thumbnail {
    min-width: 130px;
    width: 130px;
}
.axil-product-table tbody td.product-title {
    width: 30%;
    color: var(--color-black);
}
.axil-product-table.axil-cart-table th:last-child, .axil-product-table.axil-cart-table td:last-child {
    padding-right: 50px;
}
.blog_btn a{
    font-size: 15px;
    padding: 11px 20px 8px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #a5d042;
}
.axil-product-table tbody td.product-remove .remove-wishlist {
    display: block;
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 35px;
    background-color: #c5c5c5;
    border: 2px solid var(--color-lighter);
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
}
.pro-qty {
    width: 178px;
    border-radius: 50px;
}
.axil-product-table.axil-cart-table .pro-qty input {
    margin: 0 5px;
    min-width: 45px;
}
.pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 500;
    margin: 0 12px;
    color: #27272e;
}
.axil-product-table.axil-cart-table .pro-qty .qtybtn {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
}
.pro-qty .qtybtn {
    width: 32px;
    display: block;
    float: left;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    height: 32px;
    background: #d7d7d7;
    border-radius: 50%;
    transition: .3s;
    border: 2px solid rgba(0, 0, 0, 0);
}
.axil-product-table tbody td.product-title a {
    color: #000;
}

.axil-product-table.axil-cart-table .pro-qty {
    width: auto;
}
.product-table-heading {
    display: flex;
    justify-content: space-between;
}
.axil-product-cart-wrap .cart-update-btn-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    border-top: 1px solid #c3c3c3;
    padding-top: 30px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.axil-product-cart-wrap .product-cupon {
    flex-wrap: nowrap;
}

.axil-product-cart-wrap .product-cupon input {
    width: 100%;
    padding: 0 10px;
    border-bottom: 2px solid #efefef;
    border-radius: 0;
    outline: none;
    border: navy;
    background: #eaeaea;
}
.axil-product-cart-wrap .product-cupon .product-cupon-btn {
    margin-left: 20px !important;
}
.axil-product-cart-wrap .update-btn {
    text-align: right;
}
.axil-product-cart-wrap .update-btn .axil-btn {
    border-width: 2px;
    border-color: #efefef;
    color: #000;
}
a.axil-btn, button.axil-btn {
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 700;
    display: inline-block;
    padding: 4px 35px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
}
a.axil-btn.btn-outline, button.axil-btn.btn-outline {
    border: 2px solid #c3c3c3;
}
.mt--80 {
    margin-top: 80px;
}
.axil-order-summery {
    background-color: #f3f3f3;
    border-radius: 6px;
    padding: 40px;
}
.mb--20 {
    margin-bottom: 20px;
}
a.axil-btn.btn-bg-primary, button.axil-btn.btn-bg-primary {
    background-color: #a6d03f;
    color: #fff;
}
.axil-order-summery .checkout-btn {
    width: 100%;
    text-align: center;
}
.mb--30 {
    margin-bottom: 30px;
}
.axil-order-summery .summery-table tbody td {
    border-bottom: 1px solid;
    border-color: rgba(101, 105, 115, .2);
    font-size: 16px;
    font-weight: 500;
    color: #292930;
    padding: 18px 15px 18px 0;
    min-width: 180px;
}


.coupon h4{
    font-size: 20px;
}

.coupon h4 span{
    cursor: pointer;
    color: #a5d042;
}

.apply label{
    display: block;
}
.apply_copun{
    display: flex;
    max-width: 45%;
    margin-top: 15px;
}
.apply_copun input{
    width: 75%;
    padding: 1.25em 1.85em;
    background-color: #dadada20;
    border-width: 1px;
    border-style: solid;
    border-color:#e3e3e3;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all ease-in-out .3s;
    border-radius: 0;

}
.table-responsive .table tr:nth-child(even) {
    background-color: transparent !important;
}
.apply_copun button{
    width: 25%;
    background-color: #141414;
    color: #fff;
    border: none;
}
.apply_copun button:hover{
    background-color: #000;
}
.apply{
    margin-top: 30px;
}
.coupon form{
    display: none;
}
.billing_box label{
    margin-bottom: 10px;
}
.billing_box input, select, textarea{
    width: 100%;
    padding: 1.20em 1.85em;
    background-color: #dadada20;
    border-width: 1px;
    border-style: solid;
    border-color:#e3e3e3;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all ease-in-out .3s;
    border-radius: 0;
    margin-bottom: 15px;
}
.single-select{
    padding: 0;
}
.customer_details{
    padding: 40px;
    position: sticky;
    top: 120px;
    background: #f3f3f3;
}
.cust_table {
    background: #fff;
    padding: 20px 32px;
    margin-bottom:25px;
}
.customer_details h2{
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
}
.customer_details tr{
    border-bottom: 1px solid #c3c3c3;
}
.product-total-2{
        font-weight: 900;
}
table{
    width: 100%;
    margin-bottom: 30px;
}

.customer_details .product-name{
    width: 50%;
    padding: 15px 0;
}

.customer_details .product-total{
    width: 50%;
    text-align: right;
    padding: 10px 0;
}

.customer_details button{
    width: 100%;
    border: none;
    background-color: #a5d042;
    padding: 10px;
    color: #fff;
}
.billing{
    padding-bottom: 50px;
}

.table-responsive tbody tr{
    border-bottom: 1px solid #c3c3c3;
}
.product-add-cart a{
    color: #000;
}
.product-add-cart a:hover{
    background-color: #000;
    color: #fff;
}
td.product-thumbnail img {
    height: 116px;
    object-fit: cover;
}

.contact_form{
    text-align: center;
    padding: 60px 0;
}

.contact_form .main_head{
    max-width: 60%;
    margin: auto;
    margin-bottom: 50px;
}
.review {
    background: #f2f2f2;
    padding: 30px 0;
}

.con_icon{
    padding: 30px;
}
.con_icon i{
    font-size: 25px;
    margin-bottom: 10px;
}
.con_icon h5{
    font-size: 25px;
    margin: 20px 0;
}
.con_icon a{
    color: #000;
    font-size: 20px;
}
.send_message{
    padding: 0px 150px;
    text-align: center;
}

.send_message input, textarea{
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.send_message button{
    width: 100%;
    border: none;
    padding: 10px;
    background-color: #a5d042;
    color: #fff;
}
.send_message button:hover{
    background-color: #000;
    color: #fff;
}

.coupon {
    padding: 20px 0;
}
.coupon h4 {
    font-size: 20px;
}
.coupon form {
    display: none;
}
.apply {
    margin-top: 30px;
}
.apply label {
    display: block;
}
.apply_copun {
    display: flex;
    max-width: 45%;
    margin-top: 15px;
}
.apply_copun input {
    width: 75%;
    padding: 1.25em 1.85em;
    background-color: #dadada20;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    transition: all ease-in-out .3s;
    border-radius: 0;
}

.apply_copun button {
    width: 25%;
    background-color: #141414;
    color: #fff;
    border: none;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #a5d042; 
  border-radius: 10px;
}

.single-payment .input-group.justify-content-between.align-items-center {
    justify-content: left !important;
}

.billing{
    padding-bottom: 50px;
}

.table-responsive tbody tr{
    border-bottom: 1px solid #c3c3c3;
}
.product-add-cart a{
    color: #000;
}
.product-add-cart a:hover{
    background-color: #000;
    color: #fff;
}
td.product-thumbnail img {
    height: 116px;
    object-fit: cover;
}

.contact_form{
    text-align: center;
    padding: 60px 0;
}

.contact_form .main_head{
    max-width: 60%;
    margin: auto;
    margin-bottom: 50px;
}

.con_icon{
    padding: 30px;
}
.con_icon i{
    font-size: 25px;
    margin-bottom: 10px;
}
.con_icon h5{
    font-size: 25px;
    margin: 20px 0;
}
.con_icon a{
    color: #000;
    font-size: 20px;
}
.send_message{
    padding: 50px 150px;
    text-align: center;
}

.send_message input, textarea{
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.send_message button{
    width: 100%;
    border: none;
    padding: 10px;
    background-color: #a5d042;
    color: #fff;
}
.send_message button:hover{
    background-color: #000;
    color: #fff;
}
.blog_box{
    flex-wrap: wrap;
    margin-top:30px;
}
.blog_contant h4{
    font-weight: 900;
}
.blog_contant h5{
    margin-top:15px;
}
.blog_box img{
    height:400px;
    margin-bottom:15px;
        object-fit: cover;
}
.blog_contant a{
    color:#000;
}
.blog_page{
    margin:60px 0;
}

.why_icon img{
    width: 40px;
    margin-right: 10px;
    background-color: #a5d042;
    border-radius: 50%;
    padding: 5px;
}
.why_us{
    padding: 50px;
    background-color: #f4f4f4;
}
.why_us ul li{
    display: flex;
}

.count_bg{
    text-align: center;
    background-color: #000000c7;
    padding: 80px;
}
.count_ab img{
    width: 65px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 50%;
    padding: 12px;
}
.count_ab h3{
    color: #fff;
    font-weight: 600;
    font-size: 35px;
}
.count_ab p{
    color: #fff;
}

.client_item{
    margin: 10px;
}
.client_slider{
    margin-top: 30px;
}
.client_item img{
    height: 130px;
    object-fit: contain;
    background-color: #fff;
    border-radius: 10px;
}
.page_not {
    padding: 100px 0;
}
.page_not .row{
    align-items: center;
}

.page_item{
    margin:10px;
}


.review .tabs__btn.active {
    color: #a5d042;
    border-bottom: 2px solid #a5d042;
  }

 .review .tabs__btn:hover {
    color: #a5d042;
  }
 .review .tabs__body {
    display: none;
    font-size: 18px;
  }
  .tabs__body ul li{
         font-size: 16px;
        margin-bottom: 5px;
        list-style: circle;
  }
   .tabs__body ul{
       padding-left:15px;
   }

  .review .tabs__body.active {
    display: block;
  }
.tabs__navigation{
    display: flex;
    border-bottom: 1px solid #9c9999;
    margin-bottom: 30px;
}
.tabs__btn{
    color: #000;
    padding: 10px 20px 10px 0px;
    cursor: pointer;
    margin: 0 10px 0 0 ;
    font-weight: 600;
}
.tabs__body p{
    color: #000;
}

.tabs__body table {
    border-collapse: collapse;
    width: 100%;
  }
  .tabs__body td{
    border: 1px solid #dddddd;
    text-align: left;
    padding: 14px;
    font-size: 15px;
    font-family: 'Josefin Sans';
  }
  .review_box{
    display: flex;
  }
  .review_box .img-r img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 20px;
  }
  .review_box .star img{
    width: 100px;
  }
  .star .name{
    display: block;
    font-weight: 600;
    font-size: 22px;
    margin: 10px 0;
    line-height: 20px;
  }
  .star .r_date{
    font-size: 15px;
    color: #444444;
    margin-bottom: 10px;
    display: block;
  }
  .review_box{
    margin-top: 30px;
  }
  .product-page_details{
    padding-bottom: 50px;
    text-align: center;
  }

  .top-search-form input[type="search"] {
    border-radius: 0;
    -webkit-appearance: none;
  }
  .top-search-form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    height: 100px;
    z-index: 998;
  }
  .top-search-form .search-field {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000;
    cursor: help;
    border: none;
    z-index: 1000;
    padding: 0 30px;
    outline: none;
  }
  .top-search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #000;
    border: none;
    color: #fff;
    width: 7%;
    border-radius: 0;
    cursor: pointer;
  }
  .searchClose {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    padding: 0 15px;
    font-weight: 600;
    color: #fff;
    z-index: 5;
    text-align: center;
    cursor: pointer;
  }
.toggle-open {
    display: none;
}
.show {
    display: block !important;
}

.comment-respond .title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
}
.tabs__body p {
    color: #000;
    line-height: 30px;
}
v
.rating-box {
    text-align: center;
    display: flex;
    margin-bottom: 14px;
}
.send_message input, textarea {
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.tabs__body .form-group input {
    width: 100%;
    color: #30373e;
    border-color: #e3e3e3;
    border-style: solid;
    background-color: #dadada20;
    font-size: .875rem;
    padding: 15px 22px;
    border-width: 1px;
    margin-bottom: 20px;
    outline: none;
}
.tabs__body button#submit {
    background: #000;
    color: #fff;
}
.rating-wrapper{
    display: flex;
    margin-bottom: 17px;
}
.new_star {
    margin-left: 6px;
}
.price-old{
    display: inline-block;
    font-size: 19px;
    color: #a7a7a7;
    text-decoration: line-through;
}

/**************star*********************/


.star-rating {
  font-size: 0;
  position: relative;
  width: 131px;
  height: 25px;
  overflow: hidden;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAACZ0lEQVR42s2Yz0sUYRjH+wVmB4lCOgR66BAegoQU/4SgQ4culSeRoEKiU0QRrHpSwcCDFEREBMGSiMIOdpA9bGwbLTML+1MjQlE8GGmXgpTdPk/MxrLMzsDM484ufFne2ff9vp95nnee9905VKlUVFQqlQa1vFRM0un0CaB2TNPsbBmoYrF4E6hKoVC42zJQAMUECiVaAkpSRqT2bKhyPp/vCh0KoBEBqooUPmgFqI+1UMgKFSqbzZ4TkHpxvSc0KFL1xAkKjYUGRepKTlBc/xIKFJNfEoBGyuVyfWFAPXWDIlrTTYWKRqNHmXTLA2ozEokc8QWFwRAGb9EcWkRLXFtGCfSJtolyaAV9k8nQd3tyL23QdxVlUZr2B9vbQPP2vK/QczTDgzOJrv+7azpMoLIYhazXsrn/Dxnbw1Uu7oYE85tI3aqyOBVDq5lAUj4IyEXXhR6Px4/T8WWTgN6lUqmOega3aj0sYT0gmD/43/dVEghrLyZflaHWARoIVKcsyzoppUIJyMDrtErx5HMYs0cBYMoyXnxUK3p1r/MrUtatvs1wp6MBoe4cBJQZcD3FVKEymcxZhUX+K5lMtqtBYXhbAUpSeEUTKuZ1GkCPSfEPj36zKlCya7tVdkDeSC2rppn2e5e+aypQcnpoMMk2k1xrUNNGZA01ALsQGAqjFw7GC5wozniMO0+/zw5jHwaCkruuO/b+REMeprUnjmNS39BejUciEBSp668xW/b7nkB8AFuxffZpn/INxSM8bq+NexI1hXdYs3YKb/iGYvAzWRs+INyidhnfKd9Q8qdCvrVlGEab2+9/AaqhSf4SQ/sOAAAAAElFTkSuQmCC");
  background-size: contain;
  margin-left: 10px;
}

.star-rating__star {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  opacity: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAACtElEQVR42s2YzWsTQRjG4wf4cRBRRFDRgkEtuzujoOKfIHjw4MWPk4igIuJJRBGqPamg4EEUREQEoSiiYtBDCWibZmakHvSgBil+H9SmbXZGUGl8XsniQpdN2J1mE3gJm8y+89t3nnlmZnP1et1K+NLbYyuXlSRfHi6brxWv1p7ml3QMlC+83UbxupbsUMdAacUeEZRR7FlHQNGQGcl/N6AmRweclZlDGeEdJqAgMJTHMoeCjobCUFryF5lCjQ26qwOYcNSG3O7MoFCVU1FQWnpnMoMykr2OgkJUMoHSwt0YQERXy9nUdihfsotxUL7iF9oK1deXm6Ul+xpbKcU/9/TkZiaCwkK6F9q4jU7uIh4gHuO6n9wZiQWuhyHoVzDIN4gR6gy/fY8BCtvDJ9zzFu1fwvWf47cByo3rAvLca/R7A+2uauVdMoKdqym2899To/FZcmNKlGkIdpMW9//CLXvbQT+WCYxkP2Ej+wOWKWZIjtxmqIovnfWxQh8pds0F2PV2AEFPd36U8wtann1asH1U1mkC+gUNH01kCdDYBoC9s6yfD6bMtqTyqWqxayFZhaXhKkyIdYutmCc+M+AzJ5IDsUm6n/JYdfRgrUsa1cHuVdaXGfjI6ZRDd3AaoNhwKigcLqxCmdKa5elnHTcfSyvmWYPSgh+wMvuEu80eFErfbDcAsz2JdqNNdHXZChSt2rHOLvkt8rJgmGG4T2Ks4b0VKNo9RAuXf0MnO6I8jc6CpKHIHWnJ89JDKXYtYhju+2V3adx9E4qtRTs1BUry46mg6KnD215oZ5x2qq1O7WIxN5v8LTjWt/q+oYkVOJtDC2l/0vcElIe20w0N/hkvOYsSQ6EyvaQNAB2hqqV+h4XZR2C+YLuSQyl+hbSRACLuaLYVD3k+MRQdKujbdlQK+Tlx//8FHj0VVkETdoMAAAAASUVORK5CYII=");
  background-size: contain;
}
.star-rating__star ~ .star-rating__star {
  width: 40%;
}
.star-rating__star ~ .star-rating__star ~ .star-rating__star {
  width: 60%;
}
.star-rating__star ~ .star-rating__star ~ .star-rating__star ~ .star-rating__star {
  width: 80%;
}
.star-rating__star ~ .star-rating__star ~ .star-rating__star ~ .star-rating__star ~ .star-rating__star {
  width: 100%;
}

.star-rating__input {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  z-index: 2;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.star-rating__input:hover + i, .star-rating__input:checked + i {
  opacity: 1;
}

.star-rating:hover .current-rating {
  display: none;
}
.current-rating.current-rating--1 .star-rating__star, .current-rating.current-rating--1-5 .star-rating__star, .current-rating.current-rating--2 .star-rating__star, .current-rating.current-rating--2-5 .star-rating__star, .current-rating.current-rating--3 .star-rating__star, .current-rating.current-rating--3-5 .star-rating__star, .current-rating.current-rating--4 .star-rating__star, .current-rating.current-rating--4-5 .star-rating__star, .current-rating.current-rating--5 .star-rating__star {
  opacity: 1;
}
.current-rating.current-rating--1 .star-rating__star {
  width: 20%;
}
.current-rating.current-rating--1-5 .star-rating__star {
  width: 30%;
}
.current-rating.current-rating--2 .star-rating__star {
  width: 40%;
}
.current-rating.current-rating--2-5 .star-rating__star {
  width: 50%;
}
.current-rating.current-rating--3 .star-rating__star {
  width: 60%;
}
.current-rating.current-rating--3-5 .star-rating__star {
  width: 70%;
}
.current-rating.current-rating--4 .star-rating__star {
  width: 80%;
}
.current-rating.current-rating--4-5 .star-rating__star {
  width: 90%;
}
.current-rating.current-rating--5 .star-rating__star {
  width: 100%;
}

/**************star*********************/


.add-to-cart a {
    color: #fff;
    border-radius: 15px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: 700;
    display: inline-block;
    padding: 10px 35px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.pro-qty .qtybtn{
    width: 32px;
    display: block;
    float: left;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    height: 32px;
    background: #f6f7fb;
    border-radius: 50%;
    transition: .3s;
    border: 2px solid rgba(0, 0, 0, 0);
}



.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 13px;
    margin-left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #000 none repeat scroll 0 0;
    border-radius: 0;
    height: 4px
}
.list-group{
    margin-bottom: 0;
}
.price-id{
      display: flex;
    font-size: 20px;
    align-items: baseline;
}
.price-id p{
        margin-left: 8px;
    font-size: 17px;
}
.list-group h3{
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 9px;
}

.ui-widget.ui-widget-content {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    height: 4px;
    margin: 10px 0;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none
}

.amount-range {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666;
    font-size: 15px;
    margin-top: 10px;
    padding: 5px 0
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 10px;
    padding: 0 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    margin-top: 0 !important
}
.head_num a{
    font-size:22px;
}

.input-range {
    font-weight: 500;
    padding-right: 3px
}

.flter-option.mb-80 {
    padding-right: 15px
}
.login_droup{
    position: relative;
        padding: 25px 15px;
}
.droup{
    position: absolute;
    right: 0;
    width: 250px;
    background: #6f995f;
    z-index: 99;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .3s;
}
.droup a{
    padding:13px 10px;
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #676767;
}
.login_droup:hover .droup{
    top: 99%;
    opacity: 1;
    visibility: visible;
}
.rister a{
    font-size: 13px;
}
.rister a span{
    color: #a5d042;
    font-size: 13px;
    text-decoration: underline;
}

/* .clk_btn {
    position: absolute;
    right: 0;
    top: 25px;
    color: #fff;
} */

button.close {
    float: right;
    border: none;
    background: transparent;
}

.clk_btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 37px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #a7d340;
    clear: both;
}


@media only screen and (max-width: 1300px) {
 .navbar_nav li a{
     /* padding:28px 16px; */
 }
 .navbar_nav {
    width: 65%;
}
.navbar_nav {
    padding: 0px 20px;
    /* float: left; */
    margin-right: 0;
}
.search{
    width: 14%;
}
.mobile_search {
    display: block;
}
.leptop_search {
    display: none;
}
}

@media only screen and (max-width: 1200px) {
    .navbar_nav {
        width: 65%;
    }
    .search {
        width: 20%;
    }
}

@media only screen and (max-width: 1024px) {
    .head_contant{
        width:60%;
    }
    .arrival{
        display:none;
    }
    .header_item img{
        height: 600px;
    }
    .great .great_text{
        padding: 50px 45px;
    }
    .fancy .great_text{
        width: 58%;
        top: -1%;
    }
    .created .great_text{
            padding: 50px 50px
    }
}

@media only screen and (max-width: 991px) {
    .hot_box{
        margin-top:20px;
    }
    .category_box {
        margin-top: 0%;
    }
    .category_box_3 {
        margin-top: 0%;
    }
    .category img {
        height: auto;
    }
    .foot_nav {
        margin-top: 16px;
    }
    .single_text {
        margin-top: 28px;
    }
}

@media only screen and (max-width: 885px) {
  .toggle {
    visibility: visible;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 3;
  }

  .toggle>* {
    width: 80%;
    height: 3px;
    background: #efb93f;
    margin: 3px 0;
  }

  .toggle.active .line1 {
    transform: rotate(-45deg) translate(-5px, 6px);
  }

  .toggle.active .line2 {
    opacity: 0;
  }

  .toggle.active .line3 {
    transform: rotate(45deg) translate(-7px, -8px);
  }
  .navbar_nav{
    display:none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #000;
    width:100%;
    z-index: 999;
  }
  .navbar_nav li a {
        padding: 10px 16px;
    }
    /* .clk_btn {
        position: absolute;
        right: 0;
        text-align: center;
        top: 18px;
        width: 40px;
        color: #fff;
    } */
    .droupdown{
        opacity: 1;
        position: revert;
        display: none;
        visibility: visible;
        width: 100%;
        background: #3e3e3e;
    }
    .showing{
        padding-top: 0px;
    }
    .clk_btn:after {
        content: '';
        position: absolute;
        right: 29px;
        top: 25px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 8px solid #e8e8e8;
        clear: both;
    }
    .clk_btn.active:after {
        content: '';
        position: absolute;
        right: 29px;
        top: 25px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 0px solid transparent;
        clear: both;
        border-bottom: 8px solid #fff;
    }
}
@media only screen and (max-width: 800px) {
    .header_item h1{
        font-size: 45px;
    }
    .head_btn {
        margin-top: 31px;
    }
    .header_item img{
        height: 500px;
    }
    .great .great_text{
        width:70%;
    }
    .category {
        margin-top:100px;
    }
    .fancy .great_text {
        width: 74%;
    }
    .great_text h4{
        font-size: 28px;
    }
    .great_text h3{
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .top-search-form{
        height: 55px;
    }
    .top-search-form .search-submit{
        width: 16%;
    }
    .category_box_3 .category_text{
            position: revert;
              margin-top:20px;
              
    }
    .category_text h3{
            font-size: 32px;
    }
    .category_box_1 .category_text{
        position: revert;
          margin-top:20px;
    }
    .category_box_3 .img{
        width:100%;
    }
    .great_text a{
        padding: 11px 23px 9px;
    }
    .great_text h3{
        margin-bottom: 22px;
    }
    .fancy .great_text {
        width: 87%;
    }
    .home_product {
       margin-top: 110px; 
    }
    .great .great_text {
        width: 85%;
    }
    .comment-respond{
        margin-top:30px;
    }
    .recent {
        margin-top: 31px;
    }
    .contact_form .main_head{
            max-width: 100%;
    }
    .con_icon {
        padding: 30px;
        margin-bottom: 13px;
        background: #f8dd85;
    }
    .table-responsive tbody tr {
    position: relative;
}
.axil-product-table tbody td.product-remove {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: none;
    z-index: 1;
}

.axil-product-table tbody td {
    font-size: 16px;
    display: block;
    text-align: right;
    padding: 10px 10px 10px 0;
    position: relative;
}

.axil-product-table tbody td.product-thumbnail {
    min-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: none;
    width: 100px;
}
.axil-product-table tbody td.product-title {
    width: 100%;
    text-align: left;
    padding-right: 40px;
}
.axil-product-table.axil-cart-table th:last-child, .axil-product-table.axil-cart-table td:last-child {
    padding-right: 10px;
}
.axil-product-table thead {
    display: none;
}
.axil-product-table tbody tr {
    padding-left: 120px;
    position: relative;
    display: block;
    border-bottom: 1px solid #f6f7fb;
    margin-bottom: 30px;
}
.axil-product-table tbody td{
        border-bottom: 2px solid #dddedf;
}

.axil-product-table.axil-cart-table .pro-qty {
    display: inline-flex;
}
.axil-product-table.axil-cart-table .pro-qty .qtybtn {
    font-size: 16px;
}
.axil-product-table tbody td:before {
    content: attr(data-title) " :";
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #000000;
}
}

@media only screen and (max-width: 600px) {
    .categories ul{
        display: none;
    }
    .categories h3{
        font-size: 17px;
    }
    .product_item{
        margin: 5px;
    }
    .pro_btn{
        visibility: visible;
        bottom: 15%;
        opacity: 1;
    }
    .searchClose {
        top: 136px;
    }
    .top-search-form {
        height: 63px;
        z-index: 998;
    }
    .top-search-form .search-submit{
        width:20%;
    }
    .droup {
        right: -40px;
    }
    .header_item h1{
        font-size:25px;
    }
    .head_contant{
        width:75%;
    }
    .header_item img{
        height:400px;
    }
    .home_product {
        margin-top: 134px;
    }
    .created .great_text{
        width:80%;
    }
    .created .great_text{
        padding: 20px 20px;
    }
    .created img{
        height:280px;
        object-fit: cover;
    }
    .fancy img{
         height:310px;
        object-fit: cover;
    }
    .fancy .great_text {
        top: 6%;
    }
    .great img{
           height:170px; 
            object-fit: cover;
    }
    .great .great_text {
        padding: 35px 20px;
    }
    .inner_banner img {
        height: 280px;
    }
    .inn_text h2 {
        font-size: 33px;
    }
    .count_ab{
        margin-top:20px;
    }
    .count_bg{
        padding:30px 0;
    }
    .why_us{
        padding:30px 0;
    }
    .all_product li {
        width: 46%;
    }
    .single_text h2 {
        font-size: 26px;
    }
    .one_maltipal img {
        height: 62px;
    }
    .count_nox {
        flex-wrap: wrap;
    }
    .count_btn_heard {
        margin-top: 22px;
    }
    .send_message{
        padding: 30px 0px;
    }
    .contact_form {
        padding: 25px 0;
    }
    .map iframe{
        height:auto;
    }
    .sing_up form {
        width: 93%;
        margin: auto;
    }
    .head_contant h3{
       background-color: inherit;
           font-size: 20px;
    }
    table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    .table-responsive .table td {
        padding: 13px 20px;
    }
    .logo {
        width: 47%;
    }
    .margin {
        margin: 18px 0;
    }
}
@media only screen and (max-width: 500px) {
    .member_img {
        text-align: center;
    }
    
    .category_box_1 .img {
        width: 100%;
    }
    .search a {
        margin: 0 5px;
    }
    .pro_btn{
        left: 18%;
    }
    .product_item .img img{
        height: 255px;
    }
    .pro_btn a{
        font-size: 14px;
        padding: 10px 15px 9px;
    }
    .category_text h3 {
        font-size: 20px;
    }

    .inner_banner img {
        height: 225px;
    }
    .axil-order-summery .summery-table tbody td {
        border-bottom: 1px solid;
        border-color: rgba(101, 105, 115, .2);
        font-size: 16px;
        font-weight: 500;
        color: #292930;
        padding: 18px 4px 17px 0;
        min-width: 147px;
    }
    .head_btn a{
    font-size: 16px;
    padding: 13px 25px 11px;
}
    .all_product li {
        width: 47%;
        margin: 4px;
    }
    .tabs__btn {
        font-size: 14px;
        padding: 10px 14px 10px 0px;
        margin: 0 7px 0 0;
    }
    .axil-product-table tbody td{
        font-size:15px;
    }
    td.product-thumbnail img {
        height: 87px;
    }
    .mt--80 {
        margin-top: 43px;
    }
    .hot_contant{
        width: 61%;
    }
    .hot_contant h3 {
        font-size: 23px;
    }
    .blog_detail img{
        height:auto;
    }
    .foot_nav ul {
        height: auto;
        overflow: auto;
    }
    .foot_logo img {
        width: 120px;
    }
    .header_item img{
        height:280px;
    }
    .head_contant {
        width: 81%;
        top: 16%;
    }
     .subscribe form button {
        font-size: 14px;
        padding: 18px 41px 14px;
        margin-top: 13px;
    }
    .subscribe form input {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    .login_droup {
        position: relative;
        padding: 20px 5px;
    }
    .hot_contant h3 {
        font-size: 20px;
    }
    .margin {
        margin: 23px 0;
    }
    .home_product {
        margin-top: 20px;
    }
    .great_text h3 {
        font-size: 24px;
    }
    .home_product {
        margin-top: 50px;
    }
    .count_ab h3{
        font-size:26px;
    }
    .inn_text h2 {
        font-size: 27px;
    }
    .thumbnail {
        width: 150px;
    }
    .tab-content {
        margin-top: 38px;
    }
}
@media only screen and (max-width: 403px) {
    footer h3 {
        font-size: 22px;
    }
    .main_head h2::after{
        right:0;
        bottom:-5px;
    }
    .subscribe form {
        display: flex;
        margin-top: 12px;
         justify-content: center;
    }
   
    .hot_contant{
        width:65%;
    }
    .category_box_1 .img {
        width: 100%;
    }
    .great_text h3 {
        font-size: 23px;
    }
    .great_text h4 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 392px) {
    .count_btn.add-to-cart {
        margin-top: 15px;
    }
    .pro-qty {
        margin-right: 16px;
    }
    .add-to-cart a{
        margin-left: 0;
    }
}
@media only screen and (max-width: 380px) {
    .hot_contant h3 {
        font-size: 18px;
    }
    .hot_box img {
        height: 190px;
        object-fit: cover;
        width: 100%;
    }
  
    

}
@media only screen and (max-width: 350px) {
    .main_head h2::after{
        right:0;
        bottom: -4px;
    }
}

.heading_s1 h2 {
    font-size: 54px;
    color: #f5ce4e;
    font-weight: 600;
}
a.btn.btn-fill-out {
    background: #000;
    color: #fff;
}
.order_complete i{
    font-size:30px;
}




.block-swatch-list {
  margin: -3px -4px 0 -4px;
  /* We need to take into account the box-shadow height when element is active */
  padding-left: 2px; }

.block-swatch {
  display: inline-block;
  margin: 4px; }

.block-swatch__radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0; }

.block-swatch__item {
  display: block;
  padding: 6px 16px 7px 16px;
  text-align: center;
  border: 1px solid #e8e4e0;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: 0 1px 1px rgba(232, 228, 224, 0.25); }

.block-swatch__radio:checked + .block-swatch__item {
  box-shadow: 0 0 0 1px #ff6128;
  border-color: #ff6128;
  background: rgba(255, 97, 40, 0.06);
  color: #ff6128; }

.block-swatch--disabled .block-swatch__item-text {
  position: relative;
  opacity: 0.5; }
  .block-swatch--disabled .block-swatch__item-text::after {
    position: absolute;
    content: '';
    width: calc(100% + 6px);
    height: 1px;
    top: calc(50% + 1px);
    left: -3px;
    background: currentColor; }

/**
 * --------------------------------------------------------------------
 * VARIANT SWATCH
 * --------------------------------------------------------------------
 */
.variant-swatch-list {
  margin: -5px -5px -2px -4px; }

.variant-swatch {
  display: inline-block;
  margin: 5px;
  vertical-align: middle; }

.variant-swatch__radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0; }

.variant-swatch__item {
  position: relative;
  display: block;
  width: 64px;
  padding: 2px;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid transparent; }
  .variant-swatch__item svg {
    display: none; }

.variant-swatch__radio:checked + .variant-swatch__item {
  border-color: #ff6128;
  border-radius: 3px; }

/* Disabled variation */
.variant-swatch--disabled img {
  opacity: 0.5; }
.variant-swatch--disabled svg {
  display: block;
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  color: #4a4a4a; }

.product-form__option{
    margin:20px 0;
}

.hide{
    display:none;
}
p#responce {
    color: #ff2323;
    font-weight: 600;
}

.rating_wrap {
    float: right;
    margin-top: 7px;
}
.rating_wrap .rating {
    overflow: hidden;
    position: relative;
    height: 20px;
    font-size: 12px;
    width: 70px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
}
.rating::before {
    font-size: 12px;
    content: "\f005\f005\f005\f005\f005";
    top: 0;
    position: absolute;
    left: 0;
    float: left;
    color: #F6BC3E;
}
.product_rate {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    color: #F6BC3E;
}
.product_rate::before {
    font-size: 12px;
    content: "\f005\f005\f005\f005\f005";
    top: 0;
    position: absolute;
    left: 0;
    font-weight: 900;
}
.rating_num {
    font-size: 14px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}
#searchlist {
    position: absolute;
    right: 0;
    top: 99%;
    z-index: 99;
}


      
        
.search_inner {
    height: 60vh;
    overflow: auto;
    margin: 2px auto;
    width: auto;
    padding: 2px;
}

.search-item {
    background-color: #fff;
    max-width: 500px;
    margin: 0px auto;
    border-bottom: 1px solid #e2e2e2;
}
.search-item a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pcl-title h6{
    color:#000;
}
.search-item .img-box {
    width: 9%;
    display: inline-block;
    vertical-align: middle;
}

.search-item .pcl-title {
    display: inline-block;
    vertical-align: middle;
    width: 78%;
    text-align: left;
    padding-left: 10px;
    height: 100%;
}

.search-item .pcl-title h6 {
    text-align: left;
    margin-top: 10px;
}

.search-item .pcl-dec {
    display: none;
}

.search-item img {
    padding: 5px;
}
.avatar-upload {
    margin: 25px 0 !important;
}
section.member {
    padding-top: 3px;
}
.dash_bord {
    padding: 24px 0 !important;
}



@media screen and (max-width: 600px) {
    .inn_text h2 {
        color: #ffffff;
        font-size: 30px;
    }
    .one_img img {
        max-height: 263px;
    }
    .inn_text{
        left: 4%;
    }
    .tabs__content_sub {
        padding-left: 0 !important;
        margin-top: 24px;
    }
     
    .table-responsive table {
        border: 0;
    }

    .table-responsive table caption {
        font-size: 1.3em;
    }

    .table-responsive table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .table-responsive table tr {
        border-bottom: 3px solid #000;
        display: block;
        margin-bottom: .625em;
    }

    .table-responsive table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    .table-responsive table td::before {
        /*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
        /* content: attr(data-label); */
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    .table-responsive table td:last-child {
        border-bottom: 0;
    }
    .search-item {
        margin: 0px auto;
    }
    .search-item img {
        padding: 4px;
    }
    .search-item .pcl-title h6{
        font-size:12px;
    }
  
}
.inn_text {
    margin-top: 150px;
    margin-bottom: 150px;
    color: #ffff;
}
.droupdown li a:hover {
    background: #f5f5f5;
    color: #000;
}

/* Sub-submenu (3rd level) */
.sub-droupdown {
    display: none;
    position: absolute;
    top: 0;
    left: 100%; /* Opens to the right */
    min-width: 200px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 0;
    z-index: 9999;
}

/* Show sub-submenu on hover */
.has-submenu:hover > .sub-droupdown {
    display: block;
}
.hot_box img {
    border-radius: 20px;
}
.img_ab img {
    border-radius: 20px;
}
.why_img img {
    border-radius: 20px;
}
span.final_price {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
}
span.mrp_price {
    font-size: 16px;
    font-weight: 600;
    color: #ff4747;
    text-decoration: line-through;
    /* margin-right: 10px !important; */
}
button.btn-cart {
    background: #000;
    color: #fff;
    padding: 7px 25px;
    border-radius: 20px;
}
button.btn-cart:hover {
    color: #fff;
}
.add-to-cart {
    margin: 10px;
}
/* Arrow indicator for submenu */
/*.has-submenu > a::after {*/
/*    content: "▶";*/
/*    float: right;*/
/*    font-size: 12px;*/
/*    margin-left: 8px;*/
/*    color: #666;*/
/*}*/

/* ---My Account Form Style--- */
.yena-form,
.yena-form-boxed {
  padding: 30px;
  border-radius: 0;
  border: 1px solid #e5e5e5;
}
.yena-form .yena-form-inner,
.yena-form-boxed .yena-form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: -20px;
}
@media (max-width: 479px) {
  .yena-form .yena-form-inner,
  .yena-form-boxed .yena-form-inner {
    display: block;
  }
}
.yena-form .yena-form-inner .single-input,
.yena-form-boxed .yena-form-inner .single-input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 20px;
}
@media (max-width: 479px) {
  .yena-form .yena-form-inner .single-input,
  .yena-form-boxed .yena-form-inner .single-input {
    max-width: 100% !important;
  }
}
.yena-form .yena-form-inner .single-input.single-input-half,
.yena-form-boxed .yena-form-inner .single-input.single-input-half {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 15px);
  -webkit-flex: 0 0 calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.yena-form .yena-form-inner .single-input label,
.yena-form-boxed .yena-form-inner .single-input label {
  margin-bottom: 8px;
  display: block;
}
.yena-form .yena-form-inner .single-input input,
.yena-form .yena-form-inner .single-input select,
.yena-form .yena-form-inner .single-input textarea,
.yena-form-boxed .yena-form-inner .single-input input,
.yena-form-boxed .yena-form-inner .single-input select,
.yena-form-boxed .yena-form-inner .single-input textarea {
  padding: 0 15px;
  border: 1px solid #e5e5e5;
  height: 40px;
  width: 100%;
}
.yena-form .yena-form-inner .single-input input:first-child,
.yena-form-boxed .yena-form-inner .single-input input:first-child {
  margin-top: 0px;
  width: 26px;
}
.yena-form .yena-form-inner .single-input .checkbox-input,
.yena-form-boxed .yena-form-inner .single-input .checkbox-input {
  display: inline-block;
}
.yena-form .yena-form-inner .single-input .checkbox-input label,
.yena-form-boxed .yena-form-inner .single-input .checkbox-input label {
  display: inline-block;
}
.yena-form .yena-form-inner a,
.yena-form-boxed .yena-form-inner a {
  font-size: 13px;
}
.yena-form .yena-form-inner a:hover,
.yena-form-boxed .yena-form-inner a:hover {
  color: #dd6b33;
}

input[type="checkbox"] + label {
    position: relative;
    padding-left: 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

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

.success-text .star {
    position: absolute;
    animation: 3s ease 0s infinite normal none running grow;
    fill: var(--color-primary);
    opacity: 0;
}

.success-text .star:nth-child(1) {
    width: 12px;
    height: 12px;
    left: 12px;
    top: 16px;
}

.success-text .star:nth-child(2) {
    width: 18px;
    height: 18px;
    left: 168px;
    top: 84px;
}

.success-text .star:nth-child(3) {
    width: 10px;
    height: 10px;
    left: 32px;
    top: 162px;
}

.success-text .star:nth-child(4) {
    width: 20px;
    height: 20px;
    left: 82px;
    top: -12px;
}

.success-text .star:nth-child(5) {
    width: 14px;
    height: 14px;
    left: 125px;
    top: 162px;
}

.success-text .star:nth-child(6) {
    width: 10px;
    height: 10px;
    left: 16px;
    top: 16px;
}

.success-text .star:nth-child(1) {
    animation-delay: 1.5s;
}

.success-text .star:nth-child(2) {
    animation-delay: 3s;
}

.success-text .star:nth-child(3) {
    animation-delay: 4.5s;
}

.success-text .star:nth-child(4) {
    animation-delay: 6s;
}

.success-text .star:nth-child(5) {
    animation-delay: 7.5s;
}

.success-text .star:nth-child(6) {
    animation-delay: 9s;
}

.success-text .checkmark {
    position: relative;
    padding: 30px;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px;
}

.success-text .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0px);
    fill: white;
}

.success-text .checkmark__background {
    fill: var(--color-primary);
    animation: 35s linear 0s infinite normal both running rotate;
}

.success-text i {
    font-size: 50px;
    color: rgb(78, 173, 78);
}

.success-text h2 {
    margin-top: 10px;
    margin-bottom: 15px;
}

.success-text p {
    font-size: 18px;
    text-transform: capitalize;
}

.success-text.order-fail i {
    color: var(--color-primary);
}

.order-success-sec {
    background-color: rgb(249, 249, 249);
    padding: 25px;
}

.order-success-sec h4 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
}

.order-success-sec .order-detail li {
    display: flex;
    text-transform: capitalize;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 3px;
    color: rgb(119, 119, 119);
}

.order-success-sec .payment-mode p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    letter-spacing: 0.05em;
}

.delivery-sec {
    margin-bottom: -5px;
    padding: 0px;
    margin-top: 20px;
    background-color: transparent;
}

.delivery-sec h3 {
    color: rgb(0, 0, 0);
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 0px;
}

.delivery-sec h3 span {
    font-weight: 700;
    margin-left: 5px;
}

.delivery-sec a {
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 5px;
    display: block;
    font-weight: 600;
}

.product-order {
    margin-top: -15px;
}

.product-order h3 {
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
}

.product-order .product-order-detail {
    margin-top: 15px;
}

.product-order .product-order-detail img {
    height: 100px;
}

.product-order .product-order-detail .order_detail {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.product-order .product-order-detail .order_detail h4 {
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 400;
    color: rgb(119, 119, 119);
    font-size: 14px;
}

.product-order .product-order-detail .order_detail h5 {
    text-transform: capitalize;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 16px;
}

.product-order .total-sec {
    border-top: 1px dashed rgb(221, 221, 221);
    border-bottom: 1px dashed rgb(221, 221, 221);
    margin: 15px 0px;
    padding: 15px 0px;
}

.product-order .total-sec ul li {
    font-size: 16px;
    display: block;
    text-transform: capitalize;
    margin-bottom: 8px;
    color: rgb(119, 119, 119);
}

.product-order .total-sec ul li span {
    float: right;
    color: rgb(0, 0, 0);
}

.product-order .final-total h3 {
    display: block;
    margin-bottom: 0px;
    font-size: 18px;
}

.product-order .final-total h3 span {
    float: right;
}

.main-menu_area.justify-content-between.align-items-center.mt-5.d-flex {
    justify-content: normal !important;
}
.btn_move_cart {
    background: #58aa22;
    padding: 10px 15px;
    border-radius: 10px;
}
.sing_up h2 {
    text-align: center;
}


.coupon-div {
    background: gainsboro;
    padding: 0.5rem;
    margin-top: 2rem;
    border: 2px dashed white;
}
.coupon {
    display: flex
;
    align-items: center;
    background: white;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.coupon .kanan {
    border-left: 1px dashed rgb(221, 221, 221);
    position: relative;
    width: 40% !important;
}
.btn {
    line-height: 20px;
    text-transform: uppercase;
    font-size: clamp(1rem, 2vw, 1.3rem);
    font-weight: 700;
    transition: 0.3s ease-in-out;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.coupon-con {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 3rem;
}

.coupon-input {
    display: flex;
    align-items: center;
    position: relative;
}

.coupon-input input {
    font-size: 1.6rem;
    padding: 1.5rem 7rem 1.5rem 2rem;
    font-family: Raleway;
    border: 1px solid gray;
    border-radius: 5px;
    height: 5rem;
}

.coupon-input button {
    height: 4rem;
    width: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background: var(--color-primary);
    position: absolute;
    right: 0.5rem;
    border-radius: 3px;
    color: white;
}

.coupon-msg p {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: green;
    font-family: Raleway;
    font-weight: 600;
}

.coupon-div {
    background: gainsboro;
    padding: 0.5rem;
    margin-top: 2rem;
    border: 2px dashed white;
}

.coupon {
    display: flex;
    align-items: center;
    background: white;
}

.coupon .kanan {
    border-left: 1px dashed rgb(221, 221, 221);
    position: relative;
    width: 40% !important;
}

.coupon .kanan .info::after, .coupon .kanan .info::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgb(222, 222, 222);
    border-radius: 100%;
}

.coupon .kanan .info::before {
    top: -10px;
    left: -10px;
}

.coupon .kanan .info::after {
    bottom: -10px;
    left: -10px;
}

.coupon .time {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    display: block;
}


/*testimonial*/
.testimonials-wrap {
    padding: 40px 0;
}

.testimonial_slider .testimonial-item {
    padding: 20px;
}

.testimonial-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    position: relative;
}

.user-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    min-width: 80px;
}

.quote {
    position: absolute;
    top: -15px;
    left: 20px;
    font-size: 26px;
    color: #006838;
}

.name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
}

.position {
    font-size: 14px;
    color: #888;
}

/* Slick dots fix */
.slick-dots {
    bottom: -35px;
}

.topbar-container {
    height: 100%;
    width: 600px;
    margin: auto;
    font-family: Raleway, sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar__left p {
    font-family: Raleway, sans-serif;
    margin: 0px;
    font-size: clamp(1.2rem, 1vw, 2rem);
    font-weight: 700;
    letter-spacing: 1px;
}

.topbar__social-media {
    display: flex;
    gap: 1rem;
}

.topbar__social-media-text {
    font-size: 1.35rem;
    font-weight: 700;
}

.topbar__social-media-link {
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 3px;
    transition: 0.3s;
}

.topbar__social-media-link.media-fb {
    color: blue;
}

.topbar__social-media-link.media-twitter {
    color: black;
}

.topbar__social-media-link.media-gplus {
    color: orangered;
}

.topbar__social-media-link.media-linkedin {
    color: blue;
}

.topbar__social-media-link.media-insta {
    color: orangered;
}

.topbar__social-media-link.media-pinterest {
    color: red;
}

.topbar__social-media-link.media-yt {
    color: red;
}

.topbar__social-media-link:hover {
    color: inherit;
    text-decoration: none;
    transform: scale(1.5);
}