/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2026 | 19:46:38 */
  /* =========================================================
   DelCor Structural Load & Code Compliance — V10
   REPLACE the previous V9 CSS with this file.
   WordPress > Divi > Theme Options > General > Custom CSS

   Scoped only to sla-v9-* classes on this service page.
   ========================================================= */

/* ---------- HERO ---------- */
.sla-v9-hero{
  position:relative;
  overflow:hidden;
}
.sla-v9-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(5,18,34,.57) 0%,
    rgba(5,18,34,.58) 44%,
    rgba(5,18,34,.25) 74%,
    rgba(5,18,34,.28) 100%
  );
  pointer-events:none;
  z-index:1;
}
.sla-v9-hero > .et_pb_row{
  position:relative;
  z-index:2;
}
.sla-v9-hero .et_pb_button{
  box-shadow:0 10px 24px rgba(47,123,246,.22);
  transition:transform .22s ease,box-shadow .22s ease;
}
.sla-v9-hero .et_pb_button:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(47,123,246,.28);
}

/* Full-width glass band, but the actual four items stay in the 1180px row. */
.sla-v9-hero-strip{
  position:relative;
  z-index:3;
  background:transparent!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.sla-v9-hero-strip:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:rgba(5,18,34,.62);
  border-top:1px solid rgba(255,255,255,.10);
}
.sla-v9-hero-strip h4{margin-bottom:3px!important}
.sla-v9-hero-strip p{margin-bottom:0!important}

/* ---------- ENGINEERING SCOPE ---------- */
/* Divi's image wrap defaults to inline-block and was shrinking these images
   to their intrinsic width. Force both the module and wrapper to be full width. */
.sla-v9-scope-image,
.sla-v9-scope-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.sla-v9-scope-image img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:500px!important;
  object-fit:cover!important;
  border-radius:22px;
}

.sla-v9-scope-note{
  position:relative;
  z-index:5;
  margin-top:-98px!important;
  margin-left:24px!important;
  width:250px!important;
  max-width:calc(100% - 48px)!important;
}
.sla-v9-scope-note .et_pb_text_inner{
  background:#fff;
}
.sla-v9-scope-line{
  transition:padding-left .22s ease,background-color .22s ease;
}
.sla-v9-scope-line:hover{
  padding-left:10px!important;
  background:#f8fafc;
}

/* ---------- DARK TECHNICAL SECTION ---------- */
.sla-v9-factors{overflow:hidden}
.sla-v9-factor{
  transition:background-color .22s ease;
}
.sla-v9-factor:hover{
  background:rgba(255,255,255,.035);
}
.sla-v9-factor h3{
  margin-top:14px!important;
  margin-bottom:8px!important;
}
.sla-v9-factor p{margin-bottom:0!important}

/* ---------- DELIVERABLES + PROCESS PANELS ---------- */
.sla-v9-panel{
  box-shadow:0 12px 28px rgba(7,25,47,.055);
  transition:transform .22s ease,box-shadow .22s ease;
}
.sla-v9-panel:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(7,25,47,.08);
}
.sla-v9-panel-heading h2{
  max-width:470px;
}
.sla-v9-panels .et_pb_blurb_content{
  max-width:none!important;
}
.sla-v9-panels .et_pb_blurb_position_left .et_pb_blurb_container{
  padding-left:14px;
}
.sla-v9-panels .et_pb_main_blurb_image{
  margin-bottom:0!important;
}
.sla-v9-panels .et_pb_blurb_description p{
  margin-bottom:0!important;
}

/* Match the HTML's vertical process timeline. */
.sla-v9-process-step{
  position:relative;
  min-height:76px;
}
.sla-v9-process-step .et_pb_blurb_content{
  position:relative;
}
.sla-v9-process-step .et_pb_main_blurb_image{
  position:relative;
  z-index:3;
  width:38px!important;
  margin-right:20px!important;
}
.sla-v9-process-step .et-pb-icon{
  width:38px!important;
  height:38px!important;
  line-height:38px!important;
  font-size:17px!important;
  text-align:center!important;
  border-radius:50%!important;
  background:#07192f!important;
}
.sla-v9-process-step:not(:last-child):after{
  content:"";
  position:absolute;
  left:18px;
  top:39px;
  bottom:-18px;
  width:1px;
  background:#ccd8e5;
  z-index:1;
}

/* ---------- FAQ ---------- */
.sla-v9-final .et_pb_toggle{
  transition:background-color .2s ease;
}
.sla-v9-final .et_pb_toggle:hover{
  background:#fbfcfe!important;
}
.sla-v9-final .et_pb_toggle_title{
  padding-right:30px!important;
}
.sla-v9-final .et_pb_toggle_open .et_pb_toggle_title,
.sla-v9-final .et_pb_toggle_close .et_pb_toggle_title{
  color:#11233b!important;
}

