body {
    font-size: 13px;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.custom-btn-primary {
    background-color: var(--bs-teal);
    border: 0.5px solid (var(--bs-teal));
}

.custom-btn-primary:hover {
    background-color: var(--bs-teal);
    border: 1px solid (var(--bs-success));
}

/* API Action Buttons */
.btn-api-action {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    color: white;
}

.btn-api-action:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    border: none;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
}

.profile_img {
    width: 150px;
    height: 150px;
    cursor: pointer;
}

.hide {
    display: none;
}

.social-icons a {
    font-size: 16px;
}

.social-icons a:hover {
    color: var(--primary-color-hover);
}

.social-icons li:not(:last-child) {
    margin-right: 1rem;
}

.list-inline-item a {
    border: 1px solid var(--bs-dark-text-emphasis);
    padding: 4px 10px;
    border-radius: 4px;
}

.search-box {
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
}

.navbar-collapse {
    flex-basis: auto;
}


/*********************************
	TAGS --
*/
.inline-block {
    width: fit-content;
    display: inline-block;
}

.inline-tab {
    padding: 0.1rem 0.2rem;
    margin: 0.1rem 0rem;
}

.tab-card {
    background-color: white;
    border: 1px solid grey;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

.tab-content {
    display: flex;
    gap: 6px;
    align-items: center;
    background-color: white;
    padding: 0.18rem;
    border-radius: 0.25rem;
    font-family: 'Heebo', sans-serif;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    color: grey;
    font-size: 15px;
    text-decoration: none;
}

/*********************************
	OWL - CAROUSEL --
*/
.owl-carousel {
    position: relative;
}

.owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev {
    right: 0;
    margin-right: 20px;
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10px;
    color: rgba(0, 0, 0, 0.2) !important;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    opacity: 1;
}

.owl-carousel .owl-dots {
    text-align: left;
    margin-top: 10px;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #b063c5;
}

.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
}

.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
}

/* .carousel-control-prev-icon, .carousel-control-next-icon  {
    background: #e6f6ef;
} */
/*
.card{
  background-color: #fff;
  padding: 15px;
  border:none;
}
*/
.input-box {
    position: relative;
}

.input-box i {
    position: absolute;
    right: 13px;
    top: 15px;
    color: #ced4da;

}

.form-control {

    height: 50px;
    background-color: #eeeeee69;
}

.form-control:focus {
    background-color: #eeeeee69;
    box-shadow: none;
    border-color: #eee;
}


.list {

    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;

}

.border-bottom {

    border-bottom: 2px solid #eee;
}

.list i {
    font-size: 19px;
    color: red;
}

.list small {
    color: #dedddd;
}

