/* custom css starts here */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* Please make a note for all members: if you are adding CSS, please add a comment explaining what it is for. */


/* header top starts here */
.f-top-header {
    background-color: var(--brand-color-theme-2);
    padding: 10px 0 !important;
}


.f-top-header .row {
    justify-content: space-between;
}

.region-headertop>.row,
.region-headertop>.row>.row,
.region-header>.row,
.region-header>.row>.row {
    margin: 0;
    padding: 0;
}

.f-top-header .col-auto>a {
    color: white;
    font-size: .9rem;
    font-weight: 300;
    position: relative;
}

.f-top-header .col-auto>a::after {
    content: '|';
    font-size: .9rem;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
}

.f-top-header .col-auto>a:last-child::after {
    content: none;
}


.f-top-header .col-auto>a::before {
    font-family: "FontAwesome";
    margin-right: 5px;
    position: relative;
    color: white;
}

.f-top-header .col-auto>a.fEmail::before {
    content: "\f0e0";
}

.f-top-header .col-auto>a.fPhone::before {
    content: "\f095";
}

.f-top-header .col-auto>a.fMembersBtn::before {
    content: "\f234";
}

/* banner start here */

.f-main-banner-and-counter {
    background-color: var(--brand-color-theme-2);
    position: relative;
    overflow: hidden;
}

.f-main-banner-and-counter::before {
    content: "";
    width: 600px;
    max-width: 100%;
    aspect-ratio: 1/1;
    border-radius: 500px 500px 0px 500px;
    background-image: linear-gradient(to right, #5fd38b32 5%, transparent 60%);
    position: absolute;
    right: -70px;
    top: -100px;
}

.f-main-banner-and-counter::after {
    content: "";
    position: absolute;
    inset: -300px;
    opacity: .1;
    background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 1px, transparent 1px, transparent 90px);
    -webkit-mask-image: linear-gradient(to right, transparent, black 0%, black 100%, transparent);
    mask-image: linear-gradient(to right, transparent, black 0%, black 100%, transparent);
}

.f-banner-new  .bx-wrapper .bx-viewport{
    background-color: transparent;
}

.f-banner-new  .bx-wrapper .bx-viewport>ul{
    margin-bottom: 8rem;
}

.f-banner-new
{
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
        bottom: 0;
        z-index: 99;
        
    }

    .bx-wrapper .bx-pager.bx-default-pager a{
        width: 30px;
        height: 5px;
        background-color: #1da84b2b;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
        
        background-color: var(--brand-color-theme-1);
    }
}
.f-banner-new .fGalleryItem>.ItemfinnerGallery
{
    padding-bottom: 8rem;
}
.f-banner-new {
    padding-top: 4rem !important;
    z-index: 99;
    overflow: visible !important;
    
}

.f-banner-new .ItemfinnerGallery .row {
    align-items: center;
}

.f-banner-new .fGalleryText {
    display: block;
    width: 50%;
}

.f-banner-new .fGalleryImage {
    order: 2;
    display: block;
    width: 50%;
    position: relative;
    color: white;
}

.f-banner-new .fGalleryImage img {
    border-radius: 20px;
    border: 1px solid var(--brand-color-text-muted);
    box-shadow: var(--shadow-xs);
    width: 500px;
    max-width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.f-banner-events {
    position: absolute;
    bottom: -50px;
    z-index: 1;
    height: fit-content;
    left: -20px;
    width: 300px;
    padding: 0 !important;
    background-color: var(--brand-transparent-card-color);
    border: 1px solid var(--brand-color-text-muted);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    border-radius: 20px;
    padding: 1rem !important;
}

.f-banner-events .fModuleTitle h3 {
    margin: 0;
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--brand-color-theme-3);
    margin-bottom: 5px;
}

.f-banner-events .f-list-item-content-text .f-list-item-title {
    margin-bottom: 5px;
}

.f-banner-events .f-list-item-fields>.f-list-item-field>.f-item-node-title {
    display: none;

}

.f-banner-events .f-list-item-fields>.f-list-item-field>.f-item-node-value {
    color: #aaaaaa;
    font-size: .9rem;
    margin-bottom: 7px;
    font-weight: 500;
}

.f-banner-events #f-item-node-34921 .f-item-node-value a {
    display: inline-block;
    font-size: .9rem;
    color: var(--brand-color-theme-3);
    font-weight: 700;
}

