/* ==========================================================================
   1. GLOBAL SYSTEM ARCHITECTURE & ROOT CUSTOM PROPERTIES
   ========================================================================== */
:root {
    --peak-orange: #f26522;
    --peak-orange-hover: #d95514;
    --peak-dark: #1b1b1e;
    --peak-grey: #f7f7f7;
    --text-dark: #111111;
    --text-light: #555555;
    --border-light: #e5e5e5;
}

/* Base Global Resets */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    color: var(--text-dark);
    background-color: #fff;
    overflow-x: hidden;
    line-height: 1.5;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Global Typography Framework */
h1, h2, h3, h4, h5 {
    font-family: 'Bebas Neue', 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}

/* Clearfixes & Grid Removals */
.clearfix:before, .clearfix:after, 
.dl-horizontal dd:before, .dl-horizontal dd:after, 
.container:before, .container:after, 
.container-fluid:before, .container-fluid:after, 
.row:before, .row:after, 
.form-horizontal .form-group:before, 
.form-horizontal .form-group:after {
    content: none !important;
}

.page-wrap {
    padding-top: 0px !important;
}

/* Standardized Layout Containers */
.container {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 60px;
}

/* Global Full Width Overrides (WordPress Target Structural Classes) */
body.peak-homepage .content-wrapper, body.peak-homepage .content-area, body.peak-homepage .site-content, body.peak-homepage article, body.peak-homepage .entry-content,
body.peak-service .content-wrapper, body.peak-service .content-area, body.peak-service .site-content, body.peak-service article, body.peak-service .entry-content,
body.peak-service-area .content-wrapper, body.peak-service-area .content-area, body.peak-service-area .site-content, body.peak-service-area article, body.peak-service-area .entry-content,
body.peak-industries .content-wrapper, body.peak-industries .content-area, body.peak-industries .site-content, body.peak-industries article, body.peak-industries .entry-content,
body.peak-fleet .content-wrapper, body.peak-fleet .content-area, body.peak-fleet .site-content, body.peak-fleet article, body.peak-fleet .entry-content,
body.peak-safety .content-wrapper, body.peak-safety .content-area, body.peak-safety .site-content, body.peak-safety article, body.peak-safety .entry-content,
body.peak-about .content-wrapper, body.peak-about .content-area, body.peak-about .site-content, body.peak-about article, body.peak-about .entry-content,
body.peak-paternship .content-wrapper, body.peak-paternship .content-area, body.peak-paternship .site-content, body.peak-paternship article, body.peak-paternship .entry-content,
body.peak-career .content-wrapper, body.peak-career .content-area, body.peak-career .site-content, body.peak-career article, body.peak-career .entry-content,
body.peak-contact .content-wrapper, body.peak-contact .content-area, body.peak-contact .site-content, body.peak-contact article, body.peak-contact .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Standardized Content Page Inner Containers */
body.peak-homepage .container,
body.peak-service .container,
body.peak-service-area .container,
body.peak-industries .container,
body.peak-fleet .container,
body.peak-safety .container,
body.peak-about .container,
body.peak-paternship .container,
body.peak-career .container,
body.peak-contact .container {
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
}

/* Global Utility Buttons */
.btn {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 14px 30px;
    transition: all 0.3s ease;
    cursor: pointer;
    letter-spacing: 0.5px;
    border: none;
}

.btn-orange, .wpcf7-submit {
    background-color: var(--peak-orange) !important;
    color: #fff !important;
    border: 2px solid var(--peak-orange) !important;
}

.btn-orange:hover, .wpcf7-submit:hover {
    background-color: transparent !important;
    color: var(--peak-orange) !important;
}

.btn-outline {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.btn-outline:hover {
    background-color: #fff;
    color: var(--text-dark);
}

.orange, .text-orange {
    color: var(--peak-orange) !important;
}

/* Global Content Sections */
section {
    padding: 110px 0;
}


/* ==========================================================================
   2. HEADER & NAVIGATION (SYDNEY PRO FRAMEWORK)
   ========================================================================== */
.shfb-above_header_row,
.shfb-below_header_row,
.shfb-component-search,
.shfb-component-woo_icons {
    display: none !important;
}

.shfb-header,
.shfb-main_header_row,
.shfb-row-wrapper.shfb-main_header_row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(15, 15, 15, 0.88) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255,255,255,.08);
    z-index: 9999;
}

.shfb-main_header_row > .container,
.shfb-row-wrapper > .container {
    max-width: 1700px !important;
    width: 100%;
    padding: 0 70px !important;
}

.shfb-main_header_row .shfb-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    min-height: 95px;
}

.shfb-main_header_row .shfb-column-1 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.shfb-main_header_row .shfb-column-2 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.site-branding {
    display: flex;
    align-items: center;
    height: 90px;
}

.site-branding .site-title a, 
.site-branding .site-title a:visited {
    color: var(--peak-orange);
}

.site-logo {
    width: 180px !important;
    height: auto !important;
    max-height: 60px;
    transition: .3s;
}

#site-navigation {
    display: flex;
    align-items: center;
    margin-left: auto;
}

#primary-menu {
    display: flex;
    align-items: center;
    /*gap: 40px !important;*/
    list-style: none;
}

#primary-menu > li {
    display: flex;
    align-items: center;
    position: relative;
}

#primary-menu > li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,.25);
    font-size: 14px;
}

#primary-menu > li > a,
.sydney-dropdown-link {
    height: 90px;
    display: flex;
    align-items: center;
    color: #fff !important;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
}

#primary-menu > li > a:hover,
#primary-menu > li.current-menu-item > a,
.sydney-dropdown-link:hover {
    color: var(--peak-orange) !important;
}

.header-button {
    margin-left: 35px;
}

.header-button a {
    display: inline-block;
    background: var(--peak-orange) !important;
    color: #fff !important;
    padding: 15px 34px !important;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    border-radius: 0 !important;
    border: none !important;
}

.header-button a:hover {
    background: var(--peak-orange-hover) !important;
    color: #fff !important;
}

/* Fixed & Sticky Navigation States */
.shfb-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    transition: all .35s ease;
}

