@charset "UTF-8";

:root {
    --green-color: #3CA057;
    --grediant-color: linear-gradient(128.11deg, #00715D -25.7%, rgba(217, 217, 217, 0) 166.66%, rgba(49, 67, 139, 0) 166.66%);
    --blue-color: #2D3194;

}

.comments-area a,
.page-content a {
    text-decoration: underline
}

.alignright {
    float: right;
    margin-left: 1rem
}

.alignleft {
    float: left;
    margin-right: 1rem
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignwide {
    margin-left: -80px;
    margin-right: -80px
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw
}

.alignfull,
.alignfull img {
    width: 100vw
}

.wp-caption {
    margin-block-end: 1.25rem;
    max-width: 100%
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption-text {
    margin: 0
}

.gallery-caption {
    display: block;
    font-size: .8125rem;
    line-height: 1.5;
    margin: 0;
    padding: .75rem
}

.pagination {
    display: flex;
    justify-content: space-between;
    margin: 20px auto
}

.sticky {
    position: relative;
    display: block
}

.bypostauthor {
    font-size: inherit
}

.hide {
    display: none !important
}

.post-password-form p {
    width: 100%;
    display: flex;
    align-items: flex-end
}

.post-password-form [type=submit] {
    margin-inline-start: 3px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 12px 24px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.post .entry-title a {
    text-decoration: none
}

.post .wp-post-image {
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:991px) {
    .post .wp-post-image {
        max-height: 400px
    }
}

@media (max-width:575px) {
    .post .wp-post-image {
        max-height: 300px
    }
}

#comments .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .9em
}

#comments .comment,
#comments .pingback {
    position: relative
}

#comments .comment .comment-body,
#comments .pingback .comment-body {
    display: flex;
    flex-direction: column;
    padding-block-start: 30px;
    padding-block-end: 30px;
    padding-inline-start: 60px;
    padding-inline-end: 0;
    border-block-end: 1px solid #ccc
}

#comments .comment .avatar,
#comments .pingback .avatar {
    position: absolute;
    left: 0;
    border-radius: 50%;
    margin-inline-end: 10px
}

body.rtl #comments .comment .avatar,
body.rtl #comments .pingback .avatar,
html[dir=rtl] #comments .comment .avatar,
html[dir=rtl] #comments .pingback .avatar {
    left: auto;
    right: 0
}

#comments .comment-meta {
    display: flex;
    justify-content: space-between;
    margin-block-end: .9rem
}

#comments .comment-metadata,
#comments .reply {
    font-size: 11px;
    line-height: 1
}

#comments .children {
    position: relative;
    list-style: none;
    margin: 0;
    padding-inline-start: 30px
}

#comments .children li:last-child {
    padding-block-end: 0
}

#comments ol.comment-list .children:before {
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 100%;
    content: "↪";
    position: absolute;
    top: 45px;
    left: 0;
    width: auto
}

body.rtl #comments ol.comment-list .children:before,
html[dir=rtl] #comments ol.comment-list .children:before {
    content: "↩";
    left: auto;
    right: 0
}

@media (min-width:768px) {

    #comments .comment-author,
    #comments .comment-metadata {
        line-height: 1
    }
}

@media (max-width:767px) {
    #comments .comment .comment-body {
        padding: 30px 0
    }

    #comments .children {
        padding-inline-start: 20px
    }

    #comments .comment .avatar {
        position: inherit;
        float: left
    }

    body.rtl #comments .comment .avatar,
    html[dir=rtl] #comments .comment .avatar {
        float: right
    }
}

.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 100%
}

@media (max-width:575px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        padding-inline-start: 10px;
        padding-inline-end: 10px
    }
}

@media (min-width:576px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 500px
    }

    .site-footer.footer-full-width .footer-inner,
    .site-header.header-full-width .header-inner {
        max-width: 100%
    }
}

@media (min-width:768px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 600px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

@media (min-width:992px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 800px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

@media (min-width:1200px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1140px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

.site-header+.elementor {
    min-height: calc(100vh - 320px)
}

.logo {
    width: 90%;
}

.elementor-44 .elementor-element.elementor-element-41842477::before {
    background-color: #fff !important;
}

.elementor-44 .elementor-element.elementor-element-41842477:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
}

.header {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%) !important;

}

.faq-one__right .accordion-item {
    border-radius: 35px !important;
    border-color: 1px solid #ddd !important;
}

.faq-one__right .accordion-button {
    color: var(--theme-green) !important;
    background-color: var(--theme-white) !important;
    border-radius: 35px !important;
    padding: 21px 40px 21px !important;
}

.faq-one__right .accordion-button:focus {
    box-shadow: none !important;
}

.faq-one__right .accordion-button .collapsed {
    color: #0f2b46 !important;
}

.faq-one__right button.accordion-button {
    border: 0 !important;
    box-shadow: none !important;
}

.faq-one__right button.accordion-button {
    white-space: normal;
    word-break: break-word;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 28px;
    color: #0f2b46 !important;
    /* letter-spacing: -0.02em; */
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
    width: 100%;
    text-align: start;
}

.faq-one__right button.accordion-button.collapsed:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #f9f4e8;
    background-color: #0f2b46 !important;
    position: absolute;
    top: 50%;
    right: 29px;
    height: 20px;
    width: 20px;
    line-height: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
    transition: all 500ms ease;
    text-align: center;
}

