/*
Theme Name: Alico Child
Theme URI: http://demo.casethemes.net/alico/
Author: Case-Themes
Updated by: @Catmedia.pe
Version: 1.3 (ex 1.2.2)
License: ThemeForest
Template: alico
Text Domain: alico-child
*/
:root {
  --color-prim: #008535;
  --color-seco: #00b235;
  --color-accent: #f1c500;
  --color-4to: #91dea8;
  --color-5to: #005f26;
  --color-6to: #045424;
  --color-7to: #e6f1e3;
  --color-text: #7a7a7a;
}
/** FONTS **/
@font-face {
  font-family: "fontello";
  src: url("font/fontello.eot?38137777");
  src:
    url("font/fontello.eot?38137777#iefix") format("embedded-opentype"),
    url("font/fontello.woff2?38137777") format("woff2"),
    url("font/fontello.woff?38137777") format("woff"),
    url("font/fontello.ttf?38137777") format("truetype"),
    url("font/fontello.svg?38137777#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-location:before {
  content: "\e800";
}
.icon-whatsapp:before {
  content: "\f232";
}
/** END FONTS **/
#ct-header-wrap .ct-header-topbar2 {
  padding: 0 !important;
}
@media screen and (min-width: 1200px) {
  #ct-header-wrap.ct-header-layout4 .ct-header-branding img {
    max-height: 45px !important;
    border: 1px red !important;
    margin: -10px 0 !important;
  }
}
/* #ct-header-wrap .ct-header-topbar2 {
  padding: 8px 0 !important;
  border: 1px red !important;
} */

.ct-service-grid2 .grid-item-inner {
  background-color: var(--color-6to) !important;
  border-radius: 10px !important;
  border: none !important;
}
.ct-service-grid2 .grid-item-inner:before {
  /*background-color: #1d2922 !important;*/
  background-color: var(--color-5to) !important;
  border-radius: 10px !important;
  border: none !important;
}
.ct-service-grid2 .grid-item-inner:before {
  bottom: 0 !important;
}
.ct-service-grid2 .grid-item-inner:hover:before {
  height: -webkit-calc(100% - 0px) !important;
}
.ct-service-grid2 .grid-item-inner:hover .item--icon img {
  transform: scale(1.2) rotateY(0) !important;
}
.ct-service-grid2 .ct-load-more .btn,
.ct-service-grid2 .item--readmore a {
  border-radius: 8px !important;
  border: var(--color-seco) 1px solid !important;
  /* display: none; */
  max-width: 180px !important;
  width: 70% !important;
}
.ct-service-grid2 .item--readmore a svg {
  left: 75% !important;
}
.ct-service-grid2 .item--readmore a::before {
  content: "Leer más";
  color: white !important;
  font-family: inherit !important;
  font-weight: bold;
  display: block !important;
  height: 40px !important;
  line-height: 2.4;
  padding: 0 20px 0 3%;
  position: absolute;
  top: 0 !important;
  left: 15% !important;
}

.ct-counter-layout2 .ct-counter-holder {
  background-color: rgba(4, 84, 36, 0.8) !important;
}

.ct-testimonial-carousel3 .slick-dots,
.ct-testimonial-carousel3 .item--inner:before {
  background-color: var(--color-6to) !important;
}

.ct-banner.layout-1 .shape-angle,
.ct-banner.layout-2 .shape-angle {
  display: none !important;
}
.ct-banner.layout-1 .ct-banner-number {
  bottom: 9px !important;
}
.ct-banner.layout-1:before {
  /* background-color: var(--color-prim) !important; */
  border-radius: 15px !important;
  background: #008535 !important;
  background: -webkit-linear-gradient(340deg, rgba(0, 133, 53, 1) 0%, rgba(0, 178, 53, 1) 100%) !important;
  background: -moz-linear-gradient(340deg, rgba(0, 133, 53, 1) 0%, rgba(0, 178, 53, 1) 100%) !important;
  background: linear-gradient(340deg, rgba(0, 133, 53, 1) 0%, rgba(0, 178, 53, 1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008535", endColorstr="#00B235", GradientType=0) !important;
}
.ct-banner.layout-1 .ct-banner-title {
  color: var(--color-4to) !important;
}
.ct-banner.layout-1 img {
  border-radius: 15px !important;
  margin-bottom: 6px !important;
}

@media screen and (max-width: 760px) {
  .ct-banner-counter {
    top: -40px !important;
  }

  .joinchat--left {
    right: 80px !important;
    left: unset !important;
  }
}

.ct-banner.layout-1 .ct-banner-counter .item--icon i {
  color: var(--color-prim) !important;
}
.ct-banner.layout-1 .ct-banner-counter .ct-counter-number .ct-counter-number-suffix {
  color: var(--color-accent) !important;
}

.ct-service-grid4 .grid-item-inner {
  background-color: var(--color-6to) !important;
  border-radius: 15px !important;
  min-height: 230px !important;
}
.ct-service-grid4 .item--icon {
  background: #008535;
  background: linear-gradient(340deg, rgba(0, 133, 53, 1) 0%, rgba(0, 178, 53, 1) 100%) !important;
}

.ct-tabs--layout1.style6 .ct-tabs-title .ct-tab-title {
  border-radius: 12px 12px 5px 5px !important;
  background-color: var(--color-7to) !important;
  color: var(--color-prim) !important;
}

.ct-tabs--layout1.style6 .ct-tabs-title .ct-tab-title.active {
  background-color: var(--color-prim) !important;
  color: white !important;
}

#ct-header-wrap.scroll-to-bottom #ct-header.h-fixed {
  background-color: var(--color-7to) !important;
}

#ct-header-wrap.ct-header-layout4 #ct-header:not(.h-fixed) {
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.beneficios .grid-item-inner {
  min-height: 240px !important;
  margin-bottom: 45px !important;
}
.beneficios .grid-item-inner .item--icon {
  background-color: #fff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 50% !important;
  font-size: 2.5rem !important;
  line-height: 2.3 !important;
  margin: 0 auto 15px !important;
  height: 90px !important;
  width: 90px !important;
}

.ct-cta1 {
  background-color: var(--color-prim) !important;
  border-radius: 20px !important;
  border: 10px solid var(--color-accent) !important;
}
.ct-cta1::before {
  background-color: var(--color-prim) !important;
}
.ct-cta1 .ct-cta-holder a i {
  color: var(--color-seco);
}
.ct-cta1 .ct-cta-holder .ct-cta-text,
.ct-service-grid3 .item--readmore,
.ct-service-grid4 .item-readmore {
  display: none !important;
}
.ct-cta1 .ct-cta-holder .ct-cta-text span {
  border-right: 2px dashed var(--color-seco) !important;
}
.ct-cta1 .ct-cta-holder .ct-cta-text::before {
  background-image: linear-gradient(to top, var(--color-seco), var(--color-accent)) !important;
}
.ct-cta1 .ct-cta-holder .ct-cta-text span:before {
  background-image: linear-gradient(to top, var(--color-6to), var(--color-prim)) !important;
}
.ct-cta1 .ct-cta-holder .ct-cta-text span:after {
  background-image: linear-gradient(to top, var(--color-prim), var(--color-6to)) !important;
}
.ct-cta1 .ct-cta-holder a {
  font-size: 2.2rem !important;
}
.ct-cta1 .ct-cta-holder a i {
  color: var(--color-accent) !important;
}

.ct-history1 .ct-history--image {
  border: none !important;
}

.ct-banner.layout-1 .ct-banner-counter .ct-counter-number .ct-counter-number-suffix {
  left: -88px !important;
}