@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");

    /*===== Variable Define =====*/
    :root {
      --primary-color: #4CAF50;
    }

    body {
      font-family: "Poppins", sans-serif !important;
    }
    small,
    span {
      font-weight: 600;
    }
    .headline {
      color: var(--primary-color);
    }
    .main-btn {
      background-color: var(--primary-color);
      border-radius: 30px;
    }
    
    .mb-5, .my-5 {
  margin-bottom: 2rem !important;
}

    @media (max-width: 767px) {
      .main-btn {
        margin-top: 20px;
      }
    }
    
    @media (min-width: 400px) {
        .port{
            width: 150px !important;
            font-size: 1.5rem !important;
        }
        div#ready.text-center.text-uppercase, 
        div#ready2.text-center.text-uppercase, 
        div#ready3.text-center.text-uppercase, 
        div#ready4.text-center.text-uppercase, 
        div#sentri.text-center.text-uppercase, 
        div#sentri2.text-center.text-uppercase, 
        div#sentri3.text-center.text-uppercase, 
        div#sentri4.text-center.text-uppercase, 
        div#general.text-center.text-uppercase, 
        div#general2.text-center.text-uppercase, 
        div#general3.text-center.text-uppercase, 
        div#general4.text-center.text-uppercase{
            padding-bottom:45px !important;
        }
    }