.elementor-928 .elementor-element.elementor-element-47c2c658 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-928 .elementor-element.elementor-element-47c2c658:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-47c2c658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oab.org.in/wp-content/uploads/2026/08/Social-and-Corporate-Responsibility-Policy-Banner_1-1024x307.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-928 .elementor-element.elementor-element-47c2c658 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-928 .elementor-element.elementor-element-47c2c658 > .elementor-container{min-height:250px;}.elementor-928 .elementor-element.elementor-element-47c2c658{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-928 .elementor-element.elementor-element-6caad7f2 .elementor-heading-title{font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );text-transform:var( --e-global-typography-583e54c-text-transform );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );color:var( --e-global-color-a291686 );}.elementor-928 .elementor-element.elementor-element-245821b4.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-928 .elementor-element.elementor-element-110a96a2{width:auto;max-width:auto;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-icon i{color:var( --e-global-color-a291686 );transition:color 0.3s;}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-icon svg{fill:var( --e-global-color-a291686 );transition:fill 0.3s;}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-item > a{font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );text-transform:var( --e-global-typography-520c191-text-transform );line-height:var( --e-global-typography-520c191-line-height );}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-text{color:var( --e-global-color-a291686 );transition:color 0.3s;}.elementor-928 .elementor-element.elementor-element-002d64b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-002d64b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-928 .elementor-element.elementor-element-6a4e64e{--display:flex;}.elementor-928 .elementor-element.elementor-element-36643f4 > .elementor-widget-container{margin:0px 2px 0px 0px;padding:0px 34px 15px 15px;}.elementor-928 .elementor-element.elementor-element-36643f4{text-align:start;}.elementor-928 .elementor-element.elementor-element-bf3e34f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-928 .elementor-element.elementor-element-bf3e34f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-928 .elementor-element.elementor-element-dc53bc8 > .elementor-widget-container{margin:14px 20px 14px 14px;padding:3px 9px 7px 7px;}.elementor-928 .elementor-element.elementor-element-8512192{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-34px;--margin-bottom:22px;--margin-left:22px;--margin-right:25px;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:16px;}.elementor-928 .elementor-element.elementor-element-8512192.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-928 .elementor-element.elementor-element-47c2c658:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-47c2c658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 70%;}.elementor-928 .elementor-element.elementor-element-47c2c658{padding:6em 1.5em 6em 1.5em;}.elementor-928 .elementor-element.elementor-element-6caad7f2 .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-928 .elementor-element.elementor-element-110a96a2{--e-icon-list-icon-size:13px;}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}}@media(max-width:767px){.elementor-928 .elementor-element.elementor-element-47c2c658:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-47c2c658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-928 .elementor-element.elementor-element-47c2c658{padding:5em 1em 1em 1em;}.elementor-928 .elementor-element.elementor-element-6caad7f2 .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-928 .elementor-element.elementor-element-245821b4 > .elementor-element-populated{margin:2em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;}.elementor-928 .elementor-element.elementor-element-110a96a2{--e-icon-list-icon-size:12px;}.elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-928 .elementor-element.elementor-element-110a96a2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}}@media(min-width:768px){.elementor-928 .elementor-element.elementor-element-aaadb71{width:49.707%;}.elementor-928 .elementor-element.elementor-element-245821b4{width:50%;}.elementor-928 .elementor-element.elementor-element-002d64b{--width:97.119%;}.elementor-928 .elementor-element.elementor-element-bf3e34f{--width:91.916%;}.elementor-928 .elementor-element.elementor-element-8512192{--width:92.29%;}}@media(max-width:1024px) and (min-width:768px){.elementor-928 .elementor-element.elementor-element-aaadb71{width:65%;}.elementor-928 .elementor-element.elementor-element-245821b4{width:35%;}}/* Start custom CSS for html, class: .elementor-element-d250651 *//* =========================================
   NGO COURSES SECTION
========================================= */

.ngo-courses {
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 20px 70px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}


/* =========================================
   COURSE CARD
========================================= */

.ngo-course-card {
    position: relative;

    background: #ffffff;

    border: 1px solid #e5ecea;
    border-radius: 14px;

    padding: 32px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(14, 79, 67, 0.06);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    animation: ngoCourseFade 0.8s ease both;
}


/* Top accent */

.ngo-course-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #176b5b;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;
}


/* Decorative circle */

.ngo-course-card::after {
    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    right: -60px;
    top: -60px;

    border-radius: 50%;

    background: #EAF5F2;

    transition: transform 0.4s ease;

    z-index: 1;
}


/* Hover */

.ngo-course-card:hover {
    transform: translateY(-8px);

    border-color: #176b5b;

    box-shadow:
        0 18px 40px rgba(14, 79, 67, 0.13);
}

.ngo-course-card:hover::before {
    transform: scaleX(1);
}

.ngo-course-card:hover::after {
    transform: scale(1.5);
}


/* =========================================
   ICON
========================================= */

.ngo-course-icon {
    position: relative;
    z-index: 3;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    border-radius: 50%;

    background: #176B5B;

    color: #ffffff;

    font-size: 23px;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        color 0.35s ease;
}
.ngo-course-icon svg {
    width: 27px;
    height: 27px;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ngo-course-card:hover .ngo-course-icon {
    transform: rotate(-5deg) scale(1.08);

    background: #0E4F43;

    color: #ffffff;
}

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

.ngo-course-number {
    position: absolute;

    top: 25px;
    right: 28px;

    font-size: 13px;
    font-weight: 700;

    color: #ffffff;

    letter-spacing: 1px;

    z-index: 3;
}


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

.ngo-course-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 12px;

    color: #222222;

    font-size: 21px;
    font-weight: 600;

    line-height: 1.35;
}


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

.ngo-course-card p {
    position: relative;
    z-index: 2;

    margin: 0 0 18px;

    color: #5b6462;

    font-size: 15px;

    line-height: 1.7;
}


/* =========================================
   SKILLS
========================================= */

.ngo-course-skills {
    position: relative;
    z-index: 2;

    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}

.ngo-course-skills span {
    padding: 6px 10px;

    background: #f3f8f6;

    border-radius: 20px;

    color: #176b5b;

    font-size: 12px;

    transition: background 0.25s ease;
}

.ngo-course-card:hover .ngo-course-skills span {
    background: #eaf5f2;
}


/* =========================================
   LEARN MORE
========================================= */

.ngo-course-link {
    position: relative;
    z-index: 2;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: 5px;

    color: #176b5b;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: gap 0.25s ease;
}

.ngo-course-link:hover {
    color: #0e4f43;

    gap: 13px;
}


/* =========================================
   ANIMATION
========================================= */

@keyframes ngoCourseFade {

    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .ngo-courses {
        grid-template-columns: 1fr;

        padding: 10px 15px 50px;

        gap: 18px;
    }

    .ngo-course-card {
        padding: 25px;
    }

    .ngo-course-card h3 {
        font-size: 19px;
    }

    .ngo-course-card p {
        font-size: 14px;
    }

}/* End custom CSS */