:root {
    --brand-blue: #002C77;
    --brand-light: #e9f0ff;
    --accent: #ff8a00;
    --muted: #6c757d;
    --bg: #fff;

}

* {
    box-sizing: border-box
}

html,
body {
    height: 100%;
    background: hsla(208, 87%, 97%, 1);
    background: linear-gradient(0deg, hsla(208, 87%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
    background: -moz-linear-gradient(0deg, hsla(208, 87%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
    background: -webkit-linear-gradient(0deg, hsla(208, 87%, 97%, 1) 0%, hsla(0, 0%, 100%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F1F8FE", endColorstr="#FFFFFF", GradientType=1 );
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Top info bar */
.bg-primary {
    background: var(--brand-blue) !important
}

.bg-primary a {
    opacity: .95
}

.bg-primary a:hover {
    opacity: 1
}

.bg-primary .btn {
    background: var(--accent);
    border: none
}

/* Navbar */
.navbar {
    padding: .6rem 0
}

.navbar .navbar-brand img {
    height: 64px;
    object-fit: contain;
    width: 247px;
}

.navbar .navbar-brand div {
    line-height: 1
}

.navbar .nav-link {
    color: #002C77;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 24px !important;
}

.navbar .nav-item {
    margin-right: 27px;
}

.navbar .nav-item:last-child {
    margin-right: 0px;
}

.navbar .nav-link:hover {
    color: var(--brand-blue);
    text-decoration: none
}

.btn-warning {
    background: var(--accent);
    border: none;
    color: #fff
}

/* Hero */
.hero-bg {
    background: linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%)
}

h1 {
    font-weight: 700
}

.display-2 {
    font-size: 3.2rem
}

@media(min-width:992px) {
    .display-2 {
        font-size: 3.8rem
    }
}

.text-primary {
    color: var(--brand-blue) !important
}

.text-warning {
    color: var(--accent) !important
}

.lead {
    color: #2b3b59
}

/* Quote */
.fst-italic {
    font-size: 1.05rem;
    color: #51607a
}

/* Cards */
.card {
    border-radius: 12px
}

.card-body {
    padding: 1.5rem
}

.shadow-sm {
    box-shadow: 0 6px 18px rgba(38, 45, 58, 0.06)
}

/* Alert */
.alert-warning {
    background: #fff4e6;
    border-left: 6px solid var(--accent);
    color: #5a4b22
}

/* CTA */
.btn-lg {
    padding: 0.9rem 1.6rem
}

/* Footer */
footer.bg-dark {
    background: linear-gradient(180deg, #002C77, #1D468C);
}

footer .opacity-75 {
    opacity: .85
}

footer a {
    text-decoration: none
}

footer a:hover {
    opacity: 1
}

/* Responsive tweaks */
@media(max-width:767.98px) {

    .tab-sec{
        padding: 40px 0;
    }
    .navbar .navbar-brand img {
        height: 36px
    }

    .display-2 {
        font-size: 2rem
    }

    .hero-content {
        padding-top: 2rem
    }

    section.py-5.bg-light {
        padding-top: 2.5rem
    }
}

/* Small utilities */
.small {
    font-size: .85rem
}

.text-grey {
    color: var(--muted)
}

/* Accessibility focus */
a:focus,
button:focus {
    outline: 3px solid rgba(0, 61, 165, 0.15);
    outline-offset: 2px
}

/* Misc */
.container {
    max-width: 90% !important;
}

.toptext,
.top-bar-right a {
    margin-bottom: 0;
    font-family: Raleway;
    font-weight: 600;
    font-size: 16px;
    line-height: 20.72px;
}

.top-bar-right {
    align-items: center;
}

.top-bar-right a {
    margin-left: 50px;
}

.top-bar-right a:first-child {
    margin-left: 0;
}

.topbar-btn {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    text-align: center;
    vertical-align: middle;
    background: #EF5F17;
    color: #fff;
    text-decoration: none;
    padding: 12.5px 22px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-top: -1rem !important;
}

.hero-sec h1 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
    color: #002C77;
    font-family: 'Raleway';
}

.banner-content {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #314657;
}

.inner-div .title {
    font-size: 24px;
    color: white;
    font-weight: 700;
}

.inner-div+.bottom-content {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #FFFFFFBA;
}

.btn-orange {
    border-radius: 12px;
    padding: 14px 20px;
    text-decoration: none;
    background-color: #EF5F17;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    display: inline-block;
}

.bottom-content-sec p,
.bottom-content-sec li,
.bottom-content-sec h4,
.bottom-content-sec h3 {
    font-size: 20px;
    line-height: 40px;
    color: #324755;
}

.bottom-content-sec h3 {
    color: #EF5F17;
    font-weight: 800;
}

.bottom-content-sec h4 {
    color: #002C77;
    font-weight: 700;
}

.mb-neg {
    margin-top: 28px;
}

.dark {
    color: #324755;
    font-weight: 700;
}

.bottom-content-sec p a,
.bottom-span p a {
    color: #EF5F17;
    font-weight: 700;
    text-decoration: none;
}

.bottom-content-sec p span,
.bottom-span p {
    font-size: 16px;
    line-height: 24px !important;
}

.bottom-span p {
    color: #002C77;
}

.bottom-span {
    margin-top: 90px;
}

.imp-title {
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 32px;
    color: #002C77;
    border-bottom: 2px solid #DCDCDC;
    margin-bottom: 14px;
    padding-bottom: 12px;
}

.sub-important {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #EF5F17;
    margin-bottom: 15px;
}

.alert p {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #324755;
}

.alert {
    position: fixed;
    bottom: 0;
    background: var(--bg);
    ;
}

footer p.title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 35px;
    display: block;
    word-break: break-word;
}

footer .menu a {
    font-size: 18px;
    font-weight: 600;
    display: block;
    opacity: 1 !important;
}

footer .menu li {
    opacity: 1 !important;
}

footer li {
    font-size: 20px;
    font-weight: 400;
    display: block;
    opacity: 0.7;
    color: #fff;
    margin-bottom: 20px;
}

.copy p {
    font-size: 18px !important;
}

.btn-orange svg {
    vertical-align: initial;
    margin-left: 15px;
}

/* Alert fixed -> in-flow toggle styles */
#site-alert {
    transition: all 0.2s ease;
    border-radius: 12px;
    background-color: transparent !important;
    margin-top: 30px;
}

#site-alert.fixed {
    position: fixed;
    width: 90%;
    max-width: 100%;
    z-index: 9999;
    transform: translateY(225px);
    left: 5%;
    box-shadow: 0 4px 18px 0 rgba(59,59,59,0.25);
    background-color: #fff !important;
    padding: 15px 30px;
}

#site-alert.fixed .imp-title {
    display: block;
}

.imp-title {
    display: none;
}

#site-alert.in-flow {
    position: static;
    width: auto;
    max-width: none;
    box-shadow: none;
}

/* spacer keeps page flow when the alert is fixed */
#alert-spacer {
    height: 0;
}

