.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

.innak-font {
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.particle-animation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100vh;
    pointer-events: none;
}

.bg-light-10{
    background-color: #f8f9fa;
}

.text-justify {text-align: justify;}.bg-gold{background-color: #F2CE3C;}.text-gold{color: #F2CE3C;}.text-green{color: #5BE4A8;}.hover\:bg-gold:hover{background-color: #F2CE3C;}.hover\:text-gold:hover{color: #F2CE3C;}.text-#000{color: #000000;}
.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-link{
    color: #f8f9fa;
    scale: 1.2;
}

.icon-link:hover{
    color: #000000;
    scale: 2;
}

/* SM */
@media (max-width: 767px) {
        
	.sm\:px-50 {
		padding-left: 50px;
		padding-right: 50px;
	}

    .sm\:px-5{
		padding-left: 5px;
		padding-right: 5px;
    }

    .sm\:px-10{
		padding-left: 10px;
		padding-right: 10px;
    }
}
/* MD */
@media (max-width: 991px) {
    
	.md\:px-50 {
		padding-left: 50px;
		padding-right: 50px;
	}
	.md\:px-20 {
		padding-left: 20px;
		padding-right: 20px;
	}

    .md\:w-full{
        width: 100%;
    }
}

/* LG */
@media (max-width: 1199px) {

	.lg\:px-50 {
		padding-left: 50px;
		padding-right: 50px;
	}
}