:root{
	--topbar: #3b286e;
	--themecolor: #ffda00;;
	--themeblue: #21aff1
}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body{

margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
}



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

.btn-primary {
	background-color: var(--topbar) ;
	border-color: transparent;
	}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
	background-color: var(--themeblue) ;
	}
.MainSlider {
    background: #ebebeb;
}


.HomepageSlider{
	max-width: 1100px;
	margin: auto;
}

.WrapppInner{

	display: flex;

	padding: 2rem 0;

	gap: 16px;

    flex-wrap: wrap;



}

.slideBox {

    display: flex;

    background: #fff;

    padding: 2rem 2rem;

    border-radius: 3px;

    height: 100%;

    align-items: center;

    width: 762px;

}

.infoSLider{

	width: 650px;

}
.slider a {
    display: block;
    padding: 0.6rem 2rem;
    background: #3b286e;
    text-align: center;
    list-style: none;
    color: #fff;
    border-radius: 4px;
    margin: 0 4rem;
    margin-bottom: 7rem;
}

.BoxProducts {

    background: #ffffff;

    padding: 1rem;

    margin-bottom: 1rem;

    border-radius: 4px;

    cursor: pointer;

    position: relative;

    z-index: 1;

}

.BoxProducts p{

	margin: 0;

	padding: 0;

}



.InnerFlexProducts{

	display: flex;

	gap: 15px;

	flex-wrap: wrap;

}



.BigProducts{

	max-width: 1100px;

	margin: auto;

	padding: 4rem 0;

	padding-top: 3rem;

}

.BigPro{
	width: 300px;
	height: 626px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex-direction: column;
	text-align: center;

}
.BigPro a {
    display: block;
    padding: 0.6rem 2rem;
    background: #3b286e;
    text-align: center;
    list-style: none;
    color: #fff;
    border-radius: 4px;
    margin: 0 4rem;
    margin-bottom: 7rem;
}

.BigPro img {
    mix-blend-mode: color-burn;
    position: absolute;
    bottom: 0;
    width: 287px;
    right: 0;
}

.BigPro h4{
	font-weight: 800;
}

.BigproInfo {
    position: relative;
    z-index: 1;
}



.MediumPro{

	height: 250px;

	width: 711px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

}

.MediumPro a {

    display: block;

    padding: 0.6rem 2rem;

    background: #3b286e;

    text-align: center;

    list-style: none;

    color: #fff;

    border-radius: 4px;

}



.MediumPro h4 {

    font-weight: 800;

}



.mediumproInfo {

    position: relative;

    z-index: 1;

    width: 60%;	/*500px*/

    margin-right: auto;

    padding-left: 3rem;

    padding-top: 0.3rem;

}



.MediumPro img {

    mix-blend-mode: color-burn;

    position: absolute;

    bottom: -31px;

    width: 287px;

    right: 0;

}



.mediumproInfo a{

	width: 200px;

}



.WrapPro {

    width: 711px;



}

.MainSMBox {

    display: flex;

margin: 1rem 0;

gap: 23px;

}

.MainSMBox a {

    display: block;

    padding: 0.6rem 2rem;

    background: #3b286e;

    text-align: center;

    list-style: none;

    color: #fff;

    border-radius: 4px;

    margin: 0 4rem;

    margin-bottom: 7rem;

}


.SmBox{

	height: 360px;

	width: 368px;

	display: flex;

	position: relative;

	flex-direction: column;

}

.SmBox img{

	mix-blend-mode: color-burn;

    position: absolute;

    bottom: -31px;

    width: 287px;

    right: 0;

}



.smboxProInfo{

	padding: 2rem 1rem;

}

.smboxProInfo a{

	 display: block;

    text-align: left;

    list-style: none;

    color: #fff;

    border-radius: 4px;

}



.SmBox h4 {

    font-weight: 800;

}

.SliderWrap{

	overflow: hidden;

    width: 766px;

}

.RightBoxSLider {

    width: 244px;

}

.SliderWrap .swiper{

	height: 100%;

}

.SliderWrap .swiper-pagination {

    bottom: 36px;

}


img .grid-image {
	max-width:250px !important; 
	max-height:200px!important;
}

img .grid-image-indemand {
	max-width:250px; 
	max-height:200px;
}

.morebutton a ,
.morebutton a:link,
.morebutton a:visited {
	color:#fff !important;
	background-color: var(--topbar) ;
}
.morebutton a:active ,
.morebutton a:hover ,
.morebutton a:focus {
	color:#fff !important;
	background-color: var(--activetext) ;
}

.MainWrap {
    background: #ffffff;
    padding: 1rem 0;
    box-shadow: 2px 7px 12px #3333;
}

