/* ============================================================
   ARVTEC Custom Enhance CSS
   Trendy multicolor styling, marquee, AI section, tour gallery
   ============================================================ */

:root{
  --grad-1:#2a1fbc;
  --grad-2:#488fed;
  --grad-3:#ff6ec4;
  --grad-4:#7367f0;
  --grad-5:#00d4ff;
  --grad-6:#ffb648;

  /* Modern Trendy Colors 2026 */
  --modern-purple:#8B5CF6;
  --modern-pink:#EC4899;
  --modern-cyan:#06B6D4;
  --modern-orange:#F97316;
  --modern-green:#10B981;
  --modern-blue:#3B82F6;
  --modern-dark:#1E293B;
  --modern-light:#F8FAFC;
}

/* ---------- Brand Marquee Strip ---------- */
.brand-marquee-strip{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:14px 0;
  background:linear-gradient(90deg,#120c3f,#241a7a,#2a1fbc,#7367f0,#241a7a,#120c3f);
  background-size:300% 100%;
  animation:bgShift 8s linear infinite;
  z-index:20;
}
@keyframes bgShift{
  0%{background-position:0% 50%;}
  100%{background-position:100% 50%;}
}
.brand-marquee-track{
  display:flex;
  width:max-content;
  white-space:nowrap;
  animation:marqueeLTR 18s linear infinite;
}
@keyframes marqueeLTR{
  0%{transform:translateX(-50%);}
  100%{transform:translateX(0%);}
}
.brand-marquee-track span{
  display:inline-flex;
  align-items:center;
  font-family:inherit;
  font-weight:700;
  font-size:20px;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:0 28px;
  background:linear-gradient(90deg,#ff6ec4,#00d4ff,#ffb648,#7367f0);
  background-size:300% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:hueGlide 6s linear infinite;
}
.brand-marquee-track span i{
  -webkit-text-fill-color:#ffffff;
  color:#ffffff;
  margin:0 22px;
  font-size:8px;
  vertical-align:middle;
}
@keyframes hueGlide{
  0%{background-position:0% 50%;}
  100%{background-position:300% 50%;}
}

/* ---------- Gradient text helper ---------- */
.gradient-text{
  background:linear-gradient(90deg,var(--grad-3),var(--grad-5),var(--grad-6),var(--grad-4));
  background-size:300% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:hueGlide 6s linear infinite;
}

/* ---------- AI Section ---------- */
.ai-section{
  position:relative;
  overflow:hidden;
}
.ai-section .ai-badge{
  display:inline-block;
  padding:6px 18px;
  border-radius:30px;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  color:#fff;
  text-transform:uppercase;
  background:linear-gradient(90deg,var(--grad-3),var(--grad-4));
  margin-bottom:16px;
}
.ai-feature-card{
  position:relative;
  border-radius:18px;
  padding:32px 26px;
  height:100%;
  background:#fff;
  border:1px solid rgba(42,31,188,0.08);
  box-shadow:0 10px 30px rgba(24,20,80,0.06);
  transition:all .35s ease;
  overflow:hidden;
}
.ai-feature-card:before{
  content:"";
  position:absolute;
  inset:0;
  padding:2px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--grad-3),var(--grad-5),var(--grad-6));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .35s ease;
}
.ai-feature-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 45px rgba(24,20,80,0.16);
}
.ai-feature-card:hover:before{opacity:1;}
.ai-feature-card .ai-icon-wrap{
  width:62px;height:62px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;
  background:linear-gradient(135deg,var(--grad-2),var(--grad-1));
  font-size:26px;color:#fff;
}
.ai-feature-card:nth-child(2) .ai-icon-wrap{background:linear-gradient(135deg,#ff6ec4,#7367f0);}
.ai-feature-card:nth-child(3) .ai-icon-wrap{background:linear-gradient(135deg,#00d4ff,#2a1fbc);}
.ai-feature-card:nth-child(4) .ai-icon-wrap{background:linear-gradient(135deg,#ffb648,#ff6ec4);}
.ai-feature-card h4{margin-bottom:10px;font-weight:700;}
.ai-feature-card p{margin-bottom:0;color:#697488;font-size:15px;}

/* ---------- Tour / Gallery Page ---------- */
.tour-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}
@media (max-width:991px){.tour-gallery-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:575px){.tour-gallery-grid{grid-template-columns:1fr;}}

.tour-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  height:320px;
  box-shadow:0 12px 34px rgba(20,15,60,0.14);
  transition:transform .4s ease, box-shadow .4s ease;
}
.tour-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 22px 50px rgba(20,15,60,0.24);}
.tour-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease;
}
.tour-card:hover img{transform:scale(1.12);}
.tour-card .tour-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,8,30,0) 30%,rgba(10,8,30,0.92) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:22px;
}
.tour-card .tour-tag{
  align-self:flex-start;
  padding:5px 14px;
  border-radius:20px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:10px;
}
.tour-card h4{color:#fff;margin-bottom:4px;font-weight:700;}
.tour-card p{color:rgba(255,255,255,0.8);font-size:13.5px;margin-bottom:0;}
.tour-card .tour-plus{
  position:absolute;top:18px;right:18px;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,0.18);
  backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;
  transition:.35s ease;
}
.tour-card:hover .tour-plus{background:#fff;color:#2a1fbc;transform:rotate(90deg);}

/* Illustration-style tour cards: coloured gradient backdrop so PNG cut-outs
   never show ugly white crop from object-fit:cover */
.tour-card.illus-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:26px 20px 20px;
  text-align:center;
  height:auto;
  min-height:320px;
}
.tour-card.illus-card.g1{background:linear-gradient(150deg,#7367f0,#ff6ec4);}
.tour-card.illus-card.g2{background:linear-gradient(150deg,#2a1fbc,#00d4ff);}
.tour-card.illus-card.g3{background:linear-gradient(150deg,#ffb648,#ff6e4d);}
.tour-card.illus-card.g4{background:linear-gradient(150deg,#00b3a4,#31e07a);}
.tour-card.illus-card.g5{background:linear-gradient(150deg,#ff5a8a,#7367f0);}
.tour-card.illus-card.g6{background:linear-gradient(150deg,#488fed,#2a1fbc);}
.tour-card.illus-card img{
  width:auto;height:150px;max-width:78%;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,0.25));
  transition:transform .4s ease;
  flex:0 0 auto;
}
.tour-card.illus-card:hover img{transform:scale(1.08) translateY(-4px);}
.tour-card.illus-card .tour-tag{align-self:center;margin-top:14px;background:rgba(255,255,255,0.25);backdrop-filter:blur(4px);}
.tour-card.illus-card h4{color:#fff;margin:8px 0 4px;}
.tour-card.illus-card p{color:rgba(255,255,255,0.88);}

/* Photo showcase banner on tour page */
.tour-showcase{
  position:relative;border-radius:22px;overflow:hidden;
  min-height:280px;
  box-shadow:0 18px 40px rgba(20,15,60,0.18);
}
.tour-showcase img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.tour-showcase .tour-showcase-overlay{
  position:relative;z-index:2;
  background:linear-gradient(100deg,rgba(24,15,92,0.88) 0%,rgba(115,103,240,0.55) 55%,rgba(255,110,196,0.25) 100%);
  height:100%;display:flex;flex-direction:column;justify-content:center;
  padding:50px;
}
.tour-showcase h3{color:#fff;font-size:30px;margin-bottom:12px;}
.tour-showcase p{color:rgba(255,255,255,0.9);max-width:520px;margin-bottom:0;}

.tour-tag.c1{background:linear-gradient(90deg,#ff6ec4,#7367f0);}
.tour-tag.c2{background:linear-gradient(90deg,#00d4ff,#2a1fbc);}
.tour-tag.c3{background:linear-gradient(90deg,#ffb648,#ff6e4d);}
.tour-tag.c4{background:linear-gradient(90deg,#31e07a,#00b3a4);}
.tour-tag.c5{background:linear-gradient(90deg,#7367f0,#2a1fbc);}
.tour-tag.c6{background:linear-gradient(90deg,#ff5a8a,#ff8a5a);}

.tour-stats-strip{
  display:flex;flex-wrap:wrap;gap:0;
  border-radius:18px;overflow:hidden;
  box-shadow:0 10px 30px rgba(20,15,60,0.08);
}
.tour-stats-strip .stat{
  flex:1 1 200px;
  text-align:center;
  padding:30px 15px;
  color:#fff;
}
.tour-stats-strip .stat:nth-child(1){background:linear-gradient(135deg,#2a1fbc,#488fed);}
.tour-stats-strip .stat:nth-child(2){background:linear-gradient(135deg,#7367f0,#ff6ec4);}
.tour-stats-strip .stat:nth-child(3){background:linear-gradient(135deg,#00b3a4,#31e07a);}
.tour-stats-strip .stat:nth-child(4){background:linear-gradient(135deg,#ffb648,#ff6e4d);}
.tour-stats-strip .stat h3{color:#fff;font-size:34px;margin-bottom:4px;font-weight:800;}
.tour-stats-strip .stat span{font-size:13px;letter-spacing:.5px;text-transform:uppercase;opacity:.9;}

/* ---------- Logo Marquee (Trusted by companies) ---------- */
.logo-marquee-wrap{
  overflow:hidden;
  width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.logo-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:60px;
  animation:logoSlideLTR 24s linear infinite;
}
.logo-marquee-wrap:hover .logo-marquee-track{animation-play-state:paused;}
@keyframes logoSlideLTR{
  0%{transform:translateX(-50%);}
  100%{transform:translateX(0%);}
}
.logo-item{flex:0 0 auto;padding:6px 10px;}
.logo-item img{
  height:48px;width:auto;max-width:150px;object-fit:contain;
 
  transition:filter .35s ease, transform .35s ease;
}
.logo-item:hover img{filter:grayscale(0%) opacity(1);transform:scale(1.1);}

/* ---------- Sitewide colour + animation refresh ---------- */
.heading-wrapper span{
  background:linear-gradient(90deg,#2a1fbc,#7367f0,#ff6ec4,#00b3a4);
  background-size:300% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:hueGlide 7s linear infinite;
}
.style-dark .heading-wrapper span{
  background:linear-gradient(90deg,#9fb4ff,#ffb0e6,#8ff0e0,#ffd08a);
  background-size:300% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:hueGlide 7s linear infinite;
}
.heading-wrapper.with-separator h1:after,
.heading-wrapper.with-separator h2:after,
.heading-wrapper.with-separator h3:after{
  background:linear-gradient(90deg,#2a1fbc,#7367f0,#ff6ec4,#ffb648) !important;
  background-size:300% auto !important;
  animation:hueGlide 5s linear infinite;
  width:80px !important;
}

/* Inner page hero banners - colourful animated gradient on every inner page */
.inner-page-header.style-dark,
.page-header.style-dark.full-height:not(.hero-slider-wrap){
  background:linear-gradient(120deg,#180f5c,#2a1fbc,#7367f0,#ff6ec4,#2a1fbc,#180f5c) !important;
  background-size:300% 300% !important;
  animation:bgShift 12s ease infinite;
}

/* ---------- Home Hero Auto Slider ---------- */
.hero-slider-wrap{
  position: relative;
  overflow: hidden;
  background: #102a2b !important;
  z-index: 1;
}
.hero-slider-wrap.page-header.dc-six::before,
.hero-slider-wrap.page-header.dc-six::after{
  content: none !important;
  display: none !important;
  background: none !important;
}
.hero-slider-wrap.page-header.dc-six > .hero-bg-slider,
.hero-bg-slider{
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2 !important;
}
.hero-slide{
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}
.hero-slide.active{
  opacity: 1;
  z-index: 1;
}
.hero-slider-wrap.page-header.dc-six > .hero-overlay,
.hero-overlay{
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 3 !important;
  background: linear-gradient(90deg, rgba(8,35,36,.88) 0%, rgba(8,35,36,.60) 55%, rgba(8,35,36,.20) 100%);
}
.hero-slider-wrap.page-header.dc-six > .hero-content,
.hero-content{
  position: relative !important;
  z-index: 4 !important;
}
.fact-section.style-dark,
.cta-section.style-dark{
  background:linear-gradient(120deg,#180f5c,#2a1fbc,#7367f0,#180f5c) !important;
  background-size:300% 300% !important;
  animation:bgShift 14s ease infinite;
}

/* Buttons - animated gradient + glow pulse */
.btn-primary{
  background-image:linear-gradient(90deg,#488fed,#2a1fbc,#7367f0,#ff6ec4,#488fed) !important;
  background-size:300% auto !important;
  transition:background-position .6s ease, transform .25s ease, box-shadow .25s ease !important;
}
.btn-primary:hover{
  background-position:100% 0 !important;
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(115,103,240,0.4) !important;
}
.cta-section .btn-primary{animation:ctaPulse 2.4s ease-in-out infinite;}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.35);}
  50%{box-shadow:0 0 0 14px rgba(255,255,255,0);}
}

/* Feature icons - colourful rotating circle backdrop + float animation */
.features-block .icon{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  width:66px;height:66px;border-radius:50%;
  margin:0 auto 16px;
  animation:iconFloat 3.6s ease-in-out infinite;
}
.features-block:nth-child(3n+1) .icon{background:linear-gradient(135deg,#488fed,#2a1fbc);}
.features-block:nth-child(3n+2) .icon{background:linear-gradient(135deg,#ff6ec4,#7367f0);}
.features-block:nth-child(3n+3) .icon{background:linear-gradient(135deg,#00d4ff,#00b3a4);}
.features-block .icon img{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1);}
@keyframes iconFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}

/* Counter numbers - gradient trendy */
.counter-number, .counter-number-suffix{
  background:linear-gradient(90deg,#ff6ec4,#00d4ff,#ffb648);
  background-size:300% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:hueGlide 6s linear infinite;
}

/* ---------- About page extra blocks ---------- */
.value-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.value-pill-row span{
  padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;color:#fff;
}
.value-pill-row span:nth-child(1){background:linear-gradient(90deg,#2a1fbc,#488fed);}
.value-pill-row span:nth-child(2){background:linear-gradient(90deg,#7367f0,#ff6ec4);}
.value-pill-row span:nth-child(3){background:linear-gradient(90deg,#00b3a4,#31e07a);}
.value-pill-row span:nth-child(4){background:linear-gradient(90deg,#ffb648,#ff6e4d);}

.mv-card{
  border-radius:18px;padding:34px 28px;height:100%;
  box-shadow:0 10px 30px rgba(24,20,80,0.07);
  transition:.35s ease;
}
.mv-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(24,20,80,0.14);}
.mv-card.grad-a{background:linear-gradient(135deg,#2a1fbc,#488fed);color:#fff;}
.mv-card.grad-b{background:linear-gradient(135deg,#ff6ec4,#7367f0);color:#fff;}
.mv-card h3{color:#fff;margin-bottom:12px;}
.mv-card p{color:rgba(255,255,255,0.9);margin-bottom:0;}

/* ---------- Requested header/footer brand colours ---------- */
#master-head, #master-head.menu-fixed{
  background:linear-gradient(90deg,#1f3357,#253C6D 55%,#2c4680) !important;
}
#master-head .logo-dark{display:none !important;}
#master-head .logo-light{display:inline-block !important;}
#navigation .menu-primary > li.menu-item > a,
#navigation .menu-primary .sub-menu li.menu-item a,
#master-head .navbar-toggle .burger-lines,
#master-head .navbar-toggle .burger-lines::before,
#master-head .navbar-toggle .burger-lines::after{
  color:#ffffff !important;
}
#navigation .menu-primary .sub-menu{
  background:#253C6D !important;
}
#navigation .menu-primary li.menu-item:hover > a,
#navigation .menu-primary li.menu-item.active > a{
  color:#ffb648 !important;
}

.site-footer,
.tour-footer{
  background:linear-gradient(100deg,#3c4f79,#455B8A 55%,#516aa0) !important;
}
.site-footer *, .tour-footer *{color:rgba(255,255,255,0.85);}
.site-footer h3, .site-footer h4, .site-footer h5,
.tour-footer h3, .tour-footer h4{color:#ffffff !important;}
.site-footer a:hover, .tour-footer a:hover{color:#ffb648 !important;}