*{
    margin: 0;
    padding: 0;
}

html{
    scroll-behavior: smooth;
}

body{
    font-size: 100%;
    font-family: sans-serif;
}

div, section, span, ul, li, a, header{
    box-sizing: border-box;
}

/*css reset*/

header{
	width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 50px;
    align-items: center;
    position: fixed;
    z-index: 999;
	background : white;
	/*
    width: 100%;
	height: 60px;
    display: flex;
    justify-content: space-between;
    padding: 20px 50px;
    align-items: center;
    position: fixed;
    z-index: 999;
	background : white;*/
	/*background-image: linear-gradient(to right, rgba(227, 148, 173), rgba(212, 19, 80));
	background:#43e66b;
	background:#a951fc;*/
	/*background:rgba(51,153,255,0.2)*/
}
img{
	padding-top: 5px;
	padding-bottom : 5px;
}

#menu li{
    list-style: none;
    display: inline-block;
    margin: 20px;
}

#menu li a{
    /*color: #fff;
	font-weight: bold;*/
	color : black;
    text-decoration: none;
    font-size: 20px;
}
/*
marquee{
	position: fixed;
	height : 39px;
    width: 100%;
	background-color : #89c74a;
	padding-bottom : .5%;
	padding-top : .5%;
	position: fixed;
	z-index: 1055;
}*/
section{
    width: 100%;
    float: left;
    
    position: relative;
}

#home{
   /*background-color: #59405C;*/
	background-color :#f5f5f5;
	height : auto; 
	padding-bottom : 90px;
}
#about{
	height : auto;
}

#about_1{
	background: 
    /* top, transparent red */ 
    /*linear-gradient(
      rgba(255, 0, 0, 0.45), 
      rgba(255, 0, 0, 0.45)
    ),*/
	linear-gradient(
      rgba(138,138,138,0.7), 
      rgba(138,138,138,0.7)
    ),
    /* bottom, image */
    url('./images/aboutUs_v1.jpg');
	/*background-image : url('./images/aboutUs_v1.jpg');*/
	background-size: cover;
	background-repeat: repeat;
	height : 350px;
	width : 100%;
	padding-top : 20px;
	text-align: center;
	vertical-align: middle;
}
#about_2{
	height:auto;
}
/*Design card Styles*/
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  text-align: center;
  font-family: arial;
  padding-bottom : 40px;
  margin: 90px;
  float:left;
}

.title {
  color: grey;
  font-size: 18px;
}

/*#about{
     background-color: #191919;
	 padding-top:95px;
	 padding-bottom :20px;
	 padding-right : 20px;
	 padding-left :20px;
}*/
#nrml-text{
	background-image : linear-gradient(#B88746, #FDF5A6);
	background-color: red;
	font-size : 20px;
	text-align: center;
	padding-bottom : 25px;
	  /* Create the gradient. */
	  background-image: linear-gradient(45deg, #f3ec78, #af4261);
	  
	  /* Set the background size and repeat properties. */
	  background-size: 100%;
	  background-repeat: repeat;

	  /* Use the text as a mask for the background. */
	  /* This will show the gradient as a text color rather than element bg. */
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent; 
	  -moz-background-clip: text;
	  -moz-text-fill-color: transparent;
}
#aboutTeam{
     /*background-color: #ED6663;*/
	 background-image : url('./images/tailoring-processs.jpg');
	 background-size: cover;
	 /*background-color : #533549;
	 color : #F6B042;*/
	 color : white;
	  padding-bottom :90px;
	 text-align : center;
	 height : 250px;
}
#brand{
	position: absolute;
    top: 60%;
    left: 30%;
    transform: translate(0%, -50%);
	font-size:60px
}
#brand-names{
	position: absolute;
    top: 70%;
    left: 30%;
	word-spacing: 30px;
	
}
#name_details{
	width : 200px;
}