@media (max-width: 574px) {
    .top-bar-right a {
        margin: 0 !important;
        display: block;
        border-radius: 12px !important;
        text-align: center;
        margin-bottom: 7px !important;
    }

    .navbar .navbar-brand img {
        height: auto;
        width: 200px;
    }

    p.toptext {
        width: 100%;
        text-align: center;
    }

    .top-bar-right {
        align-items: center;
        width: 100%;
    }

    .inner-div .title {
        font-size: 15px;
        color: white;
        font-weight: 700;
    }

    .col-lg-4 {
        margin-bottom: 30px;
    }

    .mb-neg {
        margin-top: 0;
    }

    .dosing-content+h2 {
        font-size: 28px !important;
    }

    p.dosing-italic {
        font-size: 24px !important;
    }

    .col-lg-6 .col-lg-6 {
        margin-bottom: 30px;
    }

    .col-lg-6 .col-lg-6:last-child {
        margin-bottom: 0px;
    }

    .bottom-content-sec p,
    .bottom-content-sec li,
    .bottom-content-sec h4,
    .bottom-content-sec h3,
    .copy p,
    footer li {
        font-size: 16px !important;
        line-height: 28px;
    }

    .alert p {
        font-weight: 700;
        font-size: 12px;
        line-height: 22px;
        color: #324755;
    }

    .imp-title {
        font-size: 18px;
    }

    #site-alert.fixed {
        transform: translateY(0px) !important;
    }

}


