/* =========================================================
   WOMEN EMPOWERMENT SECTION
========================================================= */

.women-section {

    position: relative;

    padding: 150px 0 50px;

    overflow: hidden;

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #fff7fb 100%);

}

/* =========================================================
   BACKGROUND
========================================================= */

.women-bg {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* BG 1 */

.women-bg-1 {

    width: 320px;
    height: 320px;

    background: rgba(255, 0, 128, 0.10);

    top: -100px;
    left: -120px;

}

/* BG 2 */

.women-bg-2 {

    width: 280px;
    height: 280px;

    background: rgba(15, 157, 88, 0.08);

    bottom: -100px;
    right: -100px;

}

/* =========================================================
   CONTENT
========================================================= */

.women-content {

    position: relative;

    z-index: 2;

}

/* Tag */

.women-tag {

    display: inline-block;

    padding: 14px 26px;

    border-radius: 60px;

    background:
        rgba(255, 0, 128, 0.08);

    border: 1px solid rgba(255, 0, 128, 0.12);

    color: #E91E63;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* Heading */

.women-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 30px;

    letter-spacing: 0px;

}

/* Description */

.women-content p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 40px;

}

/* =========================================================
   FEATURES
========================================================= */

.women-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    margin-bottom: 45px;

}

/* Item */

.women-feature-item {

    position: relative;

    padding: 22px 24px;

    border-radius: 24px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.4s ease;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.05);

}

/* Hover */

.women-feature-item:hover {

    transform: translateY(-8px);

}

/* Gradient Hover */

.women-feature-item::before {

    content: '';

    position: absolute;

    inset: 0;

    background:
        linear-gradient(135deg,
            #E91E63,
            #ff4da6);

    opacity: 0;

    transition: 0.5s ease;

}

/* Hover */

.women-feature-item:hover::before {

    opacity: 1;

}

/* Text */

.women-feature-item span {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    color: #0F172A;

    z-index: 2;

    transition: 0.4s ease;

}

/* Hover */

.women-feature-item:hover span {

    color: #ffffff;

}

/* =========================================================
   BUTTON
========================================================= */

.women-btn {

    display: inline-block;

    padding: 18px 36px;

    border-radius: 60px;

    background:
        linear-gradient(135deg,
            #E91E63,
            #ff4da6);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition: 0.4s ease;

}

/* Hover */

.women-btn:hover {

    transform: translateY(-5px);

    color: #ffffff;

    box-shadow:
        0 20px 45px rgba(233, 30, 99, 0.25);

}

/* =========================================================
   VISUAL BOX
========================================================= */

.women-visual-wrapper {

    position: relative;

}

/* Main Box */

.women-main-box {

    position: relative;

    padding: 80px 60px;

    border-radius: 45px;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #E91E63,
            #ff4da6);

    min-height: 620px;

    display: flex;

    align-items: center;

}

/* Circle */

.women-circle {

    position: absolute;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.10);

    top: -120px;
    right: -100px;

    animation: floatCircle 8s ease-in-out infinite;

}

/* Animation */

@keyframes floatCircle {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Content */

.women-box-content {

    position: relative;

    z-index: 2;

}

/* Number */

.women-number {

    font-size: 95px;

    font-weight: 900;

    color: rgba(255, 255, 255, 0.18);

    line-height: 1;

    margin-bottom: 25px;

}

/* Title */

.women-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 800;

    color: #ffffff;

    margin-bottom: 25px;

}

/* Text */

.women-box-content p {

    font-size: 18px;

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.88);

    margin: 0;

}

/* =========================================================
   FLOATING CARD
========================================================= */

.women-floating-card {

    position: absolute;

    bottom: 0px;
    right: -20px;

    padding: 20px 28px;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.12);

    animation: floatCard 4s ease-in-out infinite;

}

/* Animation */

