body {
    background-image: url(https://riskbeyond.nos.wjv-1.neo.id/online2025/image/main.jpg);
}
.bg-cover {
    background-color: #ffe4c400;
}

.header_menu_bg {

    background-color: rgb(0 0 0 / 64%);
  }
  .bg-warna4 {

      background-color: #6A598B;

  }
  .underline {
      color: #ffffff
    }
    ::-webkit-scrollbar-track {
      background: white;
      border: solid 1px #AB96D4;
    }

    /* Handle */

    ::-webkit-scrollbar-thumb {
      background: #AB96D4;
      border-radius: 15px;
    }
    .bg-white\/50 {
        background-color: #F6C5CA;
    }
    .from-\[\#2832A5\] {
        --tw-gradient-from: #f7d7dc var(--tw-gradient-from-position);
        --tw-gradient-to: #89DCDC var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    }


    /* Poppins Thin 100 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Thin.ttf") format("truetype");
      font-weight: 100;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-ThinItalic.ttf") format("truetype");
      font-weight: 100;
      font-style: italic;
    }

    /* Poppins ExtraLight 200 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-ExtraLight.ttf") format("truetype");
      font-weight: 200;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
      font-weight: 200;
      font-style: italic;
    }

    /* Poppins Light 300 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Light.ttf") format("truetype");
      font-weight: 300;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-LightItalic.ttf") format("truetype");
      font-weight: 300;
      font-style: italic;
    }

    /* Poppins Regular 400 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Italic.ttf") format("truetype");
      font-weight: 400;
      font-style: italic;
    }

    /* Poppins Medium 500 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Medium.ttf") format("truetype");
      font-weight: 500;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-MediumItalic.ttf") format("truetype");
      font-weight: 500;
      font-style: italic;
    }

    /* Poppins SemiBold 600 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
      font-weight: 600;
      font-style: italic;
    }

    /* Poppins Bold 700 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-BoldItalic.ttf") format("truetype");
      font-weight: 700;
      font-style: italic;
    }

    /* Poppins ExtraBold 800 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-ExtraBold.ttf") format("truetype");
      font-weight: 800;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
      font-weight: 800;
      font-style: italic;
    }

    /* Poppins Black 900 */
    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-Black.ttf") format("truetype");
      font-weight: 900;
      font-style: normal;
    }

    @font-face {
      font-family: "Poppins";
      src: url("font/poppins/Poppins-BlackItalic.ttf") format("truetype");
      font-weight: 900;
      font-style: italic;
    }
    @font-face {
      font-family: "gilroy";
      src: url("font/Gilroy-Medium.ttf") format("truetype");
      font-weight: 700;
      font-style: italic;
    }
    @font-face {
      font-family: "gilroy";
      src: url("font/Gilroy-Bold.ttf") format("truetype");
      font-weight: 900;
      font-style: italic;
    }
    @font-face {
      font-family: "gilroy";
      src: url("font/Gilroy-Light.ttf") format("truetype");
      font-weight: 200;
      font-style: italic;
    }
    @font-face {
      font-family: "gilroy";
      src: url("font/Gilroy-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: italic;
    }