.tesi_sec_wrapper {
			padding: 70px 0;
            position: relative;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
			overflow: hidden;
        }	
		
		.tesi_sec_wrapper_bg {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			pointer-events: none;
			z-index: 0;
		}


		/* =========================================
		   LARGE TOP-LEFT CREAM SHAPES
		========================================= */

		.tesi_sec_wrapper_bg::before {
			content: "";
			position: absolute;

			width: 650px;
			height: 500px;

			left: -260px;
			top: -270px;

			border-radius: 0 0 55% 45%;

			background:
				radial-gradient(
					ellipse at 65% 35%,
					#f3f0e9 0%,
					#f5f2ec 42%,
					#f8f6f2 72%,
					transparent 100%
				);

			box-shadow:
				130px 60px 0 rgba(247, 245, 240, .8),
				210px 120px 0 rgba(249, 248, 245, .7);
		}


		/* =========================================
		   LARGE WHITE CURVED TRANSITION
		========================================= */

		.tesi_sec_wrapper_bg::after {
			content: "";

			position: absolute;

			width: 760px;
			height: 280px;

			left: -160px;
			top: 150px;

			border-radius: 0 0 60% 50%;

			background:
				linear-gradient(
					to bottom,
					rgba(255,255,255,0) 0%,
					rgba(255,255,255,.55) 45%,
					rgba(255,255,255,.95) 75%,
					#ffffff 100%
				);

			filter: blur(8px);

			opacity: .95;
		}


		/* =========================================
		   QUOTE
		========================================= */

		.tesi_quote {
			position: absolute;

			font-family: Georgia, "Times New Roman", serif;

			font-size: 78px;
			line-height: 1;

			font-weight: 700;

			color: rgba(226, 211, 187, .30);
		}

		.tesi_quote_left {
			left: 62%;
			top: 47%;
		}

		.tesi_quote_right {
			right: 12%;
			bottom: 20%;
		}


		/* =========================================
		   DOTS
		========================================= */

		.tesi_dots {
			position: absolute;

			width: 90px;
			height: 70px;

			background-image:
				radial-gradient(
					circle,
					rgba(207, 174, 108, .7) 1.2px,
					transparent 1.5px
				);

			background-size: 14px 14px;

			opacity: .7;
		}

		.tesi_dots_top {
			right: 4%;
			top: 10%;
		}

		.tesi_dots_bottom {
			left: 4%;
			bottom: 8%;
		}


		/* =========================================
		   CIRCLES
		========================================= */

		.tesi_circle {
			position: absolute;
			border-radius: 50%;
		}

		.tesi_circle_top {
			width: 80px;
			height: 80px;

			right: 4%;
			top: -38px;

			border: 1px solid rgba(211, 177, 108, .55);
		}

		.tesi_circle_small {
			width: 30px;
			height: 30px;

			right: 5%;
			bottom: 18%;

			border: 1px solid rgba(211, 177, 108, .55);
		}

		.tesi_circle_bottom {
			width: 330px;
			height: 330px;

			right: 7%;
			bottom: -260px;

			border: 1px solid rgba(255,255,255,.9);
		}


		/* =========================================
		   TOP-LEFT GOLD ARC
		========================================= */

		.tesi_wave_left {
			position: absolute;

			width: 470px;
			height: 470px;

			left: -235px;
			top: -235px;

			border-radius: 50%;

			border: 2px solid rgba(211, 174, 101, .55);

			background: transparent;
		}


		/* =========================================
		   BOTTOM-RIGHT ARC
		========================================= */

		.tesi_wave_right {
			position: absolute;

			width: 520px;
			height: 520px;

			right: -290px;
			bottom: -330px;

			border-radius: 50%;

			border: 2px solid rgba(211, 174, 101, .45);

			background: transparent;
		}


		/* =========================================
		   SUBTLE WAVE LINES
		========================================= */

		.tesi_wave_left::after {
			content: "";

			position: absolute;

			width: 500px;
			height: 140px;

			left: -20px;
			top: 400px;

			border-top: 1px solid rgba(255,255,255,.85);

			border-radius: 50%;

			transform: rotate(12deg);

			box-shadow:
				0 10px 0 rgba(255,255,255,.7),
				0 20px 0 rgba(255,255,255,.6),
				0 30px 0 rgba(255,255,255,.5),
				0 40px 0 rgba(255,255,255,.4),
				0 50px 0 rgba(255,255,255,.3);
		}


		.tesi_wave_right::after {
			content: "";

			position: absolute;

			width: 450px;
			height: 140px;

			right: 60px;
			top: 40px;

			border-top: 1px solid rgba(255,255,255,.8);

			border-radius: 50%;

			transform: rotate(-20deg);

			box-shadow:
				0 10px 0 rgba(255,255,255,.65),
				0 20px 0 rgba(255,255,255,.55),
				0 30px 0 rgba(255,255,255,.45),
				0 40px 0 rgba(255,255,255,.35);
		}
		.tesi_sec_wrapper_content {
			position: relative;
			z-index: 2;
		}
        /* Header Styling */
        .tesi_sec_subtitle {
            color: #0062B3;
            font-weight: 600;
            letter-spacing: 2px;
            font-size: 0.85rem;
            display: block;
            margin-bottom: 10px;
			
        }

        .tesi_sec_title {
            font-size: 2.8rem;
            font-weight: 700;
            color: #0062B3;
            line-height: 1.2;
        }

        .tesi_sec_title span {
            color: #DC1213;
        }

        .tesi_sec_desc {
            color: #47474a;
            font-size: 1rem;
            line-height: 1.6;
        }

        /* --- SLIDER CONTAINER --- */
        .tesi_sec_slider_wrap {
            position: relative;
            height: 380px; /* Fixed height for stability */
            width: 100%;
            /* Centers the parent container */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Testimonial Card Styling */
        .tesi_sec_card {
            background: #ffffff;
            padding: 25px 30px;
            border-radius: 12px;
            border: 1px solid #eef0f5;
            
            /* --- PERFECT CENTERING LOGIC --- */
            position: absolute;
            top: 50%;
            left: 50%;
            /* The card is perfectly centered at this base scale */
            transform: translate(-50%, -50%) scale(0.85); 
            
            width: 55%; /* A great readable size */
            max-width: 600px;
            min-width: 300px;
            
            /* Transition & Appearance */
            transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            opacity: 0.5;
            pointer-events: none;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            filter: grayscale(100%) blur(0.5px); /* Dims inactive cards */
        }

.tesi_sec_avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e6a800; /* Darker gold/yellow for better contrast */
    color: #000000; /* Pure black for maximum contrast */
    font-weight: 700;
}

        .tesi_sec_name {
            font-size: 1.1rem;
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 4px;
        }

        .tesi_sec_feedback {
            font-size: 0.9rem;
            color: #4B5563;
            line-height: 1.5;
            margin-bottom: 0;
        }

        .tesi_sec_quote {
            font-size: 2.5rem;
            color: #d1d1d1;
            font-family: serif;
            line-height: 1;
            margin-left: auto;
            padding-top: 5px;
        }

        /* --- SLIDER POSITION STATES (MATHEMATICALLY PERFECT) --- */
        
        /* Center Active Card */
        .tesi_sec_pos_center {
            transform: translate(-50%, -50%) scale(1); /* Exact center */
            opacity: 1;
            z-index: 3;
            border-left: 5px solid #DC1213;
            box-shadow: 0 15px 40px rgba(108, 99, 255, 0.25);
            pointer-events: auto;
            filter: grayscale(0%) blur(0px); /* Restores color */
        }
        
        .tesi_sec_pos_center .tesi_sec_quote {
            color: #DC1213;
        }

        /* Left Card - Pushed to the left using ITS OWN WIDTH */
        .tesi_sec_pos_left {
            transform: translate(-100%, -50%) scale(0.85); 
            opacity: 0.6;
            z-index: 1;
        }

        /* Right Card - Pushed to the right using ITS OWN WIDTH */
        .tesi_sec_pos_right {
            transform: translate(0%, -50%) scale(0.85);
            opacity: 0.6;
            z-index: 1;
        }

        .tesi_sec_pos_hidden {
            transform: translate(-50%, -50%) scale(0.8);
            opacity: 0;
            z-index: 0;
            pointer-events: none;
        }

        /* Slider Controls */
        .tesi_sec_arrow {
            background: #DC1213;
            border: 1px solid #DC1213;
            color: #fff;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            font-size: 2.2rem;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .tesi_sec_arrow:hover {
            background: #fff;
            color: #1a1a2e;
            border-color: #fff;
        }

        .tesi_sec_dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(0,0,0,0.2);
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .tesi_sec_dot.active {
            background-color: #DC1213;
        }

        /* --- RESPONSIVE TWEAKS --- */
        @media (max-width: 991px) {
            .tesi_sec_title { text-align: center; font-size: 2.4rem; }
            .tesi_sec_desc { text-align: center; }
            .tesi_sec_card { width: 65%; max-width: 500px; }
            .tesi_sec_pos_left { transform: translate(-120%, -50%) scale(0.85); }
            .tesi_sec_pos_right { transform: translate(20%, -50%) scale(0.85); }
        }
        
        @media (max-width: 576px) {
            .tesi_sec_slider_wrap { height: 420px; }
            .tesi_sec_card { width: 85%; min-width: 280px; padding: 20px; }
            .tesi_sec_pos_left { transform: translate(-110%, -50%) scale(0.85); }
            .tesi_sec_pos_right { transform: translate(10%, -50%) scale(0.85); }
            .tesi_sec_title { font-size: 1.8rem; }
        }