@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@400;500;600;700&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

:root {
	--poppins: 'Poppins', sans-serif;
	--lato: 'Lato', sans-serif;

	--light: #F9F9F9;
	--blue: #3C91E6;
	--light-blue: #CFE8FF;
	--grey: #eee;
	--dark-grey: #AAAAAA;
	--dark: #342E37;
	--red: #DB504A;
	--yellow: #FFCE26;
	--light-yellow: #FFF2C6;
	--orange: #FD7238;
	--light-orange: #FFE0D3;
	
}

html {
	overflow-x: hidden;
}

body.dark {
	--light: #0C0C1E;
	--grey: #060714;
	--dark: #FBFBFB;
}

body {
	background: var(--grey);
	overflow-x: hidden;
   
}


.publications{
    width: 100%;
    display: flex;
    
    
    
    height: 100vh;
    margin-top: 2rem;
    border-radius: 1rem;
    
    color: var(--dark);
	padding: 60px 60px;
	font-family: var(--poppins);
	max-height: calc(100vh - 56px);
	overflow-y: auto;
    background-color: var(--light);
}
.publications h3{
    font-size: 1.5rem;
    font-weight: 400;
}

/* Remove the default textbox styling */
.input-container input {
    border: none;            /* Remove the border */
    outline: none;           /* Remove the outline */
    border-bottom: 2px solid #000; /* Add an underline */
    font-size: 1rem;         /* Set font size */
    width: 400px;    
           /* Adjust width as needed */
    padding: 5px 0;          /* Add spacing around the text */
    background: transparent; /* Make the background transparent */
}

/* Change underline color on focus */
.input-container input:focus {
    border-bottom: 2px solid #007BFF; /* Change color to blue (or any other color) */
}

/* Add placeholder styling */
.input-container input::placeholder {
    color: #888; /* Customize placeholder color */
    font-style: italic; /* Optional */
}
.publication-part1{
    display: flex;
    align-items: center;
    
    gap: 40px;

}
/* General styling for the select dropdown */
.input-container select {
    border: none;                 /* Remove default border */
    outline: none;                /* Remove outline */
    border-bottom: 2px solid #000; /* Add an underline */
    font-size: 1.2rem;              /* Match font size */
    width: 400px;                 /* Adjust width */
    padding: 5px 0;               /* Add spacing */
    background: transparent;      /* Transparent background */
    color: #333;                  /* Text color */
    font-family: Arial, sans-serif; /* Match font family */
    -webkit-appearance: none;     /* Remove default dropdown arrow (for WebKit browsers) */
    -moz-appearance: none;        /* Remove default dropdown arrow (for Firefox) */
    appearance: none;             /* Remove default dropdown arrow */
    cursor: pointer;              /* Show pointer cursor */
}

/* Change underline color on focus */
.input-container select:focus {
    border-bottom: 2px solid #007BFF; /* Change underline color */
}

/* Customize placeholder (first option when no selection is made) */
.input-container select option {
    color: #333; /* Text color of options */
    background: #fff; /* Background color of options */
}
.publication-part2{
    display: flex;
    align-items: center;
    gap: 30px;
}
.publication-part3{
    display: flex;
    align-items: center;
    gap: 30px;
}
.publication-part4{
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
    gap: 30px;

}
.publication-part5{
    display: flex;
    align-items: center;
    gap: 30px;

}
.tech-stack-options {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to the next line */
    gap: 10px;
    margin-top: 10px;
}

.tech-tag {
    background-color: #f0f0f0; /* Light background for tags */
    border: 1px solid #ccc; /* Subtle border */
    border-radius: 15px; /* Rounded corners */
    padding: 5px 15px; /* Padding for spacing */
    font-size: 16px; /* Font size for tags */
    color: #333; /* Text color */
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease; /* Smooth transition */
}

.tech-tag:hover {
    background-color: #007BFF; /* Highlight on hover */
    color: #fff; /* White text on hover */
    border-color: #007BFF; /* Match border color to background */
}
.publication-part4-part1{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
}
/* General layout */
/* Main container for publication section */
/* General styling for the layout */
.publication-part6 {
    display: flex;
    align-items: center;
    
    gap: 20px;
}

