:root {
    --theme--spacing--20: 0.44rem;
    --theme--spacing--30: 0.67rem;
    --theme--spacing--40: 1rem;
    --theme--spacing--60: 2.25rem;
    --theme--spacing--70: 3.38rem;
    --theme--spacing--80: 5.06rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --spacing: 0.25rem;
    --font-weight-semibold: 600;
    --text-base: 1rem;
    --color-gray-900: oklch(0.21 0.034 264.665);
	--h2-font-size: 40px;
    --h3-font-size: 25px;
    --text-color: #191919;
    --body-font-size: 17px;
	--title-font: "Poppins", sans-serif;
	--text-font: "Open Sans", sans-serif;
}
.max-w-xl {
    max-width: var(--container-xl);
}
.max-w-2xl {
    max-width: var(--container-2xl);
}
.max-w-3xl {
    max-width: var(--container-3xl);
}
.max-w-4xl {
    max-width: var(--container-4xl);
}
.max-w-5xl {
    max-width: var(--container-5xl);
}
.max-w-6xl {
    max-width: var(--container-6xl);
}
.max-w-7xl {
    max-width: var(--container-7xl);
}

.wrapper-block h2{
    color: initial;
}

.page-title.banner-block{
    padding: 160px 0 120px;
}

.image-text-block{
    padding: 120px 0;
}

.cta-block.call-to-action-two:before,
.call-to-action-two .title-box .sub-title:before{
    display: none;
}
.cta-block.call-to-action-two .title-box .sub-title{
    padding-left: 0;
}

.services-block .service-block .inner-box{
    padding-bottom: 86px;
}
.services-block .service-block .inner-box .content-box .info-box{
    padding-left: 0;
}
.services-block .service-block .inner-box .content-box::before {
    right: -35px;
    bottom: -25px;
}

.projects-block .sec-title.light .text p{
    color: #fff;
}


