@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;800&display=swap');

body{
    overflow-x: hidden;
}
.mobilethings{
        display: none;
    }
:root{
	--black1:#070501;
	--black2:#1A1A1A;
	--primary-color : #F4A419;
    --title-color : #161515;
	--white : #fff;
    --gradient : linear-gradient(180deg, var(--yellow) 0%, #FDD503 100%)

--clamp12: clamp(10px, 0.625vw, 12px);
--clamp12: clamp(11px, 0.700vw, 11px);
--clamp14: clamp(12px, 0.72916vw, 14px);
--clamp15: clamp(13px, 0.78125vw, 15px);
--clamp16: clamp(14px, 0.8333vw, 16px);
--calmp17: clamp(14px, 0.88541vw, 17px);
--clamp18: clamp(14px, 0.9375vw, 18px);
--clamp20: clamp(16px, 1.0416vw, 20px);
--clamp22: clamp(16px, 1.145vw, 22px);
--clamp24: clamp(17px, 1.25vw, 24px);
--clamp25: clamp(18px, 1.3541vw, 26px);
--clamp26: clamp(20px, 1.3541vw, 26px);
--clamp28: clamp(16px, 1.4583vw, 28px);
--clamp30: clamp(20px, 1.5625vw, 30px);
--clamp32: clamp(20px, 1.666vw, 32px);
--clamp34: clamp(20px, 1.770vw, 34px);
--clamp35: clamp(22px, 1.822vw, 35px);
--clamp36: clamp(25px, 1.875vw, 36px);
--clamp38: clamp(25px, 1.979vw, 38px);
--clamp40: clamp(26px, 2.083vw, 40px);
--clamp42: clamp(26px, 2.1875vw, 42px);
--clamp44: clamp(26px, 2.2916vw, 44px);
--clamp45: clamp(26px, 2.3vw, 45px);
--clamp48: clamp(26px, 2.5vw, 48px);
--clamp50: clamp(28px, 2.864583vw, 50px);
--clamp55: clamp(28px, 2.864583vw, 55px);
--clamp58: clamp(28px, 3.02083vw, 58px);
--clamp60: clamp(30px, 3.125vw, 60px);
--clamp64: clamp(30px, 3.333vw, 64px);
--clamp75: clamp(35px, 3.90625vw, 75px);
--clamp78: clamp(30px, 4.0625vw, 78px);
--clamp80: clamp(30px, 4.1666vw, 80px);
--clamp82: clamp(30, 4.27083vw, 82px);
--clamp84: clamp(25px, 4.375vw, 84px);
--clamp42: clamp(24px, 2.1875vw, 42px);
--clamp100: clamp(30px, 5.2083vw, 100px);
--clamp120: clamp(40px, 6.25vw, 120px);
}

.footersocial a{
    margin-right:10px;
}

.mylist{
    border:Solid 1px #ccc;
    padding:10px;
    border-radius:10px;
    margin-bottom:15px;
}
.listimg{
    height:150px;
    overflow:hidden;
    border-radius:6px;
    margin-bottom:10px;
    position:Relative;
}
.mylist h5{
    font-size:14px;
    text-align:Center;
}
.listimg h6{
    background:white;
    border-radius:6px;
    padding:3px 10px;
    position:absolute;
    top:10px;
    right:10px;
    font-size:14px;
}

.listproduct{
    background:#F5FFFA;
    padding:50px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius:10px;
    margin-bottom:50px;
    margin-top:25px;
}
.listproduct textarea{
    height:150px;
    margin-bottom:10px;
    box-shadow:none;
    border:solid 1px #ccc;
    border-radius:0px;
}
.listproduct input[type="text"]{
    height:45px;
    margin-bottom:10px;
    box-shadow:none;
    border:solid 1px #ccc;
    border-radius:0px;
}
.listproduct input[type="file"]{
    margin-bottom:10px;
    box-shadow:none;
    border:solid 1px #ccc;
    border-radius:0px;
}
.listproduct h3{
    text-align:Center;
    font-size: var(--clamp30);
    font-weight:600;
}
.listproduct h5{
    text-align:Center;
    font-size: var(--clamp20);
    font-weight:400;
}

.home-search {
    background:rgba(0,0,0,0.5);
    padding:25px 15px;
    margin-top:20px;
}

.home-search input[type='text']{
    height:45px;
    border:none;
    box-shadow:none;
    border-radius:0;
}
.herobtn{
     margin-top: 0px !important; 
}

.herobtn button{
	background-color: crimson;
	padding: 10px 10px;
	border-radius: 0px;
	width: 100%;
	height:45px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	font-size: var(--clamp16);
	letter-spacing: 1px;
}


/* hero-slider */
.hero-slider{
	background-image: url("../img/background.jpg");
	background-position: top;
	background-repeat: no-repeat;
	height: 650px;
	background-size: cover;
}
.innerhero{
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.innerhero h2{
	font-size: var(--clamp50);
	color: #fff;
}
.innerhero h4{
	font-size: var(--clamp18);
	color: #fff;
}
.themebtn{
	margin-top: 30px;
}

.themebtn a{
	background-color: crimson;
	padding: 15px 40px;
	border-radius: 50px;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: var(--clamp20);
	letter-spacing: 1px;
}
.themebtn button{
	background-color: crimson;
	padding: 10px 10px;
	border-radius: 0px;
	width: 100%;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	font-size: var(--clamp16);
	letter-spacing: 1px;
}

/* herosection */
.hero-section{
    background-color: #e5f6ee;
    height: 80vh;
    width: 100%;
    overflow: hidden;
}
.slider{
    height: 100%;
    width: 100%;
}

/* herosection */

/* hero-slider */

/* product-details */
.porductlist {
    padding: 20px 0;
    padding-bottom: 30px;
}
.product-imgage{
	background-color: #eee;
	height: 550px;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
}
.product-imgage img{
	object-fit: cover;
	height: 100%;
}
.innerproduct-details {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	height: auto;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 25px;
}


/* product-details */

/* banner */
.banner{
	background-image: url("../img/banner.jpeg");
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
.inner-banner{
	padding: 90px 0;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}
.inner-banner h2{
	font-size: var(--clamp48);
	text-transform: uppercase;
	padding-top: 10px;
	color: #fff;
}
/* banner */

/* footer */
.footer{
	padding:50px 0;
	background-color:#130623;
  }
  .footer-block img {
    height: 85px;
    margin-bottom: 30px;
}
   .footer-block h5{
	   font-size:16px;
	   letter-spacing:1px;
	   color:#ffffff;
   }
   .footer-block h4{
	   font-size:20px;
	   letter-spacing:1px;
	   color: #ffffff;
   }
   .footer-block a{
	   text-decoration:none;
	   color:#ffffff;
	   font-size:16px;
   }
   .footer-block li{
	   list-style:none;
	   line-height:30px;
   }
   .newsform button{
	   height:100%;
	   top:0;
	   right:0px;
	   position:absolute;
	   width:40px;
	   border:none;
	   background:rgb(155, 7, 24);
	   color:white;
   }
   .newsform input[type="text"]{
	   height:45px;
	   overflow:hidden;
	   border-radius:0px;
	   margin-top:20px;
	   border:solid 1px #eee;
	   box-shadow:none;
	   padding-right:50px;
   }
   /* Mobile Screens */
   @media screen  and (min-width:320px) and (max-width:767px) {
	   .mob-ft{
		   margin-top:30px;
	   }
   }

   /* Tab Screens  & High End Mobile View */
   @media screen  and (min-width:768px) and (max-width:991px) {
	   .mob-ft{
		   margin-top:30px;
	   }
   }

/* footer */

/* userside menu */
.usersidemenu{
	background-color: #eee;
	padding: 10px;
	margin-top: 15px;
	border-radius: 10px;
}
.usersidemenu ul li{
	list-style: none;
	line-height: 40px;
	margin-left: -30px;
}
.usersidemenu ul li a{
	text-decoration: none;
	color: #000000;
	font-weight: 600;
	display: block;
	padding-left: 30px;
}
.usersidemenu ul li:hover{
	background-color: #261987;
	border-radius: 10px;
}
.usermain{
	margin-top: 15px;
	margin-bottom: 100px;
}
.usersidemenu ul li:hover a{
	color: #fff;
}

/* userside menu */

/* product-listing */
.trending-products{
	padding: 50px 0;
}
.trending-products a{
	text-decoration: none;
}
.product-list{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	padding: 10px;
	height: auto;
	border-radius: 10px;
	transition: ease-in-out 0.3s;
	margin-bottom: 20px;
}
.product-img{
	height: 230px;
	overflow: hidden;
	border-radius: 10px;
	transition: ease-in-out 0.3s;
}
.product-img img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.product-details h3 {
    color: #000000;
    font-size: var(--clamp18);
    text-align: left;
    /* border-bottom: solid 1px #ccc; */
    padding-bottom: 10px;
}
.product-cat h5{
	color: crimson;
	font-weight: 600;
	font-size: var(--clamp16);
	width: 100%;
	padding: 5px 10px;
	border-radius: 10px;
	margin: 10px 0;
	text-align: center;
}
.product-list:hover > .product-img img {
	transition: ease-in-out 0.3s;
	transform: scale(1.05);
}

/* product-listing */

/* login-form */

.page-title{
	text-align: center;
	padding-bottom: 30px;
}
.page-title h2{
	font-size: var(--clamp32);
	text-transform: uppercase;
}

/* login-form */
.login-form{
	padding: 50px 0;
}
.login-form h4{
	text-align: center;
}
.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"],
.login-form input[type="number"]{
	height: 45px;
	border-radius: 0;
	margin-bottom: 15px;
	box-shadow: none;
}
.login-form h5{
	font-size: var(--clamp15);
	margin-top: 10px;
}

/* topmenu */
.topmenu{
	background-color: #ffffff;
	height: 80px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.topmenu .logo img{
	height: 55px;
	margin-top: 7px;
}
.search input[type="text"], .search input[type="text"]:focus{
	height: 45px;
	margin-top: 9px;
	border:solid 1px #eee;
	border-radius: 0;
	box-shadow: none;
}
.menu li{
	list-style: none;
	float: left;
}
.menu ul{
	float: right;
	margin-top: 18px;
}
.menu li a{
	text-decoration: none;
	color: #000000;
	font-weight: 500;
}
.splbtn{
	background-color: #261987;
    color: #fff;
    padding: 10px 20px;
	border-radius: 50px;
	margin-left: 15px;
	border: solid 3px rgb(1, 145, 174);
}
.splbtns {
    background-color: #261987;
    color: #fff;
    padding: 5px 15px;
    border-radius: 50px;
    border: none;
}
/* topmenu */