/* FontAwesome */
.icon-ghost p::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f6e2"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFF;
  }
  
  .icon-envelope .inner::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f0e0"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFF;
  }
  .icon-gift .inner::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f06b"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFF;
  }
  
  .icon-fire .inner::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f06d"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFE01B;
  }
  
  .icon-jedi .inner::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f669"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFE01B;
  }
  
  .icon-meteor .inner::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f753"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFE01B;
  }
  
  .icon-phone .inner::before {
    font-family: 'Font Awesome 6 Free'; /* Font family for Font Awesome icons */
    font-weight: 900; /* Weight for solid icons (use 400 for regular) */
    content: "\f098"; /* Unicode for the desired icon (e.g., "\f007" for user icon) */
    margin-right: 15px; /* Spacing between icon and text */
    color:#FFE01B;
  }
  
  
  /* Utilities */
  .tilt-025 .container{
    transform: rotate(-0.25deg);
  }

  .tilt-05 {transform: rotate(-0.5deg);}
  
  /* Button Styles */
  .dots {position:relative;}
  .dots::before {
    content: '';
    position: absolute;
    border: 2px dashed #01172F;
    border-radius: 5px;
    opacity: 0.5;
  }
  
  .dots-1::before {
      width: 300px;
      transform: rotate(1.5deg);
      top: 18px;
      height: 30px;
      left: 10px;
  }
  .dots-2::before {
      width: 200px;
      top: 75px;
      height: 30px;
      left: 50%;
      margin-left: -120px;
      border-color: #FFF;
  }
  
  .dots-3::before {
      width: 240px;
      top: 75px;
      height: 30px;
      left: 50%;
      margin-left: -110px;
      transform: rotate(1deg);
      border-color: #FFF;
  }
  .flickity-page-dots {
    bottom:-45px!important;
  }
  
  /* Homepage - Logos */ 
  #row_lkm2l3s4j .column .content-wrapper,
  #row_9pnesl9sk .column .content-wrapper { height: 100px; display:flex; align-items: center;}
  
/* Homepage - Plans */ 
  .price {position: absolute!important; width:auto!important; top:23px; right:20px; padding: 5px 10px; border-radius: 5px; background: #06D38D; color:#FFF;}
  .price p {font-family: "Roboto", sans-serif!important; font-size:20px!important; font-weight: 700!important; letter-spacing: 0px !important;}
  @media screen and (min-width: 1050px) and (max-width: 1300px) {
    .price {top: 28px;}
    .price p {font-size: 16px!important}
  }
  @media screen and (min-width: 1050px) and (max-width: 1150px) { 
    .plan h4 {font-size: 22px!important}
  }

  @media screen and (min-width: 769px) and (max-width: 1050px) { 
    #section_jtq9wrsta, #row_b4dg7ab7e, #row_04rlknc2s {
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: top;
    }
    #row_b4dg7ab7e .plan,
    #row_04rlknc2s .plan {
      flex-direction: column!important;
      flex-basis: 100%; width: 100%; max-width: 100%;
      flex:auto!important;
      margin-bottom:30px;
    }
  }

  .line-item p { padding-bottom: 12px; }
  .plan ul {margin: -10px 0 0 20px;}
  
/* Homepage - How it works */   
  .offset-down {
    position: relative;
    top:40px;
  }
  @media screen and (max-width: 1000px) {
    .offset-down { 
        top:0;
    }
  }

/* Flickity */
.flickity-slider {margin-bottom: 40px;}

.flickity-viewport {overflow: visible!important; margin: 50px 0 100px;}

.flickity-page-dots {
    bottom:-50px;
}

.skill {
    background: #FFF;
    border-radius: 20px;
    border: 1px solid #EBEBEB;
    box-shadow: -4px 4px 34px 0px rgba(0, 0, 0, 0.1);
    padding: 120px 25px 40px;
    width:350px;
    position: relative;
    text-align: center;
    margin-left:30px;
    min-height:380px;
}
.skill > span {font-family: roboto regular, sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; }

/*  after initiates */
.flickity-enabled .skill {
    top:0;
    bottom:30px;
}

.skills img {
    margin:0 auto;
    width: 160px;
    height: auto;
    position: absolute;
    top:-40px;
    left:50%;
    margin-left:-80px;
}

.skill h3 {
    color: #01172F;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 26px!important;
    font-weight: 700!important;
    line-height: 1;
    letter-spacing: -0.6px;
    margin-bottom: 10px;
}

.skill p {
    color: #01172F;
    text-align: center;
    font-family: "ITC Souvenir Std", sans-serif;
    font-size: 20px!important;
    font-weight: 300;
    line-height: 1.3;
}

 /* Announcement */
 .announcement .container {
    max-width: 1180px;
}


 @media screen and (max-width: 1200px) {
    .announcement .container {
        max-width: calc(100% - 60px);
    }
 }

 @media screen and (max-width: 1000px) {
    .announcement .container {
        max-width: 98%;
    }
 }

 /* Ajustes por breakpoint */
 @media screen and (max-width: 768px) {
    .announcement .ce-button {text-align: center!important; margin: 10px auto 30px;}
    .announcement .container {height: auto!important;}
    .announcement p {margin-top: 30px!important; text-align: center!important;}
 }

/* Form */
 .contact-form #mc_embed_signup {
    margin: 0 auto;
 }

 .contact-form #mc_embed_signup form p {
    font-family: "Roboto", sans-serif!important;
    font-size: 14px;
 }
 .content__gdpr label {
    font-weight: bold;
 }

 #mc_embed_signup {
  max-width: 100%;
 }

 #mc_embed_signup .mc-field-group label {display: flex!important; align-items: center!important;}

 .disclaimer {margin: 30px 0; letter-spacing: -1px;}