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

/* FADE EFFECT */
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-up {
    opacity: 0;
    /* Ensure the div is invisible initially * /
  }

  .fade-up-visible {
    opacity: 1; /* Ensure the div becomes visible */
    animation: fadeUp 1s ease-out forwards;
    /* Apply the animation */
}



/* GLOBAL FONTS */
p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
}


h1 {
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;

}

h2 {
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 28.8px;

}

h3 {
    font-family: 'Sora', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28.8px;

}


a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    color: #7EB8E4;
}

h1 a {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}


li {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22.4px;
}


/* GLOBAL BUTTONS */
.button-dark {
    font-family: 'Poppins';
    min-width: 120px;
    min-height: 56px;
    background-color: #6C37B8;
    color: white;
    border: solid 2px #6C37B8;
    padding: 12px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;

    &:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: 0.3s;
    }
}

.button-light {
    font-family: 'Poppins';
    min-height: 56px;
    min-width: 120px;
    background-color: #fff;
    color: #003E61;
    border: solid 2px #003E61;
    padding: 12px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;

    &:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: 0.3s;
    }
}

.subscription-button {
    background-color: #6C37B8;
    color: white;
    border: none;
    padding: 16px;
    border-radius: 12px;
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;

    &:hover {
        background-color: #08406d;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: 0.3s;
    }
}

.subscription-button-b {
    background-color: #004973;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 12px;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    margin: 10px;

    &:hover {
        background-color: #fff;
        color: #004973;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: 0.3s;
    }
}


/* STRUCTURES */
body {
    margin: 0px;
    overflow-x: hidden;
}

.section-apai-addition {
    max-width: 675px !important;
    margin: auto;
    display: block !important;
}

.section-apai {
    padding: 60px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
}

.section-apai-boxed {
    max-width: 1140px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.herodiv {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.home-page.herodiv-frame {
    margin-top: 40px;
    padding: 64px;
    border-radius: 24px;
    background-color: rgba(0, 73, 115, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 32px;
    max-width: 820px;
}


.searchdiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
}

.searchfield-c {
    height: 28px;
    border-radius: 12px;
    border: 0px;
    padding: 24px 64px 24px 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22.4px;
    color: #333;
}

.searchiconbutton {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
    background: #6C37B8;
    padding: 14px;
    border-radius: 8px;

    &:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 12px;
        transition: 0.3s;
    }
}


/* CSS FOR GRID SECTION */
.grid-container {
    gap: 2%;
    max-width: 1140px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-item {
    width: 200px;
    margin-bottom: 2%;
    background-color: #004973;
    color: white;
    padding: 30px 10px 20px 10px;
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    &:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: 0.3s;
    }
}


.grid-item img {
    max-width: 80px;
    height: 80px;
    margin-bottom: 0px;
    border-radius: 24px;
}

.grid-item h3 {
    font-size: 18px;
}

/* CSS FOR TWO COLUMN SECTION */

.pro-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-content {
    max-width: 45%;
}


.video-content {
    border-radius: 24px;
    display: flex;
    align-items: center;
}

.video-content>iframe {
    border-radius: 8px;
    max-width: 100%;
    background-color: rgba(113, 178, 228, 0.341);
    padding: 30px;
}

.text-content p {
    margin-bottom: 10px;
    font-size: 22px;
}

.text-content ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}

.text-content ul li {
    font-size: 22px;
    color: #004973;
    margin-bottom: 10px;
    position: relative;
    padding-left: 35px;
    /* Adjust padding for the icon */
}

.text-content ul li .list-icon-arrow-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-color: rgba(0, 73, 115, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-content ul li .list-icon-arrow-right img {
    width: 16px;
    height: 16px;
}

/* CSS FOR SLIDER SECTION */
.testimonials-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
    padding: 20px;
    position: relative;
}

.slider-wrapper {
    overflow: hidden;
    width: 100%;
}

.slider {
    display: flex;
    transition: transform 1.5s ease-in-out;
}

.testimonial-slide {
    flex: 0 0 calc(100% / 2.5);
    /* Adjust to show 2.5 slides */
    display: flex;
    justify-content: center;
    /* Center the content horizontally */
}

.testimonial {
    background-color: #0a3d62;
    color: white;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* Stretch the content vertically */
    align-items: start;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    height: 100%;
    /* Make the testimonial take the full height of the slide */
    margin: 0 10px;
    box-sizing: border-box;
    /* Include padding and border in the element's total width and height */
}

.testimonial-icon {
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.testimonial-icon img {
    width: 34px;
    height: 34px;
}

.testimonial-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: left;
    flex: 1;
    /* Allow the text to take up available space */
}

.testimonial-author {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.author-title {
    font-size: 14px;
    text-align: center;
    color: lightgray;
}

.slider-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.slider-btn {
    border: none;
    cursor: pointer;
    margin: 0 5px;
    background: none;
}

.slider-btn img {
    width: 48px;
    height: 48px;
    border-radius: 12px;

    &:hover {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: 0.3s;
    }
}

#col1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 28%;
    gap: 20px;
}

#col2,
#col3,
#col4,
#col5 {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 18%;
    gap: 20px;
}

.global-footer a {
    color: white;
    text-decoration: none;
}

#col2>a:nth-child(3)>span>img {
    margin-left: -20px;
}

.footer-third-row {
    margin-top: 0px;
    background-color: #004973;
    display: flex;
    flex-direction: row;
    justify-content: left;
    gap: 2px;
    width: 100%;
}

.footer-third-row #col {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.global-footer .footer-third-row a {
    color: #ffffff7a !important;
}

/*  popup  */

.popup {
    min-width: 30%;
    margin: auto;
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: -9999;
    transform: translate(-50%, 0);
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    display: none;
}