/* Labels for Team Members and Hall Ticket No */
.labels-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.team-members-label, .hall-ticket-label {
    width: 200px; /* Set fixed width for alignment */
    text-align: left;
}

/* Container for all input rows */
#team-member-container {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Add spacing between rows */
}

/* Input row layout */
.input-row {
    display: flex;
    gap: 30px;
}

/* Input fields styling */
.input-container input {
    border: none;
    outline: none;
    border-bottom: 2px solid #000;
    font-size: 1.2rem;
    width: 200px;
    padding: 5px 0;
    background: transparent;
}

.input-container input:focus {
    border-bottom: 2px solid #007BFF;
}

/* Fixed controls for + and - */
.publication-part6-controls {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 10px;
   
}


#add-field, #remove-field {
    cursor: pointer;
    color: #007BFF;
    font-size: 24px;
    font-weight: bold;
    transition: all 0.3s ease;
}

#add-field:hover, #remove-field:hover {
    color: #0056b3;
}
.publication-part7{
    display: flex;
    align-items: center;
    
    gap: 20px;

}
.publication-part7-part1{
    display: flex;
    align-items: center;
    gap: 30px;
}
.publication-part7-controls {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 10px;
   
}
/* General Styles for the Input Containers */
.input-container {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    align-items: flex-start; /* Ensures alignment to the left */
}

.input-row {
    display: flex;
    gap: 10px; /* Space between columns */
    margin-bottom: 10px;
}

/* Team Members Section */
#team-member-container {
    display: flex;
    flex-direction: column; /* Ensures vertical stacking */
}

/* Awards Section */
#awards-container {
    display: flex;
    flex-direction: column; /* Ensures vertical stacking */
}

button {
    margin: 5px;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
}

button:hover {
    background-color: #ddd;
}
.publication-part8{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2rem;
}
.publication-part8 .input-container input{
    border: none; /* Remove the border */
    outline: none; /* Remove the outline */
    border-bottom: 2px solid #000; /* Add an underline */
    font-size: 24px; /* Set font size */
    width: 400px;
     /* Adjust width as needed */
    padding: 5px 0; /* Add spacing around the text */
    background: transparent; /* Make the background transparent */
}
.publication-part8 .input-container input:focus {
    border-bottom: 2px solid #007BFF; /* Change underline color on focus */
}

/* Add placeholder styling */
.publication-part8 .input-container input::placeholder {
    color: #888; /* Customize placeholder color */
    font-style: italic; /* Optional placeholder styling */
}

