@media(min-width: 768px)  and (hover : hover) and (pointer : fine){

    :root{
       --pri_color :#1a76d1;
       --sec_color :#e12454;
       --uni_color :#223a66;
    }
    
    *{
    	margin : 0;
    	margin : 0;
    box-sizing : border-box;
    }
    
    body{
    	font-family :-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
    
    /*****FIRST SECTION******/
    a:hover{
    	text-decoration : none;
    	cursor : pointer;
    }
    
    .first_section{
    	width:100%;
    	min-height : 100dvh;
    	min-height : 100vh;
        margin-top : 0;   
    }
    
    
    
    .slider_img{
    	width:100%;
    
    }
.first_slider_content{
	position : absolute;
	top : 30%;
	left : 5%;
	color : #ffffff;
    width : 45%;
}


.second_slider_content{
	position : absolute;
	top : 30%;
	left : 5%;
	color : #ffffff;
    width : 45%;
	text-align : left; 
}

.pills, .smile{
	color : var(--sec_color);
}
.slider_item h2{
	font-size : 2rem;
	
}

/******SECOND SECTION*****/
    .second_section{
    	margin-top : -180px;
    }
    .second_section_flex{
    	display:flex;
        flex-direction : row;
    	justify-content : center;
        column-gap : 25px;
        row-gap : 0;
        width : 95%;
        margin-left : auto;
        margin-right : auto;
    }
    
    
    .second_section_flex>div{
    	width : 400px;
    	height : 300px;
    	height : 300px;
    	margin: 0 0;
    	padding : 25px 12.5px 25px 12.5px;
    	border-radius : 5px;
    	overflow : hidden;
    }
    
    .second_section_flex>div:nth-child(1n){
    	position : relative;
    	background-color  : var(--uni_color);
    	color : #ffffff;
    	
    }
    
    .second_section_flex>div:nth-child(2n){
    	background-color : var(--sec_color);
    	color : #ffffff;
    }

    .second_section_flex>div:nth-child(3n){
    	background-color : var(--pri_color);
    	color : #ffffff;
    }
    .second_section_flex h4{
    	font-size : 1rem;
    	font-weight : 600;
    	text-align : center;
    }
    .second_section_flex h3{
    	font-size : 1rem;
    	font-weight : 500;
    	text-align : center;
    }
    .second_section_flex p{
    	font-size : 1rem;
    }
    .fa-clock{
    	font-size : 100px;
    	position : absolute;
    	right : -5%;
    	top : 78%;
    	color :#90b3f033;
    }
    .fa-hospital{
    	font-size : 100px;
    	position : absolute;
    	right : -5%;
    	top : 78%;
    	color :#f598b166;
    }
    #fa-ambulance{
    	font-size : 100px;
    	position : absolute;
    	right : -5%;
    	top : 78%;
    	color :#75b7f566;
    }

/****THIRD SECTION*****/

    .third_section{
    	width : 100%;
    	min-height : auto;
    	padding : 6rem 2rem 6rem 2rem;
    }
    
    .third_section_content{
       /* margin-left : 5%;	 */
    }
    
    .third_section_content h1{
    	text-align : center;
    	background-image : repeating-linear-gradient(45deg,var(--sec_color) 35%,var(--uni_color) 65%);
    	background-clip : text;
    	-webkit-text-fill-color : transparent;
    	font-weight : 600;
    	font-size : 2.75rem;
    }
    
    .third_section_flex{
    	display : flex;
    	flex-direction : row;
    	width : 100%;
    	margin-top : 100px;
    	justify-content : center;
    	align-items : center;
        column-gap : 20px;
        row-gap :0; 	
    	
    }
    .third_section_flex>div{
        /* width : 100%; */
    	margin : 0 0;
    }
    .third_section_left{
    	display : grid;
    	grid-template-columns : repeat(2, 1fr);
        grid-gap : 20px;
    	width : 60%;
    }
    .third_section_right{
    	width : 40%;
    }
    
    
    .first_grid_img,.third_grid_img{
    	width : 300px;
    	height : 300px;
    }
    .second_grid_img{
    	width : 320px;
    	height : 500px;
    	
    }
    
    .first_grid_image{
    	grid-column : 1/2;
    	grid-row : 1/2;
    
    }

    .second_grid_image{
    	grid-column : 2/3;
    	grid-row : 1/3;
    	margin-top : 50px;
    
    }
    
    .third_grid_image{
    	grid-column : 1/2;
    	grid-row : 2/3;
    }
    .third_section_right p{
        font-size : 1.18rem;	
    }



/****FOURTH SECTION ****/

    .fourth_section{
    	width : 100%;
    	min-height : auto;
    	/* border-bottom : 5px solid  #000000; */
        padding : 6rem 0 6rem 0;	
    	
    }
    
    .fourth_section_content{
        width : 100%;
    	
    }
    .fourth_section_flex{
    	display : flex;
    	flex-direction : row;
    	width : 95%;
        column-gap : 50px;
        row-gap :0;
    	margin-left : auto;
    	margin-right : auto;	
    }
    .fourth_section_flex>div{
    	width : 30%;
    	margin : 0 0;
    	text-align : justify;
    	
    }
    .fourth_section_flex h3{
    	font-weight : 600;
    	font-size : 1.2rem;
    	text-align : center;
    	padding:0 0;
    	
    }
    .fourth_section_flex>div>p{
    	margin-bottom : -40px;
    }
    .icofont-medical-sign-alt{
    	color : var(--pri_color);'
    	width : 75px;
    	height : 75px;
    	font-size : 40px;
    	display : flex;
    	justify-content:center;
    	align-items : center;	
    }
    .fa-clinic-medical, #emergency_icon{
    	color : var(--pri_color);
    	font-size : 30px;
    }
    
    .icon_container{
    	border-radius : 100px;
    	border :solid 2px #eeeeee;
    	width : 75px;
    	height : 75px;
    	display : flex;
    	justify-content:center;
    	align-items : center;
    }

    .icon_container:hover{
         background-color : var(--pri_color);
    	 .fa-clinic-medical, #emergency_icon,.icofont-medical-sign-alt{
    	     color : #ffffff;
          }
    }
    
    .button_container{
    	margin-top : 30px;
    	width : 180px;
    
    }
    
    .online_store, .consult_button{
    	background-color : var(--uni_color);
    	color : #ffffff;
    	font-weight : 600;
    	width : 180px;
    	height : 50px;
    	border : none;
    	outline : none;
    	transform:translate(-7PX, 45PX);
    
    
    }
    .button_base{
    	background-color : var(--sec_color);
    	width : 180px;
    	height : 50px;	
    }

    .button_container:hover{
    	.online_store, .consult_button{
    		background-color : var(--sec_color);
    	}
    	.button_base{
    		display : none;
    	}
    }