.faq-one__right button.accordion-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    background-color: #f9f4e8;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: -1;
    background-image: none;
}

.faq-one__right button.accordion-button:before {
    content: "\f068";
    color: var(--green-color);
    background-color: #0f2b46;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 29px;
    height: 20px;
    width: 20px;
    line-height: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
    transition: all 500ms ease;
    text-align: center;
}

/* 
.header {
    border-bottom: 1px solid rgb(0 73 54 / 50%);
} */

.txt-terms p {
    font-size: 1rem;
    line-height: 1.8;
    color: #424e63;
    text-align: justify;
}

.btn__color {
    width: fit-content !important;
}

.home_form {
    padding: 15px !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
}
/* WCAG 1.4.3 (contrast-minimum). Root cause of the plain-text failures in this
   modal: main.css has `body { color: var(--color-default) !important }` with
   --color-default:#212529. That !important beat the unprefixed `color:white`
   below, so body copy rendered near-black on the #004943 green — 1.49:1, all
   but invisible. Re-assert white (10.32:1) with !important so it actually wins,
   and set it on the descendants that inherit rather than relying on inheritance
   alone, since the body rule re-applies at every level. */
.OnLoadForm .modal-content{
background-color:var(--e-global-color-primary);
      color: #fff !important;
}
.OnLoadForm .modal-body,
.OnLoadForm .modal-body p,
.OnLoadForm .modal-body label,
.OnLoadForm .modal-body .form-check-label{
color: #fff !important;
}
/* WCAG 1.4.3 for the phone field. The input keeps a white background inside the
   dark modal, and neither its text nor its placeholder colour was ever declared —
   both fell back to browser defaults. The UA placeholder grey is around 2.3-2.9:1
   on white, under the 4.5:1 minimum, and it is what the scanner measures.
   Declare both explicitly: #212529 body text (15.4:1) and #6B7484 placeholder
   (4.71:1), so the result no longer depends on the browser.
   The input is deliberately NOT covered by the white-text rule above — form
   controls do not inherit colour, and forcing white here would make typed text
   invisible against the field's white background. */
.OnLoadForm .modal-body input.mf-input,
.OnLoadForm .modal-body input[type="number"],
.OnLoadForm .modal-body input[type="text"],
.OnLoadForm .modal-body input[type="tel"]{
color: #212529 !important;
background-color: #fff;
}
.OnLoadForm .modal-body input::placeholder{
color: #6B7484 !important;
opacity: 1; /* Firefox dims placeholders by default, which lowers contrast. */
}
.OnLoadForm .modal-body input::-webkit-input-placeholder{
color: #6B7484 !important;
}
.OnLoadForm .modal-body input::-moz-placeholder{
color: #6B7484 !important;
opacity: 1;
}
/* WCAG 2.4.7: the field needs a focus ring that reads against the dark modal. */
.OnLoadForm .modal-body input:focus-visible{
outline: 2px solid #FFA24D;
outline-offset: 2px;
}
/* WCAG 1.4.3 — SITE-WIDE placeholder colour.
   The rules above only cover the subscribe modal. The same .mf-input fields are
   used by page-level forms too (the contact form has four: First name, Enter
   email, Phone number, Enter state), where no placeholder colour was ever
   declared — so they fell back to the browser default grey, roughly 2.3-2.9:1 on
   the white field. Declare it everywhere: #6B7484 = 4.71:1 on white.
   opacity:1 stops Firefox dimming the placeholder further. */
.mf-input::placeholder,
.new__input::placeholder,
input::placeholder,
textarea::placeholder{
color: #6B7484;
opacity: 1;
}
.mf-input::-webkit-input-placeholder,
.new__input::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
color: #6B7484;
}
.mf-input::-moz-placeholder,
.new__input::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder{
color: #6B7484;
opacity: 1;
}
/* Page-level .mf-input fields sit on white, so their typed text needs a dark
   value too — the modal rule above is scoped to .OnLoadForm and misses them. */