.custom-btn {
    display: flex;
}

.custom-btn a .navmenuitem {
    background: white;
    color: #004973;
    font-weight: 600;
    padding: 12px 20px;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}


.popup__header {
    height: 80px;
    width: 100%;
    background: #004973;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    box-sizing: border-box;
    position: relative;
}

.close-popup {
    background: transparent;
    position: absolute;
    top: -15px;
    right: -15px;
    border: 0;
    cursor: pointer;
    z-index: 1;
}

.popup__header-title {
    font-family: Sora;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #FFFFFF;
}

.popup__content {
    background: #FFFFFF;
    border-radius: 6px;
}

.popup__content-title {
    font-family: Sora;
    font-weight: 600;
    font-size: 34px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #004973;
    margin: 0;
    line-height: normal;
    margin-bottom: 25px;
    margin-top: 25px;
}

.popup__list {
    column-count: 2;
    list-style-type: none;
    column-gap: 40px;
    max-width: 800px;
    margin: auto;
}

@media (max-width: 768px) {
    .popup__list {
        column-count: 1;
    }

}

.popup__list-item {
    display: flex;
    gap: 10px;
    margin: 0 0 10px 0;
}


.popup__compare-link {
    font-family: Sora;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    background: #004973;
    height: auto;
    border-radius: 6px;
    gap: 10px;
    padding: 12px 15px;
    margin: 20px auto;
    text-align: center;
    width: 38%;
    display: block;
    text-decoration: none;
}

.popup__compare-link:hover {
    background-color: #6C37B8;
    color: #fff;
}


.popup__terms-text {
    max-width: 76%;
    margin: auto;
    font-weight: 400 !important;
    font-size: 15px;
    line-height: 20px !important;
    text-align: center;
    margin-bottom: 25px;
}

.popup__info-text {
    font-family: Sora;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

}

.popup__login-link {
    color: #004973;
    margin-bottom: 30px;
    font-size: 17px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.popup__login-link a {
    font-weight: 400;
    text-decoration: underline;
    font-size: 17px;
}

.subscription-options-buttons {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wrapper-section-maintable,
.chartdiv {
    position: relative;
}

.subscription-options-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 1;
    margin: 0;
    margin-bottom: 18px;
}

.subscription-options-text {
    flex: 10;
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 24px;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 18px;
}


body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.highlighted-box {
    border: 2px solid #FFD700;
}

.tag {
    background-color: #FFD700;
    /* Tag background color */
    color: #fff;
    /* Tag text color */
    padding: 5px 10px;
    /* Adjust padding as needed */
    border-radius: 10px;
    /* Rounded corners */
}

/* ps-apai */
.herodiv-frame.herodiv-frame__subscription-options {
    padding: 0;
    max-width: 100%;
    margin: 0px auto;
    margin-top: -60px;
    transform: scale(0.75);
}

@media (max-width: 992px) {

    .herodiv-frame.herodiv-frame__subscription-options {
        padding: 0;
        max-width: 100%;
        margin: 0px auto;
        transform: scale(0.9);
    }

}


@media (max-width: 1600px) {

    .herodiv-frame__subscription-options .subscription-options-text {
        font-size: 16px;
    }

}

@media (max-width: 1200px) {
    .herodiv-frame__subscription-options .subscription-options-text {
        font-size: 20px;
    }
}

.sub-option-box-starter h1 {
    background: #d9dcdf;
    margin: 0px;
    padding: 20px;
    border-bottom: solid 2px;
    border-radius: 10px 10px 0px 0px;
    color: #004973;
}

.sub-option-box-basic h1 {
    background: #d9dcdf;
    margin: 0px;
    padding: 20px;
    border-bottom: solid 2px;
    border-radius: 10px 10px 0px 0px;
    color: #004973;
}

.sub-option-box-pro h1 {
    background: #d9dcdf;
    margin: 0px;
    padding: 20px;
    border-bottom: solid 2px;
    border-radius: 10px 10px 0px 0px;
    color: #004973;
}

.sub-option-box-options {
    text-align: left;
}

.sub-option-box-options div {
    width: 50%;
}

.sub-option-box-options .tag {
    background-color: unset;
    margin-bottom: -12px;
    padding: 0px;
    color: #004973;
    font-weight: 600;
    font-size: 12px;
    font-style: italic;
}

.sub-option-box-options p.basic,
.sub-option-box-options p.pro {
    padding: 14px 10px 6px 10px;
    border: solid 2px;
    border-radius: 6px;
}


.subscription-options-content-title {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 26px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #08314E;
    margin: 0;
    margin-bottom: 20px;
}

.subscription-options-title {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 24px;
    vertical-align: middle;
    text-transform: capitalize;
    margin: 0;
}

.subscription-options__trial {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #004973;
    border-radius: 100px;
    padding: 12px 19px;
    margin: 0;
}

.sub-option-box__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.subscription-options__price {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 54px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #06273E;
    margin: 0px;
    margin-bottom: 24px;
}

.subscription-options__price span {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #06273EB2;
}

.subscription-options__save-info {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #08314E;
    margin: 0px;
    margin-bottom: 36px;
    text-align: left;
    padding-top: 15px;

}

.subscription-options-form--monthly .sub-option-box-options p.subscription-options__save-info {
    display: none;
}


.subscription-options__sign-up-link {
    width: 100%
}

.subscription-options__sign-up-link:hover,
.subscription-options__sign-up-btn:hover {
    background-color: #6C37B8;
    color: #fff;
}

.subscription-options__sign-up-btn {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #08314E;
    background-color: #fff;
    color: #08314E;
    gap: 10px;
    border-radius: 8px;
    padding: 16px 32px;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
}


.sub-option-box__header-container,
.sub-option-box__content-container {
    padding: 44px 32px;
    position: relative;
}

.subscription-options-form {
    justify-content: center;
    gap: 26px;
}

@media (max-width: 1200px) {
    .subscription-options-form {
        flex-wrap: wrap;
    }

    .sub-option-box {
        border-radius: 8px;
        width: 100%;
        height: fit-content;
    }
}

.subscription-options-form p {
    line-height: normal;
}

.subscription__title {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 62px;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
    color: #06273E;
    margin: 0;
    margin-bottom: 12px;
}

.subscription__subtitle {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 36px;
    line-height: 38px;
    text-align: center;
    margin: 0;
    margin-bottom: 50px;
    color: #08314E;
}

.subscription-bg {
    background: #F2F9FF;
}


.subscription__billing-toggle {
    display: flex;
    gap: 1rem;
    border: 1px solid #d1d5db;
    align-items: center;
    font-family: sans-serif;
    max-width: 528;
    border-radius: 8px;
    padding: 20px 40px;
    padding-right: 40px;
    margin: auto;
    margin-bottom: 48px;
}

.option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    color: #0f172a;
    cursor: pointer;
}

