.posmid {
        position: absolute;
        top: 40%;
        height: 100vh;
    }

        .card-deck-mod .card-mod .card-header {
    background-color: #acacac1a;
            border-bottom: none;
            min-height: 4rem;
            max-height: 4rem;
            padding: .5em;
            overflow: hidden;
    color: #ff6e6e;
            border-radius: 2px 2px 10px 2px ;
        }


.trans-bg {
    background-color: #212121ad;
}


.offcanvas {
z-index: 8000;
}
.btn-close {
	--bs-btn-close-color: #ffffff;
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 0.5;
	--bs-btn-close-hover-opacity: 0.75;
	--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-btn-close-focus-opacity: 1;
	--bs-btn-close-disabled-opacity: 0.25;
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: .25em .25em;
	color: var(--bs-btn-close-color);
	background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
	filter: var(--bs-btn-close-filter);
	border: 0;
	border-radius: .375rem;
	opacity: var(--bs-btn-close-opacity);
}



.current {
    background-color: #acacac1a;
    color: #ff6e6e;
    border-radius: 15px 5px 25px 10px;
    padding-left: 15px;
}


/*Cases - Accordions*/
.accordion-button {
  color: #f8f9fa;
    background-color: #acacac1a;
}

.accordion-item {
  background-color: #acacac1a;
}


.accordion-button:not(.collapsed){
    background-color: #acacac1a;
    color: #ff6e6e;
}


        .accordion-body {
            background: #242424;
            padding: .5em;
            color: #e5e5e5;

        }

        /*
        .accordion-button {
            background: #242424;
            color: #f3ca12;
        }
        */

        .accordion-button: {
    color: #627264;
}

        .testimonial-slider2 {
            background: rgba(61, 61, 61, 0.481);
            width: 680px;
            max-width: 100vw;
            height: 300px;
            border-radius: 20% 50% 60% 80% / 30% 60% 50% 70%;
            overflow: hidden;
            animation: morph 14s linear infinite;
            padding: 12rem;
            position: relative;
            top: -360px;
            left: 40px;
            opacity: .5;
        }




        .testimonial-slider {
            background: rgba(34, 34, 34, 0.481);
            width: 600px;
            max-width: 100vw;
            height: auto;
            border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
            overflow: hidden;
            animation: morph 12s linear infinite;
            padding: 10rem;
            margin-top: 50px;
        }
        @media only screen and (max-width: 600px) {
            .testimonial-slider {
                padding-top: 8rem;
                padding: 5rem;
            }
        }

        @keyframes morph {

            0%,
            100% {
                border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%;
            }

            34% {
                border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%;
            }

            67% {
                border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
            }
        }

        .testimonial-text p {
            font-size: 1.2rem;
            font-weight: 500;
            position: relative;
            top: -60px;
            color: white;
        }
        @media only screen and (max-width: 768px) {
            .testimonial-text p {
                font-size: 1rem;
                width: 100%;
                padding-top: 2rem;
            }
        }

        .testimonial-author p {
            font-size: .9rem;
            font-style: italic;
            text-align: end;
            position: relative;
            top: -30px;
        }

        .gradient {
            background: linear-gradient(-45deg, #121212, #e73c7e8a, #131313, #23d5ab44);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }

        @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }


        .caption {
            background-color: #121212c0;
            padding: 3rem;
        }

        .caption h1 {
            font-size: 1.5rem;
        }
        .caption h5 {
            font-size: 1rem;
            font-weight: 200;
        }
        .caption h6 {
            font-size: 1rem;
            font-weight: 200;
        }


/* Modal Close Floating Button */
.modal-close-floating {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    font-size: 1.1rem;
}

.modal-close-floating:hover {
    background: #a52422;
    transform: scale(1.1) rotate(90deg);
    box-shadow: 0 4px 20px rgba(165, 36, 34, 0.5);
    color: white;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .modal-close-floating {
        position: fixed !important;
        top: 80px !important;
        right: 20px !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 1rem !important;
        z-index: 10001 !important;
        background: rgba(0, 0, 0, 0.9) !important;
        backdrop-filter: blur(10px);
        color: white !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
    }
}

/* Offcanvas Title Responsive Fix */
/* Reset mt-100 on desktop for better positioning */
@media (min-width: 769px) {
    .offcanvas-title.mt-100 {
        margin-top: 0rem !important;
    }
}

/* Keep mt-100 on mobile to avoid navigation overlap */
@media (max-width: 768px) {
    .offcanvas-title.mt-100 {
        margin-top: 6rem !important;
    }
}