@keyframes floatCard {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Text */

.women-floating-card span {

    font-size: 15px;

    font-weight: 700;

    color: #E91E63;

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    .women-section {

        padding: 130px 0 30px;

    }

    .women-content {

        margin-bottom: 60px;

    }

    .women-content h2 {

        font-size: 38px;

    }

}

@media(max-width:767px) {

    .women-content h2 {

        font-size: 32px;

    }

    .women-features {

        grid-template-columns: 1fr;

    }

    .women-main-box {

        min-height: auto;

    }

}

@media(max-width:576px) {

    .women-section {

        padding: 125px 0 30px;

    }

    .women-content h2 {

        font-size: 28px;

    }

    .women-content p {

        font-size: 16px;

    }

    .women-main-box {

        padding: 50px 30px;

        border-radius: 30px;

    }

    .women-box-content h3 {

        font-size: 26px;

    }

    .women-box-content p {

        font-size: 15px;

    }

    .women-number {

        font-size: 65px;

    }

    .women-floating-card {

        position: relative;

        right: auto;

        bottom: auto;

        margin-top: 20px;

        display: inline-block;

    }

}

/* =========================================================
   EDUCATION SECTION
========================================================= */

.education-section {

    position: relative;

    padding: 50px 0;

    overflow: hidden;

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #f7fbff 100%);

}

/* =========================================================
   BACKGROUND
========================================================= */

.education-bg {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* BG 1 */

.education-bg-1 {

    width: 320px;
    height: 320px;

    background: rgba(0, 123, 255, 0.10);

    top: -100px;
    left: -120px;

}

/* BG 2 */

.education-bg-2 {

    width: 280px;
    height: 280px;

    background: rgba(255, 193, 7, 0.10);

    bottom: -100px;
    right: -100px;

}

/* =========================================================
   CONTENT
========================================================= */

.education-content {

    position: relative;

    z-index: 2;

}

/* Tag */

.education-tag {

    display: inline-block;

    padding: 14px 26px;

    border-radius: 60px;

    background:
        rgba(0, 123, 255, 0.08);

    border: 1px solid rgba(0, 123, 255, 0.12);

    color: #007bff;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* Heading */

.education-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 30px;

    letter-spacing: 0px;

}

/* Description */

.education-content p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 40px;

}

/* =========================================================
   FEATURES
========================================================= */

.education-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    margin-bottom: 45px;

}

/* Item */

.education-feature-item {

    position: relative;

    padding: 22px 24px;

    border-radius: 24px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.4s ease;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.05);

}

/* Hover */

.education-feature-item:hover {

    transform: translateY(-8px);

}

/* Gradient Hover */

.education-feature-item::before {

    content: '';

    position: absolute;

    inset: 0;

    background:
        linear-gradient(135deg,
            #007bff,
            #00bfff);

    opacity: 0;

    transition: 0.5s ease;

}

/* Hover */

.education-feature-item:hover::before {

    opacity: 1;

}

/* Text */

.education-feature-item span {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    color: #0F172A;

    z-index: 2;

    transition: 0.4s ease;

}

/* Hover */

.education-feature-item:hover span {

    color: #ffffff;

}

/* =========================================================
   BUTTON
========================================================= */

.education-btn {

    display: inline-block;

    padding: 18px 36px;

    border-radius: 60px;

    background:
        linear-gradient(135deg,
            #007bff,
            #00bfff);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition: 0.4s ease;

}

/* Hover */

.education-btn:hover {

    transform: translateY(-5px);

    color: #ffffff;

    box-shadow:
        0 20px 45px rgba(0, 123, 255, 0.25);

}

/* =========================================================
   VISUAL BOX
========================================================= */

.education-visual-wrapper {

    position: relative;

}

/* Main Box */

.education-main-box {

    position: relative;

    padding: 80px 60px;

    border-radius: 45px;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #007bff,
            #00bfff);

    min-height: 620px;

    display: flex;

    align-items: center;

}

/* Circle */

.education-circle {

    position: absolute;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.10);

    top: -120px;
    right: -100px;

    animation: floatEducationCircle 8s ease-in-out infinite;

}

/* Animation */

@keyframes floatEducationCircle {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Content */

.education-box-content {

    position: relative;

    z-index: 2;

}

/* Number */

.education-number {

    font-size: 95px;

    font-weight: 900;

    color: rgba(255, 255, 255, 0.18);

    line-height: 1;

    margin-bottom: 25px;

}

/* Title */

.education-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 800;

    color: #ffffff;

    margin-bottom: 25px;

}

/* Text */

.education-box-content p {

    font-size: 18px;

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.88);

    margin: 0;

}

/* =========================================================
   FLOATING CARD
========================================================= */