.hyper-sec .hero-subtitle {
    color: #EF5F17;
    font-family: 'Raleway';
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 30px;
}

.hyper-sec h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 124%;
    letter-spacing: 0%;
    color: #002C77;
}

.hyper-sec p {
    font-weight: 400;
    font-size: 24px;
    line-height: 146%;
    margin-bottom: 0 !important;
    color: #314657;
}

.hyper-sec .right-text {
    font-family: Raleway;
    font-weight: 600;
    font-style: Italic;
    font-size: 28px;
    line-height: 142%;
    vertical-align: middle;
    color: #314657;
}

.hyper-sec {
    padding: 100px 0 !important;
}

.img-content-sec .inner-div {
    border-radius: 20px;
}

.img-content-sec .inner-div .title {
    font-size: 40px;
    color: white;
    font-weight: 600;
    line-height: 1.2;
    padding-left: 140px;
    word-break: break-word;
    ;
}

.img-content-sec .inner-div svg {
    position: absolute;
    margin-top: 10px;
}

.img-content-sec p.bottom-content {
    border-top: 1px solid #B2B2B2;
    font-weight: 400;
    font-size: 28px;
    line-height: 48px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #fff;
    padding-top: 22px;
    margin-top: 35px;
    margin-bottom: 0 !important;
}

.image-item {
    border: 1px solid #A6A6A6;
    border-radius: 16px;
}

.image-item h3 {
    color: #314657;
    font-size: 36px;
    line-height: 63px;
    font-weight: 700;
}

.image-item h3 span {
    color: #EF5F17;
}

.image-item p {
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
    color: #314657;
    margin-bottom: 0 !important;
}

section.image-box {
    /* margin-top: -70px; */
    position: relative;
}