.InnerWrapCategory {

    max-width: 1200px;

    margin: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    text-align: center;

    padding: 0.5rem 1.5rem;

}

/* .CategoryItems{} */

.CategoryItems img{

	width: 100px;

}

.CategoryiesCarousel {

    display: flex;

}

.CategoryItems h6{

	font-weight: 600;

	color: #000;

	font-size: 14px;

}

.CategoryTitle {

    width: 236px;

}

.CategoryTitle h4 {

    font-size: 2rem;

    margin: 0;

    color: #000;

    font-weight: 700;

}



.BigProducts h3{

	font-weight: 800;

	color: #000;

	font-size: 2rem;

	text-align: center;

	padding-bottom: 1rem;

}



.BigMainWrap{

    background: #f7f7f7;

}



.MainNEwProduct{

	max-width: 1100px;

	margin: auto;

	padding: 2rem 0;

}

.InnerNEwProducts{

	display: flex;

	flex-wrap: wrap;

	gap: 15px;

	position: relative;

}

.NewProductsItem {

    width: 245px;

    background: #fff;

    padding: 1rem;

    border-radius: 4px;

}

.infoNEwpro {

    padding-top: 1rem;

}

.infoNEwpro h5 {

    font-weight: 700;

    color: #000;

    font-size: 20px;

}

.infoNEwpro h6 {

    font-size: 15px;

    color: #000;

}

.infoNEwpro span {

    font-size: 12px;

   /* color: #fdd40b; */

}



.HoverACtion {

    position: absolute;

    top: 14px;

    right: 13px;

    display: flex;

    flex-direction: column;

    padding: 1rem 0.4rem;

    background: #21aff1;

    border-radius: 4px;

    justify-content: center;

    align-items: center;

    align-content: center;

}



/* .HoverACtion ul{}

.HoverACtion ul li{} */

.HoverACtion ul li a {

    padding: 0.2rem 0;

    display: block;

}

.HoverACtion ul li a i{

	color: #fff;

}



.BoxImg {

    width: 122px;

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    margin: auto;

    right: 0;

    bottom: 0;

    z-index: -1;

}

.info h4 {

    font-size: 1.2rem;

    font-weight: 700;

}

.info p{

    font-size: 14px;

}

.BoxProducts .info p{

    font-size: 14px;
	padding-right:80px;

}

/* .HotSwiper .swiper-pagination{} */



.FooterSec{

    padding: 3rem 0;

    background: #3b286e;

    color: #fff;

}

.InnerWrap{

    max-width: 1100px;

    margin: auto;

    display: flex;

    flex-wrap: wrap;

}

.InfoFooter{

    width: 350px;

}

.NewsletterSec {

    width: 350px;

}

.MyAccountSec {

    width: 199px;

}

.CategoriesSec {

    width: 200px;

}

.PaymentMethod{

    width: 240px;

}

.COpyrightText p{

    margin: 0;

}



.MyAccountSec ul li a{

    color: #fff;

}

.CategoriesSec ul li a{

    color: #fff;

}

.InfoFooter ul li a{

    padding: 0 0.3rem;

    color: #fff;

}

.Bottom_Box {
    display: flex;
    gap: 21px;
    padding-bottom: 1rem;
}
.COnfidence_Se h5 {
    background: #3b286e;
    color: #fff;
    text-align: center;
    padding: 0.4rem 0;
    font-weight: 700;
    font-size: 17px;
}
.COnfidence_Se p {
    margin: 0;
    text-align: center;
    padding-bottom: 6px;
}

.COnfidence_Se {
    padding-top: 12px;
}

.menubar li.nav-item.dropdown:last-child ul.dropdown-menu.megamenu{
    left: -25rem;
}

.BgBannger{
    background: url("https://images.unsplash.com/photo-1610307766999-01f45d259959?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8YnVpbGRpbmclMjBpbiUyMGJhY2tncm91bmR8ZW58MHx8MHx8&w=1000&q=80");
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    /*padding: 0 6rem;*/
    background-attachment: fixed;
}

.MyBgProducts {
    background: #fff;
}

.InnerBg {
    width: 1100px; 	/*1050px;*/
    margin: auto;
    background: #fff;
    padding: 0rem 25px;
}


.ItemProductsData .NewProductsItem {
    display: flex;
    width: auto;
}

.ItemProductsData .NewProductsItem img {
    width: 208px;
}

.ProDetailsx {
    padding: 3rem 0;
}
.InfoSHeet {
    align-items: center;
    gap: 8px;
}

.IconSheet {
    width: 33px;
}


.ProDetailsx h4 {
    font-weight: 800;
    padding-bottom: 1rem;
    line-height: inherit;
    font-size: 1.5rem;
    color: #000;
}

/* .InfoProdet{} */