/* ---------- IMAGE CTA ---------- */
.sla-v9-cta-card{
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(7,25,47,.14);
}
.sla-v9-cta-image,
.sla-v9-cta-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.sla-v9-cta-image img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:220px!important;
  object-fit:cover!important;
  transition:transform .35s ease;
}
.sla-v9-cta-card:hover .sla-v9-cta-image img{
  transform:scale(1.025);
}
.sla-v9-cta-copy h2{
  margin-top:8px!important;
}
.sla-v9-cta-card .et_pb_button{
  box-shadow:0 10px 24px rgba(47,123,246,.20);
}

/* ---------- TYPE / SPACING ---------- */
.sla-v9-scope h2,
.sla-v9-factors h2,
.sla-v9-panels h2,
.sla-v9-final h2{
  letter-spacing:-.025em;
}
.sla-v9-scope p,
.sla-v9-factors p,
.sla-v9-panels p,
.sla-v9-final p{
  line-height:1.6em;
}

/* ---------- TABLET ---------- */
@media (max-width:980px){
  .sla-v9-hero:before{
    background:linear-gradient(90deg,rgba(5,18,34,.95),rgba(5,18,34,.70));
  }
  .sla-v9-scope-note{
    margin-top:-80px!important;
  }
  .sla-v9-factor{
    border-bottom:1px solid rgba(255,255,255,.12);
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:767px){
  .sla-v9-hero{
    min-height:auto!important;
  }
  .sla-v9-hero:before{
    background:rgba(5,18,34,.82);
  }

  .sla-v9-hero-strip .et_pb_column{
    width:50%!important;
    margin:0!important;
  }
  .sla-v9-hero-strip .et_pb_column:nth-child(2){
    border-right:0!important;
  }
  .sla-v9-hero-strip .et_pb_column:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .sla-v9-scope-image img{
    height:340px!important;
  }
  .sla-v9-scope-note{
    width:auto!important;
    max-width:none!important;
    margin:12px 0 0 0!important;
  }
  .sla-v9-scope-line:hover{
    padding-left:0!important;
  }

  .sla-v9-factor{
    border-right:0!important;
  }

  .sla-v9-panel{
    margin-bottom:22px!important;
  }

  .sla-v9-process-step:not(:last-child):after{
    left:18px;
  }

  .sla-v9-cta-image img{
    height:180px!important;
  }
}
/* =========================================================
   Permit Engineering V3 — REPLACE the old Permit V2 extra CSS
   Keep your existing global V10 service-page CSS.
   ========================================================= */

/* Section 3 — editorial permit-review layout */
.permit-v3-review-image,
.permit-v3-review-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.permit-v3-review-image img{
  display:block!important;
  width:100%!important;
  height:520px!important;
  object-fit:cover!important;
}
.permit-v3-review-note{
  position:relative;
  z-index:4;
  width:250px!important;
  max-width:calc(100% - 48px)!important;
  margin-top:-92px!important;
  margin-left:24px!important;
}
.permit-v3-review-line{
  position:relative;
  padding-left:50px!important;
}
.permit-v3-line-no{
  position:absolute;
  left:0;
  top:15px;
  font-family:Barlow,sans-serif;
  font-size:13px;
  font-weight:800;
  color:#63dff1;
  letter-spacing:.08em;
}
.permit-v3-review-line h4{
  margin-bottom:4px!important;
}
.permit-v3-review-line p{
  margin-bottom:0!important;
}

/* Section 4 — clean editorial process */
.permit-v3-steps{
  position:relative;
}
.permit-v3-steps:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:34px;
  height:1px;
  background:#c7d5e4;
}
.permit-v3-step{
  position:relative;
}
.permit-v3-step-no{
  position:relative;
  z-index:2;
  width:68px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  border-radius:50%;
  background:#f4f7fb;
  border:2px solid #2f7bf6;
  box-shadow:0 0 0 10px #f4f7fb;
  color:#2f7bf6;
  font-size:17px;
  font-weight:800;
}
.permit-v3-step-label{
  margin-bottom:6px!important;
  color:#2f7bf6!important;
  font-size:11px!important;
  font-weight:800;
  letter-spacing:1.5px;
}
.permit-v3-step h3{
  margin-bottom:8px!important;
}
.permit-v3-step p:last-child{
  margin-bottom:0!important;
}

.permit-v3-checkbar{
  box-shadow:0 15px 34px rgba(7,25,47,.11);
}
.permit-v3-checkbar h5{
  margin-bottom:3px!important;
}
.permit-v3-checkbar p{
  margin-bottom:0!important;
}

/* Tablet */
@media(max-width:980px){
  .permit-v3-review-image img{
    height:420px!important;
  }
  .permit-v3-review-note{
    margin-top:-78px!important;
  }
}

