/* =========================================================
   MEDICAL CAMPS SECTION - MODERN REDESIGN
========================================================= */

.medical-section {

    position: relative;

    padding: 140px 0;

    overflow: hidden;

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

}

/* =========================================================
   BACKGROUND BLUR EFFECTS
========================================================= */

.medical-shape {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

    z-index: 0;

}

/* LEFT */

.medical-shape-1 {

    width: 320px;
    height: 320px;

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

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

}

/* RIGHT */

.medical-shape-2 {

    width: 280px;
    height: 280px;

    background: rgba(14, 165, 233, 0.08);

    bottom: -120px;
    right: -120px;

}

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

.medical-content {

    position: relative;

    z-index: 2;

}

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

.medical-tag {

    display: inline-block;

    padding: 14px 28px;

    border-radius: 60px;

    background:
        rgba(2, 132, 199, 0.08);

    border: 1px solid rgba(2, 132, 199, 0.12);

    color: #0284C7;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

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

.medical-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 900;

    color: #0F172A;

    margin-bottom: 35px;


}

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

.medical-content>p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 45px;

}

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

.medical-features {

    display: flex;

    flex-direction: column;

    gap: 24px;

}

/* =========================================================
   FEATURE CARD
========================================================= */

.medical-feature-item {

    position: relative;

    padding: 35px 35px 35px 40px;

    border-radius: 28px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.5s ease;

    border: 1px solid #E2E8F0;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.04);

}

/* LEFT BAR */

.medical-feature-item::before {

    content: '';

    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 100%;

    background:
        linear-gradient(180deg,
            #0284C7,
            #0EA5E9);

}

/* HOVER */

.medical-feature-item:hover {

    transform: translateY(-8px);

    box-shadow:
        0 25px 60px rgba(2, 132, 199, 0.12);

}

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

.medical-feature-item h4 {

    font-size: 32px;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 14px;

}

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

.medical-feature-item p {

    margin: 0;

    font-size: 16px;

    line-height: 1.9;

    color: #64748B;

}

/* =========================================================
   VISUAL SIDE
========================================================= */

.medical-visual {

    position: relative;

    z-index: 2;

}

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

.medical-main-box {

    position: relative;

    min-height: 720px;

    overflow: hidden;

    border-radius: 40px;

    padding: 70px 60px;

    background:
        linear-gradient(135deg,
            #0284C7,
            #0EA5E9);

    display: flex;

    align-items: flex-end;

    box-shadow:
        0 30px 80px rgba(2, 132, 199, 0.20);

}

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

.medical-circle {

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

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

    top: -140px;
    right: -120px;

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

}

/* FLOAT */

@keyframes medicalFloat {

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

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

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

}

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

.medical-number {

    position: absolute;

    top: 40px;
    left: 45px;

    font-size: 120px;

    font-weight: 900;

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

    line-height: 1;

}

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

.medical-box-content {

    position: relative;

    z-index: 2;

}

/* TITLE */

.medical-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 900;

    color: #ffffff;

    margin-bottom: 30px;


}

/* TEXT */

.medical-box-content p {

    font-size: 18px;

    line-height: 2;

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

    margin: 0;

}

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

.medical-floating-card {

    position: absolute;

    right: -20px;
    bottom: -130px;

    background: #ffffff;

    border-radius: 30px;

    padding: 35px 40px;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.12);

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

}

/* NUMBER */

.medical-floating-card h4 {

    font-size: 54px;

    font-weight: 900;

    color: #0284C7;

    margin-bottom: 10px;

}

/* TEXT */

.medical-floating-card span {

    font-size: 16px;

    font-weight: 600;

    color: #64748B;

}

/* =========================================================
   FLOAT CARD
========================================================= */

@keyframes floatCard {

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

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

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

}

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

@media(max-width:991px) {

    .medical-section {

        padding: 130px 0 40px;

    }

    .medical-content {

        margin-bottom: 60px;

    }

    .medical-content h2 {

        font-size: 38px;

    }

    .medical-main-box {

        min-height: auto;

    }

}