.education-floating-card {

    position: absolute;

    bottom: 0px;
    right: -20px;

    padding: 20px 28px;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.12);

    animation: floatEducationCard 4s ease-in-out infinite;

}

/* Animation */

@keyframes floatEducationCard {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Text */

.education-floating-card span {

    font-size: 15px;

    font-weight: 700;

    color: #007bff;

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    .education-section {

        padding: 40px 0;

    }

    .education-content {

        margin-bottom: 60px;

    }

    .education-content h2 {

        font-size: 38px;

    }

}

@media(max-width:767px) {

    .education-content h2 {

        font-size: 32px;

    }

    .education-features {

        grid-template-columns: 1fr;

    }

    .education-main-box {

        min-height: auto;

    }

}

@media(max-width:576px) {

    .education-section {

        padding: 30px 0;

    }

    .education-content h2 {

        font-size: 28px;

    }

    .education-content p {

        font-size: 16px;

    }

    .education-main-box {

        padding: 50px 30px;

        border-radius: 30px;

    }

    .education-box-content h3 {

        font-size: 26px;

    }

    .education-box-content p {

        font-size: 15px;

    }

    .education-number {

        font-size: 65px;

    }

    .education-floating-card {

        position: relative;

        right: auto;

        bottom: auto;

        margin-top: 20px;

        display: inline-block;

    }

}

/* =========================================================
   ENVIRONMENT SECTION
========================================================= */

.environment-section {

    position: relative;

    padding: 50px 0;

    overflow: hidden;

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #f7fff9 100%);

}

/* =========================================================
   BACKGROUND
========================================================= */

.environment-bg {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* BG 1 */

.environment-bg-1 {

    width: 320px;
    height: 320px;

    background: rgba(34, 197, 94, 0.10);

    top: -100px;
    left: -120px;

}

/* BG 2 */

.environment-bg-2 {

    width: 280px;
    height: 280px;

    background: rgba(16, 185, 129, 0.10);

    bottom: -100px;
    right: -100px;

}

/* =========================================================
   CONTENT
========================================================= */

.environment-content {

    position: relative;

    z-index: 2;

}

/* Tag */

.environment-tag {

    display: inline-block;

    padding: 14px 26px;

    border-radius: 60px;

    background:
        rgba(34, 197, 94, 0.08);

    border: 1px solid rgba(34, 197, 94, 0.12);

    color: #16A34A;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* Heading */

.environment-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 30px;

    letter-spacing: 0px;

}

/* Description */

.environment-content p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 40px;

}

/* =========================================================
   FEATURES
========================================================= */

.environment-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    margin-bottom: 45px;

}

/* Item */

.environment-feature-item {

    position: relative;

    padding: 22px 24px;

    border-radius: 24px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.4s ease;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.05);

}

/* Hover */

.environment-feature-item:hover {

    transform: translateY(-8px);

}

/* Gradient Hover */

.environment-feature-item::before {

    content: '';

    position: absolute;

    inset: 0;

    background:
        linear-gradient(135deg,
            #16A34A,
            #22C55E);

    opacity: 0;

    transition: 0.5s ease;

}

/* Hover */

.environment-feature-item:hover::before {

    opacity: 1;

}

/* Text */

.environment-feature-item span {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    color: #0F172A;

    z-index: 2;

    transition: 0.4s ease;

}

/* Hover */

.environment-feature-item:hover span {

    color: #ffffff;

}

/* =========================================================
   BUTTON
========================================================= */

.environment-btn {

    display: inline-block;

    padding: 18px 36px;

    border-radius: 60px;

    background:
        linear-gradient(135deg,
            #16A34A,
            #22C55E);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition: 0.4s ease;

}

/* Hover */

.environment-btn:hover {

    transform: translateY(-5px);

    color: #ffffff;

    box-shadow:
        0 20px 45px rgba(34, 197, 94, 0.25);

}

/* =========================================================
   VISUAL BOX
========================================================= */

.environment-visual-wrapper {

    position: relative;

}

/* Main Box */

.environment-main-box {

    position: relative;

    padding: 80px 60px;

    border-radius: 45px;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #16A34A,
            #22C55E);

    min-height: 620px;

    display: flex;

    align-items: center;

}

/* Circle */

.environment-circle {

    position: absolute;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.10);

    top: -120px;
    right: -100px;

    animation: floatEnvironmentCircle 8s ease-in-out infinite;

}

/* Animation */

@keyframes floatEnvironmentCircle {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Content */

.environment-box-content {

    position: relative;

    z-index: 2;

}

/* Number */

.environment-number {

    font-size: 95px;

    font-weight: 900;

    color: rgba(255, 255, 255, 0.18);

    line-height: 1;

    margin-bottom: 25px;

}

/* Title */

.environment-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 800;

    color: #ffffff;

    margin-bottom: 25px;

}

/* Text */

.environment-box-content p {

    font-size: 18px;

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.88);

    margin: 0;

}

