@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins%3Awght%40400%3B500%3B600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600&display=swap');
/*common css start*/
*{
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;

}

a{
    text-decoration: none;
    display: inline-block;
}
ul,ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
p,a,h1,h2,h3,h4,h5,h6{

    margin: 0;
    padding: 0;
}
*{
    font-family: 'Poppins',sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline:none ;
    border: none;
    text-transform: capitalize;
    text-decoration: none;
    transition: all .2s linear;

}

/*common css end*/



/*header part*/
:root{
    --orange: #dd0c2a;
    --black:#130f40;
    --light-color:#666;
    --box-shadow:0.1rem .6rem rgba(0,0,0,.1);
    --border:.5rem solid rgba(0,0,0,.1);
    --outline:1rem solid rgba(0,0,0,.1);
    --outline-hover:.2rem solid var(--black);
}
.header{
    position: fixed;
    top:0 ; left: 0; right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 9%;
    background: #fff;
    box-shadow: var(--box-shadow);
}
.header .navbar a{
    font-size:16px;
    margin: 0 .2rem;
    color: var(--black);
    background: transparent;
}
.header .navbar a:hover{
    color: var(--orange);
}
/*.header .logo i{*/
/*    color: var(--orange);*/
/*}*/
.header .icons div{
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    border-radius: .5rem;
    background: #eee;
    color: var(--black);
    font-size:20px;
    margin-left: .5rem;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.header .icons div:hover{
    background: var(--orange);
    color: white;
}
.header .icons .shop__circle{
    font-size: 9px;
    display: inline-block;
    background: #384aeb;
    color: #fff;
    padding: 0 10px;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -12px;
}

#menu-btn{
    display: none;
}
.search-form{
    position: absolute;
    top: 110%;
    right: -110%;
    width: 25rem;
    height: 3rem;
    background: #fff;
    border-radius: 16px;
    overflow:hidden ;
    display: flex;
    align-items: center;
    box-shadow: var(--box-shadow);
}
.search-form.active{
    right: 2rem;
    transition:.4s linear ;
}

.search-form input{
    height: 100%;
    width: 100%;
    background: none;
    text-transform: none;
    font-size: 14px;
    color: var(--black);
    padding: 15px;

}
.search-form label{
    font-size: 16px;
    padding-right: 1.5rem;
    color: var(--black);
    cursor: pointer;

}
.search-form label:hover{
    color: var(--orange);
}
.header .wishlist{
    position: absolute;
    top: 110%;
    right: -110%;
    padding: .5rem;
    border-radius: .5rem;
    box-shadow: var(--box-shadow);
    width: 25rem;
    background: #fff;

}
.header .wishlist.active{
    right:2rem ;
    transition:.4s linear ;
}
.header .wishlist .box{
    display: flex;
    align-items: center;
    gap: .5rem;
    position: relative;
    margin:.5rem 0 ;
}
.header .wishlist .box img{
    height: 70px;
    width: 70px;
}
.header .wishlist .box .fa-trash{
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    cursor: pointer;
    color: var(--light-color);
    transform: translateY(-50%);
}
.header .wishlist .box .fa-trash:hover{
    color: var(--orange);
}
.header .wishlist .box .content h3{
    color: var(--black);
    font-size: 1rem;
    padding-bottom: 1rem;
}
.header .wishlist .box .content span{
    color: var(--light-color);
    font-size: 1rem;
}
.header .wishlist .box .content .quantity{
    padding-left:1rem ;
}
/*.header .wishlist .total{*/
/*    font-size: 1rem;*/
/*    padding-bottom: 1rem;*/
/*    !*text-align: center;*!*/
/*    color: var(--black);*/
/*}*/
.header .wishlist .btn{
    display: block;
    text-align: center;
    margin: 2px ;
}
.header .wishlist .btn:hover{
    background: #c21223;
    color: white;
}
.header .shopping-cart{
    position: absolute;
    top: 110%;
    right: -110%;
    padding: .5rem;
    border-radius: .5rem;
    box-shadow: var(--box-shadow);
    width: 25rem;
    background: #fff;

}
.header .shopping-cart.active{
    right:2rem ;
    transition:.4s linear ;
}
.header .shopping-cart .box{
    display: flex;
    align-items: center;
    gap: .5rem;
    position: relative;
    margin:.5rem 0 ;
}
.header .shopping-cart .box img{
    height: 70px;
    width: 70px;
}
.header .shopping-cart .box .fa-trash{
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    cursor: pointer;
    color: var(--light-color);
    transform: translateY(-50%);
}
.header .shopping-cart .box .fa-trash:hover{
    color: var(--orange);
}
.header .shopping-cart .box .content h3{
    color: var(--black);
    font-size: 1rem;
    padding-bottom: 1rem;
}
.header .shopping-cart .box .content span{
    color: var(--light-color);
    font-size: 1rem;
}
.header .shopping-cart .box .content .quantity{
    padding-left:1rem ;
}
.header .shopping-cart .total{
    font-size: 1rem;
    padding-bottom: 1rem;
    /*text-align: center;*/
    color: var(--black);
}
.header .shopping-cart .btn{
    /*display: block;*/
    text-align: center;
    margin: 2px ;
}
.header .shopping-cart .btn:hover{
    background: #c21223;
     color: white;
}
.header .login-form{
    position: absolute;
    top: 110%;
    right: -110%;
    width: 20rem;
    box-shadow: var(--box-shadow);
    padding: 5px;
    border-radius: .5rem;
    background: #fff;
    text-align: center;

}
.header .login-form.active{
    right:2rem ;
    transition:.4s linear ;
}
.header .login-form h3{
    font-size: 16px;
    text-transform: uppercase;
    color: var(--black);

}
.header .login-form .box {
    width: 90%;
    margin: 10px;
    background: #eee;
    border-radius: 8px;
    padding: 5px 15px 5px;
    font-size: 15px;
    color: var(--black);
    text-transform: none;
}
.header .login-form p{
    font-size: 12px;
    padding: 5px ;
    color: var(--light-color);

}
.header .login-form p a{
    color: var(--orange);
    text-decoration: underline;
}
.header .login-form .btn:hover{
    background: #c21223;
    color: white;
}
/*nav part end*/
/*carousel start*/

.carousel-caption{
 position: absolute;
    color: black;
    top: 120px;
    left: 300px;

}
.carousel-item img{
    position: relative;
    height:500px;
}
.carousel-caption h4,h1,p{
    color: black;
    /*gap: 15px;*/
}
/*carousel end*/


/*======================================================nav end==================================================================================*/
/*card start*/
.card {
    padding: 60px;
}

.card__item
{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;

}

.card__item__pic{
    float: right;
}

.card__item__text {
    max-width: 300px;
    position: absolute;
    left: 0;
    top: 140px;
}
.card__item__text h2 {
    color: #111111;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 10px;
    font-size: 25px;
}
.card__item:hover .card__item__text a:after {
    width: 40px;
    background: #e53637;
}

/*h2 {*/
/*    font-size: 36px;*/
/*    margin: 0;*/

/*}*/
.card__item__text a {
    display: inline-block;
    color: #111111;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 3px 0;
    position: relative;
    cursor: pointer;
}
a {
    text-decoration: none;
    background-color: transparent;
}
.card__item__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #e74848;
    content: "";
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}
.card__item__text a:hover {
    background-color: #cf0303;


}

.card__item.card__item--middle {
    margin-top: -75px;
}

.card__item.card__item--middle .card__item__pic {
    float: none;
}

.card__item.card__item--middle .card__item__text {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    padding-top: 22px;
}
.card__item.card__item--last {
    margin-top: 100px;
}
/*===============================================================card end=============================================*/

/*Trending Product start*/

.Trending{

    padding-bottom: 20px;
    background-color: #fcf6f6;

}
.Trending-slide{
    display: flex;
    /*margin-top: 50px;*/
}
.Trending-slide .slick-center{
    box-shadow: 0 25px 30px rgba(0, 0, 0, 0.5);

}
.Trending-img{
    border-radius: 14px;
    overflow: hidden;

}
.Trending-img img{
    height: 200px;
}
.Trending-item{


    padding: 20px 20px 40px 20px;
}
.Trending-item .review{
    display: flex;
    gap: 10px;
    margin: 30px 0 17px;
}
.Trending-item .review ul{
    display: flex;
}
.Trending-item .review p{
    font-size: 16px;
    font-weight: 400;
    color: #FF8B00;
    font-family: 'Poppins', sans-serif;
}
.Trending-item .review ul .color{
    color: #FF8B00;
}
.Trending-item .review ul li{
    color: #131313;
}
.common-button{
    width: fit-content;
    padding: 16px  35px;
    background: #be2222;
    color: #fff;
    border-radius: 17px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    border:none;


}
.common-button:hover{

    transform: scale(1.2);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);

}
.common-heading h2{

    font-size: 40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin: 30px;
    flex-direction: column;
    display: flex;
    align-items: center;

}
/*.common-heading p{*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    font-family: 'Poppins', sans-serif;*/
/*    color: #616161;*/
/*    width: 692px;*/
/*    margin: 0 auto;*/

/*}*/
.trending-product-heading h2{
    font-size: 40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin: 30px;
    flex-direction: column;
    display: flex;
    align-items: center;

}
.trending-product-heading span{
    color: darkred;
    display: contents;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 30px;
    flex-direction: column;
    align-items: center;

}

.subheading h3{
    font-size: 25px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    margin-top: 15px;


}
.subheading h3{
    margin-bottom: 30px;
}
.subheading p{

    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #616161;

}

.subheading .p{

    margin-bottom: 30px;
}
.subheading  span{
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    line-height: 24px;


}

.Trending-item button{

    margin-top: 30px;
}
/*===============================================Trending Product part end=============================*/


