body {
             font-family: sans-serif; 
/*            font-size: 1rem;*/
        }

        .dropdown-item {
            font-size: 1rem;
        }

                .header-kiri {
            float: left;
            padding: 0px 5px;
            /* background: white; */
        }

        .header-kanan {
            /* background: skyblue; */
            float: left;
            /* line-height: 1; */

            height: 35px;
            padding: 0;
        }

        .text-kanan-atas {
            font-weight: bold;
            font-size: 1.5rem;
            padding-bottom: 0px;
/*            margin-top: -10px;*/
        }

        .text-kanan-bawah {
            font-size: 0.9rem;
            margin-top: -6px;
            padding-left: 2px;
        }

        .logo {
            width: 100%;
            max-width: 80px;
        }

        .logo2 {
            width: 100%;
            max-width: 100px;
        }

        .stikom-clr1 {
            color: #6d3711;
        }

        .stikom-clr2 {
            color: white;
            text-shadow: 2px 2px 8px rgba(154, 79, 4, 0.901);
        }

        .stikom-bg1 {
            background: #6d3711;
        }

        .stikom-bg2 {
            background: #fff4af;
        }

        .stikom-bg22 {
            background: #fff4af;
        }

        .stikom-bg22:hover, .stikom-bg22.active{
            background: #6d3711;
            color: white;
        }

        .stikom-border-bottom2{
            border-bottom: solid #fff4af;
            border-width: 5px;
        }

            #base {

/*            background: #704e2e;*/
      background: #fff4af;
      display: inline-block;
      height: 110px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0px;
      position: relative;
      width: 120px;
      box-shadow: 5px 2px 15px 1px black;
    }
    #base:before {
/*      border-top: 35px solid #704e2e;*/
      border-top: 35px solid #fff4af;
      border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      bottom: -35px;
      width: 0;
    }

        .stikom-bg3 {
            background: linear-gradient(rgba(150, 82, 14, 0.943), rgba(250, 192, 35, 0.787));
        }

