@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');:root{--navy:#061a33;--blue:#0b3d91;--sky:#4fc3f7;--ink:#142944;--muted:#63738b;--pale:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.75 Montserrat,Arial,sans-serif;background:white}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{background:#061a33;position:sticky;top:0;z-index:30;border-bottom:1px solid #284362}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}.brand{display:block;width:205px;height:67px;overflow:hidden}.brand img{width:205px;height:96px;object-fit:cover;object-position:center 37%;transform:scale(1.2);display:block}.links{display:flex;align-items:center;gap:24px;color:#e4effd;font-size:12px;font-weight:600}.links a:hover{color:var(--sky)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:#287bd0;color:white!important;border-radius:40px;padding:13px 23px;border:1px solid transparent;font-weight:700;font-size:12px;cursor:pointer;transition:.2s}.btn:hover,.nav-cta:hover{background:#42a5f5;color:#061a33!important;transform:translateY(-1px)}.menu{display:none;background:none;color:white;border:0;font-size:26px}.hero,.pagehero,.band{background:radial-gradient(ellipse at 78% 67%,#0b4381 0%,#092d56 29%,#061a33 75%);color:white}.hero{overflow:hidden}.hero-grid{min-height:550px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}.eyebrow{display:block;color:#76c8ff;font-size:10px;letter-spacing:2.6px;font-weight:800;margin-bottom:22px}.eyebrow.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,4.4vw,61px);line-height:1.16;letter-spacing:-2px;margin-bottom:23px}h1 em{font-style:normal;color:#62b8f5}h2{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-1.3px;margin-bottom:22px}h2 span{color:#2c83d0}h3{font-size:17px;line-height:1.35}.hero p,.pagehero p,.band p{color:#c7d9ed;max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn.outline{background:transparent;border-color:#7098c0}.btn.dark{background:var(--navy)}.globe{position:relative;display:grid;place-items:center;height:410px}.orb{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;width:340px;height:340px;background:radial-gradient(circle at 32% 25%,#267bbd,#073563 65%,#03152b);box-shadow:0 0 100px #1a8de25c,inset -30px -20px 45px #021327;font-size:110px;color:#69c8ff;text-shadow:0 0 28px #48baff}.orb span{font-size:11px;letter-spacing:5px;color:white;text-shadow:none}.orbit{position:absolute;border:1px solid #62b8f55c;width:420px;height:180px;border-radius:50%;transform:rotate(-32deg)}.orbit.two{transform:rotate(42deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:white;box-shadow:0 14px 40px #092d5612;margin-top:-30px;position:relative;border-radius:12px;padding:28px 18px}.metrics div{text-align:center;border-right:1px solid #e5ebf4}.metrics div:last-child{border:0}.metrics b{display:block;color:var(--blue);font-size:25px}.metrics span{font-size:11px;font-weight:700}.section{padding-top:95px;padding-bottom:95px}.lead{font-size:17px;line-height:1.9;color:#566a82;max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.cards article{border:1px solid #e3ebf4;background:linear-gradient(150deg,#fff,#f5f9fe);padding:34px;border-radius:14px;box-shadow:0 12px 28px #12365b08}.cards p{font-size:13px;color:var(--muted);margin:0}.symbol{font-size:38px;color:#277ed1;margin-bottom:14px}.band{padding:80px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.steps p{border-bottom:1px solid #ffffff38;padding:15px;color:white}.steps b{color:#71c7ff;margin-right:23px}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.centered{justify-content:center}.pagehero{padding:85px 0}.pagehero h1{max-width:780px}.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.form{background:#fff;border:1px solid #dce7f2;border-radius:16px;padding:34px;box-shadow:0 18px 50px #153e6712}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.form input:not([type=checkbox]),.form textarea,.form select{display:block;width:100%;border:1px solid #d4dfeb;border-radius:8px;padding:12px 13px;margin-top:6px;background:#fbfdff;color:#132d4b;min-width:0}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid #5ab5ff;outline-offset:1px}.check{display:flex!important;gap:9px;align-items:flex-start}.check input{margin-top:5px}.check a,.legal a{color:var(--blue);text-decoration:underline}.submit{width:100%;border:0}.small{font-size:11px;color:var(--muted);margin-top:14px}.honey{position:absolute;left:-9999px}.notice{padding:12px;background:#e5f5ed;border-radius:8px;color:#115b36}.contact-tile{margin-top:30px;background:#f1f7fe;border-radius:10px;padding:25px;color:#0b3d91;font-weight:700}.legal{max-width:850px}footer{background:#061a33;color:#d4e2f2;padding:50px 0 20px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footergrid img{width:230px;height:100px;object-fit:cover;object-position:center 38%}.footergrid p{font-size:11px;letter-spacing:1px}.footergrid b{display:block;color:white;margin-bottom:15px}.footergrid a{display:block;font-size:12px;margin:8px 0}.footbottom{border-top:1px solid #ffffff30;margin-top:35px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between}.adminbody{background:#f2f6fb}.adminbar{background:#061a33;color:white}.adminbrand{font-size:20px;font-weight:800;letter-spacing:3px}.adminbrand small{font-size:10px;color:#6bc8ff}.adminmain{padding:45px 0}.login{max-width:470px;margin:40px auto}.statcards{display:flex;gap:18px;margin-bottom:25px}.statcards div{background:white;padding:25px;min-width:150px;border-radius:12px}.statcards b{display:block;font-size:30px;color:var(--blue)}.statcards span{font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.filters a{background:white;padding:8px 14px;border-radius:8px;font-size:12px}.tablewrap{overflow:auto;background:white;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:15px;border-bottom:1px solid #e6edf5;font-size:12px}th{background:#e8f1fb}td a{color:var(--blue);font-weight:700}.pill{background:#e9f4ff;border-radius:20px;padding:5px 10px}.detail{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.detail div{background:white;padding:16px;border-radius:8px;overflow-wrap:anywhere}.detail p{margin:5px 0 0}.detail b{font-size:11px;text-transform:uppercase;color:#63738b}@media(max-width:950px){.links{gap:12px}.brand{width:160px}.brand img{width:160px}.hero-grid{grid-template-columns:1fr 0.7fr}.orb{width:270px;height:270px}.orbit{width:310px}.form-layout{gap:30px}}@media(max-width:760px){.wrap{width:min(100% - 32px,1180px)}.nav{min-height:72px}.brand{height:58px}.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#061a33;padding:20px;flex-direction:column;align-items:stretch;gap:4px}.links.open{display:flex}.links a{padding:9px}.hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:65px;padding-bottom:40px}.globe{height:250px}.orb{width:215px;height:215px;font-size:75px}.orbit{width:265px;height:120px}.metrics{grid-template-columns:1fr 1fr;gap:20px;margin-top:0}.metrics div:nth-child(2){border:0}.section{padding-top:65px;padding-bottom:65px}.cards,.split,.form-layout,.footergrid{grid-template-columns:1fr}.split{gap:25px}.form{padding:22px}.formgrid{grid-template-columns:1fr;gap:0}.footergrid{gap:22px}.pagehero{padding:60px 0}.detail{grid-template-columns:1fr}.statcards{flex-wrap:wrap}.footbottom{gap:15px;flex-wrap:wrap}}@media(max-width:380px){h1{font-size:32px}.actions .btn{width:100%}.metrics span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* KENANTA APPROVED HERO & LOGO PATCH (2026-09) */
.site-header{background:#091d36}
.nav{min-height:83px}
.brand{display:flex!important;align-items:center;flex:none;width:210px!important;height:76px!important;overflow:visible!important}
.brand img{display:block!important;width:100%!important;height:auto!important;max-height:72px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.hero{background:linear-gradient(115deg,#081d36 0%,#092542 57%,#06264b 100%);position:relative;isolation:isolate}
.hero-grid{grid-template-columns:1fr 1.04fr;min-height:530px;gap:15px;position:relative}
.hero-grid>div:first-child{position:relative;z-index:2;padding:48px 0 80px}
.hero h1{font-size:clamp(37px,4vw,58px);letter-spacing:-1.6px;line-height:1.12}
.hero .eyebrow{letter-spacing:2px}
.hero .globe.kenanta-half-globe{height:100%;min-height:470px;display:block;position:relative;overflow:visible}
.kenanta-half-globe img{position:absolute;right:-8%;bottom:0;width:115%;max-width:none;height:auto;display:block;filter:saturate(1.08)}
.footergrid img{width:210px!important;height:auto!important;max-height:150px;object-fit:contain!important;object-position:left center!important}
@media(max-width:950px){.brand{width:170px!important}.hero-grid{grid-template-columns:1fr 0.93fr}.kenanta-half-globe img{width:125%;right:-14%}}
@media(max-width:760px){.nav{min-height:72px}.brand{width:155px!important;height:64px!important}.brand img{max-height:58px!important}.hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:42px;padding-bottom:0;gap:0}.hero-grid>div:first-child{padding:12px 0 14px}.hero .globe.kenanta-half-globe{height:250px;min-height:250px;overflow:hidden}.kenanta-half-globe img{right:-13%;bottom:0;width:115%;max-width:none}.hero h1{font-size:clamp(32px,8vw,45px)}.metrics{margin-top:0}}
@media(max-width:410px){.hero .globe.kenanta-half-globe{height:210px;min-height:210px}.kenanta-half-globe img{right:-22%;width:135%}}

/* KENANTA exact approved JPG logo: show entire uploaded image, no crop. */
.site-header .nav{min-height:106px}
.site-header .brand{width:180px!important;height:auto!important;min-height:98px!important;overflow:visible!important;flex-shrink:0}
.site-header .brand img{width:180px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;border:0!important}
.footergrid img[src$="kenanta-approved-logo.jpg"]{width:195px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){.site-header .nav{min-height:78px}.site-header .brand{width:128px!important;height:auto!important;min-height:70px!important}.site-header .brand img{width:128px!important;height:auto!important;max-height:none!important}.links{top:78px}}

/* ==================================================
   KENANTA OFFICIAL LOGO + CLEAR GLOBE
   ================================================== */

/* Header */

.site-header {
    background: #0b203b;
}

.site-header .nav {
    min-height: 98px;
    gap: 24px;
}

.site-header .brand {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 160px !important;
    height: auto !important;
    min-height: 88px;
    overflow: visible !important;
    flex-shrink: 0;
}

.site-header .brand img {
    display: block !important;
    width: 160px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Hero */

.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(
        110deg,
        #081a32 0%,
        #09264a 58%,
        #073366 100%
    );
}

.hero .hero-grid {
    display: grid;
    grid-template-columns: 1fr 1.22fr;
    align-items: center;
    gap: 0;
    min-height: 570px;
}

.hero .hero-grid > div:first-child {
    position: relative;
    z-index: 2;
    padding: 55px 0 85px;
}

/* Clear globe — do not blur, fade or stretch */

.hero .globe.kenanta-half-globe {
    display: flex !important;
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 570px;
    min-height: 570px;
    overflow: visible;
    isolation: isolate;
}

.hero .kenanta-half-globe img {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 980px !important;
    height: auto !important;

    right: auto !important;
    bottom: auto !important;

    object-fit: contain !important;
    object-position: right bottom !important;

    filter: none !important;
    opacity: 1 !important;
    transform: none !important;

    image-rendering: auto;
    mix-blend-mode: normal;
}

/* Footer logo */

.footergrid img {
    display: block;
    width: 180px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    filter: none !important;
}

/* Tablet */

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

    .site-header .brand,
    .site-header .brand img {
        width: 135px !important;
    }
}

/* Mobile */

@media (max-width: 760px) {
    .site-header .nav {
        min-height: 76px;
    }

    .site-header .brand {
        width: 115px !important;
        min-height: 65px;
    }

    .site-header .brand img {
        width: 115px !important;
    }

    .site-header .links {
        top: 76px;
    }

    .hero .hero-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-top: 35px;
        padding-bottom: 0;
    }

    .hero .hero-grid > div:first-child {
        padding: 15px 0 30px;
    }

    .hero .globe.kenanta-half-globe {
        width: 100%;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .hero .kenanta-half-globe img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ======================================================
   KENANTA FINAL HERO — WIDE CLEAR GLOBE
   ====================================================== */

/* Header */

.site-header {
    background: #081b34 !important;
}

.site-header .nav {
    min-height: 90px !important;
}

.site-header .brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 165px !important;
    height: 82px !important;
    min-height: 82px !important;
    overflow: visible !important;
    flex-shrink: 0;
}

.site-header .brand img {
    display: block !important;
    width: 165px !important;
    height: auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Main slider */

.hero {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;

    min-height: 620px !important;
    padding: 0 !important;

    background:
        radial-gradient(
            ellipse at 73% 48%,
            rgba(31, 107, 195, 0.24) 0%,
            transparent 65%
        ),
        linear-gradient(
            105deg,
            #081a33 0%,
            #09274d 52%,
            #073568 100%
        ) !important;
}

/* Wider layout */

.hero .wrap.hero-grid {
    width: min(1460px, calc(100% - 70px)) !important;
    max-width: 1460px !important;

    display: grid !important;
    grid-template-columns: 47% 53% !important;

    gap: 0 !important;
    align-items: center !important;

    min-height: 620px !important;

    position: relative;
    z-index: 1;
}

/* Slider text */

.hero .hero-grid > div:first-child {
    position: relative !important;
    z-index: 3 !important;

    max-width: 670px;
    padding: 72px 0 105px !important;
}

.hero .eyebrow {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    color: #80caff !important;
}

.hero h1 {
    font-size: clamp(44px, 4.7vw, 74px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -2px !important;
    color: #fff !important;
}

.hero h1 em {
    color: #76c3ff !important;
}

.hero p {
    max-width: 540px !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #dceaff !important;
}

.hero .actions {
    margin-top: 30px !important;
    gap: 14px !important;
}

.hero .btn {
    padding: 15px 25px !important;
    border-radius: 50px !important;
}

/* Globe container */

.hero .globe.kenanta-half-globe {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    height: 620px !important;
    min-height: 620px !important;

    overflow: visible !important;
    isolation: isolate;
}

/* New clear globe image */

.hero .globe.kenanta-half-globe img {
    display: block !important;
    position: absolute !important;

    width: 1120px !important;
    max-width: none !important;
    height: auto !important;

    right: -90px !important;
    bottom: -100px !important;

    object-fit: contain !important;
    object-position: right bottom !important;

    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    mix-blend-mode: normal !important;

    image-rendering: auto;
    pointer-events: none;
}

/* Tablet */

@media (max-width: 1100px) {

    .hero .wrap.hero-grid {
        width: calc(100% - 48px) !important;
        grid-template-columns: 48% 52% !important;
        min-height: 550px !important;
    }

    .hero .globe.kenanta-half-globe {
        height: 550px !important;
        min-height: 550px !important;
    }

    .hero .globe.kenanta-half-globe img {
        width: 900px !important;
        right: -140px !important;
        bottom: -75px !important;
    }

    .hero h1 {
        font-size: clamp(39px, 4.5vw, 55px) !important;
    }
}

/* Mobile */

@media (max-width: 760px) {

    .site-header .nav {
        min-height: 76px !important;
    }

    .site-header .brand {
        width: 125px !important;
        height: 68px !important;
        min-height: 68px !important;
    }

    .site-header .brand img {
        width: 125px !important;
        max-height: 65px !important;
    }

    .site-header .links {
        top: 76px !important;
    }

    .hero {
        min-height: auto !important;
    }

    .hero .wrap.hero-grid {
        width: calc(100% - 32px) !important;
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        padding: 30px 0 0 !important;
    }

    .hero .hero-grid > div:first-child {
        max-width: 100%;
        padding: 20px 0 32px !important;
    }

    .hero h1 {
        font-size: clamp(34px, 8vw, 46px) !important;
        letter-spacing: -1px !important;
    }

    .hero p {
        font-size: 15px !important;
    }

    .hero .globe.kenanta-half-globe {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .hero .globe.kenanta-half-globe img {
        position: relative !important;
        width: 125% !important;
        max-width: none !important;
        height: auto !important;

        right: auto !important;
        bottom: auto !important;
        margin-left: -10% !important;
    }
}

/* Footer official logo */

.footergrid img {
    width: 180px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    filter: none !important;
}



/* =====================================================
   KENANTA FINAL HEADER / FOOTER / WHATSAPP
   ===================================================== */

/* ---------------------------------
   HEADER LOGO — APPROX 50% LARGER
---------------------------------- */

.site-header .brand {
    width: 245px !important;
    height: auto !important;
    min-height: 105px !important;

    display: flex !important;
    align-items: center !important;

    overflow: visible !important;
    flex-shrink: 0 !important;
}

.site-header .brand img {
    width: 245px !important;
    height: auto !important;

    max-width: none !important;
    max-height: 105px !important;

    object-fit: contain !important;
    object-position: left center !important;

    transform: none !important;
    filter: none !important;
}

.site-header .nav {
    min-height: 112px !important;
}


/* ---------------------------------
   FOOTER
---------------------------------- */

.site-footer {
    background: #061a33;
    color: #d7e4f2;

    padding: 58px 0 20px;
}

.site-footer .footergrid {
    display: grid !important;

    grid-template-columns:
        minmax(220px,1.5fr)
        minmax(120px,.8fr)
        minmax(150px,1fr)
        minmax(240px,1.4fr) !important;

    gap: 45px !important;

    align-items: start;
}

.site-footer .footer-brand img {
    width: 185px !important;
    height: auto !important;

    max-height: none !important;

    display: block;
    object-fit: contain !important;
}

.site-footer .footer-brand > p {
    margin-top: 12px;

    max-width: 250px;

    color: #9fb3c9;

    font-size: 11px;
    letter-spacing: 1px;
}

.site-footer b {
    display: block;

    color: #ffffff;

    margin-bottom: 18px;

    font-size: 14px;
    font-weight: 700;
}

.site-footer a {
    display: block;

    color: #c9d8e8;

    font-size: 12px;

    margin: 8px 0;

    transition: color .2s ease;
}

.site-footer a:hover {
    color: #65bdff;
}

.footer-contact p {
    margin: 0 0 17px;

    color: #d5e2ef;

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

.footer-contact p span {
    display: block;

    margin-bottom: 3px;

    color: #73bfff;

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

    letter-spacing: 1px;
    text-transform: uppercase;
}

.footer-contact p a {
    margin: 2px 0;
}

.site-footer .footbottom {
    border-top: 1px solid rgba(255,255,255,.13);

    margin-top: 42px;
    padding-top: 20px;

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

    gap: 20px;

    font-size: 11px;

    color: #93a9bf;
}

.site-footer .footbottom a {
    display: inline-block;

    margin: 0;

    color: #b9cce0;
}


/* ---------------------------------
   FLOATING WHATSAPP BUTTON
---------------------------------- */

.kenanta-whatsapp {
    position: fixed;

    right: 24px;
    bottom: 24px;

    width: 58px;
    height: 58px;

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

    border-radius: 50%;

    background: #25D366;
    color: #ffffff !important;

    z-index: 9999;

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

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

.kenanta-whatsapp svg {
    width: 31px;
    height: 31px;

    display: block;
}

.kenanta-whatsapp:hover {
    transform: translateY(-3px) scale(1.04);

    box-shadow:
        0 12px 30px rgba(0,0,0,.3);
}


/* ---------------------------------
   TABLET
---------------------------------- */

@media (max-width: 950px) {

    .site-header .brand {
        width: 205px !important;
        min-height: 92px !important;
    }

    .site-header .brand img {
        width: 205px !important;
        max-height: 90px !important;
    }

    .site-header .nav {
        min-height: 98px !important;
    }

    .site-footer .footergrid {
        grid-template-columns: 1.3fr 1fr !important;
    }
}


/* ---------------------------------
   MOBILE
---------------------------------- */

@media (max-width: 760px) {

    .site-header .nav {
        min-height: 82px !important;
    }

    .site-header .brand {
        width: 165px !important;
        min-height: 74px !important;
    }

    .site-header .brand img {
        width: 165px !important;
        max-height: 72px !important;
    }

    .site-header .links {
        top: 82px !important;
    }

    .site-footer .footergrid {
        grid-template-columns: 1fr !important;

        gap: 30px !important;
    }

    .site-footer .footbottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .kenanta-whatsapp {
        width: 54px;
        height: 54px;

        right: 16px;
        bottom: 16px;
    }

    .kenanta-whatsapp svg {
        width: 29px;
        height: 29px;
    }
}


/* FINAL WHATSAPP SIZE SAFETY FIX */
a.kenanta-whatsapp {
    position: fixed !important;
    right: 18px !important;
    bottom: 18px !important;

    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;

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

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

    border-radius: 50% !important;
    overflow: hidden !important;

    background: #25D366 !important;
    color: #fff !important;

    z-index: 99999 !important;
    box-sizing: border-box !important;
}

a.kenanta-whatsapp svg {
    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;

    display: block !important;
    flex: 0 0 24px !important;

    position: static !important;
    transform: none !important;
}

a.kenanta-whatsapp svg path {
    transform: none !important;
}

@media (max-width: 760px) {
    a.kenanta-whatsapp {
        right: 14px !important;
        bottom: 14px !important;

        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }

    a.kenanta-whatsapp svg {
        width: 23px !important;
        height: 23px !important;
        min-width: 23px !important;
        min-height: 23px !important;
        max-width: 23px !important;
        max-height: 23px !important;
    }
}



/* ======================================================
   KENANTA SERVICES PAGE
   ====================================================== */


/* SERVICES HERO */

.services-hero {
    position: relative;

    padding: 95px 0 105px;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 80% 40%,
            rgba(61, 154, 244, .20),
            transparent 42%
        ),
        linear-gradient(
            120deg,
            #061a33,
            #092b55
        );

    overflow: hidden;
}

.services-hero .wrap {
    max-width: 1180px;
}

.services-hero h1 {
    max-width: 850px;

    margin-bottom: 25px;

    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.08;
}

.services-hero h1 em {
    display: inline;

    color: #69bdf7;

    font-style: normal;
}

.services-hero p {
    max-width: 790px;

    margin: 0;

    color: #cfdeed;

    font-size: 17px;
    line-height: 1.9;
}


/* FOUR MAIN SERVICES */

.services-main {
    padding-top: 70px;
    padding-bottom: 85px;
}

.service-feature {
    display: grid;

    grid-template-columns:
        130px
        minmax(0, 1fr);

    gap: 55px;

    padding: 65px 0;

    border-bottom: 1px solid #dfe8f1;
}

.service-feature.reverse {
    background:
        linear-gradient(
            90deg,
            transparent,
            #f6f9fd,
            transparent
        );
}

.service-number {
    color: #0b3d91;

    font-size: 66px;
    font-weight: 800;
    line-height: 1;

    opacity: .16;
}

.service-content {
    max-width: 900px;
}

.service-label {
    display: block;

    margin-bottom: 10px;

    color: #2e83d2;

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

    letter-spacing: 2px;
}

.service-content h2 {
    margin-bottom: 18px;

    font-size: clamp(30px, 3vw, 44px);
}

.service-content > p {
    max-width: 760px;

    color: #566a82;

    font-size: 16px;
    line-height: 1.9;
}

.service-content h3 {
    margin-top: 28px;
    margin-bottom: 14px;

    color: #163659;

    font-size: 15px;
}

.service-list {
    display: grid;

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

    gap: 10px 30px;

    max-width: 800px;

    margin: 0 0 30px;

    padding: 0;

    list-style: none;
}

.service-list li {
    position: relative;

    padding-left: 24px;

    color: #445b74;

    font-size: 14px;
}

.service-list li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: #2f8bdc;

    font-weight: 800;
}


/* DISCLAIMER */

.service-note {
    margin-top: 55px;

    padding: 28px 32px;

    border: 1px solid #cfe0ef;
    border-radius: 12px;

    background: #f5f9fd;
}

.service-note strong {
    display: block;

    margin-bottom: 8px;

    color: #0b3d91;
}

.service-note p {
    margin: 0;

    color: #566a82;

    font-size: 13px;
    line-height: 1.8;
}


/* HOW IT WORKS */

.services-process {
    padding: 90px 0;

    color: #ffffff;

    background:
        linear-gradient(
            120deg,
            #061a33,
            #0a315f
        );
}

.process-heading {
    max-width: 700px;

    margin-bottom: 50px;
}

.process-heading h2 {
    margin-bottom: 0;

    color: #ffffff;

    font-size: clamp(34px, 4vw, 54px);
}

.process-grid {
    display: grid;

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

    gap: 18px;
}

.process-step {
    padding: 25px 22px;

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;

    background: rgba(255,255,255,.035);
}

.process-step b {
    display: block;

    margin-bottom: 22px;

    color: #67bfff;

    font-size: 24px;
}

.process-step h3 {
    margin-bottom: 12px;

    color: #ffffff;

    font-size: 15px;
}

.process-step p {
    margin: 0;

    color: #bcd0e4;

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


/* BUYER / SUPPLIER */

.service-audience {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 28px;

    padding-top: 90px;
    padding-bottom: 90px;
}

.service-audience article {
    padding: 44px;

    border: 1px solid #dde7f1;
    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f6f9fd
        );
}

.service-audience h2 {
    margin-bottom: 17px;

    font-size: 30px;
}

.service-audience p {
    margin-bottom: 28px;

    color: #63738b;

    line-height: 1.8;
}


/* FINAL CTA */

.services-final {
    padding: 85px 0;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 50% 0%,
            #164f89,
            #061a33 65%
        );
}

.services-final h2 {
    color: #ffffff;

    font-size: clamp(35px,4vw,52px);
}

.services-final p {
    max-width: 700px;

    margin-left: auto;
    margin-right: auto;

    color: #bfd1e4;
}


/* TABLET */

@media(max-width:950px) {

    .process-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .process-step:last-child {
        grid-column: span 2;
    }

}


/* MOBILE */

@media(max-width:760px) {

    .services-hero {
        padding: 65px 0;
    }

    .services-hero h1 {
        font-size: 38px;
    }

    .service-feature {
        grid-template-columns: 1fr;

        gap: 10px;

        padding: 48px 0;
    }

    .service-number {
        font-size: 42px;
    }

    .service-list {
        grid-template-columns: 1fr;
    }

    .process-grid {
        grid-template-columns: 1fr;
    }

    .process-step:last-child {
        grid-column: auto;
    }

    .service-audience {
        grid-template-columns: 1fr;

        padding-top: 60px;
        padding-bottom: 60px;
    }

    .service-audience article {
        padding: 28px;
    }

}



/* KENANTA SEO AEO HOMEPAGE START */


/* Main SEO content */

.seo-aeo-section {
    padding: 95px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7faff 100%
        );
}


.seo-aeo-intro {
    max-width: 900px;

    margin-bottom: 48px;
}


.seo-aeo-intro h2 {
    max-width: 850px;
}


.seo-aeo-intro h2 span {
    color: #2c83d0;
}


.seo-service-grid {
    display: grid;

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

    gap: 22px;

    margin-bottom: 90px;
}


.seo-service-grid article {
    padding: 32px;

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

    background: #ffffff;

    box-shadow:
        0 12px 35px rgba(22,65,108,.06);
}


.seo-service-no {
    display: block;

    margin-bottom: 18px;

    color: #2c83d0;

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

    letter-spacing: 2px;
}


.seo-service-grid h3 {
    margin-bottom: 14px;

    color: #173654;

    font-size: 19px;
}


.seo-service-grid p {
    color: #63738b;

    font-size: 13px;
    line-height: 1.85;
}


.seo-service-grid a {
    display: inline-block;

    margin-top: 10px;

    color: #0b3d91;

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


/* FAQ / AEO */

.seo-aeo-faq {
    display: grid;

    grid-template-columns:
        .75fr 1.25fr;

    gap: 70px;

    padding-top: 75px;

    border-top: 1px solid #e0e8f1;
}


.faq-heading {
    position: sticky;

    top: 145px;

    align-self: start;
}


.faq-heading h2 {
    margin-bottom: 15px;
}


.faq-heading p {
    color: #63738b;

    font-size: 14px;
    line-height: 1.8;
}


.faq-list details {
    margin-bottom: 13px;

    border: 1px solid #dce6f0;
    border-radius: 11px;

    background: #ffffff;

    overflow: hidden;
}


.faq-list summary {
    position: relative;

    padding: 20px 55px 20px 22px;

    color: #173654;

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

    cursor: pointer;

    list-style: none;
}


.faq-list summary::-webkit-details-marker {
    display: none;
}


.faq-list summary::after {
    content: "+";

    position: absolute;

    right: 22px;
    top: 15px;

    color: #2b82d2;

    font-size: 25px;
    font-weight: 400;
}


.faq-list details[open] summary::after {
    content: "−";
}


.faq-list details p {
    margin: 0;

    padding:
        0 22px 22px;

    color: #5d7087;

    font-size: 13px;
    line-height: 1.9;
}


/* Tablet */

@media(max-width:950px) {

    .seo-service-grid {
        grid-template-columns: 1fr;
    }

    .seo-aeo-faq {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .faq-heading {
        position: static;
    }
}


/* Mobile */

@media(max-width:760px) {

    .seo-aeo-section {
        padding: 65px 0;
    }

    .seo-service-grid {
        margin-bottom: 60px;
    }

    .seo-service-grid article {
        padding: 25px;
    }

    .seo-aeo-faq {
        padding-top: 55px;
    }

    .faq-list summary {
        padding:
            18px 48px
            18px 18px;
    }

    .faq-list details p {
        padding:
            0 18px 20px;
    }

}


/* KENANTA SEO AEO HOMEPAGE END */



/* =========================================================
   KENANTA ANIMATIONS 2026
   ========================================================= */


/* ---------------------------------------------------------
   HOME HERO SEQUENCE
   --------------------------------------------------------- */

.kenanta-hero-copy {
    opacity: 0;
    transform: translate3d(-35px, 18px, 0);

    animation:
        kenantaHeroCopyIn
        .85s
        cubic-bezier(.2,.7,.2,1)
        .12s
        forwards;
}


.kenanta-hero-globe {
    opacity: 0;

    transform:
        translate3d(95px, 0, 0)
        scale(.82);

    filter: blur(8px);

    animation:
        kenantaGlobeIn
        1.25s
        cubic-bezier(.16,.82,.28,1)
        .72s
        forwards;
}


@keyframes kenantaHeroCopyIn {

    from {
        opacity: 0;

        transform:
            translate3d(
                -35px,
                18px,
                0
            );
    }

    to {
        opacity: 1;

        transform:
            translate3d(
                0,
                0,
                0
            );
    }

}


@keyframes kenantaGlobeIn {

    0% {

        opacity: 0;

        transform:
            translate3d(
                95px,
                0,
                0
            )
            scale(.82);

        filter: blur(8px);

    }


    55% {
        opacity: .85;
    }


    100% {

        opacity: 1;

        transform:
            translate3d(
                0,
                0,
                0
            )
            scale(1);

        filter: blur(0);

    }

}



/* ---------------------------------------------------------
   NORMAL SCROLL REVEAL
   --------------------------------------------------------- */

.kenanta-reveal {

    opacity: 0;

    transform:
        translate3d(
            0,
            42px,
            0
        );

    transition:
        opacity .72s ease var(--kenanta-delay,0ms),
        transform .82s cubic-bezier(.2,.72,.2,1)
        var(--kenanta-delay,0ms);

    will-change:
        transform,
        opacity;
}


.kenanta-reveal.kenanta-visible {

    opacity: 1;

    transform:
        translate3d(
            0,
            0,
            0
        );
}



/* ---------------------------------------------------------
   LEFT / RIGHT REVEAL
   --------------------------------------------------------- */

.kenanta-slide-left {

    opacity: 0;

    transform:
        translate3d(
            -65px,
            22px,
            0
        );

    transition:
        opacity .75s ease,
        transform .9s cubic-bezier(.2,.72,.2,1);

    will-change:
        transform,
        opacity;
}


.kenanta-slide-right {

    opacity: 0;

    transform:
        translate3d(
            65px,
            22px,
            0
        );

    transition:
        opacity .75s ease,
        transform .9s cubic-bezier(.2,.72,.2,1);

    will-change:
        transform,
        opacity;
}


.kenanta-slide-left.kenanta-visible,
.kenanta-slide-right.kenanta-visible {

    opacity: 1;

    transform:
        translate3d(
            0,
            0,
            0
        );
}



/* ---------------------------------------------------------
   ABOUT CARD FLIP
   --------------------------------------------------------- */

.kenanta-flip {

    opacity: 0;

    transform:
        perspective(1100px)
        rotateY(22deg)
        rotateX(5deg)
        translate3d(
            0,
            45px,
            0
        );

    transform-origin:
        center center;

    transition:
        opacity .75s ease var(--kenanta-delay,0ms),
        transform .9s cubic-bezier(.18,.78,.22,1)
        var(--kenanta-delay,0ms);

    backface-visibility:
        hidden;

    will-change:
        transform,
        opacity;
}


.kenanta-flip.kenanta-visible {

    opacity: 1;

    transform:
        perspective(1100px)
        rotateY(0deg)
        rotateX(0deg)
        translate3d(
            0,
            0,
            0
        );
}



/* ---------------------------------------------------------
   CARD HOVER
   --------------------------------------------------------- */

.cards article,
.service-feature {

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


.cards article:hover {

    transform:
        translateY(-8px);

    box-shadow:
        0 20px 45px
        rgba(
            9,
            43,
            97,
            .12
        );
}



/* =========================================================
   INNER PAGE BANNERS WITH IMAGE
   Uses existing KENANTA globe image
   ========================================================= */

.pagehero,
.services-hero {

    position: relative;

    overflow: hidden;

    isolation: isolate;
}


.pagehero::before,
.services-hero::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;

    background-image:
        url('kenanta-globe-20260929.webp');

    background-repeat:
        no-repeat;

    background-position:
        right center;

    background-size:
        auto 145%;

    opacity: .42;

    transform:
        scale(1.08);

    animation:
        kenantaBannerImageIn
        1.15s
        cubic-bezier(.2,.72,.2,1)
        .15s
        both;
}


.pagehero::after,
.services-hero::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(4,24,64,.98) 0%,
            rgba(7,47,112,.90) 46%,
            rgba(5,42,100,.52) 72%,
            rgba(2,25,62,.72) 100%
        );
}


.pagehero > .wrap,
.services-hero > .wrap {

    position: relative;

    z-index: 2;
}


@keyframes kenantaBannerImageIn {

    from {

        opacity: 0;

        transform:
            translate3d(
                80px,
                0,
                0
            )
            scale(1.16);
    }


    to {

        opacity: .42;

        transform:
            translate3d(
                0,
                0,
                0
            )
            scale(1.08);
    }

}



/* Different banner position per page */

.kenanta-page-about .pagehero::before {

    background-position:
        88% center;
}


.kenanta-page-trade .pagehero::before {

    background-position:
        78% center;
}


.kenanta-page-buyer .pagehero::before,
.kenanta-page-seller .pagehero::before {

    background-position:
        82% center;
}


.kenanta-page-contact .pagehero::before {

    background-position:
        92% center;
}



/* =========================================================
   WHATSAPP TEXT BUTTON
   Overrides old 46px circular inline style
   ========================================================= */

.kenanta-whatsapp.kenanta-whatsapp-pill {

    width: auto !important;

    min-width: 48px !important;
    max-width: none !important;

    height: 50px !important;
    max-height: 50px !important;

    padding:
        0 18px
        0 13px !important;

    gap: 9px !important;

    border-radius:
        999px !important;

    overflow:
        visible !important;

    text-decoration:
        none !important;

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

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


.kenanta-whatsapp.kenanta-whatsapp-pill:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 15px 36px
        rgba(
            0,
            0,
            0,
            .24
        );
}


.kenanta-whatsapp svg {

    width:
        25px !important;

    height:
        25px !important;

    min-width:
        25px !important;

    max-width:
        25px !important;

    flex:
        0 0 25px !important;
}


.kenanta-wa-label {

    display:
        inline-block;

    color:
        #fff;

    font-size:
        14px;

    font-weight:
        700;

    white-space:
        nowrap;

    line-height:
        1;
}



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

@media
(max-width: 767px) {

    .pagehero::before,
    .services-hero::before {

        background-size:
            auto 110%;

        background-position:
            85% center;

        opacity:
            .29;
    }


    .kenanta-whatsapp.kenanta-whatsapp-pill {

        right:
            12px !important;

        bottom:
            12px !important;

        height:
            46px !important;

        max-height:
            46px !important;

        padding:
            0 13px
            0 11px !important;
    }


    .kenanta-wa-label {

        font-size:
            12px;
    }


    .kenanta-slide-left,
    .kenanta-slide-right {

        transform:
            translate3d(
                0,
                36px,
                0
            );
    }

}



/* =========================================================
   ACCESSIBILITY
   ========================================================= */

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

    .kenanta-hero-copy,
    .kenanta-hero-globe,
    .kenanta-reveal,
    .kenanta-flip,
    .kenanta-slide-left,
    .kenanta-slide-right {

        opacity:
            1 !important;

        transform:
            none !important;

        filter:
            none !important;

        animation:
            none !important;

        transition:
            none !important;
    }

}



/* ==========================================================
   KENANTA PREMIUM MOTION + IMAGE BANNERS
   2026-10-05
   ========================================================== */


/* ==========================================================
   HERO ENTRANCE
   ========================================================== */

.kenanta-hero-copy {
    opacity: 0;

    transform:
        translate3d(
            -42px,
            15px,
            0
        );

    animation:
        kenantaHeroText
        .85s
        cubic-bezier(.2,.75,.2,1)
        .1s
        forwards;
}


.kenanta-hero-globe {
    opacity: 0;

    transform:
        translate3d(
            100px,
            0,
            0
        )
        scale(.84);

    filter:
        blur(7px);

    animation:
        kenantaHeroGlobe
        1.3s
        cubic-bezier(.18,.82,.25,1)
        .75s
        forwards;
}


@keyframes kenantaHeroText {

    to {
        opacity: 1;

        transform:
            translate3d(
                0,
                0,
                0
            );
    }

}


@keyframes kenantaHeroGlobe {

    to {
        opacity: 1;

        transform:
            translate3d(
                0,
                0,
                0
            )
            scale(1);

        filter:
            blur(0);
    }

}



/* ==========================================================
   STANDARD SCROLL
   ========================================================== */

.kenanta-reveal {

    opacity: 0;

    transform:
        translate3d(
            0,
            42px,
            0
        );

    transition:
        opacity .65s ease var(--delay,0ms),
        transform .8s
        cubic-bezier(.18,.75,.2,1)
        var(--delay,0ms);
}


.kenanta-reveal.kenanta-show {

    opacity: 1;

    transform:
        translate3d(
            0,
            0,
            0
        );
}



/* ==========================================================
   LEFT RIGHT SERVICES
   ========================================================== */

.kenanta-from-left {

    opacity: 0;

    transform:
        translate3d(
            -75px,
            0,
            0
        );

    transition:
        opacity .75s ease,
        transform .9s
        cubic-bezier(.18,.78,.2,1);
}


.kenanta-from-right {

    opacity: 0;

    transform:
        translate3d(
            75px,
            0,
            0
        );

    transition:
        opacity .75s ease,
        transform .9s
        cubic-bezier(.18,.78,.2,1);
}


.kenanta-from-left.kenanta-show,
.kenanta-from-right.kenanta-show {

    opacity: 1;

    transform:
        translate3d(
            0,
            0,
            0
        );
}



/* ==========================================================
   CARD FLIP
   ========================================================== */

.kenanta-card-flip,
.kenanta-process-flip {

    opacity: 0;

    transform:
        perspective(1200px)
        rotateY(70deg)
        translate3d(
            0,
            20px,
            0
        );

    transform-origin:
        center;

    backface-visibility:
        hidden;

    transition:
        opacity .55s ease var(--delay,0ms),
        transform .9s
        cubic-bezier(.2,.8,.2,1)
        var(--delay,0ms);

    will-change:
        transform,
        opacity;
}


.kenanta-card-flip.kenanta-show,
.kenanta-process-flip.kenanta-show {

    opacity: 1;

    transform:
        perspective(1200px)
        rotateY(0deg)
        translate3d(
            0,
            0,
            0
        );
}



/* service process card look */

.services-process article,
.services-process .process-step,
.services-process .process-card {

    transform-style:
        preserve-3d;

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


.services-process article:hover,
.services-process .process-step:hover,
.services-process .process-card:hover {

    transform:
        translateY(-9px)
        scale(1.015);

    border-color:
        rgba(
            81,
            183,
            255,
            .65
        );

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



/* ==========================================================
   IMAGE BANNERS
   ========================================================== */

.pagehero,
.services-hero {

    position:
        relative !important;

    isolation:
        isolate;

    overflow:
        hidden;

    min-height:
        330px;

    display:
        flex;

    align-items:
        center;
}


.pagehero::before,
.services-hero::before {

    content:
        "" !important;

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    opacity:
        1;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        cover !important;

    transform:
        scale(1.08);

    animation:
        kenantaBannerZoom
        1.6s
        cubic-bezier(.2,.72,.2,1)
        forwards;
}


.pagehero::after,
.services-hero::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background:
        linear-gradient(
            90deg,
            rgba(1,20,50,.96)
            0%,

            rgba(3,40,90,.82)
            42%,

            rgba(2,38,82,.43)
            72%,

            rgba(0,20,48,.18)
            100%
        );
}


.pagehero .wrap,
.services-hero .wrap {

    position:
        relative;

    z-index:
        2;
}


@keyframes kenantaBannerZoom {

    from {
        transform:
            scale(1.15);

        filter:
            brightness(.74)
            blur(3px);
    }


    to {
        transform:
            scale(1.03);

        filter:
            brightness(1)
            blur(0);
    }

}



/* ABOUT */

.kenanta-page-about
.pagehero::before {

    background-image:
        url('banner-about.webp') !important;
}



/* SERVICES */

.kenanta-page-services
.services-hero::before {

    background-image:
        url('banner-services.webp') !important;
}



/* GLOBAL TRADE */

.kenanta-page-trade
.pagehero::before {

    background-image:
        url('banner-trade.webp') !important;
}



/* BUYER */

.kenanta-page-buyer
.pagehero::before {

    background-image:
        url('banner-buyer.webp') !important;
}



/* SUPPLIER */

.kenanta-page-seller
.pagehero::before {

    background-image:
        url('banner-suppliers.webp') !important;
}



/* CONTACT */

.kenanta-page-contact
.pagehero::before {

    background-image:
        url('banner-contact.webp') !important;
}



/* PRIVACY */

.kenanta-page-privacy
.pagehero::before {

    background-image:
        url('banner-about.webp') !important;
}



/* ==========================================================
   HOME PHOTO LAYER
   ========================================================== */

.hero {

    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;
}


.hero::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    background:
        url('banner-home.webp')
        center / cover
        no-repeat;

    opacity:
        .27;

    animation:
        kenantaHomeBackground
        2s ease
        both;
}


.hero::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background:
        linear-gradient(
            90deg,
            rgba(2,22,54,.98)
            0%,

            rgba(3,40,91,.93)
            43%,

            rgba(1,31,71,.68)
            72%,

            rgba(1,22,50,.46)
            100%
        );
}


.hero .wrap {

    position:
        relative;

    z-index:
        2;
}


@keyframes kenantaHomeBackground {

    from {
        opacity:
            0;

        transform:
            scale(1.08);
    }


    to {
        opacity:
            .27;

        transform:
            scale(1);
    }

}



/* ==========================================================
   WHATSAPP PILL
   FORCE OVERRIDE OLD INLINE CIRCLE
   ========================================================== */

a.kenanta-whatsapp.kenanta-wa-modern {

    position:
        fixed !important;

    right:
        22px !important;

    bottom:
        22px !important;

    left:
        auto !important;

    top:
        auto !important;

    width:
        auto !important;

    min-width:
        215px !important;

    max-width:
        none !important;

    height:
        52px !important;

    min-height:
        52px !important;

    max-height:
        52px !important;

    padding:
        0 20px
        0 14px !important;

    display:
        inline-flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        10px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        #20d477 !important;

    color:
        #fff !important;

    overflow:
        visible !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    box-sizing:
        border-box !important;

    z-index:
        999999 !important;

    box-shadow:
        0 12px 34px
        rgba(
            0,
            0,
            0,
            .23
        ) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


a.kenanta-whatsapp.kenanta-wa-modern:hover {

    transform:
        translateY(-4px)
        scale(1.02);

    box-shadow:
        0 17px 40px
        rgba(
            0,
            0,
            0,
            .30
        ) !important;
}


a.kenanta-whatsapp.kenanta-wa-modern svg {

    width:
        27px !important;

    height:
        27px !important;

    min-width:
        27px !important;

    max-width:
        27px !important;

    min-height:
        27px !important;

    max-height:
        27px !important;

    flex:
        0 0 27px !important;

    display:
        block !important;
}


a.kenanta-whatsapp
.kenanta-wa-label {

    display:
        block !important;

    width:
        auto !important;

    overflow:
        visible !important;

    color:
        #fff !important;

    font-size:
        16px !important;

    line-height:
        1 !important;

    font-weight:
        700 !important;

    white-space:
        nowrap !important;
}



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

@media
(max-width: 768px) {

    .pagehero,
    .services-hero {

        min-height:
            245px;
    }


    a.kenanta-whatsapp.kenanta-wa-modern {

        right:
            12px !important;

        bottom:
            12px !important;

        min-width:
            178px !important;

        height:
            46px !important;

        min-height:
            46px !important;

        max-height:
            46px !important;

        padding:
            0 14px
            0 11px !important;
    }


    a.kenanta-whatsapp
    .kenanta-wa-label {

        font-size:
            13px !important;
    }


    .kenanta-card-flip,
    .kenanta-process-flip {

        transform:
            perspective(900px)
            rotateY(45deg)
            translateY(25px);
    }

}



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

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

    .kenanta-hero-copy,
    .kenanta-hero-globe,
    .kenanta-reveal,
    .kenanta-card-flip,
    .kenanta-process-flip,
    .kenanta-from-left,
    .kenanta-from-right {

        opacity:
            1 !important;

        transform:
            none !important;

        filter:
            none !important;

        animation:
            none !important;

        transition:
            none !important;
    }

}