﻿
/*About Us*/
.heading-2{
    font-size:24px;
}
.para {
    font-size: 16px;
    margin: 8px 0px 8px 0px;
}
.linker {
    color: #0072b1;
    text-decoration: none;
    
}
    .linker:hover {
        color: #0072b1;
        text-decoration: none;
    }
    .linker:visited {
        color: #0072b1;
        text-decoration: none;
    }
/*.story-bx {
    padding: 40px 0;
}*/

.story-bx-img{
    width: 100%;
}

.story-bx-img img{
    width: 100%;
}

/*.vision-bx {
    padding: 40px 0;
}*/

.vision-bx .vision-crd ul {
    list-style: none;
    border-radius: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
.vision-bx .vision-crd ul li {
    display: grid;
    text-align: center;
    padding: 12px;
    font-weight: 400;
    border-bottom: 1px solid #d3d3d3;
}
.vision-para h2 {
    margin-bottom: 1.25vw;
}

.vision-bx .vision-crd :last-child {
    border: none;
}
.vision-bx .vision-crd ul li span {
    font-size: 24px;
    font-weight: 600;
    margin-top: 5px;
    display: block;
    line-height: 25px;
    text-align:center;
}

.review-section ul .fa {
    font-size: 16px;
    color: #feb057;
}

.Our-mission-bx {
    background-color: #EBF1F5;
    height: 270px;
    padding: 40px 0;
}

.Our-mission-bx-video {
    margin-top: -110px;
}

.video-bx {
    width: 100%;
}

.video-height {
    height: 290px;
    width: 45%
}
.core-img {
    width: 245px;
    height: 245px;
}
/*.our-community-bx{
    padding:40px 0;
}*/
.g-day-bg {
    background-color: #e8e8e8;
    padding: 40px 0;
}

/*.giving-day-bx {
    text-align: center;
}*/

.stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.stat {
    margin: 10px 5px;
    min-width: 165px;
    text-align:center;
}

.image-container {
    text-align: center;
    margin-top: -100px;
}

.image-container img {
    max-width: 45%;
    height: auto;
    border-radius: 10px;
}

/*.scholar-bx {
    padding: 40px 0;
}*/
.scholar-bx-img img{
    width:100%;
}

.lrn-btn {
    width: 143px;
    height: 46px;
    border-radius: 5px;
    background-color: #025685;
    border: none;
    color: #ffff;
}

/*.profile-section{
    padding:40px 0;
}*/

.profile-section h2{
    font-size:32px;
}


.profile-card {
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.profile-card img {
    width: 100%;
    height: auto;
    display: block;
}

.profile-info {
    margin-top: 10px;
    text-align: center;
}

.profile-card-title {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}
.our-community-bx h2{
    text-align:center;
}
.giving-day-bx h2{
    text-align:center;
}

@media screen and (max-width: 992px) {
    .story-bx-img {
        text-align: center;
    }
    .story-bx-img img {
        width: 50%;
    }
    .video-height {
        height: 255px;
        width: 65%;
    }
    .Our-mission-bx-video {
        margin-top: -105px;
    }
  /*  .core-img{
        max-width:80%;
    }*/
    .txt-cen {
        text-align: center;
    }
}
@media screen and (max-width: 768px){
    .video-height {
        height: 255px;
        width: 70%;
    }

    .Our-mission-bx-video {
        margin-top: -70px;
    }
    .story-bx-img{
        text-align:center;
    }
    
    .scholar-bx-img{
        text-align:center;
    }
    .scholar-bx-img img {
        text-align: center;
       /* width:50%;*/
    }
   
 
}

@media only screen and (min-width: 576px) and (max-width: 992px) {

    .stat {
        flex: 1;
        margin: 10px 5px;
        min-width: 150px;
    }

}

@media screen and (max-width: 576px) {
    .Our-mission-bx {
        padding: 30px 0;
    }
/*    .our-community-bx {
        padding: 30px 0;
    }*/
    .Our-mission-bx {
        height: 300px;
    }
    .Our-mission-bx-video {
        margin-top: -75px;
    }

    .video-height {
        height: 190px;
        width: 70%;
    }
    .image-container img {
        max-width: 60%;
    }

    .stat {
        min-width: 150px;
    }
    .scholar-bx-img img {
        text-align: center;
        width: 60%;
    }
    .webinar-bx-mb {
        flex-direction: column-reverse;
    }
  
    }

@media screen and (max-width: 476px) {
    .story-bx-img img {
        width: 80%;
    }
    .g-day-image img {
        max-width: 90%;
    }

    .Our-mission-bx {
        height: 350px;
    }

    .Our-mission-bx-video {
        margin-top: -85px;
    }

    .video-height {
        height: 184px;
        width: 75%;
    }
/*    .core-img {
        max-width: 70%;
    }*/
}

@media screen and (max-width: 376px) {

    .Our-mission-bx {
        height: 386px;
    }
    .Our-mission-bx-video {
        margin-top: -85px;
    }
    .video-height {
        width: 85%;
    }
}

/*Medical Supply page */

.icon-bg {
    padding: 10px 0;
}

.category-card-cp {
    border: 1px solid #ccc;
    padding: 18px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff;
    transition: box-shadow 0.3s ease;
}

.category-card-cp img {
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 20px;
}

.category-card-cp h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.category-links {
list-style-type: none;
padding-left: 0;
text-align: left;
flex-grow: 1;
}

.category-links li {
    margin-bottom: 5px;
}

.category-links a {
    text-decoration: none;
    color:#025685;
    transition: color 0.3s ease;
}

.category-links a:hover {
    text-decoration: underline;
    color: #025685;
}

.see-all-link {
    margin-top: auto;
    text-align: right;
}

.see-all-link a {
    text-decoration: none;
    color: #025685;
    font-weight: bold;
}

.see-all-link a:hover {
    color: #025685;
}

.see-all-categories {
    margin-top: 30px;
    text-align: center;
}

.see-all-categories a{
    background-color: #4f8324;
    border: none;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.card-custom {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:100%;
}

.card-custom:hover {
    transform: translateY(-5px);
}

.card-body-custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.product-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
    width: 200px;
}

.brand-name {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.product-name {
    font-size: 16px;
    color: #555;
    margin-bottom: 8px;
}

.uom {
    font-size: 14px;
    color: #777;
    margin-bottom: 15px;
}

.view-details {
    display: inline-block;
    padding: 6px 10px;
    background-color: #4f8324;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.2s;
}

.view-details:visited{
   color: #fff;
}

.view-details:hover {
    color: #fff;
    background-color:#4f8324;
}

.section-heading {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.author-section {
    margin: 20px 0;
}

.author-image {
    width: 100%;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
}

.author-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author-info h3 {
    font-weight: bold;
    margin-bottom: 15px;
    font-size:18px;
}

.author-info .linkedin-icon {
    margin-right: 10px;
    vertical-align: middle;
}

.author-info p {
    margin-bottom: 10px;
    line-height: 1.6;
    color: #555;
    font-size:16px;
}

.custom-article-card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    min-height: 100%;
}

.custom-article-card:hover {
    transform: translateY(-5px);
}

.custom-article-img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.custom-article-body {
    text-align: center;
    padding: 20px;
}

.custom-section-title{
    font-size:18px;
}

.accordion-button:focus {
    box-shadow: none;
}

.hp-testimonial-card {
    /*background-color: #f8f9fa;*/
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    min-height:100%;
}

.hp-testimonial-image {
    height: 150px;
    background-size: cover;
    background-position: center;
    border-radius: 10px 10px 0 0;
}

.hp-testimonial-title {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hp-testimonial-text {
    font-style: italic;
    margin-bottom: 10px;
}

.hp-testimonial-author {
    text-align: right;
    font-weight: bold;
    color: #6c757d;
}

.hp-testimonial-star {
    color: #ffc107;
}


.faq-section h3{
    font-size: 18px;
}



/*Coupon page*/
 
.promo-bar-section {

    background-color: #f6f6f6;

    border-radius: 8px;

}
 
.divider {

    width: 1px;

    background-color: #3e454c;

}

/* Horizontal Divider for Mobile */

.horizontal-divider {

    width: 80%;

    height: 1px;

    background-color: #d2d2d2;

    margin: 15px auto;

}
 
.category-card-box img {

    transition: transform 0.3s ease;

}
 
    .category-card-box img:hover {

        transform: scale(1.05);

    }
 
.category-card-box .btn {

    background-color: #4f8324;

    color: #fff;

    border-radius: 5px;

    padding: 8px 20px;

    font-size: 16px;

}
 
.category-item img {

    border-radius: 50%;

    object-fit: cover;

}
 
    .category-item img:hover {

        transform: scale(1.05);

        transition: transform 0.3s ease;

        cursor: pointer;

    }
 
.anchor-offset {

    scroll-margin-top: 145px; /* Adjusts scroll position to account for fixed headers */

}

/*Coupon page*/
 