.option span {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 26px;
    line-height: 38px;
    text-align: center;
}


.option input[type="radio"] {
    accent-color: #7c3aed;
    /* Tailwind Purple-600 style */
    width: 28px;
    height: 28px;
}

.save-text {
    color: #6b7280;
    /* Gray-500 */
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
}

.sub-option-box__right-bg {
    position: absolute;
    top: 0;
    right: 0;
}

.sub-option-box__left-bg {
    position: absolute;
    top: 0;
    left: 0;
}

.sub-option-box-pro {
    position: relative;
    overflow: hidden;
}

.divider {
    border: 1px solid #06273E33;
}


.subscription-options-form {
    display: none;
}


.section-quotes-slider {
    padding: 50px;
    margin-top: -11%;
}

.quotes-slider {
    width: 83.44%;
    margin: auto;
}

.quotes-slider .custom-swiper-buttons {
    width: 83.44%;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 28px;
    height: 60px;
}

.quotes-slider swiper-slide {
    text-align: left;
    font-size: 18px;
    background: #fff;
    box-shadow: 0px 0px 46px 0px #0A3D6212;
    height: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    transition: 1s;

    /* padding: 52px 42px;  */
}

.quotes-slider swiper-slide.swiper-slide-next {
    margin-top: 0;
    height: 100%;
}

svg.quotes-slider__icon {
    padding: 52px 42px 0 42px;
}

.quotes-slider__text {
    margin: 0;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    padding: 38px 42px;
    color: #08314E;
}

.quotes-slider__author-info {
    padding: 0 52px 42px 52px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.quotes-slider__author-image img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 20px;
}

.quotes-slider__author-name {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 26px;
    line-height: 33.8px;
    letter-spacing: 0%;
    color: #06273E;
    margin: 0;
}

.quotes-slider__author-function {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 33.8px;
    letter-spacing: 0%;
    text-transform: capitalize;
    margin: 0;
    color: #08314E66;
}

.quotes-slider .swiper-button-next,
.quotes-slider .swiper-button-prev {
    cursor: pointer;
    height: 59px;
}

.section-partners-slider {
    padding: 100px 0 180px 0;
}

.section-partners-slider swiper-container::part(button-prev),
.section-partners-slider swiper-container::part(button-next) {
    display: none;
}


.section-partners-slider swiper-slide {
    padding: 50px;
}


swiper-container::part(wrapper) {
    transition-timing-function: linear !important;
}


.section-services {
    background: #BCD8EFF7;
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 120px;
    position: relative;
    overflow: hidden;
}

.services__title {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 62px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    text-transform: capitalize;
    color: #06273E;
}

.services-slider__inner {
    padding: 28px;
}

.services-slider__image {
    width: 100;
    height: 100;
    border-radius: 8px;
    border-width: 1.3px;
    margin-bottom: 126px;
}

.services-slider__title {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 28px;
    line-height: 33.8px;
    letter-spacing: 0%;
    color: #06273E;

}

.services-slider__text {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #06273E;

}

.services-slider__inner {
    background: #F2F7FC24;
    border-radius: 8px;
}

.services-slider .custom-swiper-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 28px;
    padding: 50px 126px 0 0;
}

.services__gradient {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.services__gradient svg {
    height: 100%;
}


.footer__first-row {
    background-color: #004973;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding: 50px 15px;
}

.footer__first-row-col {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px;
    padding: 8px;
}



.home-page__report-text,
.home-page__report-text a {
    color: #fff;
    text-align: center;
}

.header {
    height: 71px;
}



.new-header-container {
    z-index: 9999;
    position: fixed;
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px 10px;
    box-sizing: border-box;
    background: #004973;
    flex-wrap: wrap;
}

.new-header-container__inner {
    display: flex;
    gap: 20px;
    align-items: center;

}


/* Hide the burger menu by default on desktop */
.menu-toggle {
    display: none;
}

.secondline-header-container {
    z-index: 10;
    margin-top: 73px;
    position: absolute;
    justify-content: center;
    border-top: solid 0.5px #ffffff52;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 110px;
    box-sizing: border-box;
    background: #004973;
    border-bottom: 1px solid #FFFFFF45;
}

.search-container {
    display: flex;
    justify-content: flex-end;
}

.mainmenunav ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    align-items: center;
}


.navmenuitem {
    padding: 12px 6px;
    margin: 0 5px;
    white-space: nowrap;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    cursor: pointer;
    font-weight: 500;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .navmenuitem {
        padding: 12px 0;
        font-size: 14px;
    }

    .new-header-container {
        padding: 25px 5px;
    }
}