@media(max-width:767px) {

    .medical-content h2 {

        font-size: 32px;

        line-height: 1.1;

    }

    .medical-box-content h3 {

        font-size: 38px;

    }

}

@media(max-width:576px) {

    .medical-section {

        padding: 130px 0 35px;

    }

    .medical-content h2 {

        font-size: 28px;


    }

    .medical-content>p {

        font-size: 16px;

    }

    .medical-feature-item {

        padding: 28px;

    }

    .medical-feature-item h4 {

        font-size: 24px;

    }

    .medical-main-box {

        padding: 50px 30px;

        border-radius: 30px;

    }

    .medical-box-content h3 {

        font-size: 32px;

    }

    .medical-box-content p {

        font-size: 15px;

        line-height: 1.9;

    }

    .medical-number {

        font-size: 70px;

    }

    .medical-floating-card {

        position: relative;

        right: auto;
        bottom: auto;

        margin-top: 20px;

        display: inline-block;

        padding: 28px;

    }

    .medical-floating-card h4 {

        font-size: 40px;

    }

}

/* =========================================================
   AWARENESS SECTION
========================================================= */

.awareness-section {

    position: relative;

    padding: 60px 0;

    overflow: hidden;

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

}

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

.awareness-shape {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* LEFT */

.awareness-shape-1 {

    width: 320px;
    height: 320px;

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

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

}

/* RIGHT */

.awareness-shape-2 {

    width: 280px;
    height: 280px;

    background:
        rgba(251, 146, 60, 0.08);

    bottom: -120px;
    right: -120px;

}

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

.awareness-content {

    position: relative;

    z-index: 2;

}

/* TAG */

.awareness-tag {

    display: inline-block;

    padding: 14px 28px;

    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 */

.awareness-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 900;

    color: #0F172A;

    margin-bottom: 35px;

}

/* DESCRIPTION */

.awareness-content>p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 45px;

}

/* FEATURES */

.awareness-features {

    display: flex;

    flex-direction: column;

    gap: 24px;

}

/* FEATURE CARD */

.awareness-feature-item {

    position: relative;

    padding: 35px 35px 35px 40px;

    border-radius: 28px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.5s ease;

    border: 1px solid #E2E8F0;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.04);

}

/* LEFT BAR */

.awareness-feature-item::before {

    content: '';

    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 100%;

    background:
        linear-gradient(180deg,
            #EA580C,
            #FB923C);

}

/* HOVER */

.awareness-feature-item:hover {

    transform: translateY(-8px);

    box-shadow:
        0 25px 60px rgba(249, 115, 22, 0.12);

}

/* TITLE */

.awareness-feature-item h4 {

    font-size: 32px;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 14px;

}

/* TEXT */

.awareness-feature-item p {

    margin: 0;

    font-size: 16px;

    line-height: 1.9;

    color: #64748B;

}

/* =========================================================
   VISUAL SIDE
========================================================= */

.awareness-visual {

    position: relative;

    z-index: 2;

}

/* MAIN BOX */

.awareness-main-box {

    position: relative;

    min-height: 720px;

    overflow: hidden;

    border-radius: 40px;

    padding: 70px 60px;

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

    display: flex;

    align-items: flex-end;

    box-shadow:
        0 30px 80px rgba(249, 115, 22, 0.20);

}

/* CIRCLE */

.awareness-circle {

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

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

    top: -140px;
    right: -120px;

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

}

/* FLOAT */

@keyframes awarenessFloat {

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

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

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

}

/* BIG NUMBER */

.awareness-number {

    position: absolute;

    top: 40px;
    left: 45px;

    font-size: 120px;

    font-weight: 900;

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

}

/* BOX CONTENT */

.awareness-box-content {

    position: relative;

    z-index: 2;

}

/* TITLE */

.awareness-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 900;

    color: #ffffff;

    margin-bottom: 30px;

}

/* TEXT */

.awareness-box-content p {

    font-size: 18px;

    line-height: 2;

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

    margin: 0;

}

/* FLOATING CARD */

