.elementor-kit-6{--e-global-color-primary:#0E293B;--e-global-color-secondary:#FCFCFC;--e-global-color-text:#111111;--e-global-color-accent:#F4F4F4;--e-global-color-9b84634:#F3F3F3;--e-global-color-4b7ade9:#236FD0;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:62px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.22em;--e-global-typography-primary-letter-spacing:0.05em;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:52px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.22em;--e-global-typography-secondary-letter-spacing:0.05em;--e-global-typography-text-font-family:"Playfair Display";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.22em;--e-global-typography-text-letter-spacing:0.05em;--e-global-typography-accent-font-family:"Brandon Grotesque";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-c9a00cf-font-family:"Questrial";--e-global-typography-c9a00cf-font-size:18px;--e-global-typography-c9a00cf-font-weight:400;--e-global-typography-c9a00cf-line-height:1.6em;--e-global-typography-5b20ae0-font-family:"Playfair Display";--e-global-typography-5b20ae0-font-size:34px;--e-global-typography-5b20ae0-font-weight:500;--e-global-typography-5b20ae0-line-height:1.22em;--e-global-typography-5b20ae0-letter-spacing:0.05em;background-color:var( --e-global-color-secondary );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:16px 037px 16px 037px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#213D50;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-4b7ade9 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1100px;}.e-con{--container-max-width:1100px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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:1160px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:900px;}.e-con{--container-max-width:900px;}}@media(max-width:800px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:40px;--e-global-typography-text-font-size:22px;--e-global-typography-accent-font-size:22px;--e-global-typography-c9a00cf-font-size:17px;--e-global-typography-5b20ae0-font-size:30px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Button icon size */
.arrow .elementor-button-icon svg {
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    margin-top: -6px;
}

/* Mobile (max-width: 799px): Adjust SVG size to 22px by 22px */
@media (max-width: 799px) {
    .arrow .elementor-button-icon svg {
        width: 22px;
        height: 22px;
    }
}


/* Step 1: Hide all labels */
.elementor-form .elementor-field-label {
    display: none; /* Hides all labels */
}

/* Step 2: Display the label for the fifth section checkbox */
.elementor-form .elementor-field-type-checkbox:nth-of-type(5) .elementor-field-label {
    display: inline-block; /* Display label only for the fifth section checkbox */
}

/* Create a two-column layout for the checkbox group using Grid */
.elementor-field-subgroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Create two equal-width columns */
    gap: 6px; /* Reduced spacing between checkboxes in both columns */
}

/* Ensure each checkbox properly fits into the grid column */
.elementor-field-option {
    width: 100%; /* Make each checkbox take the full width of its grid cell */
    box-sizing: border-box; /* Include padding and border in the width calculation */
}

/* Responsive: Stack checkboxes vertically on small screens */
@media (max-width: 800px) {
    .elementor-field-subgroup {
        grid-template-columns: 1fr; /* Stack all checkboxes in a single column */
    }
}


/* Homepage hero blur */

/* Desktop (min-width: 1161px) */
@media (min-width: 1161px) {
    .blur-section {
        position: relative;
        overflow: visible; /* Ensure blur extends beyond the column */
    }
    .blur-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw; /* Full viewport width */
        height: 100%;
        transform: translateX(-41vw); /* Shifts the effect to extend beyond the left column into the full left side of the screen */
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.36) 0.02%, rgba(0, 0, 0, 0.16) 99.98%);
        backdrop-filter: blur(9px);
        -webkit-backdrop-filter: blur(9px);
        z-index: 1;
    }
    .blur-section > * {
        position: relative;
        z-index: 2; /* Ensures column content appears above the blur */
    }
}

/* Tablet (min-width: 801px and max-width: 1160px) */
@media (min-width: 801px) and (max-width: 1160px) {
    .blur-section {
        position: relative;
        overflow: visible; /* Ensure blur extends beyond the column */
    }
    .blur-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw; /* Full viewport width */
        height: 100%;
        transform: translateX(-32vw); /* Shift to make the blur effect cover only 60% of the viewport width */
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.36) 0.02%, rgba(0, 0, 0, 0.16) 99.98%);
        backdrop-filter: blur(9px);
        -webkit-backdrop-filter: blur(9px);
        z-index: 1;
    }
    .blur-section > * {
        position: relative;
        z-index: 2; /* Ensures column content appears above the blur */
    }
}

