:root {
    --color-primary: #166562;
    --color-secondary: #FFFFFF;
}

::selection {
    background-color: #D8016A;
    color: white;
}
h2::selection {
    background-color: #F47D06;
}
h3::selection, h4::selection {
    background-color: #008E92;
}

.eb-slider-subtitle, .eb-slider-title {
    padding-left: 60%;
    padding-right: 30px;
}

.eb-slider-title {

    font-size: 35px!important;
    line-height: 1.2!important;
    letter-spacing: -1.2px!important;
}
.eb-slider-subtitle {

    font-size: 18px!important;;
}
.btn-primary, .btn-secondary, .wp-element-button strong {
    font-weight: 600;
    letter-spacing: 0.6px;
    transition: all 0.5s ease-in-out;
}


@font-face {
    font-family: "gotham-rounded";
    src: url("fonts/gotham-rounded/regular.woff") format('woff');
    font-display: swap;
}

@font-face {
    font-family: "gotham-rounded";
    src: url("fonts/gotham-rounded/bold.woff") format('woff');
    font-display: swap;
    font-weight: bold;
}

@font-face {
    font-family: "gotham-rounded";
    src: url("fonts/gotham-rounded/medium.woff") format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}



@font-face {
    font-family: "gotham-narrow";
    src: url("fonts/gotham-narrow/light3.woff") format('woff');
    font-display: swap;
    font-weight: 200;
}

@font-face {
    font-family: "gotham-narrow";
    src: url("fonts/gotham-narrow/bold3.woff") format('woff');
    font-display: swap;
    font-weight: bold;
}

