/* 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 */

}

/*accordions*/
 .brand-logo {
    width: 100px; /* Adjust this value as needed */
    height: auto;
    margin-bottom: 10px; /* Optional: for spacing */
}

/* Aligning the images and text in the card */
.card-body .col-md-2 {
    display: flex; /* Enables flexbox layout */
    flex-direction: column; /* Stacks items vertically */
    align-items: center; /* Center-aligns items horizontally */
    justify-content: center; /* Center-aligns items vertically */
    margin-bottom: 20px; /* Adds space below each item */
}

/* Ensures all images have the same size and are centered */
.card-body .col-md-2 img {
    width: 80px; /* Adjust width as necessary */
    height: 80px; /* Adjust height as necessary */
    object-fit: contain; /* Keeps aspect ratio of images */
}

/* Style adjustments for text labels */
.card-body .col-md-2 .brand-name {
    text-align: center; /* Centers the text */
    display: block; /* Makes the link fill the width of its container */
    margin-top: 10px; /* Adds space above the label */
}
        .brand-name {
            text-align: center;
            margin-top: 10px;
            display: block;
        }
        .accordion .card-header .btn {
            width: 100%;
            text-align: left;
        }
		
		
		
		/*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 */
    }