.stikom-bg4 {
    /* 1. CRITICAL: Establishes the boundary for the absolutely positioned ::before element. */
    position: relative; 
    
    /* Existing background image styles (These are correct) */
    background-image: url('/assets/src/stikom2.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.stikom-bg4::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(147, 136, 136, 0.432);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 1; 
}

.stikom-bg4 > * {
    position: relative;
    z-index: 2;
}

.stikom-bg4 h5 {
    color: white;
}

        .stikom-bg5 {
            background-image: url('/assets/src/stikom2.jpg');
            background-repeat: no-repeat;
            background-position: pop;
/*            background-size: cover;*/
        }

        .shadow-kanan{
/*            border-right: solid white 5px;*/
/*            box-shadow: 0px 5px 30px 20px white;*/
/*            box-shadow: 0px 5px 30px 20px #ffdb58;*/
            box-shadow: 0px 5px 30px 2px black;
            z-index: 1000;
        }

        .stikom-bg6{
            background: #ffdb58;
        }

        .stikom-bg7{
            background: #2F4858;
        }

        .stikom-border7{
            border-right: solid;
            border-color: #ffdb58;
/*            border-color: white;*/
        }

        .stikom-bg8{
            background: #1C6E7D;
        }

        .stikom-bg9{
            background: #704e2e;
        }

        .stikom-clr9{
            color : #704e2e;
        }

        .stikom-btn9{
            background: white;
            color:#704e2e;
        }

        .stikom-btn9:hover{
            background: #704e2e;
            color: white;   
        }

        .stikom-btn9-2{
            background: #704e2e;
            color: white;
            border: solid 1px #704e2e;   
        }

        .stikom-btn9-2:hover{
            background: white;
            color: #704e2e;
            border: solid 1px #704e2e;
        }

        .stikom-btn9-3{
            background: #704e2e;
            color: white;
/*            border: solid 1px #704e2e;   */
        }

        .stikom-btn9-4{
/*            background: white;*/
            background: #fff4af;
            color:#704e2e;
/*            border: solid 1px #704e2e;   */
            border: solid 1px #fff4af;   
        }

        .stikom-btn9-4:hover{
            background: #704e2e;
            color: white;   
/*            border: solid 1px #704e2e;*/
        }

        .stikom-btn9-5{
            background: white;
            color: #704e2e;
            border: solid 1px #704e2e;
        }

        .stikom-btn9-5:hover{
            background: #704e2e;
            color: white;
            border: solid 1px #704e2e;   
        }

        .stikom-btn9-3:hover{
            background: #704d1d;
            color: white;
/*            border: solid 1px #704e2e;*/
        }

        .stikom-btn9-6{
            background: white;
            background: #fff4af;
            color:#704e2e;
/*            border: solid 1px #704e2e;   */
/*            border: solid 1px #fff4af;   */
        }

        .stikom-btn9-6:hover{
            background: #704e2e;
            color: white;   
            border: solid 1px #704e2e;
        }

        .stikom-border-bottom9{
            border-bottom: solid #704e2e;
            border-width: 5px;
        }

        .stikom-border9{
            border: solid 5px #704e2e;
        }

        .stikom-link9{
/*            border-color: #704e2e;*/
/*            border-right: solid;*/
/*            border-bottom: solid;*/
/*            border-top: solid;*/
/*            border-left: solid;*/
/*            border-width: 2px;*/
/*            top: 50%;   */
/*            background: white;*/
            color: #704e2e;
        }

        .stikom-link9:hover{
/*            border-right: solid;*/
/*            border-bottom: solid;*/
/*            border-width: 2px;  */
            background: #704e2e;
            color: white;
/*            border-color: #704e2e;*/
/*            border-color: black;*/
        }

        .stikom-link9-2{
            color: #704e2e;
            text-decoration: none;
        }


        .stikom-link9-2:hover{
            color: black;
        }
        .stikom-btn1 {
            background: rgba(118, 60, 2, 0.901);
            color: white;
        }

        .stikom-border1 {
            border: solid 1px rgba(118, 60, 2, 0.901);
            /* color: white; */
        }

        .stikom-btn1:hover {
            background: rgba(93, 48, 2, 0.901);
            color: white;
        }

        h1 {
            font-size: 2rem;
        }

        h2 {
            font-size: 1.8rem;
        }

        h3 {
            font-size: 1.6rem;
        }

        h4 {
            font-size: 1.4rem;
        }

        h5 {
            font-size: 1.2rem;
        }

        p {
            font-size: 1rem;
        }

        .btn {
            font-size: 0.8rem;
        }

        .form-date,.form-select,.form-control,
        .footer,
        .table,
        .tr,
        .th,
        .td {
            font-size: 1rem;
        }

        .accordion-body {
            padding: 8px;
        }

        .accordion-header>button {
            padding: 10px 15px;
            font-size: 0.8rem;
        }


        .pilihan-login2 {
            display: none;
        }

        .menu-2 {
            display: none;
        }

        .footer-1 {
            display: contents;
        }

        /* .caption-menu-mobile{
            display: block;
        } */
        /* .t-sembunyi1{
            display:none;
        } */
        .form-class-image-2 {
            display: none;
        }

        /* .tahap:hover{
            
        } */

        .fake1 {
            padding-top: 100px;
        }

        .tinggi-max {
            height: 1000px;
        }

        /* 
        .gambar-slide{
            height: 100px;
            width: 100px;
        } */

        .baris-2 {
            height: auto;
            width: 100%;
            float: left;
        }

        .baris-3,
        .baris-4 {
            clear: left;
            width: 100%;
            float: left;
        }

        .anggota-baris-2,
        .anggota-baris-3,
        .anggota-baris-4 {
            width: 50%;
            float: left;
            font-size: 1rem;
        }

        .footer {
            clear: left;
        }

        .form-admisi,
        .home-admisi,
        .anggota-home-admisi {
            width: 100%;
            float: left;
        }

        .anggota-form-admisi {
            width: 50%;
            float: left;
            font-size: 1rem;
        }

        .custom-file-button input[type="file"] ::-webkit-file-upload-button,
        ::file-selector-button {
            display: none;
        }

        .custom-file-button label{
            background-color: #0d6efd;
            color: white;
        }
        .custom-file-button label:hover {
            background-color: white;
            cursor: pointer;
            color: #0d6efd;
        }

        .tinggi-bingkai-file{
            height : 600px;
        }
        .tinggi-file{
            height: 100%;
            width: 100%;
        }

        .rounded-circle-2{
            border-radius: 50%;
            height: 140px;
            width: 140px;
            object-fit: cover;
        }


        @media only screen and (max-width: 1020px) {
            .logo {
                width: 300px;
            }

            .header-text {
                padding-top: 10px;
                text-align: center;
            }

            .lebar-75 {
                width: 75%;
            }
        }

        @media only screen and (max-width: 767px) {

            body,
            p,
            .table,
            tr,
            th,
            td,
            ul,
            li,
            ul li a {
                font-size: 0.75rem !important;
            }

            .form-date {
                font-size: 0.75rem !important;
                padding: 10px 15px !important;
            }

            .form-select {
                font-size: 0.75rem !important;
                padding: 10px 15px;
            }

            .form-control {
                font-size: 0.75rem !important;
                padding: 10px 15px;
                line-height: 0;
            }

            .btn,
            label {
                font-size: 0.75rem !important;
                /* padding: 5px; */
            }

            h1 {
                font-size: 1.6rem;
            }

            h2 {
                font-size: 1.45rem;
            }

            h3 {
                font-size: 1.3rem;
            }

            h4 {
                font-size: 1.15rem;
            }

            h5 {
                font-size: 1rem;
            }

            .baris-1-h4 {
                padding: 0 10px;
            }

            /* .header-kiri {
                display: block;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
                padding-bottom: 5px;
            }

            .header-kanan {
                display: block;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                text-align: center;
            } */

            .logo {
                max-width: 40px;
            }

            .fake1 {
                margin-top: -40px;
            }

            .pilihan-login1 {
                display: none;
            }

            .pilihan-login2 {
                display: flex;
                background: rgba(118, 60, 2, 0.901);
            }

            .menu-1 {
                display: none;
            }

            .menu-2 {
                display: flex;
                /* background: rgba(118, 99, 2, 0.901); */
            }

            /* .t-sembunyi1 {
                                            display: block;
                                        } */
            .fa-solid {
                font-size: 1rem;
            }

            .footer-1 {
                display: none;
            }

            .form-class-frame {
                position: relative;
            }

            .form-class-image-2 {
                display: block;
                position: absolute;
                top: -50px;
                /* bottom: 50px; */
                width: 70px;
                left: 0;
                right: 0;
                background: white;
                padding: 10px;
                border-radius: 50%;
            }

            .form-class-image-1 {
                display: none;
            }

            .lebar-75 {
                width: 100%;
                position: absolute;
                height: 100%;
                top: -20px;
            }

            /* .header-kiri{
                float: left;
            } */

            .text-kanan-atas {
                font-weight: bold;
                font-size: 1rem;
                padding-bottom: 0px;
                margin-top: 2px;
            }

            .text-kanan-bawah {
                margin-top: -5px;
                font-size: 0.65rem;
            }

            .tinggi-max {
                /* height: 100%; */
                height: 300px;
            }

            .anggota-baris-2,
            .anggota-baris-3,
            .anggota-baris-4 {
                float: none;
                width: 100%;
            }

           .tinggi-bingkai-file{
                height : 300px;
            }
        }