@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');

/**
Copyright 2025
**/

html, body, main {
    height: 100%;
}

body {
    color: #000;
    font-family: "Sour Gummy", serif;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    min-height: 100%;
    overflow-x: hidden;
	overscroll-behavior: contain;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #FFF;
    font-size: 14px;
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:focus, a:active {
    color: inherit;
    text-decoration: none;
}

a:focus:active, button:focus:active {
    /* color: #FFF !important; */
    /* background-color: #0047BA; */
    transform: scale(.95,.95);
    -webkit-transform: scale(.95,.95);
    -moz-transform: scale(.95,.95);
    -ms-transform: scale(.95,.95);
    -o-transform: scale(.95,.95);
}

select:active,
select:focus {
	outline: none;
}

::selection {
	color: #FFF;
	background-color: #0047BA;
}

::-moz-selection {
	color: #FFF;
	background-color: #0047BA;
}

::-webkit-selection {
	color: #FFF;
	background-color: #0047BA;
}

::-webkit-scrollbar {
    display: block;
	/* width: .3rem; */
    width: 0;
	background: transparent !important;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(248, 248, 248, 1);
	border-radius: .6rem;
    -webkit-border-radius: .6rem;
	-moz-border-radius: .6rem;
	-ms-border-radius: .6rem;
	-o-border-radius: .6rem;
	display: none;
	/* box-shadow: inset 0 0 1px rgba(0,0,0,.5) !important; */
	/* background-color: rgba(0,0,0,.5); */
}

::-webkit-scrollbar-thumb {
	border-radius: .6rem;
	background: #ccc;
	display: none;
    /* border-radius: 20px; */
    /* box-shadow: inset 0 0 6px unset; */
    /* background: rgba(0,0,0,.3); */
}

/*
* Loading
*/

.loading-gif .swal2-title::before {
    content: '';
    background: url('../../assets/img/loading.gif') no-repeat left center;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1061;
    margin-left: -50px;
}

.loading-gif .swal2-popup {
    background-color: transparent !important;
}

.loading-gif .swal2-title {
    color: #0047BA;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgba(0,0,0,.8) !important;
}

/*
* End Loading
*/

/*
* Spinner
*/

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-out, visibility 0s linear .5s;
    z-index: 99999;
 }

 #spinner.show {
     transition: opacity .8s ease-out, visibility 0s linear .0s;
     visibility: visible;
     opacity: 1;
 }

/*
* End Spinner
*/

/*
* Back to top
*/

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    z-index: 99;
}

/*
* End Back to top
*/

/*
* Footer
*/

.footer {
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, 1)), url('../../assets/img/footer.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer .footer-galary-img img {
    width: 100%;
    border-style: dotted; 
    border-color: #73b62b;
    transition: 0.5s;
}

.footer .footer-galary-img img:hover {
    transform: scale(1.2);
}

.footer-item a.text-body:hover {
    color: #c99e67 !important;
}

/*
* End Footer
*/

/*
* Color & Button
*/

.btn {
    transition: .5s;
}

.btn-square {
    width: 32px;
    height: 32px;
}

.btn-sm-square {
    width: 34px;
    height: 34px;
}

.btn-md-square {
    width: 44px;
    height: 44px;
}

.btn-lg-square {
    width: 56px;
    height: 56px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.text-primary {
    color: #683c10 !important;
}

.text-success {
    color: #73b62b !important;
}

.text-info {
    color: #b4d9d4 !important;
}

.btn-primary {
    color: #FFF;
    background: #683c10;
}

.btn.btn-primary,
.btn.btn-success {
    border: 0;
    color: #FFF;
}

.btn.btn-primary:hover {
    /* background: #c99e67; */
    background: #f7e899;
    color: #683c10;
}

.btn-success {
    color: #FFF;
    background: #73b62b;
}

.btn.btn-success:hover {
    background: #f7e899;
    color: #683c10;
}

.bg-primary {
    background: #683c10 !important;
}

.bg-success {
    background: #73b62b !important;
}

.bg-warning-light {
    background: rgba(247,232,153,.3) !important;
}

.border-primary {
    border-color: #683c10 !important;
}

.border-success {
    border-color: #73b62b !important;
}

/*
* End Button
*/

/*
* Common
*/

.btn-border-radius {
    border-radius: 25% 10%;
}

.img-border-radius {
    border-radius: 50% 20% / 10% 40%;
}

.title-border-radius {
    border-radius: 10% 30%;
}

.nav-link {
    color: #683c10;
}

.nav-link.active {
    color: #73b62b !important;
}

.nav-link:focus, .nav-link:hover {
    color: #c99e67;
}

.giraffe-avatar {
    background: url('../../assets/img/giraffe.png') no-repeat bottom right rgba(247,232,153,.3) !important;
    background-size: 100%;
}

/*
* End Common
*/