.navmenuitem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(126, 185, 229, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.navmenuitem:hover {
    background-color: rgba(126, 185, 229, 0.2);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.login-user-details .navmenuitem:hover {
    background-color: unset;
    transform: translateY(-1px);
    box-shadow: none;
}


.login-user-details .navmenuitem:hover::before {
    opacity: 0;
}

.navmenuitem:hover::before {
    opacity: 1;
}

.navmenuitem:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navmenuitem:focus-visible {
    outline: 2px solid #7EB9E5;
    outline-offset: 2px;
}

.rightside {
    margin-left: auto;
}

.mainmenunav a {
    color: white !important;
    text-decoration: none !important;
}

.searchfieldsub {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #6CA9DD;
    padding: 10px;
    /* width: 320px; */
    text-align: left;
    outline: none;
}

.searchicon {
    display: flex;
    align-content: center;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 3px;
    border-radius: 8px;
    background: #6C37B8;
    padding: 10px;
}

.searchicon2 {
    position: absolute;
    right: 135px;
    top: 14px;
}

.searchicon3 {
    position: absolute;
    right: 60px;
    top: 25px;
}

/* Dropdown CSS */
.user_menu .dropdown {
    background-color: #004973;
    width: 300px;
    margin-top: 0px;
    padding-top: 10px;
}

.user_menu .dropdown li {
    text-align: left !important;
    width: -webkit-fill-available !important;
}

.user_menu .dropdown li a {
    width: 100%;
}

.user_menu li:focus-within a {
    outline: none;
}

.user_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 1rem;
    display: none;
}

.user_menu ul li:hover>ul,
.user_menu ul li:focus-within>ul,
.user_menu ul li ul:hover,
.user_menu ul li ul:focus {
    visibility: visible;
    opacity: 1;
    display: block;
}

.user_menu ul li ul li {
    clear: both;
    width: 100%;
}

.homepage-hero__title {
    color: #fff;
    text-align: center;
    font-size: 50px;
    line-height: 56px
}


.homepage-hero__link {
    color: #BDD9EF;
}

.aa-DetachedSearchButton {
    min-width: 330px;
}

.searchfieldsub {
    min-width: 220px;

}

.info-grid {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 0;
    background-color: #004973;
    border: 1px solid #ccc;
    margin: 0 auto;
    border-radius: 8px 0 0 8px;
}


.info-grid .label {
    font-weight: bold;
    color: #fff;
    padding: 8px;
}


.info-grid .value {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 8px;
}


.info-grid .links {
    grid-column: 1 / 3;
    display: flex;
}

.info-grid .links a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 8px 15.5px;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

.info-grid .links a:not(:last-child) {
    border-right: 2px solid #fff;
}

.info-grid .links a:hover {
    text-decoration: underline;
}

.headersidepanel1__row1 {
    grid-column: 1 / 3;
    padding-bottom: 20px;
    border-bottom: 2px solid;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.headersidepanel1__row2 {
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.headersidepanel1__row3 {
    padding-bottom: 20px;
    border-bottom: 2px solid #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.sub-option-box {
    background-color: #E5F1FA;
    border-radius: 8px;
    width: 32.2%;
    height: fit-content;
}

.quote__content {
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    max-width: 820px;
    margin-top: 40px;
}

.quote__text {
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.6em;
    color: #fff;
    margin-top: 0;
    padding: 0 20px;
}

.quote__description {
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
}

.aa-List {
    max-height: 520px;
    overflow-y: auto;
}

.vaccine-report-wrapper {
    overflow: visible;
}

.contact-wrapper {
    display: flex;
    flex-direction: row;
    gap: 100px;
    margin-top: 5vh;
    flex-wrap: wrap;
    justify-content: center;
}

.pipeline-report-intro {
    display: flex;
    width: 100%;
    gap: 100px;
}

.pipeline-report-desc {
    width: 100%;
    padding: 20px;
    text-align: left;
}

.pipeline-report-img {
    width: 50%;
    padding: 20px;
}

.STA734EF71CC6F448BB294F9986CA23F8D .cbSearchButtonContainer {
    padding: 15px 15px 15px 15px !important;
}


.billing-wrapper {
    position: relative;
    height: auto;
}

.billing-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease, visibility .8s ease;
}

.billing-box.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.example-popup-button {
    cursor: pointer;
}

.popup__btn-wrapper {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: auto;
    margin: 20px auto;
}

.book-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    align-items: center;
}

.book-wrapper .popup__compare-link {
    margin-right: 0;
}


.book-wrapper .popup__compare-link {
    margin-right: 0;
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 20px;
}

.headerblock-container {
    max-width: 87.5rem;
    margin: 0 auto;
    padding: 3.75rem 1.875rem;
    text-align: left;
    color: white !important;
}

.headerblock-container h1,
.headerblock-container h3 {
    color: white !important;
    margin: 0.44rem 0;
}

.contact-btn {
    display: inline-block;
    background: #0a4c6a;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.625rem 2.25rem;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: background 0.2s;
}


.search__info-text {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
}

.aa-DetachedOverlay {
    animation: slideToDown 0.2s ease-out forwards;
    opacity: 0;
    transform: translateY(-100vh);
    pointer-events: none;
}

.aa-DetachedContainer,
.aa-DetachedCancelButton {
    pointer-events: auto;
}

@keyframes slideToDown {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideToTop {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100vh);
    }
}

.slideTop {
    animation: slideToTop 0.5s ease forwards;
}

.iframe-wrapper {
    overflow-y: auto;
}

.iframe-wrapper iframe {
    width: 100%;
}