.blue-box {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    display: flex;
    border-radius: 12px;
    padding: 16px 70px 16px 20px;
    background: linear-gradient(180.13deg, #002C77 0.11%, #1D468C 154.85%);
    width: 100%;
    align-items: center;
    gap: 8px;
}

.inc-sec {
    padding: 100px 0;
}

.inner-boxes {
    box-shadow: 0px 4.19px 18.83px 0px #AEAEAE40;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
}

.table-col tr td {
    width: 33.3%;
}

.banner-subtitle {
    margin-bottom: 30px;
}


@media(max-width:1655px) {
    
    .navbar .nav-item {
        margin-right: 5px;
    }

    .navbar .nav-item a {
        font-size: 16px;
        padding: 6px 10px !important;
    }
}

@media(max-width:1300px) {
    footer p.title{
        margin-bottom: 20px;
    }
    .col-12.copy{
            margin-top: 30px !important;
    }

    .navbar .navbar-brand img {
        width: 130px;
    }

    .navbar .nav-item {
        margin-right: 10px;
    }

    .navbar .nav-item a {
        font-size: 13px !important;
        padding: 16px 10px !important;
    }
}


@media(max-width:991px) {
   

    .img-content-sec .inner-div .title {
        font-size: 22px;
    }

    .image-item h3 {
        font-size: 26px;
        line-height: normal;
    }

    .img-content-sec p.bottom-content {
        font-size: 18px;
        line-height: normal;
    }

    .hyper-sec h1 {
        font-size: 30px
    }

    .image-item p {
        font-size: 18px;
        line-height: normal;
        ;

    }

    footer a img {
        max-width: 230px !important;
    }

    .hero-sec .title {
        font-size: 30px !important;
    }

    .hero-sec .banner-content span {
        font-size: 18px !important;
    }

    .hero-sec .blue-box {
        padding: 10px !important;
        font-size: 16px !important
    }

    .hero-sec .inner-boxes ul {
        font-size: 16px !important;
    }

    .counter-sec p.mb-3 {
        font-size: 28px !important
    }

    .counter-sec p {
        font-size: 24px !important
    }

    .counter-sec .inner-boxes {
        /* text-align: center; */
        
    }

    .counter-sec .inner-text {
        padding: 0px !important;
    }

    .counter-sec .three-col-box {
        text-align: center !important;
    }

}

.dosing-sec {
    padding-top: 50px;
}

.hero-sec svg {
    position: relative;
    top: -7px;
}

.blue-div {
    max-width: 514px;
    border-left: 1px solid rgb(210 210 210 / 38%);
    padding-left: 43px;
}

.blue-div.first {
    border-left: none;
    padding-left: 0px;
}

.dark li {
    font-size: 20px;
    line-height: 32px;
}

.blue-div .btn-orange:hover {
    color: #002C77;
    background-color: #fff;
}

.blue-div .btn-orange:hover svg path {
    fill: #002C77;
}
.image-box .btn-orange:hover{
    background-color: #002C77;
    color: #fff;
}


footer {
    padding-top: 90px;
    padding-bottom: 60px;
}

.copy {
    margin-top: 62px !important;
}

.navbar .nav-item:hover {
    background-color: #e2f0ff;
    border-radius: 8px;
}

.topbar-btn:hover {
    background-color: #fff;
    color: #002c77;
}

.top-bar-right a i {
    margin-left: 5px;
}

.box p strong {
    color: #EF5F17;
}

.box p svg {
    position: absolute;
    margin-left: -30px;
    margin-top: 5px;
}

.alert {
    background-color: #fff !important;
}

.study-hero {
    padding: 70px 0 !important;
}

.inc-sec li {
    margin-bottom: 10px;
}

.inc-sec li:last-child {
    margin-bottom: 0px;
}

.text-12 {
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #FFFFFFBA;
    margin: 24px 0 0 !important;
}

.icon-b {
    background-image: linear-gradient(180.13deg, #002C77 0.11%, #1D468C 154.85%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 18px 20px;
    border: 2px solid #FED34C;
}

.icon-b svg {
    margin-right: 10px !important;
}

.thirty-days {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0;
}

.thirty-days span {
    font-size: 20px;
    font-weight: 400;
    color: #BADAFE;
    display: block;
    letter-spacing: 3px;
}

.imp-title a img {
    top: -6px;
}

.img-content-sec img.img-fluid.rounded {
    position: relative;
    top: -40px;
    left: -30px;
    z-index: 0;
}
.counter-sec .inner-boxes img{
    position: absolute;
    right: 0;
    bottom: 0;
}
.counter-sec .inner-boxes{
    min-height: 347px;
    padding: 50px;
}

.table-col td{
    padding: 12px;
}

footer .navbar-brand img {
    margin-top: -20px;
}

a.back-to-top {
    position: absolute;
    right: 5%;
    top: -65px;
}


@media(min-width:1200px) {
    footer .main-footer-menu {
        margin-left: 55px;
    }
}

@media(max-width:1200px) {
    .inc-sec,
    .hyper-sec{
        padding: 50px 0 !important;
    }
    .banner-subtitle {
        margin-bottom: 10px;
    }
    .bottom-span {
        margin-top: 50px;
    }
    .study-hero {
        padding: 50px 0 !important;
    }
}

@media(max-width:992px) {
    
    header a.topbar-btn{
        margin-top:10px !important
    }
}

.copay-content {
    position: fixed;
    top: calc(50% - 32.5px);
    background: #002C77;
    padding: 12px 15px;
    border-radius: 10px 0 0px 10px;
    right: 0;
    z-index: 9;
}

.copay-content a {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: inline-block;
}
.copay-text {
    margin-left: 10px;
}
.copay-content .copay-arrow {
    margin-left: 22px;
}

.dosing-italic  {
    font-family: "Raleway", sans-serif;
}

@media screen and (min-width: 1440px) {
    .container {
        padding: 0;
    }
}



@media(max-width:1655px) {
  .hero-sec h1{
        font-size:55px!important;
      }
}
@media(max-width:991px) {
  .hero-sec h1{
    font-size:45px;
  }
}

@media(max-width:767.98px) {
 .hero-sec svg {
        width: 40px;
    }

        .hero-sec h1 {
        font-size: 35px !important;
        line-height: 40px;
        margin-bottom: 10px !important;
    }
  }