@media print{
*{background:0 0!important;color:#000!important;-webkit-print-color-adjust:economy;color-adjust:economy;box-shadow:none!important;text-shadow:none!important;}
.hide-for-print{display:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
img{page-break-inside:avoid;}
img{max-width:100%!important;}
p{orphans:3;widows:3;}
}
.invisible{visibility:hidden;}
.ease-in-out{transition-timing-function:ease-in-out!important;}
.ease-in-out{-webkit-animation-timing-function:ease-in-out!important;animation-timing-function:ease-in-out!important;}
@media print{
li,p{max-width:100%;}
a{page-break-inside:avoid;}
a:after>img{content:"";}
}
*,:after,:before{box-sizing:border-box;border:0 solid;}
:after,:before{--tw-content:"";}
p{/*! margin:0; */}
ul{list-style:none;margin:0;padding:0;}
:disabled{cursor:default;}
img{display:block;vertical-align:middle;}
img{max-width:100%;height:auto;}
p{margin-bottom:1rem;}
a{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;}
header a{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;}

.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}
.container{width:100%;}

@media (min-width:1280px){
.container{max-width:1280px;}
}
@media (min-width:1536px){
.container{max-width:1536px;}
}
.invisible{visibility:hidden;}
.fixed{position:fixed;}
.absolute{position:absolute;}
.relative{position:relative;}
.inset-0{inset:0;}
.left-0{left:0;}
.left-1\/2{left:50%;}
.right-0{right:0;}
.top-0{top:0;}
.top-12{top:3rem;}
.top-2{top:.5rem;}
.top-3{top:.75rem;}
.top-4{top:1rem;}
.top-full{top:100%;}
.z-0{z-index:0;}
.z-10{z-index:10;}
.z-20 {z-index: 20;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.col-span-1{grid-column:span 1/span 1;}
.col-span-12{grid-column:span 12/span 12;}
.col-span-3{grid-column:span 3/span 3;}
.col-span-9{grid-column:span 9/span 9;}
.mx-auto{margin-left:auto;margin-right:auto;}
.-mt-14{margin-top:-3.5rem;}
.mb-4{margin-bottom:1rem;}
.ml-1{margin-left:.25rem;}
.ml-2{margin-left:.5rem;}
.mt-4{margin-top:1rem;}
.mt-6{margin-top:1.5rem;}
.m-0{margin:0}
.mt-0{margin-top:0}
.block{display:block;}
.inline-block{display:inline-block;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.grid{display:grid;}
.hidden{display:none;}
.h-10{height:2.5rem;}
.h-3{height:.75rem;}
.h-\[100dvh\]{height:100dvh;}
.max-h-\[40px\]{max-height:40px;}
.w-10{width:2.5rem;}
.w-full{width:100%;}
.w-screen{width:100vw;}
.h-full {height: 100%;}
.flex-1{flex:1 1 0%;}
.-translate-x-1\/2{--tw-translate-x:-50%;}
.-translate-x-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.translate-x-0{--tw-translate-x:0px;}
.translate-x-full{--tw-translate-x:100%;}
.rotate-45,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.rotate-45{--tw-rotate:45deg;}
.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.cursor-pointer{cursor:pointer;}
.list-none{list-style-type:none;}
.auto-rows-\[minmax\(32px\2c auto\)\]{grid-auto-rows:minmax(32px,auto);}
.auto-rows-\[minmax\(36px\2c auto\)\]{grid-auto-rows:minmax(36px,auto);}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.flex-col{flex-direction:column;}
.flex-col-reverse{flex-direction:column-reverse;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.justify-end{justify-content:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-0{gap:0;}
.gap-1{gap:.25rem;}
.gap-2{gap:.5rem;}
.gap-4{gap:1rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}

.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));}
.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem*var(--tw-space-x-reverse));margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));}
.overflow-y-auto{overflow-y:auto;}
.overscroll-none{overscroll-behavior:none;}
.rounded-lg{border-radius:.5rem;}
.rounded-md{border-radius:.375rem;}
.rounded-sm{border-radius:.125rem;}
.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;}
.border-r-0{border-right-width:0;}
.border-r-2{border-right-width:2px;}
.border-grey2{--tw-border-opacity:1;border-color:rgb(239 239 239/var(--tw-border-opacity));}
.bg-grey2{--tw-bg-opacity:1;background-color:rgb(239 239 239/var(--tw-bg-opacity));}
.bg-primary{--tw-bg-opacity:1;background-color:rgb(234 114 0/var(--tw-bg-opacity));}
.bg-transparent{background-color:initial;}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));}
.p-12{padding:3rem;}
.p-2{padding:.5rem;}
.p-4{padding:1rem;}
.p-5{padding:1.25rem;}
.p-6{padding:1.5rem;}
.px-2{padding-left:.5rem;padding-right:.5rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-0{padding-top:0;padding-bottom:0;}
.py-2{padding-top:.5rem;padding-bottom:.5rem;}
.py-3{padding-top:.75rem;padding-bottom:.75rem;}
.pb-6{padding-bottom:1.5rem;}
.pl-4{padding-left:1rem;}
.pt-14{padding-top:3.5rem;}
.pt-4{padding-top:1rem;}
.pt-24 {padding-top: 12rem;}
.pb-36 {padding-bottom: 9rem;}
.text-center{text-align:center;}
.text-2xl{font-size:1.728rem;line-height:1.33;}
.text-base{font-size:1rem;line-height:1.618;}
.text-lg{font-size:1.2rem;line-height:1.33;}
.text-sm{font-size:.833rem;line-height:1.618;}
.text-xl{font-size:1.44rem;line-height:1.33;}
.font-bold{font-weight:700;}
.\!capitalize{text-transform:capitalize!important;}
.text-black{--tw-text-opacity:1;color:rgb(0 15 36/var(--tw-text-opacity));}
.text-primary{--tw-text-opacity:1;color:rgb(187, 91, 0/var(--tw-text-opacity));}
.text-secondary{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity));}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));}
.opacity-0{opacity:0;}
.bg-pureblack {--tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity));}
.bg-opacity-60 {--tw-bg-opacity: 0.6;}
.bg-opacity-70 {--tw-bg-opacity: 0.7;}
body.sticky-shrinknav-wrapper.remove-wrapper-padding{padding-top:0!important}
.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;}
.duration-500{transition-duration:.5s;}
.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1);}
.responsive-right{right:1.25rem;}
a .card-section{padding:1rem 0;}
.card a + .card-section{padding:0;}
.hero-section img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
section:not(.hero) h1 {
position: relative;
background-color: transparent;
min-width: auto;
max-width: none;
width: auto;
margin-bottom: .5rem;
line-height: 1.4;
font-weight: 500;
-webkit-transform: none;
transform: none;
}
.overflow-hidden {
overflow: hidden;
}
#breadcrumbs {
margin-top: 1rem;
margin-bottom: 1rem;
}
#esm-logo path[class*="esm"],
body.sticky-shrinknav-wrapper #esm-logo path[class*="esm"]{fill:#fff;}
.why-esm .grid.space-y-10 .justify-center:after{
content: "";
width: 3px;
height: 50%;
position: absolute;
top: 50%;
right: 0;
background-color: #BB5B00;
transform: translateY(-50%);}
a.call-us{
color:#BB5B00;}
a.call-us:hover{
	color:#a14e00;
}
.why-esm .grid.space-y-10 .justify-center:last-of-type:after{
background:none;
}
.services .card h3{
	margin-bottom: .7rem;
}
.menu .active > a{
	background:none;
}
.left-menu a {
  transition:none;
}
.hover\:bg-primary.active{
	--tw-bg-opacity:1;
	background-color:rgb(234 114 0/var(--tw-bg-opacity));	
}
.menu a:not(.text-white){color:inherit;}
@media (max-width:767px){
	.why-esm .grid.space-y-10 .justify-center:after{
background:none;
}
.md\:block{
	display:block!important;
}
.md\:w-full{
	width:100%!important;
}
.aside h2{
	margin:1rem 0;
}
}
.valueprop{
padding:0;}
.proudly_canadian{
background: url('https://xpera.ca/Frontend/Images/Xpera/2026/bg_proud.jpg') #000;
background-size:cover;
display: flex;
height: 70px;
flex-flow: row;
justify-content: center;
align-items: center;
grid-gap:20px;
box-shadow:0 4px 5px rgba(0,0,0,.25);
width:100%;
}
.proudly_canadian img{max-width:70px;}
@media (max-width:768px){
.proudly_canadian h2{
font-size:1rem;
margin:0;
}
.proudly_canadian{
padding:10px;
grid-gap:10px;
}
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.mt-10 {
margin-top: 2.5rem;
}


.opacity-90 {
opacity: .9;
}
.btn-secondary, .btn-secondary-white {
display: inline-flex;
align-items: center;
border-radius: .375rem;
padding-top: .5rem;
padding-bottom: .5rem;
--tw-text-opacity: 1;
position: relative;
}
/*homepage cards*/
.services .card{
border:1px solid !important;
--tw-border-opacity: 1;
border-color: rgb(239 239 239/var(--tw-border-opacity))!important;}
.services .card a .card-image img{
border-radius:9px;
} 
.hover\:shadow-custom:hover {
box-shadow: 0 24px 40px -4px #00000099;
text-decoration: none;
}
.p-8 {
padding: 2rem;
}
.border-grey2 {

}
.border-\[1\.5px\] {
border-width: 1.5px!important;
}
.rounded-2xl {
border-radius: 1rem;
}
.h-\[300px\] {
  height: 300px;
}
@media (min-width: 768px) {
.md\:gap-4 {
gap: 1rem;
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5,minmax(0,1fr));
}
.md\:text-3xl {
font-size: 2.3rem;
line-height: 1.33;
}
.md\:text-base {
font-size: 1rem;
line-height: 1.618;
}
.md\:w-3\/4, .md\:w-9\/12 {
width: 75%;
}
.md\:col-span-6 {
grid-column: span 6/span 6;
}
}


@media (min-width: 1536px) {
.\32 xl\:h-\[800px\] {
height: 800px;
}
}
@media (min-width: 1280px) {
.xl\:max-h-\[720px\] {
max-height: 720px;
}
}
@media (min-width: 1280px) {
.xl\:h-\[720px\] {
height: 720px;
}
}
@media (min-width: 1024px) {
.lg\:h-\[100vh\] {
height: 100vh;
}
}
.overflow-hidden {
overflow: hidden;
}
.h-\[100vh\] {
height: 100vh;
}

@media (min-width: 1280px) {
.xl\:pt-48 {
padding-top: 12rem;
}
}
@media (min-width: 1024px) {
.lg\:pt-32 {
padding-top: 17rem;
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12,minmax(0,1fr));
}
.lg\:pb-24 {
padding-bottom: 6rem;
}
.lg\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.menu a{
padding:0;}
}