/* =========================================================
   FLOATING CARD
========================================================= */

.environment-floating-card {

    position: absolute;

    bottom: 0px;
    left: -20px;

    padding: 20px 28px;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.12);

    animation: floatEnvironmentCard 4s ease-in-out infinite;

}

/* Animation */

@keyframes floatEnvironmentCard {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Text */

.environment-floating-card span {

    font-size: 15px;

    font-weight: 700;

    color: #16A34A;

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    .environment-section {

        padding: 40px 0;

    }

    .environment-content {

        margin-bottom: 60px;

    }

    .environment-content h2 {

        font-size: 38px;

    }

}

@media(max-width:767px) {

    .environment-content h2 {

        font-size: 32px;

    }

    .environment-features {

        grid-template-columns: 1fr;

    }

    .environment-main-box {

        min-height: auto;

    }

}

@media(max-width:576px) {

    .environment-section {

        padding: 30px 0;

    }

    .environment-content h2 {

        font-size: 28px;

    }

    .environment-content p {

        font-size: 16px;

    }

    .environment-main-box {

        padding: 50px 30px;

        border-radius: 30px;

    }

    .environment-box-content h3 {

        font-size: 26px;

    }

    .environment-box-content p {

        font-size: 15px;

    }

    .environment-number {

        font-size: 65px;

    }

    .environment-floating-card {

        position: relative;

        left: auto;

        bottom: auto;

        margin-top: 20px;

        display: inline-block;

    }

}

/* =========================================================
   CULTURE SECTION
========================================================= */

.culture-section {

    position: relative;

    padding: 50px 0;

    overflow: hidden;

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #fffaf5 100%);

}

/* =========================================================
   BACKGROUND
========================================================= */

.culture-bg {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* BG 1 */

.culture-bg-1 {

    width: 320px;
    height: 320px;

    background: rgba(249, 115, 22, 0.10);

    top: -100px;
    left: -120px;

}

/* BG 2 */

.culture-bg-2 {

    width: 280px;
    height: 280px;

    background: rgba(168, 85, 247, 0.10);

    bottom: -100px;
    right: -100px;

}

/* =========================================================
   CONTENT
========================================================= */

.culture-content {

    position: relative;

    z-index: 2;

}

/* Tag */

.culture-tag {

    display: inline-block;

    padding: 14px 26px;

    border-radius: 60px;

    background:
        rgba(249, 115, 22, 0.08);

    border: 1px solid rgba(249, 115, 22, 0.12);

    color: #EA580C;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* Heading */

.culture-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 0px;

    letter-spacing: 0px;

}

/* Description */

.culture-content p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 40px;

}

/* =========================================================
   FEATURES
========================================================= */

.culture-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    margin-bottom: 45px;

}

/* Item */

.culture-feature-item {

    position: relative;

    padding: 22px 24px;

    border-radius: 24px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.4s ease;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.05);

}

/* Hover */

.culture-feature-item:hover {

    transform: translateY(-8px);

}

/* Gradient Hover */

