/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 01 2025 | 12:45:08 */
/* CSS */
.img-wrap {
  display: inline-block;
  /* optional: to make the motion more obvious */
  will-change: transform;
}

.img-wrap img {
  display: block;
  animation: floatY 3.5s ease-in-out infinite;
}

/* Smooth up-down loop */
@keyframes floatY {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-16px); } /* move up */
  100% { transform: translateY(0); }
}

/* Optional: pause on hover */
.float-y:hover { 
  animation-play-state: paused; 
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .float-y { animation: none; }
}
/* CSS */
.bg-float {
  width: 100%;
  height: 320px;                  /* adjust as needed */
  background-image: url("your-image.jpg");
  background-size: cover;         /* or 'contain' */
  background-position: center 0;  /* start at top center */
  animation: bgFloat 6s ease-in-out infinite;
}

@keyframes bgFloat {
  0%   { background-position: center 0; }
  50%  { background-position: center -24px; } /* shift up */
  100% { background-position: center 0; }
}

@media (prefers-reduced-motion: reduce) {
  .bg-float { animation: none; }
}
h1.elementor-heading-title.elementor-size-default {
}

h1.elementor-heading-title.elementor-size-default {
}
/* CSS */
.img-wrap {
  display: inline-block;
  /* optional: to make the motion more obvious */
  will-change: transform;
}

.float-y {
  display: block;
  animation: floatY 3.5s ease-in-out infinite;
}

/* Smooth up-down loop */
@keyframes floatY {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-16px); } /* move up */
  100% { transform: translateY(0); }
}

/* Optional: pause on hover */
.float-y:hover { 
  animation-play-state: paused; 
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .float-y { animation: none; }
}
/* CSS */
.bg-float {
  width: 100%;
  height: 320px;                  /* adjust as needed */
  background-image: url("your-image.jpg");
  background-size: cover;         /* or 'contain' */
  background-position: center 0;  /* start at top center */
  animation: bgFloat 6s ease-in-out infinite;
}

@keyframes bgFloat {
  0%   { background-position: center 0; }
  50%  { background-position: center -24px; } /* shift up */
  100% { background-position: center 0; }
}

@media (prefers-reduced-motion: reduce) {
  .bg-float { animation: none; }
}
/* //////////////////testimonials///////////////// */
:root{
--bg:#0c0d11;
--fg:#f1f1f5;
--muted:#a9acb7;
--accent:#ffd76a;
--card:#12131a;
--ring:#3b82f6;
}
.wrap{
	max-width:1280px;
	width:100%;
}

.heading{
	letter-spacing:.04em;
	margin:0 0 14px;
	text-transform:uppercase;
}
.layout{
	display:grid;
	grid-template-columns:520px 1fr;
	gap:56px;
	align-items:center;
}
@media (max-width:1100px){.layout{grid-template-columns:1fr;gap:28px}}


/* Left: media */
.media{
	position:relative};

.hero
{background:var(--card);
	border-radius:28px;
	overflow:hidden;
	box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.hero .slick-slide{
	outline:none;
}
.hero img{
	width:100%;
	height:560px;
	object-fit:cover;
	display:block;
}
.thumbs{
	margin-top:16px;
}
.thumbs .slick-slide{
	padding-right:16px;
}
.thumb{
	width:116px;
	height:116px;
	border-radius:18px;
	overflow:hidden;
	background:#222;
	border:2px solid transparent;
	transition:.25s;
}
.thumb.slick-current{
	transform:scale(1.06);
	border-color:var(--ring)
}
.thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}


/* Right: quote */
.panel{
	position:relative;
}
.qmark{
	position:absolute;
	left:-8px;
	top:-4px;
	font-size:110px;
	color:#242733;
	line-height:1;
	user-select:none;
}
.quote{
	font-size:clamp(22px,3.2vw,44px);
	letter-spacing:.04em;
	line-height:1.1;
	margin:0 0 20px;
	text-transform:uppercase
}
.stars{
	display:flex;
	gap:5px;
	margin:8px 0 12px;
}
.stars svg{
	width:18px;
	height:18px;
	fill:var(--accent);
	filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))
}
.byline{
	color:var(--muted);
	font-weight:600;
}
.nav{
	position:absolute;
	right:0;
	top:-64px;
	display:flex;
	gap:14px;
}
.btn{
	width:66px;
	height:66px;
	border-radius:999px;
	background:#151720;
	color:var(--fg);
	border:1px solid #2a2d38;
	display:grid;
	place-items:center;
	cursor:pointer;
	transition:.2s;
	box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.btn:hover{
	transform:translateY(-2px);
	background:#1a1d27;
}
.btn:active{
	transform:translateY(0) scale(.98);
}
.btn svg{
	width:24px;
	height:24px;
}
.elementor-element.elementor-element-be1c40a.btn.elementor-align-center.elementor-widget.elementor-widget-button , .elementor-element.elementor-element-be1c40a.btn.elementor-align-justify.elementor-widget.elementor-widget-button {
	
    width: 100% !important;
}

@media (max-width:1100px){.nav{position:static;margin-bottom:6px;justify-content:flex-end}}
