@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

body {
    font-size: clamp(15px, 2vw, 18px);
    font-family: "Nunito", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

h1 {
    font-size: clamp(25px, 3.021vw, 58px);
    font-weight: 700;
    line-height: 1.2em;
    font-family: "Nunito", sans-serif;
}

h2 {
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 600;
    line-height: 1.1em;
    font-family: "Nunito", sans-serif;
}

h3 {
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.2em;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
}

h4 {
    font-size: clamp(20px, 3vw, 26px);
    line-height: 1.2em;
    font-family: "Nunito", sans-serif;
}

h5 {
    font-size: clamp(18px, 2.5vw, 24px);
    line-height: 1.2em;
    font-family: "Nunito", sans-serif;
}

h6 {
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.4em;
    font-family: "Nunito", sans-serif;
}

p,
a {
    font-style: normal;
    font-weight: 400;
    font-size: clamp(15px, 2vw, 17px) !important;
    color: #393939 !important;
    font-family: "Nunito", sans-serif;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none !important;
}

img {
    border-style: none;
}

.btn-theme {
    background: #004FA8;
    color: #fff !important;
    padding: 15px 30px;
    border: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

    .btn-theme:hover {
        background: #003b82;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

.btn-prev {
    border: 1px solid #004FA8;
    background-color: #ececec;
    color: #004FA8 !important;
    padding: 8px 30px;
    transition: 0.3s;
}

    .btn-prev:hover {
        background-color: #004FA8;
        color: #ffffff !important;
    }

.btn-next {
    background-color: #008FD6;
    color: #ffffff !important;
    padding: 15px 30px;
    font-weight: 500;
    border: none;
    transition: 0.3s;
}

    .btn-next:hover {
        background-color: #007bb7;
    }

#header .active {
    color: #004FA8 !important;
    font-weight: 700 !important;
}

#footer .active {
    color: #21e929 !important;
    font-weight: 700 !important;
}


.navbar-brand img {
    height: 65px;
}

header ul li a:hover {
    color: #004FA8 !important;
}

@media(max-width: 1200px) and (min-width: 992px) {
    .navbar-brand img {
        height: 45px;
    }

    header ul li a {
        font-size: 14px !important;
    }
}

@media(max-width: 992px) {
    .navbar-brand img {
        height: 50px;
    }
}

.text-green {
    color: #259821 !important;
}

/*home*/

#home-banner {
    background: url('../img/alembic-therapeut-empowering-healthcare-banner-img.png'), url('../img/alembic-therapeut-empowering-healthcare-banner-img.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
}

@media (max-width: 991px) {
    #home-banner::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* adjust opacity */
        z-index: 1; /* overlay */
    }

    #home-banner > * {
        position: relative;
        z-index: 2;
    }
}

.home-heading {
    padding-top: 350px;
    padding-bottom: 100px;
}