@media (min-width: 768px) {
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1536px) {
.\32 xl\:pt-52 {
padding-top: 17rem;
}
}
@media screen and (max-width: 39.9375em) {
body {
padding-top: 0rem;
}
}
.herosection{
position: relative;
width: 100%;
border-bottom: 1.5rem solid #ea7200;}


body.sticky-shrinknav-wrapper.remove-wrapper-padding{
padding-top:0!important;}

/* fallback */
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100 700;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v325/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
}
.h-\[16px\] {
height: 16px;
}
.why-esm p.text-primary,
.text-tertiary{
color:#BB5B00;}


@media (min-width:640px){
.responsive-right{right:calc(50vw - 297.5px);}
}
@media (min-width:768px){
.responsive-right{right:calc(50vw - 361.5px);}
}
@media (min-width:1024px){
.responsive-right{right:calc(50vw - 489.5px);}
}
@media (min-width:1280px){
.responsive-right{right:calc(50vw - 617.5px);}
}
@media (min-width:1536px){
.responsive-right{right:calc(50vw - 745.5px);}
}
.no-transition{transition:none!important;}
ul ul{margin-left:unset;}
.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(234 114 0/var(--tw-bg-opacity));}
.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))!important}
.hover\:underline:hover{text-decoration-line:underline;}
.hover\:opacity-90:hover{opacity:.9;}
.group:hover .group-hover\:visible{visibility:visible;}
.group:hover .group-hover\:block{display:block;}
.group:hover .group-hover\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.group:hover .group-hover\:opacity-100{opacity:1;}
@media (min-width:768px){
.md\:px-12{padding-left:3rem;padding-right:3rem;}
.md\:py-4{padding-top:1rem;padding-bottom:1rem;}

.md\:right-0 {
right:0
}
.md\:right-16 {
right:4rem
}
.md\:col-span-12 {
grid-column:span 12/span 12
}
.md\:col-span-5 {
grid-column:span 5/span 5
}
.md\:col-span-6 {
grid-column:span 6/span 6
}
.md\:col-span-7 {
grid-column:span 7/span 7
}
.md\:mx-12 {
margin-left:3rem;
margin-right:3rem
}
.md\:mt-12 {
margin-top:3rem
}
.md\:h-\[360px\] {
height:360px
}
.md\:w-1\/2 {
width:50%
}
.md\:w-2\/3 {
width:66.666667%
}
.md\:w-3\/4,
.md\:w-9\/12 {
width:75%
}
.md\:grid-cols-1 {
grid-template-columns:repeat(1,minmax(0,1fr))
}
.md\:grid-cols-12 {
grid-template-columns:repeat(12,minmax(0,1fr))
}
.md\:grid-cols-2 {
grid-template-columns:repeat(2,minmax(0,1fr))
}
.md\:grid-cols-5 {
grid-template-columns:repeat(5,minmax(0,1fr))
}
.md\:gap-4 {
gap:1rem
}
.md\:space-y-0>:not([hidden])~:not([hidden]) {
--tw-space-y-reverse:0;
margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
margin-bottom:calc(0px*var(--tw-space-y-reverse))
}
}
@media (min-width:1024px){
.lg\:absolute {
position:absolute
}
.lg\:relative {
position:relative
}
.lg\:top-12 {
top:3rem
}
.lg\:z-40 {
z-index:40
}
.lg\:z-50 {
z-index:50
}
.lg\:col-span-8 {
grid-column:span 8/span 8
}
.lg\:inline-block {
display:inline-block
}
.lg\:block {
display:block
}
.lg\:flex {
display:flex
}
.lg\:hidden {
display:none
}
.lg\:h-24 {
height:6rem
}
.lg\:h-\[100vh\] {
height:100vh
}
.lg\:h-\[420px\] {
height:420px
}
.lg\:h-\[90vh\] {
height:90vh
}
.lg\:min-w-\[1024px\] {
min-width:1024px
}
.lg\:grid-cols-12 {
grid-template-columns:repeat(12,minmax(0,1fr))
}
.lg\:grid-cols-3 {
grid-template-columns:repeat(3,minmax(0,1fr))
}
.lg\:gap-x-14 {
-moz-column-gap:3.5rem;
column-gap:3.5rem
}
.lg\:gap-y-14 {
row-gap:3.5rem
}
.lg\:px-10 {
padding-left:2.5rem;
padding-right:2.5rem
}
.lg\:px-12 {
padding-left:3rem;
padding-right:3rem
}
.lg\:px-48 {
padding-left:12rem;
padding-right:12rem
}
.lg\:px-8 {
padding-left:2rem;
padding-right:2rem
}
.lg\:pt-48 {
padding-top:12rem
}
.group:hover .lg\:group-hover\:translate-x-\[10\.0rem\]{--tw-translate-x:10.0rem;}
.group:hover .lg\:group-hover\:translate-x-\[10\.0rem\],.group:hover .lg\:group-hover\:translate-x-\[8\.3rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.group:hover .lg\:group-hover\:translate-x-\[8\.3rem\]{--tw-translate-x:8.3rem;}
}
@media (min-width:1280px){
.xl\:-mt-0 {
margin-top:0
}
.xl\:h-\[720px\] {
height:720px
}
.xl\:max-h-\[720px\] {
max-height:720px
}
.xl\:min-w-\[1280px\] {
min-width:1280px
}
.xl\:flex-row {
flex-direction:row
}
.xl\:pt-0 {
padding-top:0
}

.group:hover .xl\:group-hover\:translate-x-\[10\.0rem\]{--tw-translate-x:10.0rem;}
.group:hover .xl\:group-hover\:translate-x-\[10\.0rem\],.group:hover .xl\:group-hover\:translate-x-\[8\.3rem\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.group:hover .xl\:group-hover\:translate-x-\[8\.3rem\]{--tw-translate-x:8.3rem;}
}
@media (max-width:1535px){
.\32xl\:h-16 {
height:4rem
}
.\32xl\:h-\[800px\] {
height:800px
}
.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));}
}
@media screen and (max-width: 63.9375em) {
  #esm-logo {
    width:80px;
	height: inherit;
	
  }
}
@media screen and (max-width: 39.9375em) {
  .toll-free {
    position: inherit
  
  }
}