.shfb-header.is-sticky .shfb-main_header_row,
.shfb-header.sticky-active .shfb-main_header_row,
.shfb-header.has-sticky-header .shfb-main_header_row,
.shfb-header.has-sticky-header.is-sticky,
.shfb-main_header_row.shfb-sticky-header {
    background: rgba(15,15,15,.96) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.18);
}

.shfb-header.is-sticky .site-logo {
    max-height: 50px;
}

.site-content, #content {
    padding-top: 90px;
}


/* ==========================================================================
   3. INDIVIDUAL PAGE MODULES (NAMESPACED FOR RELIABILITY)
   ========================================================================== */

/* --- 3A. PEAK HOMEPAGE LAYOUT --- */
body.peak-homepage .hero,
body.peak-homepage .promise-section,
body.peak-homepage .about-grid,
body.peak-homepage .services-section,
body.peak-homepage .why-section,
body.peak-homepage .cta-section {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body.peak-homepage .hero {
    background: linear-gradient(90deg, rgba(15,15,15,0.9) 0%, rgba(15,15,15,0.6) 40%, rgba(15,15,15,0.1) 100%), url('http://peakdrilling.ca/wp-content/uploads/2026/08/ChatGPT-Image-Aug-1-2026-10_16_30-PM.png') center/cover no-repeat;
    padding: 220px 0 140px 0;
    color: #fff;
}

body.peak-homepage .hero-inner {
    max-width: 800px;
}

body.peak-homepage .hero-label {
    color: var(--peak-orange);
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: block;
}

body.peak-homepage .hero h1 {
    font-size: 90px;
    line-height: 0.95;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

body.peak-homepage .hero p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 750px;
    font-weight: 400;
    color: #fff;
}

body.peak-homepage .hero-buttons {
    display: flex;
    gap: 20px;
}

body.peak-homepage .promise-section {
    background: #fff;
    padding: 70px 0;
    border-bottom: 1px solid var(--border-light);
}

body.peak-homepage .promise-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

body.peak-homepage .promise-box {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

body.peak-homepage .promise-icon i {
    font-size: 55px;
    color: var(--peak-orange);
}

body.peak-homepage .promise-text h3 {
    font-size: 26px;
    margin-bottom: 8px;
    letter-spacing: 1.5px;
}

body.peak-homepage .promise-text p {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.6;
}

body.peak-homepage .about-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}

body.peak-homepage .about-col {
    padding: 80px 60px;
    position: relative;
}

body.peak-homepage .bg-photo {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1541888081-37d457697479?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80') center/cover;
    color: #fff;
}

body.peak-homepage .bg-light {
    background: #fff;
    border-right: 1px solid var(--border-light);
}

body.peak-homepage .bg-feather {
    background: #fff;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Feather_icon.svg/512px-Feather_icon.svg.png');
    background-position: right -60px center;
    background-repeat: no-repeat;
    background-size: 350px;
    opacity: 0.95;
}

body.peak-homepage .about-col h2 {
    font-size: 38px;
    margin-bottom: 5px;
    letter-spacing: 1.5px;
}

body.peak-homepage .about-col h3 {
    font-size: 28px;
    margin-bottom: 25px;
    letter-spacing: 1px;
}

body.peak-homepage .divider {
    width: 50px;
    height: 3px;
    background: var(--border-light);
    margin-bottom: 25px;
}

body.peak-homepage .bg-photo .divider { 
    background: rgba(255,255,255,0.3); 
}

body.peak-homepage .about-col p {
    font-size: 14px;
    line-height: 1.7;
}

body.peak-homepage .bg-light p, 
body.peak-homepage .bg-feather p { 
    color: var(--text-light); 
}

body.peak-homepage .services-section {
    background: var(--peak-grey);
    padding: 80px 0;
    text-align: center;
}

body.peak-homepage .services-section h2 {
    font-size: 38px;
    margin-bottom: 50px;
    letter-spacing: 1.5px;
}

body.peak-homepage .services-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

body.peak-homepage .service-card {
    background: #fff;
    border: 1px solid var(--border-light);
    padding: 30px 20px;
    display: flex;
    gap: 15px;
    text-align: left;
    align-items: flex-start;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

body.peak-homepage .service-icon i {
    font-size: 35px;
    color: var(--peak-orange);
}

body.peak-homepage .service-content h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

body.peak-homepage .service-content p {
    font-size: 12px;
    color: var(--text-light);
    line-height: 1.5;
}

body.peak-homepage .why-section {
    background: var(--peak-dark);
    color: #fff;
    padding: 60px 0;
}

body.peak-homepage .why-container {
    display: flex;
    align-items: center;
    gap: 40px;
}

body.peak-homepage .why-title {
    flex: 0 0 350px;
}

body.peak-homepage .why-title h2 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 5px;
}

body.peak-homepage .why-title h3 {
    font-size: 26px;
    color: var(--peak-orange);
}

body.peak-homepage .why-features {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    flex-grow: 1;
}

body.peak-homepage .feature-box {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

body.peak-homepage .feature-box i {
    font-size: 30px;
    color: var(--peak-orange);
}

body.peak-homepage .feature-text h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}

body.peak-homepage .feature-text p {
    font-size: 11px;
    color: #aaa;
    line-height: 1.4;
}

body.peak-homepage .cta-section {
    display: flex;
    width: 100%;
}

body.peak-homepage .cta-left {
    width: 50%;
    background: var(--peak-orange);
    color: #fff;
    padding: 70px 60px 70px 10%;
    display: flex;
    gap: 30px;
    align-items: center;
}

body.peak-homepage .cta-left i {
    font-size: 80px;
}

body.peak-homepage .cta-right {
    width: 50%;
    background: linear-gradient(rgba(27,27,30,0.9), rgba(27,27,30,0.9)), url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?ixlib=rb-4.0.3') center/cover;
    color: #fff;
    padding: 70px 10% 70px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

body.peak-homepage .cta-content h2 {
    font-size: 36px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

body.peak-homepage .cta-content p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #fff;
}


/* --- 3B. ABOUT PAGE --- */
body.peak-about {
    color: #444;
}

body.peak-about .about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

body.peak-about .about-content h2 {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-about .about-content p {
    font-size: 19px;
    color: #666;
    margin-bottom: 20px;
}

body.peak-about .about-image img {
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
}

body.peak-about .mission {
    background: #f8f8f8;
}

body.peak-about .mission-box {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

body.peak-about .mission-box h2 {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-about .mission-box p {
    font-size: 20px;
    color: #666;
}


/* --- 3C. CAREER PAGE --- */
body.peak-career {
    color: #666;
}

body.peak-career .hero {
    height: 720px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)), url(images/careers-banner.jpg) center/cover;
    color: #fff;
}

body.peak-career .hero-content {
    max-width: 760px;
}

body.peak-career .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f26522;
    margin-bottom: 20px;
}

body.peak-career .hero h1 {
    font-family: Oswald;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-career .hero p {
    font-size: 21px;
    color: #ddd;
    margin-bottom: 40px;
}

body.peak-career .section-title {
    font-family: Oswald;
    font-size: 58px;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 25px;
}

body.peak-career .section-text {
    font-size: 19px;
    max-width: 920px;
    margin-bottom: 70px;
}

body.peak-career .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

body.peak-career .card {
    padding: 45px;
    background: #fff;
    border-top: 5px solid #f26522;
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
    transition: .35s;
}

body.peak-career .card:hover {
    transform: translateY(-8px);
}

body.peak-career .card h3 {
    font-family: Oswald;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 18px;
    color: #222;
}

body.peak-career .card p {
    color: #666;
}


/* --- 3D. CONTACT PAGE --- */
body.peak-contact {
    color: #666;
}

body.peak-contact .hero {
    height: 700px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)), url(images/contact-banner.jpg) center/cover;
    color: #fff;
}

body.peak-contact .hero-content {
    max-width: 760px;
}

body.peak-contact .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f26522;
    margin-bottom: 20px;
}