.home-content {
    height: 30vh;
    background-size: 100%;
    text-align: center;
    padding-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home-content__inner {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}

.home-content__inner {
    text-align: center;
}

.section-contact {
    height: 70vh;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
}


.section-contact__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


.table-container {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    background: #fff;
    margin: 20px 0;
}

.modern-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 14px;
    color: #1f2937;
}

.modern-table thead {
    background: #0B4F79;
    color: #fff;
}

.modern-table th {
    padding: 14px 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #e5e7eb;
}

.modern-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.modern-table tbody tr:nth-child(even) {
    background: #f9fafb;
}

.modern-table tbody tr:hover {
    background: #f0f7ff;
    transition: 0.25s ease;
    cursor: pointer;
}

/* Rounded corners on the header */
.modern-table th:first-child {
    border-top-left-radius: 12px;
}

.modern-table th:last-child {
    border-top-right-radius: 12px;
}




@media (max-width: 1400px) {
    .sub-option-box {
        width: 28.2%;
    }

    .homepage-hero__title {
        font-size: 40px;
        line-height: 44px;
    }

    .searchfield-c {
        font-size: 16px;
        padding: 17px 64px 17px 24px;
    }

    .home-page.herodiv-frame {
        padding: 35px;
    }

}


@media (max-width: 1250px) {
    .search-page {
        margin-top: 0;
    }

    form nav.cbReportNavBarPanel .cbNavBarCtnt ul[data-cb-name='ResponsiveJumpToNavBar'] a,
    form nav.cbReportNavBarPanel .cbNavBarCtnt ul[data-cb-name='ResponsiveJumpToNavBar'] a {
        height: auto !important;
    }

    article form section[class^="cbFormSection"] {
        align-items: center !important;
        justify-content: left !important;
        flex-wrap: wrap;
    }

    article form section[class^="cbFormSection"] div {
        width: 20% !important;
    }

    .pipeline-report-intro {
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
        margin-bottom: 50px;
    }

    .pipeline-report-desc {
        width: 100%;
    }

    .pipeline-report-img {
        width: 70%;
    }

    .info-grid .links a:not(:last-child) {
        border-right: 0;
    }

    .info-grid .links {
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .info-grid .links a {
        border-right: 0;
    }

    .headersidepanel1__row2 {
        grid-column: 1 / 3;
        border-right: 0;
    }

    .headersidepanel1__row3 {
        grid-column: 1 / 3;
        border-right: 0;
    }

    .aa-DetachedSearchButtonPlaceholder {
        font-size: 14px !important;
    }

    .aa-DetachedSearchButton {
        min-width: 300px;
    }

    .navmenuitem {
        padding: 10px 10px;
    }

    .text-content {
        max-width: 100%;
        width: 100%;
        margin-bottom: 5rem;
    }

    .pro-content {
        padding: 0px 15px;
    }

    .section-apai-boxed {
        max-width: 100%;
    }

    .responsive-search-page {
        flex-wrap: wrap;
    }

    .menu-toggle {
        display: block;
        cursor: pointer;
        font-size: 35px;
        color: white;
        margin-left: auto;
    }

    .aa-DetachedOverlay .aa-Input {
        margin-left: 0 !important;
    }

    /* Hide the main navigation by default */
    .new-header-container nav.mainmenunav.user_menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #004973;
        padding: 15px 20px;
        box-sizing: border-box;
        z-index: 9999;
    }

    /* When active, show the mobile nav */
    .new-header-container nav.mainmenunav.user_menu.active {
        display: flex;
    }

    /* Optionally hide the second line header on mobile */
    .secondline-header-container {
        display: none;
    }

    .mainmenunav ul {
        flex-direction: column;
    }


    .sub-option-box__header {
        flex-wrap: wrap;
        gap: 20px;
    }

    .subscription-options-title {
        width: 100%;
        text-align: left;
    }

}

@media (max-width: 992px) {

    .popup__compare-link {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .video-content {
        width: 100%;
        justify-content: center;
    }

    .pro-content {
        flex-wrap: wrap;
    }

    .sub-option-box {
        width: 80%;
    }

    .iframe-wrapper iframe {
        width: 1000px;
    }
}

@media (max-width: 768px) {

    .home-page.herodiv-frame {
        padding: 8px;
    }

    .STA734EF71CC6F448BB294F9986CA23F8D .cbSearchButtonContainer {
        padding: 0 !important;
    }

    form section[class^="cbFormSection"][class*="cbSearchSpa"] div[class*="cbSearchButtonContainerM"] {
        display: none !important;
    }

    article form section[class^="cbFormSection"] div {
        width: 100% !important;
        padding: 0 !important;
    }

    article form section[class^="cbFormSection"] div.cbSearchButtonContainer input {
        width: 100% !important;
        padding: 0;
        margin: 20px 0;
    }

    .grid-item {
        width: 100%;
    }

    .homepage-hero__title {
        font-size: 35px;
        line-height: 43px
    }

    .footer__first-row-col {
        align-items: center;
        margin-top: 25px;
    }

    .updateuser .field-block {
        width: 100%;
    }

    .button-dark,
    .button-light {
        width: 100% !important;
    }

    .portal-session {
        width: 100% !important;
    }

    .autocomplete .aa-DetachedSearchButtonPlaceholder {
        font-size: 11px !important;
        white-space: break-spaces;
        hyphens: auto;
    }
}

@media (max-width: 576px) {

    .aa-DetachedSearchButtonPlaceholder {
        font-size: 14px !important;
    }

    .aa-DetachedSearchButton {
        min-width: auto;
    }

    .searchfield-c {
        font-size: 14px;
    }
}

/* ===== Contact Page Modern Styles ===== */

:root {
    --bb-navy: #004973;
    --bb-ink: #3D4248;
    --bb-card: #ffffff;
    --bb-card-border: #e6eaf0;
    --bb-card-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    --bb-card-shadow-hover: 0 14px 34px rgba(0, 0, 0, .12);
}

/* Global font */
html,
body {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--bb-ink);
}