.mf-input,
.new__input{
color: #212529;
}
/* ---------------------------------------------------------------------------
   WCAG 1.4.3 — themed button labels.

   post-10.css sets `color:#FFFFFF` on `background-color:var(--e-global-color-accent)`
   (#FFA00F) for every themed button = 2.04:1, the worst contrast on the site. It
   affects page-level Submit buttons (contact form, homepage) as well as the modal.
   The corrected value lives in post-10.css, but that file has repeatedly not
   reached the server, so the same fix is duplicated HERE — theme.min.css deploys
   reliably — to guarantee the button passes even if only one of the two lands.
   Both files carry the identical value, so whichever wins the cascade is correct.

   theme.min.css loads BEFORE post-10.css, so !important is required to win.

   This targets buttons that keep the default amber background. Buttons that
   override it with the dark green (#004943) MUST NOT get a green label — that
   would be 1.0:1, invisible — so they are restored by the higher-specificity
   rule below. (An :not() guard on the button itself cannot do that job: the
   distinguishing classes sit on an ANCESTOR, not on the button.)
   --------------------------------------------------------------------------- */
.elementor-kit-10 button,
.elementor-kit-10 input[type="button"],
.elementor-kit-10 input[type="submit"],
.elementor-kit-10 .elementor-button,
.elementor-kit-10 button:hover,
.elementor-kit-10 button:focus,
.elementor-kit-10 input[type="submit"]:hover,
.elementor-kit-10 input[type="submit"]:focus,
.elementor-kit-10 .elementor-button:hover,
.elementor-kit-10 .elementor-button:focus{
color: #004943 !important;
}
/* The label sits in an inner <span>; it would otherwise re-inherit white. */
.elementor-kit-10 .elementor-button .elementor-button-content-wrapper,
.elementor-kit-10 button .elementor-button-content-wrapper{
color: inherit !important;
}
/* Buttons that override the background with the dark green keep a light label —
   restated here so the rule above can never darken them into invisibility.
   NOTE the :not() guards above sit on the BUTTON, but those element classes are
   on an ANCESTOR, so they do not exclude these. This rule therefore has to win on
   specificity instead: the extra .elementor-kit-10 / [class] qualifiers put it
   above the generic rule, and it also comes later in the file. */
.elementor-kit-10 .elementor-44 .elementor-element-0604654 .elementor-button[class],
.elementor-kit-10 .elementor-44 .elementor-element-0604654 .elementor-button[class] .elementor-button-content-wrapper,
.elementor-44 .elementor-element-0604654 .elementor-button[class],
.elementor-44 .elementor-element-0604654 .elementor-button[class] .elementor-button-content-wrapper{
color: var(--e-global-color-accent) !important;
}
/* The 138f96fa button sits on the corrected orange (#BF5700), where its own
   black label is 4.58:1. Amber there would be only 2.25:1, so keep it black. */
.elementor-kit-10 .elementor-44 .elementor-element-138f96fa .elementor-button[class],
.elementor-kit-10 .elementor-44 .elementor-element-138f96fa .elementor-button[class] .elementor-button-content-wrapper,
.elementor-44 .elementor-element-138f96fa .elementor-button[class],
.elementor-44 .elementor-element-138f96fa .elementor-button[class] .elementor-button-content-wrapper{
color: #000000 !important;
}
/* The Login/Logout button (.btn__color) overrides the background with the dark
   navy --e-global-color-828ba1a (#0F2B46). The generic green label above would be
   1.4:1 on it — effectively invisible — so it keeps a white label at 14.44:1.
   [class] raises specificity above the generic rule; the states are listed so the
   label never reverts on hover/focus. */
.btn__color[class],
.btn__color[class] .elementor-button-content-wrapper,
.btn__color[class] .elementor-button-text,
.btn__color[class]:hover,
.btn__color[class]:focus,
.btn__color[class]:hover .elementor-button-content-wrapper,
.btn__color[class]:focus .elementor-button-content-wrapper,
.btn__color[class]:hover .elementor-button-text,
.btn__color[class]:focus .elementor-button-text{
color: #FFFFFF !important;
}
/* Bootstrap's .visually-hidden isn't present in this build; the modal's phone
   <label> needs it to stay off-screen but readable by assistive tech. */
.visually-hidden{
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* #FF7801 on #004943 is 3.9:1 — under the 4.5:1 floor. #FFA24D is the same
   brand hue lightened to 5.18:1. */
.OnLoadForm h5{
color: #FFA24D !important;
}
/* WCAG 1.4.3: the themed button is #FFFFFF on --e-global-color-accent (#FFA00F)
   = 2.04:1, the worst offender in this modal. Keeping the amber (brand) and
   switching the label to the brand green gives 5.06:1. Applied to the button
   AND its inner span, because .elementor-button-content-wrapper would otherwise
   re-inherit white from the kit-10 button rule. */
.OnLoadForm .elementor-button,
.OnLoadForm .elementor-button:hover,
.OnLoadForm .elementor-button:focus,
.OnLoadForm .elementor-button .elementor-button-content-wrapper{
color: #004943 !important;
}
/* WCAG 2.4.7: the focus ring must be visible against the amber button. */
.OnLoadForm .elementor-button:focus-visible{
outline: 3px solid #fff;
outline-offset: 2px;
}
.OnLoadForm .btn-close{
color: #fff !important;
}

.OnLoadForm .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff	'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
}

