@font-face {
    font-family: 'Tungsten';
    src: url(assets/font/561f38b1f4570de0fb8a39d691ab058c.ttf);
}

svg {
    color: white;
    size: xl;
}

.nav-btn:hover {
    background-color: white;
    color: black;
}

.h5-carosel {
    font-size: 32px;
    width: 120%;
}

.list-page {
    margin-top: 2rem;
}

.nav-btn {
    color: white;
    font-size: 20px;
}

.page-2 {
    width: 38%; margin-top: 11%;
}

.nav-page {
    font-size: 20px;
}

.btn-nav {
    margin-left: 20rem;
}

.nav-1 {
    margin-left: 20rem;
}

.nav-btn1 {
    font-size: 24px;
    font-weight: normal;
    width: 200px;
}

.brsma-kmi {
    font-size: 24px;
}

body {
    font-family: 'Poppins', sans-serif;
}

.eks-1 {
    font-size: 48px;
}

.eks-2 {
    font-size: 24px;
}

.fm {
    font-family: 'Tungsten', sans-serif;
    font-size: 40px;
}

.fm-nav-content {
    font-family: 'Tungsten', sans-serif;
    font-size: 122px;
    margin: 0;
    width: 108%;
    margin: 0;
}

.content-a {
    background-color: #FF4655;
    -webkit-transform: rotate(270deg) !important;
    -moz-transform: rotate(270deg) !important;
    -o-transform: rotate(270deg) !important;
    -ms-transform: rotate(270deg) !important;
    transform: rotate(270deg);
    width: 85px;
    height: 37px;
    font-family: 'Tungsten';
    margin-top: 55px;
    left: 100%;
    top: 1%;
}

.nav-image {
    position: absolute;
    top: 42%;
    left: 26%;
    
}

.daftar-eskul {
    display: flex;
}

.padding-button {
    padding: 10px 20px;
    width: auto;
}

.fs-eks {
    font-family: 'Tungsten';
    font-size: 110px;
}

.slt {
    margin-left: 1.5rem;
}

.hr-bold {
    border: 2px solid #FF4655;
}

.m-maincontent {
    margin-left: 13%;
    margin-top: 8%;
    font-family: 'Poppins', sans-serif;;
}

.position-nav {
    top: 110%;
    right:10%;
}

.img-kenapaperlu {
    filter: grayscale(100%);
    filter: contrast(-100%);
    background: radial-gradient(transparent 50%, black) !important;
}

.teks-carosel {
    font-size: 20px;
}

.carosel-width {
    width: 60%;
}

.carosel-width-1 {
    width: 200%;
}

.fs-dftr {
    font-family:'Tungsten'; font-size: 80px;  
}

.bg {
    background-size: cover; height: 950px;
}

.d-page2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-ctn {
    background-color: #FF4655; right: 90%; top: 5%; width: 100px;
}

.a-eskul {
    text-decoration: none; 
    color: white;
    transition: ease 0.2s;
}

.a-eskul:hover {
    color: gray;
    opacity: 100%;
    transition: ease 0.2s;
}

.h1-peran {
    font-family: 'Tungsten';
    font-size: 110px;
}

.h1-atur {
    font-family: 'Tungsten';
    font-size: 100px;
    margin-top: 15rem;
}

.responsive-p-nav {
    width: 25%; 
    font-size: 24px;
}

