/* ==============================
  CAMPOS LAW FIRM - ESTILOS GENERALES
  ============================== */



.clf-header__button--bordered::before {
  content: ""!important;
  position: absolute!important;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%,-50%)!important;
  width: calc(100% + 4px)!important;
  height: calc(100% + 4px)!important;
  background: rgb(240,203,108)!important;
  background: linear-gradient(-90deg, rgba(240,203,108,1) 10%, rgba(191,144,39,1) 32%, rgba(240,203,108,1) 65%, rgba(191,144,39,1) 100%)!important;
  box-shadow: -8px 8px 13px 0px rgba(44,59,106,0.83)!important;
  -webkit-box-shadow: -8px 8px 13px 0px rgba(44,59,106,0.83)!important;
  -moz-box-shadow: -8px 8px 13px 0px rgba(44,59,106,0.83)!important;
}
.clf-header__button-bg {
  background: rgb(244,178,60);
  background: linear-gradient(-120deg, rgba(240,203,108,1) 10%, rgba(228,167,47,1) 66%, rgba(191,144,39,1) 100%);
  z-index: 10;
  position: relative;
}
.clf-text--gradient {
  background: radial-gradient(circle at 20% 0%, #f4b23c 20%, #e1b78f 45%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clf-text--gradient-sunset {
  background: rgb(244,178,60);
  background: radial-gradient(circle, rgba(244,178,60,1) 36%, rgba(219,180,138,1) 92%);
  background-size: 128% 60%;
  background-position: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clf-text--gradient-warm {
  background: #FFB130;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clf-text--gradient-emerald-blue {
  background: rgb(0,128,102);
  background: linear-gradient(90deg, rgba(0,128,102,1) 10%, rgba(0,109,91,1) 32%, rgba(0,33,92,1) 66%, rgba(24,26,39,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clf-text--gradient-emerald-light {
  background: rgb(0,128,102);
  background: linear-gradient(306deg, rgba(0,128,102,1) 24%, rgba(0,109,91,1) 78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.clf-text--bold {
    font-weight: bold;
}
.clf-text--italic {
  font-style: italic;
}
.clf-text--color-gold {
  color: #f4b23c;
}
.clf-text--color-blue {
  color: #083572;
}
.clf-text--font-size-big {
	font-size: 21px;
}



.clf-icon::before {
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgb(244,178,60);
  background: linear-gradient(180deg, var(--e-global-color-eb1dce1) 0, transparent 62%);
  z-index: 5;
}
.clf-icon,
.clf-icon .elementor-widget-container, 
.clf-icon .elementor-icon-wrapper {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2000px;
  height: 90px;
  width: 90px;
}
.clf-icon--gradient-dark-blue .elementor-widget-container{
  z-index: 10;
  background-color: var(--e-global-color-204944c);
  background: linear-gradient(180deg, var(--e-global-color-204944c) 0%, var(--e-global-color-d873fe1) 60%);
}
.clf-icon--gradient-medium-blue .elementor-widget-container{
  z-index: 10;
  background-color: var(--e-global-color-204944c);
  background: linear-gradient(180deg, var(--e-global-color-6371c1b) 0%, var(--e-global-color-204944c) 60%);
}
.clf-icon--gradient-light-blue .elementor-widget-container{
  z-index: 10;
  background-color: var(--e-global-color-204944c);
  background: linear-gradient(180deg, var(--e-global-color-d873fe1) 0%, var(--e-global-color-6371c1b) 60%);
}





div.elementor-element.clf-how-we-work__step {
  overflow: hidden;
}
div.elementor-element.clf-how-we-work__step-number {
  width: 144px!important;
  min-width: 144px;
  height: 144px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(71,126,104);
  background: linear-gradient(150deg, rgba(71,126,104,1) 12%, rgba(67,109,93,0) 65%);
  border-radius:  500px;
  border: 5px solid #cbb48f;
}
div.elementor-element.clf-how-we-work__step-number::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  height: 1000px;
  background: #cbb48f;
}
div.elementor-element.clf-how-we-work .clf-how-we-work__step:last-of-type .clf-how-we-work__step-number::after{
  opacity: 0;
}