*{
    /*margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins',sans-serif;
*/    scroll-behavior: smooth;
}


body{
	font-family: 'PT Sans', sans-serif;
	background-color: #252529;
	margin: 0;
	color: #fff;
	line-height: 1.4;
}

*{
	text-decoration: none;
	color: #ccc;
}

.indoorimage{
	animation: color-change 1s infinite;
}

#showcase{
	margin: 0;
	padding: 0;
	background: url('homecover.jpg') no-repeat center/cover;
	width: 100%;
	height: 100vh;
	position: relative;
	overflow-y:hidden ;

}

.mens-wear{
	text-align: center;
}

#showcase .container{
	margin-top: 25vh;
}

#showcase h1{
	font-size: 4rem;
	margin-bottom: 0;
	animation: color-change 1s infinite;

}

#showcase h2{
	font-size: 2rem;
}

/*nav{
	height: 40px;
	width: 100px;
	background-color:black;
	color: rgb(51, 34, 34);
	position: fixed;
}*/
nav{
	height: 40px;
	width:100%;
	background-color: black;
	color: black;
	position: fixed;
}

nav ul{
	padding:0 ;
	margin: 0;

}

nav li{
	display: inline;
	float: left;
}

nav a{
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	color: #eee;
}

nav li:hover{
	background: white;
	border-radius: 10px;
}
nav li a:hover{
	color: black;
}



footer .footer-cols{
	 display: grid;
	 grid-gap: 10px ;
	 grid-template-columns: repeat(3, 1fr);
	 padding: 2rem;
	 text-align: left;
	 font-size: 14px;
}

footer .footer-cols ul{
	list-style: none;
}

footer .footer-cols ul li:first-child{
	font-size: 1.2rem;
	color: #F0E0B0;
	padding-bottom: 0.5rem;
	border-bottom: white solid 1px;
	margin-bottom: 1rem;
}

footer .footer-cols ul li a{
	color: white;
}

footer .footer-bottom{
	color: black;
	background-color: white;
	border: 1rem;
	text-align: center;
}

.section {
	padding: 2rem 0;
}

.section-head{
	font-size: 2.5rem;
	margin: 0;
}

.section h3{
	font-size: 2rem;
}

:root{
	--primary-color: #b90415;
	--primary-color-hover : #d3071b;
	--secondary-color: #103063;
	--secondary-color-hover: #143f85;
	--light-color : #f4f4f4;

}

.btn{

}

.btn-primary{
	background: var(--primary-color);
}

.btn-primary:hover{
	background: var(--primary-color-hover);
}

.btn-secondary{
	background: var(--secondary-color);
}

.btn-secondary: hover{
	background: var(--secondary-color-hover);
}



.mb{
	margin-bottom: 1rem;
}

.mt{
	margin-top: 1rem;
}


-----------------------------------------------------

.small-container{
	max-width: 1080px;
	margin: auto;
	padding-left: 100px;
	padding-right: 100px;
}

.row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: auto;
}

.col-4{
	flex-basis: 25%;
	padding: 50px;
	min-width: 200px;
	margin-bottom: 50px;
	transition: transform 0.5s;
}

.col-4 img{
	width: 100%;
}



.row-2{
	justify-content: space-between;
	margin: 100px auto 50px;
}

select{
	border: 1px solid #ff523b;
	padding: 5px;
	color: black;
}

select option{
	color: black;
}

select : focus{
	outline: none;
}

.page-btn{
	margin: 0 40px 80px;
}

.page-btn span{
	display: inline-block;
	border: 1px solid #ff523b;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;

}

.page-btn span:hover{
	background: #ff523b;
	color: #ffffff;
}

h4{
	color: #fff;
	font-weight: normal;
}

.col-4 p{
	font-size: 14px;
}

.checked{
	color: #ff523b;
}

.col-4 hover{
	transform: translateY(-50px) ;
}


.colour{
	text-align: center;
	 animation: color-change 1s infinite;
}

/*p {
  animation: color-change 1s infinite;
}*/

/*@keyframes color-change {
  0% { color: black; }
  50% { color: white; }
  100% { color: hotpink; }
}*/


@keyframes color-change {
/*	  25% { color: #FF10F0 ; }*/
	  0% { color: transparent; }
	  50% { color: #FF99FF; }
	  100% { color: #FFFF00 ; }

}

.fashionnagri{
	margin-top: 10%;
	text-align: right;
	padding-right: 5%;
	padding-top: 5%;
}

.mens-wear{
	animation: color-change 1s infinite;
	text-align: right;
	padding-right: 12%;

}

/*img:hover {
  background-color: yellow;
}*/