.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/*
Theme Name: Gutener Business
Theme Pixelibol Name: Gutener Business
Theme URI: https://keonthemes.com/downloads/gutener-business
Author: Keon Themes
Author URI: https://keonthemes.com
Description: Gutener Business is clean, creative, powerful, flexible, highly customizable and Gutenberg ready WordPress theme. It is fully responsive and is sure to make your website stand out from the crowd. Gutener Business is a multipurpose theme suitable for any type of WordPress sites such as business, law firms, personal blog, portfolio, startups, agencies, travel, education, fitness, medical, sports, fashion, shop, WooCommerce stores, magazines, lifestyle, finance, accounting, consulting, and preferably ideal for any type of sites. Gutener Business is highly customizable with powerful theme options including multiple Header and Footer layouts. Compatibility for WordPress Classic editor, WooCommerce and Gutenburg makes easier for users. Want a theme to play your site in a myriad of roles your search ends here. Browse the demos to see that its the only theme you will ever want: https://demo.keonthemes.com/gutener
Version: 1.0.4
Requires PHP: 5.5
Tested up to: 5.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: gutener
Text Domain: gutener-business
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Gutener Business WordPress Theme is child theme of Gutener, Copyright 2021 Keon Themes
Gutener Business is distributed under the terms of the GNU General Public License v3

Gutener Business is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

a {
	color: #35c6ff;
}

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

.site-header .site-branding .site-title {
  font-size: 36px;
}


/*slick slider css*/
.slick-dots li {
    height: auto;
    width: auto;
    list-style: none;
    margin: 0 3px;
}
.slick-dots li button {
    background-color: transparent;
    border: 1px solid #868686;
    font-size: inherit;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -ms-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
    padding: 0;
}
.highlight-posts-image:before {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
}
.highlight-posts-content-wrap .highlight-posts-title a:before,
.highlight-posts-layout-one .highlight-posts-content .cat-links a:before,
.post .highlight-posts-content .entry-meta a:before,
.highlight-posts-content-wrap .highlight-posts-content:before {
    position: static;
    background-color: transparent;
    width: auto;
    height: auto;
}
.highlight-posts-content-wrap .highlight-posts-content .highlight-posts-title {
    margin-bottom: 30px;
}
.highlight-posts-content-wrap .highlight-posts-content .highlight-posts-title a {
    position: relative;
    display: block;
}
.highlight-posts-content-wrap .highlight-posts-content .highlight-posts-title a:after {
    background-color: #ffffff;
    content: "";
    height: 1px;
    width: 50px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.highlight-posts-content-wrap.post.text-right .highlight-posts-content .highlight-posts-title a:after {
    margin-right: 0;
}
.highlight-posts-content-wrap.post.text-left .highlight-posts-content .highlight-posts-title a:after {
    margin-left: 0;
}
.highlight-posts-layout-one .highlight-posts-content .cat-links {
    display: inline-block;
    margin-bottom: 10px;
}
.highlight-posts-layout-one .highlight-posts-content .cat-links a {
    margin: 2px;
    padding: 5px;
    letter-spacing: 0.8px;
    line-height: 1;
}
.post .entry-meta,
.attachment .entry-meta,
.banner-content .entry-meta {
  font-size: 13px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 15px;
}
.post .entry-meta > span,
.attachment .entry-meta > span,
.banner-content .entry-meta > span {
  display: inline-block;
  padding: 0 8px;
}
@media screen and (max-width: 991px) {
.post .entry-meta,
.attachment .entry-meta,
.banner-content .entry-meta {
    font-size: 12px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 15px;
}
.post .entry-meta > span,
.attachment .entry-meta > span,
.banner-content .entry-meta > span {
    padding: 0 5px;
  }
}
.post .entry-meta a:before,
.attachment .entry-meta a:before,
.banner-content .entry-meta a:before {
  color: #f9a032;
  font-family: "Font Awesome 5 Free";
  margin-right: 8px;
  font-size: 12px;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}
.post .entry-meta .posted-on a:before,
.attachment .entry-meta .posted-on a:before,
.banner-content .entry-meta .posted-on a:before {
  content: "\f073";
}
.post .entry-meta .byline a:before,
.attachment .entry-meta .byline a:before,
.banner-content .entry-meta .byline a:before {
  content: "\f007";
}
.post .entry-meta .comments-link a:before,
.attachment .entry-meta .comments-link a:before,
.banner-content .entry-meta .comments-link a:before {
  content: "\f086";
}
.post .entry-meta .cat-links,
.post .entry-meta .tag-links,
.attachment .entry-meta .cat-links,
.attachment .entry-meta .tag-links,
.banner-content .entry-meta .cat-links,
.banner-content .entry-meta .tag-links {
  position: relative;
}
.post .entry-meta .cat-links:before,
.post .entry-meta .tag-links:before,
.attachment .entry-meta .cat-links:before,
.attachment .entry-meta .tag-links:before,
.banner-content .entry-meta .cat-links:before,
.banner-content .entry-meta .tag-links:before {
  color: #7B7B7B;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  font-size: 12px;
}
.post .entry-meta .cat-links a,
.post .entry-meta .tag-links a,
.attachment .entry-meta .cat-links a,
.attachment .entry-meta .tag-links a,
.banner-content .entry-meta .cat-links a,
.banner-content .entry-meta .tag-links a {
  display: inline-block;
  margin-right: 1px;
}
.post .entry-meta .cat-links a:last-child,
.post .entry-meta .tag-links a:last-child,
.attachment .entry-meta .cat-links a:last-child,
.attachment .entry-meta .tag-links a:last-child,
.banner-content .entry-meta .cat-links a:last-child,
.banner-content .entry-meta .tag-links a:last-child {
  margin-right: 0;
}
.post .entry-meta .tag-links,
.attachment .entry-meta .tag-links,
.banner-content .entry-meta .tag-links {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}
.post .entry-meta .tag-links:before,
.attachment .entry-meta .tag-links:before,
.banner-content .entry-meta .tag-links:before {
  content: "\f02c";
}
@media screen and (max-width: 991px) {
.post .entry-meta .tag-links,
.attachment .entry-meta .tag-links,
.banner-content .entry-meta .tag-links {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.site-header .header-image-slider .slick-dots {
    z-index: 9;
}
.site-header .header-image-slider .slick-dots li {
    min-height: auto;
    height: auto;
}
.site-header .header-image-slider .slick-dots li button {
    min-height: auto;
    height: 12px;
}
.feature-post-slider .post.has-post-thumbnail:not(.has-no-thumbnail) .post-inner .cat-links {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin-bottom: 0;
    z-index: 2;
}
.feature-post-slider .post .cat-links a {
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    margin: 2px;
    padding: 7px 8px;
    letter-spacing: 0.8px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -moz-transition: background-color 0.3s, color 0.3s;
    -ms-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.highlight-posts-content-wrap .cat-links a {
    display: inline-block;
    margin: 2px;
}



.pxb-logo { height: 20px; filter: grayscale(1); width: 27px; object-fit: cover; object-position: left; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.pxb-logo:hover{filter: grayscale(0);width:95px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}/* Watso WhatsApp Chat - Frontend Styles */

/* Main widget container */
#watso-chat-widget {
	position: fixed !important;
	z-index: 999999 !important;
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	transition: opacity 0.3s ease !important;
}

#watso-chat-widget.watso-visible {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Chat button base styles - Text button with icon */
.watso-chat-button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 20px !important;
	background: #119849 !important;
	color: white !important;
	text-decoration: none !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	min-width: auto !important;
	height: auto !important;
	width: auto !important;
	white-space: nowrap !important;
	border: none !important;
	outline: none !important;
}

.watso-chat-button:hover {
	background: #0d7a3a !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
	color: white !important;
	text-decoration: none !important;
}

.watso-chat-button:active {
	transform: translateY(0) !important;
}

.watso-chat-button:focus {
	outline: 2px solid rgba(255, 255, 255, 0.5) !important;
	outline-offset: 2px !important;
}

/* Icon styles */
.watso-icon {
	width: 24px !important;
	height: 24px !important;
	margin-right: 8px !important;
	flex-shrink: 0 !important;
}

/* Button text */
.watso-button-text {
	color: white !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

/* Icon-only button styles - when text element doesn't exist */
.watso-chat-button:not(:has(.watso-button-text)) {
	padding: 12px !important;
	width: 48px !important;
	height: 48px !important;
}

.watso-chat-button:not(:has(.watso-button-text)) .watso-icon {
	margin-right: 0 !important;
}

/* Position classes */
.watso-bottom-right {
	bottom: 20px !important;
	right: 20px !important;
}

.watso-bottom-left {
	bottom: 20px !important;
	left: 20px !important;
}

.watso-middle-right {
	top: 50% !important;
	right: 20px !important;
	transform: translateY(-50%) !important;
}

.watso-middle-left {
	top: 50% !important;
	left: 20px !important;
	transform: translateY(-50%) !important;
}

/* Dropdown Menu Styles */
.watso-dropdown-menu {
	position: absolute;
	bottom: 70px;
	right: 0;
	width: 320px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	border: 1px solid #e5e5e5;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s ease;
	z-index: 1000;
}

.watso-dropdown-menu.watso-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.watso-dropdown-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	background: #f8f9fa;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 600;
	color: #333;
	font-size: 14px;
}

.watso-close-dropdown {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	color: #666;
	padding: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.2s ease;
}

.watso-close-dropdown:hover {
	background: #e9ecef;
	color: #333;
}

.watso-dropdown-content {
	max-height: 400px;
	overflow-y: auto;
}

.watso-dropdown-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 16px 20px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	transition: all 0.2s ease;
	min-height: auto; /* Dynamic height */
}

.watso-dropdown-item:hover {
	background: #f8f9fa;
}

.watso-dropdown-item:last-child {
	border-bottom: none;
}

.watso-contact-info {
	display: flex;
	align-items: flex-start;
	flex: 1;
	gap: 12px;
}

.watso-contact-avatar {
	width: 45px;
	height: 45px;
	background: #119849;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 2px;
}

.watso-contact-avatar img {
	width: 26px;
	height: 26px;
	filter: brightness(0) invert(1);
}

.watso-contact-details {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	justify-content: center; /* Center content */
	min-height: 45px; /* Same height as avatar */
}

/* Contact Name */
.watso-contact-name {
	font-weight: 600;
	font-size: 15px;
	color: #333;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Department */
.watso-contact-department {
	font-weight: 500;
	font-size: 13px;
	color: #666666;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Short Description */
.watso-contact-description {
	font-size: 11px;
	color: #888888;
	line-height: 1.3;
	font-style: italic;
	margin-top: 2px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Right side - Status - Only show if available */
.watso-contact-status {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	margin-top: 2px;
	gap: 6px;
	align-self: flex-start; /* Start at top */
}

.watso-online-indicator {
	width: 8px;
	height: 8px;
	background: #4CAF50;
	border-radius: 50%;
	animation: watso-pulse 2s infinite;
	flex-shrink: 0;
}

.watso-status-text {
	font-size: 11px;
	color: #4CAF50;
	font-weight: 500;
	white-space: nowrap;
}

/* Animations */
@keyframes watso-pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.watso-chat-button {
	animation: watso-float 3s ease-in-out infinite;
}

@keyframes watso-float {
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-6px);
	}
}

.watso-chat-button:hover {
	animation: none;
}

/* Position-specific dropdown adjustments */
.watso-bottom-left .watso-dropdown-menu {
	right: auto;
	left: 0;
}

.watso-middle-right .watso-dropdown-menu {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

.watso-middle-right .watso-dropdown-menu.watso-show {
	transform: translateY(-50%);
}

.watso-middle-left .watso-dropdown-menu {
	bottom: auto;
	top: 50%;
	right: auto;
	left: 0;
	transform: translateY(-50%);
}

.watso-middle-left .watso-dropdown-menu.watso-show {
	transform: translateY(-50%);
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.watso-chat-button {
		padding: 10px 16px !important;
		font-size: 13px !important;
	}

	.watso-icon {
		width: 20px !important;
		height: 20px !important;
		margin-right: 6px !important;
	}

	.watso-dropdown-menu {
		width: 300px;
		max-width: calc(100vw - 40px);
	}

	.watso-dropdown-item {
		padding: 14px 16px;
		min-height: auto; /* Dynamic height on mobile too */
	}

	.watso-contact-avatar {
		width: 40px;
		height: 40px;
	}

	.watso-contact-avatar img {
		width: 22px;
		height: 22px;
	}

	.watso-contact-name {
		font-size: 14px;
	}

	.watso-contact-department {
		font-size: 12px;
	}

	.watso-contact-description {
		font-size: 10px;
	}

	.watso-status-text {
		font-size: 10px;
	}

	.watso-bottom-right,
	.watso-bottom-left {
		bottom: 16px !important;
	}

	.watso-bottom-right {
		right: 16px !important;
	}

	.watso-bottom-left {
		left: 16px !important;
	}

	.watso-middle-right {
		right: 16px !important;
	}

	.watso-middle-left {
		left: 16px !important;
	}

	/* Mobile icon-only */
	.watso-chat-button:not(:has(.watso-button-text)) {
		padding: 10px !important;
		width: 40px !important;
		height: 40px !important;
	}

	.watso-chat-button:not(:has(.watso-button-text)) .watso-icon {
		width: 20px !important;
		height: 20px !important;
	}
}

@media (max-width: 480px) {
	.watso-chat-button {
		padding: 8px 12px !important;
		font-size: 12px !important;
	}

	.watso-dropdown-menu {
		width: 280px;
	}

	.watso-dropdown-header {
		padding: 12px 16px;
		font-size: 13px;
	}

	.watso-dropdown-item {
		padding: 12px 14px;
		min-height: auto; /* Dynamic on small screens too */
	}

	.watso-contact-info {
		gap: 10px;
	}

	.watso-contact-avatar {
		width: 36px;
		height: 36px;
	}

	.watso-contact-avatar img {
		width: 20px;
		height: 20px;
	}

	.watso-contact-name {
		font-size: 13px;
	}

	.watso-contact-department {
		font-size: 11px;
	}

	.watso-contact-description {
		font-size: 9px;
	}

	.watso-status-text {
		font-size: 9px;
	}

	.watso-online-indicator {
		width: 6px;
		height: 6px;
	}
}

/* Accessibility - Keyboard access only */
.watso-dropdown-item:focus-visible {
	background: #e3f2fd;
	outline: 2px solid #119849;
	outline-offset: -2px;
}

.watso-close-dropdown:focus-visible {
	outline: 2px solid #119849;
	outline-offset: 2px;
}

/* Remove focus, only use focus-visible */
.watso-dropdown-item:focus {
	outline: none;
}

.watso-close-dropdown:focus {
	outline: none;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.watso-chat-button,
	.watso-dropdown-menu,
	.watso-online-indicator {
		animation: none;
		transition: none;
	}

	.watso-chat-button:hover {
		transform: none;
	}
}

/* Loading state */
.watso-loading .watso-chat-button {
	opacity: 0.7;
	pointer-events: none;
}

.watso-loading .watso-chat-button::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 2px solid transparent;
	border-top: 2px solid #fff;
	border-radius: 50%;
	animation: watso-spin 1s linear infinite;
}

@keyframes watso-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Print styles */
@media print {
	#watso-chat-widget {
		display: none !important;
	}
}

/* WooCommerce Integration Styles */
.watso-woo-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	border: none !important;
	cursor: pointer !important;
	gap: 8px !important;
}

.watso-woo-button:hover {
	opacity: 0.9 !important;
	transform: translateY(-1px) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.watso-woo-cart-support {
	margin: 15px 0 !important;
	width: 100% !important;
}

.watso-woo-order-status {
	margin-top: 25px !important;
	padding: 25px !important;
	background: #f9f9f9 !important;
	border: 1px solid #eee !important;
	border-radius: 12px !important;
	text-align: center !important;
}

.watso-woo-order-status h4 {
	margin: 0 0 15px 0 !important;
	font-size: 18px !important;
	color: #333 !important;
}

/* RTL Support */
.watso-rtl {
	direction: rtl !important;
	text-align: right !important;
}

.watso-rtl .watso-icon {
	margin-right: 0 !important;
	margin-left: 8px !important;
}

.watso-rtl .watso-dropdown-header {
	flex-direction: row-reverse !important;
}

.watso-rtl .watso-contact-info {
	flex-direction: row !important;
}

.watso-rtl .watso-contact-status {
	flex-direction: row-reverse !important;
}

.watso-rtl .watso-online-indicator {
	margin-left: 0 !important;
	margin-right: 6px !important;
}

.watso-rtl .watso-close-dropdown {
	margin-left: 0 !important;
	margin-right: auto !important;
}