/* Mobile (max-width: 800px) */
@media (max-width: 800px) {
    .blur-section {
        position: relative;
        overflow: hidden; /* Ensure no overflow issues */
    }
    .blur-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.36) 0.02%, rgba(0, 0, 0, 0.16) 99.98%);
        backdrop-filter: blur(9px);
        -webkit-backdrop-filter: blur(9px);
        z-index: 1;
        pointer-events: none; /* Prevent interaction issues */
    }
    .blur-section > * {
        position: relative;
        z-index: 2; /* Ensures that the actual content appears above the blur layer */
    }
}


/* Apply the blur effect to cover the entire section using a new class */
.full-section-blur {
    position: relative;
    overflow: hidden; /* Ensure no overflow issues */
}

.full-section-blur::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Cover the entire section */
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.36) 0.02%, rgba(0, 0, 0, 0.16) 99.98%);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    z-index: 1;
    pointer-events: none; /* Prevent interaction issues */
}

.full-section-blur > * {
    position: relative;
    z-index: 2; /* Ensures that the actual content appears above the blur layer */
}


/* Contact section blur */

/* Desktop (min-width: 1161px) */
@media (min-width: 1161px) {
    .contact {
        position: relative;
        overflow: hidden; /* Ensure blur extends beyond the column */
    }
    .contact::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw; /* Full viewport width */
        height: 100%;
        transform: translateX(37vw); /* Shifts the effect to extend beyond the left column into the full left side of the screen */
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0.04%, rgba(0, 0, 0, 0.00) 99.98%);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        z-index: 1;
    }
    .contact > * {
        position: relative;
        z-index: 2; /* Ensures column content appears above the blur */
    }
}

/* Tablet (min-width: 800px and max-width: 1160px) */
@media (min-width: 801px) and (max-width: 1160px) {
    .contact {
        position: relative;
        overflow: hidden; /* Ensure blur extends beyond the column */
    }
    .contact::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw; /* Full viewport width */
        height: 100%;
        transform: translateX(30vw); /* Shift to make the blur effect cover only 60% of the viewport width */
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0.04%, rgba(0, 0, 0, 0.00) 99.98%);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        z-index: 1;
    }
    .contact > * {
        position: relative;
        z-index: 2; /* Ensures column content appears above the blur */
    }
}

/* Mobile (max-width: 800px) */
@media (max-width: 800px) {
    .contact {
        position: relative;
        overflow: hidden; /* Ensure no overflow issues */
    }
    .contact::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 100%);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        z-index: 1;
        pointer-events: none; /* Prevent interaction issues */
    }
    .contact > * {
        position: relative;
        z-index: 2; /* Ensures that the actual content appears above the blur layer */
    }
}


/*footer menu underline*/
.footer-menu a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px; /* 1px spacing */
    height: 1px; /* underline thickness */
    background: currentColor; /* use the text color */
}

/*About page inline image */
@media (max-width: 800px) {
    .inline-image {
        width: 100%; /* Makes the image take full width of its container */
        margin-bottom: 14px; /* Adds the bottom margin */
    }
}

/* Change Contact page Icon Box Title Color on Hover with Smooth Transition */
.contact-box .elementor-icon-box-title {
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
}

.contact-box:hover .elementor-icon-box-title {
    color: #236FD0 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Brandon Grotesque';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.northwayfinancial.ca/wp-content/uploads/2024/10/HvDTrial_Brandon_Grotesque_regular-BF64a625c9311e1.woff') format('woff');
}
@font-face {
	font-family: 'Brandon Grotesque';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.northwayfinancial.ca/wp-content/uploads/2024/10/HvDTrial_Brandon_Grotesque_light-BF64a625c93e709.woff') format('woff');
}
@font-face {
	font-family: 'Brandon Grotesque';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.northwayfinancial.ca/wp-content/uploads/2024/10/HvDTrial_Brandon_Grotesque_medium-BF64a625c84a521.woff') format('woff');
}
/* End Custom Fonts CSS */