/* Custom Styles */

/* Importing the Montserrat font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');


/*font type*/
body {
	font-family: 'Montserrat', sans-serif;
}

.navbar {
	background-color: white;
	/* Light blue */
	padding: 5px;
}

/*Shruti's emoji on navbar*/
.navbar-brand img {
	width: 120px;
	/* Bigger image */
	height: 80px;
}

.navbar-nav {
	margin: 0 auto;
	/* Center align the navbar items */
	text-align: center;
	/* Center text alignment */
}

/*navbar menu items like home, contact*/
.navbar-nav .nav-item {
	display: inline-block;
	/* Inline block items for centering */
	padding: 0 10px;
	/* Optional padding for spacing */
	font-size: 16px;
}

/*navbar menu items like home, contact*/
.navbar-nav .nav-link {
	color: #000;
	/* Black buttons */
	font-weight: bold;
	/* Make the text bold */
}

.navbar-nav .nav-link:hover {
	color: #555;
	/* Darker grey on hover */
}

/* Custom class to increase size of LinkedIn icon */
.linkedin-icon {
	font-size: 24px;
	/* Adjust the size as needed */

}

/*Shruti's banner/name */
.banner {
	margin-top: 20px;
	margin-left: auto;
	/* Align the banner to the center */
	margin-right: auto;
	/* Align the banner to the center */
}

/*Shruti's banner/name */
.banner img {
	width: 40%;
	display: block;
	/* Ensure the image is centered within the banner */
	margin-left: auto;
	/* Align the image to the center */
	margin-right: auto;
	/* Align the image to the center */
}

h2 {
    font-size: 100px;
    font-weight: bold;
    font-style: italic;
    color: #007BFF; /* Bootstrap primary blue */
    text-align: center;
    margin-bottom: 1rem;
}




/*About me*/
p {
	font-size: 1rem;
	line-height: 1.5;
	color: black;
	font-weight: bold;
}

.paragraph-container {
	margin-left: 20px;
	/* Add margin on the left side */
}

/*shruti's pic*/
.img-fluid {
	width: 500px;
	/* Set the width to 200px */
	height: auto;
	/* Maintain aspect ratio */
	margin: 0 10px;
	/* Center the image horizontally */
	display: block;
	/* Ensure it's displayed as a block element */
}

.heading-label {
	display: block;
	/* Ensures it behaves like a block element */
	font-size: 18px;
	/* Equivalent to h3 font size */
	font-weight: bold;
	/* Equivalent to h3 font weight */
	text-align: center;
	/* Center align the text */
	margin-bottom: 1.5rem;
	/* Equivalent to mb-4 class in Bootstrap */
}

.heading-label {
	display: block;
	/* Ensures it behaves like a block element */
	font-size: 20px;
	/* Equivalent to h3 font size */
	font-weight: bold;
	/* Equivalent to h3 font weight */
	text-align: left;
	/* Left align the text */
	margin-bottom: 1.5rem;
	/* Equivalent to mb-4 class in Bootstrap */
}

.icons-list {
	list-style: none;
	padding: 0;
	margin-bottom: 1rem;
	/* Add space between each list item */
}

.icons-list li {
	display: flex;
	align-items: center;
	font-size: 16px;
	/* Set the font size to 18px */
	margin-bottom: 1rem;
	/* Add space between each list item */

}

.icons-list li i {
	font-size: 24px;
	/* Adjust the icon size as needed */
	margin-right: 10px;
	/* Add space between the icon and text */
}

.vertical-line {
	border-left: 2px solid #000;
	/* Adjust the color and width of the line */
	height: 100%;
	/* Make sure it covers the full height of the section */
	margin: 0 20px;
	/* Adjust the margin for spacing */
}

.section-container {
	display: flex;
	justify-content: space-between;
}

.section {
	flex: 1;
}


.center-label {
	text-align: center;
	font-size: 24px;
	text-decoration: underline;
}



/*option2 timeline css*/

h5 {
    font-size: 1.1 rem;
}
.horizontal-timeline .items {
  border-top: 3px solid #e9ecef;
}

.horizontal-timeline .items .items-list {
  display: block;
  position: relative;
  text-align: center;
  padding-top: 70px;
  margin-right: 100;
}

.horizontal-timeline .items .items-list:before {
  content: "";
  position: absolute;
  height: 36px;
  border-right: 2px dashed #dee2e6;
  top: 0;
}

.horizontal-timeline .items .items-list .event-date {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  width: 60px;
  margin: 0 auto;
  font-size: 0.9rem;
  padding-top: 8px;
}

