/*-----------------------------------------------------------------
                   HAXAINE HOME PAGE CSS
 -----------------------------------------------------------------*/

 /*----------google fonts-----------*/
 @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');

/*------Home page css-------------*/

/*---swipper slider---*/

div.swiper-transparent{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0px;
	left:0px;
	right:0px;
	bottom: 0px;
}

.swiper-slide{
	width:100%;
	height:300px;
}

.swiper-slide img{
	width:100%;
	height:200px
}

div.swiper-transparent h1{
   text-align: center;
   margin:200px auto 0px;
   color:#fff;
   font-weight: bold;
}

div.swiper-transparent h6{
	font-size:20px;
	word-spacing: 10px;
	color:#fff;
	text-align: center;
}


 .splide__track{
 	width:100%;
 	height:400px;
 	border:0px solid green;
	
 }


 /*statistics*/
 /*-------------------two way descriptive contents-----------*/
div.stats{
	width:100%;
	height:auto;
	border:0px solid blue;
}

div.stats section{
	width:150px;
	height:150px;
	border:10px solid #2a33e3;
	border-radius: 50%;
	position: relative;
	text-align: center;
	padding:0px
}

div.stats section img{
	width:100%;
	height:100%;
	border-radius:50%
}


 /*--counter cart--*/
 .countCart{
	width:150px;
	border-radius:40%;
	background-color:#d61010;
	color:#fff;
	padding:3px 10px;
	margin:90px -7px 0px;
 }

 .countCart+a{
	text-decoration: none;
 }


 .splide__slide img{
    width:100%;
    height:100%;
 }
 
 .main-slide-article{
	border:0px solid gray;
	background-color: #fff;
 }

 .main-slide-article h1{
 	font-size:50px;
 	font-family: 'Abril Fatface', cursive;
 	margin-top:30%;
 	color:#10d975;
 	font-weight:900px
 }

 .main-slide-article h4{
 	font-size:25px;
 	font-family: 'Abril Fatface', cursive;
 	color:#da864f;
 }


 /*----course table--------*/
 .coursetable tr td>a button{
	background-color: #10d975;
	color:#fff;
	border-radius:5px;
	border:0px;
	padding:5px;
 }



 /*--------commerce line splider-----------*/
 .clothingsplide{
 	border:0px solid green;
 	height:auto;
 	padding:10px;
 	box-sizing: border-box;
 }

 #tracker{
	border:0px solid gray;
	height:auto;
 }

.slideline article{
 	border:0px solid #5f5a5f;
	border-radius:9px;
 	padding:3px;
 	box-sizing: border-box;
 	margin:0px 20px;
	background-color:#fff;
 }

 /* .slideline article img{
 	height:140px;
 	border:0px solid #b0b0b1;
 	padding:4px;
 	box-sizing: border-box;
	margin:0px 0px 10px 0px;
 } */

 .slideline article img~p{
 	color:black;
 	font-size:15px;
 	font-weight:bold;
	line-height:0.8;
	font-family: 'Titillium Web', sans-serif;
 }

 .slideline article img~p:nth-child(2),.slideline article img~p:nth-child(3){
	color:rgb(22, 21, 21);
	font-size:16px;
	line-height:1.4;
 }

 .slideline article img~p:nth-child(4){
	font-size:20px;
 }

 .slideline article img~p span{
 	color:#fff;
 	background-color: #10d975;
 	padding:3px;
 	box-sizing: border-box;
 	border-radius:3px;

 }

 .slideline article button{
 	background-color: #10d975;
 	border:0px;
 	color:#fff;
 	padding:10px 20px;
 	border-radius:5px;

 }


  .slideLineheading{
 	font-size:20px;
 	font-family: 'Abril Fatface', cursive;
 	color:#10d975;
 	margin:0px 0px 0px 0px;
 	text-align: center;
 	padding:10px;
 	box-sizing: border-box;
 }

 .slideLineheading span{
 	background-color:#10d975;
 	color:#fff;
 	border-radius:5px;
 	padding:1px 5px;
 }


/*-----------Commerce business-----------*/
.commerce section h3{
	font-size:32px;
 	font-family: 'Abril Fatface', cursive;
 	margin-top:10%;
 	color:#10d975;
}