/*subscriber part start*/
#subscribe_us{
    padding: 150px 0 150px 0;
    background-image: url(../image/pic.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.subscribe-item .subscribe-heading{
    display: flex;
    justify-content: left;

}
.subscribe-item .subscribe-heading h3{
    width: 659px;
    height: 120px;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #faf7f7;
    margin-left: 8px;
}
.subscribe-item p{
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: rgb(177, 61, 61);
    width: 565px;
    height: 60px;
    line-height: 30px;
    margin-left: 8px;

}


.subscribe-button{
    width: fit-content;
    padding: 35px 11px 35px 25px;
    background: #f8f8f8;
    display: flex;
    gap: 376px;
    margin-left: 5px ;
    border-radius: 17px;

}
.subscribe-button input{

    border: none;
}

/*==============================================================subscriber part end===================================================================*/



/*==================================================================product part start===========================================================*/


.product {
    padding-top: 70px;
    padding-bottom: 60px;
}

.filter__controls {
    text-align: center;
    margin-bottom: 45px;
}

.filter__controls li {
    color: #b7b7b7;
    font-size: 24px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
    margin-right: 88px;
    cursor: pointer;
}

.filter__controls li:last-child {
    margin-right: 0;
}

.filter__controls li.active {
    color: #111111;
}

.product__item {
    overflow: hidden;
    margin-bottom: 40px;
}

.product__item.sale .product__item__pic .label {
    color: #ffffff;
    background: #111111;
}

.product__item.sale .product__item__text .rating i {
    color: #f7941d;
}

.product__item.sale .product__item__text .rating i:nth-last-child(1) {
    color: #b7b7b7;
}

.product__item:hover .product__item__pic .product__hover {
    right: 20px;
    opacity: 1;
}

.product__item:hover .product__item__text a {
    top: 22px;
    opacity: 1;
    visibility: visible;
}

.product__item:hover .product__item__text h6 {
    opacity: 0;
}

.product__item:hover .product__item__text .product__color__select {
    opacity: 1;
}

.product__item__pic {
    height: 260px;
    position: relative;
    background-position: center center;
    width: 263px;

}

.product__item__pic .label {
    color: #111111;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 15px 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 20px;
}

.product__item__pic .product__hover {
    position: absolute;
    right: -200px;
    top: 20px;
    -webkit-transition: all, 0.8s;
    -o-transition: all, 0.8s;
    transition: all, 0.8s;
}

.product__item__pic .product__hover li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}

.product__item__pic .product__hover li:hover span {
    opacity: 1;
    visibility: visible;
}

.product__item__pic .product__hover li span {
    color: #ffffff;
    background: #111111;
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    position: absolute;
    left: -78px;
    top: 5px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__pic .product__hover li span:after {
    position: absolute;
    right: -2px;
    top: 5px;
    height: 15px;
    width: 15px;
    background: #111111;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.product__item__pic .product__hover li img {
    background: #ffffff;
    padding: 10px;
    display: inline-block;
}

.product__item__text {
    padding-top: 25px;
    position: relative;
}

.product__item__text a {
    font-size: 15px;
    color: #e53637;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__text h6 {
    color: #111111;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__text .rating {
    margin-bottom: 6px;
}

.product__item__text .rating i {
    font-size: 14px;
    color: #b7b7b7;
    margin-right: -5px;
}

.product__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
}

.product__item__text .product__color__select {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__text .product__color__select label {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #5e64d1;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}

.product__item__text .product__color__select label.black {
    background: #404a47;
}

.product__item__text .product__color__select label.grey {
    background: #d5a667;
}

.product__item__text .product__color__select label.active:after {
    opacity: 1;
}

.product__item__text .product__color__select label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 18px;
    width: 18px;
    border: 1px solid #b9b9b9;
    content: "";
    border-radius: 50%;
    opacity: 0;
}

.product__item__text .product__color__select label input {
    position: absolute;
    visibility: hidden;
}

/*product part end*/
/*===========================================================================countdown part start=====================================================*/
.categories {
    background: #f3f2ee;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 125px;
}

.categories__text {
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

.categories__text:before {
    position: absolute;
    left: -485px;
    top: 0;
    height: 300px;
    width: 600px;
    background: #ffffff;
    z-index: -1;
    content: "";
}

.categories__text h2 {
    color: #b7b7b7;
    line-height: 72px;
    font-size: 34px;
}

.categories__text h2 span {
    font-weight: 700;
    color: #111111;
}

.categories__hot__deal {
    position: relative;
    z-index: 5;
}

.categories__hot__deal img {
    min-width: 100%;
}

.hot__deal__sticker {
    height: 100px;
    width: 100px;
    background: #111111;
    border-radius: 50%;
    padding-top: 22px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -36px;
}

.hot__deal__sticker span {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 4px;
}

.hot__deal__sticker h5 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.categories__deal__countdown span {
    color: #e53637;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.categories__deal__countdown h2 {
    color: #111111;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 25px;
}
.categories__deal__countdown p {
    color: #111111;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 25px;
}

.categories__deal__countdown .categories__deal__countdown__timer {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -30px;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item {
    width: 25%;
    float: left;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item:after {
    position: absolute;
    right: 0;
    top: 7px;
    content: ":";
    font-size: 24px;
    font-weight: 700;
    color: #3d3d3d;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item:last-child:after {
    display: none;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item span {
    color: #111111;
    font-weight: 700;
    display: block;
    font-size: 36px;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item p {
    margin-bottom: 0;
}
.primary-btn {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 30px;
    color: #ffffff;
    background: darkred;
    letter-spacing: 4px;
}
/*=======================================countdown part end========================================================*/
/*Gallery part start*/
#gallery {
    padding-bottom: 100px;
    padding-top: 50px;
    /*width: 1350px;*/
    /*height: 713px;*/
    padding-left: 150px;
    overflow: hidden;
}

.gallery_heading h2 {
    font-size: 36px;
    color: #100f0f;
    display: flex;
    align-items: center;
    flex-direction: column;
    /*position: relative;*/
}
.gallery_heading h2 span{
    color: darkred;
    display: contents;
    /*position: absolute;*/
}
/*.gallery_heading h2 span:after {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    background: #e74848;*/
/*    content: "";*/
/*    !* -webkit-transition: all, 0.3s; *!*/
/*    !* -o-transition: all, 0.3s; *!*/
/*    transition: all, 0.3s;*/
/*}*/
.gallery_heading a{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    font-size: 30px;
    padding: 5px;
}
.gallery_heading a:hover {
    color: #07199b;

}
.gallery_row {
    margin-top: 65px;
}

.gallery_row .gallery_col {
    /*width: 23.439%;*/
    float: left;
    margin-right: 20px;
}

.gallery_row .gallery_col:nth-child(4) {
    margin-right: 0;
}

.gallery_row .gallery_col .item {
    position: relative;
}

.gallery_row .gallery_col .item:first-child {
    margin-bottom: 20px;
}

.overly{
    background-color: rgba(0, 0, 0, 0.60);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: .3s;
}

.overly a {
    width: 40px;
    height: 40px;
    color: #ffffff;
    background-color: #5bc5f4;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.gallery_row .gallery_col .item:hover .overly {
    transform: scale(1);
}

/*.port_row .port_col .item img{*/
/*    */
/*}*/

/*===================================================Gallery part end======================================================*/
/*=================Blog Part start===============================*/
/*---------------------
    Blog
-----------------------*/

.blog {
    padding-bottom: 55px;
}

.latest {
    padding-bottom: 55px;
}

/*.blog__item {*/
/*    margin-bottom: 45px;*/
/*}*/

.blog__item:hover a::after {
    width: 40px;
    background: #e53637;
}

.blog__item:hover .blog__item__text {
    -webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.05);
    box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.05);
}

.blog__item__pic img{
    height: 270px;
    width: 360px;

}
/*.blog__item__pic.set-bg{*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: top center;*/
/*}*/

.blog__item__text{
    padding: 25px 25px 25px 0;
}
.blog__item__text p{
color: #777;
font-family: "Roboto",sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.667;
    margin-bottom: 1rem;
}
.blog__item__title {
    /*padding: 30px 30px 25px;*/
    /*margin: 0 30px;*/
    /*margin-top: -35px;*/
    /*background: #ffffff;*/
    /*!*-webkit-transition: all, 0.3s;*!*/
    /*-o-transition: all, 0.3s;*/
    /*transition: all, 0.3s;*/
    font-size: 20px;
    margin-bottom: 20px;

}

.blog__item__text span {
    color: #3d3d3d;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.blog__item__text span img {
    margin-right: 6px;
}

.blog__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
}

.blog__item__text a {
    display: inline-block;
    color: #131313;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 3px 0;
    position: relative;
}

.blog__item__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #880b0b;
    content: "";
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

/*---------------------
/*=================Blog Part end===============================*/


/*===================================last area===================*/
.categories-area {
    padding-top: 50px;
    padding-bottom: 20px;
}
.container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}
/*.categories-area {*/
/*    font-family: "Jost",sans-serif;*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-size: 16px;*/
/*}*/
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
/*!*.categories-area {*!*/
/*!*    visibility: visible;*!*/
/*!*    animation-duration: 1s;*!*/
/*!*    animation-delay: 0.2s;*!*/
/*!*    animation-name: fadeInUp;*!*/
/*!*}*!*/
.categories-area .single-cat {
    -webkit-transition: all .4s ease-out 0s;
    /*-moz-transition: all .4s ease-out 0s;*/
    /*-ms-transition: all .4s ease-out 0s;*/
    /*-o-transition: all .4s ease-out 0s;*/
    transition: all .4s ease-out 0s;
    z-index: 1;
    position: relative;
}
/*.mb-50 {*/
/*    margin-bottom: 50px;*/
/*}*/
/*.fadeInUp {*/
/*    -webkit-animation-name: fadeInUp;*/
/*    animation-name: fadeInUp;*/
/*}*/
.text-center {
    text-align: center!important;
}
.categories-area .single-cat::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 95%;
    background: #edeff2;
    bottom: 0;
    right: -2%;
    top: 1%;
}
.categories-area .single-cat .cat-icon img {
    margin-bottom: 26px;
    display: inline-block;
}
img, svg {
    vertical-align: middle;
}
/*!**, ::after, ::before {*!*/
/*!*    box-sizing: border-box;*!*/
/*!*}*!*/
/*!*img {*!*/
/*!*    overflow-clip-margin: content-box;*!*/
/*!*    overflow: clip;*!*/
/*!*}*!*/
.categories-area .single-cat .cat-cap h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    display: block;
    text-transform: capitalize;
    color: #2B2B2B;
    font-family: "Jost",sans-serif;
}
.categories-area .single-cat .cat-cap p {
    color: #57667e;
    font-size: 16px;
    -webkit-transition: all .2s ease-out 0s;
    /*-moz-transition: all .2s ease-out 0s;*/
    /*-ms-transition: all .2s ease-out 0s;*/
    /*-o-transition: all .2s ease-out 0s;*/
    transition: all .2s ease-out 0s;

}