@media (min-width: 1140px) {
  .horizontal-timeline .items .items-list {
    display: inline-block;
    width: 24%;
    padding-top: 45px;
  }

  .horizontal-timeline .items .items-list .event-date {
    top: -40px;
  }
}
	

/*work experience*/
	
 body {
            background-color: #f8f9fa;
            font-family: Arial, sans-serif;
            font-size: 12px;
        }

        .timeline-item {
            padding: 10px; /* Reduced padding */
            margin-bottom: 15px; /* Reduced margin */
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            min-height: 120px; /* Set a minimum height */
            max-height: auto; /* Allow height to adjust automatically */
        }

        .company-info {
            display: flex;
            align-items: center;
        }

        .company-name-container {
            margin-left: 15px; /* Space between logo and text */
        }

        .company-name {
            font-size: 14px; /* Reduced font size */
            margin: 0; /* Removed margin */
            color: #343a40;
        }

        .year-range {
            font-size: 12px; /* Reduced font size */
            color: #6c757d;
        }

        .designation {
            font-size: 14px; /* Reduced font size */
            color: #007bff;
        }

        .location {
            font-size: 12px; /* Reduced font size */
            color: #6c757d;
            margin-bottom: 5px; /* Reduced margin */
        }

        .description {
            list-style: none;
            padding: 0;
        }

        .description li {
            margin-bottom: 2px; /* Reduced margin between pointers */
            color: #495057;
            position: relative;
            padding-left: 15px; /* Reduced padding */
			font-size: 12px;
        }

        .description li:before {
            content: "\2022";
            position: absolute;
            left: 0;
            color: #007bff;
            font-weight: bold;
        }

        .role {
            margin-bottom: 10px; /* Reduced margin */
            padding-left: 10px; /* Reduced padding */
            border-left: 2px solid #007bff;
        }

        .company-logo {
            width: 100px; /* Adjust the width as needed */
            height: auto; /* Maintains the aspect ratio */
            max-height: 80px; /* Adjust the max-height as needed */
        }

        .timeline-container {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        .award-icon {
            font-size: 16px; /* Adjust icon size */
            color: #28a745; /* Green color */
            margin-right: 5px; /* Space between icon and text */
            vertical-align: middle; /* Align icon vertically */
        }

        .award-name {
            font-size: 12px; /* Adjust font size */
            color: #28a745; /* Green color */
            vertical-align: middle; /* Align award name vertically */
            margin: 0; /* Remove margin */
        }
		
		/*certifications*/
		 body {
            background-color: #f8f9fa;
            font-family: Arial, sans-serif;
        }

        .certifications-section {
            padding: 20px 0; /* Reduced padding */
            text-align: center;
        }

        .certification-logo {
            width: 120px; /* Reduced logo size */
            height: auto;
            margin-bottom: 10px; /* Reduced margin bottom */
        }

        .certification-name {
            font-size: 14px; /* Reduced font size */
            color: #343a40;
        }

        .certification-item {
            margin-bottom: 20px; /* Added space between certifications */
        }
		
		
	/*<!--membership-->*/
	 body {
            background-color: #f8f9fa;
            font-family: Arial, sans-serif;
        }

        .volunteering-section {
            padding: 20px 0; /* Adjusted padding */
            text-align: center;
        }

        .volunteer-item {
            margin-bottom: 20px;
        }

        .volunteer-item h5 {
            font-size: 16px; /* Adjusted font size */
            color: #343a40;
        }

        .volunteer-icon {
            color: #007bff;
            margin-right: 10px; /* Space between icon and text */
        }
		
		/*footer*/
	 .footer {
        background-color: #f6f6f6; /* Blue background color */
        color: #ffffff; /* Black font color */
        padding: 40px 0; /* Padding for the footer */
        border-top: 2px solid #000; /* Black border at the top */
    }

   .footer h5 {
        font-size: 1.5rem;
        margin-bottom: 20px;
        color: #000; /* Black color for "Let's Talk" */
        font-weight: bold; /* Bold font */
    }

    .footer hr {
        border-color: #000; /* Black color for the horizontal rule */
    }

    .footer p {
        font-size: 1rem;
        margin-bottom: 20px;
        color: #000; /* Black text color */
    }

    .footer a {
        color: #000; /* Black color for icons */
        transition: color 0.3s;
    }

    .footer a:hover {
        color: #333; /* Slightly darker black on hover */
    }

    .footer i {
        fill: #000; /* Fill color for icons */
    }