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

 /*----------google fonts-----------*/
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 *{
	    font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
 }

 /*---------HOME HEADER----------*/
 header{
	border:0px solid green;
	height:auto;
	margin:0px;
	padding:10px;
	box-sizing: border-box;
	background-color: #0a0a0a;
 }

 .bg-danger{
	background-color: #17A63B !important;
 }

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

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

 
/*slider css homepage*/
div.slider{
	width: 100%;
	height:600px;
	box-sizing: border-box;
	border:0px solid green;
	margin:0px 0px;
}

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

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

div.swiper-transparent p{
	font-size:20px;
	color:#fff;
	text-align: center;
}

div.swiper-transparent img{
	width:100%;
	height:100%;
	object-fit: contain;
}

/*--media screen for slider----*/
@media screen and (max-width:600px){
    div.slider{
	width: 100%;
	height:370px;
	box-sizing: border-box;
	border:0px solid green;
	margin:0px 0px;
}

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

	div.swiper-transparent p{
		font-size:16px;
		color:#fff;
		text-align: center;
	}
}


/*descriptive contents*/
div.descriptive{
	width:100%;
	height:auto;
	border:0px solid blue;
	background-color: #fff
}

div.descriptive section{
	height:auto;
	border:0px solid gray;
	margin:20px;
	background-color: #fff;
	padding:15px;
	box-sizing: border-box;
	box-shadow: 1px 2px 7px rgb(191, 190, 190);
	border-radius:4px;
	text-align: center;

}

div.descriptive section img{
	width:50px;
	height:50px;
}

div.descriptive section h4{
	color:#17A63B;
	text-transform: capitalize;
	font-size:19px;
	font-weight: 700;
	margin:15px 0px;
}

/*two way descriptive contents*/
div.descriptive-tway{
	width:100%;
	height:auto;
	border:0px solid blue;
	background-color: #f0f3f0
}

div.descriptive-tway section{
	height:auto;
	border:0px solid yellow;
	background-color: #fff
}

section.descriptive-contents{
	padding:40px 30px;
	box-sizing: border-box;
	text-align:left;
	position: relative;
}

section.descriptive-contents p button{
	padding:10px;
	box-sizing: border-box;
	border: 0px;
	border-radius: 6px;
	background-color: #17A63B !important;
	box-shadow: none !important;
	color:#fff;
	font-weight: bold
}

section.descriptive-image img{
   width:100%;
   height:100%;
}



/*-------------------two way descriptive contents-----------*/
div.company-content{
	border:0px solid blue;
}

div.company-content section{
	padding:10px;
	box-sizing: border-box;
	margin:20px 0px;
}

div.company-content section img{
	width:100%;
	height:100%;

}

div.company-content section aside h4{
	color:#17A63B;
	font-size:30px;
	font-weight: bold;
}

div.company-content section aside p{
	font-size:16px;
}


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


.drugs article{
 	border:1px solid #efefef;
 	padding:10px;
 	box-sizing: border-box;
	margin:10px 5px;
	border-radius:4px;
 	max-height:auto;
	/* background-color:#efefef; */
	box-shadow: 1px 2px 7px rgb(191, 190, 190);
 }

 .drugs article img{
 	width:100%;
	max-height:300px;
	object-fit: contain;
 	border:0px solid #b0b0b1;
 	padding:4px;
 	box-sizing: border-box;
	margin:0px 0px 10px 0px;
	margin-bottom:20px;
 }

 .drugs article img~p{
	color:#17A63B;
 	font-size:15px;
 	font-weight:bold;
	line-height:0.8;
	font-family: 'Inter', sans-serif;
	padding:5px;
	box-sizing: border-box;
	
 }

 .drugs article img~p:nth-child(2),.drugs article img~p:nth-child(3){
	color:#17A63B
 }

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

 .drugs article img~p span{
 	color:#fff;
 	background-color: #17A63B;
 	padding:3px;
 	box-sizing: border-box;
 	border-radius:3px;

 }

 .drugs article button{
 	background-color: #17A63B;
 	border:0px;
 	color:#fff;
 	padding:10px 20px;
 	border-radius:5px;

 }


  .slideLineheading{
 	font-size:20px;
 	font-family: 'Source Sans Pro', sans-serif;
 	color:#17A63B;
 	margin:0px 0px 0px 0px;
 	text-align: center;
 	padding:10px;
 	box-sizing: border-box;
 }

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


/*-----------Commerce business-----------*/
.commerce section h3{
	font-size:32px;
 	font-family: 'Inter', sans-serif;
 	margin-top:10%;
 	color:#17A63B
}

.commerce section p,ul li{
	border:0px solid green;
	font-size:18px;
	font-family: 'Inter', 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: 'Inter', sans-serif;
}

.footer div section ul li{
	list-style: none;
	font-size:18px;
	color:#fff;
	font-family: 'Inter', 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: #17A63B;
}

.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: #17A63B;
	color:#fff;
}

.btn-submit{
	background-color: #17A63B !important;
	color:#fff !important;
}


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

.menu-list-home a li{
	border:0px;
	border-bottom:1px solid #17A63B;
	background-color: #fff;
	color:#17A63B;
	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:#17A63B;
}


/*------------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:#bcd6e0;
   transform: scale(0.9,0.9);
}

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

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

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

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

 }

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

 }


 /*------------------------------------------------------------
                 PRODUCT PILLS
 --------------------------------------------------------*/
 .product-details h2{
 	color:#17A63B;
 	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:#17A63B;
      padding:5px 15px;
      box-sizing: border-box;
      border-radius:5px;
  }

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

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

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