#product{
     /*background-color: #B52B65;*/
	 background-color : white;
}
#f1{
	background-image : url('./images/04_v1.jpg');
	background-size: cover;
	width : 320px;
	height : 450px;
	float : left;
	margin : 25px;
}
#f2{
	background-image : url('./images/02_v1.jpg');
	background-size: cover;
	width : 320px;
	height : 450px;
	float : left;
	margin : 25px;
}
#f3{
	background-image : url('./images/03_v1.jpg');
	background-size: cover;
	width : 320px;
	height : 450px;
	float : left;
	margin : 25px;
}
#f4{
	background-image : url('./images/01_v1.jpg');
	background-size: cover;
	width : 320px;
	height : 450px;
	float : left;
	margin : 25px;
}
#doctor{
	background-image : url('./images/010.jpg');
	background-size: cover;
	width : 400px;
	height : 250px;
	float : left;
	margin : 45px;
}
#school{
	background-image : url('./images/school_pic_v2.png');
	background-size: cover;
	width : 400px;
	height : 250px;
	float : left;
	margin : 45px;
}
#bedSheet{
	background-image : url('./images/01.jpg');
	background-size: cover;
	width : 400px;
	height : 250px;
	float : left;
	margin : 45px;
}
#cusion{
	background-image : url('./images/cusion.jpg');
	background-size: cover;
	width : 400px;
	height : 250px;
	float : left;
	margin : 45px;
}
#kitchen_linen{
	background-image : url('./images/kitchen-linen.jpg');
	background-size: cover;
	width : 400px;
	height : 250px;
	float : left;
	margin : 45px;
}
#table_linen{
	background-image : url('./images/Table-linen.jpg');
	background-size: cover;
	width : 400px;
	height : 250px;
	float : left;
	margin : 45px;
}
.txt{
	position: relative;
    top: 10%;
    left: 15%;
	color : black;
	font-size : 20px;
	background-color : rgba(255, 255, 255, 0.29);
}
#OurPortfolio{
     background-color: #FFA789;
	 /*background-image : url('./images/portfolioImg_v5.jpg');*/
	 background-size:cover;
	 /*background-repeat: no-repeat;
	 background-position: fit;
	 color : white;*/
	 height : 350px;
	 
	 padding-bottom :90px;
	 padding-left : 50px;
	 text-align : center;
	 color : #4A274F;/*#5B0E2D*/
	 line-height: 1.6;
}

#contact{
     /*background-color: #B52B65;*/
	 background-color : white;
	 height : auto;
	 padding-bottom :90px;
	 padding-left : 90px;
}
#info li{
	list-style: none;
    margin: 20px;
	line-height:1;
}
#footer{
	background-color : #89c74a;
	width: 100%;
    float: left;
    height: 59px;
    position: relative;
}

h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}


/* Caurosol Code */
		* {box-sizing: border-box}
		body {font-family: Verdana, sans-serif; margin:0}
		.mySlides {display: none}
		img {vertical-align: middle;}

		/* Slideshow container */
		.slideshow-container {
		  max-width: 100%;
		  position: relative;
		  margin: auto;
		  padding-top : 10px;
		}

		/* Next & previous buttons */
		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  top: 50%;
		  width: auto;
		  padding: 16px;
		  margin-top: -22px;
		  color: white;
		  font-weight: bold;
		  font-size: 18px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		  user-select: none;
		}

		/* Position the "next button" to the right */
		.next {
		  right: 0;
		  border-radius: 3px 0 0 3px;
		}

		/* On hover, add a black background color with a little bit see-through */
		.prev:hover, .next:hover {
		  background-color: rgba(0,0,0,0.8);
		}

		/* Caption text */
		.text {
		  color: #f2f2f2;
		  font-size: 15px;
		  padding: 8px 12px;
		  position: absolute;
		  bottom: 8px;
		  width: 100%;
		  text-align: right;
		}

		/* Number text (1/3 etc) */
		.numbertext {
		  color: #f2f2f2;
		  font-size: 12px;
		  padding: 8px 12px;
		  position: absolute;
		  top: 0;
		}

		/* The dots/bullets/indicators */
		.dot {
		  cursor: pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0px 0px;
		  background-color: #bbb;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

		/* Fading animation */
		.fade {
		  -webkit-animation-name: fade;
		  -webkit-animation-duration: 1.5s;
		  animation-name: fade;
		  animation-duration: 1.5s;
		}

		@-webkit-keyframes fade {
		  from {opacity: .4} 
		  to {opacity: 1}
		}

		@keyframes fade {
		  from {opacity: .4} 
		  to {opacity: 1}
		}

		/* On smaller screens, decrease text size */
		@media only screen and (max-width: 300px) {
		  .prev, .next,.text {font-size: 11px}
		}
	/* Caurosol Code End*/