iframe {
    max-width: 1024px;
    max-height: 407px;
    width: 618.9px;
    height: 365px;
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.fs-page3 {
    font-size: 120px; color: rgba(255, 255, 255, 0.104);
}

.dftr-h1 {
    font-size: 125px;
    top: 20px;
}

.fs-dftr-ul {
    font-size: 28px;
    gap: 2.5rem;
}

.img-tnju {
    width: 110%;
    height: 100%;
}
.tinju {
        width: 525px;
        height: 383.63px;
        object-fit: cover;
        filter: brightness(40%);
    
}

.img-napal {
    width: 712.2px;
    height: 373.4px;
    object-fit: cover;

}

.img-tkwndo {
    width: 994.5px;
    height: 383.63px;
    filter: brightness(60%);
    object-fit: cover;
}

.margin-dftr {
    margin-left: 1rem;
}

.img-silat {
    width: 838.13px;
    margin-left: 0;
    height: 390.56px;
    filter: brightness(70%);
    object-fit: cover;
}

.silat {
    margin-left: 0;
}

.sc {
    margin-left: 0;
}

.tentukan-eskul {
    margin-left: 5%;
}

.img-pmr {
    width: 806px;
    height: 374px;
    margin-left: 0;
    margin: 0;
    opacity: 70%;
    object-fit: cover;

}

.lises {
    width: 652px;
    height: 380px;
    object-fit: cover;
    filter: brightness(50%);
}

.img-badmin {
    width: 680.2px;
    height: 390.56px;
    object-fit: cover;
    filter: brightness(50%);
}

.img-it {
    width: 100%;
    height: 390px;
    object-fit: cover;
    filter: brightness(70%);
}

.pmr {
    margin-left: 0;
}

.img-sains {
    width: 867.38px;
    height: 380px;
    margin-left: 0;
    filter: brightness(50%);
    object-fit: cover;
}

.img-ftsl {
    width: 828px;
    height: 392px;
    margin-left: 0 !important;
    filter: brightness(60%);
    object-fit: cover;
}

.img-bskt {
    width: 691px;
    height: 392px;
    filter: brightness(60%);
    object-fit: cover;

}

.img-paskib {
    width: 682.08px;
    height: 394.69px;
    filter: brightness(50%);
    margin-left: 0 !important;
    object-fit: cover;

}

.pkb {
    margin-left: 0;
}

.img-kks {
    width: 836px;
    height: 394.69px;
    object-fit: cover;
    filter: brightness(60%);
}

.posisi-text {
    left: 15%;
    top: 55%;
}

.fs-dftr-bskt {
    font-size: 28px;
    gap: 1.5rem;
}

.nama-eskul {
    font-family: 'Tungsten'; font-size: 80px;
}

.fs-dftr-tnju {
    font-size: 28px;
    gap: 1.5rem;
}

.tentukan {
    font-family: 'Tungsten'; color: #FF4655; left: 8%; bottom: 90%;
}


.h4-peran {
    font-size: 32px;
}

.bg-peran {
    height: 100%;
}

.bg-p {
    margin-left: 5rem;
}

.p-peran {
    width: 35%;
    font-size: 20px;
}

.posisi-yt {
    left: 59.2%; top: 55%;
}

.taek {
    margin-left: 0rem;
}

.kegiatan-terbaru {
    font-family: 'Tungsten'; 
    font-size: 110px;
    margin-right: 5rem;
    margin-top: 5rem;
}

.p-atur {
    width: 35%;
    font-size: 20px;
}

.gabung {
    margin-top: 10rem;
}

.h1-gabung {
    font-family: 'Tungsten'; font-size: 110px;
}

.p-gabung {
    width: 40%;
    font-size: 20px;
}

.btn-gabung {
    width: 25%;
    font-size: 20px;
    height: 100%;
}

.img-gabung {
    width: 100%;
    height: 100%;
}

.posisi-gabung {
    top: 10%; left: 13%;
}

.btn-margin {
    margin-top: 5rem;
}

.kegiatan-margin {
    margin-left: 5rem;
    padding-left: 5rem;
}

.responsive-kegiatan-osis {
    margin-right: 0rem;
    margin-left: 0rem;
}

.responsive-kegiatan-pmr {
    margin-right: 0;
    margin-left: 3rem;
}

.kegiatan-margin {
    margin-left: 0;
}

.responsive-kegiatan {
    margin-right: 4rem;
}

.img-kg {
    margin-left: 5rem;
    padding-left: 2rem;
}

.img-kg-1 {
        width: 350px;
    height: 197px;
    filter: opacity(70%);
}

.img-kg-2 {
    width: 350px;
    height: 197px;
    filter: opacity(70%);
}

.img-kg-3 {
    width: 350px;
    height: 197px;
    filter: opacity(70%);
}

.fs-kg {
    font-size: 24px;
    width: 130%;
}

.kgt-1 {
    font-size: 20px;
}
.kgt-2 {
    font-size: 20px;
}

.lis-responsive {
    gap: 7rem;
    font-size: 32px;
}

.tanggal-p {
    font-size: 20px;
}

.img-eks {
    margin-left: 5rem;
    width: 100%;
}

.btn-peran {
    width: 300px;
    padding-left: 7rem;
    padding-right: 7rem;
    padding: 1rem;
    font-size: 20px;
}

.img-atur {
    margin-left: 12.3rem;
    width: 55%;
    filter: brightness(60%);
}   

.btn-adm {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 20px;
    width: 399px;
}

.btn-adm2 {
    width: 399px; opacity: 70%;
}

.no-adm {
    font-family: 'Tungsten'; color: rgba(255, 255, 255, 0.104); font-size: 80px; 
}

.h2-footer {
    font-size: 40px;
}

.p-footer {
    font-size: 24px;
}