@media(max-width: 992px) {
    .home-heading {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media(max-width: 768px) {
    .home-heading {
        padding-top: 85px;
        padding-bottom: 85px;
    }
}


/*footer*/

#footer {
    background: url('../img/alembic-therapeut-footer-bg.png'), url('../img/alembic-therapeut-footer-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.text-small {
    font-size: 14px !important;
}

.footer-top,
.footer-middle {
    position: relative;
}

    .footer-top::after,
    .footer-middle::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0; /* line at bottom */
        height: 1px;
        background-color: #fff;
        opacity: 1;
    }

@media(max-width: 768px) {
    .footer-icon .bi {
        display: none;
    }
}

.text-blue {
    color: #004FA8 !important;
}


/*Reporting an Adverse Event*/

#reporting-an-adverse-event {
    background: url('../img/reporting-an-adverse-event-banner-img.png'), url('../img/reporting-an-adverse-event-banner-img.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.inner-banner {
    padding-top: 160px;
    padding-bottom: 65px;
}

@media(max-width: 992px) {
    .inner-banner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.bg-green-form {
    background: #259821;
}

.border-greens {
    border: 1px solid #259821 !important;
}

.space-form {
    padding: 29px 24px 43px 24px;
}

@media(max-width: 768px) {
    .space-form {
        padding: 15px 12px 43px 16px;
    }
}

.before-dot {
    position: relative;
    padding-left: 20px;
}

    .before-dot::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        background-color: #004FA8;
        border-radius: 50%;
    }

.custom-list {
    list-style: none;
    padding-left: 0;
}

    .custom-list li {
        position: relative;
        padding-left: 22px;
    }

        .custom-list li::before {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            content: "\f105";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            color: rgb(0, 0, 0);
        }

.form-control, .form-select {
    border: 1px solid rgb(0, 0, 0);
}

@media(max-width: 992px) {
    .custom-list li::before {
        top: 25%;
    }
}

.border-blue {
    border: 1px solid #0070CC;
}

.para-spacing {
    padding: 20px 23px;
}

.text-blue-hover:hover {
    color: #004FA8 !important;
}

.bg-blue-form {
    background: #004FA8;
}

#about-us-banner {
    background: url('../img/about-us-banner.png'), url('../img/about-us-banner.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#about-us-banner {
    background: url('../img/about-us-banner.png'), url('../img/about-us-banner.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#alembic-therapeutics-partnership-banner {
    background: url('../img/partnership-banner.png'), url('../img/partnership-banner.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#alembic-therapeutics-carrer-banner {
    background: url('../img/career-banner-img.png'), url('../img/career-banner-img.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#alembic-therapeutics-products-banner {
    background: url('../img/product-banner.png'), url('../img/product-banner.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.table thead th {
    background-color: #004FA8;
    color: #fff;
}

.table tbody tr td {
    border: 1px solid #004FA8 !important
}


.stepper {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-bottom: 10px;
}

    .stepper .nav-link {
        position: relative;
        font-weight: 600;
        background: none;
        border: none;
        color: #393939;
    }

        .stepper .nav-link.active {
            color: #004FA8;
            font-weight: bold;
        }

        .stepper .nav-link::before {
            content: "";
            position: absolute;
            top: 50%;
            left: -80px;
            width: 80px;
            height: 1px;
            background: #393939;
            transform: translateY(-50%);
            z-index: -1;
        }

    .stepper .nav-item:first-child .nav-link::before {
        content: none;
    }

@media (max-width: 575.98px) {
    .stepper {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

        .stepper .nav-link {
            display: block;
            width: 100%;
            background: #004FA8;
            color: #fff;
            border-radius: 6px;
            padding: 10px 15px;
            text-align: center;
        }

            .stepper .nav-link.active {
                background: #003580;
                color: #fff !important;
            }

            .stepper .nav-link::before {
                display: none;
            }
}

.bg-grey {
    background: #ECECEC;
}

.form-check-input {
    border: 1px solid rgb(0, 0, 0);
}

.underline-below {
    text-decoration: underline;
    text-decoration-color: #004FA8;
    text-decoration-thickness: 1px;
    text-underline-offset: 7px;
}

.custom-padd {
    padding: 28px 25px 45px 25px;
}

#alembic-therapeutics-banner {
    background: url('../img/sitemap-banner-img.png'), url('../img/sitemap-banner-img.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#sitemap-content h3 a {
    font-size: 25px !important;
    font-weight: 500 !important;
    transition: 0.3s ease-in-out;
}

    #sitemap-content h3 a:hover {
        color: #004FA8 !important;
    }

.custom-size-site h6 a {
    font-size: clamp(16px, 2vw, 20px) !important;
}

.content-home-down {
    margin-top: 90px;
}

#about-us-banner, #alembic-therapeutics-banner, #alembic-therapeutics-products-banner, #alembic-therapeutics-partnership-banner, #alembic-therapeutics-carrer-banner, #reporting-an-adverse-event, #alembic-therapeutics-partnership-banner {
    margin-top: 90px;
}


@media(max-width: 992px) {
    .content-home-down {
        margin-top: 75px;
    }

    #about-us-banner, #alembic-therapeutics-banner, #alembic-therapeutics-products-banner, #alembic-therapeutics-partnership-banner, #alembic-therapeutics-carrer-banner, #reporting-an-adverse-event, #alembic-therapeutics-partnership-banner {
        margin-top: 75px;
    }
}