/* ===================================
    About
====================================== */
/*
    Theme Name: Wexim
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

    Modified for Gaurus 2025 Brand Identity
    Primary: #35006D (Deep Purple)
    Secondary: #2CD2B8 (Cyan)
    Accent: #6C379A (Purple lighter)

 */
/* ===================================
    Variables
====================================== */
/* ===================================
    Styling
====================================== */
::-webkit-scrollbar {
  background-color: #35006D;
}
::-webkit-scrollbar-thumb {
  background: #35006D;
}
a:hover,
a:active {
  color: #35006D;
}
.gradient-bg1,
.team-progress .progress-bar,
.team-box .overlay:before,
.cube-portfolio1 .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap,
.overlay-two:before,
.price-two.hvr-gradient:hover,
.loader {
  background: #35006D;
  background: -moz-linear-gradient(left, #35006D 2%, #2CD2B8 82%);
  background: -webkit-linear-gradient(left, #35006D 2%, #2CD2B8 82%);
  background: linear-gradient(to right, #35006D 2%, #2CD2B8 82%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35006D', endColorstr='#2CD2B8', GradientType=1);
}
.header-appear .navbar-top-default.navbar-gradient {
  background: linear-gradient(135deg, #35006D 0%, #6C379A 50%, #2CD2B8 100%) !important;
}
/* text-color */
.main-color,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item:hover {
  color: #35006D;
}
.alt-color {
  color: #2CD2B8;
}
.third-color,
.header-appear .nav-box-round .navbar-nav .nav-link:hover,
.navbar.navbar-right .navbar-nav .nav-link.active,
.button-play:hover i,
.parallax-box:hover i {
  color: #6C379A;
}
.gradient-text1,
.cube-portfolio1 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.blog-item-content h4 a:hover {
  background: #35006D;
  background: -moz-linear-gradient(left, #35006D 2%, #2CD2B8 82%);
  background: -webkit-linear-gradient(left, #35006D 2%, #2CD2B8 82%);
  background: linear-gradient(to right, #35006D 2%, #2CD2B8 82%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35006D', endColorstr='#2CD2B8', GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn.btn-blue,
.side-right-social a,
.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
  background: #6C379A;
  border-color: #6C379A;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
  background: transparent !important;
  border-color: #6C379A;
  color: #6C379A !important;
}
.btn.btn-gradient,
.team-box-two .team-two-block::before,
.scroll-top-arrow,
.widget .search-btn {
  background-image: linear-gradient(to right, #35006D 0%, #2CD2B8 51%, #35006D 100%);
}
.header-appear .nav-box-round .navbar-nav .nav-link.active,
.owl-dots .owl-dot::after,
.footer-social li a:hover {
  background-color: #6C379A;
}
.nav-line .navbar-nav .nav-link:before,
.button-play,
.price-two.hvr-blue:hover,
.side-menu,
.error-text h2,
.blog-pagination li a:hover,
.blog-pagination li.active a,
.blog-pagination li a:focus,
.wexim .tp-bullet.selected .tp-bullet-inner {
  background: #35006D;
}
.count-down-form .form-control:focus {
  border-bottom: 2px solid #6C379A !important;
}
.blog-tags li a:hover,
.blog-tags li a:focus {
  border: 1px solid #6C379A;
  background-color: #6C379A;
}
.price-item .btn.btn-black:hover,
.price-item .btn.btn-black:focus {
  background: #6C379A !important;
  border-color: #6C379A;
}
 .price-two .btn.btn-blue:hover,.price-two .btn.btn-blue:focus {
  background: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Hero/Slider background override */
.hero-gradient-bg {
  background: linear-gradient(135deg, #35006D 0%, #6C379A 50%, #2CD2B8 100%) !important;
}

/* Hide the background image completely */
#rev_slider_19_1 img.rev-slidebg,
#rev_slider_19_1 .rev-slidebg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Apply gradient to all slider containers */
#rev_slider_19_1,
#rev_slider_19_1_wrapper,
#rev_slider_19_1_wrapper.fullscreen-container {
  background: linear-gradient(135deg, #35006D 0%, #6C379A 50%, #2CD2B8 100%) !important;
}

/* Immediate hero logo - shows instantly with animation */
#hero-logo-immediate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  z-index: 10;
  animation: heroLogoFadeIn 2s ease-out forwards;
}

#hero-logo-immediate img {
  max-width: 100%;
  height: auto;
}

@keyframes heroLogoFadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -70%) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -70%) scale(1);
  }
}

/* Hide the Revolution Slider logo and tagline layers */
#slide-94-layer-3,
#slide-94-layer-4 {
  display: none !important;
}

/* Immediate hero tagline */
#hero-tagline-immediate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 10;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  font-weight: 300;
  color: #ffffff;
  white-space: nowrap;
  animation: heroTaglineFadeIn 2s ease-out 0.5s forwards;
  opacity: 0;
}

@keyframes heroTaglineFadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%, 100%) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 100%) translateY(0);
  }
}

/* Side menu - half width and purple color */
.side-menu {
  width: 20% !important;
  background: #35006D !important;
}

/* About section background image */
#about {
  position: relative;
}

#about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1140px;
  bottom: 0;
  background-image: url('../images/tech_stack.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: opacity 5s ease-out;
}

#about.tech-visible::before {
  opacity: 0.30;
}

#about .container {
  position: relative;
  z-index: 1;
}

/* Team carousel navigation buttons */
#team-slider {
  position: relative;
}

#team-slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  padding: 0 10px;
  box-sizing: border-box;
  margin-top: 0;
}

#team-slider .owl-nav .owl-prev,
#team-slider .owl-nav .owl-next {
  pointer-events: auto;
  background: rgba(53, 0, 109, 0.2) !important;
  color: #35006D !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}

#team-slider .owl-nav .owl-prev::before {
  content: "←";
  font-size: 24px;
}

#team-slider .owl-nav .owl-next::before {
  content: "→";
  font-size: 24px;
}

#team-slider .owl-nav .owl-prev:hover,
#team-slider .owl-nav .owl-next:hover {
  background: rgba(108, 55, 154, 0.3) !important;
}

/* Gaurus in numbers bullet list */
#about ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 10px;
  color: #6d6d6d;
}

#about ul li {
  margin-bottom: 5px;
}

#about ul li::before {
  content: "– ";
}