fabeha.s1@gmail.com

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}

/* Full-width top bar */
.top-bar {
background-color: #a88ec8; /* Purple background */
padding: 10px 0;
color: #fff;
font-size: 14px;
width: 100%;
}

.top-bar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.top-bar-left ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 20px;
}

.top-bar-left ul li a {
color: #fff;
text-decoration: none;
}

.top-bar-right span {
font-size: 14px;
}

/* Full-width navbar */
.navbar {
padding: 20px 0;
border-bottom: 1px solid #eee;
width: 100%;
}

.navbar .container {
max-width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar-left, .navbar-right {
display: flex;
align-items: center;
gap: 20px;
}

.navbar-brand {
margin: 0 auto;
}

.navbar-nav .nav-item .nav-link {
color: #000;
font-size: 16px;
}