/* EKSEKUTIF */
/* FULL WIDTH */
/* SECTION */
.poli-section{
  width:100%;
  overflow:hidden;
}


/* BACKGROUND */
.poli-bg{
  position:relative;

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

  padding: 50px 0 40px;

  min-height:720px;
}


/* OVERLAY */
.poli-overlay{
  position:absolute;
  inset:0;

  background:
  linear-gradient(
    90deg,
    rgba(14,159,141,0.92) 0%,
    rgba(14,159,141,0.82) 35%,
    rgba(14,159,141,0.35) 70%,
    rgba(14,159,141,0.12) 100%
  );
}


/* CONTENT */
.poli-content{
  position:relative;
  z-index:2;

  color:#fff;

  padding-left:60px;

  max-width:1200px;
}


/* LABEL */
.poli-label{
  display:inline-block;

  font-size:12px;
  font-weight:700;

  letter-spacing:1px;

  text-transform:uppercase;

  padding:8px 14px;

  border-radius:50px;

  background:rgba(255,255,255,0.12);

  margin-bottom:18px;
}


/* TITLE */
.poli-content h2{
  font-size:64px;
  line-height:1.05;

  font-weight:800;

  max-width:650px;

  margin:0;
}


/* DESCRIPTION */
.poli-desc{
  margin-top:24px;

  max-width:620px;

  font-size:18px;
  line-height:1.8;

  color:rgba(255,255,255,0.92);
}


/* FEATURES */
.poli-features{
  display:flex;
  gap:28px;

  margin-top:42px;
}


/* FEATURE ITEM */
.feature-item{
  width:110px;
}


/* ICON */
.feature-item i{
  width:56px;
  height:56px;

  border-radius:50%;

  border:1.5px solid rgba(255,255,255,0.5);

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

  font-size:22px;

  margin-bottom:14px;

  backdrop-filter:blur(8px);
}


/* FEATURE TEXT */
.feature-item p{
  font-size:14px;
  line-height:1.5;

  font-weight:600;

  margin:0;
}


/* INFO GRID */
.poli-info{
  display:grid;

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

  gap:34px;

  margin-top:90px;
}


/* INFO ITEM */
.poli-info div{
  position:relative;

  padding-bottom:20px;
}


/* LINE */
.poli-info div::after{
  content:'';

  position:absolute;

  left:0;
  bottom:0;

  width:70%;

  height:4px;

  border-radius:20px;

  background:
  rgba(255,255,255,0.45);
}


/* INFO TITLE */
.poli-info h6{
  font-size:12px;

  text-transform:uppercase;

  letter-spacing:0.5px;

  font-weight:700;

  margin-bottom:10px;

  color:rgba(255,255,255,0.85);
}


/* INFO DESC */
.poli-info p{
  font-size:17px;

  line-height:1.6;

  font-weight:600;

  color:#fff;

  margin:0;
}

/* RESPONSIVE */
/* =========================
   MOBILE POLI
========================= */

@media(max-width:768px){

  /* BG */
  .poli-bg{
    min-height:auto;

    padding:60px 0;
  }


  /* CONTENT */
  .poli-content{
    padding:0 20px;

    max-width:100%;
  }


  /* TITLE */
  .poli-content h2{
    font-size:42px;

    line-height:1.1;

    max-width:100%;
  }


  /* DESC */
  .poli-desc{
    margin-top:18px;

    font-size:15px;

    line-height:1.7;

    max-width:100%;
  }


  /* FEATURES */
  .poli-features{
    display:grid;

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

    gap:18px;

    margin-top:28px;
  }


  /* FEATURE ITEM */
  .feature-item{
    width:100%;
  }


  /* ICON */
  .feature-item i{
    width:48px;
    height:48px;

    font-size:18px;

    margin-bottom:10px;
  }


  /* TEXT */
  .feature-item p{
    font-size:13px;
  }


  /* INFO */
  .poli-info{
    grid-template-columns:1fr;

    gap:20px;

    margin-top:40px;
  }


  .poli-info div{
    padding-bottom:14px;
  }


  .poli-info div::after{
    width:100%;
  }


  .poli-info p{
    font-size:15px;

    line-height:1.6;
  }

}