/*===============================last area====================================*/
/*tracking part start*/
.tracking_box_area .tracking_box_inner p {
    max-width: 870px;
    color: #555555;
    margin-bottom: 25px;
}
.tracking_box_area{
    margin: 100px;
}
.tracking_box_area .tracking_box_inner .tracking_form {
    max-width: 645px;
}
.tracking_box_area .tracking_box_inner .tracking_form .form-group {
    margin-bottom: 1.2rem;
}
/*tracking part end*/




/*footer start*/
#footer {
    padding: 40px 0 0 0;
    background-color: #151414;
    /* margin-top: 50px; */
}

.footer_row {
    display: flex;
    justify-content: space-between;
}


.logo_col {
    width: 215px;
}

.footer_logo {
    height: 80px;
}
/*.logo_col.icon ul{*/
/*    display: flex;*/
/*}*/
/*.logo_col .icon ul li{*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    border-radius: 50px;*/
/*    background-color: #ffffff;*/
/*    position: relative;*/
/*    margin-left: 10px;*/
/*   text-align: center;*/

/*}*/
.logo_col .icon ul{
    display: flex;
    gap: 10px;
    margin-top: 5px;

}
.logo_col.icon ul li a {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F3F3F3;
    font-size: 18px;

}

.logo_col p {
    color: #f1f1f1f1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-top: 20px;
}

.logo_col p ul {
    display: block;
    margin-top: 20px;
}

.contact_col h2 {
    color: #f1f1f1f1;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.contact_item {
    display: flex;
    margin: 20px 0;
}

.contact_item .icon {
    width: 35px;
    height: 35px;
    background-color: #221f1f;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-right: 10px;
}