.f-banner-new .fGalleryText h3 {
    font-size: 3rem;
    font-weight: 800;
    color: white;
}

.f-banner-new .fGalleryText h3 span {
    color: var(--brand-color-theme-3);
}

.f-banner-new .fGalleryText p.tag-line {
    color: #e1e1e1;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.banner-btn {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* banner ends here */

/* counter js */

.f-counter-js-sec {
    z-index: 99;
    color: white;
    margin-bottom: 3rem;
}

.stat-card {
    border: 1px solid var(--brand-color-text-muted);
    border-radius: 20px;
    padding: 1rem;
    background-color: #ffffff14;
    &:hover
    {
        border-color: var(--brand-color-theme-1);
        background-color: #1da84b2b;
    }
}

.f-counter-js-sec .counter {
    font-size: 2.7rem;
    font-weight: 600;
}

.f-counter-js-sec span:not(.stat-label) {
    font-size: 2.7rem;
    font-weight: 600;
}

.f-counter-js-sec .stat-label {
    padding-left: 10px;
    color: var(--brand-color-theme-3);
    font-size: .9rem;
    letter-spacing: .5px;
    font-weight: 600;
}

/* about college */
.f-about-image-new .f-media>div{
    padding: 12px;
}
.f-about-image-new .f-media-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.f-about-image-new .f-media-image img {
    border-radius: 20px;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    object-position: top right;
}

.f-about-image-new .f-media-image .founded-and-members {
    position: absolute;
    left: 2rem;
    bottom: 1rem;
    background-color: white;
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    padding: 7px 1rem;
    border-radius: 10px;
}

.f-about-image-new .f-media-image .founded-and-members span {
    display: block;
    font-size: 1.7rem;
    font-weight: 800;
    position: relative;
    text-align: center;
}

.f-about-image-new .f-media-image .founded-and-members>span {
    border-right: 1px solid #dedede;
    padding: 0 10px 0 10px;

    &:last-child {
        border-right: 0;
    }
}


.f-about-image-new .f-media-image .founded-and-members span>span {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .5px;
    color: var(--brand-color-theme-3);
}

.f-about-image-new .col-12>div.item {
    border: 1px solid #cccccc;
    border-radius: 20px;
    padding: 1rem;
    background-color: #ffffff14;
    &:hover
    {
        border-color: var(--brand-color-theme-1);
    box-shadow: rgba(11, 42, 23, 0.07) 0px 12px 26px !important;
    }
}

.f-about-image-new .col-12>div.item .num {
    background-color: #deebe4;
    color: var(--brand-color-theme-1);
    font-size: .9rem;
    font-weight: 600;
    padding: 5px;
    border-radius: 12px;
    width: 35px;
    height: 35px;
    align-content: center;
    text-align: center;
}

.f-about-image-new .col-12>div.item h5 {
    font-weight: 700;
}

.f-about-image-new .col-12>div.item p {
    color: var(--brand-color-text-muted);
    font-size: .9rem;
}

/* president message */
.f-president-main {
    position: relative;
    background-color: var(--brand-color-theme-2);
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;

    &::before {
        content: "";
        position: absolute;
        right: -1rem;
        width: 300px;
        height: 300px;
        z-index: 1;
        filter: blur(250px);
        border-radius: 500px;
        top: -0;
        background-color: var(--brand-color-theme-3);
    }
}

.f-president-main>.container>div.row {
    justify-content: space-between;
}

.f-president-main::after {
    background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.6) 1px, transparent 0px);
    background-size: 28px 28px;
    opacity: .1;
    position: absolute;
    inset: 0;
    content: "";

}

.f-president-main .fModule {
    z-index: 99;
}

.f-president-image {
    border: 1px solid var(--brand-color-text-muted);
    border-radius: 20px;
    padding: 1.4rem !important;
    height: fit-content;
    background-color: #ffffff14;
}

.f-president-image img {
    aspect-ratio: 1/.85;
    object-fit: cover;
    object-position: top center;
    border-radius: 20px;
    margin-bottom: 10px;
}

.f-president-image p {
    margin: 0 0 7px 0;

    span {
        font-size: .85rem;
        color: var(--brand-color-theme-3);
        text-transform: uppercase;
    }
}

.f-president-image .name {
    margin: 0;
    color: white;
    font-weight: 800;
}