body.peak-contact .hero h1 {
    font-family: Oswald;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-contact .hero p {
    font-size: 21px;
    color: #ddd;
    margin-bottom: 40px;
}

body.peak-contact .intro {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 70px;
    align-items: start;
}

body.peak-contact .section-title {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #222;
}

body.peak-contact .contact-card {
    background: #1d1d1d;
    padding: 45px;
    color: #fff;
    border-left: 5px solid #f26522;
}

body.peak-contact .contact-card h3 {
    font-family: Oswald;
    font-size: 32px;
    margin-bottom: 25px;
}

body.peak-contact .contact-card p {
    margin-bottom: 20px;
    color: #ddd;
}

body.peak-contact .contact-card strong {
    display: block;
    color: #fff;
}

body.peak-contact .quote-form {
    margin-top: 60px;
}

body.peak-contact .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

body.peak-contact .form-group {
    display: flex;
    flex-direction: column;
}

body.peak-contact .full-width {
    grid-column: 1 / -1;
}

body.peak-contact .form-group label {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 10px;
    color: #222;
}

body.peak-contact .form-group input,
body.peak-contact .form-group select,
body.peak-contact .form-group textarea {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    border: 1px solid #ddd;
    background: #fff;
    outline: none;
    transition: .3s;
    font-family: 'Roboto', sans-serif;
}

body.peak-contact .form-group input:focus,
body.peak-contact .form-group select:focus,
body.peak-contact .form-group textarea:focus {
    border-color: #f26522;
    box-shadow: 0 0 0 3px rgba(242,101,34,.12);
}

body.peak-contact .form-group textarea {
    resize: vertical;
    min-height: 180px;
}

body.peak-contact .form-group small {
    margin-top: 8px;
    color: #777;
}

body.peak-contact .checkbox {
    background: #fff;
    padding: 25px;
    border-left: 4px solid #f26522;
}

body.peak-contact .checkbox label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    cursor: pointer;
}

body.peak-contact .checkbox input {
    width: 18px;
    height: 18px;
}


/* --- 3E. FLEET PAGE --- */
body.peak-fleet {
    color: #444;
}

body.peak-fleet .hero {
    height: 720px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)), url(images/fleet-banner.jpg) center/cover;
    color: #fff;
}

body.peak-fleet .hero-content {
    max-width: 760px;
}

body.peak-fleet .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    color: #f26522;
    text-transform: uppercase;
    margin-bottom: 20px;
}

body.peak-fleet .hero h1 {
    font-family: Oswald;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-fleet .hero p {
    font-size: 21px;
    color: #ddd;
    margin-bottom: 40px;
}

body.peak-fleet .intro {
    text-align: center;
}

body.peak-fleet .intro h2 {
    font-family: Oswald;
    font-size: 58px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-fleet .intro p {
    max-width: 900px;
    margin: auto;
    font-size: 19px;
    color: #666;
}

body.peak-fleet .fleet-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 70px;
}

body.peak-fleet .card {
    background: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
    transition: .35s;
}

body.peak-fleet .card:hover {
    transform: translateY(-8px);
}

body.peak-fleet .card img {
    height: 240px;
    object-fit: cover;
}

body.peak-fleet .card-content {
    padding: 35px;
}

body.peak-fleet .card h3 {
    font-family: Oswald;
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

body.peak-fleet .card p {
    color: #666;
}

body.peak-fleet .standard {
    background: #111;
    color: #fff;
}

body.peak-fleet .standard-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

body.peak-fleet .standard h2 {
    font-family: Oswald;
    font-size: 58px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-fleet .standard p {
    color: #ccc;
    font-size: 19px;
}

body.peak-fleet .standard ul {
    margin-top: 35px;
}

body.peak-fleet .standard li {
    margin-bottom: 18px;
}

body.peak-fleet .cta {
    background: #f26522;
    color: #fff;
}

body.peak-fleet .cta-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

body.peak-fleet .cta h2 {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

body.peak-fleet .dark-btn {
    background: #111;
    padding: 18px 40px;
    color: #fff;
    text-decoration: none;
    font-family: Oswald;
    text-transform: uppercase;
}


/* --- 3F. INDUSTRIES PAGE --- */
body.peak-industries {
    color: #444;
}

body.peak-industries .hero {
    height: 720px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)), url(images/industries-banner.jpg) center center/cover;
    color: #fff;
}

body.peak-industries .hero-content {
    max-width: 760px;
}

body.peak-industries .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    color: #f26522;
    text-transform: uppercase;
    margin-bottom: 20px;
}

body.peak-industries .hero h1 {
    font-family: Oswald;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-industries .hero p {
    font-size: 22px;
    color: #ddd;
    margin-bottom: 40px;
}

body.peak-industries .intro {
    text-align: center;
    background: #fff;
}

body.peak-industries .intro h2 {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-industries .intro p {
    max-width: 950px;
    margin: auto;
    font-size: 19px;
    color: #666;
}

body.peak-industries .industry-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 70px;
}

body.peak-industries .industry-card {
    background: #fff;
    padding: 45px;
    border-top: 5px solid #f26522;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .3s;
}

body.peak-industries .industry-card:hover {
    transform: translateY(-8px);
}

body.peak-industries .industry-card h3 {
    font-family: Oswald;
    font-size: 30px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

body.peak-industries .industry-card p {
    color: #666;
}


/* --- 3G. PARTNERSHIP PAGE --- */
body.peak-paternship {
    color: #666;
}

body.peak-paternship .hero {
    height: 720px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.70),rgba(0,0,0,.70)), url(images/procurement-banner.jpg) center/cover;
    color: #fff;
}

body.peak-paternship .hero-content {
    max-width: 760px;
}

body.peak-paternship .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f26522;
    margin-bottom: 20px;
}