.contact_item ul li a {
    color: #f1f1f1f1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}
.mail-success{
    height:100vh;
    text-align:center;
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}
.d-table{
    width:100%;
    height:100%
}.d-table{
     display:table!important}
.d-table-cell{
    vertical-align:middle
}
.d-table-cell{
    display:table-cell!important
}
.mail-success .success-content i{
    font-size:30px;
    margin-bottom:20px;
    color:#0167f3;
    height:80px;
    width:80px;
    line-height:80px;
    text-align:center;
    display:inline-block;
    border:1px solid #eee;
    border-radius:50%
}
.mail-success .success-content h2{
    font-size:25px;
    font-weight:700;
    margin-bottom:15px;
    color:#081828
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mail-success
    .success-content h2{
        font-size:15px
    }}
@media(max-width:767px){
    .mail-success .success-content h2{
        font-size:15px
    }}
.mail a{
    color:#d6d6d6
}
.footer .single-footer.f-contact .mail a:hover{
    color:#0167f3
}
.mail-success .success-content p{
    font-weight:400;
    margin-bottom:20px;
}
    /*------------------------------mail part end================*/
.footer_row .footer_menu {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer_menu ul li a {
    color: #fff;
}

.footer_row .menu_col h2 {
    color: #f1f1f1f1;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.footer_row .menu_col a {
    color: #f1f1f1f1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
}

.footer_row .menu_col a:hover {
    color: #0b359f;
}

.footer_row .Photos_col{
    width: 300px;
    height: 195px;
}

.footer_row .Photos_col h2 {
    color: #f1f1f1f1;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer_row .Photos_col .gallery .images_col{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.footer_row .Photos_col .gallery .images_col2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}


/*.footer_row .images_col .img{*/
/*    width: 90px;*/
/*    height: 90px;*/
/*}*/


.copyright{
    background-color: #1d1c1c;
    height: 45px;
    text-align: center;
}

.copyright p{
    line-height: 44px;
    color: #f1f1f1f1;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.copyright p a{
    color: #2598a7;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
/*footer end*/


/*===============================================================================================*/
/*===============================================================================================*/
/*============================================contact page start===============================*/
.contact .spad .container{
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
}
.blog-banner-area {
    height: 380px;
    position: relative;
    z-index: 1;

    color: #777777;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.667;
    background-color: #efede1;
}
.blog-banner-area .blog-banner {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.blog-banner-area  .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.text-center {
    text-align: center
}
.banner-breadcrumb {
    display: inline-block;
}
.banner-breadcrumb .breadcrumb {
    background: transparent;
    padding: 0;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.banner-breadcrumb .breadcrumb-item {
    padding: 0.1rem;
}
.banner-breadcrumb .breadcrumb-item a {
    text-transform: capitalize;
    color: #777777;
}
.banner-breadcrumb .breadcrumb-item.active {
    color: #777777;
}
.banner-breadcrumb .breadcrumb-item {
    padding: 0.1rem;
}
.breadcrumb-item.active {
    color: #6c757d;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}
.banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #777777;
    padding-right: 0.3rem;
    content: "-";
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.map {

    margin: 100px;

}

.contact__text .section-title {
    text-align: left;
    margin-bottom: 40px;
}

.contact__text .section-title h2 {
    font-size: 48px;
    margin-bottom: 18px;
}

.contact__text .section-title p {
    color: #707070;
    line-height: 26px;
    margin-bottom: 0;
}
.section-title span {
    color: #e53637;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.contact__text ul li {
    list-style: none;
    margin-bottom: 26px;
}

.contact__text ul li:last-child {
    margin-bottom: 0;
}

.contact__text ul li h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 8px;
}

.contact__text ul li p {
    line-height: 27px;
    margin-bottom: 0;
}

.contact__form input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 30px;
}

.contact__form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::-moz-placeholder {
    color: #b7b7b7;
}

.contact__form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::placeholder {
    color: #b7b7b7;
}

.contact__form textarea {
    height: 150px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 24px;
    resize: none;
}

.contact__form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::-moz-placeholder {
    color: #b7b7b7;
}

.contact__form textarea:-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::placeholder {
    color: #b7b7b7;
}

.contact__form button {
    letter-spacing: 4px;
    /*padding: 14px 35px;*/
}
.site-btn {
    font-size: 14px;
    color: #ffffff;
    background: darkred;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 30px;
}
.contact__text .section-title  h2::before {
    margin-left: -80px
}

/*================================================contact page end============================*/
/*================================================Login page start============================*/
.login_box_area .login_box_img {
    height:350px;
    position:relative
}
@media (min-width: 1000px){
    .login_box_area .login_box_img{
        height:610px
    }}
@media (min-width: 991px)
{.login_box_area .login_box_img{
    margin-right:-30px
}}
@media (min-width: 1100px){
    .section-margin {
        margin: 120px 0;
    }}
.login_box_area .login_box_img img{
    width:100%
}
.login_box_area .login_box_img:before{
    position:absolute;
    left:0;top:0;
    height:100%;width:100%;
    content:"";
    background: rgb(250, 228, 239);
    opacity:.9}
.login_box_area .login_box_img .hover{
    position:absolute;
    top:50%;
    left:0px;
    text-align:center;
    width:100%;
    transform:translateY(-50%)}
.login_box_area .login_box_img .hover h4{
    font-size:24px;
    color: #000000;
    font-weight:500;
    margin-bottom:15px
}
.login_box_area .login_box_img .hover p {
    max-width: 390px;
    margin: 0px auto 28px;
    color: #0e0e0e;
}
.login_box_area .login_box_img .hover .primary-btn{
    border-radius:0px;
    line-height:38px;
    text-transform:uppercase
}
.login_box_area .login_box_img .hover .primary-btn:hover:before{
    left:260px
}
.button-account {
    padding: 7px 42px;
    background: transparent;
    border-color: #fff;
}

.button {
    display: inline-block;
    border: 1px solid #a9abc3;
    border-radius: 30px;
    /*color: #222;*/
    font-weight: 500;
    padding: 12px 50px;
    background: #930613;
    color: #fff;
    transition: all .4s ease;
}
.btn {
    display: inline-block;
    border: 1px solid #a9abc3;
    border-radius: 30px;
    /*color: #222;*/
    font-weight: 500;
    padding: 12px 50px;
    background: #930613;
    color: #fff;
    transition: all .4s ease;
}
.btn:hover {
    background: #c21223;
}
.login_box_area .login_box_img .button:hover{
    background: #a02521 !important;
    color:#fff !important;
    border-color:#a02521 !important;
}
/*.login_box_area .login_box_img .btn:hover{*/
/*    background:#c5322d !important;*/
/*    color:#fff !important;*/
/*    border-color:#c5322d !important;*/
/*}*/
.login_form_inner{
    box-shadow:0px 10px 40px 0px rgba(56,74,235,0.1);
    height:100%;text-align:center;
    padding:30px 0
}

@media (min-width: 1000px){
    .login_form_inner{
        padding-top:115px;
        padding-bottom:0
    }}

.login_form_inner h3 {
    color: #222;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 75px;
}
.login_form_inner .login_form{
    max-width:385px;
    margin:auto
}
.login_form .form-group{
    margin-bottom:22px
}
.login_form .form-group input{
    height:40px;
    border:none;
    border-bottom:1px solid #cccccc;
    border-radius:0px;
    outline:none;
    box-shadow:none;
    font-size:14px;
    color:#999999
}
/*.login_form .form-group input.placeholder{*/
/*    color:#999999*/
/*}*/
/*.login_form .form-group input:-moz-placeholder{*/
/*    color:#999999*/
/*}*/
/*.login_form .form-group input::-moz-placeholder{*/
/*    color:#999999*/
/*}*/
/*.login_form .form-group input::-webkit-input-placeholder{*/
/*    color:#999999*/
/*}*/
.login_form .form-group .creat_account{
    margin-top:10px;
    font-size:14px;
    text-align:left
}
.login_form .form-group .creat_account input{
    height:auto;
    margin-right:10px;
    position:relative;
    top:2px
}
.login_form .form-group .primary-btn{
    display:block;
    border-radius:0px;
    line-height:38px;
    width:100%;
    text-transform:uppercase;
    border:none
}
.login_form .form-group .primary-btn:hover:before{
    left:370px
}
.login_form .form-group a{
    font-size:14px;
    color:#777;
    margin-top:20px;
    display:block
}
/*================================================Login page end============================*/
/*================================================shopping category page start============================*/
/*---------------------
  Shop
-----------------------*/

.shop__sidebar {
    padding-right: 20px;
}

.shop__sidebar__search {
    margin-bottom: 45px;
}

.shop__sidebar__search form {
    position: relative;
}

.shop__sidebar__search form input {
    width: 100%;
    font-size: 15px;
    color: black;
    padding-left: 20px;
    border: 1px solid #e5e5e5;
    height: 42px;
}

.shop__sidebar__search form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input::-moz-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input::placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form button {
    color: #b7b7b7;
    font-size: 15px;
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    padding: 0 15px;
    top: 0;
    height: 100%;
}

.shop__sidebar__accordion .card {
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
    padding: 0;
}

.shop__sidebar__accordion .card:last-child {
    margin-bottom: 0;
}

.shop__sidebar__accordion .card:last-child .card-body {
    padding-bottom: 0;
    border-bottom: none;
}

.shop__sidebar__accordion .card-body {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.shop__sidebar__accordion .card-heading {
    cursor: pointer;
}

.shop__sidebar__accordion .card-heading a {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.shop__sidebar__categories ul,
.shop__sidebar__price ul,
.shop__sidebar__brand ul {
    height: 225px;
}

.shop__sidebar__categories ul li,
.shop__sidebar__price ul li,
.shop__sidebar__brand ul li {
    list-style: none;
}

.shop__sidebar__categories ul li a,
.shop__sidebar__price ul li a,
.shop__sidebar__brand ul li a {
    color: #b7b7b7;
    font-size: 15px;
    line-height: 32px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.shop__sidebar__categories ul li a:hover,
.shop__sidebar__price ul li a:hover,
.shop__sidebar__brand ul li a:hover {
    color: #111111;
}

.shop__sidebar__brand ul {
    height: auto;
}

.shop__sidebar__price ul {
    height: auto;
}

.shop__sidebar__size {
    padding-top: 15px;
}

.shop__sidebar__size label {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 6px 25px;
    margin-bottom: 10px;
    margin-right: 5px;
    cursor: pointer;
}

.shop__sidebar__size label.active {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

.shop__sidebar__size label input {
    position: absolute;
    visibility: hidden;
}

.shop__sidebar__color {
    padding-top: 15px;
}

.shop__sidebar__color label {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
}

.shop__sidebar__color label.c-1 {
    background: #0b090c;
}

.shop__sidebar__color label.c-2 {
    background: #20315f;
}

.shop__sidebar__color label.c-3 {
    background: #f1af4d;
}

.shop__sidebar__color label.c-4 {
    background: #636068;
}

.shop__sidebar__color label.c-5 {
    background: #57594d;
}

.shop__sidebar__color label.c-6 {
    background: #e8bac4;
}

.shop__sidebar__color label.c-7 {
    background: #d6c1d7;
}

.shop__sidebar__color label.c-8 {
    background: #ed1c24;
}

.shop__sidebar__color label.c-9 {
    background: #ffffff;
}

.shop__sidebar__color label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 36px;
    width: 36px;
    border: 1px solid #e5e5e5;
    content: "";
    border-radius: 50%;
}

.shop__sidebar__color label input {
    position: absolute;
    visibility: hidden;
}

.shop__sidebar__tags {
    padding-top: 15px;
}

.shop__sidebar__tags a {
    color: #404040;
    font-size: 13px;
    font-weight: 700;
    background: #f1f5f8;
    padding: 5px 18px;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 6px;
    margin-bottom: 10px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.shop__sidebar__tags a:hover {
    background: #111111;
    color: #ffffff;
}

.shop__sidebar__accordion .card-heading a:after,
.shop__sidebar__accordion .card-heading>a.active[aria-expanded=false]:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
}

.shop__sidebar__accordion .card-heading.active a:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
}

.shop__product__option {
    margin-bottom: 45px;
}

.shop__product__option p {
    color: #111111;
    margin-bottom: 0;
}

.shop__product__option__right {
    text-align: right;
}

.shop__product__option__right p {
    display: inline-block;
    margin-bottom: 0;
}

.shop__product__option__right .nice-select {
    float: none;
    display: inline-block;
    padding: 0;
    line-height: 26px;
    height: auto;
    border: none;
    padding-right: 28px;
}

.shop__product__option__right .nice-select:after {
    border-bottom: 1.5px solid #111111;
    border-right: 1.5px solid #111111;
    height: 8px;
    right: 12px;
    width: 8px;
}

.shop__product__option__right .nice-select span {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
}

.shop__product__option__right .nice-select .list {
    border-radius: 0;
}
.nice-scroll {
      /* other styles */
      overflow-y: auto; /* or scroll */
    }

.product__pagination {
    padding-top: 25px;
    text-align: center;
}

.product__pagination a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    height: 30px;
    width: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

.product__pagination a.active {
    border-color: #111111;
}

.product__pagination a:hover {
    border-color: #111111;
}

.product__pagination span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    padding-left: 10px;
    padding-right: 15px;
}

/*---------------------
  Shop
-----------------------*/

.product__details__pic {
    text-align: center;
    background: #f3f2ee;
    padding: 40px 0 60px;
    margin-bottom: 100px;
}

.product__details__pic .nav-tabs {
    border-bottom: none;
    width: 105px;
}

.product__details__pic .nav-tabs .nav-item {
    margin-bottom: 10px;
}

.product__details__pic .nav-tabs .nav-item:last-child {
    margin-bottom: 0;
}

.product__details__pic .nav-tabs .nav-item .nav-link {
    padding: 0;
    display: block;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
    height: 120px;
    width: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic i {
    height: 56px;
    width: 56px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    font-size: 20px;
    color: #ffffff;
    line-height: 48px;
    display: inline-block;
    text-align: center;
}

.product__details__pic .nav-tabs .nav-item.show .nav-link,
.product__details__pic .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
}

.product__details__breadcrumb {
    margin-bottom: 30px;
}

.product__details__breadcrumb a {
    font-size: 15px;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.product__details__breadcrumb a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
}

.product__details__breadcrumb span {
    font-size: 15px;
    color: #b7b7b7;
    display: inline-block;
}

.product__details__pic__item {
    position: relative;
}

.product__details__pic__item a {
    height: 56px;
    width: 56px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    font-size: 20px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    margin-left: -28px;
}

.product__details__text {
    text-align: center;
}

.product__details__text h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 10px;
}

.product__details__text .rating {
    margin-bottom: 20px;
}

.product__details__text .rating i {
    font-size: 15px;
    color: #f7941d;
    display: inline-block;
    margin-right: -5px;
}

.product__details__text .rating span {
    display: inline-block;
    color: #3d3d3d;
    margin-left: 5px;
}

.product__details__text h3 {
    color: #0d0d0d;
    font-weight: 700;
    margin-bottom: 16px;
}

.product__details__text h3 span {
    color: #b7b7b7;
    font-size: 20px;
    font-weight: 400;
    margin-left: 10px;
    /*text-decoration: line-through;*/
}

.product__details__text p {
    margin-bottom: 35px;
}

.product__details__option {
    margin-bottom: 30px;
}

.product__details__option__size {
    display: inline-block;
    margin-right: 50px;
}

.product__details__option__size span {
    color: #111111;
    display: inline-block;
    margin-right: 10px;
}

.product__details__option__size label {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 6px 15px;
    margin-bottom: 0;
    margin-right: 5px;
    cursor: pointer;
}

.product__details__option__size label.active {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

.product__details__option__size label input {
    position: absolute;
    visibility: hidden;
}

.product__details__option__color {
    display: inline-block;
    position: relative;
    top: 10px;
}

.product__details__option__color span {
    color: #111111;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -9px;
}

.product__details__option__color label {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
}

.product__details__option__color label.c-1 {
    background: #0b090c;
}

.product__details__option__color label.c-2 {
    background: #20315f;
}

.product__details__option__color label.c-3 {
    background: #f1af4d;
}

.product__details__option__color label.c-4 {
    background: #ed1c24;
}

.product__details__option__color label.c-9 {
    background: #ffffff;
}

.product__details__option__color label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 36px;
    width: 36px;
    border: 1px solid #e5e5e5;
    content: "";
    border-radius: 50%;
}

.product__details__option__color label input {
    position: absolute;
    visibility: hidden;
}

.product__details__cart__option {
    margin-bottom: 25px;
}

.product__details__cart__option .quantity {
    display: inline-block;
    margin-right: 20px;
}

.product__details__cart__option .quantity .pro-qty {
    width: 100px;
    height: 40px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.product__details__cart__option .quantity .pro-qty input {
    color: #0d0d0d;
    font-size: 15px;
    font-weight: 700;
    width: 70px;
    height: 100%;
    text-align: center;
    border: none;
}

.product__details__cart__option .quantity .pro-qty .qtybtn {
    font-size: 18px;
    color: #0d0d0d;
    position: absolute;
    right: 15px;
    top: 3px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    font-weight: 600;
}

.product__details__cart__option .quantity .pro-qty .qtybtn.inc {
    top: 16px;
}

.product__details__btns__option {
    margin-bottom: 40px;
}

.product__details__btns__option a {
    display: inline-block;
    font-size: 13px;
    color: #3d3d3d;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 20px;
}

.product__details__btns__option a:last-child {
    margin-right: 0;
}

.product__details__last__option h5 {
    color: #111111;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    margin-bottom: 26px;
}

.product__details__last__option h5 span {
    background: #ffffff;
    padding: 0 30px;
}

.product__details__last__option h5:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    height: 1px;
    width: 460px;
    background: #e5e5e5;
    content: "";
    z-index: -1;
    margin: 0 auto;
}

.product__details__last__option ul {
    padding-top: 40px;
}

.product__details__last__option ul li {
    list-style: none;
    font-size: 15px;
    color: #111111;
    font-weight: 700;
    line-height: 30px;
}

.product__details__last__option ul li span {
    font-weight: 400;
    color: #b7b7b7;
}

.product__details__tab {
    padding-top: 60px;
}

.product__details__tab .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__details__tab .nav-tabs .nav-item {
    margin-right: 50px;
}

.product__details__tab .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.product__details__tab .nav-tabs .nav-item .nav-link {
    font-size: 20px;
    color: #b7b7b7;
    padding: 0;
    border: none;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.product__details__tab .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #e53637;
}

.product__details__tab__content {
    padding-top: 35px;
}

.note {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 25px;
}

.product__details__tab__content__item {
    margin-bottom: 30px;
}

.product__details__tab__content__item:last-child {
    margin-bottom: 0;
}

.product__details__tab__content__item h5 {
    color: #111111;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.product__details__tab__content__item p {
    margin-bottom: 0;
}
/*.product__item__pic.set-bg{*/

/*    background-image: url(image/product/2.jpg);*/
/*}*/
/*.set-bg {*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: top center;*/
/*}*/

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
    background: #f3f2ee;
    padding: 150px 0 40px;
}

.breadcrumb__text h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 8px;
}

.breadcrumb__links a {
    font-size: 15px;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
}

.breadcrumb__links span {
    font-size: 15px;
    color: #b7b7b7;
    display: inline-block;
}

/*---------------------
  Breadcrumb Blog
-----------------------*/

.breadcrumb-blog {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 350px;
}

.breadcrumb-blog h2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
}
.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}
/*================================================shopping category page end============================*/
/*================================================shopping cart start=====================================*/
/*---------------------
  Shopping Cart
-----------------------*/

.shopping__cart__table {
    margin-bottom: 30px;
}

.shopping__cart__table table {
    width: 100%;
}

.shopping__cart__table table thead {
    border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table thead tr th {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.shopping__cart__table table tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table tbody tr td {
    padding-bottom: 30px;
    padding-top: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item {
    width: 400px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
    float: left;
    margin-right: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text {
    overflow: hidden;
    padding-top: 21px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h6 {
    color: #111111;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
}

.shopping__cart__table table tbody tr td.quantity__item {
    width: 175px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 {
    width: 80px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 input {
    width: 50px;
    border: none;
    text-align: center;
    color: #111111;
    font-size: 16px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 .qtybtn {
    font-size: 16px;
    color: #888888;
    width: 10px;
    cursor: pointer;
}

.shopping__cart__table table tbody tr td.cart__price {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
    width: 140px;
}

.shopping__cart__table table tbody tr td.cart__close i {
    font-size: 18px;
    color: #111111;
    height: 40px;
    width: 40px;
    background: #f3f2ee;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}

.continue__btn.update__btn {
    text-align: right;
}

.continue__btn.update__btn a {
    color: #ffffff;
    background: darkred;
    border-color: darkred;
}

.continue__btn.update__btn a i {
    margin-right: 5px;
}

.continue__btn a {
    color: #111111;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    padding: 14px 35px;
    display: inline-block;
}

.cart__discount {
    margin-bottom: 60px;
}

.cart__discount h6 {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.cart__discount form {
    position: relative;
}

.cart__discount form input {
    font-size: 14px;
    color: #b7b7b7;
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
}

.cart__discount form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::-moz-placeholder {
    color: #b7b7b7;
}

.cart__discount form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::placeholder {
    color: #b7b7b7;
}

.cart__discount form button {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: darkred;
    padding: 0 30px;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.cart__total {
    background: #f3f2ee;
    padding: 35px 40px 40px;
}

.cart__total h6 {
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.cart__total ul {
    margin-bottom: 25px;
}

.cart__total ul li {
    list-style: none;
    font-size: 16px;
    color: #444444;
    line-height: 40px;
    overflow: hidden;
}

.cart__total ul li span {
    font-weight: 700;
    color: #e53637;
    float: right;
}

.cart__total .primary-btn {
    display: block;
    padding: 12px 10px;
    text-align: center;
    letter-spacing: 2px;
}

/*================================================shopping cart end=====================================*/

/*---------------------
  Checkout
-----------------------*/

.coupon__code {
    color: #0d0d0d;
    font-size: 14px;
    border-top: 2px solid #b52727;
    background: #f5f5f5;
    padding: 23px 30px 18px;
    margin-bottom: 50px;
}

.coupon__code span {
    margin-right: 15px;
}

.coupon__code a {
    color: #0d0d0d;
}

.checkout__title {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.checkout__input {
    margin-bottom: 6px;
}

.checkout__input p {
    color: #111111;
    margin-bottom: 12px;
}

.checkout__input p span {
    color: #e53637;
}

.checkout__input input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    color: #b7b7b7;
    padding-left: 20px;
    margin-bottom: 20px;
}

.checkout__input input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::-moz-placeholder {
    color: #b7b7b7;
}

.checkout__input input:-ms-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::-ms-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::placeholder {
    color: #b7b7b7;
}

.checkout__input__checkbox label {
    font-size: 15px;
    color: #0d0d0d;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin-bottom: 16px;
    display: block;
}

.checkout__input__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
    border-color: #e53637;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
    opacity: 1;
}

.checkout__input__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 3px;
    height: 14px;
    width: 14px;
    border: 1.5px solid #d7d7d7;
    content: "";
    border-radius: 2px;
}

.checkout__input__checkbox label .checkmark:after {
    position: absolute;
    left: 1px;
    top: -3px;
    width: 14px;
    height: 7px;
    border: solid #e53637;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    content: "";
    opacity: 0;
}

.creat_account p {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 22px;
    margin-top: 5px;
}

.checkout__order {
    background: #f3f2ee;
    padding: 30px;
}

.checkout__order .order__title {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.checkout__order p {
    color: #444444;
    font-size: 16px;
    line-height: 28px;
}

.checkout__order .site-btn {
    width: 100%;
    margin-top: 8px;
}

.checkout__order__products {
    font-size: 16px;
    color: #111111;
    overflow: hidden;
    margin-bottom: 18px;
}

.checkout__order__products span {
    float: right;
}

.checkout__total__products {
    margin-bottom: 20px;
}

.checkout__total__products li {
    font-size: 16px;
    color: #444444;
    list-style: none;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 15px;
}

.checkout__total__products li:last-child {
    margin-bottom: 0;
}

.checkout__total__products li span {
    color: #111111;
    float: right;
}

.checkout__total__all {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0;
    margin-bottom: 26px;
}

.checkout__total__all li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    line-height: 40px;
    overflow: hidden;
}

.checkout__total__all li span {
    color: #e53637;
    font-weight: 700;
    float: right;
}
/*===================================================check out end=========================================*/

/*=====================================================confirmation page start===================================*/
.billing-alert {
    font-size: 18px;
    color: #384aeb;
    margin-bottom: 20px;
    margin-top: 20px;
}
.confirmation-card {
    padding: 38px;
    background: #f1f6f7;
}
.billing-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 15px;
    border-color: #DDDDDD;
}
table {
    border-collapse: collapse;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.confirmation-card tr td:last-child {
    color: #222;
    padding-left: 25px;
}
.order_details_table {
    background: #e5ecee;
    padding: 30px;
    margin-top: 75px;
    margin-bottom: 50px;
}
.order_details_table h2 {
    color: #222;
    font-size: 18px;
    padding-bottom: 15px;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*-ms-overflow-style: -ms-autohiding-scrollbar;*/
    background: #e5ecee;
}
.order_details_table .table {
    margin-bottom: 0px;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.order_details_table .table thead tr th {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
}
.order_details_table .table thead tr th {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-family: "Oswald",sans-serif;
    font-weight: normal;
    color: #222;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
th {
    text-align: inherit;
}
.order_details_table .table tbody tr td {
    border: 0;
    color: #777777;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.order_details_table .table tbody tr td h5 {
    color: #222;
    margin-bottom: 0px;
}
.order_details_table .table tbody tr td h5 {
    font-family: "Roboto",sans-serif;
    color: #222;
    margin-bottom: 0px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
.order_details_table .table tbody tr td {
    border: 0;
    color: #777777;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.order_details_table .table tbody tr td p {
    margin-bottom: 0px;
}
.order_details_table .table tbody tr td {
    border: 0;
    color: #777777;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    /* border-top: 1px solid #dee2e6; */
}
.order_details_table .table tbody tr:last-child td {
    border-top: 1px solid #ddd;
}
.order_details_table .table tbody tr:last-child td {
    border-top: 1px solid #ddd;
    padding-bottom: 0;
}
.order_details_table .table tbody tr td {
    border: 0;
    color: #777777;
}
.order_details_table .table tbody tr td h4 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #222;
}
.order_details_table .table tbody tr td h4 {
    font-family: "Roboto",sans-serif;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #222;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
.order_details_table .table tbody tr td p {
    margin-bottom: 0px;
}





/*=====================================================confirmation page start===================================*/
/* ------------------- About -------------------- */



#about {
    background-color: #f6e6e6;
    padding: 120px 0 60px;
    box-shadow: inset 0px -10px 15px -8px rgba(0, 0, 0, 0.1);
}

.about_img {
    width: 420px;
    height: 100%;
    margin-bottom: -60px;
}

/** About Left End */

#about .heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin-bottom: 15px;
}

#about .heading h2 span {
    color: #a70808;
}

#about .heading h3 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin-bottom: 30px;
}

#about .heading p {
    width: 450px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    line-height: 30px;
    margin-bottom: 40px;
}

/** About Right Side */

#about ul {
    margin-left: 25px;
    cursor: pointer;
}

#about ul li {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    line-height: 30px;
}

#about ul li i {
    color: rgba(213, 50, 32, 0.50);
    margin-right: 8px;
    transition: all linear .3s;
}

#about ul li:hover i {
    color: #d90d0d;
}

#about ul li:hover {
    font-weight: 600;
}

/** button start*/

.custom-btn {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
    7px 7px 20px 0px rgba(0, 0, 0, .1),
    4px 4px 5px 0px rgba(0, 0, 0, .1);
    outline: none;

    margin-top: 20px;
}

.btn-7 {
    background: linear-gradient(0deg, rgb(221, 12, 12) 0%, rgb(176, 2, 17) 100%);
    line-height: 42px;
    padding: 0;
    border: none;
}

.btn-7 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.btn-7:before,
.btn-7:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: rgb(162, 0, 0);
    box-shadow:
            -7px -7px 20px 0px rgba(255, 255, 255, .9),
            -4px -4px 5px 0px rgba(255, 255, 255, .9),
            7px 7px 20px 0px rgba(0, 0, 0, .2),
            4px 4px 5px 0px rgba(0, 0, 0, .3);
    transition: all 0.3s ease;
}

.btn-7:before {
    height: 0%;
    width: 2px;
}

.btn-7:after {
    width: 0%;
    height: 2px;
}

.btn-7:hover {
    color: rgb(215, 12, 12);
    background: transparent;
}

.btn-7:hover:before {
    height: 100%;
}

.btn-7:hover:after {
    width: 100%;
}

.btn-7 span:before,
.btn-7 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #e00d0d;
    box-shadow:
            -7px -7px 20px 0px rgba(255, 255, 255, .9),
            -4px -4px 5px 0px rgba(255, 255, 255, .9),
            7px 7px 20px 0px rgba(0, 0, 0, .2),
            4px 4px 5px 0px rgba(0, 0, 0, .3);
    transition: all 0.3s ease;
}

.btn-7 span:before {
    width: 2px;
    height: 0%;
}

.btn-7 span:after {
    height: 2px;
    width: 0%;
}

.btn-7 span:hover:before {
    height: 100%;
}

.btn-7 span:hover:after {
    width: 100%;
}

/*? ===About Us CSS Ends=== */

#our_success {
    padding: 120px 0;
    background-image: url(../media/success.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

#our_success::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.90);
    z-index: -1;
}

#our_success .heading {
    text-align: center;
    margin-bottom: 50px;
}

#our_success .heading h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin-bottom: 15px;
}