.culture-feature-item::before {

    content: '';

    position: absolute;

    inset: 0;

    background:
        linear-gradient(135deg,
            #EA580C,
            #F97316);

    opacity: 0;

    transition: 0.5s ease;

}

/* Hover */

.culture-feature-item:hover::before {

    opacity: 1;

}

/* Text */

.culture-feature-item span {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    color: #0F172A;

    z-index: 2;

    transition: 0.4s ease;

}

/* Hover */

.culture-feature-item:hover span {

    color: #ffffff;

}

/* =========================================================
   BUTTON
========================================================= */

.culture-btn {

    display: inline-block;

    padding: 18px 36px;

    border-radius: 60px;

    background:
        linear-gradient(135deg,
            #EA580C,
            #F97316);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition: 0.4s ease;

}

/* Hover */

.culture-btn:hover {

    transform: translateY(-5px);

    color: #ffffff;

    box-shadow:
        0 20px 45px rgba(249, 115, 22, 0.25);

}

/* =========================================================
   VISUAL BOX
========================================================= */

.culture-visual-wrapper {

    position: relative;

}

/* Main Box */

.culture-main-box {

    position: relative;

    padding: 80px 60px;

    border-radius: 45px;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #EA580C,
            #F97316);

    min-height: 620px;

    display: flex;

    align-items: center;

}

/* Circle */

.culture-circle {

    position: absolute;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.10);

    top: -120px;
    right: -100px;

    animation: floatCultureCircle 8s ease-in-out infinite;

}

/* Animation */

@keyframes floatCultureCircle {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Content */

.culture-box-content {

    position: relative;

    z-index: 2;

}

/* Number */

.culture-number {

    font-size: 95px;

    font-weight: 900;

    color: rgba(255, 255, 255, 0.18);

    line-height: 1;

    margin-bottom: 25px;

}

/* Title */

.culture-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 800;

    color: #ffffff;

    margin-bottom: 25px;

}

/* Text */

.culture-box-content p {

    font-size: 18px;

    line-height: 1.9;

    color: rgba(255, 255, 255, 0.88);

    margin: 0;

}

/* =========================================================
   FLOATING CARD
========================================================= */

.culture-floating-card {

    position: absolute;

    bottom: 0px;
    right: -20px;

    padding: 20px 28px;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.12);

    animation: floatCultureCard 4s ease-in-out infinite;

}

/* Animation */

@keyframes floatCultureCard {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Text */

.culture-floating-card span {

    font-size: 15px;

    font-weight: 700;

    color: #EA580C;

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    .culture-section {

        padding: 40px 0;

    }

    .culture-content {

        margin-bottom: 60px;

    }

    .culture-content h2 {

        font-size: 38px;

    }

}

@media(max-width:767px) {

    .culture-content h2 {

        font-size: 32px;

    }

    .culture-features {

        grid-template-columns: 1fr;

    }

    .culture-main-box {

        min-height: auto;

    }

}

@media(max-width:576px) {

    .culture-section {

        padding: 30px 0;

    }

    .culture-content h2 {

        font-size: 28px;

    }

    .culture-content p {

        font-size: 16px;

    }

    .culture-main-box {

        padding: 50px 30px;

        border-radius: 30px;

    }

    .culture-box-content h3 {

        font-size: 26px;

    }

    .culture-box-content p {

        font-size: 15px;

    }

    .culture-number {

        font-size: 65px;

    }

    .culture-floating-card {

        position: relative;

        right: auto;

        bottom: auto;

        margin-top: 20px;

        display: inline-block;

    }

}

/* =========================================================
   HEALTH SECTION
========================================================= */

.health-section {

    position: relative;

    padding: 50px 0;

    overflow: hidden;

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #fff5f5 100%);

}

/* =========================================================
   BACKGROUND
========================================================= */

.health-bg {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* BG 1 */

.health-bg-1 {

    width: 320px;
    height: 320px;

    background:
        rgba(239, 68, 68, 0.10);

    top: -100px;
    left: -120px;

}

/* BG 2 */

.health-bg-2 {

    width: 280px;
    height: 280px;

    background:
        rgba(248, 113, 113, 0.10);

    bottom: -100px;
    right: -100px;

}

/* =========================================================
   CONTENT
========================================================= */

.health-content {

    position: relative;

    z-index: 2;

}

/* =========================================================
   TAG
========================================================= */

.health-tag {

    display: inline-block;

    padding: 14px 26px;

    border-radius: 60px;

    background:
        rgba(239, 68, 68, 0.08);

    border:
        1px solid rgba(239, 68, 68, 0.12);

    color: #DC2626;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* =========================================================
   HEADING
========================================================= */

.health-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 30px;

    letter-spacing: 0px;

}

/* =========================================================
   DESCRIPTION
========================================================= */

.health-content p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 40px;

}

/* =========================================================
   FEATURES
========================================================= */

.health-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;

    margin-bottom: 45px;

}

