.elementor-9 .elementor-element.elementor-element-a696f62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-a696f62{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-a696f62{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0f0ed20 *//* =========================================================
   AUTHENTIC RINJANI — HEADER CSS
   Scoped exclusively to .ar-header
========================================================= */

.ar-header,
.ar-header * {
    box-sizing: border-box;
}

.ar-header {

    --ar-navy: #010166;
    --ar-purple: #6465CE;
    --ar-blue: #6898FE;
    --ar-white: #ffffff;

    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 99999;

    color: var(--ar-white);

    font-family: inherit;

    transition:
        background 0.45s ease,
        box-shadow 0.45s ease;
}


/* =========================================================
   GLASS BACKGROUND
========================================================= */

.ar-header::before {

    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(1, 1, 102, 0.82),
            rgba(1, 1, 102, 0.42)
        );

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-bottom:
        1px solid rgba(255,255,255,.13);

    pointer-events: none;

    transition:
        background .45s ease,
        backdrop-filter .45s ease,
        border-color .45s ease;
}


/* =========================================================
   SCROLL STATE
========================================================= */

.ar-header.ar-scrolled::before {

    background:
        linear-gradient(
            135deg,
            rgba(1,1,102,.96),
            rgba(34,35,130,.92)
        );

    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    border-bottom:
        1px solid rgba(104,152,254,.22);

    box-shadow:
        0 10px 40px rgba(0,0,0,.20);
}


/* =========================================================
   HEADER INNER
========================================================= */

.ar-header__inner {

    position: relative;
    z-index: 2;

    width:
        min(1440px, calc(100% - 60px));

    min-height: 88px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    gap: 28px;

    transition:
        min-height .45s ease;
}

.ar-header.ar-scrolled .ar-header__inner {
    min-height: 76px;
}


/* =========================================================
   LOGO
========================================================= */

.ar-header__logo {

    flex: 0 0 auto;

    display: flex;
    align-items: center;

    line-height: 0;

    text-decoration: none !important;
}

.ar-header__logo img {

    display: block;

    width: auto;
    max-width: 190px;
    max-height: 52px;

    object-fit: contain;

    transition:
        max-height .4s ease,
        transform .4s ease;
}

.ar-header.ar-scrolled
.ar-header__logo img {

    max-height: 46px;
}

.ar-header__logo:hover img {
    transform: translateY(-1px);
}


/* =========================================================
   DESKTOP NAV
========================================================= */

.ar-nav {

    flex: 1 1 auto;

    display: flex;
    justify-content: center;
}

.ar-nav__list {

    display: flex;
    align-items: center;

    gap: 4px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.ar-nav__item {

    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* NAV LINK */

.ar-nav__link {

    position: relative;

    display: flex;
    align-items: center;

    gap: 7px;

    min-height: 44px;

    padding: 0 14px;

    color:
        rgba(255,255,255,.88) !important;

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

    letter-spacing: .015em;

    text-decoration: none !important;

    border-radius: 12px;

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

.ar-nav__link:hover,
.ar-nav__item:hover > .ar-nav__link {

    color: #fff !important;

    background:
        rgba(255,255,255,.075);

    transform:
        translateY(-1px);
}


/* CHEVRON */

.ar-chevron {

    width: 6px;
    height: 6px;

    border-right:
        1.5px solid rgba(255,255,255,.75);

    border-bottom:
        1.5px solid rgba(255,255,255,.75);

    transform:
        rotate(45deg)
        translateY(-2px);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.ar-nav__item:hover .ar-chevron {

    transform:
        rotate(225deg)
        translateY(-1px);

    border-color:
        var(--ar-blue);
}


/* =========================================================
   MEGA MENU
========================================================= */

.ar-mega-menu {

    position: absolute;

    top: calc(100% + 18px);
    left: 280%;

    width:
        min(1180px, calc(100vw - 40px));

    padding: 1px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            rgba(104,152,254,.48),
            rgba(100,101,206,.12),
            rgba(255,255,255,.16)
        );

    box-shadow:
        0 28px 80px rgba(0,0,0,.30);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

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

    transition:
        opacity .28s ease,
        transform .35s cubic-bezier(.2,.8,.2,1),
        visibility .28s ease;
}

.ar-mega-menu::before {

    content: "";

    position: absolute;

    top: -18px;
    left: 0;

    width: 100%;
    height: 20px;
}

.ar-mega-parent:hover .ar-mega-menu {

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform:
        translate(-50%, 0);
}


/* MEGA INNER */

.ar-mega-inner {

    display: grid;

    grid-template-columns:
        1.15fr 1fr 1fr 1fr;

    padding: 30px;

    border-radius: 21px;

    background:
        linear-gradient(
            135deg,
            rgba(4,4,92,.97),
            rgba(30,31,125,.94)
        );

    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}


/* MEGA COLUMNS */

.ar-mega-column {

    padding:
        6px 24px;

    border-left:
        1px solid rgba(255,255,255,.09);
}

.ar-mega-column:first-child {

    border-left: none;

    padding-left: 6px;
}


/* LABEL */

.ar-mega-title,
.ar-mega-eyebrow {

    display: block;

    margin-bottom: 18px;

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

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .16em;
}


/* FEATURE */

.ar-mega-feature h3 {

    margin:
        0 0 13px !important;

    color: #fff !important;

    font-size: 25px;
    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -.025em;
}

.ar-mega-feature h3 span {
    color: var(--ar-blue);
}

.ar-mega-feature p {

    max-width: 245px;

    margin:
        0 0 22px !important;

    color:
        rgba(255,255,255,.62) !important;

    font-size: 12px;
    line-height: 1.7;
}


/* FEATURE LINK */

.ar-mega-feature-link {

    display: inline-flex;
    align-items: center;

    gap: 10px;

    color: #fff !important;

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

    text-decoration: none !important;

    transition:
        gap .3s ease,
        color .3s ease;
}

.ar-mega-feature-link span {

    color: var(--ar-blue);

    font-size: 17px;
}

.ar-mega-feature-link:hover {

    gap: 15px;

    color:
        var(--ar-blue) !important;
}


/* MEGA ITEM */

.ar-mega-link {

    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 10px;

    margin-bottom: 3px;

    border-radius: 12px;

    text-decoration: none !important;

    transition:
        background .28s ease,
        transform .28s ease;
}

.ar-mega-link:hover {

    background:
        rgba(255,255,255,.065);

    transform:
        translateX(3px);
}


/* ICON */

.ar-mega-icon {

    flex: 0 0 29px;

    width: 29px;
    height: 29px;

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

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            rgba(100,101,206,.32),
            rgba(104,152,254,.16)
        );

    border:
        1px solid rgba(104,152,254,.20);

    color:
        var(--ar-blue);

    font-size: 11px;
}


/* MEGA TEXT */

.ar-mega-link strong {

    display: block;

    margin-bottom: 3px;

    color: #fff !important;

    font-size: 11px;
    font-weight: 650;
}

.ar-mega-link small {

    display: block;

    color:
        rgba(255,255,255,.45) !important;

    font-size: 9px;
    line-height: 1.4;
}


/* =========================================================
   NORMAL DROPDOWN
========================================================= */

.ar-dropdown {

    position: absolute;

    top: calc(100% + 14px);
    left: 0;

    width: 245px;

    padding: 9px;

    border-radius: 17px;

    background:
        rgba(4,4,92,.96);

    border:
        1px solid rgba(104,152,254,.16);

    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.30);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform:
        translateY(8px);

    transition:
        opacity .25s ease,
        transform .3s ease,
        visibility .25s ease;
}

.ar-dropdown-parent:hover .ar-dropdown {

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform:
        translateY(0);
}


/* DROPDOWN LINK */

.ar-dropdown-link {

    display: block;

    padding: 11px 13px;

    border-radius: 10px;

    text-decoration: none !important;

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

.ar-dropdown-link:hover {

    background:
        rgba(255,255,255,.06);

    transform:
        translateX(3px);
}

.ar-dropdown-link strong {

    display: block;

    color: #fff !important;

    font-size: 11px;
    font-weight: 650;
}

.ar-dropdown-link small {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.45) !important;

    font-size: 9px;
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.ar-header__actions {

    display: flex;
    align-items: center;

    gap: 9px;

    flex: 0 0 auto;
}


/* WHATSAPP */

.ar-whatsapp {

    width: 40px;
    height: 40px;

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

    border-radius: 50%;

    color: #fff !important;

    background:
        rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.13);

    text-decoration: none !important;

    transition:
        background .3s ease,
        transform .3s ease,
        border-color .3s ease;
}

.ar-whatsapp:hover {

    background:
        rgba(104,152,254,.22);

    border-color:
        rgba(104,152,254,.45);

    transform:
        translateY(-2px);
}

.ar-whatsapp-icon {
    font-size: 16px;
}


/* CTA */

.ar-header__cta {

    min-height: 42px;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    padding:
        0 17px;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            var(--ar-purple),
            var(--ar-blue)
        );

    border:
        1px solid rgba(255,255,255,.16);

    border-radius: 11px;

    box-shadow:
        0 8px 22px rgba(55,70,180,.25);

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

    text-decoration: none !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;
}

.ar-header__cta:hover {

    color: #fff !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px rgba(55,70,180,.38);

    filter:
        brightness(1.08);
}

.ar-cta-arrow {

    font-size: 15px;

    transition:
        transform .3s ease;
}

.ar-header__cta:hover
.ar-cta-arrow {

    transform:
        translate(2px,-2px);
}


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

.ar-mobile-toggle {

    display: none;

    width: 42px;
    height: 42px;

    padding: 0;

    border:
        1px solid rgba(255,255,255,.14) !important;

    border-radius: 11px;

    background:
        rgba(255,255,255,.06) !important;

    cursor: pointer;
}

.ar-mobile-toggle span {

    display: block;

    width: 18px;
    height: 1.5px;

    margin: 4px auto;

    background: #fff;

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


/* HAMBURGER → X */

.ar-header.ar-mobile-open
.ar-mobile-toggle span:nth-child(1) {

    transform:
        translateY(5.5px)
        rotate(45deg);
}

.ar-header.ar-mobile-open
.ar-mobile-toggle span:nth-child(2) {
    opacity: 0;
}

.ar-header.ar-mobile-open
.ar-mobile-toggle span:nth-child(3) {

    transform:
        translateY(-5.5px)
        rotate(-45deg);
}


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

.ar-mobile-menu {

    display: none;

    position: absolute;

    top: 100%;
    left: 0;

    width: 100%;

    padding:
        10px 20px 25px;

    background:
        rgba(3,3,83,.97);

    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);

    border-bottom:
        1px solid rgba(104,152,254,.15);

    box-shadow:
        0 20px 45px rgba(0,0,0,.22);

    opacity: 0;

    transform:
        translateY(-8px);

    pointer-events: none;

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

.ar-header.ar-mobile-open
.ar-mobile-menu {

    opacity: 1;

    transform:
        translateY(0);

    pointer-events: auto;
}


/* MOBILE INNER */

.ar-mobile-menu__inner {

    max-height:
        calc(100vh - 100px);

    overflow-y: auto;

    padding-top: 5px;
}


/* MOBILE LINKS */

.ar-mobile-link {

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

    width: 100%;

    padding:
        16px 4px;

    color:
        rgba(255,255,255,.9) !important;

    border-bottom:
        1px solid rgba(255,255,255,.07);

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

    text-decoration: none !important;
}

.ar-mobile-plus {

    color:
        var(--ar-blue);

    font-size: 20px;

    transition:
        transform .3s ease;
}

.ar-mobile-main.ar-open
.ar-mobile-plus {

    transform:
        rotate(45deg);
}


/* MOBILE SUBMENU */

.ar-mobile-submenu {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition:
        max-height .45s ease,
        opacity .35s ease;
}

.ar-mobile-submenu.ar-open {

    max-height: 650px;

    opacity: 1;
}

.ar-mobile-submenu a {

    display: block;

    padding:
        11px 12px;

    color:
        rgba(255,255,255,.62) !important;

    border-left:
        1px solid rgba(104,152,254,.25);

    font-size: 12px;

    text-decoration: none !important;

    transition:
        color .25s ease,
        padding .25s ease;
}

.ar-mobile-submenu a:hover {

    color: #fff !important;

    padding-left: 17px;
}


/* MOBILE CTA */

.ar-mobile-cta {

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

    margin-top: 18px;

    padding:
        15px 17px;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            var(--ar-purple),
            var(--ar-blue)
        );

    border-radius: 12px;

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

    text-decoration: none !important;
}


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

@media (max-width: 1120px) {

    .ar-header__inner {

        width:
            min(100% - 35px, 1100px);

        gap: 12px;
    }

    .ar-nav__link {

        padding:
            0 9px;

        font-size: 12px;
    }

    .ar-header__cta {

        padding:
            0 13px;
    }

    .ar-whatsapp {
        display: none;
    }
}


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

@media (max-width: 900px) {

    .ar-header__inner {

        width:
            calc(100% - 30px);

        min-height: 72px;
    }

    .ar-header.ar-scrolled
    .ar-header__inner {

        min-height: 68px;
    }

    .ar-nav {
        display: none;
    }

    .ar-header__cta {
        display: none;
    }

    .ar-whatsapp {
        display: flex;
    }

    .ar-mobile-toggle {
        display: block;
    }

    .ar-mobile-menu {
        display: block;
    }

    .ar-header__logo img {

        max-width: 155px;
        max-height: 45px;
    }
}


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

@media (max-width: 480px) {

    .ar-header__inner {

        width:
            calc(100% - 22px);

        gap: 7px;
    }

    .ar-header__logo img {
        max-width: 135px;
    }

    .ar-whatsapp {

        width: 38px;
        height: 38px;
    }

    .ar-mobile-toggle {

        width: 40px;
        height: 40px;
    }

    .ar-mobile-menu {

        padding-left: 15px;
        padding-right: 15px;
    }
}


/* =========================================================
   ELEMENTOR PROTECTION
========================================================= */

.ar-header a,
.ar-header a:hover,
.ar-header a:focus,
.ar-header a:visited {

    text-decoration: none !important;
}

.ar-header ul,
.ar-header li {

    list-style: none !important;
}

.ar-header h1,
.ar-header h2,
.ar-header h3,
.ar-header h4,
.ar-header p {

    margin-top: 0;
}

.ar-header button {

    font-family: inherit;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ar-header,
    .ar-header *,
    .ar-header::before {

        transition: none !important;
        animation: none !important;
    }
}/* End custom CSS */