#our_success .heading h2 span {
    color: #9b1c0e;
}

#our_success .heading h3 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin-bottom: 30px;
}

#our_success .counter_row p{
    width: 450px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #616161;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* ---- button */

.cssbuttons-io-button {
    background: #a50808;
    color: white;
    font-family: 'Poppins', sans-serif;
    padding: 0.35em;
    padding-left: 1.2em;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0.9em;
    border: none;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 1.6em -0.6em #dd3333;
    overflow: hidden;
    position: relative;
    height: 2.8em;
    padding-right: 3.3em;
    cursor: pointer;
    width: fit-content;
}

.cssbuttons-io-button .icon {
    background: white;
    margin-left: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.2em;
    width: 2.2em;
    border-radius: 0.7em;
    box-shadow: 0.1em 0.1em 0.6em 0.2em #d52026;
    right: 0.3em;
    transition: all 0.3s;
}

.cssbuttons-io-button:hover .icon {
    width: calc(100% - 0.6em);
}

.cssbuttons-io-button .icon svg {
    width: 1.1em;
    transition: transform 0.3s;
    color: #e51414;
}

.cssbuttons-io-button:hover .icon svg {
    transform: translateX(0.1em);
}

.cssbuttons-io-button:active .icon {
    transform: scale(0.95);
}