.commerce section p{
	border:0px solid green;
	font-size:18px;
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif;
	padding:5px;
	box-sizing: border-box;
	color:#0a0a0a
}

.commerce section img{
	width:100%;
	height:100%;
	padding:4px;
	box-sizing:border-box;
}



/*---------------Footer--------------*/
.footer{
	height:auto;
	background-color: #0a0a0a;
	padding:30px;
	box-sizing: border-box;
}

.footer div section img{
	width:120px;
	height:120px;
	margin: auto;
}

.footer div section ul{
	padding:0px;
}

.footer div section h4{
	font-weight:bold;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
}

.footer div section ul li{
	list-style: none;
	font-size:18px;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:bold;
}

.footer div section ul li>i{
	color:#fff;
}


/*---------css for cart styling css-----------------*/
.checkout-table{
	margin:20px 0px;
}

.checkout-table tr th{
	color: #10d975;
}

.checkout-table tr{
	border-bottom:1px solid gray;
}

.checkout-table tr td{
	padding:10px;
	box-sizing: border-box;
	font-size:16px;

}

.checkout-table tr td i{
	color:red;
	cursor: pointer;
}

.checkoutInput span{
	background-color: #10d975;
	color:#fff;
}

.btn-submit{
	background-color: #10d975 !important;
	color:#fff !important;
}


/*------css for Menu bar----*/
.menu-list-home{
}

.menu-list-home a li{
	border:0px;
	border-bottom:1px solid #10d975;
	background-color: #fff;
	color:#10d975;
	padding:12px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius:0px;
}

.menu-list-home a{
   text-decoration: none;
}

.menu-list-home+p{
	margin-top:20vh;
	color:#10d975;
}


/*------------Media screen for slider------------*/
 @media screen and (max-width:640px){
	.media-screen-slider{
	  height:320px;
	  border:0px solid green;
	}

	.splide__track{
	  height:320px;
	  border:0px solid yellow;
	}
}




/*------------------------------------------------------------------------------
               SEARCH CSS FOR HAXAINE ABORTION PILLS
 ---------------------------------------------------------------------------*/
 div.search{
 	height:auto;
 }

 div.search div section{
   margin:30px 10px;
   box-shadow: 1px 3px 10px gray;
   padding:10px;
   box-sizing: border-box;
   border-radius:4px;
   background-color:#fff;
   transform: scale(0.9,0.9);
}

 div.search div section img{
 	width:100%;
 	height:230px;
 	border:1px solid #b0b0b1;
 	padding:4px;
	margin:10px 0px;
	border-radius:12px;
 	box-sizing: border-box;
 }

div.search div section img+p{
 	color:black;
 	font-size:18px;
 	font-weight:bold;
	 font-family: 'Titillium Web', sans-serif;
 }

 div.search div section p:nth-child(4){
	font-size: 22px;
 }
 

 div.search div section img~p span{
 	color:#fff;
 	background-color: #10d975;
 	padding:3px;
 	box-sizing: border-box;
 	border-radius:3px;

 }

 div.search div section button{
 	background-color: #10d975;
 	border:0px;
 	color:#fff;
 	padding:10px 20px;
 	border-radius:5px;

 }


 /*------------------------------------------------------------
                 PRODUCT PILLS
 --------------------------------------------------------*/
 .product-course img{
	border:1px double #10d975 !important;
	margin:10px 0px 15px 0px;
 }

 .product-course h5{
	color:#10d975
 }

 .product-course h5 i{
	color:#df7c1f
 }

 .product-course h5 span{
	font-weight: bold;
	margin-left:5px
 }

 .product-details h2{
 	color:#10d975;
 	font-size:30px;

 }

 .product-details table{
 	width:100%;
 	height:auto;
 }

  .product-details table tr td{
  	padding:10px;
  	border-bottom: 1px solid gray
  }

  .product-details table tr td button{
      border:0px;
      color:#fff;
      background-color:#10d975;
      padding:5px 15px;
      box-sizing: border-box;
      border-radius:5px;
  }

  .product-details table tr td input{
  	 border:0px;
  	 border:1px solid #10d975;
  	 border-radius:5px;
  }

  .product-details table tr td:nth-child(1){
  	color:#10d975;
  	font-size:16px;
  	font-weight:bold
  }

  .product-details table tr td:nth-child(2){
      text-align: right
  }