.awareness-floating-card {

    position: absolute;

    left: -20px;
    bottom: -130px;

    background: #ffffff;

    border-radius: 30px;

    padding: 35px 40px;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.12);

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

}

/* NUMBER */

.awareness-floating-card h4 {

    font-size: 54px;

    font-weight: 900;

    color: #EA580C;

    margin-bottom: 10px;

}

/* TEXT */

.awareness-floating-card span {

    font-size: 16px;

    font-weight: 600;

    color: #64748B;

}

/* FLOAT */

@keyframes awarenessCard {

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

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

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

}

/* =========================================================
   RURAL DEVELOPMENT SECTION
========================================================= */

.rural-section {

    position: relative;

    padding: 60px 0;

    overflow: hidden;

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

}

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

.rural-shape {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* LEFT */

.rural-shape-1 {

    width: 320px;
    height: 320px;

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

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

}

/* RIGHT */

.rural-shape-2 {

    width: 280px;
    height: 280px;

    background:
        rgba(22, 163, 74, 0.08);

    bottom: -120px;
    right: -120px;

}

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

.rural-content {

    position: relative;

    z-index: 2;

}

/* TAG */

.rural-tag {

    display: inline-block;

    padding: 14px 28px;

    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 */

.rural-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 900;

    color: #0F172A;

    margin-bottom: 35px;

}

/* DESCRIPTION */

.rural-content>p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 45px;

}

/* FEATURES */

.rural-features {

    display: flex;

    flex-direction: column;

    gap: 24px;

}

/* FEATURE CARD */

.rural-feature-item {

    position: relative;

    padding: 35px 35px 35px 40px;

    border-radius: 28px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.5s ease;

    border: 1px solid #E2E8F0;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.04);

}

/* LEFT BAR */

.rural-feature-item::before {

    content: '';

    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 100%;

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

}

/* HOVER */

.rural-feature-item:hover {

    transform: translateY(-8px);

    box-shadow:
        0 25px 60px rgba(34, 197, 94, 0.12);

}

/* TITLE */

.rural-feature-item h4 {

    font-size: 32px;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 14px;

}

/* TEXT */

.rural-feature-item p {

    margin: 0;

    font-size: 16px;

    line-height: 1.9;

    color: #64748B;

}

/* =========================================================
   VISUAL SIDE
========================================================= */

.rural-visual {

    position: relative;

    z-index: 2;

}

/* MAIN BOX */

.rural-main-box {

    position: relative;

    min-height: 720px;

    overflow: hidden;

    border-radius: 40px;

    padding: 70px 60px;

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

    display: flex;

    align-items: flex-end;

    box-shadow:
        0 30px 80px rgba(34, 197, 94, 0.20);

}

/* CIRCLE */

.rural-circle {

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

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

    top: -140px;
    right: -120px;

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

}

/* FLOAT */

@keyframes ruralFloat {

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

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

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

}

/* BIG NUMBER */

.rural-number {

    position: absolute;

    top: 40px;
    left: 45px;

    font-size: 120px;

    font-weight: 900;

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

}

/* BOX CONTENT */

.rural-box-content {

    position: relative;

    z-index: 2;

}

/* TITLE */

.rural-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 900;

    color: #ffffff;

    margin-bottom: 30px;

}

/* TEXT */

.rural-box-content p {

    font-size: 18px;

    line-height: 2;

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

    margin: 0;

}

/* FLOATING CARD */

.rural-floating-card {

    position: absolute;

    right: -20px;
    bottom: -130px;

    background: #ffffff;

    border-radius: 30px;

    padding: 35px 40px;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.12);

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

}

/* NUMBER */

.rural-floating-card h4 {

    font-size: 54px;

    font-weight: 900;

    color: #16A34A;

    margin-bottom: 10px;

}

/* TEXT */

.rural-floating-card span {

    font-size: 16px;

    font-weight: 600;

    color: #64748B;

}

/* FLOAT */

@keyframes ruralCard {

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

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

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

}

/* =========================================================
   SKILL DEVELOPMENT SECTION
========================================================= */