.tabs-responsive {
    display: flex;
    gap: 5px;
}

/* Contact hero background */
.section-contact {
    position: relative;
    isolation: isolate;
    background-image: url('../images/billboard.jpg');
    /* <-- go up one level to /images/ */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .45));
    z-index: 0;
}

.section-contact__inner {
    position: relative;
    z-index: 1;
    max-width: 1100px;
    margin: 0 auto;
    padding: 72px 20px 96px;
}


/* Heading block */
.contact-hero {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 28px;
}

.contact-hero h1 {
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
}

.contact-hero p {
    margin: 0;
    max-width: 60ch;
    opacity: .95;
    font-size: 16px;
}

/* Contact cards grid */
.contact-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

@media (max-width: 800px) {
    .contact-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Card styling */
.contact-card {
    background: var(--bb-card);
    border: 1px solid var(--bb-card-border);
    border-radius: 16px;
    padding: 22px 22px;
    box-shadow: var(--bb-card-shadow);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    will-change: transform, box-shadow;
}

.contact-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--bb-card-shadow-hover);
    border-color: #d9e2ee;
}

.contact-card:focus-within {
    outline: 2px solid color-mix(in srgb, var(--bb-navy), white 25%);
    outline-offset: 2px;
}

/* Card content */
.contact-name {
    margin: 0 0 6px 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--bb-ink);
}

.contact-title {
    display: block;
    margin: 0 0 14px 0;
    font-size: 14px;
    font-weight: 500;
    color: #667085;
}

.contact-row {
    margin: 6px 0;
    font-size: 15px;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.contact-row strong {
    font-weight: 600;
    color: #5b6066;
}

/* Links with hover underline animation */
.contact-link {
    position: relative;
    text-decoration: none;
    color: var(--bb-navy);
    font-weight: 500;
    transition: color .2s ease;
}

.contact-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 0%;
    background: currentColor;
    transition: width .25s ease;
}

.contact-link:hover {
    color: #013d5f;
}

.contact-link:hover::after {
    width: 100%;
}

.contact-link:focus-visible {
    outline: 2px solid var(--bb-navy);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Decorative bullet dots */
.contact-bullet {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--bb-navy);
    flex: 0 0 9px;
    display: inline-block;
    transform: translateY(1px);
    opacity: .9;
}

/* Motion safety */
@media (prefers-reduced-motion: reduce) {

    .contact-card,
    .contact-link::after {
        transition: none !important;
    }

    .contact-card:hover {
        transform: none;
    }
}

/* End Contact Page Modern Styles */



/* ============================ changed header css starts here================================ */
.login_button {
    padding: 10px 20px;
    white-space: nowrap;
    border: 1px solid #ffffff;
    border-radius: 6px;
    background: #ffffff;
    color: #004973;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.login_button:hover {
    background: #f8f9fa;
    border-color: #e9ecef;
    color: #004973;
}

.login_button:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.register_button {
    padding: 10px 20px;
    white-space: nowrap;
    border: 1px solid #ffffff;
    border-radius: 6px;
    background: transparent;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.register_button:hover {
    background: #ffffff;
    color: #004973;
}

.register_button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

/* Free Trial Button - Special styling */
.start_free_trial_button .register_button {
    background: #3b82f6;
    border: 1px solid #3b82f6;
    color: #ffffff;
    font-weight: 600;
}

.start_free_trial_button .register_button:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.user_profile_dropdown {
    position: relative;
    display: inline-block;
}

.subscription_info {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: white;
    border-radius: 6px;
}

.user_info {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    position: relative;
}

.user_details {
    display: flex;
    flex-direction: column;
    margin-right: 12px;
}

.user_details.login-user-details {
    margin-right: 0;
}

.user_name {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.6;
    color: white;
}

.user_email {
    font-size: 12px;
    color: #cbd5e1;
    /* Light grey */
    line-height: 1.2;
}

.user_icons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile_icon {
    color: white;
    display: flex;
    align-items: center;
}

.dropdown_arrow {
    color: white;
    display: flex;
    align-items: center;
}

.user_dropdown_menu {
    position: absolute;
    top: 100%;
    left: -33px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 12px;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(255, 255, 255, 0.05);
    min-width: 240px;
    z-index: 1000;
    display: none;
    padding: 8px 0;
    margin-top: 0px;
    overflow: hidden;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.user_dropdown_menu.login_user_dropdown_menu {
    left: unset;
    right: 10px;
}

.user_info:hover .user_dropdown_menu,
.subscription_info:hover .user_dropdown_menu {
    display: block;
    animation: slideInFromTop 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.user_dropdown_menu::before {
    content: '';
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    z-index: 1001;
    filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1));
}

.subscription_info .user_dropdown_menu {
    padding: 4px 0;
}

.subscription_info .user_dropdown_menu::before {
    content: none;
}

.subscription_info .user_dropdown_menu .navmenuitem {
    padding: 20px 13px;
    margin: 0;
}

.subscription_info .navmenuitem::before {
    content: none;
}

.dropdown_link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.dropdown_link:hover {
    text-decoration: none;
    color: inherit;
}

.dropdown_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #374151;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.dropdown_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.dropdown_item:hover {
    background-color: rgba(248, 250, 252, 0.8);
    color: #1e3a8a;
    transform: translateX(4px);
}

.dropdown_item:hover::before {
    opacity: 1;
}

.dropdown_item_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
    border-radius: 8px;
    color: #3b82f6;
    flex-shrink: 0;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1;
}