/* WCAG 1.4.3 (contrast-minimum): the brand orange #FF7801 on the modal's
   #004943 background is only 3.9:1, under the 4.5:1 needed for body text.
   #FFA24D is the same hue lightened to 5.18:1.
   WCAG 1.4.1 (use-of-color): these links sit inside running sentences, so
   colour alone can't distinguish them from the surrounding text — underline
   them. Together these clear the color-contrast + link-in-text-block rules. */
.OnLoadForm p a,
.OnLoadForm label a{
color: #FFA24D !important;
text-decoration: underline;
}
.OnLoadForm p a:hover,
.OnLoadForm p a:focus-visible,
.OnLoadForm label a:hover,
.OnLoadForm label a:focus-visible{
color: #FFC48A !important;
}
/* WCAG 2.4.7: visible focus indicator against the dark modal background. */
.OnLoadForm p a:focus-visible,
.OnLoadForm label a:focus-visible{
outline: 2px solid #fff;
outline-offset: 2px;
}
/* ---------------------------------------------------------------------------
   WCAG 1.4.1 Use of Color / axe "link-in-text-block" — SITE-WIDE.

   A link sitting inside a block of prose must be distinguishable from the
   surrounding text by something other than colour. Underlining is the standard
   remedy (and the only one that works when the colour difference is under 3:1).

   Scope: links inside running text only — <p>, <li>, <td>, <dd>, <blockquote>
   and the footer's text widgets. Deliberately EXCLUDED (these are standalone
   controls, not links in a text block, so 1.4.1 does not apply and underlining
   them would wreck the design):
     - navigation / menu items
     - buttons styled as links
     - icon-only and social links
     - image links
   Uses :not() rather than !important so component styles can still opt out.
   --------------------------------------------------------------------------- */
p a:not(.elementor-button):not(.btn):not(.ekit-menu-nav-link):not(.elementor-icon):not(.elementor-social-icon),
li:not(.elementor-icon-list-item):not(.menu-item):not(.elementor-tab-title) > a:not(.elementor-button):not(.btn):not(.ekit-menu-nav-link):not(.elementor-icon):not(.elementor-social-icon),
td a:not(.elementor-button):not(.btn),
dd a:not(.elementor-button):not(.btn),
blockquote a:not(.elementor-button):not(.btn),
.elementor-widget-text-editor a:not(.elementor-button):not(.btn) {
    text-decoration: underline;
}
/* Never underline a link whose entire content is an image or an icon — there is
   no text to distinguish, and the underline would render as a stray rule.
   :has() is unsupported on older browsers, which drop this block entirely; the
   fallback (an underlined image link) is cosmetic, not an accessibility defect.
   Images inside links also get their own reset below, which needs no :has(). */
p a:has(> img:only-child),
p a:has(> i:only-child),
li > a:has(> img:only-child),
li > a:has(> i:only-child),
.elementor-widget-text-editor a:has(> img:only-child) {
    text-decoration: none;
}
/* Specificity-independent fallback: kill the text-decoration on the media
   itself, so a stray underline cannot cut across an image or icon glyph. */
p a > img, p a > i,
li > a > img, li > a > i,
td a > img, td a > i,
.elementor-widget-text-editor a > img {
    text-decoration: none;
}
/* WCAG 2.4.7: in-text links need a visible focus indicator too. */
p a:focus-visible,
li > a:focus-visible,
td a:focus-visible,
.elementor-widget-text-editor a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
@media screen and (max-width:767px) {
    .logo {
        width: 52%;
    }
}
/* The kit default `.elementor-kit-10 h1 { color:#FFFFFF }` (post-10.css:124) was
   written when h1 only ever appeared in dark hero banners. The page titles on
   disclaimer, disclosures, grievance, grievance-redressal, privacy-policy,
   terms-condition, investor-research and about-us are h1 (required by WCAG 1.3.1
   / "page-has-heading-one") but sit on a white background, where white is 1:1 —
   invisible. Match the kit's own h2 colour, #0F2B46 = 12.6:1 on white.
   Scoped to .elementskit-section-title so genuine light-on-dark h1s — the home
   hero and contact-us, which carry their own per-element colour rules — are
   untouched. */
.elementor-kit-10 h1.elementskit-section-title,
.elementor-kit-10 h1.ekit-heading--title{
color: #0F2B46;
}