@media(min-width: 768px) and (hover: hover) and (pointer: fine){
/****************************************************START****************************************************/
    *{
        margin : 0;
    	padding : 0;
    }
        
    body{
    	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    	overflow-x : hidden;
    }
	
/******************************FIRST SECTION******************************/	
	
	.first_section{
		width : 100%;
		min-height : 100dvh;
		min-height : 100vh;
	    position : relative;
        background-image : URL("../IMAGES/Untitled (1920 x 900 px) (2).webp");
        background-size : cover;				
	}
	
	.first_section_content{
		width : 100%;
		min-height : 100dvh;
		min-height : 100vh;
        background-color : rgba(10, 15, 31, 0.85);
	}
	

	
	.left_bg{
		position : absolute;
		top : 15%;
		left :2%;
		width : 700px;
	}
	
	
	.first_section_heading{
		
		font-weight : 700;
		font-size : 2.75rem;
		font-family : Playfair Display;
	    transform : scaleY(0);
		transform-origin : bottom;
		color : #ffffff;
	}
	


    .first_section_subheading_container{
		position : absolute;
		bottom : 10%;
		right :0;		
		width : 600px;
        height : auto;
        padding : 15px;
      /* Glass effect */
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(20px) saturate(180%);
      -webkit-backdrop-filter: blur(20px) saturate(180%);

      /* Border (gradient glow trick) */
      border: 1px solid rgba(255, 255, 255, 0.15);

      /* Shadow for depth */
      box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -1px 0 rgba(255, 255, 255, 0.05);
				
		border-top-left-radius : 20px;
		border-bottom-left-radius : 20px;
		
	}		
	
	.first_section_subheading{
		color : #ffffff;
		text-align : right;
		font-size : 1.25rem;
		width : 100%;
	}
	

	


/******************************FIRST SECTION ANIMATION******************************/	

    @keyframes first_section_heading_animation{
		from{
			transform : scaleY(0);
		}
		to{
			transform : scaleY(1);
		}
	}
	
	.animate_first_section_heading{
	   animation-name : first_section_heading_animation;
	   animation-duration : 1.5s;
	   animation-timing-function : linear;
	   animation-fill-mode : forwards;
	}
	

	



/******************************SECOND SECTION******************************/	
    
	.second_section{
		width : 100%;
		background-color : #f5f5f5;
		min-height : auto;
		padding : 4rem 0 6rem 0;
		margin-top : -100px;
	}
	
	.second_section_heading{
		color : #001f4e;
		font-weight : 600;
		padding : 175px  0 10px 30px;
        font-size : 2.5rem;		
	}
	
	
	.second_section_flex{
		display : flex;
	    flex-direction : row;
		gap : 20px;
		width : 95%;
		margin-left : auto;
		margin-right : auto;
		margin-top : 50px;
		
	}
	
	.second_section_flex>div{
		flex : 1;
		background :#d1dcec;
		border-radius : 10px;
		padding : 10px;
		transition : box-shadow .15s linear,background-color .15s linear;
		cursor : pointer;
		position : relative;
		height : 275px;
	}
	
	.publication_heading{
		font-weight : 600;
		font-size : 0.8rem;
		line-height : 1.3;
		clear : right;
	    padding : 5px 0 5px 0;
	}
	
	.publication_detail{
		font-size : 0.7rem;
		line-height : 1.2;
		font-family : calibre,helvetica,arial,sans-serif;
		color : #515151;
	}
	
	.publication_data{
		display : flex;
		flex-direction : column;
		justify-content : center;
        gap : 0;
		font-weight : 600;
		position : absolute;
		bottom : 2%;
		width : 100%;
		left : 5%;
	}
	.publication_tag{
		background-color :#8ca8ce;
		border-radius : 5px;
		padding : 3px;
		font-weight : 600;
		font-size : 0.7rem;
		float : right;
	}
	
	.second_section_flex>div:hover{
		background : #ffffff;
		box-shadow : 0 2px 20px rgba(30,30,30,.15);
	}
	
	.publication_link{
		color : #000000;
	}
	.download_link{
		color : #000000;
		font-size : 0.8rem;
	}
	
	
	.third_section_flex{
		display : flex;
	    flex-direction : row;
		gap : 20px;
		width : 95%;
		margin-left : auto;
		margin-right : auto;
		margin-top : 50px;
		
	}
	
	.third_section_flex>div{
		flex : 1;
		background : #E1E3DA;
		border-radius : 10px;
		padding : 10px;
		transition : box-shadow .15s linear,background-color .15s linear;
		cursor : pointer;
		position : relative;
		height : 300px;
		color : #323232;
	}
	
	.third_publication_tag{
		background-color : #494D3C;
		border-radius : 5px;
		/* width : 100%; */
		padding : 3px;
		font-weight : 600;
		font-size : 0.75rem;
		float : right;
        gap : -50px;
		color : #ffffff;
	}	
	
	.journal_link{
		color : #323232;
	}	
	
	.third_section_flex>div:hover{
		background : #ffffff;
		box-shadow : 0 2px 20px rgba(30,30,30,.15);
	}	
	
	
	.first_image_flex, .second_image_flex{
		display : flex;
	    flex-direction : row;
		gap : 30px;
		width : 90%;
		margin-left : auto;
		margin-right : auto;
		margin-top : 25px;
		
	}	
	
	.first_image_flex>img{
		flex : 1;
		transition : transform 1.5s ease;
		width : 100%;		
        min-width: 0;
        max-width: 100%;		
	}
	
	.second_image_flex>img{
		flex : 1;
		transition : transform 1.5s ease;
		width : 100%;		
        min-width: 0;
        max-width: 100%;		
	}	
	
	.second_image_flex>img:hover, .first_image_flex>img:hover{
		
		box-shadow : 0 2px 20px rgba(150,150,150,.75);
		transform : skewY(7.5deg);
		
		
	}	
	
	.authors{
		font-size : 0.8rem;
	}

	
	
/**************************************************END**************************************************/
}