.elementor-260 .elementor-element.elementor-element-c6fe633{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);padding:60px 20px 60px 20px;}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__inner{max-width:1280px;}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__trail, .elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__trail *{color:rgba(255,255,255,0.7);}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__current{color:var( --e-global-color-accent );}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__sep, .elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__home-icon{color:#FFFFFF;}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__trail{font-family:"Sora", Sans-serif;font-size:clamp(0.8125rem, 0.7636rem + 0.2174vw, 0.9375rem);font-weight:400;text-transform:capitalize;line-height:25px;}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__title{color:#ffffff;font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__desc{color:rgba(255,255,255,0.8);font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__visual{--snx-size:280px;--snx-primary:#0b6efd;--snx-secondary:#0b1f33;--snx-icon:#3EE7C4;}.elementor-260 .elementor-element.elementor-element-dc52ea2{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-260 .elementor-element.elementor-element-e58d448{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-260 .elementor-element.elementor-element-4f00a49{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__desc{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}}@media(max-width:767px){.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-260 .elementor-element.elementor-element-226419e .snx-breadcrumb__desc{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}}/* Start custom CSS for html, class: .elementor-element-7a0c155 *//* =========================================================
   SOFTNEXIS TECHNOLOGIES — Booking page: "What happens after you book"
   Headings: Sora   |   Body copy: Inter
   Solid colors only — no gradients anywhere.
   Standalone stylesheet. Use together with booking-steps.html
   ========================================================= */

.salmandev-book{
  --ink:       #060B14;
  --navy:      #09395D;
  --cyan:      #00BDFF;
  --steel:     #5B6478;
  --steel-lt:  #AAB4C4;
  --line:      #E5E8F0;
  --panel:     #F6F9FB;
  --font-head: "Sora", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;

  background:var(--panel);              /* solid background — change this one line to recolor the section */
  padding:clamp(64px,8vw,110px) 0;
}
.salmandev-book *{ box-sizing:border-box; }

.salmandev-book-wrap{
  max-width:1280px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(40px,6vw,88px);
  align-items:start;
}

/* ---------- Left column: intro + reassurance ---------- */
.salmandev-book-eyebrow{
  display:inline-flex;
  align-items:center;
  font-family:var(--font-body);
  font-weight:600;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--navy);
  background:rgba(0,189,255,.1);
  border:1px solid rgba(0,189,255,.35);
  padding:6px 14px;
  border-radius:999px;
  margin-bottom:18px;
}

.salmandev-book .salmandev-book-intro h2{
  font-family:var(--font-head);
  font-weight:700;
  font-size:clamp(1.9rem,3.4vw,2.6rem);
  line-height:1.18;
  letter-spacing:-.01em;
  color:#000000 !important;
  margin:0 0 16px;
}

.salmandev-book-lead{
  font-family:var(--font-body);
  font-size:1.03rem;
  line-height:1.7;
  color:var(--steel);
  max-width:52ch;
  margin:0 0 32px;
}

.salmandev-book-points{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
}
.salmandev-book-point{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
}
.salmandev-book-point svg{
  width:24px;
  height:24px;
  margin-top:2px;
  color:var(--navy);
}
.salmandev-book-point h3{
  font-family:var(--font-head);
  font-weight:600;
  font-size:1rem;
  line-height:1.4;
  color:var(--ink);
  margin:0 0 4px;
}
.salmandev-book-point p{
  font-family:var(--font-body);
  font-size:.92rem;
  line-height:1.65;
  color:var(--steel);
  margin:0;
}

.salmandev-book-help{
  font-family:var(--font-body);
  font-size:.95rem;
  line-height:1.7;
  color:var(--steel);
  margin:26px 0 0;
}
.salmandev-book-help a{
  font-weight:600;
  color:var(--navy);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .2s ease, border-color .2s ease;
}
.salmandev-book-help a:hover{
  color:var(--cyan);
  border-color:var(--cyan);
}

