:root {
    --Primary: #9CF8E9;
    --Secondary: #184778;
    --Bg-light: #F0F4F8;
    --font-main: "Plus Jakarta Sans", sans-serif;
    --font-main2: "Red Hat Display", sans-serif;
    --font-main3: "Rethink Sans", sans-serif;
    --font-main4: "Manrope", sans-serif;
}

/* Justify all paragraph text site-wide for a cleaner block-text look */
p {
    text-align: justify;
    text-align-last: left;
}

/* Refer & Earn page */
.refer-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--Bg-light) 0%, rgba(240, 244, 248, 0) 100%);
}

.refer-hero::before,
.refer-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    z-index: 0;
}

.refer-hero::before {
    width: 380px;
    height: 380px;
    top: -140px;
    right: 6%;
    background: rgba(156, 248, 233, 0.45);
}

.refer-hero::after {
    width: 320px;
    height: 320px;
    bottom: -160px;
    left: -60px;
    background: rgba(24, 71, 120, 0.08);
}

.refer-hero .tf-container {
    position: relative;
    z-index: 1;
}

.refer-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 18px 6px 6px;
    border-radius: 999px;
    background-color: var(--White, #fff);
    color: var(--Secondary);
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0px 6px 20px 0px rgba(24, 71, 120, 0.12);
}

.refer-badge .refer-badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--Primary);
    color: var(--Secondary);
    font-size: 14px;
}

.refer-hero-title {
    font-size: 52px;
    line-height: 1.18;
    letter-spacing: -0.5px;
    color: var(--Secondary);
}

@media (max-width: 991px) {
    .refer-hero-title {
        font-size: 38px;
    }
}

@media (max-width: 575px) {
    .refer-hero-title {
        font-size: 30px;
    }
}

.refer-trust {
    display: flex;
    align-items: center;
    gap: 10px;
}

.refer-trust .refer-trust-avatars {
    display: flex;
}

.refer-trust .refer-trust-avatars span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--Bg-light);
    border: 2px solid var(--White, #fff);
    margin-left: -10px;
}

.refer-trust .refer-trust-avatars span:first-child {
    margin-left: 0;
}