@font-face {
    font-family: "gotham-narrow";
    src: url("fonts/gotham-narroq/black.woff") format('woff');
    font-display: swap;
    font-weight: bolder;
    font-style: normal;
}
@font-face {
    font-family: "gotham-narrow";
    src: url("fonts/gotham-narrow/medium3.woff") format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

body {
    font-size: 16px;
    font-family: 'PT Sans';
    font-weight: 400;
    color: #4D4D4D;

}

.rounded, .rounded li {
    font-family: "gotham-rounded";
}
.narrow-light {
    /* font-family: "gotham-narrow";
    font-weight: 200; */
    font-family: 'PT Sans';
    font-weight: 400!important;
}

.with-font-rounded figcaption {
    font-family: "gotham-rounded";
}

.narrow-light {

}
.bg-gray {
    background-color: #f3f8f5;
}
.tabTitles li::before, .navbar li::before, .slick-dots li::before, .wpforms-field li::before {
    display: none;
}
.form-label { font-weight: 600; }
.navbar {
    background-color: white;
    padding: 15px 0;
}
.wp-block-image {
    margin-bottom: 0;
}
:where(.wp-block-columns) {
    margin-bottom: 0;
}
li {
    padding-left: 20px;
}
h2 {
    padding-bottom: 30px;
}
.navbar a, h1, h2, h3, h4, h5, h6 {
    font-family: "gotham-rounded";
    margin-bottom: 0px;
}
.navbar a:hover, .navbar a.active {
    color: #0F7932!important;
    text-underline-offset: 6px;
    text-decoration: underline;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: transparent;
}
.dropdown-menu[data-bs-popper] {
    top: 70%; 
}
p, li {
    /* font-family: "gotham-narrow"; */
    font-family: 'PT Sans';
    font-weight: 400;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
}
.dropdown-menu {
    border: 0;
}
h4 {
    padding-bottom: 15px;
}
ul li {
    padding-bottom: 12px;
    list-style: none;
}
ol, ul, dl {
    margin-bottom: 0;
    padding-left: 0em;

}

ul li::before{
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 15px;
    width: 15px;
    background-image: url(/wp-content/uploads/2023/08/bullet.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    background-size: cover;
    position: relative;
    top: 3px;
}
sup {
    top: -0.2em;
}
.eb-post-grid-category-filter {
    margin-bottom: 45px!important;
}
.rounded-blocks ul li::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 15px;
    width: 15px;
    background-image: url(/wp-content/uploads/2023/08/trazado-4219.webp);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    background-size: cover;
}
figcaption {
    text-align: center;
    margin-top: 15px!important;
}

.mt-150 {
    margin-top: 150px;
}
.mt-180 {
    margin-top: 180px;
}
.top-button, .top-button:hover,  .top-button:focus {
    background-color: #D8016A;
    border: 0;
}
.top-button:active {
    background-color: #008E92!important;
}
.rounded-blocks {
    padding: 50px;
    border-radius: 30px;
    margin: 0 30px!important;
}
.rounded-blocks h3 {
    padding-left: 0;
    padding-bottom: 20px;
}
.rounded-blocks .wp-block-buttons {
    padding-top: 15px;
}

.rounded-blocks .column-right, .rounded-blocks .column-left {
    position: relative;
}

.rounded-blocks .column-right .wp-block-image{
    position: absolute;
    top: 13px;
    right: -54px;
}
.container-banner h1 {
    padding-bottom: 0;
}
.rounded-blocks .column-left .wp-block-image{
    position: absolute;
    top: 13px;
    left: -51px;
}
.mt-100 {
    margin-top: 300px;
}
.mt-200 {
    margin-top: 250px;
}
.mt-230 {
    margin-top: 280px;
}
.pb-100 {
    padding-bottom: 100px!important;
}
.p-10-porcent {
    padding: 0 10%;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background-color: #E6F5F4!important;
    border: 1px solid #246762!important;
}
.red {
    color: #d63637;
}
.form-label {
    margin-bottom: 0;
}
.wpcf7-list-item {
    margin-left: 0;
}
.light, .wpcf7-list-item-label, .light p, select, input, .wpcf7-not-valid-tip, textarea, .page-link   {
    /* font-family: "gotham-narrow";
    font-weight: 200!important; */
    font-family: 'PT Sans';
    font-weight: 400!important;
}
.entry-meta {
    padding-bottom: 20px;
}
.page-link {
    border: 0;
    color: #4D4D4D;
}
.page-link:hover {
    background-color: transparent;
}
.single-post p {
    /* font-family: "gotham-narrow";
    font-weight: 200!important; */
    font-family: 'PT Sans';
    font-weight: 400!important;
}
.wpcf7-not-valid-tip {
    padding-top: 10px;
}
.post-thumbnail {
    padding-bottom: 40px;
}
.pagination {
    padding-bottom: 60px;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-radius: 20px!important;
    border: 1px solid #dc3232;
    padding: 20px!important;
    margin-top: 10px!important;
    /* font-family: "gotham-narrow";
    font-weight: 200!important; */
    font-family: 'PT Sans';
    font-weight: 400!important;
}
.page-item::before {
    display: none;
}
.container-blog p {
    /* font-family: "gotham-narrow";
    font-weight: 200!important; */
    font-family: 'PT Sans';
    font-weight: 400!important;
}
.container-blog h2 a{
    font-size: 30px!important;
    color: #4D4D4D!important;
}
.container-blog .ebpg-readmore-btn {
    margin-top: 30px;
}
 .ebpg-header-meta { }
.container-blog .ebpg-readmore-btn a, .read-more_ {
    /* font-family: "gotham-narrow";
    font-weight: 200!important; */
    font-family: 'PT Sans';
    font-weight: 400!important;
    color: #4D4D4D!important;
    font-size: 16px!important;
    border-bottom: 2px solid #4D4D4D;
    text-decoration: none;
}
.rt-tpg-container .rt-holder .rt-detail .read-more a:hover {
    background-color: #fff;
    border-color: #118a3b;
    color: #118a3b;
}
::placeholder {
    font-family: "gotham-narrow";
    font-weight: 200;
    font-size: 14px;
  }

  .wpcf7-list-item-label {
    font-size: 14px;
  }
  .column-with-figcaption-narrow-bold figcaption {
    /* font-family: "gotham-narrow";
    font-weight: 600; */
    font-family: 'PT Sans';
    font-weight: 700;
    letter-spacing: 0.6px;
    font-size: 14px;
  }
  .wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline>.wp-block-button__link {
    border: 2px solid;
    padding: 5px 21px;
}
.btn-primary {
    background: #128A3A 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: white;
    padding: 5px 20px;
    border: 0;
}
.btn-secondary {
    background: #0B8289 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: white;
    padding: 5px 20px;
    border: 0;
}

.btn-primary:hover, .btn-secondary:hover {
    box-shadow: 1px 3px 5px 0px #00000029;
}
strong {
    font-weight: 600;
}

.footer {
    padding: 10px;
    background-color: #0C8A3B;
    background-image: url(/wp-content/uploads/2023/08/Flujo-2-1.png);
    background-size: contain;
    background-position: top right;
    font-size: 14px;
    background-repeat: no-repeat;
}
.top-button {
    padding: 5px 10px;
}
.footer li::before {
    display: none;
}
p {
    font-size: 18px;
}
.footer a, .footer p {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.btn-pink a:hover, .btn-blue a:hover, .btn-orange a:hover {
    background-color: #fff!important;
}
.btn-pink a:hover {
    color: #e00484!important;
}
.btn-blue a:hover {
    color: #098289!important;
}
.btn-orange a:hover {
    color: #ea8c22!important;
}
.footer p {
    padding-bottom: 0;
    margin-bottom: 0;
}
.align-center {
    text-align: center;
}
.with-pr-10 a {
    padding-right: 10px;
}

.col-logo-footer {
    text-align: right;
}

.show-only-mobile {
    display: none;
}

.mt-60 {
    margin-top: 60px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-20 {
    margin-top: 20px;
}
.p-0-80 {
    padding: 0 80px;
}
.btn-primary .wp-block-button__link, .btn-secondary .wp-block-button__link{
    padding: 0;
}
.mt-30 {
    margin-top: 30px;
}
.column-with-background {
    background-image: url(/wp-content/uploads/2023/08/doctora-1.webp);
    background-size: contain;
    background-repeat: no-repeat;
}
.categories-links a, .tag {
    border-radius: 25px!important;
    color: white!important;
    padding: 20px 20px!important;
}
.ebpg-category-filter-list-item::before {display: none;}
.categories-links .health, .tag-health {
    background-color: #098289!important;
}
.categories-links .confectionery, .tag-confectionary {
    background-color: #E00084!important;
}
.categories-links .corporate, .tag-corporate {
    background-color: #128A3A!important;
}

.categories-links  .knowledge, .tag-knowledge  {
    background-color: #F9931C!important;
}
.ebpg-categories-meta {
    margin: 20px;
}
.ebpg-header-meta {
    display: none!important;
}
.tpg-cat-style4 .tpg-el-main-wrapper .categories-links a {
    color: white!important;
}
.pagination-list li::before {
    display: none;
}
.tag-category {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    padding: 0;
    border: 0!important;
    color: white!important;
    background-color: transparent!important;
    height: 176px;
    width: 216px!important;
    padding-top: 94px!important;
    text-align: center;
    font-size: 20px!important;
    font-family: 'gotham-rounded';
    padding-left: 38px!important;
}

.tag-category:hover {
    background-color: transparent!important;
}
.post-grid-blog h2 a{
    font-size: 25px!important;
}
.eb-post-grid-wrapper .ebpg-pagination button:disabled {
    background-color: transparent!important;
    color: #128A3A!important;
    opacity: .5;
    border: 0;
    font-size: 20px!important;
}
.narrow-bold, .narrow-bold li {
    font-weight: 700;
    letter-spacing: 0.6px;
}
.eb-post-grid-wrapper.eb-post-grid-qenm6kz .ebpg-pagination button.ebpg-pagination-item.active {
    color: #128A3A;
    background-color: transparent;
    border: 0;
    text-decoration: underline;
}
.eb-post-grid-wrapper.eb-post-grid-qenm6kz .ebpg-pagination button {
    color: #333333;
    background-color: transparent;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 4px;
    border-width: 1px;
    border-color: #c3c3c3;
    border-style: solid;
    transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    border: 0;
}
.ebpg-pagination-item-next{
    color: #128A3A
}
.eb-post-grid-wrapper.eb-post-grid-qenm6kz .ebpg-pagination button:hover {
    color: #ffffff;
    background-color: #128A3A;
}

.rounded-blocks .column-right .wp-block-image.confectionary { 
    position: absolute;
    top: -33px;
    right: -59px;
}

.rounded-blocks .column-left .wp-block-image.health {
    position: absolute;
    top: -27px;
    left: -51px;
}
.rounded-blocks .column-left .wp-block-image.chewing-gum {
    position: absolute;
    top: -23px;
    left: -52px;
}
.rounded-blocks .column-right .wp-block-image.bubble-gum {
    position: absolute;
    top: -25px;
    right: -54px;
}
.rounded-blocks .column-left .wp-block-image.benefits {
    position: absolute;
    top: -20px;
    left: -51px;
}
.equal {
    position: absolute;
    top: 50%;
    left: -22px;
    margin-top: -17px;
}

.with-equal {
    position: relative;
}
.rounded-blocks .column-right .wp-block-image.product-development {
    position: absolute;
    top: -19px;
    right: -54px;
}
.rounded-blocks .column-left .wp-block-image.laboratory {
    position: absolute;
    top: -18px;
    left: -49px;
}
.rounded-blocks .column-left .wp-block-image.marketing {
    position: absolute;
    top: -11px;
    left: -51px;
}

.rounded-blocks .column-right .wp-block-image.service {
    position: absolute;
    top: -14px;
    right: -54px;
}
.rounded-blocks .column-right .wp-block-image.training {
    position: absolute;
    top: -22px;
    right: -54px;
}
.mb-20 {
    margin-bottom: 20px;
}
ul.ul-without-padding-left li {
    padding-left: 0;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
     background-color: transparent;
    text-decoration: none!important;
}

.dropdown-menu li {
    padding-left: 20px;
    padding-right: 20px;
}
.wp-block-button {
    transition: all 0.5s ease-in-out;
}

.slide {
    margin-left: 40px!important;
}

input::file-selector-button {
    background: #128A3A 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: white;
    padding: 5px 20px;
    border: 0;
    cursor: pointer;
  }

  .rt-tpg-container .rt-el-post-meta i {
    margin-right: 0;
  }
  
  .rt-pagination .pagination-list>.active>a, .rt-pagination .pagination-list>.active>a:focus, .rt-pagination .pagination-list>.active>a:hover, .rt-pagination .pagination-list>.active>span, .rt-pagination .pagination-list>.active>span:focus, .rt-pagination .pagination-list>.active>span:hover {
    background-color: #e00284;
    border-color: #e00284;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.rt-pagination .pagination-list>li>a:focus, .rt-pagination .pagination-list>li>a:hover, .rt-pagination .pagination-list>li>span:focus, .rt-pagination .pagination-list>li>span:hover {
    background-color: #e00284;
    border-color: #e00284;
    color: #fff;
    z-index: 2;
}
.tpg-el-main-wrapper .rt-pagination-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30PX;
}

.rt-tpg-container .grid-layout4 .rt-holder .rt-detail {
    position: relative;
}
.rt-tpg-container .rt-el-post-meta {
    position: absolute;
    top: 20px;
    left: 20px;
}
.single-post .relative .category-badge {
    position: relative;
    left: 0;
    top: 0;
}
.rt-tpg-container .rt-holder .rt-detail .read-more a {
    align-items: center;
    background-color: hsla(0,0%,100%,.7);
    border: 0;
    color: #646464;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 15px;
    justify-content: left;
    line-height: 1.8;
    overflow: hidden;
    padding: 0;
    border-bottom: 2px solid;
}
.tpg-el-main-wrapper .entry-title:hover {
    color: #118a3b;
}

.card {
    border: 0;
}
.relative {
    position: relative;

}
.category-badge {
    position:absolute;
    top: 20px;
    left: 20px;
}
.page-link:hover {
    z-index: 2;
    color: #118a3b; 
}

.page-id-44 .wpml-ls-item, .category .wpml-ls-item, .single-post .wpml-ls-item{
    display: none;
}
.wpcf7 form .wpcf7-response-output {
    border-radius: 20px;
}
@media (max-width: 1300px) {
    .footer {
        padding: 25px;
    }
}

@media (max-width: 1200px) {
    .navbar-nav .nav-link {
        font-size: 14px;
    }
    .logo {
        max-height: 50px;
        max-width: 145px;
    }
    .footer {
        padding: 15px;
    }

    .eb-slider-title {

        font-size: 35px!important;
    }
    .eb-slider-subtitle {
    
        font-size: 18px!important;;
    }
}

@media (max-width: 1100px) {
    .mt-100 {
        margin-top: 200px;
    }
    .footer {
        padding: 5px;
    }
}

@media (max-width: 1000px) {
  footer {
    background-image: none!important;
  }
  footer ul {
    text-align: center;
  }
  .col-logo-footer {
    text-align: center;
}
}

@media (max-width: 991px) {
    .container-blog h2 a{
        font-size: 30px!important;
    }
    .hidden-mobile {
        display: none;
    }
    .show-only-mobile {
        display: block;
    }
    .ta-center-mobile {
        text-align: center!important;
    }

    .equal  {
        display: none;
    }
}

@media (max-width: 900px) {
    .mt-100, .mt-200, .mt-150, .mt-230, .mt-180 {
        margin-top: 100px;
    }
}


@media (max-width: 781px) {
    .equal {
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        margin-top: -35px;
        margin-left: 4px;
    }
    .eb-slider-title {
        font-size:25px!important;
    }
    .eb-slider-subtitle, .eb-slider-title {
         padding-left: 0%; 
         padding-right: 0px; 
        text-align: center;
    }
    .wp-block-buttons {
        padding-top: 20px;
        justify-content: center!important;
    }
    .rounded-blocks {
        padding: 25px;
    }
    .rounded-blocks ul{
        text-align: left;
    }
    .container-blog h2 a{
        font-size: 25px!important;
    }
    .p-10-porcent {
        padding: 0;
    }
    .p-0-80 {
        padding:0;
    }
    .rounded-blocks {
        margin: 0!important;
        text-align: center;
    }
    .wp-element-caption {
        font-size: 12px;
    }
    .mt-0-mobile {
        margin-top: 0!important;
    }
    .ta-center-mobile, .blog-post-title {
        text-align: center!important;
    }
    .footer {
        padding: 40px;
    }
    h1, h2, h3, h4, h5, h6 {
        text-align: center;
        padding-bottom: 25px;
    }
    .entry-title {
        text-align: left;
    }
    .gb-block-container {
        padding:40px 20px!important;
    }
    .rounded-blocks .wp-block-buttons {
       justify-content: center;
    }
    .rounded-blocks .column-right, .rounded-blocks .column-left {
        display: none;
    }
    .mt-100, .mt-200, .mt-150 {
        margin-top: 30px;
    }
    .p-0 {
        padding: 0!important;
    }
    .container-banner h1 {
        padding-bottom: 20px;
    }
}