/* ---------- Right column: step timeline ---------- */
.salmandev-book-steps{
  list-style:none;
  margin:0;
  padding:0;
}

.salmandev-book-step{
  position:relative;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:22px;
  padding-bottom:38px;
}
.salmandev-book-step:last-child{ padding-bottom:0; }

/* connector line between step icons */
.salmandev-book-step:not(:last-child)::before{
  content:"";
  position:absolute;
  left:23px;
  top:60px;
  bottom:-12px;
  width:2px;
  background:var(--line);
}

.salmandev-book-icon{
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:var(--navy);
  background:#FFFFFF;
  border:1px solid rgba(0,189,255,.5);
}
.salmandev-book-icon svg{ width:22px; height:22px; }

.salmandev-book-body{ padding-right:44px; }
.salmandev-book-body h3{
  font-family:var(--font-head);
  font-weight:700;
  font-size:1.15rem;
  line-height:1.35;
  color:var(--ink);
  margin:11px 0 8px;
}
.salmandev-book-body p{
  font-family:var(--font-body);
  font-size:.96rem;
  line-height:1.7;
  color:var(--steel);
  max-width:52ch;
  margin:0;
}

.salmandev-book-num{
  position:absolute;
  top:12px;
  right:0;
  font-family:var(--font-head);
  font-weight:600;
  font-size:1rem;
  letter-spacing:.02em;
  color:var(--steel-lt);
}

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .salmandev-book-wrap{ grid-template-columns:1fr; }
}
@media (max-width: 520px){
  .salmandev-book-step{ grid-template-columns:44px 1fr; gap:16px; }
  .salmandev-book-icon{ width:44px; height:44px; }
  .salmandev-book-step:not(:last-child)::before{ left:21px; top:56px; }
  .salmandev-book-body{ padding-right:0; }
  .salmandev-book-num{ display:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6629b52 *//* =========================================================
   SOFTNEXIS TECHNOLOGIES — Contact Info section
   Headings: Sora   |   Body copy: Inter
   Solid brand colors only — no gradients anywhere.
   Hover: every card turns solid navy and ALL text / icons /
   arrows turn white (driven by the --c-* variables below).
   ========================================================= */

.contact-section{
  --ink:      #0A0F1E;
  --navy:     #09395D;
  --cyan:     #00BDFF;
  --steel:    #5B6478;
  --line:     #E5E8F0;
  --panel:    #F6F9FB;
  --font-head:"Sora", Arial, sans-serif;
  --font-body:"Inter", Arial, sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
.contact-section *,
.contact-section *::before,
.contact-section *::after{ box-sizing:border-box; }
.contact-section a{ text-decoration:none; }

.contact-section{
  background:var(--panel);
  padding:clamp(60px,8vw,110px) 0;
  border-top:1px solid var(--line);
}
.contact-section .wrap{ max-width:1280px; margin:0 auto; padding:0 20px; }

/* =========================================================
   LAYOUT — centered heading, then 3 offices in one row
   ========================================================= */
.contact-section .contact-head{
  max-width:640px; margin:0 auto clamp(40px,5vw,60px); text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:14px;
}
.contact-section .eyebrow{
  display:inline-flex; align-items:center;
  font-family:var(--font-body); font-weight:600; font-size:.78rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--navy);
  background:rgba(0,189,255,.1); border:1px solid rgba(0,189,255,.35);
  padding:6px 14px; border-radius:999px;
}
.contact-section .contact-head h2{
  font-family:var(--font-head); font-weight:700;
  font-size:clamp(2rem,3.8vw,3rem); line-height:1.1; letter-spacing:-.025em;
  color:var(--ink); margin:0;
}
.contact-section .contact-head .hl{ color:var(--cyan); }
.contact-section .lead{
  font-family:var(--font-body); font-size:1.02rem; line-height:1.75;
  color:var(--steel); margin:0;
}

/* =========================================================
   HOVER SYSTEM — one set of variables, flipped on hover
   ========================================================= */
.contact-section .hov{
  --c-text:var(--ink);
  --c-muted:var(--steel);
  --c-accent:var(--cyan);
  --c-line:var(--line);
  --c-icon-bg:rgba(0,189,255,.1);
  --c-icon-bd:rgba(0,189,255,.32);
  --c-icon:var(--navy);
  --c-chip-bg:rgba(0,189,255,.12);
  --c-chip-tx:var(--navy);

  position:relative; isolation:isolate; overflow:hidden;
  background:#FFFFFF;
  border:1px solid var(--line);
  border-radius:24px;
  transition:transform .4s var(--ease), border-color .3s ease;
}
/* solid fill that rises from the bottom */
.contact-section .hov::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:var(--navy);
  transform:scaleY(0); transform-origin:bottom;
  transition:transform .5s var(--ease);
}
.contact-section .hov:hover,
.contact-section .hov:focus-within{
  --c-text:#FFFFFF;
  --c-muted:#FFFFFF;
  --c-accent:#FFFFFF;
  --c-line:rgba(255,255,255,.35);
  --c-icon-bg:rgba(255,255,255,.14);
  --c-icon-bd:rgba(255,255,255,.55);
  --c-icon:#FFFFFF;
  --c-chip-bg:rgba(255,255,255,.16);
  --c-chip-tx:#FFFFFF;
  border-color:var(--navy);
}
.contact-section .hov:hover::before,
.contact-section .hov:focus-within::before{ transform:scaleY(1); }
.contact-section .office:hover{ transform:translateY(-8px); }

/* ---------- shared atoms (all colors come from the variables) ---------- */
.contact-section .hov .icon{
  width:44px; height:44px; flex:none; display:grid; place-items:center;
  border-radius:13px; color:var(--c-icon);
  background:var(--c-icon-bg); border:1px solid var(--c-icon-bd);
  transition:background .3s ease, color .3s ease, border-color .3s ease;
}
.contact-section .hov .icon svg{ width:19px; height:19px; stroke:currentColor; }

.contact-section .hov .label{
  display:block; font-family:var(--font-body); font-weight:600; font-size:.76rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--c-accent);
  transition:color .3s ease;
}
.contact-section .hov .go{
  width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:50%;
  border:1px solid var(--c-line); color:var(--c-text);
  transition:border-color .3s ease, color .3s ease, transform .4s var(--ease);
}
.contact-section .hov .go svg{ width:16px; height:16px; stroke:currentColor; }
.contact-section .hov:hover .go{ transform:rotate(45deg); }

