.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3ddba0c:#000000;--e-global-color-39c4d5e:#FFFFFF;--e-global-color-9c501dc:#C89F66;--e-global-color-d2c1853:#065056;--e-global-color-0e842df:#16232A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-d658f75-font-family:"Merriweather";--e-global-typography-d658f75-font-size:16px;--e-global-typography-d658f75-font-weight:600;--e-global-typography-d658f75-text-transform:uppercase;--e-global-typography-851ac81-font-family:"Lora";--e-global-typography-851ac81-font-size:18px;--e-global-typography-851ac81-font-weight:600;--e-global-typography-851ac81-text-transform:uppercase;--e-global-typography-50ef7f7-font-family:"Area Normal";--e-global-typography-50ef7f7-font-size:16px;--e-global-typography-50ef7f7-font-weight:500;--e-global-typography-524b317-font-family:"Lora";--e-global-typography-524b317-font-size:65px;--e-global-typography-524b317-font-weight:400;--e-global-typography-524b317-line-height:1.3em;--e-global-typography-c41ec20-font-family:"Lora";--e-global-typography-c41ec20-font-size:50px;--e-global-typography-c41ec20-font-weight:400;--e-global-typography-c41ec20-line-height:1.3em;--e-global-typography-cd07816-font-family:"Lora";--e-global-typography-cd07816-font-size:35px;--e-global-typography-cd07816-font-weight:400;--e-global-typography-cd07816-line-height:1.3em;--e-global-typography-a0832b7-font-family:"Area Normal";--e-global-typography-a0832b7-font-size:16px;--e-global-typography-a0832b7-font-weight:500;--e-global-typography-a0832b7-line-height:2em;--e-global-typography-8287015-font-family:"Area Normal";--e-global-typography-8287015-font-size:18px;--e-global-typography-8287015-font-weight:500;--e-global-typography-8287015-line-height:2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-524b317-font-size:36px;--e-global-typography-c41ec20-font-size:36px;--e-global-typography-cd07816-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Base Container */
.loader {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  visibility: hidden;
}

/* Center Spinning Icon */
.loader .loader__icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* 5 Horizontal Slices */
.loader .loader__tile {
  position: absolute;
  left: 0;
  width: 100%;
  height: 20%;
  background-color: #065056; /* Aapka theme color */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.loader .loader__tile:nth-child(2) { top: 0%;   transition-delay: 0s; }
.loader .loader__tile:nth-child(3) { top: 20%;  transition-delay: 0.08s; }
.loader .loader__tile:nth-child(4) { top: 40%;  transition-delay: 0.16s; }
.loader .loader__tile:nth-child(5) { top: 60%;  transition-delay: 0.24s; }
.loader .loader__tile:nth-child(6) { top: 80%;  transition-delay: 0.32s; }

/* Active: Slices sweep in from the left to 100% */
.loader.loader--active {
  visibility: visible !important;
  pointer-events: auto !important;
}

.loader.loader--active .loader__icon {
  opacity: 1;
  transition: opacity 0.3s 0.5s ease;
}

.loader.loader--active .loader__tile {
  transform: scaleX(1);
}

/* Exit State: Slices wipe away smoothly to the right */
.loader.loader--exiting {
  visibility: visible !important;
  pointer-events: auto !important;
}

.loader.loader--exiting .loader__icon {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.loader.loader--exiting .loader__tile {
  transform-origin: right center;
  transform: scaleX(0);
}

.loader.loader--exiting .loader__tile:nth-child(2) { transition-delay: 0s; }
.loader.loader--exiting .loader__tile:nth-child(3) { transition-delay: 0.08s; }
.loader.loader--exiting .loader__tile:nth-child(4) { transition-delay: 0.16s; }
.loader.loader--exiting .loader__tile:nth-child(5) { transition-delay: 0.24s; }
.loader.loader--exiting .loader__tile:nth-child(6) { transition-delay: 0.32s; }

/* Head Shield: Naye page ke aate hi frame ko lock rakhta hai */
html.is-transitioning .loader {
  visibility: visible !important;
  pointer-events: auto !important;
}

html.is-transitioning .loader .loader__tile {
  transform: scaleX(1) !important;
  transition: none !important;
}

html.is-transitioning .loader .loader__icon {
  opacity: 1 !important;
  transition: none !important;
}





/*Floating button css starts here*/





/* Container bottom-right fixed rahega */
.fab-wrapper {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 99998;
  display: flex;
  flex-direction: column; /* Normal column direction taake options upar aur parent neeche rahe */
  align-items: center;
  gap: 14px;
}

/* Base button styles */
.fab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease;
  text-decoration: none !important;
  color: #fff !important;
  position: relative;
}

.fab-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Parent Main Button (#065056 color) - Hamesha sabse neeche rahega */
.fab-btn--main {
  width: 58px;
  height: 58px;
  background-color: #065056 !important;
  position: relative;
  order: 2; /* Force parent to bottom */
}

/* Message icon animation */
.fab-btn--main .fab-icon-msg {
  position: absolute;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/* Close (X) icon animation */
.fab-btn--main .fab-icon-close {
  position: absolute;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
  transform: scale(0) rotate(-90deg);
  opacity: 0;
}

/* Active State: Message icon rotate hoke chup jayega, X icon saamne aayega */
.fab-wrapper--active .fab-btn--main .fab-icon-msg {
  transform: scale(0) rotate(90deg);
  opacity: 0;
}

.fab-wrapper--active .fab-btn--main .fab-icon-close {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/* Child Buttons Wrapper (Upar ki taraf) */
.fab-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
  order: 1; /* Options upar rahenge */
}

/* Child Options Initial State */
.fab-btn--child {
  opacity: 0;
  transform: translateY(20px) scale(0.6);
  transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Child platform colors */
.fab-btn--mail { background-color: #EA4335; }
.fab-btn--tg   { background-color: #229ED9; }
.fab-btn--wa   { background-color: #25D366; }

/* Revealed State */
.fab-wrapper--active .fab-options {
  pointer-events: auto;
}

.fab-wrapper--active .fab-btn--child {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Bottom se top ki taraf reveal animation delay */
.fab-wrapper--active .fab-options .fab-btn--wa   { transition-delay: 0s; }
.fab-wrapper--active .fab-options .fab-btn--tg   { transition-delay: 0.06s; }
.fab-wrapper--active .fab-options .fab-btn--mail { transition-delay: 0.12s; }

/* Tooltip (Left side popup text) */
.fab-tooltip {
  position: absolute;
  right: 62px;
  background: rgba(20, 20, 20, 0.85);
  backdrop-filter: blur(4px);
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateX(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  font-family: inherit;
}

.fab-btn--child:hover .fab-tooltip {
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Area Normal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://northgatelaw.ca/wp-content/uploads/2026/08/fonnts.com-Area_Normal_Regular.woff') format('woff');
}
@font-face {
	font-family: 'Area Normal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://northgatelaw.ca/wp-content/uploads/2026/08/fonnts.com-Area_Normal_Thin.woff') format('woff');
}
@font-face {
	font-family: 'Area Normal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://northgatelaw.ca/wp-content/uploads/2026/08/fonnts.com-Area_Normal_Bold.woff') format('woff');
}
/* End Custom Fonts CSS */