.f-president-image .designation {
    margin: 7px 0 10px 0;
    color: #999;
    font-weight: normal;
    font-size: .8rem;
    border-bottom: .4px solid #dededeb0;
    padding-bottom: 10px;
}

.f-president-image table {
    width: 100%;
    margin-bottom: 10px;
}

.f-president-image tr td {
    font-size: .8rem;
    color: #5fd38bb1;

    &:last-child {
        text-align: end;
        color: #fff;
    }
}


.f-president-image p>a {
    color: var(--brand-color-theme-3);
    font-weight: 600;
    letter-spacing: .8px;
    font-size: .8rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.f-president-text {
    color: white;
}

.f-president-text .text-quote {
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.4em;
    color: white;
    word-spacing: 3px;
}


/* latest news */


.f-latest-news-new .news-meta,
.f-latest-news-new .f-list-item-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
}

.f-latest-news-new .news-meta {
    align-items: center;
}

.f-latest-news-new .f-list-item-fields {
    justify-content: space-between;
}

.f-latest-news-new .news-meta .f-list-item-field,
.f-latest-news-new .f-list-item-fields .f-list-item-field {
    width: fit-content;
}

.f-latest-news-new .news-meta .f-item-node-title,
.f-latest-news-new .f-list-item-fields .f-item-node-title {
    display: none;
}

.f-latest-news-new .news-meta .f-item-node-value,
.f-latest-news-new .f-list-item-fields .f-item-node-value {
    width: fit-content;
}

.f-latest-news-new .f-list-item-container .f-list-item-content-text .news-meta {
    margin-bottom: 10px;
}

.f-latest-news-new .news-meta .f-item-node-value:empty {
    display: none;
}

.f-latest-news-new .f-list-item {
    padding: 12px;
}

.f-latest-news-new .f-list-item-container {
    height: 100%;
    border: 1px solid #dedede;
    border-radius: 20px;
    overflow: hidden;
    &:hover{
        border-color: var(--brand-color-theme-1);
    transform: translateY(-4px) ;
    box-shadow: rgba(11, 42, 23, 0.1) 0px 22px 44px ;
    }
}

.f-latest-news-new .f-list-item-container .f-list-item-teaser-image {
    border-bottom: 1px solid #dedede;
}

.f-latest-news-new .f-list-item-container .f-list-item-teaser-image img {
    aspect-ratio: 1/.7;
    object-fit: contain;
}

.f-latest-news-new .f-list-item-container .f-list-item-content-text {
    padding: 1rem;
}

.f-latest-news-new .f-list-item-container .f-list-item-content-text #f-item-node-46205 .f-item-node-value {
    background-color: #deebe4;
    color: #319A5C;
    font-size: .7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 8px;
    border-radius: 12px;
}

.f-latest-news-new .f-list-item-container .f-list-item-content-text #f-item-node-46285 .f-item-node-value {
    color: #666;
    font-size: .75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
}

.f-latest-news-new .f-list-item-container .f-list-item-content-text .f-list-item-title {
    color: var(--brand-color-theme-2);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 1.1rem;
}


.f-latest-news-new .f-list-item-container .f-list-item-content-text .f-list-item-subtitle {
    margin-bottom: 15px;
}


.f-latest-news-new .f-list-item-container .f-list-item-content-text .fButtonCards,
.f-latest-news-new .f-list-item-container .f-list-item-content-text .f-list-item-button a {
    background-color: var(--brand-color-theme-2);
    color: white;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: .75rem;
    background-color: #deebe4;
    color: #319A5C;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.f-latest-news-new .f-list-item-container .f-list-item-content-text .f-list-item-button {
    margin-top: 15px;
}

/* event starts here */

.f-event-new-26 .f-list-item {
    margin-bottom: 24px;

    &:last-child {
        margin-bottom: 0;
    }
}

.f-event-new-26 .f-list-item .f-list-item-container {
    height: 100%;
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 1rem;
    background-color: white;
    border: 1px solid #dedede;
    padding: 1rem;
    border-radius: 20px;
    &:hover
    {
        border-color: var(--brand-color-theme-1);
    box-shadow: rgba(11, 42, 23, 0.08) 0px 16px 36px ;
    }
}

.f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image {
    display: grid;
    grid-template-columns: 90px 130px;
    gap: 12px;
}