/** Counter */

.counter_items{
    margin-top: 50px;
    gap: 60px;
}

.counter_row .counter_items p{
    color: #1E1E1E;
    font-size: 8px;
}

.counter_items span{
    font: 800 44px 'Poppins', sans-serif;
    letter-spacing:0;
    padding: .25em 0 .325em;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255,255,255,.5);

    /* Clip Background Image */

    background: url(../media/animated-text-fill.jpg) repeat-y;
    -webkit-background-clip: text;
    /*background-clip:text;*/

    /* Animate Background Image */

    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;

    /* Activate hardware acceleration for smoother animations */

    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;

}

/* Animate Background Image */

@-webkit-keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/** Counter Right Side */

.counter_img{
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    border: none;
    border-radius: 10px;
    padding: 0.5em;
    color: white;
    font-family: Inconsolata;
    font-size: 4em;
    animation: hover 3.5s ease-in-out infinite;
    box-shadow: 40px -41px 27px 0px rgba(0,0,0,0.1);
    margin-left: 68px;
}

@keyframes hover{
    0%{
        transform: rotate(-5deg) translatey(0px);
    }
    50%{
        transform: rotate(-3deg) translatey(7px);
    }
    100%{
        transform: rotate(-5deg) translatey(0px);
    }
}

.counter_img img{
    width: 420px;
    height: auto;
}

.counter_items span {
    font: 800 44px 'Poppins', sans-serif;
    letter-spacing: 0;
    padding: 0.25em 0 0.325em;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255,255,255,.5);
    background: url(../media/animated-text-fill.png) repeat-y;
    -webkit-background-clip: text;
    /*background-clip: text;*/
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
}

.section-title {
    margin-bottom: 45px;
    text-align: center;
}
.team__row{
    display: flex;
}
.team__item {
    margin-bottom: 30px;

}
.team__item img {
    min-width: 100%;
    margin-bottom: 25px;
    /*padding: 30px;*/
}
.team__item h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 8px;
}


.team__row .team__col .team__img {
    position: relative;
    overflow: hidden;
    width: 260px;
}

.team__row .team__col .team__img .team__overly {
    background-color: rgba(0, 0, 0, 0.60);
    width: 50px;
    height: 300px;
    position: absolute;
    top: 0;
    right: -80px;
    transition: .3s;
}

.team__col:hover .team__img .team__overly {
    right: 0;
}

.team__img .team__overly ul {
    margin-top: 35px;
}

.team__img .team__overly ul li a {
    width: 40px;
    height: 40px;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    left: 50%;
    margin-bottom: 15px;
}

.team__img .team__overly ul li a:hover {
    background-color: #5bc5f4;
    border-color: #5bc5f4;
}


.clients {
    padding-top: 0;
    padding-bottom: 25px;
}

/*.testimonial {*/
/*    max-width: 800px;*/
/*    margin: 0 auto !important;*/
/*    text-align: center; }*/
/*.testimonial blockquote {*/
/*    font-size: 1.5rem;*/
/*    font-style: italic; }*/
/*.testimonial figure img {*/
/*    max-width: 200px;*/
/*    margin: 0 auto;*/
/*    border-radius: 50%; }*/

/*.text-muted {*/
/*    color: #ccc !important;*/
/*    font-size: 12px;*/
/*    text-transform: uppercase; }*/

/*.person h3 {*/
/*    font-size: 18px; }*/

/*.ul-social-circle {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0; }*/
/*.ul-social-circle li {*/
/*    display: inline-block;*/
/*    margin-left: 5px;*/
/*    margin-bottom: 5px; }*/
/*.ul-social-circle li:first-child {*/
/*    margin-left: 0; }*/
/*.ul-social-circle li span {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: #777;*/
/*    font-size: 13px;*/
/*    text-align: center;*/
/*    line-height: 30px;*/
/*    border-radius: 50%;*/
/*    display: inline-block; }*/
/*.ul-social-circle li a span {*/
/*    color: #fff;*/
/*    -webkit-transition: .3s all ease;*/
/*    -o-transition: .3s all ease;*/
/*    transition: .3s all ease; }*/
/*.ul-social-circle li a:hover span {*/
/*    background: #2b2b2b;*/
/*    color: #fff; }*/

/*.social-media {*/
/*    display: inline-block;*/
/*    float: left;*/
/*    margin-bottom: 0px;*/
/*    padding: 0; }*/
/*.social-media li {*/
/*    display: inline-block;*/
/*    margin: 0; }*/
/*.social-media li a {*/
/*    color: #fff;*/
/*    display: inline-block;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    border-radius: 50%;*/
/*    background: #000;*/
/*    position: relative; }*/
/*.social-media li a span {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    -webkit-transform: translate(-50%, -50%);*/
/*    -ms-transform: translate(-50%, -50%);*/
/*    transform: translate(-50%, -50%); }*/
/*.social-media li a:hover {*/
/*    color: #f16821; }*/

/*.testimonial-wrap .owl-nav {*/
/*    display: none; }*/

/*.section-sub-title {*/
/*    font-size: 13px;*/
/*    color: #adb5bd;*/
/*    letter-spacing: .2em;*/
/*    text-transform: uppercase;*/
/*    font-weight: 700; }*/

/*.section-title {*/
/*    color: #000;*/
/*    font-size: 40px;*/
/*    font-weight: 900; }*/
/*@media (max-width: 991.98px) {*/
/*    .section-title {*/
/*        font-size: 30px; } }*/

/*.position-relative {*/
/*    position: relative; }*/

/*.experience {*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    right: -10px;*/
/*    background: #46ddb0;*/
/*    padding: 20px; }*/
/*@media (max-width: 991.98px) {*/
/*    .experience {*/
/*        bottom: 0px;*/
/*        right: 0px; } }*/
/*.experience span {*/
/*    display: block; }*/
/*.experience .year {*/
/*    font-weight: 900;*/
/*    color: #fff;*/
/*    font-size: 3rem;*/
/*    letter-spacing: normal;*/
/*    line-height: 1.2; }*/
/*.experience .caption {*/
/*    color: #fff;*/
/*    text-transform: uppercase; }*/

/*.owl-carousel.owl-loaded {*/
/*    display: block;*/
/*}*/
/*.slide-one-item {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/
/*.owl-carousel, .owl-carousel .owl-item {*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    position: relative;*/
/*}*/
/*.owl-carousel .owl-stage-outer {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    -webkit-transform: translate3d(0,0,0);*/
/*}*/
/*.owl-carousel.owl-drag .owl-item {*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*}*/
/*.owl-carousel .owl-item {*/
/*    min-height: 1px;*/
/*    float: left;*/
/*    -webkit-backface-visibility: hidden;*/
/*    -webkit-touch-callout: none;*/
/*}*/
/*.owl-carousel .owl-item {*/
/*    -webkit-backface-visibility: hidden;*/
/*    -moz-backface-visibility: hidden;*/
/*    -ms-backface-visibility: hidden;*/
/*    -webkit-transform: translate3d(0,0,0);*/
/*    -moz-transform: translate3d(0,0,0);*/
/*    -ms-transform: translate3d(0,0,0);*/
/*}*/
/*.owl-carousel, .owl-carousel .owl-item {*/
/*    -webkit-tap-highlight-color: transparent;*/
/*    position: relative;*/
/*}*/

/*---------------------
  Clients
-----------------------*/

.clients {
    padding-top: 0;
    padding-bottom: 25px;
}

.client__item {
    display: block;
    margin-bottom: 75px;
    text-align: center;
}

.section-title {
    margin-bottom: 45px;
    text-align: center;
}
.client_row{
    padding-top:30px ;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

}
/*====================================================faq part start===================================================*/
.faq {
    padding-bottom:80px;
    background-color:#f9f9f9
}
.faq .section-title{
    margin:60px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .faq .section-title{
        margin-bottom:40px
    }}
@media(max-width:767px){
    .faq .section-title{
        margin-bottom:30px}}
@media only screen and (min-width:768px) and (max-width:991px){
    .faq{
        padding-bottom:40px
    }
}@media(max-width:767px){
    .faq{
        padding-bottom:30px
    }}
.section-title h2::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    background-color: #b01313;
    height: 2px;
    width: 100px;
    margin-left: -48px;
    border-radius: 2px;
}
.section-title h2 {
    font-size: 30px;
    line-height: 35px;
    text-transform: capitalize;
    position: relative;
    font-weight: 800;
    padding-bottom: 20px;
    margin-bottom: 20px;

}
.section-title p {
    font-size: 18px;
}
/*====================================================faq part end===================================================*/
/*<!--testimonial part start-->*/
.customer-section{
    margin-bottom: 70px;
}
.customer-section .section-title h2{
    margin: 50px;
}
.customer-section .col-lg-4:nth-child(1) .single-cat,.customer-section .col-lg-4:nth-child(2) .single-cat,.customer-section .col-lg-4:nth-child(3) .single-cat
{
    border-top:1px solid rgba(53, 48, 48, 0.2)
}
@media (max-width: 575px){
    .customer-section .col-lg-4:nth-child(1) .single-cat,.customer-section .col-lg-4:nth-child(2) .single-cat,
    .customer-section .col-lg-4:nth-child(3) .single-cat
    {
        border-bottom:1px solid rgba(74, 49, 49, 0.2)
    }}