body.peak-paternship .hero h1 {
    font-family: Oswald;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-paternship .hero p {
    font-size: 21px;
    color: #ddd;
    margin-bottom: 40px;
}

body.peak-paternship .section-title {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #222;
}

body.peak-paternship .section-text {
    max-width: 900px;
    font-size: 19px;
    margin-bottom: 60px;
}

body.peak-paternship .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

body.peak-paternship .card {
    padding: 40px;
    background: #fff;
    border-top: 4px solid #f26522;
    box-shadow: 0 15px 45px rgba(0,0,0,.08);
    transition: .3s;
}

body.peak-paternship .card:hover {
    transform: translateY(-8px);
}

body.peak-paternship .card h3 {
    font-family: Oswald;
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #222;
}

body.peak-paternship .card p {
    color: #666;
}


/* --- 3H. SAFETY PAGE --- */
body.peak-safety {
    color: #444;
}

body.peak-safety .hero {
    height: 720px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)), url(images/safety-banner.jpg) center/cover;
    color: #fff;
}

body.peak-safety .hero-content {
    max-width: 760px;
}

body.peak-safety .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f26522;
    margin-bottom: 20px;
}

body.peak-safety .hero h1 {
    font-family: Oswald;
    font-size: 72px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-safety .hero p {
    font-size: 21px;
    color: #ddd;
    margin-bottom: 40px;
}

body.peak-safety .intro {
    text-align: center;
}

body.peak-safety .intro h2 {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-safety .intro p {
    max-width: 900px;
    margin: auto;
    font-size: 19px;
    color: #666;
}

body.peak-safety .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 70px;
}

body.peak-safety .card {
    background: #fff;
    padding: 40px;
    border-top: 5px solid #f26522;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .35s;
}

body.peak-safety .card:hover {
    transform: translateY(-8px);
}

body.peak-safety .card h3 {
    font-family: Oswald;
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

body.peak-safety .card p {
    color: #666;
}

body.peak-safety .values {
    background: #111;
    color: #fff;
}

body.peak-safety .values-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

body.peak-safety .values h2 {
    font-family: Oswald;
    font-size: 58px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-safety .values p {
    font-size: 19px;
    color: #ccc;
    margin-bottom: 25px;
}

body.peak-safety .values ul {
    margin-top: 30px;
}

body.peak-safety .values li {
    margin-bottom: 18px;
}

body.peak-safety .cta {
    background: #f26522;
    color: #fff;
}

body.peak-safety .cta-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

body.peak-safety .cta h2 {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

body.peak-safety .dark-btn {
    display: inline-block;
    padding: 18px 40px;
    background: #111;
    color: #fff;
    font-family: Oswald;
    text-transform: uppercase;
}


/* --- 3I. SERVICE AREA PAGE --- */
body.peak-service-area {
    color: #444;
}

body.peak-service-area .hero {
    height: 720px;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)), url(images/alberta-banner.jpg) center/cover;
    color: #fff;
}

body.peak-service-area .hero-content {
    max-width: 760px;
}

body.peak-service-area .hero h5 {
    font-family: Oswald;
    font-size: 22px;
    letter-spacing: 2px;
    color: #f26522;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-service-area .hero h1 {
    font-family: Oswald;
    font-size: 74px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

body.peak-service-area .hero p {
    font-size: 22px;
    color: #ddd;
    margin-bottom: 45px;
}

body.peak-service-area .intro-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
    margin-top: 60px;
}

body.peak-service-area .info-box {
    padding: 40px;
    background: #fafafa;
    border-left: 5px solid #f26522;
    box-shadow: 0 10px 35px rgba(0,0,0,.05);
}

body.peak-service-area .info-box h3 {
    font-family: Oswald;
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

body.peak-service-area .info-box p {
    color: #666;
}

body.peak-service-area .section-title {
    font-family: Oswald;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

body.peak-service-area .section-text {
    max-width: 900px;
    font-size: 19px;
    color: #666;
}


/* ==========================================================================
   4. SYSTEM FOOTER WRAPPER
   ========================================================================== */
.peak-footer {
    background: #111;
    color: #cfcfcf;
}

.footer-cta {
    background: linear-gradient(90deg,#f26522 0%,#d95512 100%);
    padding: 70px 0;
}

.footer-cta-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.footer-cta span {
    color: #fff;
    font-family: Oswald;
    letter-spacing: 2px;
    font-size: 15px;
}

.footer-cta h2 {
    font-family: Oswald;
    font-size: 48px;
    color: #fff;
    margin: 10px 0 20px;
}

.footer-cta p {
    color: #fff;
    max-width: 650px;
}

.footer-btn {
    background: #fff;
    color: #111;
    padding: 18px 42px;
    font-family: Oswald;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
}

.footer-btn:hover {
    background: #111;
    color: #fff;
}

.footer-main {
    padding: 90px 0;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 70px;
}

.footer-logo {
    max-width: 220px;
    margin-bottom: 25px;
}

.footer-main h4 {
    font-family: Oswald;
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.footer-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-main li {
    margin-bottom: 14px;
}

.footer-main a {
    color: #c7c7c7;
}

.footer-main a:hover {
    color: var(--peak-orange);
    padding-left: 5px;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.08);
    padding: 25px 0;
    background: #0b0b0b;
}

.footer-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom a {
    color: #aaa;
    margin-left: 25px;
}

.footer-bottom a:hover {
    color: var(--peak-orange);
}

/************ Service page ********************/

.service-hero{

position:relative;
padding:220px 0 140px;
background:url('/wp-content/uploads/2026/08/service-hero.jpg') center/cover;
overflow:hidden;

}

.service-hero .overlay{

position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45));

}

.service-hero .container{

position:relative;
z-index:2;

}

.hero-content{

max-width:760px;
color:#fff;

}

.hero-label{

display:inline-block;
padding:8px 18px;
/*background:#f26522;*/
font-family:Oswald;
letter-spacing:2px;
margin-bottom:25px;
font-size:14px;

}

.service-hero h1{

font-size:72px;
line-height:1.05;
margin-bottom:30px;
color:#fff;

}

.service-hero p{

font-size:20px;
line-height:1.8;
margin-bottom:40px;
color:#ddd;

}

.hero-buttons{

display:flex;
gap:20px;
flex-wrap:wrap;

}

.btn-primary{

background:#f26522;
color:#fff;

}

.btn-outline{

border:2px solid #fff;
color:#fff;
background:transparent;

}

.btn-outline:hover{

background:#fff;
color:#111;

}

/*=========================
 SERVICES OVERVIEW
=========================*/
.services-overview{
    padding:120px 0;
    background:#f7f7f7;
}

.section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 70px;
}

.section-heading span{
    color:#f26522;
    font-family:Oswald,sans-serif;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-heading h2{
    font-size:58px;
    margin:15px 0;
}

.section-heading p{
    color:#666;
    font-size:18px;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.service-card{
    position:relative;
    overflow:hidden;
    min-height:500px;
    border-radius:8px;
    cursor:pointer;
}

.service-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.service-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:40px;
    background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.15));
    transition:.4s;
}

.service-card:hover img{
    transform:scale(1.08);
}

.service-card:hover .service-overlay{
    background:linear-gradient(to top,rgba(242,101,34,.92),rgba(0,0,0,.35));
}

.service-overlay span{
    color:#f26522;
    font-size:16px;
    font-family:Oswald;
    margin-bottom:10px;
    letter-spacing:2px;
}

.service-card:hover .service-overlay span{
    color:#fff;
}

.service-overlay h3{
    color:#fff;
    font-size:34px;
    margin-bottom:15px;
}

.service-overlay p{
    color:#ddd;
    margin-bottom:30px;
    line-height:1.8;
}

.service-overlay .btn{
    width:max-content;
    background:#f26522;
    color:#fff;
    padding:14px 28px;
}

.service-card:hover .btn{
    background:#111;
}

@media(max-width:992px){
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .services-grid{
        grid-template-columns:1fr;
    }

    .section-heading h2{
        font-size:42px;
    }

    .service-card{
        min-height:420px;
    }
}

/** Servie Main page**/
.service-detail{
    padding:100px 0;
}

.service-row{
    display:flex;
    align-items:center;
    gap:70px;
}

.service-image{
    flex:1;
}

.service-image img{
    width:100%;
    height:600px;
    object-fit:cover;
    border-radius:18px;
    display:block;
}

.service-content{
    flex:1;
}

.subtitle{
    color:#d17d28;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
    display:inline-block;
}

.service-content h2{
    font-size:52px;
    margin-bottom:25px;
}

.service-content p{
    font-size:18px;
    line-height:1.8;
    color:#555;
}

.service-list{
    margin:35px 0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.service-list li{
    font-size:17px;
    font-weight:600;
    position:relative;
    padding-left:28px;
}

.service-list li:before{
    content:"✔";
    position:absolute;
    left:0;
    color:#d17d28;
}

.service-detail:nth-child(even) .service-row{
    flex-direction:row-reverse;
}

@media(max-width:991px){

.service-row{
    flex-direction:column;
}

.service-detail:nth-child(even) .service-row{
    flex-direction:column;
}

.service-image img{
    height:380px;
}

.service-content h2{
    font-size:38px;
}

.service-list{
    grid-template-columns:1fr;
}

}

/*********** Service Area ***********/
/*=========================================
SERVICE AREA
=========================================*/

.peak-service-area .service-area-section{
    padding:100px 0;
    background:#fff;
}

.peak-service-area .service-area-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.peak-service-area .area-image img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
}

.peak-service-area .section-label{
    display:inline-block;
    color:#ff7a00;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.peak-service-area .area-content h2{
    font-size:52px;
    line-height:1.1;
    margin-bottom:25px;
    color:#111;
}

.peak-service-area .area-content p{
    font-size:18px;
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

.peak-service-area .area-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:40px;
}

.peak-service-area .feature{
    background:#f7f7f7;
    padding:18px 20px;
    border-left:4px solid #ff7a00;
    border-radius:10px;
    font-weight:600;
    color:#222;
    transition:.3s;
}

.peak-service-area .feature:hover{
    background:#111;
    color:#fff;
    transform:translateY(-5px);
}

.peak-service-area .area-content .btn{
    display:inline-block;
    padding:16px 35px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-weight:700;
    transition:.3s;
}

.peak-service-area .area-content .btn:hover{
    background:#111;
}

/*=========================================
PROJECT PROCESS
=========================================*/

.peak-service-area .project-process{
    padding:100px 0;
    background:#111;
}

.peak-service-area .project-process .section-heading{
    text-align:center;
    margin-bottom:70px;
}

.peak-service-area .project-process .section-heading span{
    color:#ff7a00;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:2px;
}

.peak-service-area .project-process .section-heading h2{
    color:#fff;
    font-size:48px;
    margin-top:15px;
}

.peak-service-area .process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.peak-service-area .process-card{
    background:#1d1d1d;
    padding:40px 30px;
    border-radius:15px;
    text-align:center;
    transition:.35s;
}

.peak-service-area .process-card:hover{
    transform:translateY(-10px);
    background:#222;
}

.peak-service-area .process-card span{
    display:inline-flex;
    width:70px;
    height:70px;
    border-radius:50%;
    background:#ff7a00;
    color:#fff;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    margin-bottom:25px;
}

.peak-service-area .process-card h3{
    color:#fff;
    margin-bottom:15px;
    font-size:24px;
}

.peak-service-area .process-card p{
    color:#bdbdbd;
    line-height:1.8;
}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

.peak-service-area .service-area-grid{
    grid-template-columns:1fr;
}

.peak-service-area .area-content h2{
    font-size:40px;
}

.peak-service-area .area-features{
    grid-template-columns:1fr;
}

.peak-service-area .process-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.service-area-section,
.project-process{
    padding:70px 0;
}

.area-content h2{
    font-size:34px;
}

.process-grid{
    grid-template-columns:1fr;
}

.process-card{
    padding:30px 20px;
}

.project-process .section-heading h2{
    font-size:34px;
}

}