/* ---------- office cards (one row, 3 columns) ---------- */
.contact-section .offices{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px; align-items:stretch;
}
.contact-section .office{
  display:flex; flex-direction:column;
  padding:clamp(26px,2.6vw,36px);
}

.contact-section .office-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:26px; }
.contact-section .num{
  font-family:var(--font-head); font-weight:800; font-size:.95rem; color:var(--c-muted);
  opacity:.55; transition:color .3s ease;
}
.contact-section .chip{
  margin-left:auto;
  white-space:nowrap;
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-body); font-weight:700; font-size:.7rem;
  letter-spacing:.1em; text-transform:uppercase;
  padding:7px 14px; border-radius:999px;
  background:var(--c-chip-bg); color:var(--c-chip-tx);
  transition:background .3s ease, color .3s ease;
}
.contact-section .pulse{ width:8px; height:8px; border-radius:50%; background:currentColor; position:relative; flex:none; }
.contact-section .pulse::after{
  content:""; position:absolute; inset:-4px; border-radius:50%;
  border:1.5px solid currentColor; opacity:.5; animation:snxPulse 2s ease-out infinite;
}
@keyframes snxPulse{ from{ transform:scale(.6); opacity:.7 } to{ transform:scale(1.7); opacity:0 } }

.contact-section .name{
  font-family:var(--font-head); font-weight:700; font-size:clamp(1.05rem,1.5vw,1.28rem);
  line-height:1.25; letter-spacing:-.015em; color:var(--c-text); margin:0 0 10px;
  transition:color .3s ease;
}
.contact-section .addr{
  font-family:var(--font-body); font-weight:500; font-size:1rem; line-height:1.7;
  color:var(--c-muted); margin:0; transition:color .3s ease;
}