.dropdown_item:hover .dropdown_item_icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
    transform: scale(1.1);
    color: #1d4ed8;
}

.dropdown_item_content {
    flex: 1;
    position: relative;
    z-index: 1;
}

.dropdown_item_title {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 2px 0;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.dropdown_item:hover .dropdown_item_title {
    color: #1e3a8a;
}

.dropdown_item_subtitle {
    font-size: 12px;
    color: #64748b;
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
    transition: color 0.2s ease;
}

.dropdown_item:hover .dropdown_item_subtitle {
    color: #475569;
}

.dropdown_divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(226, 232, 240, 0.8) 50%, transparent 100%);
    margin: 4px 16px;
}

/* Animation for dropdown */
@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus states for accessibility */
.dropdown_link:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
    border-radius: 8px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

    .user_dropdown_menu,
    .dropdown_item,
    .dropdown_item_icon {
        transition: none;
        animation: none;
    }

    .dropdown_item:hover {
        transform: none;
    }
}


/* tools dropdown css - Modernized Version */

.dropwndown_label {
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.dropwndown_label:hover {
    transform: translateY(-1px);
}

.dropwndown_label .dropdown_arrow {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tools_dropdown:hover .dropdown_arrow,
.subscription_info:hover .dropdown_arrow,
.resources_dropdown:hover .dropdown_arrow,
.user_profile_dropdown:hover .dropdown_arrow {
    transform: rotate(180deg);
}



.tools_dropdown {
    position: relative;
    display: inline-block;
}

.tools_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    box-shadow:
        0 25px 50px -12px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    width: auto;
    max-width: 90vw;
    z-index: 1000;
    /* display: none; */
    padding: 0;
    margin-top: 12px;
    overflow: visible;
    /* opacity: 0; */
    visibility: hidden;
    /* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.tools_dropdown_menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.tools_dropdown_menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    z-index: 1001;
    display: block;
    filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1));
}

.tools_dropdown_content {
    padding: 2%;
    flex-wrap: wrap;
    display: flex;
    gap: 2%;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    max-height: 85vh;
    overflow: auto;
    position: relative;
}

.tools_dropdown_content::-webkit-scrollbar {
    width: 6px;
}

.tools_dropdown_content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.tools_dropdown_content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.tools_dropdown_content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.tools_section {
    flex: 2.5;
    width: 47vw;
}

.tools_section_title {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 16px 0;
    background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.025em;
}

.tools_section_description {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 32px 0;
    font-weight: 400;
}

.tools_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.tools_grid::-webkit-scrollbar {
    height: 6px;
}

.tools_grid::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.tools_grid::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.tools_grid::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
    .tools_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .tool_card {
        width: auto !important;
    }
}

.tool_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tool_card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.6);
    border-radius: 16px;
    padding: 4%;
    /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    width: auto;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.tool_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: left;
}

.tool_card:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: rgba(59, 130, 246, 0.3);
}

.tool_card:hover::before {
    transform: scaleX(1);
}

.tool_card:active {
    transform: translateY(-2px) scale(1.01);
}

.tool_icon {
    color: #3b82f6;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 0;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
    border-radius: 12px;
    /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
    width: 56px;
    height: 56px;
}

.tool_card:hover .tool_icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
    transform: scale(1.1);
}

.tool_content {
    flex: 1;
}

.tool_title {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 12px 0;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.tool_card:hover .tool_title {
    color: #3b82f6;
}

.tool_description {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}

.medicare_section {
    flex: 1.5;
    border-left: 1px solid rgba(226, 232, 240, 0.6);
    padding-left: 2%;
    position: relative;
}

.medicare_section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent 0%, rgba(59, 130, 246, 0.3) 50%, transparent 100%);
}

.medicare_section_title {
    font-size: 20px;
    font-weight: 700;
    color: #475569;
    margin: 0 0 32px 0;
    letter-spacing: -0.025em;
}

.medicare_list {
    display: flex;
    flex-direction: column;
    gap: 1%;
}

.medicare_item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 12px;
    /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.medicare_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.medicare_item:hover {
    background: rgba(248, 250, 252, 0.8);
    transform: translateX(4px);
}

.medicare_item:hover::before {
    opacity: 1;
}

.medicare_icon {
    color: #3b82f6;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
    padding: 12px;
    border-radius: 10px;
    /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
    width: 40px;
    height: 40px;
}

.medicare_item:hover .medicare_icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
    transform: scale(1.1);
}

.medicare_content {
    flex: 1;
    position: relative;
    z-index: 1;
}

.medicare_title {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 6px 0;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.medicare_item:hover .medicare_title {
    color: #3b82f6;
}

.medicare_description {
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
    font-weight: 400;
}

/* Enhanced animations and micro-interactions */
@keyframes slideInFromTopCentered {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tools_dropdown_menu.show .tools_dropdown_content {
    animation: fadeInUp 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both;
}

.tools_dropdown_menu.show .tool_card {
    animation: fadeInUp 0.15s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.tools_dropdown_menu.show .tool_card:nth-child(1) {
    animation-delay: 0.1s;
}

.tools_dropdown_menu.show .tool_card:nth-child(2) {
    animation-delay: 0.15s;
}

.tools_dropdown_menu.show .tool_card:nth-child(3) {
    animation-delay: 0.2s;
}

.tools_dropdown_menu.show .tool_card:nth-child(4) {
    animation-delay: 0.25s;
}

.tools_dropdown_menu.show .medicare_item {
    animation: fadeInUp 0.15s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.tools_dropdown_menu.show .medicare_item:nth-child(1) {
    animation-delay: 0.2s;
}

.tools_dropdown_menu.show .medicare_item:nth-child(2) {
    animation-delay: 0.25s;
}

.tools_dropdown_menu.show .medicare_item:nth-child(3) {
    animation-delay: 0.3s;
}

.tools_dropdown_menu.show .medicare_item:nth-child(4) {
    animation-delay: 0.35s;
}

/* Focus states for accessibility */
.tool_card:focus,
.medicare_item:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Responsive adjustments for tools dropdown */
@media screen and (max-width: 1000px) {
    .tools_dropdown_menu {
        width: 90vw;
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
    }

    .tools_dropdown_content {
        min-width: auto;
        padding: 20px;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .tools_dropdown_menu {
        width: 95vw;
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
    }

    .tools_dropdown_content {
        flex-direction: column;
        padding: 16px;
        gap: 16px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

    .tools_dropdown_menu,
    .tool_card,
    .medicare_item,
    .tool_icon,
    .medicare_icon,
    .dropwndown_label,
    .dropdown_arrow {
        transition: none;
        animation: none;
    }

    .tool_card:hover,
    .medicare_item:hover {
        transform: none;
    }
}

/* tools dropdown css ends here */

/* resources dropdown css - Modernized Version */
.resources_dropdown {
    position: relative;
    display: inline-block;
}

.resources_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    box-shadow:
        0 25px 50px -12px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    width: auto;
    max-width: 90vw;
    z-index: 1000;
    display: none;
    padding: 0;
    margin-top: 12px;
    overflow: visible;
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.resources_dropdown_menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.resources_dropdown_menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    z-index: 1001;
    display: block;
    filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1));
}

.resources_dropdown_content {
    padding: 32px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    max-height: 85vh;
    overflow: auto;
    position: relative;
    min-width: 900px;
    box-sizing: border-box;
}

.resources_dropdown_content * {
    box-sizing: border-box;
}

.resources_dropdown_content::-webkit-scrollbar {
    width: 6px;
}

.resources_dropdown_content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.resources_dropdown_content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.resources_dropdown_content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

.resources_header {
    margin-bottom: 32px;
}

.resources_section_title {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 16px 0;
    background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.025em;
}

.resources_section_description {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}

.resources_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-items: stretch;
    align-items: start;
}

/* Very large screens - 3 items per row */
@media screen and (min-width: 1000px) {
    .resources_grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
    }

    .resources_dropdown_content {
        padding: 22px;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        max-height: 85vh;
        overflow: auto;
        position: relative;
        min-width: 1200px;
        box-sizing: border-box;
    }
}

/* Medium screens - 2 items per row */
@media screen and (max-width: 999px) and (min-width: 600px) {
    .resources_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Small screens - 1 item per row */
@media screen and (max-width: 599px) {
    .resources_grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Responsive dropdown width */
@media screen and (max-width: 1400px) {
    .resources_dropdown_content {
        min-width: 1000px;
    }
}

@media screen and (max-width: 1000px) {
    .resources_dropdown_content {
        min-width: 700px;
    }
}

@media screen and (max-width: 700px) {
    .resources_dropdown_content {
        min-width: 400px;
    }
}

@media screen and (max-width: 700px) {
    .resources_dropdown_content {
        min-width: 400px;
    }
}

.resource_item {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 11px;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.6);
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
    width: 100%;
    height: 160px;
    box-sizing: border-box;
}

.resource_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: left;
}

.resource_item:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: rgba(59, 130, 246, 0.3);
}

.resource_item:hover::before {
    transform: scaleX(1);
}

.resource_item:active {
    transform: translateY(-2px) scale(1.01);
}

.resource_icon {
    color: #3b82f6;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.resource_item:hover .resource_icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
    transform: scale(1.1);
}

.resource_content {
    flex: 1;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.resource_title {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.resource_item:hover .resource_title {
    color: #3b82f6;
}

.resource_description {
    font-size: 13px;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
    font-weight: 400;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Enhanced animations for resources dropdown */
.resources_dropdown_menu.show .resources_dropdown_content {
    animation: fadeInUp 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.1s both;
}

.resources_dropdown_menu.show .resource_item {
    animation: fadeInUp 0.15s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.resources_dropdown_menu.show .resource_item:nth-child(1) {
    animation-delay: 0.1s;
}

.resources_dropdown_menu.show .resource_item:nth-child(2) {
    animation-delay: 0.15s;
}

.resources_dropdown_menu.show .resource_item:nth-child(3) {
    animation-delay: 0.2s;
}

.resources_dropdown_menu.show .resource_item:nth-child(4) {
    animation-delay: 0.25s;
}

.resources_dropdown_menu.show .resource_item:nth-child(5) {
    animation-delay: 0.3s;
}

.resources_dropdown_menu.show .resource_item:nth-child(6) {
    animation-delay: 0.35s;
}

.resources_dropdown_menu.show .resource_item:nth-child(7) {
    animation-delay: 0.4s;
}

.resources_dropdown_menu.show .resource_item:nth-child(8) {
    animation-delay: 0.45s;
}

.resources_dropdown_menu.show .resource_item:nth-child(9) {
    animation-delay: 0.5s;
}

.resources_dropdown_menu.show .resource_item:nth-child(10) {
    animation-delay: 0.55s;
}

.resources_dropdown_menu.show .resource_item:nth-child(11) {
    animation-delay: 0.6s;
}

.resources_dropdown_menu.show .resource_item:nth-child(12) {
    animation-delay: 0.65s;
}

/* Focus states for accessibility */
.resource_item:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

    .resources_dropdown_menu,
    .resource_item,
    .resource_icon {
        transition: none;
        animation: none;
    }

    .resource_item:hover {
        transform: none;
    }
}

/* resources dropdown css ends here */

/* ============================ changed header css ends here================================ */