:root {
  /* Colors */

  --kt-primary: 82, 53, 123;
	/*
  --kt-blue: 0, 123, 255;
  --kt-green: 40, 167, 69;
  --kt-red: 220, 53, 69;
  --kt-orange: 255, 159, 64;
  --kt-yellow: 255, 193, 7;
  --kt-secondary: 108, 117, 125;
  --kt-gray: 0, 0, 0;
  --kt-dark: 33, 37, 41;
  --kt-light: 248, 249, 250;
  --kt-gray-100: 248, 249, 250;
  --kt-gray-200: 233, 236, 239;
  --kt-gray-300: 222, 226, 230;
  --kt-gray-400: 206, 212, 218;
  --kt-gray-500: 173, 181, 189;
  --kt-gray-600: 108, 117, 125;
  --kt-gray-700: 73, 80, 87;
  --kt-gray-800: 52, 58, 64;
  --kt-gray-900: 33, 37, 41;
  --kt-border-color: var(--kt-gray-300);
  --kt-special-offers-bg: rgb(56, 51, 225);

  --kt-primary-dark: 10, 80, 190;
  --kt-red-dark: 180, 40, 55;
  --kt-green-dark: 30, 130, 60;
  --kt-blue-dark: 0, 100, 210;
  --kt-yellow-dark: 204, 155, 5;
  --kt-orange-dark: 204, 127, 51;
*/
  /* Buttons */

  --kt-primary-btn-bg: rgb(121, 101, 193);      
  --kt-primary-btn-hover-bg: rgb(90, 75, 145); 

	/*
  --kt-primary-light-btn-color: rgb(9, 76, 174);
  --kt-primary-light-btn-bg: rgb(13, 110, 253, 0.2);
  --kt-primary-light-btn-hover-color: rgb(7, 60, 138);
  --kt-primary-light-btn-hover-bg: rgb(13, 110, 253, 0.2);

  --kt-green-btn-bg: rgb(40, 167, 69);
  --kt-green-btn-hover-bg: rgb(28, 120, 50);

  --kt-green-light-btn-color: rgb(20, 83, 34);
  --kt-green-light-btn-bg: rgb(40, 167, 69, 0.18);
  --kt-green-light-btn-hover-color: rgb(15, 60, 25);
  --kt-green-light-btn-hover-bg: rgb(40, 167, 69, 0.23);

  --kt-blue-btn-bg: rgb(0, 123, 255);
  --kt-blue-btn-hover-bg: rgb(0, 82, 170);

  --kt-blue-light-btn-color: rgb(0, 75, 158);
  --kt-blue-light-btn-bg: rgb(0, 123, 255, 0.16);
  --kt-blue-light-btn-hover-color: rgb(0, 60, 127);
  --kt-blue-light-btn-hover-bg: rgb(0, 123, 255, 0.2);

  --kt-red-btn-bg: rgb(220, 53, 69);
  --kt-red-btn-hover-bg: rgb(176, 40, 56);

  --kt-red-light-btn-color: rgb(130, 32, 42);
  --kt-red-light-btn-bg: rgb(220, 53, 69, 0.16);
  --kt-red-light-btn-hover-color: rgb(100, 25, 33);
  --kt-red-light-btn-hover-bg: rgb(220, 53, 69, 0.16);

  --kt-light-btn-color: rgb(33, 37, 41);
  --kt-light-btn-bg: rgb(248, 249, 250);
  --kt-light-btn-hover-color: rgb(33, 37, 41);
  --kt-light-btn-hover-bg: rgb(238, 239, 240);

  --kt-gray-btn-bg: rgb(248, 249, 250);
  --kt-gray-btn-hover-bg: rgb(222, 226, 230);
*/
  /* Badges 

  --kt-primary-badge-color: rgb(7, 55, 127);
  --kt-primary-badge-bg: rgb(204, 224, 255);

  --kt-red-badge-color: rgb(110, 26, 34);
  --kt-red-badge-bg: rgb(255, 210, 215);

  --kt-blue-badge-color: rgb(0, 61, 127);
  --kt-blue-badge-bg: rgb(204, 228, 255);

  --kt-green-badge-color: rgb(20, 83, 34);
  --kt-green-badge-bg: rgb(210, 245, 225);
*/
  /* Alerts 
  --kt-green-alert-color: rgb(20, 83, 34);
  --kt-green-alert-bg: rgb(223, 250, 235);

  --kt-blue-alert-color: rgb(0, 61, 127);
  --kt-blue-alert-bg: rgb(219, 239, 255);

  --kt-orange-alert-color: rgb(130, 90, 30);
  --kt-orange-alert-bg: rgb(255, 235, 210);

  --kt-red-alert-color: rgb(110, 26, 34);
  --kt-red-alert-bg: rgb(255, 220, 224);
	*/
}

.special-offers {
    background-color: #7965C1;
}

.special-offers .swiper-outer:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 4;
    display: none;
    width: 2px;
    background-color: #7965C1;
}

/*
.special-offers-abstract:after {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #7965C1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from-position: 0%;
  --tw-gradient-to-position: 100%;
}
.special-offers .swiper-outer:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 4;
    display: none;
    width: 2px;
    background-color: #7965C1;
}
*/


.floating-btn {
	width: 52px;
	height: 52px;
	background-color: #444;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	animation: pulse 2s infinite;
	transition: transform 0.3s ease;
}

.floating-btn:hover {
	transform: scale(1.1);
}

.floating-btn.whatsapp {
	background-color: #25D366;
}
.floating-btn.phone {
	background-color: #8183BE;
}

.tooltip-wrapper {
	position: relative;
}

.tooltip { 
	border-radius : 8px;
	position: absolute;
	right: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%);
	background:#fff;
	color: #000;
	padding: 6px 10px;
	font-size: 13px;
	white-space: nowrap;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.tooltip-wrapper:hover .tooltip {
	opacity: 1;
}

/* Pulse animation */
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(0, 0, 0, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}