.contact-section .office-foot{
  display:flex; flex-direction:column; align-items:stretch; gap:16px;
  margin-top:auto; padding-top:22px;
}
.contact-section .office .addr{ margin-bottom:26px; }
.contact-section .office-foot::before{
  content:""; display:block; height:1px; background:var(--c-line); transition:background .3s ease; margin-bottom:6px;
}
.contact-section .phone,
.contact-section .dir{
  display:inline-flex; align-items:center; gap:12px;
  color:var(--c-text); transition:color .3s ease;
}
.contact-section .phone{ font-family:var(--font-head); font-weight:600; font-size:1rem; overflow-wrap:anywhere; }
.contact-section .dir{ font-family:var(--font-body); font-weight:600; font-size:.92rem; justify-content:space-between; width:100%; }
.contact-section .phone:hover,.contact-section .dir:hover,
.contact-section .phone:focus,.contact-section .dir:focus{ color:var(--c-text); }

/* ---------- HQ: permanently featured (solid navy) ---------- */
.contact-section .office--hq{
  --c-text:#FFFFFF;
  --c-muted:rgba(255,255,255,.82);
  --c-accent:var(--cyan);
  --c-line:rgba(255,255,255,.22);
  --c-icon-bg:rgba(0,189,255,.18);
  --c-icon-bd:rgba(0,189,255,.5);
  --c-icon:#FFFFFF;
  --c-chip-bg:var(--cyan);
  --c-chip-tx:var(--ink);
  border-color:var(--navy);
}
.contact-section .office--hq::before{ transform:scaleY(1); }

/* HQ on hover: everything cyan → white, chip becomes white */
.contact-section .office--hq:hover,
.contact-section .office--hq:focus-within{
  --c-muted:#FFFFFF;
  --c-accent:#FFFFFF;
  --c-icon-bg:rgba(255,255,255,.16);
  --c-icon-bd:rgba(255,255,255,.6);
  --c-chip-bg:#FFFFFF;
  --c-chip-tx:var(--navy);
}

/* ---------- entrance (pure CSS, no JS needed) ---------- */
@keyframes snxUp{ from{ opacity:0; transform:translateY(22px) } to{ opacity:1; transform:none } }
.contact-section .contact-head > *,
.contact-section .office{ animation:snxUp .8s var(--ease) both; }
.contact-section .office:nth-child(1){ animation-delay:.05s }
.contact-section .office:nth-child(2){ animation-delay:.15s }
.contact-section .office:nth-child(3){ animation-delay:.25s }

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .contact-section .offices{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .contact-section .office--hq{ grid-column:1 / -1; }
  .contact-section .office--hq .office-foot{ flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap; }
  .contact-section .office--hq .office-foot::before{ display:none; }
  .contact-section .office--hq .dir{ width:auto; gap:14px; }
}
@media (max-width:620px){
  .contact-section .offices{ grid-template-columns:1fr; gap:16px; }
  .contact-section .office{ border-radius:20px; padding:24px 20px; }
  .contact-section .office--hq .office-foot{ flex-direction:column; align-items:stretch; }
  .contact-section .office--hq .office-foot::before{ display:block; }
  .contact-section .office--hq .dir{ width:100%; }
}
@media (hover:none){
  .contact-section .office:hover{ transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .contact-section .hov,.contact-section .hov::before,.contact-section .hov .go{ transition:none; }
  .contact-section .contact-head > *,.contact-section .office{ animation:none; }
  .contact-section .pulse::after{ animation:none; }
}/* End custom CSS */