/* SECTION */
.process_section{
  position:relative;
  overflow:hidden;
  background:#082542;
  padding:140px 0;
}

/* WRAPPER */
.process_section .process_inner_wrapper{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0 40px;
}

/* TITLE */
.process_section .title_wrap{
  text-align:center;
  max-width:760px;
  margin:0 auto 120px;
}

.process_section .title_wrap .title h1,
.process_section .title_wrap .title h2,
.process_section .title_wrap .title h3{
  margin:0;
  font-size:58px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-1px;
  color:#ffffff;
}

.process_section .title_wrap .content_section{
  margin-top:24px;
}

.process_section .title_wrap .content_section p{
  margin:0;
  font-size:19px;
  line-height:1.8;
  color:rgba(255,255,255,.72);
}

/* TIMELINE */
.process_section .timeline{
  position:relative;
  max-width:1300px;
  margin:0 auto;
}

/* CENTER VERTICAL LINE */
.process_section .timeline::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:5px;
  height:100%;
  background-image: url(https://45308096.fs1.hubspotusercontent-na2.net/hubfs/45308096/iPermit_theme-2026/images/home/Group-1000004117-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* ROW */
.process_section .timeline_row{
  display:flex;
  align-items:center;
  width:100%;
  margin-bottom:120px;
  position:relative;
}

.process_section .timeline_row:last-child{
  margin-bottom:0;
}

/* LEFT */
.process_section .timeline_row.left{
  justify-content:flex-start;
}

/* RIGHT */
.process_section .timeline_row.right{
  justify-content:flex-end;
}

/* CONTENT */
.process_section .timeline_content{
  width:32.4%;
  max-width:420px;
}

/* LEFT CONTENT */
.process_section .timeline_row.left .timeline_content{
  padding-right:80px;
  text-align:left;
}

/* RIGHT CONTENT */
.process_section .timeline_row.right .timeline_content{
  padding-left:80px;
  text-align:left;
}

/* HEADING */
.process_section .timeline_content h3,
.process_section .timeline_content h4{
  margin:0 0 18px;
  font-size:42px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-1px;
  color:#ffffff;
}

/* TEXT */
.process_section .timeline_content p{
  margin:0;
  font-size:18px;
  line-height:1.9;
  color:rgba(255,255,255,.78);
}

/* CENTER */
.process_section .timeline_center{
  width: 18.3%;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  gap: 8px;
  flex-wrap: wrap;
}


/* NUMBER */
.process_section .timeline_number{
  font-size:88px;
  line-height:1;
  font-weight:800;
  letter-spacing:-3px;
  color:#8cc63f;
}


/* DOT */
.process_section .timeline_dot{
  width:18px;
  height:18px;
  border-radius:50%;
  background:#8cc63f;
  position:relative;
  z-index:2;
  border: 2px solid #112436;
}

/* HORIZONTAL LINE */
.process_section .timeline_line{
  width: calc(100% - 150px);
  height: 8px;
  background-image: url(https://45308096.fs1.hubspotusercontent-na2.net/hubfs/45308096/iPermit_theme-2026/images/home/Line-16.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-grow: 1;
}
.process_section .timeline_row.right .timeline_line {
  transform: rotate(180deg);
}
/* HOVER */
.process_section .timeline_row{
  transition:.35s ease;
}

.process_section .timeline_row:hover{
  transform:translateY(-6px);
}

/* TABLET */
@media(max-width:1200px){

  .process_section .title_wrap .title h1,
  .process_section .title_wrap .title h2,
  .process_section .title_wrap .title h3{
    font-size:48px;
  }

  .process_section .timeline_content h3,
  .process_section .timeline_content h4{
    font-size:34px;
  }

  .process_section .timeline_number{
    font-size:72px;
  }

}

/* MOBILE */
@media(max-width:991px){
  .process_section{
    padding:100px 0;
  }
  .process_section .timeline_row.left {
    flex-direction: column-reverse;
    display: flex;
  }
  .process_section .process_inner_wrapper{
    padding:0 24px;
  }

  .process_section .title_wrap{
    margin-bottom:80px;
  }

  .process_section .timeline::before{
    left:8px;
  }

  .process_section .timeline_row{
    display:block;
    padding-left:90px;
    margin-bottom:90px;
  }

  .process_section .timeline_center{
    width:100%;
    min-height:auto;
  }
  .process_section .timeline_row.left .timeline_center {
    flex-direction: row-reverse;
  }
  .process_section .timeline_content{
    width: 100%;
    max-width: 100%;
    padding: 15px 0 0 30px !important;
  }

  .process_section .timeline_number{
    position:relative;
    left:auto !important;
    right:auto !important;
    font-size:54px;
    margin-left:36px;
  }

  .process_section .timeline_dot{
    width:14px;
    height:14px;
  }

  .process_section .timeline_content h3,
  .process_section .timeline_content h4{
    font-size:28px;
  }

  .process_section .timeline_content p{
    font-size:16px;
    line-height:1.8;
  }

}

/* SMALL MOBILE */
@media(max-width:767px){

  .process_section{
    padding:80px 0;
  }

  .process_section .title_wrap .title h1,
  .process_section .title_wrap .title h2,
  .process_section .title_wrap .title h3{
    font-size:36px;
    line-height:1.15;
  }

  .process_section .title_wrap .content_section p{
    font-size:16px;
  }

  .process_section .timeline_row{
    padding-left:0;
  }

  .process_section .timeline_number{
    font-size:44px;
    margin-left:10px;
  }
  .process_section .timeline_row.right .timeline_line {
    transform: rotate(0deg);
  }
  .process_section .timeline_content h3,
  .process_section .timeline_content h4{
    font-size:24px;
  }

  .process_section .timeline_content p{
    font-size:15px;
  }

}
```