/* Animate 1 */
.main-banner-block .animate-7,
.main-banner-block .animate-6,
.main-banner-block .animate-5,
.main-banner-block .animate-4,
.main-banner-block .animate-3,
.main-banner-block .animate-2,
.main-banner-block .animate-1 {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.main-banner-block .animate-x {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.main-banner-block .animate-fade {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.main-banner-block .animate-fade,
.main-banner-block .animate-7,
.main-banner-block .animate-6,
.main-banner-block .animate-5,
.main-banner-block .animate-4,
.main-banner-block .animate-3,
.main-banner-block .animate-2,
.main-banner-block .animate-1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.main-banner-block .animate-2 {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.main-banner-block .animate-3 {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}
.main-banner-block .animate-4 {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
}
.main-banner-block .animate-5 {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}
.main-banner-block .animate-6 {
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms;
}
.main-banner-block .animate-7 {
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.about-section-two .image-column .inner-column .image-box .image img {
    aspect-ratio: 1;
    object-fit: cover;
    border: 3px solid var(--theme-color1);
    box-shadow: 8px 8px 0px var(--theme-color3);
}
.about-section-two.image-text-block ul {
    margin-left: 25px;
    margin-bottom: 15px;
}
.about-section-two.image-text-block li {
    list-style: circle;
}
.check-list li {
  list-style: none;
  padding-left: 0;
}
.check-list li {
  position: relative;
  padding-left: 30px; 
  margin-bottom: 10px;
  font-family: sans-serif;
}
.check-list li::before {
  content: '✔'; 
  position: absolute;
  left: 0;
  color: #ff0000; 
  font-weight: bold;
}
.bolt-list li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bolt-list li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-family: sans-serif;
  font-size: 16px;
	break-inside: avoid;
}
.bolt-list li::before {
    content: "";
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 12px;
    flex-shrink: 0;
    background-image: url('/triton-electric.ca/wp-content/uploads/2026/02/Triton-Icon-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.column-centered {
	align-content: center;
}
.line-height-50 {
line-height: 50px;	
}
.call-to-action-two {
    padding: 140px 0 140px;
}
.column-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.project-block .image-box .image {
    max-height: 450px;
}
.main-header .logo img {
    max-width: 60%;
}
.sticky-header .logo img {
    max-height: 120px;
}
.header-style-four .header-lower .theme-btn {
    padding: 15px;
}
.btn-style-one.bg-light:not(hover):hover, .btn-style-one:hover {
    background-color: var(--theme-color1) !important;
    box-shadow: 0px 0px 0px transparent;
    transform: translate(2px, 2px);
    border-color: var(--theme-color3) !important;
}
.btn-style-one.bg-light:not(hover), .btn-style-one {
background-color: white !important;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 35px;
    border: 2px solid var(--theme-color1) !important;
    box-shadow: 4px 4px 0px var(--theme-color1);
    border-radius: 0px; 
    transition: all 0.2s ease-in-out;
    position: relative;
    display: inline-block;
}
.btn-style-one.bg-light:not(hover):before {
    background-color: var(--theme-color1);
}
.sec-title .sub-title {
    margin-bottom: 20px;
	margin-left: Opx;
	padding-left: 0px;
}
.call-to-action-two:after {
    background-color: rgba(0, 0, 0, 0.75);
}
.about-section-two .image-column .inner-column .image-box:before {
    display: none;
}
.call-to-action-two .title-box .sub-title {
    color: var(--theme-color1);
}
.banner-section .content-box {
    padding: 160px 0 120px;
	max-width: 950px;
	justify-self: center;
}
.banner-section .content-box .sub-title {
    color: var(--theme-color1);
}
.banner-section .slide-item:after, .banner-section .slide-item:before {
    display: none;
}
.banner-section .slide-item .bg-image:before {
    background-color: black;
    opacity: 65%;
}
.header-style-four .header-lower .main-box {
    padding-right: 30px;
    border-bottom: 3px solid var(--theme-color1);
    box-shadow: 0 4px 10px rgba(174, 239, 254, 0.2);
	background-color: white!important;
}
.header-style-four .main-menu .navigation > li:hover > a,
.header-style-four .main-menu .navigation > li.current > a {
    color: var(--theme-color1) !important; 
}
.header-style-four .header-lower .main-box .logo-box {
    padding: 15px;
    margin-right: unset;
}
.main-menu .navigation > li > ul {
    border-top: 3px solid var(--theme-color1) !important;
    margin-top: 20px;
    opacity: 0;
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    width: 255px;
}
.main-menu .navigation > li > ul > li > a {
	color: var(--theme-dark-color1);
    border-bottom: 1px solid rgba(26, 117, 196, 0.2);
}
.accordion-box .block .acc-btn.active {
    color: white;
}
.news-block .image-box .image img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}
.news-block .image-box .image {
    height: 250px;
}
.news-block .inner-box {
    display: flex;
    flex-direction: column;
    height: unset !important;
    border-radius: 0 !important;
    transition: transform 0.3s ease;
    border-bottom: 3px solid var(--theme-color1);
    position: relative;
    overflow: hidden;
}
b, strong {
    color: inherit;
    font-weight: bold;
}

.auto-container.blue{
    background: var(--sec-title-subtitle-color);
    margin: 0;
    max-width: none;
}
.auto-container.blue > div{
    max-width: var(--container-width);
    padding: 10px 15px;
    margin: 0 auto;
}
.auto-container.blue a{
    color: #ffffff;
}
.service-block .inner-box .image-box .image {
	margin-right: 0px!important;
}
section.services-section-four.boxes-block {
    background-color: #e0e5eb;
}
.footer-widget.about-widget p, .user-links li, .contact-widget .text {
    color: white!important;
}
.main-footer {
    background-color: var(--theme-dark-color1)!important;
}

ul.pagination-wrap {
    margin: 20px auto 40px;
}

li.page-item {
    display: inline-block;
    margin: 0 2px;
}
li.page-item a{
    color: var(--theme-color1);
    border: 1px solid var(--theme-color1);
    padding: 5px 15px;
    border-radius: 3px;
}
li.page-item.active a,
li.page-item:hover a{
    background: var(--theme-color1);
    color: #ffffff;
}
.project-section-three .bg-image:before {
    background: linear-gradient(158.2deg, #1A75C4 16.28%, #1a75c4e3 74.31%);
}

.recent-posts-block .news-block .content-box{
    flex-grow: 1;
}

@media (max-width: 991px) {
    .image-text-block .image-column{
        order: 2;
    }
		.auto-container.blue {
    display: none;
	}
	.image-text-block {
    padding: 40px 0;
	}
	.sticky-header .logo img {
    max-height: 80px;
	}
	.page-title .title {
    font-size: 40px;
	}
}
.banner-section .slide-item {
    min-height: unset;
}
@media (min-width: 991px) {
	.banner-section .content-box .title {
    font-size: 90px;
	}
}
.inner-container.top-banner {
    justify-content: end;
}
.email {
    margin-right: 30px;
}
section.services-section.services-block {
    background-color: #f1f1f1;
}
.main-footer, .footer-bottom .copyright-text, .footer-bottom .inner-container {
    background-color: var(--theme-dark-color1)!important;
}
.btn-style-one.bg-light {
    color: black !important;
}
.btn-style-one.bg-light:hover {
    color: white !important;
}
.sticky-header {
    background-color: var(--theme-dark-color1) !important;
}
.sticky-header .mobile-nav-toggler {
    color: white;
    font-size: 30px;
}
.project-section-three .bg-image {
    height: 500px;
}

.sticky-header .outer-box, .sticky-header .navbar-header {
    display: flex;
    margin-left: 20px;
}

@media (max-width: 1200px) {
    .sticky-header .main-menu .navigation > li {
        margin-left: 30px;
    }
	.sticky-header .main-menu .navigation > li:first-child {
        margin-left: 0;
    }
    .sticky-header .outer-box  .btn-style-one {
        padding: 8px 15px;
    }
}
@media (max-width: 520px) {
   .sticky-header .outer-box, .sticky-header .navbar-header {
        display: none;
    }
}