@media(min-width: 640px)  and (hover : hover) and (pointer : fine){
    *{
    	margin:0;
    	padding:0;
    }
    
    :root{
       --pri_color :#1a76d1;
       --sec_color :#e12454;
       --uni_color :#223a66;
    }
    body{
    	font-family :-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
    
    
    
    .first_section{
         margin-top : -100px;
		 min-height : 50dvh;
		 min-height : 50vh;
    }
    .first_section_image{
    	width:100%;
        height : 100%;
    }


/****SECOND SECTION*******/

    .second_section{
       width :100%;
	   min-height : auto;
	   
    }
	
    .second_section_content{
	    padding : 6rem 4rem 4rem 4rem;
	
    }

	.second_section_heading{
	     font-weight : 600;
		 text-align : center;
		 color : var(--uni_color);
         font-size : 2rem;		 
	}
	
	
	
	.second_section .first_flex, .second_section .third_flex, .second_section .fifth_flex{
		display : flex;
		flex-direction : row;
		row-gap : 0;
		column-gap : 0;
		align-items : center;
		justify-content : center;
		margin : 100px 0 100px 0;
	}
    .second_section_content .circle_2008,.second_section_content .circle_2023{
        font-size : 2.5rem;
    	color :#3173dd;
		padding : 0;
		margin : 0;
    }	


    .second_section_content .event_2008,.second_section_content .event_2023{
    	width : 90px;
    	height : 50px;
    	border-radius : 50px;
    	background-color :#3173dd;
    	display :flex;
    	justify-content : center;
    	align-items : center;
        color : #ffffff;
        font-weight : 600;
        font-size : 1.5rem;	
    }
    
    .second_section_content .hr_2008, .second_section_content .hr_2023{
    	color : #3173dd;
    	background-color :#3173dd;
    	width : 200px;
    	height : 2.5px;
		padding : 0;
		margin : 0;		
    }
	
	.second_section .second_flex{
		display : flex;
		flex-direction : column;
		align-items : center;
		column-gap : 0;
		row-gap : 50px;
		margin : 50px 0 0 0;
	}
	

	.second_section .fourth_flex, .second_section .sixth_flex{
		display : flex;
		flex-direction : column-reverse;
		align-items : center;
		column-gap : 0;
		row-gap : 50px;
		margin : 50px 0 0 0;
	}	
	
	.second_section .sixth_flex{
		display : flex;
		flex-direction : column;
		align-items : center;
		column-gap : 0;
		row-gap : 50px;
		margin : 50px 0 0 0;
	}	
	
	.second_section .second_flex>div, .second_section .fourth_flex>div, .second_section .sixth_flex>div{
		width : 100%;
	}

    .second_section_content .circle_2012{
        font-size : 2.5rem;
		padding : 0;
		margin : 0;
    	color :#fece58;
    }
    
    .second_section_content .event_2012{
    	width : 120px;
    	height : 60px;
    	border-radius : 50px;
    	background-color :#fece58;
    	display :flex;
    	justify-content : center;
    	align-items : center;
        color : #ffffff;
        font-weight : 600;
        font-size : 1.5rem;	
    	
    }
    
    .second_section_content .hr_2012{
    	color : #fece58;
    	background-color :#fece58;
    	width : 200px;
    	height : 2.5px;
    }
    .second_section h3{
        font-weight : 600;
        padding : 20px 0 0 0;
        font-size : 2rem;	
    }
    .second_section p{
		font-size : 1rem;
	}
}