@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body{
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
}
h1 , h2 , h3 , h4 , h5 , h6{
    font-family: 'Lato', sans-serif;
}
.spacer{
    padding: 5rem 0;
}
.spacer-banner{
    padding: 5rem 0;
}
/*header*/
button:disabled{
    pointer-events:none;
    opacity:0.85;
}
.header{
   padding: 15px 0;
   position: fixed;
   width: 100%;
   z-index: 9999;
   background: linear-gradient(166deg, #FFF 10%, #398BE4 150%);
   /* background-color: #ffffffb5; */
   /* background: linear-gradient(115deg, #FFF 16.76%, #398BE4 146.86%); */
}
.header.bg-color{
   background-color: rgba(255, 255, 255, 0.833);
 }
.header .brand img{
    /* width: 150px; */
    width: 100%;
}
.header .navItems {
    display: flex;
    gap: 1em;
    list-style: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.header a.nav-item {
    text-decoration: none;
    color: black;
}
#register-section,
#about-aster,
#aster_GeriatricDiabeticCare {
    scroll-margin-top: 120px; /* or your navbar height */
}
.header a.nav-item.active {
    color: #144E92;
}

/* .navbar section */

.header .navbar {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* background: linear-gradient(90deg, #ffffff 0%, #f8cfaf 100%); */
}

@media (max-width: 992px){
.header .navbar-collapse {
    background-color: white;
    padding: 16px;
    /* box-shadow: rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px; */
}
}

.collapse:not(.show) {
    display: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.theme-primary{
    padding: 6px 16px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    background: #144E92;
    border-radius: 18px;
    display: flex;
    width: auto;
    text-align: center;
    justify-content: center;
}
.theme-primary:hover{
    color:rgb(255, 255, 255);
}
.theme-date{
    padding: 6px 16px;
    text-decoration: none;
    color: rgb(255, 255, 255);
    border-radius: 15px;
    background: linear-gradient(90deg, #E6695F 2.28%, #795C81 97.93%);
    pointer-events: none;
}

.background-image{
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.widget-banner .widget_bannerHeader{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1em;
    position: relative;
    z-index: 1050;
    /* align-content: center; */
}
.widget_bannerHeader h4, .widget_content h4{
    color: #144E92;
}

.widget_bannerHeader .main-heading{
    font-size: 54px !important;

}
.widget_bannerHeader .sub-heading{
    font-size: 42px !important;

}
.widget_bannerHeader .theme-date{
    font-size: 24px !important;

}

.widget-banner .diabetes-logo{
    width: 20%;
}
.widget-banner .widget-tile,.widget_content .widget-tile{
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 1.2;
    padding: 66px 0 0 0 ;
    color: #144E92;
    
}
.widget-banner .widget-tile span{
    display: block;
}
.theme-paragraph .paragraph-tile{
    font-style: normal;
    font-weight: 700;
    /* font-size: 66px; */
    line-height: 40px;
    padding: 30px 0 0 0 ;
    color: #144E92;
}
.banner-image2{
    width: 100%;
    z-index: 999;
    display: block;
    position: relative;
}

.theme-paragraph p{
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    /* line-height: 37px; */
    color: #000;

}
.spacer-p{
    padding: 0 0 49px 0;
}
.baground-last{
    background-position: 0;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    height: 100%;
    /* clip-path: polygon(0 55%, 143% 0, 100% 100%, 0% 100%); */
    display: block;
    width: 100%;
    margin-top: -8rem;
}

/* .baground-last:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
    height: 589px;
    background: rgb(2,0,36);
    background: linear-gradient(171deg, rgb(255 255 255) 45%, rgba(9,9,121,1) 40%, rgb(226 234 242 / 0%) 29%);
} */



.card-style{
    padding: 15px;
    background: #FFFFFF;
    border-radius: 51px;
}
.card-style p{
    font-style: normal;
    font-weight: 500;
    font-size: 22.7296px;
    line-height: 27px;
    color: #000000;

}
.heading span{
    display: block;
}
.heading h3{
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 37.5845px;
    line-height: 45px;
    color: #144E92;
}
.section-hbac{
    overflow: hidden;
}

@media ( max-width:700px){
    .baground-last{
        height: 100%;
    }
    .widget-banner .widget-tile, .widget_content .widget-tile
    {
        font-size: 24px !important;
        line-height: 1;
        padding: 20px 0 0 0;
    }
    .widget_bannerHeader .main-heading{
        font-size: 32px !important;
    }
    .widget_bannerHeader .sub-heading{
        font-size: 22px !important;
        font-weight: 600;
        margin-bottom: 0;
    }
    .widget_bannerHeader .theme-date{
        font-size: 16px !important;
    }
    .section-contact .heading{
        font-size: 24px !important;
        margin-bottom: 1rem !important;
    }
    .section-contact .sub-heading{
        font-size: 18px !important;
    }
    .section-contact .contact-links{
        font-size: 16px !important;
    }
    .section-about .aboutContent p{
        font-size: 16px !important;
        font-weight: normal !important;
    }
    /* .header .brand img{
        width: 80%;
    } */
    .theme-primary {
        padding: 6px 16px;
        text-decoration: none;
        color: rgb(255, 255, 255);
        background: #144E92;
        border-radius: 18px;
        font-size: 13px;
        display: flex;
        width: 100%;
    }
    .theme-paragraph p{
        padding: 0;
        font-size: 16px !important;

    }
    .spacer{
        padding :3rem 0 ;
    }
    .heading h3 {
        font-family: 'Lato', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 28.5845px;
        line-height: 45px;
        color: #144E92;
    }
   

}
.container2 {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* min-height: 205px; */
    padding: 15px 0;
}
.container2 img {
    width: 165px;
    padding: 9px;
}