@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{

      /** fonts */
      --ft-t-1: 'Poppins', sans-serif;
      --ft-t-2: 'JetBrains Mono', sans-serif;

      /** color */
      --primary: #ff9458;
      --bg: #fff;
      --text: #747474;

      font-size: 62.5%;
}

*{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
}

body{
      width: 100%;
      height: auto;
      min-height: 100dvh;
      overflow-x: hidden;
      font-family: var(--ft-t-1);
      font-size: 1.6rem;
}

img{
      width: 100%;
      max-width: 9rem;
      object-fit: cover;
}

.flex{
      display: flex;
}

.grid{
      display: grid;
}

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

.section_main{
      width: 100%;
      height: 100vh;
      align-items: center;
      justify-content: center;
      flex-direction: column;
}

.headline{
      height: 8.1rem;
}

.headline_col.left{
      position: relative;
      height: 100%;
}

.headline_col.left:before{
      width: .1rem;
      height: 8rem;
      position: absolute;
      content: '';
      background: #eee;
      top: calc(50% - 4rem);
      right: 0;
}

.headline_col.left{
      justify-content: flex-end;
      padding-right: 3rem;
}

.headline_col.right{
      padding-left: 3rem;
}

.headline_col h2{
      font-size: 2.2rem;
      color: var(--primary);
      text-transform: capitalize;
}

.headline_col p{
      font-family: var(--ft-t-2);
      font-size: 1.4rem;
      max-width: 40rem;
      color: var(--text);
}

.service_link{
      margin-top: 2rem;
      color: var(--primary);
      text-decoration: none;
      text-transform: capitalize;
      border-bottom: dashed .15rem var(--primary);
      font-size: 1.4rem;
      font-family: var(--ft-t-2);
}

.headline_image{
      width: 9rem;
      height: 8.1rem;
      align-items: center;
}