body {
    background-color: #F0EBE5;
    /* light gray */
}

.nav-link {
    color: #E950A0 !important;
}

.nav-link {
    font-size: 16px;
}

.navbar .nav-link:hover {
    color: #2953BD !important;
    background-color: transparent !important;
    transition: color 0.3s ease;
}



.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}
.gif-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.homepage-gif {
  width: 100%;
  max-width: 1100px; /* keeps it large on desktop */
  height: auto;
  object-fit: contain;
}


.navbar-nav {
    border: 1.75px solid #2953BD;
    /* blue outline */
    border-radius: 30px;
    /* rounded shape */
    padding: 1px 20px;
    /* space inside the box */
    display: inline-flex;
    /* keep items in one line */
    gap: 20px;
    /* space between the links */
}

.nav-link {
    color: #2953BD;
    /* blue text */
    text-decoration: none;
    /* remove underline */
    transition: 0.3s;
}
.navbar-nav {
  border: 1.75px solid #2953BD; /* blue outline */
  border-radius: 30px; /* rounded shape */
  padding: 1px 20px; /* space inside the box */
  display: inline-flex; /* keep items in one line */
  gap: 20px; /* space between the links */
  background-color: #F0EBE5; /* add white background inside the box */
  backdrop-filter: blur(4px); /* optional soft blur, makes it look cleaner */
}



/* Overall accordion box */
.accordion {
    border: 2px solid #2953BD;
    /* blue border */
    border-radius: 15px;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
    background-color: #2953BD;
    /* your custom background color */
}

/* Each accordion section (fixes the stubborn white background) */
.accordion-item {
    background-color: #F0EBE5 !important;
    /* overrides Bootstrap’s white */
    border: none;
    /* remove inner borders */
}

/* Buttons (collapsed or not) */
.accordion-button {
    background-color: transparent;
    color: #0047AB;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: #F0EBE5;
    color: #2953BD;
}

/* The opened content area */
.accordion-body {
    background-color: #F0EBE5;
    color: #333;
    font-family: "Poppins", sans-serif;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

/* Hover effect for better feedback */
.accordion-button:hover {
    background-color: #E950A0;
    color: #ffffff;
    transition: background-color 0.3s ease;
}

.cv-button {
    text-align: left;
    /* aligns it like the rest of the content */
}

.cv-button .btn {
    border-radius: 15px;
    border-width: 2px;
    border-color: #2953BD;
    transition: 0.3s ease;
    color: #2953BD
}

.cv-button .btn:hover {
    background-color: #E950A0;
    /* Bootstrap blue */
    color: white;
}

.card {
    border-radius: 20px;
    overflow: hidden;
}

.card-img-top {
    height: 250px;
    object-fit: cover;
}

.btn-primary {
    background-color: #2953BD;
    border: none;
    border-radius: 30px;
}

.btn-primary:hover {
    background-color: #2953BD;
}

.card {
    border: 1.75px solid #2953BD;
    border-radius: 20px;
    overflow: hidden;
}

.card-body {
    background-color: #E950A0;
    /* dark blue background */
    color: #ffffff;
    /* white text */
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.contact-card {
    border: 2px solid #2953BD;
    /* dark blue outline */
    border-radius: 20px;
    background-color: #F0EBE5;
    /* grayish background */
    color: #333;
}

.contact-card h5 {
    color: #2953BD;
}

.contact-card p {
    color: #444;
}

.contact-card .btn {
    border: 1.75px solid;
    border-color: #2953BD;
    color: #E950A0;
    transition: 0.3s ease;
}

.contact-card .btn:hover {
    background-color: #E950A0;
    color: #F0EBE5;
    transition: background-color 0.3s ease;
}