:root {
    --primary-tangerine: #FF5513;
    --primary-charcoal: #262626;
    --primary-white: #FFFFFF;
    --secondary-cobalt: #005BF5;
    --secondary-rose: #E83787;
    --secondary-violet: #9942AB;
    --grays-gray1: #999999;
    --grays-gray2: #B0B0B0;
    --grays-gray3: #C7C7C7;
    --grays-gray4: #DEDEDE;
    --grays-ivory: #F4F4F4;
}



/* BUTTONS:START */
.btn-disqo a {
  line-height: 24px !important;
  border-radius: 30px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
}

/* Primary Solid Dark */
.btn-primary-solid-dark a {
  background-color: var(--secondary-cobalt);
  color: var(--primary-white);
}
.btn-primary-solid-dark a:hover {
  color: var(--primary-white);
}

/* Primary Solid Light */
.btn-primary-solid-light a {
  background-color: var(--primary-white);
  color: var(--secondary-cobalt) !important;
  border: solid 2px var(--primary-white);
}
.btn-primary-solid-light a:hover {
  background-color: var(--secondary-cobalt);
  color: var(--primary-white) !important;
  border: solid 2px var(--primary-white);
}

/* Secondary Outline Dark */
.btn-secondary-outline-dark a {
  position: relative;
  display: inline-block;
  color: var(--primary-charcoal) !important;
  background: none;
  border-radius: 30px;
  z-index: 0;
}

.btn-secondary-outline-dark a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  padding: 2px; /* border thickness */
  background: linear-gradient(90deg, #FF5513, #9942AB 50.08%, #005BF5);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}
.btn-secondary-outline-dark a:hover {
  color: var(--primary-charcoal) !important;
}


/* Secondary Outline Light */
.btn-secondary-outline-light a {
  background: none;
  color: var(--primary-white);
  border: solid 2px var(--primary-white);
}
.btn-secondary-outline-light a:hover {
  color: var(--primary-white);
  border: solid 2px var(--primary-white);
}

/* Borderless Dark */
.btn-borderless-dark a {
  background: none;
  color: var(--primary-charcoal) !important;
  border: none;
}
.btn-borderless-dark a:hover {
  color: var(--primary-charcoal) !important;
  border: none;
}


/* Borderless Light */
.btn-borderless-light a {
  background: none;
  color: var(--primary-white) !important;
  border: none;
}
.btn-borderless-light a:hover {
  color: var(--primary-white) !important;
  border: none;
}



/* BUTTONS-ANIMATIONS:START */

.btn-borderless-animate a:hover .elementor-button-icon svg {
  animation: pushRight 0.6s ease forwards;
}

.btn-borderless-animate a:hover .elementor-button-icon svg {
  transform: translateX(0);
}

@keyframes pushRight {
  0%   { transform: translateX(0); }
  60%  { transform: translateX(15px); } 
  100% { transform: translateX(10px); } 
}


.btn-primary-animate .elementor-button {
  transition: padding-right .35s ease;
}

.btn-primary-animate .elementor-button .elementor-button-icon {
  width: 0;               
  opacity: 0;             
  overflow: hidden;      
  display: inline-flex;    
  transform: translateX(0); 
  transition: width .35s ease, margin-left .35s ease;
}

.btn-primary-animate .elementor-button .elementor-button-icon svg {
  display: block;
}

.btn-primary-animate .elementor-button:hover .elementor-button-icon {
  width: 24px;  
  animation: btn-icon-swipe .6s ease forwards;
  margin-left: 10px; 
}

@keyframes btn-icon-swipe {
  0%   { opacity: 0; transform: translateX(0); }
  60%  { opacity: 1; transform: translateX(15px); }
  100% { opacity: 1; transform: translateX(10px); }
}

@media (prefers-reduced-motion: reduce) {
  .btn-primary-animate .elementor-button:hover .elementor-button-icon {
    animation: none;
    opacity: 1;
    transform: translateX(10px);
  }
}
/* BUTTONS-ANIMATIONS:END */


/* BUTTONS-MOBILE:START */
@media (max-width: 768px) {
  .btn-disqo a {
    line-height: 18px !important;
    border-radius: 30px;
    padding-top: 10px;
    padding-right: 18px;
    padding-bottom: 10px;
    padding-left: 18px;
  }


  .btn-disqo span.elementor-button-icon svg {
    width: 18px !important;
    height: 18px !important;
}
	
.btn-search span.elementor-button-icon svg {
    width: 24px !important;
    height: 24px !important;
}
}

@media (min-width: 769px) {
  .btn-disqo span.elementor-button-icon svg {
    width: 24px !important;
    height: 24px !important;
}
}
/* BUTTONS-MOBILE:END */

/* BUTTONS:END */


/* HEADER-ANIMATIONS:START */
.slide-up span.line-break {
  opacity: 0;
  transform: translateY(40px);
  animation: slideUp 0.8s ease forwards;
}

.slide-up span.line-break {
  display: block;
}

.slide-up span.line-break:nth-child(1) { animation-delay: 0s; }
.slide-up span.line-break:nth-child(2) { animation-delay: 0.6s; } 
.slide-up span.line-break:nth-child(3) { animation-delay: 1.2s; } 

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* HEADER-ANIMATIONS:END */



/* GENERAL STYLES:START */
.text-bold {
    font-weight: 600;
}

.grd-vico {
    background-image: linear-gradient(90deg, var(--secondary-violet) 10%, var(--secondary-cobalt) 90%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent; /* For WebKit browsers */
    font-weight: 600;
}

/* Base text: visible charcoal, holds layout */
.grd-vico-effect,.grd-vico-effect2 {
  --bgx: 0%;
  position: relative;
  display: inline-block;
  font-weight: 600;
  color: #262626;                  /* stays visible during sweep */
  transition: color .25s ease;
}

/* Gradient overlay on top (flicker-free reveal) */
.grd-vico-effect::after,.grd-vico-effect2::after {
  content: attr(data-text);        /* JS sets data-text = actual text */
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* Gradient text */
  color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--secondary-violet) 0%,
    var(--secondary-cobalt) 25%,
    var(--secondary-violet) 50%,
    var(--secondary-cobalt) 75%,
    var(--secondary-violet) 100%
  );
  background-size: 400% 100%;
  background-position: var(--bgx) 0%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Start hidden to the right; sweep left→right */
  clip-path: inset(0 100% 0 0);
  transition: clip-path .9s ease;
}

/* Start the sweep */
.grd-vico-effect.revealed::after,.grd-vico-effect2.revealed::after {
  clip-path: inset(0 0 0 0);
}

/* After sweep, hide charcoal base so only gradient shows */
.grd-vico-effect.swap-to-gradient,.grd-vico-effect2.swap-to-gradient {
  color: transparent;
  -webkit-text-fill-color: transparent;
}


/* GENERAL STYLES:END */


/* NAVIGATION STYLES:START */
#mainnav span.underline,#mainnav span.underline  {
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 2px;
  color: var(--secondary-cobalt);
}

/* NAVIGATION STYLES:END */