.skill-section {

    position: relative;

    padding: 60px 0;

    overflow: hidden;

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

}

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

.skill-shape {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* LEFT */

.skill-shape-1 {

    width: 320px;
    height: 320px;

    background:
        rgba(139, 92, 246, 0.10);

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

}

/* RIGHT */

.skill-shape-2 {

    width: 280px;
    height: 280px;

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

    bottom: -120px;
    right: -120px;

}

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

.skill-content {

    position: relative;

    z-index: 2;

}

/* TAG */

.skill-tag {

    display: inline-block;

    padding: 14px 28px;

    border-radius: 60px;

    background:
        rgba(139, 92, 246, 0.08);

    border:
        1px solid rgba(139, 92, 246, 0.12);

    color: #7C3AED;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* HEADING */

.skill-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 900;

    color: #0F172A;

    margin-bottom: 35px;

}

/* DESCRIPTION */

.skill-content>p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 45px;

}

/* FEATURES */

.skill-features {

    display: flex;

    flex-direction: column;

    gap: 24px;

}

/* FEATURE CARD */

.skill-feature-item {

    position: relative;

    padding: 35px 35px 35px 40px;

    border-radius: 28px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.5s ease;

    border: 1px solid #E2E8F0;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.04);

}

/* LEFT BAR */

.skill-feature-item::before {

    content: '';

    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 100%;

    background:
        linear-gradient(180deg,
            #7C3AED,
            #A855F7);

}

/* HOVER */

.skill-feature-item:hover {

    transform: translateY(-8px);

    box-shadow:
        0 25px 60px rgba(139, 92, 246, 0.12);

}

/* TITLE */

.skill-feature-item h4 {

    font-size: 32px;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 14px;

}

/* TEXT */

.skill-feature-item p {

    margin: 0;

    font-size: 16px;

    line-height: 1.9;

    color: #64748B;

}

/* =========================================================
   VISUAL SIDE
========================================================= */

.skill-visual {

    position: relative;

    z-index: 2;

}

/* MAIN BOX */

.skill-main-box {

    position: relative;

    min-height: 720px;

    overflow: hidden;

    border-radius: 40px;

    padding: 70px 60px;

    background:
        linear-gradient(135deg,
            #7C3AED,
            #A855F7);

    display: flex;

    align-items: flex-end;

    box-shadow:
        0 30px 80px rgba(139, 92, 246, 0.20);

}

/* CIRCLE */

.skill-circle {

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

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

    top: -140px;
    right: -120px;

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

}

/* FLOAT */

@keyframes skillFloat {

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

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

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

}

/* BIG NUMBER */

.skill-number {

    position: absolute;

    top: 40px;
    left: 45px;

    font-size: 120px;

    font-weight: 900;

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

}

/* BOX CONTENT */

.skill-box-content {

    position: relative;

    z-index: 2;

}

/* TITLE */

.skill-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 900;

    color: #ffffff;

    margin-bottom: 30px;

}

/* TEXT */

.skill-box-content p {

    font-size: 18px;

    line-height: 2;

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

    margin: 0;

}

/* FLOATING CARD */

.skill-floating-card {

    position: absolute;

    left: -20px;
    bottom: -130px;

    background: #ffffff;

    border-radius: 30px;

    padding: 35px 40px;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.12);

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

}

/* NUMBER */

.skill-floating-card h4 {

    font-size: 54px;

    font-weight: 900;

    color: #7C3AED;

    margin-bottom: 10px;

}

/* TEXT */

.skill-floating-card span {

    font-size: 16px;

    font-weight: 600;

    color: #64748B;

}

/* FLOAT */

@keyframes skillCard {

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

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

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

}

/* =========================================================
   WOMEN SUPPORT SECTION
========================================================= */

.women-support-section {

    position: relative;

    padding: 60px 0;

    overflow: hidden;

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

}

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

.women-support-shape {

    position: absolute;

    border-radius: 50%;

    filter: blur(120px);

}

/* LEFT */

