/* Webkhani Contact/About Elementor widgets. Scoped to avoid affecting the theme. */
.wk-contact,
.wk-about {
	--wk-contact-accent: #1769ff;
	--wk-contact-surface: #f4f7fc;
	--wk-contact-dark: #123d38;
	--wk-about-accent: #1769ff;
	--wk-about-surface: #f4f7fc;
	--wk-about-ink: #172033;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	isolation: isolate;
	font-family: inherit;
}

.wk-contact *, .wk-about * { box-sizing: border-box; }
.wk-contact a, .wk-about a { text-decoration: none; }
.wk-contact__glow { position: absolute; inset: -20% auto auto -5%; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--wk-contact-accent) 16%, transparent), transparent 70%); pointer-events: none; z-index: -1; }
.wk-contact { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr); gap: clamp(28px, 6vw, 88px); padding: clamp(28px, 5vw, 72px); background: var(--wk-contact-surface); color: #163a36; }
.wk-contact__intro { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.wk-contact__eyebrow, .wk-about__eyebrow { display: inline-flex; flex-direction: row; align-items: center; gap: 9px; color: var(--wk-contact-accent); font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.wk-contact__eyebrow span, .wk-about__eyebrow span { display: block; width: 12px; height: 12px; border: 3px solid rgba(96, 173, 255, .32); border-radius: 50%; background: #1769ff; box-shadow: 0 0 0 5px rgba(23, 105, 255, .1), 0 5px 14px rgba(23, 105, 255, .2); }
.wk-contact__title { max-width: 680px; margin: 18px 0 15px; color: #092b79; font-size: clamp(28px, 4vw, 54px); line-height: 1.25; font-weight: 900; letter-spacing: -.04em; }
.wk-contact__description { max-width: 580px; color: #66807b; font-size: 15px; line-height: 2; }
.wk-contact__description p { margin: 0; }
.wk-contact__details { display: grid; width: 100%; max-width: 590px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.wk-contact__detail { display: flex; min-height: 82px; align-items: center; gap: 11px; padding: 13px 14px; border: 1px solid rgba(23, 105, 255, .13); border-radius: 17px; background: rgba(255, 255, 255, .84); color: #172033; box-shadow: 0 8px 20px rgba(9, 43, 121, .04); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.wk-contact__detail:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--wk-contact-accent) 45%, transparent); box-shadow: 0 12px 26px rgba(20, 71, 59, .08); }
.wk-contact__detail-icon { display: inline-flex; width: 46px; height: 46px; flex: 0 0 46px; align-items: center; justify-content: center; border: 1px solid rgba(23, 105, 255, .12); border-radius: 50%; background: #eaf1ff; color: var(--wk-contact-accent); font-size: 20px; line-height: 1; text-align: center; }
.wk-contact__detail-icon i, .wk-contact__detail-icon svg { display: block; margin: 0 auto; line-height: 1; }
.wk-contact__detail > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.wk-contact__detail small { color: #71809a; font-size: 10px; font-weight: 700; }
.wk-contact__detail strong { overflow-wrap: anywhere; font-size: 12px; line-height: 1.55; }
.wk-contact__detail > .eicon-arrow-left { margin-inline-start: auto; color: #9cb1ac; font-size: 13px; }
.wk-contact__hours { display: inline-flex; align-items: center; gap: 8px; margin-top: 17px; color: #71809a; font-size: 11px; font-weight: 700; }
.wk-contact__hours i { color: var(--wk-contact-accent); font-size: 15px; }
.wk-contact__socials { width: 100%; max-width: 590px; margin-top: 30px; padding-top: 18px; border-top: 1px solid rgba(23, 105, 255, .12); }
.wk-contact__socials-label { display: block; margin-bottom: 11px; color: #9aada8; font-size: 11px; font-weight: 700; }
.wk-contact__social-list { display: flex; flex-wrap: wrap; gap: 9px; }
.wk-contact__social-list a { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px 5px 6px; border: 1px solid rgba(23, 105, 255, .12); border-radius: 12px; background: rgba(255, 255, 255, .72); color: #294675; font-size: 11px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.wk-contact__social-list a:hover { transform: translateY(-3px); border-color: rgba(23, 105, 255, .32); box-shadow: 0 9px 20px rgba(9, 43, 121, .09); }
.wk-contact__social-list a span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: #eaf1ff; color: var(--wk-contact-accent); transition: background .2s ease, color .2s ease; }
.wk-contact__social-list a:hover span { background: #eaf1ff !important; color: var(--wk-contact-accent) !important; }
.wk-contact__social-list a:hover span { transform: translateY(-2px); }
.wk-contact__panel { position: relative; min-height: 100%; padding: clamp(22px, 3vw, 34px); border-radius: 25px; background: var(--wk-contact-dark); color: #fff; box-shadow: 0 22px 60px rgba(18, 61, 56, .2); }
.wk-contact__panel::before { position: absolute; top: -80px; right: -70px; width: 230px; height: 230px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; content: ''; }
.wk-contact__panel::after { position: absolute; right: -15px; bottom: -130px; width: 280px; height: 280px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 50%; content: ''; }
.wk-contact__panel > * { position: relative; z-index: 1; }
.wk-contact__panel-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .13); }
.wk-contact__panel-kicker { color: rgba(255, 255, 255, .7); font-size: 12px; font-weight: 700; }
.wk-contact__status { display: inline-flex; align-items: center; gap: 6px; color: #b9d5ff; font-size: 10px; font-weight: 700; }
.wk-contact__status i, .wk-about__note-dot { display: block; width: 7px; height: 7px; border-radius: 50%; background: #7ee0b1; box-shadow: 0 0 0 4px rgba(126, 224, 177, .12); }
.wk-contact__empty { display: flex; flex-direction: column; align-items: center; padding-top: 46px; text-align: center; }
.wk-contact__empty-icon { display: grid; width: 64px; height: 64px; place-items: center; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; background: radial-gradient(circle at 35% 25%, rgba(96, 173, 255, .5), rgba(23, 105, 255, .12) 55%, rgba(255, 255, 255, .04)); color: #b9d5ff; font-size: 23px; box-shadow: 0 12px 30px rgba(0, 0, 0, .12), inset 0 0 0 7px rgba(255, 255, 255, .04); }
.wk-contact__empty-icon i { display: none; }
.wk-contact__empty-icon::before { width: 30px; height: 30px; content: ''; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23a9e4cf' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 35V29a16 16 0 0 1 32 0v6'/%3E%3Crect x='10' y='33' width='12' height='17' rx='5'/%3E%3Crect x='42' y='33' width='12' height='17' rx='5'/%3E%3Cpath d='M42 50c0 6-7 9-14 9h-3'/%3E%3C/svg%3E"); }
.wk-contact__empty h3 { margin: 22px 0 10px; color: #fff; font-size: 23px; line-height: 1.45; font-weight: 850; }
.wk-contact__empty p { max-width: 350px; margin: 0; color: rgba(255, 255, 255, .65); font-size: 13px; line-height: 2; text-align: justify; }
.wk-contact__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.wk-button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 46px; padding: 0 19px; border-radius: 12px; font-size: 12px; font-weight: 800; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.wk-button:hover { transform: translateY(-2px); }
.wk-button--primary { background: var(--wk-contact-accent, var(--wk-about-accent)); color: #fff !important; box-shadow: 0 10px 24px color-mix(in srgb, var(--wk-contact-accent, var(--wk-about-accent)) 27%, transparent); }
.wk-button--primary:hover { box-shadow: 0 14px 30px color-mix(in srgb, var(--wk-contact-accent, var(--wk-about-accent)) 38%, transparent); }
.wk-button--ghost { border: 1px solid rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .8) !important; }
.wk-button--ghost:hover { background: rgba(255, 255, 255, .1); }
.wk-contact__form { padding-top: 24px; }
.wk-contact__form form { display: grid; gap: 12px; }
.wk-contact__form input, .wk-contact__form textarea, .wk-contact__form select { width: 100%; border: 1px solid rgba(255, 255, 255, .15); border-radius: 11px; background: rgba(255, 255, 255, .08); color: #fff; }
.wk-contact__form input::placeholder, .wk-contact__form textarea::placeholder { color: rgba(255, 255, 255, .48); }
.wk-contact__form input:focus, .wk-contact__form textarea:focus, .wk-contact__form select:focus { outline: 2px solid rgba(126, 224, 177, .45); outline-offset: 1px; }

.wk-about { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); grid-template-rows: auto auto; gap: 0 clamp(30px, 6vw, 90px); padding: clamp(25px, 5vw, 72px); background: var(--wk-about-surface); color: var(--wk-about-ink); }
.wk-about__visual { position: relative; height: 495px; min-height: 495px; align-self: start; }
.wk-about__visual-shape { position: absolute; inset: 30px 10px 24px 0; border: 1px solid rgba(23, 105, 255, .18); border-radius: 24px; background: linear-gradient(155deg, color-mix(in srgb, var(--wk-about-accent) 30%, #d8e7ff), #dfe8f7 75%); transform: rotate(-4deg); }
.wk-about__visual::after { position: absolute; inset: 0 0 0 20px; border: 1px solid rgba(23, 105, 255, .13); border-radius: 25px; content: ''; transform: rotate(3deg); }
.wk-about__image { position: absolute; z-index: 1; inset: 42px 30px 62px 12px; width: calc(100% - 42px); height: calc(100% - 104px); border: 5px solid rgba(255, 255, 255, .92); border-radius: 20px !important; object-fit: cover; box-shadow: 0 22px 45px rgba(9, 43, 121, .18); }
.wk-about__image--placeholder { display: grid; place-items: center; background: radial-gradient(circle at 25% 20%, rgba(255,255,255,.55), transparent 25%), linear-gradient(145deg, #1769ff, #092b79); color: rgba(255, 255, 255, .9); font-size: clamp(70px, 10vw, 140px); font-weight: 900; letter-spacing: -.08em; }
.wk-about__visual-note { position: absolute; z-index: 2; right: -18px; bottom: 20px; display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid rgba(23, 105, 255, .14); border-radius: 13px; background: rgba(255, 255, 255, .95); color: #172033; font-size: 11px; font-weight: 800; box-shadow: 0 12px 30px rgba(9, 43, 121, .12); }
.wk-about__content { padding-top: 8px; }
.wk-about__eyebrow { color: var(--wk-about-accent); }
.wk-about__title { max-width: 730px; margin: 18px 0 15px; color: var(--wk-about-ink); font-size: clamp(28px, 4vw, 52px); line-height: 1.3; font-weight: 900; letter-spacing: -.045em; }
.wk-about__lead { max-width: 630px; margin: 0; color: #63817a; font-size: 16px; line-height: 2; }
.wk-about__text { max-width: 670px; margin-top: 19px; color: #69827c; font-size: 13px; line-height: 2.1; text-align: justify; }
.wk-about__text p { margin: 0 0 10px; }
.wk-about__text p:last-child { margin-bottom: 0; }
.wk-about__text { min-height: 0; max-height: 12.6em; overflow: hidden; transition: max-height .35s ease; }
.wk-about__text.is-expanded { max-height: 2000px; }
.wk-about__toggle { display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 104px; margin: 16px auto 0; padding: 10px 18px; border: 1px solid var(--wk-about-accent); border-radius: 10px; background: var(--wk-about-accent); color: #fff; cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; box-shadow: 0 8px 18px rgba(23, 105, 255, .16); transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.wk-about__toggle:hover { transform: translateY(-2px); box-shadow: 0 11px 22px rgba(23, 105, 255, .23); }
.wk-about__toggle.is-expanded { background: #fff; color: var(--wk-about-accent); }
.wk-about__toggle i { display: none; }
.wk-about__toggle::after { width: 16px; height: 16px; content: ''; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); transition: transform .25s ease; }
.wk-about__toggle.is-expanded::after { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231769ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.wk-about__features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 700px; margin-top: 27px; }
.wk-about__feature { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid rgba(22, 89, 76, .1); border-radius: 15px; background: rgba(255, 255, 255, .6); }
.wk-about__feature-icon { display: inline-flex; width: 44px; height: 44px; flex: 0 0 44px; align-items: center; justify-content: center; border: 1px solid rgba(23, 105, 255, .14); border-radius: 50%; background: #eaf1ff; color: var(--wk-about-accent); font-size: 18px; line-height: 1; text-align: center; }
.wk-about__feature-icon i, .wk-about__feature-icon svg { display: block; margin: 0 auto; line-height: 1; }
.wk-about__feature span:last-child { display: flex; flex-direction: column; gap: 4px; }
.wk-about__feature strong { color: var(--wk-about-ink); font-size: 12px; }
.wk-about__feature small { color: #7a938d; font-size: 10px; line-height: 1.75; }
.wk-about__content > .wk-button { margin-top: 27px; }
.wk-about__socials { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 25px; padding-top: 18px; border-top: 1px solid rgba(23, 105, 255, .12); color: #71809a; font-size: 11px; font-weight: 700; }
.wk-about__social-list { display: flex; flex-wrap: wrap; gap: 8px; }
.wk-about__social-list { display: flex; flex-wrap: wrap; gap: 8px; }
.wk-about__social-list a { display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px 5px 7px; border: 1px solid rgba(23, 105, 255, .12); border-radius: 12px; background: rgba(255, 255, 255, .72); color: #294675; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.wk-about__social-list a span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: #eaf1ff; color: var(--wk-about-accent); transition: background .2s ease, color .2s ease; }
.wk-about__social-list a:hover { transform: translateY(-3px); border-color: rgba(23, 105, 255, .3); background: #fff; box-shadow: 0 10px 22px rgba(9, 43, 121, .1); }
.wk-about__social-list a:hover span { background: #eaf1ff !important; color: var(--wk-about-accent) !important; }
.wk-about__social-list em { font-style: normal; font-size: 10px; font-weight: 800; }
.wk-social-image { display: block; width: 19px; height: 19px; border-radius: 5px; object-fit: contain; }
.wk-about__stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 52px; border: 1px solid rgba(23, 105, 255, .16); border-radius: 18px; background: rgba(23, 105, 255, .14); overflow: hidden; }
.wk-about__stat { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 11px; padding: 19px 20px; background: rgba(255, 255, 255, .76); transition: background .2s ease; }
.wk-about__stat:hover { background: #fff; }
.wk-about__stat-icon { grid-row: 1 / -1; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #eaf1ff; color: var(--wk-about-accent); font-size: 14px; }
.wk-about__stat strong { color: var(--wk-about-ink); font-size: 20px; line-height: 1.3; }
.wk-about__stat small { color: #7d968f; font-size: 10px; }

@media (max-width: 767px) {
	.wk-contact, .wk-about { display: flex; flex-direction: column; gap: 28px; padding: 24px 18px; }
	.wk-contact__title, .wk-about__title { font-size: clamp(26px, 8vw, 36px); }
	.wk-contact__details, .wk-about__features { grid-template-columns: 1fr; }
	.wk-contact__panel { min-height: 0; padding: 22px 18px; }
	.wk-contact__empty { padding-top: 32px; }
	.wk-contact__empty h3 { font-size: 20px; }
	.wk-contact__socials, .wk-about__socials { align-items: center; }
	.wk-contact__socials-label, .wk-about__socials > span { width: 100%; margin-bottom: 10px; text-align: center; }
	.wk-contact__social-list, .wk-about__social-list { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
	.wk-contact__social-list a, .wk-about__social-list a { min-width: 0; min-height: 76px; flex-direction: column; justify-content: center; gap: 6px; padding: 8px 4px; border-radius: 14px; text-align: center; }
	.wk-contact__social-list a span, .wk-about__social-list a span { width: 42px; height: 42px; flex: 0 0 42px; }
	.wk-contact__social-list a b, .wk-about__social-list a em { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
	.wk-social-image { width: 26px; height: 26px; }
	.wk-about__visual { display: block; position: relative; width: 100%; height: 335px; min-height: 335px; flex: 0 0 335px; order: 1; visibility: visible; opacity: 1; }
	.wk-about__content { order: 2; }
	.wk-about__visual-shape, .wk-about__visual::after { display: none; }
	.wk-about__image { display: block; inset: 10px 8px 38px 8px; width: calc(100% - 16px); height: calc(100% - 48px); border-radius: 20px !important; visibility: visible; opacity: 1; }
	.wk-about__visual-note { right: 0; bottom: 0; }
	.wk-about__stats { order: 3; grid-template-columns: 1fr; margin-top: 0; }
	.wk-about__stat { padding: 15px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.wk-contact { gap: 30px; padding: 38px 28px; }
	.wk-about { gap: 0 35px; padding: 40px 28px; }
	.wk-about__visual { min-height: 420px; }
}