.customer-section .col-lg-4:nth-child(1) .single-cat
{
    border-left:0;
    border-right:0
}
@media only screen and (min-width: 576px) and (max-width: 767px)
{
    .customer-section .col-lg-4:nth-child(1) .single-cat
    {
        border-left:1px solid rgba(60, 24, 24, 0.2)
    }}
.customer-section .col-lg-4:nth-child(3) .single-cat
{
    border-left:0;border-right:0
}
@media only screen and (min-width: 576px) and (max-width: 767px){.customer-section .col-lg-4:nth-child(3) .single-cat{border-left:1px solid rgba(7, 7, 7, 0.2) !important}}@media only screen and (min-width: 768px) and (max-width: 991px){
    .customer-section .col-lg-4:nth-child(3) .single-cat{border-right:1px solid rgba(105, 97, 97, 0.2);border-left:0}}
@media only screen and (min-width: 576px) and (max-width: 767px){.customer-section .col-lg-4:nth-child(3) .single-cat{border-right:1px solid rgba(5, 0, 0, 0.2);border-left:0}}  .customer-section .single-cat{-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;z-index:1;padding:40px 46px 25px 46px;border:1px solid rgba(7, 1, 1, 0.2);border-radius:0px}@media only screen and (min-width: 1200px) and (max-width: 1400px){.customer-section .single-cat{height:356px}}@media only screen and (min-width: 992px) and (max-width: 1199px){.customer-section .single-cat{height:290px}}@media only screen and (min-width: 768px) and (max-width: 991px){.customer-section .single-cat{padding:30px 15px 10px 20px;height:290px}}  .customer-section .single-cat .cat-img{margin-bottom:25px}
.customer-section .single-cat .cat-img img
{
    border-radius:50%;
    display:inline-block;
    height: 40px;
    width: 40px;
}
.customer-section .single-cat .cat-img p
{
    color: #111111;
    display:inline-block;
    font-size:16px;
    margin-left:10px}