.women-support-shape-1 {

    width: 320px;
    height: 320px;

    background:
        rgba(236, 72, 153, 0.10);

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

}

/* RIGHT */

.women-support-shape-2 {

    width: 280px;
    height: 280px;

    background:
        rgba(219, 39, 119, 0.08);

    bottom: -120px;
    right: -120px;

}

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

.women-support-content {

    position: relative;

    z-index: 2;

}

/* TAG */

.women-support-tag {

    display: inline-block;

    padding: 14px 28px;

    border-radius: 60px;

    background:
        rgba(236, 72, 153, 0.08);

    border:
        1px solid rgba(236, 72, 153, 0.12);

    color: #DB2777;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 28px;

}

/* HEADING */

.women-support-content h2 {

    font-size: 44px;

    line-height: 1.3;

    font-weight: 900;

    color: #0F172A;

    margin-bottom: 35px;

}

/* DESCRIPTION */

.women-support-content>p {

    font-size: 18px;

    line-height: 1.9;

    color: #64748B;

    margin-bottom: 45px;

}

/* FEATURES */

.women-support-features {

    display: flex;

    flex-direction: column;

    gap: 24px;

}

/* FEATURE CARD */

.women-support-feature-item {

    position: relative;

    padding: 35px 35px 35px 40px;

    border-radius: 28px;

    background: #ffffff;

    overflow: hidden;

    transition: 0.5s ease;

    border: 1px solid #E2E8F0;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.04);

}

/* LEFT BAR */

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

    content: '';

    position: absolute;

    left: 0;
    top: 0;

    width: 6px;
    height: 100%;

    background:
        linear-gradient(180deg,
            #DB2777,
            #EC4899);

}

/* HOVER */

.women-support-feature-item:hover {

    transform: translateY(-8px);

    box-shadow:
        0 25px 60px rgba(236, 72, 153, 0.12);

}

/* TITLE */

.women-support-feature-item h4 {

    font-size: 32px;

    font-weight: 800;

    color: #0F172A;

    margin-bottom: 14px;

}

/* TEXT */

.women-support-feature-item p {

    margin: 0;

    font-size: 16px;

    line-height: 1.9;

    color: #64748B;

}

/* =========================================================
   VISUAL SIDE
========================================================= */

.women-support-visual {

    position: relative;

    z-index: 2;

}

/* MAIN BOX */

.women-support-main-box {

    position: relative;

    min-height: 720px;

    overflow: hidden;

    border-radius: 40px;

    padding: 70px 60px;

    background:
        linear-gradient(135deg,
            #DB2777,
            #EC4899);

    display: flex;

    align-items: flex-end;

    box-shadow:
        0 30px 80px rgba(236, 72, 153, 0.20);

}

/* CIRCLE */

.women-support-circle {

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

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

    top: -140px;
    right: -120px;

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

}

/* FLOAT */

@keyframes womenSupportFloat {

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

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

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

}

/* BIG NUMBER */

.women-support-number {

    position: absolute;

    top: 40px;
    left: 45px;

    font-size: 120px;

    font-weight: 900;

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

}

/* BOX CONTENT */

.women-support-box-content {

    position: relative;

    z-index: 2;

}

/* TITLE */

.women-support-box-content h3 {

    font-size: 42px;

    line-height: 1.3;

    font-weight: 900;

    color: #ffffff;

    margin-bottom: 30px;

}

/* TEXT */

.women-support-box-content p {

    font-size: 18px;

    line-height: 2;

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

    margin: 0;

}

/* FLOATING CARD */

.women-support-floating-card {

    position: absolute;

    right: -20px;
    bottom: -130px;

    background: #ffffff;

    border-radius: 30px;

    padding: 35px 40px;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.12);

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

}

/* NUMBER */

.women-support-floating-card h4 {

    font-size: 54px;

    font-weight: 900;

    color: #DB2777;

    margin-bottom: 10px;

}

/* TEXT */

.women-support-floating-card span {

    font-size: 16px;

    font-weight: 600;

    color: #64748B;

}

/* FLOAT */

@keyframes womenSupportCard {

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

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

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

}