.f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image img {
    height: 90px;
    border-radius: 20px;
    object-fit: cover;
    border: 1px solid #dedede;
}

.f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image .date-inner-image {
    align-content: center;
    height: 90px;
    text-align: center;
    background-color: var(--brand-color-theme-2);
    border-radius: 20px;
}

.f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image .date-inner-image>span {
    display: block;
}

.f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image .date-inner-image>span.month-year {
    color: var(--brand-color-theme-3);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image .date-inner-image>span.date {
    color: white;
    font-size: 2rem;
    font-weight: 800;
}

.f-event-new-26 .f-list-item-title {
    color: var(--brand-color-theme-2);
    font-weight: 600;
}

.f-event-new-26 .event-date-venue {
    margin-top: 10px;
    font-size: .8rem;
    display: grid;
    grid-template-columns: 120px 1fr;
}

.f-event-new-26 .event-date-venue #f-item-node-19267 {
    color: var(--brand-color-theme-1);
    font-weight: 700;
}

.f-event-new-26 .event-date-venue #f-item-node-19268 {
    color: #666;
    font-weight: 500;
}

.f-event-new-26 .f-list-item-content-text {
    display: grid;
    grid-template-columns: 1fr 235px;
    gap: 12px;
}

.f-event-new-26 .f-list-item-fields .event-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.f-event-new-26 .f-list-item-fields a.fButton {
    font-size: .85rem;
    padding: 7px 10px;
}

/* latest announcement  */

.f-annoucement-div-main .f-media-image-link {
    display: block;
    position: relative;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.f-annoucement-div-main .f-media>div {
    padding: 12px;
}

.f-annoucement-div-main .f-media-image-link .overlay-div {
    position: absolute;
    inset: 0;
    align-content: end;
    text-align: start;
    padding: 1rem;
    background-image: linear-gradient(to top, var(--brand-color-theme-2), transparent);
}

.f-annoucement-div-main .f-media-image-link img {
    height: 100%;
    object-fit: cover;
    min-height: 450px;
}

.f-annoucement-div-main .f-media-image-link .overlay-div span.tag {
    display: inline-block;
    background-color: var(--brand-color-theme-1);
    color: #deebe4;
    font-size: .7rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 8px;
    border-radius: 12px;
}

.f-annoucement-div-main .f-media-image-link .overlay-div h3 {
    color: white;
    font-weight: 800;
}

.f-annoucement-div-main .f-media-image-link .overlay-div p {
    color: #deebe4;
}

.f-announcements-new-title .f-list-item {
    padding: 12px;
}

.f-announcements-new-title .f-list {
    counter-reset: announcement-counter;
}

.f-announcements-new-title .f-list-item .f-list-item-container {
    height: 100%;
    padding: 1rem;
    border: 1px solid #aaa;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 12px;

    &:hover{
        border-color: var(--brand-color-theme-1);
    box-shadow: rgba(11, 42, 23, 0.08) 0px 16px 34px ;
    }
}

.f-announcements-new-title .f-list-item .f-list-item-container::before {
    counter-increment: announcement-counter;
    content: counter(announcement-counter, decimal-leading-zero);
    position: relative;
    height: 45px;
    background-color: #deebe4;
    color: var(--brand-color-theme-1);
    text-align: center;
    align-content: center;
    font-size: .9rem;
    font-weight: 600;
    border-radius: 10px;
}

.f-announcements-new-title .f-list-item .f-list-item-container .f-list-item-fields {
    display: flex;
    gap: 12px;
    margin-top: 1rem;
}

.f-announcements-new-title .f-list-item .f-list-item-container:hover .f-list-item-title a[href] {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.f-announcements-new-title .f-list-item .f-list-item-container .f-list-item-field .f-item-node-title {
    display: none;
}

.f-announcements-new-title .f-list-item .f-list-item-container .f-list-item-field a.fButton {
    background-color: var(--brand-color-theme-1);
    border-color: var(--brand-color-theme-1);
    font-size: .85rem;
    padding: 7px 12px;
    ;
}

.f-announcements-new-title .f-list-item .f-list-item-container .f-list-item-field#f-item-node-46209 a.fButton {
    background-color: white;
    border-color: #aaa;
    color: var(--brand-color-theme-2);
}

.f-announcements-new-title .f-list-item .f-list-item-title a {
    color: var(--brand-color-theme-2);
    font-weight: 700;
}

.f-announcements-new-title .f-list-item .f-list-item-subtitle>a {
    color: var(--brand-color-theme-1);
    text-decoration: underline;
    font-size: .9rem;
}

/* partner start here */

.f-partners-and-training-center .f-module-title h3 {
    margin-bottom: 20px;
    font-size: 1.4rem;
}


.f-partners-and-training-center .fGalleryItem>.ItemfinnerGallery {
    height: 100%;
    border: 1px solid #aaa;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
}

.f-partners-and-training-center .fGalleryItem>.ItemfinnerGallery img {
    width: 100%;
    height: 70px;
    object-fit: contain;
    transition: all .3s linear;
    background-color: white;
}

/* cta starts here */
.f-cta-26-new {
    background-color: var(--brand-color-theme-1);
    color: white;
    padding: 2rem 0 !important;
}

.f-cta-26-new::after,
.f-cta-26-new::before {
    content: "";
    position: absolute;
    right: -1rem;
    width: 300px;
    height: 300px;
    z-index: 1;
    filter: blur(150px);
    border-radius: 500px;
    top: 0;
    background-color: var(--brand-color-theme-2);
}

.f-cta-26-new::before {
    right: unset;
    left: -1rem;
    bottom: 0;
    top: unset;
}

.f-cta-26-new>.container {
    position: relative;
    z-index: 9;
}

.f-cta-26-new .row {
    justify-content: space-between;
}

.f-cta-26-new h3 {
    color: white;
}

/* footer starts here */


#fFooter {
    background-color: var(--brand-color-theme-2);
    position: relative;
    padding-top: 2rem;
    margin-top: -7px;
    color: #ddffeb;
    padding-bottom: 4rem;
    font-size: .8rem; margin-top:40px;
}

