﻿body {
}
:root {
    --green-gradient-color: linear-gradient(120.32deg, #689C27 13.82%, #24360E 111.62%);
}
.lh-100{line-height:100%}
.mb-12{margin-bottom:12px;}
.mb-20{margin-bottom:20px;}
.learn-about-health{margin:24px 0 66px}
.learn-about-banner{background:var(--green-gradient-color); border-radius:8px;}
.learn-about-banner .banner-left{padding:24px 32px 24px; color: var(--white-color);}
.learn-about-banner .banner-left .personalized-text{font-size:16px;}
.learn-about-banner .banner-left h6{font-weight:500; line-height:24px;}
.btn-health-profile{padding:10px 16px;background:var(--white-color); font-size:14px; color:var(--secondary-color); border:1px solid var(--secondary-color) !important; border-radius:38px;}
.btn-add-weight{padding:15px 24px;background:var(--white-color); font-size:18px; line-height:18px; color:var(--secondary-color); border:1px solid var(--secondary-color) !important; border-radius:8px;}
.learn-about-banner .banner-right img{border-radius:0 8px 8px 0;}
.personalized-health-card{padding:24px; background:var(--white-color); border-radius:12px;}
.personalized-health-content .main-heading{font-size:20px; line-height:24px; letter-spacing:0.2px; font-weight:600;color:var(--black-color);}
.personalized-health-card .custom-img-fluid{width:100%;}
.personalized-health-card .reduce-inflammation{max-height:216px;}
.personalized-health-card h4{font-weight:400; line-height:140%;}
.personalized-health-card .read-article{font-size:16px; color:var(--secondary-blue-dark);}
.personalized-health-card .custom-card-heading{font-size:20px; line-height:24px; font-weight:400; color:var(--black-color); min-height:75%;}
.diabetes-management{padding:0 24px; background:url('https://nationscdn.azureedge.net/otc-container/images/medicaid/diabetes-management-goals.webp') no-repeat; background-size:100%; background-position:0; border-radius:12px; min-height:563px; width:100%; height:100%;}
.diabetes-management.meal-planning{background-image:url('https://nationscdn.azureedge.net/otc-container/images/medicaid/meal-planning-img.webp'); }
.diabetes-management:before{ width:100%; height:393px;  border-radius:12px;position:absolute; content:''; left:0; bottom:0; background: linear-gradient(180deg, rgba(101, 101, 101, 0) 3.53%, rgba(0, 0, 0, 0.95) 88.9%);}
.diabetes-management .content-section{position:absolute; content:''; left:24px; right:24px; bottom:0; color: var(--white-color);}
.diabetes-management .content-section h4{font-size:28px; line-height:120%; margin-bottom:20px;}
.diabetes-management .content-section .read-article{color: var(--white-color);}
.diabetes-management .content-section .white-paper{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7457%) hue-rotate(17deg) brightness(101%) contrast(101%);}
.personalized-health-card .colorectal-content{width:100%; padding:20px 37px 16px 24px; background: linear-gradient(179.37deg, rgba(255, 255, 255, 0.84) 12.89%, rgba(255, 255, 255, 0) 124.25%); backdrop-filter: blur(60px); border-radius:0 0 12px 12px; position:absolute; bottom:0; left:0;}
.personalized-health-card .colorectal-content h4{font-size:20px; line-height:140%; margin-bottom:12px;}
.personalized-health-card .colorectal-content .read-article{color:var(--black-color);}
.personalized-health-card .colorectal-content .black-play{filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7474%) hue-rotate(306deg) brightness(107%) contrast(102%);}
.regular-checkups{padding:0 24px; background:url('https://nationscdn.azureedge.net/otc-container/images/medicaid/regular-checkups.webp') no-repeat; background-size:100%; background-position:0; border-radius:12px; min-height:382px; width:100%;}
.regular-checkups:before{ width:100%; height:286px; border-radius:12px; position:absolute; content:''; left:0; bottom:0;background: linear-gradient(359.6deg, rgba(0, 0, 0, 0.88) -10.96%, rgba(0, 0, 0, 0) 74.97%);}
.regular-checkups .content-section{position:absolute; content:''; left:24px; right:24px; bottom:17px; color: var(--white-color);}
.regular-checkups .content-section h4{font-size:20px; line-height:140%; margin-bottom:12px; font-weight:400;}
.regular-checkups .content-section .read-article{color: var(--white-color);}
.regular-checkups .content-section .white-paper{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7457%) hue-rotate(17deg) brightness(101%) contrast(101%);}
.expect-postpartum{background:url('https://nationscdn.azureedge.net/otc-container/images/medicaid/expect-postpartum.webp') no-repeat; background-position:0; background-size:100%;}
.diabetes-management-scenario-2{background:url('https://nationscdn.azureedge.net/otc-container/images/medicaid/senario-2-img.webp') no-repeat; background-position:0; background-size:100%;}
 .important-nutrients{max-height:262px;}
   .personalized-health-card .nutrients-custom-height{min-height:92%;}
   .diabetes-management-scenario-2 .content-section h4{font-size:24px;}
   .personalized-health-card .colorectal-screening{background: linear-gradient(179.37deg, rgba(255, 255, 255, 0.84) 12.89%, rgba(255, 255, 255, 0) 124.25%); backdrop-filter: blur(60px)
}
.expect-postpartum .content-section h4{font-size:24px;}
@media (min-width:1920px) {
    .hypertension-diabetes-img{max-height:461px; object-fit:cover; width:100%; border-radius:12px;}
    .colorectal-screening-img{max-height:375px; object-fit:cover; width:100%; border-radius:12px; border-radius:12px;}
    .personalized-health-card .reduce-inflammation{max-height:190px;}
    .regular-checkups{min-height:375px;}

     .pregnancy-bloodsugar-img{max-height:533px; object-fit:cover; width:100%; border-radius:12px;}
   
    .diabetes-management-scenario-2{min-height:623px;}
    .custom-card-h{height:100%;}
}

@media (max-width:1440px) {
    .diabetes-management-scenario-2{min-height:566px;}
    .pregnancy-bloodsugar-img{height:443px;}
    .custom-card-h{height:99%;}
}


.star-animation {
    transform-origin: center center;
    animation: rotateClockPause 2s linear infinite;
}

@keyframes rotateClockPause {
    0% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(180deg); /* rotate clockwise */
    }

    60% {
        transform: rotate(180deg); /* pause at 360deg */
    }

    100% {
        transform: rotate(0deg); /* rotate back anticlockwise */
    }
}