/******FIFTH SECTION****/
    .fifth_section{
    	width : 100%;
    	min-height : auto;
    	/* border-bottom : 5px solid  #000000; */
        padding : 6rem 0 6rem 0;    
    }
    .fifth_section .icofont-capsule{
    	color : var(--uni_color);
    	font-size : 1.5rem;
    }
    .fifth_section .capsule{
    	transform : rotate(225deg);
    	margin : 0 15px;
    	
    }
    
    .fifth_section .capsule_2{
    	transform : rotate(45deg);
    	margin : 0 15px;
    	
    }
    .fifth_section_header{
    	display : flex;
    	justify-content : center;
    	align-items : center;
    	height : 100%;
    	padding-bottom : 50px;
    }
    
    
    .fifth_section h3{
    	font-weight : 700;
    	text-align : center;
    	color : var(--uni_color);
    	font-size : 2.25rem;
    }
    .product_slider{
    	border-top : solid #eeeeee 1px;
    	border-bottom : solid #eeeeee 1px;
    	position : relative;
    	width : 100%;
    	height : 450px !important;
    	margin : 0;
    	padding : 0;
    	display : flex;
        height : 550px;
    	
    }

    .product_item{
    	width : 100%;
    	border-right : solid #eeeeee 1px;
    	padding-top : 20px;
    
    }
    
    .product_image{
    	width : 200px !important;
    	height : 200px !important;
    }
    .product_Slider_Nav{
    }
    .product_Slider_Nav_Max span{
    	font-weight : 600;
    	font-size : 30px;
    }
    
    .product_Prev_Max{
    	position : absolute;
    	top : 50%;
    	left : 0;
    	color : #ffffff;
    	background-color : var(--pri_color);
    	width : 50px;
    	height : 50px;
    	border-radius : 100%;
    	display : flex;
    	align-items : center;
        justify-content : center;
    	cursor : pointer;
    }
    .product_Next_Max{
    	position:absolute;
    	top : 50%;
    	right : 0;
    	color : #ffffff;
    	background-color : var(--pri_color);
    	width : 50px;
    	height : 50px;
    	border-radius : 100%;
    	display : flex;
    	align-items : center;
        justify-content : center;
    	cursor : pointer;	
    }
    .product_Slider_Nav_Min{
    	display : none;
    	
    }
    
    
    .product_Prev_Min{
    	position : absolute;
    	top : 50%;
    	left : 0;
    	color : #ffffff;
    	background-color : var(--pri_color);
    	width : 30px;
    	height : 30px;
    	border-radius : 100%;
    	display : flex;
    	align-items : center;
        justify-content : center;
    	cursor : pointer;	
    }
    .product_Next_Min{
    	position:absolute;
    	top : 50%;
    	right : 0;
    	color : #ffffff;
    	background-color : var(--pri_color);
    	width : 30px;
    	height : 30px;
    	border-radius : 100%;
    	display : flex;
    	align-items : center;
        justify-content : center;
    	cursor : pointer;	
    }





    .buy_now{
    	color : #ffffff;
    	font-weight : 600;
    	border : none;
    	outline : none;
    	background-color : var(--sec_color);
    	height : 40px;
    	width : 125px;
    	border-radius : 50px;
    	margin-top : 25px;
    }
    .orji_image{
    	width : 400px;
    	height : 400px;
    }
    .buy_now:hover{
    	background-color : #ffffff;
    	border : solid 3px var(--sec_color);
    	color : var(--sec_color);
    }
    .product_item p{
    	padding:7.5px 5px;
    }
    .product_item p a{
    	color : var(--uni_color);
    	text-decoration : none;
    }
    .drug_details{
    	height : 55px !important;
    }

    .drug_details a, .drug_details a:hover{
    	text-decoration : none;
    	color : var(--uni_color);
    }
    .drug_price{
    	color : var(--uni_color);
    	font-size : 1.5rem;
    }