#fFooter .fModuleTitle h3{
    color: var(--brand-color-theme-3);
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 1px;
}

#fFooter .region-footer .fModule
{
    padding: 12px;
}

#fFooter .region-footer >.row>.row{
    margin: 0;
}

#fFooter .region-footer .fModule ul li{
    margin-bottom: 10px;
}

#fFooter .region-footer .fModule.f-contact-footer-details ul li:nth-child(2)
{
    margin-bottom: 3px;
}
#fFooter .region-footer .fModule a{
    color: #ddffeb;
}
#fFooter .f-media-image img{
    background-color: white;
    padding: 12px;
    border-radius: 10px;
    max-width: 300px;
    object-fit: contain;
}

#fFooter .f-copy-new{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #dedede6b;
    padding: 10px 0!important;
}

#fFooter .f-copy-new .row>.col-auto:nth-child(2) .item>a{
    position: relative;
}

#fFooter .f-copy-new .row>.col-auto:nth-child(2) .item>a::after
{
    content: "|";
    position: relative;
    margin: 0 5px;
}

#fFooter .f-copy-new .row>.col-auto:nth-child(2) .item>a:last-child::after{
    content: unset;
}

.f-contact-footer-link{
    color: var(--brand-color-theme-3)!important;
    position: relative;
    align-content: center;
}

.f-contact-footer-link::after
{
    content: "\F138";
    font-family: bootstrap-icons;
    margin-left: 5px;
    position: relative;
    top: 4px;
    font-size: 1rem;
}

/*president-message*/

.f-main-president {
    background: linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
    padding: 60px 20px;
}
.f-presidentphoto {
    border: 1px solid var(--brand-color-text-muted);
    border-radius: 20px;
    padding: 1.4rem !important;
    height: fit-content;
    background-color: var(--brand-color-theme-2);
}
.f-presidentphoto strong{ color:var(--brand-color-theme-3);}

.f-main-president .row {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    padding: 40px;
}
.text-justify{ text-align:justify;}
.f-presidenttext{ padding:0 30px;}
/*president-message*/