.customer-section .single-cat .cat-img {
    margin-bottom: 25px;
}
.customer-section .single-cat .cat-cap span{color:#6785FF;font-size:46px;font-weight:600;margin-bottom:10px;display:block}
.customer-section .single-cat .cat-cap h5>a{font-size:28px;font-weight:500;color:#2A2A2A;text-transform:capitalize;margin-bottom:17px;display:block;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}@media only screen and (min-width: 576px) and (max-width: 767px){.customer-section .single-cat .cat-cap h5>a{font-size:21px}}@media only screen and (min-width: 768px) and (max-width: 991px){.customer-section .single-cat .cat-cap h5>a{font-size:20px}}
@media (max-width: 575px){.customer-section .single-cat .cat-cap h5>a{font-size:23px}}
.customer-section .single-cat .cat-cap h5>a:hover{color:#E5BF4A}
.customer-section .single-cat .cat-cap p{color: #1c1b1b;font-size:24px;line-height:1.6;margin-bottom:36px;font-weight:300}@media only screen and (min-width: 992px) and (max-width: 1199px){.customer-section .single-cat .cat-cap p{font-size:16px}}@media only screen and (min-width: 576px) and (max-width: 767px){.customer-section .single-cat .cat-cap p{font-size:13px}}@media only screen and (min-width: 768px) and (max-width: 991px){.customer-section .single-cat .cat-cap p{font-size:17px}}@media (max-width: 575px){.customer-section .single-cat .cat-cap p{font-size:17px}}  .customer-section .single-cat .cat-cap .rating{position:relative}  .customer-section .single-cat .cat-cap .rating li{color:#E5BF4A;font-size:14px;display:inline-block;margin-bottom:15px}  .customer-section .single-cat .cat-cap .rating li p{color:#000}

/*<!-----------------------------------------------testimonial part end--------------------->*/


/*-----------------------------product details part start-------------------------------*/
/*---------------------
  Product Details
-----------------------*/

.product-details {
    padding-top: 70px;
    padding-bottom: 50px;
}

.product__details__pic {
    overflow: hidden;
    outline: none;
}

.product__details__pic__left {
    width: 22%;
    max-height: 574px;
    float: left;
    /*overflow-y: auto;*/
}

.product__details__pic__left .pt {
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.product__details__pic__left .pt::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product__details__pic__left .pt.active::after {
    opacity: 0.3;
}

.product__details__pic__left .pt:last-child {
    margin-bottom: 0;
}

.product__details__pic__left .pt img {
    min-width: 100%;
}

.product__details__slider__content {
    width: calc(78% - 20px);
    float: left;
    margin-left: 20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 22px;
    color: #111111;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    margin-top: -20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 10px;
}

.product__details__text h3 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.product__details__text h3 span {
    display: block;
    font-size: 14px;
    color: #444444;
    text-transform: none;
    font-weight: 400;
    margin-top: 5px;
}

.product__details__text .rating {
    margin-bottom: 16px;
}

.product__details__text .rating i {
    font-size: 12px;
    color: #e3c01c;
    margin-right: -4px;
}

.product__details__text .rating span {
    font-size: 12px;
    color: #666666;
    margin-left: 5px;
}

.product__details__text p {
    color: #444444;
    margin-bottom: 28px;
}

.product__details__price {
    font-size: 30px;
    font-weight: 600;
    color: #ca1515;
    margin-bottom: 30px;
}

.product__details__price span {
    font-size: 18px;
    color: #b1b0b0;
    text-decoration: line-through;
    margin-left: 10px;
    display: inline-block;
}

.quantity {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.quantity>span {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    float: left;
    margin-top: 14px;
    margin-right: 15px;
}

.pro-qty {
    height: 50px;
    width: 150px;
    border: 1px solid #ebebeb;
    border-radius: 50px;
    padding: 0 20px;
    overflow: hidden;
    display: inline-block;
}

.pro-qty .qtybtn {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    float: left;
    width: 12px;
    line-height: 46px;
}

.pro-qty input {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    border: none;
    float: left;
    width: 84px;
    text-align: center;
    height: 48px;
}

.product__details__button {
    overflow: hidden;
    margin-bottom: 25px;
}

.product__details__button .cart-btn {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #ca1515;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 30px 15px;
    border-radius: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.product__details__button ul {
    float: left;
}

.product__details__button ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.product__details__button ul li:last-child {
    margin-right: 0;
}

.product__details__button ul li a {
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    padding-top: 1px;
}

.product__details__button ul li a span {
    font-size: 18px;
    color: #666666;
}

.product__details__widget {
    border-top: 1px solid #ebebeb;
    padding-top: 35px;
    text-align: start;
}

.product__details__widget ul li {
    list-style: none;
    margin-bottom: 10px;
}

.product__details__widget ul li:last-child {
    margin-bottom: 0;
}

.product__details__widget ul li span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #111111;
    width: 150px;
    float: left;
}

.product__details__widget ul li .stock__checkbox {
    overflow: hidden;
}

.product__details__widget ul li .stock__checkbox label {
    display: block;
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
    position: relative;
    cursor: pointer;
}

.product__details__widget ul li .stock__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark {
    border-color: #ca1515;
}

.product__details__widget ul li .stock__checkbox label input:checked~.checkmark:after {
    border-color: #ca1515;
    opacity: 1;
}

.product__details__widget ul li .stock__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 5px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.product__details__widget ul li .stock__checkbox label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

.product__details__widget ul li .color__checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 20px;
}

.product__details__widget ul li .color__checkbox label.active input~.checkmark:after {
    border-color: #ffffff;
    opacity: 1;
}

.product__details__widget ul li .color__checkbox label:last-child {
    margin-right: 0;
}

.product__details__widget ul li .color__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.product__details__widget ul li .color__checkbox label input:checked~.checkmark:after {
    border-color: #ffffff;
    opacity: 1;
}

.product__details__widget ul li .color__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: -10px;
    height: 20px;
    width: 20px;
    background: #e31e2f;
    border-radius: 50%;
    content: "";
}

.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
    background: #111111;
}

.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
    background: #e4aa8b;
}

.product__details__widget ul li .color__checkbox label .checkmark:after {
    position: absolute;
    left: 3px;
    top: 5px;
    width: 13px;
    height: 6px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

.product__details__widget ul li .size__btn label {
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0;
}

.product__details__widget ul li .size__btn label:last-child {
    margin-right: 0;
}

.product__details__widget ul li .size__btn label.active {
    color: #ca1515;
}

.product__details__widget ul li .size__btn label input {
    position: absolute;
    visibility: hidden;
}

.product__details__widget ul li p {
    margin-bottom: 0;
    color: #666666;
}

.product__details__tab {
    padding-top: 80px;
    margin-bottom: 65px;
}

.nav {
    border-bottom: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 40px;
}

/*.nav::before {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 15px;*/
/*    height: 1px;*/
/*    width: 300px;*/
/*    background: #e1e1e1;*/
/*    content: "";*/
/*}*/

/*.nav::after {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 15px;*/
/*    height: 1px;*/
/*    width: 300px;*/
/*    background: #e1e1e1;*/
/*    content: "";*/
/*}*/

.nav-item {
    margin-right: 46px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item .nav-link {
    font-size: 18px;
    color: #666666;
    font-weight: 600;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.nav-item .nav-link.active {
    color: #111111;
}

.tab-content .tab-pane h6 {
    color: #666666;
    font-weight: 600;
    margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
    margin-bottom: 0;
}

.review-btn{
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 30px;
    color: #ffffff;
    background: #8b0000;
    letter-spacing: 4px;
    margin-top:25px;
}
.review-btn:hover{
    background: #b31f1f;
}

/*.theme-form .btn{*/
/*    background: #930613;*/
/*    hover: #b11422;*/
/*}*/

.related__title h5 {
    font-size: 20px;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

/*-----------------------------product details part end-------------------------------*/
/*  -----------------Related product part start--------------------------*/
.related-title   {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #1E1E1E;
    margin-bottom: 50px;
    flex-direction: column;
    display: flex;
    align-items: center;
}
.related-title span{

    color: darkred;
    display: contents;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin: 40px;
    align-items: center;
}
/*  -----------------Related product part end--------------------------*/
/*Cart part start*/
/*.cart_total.total:before {*/


/*    position: absolute;*/
/*    left: 50%;*/
/*    bottom: 0;*/
/*    content: "";*/
/*    background-color: #b01313;*/
/*    height: 2px;*/
/*    width: 100px;*/
/*    margin-left: -48px;*/
/*    border-radius: 2px;*/

/*        !*top: 15px;*!*/
/*        !*height: 1px;*!*/
/*        !*width: 300px;*!*/
/*        !*background: #e1e1e1;*!*/
/*        !*content: "";*!*/


/*}*/
ul.cart_total{
    background: seashell;
}
.cart_total li{
    font-weight: bold;
    padding:2px;

}


/*.header .shopping-cart .total:before{*/
/*    position: absolute;*/
/*    !*left: 50%;*!*/
/*    !*bottom: 0;*!*/
/*    content: "";*/
/*    background-color: #fde7f9;*/
/*    height: 1px;*/
/*    width: 95%;*/
/*    !*margin-left: -48px;*!*/
/*    !*border-radius: 2px;*!*/
/*}*/
/*Cart part end*/

/*@media only screen and (max-width: 767px){*/
/*    .offcanvas-menu-overlay {*/
/*        position: fixed;*/
/*        left: 0;*/
/*        top: 0;*/
/*        height: 100%;*/
/*        width: 100%;*/
/*        background: rgba(0, 0, 0, 0.7);*/
/*        content: "";*/
/*        z-index: 98;*/
/*        -webkit-transition: all, 0.5s;*/
/*        -o-transition: all, 0.5s;*/
/*        transition: all, 0.5s;*/
/*        visibility: hidden;*/
/*    }}*/
/*@media only screen and (max-width: 767px){*/
/*    .canvas__open {*/
/*        display: block;*/
/*        font-size: 22px;*/
/*        color: #111111;*/
/*        height: 35px;*/
/*        width: 35px;*/
/*        line-height: 35px;*/
/*        text-align: center;*/
/*        border: 1px solid #111111;*/
/*        border-radius: 2px;*/
/*        cursor: pointer;*/
/*        position: absolute;*/
/*        right: 15px;*/
/*        top: 25px;*/
/*    }}*/


/*media queries*/
@media (max-width: 991px) {


    html {
        font-size: 65%;

    }

    .header {
        padding: 1rem
    }

    section {
        padding: 2rem;
    }
    .card__item.card__item--middle {
    margin-top: 0;
}
.card__item.card__item--last {
    margin-top: 20px;
}
.team__row {
    /* display: grid; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 0.5rem;
}
.counter_items {
    margin-top: 50px;
    gap: 60px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    gap: 0.5rem;
}
.search-form{
    position: absolute;
    top: 110%;
    right: -110%;
    width: 25rem;
    height: 4rem;
    background: #fff;
    border-radius: 16px;
    overflow:hidden ;
    display: flex;
    align-items: center;
    box-shadow: var(--box-shadow);
}
.header .icons div {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    background: #eee;
    color: var(--black);
    font-size: 20px;
    margin-left: 0.5rem;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.header .icons .shop__circle {
    font-size: 9px;
    display: inline-block;
    background: #2d3bb8;
    color: #fff;
    padding: 0 10px;
    border-radius: 50%;
    position: absolute;
    top: -22px;
    right: -10px;
}
.footer_row {
        display: flex;
        justify-content: space-between;
        min-width: fit-content;
        column-gap: 30px;
        /* margin-block-start: auto; */
}
#footer .container{
    margin-left: 30px;
}
}

@media (max-width:768px ) {
    #menu-btn{
        display: inline-block;
    }
    .header .search-form{
        width:90% ;
    }
    .search-form{
        position: absolute;
        top: 110%;
        right: -110%;
        width: 25rem;
        height: 4rem;
        background: #fff;
        border-radius: 16px;
        overflow:hidden ;
        display: flex;
        align-items: center;
        box-shadow: var(--box-shadow);
    }
    .header .icons div {
        height: 3rem;
        width: 3rem;
        line-height: 3rem;
        border-radius: 0.5rem;
        background: #eee;
        color: var(--black);
        font-size: 20px;
        margin-left: 0.5rem;
        text-align: center;
        cursor: pointer;
        position: relative;
    }
    .header .icons .shop__circle {
        font-size: 9px;
        display: inline-block;
        background: #2d3bb8;
        color: #fff;
        padding: 0 10px;
        border-radius: 50%;
        position: absolute;
        top: -22px;
        right: -10px;
    }

    .navbar{
        position: absolute;
        top: 110%; right: -110%;
        width:60rem ;
        box-shadow: var(--box-shadow);
        border-radius: .5rem;
        background: #fff;
    }
    .navbar.active{
        right: 2rem;
        transition: .4s linear;
    }
    .navbar.active a{
        font-size: 16px;
        margin: 2rem 2.5rem;
        display: block;

    }
    .card__item.card__item--middle {
        margin-top: 75px;
    }
    .subheading h3{
        font-size: 16px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        line-height: 24px;
        margin-top: 15px;


    }
    .subheading .p{

        margin-bottom: 30px;
    }
    .subheading  span{
        font-size: 16px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        color: #1E1E1E;
        line-height: 24px;


    }
    .subheading p{

        font-size: 12px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        color: #616161;

    }
    .common-button{
        width: fit-content;
        padding: 10px  20px;
        background: #e74848;
        color: #fff;
        border-radius: 17px;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        border:none;


    }
    .Trending-item .review{
        display: flex;
        gap: 6px;
        margin: 30px 0 17px;
    }
    .hot__deal__sticker {
        height: 100px;
        width: 100px;
        background: #111111;
        border-radius: 50%;
        padding-top: 22px;
        text-align: center;
        position: absolute;
        right: 287px;
        top: -34px;
    }
    .categories__hot__deal img{
        min-width:60%
    }
    .blog__item__pic img {
        height: 270px;
        width: 330px;
    }
    .footer_row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
        gap: .5rem;
    }
    /* .footer_row .images_col .img .img{
        height: 50px;
        width: 90px;
    } */
    /* .card__item {
    margin-bottom: 40px;
 } */
    .card__item__text  {
    max-width: 100%;
    position: relative;
    top: 0;
    padding-top: 10px;
    font-size: 36px;
    }
  .card__item__pic {
    float: none;
 }
  .card__item__pic img {
    min-width: 100%;
  }
  .card__item__text h2 {
    color: #111111;
    font-weight: 700;
    line-height: 46px;
    /* margin-bottom: px; */

  }
 .card__item.card__item--middle {
    margin-top: 0;
 }
 /* .navbar-expand .navbar-nav {
    display: grid;
} */
.team__row {
    /* display: grid; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 0.5rem;
}
.counter_items {
    margin-top: 50px;
    gap: 60px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    gap: 0.5rem;
}
.carousel-caption {
    position: absolute;
    color: black;
    top: 120px;
    left: 150px;
}

}


@media (max-width: 450px ) {
    html {
        font-size: 50%;
    }

    .heading {
        font-size: 2.5rem;

    }

    .footer {
        text-align: center;
    }

    .navbar {
        position: absolute;
        top: 110%;
        right: -110%;
        width: 50rem;
        box-shadow: var(--box-shadow);
        border-radius: .5rem;
        background: #fff;
    }

    .navbar.active {
        right: 2rem;
        transition: .4s linear;
    }

    .navbar.active a {
        font-size: 16px;
        margin: 1rem 1rem;
        display: block;
    }

    .header .icons div {
        margin-left: 1rem;
        height: 3rem;
        width: 3rem;
        line-height: 3rem;
        border-radius: 0.5rem;
        background: #eee;
        color: var(--black);
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        position: relative;

    }
    #gallery {
        padding-bottom: 100px;
        padding-top: 50px;
        /* width: 1350px; */
        /* height: 713px; */
        padding-left: 50px;
        overflow: hidden;
    }
    .hot__deal__sticker {
        height: 100px;
        width: 100px;
        background: #111111;
        border-radius: 50%;
        padding-top: 22px;
        text-align: center;
        position: absolute;
        right: 0;
        top: -36px;
    }
    .subscribe-button {
        width: fit-content;
        padding: 15px 5px 15px 20px;
        background: #f8f8f8;
        display: flex;
        gap: 100px;
        margin-left: 5px;
        border-radius: 17px;
    }
    .subscribe-item p {
        font-size: 20px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        color: rgb(177, 61, 61);
        width: 450px;
        height: 60px;
        line-height: 30px;
        margin-left: 8px;
    }
    .header .login-form .box {
        width: 90%;
        margin: 11px;
        background: #eee;
        border-radius: 1rem;
        padding: 7px;
        font-size: 14px;
        color: var(--black);
        text-transform: none;
    }
    .subheading h3{
        font-size: 12px;
        font-weight: 500;
        font-family: 'Poppins', sans-serif;
        line-height: 22px;
        margin-top: 15px;


    }
    .subheading .p{

        margin-bottom: 30px;
    }
    .subheading  span{
        font-size: 14px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        color: #1E1E1E;
        line-height: 22px;


    }
    .subheading p{

        font-size: 11.5px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        color: #616161;

    }
    .common-button{
        width: fit-content;
        padding: 5px  10px;
        background: #e74848;
        color: #fff;
        border-radius: 14px;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        border:none;


    }
    .Trending-item .review{
        display: flow-root;
        /*gap: 6px;*/
        margin: 30px 0 17px;
    }
    .Trending-img img{
        height: 100px;
    }
    .Trending-item .review p{
        font-size: 12px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        color: #FF8B00;

    }
    .filter__controls li {
        color: #b7b7b7;
        font-size: 24px;
        font-weight: 700;
        list-style: none;
        display: inline-block;
        margin-right: 25px;
        cursor: pointer;
    }
    .gallery_heading a{
        display: block;
    }
    .subscribe-button input{
        font-size: 13px;
    }
    .carousel-caption {
        position: absolute;
        color: black;
        top: 120px;
        left: 0px;
    }
    .counter_items{
        display: flex;
    }
    .team__row {
        /* display: grid; */
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
        gap: 0.5rem;
    }
    .counter_items {
        margin-top: 50px;
        gap: 60px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
        gap: 0.5rem;
    }
    .footer_row {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
        gap: 3rem;
    }
    #about ul li:hover i {
        color: #d90d0d;
    }
    .search-form{
        position: absolute;
        top: 110%;
        right: -110%;
        width: 25rem;
        height: 5rem;
        background: #fff;
        border-radius: 16px;
        overflow:hidden ;
        display: flex;
        align-items: center;
        box-shadow: var(--box-shadow);
    }
  
    /* .navbar-expand .navbar-nav {
    display: grid;
  } */




}