.wpcf7-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
 widht:100% !important;
}


/* PEAK ABOUT PAGE CSS */
/* Namespace */
.peak-about{background:#fff;color:#222;overflow-x:hidden}
.peak-about .container{max-width:1280px;margin:auto;padding:0 20px}
.peak-about .section-label{display:inline-block;color:#f47b20;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px}
.peak-about .section-title{font-size:52px;line-height:1.15;margin-bottom:20px}
.peak-about .section-text{font-size:18px;color:#666;line-height:1.9}
.peak-about .about-hero{position:relative;padding:180px 0;background-size:cover;background-position:center;color:#fff}
.peak-about .about-hero:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.6)}
.peak-about .about-hero .container{position:relative;z-index:2}
.peak-about .about-story,.peak-about .values,.peak-about .why-peak,.peak-about .timeline,.peak-about .stats,.peak-about .mission,.peak-about .about-cta{padding:110px 0}
.peak-about .story-grid,.peak-about .mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.peak-about .story-image img,.peak-about .mission-image img{width:100%;border-radius:16px}
.peak-about .values{background:#fafafa}
.peak-about .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.peak-about .value-card{background:#fff;padding:40px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.peak-about .why-grid,.peak-about .stats-grid,.peak-about .timeline-grid{display:grid;gap:30px}
.peak-about .why-grid{grid-template-columns:repeat(2,1fr)}
.peak-about .stats-grid,.peak-about .timeline-grid{grid-template-columns:repeat(4,1fr)}
.peak-about .about-cta{background:#f47b20;color:#fff;text-align:center}
@media(max-width:991px){
.peak-about .story-grid,.peak-about .mission-grid,.peak-about .why-grid{grid-template-columns:1fr}
.peak-about .values-grid,.peak-about .stats-grid,.peak-about .timeline-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
.peak-about .values-grid,.peak-about .stats-grid,.peak-about .timeline-grid{grid-template-columns:1fr}
}
/* ==========================
EXPERIENCE COUNTER
==========================*/

.peak-about .experience-counter{
    padding:100px 0;
    background:#08162f;
}

.peak-about .counter-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.peak-about .counter-box{
    background:#fff;
    border-radius:15px;
    padding:45px 30px;
    text-align:center;
    transition:.35s;
}

.peak-about .counter-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.peak-about .counter-box h2{
    font-size:70px;
    color:#f58220;
    margin-bottom:10px;
    line-height:1;
    font-family:'Oswald',sans-serif;
}

.peak-about .counter-box span{
    color:#444;
    font-size:18px;
    font-weight:600;
}


/* ==========================
OUR PROCESS
==========================*/

.peak-about .about-process{
    padding:120px 0;
    background:#f8f9fb;
}

.peak-about .about-process .section-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 80px;
}

.peak-about .about-process .section-heading span{
    color:#f58220;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
}

.peak-about .about-process .section-heading h2{
    font-size:48px;
    margin:20px 0;
    color:#08162f;
}

.peak-about .timeline{
    max-width:950px;
    margin:auto;
    position:relative;
}

.peak-about .timeline:before{
    content:"";
    position:absolute;
    left:34px;
    top:0;
    bottom:0;
    width:3px;
    background:#f58220;
}

.peak-about .timeline-item{
    display:flex;
    gap:35px;
    position:relative;
    margin-bottom:60px;
}

.peak-about .timeline-number{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#08162f;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    font-weight:700;
    flex-shrink:0;
    z-index:2;
}

.peak-about .timeline-content{
    background:#fff;
    border-radius:15px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    flex:1;
}

.peak-about .timeline-content h3{
    font-size:28px;
    color:#08162f;
    margin-bottom:15px;
}

.peak-about .timeline-content p{
    color:#666;
    line-height:1.8;
}


/* ==========================
Responsive
==========================*/

@media(max-width:991px){

.peak-about .counter-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.peak-about .counter-grid{
grid-template-columns:1fr;
}

.peak-about .timeline:before{
display:none;
}

.peak-about .timeline-item{
flex-direction:column;
align-items:flex-start;
}

.peak-about .about-process .section-heading h2{
font-size:36px;
}

}
.peak-about .roots-section{
    padding:120px 0;
    background:#fff;
}

.peak-about .roots-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.peak-about .roots-content{
    order:1;
}

.peak-about .roots-image{
    order:2;
}

.peak-about .roots-image img{
    width:100%;
    display:block;
    border-radius:20px;
    object-fit:cover;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

@media (max-width:991px){

    .peak-about .roots-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .peak-about .roots-content{
        order:2;
    }

    .peak-about .roots-image{
        order:1;
    }

}
/* ==========================================
OUR VALUES
========================================== */

.peak-about .values-banner{
    padding:120px 0;
    background:#f8f9fb;
}

.peak-about .values-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.peak-about .values-image img{
    width:100%;
    display:block;
    border-radius:20px;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.peak-about .values-content .section-label{
    display:inline-block;
    color:#f58220;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.peak-about .values-content h2{
    font-size:52px;
    line-height:1.15;
    color:#08162f;
    margin-bottom:25px;
    font-family:'Oswald',sans-serif;
    text-transform:uppercase;
}

.peak-about .values-content p{
    font-size:18px;
    line-height:1.9;
    color:#666;
    margin-bottom:35px;
}

.peak-about .values-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 30px;
}

.peak-about .values-list div{
    background:#fff;
    padding:16px 20px;
    border-radius:12px;
    font-weight:600;
    color:#08162f;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

@media(max-width:991px){

    .peak-about .values-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .peak-about .values-content h2{
        font-size:40px;
    }

    .peak-about .values-list{
        grid-template-columns:1fr;
    }

}
/*==================================
VALUES SECTION
==================================*/

.peak-about .values-section{
    padding:120px 0;
    background:#08162f;
    position:relative;
}

.peak-about .values-section .section-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.peak-about .values-section .section-label{
    color:#f58220;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700;
}

.peak-about .values-section h2{
    color:#fff;
    font-size:54px;
    margin:18px 0;
    font-family:Oswald,sans-serif;
}

.peak-about .values-section .section-heading p{
    color:#cfd6df;
    font-size:18px;
}

.peak-about .values-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.peak-about .value-card{
    position:relative;
    background:#fff;
    border-radius:18px;
    padding:45px;
    overflow:hidden;
    transition:.35s;
    box-shadow:0 15px 45px rgba(0,0,0,.12);
}

.peak-about .value-card:hover{
    transform:translateY(-10px);
}

.peak-about .value-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:#f58220;
}

.peak-about .value-number{
    position:absolute;
    right:30px;
    top:25px;
    font-size:70px;
    color:#f3f3f3;
    font-family:Oswald,sans-serif;
    font-weight:700;
}

.peak-about .value-icon{
    width:75px;
    height:75px;
    border-radius:18px;
    background:#f58220;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    margin-bottom:25px;
}

.peak-about .value-card h3{
    font-size:30px;
    margin-bottom:15px;
    color:#08162f;
    font-family:Oswald,sans-serif;
}

.peak-about .value-card p{
    color:#666;
    line-height:1.8;
    margin:0;
}

@media(max-width:991px){

.peak-about .values-grid{
grid-template-columns:1fr;
}

.peak-about .values-section h2{
font-size:42px;
}

}


/* PEAK Career CSS */
.peak-career{--primary:#08162f;--accent:#f58220;--light:#f7f7f7;--text:#555}.peak-career section{padding:100px 0}.peak-career .container{max-width:1200px;margin:auto;padding:0 20px}.peak-career .section-label{color:var(--accent);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:13px}.peak-career h1,.peak-career h2,.peak-career h3,.peak-career h4{color:var(--primary);margin:0 0 20px}.peak-career p{color:var(--text);line-height:1.8}.peak-career .btn{display:inline-block;padding:14px 28px;background:var(--accent);color:#fff;border-radius:6px;text-decoration:none}.peak-career .btn-outline{background:transparent;border:2px solid #fff;color:#fff}.peak-career .hero-grid,.peak-career .career-grid,.peak-career .requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.peak-career .hero-image img,.peak-career .career-image img,.peak-career .requirements-image img{width:100%;border-radius:16px}.peak-career .career-features{display:grid;gap:20px}.peak-career .career-feature{display:flex;gap:15px}.peak-career .career-feature .icon{width:42px;height:42px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.peak-career .section-heading{text-align:center;max-width:760px;margin:0 auto 60px}.peak-career .positions-grid,.peak-career .benefits-grid,.peak-career .process-grid{display:grid;gap:25px}.peak-career .positions-grid{grid-template-columns:repeat(4,1fr)}.peak-career .benefits-grid{grid-template-columns:repeat(3,1fr)}.peak-career .process-grid{grid-template-columns:repeat(4,1fr)}.peak-career .position-card,.peak-career .benefit-card,.peak-career .process-card{background:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 35px rgba(0,0,0,.08)}.peak-career .career-process{background:#08162f}.peak-career .career-process h2,.peak-career .career-process h3,.peak-career .career-process p,.peak-career .career-process .section-label{color:#000}.peak-career .cta-box{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:50px;border-radius:18px}@media(max-width:991px){.peak-career .hero-grid,.peak-career .career-grid,.peak-career .requirements-grid,.peak-career .positions-grid,.peak-career .benefits-grid,.peak-career .process-grid{grid-template-columns:1fr}.peak-career .cta-box{flex-direction:column;text-align:center}}


/* =========================================
PEAK CONTACT PAGE CSS
Parent Class: .peak-contact
========================================= */


/* GLOBAL */

.peak-contact{
    overflow-x:hidden;
    overflow-y:auto;
}

.peak-contact .section-label{
    color:#f58220;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}


/* =========================================
HERO
========================================= */

.peak-contact .contact-hero{

    min-height:760px;
    background:
    linear-gradient(
        rgba(0,0,0,.65),
        rgba(0,0,0,.65)
    ),
    url('../images/contact-hero.jpg');

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;

}


.peak-contact .hero-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;

}


.peak-contact .hero-content h1{

    font-size:70px;
    line-height:1.05;
    color:#fff;
    font-family:Oswald,sans-serif;
    text-transform:uppercase;

}


.peak-contact .hero-content p{

    color:#ddd;
    font-size:20px;
    line-height:1.8;
    max-width:650px;

}


.peak-contact .hero-buttons{

    margin-top:35px;
    display:flex;
    gap:20px;

}


.peak-contact .hero-image img{

    width:100%;
    border-radius:25px;

}



/* =========================================
CONTACT CARDS
========================================= */


.peak-contact .contact-info{

    padding:100px 0;
    background:#f7f7f7;

}


.peak-contact .section-heading{

    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:60px;

}


.peak-contact .section-heading h2{

    font-size:50px;
    font-family:Oswald,sans-serif;
    text-transform:uppercase;

}



.peak-contact .contact-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;

}


.peak-contact .contact-card{

    background:#fff;
    padding:40px 30px;
    border-radius:20px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.08);

    transition:.3s;

}


.peak-contact .contact-card:hover{

    transform:translateY(-10px);

}


.peak-contact .contact-card .icon{

    width:65px;
    height:65px;
    background:#f58220;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    font-size:30px;

    margin-bottom:25px;

}


.peak-contact .contact-card h3{

    font-family:Oswald,sans-serif;
    font-size:28px;

}


.peak-contact .contact-card a{

    color:#f58220;
    font-weight:600;

}



/* =========================================
PROJECT INFORMATION
========================================= */


.peak-contact .project-information{

    padding:120px 0;

}


.peak-contact .project-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;

}


.peak-contact .project-image img{

    width:100%;
    border-radius:25px;

}


.peak-contact .project-content h2{

    font-size:55px;
    font-family:Oswald,sans-serif;
    text-transform:uppercase;

}


.peak-contact .project-content p{

    font-size:18px;
    line-height:1.8;
    color:#555;

}



.peak-contact .project-list{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;

    margin:35px 0;

}


.peak-contact .project-list div{

    background:#f7f7f7;
    padding:18px;

    border-left:4px solid #f58220;

    font-weight:600;

}



/* =========================================
QUOTE FORM
========================================= */


.peak-contact .quote-form-section{

    background:#f5f5f5;
    padding:120px 0;

}


.peak-contact .form-wrapper{

    max-width:1000px;
    margin:auto;

}



.peak-contact .form-card{

    background:#fff;

    padding:50px;

    border-radius:25px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.1);

}



/* CONTACT FORM 7 */


.peak-contact input,
.peak-contact textarea,
.peak-contact select{

    width:100%;
    padding:16px;

    border:1px solid #ddd;

    border-radius:8px;

    margin-bottom:20px;

}


.peak-contact textarea{

    min-height:160px;

}


.peak-contact input:focus,
.peak-contact textarea:focus{

    border-color:#f58220;
    outline:none;

}



/* =========================================
WHY CONTACT
========================================= */


.peak-contact .why-contact{

    padding:120px 0;

}


.peak-contact .why-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;

}



.peak-contact .why-card{

    background:#111;
    color:#fff;

    padding:40px;

    border-radius:20px;

}



.peak-contact .why-card .number{

    color:#f58220;

    font-size:45px;

    font-family:Oswald;

}



.peak-contact .why-card h3{

    font-size:28px;
    font-family:Oswald;

}



/* =========================================
FAQ
========================================= */


.peak-contact .contact-faq{

    background:#f7f7f7;

    padding:100px 0;

}


.peak-contact .faq-wrapper{

    max-width:900px;
    margin:auto;

}


.peak-contact .faq-item{

    background:#fff;

    padding:30px;

    margin-bottom:20px;

    border-radius:15px;

}



.peak-contact .faq-item h3{

    font-family:Oswald;

    font-size:25px;

}



/* =========================================
CTA
========================================= */


.peak-contact .contact-cta{

    padding:130px 0;

    background:

    linear-gradient(
    rgba(0,0,0,.7),
    rgba(0,0,0,.7)
    ),

    url('../images/contact-cta.jpg');

    background-size:cover;

    background-position:center;

    color:#fff;

    text-align:center;

}



.peak-contact .contact-cta h2{

    font-size:60px;

    font-family:Oswald;

    text-transform:uppercase;

}



.peak-contact .contact-cta p{

    max-width:700px;

    margin:25px auto;

    font-size:20px;

}



/* =========================================
RESPONSIVE
========================================= */


@media(max-width:1100px){

    .peak-contact .contact-grid,
    .peak-contact .why-grid{

        grid-template-columns:repeat(2,1fr);

    }

}



@media(max-width:768px){


    .peak-contact .hero-grid,
    .peak-contact .project-grid{

        grid-template-columns:1fr;

    }


    .peak-contact .hero-content h1{

        font-size:45px;

    }


    .peak-contact .contact-grid,
    .peak-contact .why-grid{

        grid-template-columns:1fr;

    }


    .peak-contact .project-content h2{

        font-size:40px;

    }


    .peak-contact .form-card{

        padding:25px;

    }

}


/* ==========================================================================
   5. COMPREHENSIVE RESPONSIVE DESIGN INTERPOLATION
   ========================================================================== */
@media (max-width: 1600px) {
    body.peak-homepage .services-grid, 
    body.peak-homepage .why-features { 
        grid-template-columns: repeat(3, 1fr); 
        gap: 30px; 
    }
    body.peak-homepage .why-container { 
        flex-direction: column; 
        align-items: flex-start; 
    }
    body.peak-homepage .why-title { 
        flex: none; 
        width: 100%; 
        margin-bottom: 20px; 
    }
}

@media (max-width: 1200px) {
    body.peak-homepage .about-grid { 
        grid-template-columns: 1fr; 
    }
    body.peak-homepage .cta-section { 
        flex-direction: column; 
    }
    body.peak-homepage .cta-left, 
    body.peak-homepage .cta-right { 
        width: 100%; 
        padding: 60px; 
    }
}

@media (max-width: 991px) {
    .shfb-main_header_row > .container {
        padding: 0 20px !important;
    }
    .site-logo {
        width: 140px !important;
    }
    .header-button {
        display: none;
    }
    #primary-menu {
        gap: 20px !important;
    }
    #primary-menu > li:not(:last-child)::after {
        display: none;
    }
    body.peak-contact .form-grid {
        grid-template-columns: 1fr;
    }
    body.peak-safety .grid,
    body.peak-safety .values-wrap {
        grid-template-columns: 1fr;
    }
    body.peak-safety .cta-wrap,
    .footer-cta-wrap,
    .footer-bottom-wrap {
        flex-direction: column;
        text-align: center;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
    body.peak-safety .hero h1 {
        font-size: 48px;
    }
    body.peak-safety .intro h2,
    body.peak-safety .values h2,
    body.peak-safety .cta h2 {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    body.peak-homepage .promise-grid { 
        grid-template-columns: 1fr; 
    }
    .header-content { 
        flex-direction: column; 
        height: auto; 
        padding: 20px 0; 
        gap: 20px; 
    }
    body.peak-homepage .hero h1 { 
        font-size: 60px; 
    }
    body.peak-homepage .hero-buttons { 
        flex-direction: column; 
    }
    body.peak-homepage .services-grid, 
    body.peak-homepage .why-features { 
        grid-template-columns: 1fr; 
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .footer-cta h2 {
        font-size: 34px;
    }
}