/* Ensure Alignment for the Entire Section */
.publication-part8 {
    display: flex;
    align-items: center; /* Align the text box and heading vertically */
    gap: 40px; /* Space between the heading and the input */
}
/* Flexbox alignment for publication-part9 */
.publication-part9 {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* Drag-and-drop area styling */
.box-1 {
    width: 200px;
    margin-top: 2rem;
    height: 200px;
    border: 2px dashed #007BFF; /* Dashed border for drag area */
    border-radius: 8px; /* Rounded corners */
    display: flex;
    flex-direction: column; /* Arrange icon and text vertically */
    align-items: center; /* Center align content */
    justify-content: center; /* Center align vertically */
    cursor: pointer; /* Pointer cursor for clicking */
    background-color: #f9f9f9; /* Light gray background */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Icon inside drag-and-drop area */
.box-1 .upload-icon {
    font-size: 50px; /* Larger icon */
    color: #007BFF; /* Icon color */
    margin-bottom: 10px; /* Space between icon and text */
}

/* Text styling in drag-and-drop area */
.box-1 p {
    text-align: center;
    font-size: 16px;
    color: #555; /* Neutral gray text */
}

.box-1 p span {
    color: #007BFF; /* Highlighted clickable text */
    font-weight: bold;
}

/* Hover and active states */
.box-1:hover {
    background-color: #e6f0ff; /* Light blue hover effect */
    border-color: #0056b3; /* Darker blue border on hover */
}

/* Dragging active state */
.box-1.dragover {
    background-color: #d1e7ff; /* Slightly darker blue */
    border-color: #004080; /* Even darker border color */
}

/* Hidden file input (styled in JS) */
#fileInput {
    display: none;
}
.publication-part10{
    display: flex;
    align-items: center;
    gap: 30px;
}
.publication-part11{
    display: flex;
    align-items: center;
    gap: 30px;

}
.publication-part12{
    display: flex;
    align-items: center;
    gap: 30px;

}
.publication-part13{
    display: flex;
    align-items: center;
    gap: 30px;

}
.publication-part14{
    display: flex;
    align-items: center;
    gap: 30px;

}
.publication-part15{
    display: flex;
    align-items: center;
    gap: 30px;

}
.publication-part15 input{
    width: 600px;
}
.publication-part16 input{
    width: 600px;
}
.publication-part16{
    display: flex;
    align-items: center;
    gap: 30px;


}
.publication-part17 {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2rem;
}
.publication-part18{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2rem;
}


.publication-part17 textarea {
    width: 600px;
    height: 150px;  /* Adjust height to make the text box taller */
    padding: 10px;  /* Add some padding inside the text box */
    border: 2px solid #ccc;  /* Light gray border */
    border-radius: 8px;  /* Rounded corners */
    font-size: 16px;  /* Font size */
    font-family: 'Arial', sans-serif;  /* Font style */
    resize: vertical;  /* Allow users to resize the box vertically */
    transition: border-color 0.3s ease;  /* Smooth transition for border color */
}

.publication-part17 textarea:focus {
    border-color: var(--blue);  /* Change border color on focus */
    outline: none;  /* Remove default outline */
}
.publication-part18 textarea {
    width: 600px;
    height: 150px;  /* Adjust height to make the text box taller */
    padding: 10px;  /* Add some padding inside the text box */
    border: 2px solid #ccc;  /* Light gray border */
    border-radius: 8px;  /* Rounded corners */
    font-size: 16px;  /* Font size */
    font-family: 'Arial', sans-serif;  /* Font style */
    resize: vertical;  /* Allow users to resize the box vertically */
    transition: border-color 0.3s ease;  /* Smooth transition for border color */
}

.publication-part18 textarea:focus {
    border-color: var(--blue);  /* Change border color on focus */
    outline: none;  /* Remove default outline */
}







.uploadproject span{
    
        height: 36px;
        padding: 20px 16px;
        border-radius: 36px;
        background: var(--blue);
        color: var(--light);
        display: flex;
        width: 200px;
        justify-content: center;
        align-items: center;
        grid-gap: 10px;
        font-weight: 500;
        
        margin-left: 1000px;
       
       
        
    
}
.wins-stack-options {
    display: flex;
    align-items: center;
    gap: 3rem;
    font-size: 2rem;
}
.input-container {
    margin-bottom: 10px;
}



 .publication-part8 button {
    margin: 5px;
    padding: 5px 10px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

.publication-part8 button:hover {
    background-color: #0056b3;
}
.publication-part19 {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2rem;

}
.publication-part19 .input{
    width: 100px;
}
.publication-part20{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2rem;

}
.publication-part20 textarea {
    width: 600px;
    height: 150px;  /* Adjust height to make the text box taller */
    padding: 10px;  /* Add some padding inside the text box */
    border: 2px solid #ccc;  /* Light gray border */
    border-radius: 8px;  /* Rounded corners */
    font-size: 16px;  /* Font size */
    font-family: 'Arial', sans-serif;  /* Font style */
    resize: vertical;  /* Allow users to resize the box vertically */
    transition: border-color 0.3s ease;  /* Smooth transition for border color */
}

.publication-part20 textarea:focus {
    border-color: var(--blue);  /* Change border color on focus */
    outline: none;  /* Remove default outline */
}
.publication-part21{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 2rem;

}
.publication-part21 textarea {
    width: 600px;
    height: 150px;  /* Adjust height to make the text box taller */
    padding: 10px;  /* Add some padding inside the text box */
    border: 2px solid #ccc;  /* Light gray border */
    border-radius: 8px;  /* Rounded corners */
    font-size: 16px;  /* Font size */
    font-family: 'Arial', sans-serif;  /* Font style */
    resize: vertical;  /* Allow users to resize the box vertically */
    transition: border-color 0.3s ease;  /* Smooth transition for border color */
}

.publication-part21 textarea:focus {
    border-color: var(--blue);  /* Change border color on focus */
    outline: none;  /* Remove default outline */
}