/*
Theme Name: Hello Elementor Masakn
Template: hello-elementor
Description: Small child theme for Masakn Group. Header, footer, home slider, contact form and style.
Version: 1.0.0
Text Domain: hello-elementor-masakn
*/
:root { --mk-red:#bb0b0b; --mk-navy:#111d30; --mk-navy2:#0f1825; --mk-head:#232323; --mk-text:#666666; --mk-gray:#f7f7f7; }
body { font-family:"Nunito",Arial,Helvetica,sans-serif; font-size:16px; line-height:1.7; color:var(--mk-text); }
h1,h2,h3,h4,h5,h6,.elementor-heading-title { font-family:"Inter",Arial,Helvetica,sans-serif !important; }
a { color:var(--mk-red); }
.mk-wrap { max-width:1200px; margin:0 auto; padding:0 15px; }

/* header */
.mk-header { background:#fff; position:relative; z-index:999; box-shadow:0 2px 12px rgba(0,0,0,.04); }
.mk-top { border-bottom:1px solid #eee; }
.mk-top .mk-wrap { display:flex; align-items:center; justify-content:space-between; min-height:95px; }
.mk-logo img { height:50px; width:auto; display:block; }
.mk-info { display:flex; gap:0; }
.mk-info > div { display:flex; align-items:center; gap:12px; padding:0 17px; border-left:1px solid #e7e7e7; }
.mk-info > div:first-child { border-left:0; }
.mk-info svg { width:36px; height:36px; stroke:var(--mk-red); fill:none; stroke-width:1.4; }
.mk-info strong { display:block; font-family:Inter,sans-serif; font-size:12px; font-weight:600; color:#555; text-transform:uppercase; line-height:1.2; }
.mk-info span { font-size:14px; color:#555; line-height:1.3; }
.mk-info a { color:#555; text-decoration:none; }
.mk-navbar { position:sticky; top:0; }
.mk-navbar .mk-wrap { display:flex; align-items:center; min-height:66px; }
.mk-nav ul { list-style:none; margin:0; padding:0; }
.mk-nav > ul { display:flex; }
.mk-nav > ul > li { position:relative; }
.mk-nav > ul > li > a { display:block; padding:24px 12px; font-family:Inter,sans-serif; font-size:13px; font-weight:600; letter-spacing:.78px; text-transform:uppercase; color:#333; text-decoration:none; }
.mk-nav > ul > li:first-child > a { padding-left:0; }
.mk-nav > ul > li.current-menu-item > a, .mk-nav a:hover { color:var(--mk-red); }
.mk-nav .menu-item-has-children > a:after { content:''; display:inline-block; width:5px; height:5px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin:0 0 3px 6px; }
.mk-nav .sub-menu { position:absolute; left:0; top:100%; min-width:240px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.1); border-top:2px solid var(--mk-red); opacity:0; visibility:hidden; transform:translateY(10px); transition:all .2s; z-index:10; }
.mk-nav li:hover > .sub-menu { opacity:1; visibility:visible; transform:none; }
.mk-nav .sub-menu a { display:block; padding:10px 20px; font-size:14px; color:#333; text-decoration:none; border-bottom:1px solid #f1f1f1; }
.mk-burger { display:none; margin-left:auto; background:none; border:0; padding:8px; cursor:pointer; }
.mk-burger span { display:block; width:24px; height:2px; background:#333; margin:5px 0; }
@media (max-width:1024px) {
  .mk-info { display:none; }
  .mk-top .mk-wrap { min-height:70px; }
  .mk-burger { display:block; }
  .mk-navbar .mk-wrap { min-height:0; }
  .mk-nav { display:none; width:100%; }
  .mk-nav.is-open { display:block; }
  .mk-nav > ul { flex-direction:column; padding:10px 0; }
  .mk-nav > ul > li > a { padding:12px 0; }
  .mk-nav .sub-menu { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border:0; display:none; }
  .mk-nav li.open > .sub-menu { display:block; }
}

/* floating social bar */
.mk-social { position:fixed; left:0; top:43%; z-index:998; display:flex; flex-direction:column; transition:transform .3s; }
.mk-social a, .mk-social button { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:0; padding:0; cursor:pointer; }
.mk-social-toggle { background:#000; height:26px !important; border-radius:0 6px 0 0; }
.mk-social .fb { background:#4267b2; }
.mk-social .ig { background:linear-gradient(45deg,#f09433,#dc2743,#bc1888); border-radius:0 0 6px 0; }
.mk-social svg { width:16px; height:16px; fill:#fff; }
.mk-social.closed a { display:none; }

/* home slider */
.mk-slider { position:relative; overflow:hidden; }
.mk-slider.mk-ready > .mk-slide { display:none !important; }
.mk-slider.mk-ready > .mk-slide.is-active { display:flex !important; animation:mkFade .8s ease; }
.mk-slider:not(.mk-ready) > .mk-slide:not(:first-child) { display:none !important; }
@keyframes mkFade { from { opacity:0; } to { opacity:1; } }
.mk-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:50px; height:50px; background:rgba(0,0,0,.25); border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; }
.mk-slider:hover .mk-arrow { opacity:1; }
.mk-arrow svg { width:22px; height:22px; fill:none; stroke:#fff; stroke-width:2.5; }
.mk-prev { left:20px; } .mk-next { right:20px; }
.mk-dots { display:none; }

/* small red dot before sub headings */
.mk-sub .elementor-heading-title:before { content:''; display:inline-block; width:5px; height:5px; background:var(--mk-red); border-radius:50%; margin:0 8px 3px 0; vertical-align:middle; }

/* two overlapping photos */
.mk-duo { position:relative; height:420px; max-width:520px; margin-left:auto; }
.mk-duo img { position:absolute; object-fit:cover; background:#fff; padding:8px; box-shadow:0 5px 30px rgba(0,0,0,.08); }
.mk-duo .a { width:52%; height:78%; left:0; bottom:0; }
.mk-duo .b { width:44%; height:70%; right:0; top:0; }
.mk-duo.left { margin-left:0; margin-right:auto; }
.mk-duo.big .a { width:72%; height:86%; left:0; top:0; bottom:auto; padding:0; box-shadow:none; }
.mk-duo.big .b { width:56%; height:48%; left:26%; right:auto; top:auto; bottom:0; }
@media (max-width:767px) { .mk-duo { height:300px; margin:0 auto; } }

/* venture cards */
.mk-card { transition:all .3s; }
.mk-card .elementor-icon { background:var(--mk-red) !important; }
.mk-card.is-red { background:var(--mk-red) !important; }
.mk-card.is-red .elementor-icon { background:#fff !important; }
.mk-card.is-red .elementor-icon i, .mk-card.is-red .elementor-icon svg { color:var(--mk-red) !important; fill:var(--mk-red) !important; }
.mk-card.is-red h4, .mk-card.is-red p, .mk-card.is-red a { color:#fff !important; }
.mk-readmore, .mk-readmore:visited { font-size:14px; font-weight:600; color:#666 !important; text-decoration:none; }
.mk-readmore:hover { color:var(--mk-red) !important; }

/* team */
.mk-team img { aspect-ratio:800/850; object-fit:cover; width:100%; }

/* founder signature row */
.mk-founder { display:flex; align-items:center; gap:22px; }
.mk-founder .p { display:flex; align-items:center; gap:14px; padding-right:22px; border-right:1px solid #ddd; }
.mk-founder .p img { width:62px; height:62px; border-radius:50%; object-fit:cover; }
.mk-founder h4 { margin:0; font-size:15px; color:var(--mk-head); }
.mk-founder small { font-size:13px; color:#666; }
.mk-founder .sig { width:80px; height:auto; }
.mk-founder.light h4, .mk-founder.light small { color:#fff; }

/* check list */
.mk-list { list-style:none; padding:0; margin:0; }
.mk-list li { position:relative; padding-left:24px; margin-bottom:8px; font-weight:600; color:#232323; font-size:14px; line-height:1.6; }
.mk-list li:before { content:''; position:absolute; left:2px; top:5px; width:6px; height:10px; border:solid var(--mk-red); border-width:0 2px 2px 0; transform:rotate(45deg); }

/* feature items with icon */
.mk-feat { display:flex; gap:22px; margin-top:26px; }
.mk-feat .ic { flex:0 0 60px; height:60px; background:var(--mk-navy); border-radius:6px; display:flex; align-items:center; justify-content:center; position:relative; }
.mk-feat .ic:after { content:''; position:absolute; right:-7px; top:-7px; width:16px; height:16px; border-radius:50%; background:var(--mk-red); border:2px solid #fff; }
.mk-feat .ic svg { width:28px; height:28px; stroke:#fff; fill:none; stroke-width:1.6; }
.mk-feat h4 { font-size:18px; color:var(--mk-head); margin:4px 0 8px; font-weight:600; }
.mk-feat p { font-size:15px; margin:0; }

/* clients */
.mk-clients { overflow:hidden; }
.mk-clients .track { display:flex; width:max-content; animation:mkScroll 45s linear infinite; }
.mk-clients:hover .track { animation-play-state:paused; }
.mk-clients img { width:170px; height:170px; object-fit:contain; margin:0 15px; }
@keyframes mkScroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* contact */
.mk-cinfo { list-style:none; margin:24px 0 0; padding:0; }
.mk-cinfo li { display:flex; gap:16px; margin-bottom:26px; }
.mk-cinfo .ic { flex:0 0 46px; height:46px; border-radius:50%; background:#f3f3f3; display:flex; align-items:center; justify-content:center; }
.mk-cinfo svg { width:22px; height:22px; stroke:#555; fill:none; stroke-width:1.4; }
.mk-cinfo strong { display:block; color:#232323; font-family:Inter,sans-serif; font-size:15px; margin-bottom:6px; }
.mk-cinfo span { font-size:14px; line-height:1.6; color:#555; }
.mk-form .row2 { display:flex; gap:24px; }
.mk-form .row2 > * { flex:1; }
.mk-form input[type=text], .mk-form input[type=email], .mk-form input[type=tel], .mk-form textarea { width:100%; background:#f5f5f5; border:1px solid #eee; border-radius:0; padding:14px 18px; font-size:14px; margin-bottom:20px; }
.mk-form textarea { min-height:210px; }
.mk-form button { background:var(--mk-red); color:#fff; border:0; padding:14px 34px; font-weight:600; font-size:14px; border-radius:3px; cursor:pointer; }
.mk-form button:hover { background:#970808; }
.mk-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.mk-notice { padding:10px 12px; margin:0 0 16px; font-size:14px; }
.mk-notice.ok { background:#e9f6ec; color:#1e6b33; }
.mk-notice.err { background:#fbeaea; color:#8a1f1f; }
.screen-reader { position:absolute; left:-9999px; }
@media (max-width:767px) { .mk-form .row2 { flex-direction:column; gap:0; } }

/* footer */
.mk-footer { background:var(--mk-navy); color:#ccc; font-size:14px; }
.mk-footer .cols { display:grid; grid-template-columns:1fr 1fr 2fr; gap:30px; padding:110px 15px 90px; max-width:1200px; margin:0 auto; }
.mk-footer h4 { color:#fff; font-size:16px; margin:0 0 28px; font-weight:600; }
.mk-footer p { color:#ccc; line-height:1.75; margin:0 0 30px; font-weight:600; font-size:13px; }
.mk-footer .soc { display:flex; gap:10px; }
.mk-footer .soc a { width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; }
.mk-footer .soc svg { width:12px; height:12px; fill:#fff; }
.mk-footer ul { list-style:none; margin:0; padding:0; }
.mk-footer li { display:flex; gap:16px; margin-bottom:22px; font-weight:600; font-size:13px; color:#ccc; line-height:1.7; }
.mk-footer li svg { flex:0 0 22px; width:22px; height:22px; stroke:#ccc; fill:none; stroke-width:1.3; }
.mk-footer a { color:#ccc; text-decoration:none; }
.mk-footer a:hover { color:#fff; }
.mk-copy { background:var(--mk-navy2); border-top:1px solid rgba(255,255,255,.05); }
.mk-copy .mk-wrap { text-align:center; padding:30px 15px; font-size:13px; color:#ccc; font-weight:600; }
.mk-copy a { color:#fff; }
@media (max-width:900px) { .mk-footer .cols { grid-template-columns:1fr; padding:60px 15px 40px; } }