/* =========================================================
   FEATURE ITEM
========================================================= */

.health-feature-item {

    position: relative;

    padding: 22px 24px;

    border-radius: 24px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.4s ease;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.05);

}

/* Hover */

.health-feature-item:hover {

    transform: translateY(-8px);

}

/* Gradient Hover */

.health-feature-item::before {

    content: '';

    position: absolute;

    inset: 0;

    background:
        linear-gradient(135deg,
            #DC2626,
            #EF4444);

    opacity: 0;

    transition: 0.5s ease;

}

/* Hover */

.health-feature-item:hover::before {

    opacity: 1;

}

/* Text */

.health-feature-item span {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    color: #0F172A;

    z-index: 2;

    transition: 0.4s ease;

}

/* Hover */

.health-feature-item:hover span {

    color: #ffffff;

}

/* =========================================================
   BUTTON
========================================================= */

.health-btn {

    display: inline-block;

    padding: 18px 36px;

    border-radius: 60px;

    background:
        linear-gradient(135deg,
            #DC2626,
            #EF4444);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    transition: 0.4s ease;

}

/* Hover */

.health-btn:hover {

    transform: translateY(-5px);

    color: #ffffff;

    box-shadow:
        0 20px 45px rgba(239, 68, 68, 0.25);

}

/* =========================================================
   VISUAL WRAPPER
========================================================= */

.health-visual-wrapper {

    position: relative;

}

/* =========================================================
   MAIN BOX
========================================================= */

.health-main-box {

    position: relative;

    padding: 80px 60px;

    border-radius: 45px;

    overflow: hidden;

    background:
        linear-gradient(135deg,
            #DC2626,
            #EF4444);

    min-height: 620px;

    display: flex;

    align-items: center;

}

/* =========================================================
   CIRCLE
========================================================= */

.health-circle {

    position: absolute;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.10);

    top: -120px;
    right: -100px;

    animation:
        floatHealthCircle 8s ease-in-out infinite;

}

/* Animation */

@keyframes floatHealthCircle {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-20px);

    }

    100% {

        transform: translateY(0px);

    }

}

/* =========================================================
   CONTENT
========================================================= */

.health-box-content {

    position: relative;

    z-index: 2;

}

/* =========================================================
   NUMBER
========================================================= */

.health-number {

    font-size: 95px;

    font-weight: 900;

    color:
        rgba(255, 255, 255, 0.18);

    line-height: 1;

    margin-bottom: 25px;

}

/* =========================================================
   TITLE
========================================================= */

.health-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 800;

    color: #ffffff;

    margin-bottom: 25px;

}

/* =========================================================
   TEXT
========================================================= */

.health-box-content p {

    font-size: 18px;

    line-height: 1.9;

    color:
        rgba(255, 255, 255, 0.88);

    margin: 0;

}

/* =========================================================
   FLOATING CARD
========================================================= */

.health-floating-card {

    position: absolute;

    bottom: 0px;
    left: -20px;

    padding: 20px 28px;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.12);

    animation:
        floatHealthCard 4s ease-in-out infinite;

}

/* Animation */

@keyframes floatHealthCard {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-10px);

    }

    100% {

        transform: translateY(0px);

    }

}

/* Text */

.health-floating-card span {

    font-size: 15px;

    font-weight: 700;

    color: #DC2626;

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:991px) {

    .health-section {

        padding: 40px 0;

    }

    .health-content {

        margin-bottom: 60px;

    }

    .health-content h2 {

        font-size: 38px;

    }

}

@media(max-width:767px) {

    .health-content h2 {

        font-size: 32px;

    }

    .health-features {

        grid-template-columns: 1fr;

    }

    .health-main-box {

        min-height: auto;

    }

}

@media(max-width:576px) {

    .health-section {

        padding: 30px 0;

    }

    .health-content h2 {

        font-size: 28px;

    }

    .health-content p {

        font-size: 16px;

    }

    .health-main-box {

        padding: 50px 30px;

        border-radius: 30px;

    }

    .health-box-content h3 {

        font-size: 26px;

    }

    .health-box-content p {

        font-size: 15px;

    }

    .health-number {

        font-size: 65px;

    }

    .health-floating-card {

        position: relative;

        left: auto;

        bottom: auto;

        margin-top: 20px;

        display: inline-block;

    }

}