.refer-stat-card {
    position: relative;
    background: linear-gradient(160deg, var(--Secondary) 0%, #0f2e50 100%);
    border-radius: 28px;
    padding: 44px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: 0px 30px 60px -20px rgba(24, 71, 120, 0.45);
}

.refer-stat-badge {
    position: absolute;
    top: -22px;
    right: 32px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--Primary);
    color: var(--Secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0px 10px 24px 0px rgba(24, 71, 120, 0.35);
}

.refer-stat-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.refer-stat-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.refer-stat-row .icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: rgba(156, 248, 233, 0.14);
    color: var(--Primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.refer-stat-row .info .value {
    color: var(--White, #fff);
    font-size: 24px;
    font-weight: 700;
}

.refer-stat-row .info .label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.refer-steps {
    position: relative;
}

.refer-steps .tf-grid-layout {
    position: relative;
}

.refer-steps .tf-grid-layout::before {
    content: "";
    position: absolute;
    top: 64px;
    left: 16.6%;
    right: 16.6%;
    height: 2px;
    background-image: linear-gradient(to right, var(--Line, #dbe3ea) 0 10px, transparent 10px 20px);
    background-size: 20px 2px;
    background-repeat: repeat-x;
    z-index: 0;
}

@media (max-width: 991px) {
    .refer-steps .tf-grid-layout::before {
        display: none;
    }
}

.refer-step-card {
    position: relative;
    z-index: 1;
    background-color: var(--White, #fff);
    border-radius: 20px;
    padding: 36px 32px;
    text-align: center;
    border: 1px solid var(--Line, #E7ECF1);
    box-shadow: 0px 10px 30px 0px rgba(24, 71, 120, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.refer-step-card:hover {
    transform: translateY(-6px);
    box-shadow: 0px 20px 40px 0px rgba(24, 71, 120, 0.12);
}

.refer-step-card .refer-step-number {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    background-color: var(--Secondary);
    color: var(--White, #fff);
    box-shadow: 0px 6px 14px 0px rgba(24, 71, 120, 0.3);
}

.refer-step-card .icon {
    width: 72px;
    height: 72px;
    margin: 12px auto 22px;
    border-radius: 50%;
    background-color: var(--Bg-light);
    color: var(--Secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    transition: background-color 0.3s ease;
}

.refer-step-card h5 {
    color: var(--Secondary);
    margin-bottom: 8px;
}

.refer-step-card p {
    color: var(--Text-secondary, #6c7c8c);
    font-size: 14px;
}

.refer-step-card.active {
    background: linear-gradient(160deg, var(--Secondary) 0%, #0f2e50 100%);
    border-color: var(--Secondary);
    box-shadow: 0px 20px 44px -10px rgba(24, 71, 120, 0.5);
}

.refer-step-card.active .refer-step-number {
    background-color: var(--Primary);
    color: var(--Secondary);
}

.refer-step-card.active .icon {
    background-color: rgba(156, 248, 233, 0.15);
    color: var(--Primary);
}

.refer-step-card.active h5 {
    color: var(--White, #fff);
}

.refer-step-card.active p {
    color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 767px) {
    .refer-steps .tf-grid-layout {
        grid-template-columns: 1fr;
    }
}

/* Forms & Handbook: PDF document grid */
.pdf-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.pdf-card {
    display: flex;
    flex-direction: column;
    background-color: var(--White, #fff);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 6px 24px 0px rgba(24, 71, 120, 0.1);
    border: 1px solid var(--Line, #E7ECF1);
}

.pdf-preview {
    position: relative;
    height: 420px;
    width: 100%;
    aspect-ratio: 4 / 3;
    background-color: var(--Bg-light);
    overflow: hidden;
    border-bottom: 1px solid var(--Line, #E7ECF1);
}

.pdf-preview canvas {
    display: block;
    width: 100%;
    height: auto;
}

.pdf-preview-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--Text-secondary, #6c7c8c);
    background-color: var(--Bg-light);
}

.pdf-info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pdf-name-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pdf-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: var(--Bg-light);
    color: var(--Secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.pdf-meta {
    min-width: 0;
}

.pdf-name {
    font-size: 19px;
    font-weight: 600;
    color: var(--Secondary);
    line-height: 1.3;
}

.pdf-type {
    font-size: 13px;
    color: var(--Text-secondary, #6c7c8c);
}

.pdf-actions {
    display: flex;
    gap: 10px;
    margin-top: auto;
}

.pdf-btn {
    flex: 1;
    text-align: center;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.25s ease;
}

.pdf-btn-view {
    background-color: var(--Bg-light);
    color: var(--Secondary);
}

.pdf-btn-view:hover {
    background-color: var(--Primary);
    color: var(--Secondary);
}

.pdf-btn-download {
    background-color: var(--Secondary);
    color: var(--White, #fff);
}

.pdf-btn-download:hover {
    opacity: 0.85;
    color: var(--White, #fff);
}

@media (max-width: 991px) {
    .pdf-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .pdf-grid {
        grid-template-columns: 1fr;
    }
}

/* small call-to-action band above footer */
.section-cta-small {
    padding: 48px 0;
}

/* financial calculators */
.calculator-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: var(--White, #fff);
    border-radius: 24px;
    box-shadow: 0px 10px 40px 0px rgba(24, 71, 120, 0.1);
    overflow: hidden;
}

.calc-inputs {
    padding: 48px;
    display: grid;
    gap: 32px;
    align-content: start;
}

.calc-field-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.calc-field-label span:first-child {
    font-weight: 600;
    color: var(--Secondary);
}

.calc-field-label .calc-value {
    font-weight: 700;
    color: var(--Secondary);
    background-color: var(--Bg-light);
    padding: 4px 12px;
    border-radius: 8px;
}

input.calc-value {
    border: none;
    outline: none;
    font-family: inherit;
    text-align: center;
    width: 100px;
    cursor: text;
}

input.calc-value.calc-value-lg {
    width: 195px;
}

input.calc-value:focus {
    box-shadow: 0 0 0 2px var(--Primary);
}

.calc-field input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 4px;
    background: var(--Bg-light);
    outline: none;
    cursor: pointer;
}

.calc-field input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--Secondary);
    border: 4px solid var(--Primary);
    cursor: pointer;
}

.calc-field input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--Secondary);
    border: 4px solid var(--Primary);
    cursor: pointer;
    border: none;
}

.calc-field-minmax {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-size: 15px;
    color: var(--Text-secondary, #6c7c8c);
}

.calc-results {
    padding: 48px;
    background-color: var(--Secondary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.calc-result-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.calc-result-item .label {
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
}

.calc-result-item .value {
    color: var(--White, #fff);
    font-weight: 700;
    font-size: 20px;
}

.calc-result-item.highlight {
    border-bottom: none;
    padding: 16px 20px;
    background-color: rgba(156, 248, 233, 0.12);
    border-radius: 12px;
}

.calc-result-item.highlight .label {
    color: var(--Primary);
}

.calc-result-item.highlight .value {
    color: var(--Primary);
    font-size: 26px;
}

.calc-bar {
    display: flex;
    width: 100%;
    height: 10px;
    border-radius: 6px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.15);
}

.calc-bar-invested {
    background-color: var(--Primary);
    height: 100%;
}

.calc-bar-returns {
    background-color: #F2A65A;
    height: 100%;
}

.calc-bar-legend {
    display: flex;
    gap: 24px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}

.calc-bar-legend span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.calc-bar-legend i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.calc-bar-legend .dot-invested {
    background-color: var(--Primary);
}

.calc-bar-legend .dot-returns {
    background-color: #F2A65A;
}

.calc-disclaimer {
    margin-top: 24px;
    font-size: 14px;
    color: var(--Text-secondary, #6c7c8c);
    text-align: center;
}

@media (max-width: 991px) {
    .calculator-box {
        grid-template-columns: 1fr;
    }

    .calc-inputs,
    .calc-results {
        padding: 32px 24px;
    }
}

/* service-detail: image column */
.service-detail .img-style img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* hero-banner slider */
.hero-slider .carousel-item {
    position: relative;
    height: 800px;
    overflow: hidden;
}

.hero-slider .carousel-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(24, 71, 120, 0.85) 0%, rgba(24, 71, 120, 0.45) 55%, rgba(24, 71, 120, 0.1) 100%);
}

.hero-slider .carousel-item img,
.hero-slider .carousel-item .slider-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-slider .carousel-caption {
    top: 90px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    max-width: 680px;
    margin: 0 auto 0 8%;
    padding: 0;
}

.hero-slider .carousel-caption h1,
.hero-slider .carousel-caption h3 {
    margin-bottom: 16px;
}

.hero-slider .carousel-caption p {
    margin-bottom: 28px;
    max-width: 580px;
}

.hero-slider .carousel-indicators {
    z-index: 3;
    margin-bottom: 24px;
}

.hero-slider .carousel-indicators [data-bs-target] {
    background-color: var(--White, #fff);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0.5;
}

.hero-slider .carousel-indicators .active {
    background-color: var(--Primary);
    opacity: 1;
}

.hero-slider .carousel-control-prev,
.hero-slider .carousel-control-next {
    z-index: 3;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    opacity: 1;
}

.hero-slider .carousel-control-prev {
    left: 24px;
}

.hero-slider .carousel-control-next {
    right: 24px;
}

.hero-slider .carousel-control-prev-icon,
.hero-slider .carousel-control-next-icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 991px) {
    .hero-slider .carousel-item {
        height: 560px;
    }
}

@media (max-width: 767px) {
    .hero-slider .carousel-item {
        height: 560px;
    }

    .hero-slider .carousel-caption {
        top: 110px;
        margin-left: 24px;
        max-width: 85%;
    }

    .hero-slider .carousel-caption p {
        margin-bottom: 20px;
    }

    .hero-slider .carousel-control-prev,
    .hero-slider .carousel-control-next {
        display: none;
    }
}

@media (max-width: 575px) {
    .hero-slider .carousel-item {
        height: 540px;
    }

    .hero-slider .carousel-caption {
        top: 100px;
        margin: 0 20px;
        max-width: none;
    }

    .hero-slider .carousel-caption h6 {
        margin-bottom: 10px;
    }

    .hero-slider .carousel-caption p {
        margin-bottom: 18px;
    }

    .hero-slider .carousel-indicators {
        margin-bottom: 14px;
    }
}



h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--font-main2);
    font-weight: 600;
}

.text-caption-1 {
    font-size: 15px;
    line-height: 22px;
}

.font-main {
    font-family: var(--font-main);
}

.font-2 {
    font-family: var(--font-main2);
}

.font-3 {
    font-family: var(--font-main3);
}

.font-4 {
    font-family: var(--font-main4);
}

.main-menu .navigation>li:hover::after {
    color: var(--Secondary);
}

.footer-logo .main-logo {
    width: 250px;
    height: auto;
}

.footer-contact .info i {
    font-size: 18px;
    color: var(--Primary);
    flex-shrink: 0;
}

/* nested (level-2) dropdown submenu, e.g. Our Services > Loan > Home Loan */
.navigation .submenu li.has-child {
    justify-content: space-between;
}

.navigation .submenu li.has-child>a {
    width: 360px;
    flex: 1 1 auto;
}

.navigation .submenu li.has-child::after {
    transform: rotate(-90deg);
    margin-right: 12px;
}

.navigation .submenu li.has-child>.submenu {
    top: -1px;
    left: 100%;
}

#menu-mobile-menu li.active>a {
    color: var(--Secondary);
}

.card-team.style-1::after {
    background: linear-gradient(180deg, rgba(24, 71, 120, 0) 46.28%, rgba(24, 71, 120, 0.5) 73.14%, #184778 99.74%);
}

.section-faqs .accordion-item {
    background-color: var(--Bg-light);
}


.blog-item.v-list .img-style {
    border-radius: 0;
}

.blog-item.v-list .tag {
    padding: 0;
    background-color: var(--Primary) !important;
    color: var(--Secondary);
}


.tf-sidebar .list-categories a::after {
    background: var(--Secondary);
    height: 1px;
}

.tf-sidebar .tags-list a:hover {
    color: var(--Secondary);
}

.tf-article-navigation .item {
    max-width: unset;
}

.post-detail .tags-list.style-2 a:hover {
    background-color: var(--Primary);
    border-color: var(--Primary);
    color: var(--Secondary);
}

.form-leave-comment fieldset input:focus,
.form-leave-comment textarea:focus {
    border-color: var(--Secondary);
}

.form-leave-comment .tf-check {
    border: 1px solid var(--Text-secondary);
}

.section-faqs-1 .heading-section .sub {
    margin-bottom: 5px;
}


.blog-item.style-4.v-list .content {
    gap: 9px;
}

@media (min-width: 992px) {
    .section-faqs .accordion-wrap {
        padding-left: 15px;
    }
}

/*==================================
WhatsApp Floating Button
===================================*/

.whatsapp-float{
    position:fixed;
    right:30px;
    bottom:30px;
    width:65px;
    height:65px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    z-index:9999;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(37,211,102,.45);
    transition:.35s;
    animation:whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    color:#fff;
    transform:translateY(-5px) scale(1.08);
}

.whatsapp-float::before{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid rgba(37,211,102,.35);
    animation:ring 2s infinite;
}

@keyframes whatsappPulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.55);
    }

    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}

@keyframes ring{

    0%{
        transform:scale(.9);
        opacity:1;
    }

    100%{
        transform:scale(1.4);
        opacity:0;
    }

}

@media(max-width:768px){

    .whatsapp-float{
        width:58px;
        height:58px;
        right:20px;
        bottom:20px;
        font-size:30px;
    }

}

/*==================================
Call Floating Button
===================================*/

.call-float{
    position:fixed;
    right:30px;
    bottom:110px;
    width:65px;
    height:65px;
    background:var(--Secondary);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    z-index:9999;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(24,71,120,.45);
    transition:.35s;
    animation:callPulse 2s infinite;
}

.call-float:hover{
    color:#fff;
    transform:translateY(-5px) scale(1.08);
}

.call-float::before{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid rgba(24,71,120,.35);
    animation:ring 2s infinite;
}

@keyframes callPulse{

    0%{
        box-shadow:0 0 0 0 rgba(24,71,120,.55);
    }

    70%{
        box-shadow:0 0 0 18px rgba(24,71,120,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(24,71,120,0);
    }

}

@media(max-width:768px){

    .call-float{
        width:58px;
        height:58px;
        right:20px;
        bottom:90px;
        font-size:26px;
    }

}

/*==================================
Our Advisory Services (index page)
===================================*/
.section-advisory {
    position: relative;
    overflow: hidden;
    background-color: var(--Bg-light);
}

.section-advisory::before,
.section-advisory::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    z-index: 0;
    pointer-events: none;
}

.section-advisory::before {
    width: 360px;
    height: 360px;
    top: -120px;
    right: -60px;
    background: rgba(156, 248, 233, 0.35);
}

.section-advisory::after {
    width: 320px;
    height: 320px;
    bottom: -140px;
    left: -80px;
    background: rgba(24, 71, 120, 0.08);
}

.section-advisory .tf-container {
    position: relative;
    z-index: 1;
}

.advisory-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--White, #fff);
    border-radius: 24px;
    border: 1px solid var(--Line, #E7ECF1);
    box-shadow: 0px 10px 30px 0px rgba(24, 71, 120, 0.06);
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.advisory-card:hover {
    transform: translateY(-8px);
    box-shadow: 0px 26px 54px -10px rgba(24, 71, 120, 0.2);
}

.advisory-card-head {
    position: relative;
    padding: 36px 28px 28px;
    background: linear-gradient(160deg, var(--Secondary) 0%, #0f2e50 100%);
}

.advisory-card-index {
    position: absolute;
    top: 24px;
    right: 28px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.35);
}

.advisory-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    border-radius: 16px;
    background-color: rgba(156, 248, 233, 0.14);
    color: var(--Primary);
    font-size: 28px;
}

.advisory-card-title {
    color: var(--White, #fff);
    font-size: 20px;
    line-height: 1.3;
    margin: 0;
}

.advisory-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 28px;
}

.advisory-card-list {
    display: grid;
    gap: 13px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.advisory-card-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14.5px;
    line-height: 1.4;
    color: var(--Text-secondary, #474747);
}

.advisory-card-list li i {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 16px;
    color: var(--Secondary);
}

.advisory-card-btn {
    margin-top: auto;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}

@media (max-width: 991px) {
    .advisory-card-head {
        padding: 30px 24px 24px;
    }

    .advisory-card-body {
        padding: 24px;
    }

    .advisory-grid.tf-col-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .advisory-grid.tf-col-3 {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }
}



/* UDAY CUSTOM CSS */

.section-trust{
    background:#f8fafc;
}

.trust-card{
    background:#fff;
    border:1px solid #edf1f5;
    border-radius:20px;
    padding:35px;
    height:100%;
    transition:.35s;
    position:relative;
    overflow:hidden;
}

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

.trust-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:100%;
    background:var(--primary-color);
    transform:scaleY(0);
    transition:.35s;
}

.trust-card:hover::before{
    transform:scaleY(1);
}

.trust-icon{
    width:72px;
    height:72px;
    border-radius:18px;
    background:rgba(36,107,253,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:22px;
}

.trust-icon i{
    font-size:32px;
    color:var(--primary-color);
}

.trust-card h4{
    margin-bottom:15px;
    font-size:24px;
}

.trust-card p{
    margin:0;
    color:#6b7280;
    line-height:1.8;
}

@media(max-width:991px){

.trust-card{
    padding:28px;
}

}


.process-wrapper{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-top:50px;
}

/* Main Line */

.process-line{
    position:absolute;
    top:95px;          /* icon ની વચ્ચે આવે */
    left:9%;
    right:9%;
    height:3px;
    background:#dbe7f3;
    z-index:0;
}

/* Animated Fill */

.line-fill{
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:100%;
    background:var(--Secondary);
}

/* Items */

.process-item{
    position:relative;
    z-index:2;
    width:20%;
    text-align:center;
}

.process-item .number{

font-size:14px;

font-weight:700;

color:var(--primary-color);

margin-bottom:12px;

}

.process-item .icon{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

background:#fff;

border:3px solid #edf2fa;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:var(--primary-color);

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

margin-bottom:20px;

transition:.3s;

}

.process-item:hover .icon{

transform:translateY(-10px);

background:var(--primary-color);



}

.process-item h5{

margin-bottom:12px;

}

.process-item p{

font-size:15px;

line-height:1.8;

color:#666;

}




.planning-box{

background:linear-gradient(135deg,#184778 0%,#23588f 100%);

border-radius:28px;

overflow:hidden;

box-shadow:0 25px 60px rgba(24,71,120,.18);

}

.planning-left{

padding:70px 55px;

position:relative;

height:100%;

}

.planning-left::after{

content:"";

position:absolute;

right:-40px;

top:50%;

transform:translateY(-50%);

width:180px;

height:180px;

border-radius:50%;

background:rgba(156,248,233,.15);

}

.planning-tag{

display:inline-block;

padding:8px 18px;

background:rgba(156,248,233,.18);

border:1px solid rgba(156,248,233,.35);

color:#9CF8E9;

border-radius:50px;

margin-bottom:20px;

font-weight:600;

}

.planning-left h2{

color:#fff;

margin-bottom:35px;

}

.planning-icon{

width:90px;

height:90px;

background:#9CF8E9;

border-radius:22px;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

color:#184778;

}

.planning-content{

background:#fff;

height:100%;

padding:70px 55px;

}

.planning-content p{

font-size:18px;

line-height:1.9;

color:#5b6574;

margin-bottom:35px;

}

.planning-content strong{

color:#184778;

}

.planning-points{

display:grid;

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

gap:18px;

margin-bottom:35px;

}

.planning-points span{

display:flex;

align-items:center;

gap:10px;

font-weight:600;

color:#184778;

font-size:15px;

}

.planning-points i{

width:28px;

height:28px;

background:#9CF8E9;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:15px;

color:#184778;

}

@media(max-width:991px){

.planning-left,
.planning-content{

padding:45px 30px;

}

.planning-points{

grid-template-columns:1fr;

}

}

/*=============================
CTA SECTION
=============================*/

.cta-section{

    position:relative;

}

.cta-box{

    position:relative;

    overflow:hidden;

    background:linear-gradient(135deg,#184778,#2b659d);

    border-radius:30px;

    padding:70px;

    box-shadow:0 30px 70px rgba(24,71,120,.18);

}

/* Floating Shapes */

.cta-box::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    background:rgba(156,248,233,.10);

    border-radius:50%;

    top:-100px;

    right:-80px;

}

.cta-box::after{

    content:"";

    position:absolute;

    width:160px;

    height:160px;

    background:rgba(156,248,233,.08);

    border-radius:50%;

    bottom:-60px;

    left:-50px;

}

.cta-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(156,248,233,.15);

    border:1px solid rgba(156,248,233,.30);

    color:#9CF8E9;

    font-weight:600;

    margin-bottom:18px;

}

.cta-box h2{

    color:#fff;

    margin-bottom:20px;

    font-size:48px;

}

.cta-box p{

    color:rgba(255,255,255,.85);

    font-size:18px;

    line-height:1.9;

    max-width:760px;

    margin-bottom:0;

}

.cta-box strong{

    color:#ffffff;

}

.cta-btn{

    margin-top:25px;

    min-width:260px;

    justify-content:center;

}

.cta-btn span:first-child{

    font-size:16px;
    color: white;

}

/* Mobile */

@media(max-width:991px){

.cta-box{

padding:45px 30px;

text-align:center;

}

.cta-box h2{

font-size:34px;

}

.cta-btn{

margin-top:35px;

width:100%;

}

}

.mission-list{
    list-style:none;
    padding:0;
    margin:25px 0;
}

.mission-list li{

    position:relative;

    padding-left:48px;

    margin-bottom:20px;

    line-height:1.8;

    color:#616161;

}

.mission-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:4px;

    width:28px;

    height:28px;

    border-radius:50%;

    background:#9CF8E9;

    color:#184778;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    font-weight:700;

}

/*==========================
OUR VALUES
==========================*/

.section-values{

    background:#f7fbfd;

}
.value-box{
    position:relative;
    background:#fff;
    border:1px solid #e7eef5;
    border-radius:22px;
    padding:35px;
    height:100%;
    transition:.4s ease;
    overflow:visible;
    z-index:1;
}

.value-box::after{

    content:"";
    position:absolute;
    inset:-3px;
    border-radius:24px;
    background:var(--Primary);
    z-index:-1;
    opacity:0;
    filter:blur(16px);
    transition:.4s ease;

}

.value-box:hover{

    transform:translateY(-10px);
    border-color:var(--Primary);

}

.value-box:hover::after{

    opacity:.18;

}


.value-box:hover:before{

    transform:scaleX(1);

}

.value-box .icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:#eafcf9;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

}

.value-box .icon i{

    font-size:28px;

    color:#184778;

}

.value-box h4{

    margin-bottom:15px;

    color:#184778;

    font-weight:600;

}

.value-box p{

    margin:0;

    color:#667085;

    line-height:1.8;

}

@media(max-width:991px){

.value-box{

padding:28px;

}

}

.value-box{
    background:#fff;
    border:1px solid #e8eef5;
    border-radius:20px;
    padding:35px;
    height:100%;
    transition:.35s;
}



.value-box .icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:#9CF8E9;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.value-box .icon i{
    font-size:28px;
    color:#184778;
}

.value-box h4{
    margin-bottom:15px;
}

.value-box p{
    margin:0;
    line-height:1.8;
    color:#666;
}

/*=============================
FLOATING ELEMENTS / ANIMATION
(Home page decorative accents)
=============================*/

@keyframes floatY{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-18px); }
}

@keyframes floatY-sm{
    0%,100%{ transform:translateY(0) rotate(0deg); }
    50%{ transform:translateY(-14px) rotate(6deg); }
}

@keyframes floatDrift{
    0%,100%{ transform:translate(0,0); }
    50%{ transform:translate(14px,-16px); }
}

/* --- Section About: floating info badges over the image --- */
.section-about .img-style{
    position:relative;
}

.floating-badge{
    position:absolute;
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    border-radius:16px;
    padding:14px 20px;
    box-shadow:0 20px 45px rgba(24,71,120,.18);
    z-index:3;
    animation:floatY 4.5s ease-in-out infinite;
    max-width:220px;
}

.floating-badge .icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:12px;
    background:var(--Primary);
    display:flex;
    align-items:center;
    justify-content:center;
}

.floating-badge .icon i{
    font-size:20px;
    color:var(--Secondary);
}

.floating-badge strong{
    display:block;
    font-size:18px;
    color:var(--Secondary);
    line-height:1.2;
}

.floating-badge span{
    font-size:13px;
    color:#6b7280;
}

.floating-badge.badge-1{
    top:24px;
    right:-24px;
    animation-delay:0s;
}

.floating-badge.badge-2{
    bottom:24px;
    left:-24px;
    animation-delay:1.4s;
}

@media(max-width:1199px){
    .floating-badge.badge-1{ right:6px; }
    .floating-badge.badge-2{ left:6px; }
}

@media(max-width:767px){
    .floating-badge{
        display:none;
    }
}

/* --- Section Why: floating icon circles over the image --- */
.thumbs-float-wrap{
    position:relative;
}

.float-icon-circle{
    position:absolute;
    width:64px;
    height:64px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 15px 40px rgba(24,71,120,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
    animation:floatY-sm 5s ease-in-out infinite;
}

.float-icon-circle i{
    font-size:24px;
    color:var(--Secondary);
}

.float-icon-circle.fc-1{
    top:30px;
    left:-20px;
    animation-delay:0s;
}

.float-icon-circle.fc-2{
    bottom:60px;
    right:-20px;
    background:var(--Secondary);
    animation-delay:1s;
}

.float-icon-circle.fc-2 i{
    color:var(--Primary);
}

.float-icon-circle.fc-3{
    top:45%;
    left:-30px;
    width:52px;
    height:52px;
    animation-delay:2s;
}

@media(max-width:1199px){
    .float-icon-circle.fc-1{ left:6px; }
    .float-icon-circle.fc-2{ right:6px; }
    .float-icon-circle.fc-3{ display:none; }
}

@media(max-width:767px){
    .float-icon-circle{
        display:none;
    }
}


.trust-slider{
    padding-bottom:60px;
}

.trust-slider .swiper-slide{
    height:auto;
}

.trust-card{
    height:100%;
}

.trust-pagination{
    bottom:0 !important;
}

.trust-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#184778;
    opacity:.25;
}

.trust-pagination .swiper-pagination-bullet-active{
    opacity:1;
    transform:scale(1.2);
}




.planning-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background: var(--Primary);
    color:var(--Secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:all .45s ease;
    box-shadow:0 12px 35px rgba(24,71,120,.10);
}

.planning-icon i{
    position:relative;
    z-index:2;
    transition:all .45s ease;
}

/* Ripple Background */

.planning-icon::before{
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-radius:50%;
    background:var(--Secondary);
    transition:all .55s ease;
    z-index:1;
}

/* Hover */

.planning-icon:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(24,71,120,.30);
}

.planning-icon:hover::before{
    width:220px;
    height:220px;
}

.planning-icon:hover i{
    color:#fff;
    transform:rotate(-12deg) scale(1.15);
}

.planning-icon{
    animation:floatIcon 3s ease-in-out infinite;
}

@keyframes floatIcon{

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

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

}

.planning-icon::after{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid var(--Secondary);
    opacity:0;
    transform:scale(.8);
    transition:.45s;
}

.planning-icon:hover::after{
    opacity:1;
    transform:scale(1.15);
}


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

.process-item{
    position:relative;
    z-index:2;
}

.process-item .icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s;
    overflow:visible;
}


.process-item:hover .icon{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(24,71,120,.18);
}

/*==============================
SVG RING
==============================*/

.progress-ring{
    position:absolute;
    inset:-8px;
    z-index:2;
}

.progress-ring svg{
    width:100%;
    height:100%;
    transform:rotate(-90deg);
}

.progress-ring circle{

    fill:none;
    stroke-width:4;

}

.progress-ring .bg{

    stroke:#dbe7f3;

}

.progress-ring .progress{

    stroke:var(--Secondary);

    stroke-linecap:round;

    stroke-dasharray:283;

    stroke-dashoffset:283;

}

/*==============================
LINE
==============================*/

.process-wrapper{

    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

}

.process-line{

    position:absolute;

    left:10%;
    right:10%;

    top:44px;

    height:3px;

    overflow:hidden;

    z-index:1;

}

/* dotted background */

.process-line::before{

    content:"";

    position:absolute;

    left:0;
    right:0;

    top:50%;

    transform:translateY(-50%);

    height:3px;

    background-image: radial-gradient(#d7dce5 1.8px, transparent 1.8px);

    background-size:14px 3px;

}

/* animated blue dots */



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

.process-item .number{

    width:38px;
    height:38px;

    border-radius:50%;

    background:var(--Secondary);

    color:#fff;

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

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

    margin:0 auto 18px;

}

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

.process-item h5{

    margin-top:20px;
    text-align:center;

}

/*==============================
GLOW
==============================*/

.process-item .icon::after{

    content:"";

    position:absolute;

    inset:-10px;

    border-radius:50%;

    background:rgba(24,71,120,.08);

    filter:blur(12px);

    z-index:-1;

    opacity:0;

    transition:.35s;

}

.process-item.active .icon::after{

    opacity:1;

}

.process-item.active .icon{

    transform:translateY(-8px);

}

.process-item.active .icon i{

    color:var(--Secondary);

}

.process-item .icon i{

    position:absolute;

    z-index:20;

    font-size:34px;

    color:var(--Secondary);

    transition:.35s;

}

@media (max-width: 991px) {
    .process-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 36px;
        padding-top: 20px;
    }

    .process-line {
        display: none;
    }

    .process-item {
        width: 100%;
        max-width: 320px;
        padding-left: 0;
    }

    .process-item .icon {
        position: relative;
        left: auto;
        top: auto;
        width: 64px;
        height: 64px;
        margin: 0 auto 14px;
        font-size: 26px;
    }

    .process-item .icon i {
        font-size: 26px;
    }

    .process-item h5 {
        font-size: 17px;
    }
}


/*==============================
 TRUST SLIDER
==============================*/

.trust-slider{
    padding:25px 0 70px;
}

/* Default Slide */

.trust-slider .swiper-slide{

    transition:all .45s ease;
    opacity:.35;
    transform:scale(.88);

}

/* Active Slide */

.trust-slider .swiper-slide-active{

    opacity:1;
    transform:scale(1);

}

/* Card */

.trust-card{

    background:#fff;
    border-radius:22px;
    padding:40px 35px;
    border:1px solid #e8eef5;
    transition:.45s;
    height:100%;

}

/* Active Card */

.trust-slider .swiper-slide-active .trust-card{

    background:linear-gradient(135deg,#184778 0%,#2d5f97 100%);
    border-color:#184778;
    box-shadow:0 20px 50px rgba(24,71,120,.25);

}

/* Icon */

.trust-icon{

    width:75px;
    height:75px;
    border-radius:50%;
    background:#eef5fc;
    color:var(--Secondary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
    transition:.4s;

}

.trust-slider .swiper-slide-active .trust-icon{

    background:#fff;
    color:var(--Secondary);
    transform:rotate(-10deg) scale(1.08);

}

/* Heading */

.trust-card h4{

    transition:.35s;
    color:#184778;

}

.trust-slider .swiper-slide-active h4{

    color:#fff;

}

/* Text */

.trust-card p{

    color:#6b7785;
    transition:.35s;

}

.trust-slider .swiper-slide-active p{

    color:rgba(255,255,255,.85);

}

/* Hover */

.trust-card:hover{

    transform:translateY(-8px);

}

/* Pagination */

.trust-pagination{

    margin-top:35px;
    position:relative;

}

.trust-pagination .swiper-pagination-bullet{

    width:12px;
    height:12px;
    background:#184778;
    opacity:.25;
    transition:.3s;

}

.trust-pagination .swiper-pagination-bullet-active{

    opacity:1;
    width:28px;
    border-radius:30px;

}

.header-right{
    margin-right:30px !important;
}

/*==================================
Mobile Menu - tap effect (same as desktop hover)
===================================*/
#menu-mobile-menu .item-menu-mobile:not(.collapsed){
    color: var(--Secondary);
}

/*==================================
Desktop header dropdown - keep long labels on one line
===================================*/
.navigation .submenu {
    width: 430px;
}

.navigation .submenu li a {
    white-space: nowrap;
}

/*==================================
Why Clients Trust Us (dedicated page) - stacked trust list
===================================*/
.trust-detail-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.trust-detail-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    background-color: var(--White, #fff);
    border: 1px solid var(--Line, #E7ECF1);
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0px 10px 30px 0px rgba(24, 71, 120, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.trust-detail-item:hover {
    transform: translateY(-6px);
    box-shadow: 0px 22px 46px -12px rgba(24, 71, 120, 0.18);
}

.trust-detail-icon {
    position: relative;
    flex-shrink: 0;
    width: 68px;
    height: 68px;
    border-radius: 18px;
    background-color: rgba(156, 248, 233, 0.16);
    color: var(--Secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.trust-detail-num {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: var(--Secondary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trust-detail-content h4 {
    color: var(--Secondary);
    margin-bottom: 8px;
}

.trust-detail-content p {
    margin: 0;
    color: var(--Text-secondary, #6b7280);
    line-height: 1.8;
}

@media (max-width: 767px) {
    .trust-detail-item {
        flex-direction: column;
        gap: 16px;
        padding: 24px;
    }
}

/*==================================
Meet Our Leadership (index page)
===================================*/
.section-leadership .img-style {
    position: relative;
}

.leadership-credentials {
    display: grid;
    gap: 14px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.leadership-credentials li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--Text-secondary, #474747);
}

.leadership-credentials li i {
    flex-shrink: 0;
    margin-top: 3px;
    font-size: 17px;
    color: var(--Secondary);
}

.leadership-photo {
    position: relative;
}

.leadership-photo img {
    width: 100%;
    height: auto;
    border-radius: 24px;
    box-shadow: 0px 25px 60px 0px rgba(24, 71, 120, 0.15);
}

.leadership-badge {
    position: absolute;
    left: 24px;
    bottom: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: var(--White, #fff);
    border-radius: 16px;
    padding: 18px 22px;
    box-shadow: 0px 20px 45px 0px rgba(24, 71, 120, 0.2);
    z-index: 3;
}

.leadership-badge .icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background-color: var(--Secondary);
    color: var(--Primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.leadership-badge strong {
    display: block;
    font-size: 17px;
    color: var(--Secondary);
    line-height: 1.3;
}

.leadership-badge span {
    font-size: 13px;
    color: #6b7280;
}

@media (max-width: 575px) {
    .leadership-badge {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 14px 16px;
        gap: 12px;
    }

    .leadership-badge strong {
        font-size: 15px;
    }

    .leadership-badge span {
        font-size: 12px;
    }
}

/*==================================
Professional Credentials (index page)
===================================*/
.section-credentials {
    position: relative;
    overflow: hidden;
    background: #0f2e50;
}

.section-credentials::before,
.section-credentials::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    z-index: 0;
    pointer-events: none;
}

.section-credentials::before {
    width: 380px;
    height: 380px;
    top: -140px;
    left: -80px;
    background: rgba(156, 248, 233, 0.18);
}

.section-credentials::after {
    width: 340px;
    height: 340px;
    bottom: -150px;
    right: -70px;
    background: rgba(156, 248, 233, 0.12);
}

.section-credentials .tf-container {
    position: relative;
    z-index: 1;
}

.section-credentials .heading-section .sub {
    color: var(--Primary);
}

.section-credentials .heading-section .title {
    color: var(--White, #fff);
}

.section-credentials .heading-section .desc {
    color: rgba(255, 255, 255, 0.75);
}

.credential-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 36px 24px;
}

.credential-card {
    text-align: center;
    padding: 0 8px;
}

.credential-icon {
    position: relative;
    width: 92px;
    height: 92px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--Primary) 0%, #4fd8c4 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--Secondary);
    box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.35s ease;
    animation: credentialPulse 2.6s ease-in-out infinite;
}

.credential-card:hover .credential-icon {
    transform: translateY(-6px) scale(1.06);
}

@keyframes credentialPulse {
    0% {
        box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.25), 0 0 0 0 rgba(156, 248, 233, 0.45);
    }

    70% {
        box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.25), 0 0 0 16px rgba(156, 248, 233, 0);
    }

    100% {
        box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.25), 0 0 0 0 rgba(156, 248, 233, 0);
    }
}

.credential-card h4 {
    color: var(--White, #fff);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

.credential-card p {
    margin: 0;
    color: rgb(255, 255, 255);
    font-size: 16.5px;
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .credential-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .credential-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .credential-grid {
        grid-template-columns: 1fr;
    }
}

/*==================================
Why Clients Trust Us - closing statement (index page)
===================================*/
.trust-closing {
    max-width: auto;
    margin: 0px auto 0;
}

.trust-closing-title {
    color: var(--Secondary);
    margin-bottom: 16px;
}

.trust-closing-desc {
    color: var(--Text-secondary, #6b7280);
    line-height: 1.8;
    margin-bottom: 20px;
    text-align-last: center;
}

.trust-closing-quote {
    font-weight: 700;
    color: var(--Secondary);
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    text-align-last: center;
}

/*==================================
Message from the Managing Partner - signature block (partner page)
===================================*/
.partner-signature {
    background-color: var(--Bg-light, #F0F4F8);
    border-left: 4px solid var(--Secondary);
    border-radius: 12px;
    padding: 32px 36px;
    margin-top: 24px;
}

.partner-signature p,
.partner-signature li {
    font-weight: 700;
    color: var(--Secondary);
}

.partner-signature h4 {
    color: var(--Secondary);
    margin: 4px 0 6px;
}

.partner-signature-role {
    margin-bottom: 14px !important;
}

.partner-credentials {
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    display: grid;
    gap: 6px;
    line-height: 25px;
}


.section-refer-form {
    background: #f7f9fb;
}

.section-refer-form .heading-section {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.refer-form-box {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px;
    background: #ffffff;
    border: 1px solid #e8ebef;
    border-radius: 20px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
}

.refer-form-group {
    width: 100%;
}

.refer-form-group label {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--secondary);
}

.refer-form-group label span {
    color: #e53935;
}

.refer-form-group .form-control {
    width: 100%;
    height: 55px;
    padding: 12px 18px;
    background: #f8f9fa;
    border: 1px solid #e2e5e9;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
}

.refer-form-group textarea.form-control {
    height: auto;
    min-height: 140px;
    resize: vertical;
}

.refer-form-group .form-control:focus {
    background: #ffffff;
    border-color: var(--secondary);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.04);
    outline: none;
}

.refer-form-group .form-control::placeholder {
    color: #9a9a9a;
}

.refer-submit-btn {
    margin-top: 15px;
    min-width: 200px;
    justify-content: center;
}

@media (max-width: 767px) {

    .refer-form-box {
        padding: 30px 20px;
        border-radius: 15px;
    }

    .section-refer-form .heading-section {
        margin-bottom: 35px;
    }
}

.refer-earn-description p {
    text-align: center !important;
    text-align-last: center !important;
}
/*==================================
Laptop view - compact header (logo + nav)
===================================*/
@media (max-width: 1700px) and (min-width: 1200px) {
    .header.style-3 .header-inner {
        padding: 0 20px;
    }

    .logo_header {
        width: 165px;
        height: auto;
    }

    .main-menu .navigation {
        gap: 14px;
    }

    .navigation li a {
        font-size: 16px;
    }

    .header-right {
        margin-right: 16px !important;
    }
}