/*criteria-for-college*/
.criteria-new{background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    padding: 40px; margin-bottom:30px; border: 1px solid #cccccc52;}
.criteria-section.added{text-align: center;
    display: inline-block;
    justify-content: center;
    display: flex;
    width: auto;
    align-items: center;
    border-radius: 10px;
	background:white;
	
	}
/*criteria-for-college*/

/*awards*/
.f-table-award-new thead{ background:var(--module-title-color);
th{ padding:20px;}
}
.criteria-new span {
    color: var(--module-title-color);
    font-weight: bold;
    margin: 0 10px 0 0;
}
/*awards*/
/*announcement*/
.f-announcements .f-list .f-list-item-container {
    padding: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/*announcement*/
/*past-president*/
.past .item.h-100{background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    padding: 20px 20px 0 20px; border:1px solid #ccc; margin-bottom:20px;
	h3{font-size: 1rem;
    margin: 10px 0 0 0; color: var(--module-title-color);}
	}
/*past-president*/
/*events*/
.f-news-events .f-module-title h3 {
    text-align: center;
margin-bottom: 0px;
}
.f-news-events .f-list-item-container{background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #cccccc52;
	.f-list-item-node.f-list-item-title{ font-weight:600; margin-bottom:15px;}
	a{ color:black;}
	
	}
.f-news-events .f-list-filter{display: flex;
    justify-content: right;
	a{ background:var(--module-title-color); color:white; padding:5px 10px; margin:20px 10px; borer-radius:5px;}
	}	
.f-news-events .f-list-item .f-list-item-container .brochure {
    display: inline-block;
    padding: 10px 0.7rem;
    color: var(--button-color);
    outline: none;
    font-weight: 500;
    border-radius: 500px;
    background-color: var(--button-bg);
    font-size: 0.9rem;
    border: 1px solid var(--button-border);
	background-image:none; margin:0 10px 0 0;
}
.f-news-events {
    padding-bottom: 0 !important;
}
.f-news-events .f-list-item .f-list-item-container .brochure:hover{  background-color: var(--button-bg) !important;}
.f-news-events .f-list-item .f-list-item-container .event-buttons {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}
.events-main-container{ padding-top:0;}
.f-news-events .f-list-item .f-list-item-container>div img {
    aspect-ratio: 9/8;
    object-fit: cover !important; margin-bottom:20px;
}
a.fButton::before, .fbutton-btn a::before, .fForm .buttons a::before {
   background:none;
}
/*events*/
/*newsletter*/
.newsletter a.fButton {
    padding: 10px 30px !important;
}
.newsletter a.fButton:hover{ border:none !important;}

/*newsletter*/
/*public-education*/
.public .f-list-item-node.f-list-item-title{ display:block !important; text-align:center;}
.public .f-list-item-container{ display:block !important; height:100%;
a{ font-size:1.3rem; color:var(--module-title-color); font-weight:600;}
}

/*public-education*/
/*newsletter*/
.newsletter{border-radius: 10px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    padding: 40px; height:100%;
	h3{ font-size:1.3rem;}
	}


/*newsletter*/
/*gallery */
.gallery .fGalleryText{text-align:justify;
}
.gallery li{border-radius: 10px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(13, 110, 253, 0.08);
    padding: 40px !important; height:100%;overflow:hidden;
	img{ height: 350px;
        object-fit: cover;
        width: 630px;
        float: left;
        margin: 0 30px 0 0;
        border-radius: 10px; object-position:top; }
	
	}

/*gallery */

/* responsive css starts here */

/* =========================
   MIN-WIDTH MEDIA QUERIES
   ========================= */

@media (min-width: 1199.9px) {
    .f-president-image {
        width: 28%;
    }
}

@media (min-width: 991.9px) {

    #fFooter .region-footer .row{
        justify-content: space-between;
    }
    #fFooter .f-quicky-links {
        width: fit-content;
    }

    .f-latest-news-new#fModule-65892 .f-list-item:nth-child(4)
{
    display: none;
}
}


/* =========================
   MAX-WIDTH MEDIA QUERIES
   ========================= */

@media (max-width: 1199.9px) {
    .f-banner-new .fGalleryText h3{
        font-size: 2.5vw;
    }

    .f-banner-new .fGalleryText p.tag-line{
        font-size: 1.2vw;
    }

    .f-banner-new .fGalleryText .banner-btn a.fButton{
        font-size: 1.1vw;
        padding: .8vw 2vw;

    }

    .f-banner-new .fGalleryImage img{
        aspect-ratio: 1/.8;
    }

    .f-banner-events{
        padding: 1.1vw!important;
        border-radius: 1.3vw;
    }

    .f-banner-events .fModuleTitle h3,
    .f-banner-events #f-item-node-34921 .f-item-node-value a{
        font-size: 1.1vw;
    }
    .f-banner-events .f-list-item-fields>.f-list-item-field>.f-item-node-value{
        font-size: 1vw;
    }
    .f-banner-events .f-list-item-content-text .f-list-item-title{
        font-size: 1.2vw;
    }

    .f-event-new-26 .f-list-item-content-text{
        display: block;
    }