/*****SIXTH SECTION****/

    .sixth_section{
    	background-image :url('../IMAGES/pexels-cottonbro-studio-75802492.jpg');
    	width : 100%;
    	min-height : 100dvh;
    	min-height : 100vh;
    	background-attachment:fixed;
    	background-size : cover;
    	/* border-bottom : 5px solid  #000000; */
    }
    .sixth_section_content{
    	width : 100%;
    	min-height : 100dvh;
    	min-height : 100vh;
    	/* background-color :#0b0b60E5; */
    	background-color :#1a76d1F2;
    	padding : 100px 0;
    	color : #ffffff;
    }
    .sixth_section_flex{
        display : flex;
    	flex-direction : row;
        column-gap : 0;
        row-gap :0;	
        align-items : center;
        width : 90%;
    	margin-left : auto;
    	margin-right : auto;	
    	
        height :100%;
    }


    .sixth_section_flex h2{
    	font-weight : 600;
    	font-size : 3rem;
    	text-align : center;
    	padding-right : 50px;
    }
    
    
    .sixth_section ul{
        list-style-type : none;
    }
    
    
    .list_item{
    	display : flex;
    	height : 100%;
    	align-items : center;
    	padding:10px 0;
    }
    
    
    .list_item p{
    	padding-left : 15px;
    	font-size : 1.02rem;
    }

/****SEVENTH SECTION******/
    .seventh_section{
      width : 100%;	
      min-height : auto;
      /* border-bottom : 5px solid  #000000; */
      padding : 6rem 4rem 6rem 4rem;  
    }
    
    .orji_image{
    	margin : 50px 0 50px 0;
    }
    
    .seventh_section_content{
    	/* margin-left : 5%; */
    	/* margin-right : 5%; */
    }



/****EIGHT SECTION*****/
    .eight_section{
    	width : 100%;
    	background-color : #e7ebffB2;
    	min-height : auto;
    	padding : 6rem 0 6rem 0;
    }
    
    
    
    .eight_section_content{
        width : 100%;
    }
    
    .eight_section_content h3{
    	color : var(--uni_color);
        font-size : 2rem;
        font-weight : 600;	
    }
    
    .eight_section_flex{
    	width : 95%;
    	display : flex;
    	flex-direction : row;
    	justify-content: center;
    	margin : 50px auto 0 auto;
    	column-gap : 25px;
    	row-gap : 0;
    }
    .eight_section_flex>div{
    /* margin-left : 50px;	 */
    }

    .eight_section_flex h4{
    	font-size : 1.18rem;
    }
    
    .card{
    	width :350px;
    	height : 400px;
    }
    .card-img-top{
    	width : 350px;
    	height : 275px;
    }


}