.InfoProdet h5 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    color: #21aff1;
}
.InfoProdet h6 {
    margin: 0;
}
.InfoProdet h4 {
    padding: 0;
    color: #3b286e;
}
.InfoProdet h3 {
    padding: 0.6rem 0;
    margin: 0;
    color: #3b286e;
    font-size: 1.5rem;
    font-weight: 800;
}
.addtocart {
    position: absolute;
    top: 32px;
    right: 0;
    background: #3b286e;
    border-color: #3b286e;
    box-shadow: none;
}

.InfoProdet .form-group{
    position: relative;
}

.UpperPortionsDetails {
    padding: 4rem 0;
    background: #bfbfbf33;
}

.ProducTListing {
    margin: 1rem 0;
    background: #fbfbfb;
    padding: 16px 16px;
    border-radius: 8px;
}

.ProducTListing h4 {
    color: #000;
    font-weight: 700;
}
.ProducTListing h5 {
    font-size: 2rem;
    color: #3b286e;
}
	.moreinfo a button ,
	.moreinfo a:link button ,
	.moreinfo a:visited button {
		background-color: var(--topbar);
		top:0px;
		right:100px;
		border-color:transparent;
		transition: .2s linear;
	}
	.moreinfo a:hover button ,
	.moreinfo a:focus button ,
	.moreinfo a:active button {
		background-color: var(--themeblue);
		transition: .2s linear;
	}

/*
.ProducTListing a {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 15px;
    background: #3b286e;
    border-radius: 31px;
    color: #fff !important;
    text-decoration: none;
    transition: .2s linear;
}
.ProducTListing p {
    margin: 0;
    padding-bottom: 10px;
    font-size: 15px;
}
.ProducTListing a:hover{
    background: #21aff1;
    color: #3b286e;
}
*/

img .cartimage {
	max-width:60px;
	max-height:60px;
}

.UpperPortionsDetails h4 {
    margin: 0;
    padding: 0;
    color: #3b286e;
    font-weight: 600;
    font-size: 37px;
}

.ProductsEdata {
    padding: 2rem 0;
}
	.bottomsectiongrid ,
	.bottomsectiongrid p,
	.bottomsectiongrid h3 {
		text-align:center;
	}

	.searchbtn ,
	.searchbtn a ,
	.searchbtn a:link ,
	.searchbtn a:visited {
		height:38px;
		background-color: var(--topbar);
	/*	border-radius:30px;*/
		padding:5px 17px;
		color:#fff;
		border:none
		
	}
	.searchbtn:active ,
	.searchbtn:focus ,
	.searchbtn:hover ,
	.searchbtn a:hover {
		background-color: var(--themeblue);		
	}

/* Review css */

.visuhide {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
  }
  
  .star__container:hover .star__item, .star__radio:checked ~ .star__item {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
  }
  
  .star__container:not(:hover) > .star__radio:nth-of-type(1):checked ~ .star__item:nth-of-type(1) ~ .star__item, .star__container:not(:hover) > .star__radio:nth-of-type(2):checked ~ .star__item:nth-of-type(2) ~ .star__item, .star__container:not(:hover) > .star__radio:nth-of-type(3):checked ~ .star__item:nth-of-type(3) ~ .star__item, .star__container:not(:hover) > .star__radio:nth-of-type(4):checked ~ .star__item:nth-of-type(4) ~ .star__item, .star__container:not(:hover) > .star__radio:nth-of-type(5):checked ~ .star__item:nth-of-type(5) ~ .star__item, .star__item, .star__item:hover ~ .star__item {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
  
  .star__radio:nth-of-type(1):checked ~ .star__item:nth-of-type(1)::before {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
  }
  .star__radio:nth-of-type(2):checked ~ .star__item:nth-of-type(2)::before {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
  }
  .star__radio:nth-of-type(3):checked ~ .star__item:nth-of-type(3)::before {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
  }
  .star__radio:nth-of-type(4):checked ~ .star__item:nth-of-type(4)::before {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
  }
  .star__radio:nth-of-type(5):checked ~ .star__item:nth-of-type(5)::before {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    transition-timing-function: cubic-bezier(0.5, 1.5, 0.25, 1);
  }
  .star__container {
    display: flex;
    margin: auto;
    border-radius: .25em;   
  }
  .star__container:focus-within {
    box-shadow: 0 0.125em 0.5em rgba(0, 0, 0, 0.5);
  }
  .star__item {
    display: inline-flex;
    width: 1.25em;
    height: 1.5em;
    font-size:28px; 
  }
  .star__item::before {
    content: "⭐️";
    display: inline-block;
    margin: auto;
    font-size: .75em;
    vertical-align: top;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-origin: 50% 33.3%;
            transform-origin: 50% 33.3%;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  }