.f-members-new .ItemfinnerGallery{ min-height:100%;}
.f-members-new .f-list-item-container{ min-height:100%;}
.f-clinical li{ margin:0 0px 30px 0 !important;}
    
}

@media (max-width: 991.9px) {
    .f-event-new-26 .f-list-item{
        margin-bottom: 0;
        padding: 12px!important;
    }
    .f-event-new-26 .f-list-item .f-list-item-container{
        display: block;
        height: 100%;
    }

    .f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image{
        display: block;
        margin-bottom: 12px;
        position: relative;
    }

    .f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image .date-inner-image{
        display: flex;
        width: fit-content;
        gap: 10px;
        height: fit-content;
        padding: 5px 1rem;
        position: absolute;
        right: 1rem;
        top: 1rem;
        z-index: 1;
    }

    .f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image .date-inner-image>span.date{
        font-size: .7rem;
    }

    .f-event-new-26 .f-list-item .f-list-item-container .f-list-item-teaser-image img{
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
    }
    .f-event-new-26 .event-date-venue{
        display: block;
    }

    .f-event-new-26 .event-date-venue #f-item-node-19267{
        width: fit-content;
        margin-bottom: 5px;
    }

    .f-about-text-new .fModuleTitle h3
    {
        text-align: center;
    }

    .f-president-main{
        padding-bottom: 1rem;
    }
	.f-members-new .ItemfinnerGallery{ min-height:100%;}
.gallery li img{ float:inherit;}
}

@media (max-width: 767.9px) {
    .f-banner-new .fGalleryText{
        width: 100%;
    }
.f-clinical li{ margin:0 30px 30px 0 !important;}
    .f-banner-new .fGalleryImage{
        margin-top: 2rem;
        max-width: 100%;
        width: 500px;
    }

    .f-banner-new .fGalleryText h3{
        font-size: 2.3rem;
    }

    .f-banner-new .fGalleryText p.tag-line{
        font-size: 1.2rem;
    }

    .f-banner-new .fGalleryText .banner-btn a.fButton{
        padding: 10px 1.7rem;
        font-size: 1rem;
    }

    .f-banner-events{
        position: static;
        margin-top: 2rem;
        width: 400px;
        max-width: 100%;
        padding: 1rem!important;
        border-radius: 15px;
    }

    .f-banner-new .fGalleryItem>.ItemfinnerGallery{
        padding-bottom:16rem;
    }

    .f-banner-events .fModuleTitle h3, .f-banner-events #f-item-node-34921 .f-item-node-value a{
        font-size: .8rem;
    }

    .f-banner-events .f-list-item-content-text .f-list-item-title,
    .f-banner-events .f-list-item-fields>.f-list-item-field>.f-item-node-value{
        font-size: 1rem;
    }

    #fFooter .f-copy-new .row>.col-auto:nth-child(2){
        margin-top: 10px;
    }

    #nav-up{
        right: 20px;
        bottom: 50px;
    }
}

@media (max-width: 574.9px) {

    .f-cta-26-new::before{
        content: unset;
    }


    .fModuleTitle h3{
        font-size: 2rem;
    }

    .region-headertop .fModule{
        padding: 10px 12px!important;
    }
    .f-top-header .row{
        justify-content: center;
    }
    .f-top-header .col-auto{
        padding: 5px 12px;
    }
    .f-top-header .col-auto:nth-child(2){
        order: -1;
    }

    .f-banner-new .fGalleryItem>.ItemfinnerGallery{
        padding-bottom: 18rem;
    }

}

@media(max-width:467.9px){
        .f-president-image{
            max-width: 300px;
    }

    .f-president-text .text-quote{
        font-size: 1.4rem;
    }

    .title-center .fModuleTitle h3 span{
        left: -10px;
    }
    .f-banner-new .fGalleryText h3{
        font-size: 2rem;
    }
	.f-members-new .ItemfinnerGallery{ min-height:100%;}
    
}