.elementor-214 .elementor-element.elementor-element-512fe18{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-214 .elementor-element.elementor-element-abcf670{--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:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-214 .elementor-element.elementor-element-abcf670:not(.elementor-motion-effects-element-type-background), .elementor-214 .elementor-element.elementor-element-abcf670 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-214 .elementor-element.elementor-element-fc3b13b{margin:-75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-214 .elementor-element.elementor-element-b013252{--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-214 .elementor-element.elementor-element-31a26d80{--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-214 .elementor-element.elementor-element-31a26d80:not(.elementor-motion-effects-element-type-background), .elementor-214 .elementor-element.elementor-element-31a26d80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}@media(max-width:767px){.elementor-214 .elementor-element.elementor-element-512fe18{--width:500px;}.elementor-214 .elementor-element.elementor-element-ba939ad{width:100%;max-width:100%;}.elementor-214 .elementor-element.elementor-element-ba939ad.elementor-element{--align-self:flex-start;}}/* Start custom CSS for html, class: .elementor-element-ba939ad *//*==========================================
RINKU & TEAM PAGE BANNER
==========================================*/

.page-banner {

    position: relative;

    overflow: hidden;

    padding: 85px 24px 90px;

    background:
        linear-gradient(
            180deg,
            #F8FBFD 0%,
            #EEF8FD 100%
        );

    border-bottom: 1px solid #E7EEF5;

    box-sizing: border-box;

}


.page-banner-content {

    max-width: 1280px;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    position: relative;

    z-index: 2;

}


/*==================================
BREADCRUMB
==================================*/

.breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 22px;

    font-size: 15px;

    color: #94A3B8;

}


.breadcrumb a {

    color: #64748B;

    text-decoration: none;

    transition: color .25s ease;

}


.breadcrumb a:hover {

    color: #008CBF;

}


.breadcrumb span {

    color: #94A3B8;

}


/*==================================
LABEL
==================================*/

.page-label {

    display: inline-flex;

    align-items: center;

    padding: 10px 22px;

    margin-bottom: 22px;

    background: #EAF7FD;

    color: #008CBF;

    border-radius: 999px;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

}


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

.page-banner h1 {

    max-width: 900px;

    margin: 0 0 20px;

    color: #12395A;

    font-size: 55px;

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -0.03em;

}


.page-banner h1 span {

    display: block;

    color: #008CBF;

}


/*==================================
INTRO
==================================*/

.page-intro {

    max-width: 720px;

    margin: 0 0 25px;

    color: #667085;

    font-size: 18px;

    line-height: 1.7;

}


/*==================================
META
==================================*/

.page-meta {

    display: flex;

    align-items: center;

    gap: 14px;

    flex-wrap: wrap;

    color: #667085;

    font-size: 15px;

    font-weight: 600;

}


.page-meta span {

    display: flex;

    align-items: center;

}


.page-meta .meta-dot {

    color: #008CBF;

    font-size: 18px;

}


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

.page-banner::before {

    content: "";

    position: absolute;

    top: -220px;

    right: -160px;

    width: 520px;

    height: 520px;

    border-radius: 50%;

    background: rgba(0,140,191,.07);

}


.page-banner::after {

    content: "";

    position: absolute;

    left: -160px;

    bottom: -180px;

    width: 380px;

    height: 380px;

    border-radius: 50%;

    background: rgba(18,57,90,.04);

}


/*==================================
TABLET
==================================*/

@media (max-width: 1024px) {

    .page-banner {

        padding: 75px 24px 80px;

    }


    .page-banner h1 {

        font-size: 50px;

    }


    .page-intro {

        font-size: 17px;

    }

}


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

@media (max-width: 767px) {

    .page-banner {

        padding: 60px 20px 65px;

    }


    .breadcrumb {

        font-size: 13px;

        margin-bottom: 18px;

    }


    .page-label {

        font-size: 11px;

        padding: 8px 17px;

        margin-bottom: 18px;

    }


    .page-banner h1 {

        font-size: 36px;

        line-height: 1.12;

        margin-bottom: 18px;

    }


    .page-intro {

        font-size: 15px;

        line-height: 1.7;

        margin-bottom: 22px;

    }


    .page-meta {

        gap: 7px;

        font-size: 13px;

    }

}


/*==================================
SMALL PHONES
==================================*/

@media (max-width: 480px) {

    .page-banner {

        padding: 50px 18px 55px;

    }


    .page-banner h1 {

        font-size: 31px;

    }


    .page-meta {

        flex-direction: column;

        align-items: flex-start;

        gap: 5px;

    }


    .page-meta .meta-dot {

        display: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc3b13b *//*==================================================
MY STORY
==================================================*/

.my-story-section{

max-width:1280px;

margin:120px auto;

padding:0 24px;

}

.story-grid{

display:grid;

grid-template-columns:.9fr 1.1fr;

gap:80px;

align-items:center;

}

/* IMAGE */

.story-image-card{

position:relative;

}

.story-image-card img{

width:100%;

display:block;

border-radius:32px;

box-shadow:

0 35px 80px rgba(15,23,42,.12);

}

.story-quote {

    position: absolute;

    right: -30px;

    bottom: 35px;

    background: white;

    padding: 24px;

    border-radius: 22px;

    max-width: 280px;

    box-shadow:
        0 20px 60px rgba(15,23,42,.12);

}


/* QUOTE MARKS */

.quote-icon {

    font-size: 48px;

    line-height: .8;

    color: #008CBF;

    display: block;

}


/* OPENING QUOTE */

.quote-open {

    margin-bottom: 12px;

}


/* CLOSING QUOTE */

.quote-close {

    text-align: right;

    margin-top: 10px;

    margin-bottom: -5px;

}


/* QUOTE TEXT */

.story-quote p {

    margin: 0;

    font-size: 16px;

    line-height: 1.7;

    font-style: italic;

    color: #12395A;

}

/* CONTENT */

.story-badge{

display:inline-flex;

padding:10px 22px;

border-radius:999px;

background:#EEF8FD;

color:#008CBF;

font-weight:700;

margin-bottom:24px;

}

.story-content h2 {
    font-size: 49px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #12395A;
    margin-bottom: 28px;

    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* HEADING LINES */

.story-content h2 .story-heading-line {

    display: block;

}


/* LINE 1 — DARK NAVY */

.story-content h2 .story-heading-dark {

    color: #12395A !important;

}


/* LINE 2 — BRAND BLUE */

.story-content h2 .story-heading-blue {

    color: #008CBF !important;

}

.story-content p{

font-size:18px;

line-height:1.9;

color:#667085;

margin-bottom:22px;

}

.story-signature{

margin-top:40px;

padding-top:28px;

border-top:1px solid #E7EEF5;

}

.story-signature strong{

display:block;

font-size:22px;

color:#12395A;

margin-bottom:6px;

}

.story-signature span{

font-size:15px;

color:#667085;

}

/*==================================
TABLET
==================================*/

@media(max-width:1024px){

.story-grid{

grid-template-columns:1fr;

gap:60px;

}

.story-content{

text-align:center;

}

.story-content h2{

font-size:46px;

}

.story-quote{

right:20px;

}

}

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

@media(max-width:767px){

.my-story-section{

margin:80px auto;

padding:0 20px;

}

.story-content{

text-align:left;

}

.story-content h2{

font-size:34px;

line-height:1.15;

}

.story-content p{

font-size:16px;

line-height:1.8;

}

.story-image-card{

max-width:360px;

margin:auto;

}

.story-quote{

position:relative;

right:auto;

bottom:auto;

margin:-40px auto 0;

max-width:240px;

}

}

/*==================================
SMALL PHONES
==================================*/

@media(max-width:480px){

.story-content h2{

font-size:30px;

}

.story-content p{

font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63d235e *//* =========================================
   RINKU TEAM SECTION
========================================= */

.rinku-team-section {

    width: 100%;

    padding: 90px 24px 100px;

    background: #F7FAFC;

    box-sizing: border-box;

}


.rinku-team-container {

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

}


/* =========================================
   SECTION HEADER
========================================= */

.rinku-team-header {

    max-width: 720px;

    margin: 0 auto 55px;

    text-align: center;

}


.rinku-team-label {

    display: inline-flex;

    align-items: center;

    padding: 9px 20px;

    margin-bottom: 18px;

    background: #EAF7FD;

    color: #008CBF;

    border-radius: 999px;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: .06em;

    text-transform: uppercase;

}


.rinku-team-header h2 {

    margin: 0 0 18px;

    color: #12395A;

    font-size: 48px;

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -0.03em;

}


.rinku-team-header h2 span {

    display: block;

    color: #008CBF;

}


.rinku-team-header p {

    max-width: 650px;

    margin: 0 auto;

    color: #667085;

    font-size: 17px;

    line-height: 1.7;

}


/* =========================================
   TEAM GRID
========================================= */

.rinku-team-grid {

    display: grid;

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

    gap: 28px;

}


/* =========================================
   TEAM CARD
========================================= */

.rinku-team-card {

    display: flex;

    flex-direction: column;

    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #E3EDF3;

    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(18,57,90,.06);

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

}


.rinku-team-card:hover {

    transform: translateY(-8px);

    border-color: rgba(0,140,191,.25);

    box-shadow:
        0 22px 45px rgba(18,57,90,.12);

}


/* =========================================
   TEAM IMAGE
========================================= */

.rinku-team-image {

    position: relative;

    display: block;

    width: 100%;

    height: 350px;

    overflow: hidden;

    background: #EAF1F5;

    text-decoration: none;

}


.rinku-team-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transform: scale(1);

    transition: transform .45s ease;

}


/* =========================================
   INDIVIDUAL IMAGE POSITIONING
========================================= */

/*
   Chantal:
   Keeps the face comfortably positioned
   toward the upper portion of the card.
*/

.rinku-chantal-image img {

    object-position: center 25%;

}


/*
   Rajarshi:
   His source image is a tighter portrait,
   so we keep the head slightly higher.
*/

.rinku-rajarshi-image img {

    object-position: center 20%;

}


/*
   Drishti:
   Keeps her face naturally positioned while
   showing enough of the blazer.
*/

.rinku-drishti-image img {

    object-position: center 24%;

}


/* =========================================
   IMAGE HOVER
========================================= */

.rinku-team-card:hover
.rinku-team-image img {

    transform: scale(1.025);

}


/* =========================================
   DRISHTI LINKEDIN OVERLAY
========================================= */

.rinku-linkedin-overlay {

    position: absolute;

    left: 50%;

    bottom: 22px;

    transform:
        translate(-50%, 12px);

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 9px 14px;

    border-radius: 999px;

    background: rgba(18,57,90,.94);

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .3s ease,
        transform .3s ease;

    white-space: nowrap;

}


.rinku-linkedin-icon {

    width: 22px;

    height: 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    background: #008CBF;

    color: #ffffff;

    font-size: 12px;

    font-weight: 800;

}


.rinku-linkedin-text {

    line-height: 1;

}


/* Show LinkedIn on hover */

.rinku-linkedin-image:hover
.rinku-linkedin-overlay {

    opacity: 1;

    transform:
        translate(-50%, 0);

}


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

.rinku-team-content {

    padding: 27px 28px 30px;

}


.rinku-team-content h3 {

    margin: 0 0 7px;

    color: #12395A !important;

    font-size: 24px;

    line-height: 1.25;

    font-weight: 800;

}


.rinku-team-role {

    margin-bottom: 15px;

    color: #008CBF;

    font-size: 14px;

    font-weight: 700;

}


.rinku-team-content p {

    margin: 0 0 20px;

    color: #667085;

    font-size: 15px;

    line-height: 1.65;

}


/* =========================================
   CONTACT BUTTONS
========================================= */

.rinku-team-contact {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}


.rinku-team-contact a {

    display: inline-flex;

    align-items: center;

    padding: 9px 13px;

    border-radius: 8px;

    background: #F0F8FC;

    color: #12395A !important;

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 700;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;

}


.rinku-team-contact a:hover {

    background: #008CBF;

    color: #ffffff !important;

    transform: translateY(-2px);

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .rinku-team-section {

        padding: 75px 22px 85px;

    }


    .rinku-team-header h2 {

        font-size: 42px;

    }


    .rinku-team-grid {

        gap: 22px;

    }


    .rinku-team-image {

        height: 310px;

    }


    .rinku-team-content {

        padding: 24px 24px 27px;

    }

}


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

@media (max-width: 650px) {

    .rinku-team-section {

        padding: 60px 18px 70px;

    }


    .rinku-team-header {

        margin-bottom: 38px;

    }


    .rinku-team-header h2 {

        font-size: 34px;

    }


    .rinku-team-header p {

        font-size: 15px;

    }


    .rinku-team-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .rinku-team-image {

        height: 360px;

    }


    .rinku-team-content {

        padding: 24px 22px 26px;

    }


    .rinku-team-content h3 {

        font-size: 22px;

    }


    .rinku-team-role {

        font-size: 13px;

    }


    .rinku-team-content p {

        font-size: 15px;

    }


    /*
       On touch devices there is no reliable hover.
       Keep the LinkedIn badge visible but subtle.
    */

    .rinku-linkedin-overlay {

        opacity: 1;

        transform:
            translate(-50%, 0);

        bottom: 16px;

    }

}


/* =========================================
   SMALL PHONES
========================================= */

@media (max-width: 400px) {

    .rinku-team-section {

        padding-left: 14px;

        padding-right: 14px;

    }


    .rinku-team-header h2 {

        font-size: 30px;

    }


    .rinku-team-image {

        height: 320px;

    }


    .rinku-team-content {

        padding: 22px 18px 24px;

    }


    .rinku-team-contact {

        flex-direction: column;

    }


    .rinku-team-contact a {

        width: 100%;

        box-sizing: border-box;

    }

}
.rinku-team-card:nth-child(1)
.rinku-team-image img {
    object-position: center 10%;
}
.rinku-team-card:nth-child(3)
.rinku-team-image img {
    object-position: center 18%;
}
.rinku-team-card:nth-child(2)
.rinku-team-image img {
    object-position: center 20%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17ec612 */.blog-section{
    padding:100px 20px;
    background:#fff;
}

.blog-header{
    max-width:800px;
    margin:0 auto 60px;
    text-align:center;
}

.blog-badge{
    display:inline-block;
    background:#E8F6FC;
    color:#0B8DC5;
    padding:12px 26px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.blog-header h2{
    font-size:48px;
    color:#0A2C4A;
    font-weight:800;
    line-height:1.2;
    margin-bottom:20px;
}

.blog-header h2 span{
    color:#0B8DC5;
}

.blog-header p{
    font-size:18px;
    line-height:1.8;
    color:#6B7280;
}

.blog-grid{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.blog-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.blog-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 50px rgba(0,0,0,.15);
}

.blog-image{
    display:block;
    overflow:hidden;
}

.blog-image img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

.blog-image img{

    transition:
        transform .45s ease,
        filter .45s ease;

}

.blog-card:hover img{

    transform:scale(1.08);

    filter:saturate(1.08);

}

.blog-content{
    padding:32px;
}

.category{

    transition:
        background .3s ease,
        transform .3s ease;

}

.blog-card:hover .category{

    background:#0A2C4A;

    transform:translateY(-2px);

}

.blog-content h3{
    margin:0 0 18px;
    font-size:30px;
    line-height:1.35;
}

.blog-content h3 a{

    transition:color .3s ease;

}

.blog-card:hover h3 a{

    color:#0B8DC5;

}

.blog-content p{
    color:#6B7280;
    line-height:1.8;
    margin-bottom:28px;
}

.read-more{

    transition:
        letter-spacing .3s ease,
        color .3s ease;

}

.blog-card:hover .read-more{

    letter-spacing:.4px;

}

.blog-footer{
    text-align:center;
    margin-top:60px;
}

.blog-footer a.blog-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-width:260px;

    padding:18px 42px !important;

    background:#0B8DC5 !important;
    color:#ffffff !important;

    border:2px solid #0B8DC5 !important;
    border-radius:10px !important;

    font-size:17px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    transition:all .3s ease;
}

.blog-footer a.blog-btn:hover{

    background:#0A2C4A !important;
    border-color:#0A2C4A !important;

    color:#ffffff !important;

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(11,141,197,.35);

}

.blog-footer a.blog-btn:visited,
.blog-footer a.blog-btn:focus,
.blog-footer a.blog-btn:active{

    color:#ffffff !important;
    text-decoration:none !important;

}

@media(max-width:900px){

.blog-grid{

grid-template-columns:1fr;

}

.blog-header h2{

font-size:36px;

}

.blog-content{

padding:25px;

}

.blog-content h3{

font-size:26px;

}

}

@media(max-width:600px){

.blog-section{

padding:70px 18px;

}

.blog-header h2{

font-size:30px;

}

.blog-header p{

font-size:16px;

}

.blog-image img{

height:220px;

}

.blog-content h3{

font-size:24px;

}

.blog-btn{

width:100%;

}

}
/*==================================================
PREMIUM BLOG CARDS
==================================================*/

.blog-card{

    position:relative;

    overflow:hidden;

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

    border:1px solid #E8EEF5;

}

/* Accent Line */

.blog-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:linear-gradient(
        90deg,
        #0B8DC5,
        #43B6E9
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

/* Soft Glow */

.blog-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at top right,
    rgba(11,141,197,.10),
    transparent 60%);

    opacity:0;

    transition:.35s;

    pointer-events:none;

}

.blog-card:hover{

    transform:
        translateY(-10px);

    border-color:#43B6E9;

    box-shadow:
        0 28px 60px rgba(15,23,42,.10);

}

.blog-card:hover::before{

    transform:scaleX(1);

}

.blog-card:hover::after{

    opacity:1;

}/* End custom CSS */