/* Mobile */
@media(max-width:767px){
  .permit-v3-review-image img{
    height:310px!important;
  }
  .permit-v3-review-note{
    width:auto!important;
    max-width:none!important;
    margin:12px 0 0!important;
  }

  .permit-v3-steps:before{
    left:33px;
    right:auto;
    top:0;
    bottom:0;
    width:1px;
    height:auto;
  }
  .permit-v3-steps .et_pb_column{
    padding-left:92px!important;
    padding-right:0!important;
    margin-bottom:28px!important;
  }
  .permit-v3-step-no{
    position:absolute;
    left:-92px;
    top:0;
  }

  .permit-v3-checkbar .et_pb_column{
    width:50%!important;
    margin:0!important;
  }
  .permit-v3-checkbar .et_pb_column:nth-child(2){
    border-right:0!important;
  }
  .permit-v3-checkbar .et_pb_column:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.11);
  }
}
  
.permit-v3-review-line{
    width: 48%;
    float: left;
    padding: 8px;
    margin-right: 2%;
}

.sla-v9-scope-line {
    width: 48%;
    float: left;
    padding: 8px;
    margin-right: 2%;
    min-height: 122px;
	margin-bottom: 11px !important;
    background: #dfe7ef;
}
.engineering_process {
    gap: 6px;
}


   DelCor About Page V3 — Editorial
   Replace previous about-v1/about-v2 CSS with this.
   Scoped to about-v3-* only.
   ========================================================= */

.about-v3-hero{overflow:hidden}
.about-v3-hero-media{position:relative;min-height:520px}
.about-v3-hero-image,
.about-v3-hero-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.about-v3-hero-image img{
  display:block!important;
  width:100%!important;
  height:475px!important;
  object-fit:cover!important;
}
.about-v3-hero-overlay{
  position:absolute!important;
  left:-34px;
  bottom:2px;
  z-index:4;
}
.about-v3-hero-overlay img{
  width:100%!important;
  height:210px!important;
  object-fit:cover!important;
}
.about-v3-hero-tag{
  position:absolute!important;
  right:-14px;
  bottom:36px;
  z-index:5;
}
.about-v3-secondary-btn{display:inline-block}
.about-v3-hero-strip h5{margin-bottom:3px!important}
.about-v3-hero-strip p{margin-bottom:0!important}

.about-v3-principles h3{margin-bottom:8px!important}
.about-v3-principles p{margin-bottom:0!important}

.about-v3-system-image,
.about-v3-system-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.about-v3-system-image img{
  display:block!important;
  width:100%!important;
  height:540px!important;
  object-fit:cover!important;
}
.about-v3-services .et_pb_column:first-child{position:relative}
.about-v3-system-note{
  position:absolute!important;
  left:24px;
  bottom:24px;
  z-index:4;
}
.about-v3-service-row{
  transition:padding-left .2s ease,background-color .2s ease;
}
.about-v3-service-row:hover{
  padding-left:10px!important;
  background:#fff;
}
.about-v3-service-row h4{margin-bottom:3px!important}
.about-v3-service-row p{margin-bottom:0!important}

.about-v3-process-row h3{margin-bottom:7px!important}
.about-v3-process-row p{margin-bottom:0!important}

.about-v3-app-image,
.about-v3-app-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.about-v3-app-image img{
  display:block!important;
  width:100%!important;
  height:440px!important;
  object-fit:cover!important;
}
.about-v3-app-row h4{margin-bottom:3px!important}
.about-v3-app-row p{margin-bottom:0!important}

.about-v3-cta .et_pb_row{
  overflow:hidden;
  box-shadow:0 18px 42px rgba(7,25,47,.12);
}
.about-v3-cta-image,
.about-v3-cta-image .et_pb_image_wrap{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.about-v3-cta-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:340px;
  object-fit:cover!important;
}

@media(max-width:980px){
  .about-v3-hero-media{min-height:470px}
  .about-v3-hero-image img{height:420px!important}
  .about-v3-hero-overlay{left:0}
  .about-v3-system-note{
    position:relative!important;
    left:auto;
    bottom:auto;
    margin:12px 0 0!important;
    max-width:none!important;
  }
}

@media(max-width:767px){
  .about-v3-secondary-btn{
    display:block!important;
    margin:10px 0 0!important;
    width:max-content;
  }
  .about-v3-hero-media{min-height:auto!important}
  .about-v3-hero-image img{height:320px!important}
  .about-v3-hero-overlay,
  .about-v3-hero-tag{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin-top:12px!important;
  }
  .about-v3-hero-overlay img{height:220px!important}
  .about-v3-hero-strip .et_pb_column{
    width:50%!important;
    margin:0!important;
  }
  .about-v3-hero-strip .et_pb_column:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .about-v3-hero-strip .et_pb_column:nth-child(2){
    border-right:0!important;
  }
  .about-v3-principles .et_pb_column{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.13);
  }
  .about-v3-principles .et_pb_column:last-child{border-bottom:0}
  .about-v3-system-image img{height:330px!important}
  .about-v3-app-image img{height:300px!important}
  .about-v3-cta-image img{min-height:240px}
}

.about-v3-service-row {
    width: 48%;
    float: left;
    margin-right: 2%;
    min-height: 120px;
}
.et_pb_text_21.about-v3-service-row{
	border-bottom:0px;
}