.tab-content {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bcrumb+.bcrumb::before {
    float: none;
}

.alert-success {
    background: var(--bs-success-border-subtle);
}

.alert-danger {
    background: var(--bs-danger-border-subtle);
}

/*********************************
	CUSTOM --
*/
.fs-7 {
    font-size: .875rem !important
}

.bsb-animated {
    --bsb-animation-duration: 1s;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both
}

@keyframes custom_fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.custom_fadeIn {
    animation-name: custom_fadeIn
}

@keyframes custom_fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.custom_fadeInUp {
    animation-name: custom_fadeInUp
}

@keyframes custom_fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.custom_fadeInDown {
    animation-name: custom_fadeInDown
}

@keyframes custom_fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.custom_fadeInLeft {
    animation-name: custom_fadeInLeft
}

@keyframes custom_fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.custom_fadeInRight {
    animation-name: custom_fadeInRight
}

@keyframes bsb-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.bsb-fadeOut {
    animation-name: bsb-fadeOut
}

@keyframes bsb-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.bsb-fadeOutUp {
    animation-name: bsb-fadeOutUp
}

@keyframes bsb-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.bsb-fadeOutDown {
    animation-name: bsb-fadeOutDown
}

@keyframes bsb-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.bsb-fadeOutLeft {
    animation-name: bsb-fadeOutLeft
}

@keyframes bsb-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.bsb-fadeOutRight {
    animation-name: bsb-fadeOutRight
}

@keyframes bsb-zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.bsb-zoomIn {
    animation-name: bsb-zoomIn
}

.custom_dropdown_animation.dropdown-menu.show.custom_fadeIn {
    --bsb-animation-duration: 500ms;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both;
    animation-name: custom_fadeIn
}

.custom_dropdown_animation.dropdown-menu.show.custom_fadeInUp {
    --bsb-animation-duration: 500ms;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both;
    animation-name: custom_fadeInUp
}

.custom_dropdown_animation.dropdown-menu.show.custom_fadeInDown {
    --bsb-animation-duration: 500ms;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both;
    animation-name: custom_fadeInDown
}

.custom_dropdown_animation.dropdown-menu.show.custom_fadeInLeft {
    --bsb-animation-duration: 500ms;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both;
    animation-name: custom_fadeInLeft
}

.custom_dropdown_animation.dropdown-menu.show.custom_fadeInRight {
    --bsb-animation-duration: 500ms;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both;
    animation-name: custom_fadeInRight
}

.custom_dropdown_animation.dropdown-menu.show.bsb-zoomIn {
    --bsb-animation-duration: 500ms;
    animation-duration: var(--bsb-animation-duration);
    animation-fill-mode: both;
    animation-name: bsb-zoomIn
}

.custom_dropdown_toggle_disable.dropdown-toggle:after {
    display: none
}

.cust-navbar3 {
    --bs-navbar-nav-link-padding-x: 0.8rem
}

.cust-navbar3 .navbar-collapse .navbar-nav {
    flex-direction: row;
    justify-content: center
}

@media(max-width:767.98px) {
    .cust-navbar3 .navbar-collapse .navbar-nav {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

.cust-navbar3 .navbar-collapse .navbar-nav .dropdown-menu {
    position: absolute
}

.cust-navbar3 .navbar-collapse .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
}

.cust-navbar3 .navbar-collapse .custom_dropdown_menu {
    position: relative
}

@media(max-width:767.98px) {

    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropdown,
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropdown-center,
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropend,
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropstart,
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropup,
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropup-center {
        position: static
    }
}

.cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropdown-menu {
    max-width: 280px;
    min-width: 80%
}

@media(min-width:576px) {
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropdown-menu {
        min-width: 280px
    }
}

.cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropdown-menu.custom_dropdown_sm {
    max-width: 160px;
    min-width: 160px
}

@media(max-width:767.98px) {
    .cust-navbar3 .navbar-collapse .custom_dropdown_menu .dropdown-menu[data-bs-popper] {
        left: 50%;
        transform: translateX(-50%)
    }
}

.custom_sidebar.offcanvas.offcanvas-start {
    max-width: 300px !important;
    font-family: 'Poppins', sans-serif !important;
}

.custom_sidebar.offcanvas .offcanvas-header .btn-close {
    opacity: .5 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    background-size: 14px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
    transition: all 0.3s ease;
}

.custom_sidebar.offcanvas .offcanvas-header .btn-close:hover {
    opacity: 1 !important;
    transform: rotate(90deg);
}

.custom_sidebar.offcanvas .offcanvas-body {
    padding: 1rem 2rem
}

/*********************************
	SIDEBAR --
*/
.custom_sidebar .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M13.65 4.77c-.46-.46-1.15-.46-1.62 0L7.99 8.81 3.96 4.77c-.46-.46-1.15-.46-1.62 0s-.46 1.15 0 1.62l4.85 4.85c.23.23.46.35.81.35s.58-.12.81-.35l4.85-4.85c.46-.46.46-1.15 0-1.62Z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: auto;
    opacity: .5;
    transition: all .2s ease-in-out;
    vertical-align: -.125em;
    width: 16px
}

.custom_sidebar .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    transform: rotate(180deg)
}

.custom_sidebar .navbar-nav .nav-link,
.custom_sidebar .nav-link span {
    align-items: center;
    display: flex;
    font-size: .875rem !important;
    font-family: 'Poppins', sans-serif !important;
}

.custom_sidebar .navbar-nav .nav-link .nav-link-icon {
    margin-right: 0.7rem;
}

.custom_sidebar .poppins-light {
    font-family: 'Poppins', sans-serif !important;
}

.custom-font-size {
    font-size: 3mm;
}

/* Common Modal Close Button */
.btn-close-modal {
    background: none;
    border: none;
    font-size: 1.75rem;
    cursor: pointer;
    color: #6b7280;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.btn-close-modal:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #ef4444;
    transform: rotate(90deg);
}