:root { 
  --primary: #172a54;
  --secondary: #000;
  --terciary: #fff;
}

:focus {
    outline: 0;
}

:link:focus, :visited:focus {
    outline: none;
}

html {
    scroll-behavior: smooth;
  }

html, body { overflow-x: hidden; }

header .desktop-menu { position: fixed; z-index: 9999; width: 100%; background: transparent; }

.white-header .desktop-menu { background: var(--terciary); box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }

.white-header .desktop-menu .second-column a { color: var(--primary); }

.white-header .desktop-menu .second-column .home { color: #00a6d1; }

.white-header .desktop-menu .second-column .client { background: var(--primary); color: var(--terciary); }

.white-header .header-logo { content: url(../images/logo-header-contact.png?v=1.0); }

.home-header .desktop-menu .second-column .dropdown-menu-father ul a { color: var(--primary); }

.home-header .desktop-menu .second-column .dropdown-menu-father ul a:hover { color: #00a6d1; }

.d-flex { display: flex; }

.flex-column{flex-direction: column}

.flex-wrap{flex-wrap: wrap;}

.container { width: 80%; max-width: 1200px; margin: auto; }

.justify-content-between { justify-content: space-between; }

.justify-content-center { justify-content: center; }

.text-align { text-align: center; }

.align-items { align-items: center; }

.align-items-center { align-items: center; }

.align-items-start { align-items: start; }

.margin-auto { margin: auto; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.text-lowercase { text-transform: lowercase; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.semi-bold { font-weight: 600; }

.bold { font-weight: 700; }

.text-center{text-align: center;}

.column-gap-10{column-gap: 10px}

.column-gap-20{column-gap: 20px}

.column-gap-30{column-gap: 30px}

.column-gap-40{column-gap: 40px}

.row-gap-10{row-gap:10px}

.row-gap-15{row-gap:15px}

.row-gap-20{row-gap:20px}

.row-gap-30{row-gap:30px}

.row-gap-40{row-gap:40px}

/* =============================
   MARGENES (margin)
============================= */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 2rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 2rem !important; }

.mt-30{margin-top: 30px!important}

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 2rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 2rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 2rem !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

/* =============================
   PADDING (padding)
============================= */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 2rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 2rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 2rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 2rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 2rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 2rem !important; padding-right: 2rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; }


table th, table tr, table td { font-family: 'Open sans', sans-serif; }

.open-sans{ font-family: 'Open sans', sans-serif; }

body { margin: 0; }

li { list-style: none; }

a { text-decoration: none; }

a, p { line-height: 1.7; }

.swal2-container.swal2-fade { z-index: 99999; }

.swal2-popup #swal2-content { font-size: 16px !important; font-family: 'Open Sans', sans-serif !important; font-weight: 300 !important }

.swal2-popup .swal2-styled.swal2-confirm { transition: all 0.6s; background: var(--primary) !important; padding: 12px 25px !important; border-radius: 10px !important; font-family: 'Comfortaa', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; width: 130px; }

.swal2-popup .swal2-styled.swal2-confirm:hover { background: #00a6d1 !important; }

.swal2-container *:focus { border: none !important; outline: none !important; box-shadow: none !important; }

.swal2-popup .swal2-title { font-family: 'Comfortaa', sans-serif !important; font-weight: 300 !important; font-size: 30px !important; color: var(--primary) !important; }


/* Home page styles */

.desktop-menu { padding: 30px 0; }

.menu-mobile { display: none; }

.desktop-menu .row { align-items: center; }

.desktop-menu .first-column img { width: 140px; }

.desktop-menu .second-column a { transition: 0.6s; font-family: 'Comfortaa', sans-serif; font-weight: 400; font-size: 16px; color: var(--terciary);}

.desktop-menu .second-column a.active { color: #00a6d1; }

.desktop-menu .second-column a:hover { color: #00a6d1; }

.header .desktop-menu .second-column .active-menu-item { color: #00a6d1; }

.header .desktop-menu .second-column .active-clients-menu-item { background: #00a6d1; }

.desktop-menu .second-column .client { transition: 0.6s; padding: 10px 15px; background: var(--terciary); color: var(--primary); border-radius: 10px; }

.desktop-menu .second-column .client:hover { background: #00a6d1; color: var(--terciary); }

.desktop-menu .second-column li { padding: 0 10px; }

.desktop-menu .second-column .dropdown-menu-father ul { display: none; background: var(--terciary); position: fixed; width: 185px; right: unset; top: 110px; padding-bottom: 0; padding-left: 0; -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); z-index: 99; margin: 0; }

.desktop-menu .second-column .dropdown-menu-father ul li a { display: block; padding: 10px 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;}

.desktop-menu .second-column .dropdown-menu-father:hover ul { display: block; }

.desktop-menu .second-column .navbar .main-item { padding-bottom: 40px; }

.header.scrolled a { color: #000; }

.header .desktop-menu.scrolled { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); }

.main-banner-section .banner-slides { position: relative; height: 100%; }

.main-banner-section .banner-content { position: absolute; top: 30%; width: 80%; max-width: 1200px; }

.main-banner-section .banner-content h1 { text-align: start; margin: 0; font-family: 'Comfortaa', sans-serif; font-weight: 700; color: var(--terciary); font-size: 62px; }

.main-banner-section img { width: 100%; height: calc(100vh - 0px); object-fit: cover; }

.main-banner-section p { margin: 0; text-align: initial; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: var(--terciary); margin-top: 20px; margin-bottom: 20px; }

.main-banner-section h2 { margin: 0; text-align: initial; font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 400; color: var(--terciary); margin-top: 20px; margin-bottom: 20px; }

.main-banner-section h3 { margin: 0; text-align: initial; font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 400; color: var(--terciary); margin-top: 20px; margin-bottom: 20px; }

.main-banner-section .contact { transition: all 0.6s; font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 18px; border: 2px solid var(--terciary); color: var(--primary); display: table; background: var(--terciary); padding: 12px 25px;  margin-top: 15px; margin-right: 15px; border-radius: 10px;}

.main-banner-section .products { transition: all 0.6s; font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 18px; border: 2px solid var(--terciary); color: var(--terciary); display: table; background: transparent; padding: 12px 25px;  margin-top: 15px; margin-right: 15px; border-radius: 10px; }

.main-banner-section .buttons i { position: relative; bottom: 1px; }

.main-banner-section a i { font-size: 13px; }

.main-banner-section .contact:hover { background: transparent; color: var(--terciary); }

.main-banner-section a:hover { background: var(--terciary); color: var(--primary); }

.main-banner-section .banner-content .whatsapp i { color: #fff; font-size: 40px; }

.slick-dots li:only-child { display: none; }

.slick-dots { bottom: 20px !important; }

.slick-dots li button:before { color: transparent !important; width: 50px !important; height: 3px !important; background: var(--terciary); }

.slick-dots li { margin: 0 22px !important; }

.slick-dots li:first-child { margin-left: 0 !important; }

.slick-dots li:last-child { margin-right: 0 !important; }

.slick-dotted.slick-slider { margin-bottom: 0 !important; }

.company { border-top: 15px solid #8F8F8F; }

.company .row .first-column { width: 50%; }

.company .row .second-column { width: 50%; }

.company .column-content { float: right; margin: auto; max-width: 560px; margin-left: 0%; position: relative; top: 50%; transform: translateY(-50%); padding: 0 50px 0 50px;}

.company .row .second-column img { width: 100%; }

.company .row .second-column .slick-prev:before { display: none; }

.company .row .second-column .slick-next:before { display: none; }

.company .slick-next { right: 0!important; }

.company .row .first-column { top: 30px; width: 50%; }

.company .row .first-column h4 { margin: 0; font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 16px; color: var(--secondary); letter-spacing: 2.5px;}

.company .row .first-column h2 { margin: 0; font-family: 'Comfortaa', sans-serif; font-weight: 300; font-size: 45px; color: var(--primary); margin-top: 10px;}

.company .row .first-column .bold { font-weight: 600; }

.company .row .first-column h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; color: var(--secondary); margin: 0; margin-top: 15px;}

.company .row .first-column p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: var(--secondary); margin: 0; margin-top: 15px;}

.company .more { transition: 0.6s; font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 16px; border: 2px solid var(--primary); color: var(--terciary); display: table; background: var(--primary); padding: 12px 35px;  margin-top: 25px; margin-right: 15px; border-radius: 10px;}

.company .buttons i { position: relative; top: 0px; font-size: 12px; }

.company .more:hover { background: transparent; color: var(--primary); }

.company .contact { transition: all 0.6s; font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 16px; border: 2px solid var(--primary); color: var(--primary); display: table; background: transparent; padding: 12px 25px;  margin-top: 25px; margin-right: 15px; border-radius: 10px; }

.company .contact:hover { background: var(--primary); color: var(--terciary); }

.padded { padding: 30px 0; background: var(--primary); }

.padded .contenedor-contador { position: relative; top: 10px; }

.padded .grid-contador { width: 25%; margin: 5px; padding: 20px; display: inline-block; position: relative; }

.padded .grid-contador h2 { text-align: center; margin: 0; color: var(--terciary); font-size: 54px; font-weight: 600; font-family: 'Comfortaa', sans-serif; }

.padded .grid-contador p { margin: 0; text-align:  center; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: var(--terciary);}

.products-style-section-home { padding: 70px 0; }

.products-style-section-home h2 { margin: 0; font-family: 'Comfortaa', sans-serif; color: var(--primary); font-size: 50px; }

.products-style-section-home p { font-family: 'Open Sans', sans-serif; font-size: 22px; max-width: 780px; font-weight: 300; margin: auto; margin-top: 10px; }

.products-style-section-home .second-row { margin-top: 50px; flex-wrap: wrap; column-gap: 3%; }

.products-style-section-home .second-row a:nth-child(1),
.products-style-section-home .second-row a:nth-child(2),
.products-style-section-home .second-row a:nth-child(3) { margin-top: 0; }

.products-style-section-home .second-row a { width: 31.3%;  margin-top: 3%; }

.products-style-section-home .second-row .product { background-color: var(--primary); border-radius: 20px; overflow: hidden; text-align: center; color: var(--terciary); } 

.products-style-section-home .second-row .product img { width: 100%; height: 130px; object-fit: cover; }

.products-style-section-home .second-row .product .product-info { width: fit-content; padding: 20px; bottom: 8px; position: relative; margin: auto; }

.products-style-section-home .second-row .product .product-info h3 { line-height: 1.2; margin: 5px 0; font-family: 'Open Sans', sans-serif; color: var(--terciary); font-weight: 600; font-size: 36px; margin: 0; position: relative; }

.products-style-section-home .second-row .product .product-info p { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; color: var(--terciary); opacity: 0.8; margin: 0; margin-right: 5px; }

.products-style-section-home .second-row .product .product-info .products-style-content { justify-content: flex-end; position: relative; align-items: center; }

.products-style-section-home .second-row .product .product-info .cutting-styles { left: 4px; }

.products-style-section-home .second-row .product .product-info .weight-styles { left: 58px; }

.products-style-section-home .second-row .product .product-info-styles { position: relative; right: 40px; }

.products-style-section-home .second-row .product .product-info .products-style-content img { width: auto; height: auto; border: none; }

.products-style-section-home .second-row .product { transition: all 0.6s; }

.products-style-section-home .second-row .product:hover { -webkit-box-shadow: 0 3px 30px rgb(0 0 0 / 70%); }

.applications { background-position: center; background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/aplications.png');; padding: 60px 0; background-repeat: no-repeat; background-size: cover; }

.applications h2 { margin: 0; color: var(--terciary); font-family: 'Comfortaa', sans-serif; font-weight: 500; font-size: 50px; }

.applications p { max-width: 700px; margin: auto; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 20px; color: var(--terciary); margin-top: 10px;}

.applications .caracters { width: 100%; }

.applications .buttons { justify-content: center; }

.applications .more { transition: all 0.6s; font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 16px; border: 2px solid var(--terciary); color: var(--primary); display: table; background: var(--terciary); padding: 12px 35px;  margin-top: 25px; border-radius: 10px; }

.applications .more:hover { background: var(--primary); color: var(--terciary); border: 2px solid var(--primary); }

.footer { background: var(--secondary); padding: 70px 0 30px 0; }

.footer-content .row .column { width: 25%; }

.footer-content .row .first-column img { width: 120px; margin-top: 15px;}

.footer-content .row .column h3 { color: var(--terciary); font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 16px; }

.footer-content .row li { display: inline-grid; }

.footer-content .row a { color: var(--terciary); font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; }

.footer-content .row a:hover { color: #00a6d1; transition: 0.6s; }

.footer-content .row p { color: var(--terciary); font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; margin: 0; line-height: 1.7;}

.footer-content .column .divider-horizontal-line { width: 90%; height: 1px; background: var(--terciary); display: block; margin-top: 10px; margin-bottom: 10px; background: rgba(255, 255, 255, 0.3); }

.footer-content .second-row .divider-horizontal-line { width: 100%; height: 1px; background: var(--terciary); display: block; margin-top: 40px; margin-bottom: 40px; background: rgba(255, 255, 255, 0.3); }

.footer-content .second-row p { text-align: center; }

.whatsapp { transition: 0.6s; position: fixed; right: 0; top: 40%; padding: 15px; background: #00a6d1; border-bottom-left-radius: 10px; border-top-left-radius: 10px; z-index: 9999; }

.whatsapp i { font-size: 35px; color: var(--terciary); }

.whatsapp:hover { background: var(--primary); cursor: pointer; }

@media (max-width: 1500px) {
    .company .column-content { margin-left: 15%; }
}

@media (max-width: 1380px) {
    .desktop-menu .first-column img { width: 100px; }

    .desktop-menu .second-column a { font-size: 15px; }

    .main-banner-section .banner-content h1 { font-size: 50px; }

    .main-banner-section p { font-size: 15px; }
	
	.main-banner-section h2 { font-size: 24px; }
	
	.main-banner-section h3 { font-size: 24px; }

    .main-banner-section .contact, .main-banner-section .products { font-size: 16px; }

    .company .row .first-column h4 { font-size: 15px; }

    .company .row .first-column h2 { font-size: 35px; }

    .company .row .first-column h3 { font-size: 18px; }

    .company .row .first-column p { font-size: 15px; }

    .company .more { font-size: 15px; }

    .company .contact { font-size: 15px; }

    .padded .grid-contador h2 { font-size: 42px; }

    .padded .grid-contador p { font-size: 15px; }

    .products-style-section-home h2 { font-size: 40px; }

    .products-style-section-home p { font-size: 20px; max-width: 645px; }

    .products-style-section-home .second-row .product .product-info h3 { font-size: 28px; }

    .products-style-section-home .second-row .product .product-info p { font-size: 15px; }

    .products-style-section-home .second-row .product .product-info .products-style-content img { transform: scale(0.8); }

    .applications h2 { font-size: 40px; }

    .applications p { font-size: 18px; max-width: 640px; }

    .applications .more { font-size: 15px; }

    .footer-content .row .first-column img { width: 100px; }

    .footer-content .row .column h3 { font-size: 15px; }

    .footer-content .row a { font-size: 15px; }

    .footer-content .row p { font-size: 15px; }
}

@media (max-width: 1150px) {
    .company .row { flex-wrap: wrap; }
  
    .company .first-column { width: 100% !important; text-align: center; }
  
    .company .buttons { justify-content: center; }
  
    .company .column-content { padding-top: 80px; padding-bottom: 100px; float: none; max-width: 1200px; width: 80%; margin: auto; }

    .company .second-column { width: 100% !important; }

    .footer-content .row { flex-wrap: wrap; }

    .footer-content .row .first-column { width: 100%; display: flex; justify-content: center; margin-bottom: 40px; }

    .footer-content .column .divider-horizontal-line { width: 100%; }
}


@media(max-width: 992px) {
    .desktop-menu { display: none; }

    .menu-mobile { display: block; }

    .menu-mobile .navbar { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }

    .menu-mobile .second-row .navbar { display: none; }

    .menu-mobile .second-row .dropdown-menu-father { position: relative; }

    .menu-mobile .second-row .dropdown-menu-father:hover ul { display: block; }

    .menu-mobile .second-row .dropdown-menu-father i { color: var(--terciary); font-size: 16px; position: absolute; right: 0; width: 67px; height: 67px; line-height: 67px; cursor: pointer; text-align: center; }

    .menu-mobile { padding: 20px 0; background: var(--primary); width: 100%; }
  
    .menu-mobile .row { align-items: center; }

    .menu-mobile .first-column img { width: 120px; }

    .menu-mobile .second-column i { font-size: 30px; color: var(--terciary); cursor: pointer; } 

    .menu-mobile .second-row a { font-family: 'Comfortaa', sans-serif; font-weight: 400; font-size: 16px; color: var(--terciary); }

    .menu-mobile .second-row { position: relative; }
  
    .menu-mobile .second-row .navbar { z-index: 99999; position: absolute; width: 100%; background: var(--primary); margin-top: 20px;}
  
    .menu-mobile .second-row .navbar li a { transition: all 0.6s; box-sizing: border-box; display: block; width: 100%; padding: 20px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  
    .menu-mobile .second-row .navbar li:last-child a { border-bottom: none; }
  
    .menu-mobile .second-row .navbar li a:hover { background: #00a6d1; cursor: pointer; border-color: #00a6d1; }
  
    .menu-mobile .second-row .navbar .internal-father-menu-item { border-bottom: 1px solid rgba(255, 255, 255, 0.3);  }

    .menu-mobile .second-row .navbar .internal-father-menu-item a { border-bottom: 0; }

    .menu-mobile .second-row .navbar .dropdown-menu-father .dropdown-items-container { display: none; padding-left: 0; margin-top: 0; }
  
    .menu-mobile .second-row .navbar .dropdown-menu-father .dropdown-items-container a { padding: 20px 50px; }

    .main-banner-section img { height: 660px; }
  
    .main-banner-section .banner-content { top: 17%; }
  
    .main-banner-section .banner-content h1 { font-size: 50px; }
  
    .main-banner-section .banner-content h3 { font-size: 25px; }

    .products-style-section-home .second-row a { width: 48%; }

    .products-style-section-home .second-row a:nth-child(3) { margin-top: 3%; }
  
    .products-slider h2 { font-size: 35px; }
  
    .products-slider p { max-width: 700px; }
  
    .padded { padding: 70px 0; }
  
    .padded .contenedor-contador { flex-wrap: wrap; }
  
    .padded .grid-contador { width: 40%; }
  
    .footer-content .row .column { width: 100%; text-align: center; margin-bottom: 20px;}
  
    .footer-content .column .divider-horizontal-line { width: 100%; }
}

@media (max-width: 768px) {
    .products-style-section-home .second-row a { width: 100%; margin-top: 20px; }

    .products-style-section-home .second-row a:nth-child(2) { margin-top: 20px; }

    .products-style-section-home .second-row a:nth-child(3) { margin-top: 20px; }
}

@media (max-width: 720px) {
    .main-banner-section .banner-content h1 { font-size: 40px; }

    .main-banner-section .banner-content h3 { font-size: 20px; }

    .products-slider p { max-width: 600px; }
}

@media (max-width: 700px) {
    .main-banner-section .buttons { display: block; }

    .main-banner-section .contact { padding: 12px 31px; }
}

@media(max-width: 640px) {
    .padded .grid-contador { width: 100%; }
}

@media(max-width: 560px) {
    .company .buttons { display: block; position: relative; top: 30px; }

    .company .buttons a { margin: auto; }

    .company .buttons .more { bottom: 15px; position: relative; padding: 12px 45px; }

    .products-slider p { max-width: 400px; }
}

@media(max-width: 380px) {
    .main-banner-section .banner-content h1 { font-size: 37px; }
}

/* end home page styles */



/* Contact page styles */

.contact { padding-top: 140px; background: #f2f2f2; }

.contact .column { width: 50%; }

.contact .first-column h1 { font-family: 'Comfortaa', sans-serif; font-weight: 300; font-size: 50px; color: var(--primary); margin: 0; }

.contact .first-column h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; color: var(--secondary); margin-top: 10px; }

.contact .first-column .form-container { position: relative; top: 50%; transform: translateY(-50%); margin-left: 29%; float: right; max-width: 600px; }

.contact .first-column .form-container .form-group { padding: 10px 0; padding-bottom: 0; }
 
.contact .first-column .form-container .form-group textarea { border: none; border-bottom: 1px solid var(--primary); padding-bottom: 30px; background: #f2f2f2; resize: none; }

.contact .first-column .form-container .form-group textarea { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: var(--primary); }

.contact .first-column .form-container .form-group input, .contact .first-column .form-container .form-group select { border: none; border-bottom: 1px solid var(--primary); padding-bottom: 10px; background: #f2f2f2; }

.contact .first-column .form-container .form-group input, .contact .first-column .form-container .form-group select { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: var(--primary); }

.contact .first-column .form-container .form-group input,
.contact .first-column .form-container .form-group textarea { box-sizing: border-box; padding-left: 3px; padding-right: 3px; }

.contact .first-column .form-container .form-group select { padding-left: 0; padding-right: 0; }

.contact .first-column .form-container .form-group .half-width { width: 40%; }

.contact .first-column .form-container .form-group .full-width { width: 83%; }

.contact .first-column .form-container .form-group input::placeholder, textarea::placeholder { color: var(--primary); }

.contact .first-column button { font-family: 'Comfortaa', sans-serif; font-weight: 600; color: var(--primary); font-size: 16px; }

.contact .first-column button { transition: 0.6s; cursor: pointer; width: 84%; padding: 12px 0; background: transparent; border: 1px solid var(--primary); border-radius: 10px; margin-top: 20px; }

.contact .first-column button:hover { background: var(--primary); color: var(--terciary); border: 1px solid var(--primary);}

.contact .first-column .form-container .form-group .tel { margin-left: 10px; }

.contact .second-column img { display: block; width: 100%; height: 650px; object-fit: cover; } 

.contacts-info { padding: 70px 0; background: var(--primary); }

.contacts-info .column { width: 33.3%; }

.contacts-info img { display: block; margin: auto; width: 55px; }

.contacts-info a { margin: auto; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; color: var(--terciary); }

.contacts-info a:hover { color: #00a6d1; transition: 0.6s; }

.contacts-info .styles { margin-top: 10px; }

.maps iframe { width: 100%; height: 600px;}

.distributors { padding: 70px 0; }

.contact-us-main-page .distributors { padding-bottom: 0; }

.distributors-sections { padding: 70px 0; }

.distributors-sections .first-row { width: 100%; }

.distributors-sections h2 { font-family: 'Comfortaa', sans-serif; font-weight: 300; font-size: 39px; color: var(--primary); margin: 0; margin-bottom: 10px; }

.distributors-sections h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; color: var(--secondary); margin: 0; }

.distributors-sections h4 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; color: var(--secondary); margin: 0; }

.distributors-sections .column-content-info h4, .distributors-sections .column-content-info a, .distributors-sections .column-content-info p { font-size: 16px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: var(--secondary); margin: 0; }

.distributors-sections .column-content-info a:hover, .distributors-sections .column-content-info p:hover { color: #00a6d1; }

.distributors .distributors-slider .slick-dots li button:before { opacity: 1; border: 1px solid var(--primary); border-radius: 50%; width: 10px !important; height: 10px !important; }

.distributors .distributors-slider .slick-dots li.slick-active button:before { background: var(--primary); }

.distributors .distributors-slider .slick-next:before { display: none; }

.distributors .distributors-slider .slick-prev:before { display: none; }

.distributor-country { margin-top: 0 !important; margin-bottom: 10px !important; text-transform: uppercase; text-align: center; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #000; }

.distributors img { margin-bottom: 10px; }

.distributors .slick-dots { bottom: -65px!important; }

.distributors .slick-dots li { margin: 0 3px !important; }

.distributors .slick-dots li button:before { font-size: 10px; }

.distributors-slider .our-client img { margin: auto; }

.distributors-slider .our-client h4, .distributors-slider .our-client a, .distributors-slider .our-client p { font-size: 16px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: var(--secondary); margin: 0; }

.distributors-slider .our-client a { display: block; }

.distributors-slider .our-client a:hover { color: #00a6d1; transition: 0.6s; }

.distributors-slider .column-content-info { margin-top: 20px; }

@media (max-width: 1380px) {
    .contact { padding-top: 130px; }

    .contact .first-column h1 { font-size: 40px; }

    .contact .first-column h3 { font-size: 20px; }

    .contact .first-column .form-container .form-group input, .contact .first-column .form-container .form-group select { font-size: 15px; }

    .contact .first-column button { font-size: 15px; }

    .contacts-info img { width: 45px; }

    .contacts-info a { font-size: 16px; }
}

@media (max-width: 992px) {
    .contact { padding-top: 0; }

    .contact .row { flex-wrap: wrap; }

    .contact .first-column .form-container { max-width: 100%; left: 0; text-align: center; padding: 60px 0; float: initial; margin: auto; }

    .contact .second-column img { height: 500px; }

    .contact .column { width: 100%; }

    .contact-info { flex-wrap: wrap; }

    .contacts-info .first-column { width: 50%; }

    .contacts-info .second-column { width: 50%; }

    .contacts-info .third-column { width: 100%; margin: auto; }

    .contacts-info .column:last-child { margin: auto; margin-top: 50px; }
}  

@media (max-width: 750px) {
    .distributors-sections { padding-bottom: 135px; } 
}

@media (max-width: 560px) {
    .contact .first-column .form-container h1 { font-size: 40px; }

    .contacts-info .column { width: 100%; margin-bottom: 70px; }

    .contacts-info .column:last-child { margin: 0; margin-top: 0; }
}

/* end contact page styles */



/* product page styles */

.products-section { padding-top: 140px; }

.products-section .first-column { width: 50%; background: #f2f2f2; }

.products-section .first-column .column-content-products { float: right; margin: auto; max-width: 560px; margin-left: 0%; position: relative; top: 50%; transform: translateY(-50%); padding: 0 50px 0 50px; }

.module-01-section .module-01-title h1,
.module-01-section .module-01-title h2,
.module-01-section .module-01-title h3,
.module-01-section .module-01-title h4,
.module-01-section .module-01-title h5,
.module-01-section .module-01-title h6,
.module-01-section .module-01-title p { line-height: 1.2; font-size: 40px; font-weight: 500; color: var(--primary); font-family: 'Comfortaa', sans-serif; margin: 0; margin-bottom: 5px; }

.module-01-section .module-01-subtitle h1,
.module-01-section .module-01-subtitle h2,
.module-01-section .module-01-subtitle h3,
.module-01-section .module-01-subtitle h4,
.module-01-section .module-01-subtitle h5,
.module-01-section .module-01-subtitle h6,
.module-01-section .module-01-subtitle p { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; margin: 0; margin-bottom: 20px; line-height: 1.4; }

.products-section .first-column .column-content-products .module-01-description h1,
.products-section .first-column .column-content-products .module-01-description h2,
.products-section .first-column .column-content-products .module-01-description h3,
.products-section .first-column .column-content-products .module-01-description h4,
.products-section .first-column .column-content-products .module-01-description h5,
.products-section .first-column .column-content-products .module-01-description h6,
.products-section .first-column .column-content-products .module-01-description p { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; margin: 0; margin-bottom: 20px; }

.products-section .first-column .column-content-products .module-01-buttons-container { flex-wrap: wrap; column-gap: 10px; }

.products-section .first-column .buttons a { transition: 0.6s; padding: 12px 25px; background: transparent; color: var(--primary); border-radius: 10px; border: 1px solid var(--primary); margin-top: 15px; font-family: 'Open sans', sans-serif; }

.products-section .first-column .buttons a:hover { background: var(--primary); color: var(--terciary); }

.products-section .second-column { width: 50%; }

.products-section .second-column .products .module-01-product-image { width: 100%; display: block; object-fit: cover; height: 635px; }

.products-section .second-column .products .text-content-products { padding: 40px 0; position: relative; justify-content: left; }

.products-section .second-column .products { position: relative; }

.products-section .second-column .products .circle { width: 10px; height: 10px; border-radius: 50%; background: #39a5d2; margin-left: 5px; }

.products-section .second-column .products h4 { font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 17px; color: var(--terciary); z-index: 9999; margin-right: 10px; margin-top: 0; margin-bottom: 0; }

.products-section .second-column .products .text-content-products { position: absolute; z-index: 999 ; transform: translateY(-50%); background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); top: 50%; margin: 0; width: 70%; right: 0; }

.products-section .second-column .products .text-content-products h2 { width: fit-content; color: var(--terciary); font-family: 'Comfortaa', sans-serif; font-size: 44px; font-weight: 600; margin-left: 20px; margin-bottom: 0; }

.products-section .second-column .product-icon-content { margin-left: 20px; }

.packaging { padding: 70px 0; }

.packaging .first-row .reciclable { margin-left: 15px; }

.packaging .first-row h2 { font-size: 45px; font-family: 'Comfortaa', sans-serif; font-weight: 600; color: var(--primary); margin-top: 0; } 

.packaging .first-row .reciclable img { width: 60px; display: flex; margin: auto; }

.packaging .second-row { flex-wrap: wrap; margin-top: 50px; }

.packaging .second-row .column { width: 33.3%; margin-top: 50px; }

.packaging .second-row .column:nth-child(1),
.packaging .second-row .column:nth-child(2),
.packaging .second-row .column:nth-child(3) { margin-top: 0; }

.packaging .second-row .column img { display: flex; margin: auto; }

.packaging .second-row .column h4 { text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; max-width: 200px; margin: auto; margin-top: 25px; }

.table-container { width: 80%; overflow-x: auto; }

.styled-table { table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 4px; font-size: 16px; text-align: left; border-top: 5px solid #b2b2b2; }

.styled-table .style { background: #e5e5e5; }

.styled-table td { background: #e3edff; }

.styled-table thead tr { background-color: #e5e5e5; color: #000; text-align: center; }

.styled-table th, .styled-table td { padding: 5px 5px; text-align: center; }

.styled-table tbody tr { border-bottom: 1px solid #dddddd; }

.styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }

.styled-table tbody tr:last-of-type { border-bottom: 2px solid #009879; }

.styled-table tbody tr.active-row { font-weight: bold; color: #009879; }

.grain { padding: 70px 0; background: #f2f2f2; }

.grains h2 { margin-top: 0; margin-bottom: 0; font-weight: 700; color: var(--primary); font-family: 'Comfortaa', sans-serif; font-size: 40px; text-align: center; }

.grains h4 { font-size: 22px; text-align: center; font-weight: 300; font-family: 'Open Sans', sans-serif; margin: 0; margin-top: 10px; }

.headed { background: var(--primary); position: relative; padding: 10px 50px; box-sizing: border-box; }

.headed .column { width: 33.3%; }

.headed .column h3 { font-size: 30px; color: var(--terciary); font-family: 'Comfortaa', sans-serif; }

.headed .third-column img { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 100px; }

.specs .specs-content h2 { text-align: center; font-family: 'Comfortaa', sans-serif; font-weight: 700; color: var(--primary); font-size: 40px; margin: 0; }

.specs .specs-content h4 { text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; margin: 0; margin-top: 10px; }

.specs .specs-content h5 { font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 16px; text-align: inherit; margin: 0; margin-top: 17px; }

.specs .specs-content .tittle p { font-size: 16px; font-weight: 300; }

.specs .specs-content .second-column .row-tittle .first-column { width: 25%; left: 0; }

.specs { padding: 70px 0; }

.specs .row .first-column { width: 55%; }

.specs .row .second-column { width: 42%; }

.specs .chemistry { border: 1px solid var(--primary); background: var(--primary); padding: 10px 0; }

.specs .chemistry h3 { line-height: 1.5; color: var(--terciary); text-align: center; margin: 0; font-weight: 400; font-size: 25px; font-family: 'Open Sans', sans-serif; }

.specs .row .table .first-column { width: 33.3%; }

.specs .row .table .second-column { width: 40%; }

.specs .row .table .third-column { width: 33.3%; }

.specs .row .table .second-column .empty-content { display: inline-block; width: 50px; }

.specs .row { margin-top: 50px; }

.specs .row .table { padding: 15px 40px; border: 1px solid var(--secondary); box-sizing: border-box; }

.specs .row .bold { font-size: 22px; font-family: 'Open Sans', sans-serif; }

.specs .row .texts-group { margin-left: 12px; }

.specs .row .minors { font-size: 16px; }

.specs .row p { font-size: 22px; font-weight: 500; font-family: 'Open Sans', sans-serif; }

.module-03-section .table-container { margin-top: 40px; }

.module-04-section .row { column-gap: 3%; }

.module-04-section .column { width: 48.5%; }

.module-04-section table,
.module-04-section table tr,
.module-04-section table td { border: 0; }

.module-04-section table { padding: 10px 10px; width: 100% !important; border: 1px solid var(--secondary); }

.module-04-section table tr,
.module-04-section table td { font-size: 22px; font-weight: 500; }

.module-04-section table strong { font-size: 22px; }

.module-04-section table h1,
.module-04-section table h2,
.module-04-section table h3,
.module-04-section table h4,
.module-04-section table h5,
.module-04-section table h6 { margin-top: 0 !important; margin-bottom: 0 !important; }

.module-04-section .row-tittle { flex-wrap: wrap; }

.module-04-section .row-tittle .column { width: 100%; }

.module-04-section .module-04-text h1,
.module-04-section .module-04-text h2,
.module-04-section .module-04-text h3,
.module-04-section .module-04-text h4,
.module-04-section .module-04-text h5,
.module-04-section .module-04-text h6,
.module-04-section .module-04-text p { text-align: center; color: #fff; }

.specs .row .first-column .bold-content { margin-top: 17px; margin-bottom: 17px; }

.specs .row .first-column .bold-content-two { margin-top: 14px; margin-bottom: 14px; }

.specs .row .third-column { right: 10px; justify-content: end; display: grid; position: relative; }

.specs .row-hardness { border: 1px solid #000; }

.specs .row .hardness { padding: 10px 0; background: var(--primary); }

.specs .row .hardness h3 { line-height: 1.5; color: var(--terciary); text-align: center; margin: 0; font-weight: 700; font-size: 25px; font-family: 'Open Sans', sans-serif;}

.specs .row .row-hardness .first-row .first-column h4 { text-indent: 16px; }

.specs .row .row-hardness h4 { margin: 0; font-size: 22px; font-family: 'Open Sans', sans-serif; }

.specs .row .row-hardness p { font-size: 16px; width: 90%; margin: auto; line-height: 1.3; }

.specs .row .row-hardness .divider-horizontal-line { width: 100%; display: table; border: 1px solid #000; position: relative; }

.specs .row .row-hardness .divider-horizontal-line-second { width: 100%; display: table; border: 1px solid #000; position: relative; }

.specs .row .row-hardness .third-row { padding: 2px; margin: auto; background: #e5e5e5;}

.specs .row .row-hardness .third-row .asterisk { font-size: 22px; }

.specs .row .row-hardness .first-row,
.specs .row .row-hardness .second-row { padding: 4px 0; }

.specs .row .row-hardness .second-row { justify-content: end; }

.specs .row .row-hardness .first-row .first-column { left: 0; }

.specs .row .row-hardness .second-row .first-column { position: relative; left: -24px; }

.specifications-table p { line-height: 1.3; }

.specifications-table .second-column p { margin: 13.5px 0; }

.specifications-table .second-column p:first-child { margin-top: 0; }

.row-hardness .second-column h4.regular { font-weight: 400; }

.resource { padding: 80px 0; background: #f2f2f2; }

.resource .module-05-title h1,
.resource .module-05-title h2,
.resource .module-05-title h3,
.resource .module-05-title h4,
.resource .module-05-title h5,
.resource .module-05-title h6,
.resource .module-05-title p { text-align: center; font-family: 'Comfortaa', sans-serif; font-weight: 300; color: var(--primary); font-size: 40px; margin: 0; margin-bottom: 35px; }

.resource .row { flex-wrap: wrap; }

.resource .resource-row .first-row .column { transition: all 0.6s; box-sizing: border-box; width: 49%; margin-top: 2%; align-items: center; background: var(--terciary); padding: 10px 20px; }

.resource .resource-row .first-row .column:hover { -webkit-box-shadow: 0 3px 30px rgb(0 0 0 / 10%); }

.resource .resource-row .first-row .column:nth-child(1),
.resource .resource-row .first-row .column:nth-child(2) { margin-top: 0; }

.resource .resource-row .first-row .column .column-content-informacion img { width: 30px; }

.resource .resource-row .first-row .column .column-content-informacion h4 { margin: 0;  margin-left: 18px; margin-top: 4px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 22px; color: var(--primary); }

.resource .resource-row .first-row .column .download img { width: 30px; }

@media(max-width: 1500px) {
    .products-section .first-column .column-content-products { margin-left: 15%; }
}

@media(max-width: 1380px) {
    .products-section { padding-top: 130px; }

    .module-01-section .module-01-title h1, .module-01-section .module-01-title h2, .module-01-section .module-01-title h3, .module-01-section .module-01-title h4, .module-01-section .module-01-title h5, .module-01-section .module-01-title h6, .module-01-section .module-01-title p { font-size: 32px; }

    .module-01-section .module-01-subtitle h1, .module-01-section .module-01-subtitle h2, .module-01-section .module-01-subtitle h3, .module-01-section .module-01-subtitle h4, .module-01-section .module-01-subtitle h5, .module-01-section .module-01-subtitle h6, .module-01-section .module-01-subtitle p { font-size: 20px; }

    .products-section .first-column .column-content-products .module-01-description h1, .products-section .first-column .column-content-products .module-01-description h2, .products-section .first-column .column-content-products .module-01-description h3, .products-section .first-column .column-content-products .module-01-description h4, .products-section .first-column .column-content-products .module-01-description h5, .products-section .first-column .column-content-products .module-01-description h6, .products-section .first-column .column-content-products .module-01-description p { font-size: 15px; }

    .packaging .first-row h2 { font-size: 37px; }

    .packaging .first-row .reciclable img { width: 50px; }

    .products-section .second-column .products .text-content-products h2 { font-size: 36px; }

    .products-section .second-column .products h4 { font-size: 16px; }

    .packaging .second-row .column h4 { font-size: 20px; max-width: 180px; }

    .grains h2 { font-size: 32px; }

    .headed .column h3 { font-size: 24px; }

    .styled-table { font-size: 15px; }

    .specs .specs-content h2 { font-size: 32px; }

    .specs .row p { font-size: 20px; }

    .module-04-section table tr, .module-04-section table td { font-size: 20px; }

    .specs .specs-content h5 { font-size: 15px; }

    .specs .specs-content .tittle p { font-size: 15px; }

    .specs .specs-content .row { flex-wrap: wrap; row-gap: 60px; }

    .specs .specs-content .row .first-column,
    .specs .specs-content .row .second-column,
    .specs .specs-content .row .third-column { width: 100%; }

    .specs .row .row-hardness .second-row .first-column { left: -10px; }

    .packaging .second-row .column img { transform: scale(0.80); }

    .module-04-section .row { flex-wrap: wrap; }

    .module-04-section .column { width: 100%; }
}

@media(max-width: 992px) {
    .products-section { padding-top: 0; }

    .products-section { flex-wrap: wrap; }

    .products-section .first-column { width: 100%; }

    .products-section .second-column { width: 100%; }

    .products-section .first-column .column-content-products { width: 80%; max-width: 1200px; float: none; margin: auto; padding: 70px 0; text-align: center; }
    
    .products-section .first-column .column-content-products .buttons { justify-content: center; }
    
    .packaging { padding: 70px 0; }
    
    .packaging .first-row { justify-content: center; flex-wrap: wrap; flex-direction: column-reverse; }

    .packaging .first-row h2 { width: 100%; text-align: center; margin-top: 25px; }

    .packaging .first-row .reciclable { width: 100%; margin-left: 0; }
    
    .packaging .second-row { flex-wrap: wrap; }
    
    .packaging .second-row .first-column { width: 100%; margin-top: 30px; }
    
    .packaging .second-row .second-column { width: 100%; margin-top: 30px; }
    
    .packaging .second-row .third-column { width: 100%; margin-top: 30px; }
    
    .headed { width: 992px !important; }
    
    .headed .column { width: 33.3%; }
    
    .headed .first-column h3 { top: 50%; font-size: 16px; }
    
    .headed .second-column h3 { font-size: 16px; }
    
    .table-container { max-width: 768px; overflow-x: auto; width: 80%; }
    
    .styled-table { width: 992px !important; }

    .resource .resource-row .first-row .column { width: 100%; }

    .resource .resource-row .first-row .column { margin-top: 20px; }

    .resource .resource-row .first-row .column:nth-child(2) { margin-top: 20px; }

    .responsive-table { max-width: 768px; overflow-x: auto; width: 100%; }

    .responsive-table .table-resizer-content, .module-04-section table { width: 768px !important; }

    .packaging .second-row { justify-content: center; }

    .packaging .second-row .column { width: 50%; }

    .packaging .second-row .column:nth-child(3) { margin-top: 50px; }
}

@media(max-width: 800px) {
    .packaging .second-row .second-column { width: 100%; }
    
    .packaging .second-row .third-column { width: 100%; }
}

@media (max-width: 768px) {
    .responsive-table .table-resizer-content { max-width: 680px; }

    .module-04-section table { width: 680px !important; }

    .packaging .second-row .column { width: 100%; }

    .packaging .second-row .column:nth-child(2) { margin-top: 50px; }
}

/* end products page styles */



/* who we are page styles */

.we-section { background-image: linear-gradient(rgba(54, 66, 99, 3), rgba(0%, 15%, 47%, 70%)), url(../images/we-section.png); padding: 130px 0; background-repeat: no-repeat; background-size: cover; }

.we-section .container { padding-top: 100px; }

.we-section .we-section-contents { max-width: 1000px; }

.we-section h5 { letter-spacing: 2px; margin: 0; color: var(--terciary); font-family: 'Comfortaa', sans-serif; font-weight: 600; font-size: 16px; }
 
.we-section h2 { margin: 0; color: var(--terciary); font-size: 50px; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.we-section .bold { font-weight: 700; }

.we-section h3 { margin: 0; color: var(--terciary); font-size: 22px; font-family: 'Comfortaa', sans-serif; margin-top: 5px; letter-spacing: 2px; line-height: 1.5; }

.we-section p { font-family: 'Open sans', sans-serif; margin-top: 10px; color: var(--terciary); font-size: 18px; letter-spacing: 2px; }

.we-section .buttons { margin-top: 30px; }

.we-section .buttons a { transition: 0.6s; font-family: 'comfortaa', sans-serif; font-weight: 400; border-radius: 10px; padding: 12px 25px; border: 1px solid #fff; color: var(--terciary); font-size: 16px; display: table; margin-top: 20px; }

.we-section .buttons a:hover { background: var(--terciary); color: var(--primary); }

.timeline-section { padding: 70px 0; background: var(--terciary); }

.timeline-section .timeline-container { margin: auto; max-width: 1200px; position: relative; width: 100%; overflow: hidden; padding: 20px 0; }

.timeline-section h2 { margin: 0; text-align: center; font-size: 39px; font-family: 'Comfortaa', sans-serif; color: var(--primary); }

.timeline-content { position: relative; margin-top: 45px; }

.timeline-content .timeline-customized-line { position: absolute; top: 60px; height: 3px; display: block; width: 100%; background: var(--primary); }

.timeline-content .timeline-slide h3 { background: #fff; margin: auto; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; border: 2px solid var(--primary); font-family: 'Comfortaa', sans-serif; font-size: 29px; font-weight: 600; color: var(--primary); text-align: center; }

.timeline-content .timeline-slide.slick-current h3 { background: var(--primary); width: 120px; height: 120px; line-height: 120px; color: #fff; }

.timeline-content .slick-list { padding: 0 !important; max-width: 70%; margin: auto; }

.timeline-content .slick-track { display: flex; justify-content: center; }

.timeline-content .slick-track .slick-slide { display: flex; height: auto; align-items: center; justify-content: center; }

.timeline-content .slick-prev,
.timeline-content .slick-next { z-index: 99; top: 25%; }

.timeline-content .slick-prev { left: 0; }

.timeline-content .slick-next { right: 40px; }

.timeline-content .customized-timeline-slick-prev:before { opacity: 1; line-height: 80px; font-size: 32px; background: var(--primary); color: #fff; width: 60px; display: inline-block; height: 80px; border-radius: 30px; content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.timeline-content .customized-timeline-slick-next:before { opacity: 1; line-height: 80px; font-size: 32px; background: var(--primary); color: #fff; width: 60px; display: inline-block; height: 80px; border-radius: 30px; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.timeline-content .slick-prev.slick-disabled:before, .timeline-content .slick-next.slick-disabled:before { opacity: 1; background: #f5f5f5; }

.timeline-slide-text-content { display: none; }

.timeline-slide-text-content[data-slider-id="2"] { display: block; }

.timeline-content .timeline-slider-texts-container { margin-top: 30px; }

.timeline-content .timeline-slider-texts-container p { text-align: center; font-size: 22px; color: var(--secondary); font-family: 'Open Sans', sans-serif; font-weight: 300; max-width: 80%; margin: auto; }

.images-section .image-section-slider { margin-bottom: 4px; }

.images-section .image-section-slider img { width: 100%; }

.images-section .slick-slide { margin: 0 2px; }

.images-section .slick-list { margin: 0 -2px; }

.pre-footer-section { padding: 90px 0; background-size: cover; background-repeat: no-repeat; background-image: linear-gradient(rgba(37, 33, 43, 6), rgba(0%, 15%, 47%, 50%)), url(../images/prefooter-image.png); }

.pre-footer-section h3 { font-weight: 300; font-size: 27px; font-family: 'Open Sans', sans-serif; line-height: 1.5; color: var(--terciary); max-width: 900px; text-align: center; }

@media (max-width: 1380px) {
    .we-section h5 { font-size: 15px; }

    .we-section h2 { font-size: 40px; }

    .we-section h3 { font-size: 20px; }

    .we-section p { font-size: 16px; }

    .we-section .buttons a { font-size: 15px; }

    .timeline-section h2 { font-size: 32px; }

    .timeline-content .timeline-slide h3 { width: 90px; height: 90px; line-height: 90px; }

    .timeline-content .timeline-slide.slick-current h3 { width: 110px; height: 110px; line-height: 110px; }

    .timeline-content .timeline-slide h3 { font-size: 23px; }

    .timeline-content .timeline-slider-texts-container p { font-size: 19px; }

    .pre-footer-section h3 { font-size: 22px; max-width: 760px; }
}

@media (max-width: 992px) {
    .we-section .buttons a { margin: auto; margin-top: 20px; }
}

@media(max-width: 1200px) {

  .we-section h2 { font-size: 36px; }

  .we-section h3 { font-size: 30px; }

  .pre-footer-section h3 { font-size: 24px; }

  .pre-footer-section .bold { font-size: 30px; }

}

@media(max-width: 992px){
  
  .we-section h2 { font-size: 32px; }

  .we-section h3 { font-size: 26px; }

  .we-section .container { padding-top: 0; }

  .we-section .we-section-contents { text-align: center; }

  .timeline-section h2 { font-size: 30px; } 

  .timeline-section .info { font-size: 16px; }

  .timeline-section .year.active { width: 70px; height: 70px; }

  .timeline-section .year { width: 50px; height: 50px; }

  .timeline-section .arrow { width: 30px; height: 40px; top: calc(60% - 15px); }

  .timeline-section .line { top: 74px; }

  .images-section .row { flex-wrap: wrap; justify-content: center; }

  .images-section .images .column { width: 22%; }

  .image-section-slider { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }

.image-section-slider .our-client img { width: 100%; height: auto; display: block; object-fit: cover; }

  .images-section .first-row { display: none; }

  .images-section .second-row { display: block; }

  .timeline-section .year.active { font-size: 18px; }

  .timeline-section .year { font-size: 14px; }

  .pre-footer-section h3 { font-size: 22px; } 

  .pre-footer-section .bold { font-size: 27px; }

}

@media(max-width: 750px){
  .we-section h2 { font-size: 30px; }

  .we-section h3 { font-size: 24px; }

  .timeline-section .timeline { top: 9px; }

  .timeline-section .year.active { width: 50px; height: 50px; }

  .timeline-section .year { width: 45px; height: 45px; }

  .timeline-section .arrow { width: 20px; height: 30px; top: calc(59% - 15px); }

  .timeline-section .line { top: 55px; }

  .timeline-section .arrow i { font-size: 14px; }

  .images-section .images .column { width: 30%; }

  .timeline-section .year.active { font-size: 16px; }

}

@media(max-width: 550px){

.we-section { text-align: center; }

.we-section p { width: 100%; }

.we-section h3 { width: 100%; }

.images-section .images .column { width: 45%; }

.images-section .second-row .products .image-section-slider img { width: 100%; }

}

/* end who we are page styles */



/* login page styles */

.login-section { padding-top: 140px; }

.login-section .row .first-column { width: 50%; background: #f2f2f2; }

.login-section .row .second-column { width: 50%; }

.login-section .row .first-column .form-container { float: right; margin: auto; max-width: 560px; margin-left: 0%; position: relative; top: 40%; transform: translateY(-40%); padding: 0 50px 0 50px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.login-section .row .first-column .form-container h1 { font-size: 48px; margin-bottom: 10px; font-family: 'Comfortaa', sans-serif; font-weight: 300; color: var(--primary); }

.login-section .row .first-column .form-container h1 span { color: var(--primary); font-weight: bold; }

.login-section .row .first-column .form-container form { width: 100%; }

.login-section .row .first-column .form-container label { display: flex; margin-bottom: 5px; font-size: 16px; color: #333; }

.login-section .row .first-column .form-container input:not(input[type="checkbox"]) { width: 100%; padding: 10px 0; /*margin-bottom: 20px;*/ border: none; font-size: 16px; border-bottom: 1px solid var(--primary); font-family: 'Open Sans', sans-serif; font-weight: 300; color: var(--primary); background: #f2f2f2; }

.login-section .row .first-column .form-container input::placeholder { color: var(--primary); font-size: 16px; }

.login-section .row .first-column .form-container input[type="checkbox"] { opacity: 0; position: absolute; }

.login-section .row .first-column .form-container input[type="checkbox"]:not(:checked) + label { background-color: transparent; border: 1px solid var(--primary); width: 20px; height: 20px; display: inline-block; border-radius: 0; cursor: pointer; position: relative; transition: background-color 0.3s ease; }

.login-section .row .first-column .form-container input[type="checkbox"]:checked + label { background-color: var(--primary); width: 20px; height: 20px; display: inline-block; border-radius: 0; border: 1px solid var(--primary); }

.login-section .row .first-column .form-container input[type="checkbox"]:checked + label::before { content: '✔'; position: relative; font-size: 24px; color: white; top: -7px; }

.login-section .row .first-column .form-container input[type="checkbox"]:not(:checked) + label::before { content: ''; }

.login-section .row .first-column .form-container .options { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; }

.login-section .row .first-column .form-container .options a { transition: all 0.6s; color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.login-section .row .first-column .form-container .options a:hover { color: var(--primary); }

.login-section .row .first-column .form-container .options .first-column-options { top: 18px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.login-section .row .first-column .form-container .options .first-column-options .remember { font-size: 16px; color: var(--primary); font-family: 'Open Sans', sans-serif; font-weight: 300; margin-left: 10px; }

.login-section .row .first-column .form-container .options .first-column-options .checkbox { margin: 0; font-size: 10px; width: 20%; }

.login-section .row .column .second-column-options { top: 16px; position: relative; }

.login-section .row .first-column .form-container button { transition: all 0.6s; width: 100%; padding: 12px; background-color: transparent; color: var(--primary); border: 1px solid var(--primary); border-radius: 10px; font-size: 16px; cursor: pointer; font-family: 'Open Sans', sans-serif; margin-top: 15px; }

.login-section .row .first-column .form-container button:hover { background-color: var(--primary); color: var(--terciary); border: 1px solid var(--primary); }

.login-section .row .first-column .form-container button i { font-size: 14px; }

.login-section .row .first-column .form-container .register { margin: auto; text-align: center; margin-top: 20px; font-size: 16px; font-family: 'Open Sans', sans-serif; color: var(--primary); font-weight: 300; }

.login-section .row .first-column .form-container .register a { transition: all 0.6s; color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; }

.login-section .row .first-column .form-container .register a:hover { color: var(--primary); }

.login-section .row .second-column img { display: block; width: 100%; height: 650px; object-fit: cover; }

@media(max-width: 1500px) {
    .login-section .row .first-column .form-container { width: 72%; }
}

@media (max-width: 1380px) {
    .login-section { padding-top: 130px; }

    .login-section .row .first-column .form-container h1 { font-size: 40px; }

    .login-section .row .first-column .form-container input:not(input[type="checkbox"]) { font-size: 15px; }

    .login-section .row .first-column .form-container .options .first-column-options .remember { font-size: 15px; }

    .login-section .row .first-column .form-container .options a { font-size: 15px; }

    .login-section .row .first-column .form-container button { font-size: 15px; }

    .login-section .row .first-column .form-container .register { font-size: 15px; }

    .login-section .row .first-column .form-container .register a { font-size: 15px; }
}

@media (max-width: 1200px) {
    .login-section .row .first-column .form-container .options { display: block; }

    .login-section .row .first-column .form-container .options a { margin-top: 20px; display: table; }
}

@media (max-width: 992px) {

    .login-section { padding-top: 0; }

    .login-section .row .first-column .form-container h1 { margin: 0; }
    
    .login-section .row { flex-wrap: wrap; }
    
    .login-section .row .first-column { width: 100%; display: flex; justify-content: center; }
    
    .login-section .row .second-column { width: 100%; }
    
    .login-section .row .first-column .form-container { width: 80%; float: initial; margin: 0; padding: 70px 0; }

    .login-section .row .second-column img { height: 500px; }
}

/* end login page styles */



/* register page styles */

.registro-section { padding-top: 140px; }

.registro-section .row .first-column { width: 50%; background: var(--primary); }

.registro-section .row .second-column { width: 50%; }

.registro-section .row .first-column .form-container { float: right; margin: auto; max-width: 560px; margin-left: 0%; position: relative; top: 40%; transform: translateY(-40%); padding: 0 50px 0 50px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.registro-section .row .first-column .form-container h1 { font-size: 48px; margin-bottom: 10px; font-family: 'Comfortaa', sans-serif; font-weight: 300; color: var(--terciary); margin-top: 0; }

.registro-section .row .first-column .form-container h1 span { color: var(--terciary); font-weight: bold; }

.registro-section .row .first-column .form-container form { width: 100%; }

.registro-section .row .first-column .form-container label { display: flex; margin-bottom: 5px; font-size: 16px; color: #333; }

.registro-section .row .first-column .form-container input { width: 100%; padding: 10px 0; border: none; font-size: 16px; border-bottom: 1px solid var(--terciary); font-family: 'Open Sans', sans-serif; font-weight: 300; color: var(--terciary); background: var(--primary); }

.registro-section .row .first-column .form-container input::placeholder { color: var(--terciary); font-size: 16px; }

.registro-section .row .first-column .form-container .options { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; }

.registro-section .row .first-column .form-container .options a { color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; }

.registro-section .row .first-column .form-container .options .first-column-options { top: 10px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.registro-section .row .first-column .form-container .options .first-column-options .remember { font-size: 16px; color: var(--terciary); font-family: 'Open Sans', sans-serif; font-weight: 300; margin-left: 5px; }

.registro-section .row .first-column .form-container .options .checkbox { margin: 0; font-size: 10px; background: var(--primary);}

.registro-section .row .first-column .form-container button { transition: all 0.6s; width: 100%; padding: 12px; background-color: transparent; color: var(--terciary); border: 1px solid var(--terciary); border-radius: 10px; font-size: 16px; cursor: pointer; font-family: 'Open Sans', sans-serif; margin-top: 40px; }

.registro-section .row .first-column .form-container button:hover { background-color: var(--terciary); color: var(--primary); border: 1px solid var(--terciary); }

.registro-section .row .first-column .form-container button i { font-size: 14px; }

.registro-section .row .first-column .form-container .register { margin: auto; text-align: center; margin-top: 20px; font-size: 16px; font-family: 'Open Sans', sans-serif; color: var(--terciary); font-weight: 300; }

.registro-section .row .first-column .form-container .register a { color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.registro-section .row .second-column img { display: block; width: 100%; height: 650px; object-fit: cover; }

@media (max-width: 1500px) {
    .registro-section .row .first-column .form-container { width: 72%; }
}

@media (max-width: 1380px) {
    .registro-section { padding-top: 130px; }

    .registro-section .row .first-column .form-container h1 { font-size: 40px; }

    .registro-section .row .first-column .form-container input { font-size: 15px; }

    .registro-section .row .first-column .form-container button { font-size: 15px; }
}

@media (max-width: 1200px) {
    .registro-section .row .first-column .form-container .options { display: block; }
}

@media(max-width: 992px) {
    .registro-section { padding-top: 0; }

    .registro-section .row { flex-wrap: wrap; }

    .registro-section .row .first-column { width: 100%; display: flex; justify-content: center; }
    
    .registro-section .row .second-column { width: 100%; }

    .registro-section .row .first-column .form-container { width: 80%; float: initial; margin: 0; padding: 70px 0; }
    
    .registro-section .row .second-column img { height: 500px; }

}

/* end register page styles */



/*Certificados styles*/

.certificates-section { padding-top: 140px; }

.certificates-section .row  .first-column { width: 50%; background: #f2f2f2; }

.certificates-section .row .second-column { width: 50%; }

.certificates-section .row .first-column .form-container h1 { margin: 0; font-size: 48px; color: var(--primary); font-family: 'Comfortaa', sans-serif; font-weight: 300; margin-bottom: 30px; }

.certificates-section .row .first-column .form-container .bold { font-weight: 700; }

.certificates-section .row .first-column .form-container { float: right; margin: auto; max-width: 560px; margin-left: 0%; position: relative; top: 40%; transform: translateY(-40%); padding: 0 50px 0 50px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.certificates-section .row .first-column .form-container .first-column-information { transition: all 0.6s; padding: 2px 2px; background: var(--terciary); margin-top: 20px; width: 100%; }

.certificates-section .row .first-column .form-container .first-column-information:hover { -webkit-box-shadow: 0 3px 30px rgb(0 0 0 / 10%); }

.certificates-section .row .first-column .form-container .first-column-information .download { margin-top: 10px; margin-right: 15px; }

.certificates-section .row .first-column .form-container .first-column-information .download img { width: 35px; }

.certificates-section .row .first-column .form-container .second-column-information { padding: 2px 2px; background: var(--terciary); margin-top: 20px; width: 95%; }

.certificates-section .row .first-column .form-container .second-column-information .download { margin-top: 10px; margin-right: 15px; }

.certificates-section .row .first-column .form-container .second-column-information .download img { width: 35px; }

.certificates-section .row .first-column .form-container .third-column-information { padding: 2px 2px; background: var(--terciary); margin-top: 20px; width: 95%; }

.certificates-section .row .first-column .form-container .third-column-information .download { margin-top: 10px; margin-right: 15px; }

.certificates-section .row .first-column .form-container .third-column-information .download img { width: 35px; }

.certificates-section .row .first-column .form-container .four-column-information { padding: 2px 2px; background: var(--terciary); margin-top: 20px; width: 95%; }

.certificates-section .row .first-column .form-container .four-column-information .download { margin-top: 10px; margin-right: 15px; }

.certificates-section .row .first-column .form-container .four-column-information .download img { width: 35px; }

.certificates-section .row .first-column .form-container .five-column-information { padding: 2px 2px; background: var(--terciary); margin-top: 20px; width: 95%; }

.certificates-section .row .first-column .form-container .five-column-information .download { margin-top: 10px; margin-right: 15px; }

.certificates-section .row .first-column .form-container .column-content-informacion img { margin-top: 5px; }

.certificates-section .row .first-column .form-container .column-content-informacion h4 { margin: 0; margin-left: 15px; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.certificates-section .row .second-column img { width: 100%; height: 650px; display: block; object-fit: cover; }

.not-certificates-found .first-column { padding-top: 100px; padding-bottom: 100px; width: 100% !important; }

.not-certificates-found .first-column .form-container { display: block !important; float: initial !important; padding: 0 !important; margin: auto !important; max-width: 1200px !important; width: 80% !important; }

.not-certificates-found .first-column h1 { font-size: 33px !important; text-align: center; margin-bottom: 0 !important; }

.not-certificates-found .first-column p { line-height: 1.2; font-size: 22px; font-weight: 300; font-family: 'Open sans', sans-serif; color: var(--secondary); text-align: center; margin-top: 10px; }

.not-certificates-found .first-column form { margin: auto; width: 70%; margin-top: 30px; padding: 60px 60px; background: var(--primary); border-radius: 20px; text-align: center; }

.not-certificates-found .first-column form input { margin-right: 15px; padding: 14px 0; width: 400px; font-size: 16px; font-weight: 500; font-family: 'Comfortaa', sans-serif; color: #fff; background: var(--primary); border: none; border-bottom: 1px solid; }

.not-certificates-found .first-column form input::placeholder { color: var(--terciary); font-size: 16px; }

.not-certificates-found .first-column button { transition: 0.6s; border: 2px solid var(--terciary); background: var(--primary); color: var(--terciary); padding: 15px 42px; border-radius: 10px; cursor: pointer; font-family: 'Comfortaa', sans-serif; font-weight: 500; font-size: 16px; }

.not-certificates-found .first-column button:hover { color: var(--primary); background: var(--terciary); }

@media (max-width: 1500px) {
    .certificates-section .row .first-column .form-container { width: 72%; }
}

@media (max-width: 1380px) {
    .certificates-section { padding-top: 130px; }

    .not-certificates-found .first-column h1 { font-size: 27px !important; }

    .not-certificates-found .first-column p { font-size: 19px; }

    .not-certificates-found .first-column form input { font-size: 15px; }

    .not-certificates-found .first-column button { font-size: 15px; }
}

@media (max-width: 1200px) {
    .certificates-section .row .first-column .form-container .options { display: block; }
}

@media (max-width: 992px) {
    .certificates-section { padding-top: 0; }

    .certificates-section .row { flex-wrap: wrap; }

    .certificates-section .row .first-column { width: 100%; display: flex; justify-content: center; }

    .certificates-section .row .second-column { width: 100%; }

    .certificates-section .row .first-column .form-container { width: 100%; float: initial; margin: 0; padding: 70px; }

    .certificates-section .row .second-column img { height: 500px; }
}

/*end certificates styles */



/* products page style */

.products-style-section { padding-top: 140px; padding-bottom: 70px; }

.products-style-section h1 { margin: 0; font-family: 'Comfortaa', sans-serif; color: var(--primary); font-size: 50px; margin-top: 60px; }

/* .products-style-section h2 { margin: 0; font-family: 'Comfortaa', sans-serif; color: var(--primary); font-size: 50px; margin-top: 60px; } */

.products-style-section h2 { font-family: 'Open Sans', sans-serif; font-size: 22px; max-width: 780px; font-weight: 300; margin: auto; margin-top: 10px; }

.products-style-section p { font-family: 'Open Sans', sans-serif; font-size: 22px; max-width: 780px; font-weight: 300; margin: auto; margin-top: 10px; }

.products-style-section .products { padding: 90px 0; }

.products-style-section .products .first-column .products-style { width: 25%; }

.products-style-section .products .second-column { margin-top: 110px; }

.products-style-section .products .second-column .products-style { width: 25%; }

.products-style-section .products h3 { font-family: 'Open Sans', sans-serif; color: var(--terciary); font-weight: 600; font-size: 36px; margin: 0; margin-bottom: 20px; position: relative; bottom: 60px; }

.products-style-section .products .first-column .products-style { margin-right: 20px; border-radius: 20px; }

.products-style-section .products .first-column .products-style { background: var(--primary); position: relative; height: 275px; width: 500px; }

.products-style-section .products .first-column .products-style img { margin: auto; border-radius: 100px; border: 5px solid var(--terciary); position: relative; bottom: 65px;}

.products-style-section .products .second-column .products-style { margin-right: 20px; border-radius: 20px; }

.products-style-section .products .second-column .products-style { background: var(--primary); position: relative; height: 275px; width: 500px; }

.products-style-section .products .second-column .products-style img { margin: auto; border-radius: 100px; border: 5px solid var(--terciary); position: relative; bottom: 65px;}

.products-style-section .products .first-column .products-style .products-style-content { position: relative; justify-content: center; bottom: 33%; left: 46px; }

.products-style-section .products .first-column .products-style .products-style-content img { border: none; bottom: 0; margin: 22px 5px; }

.products-style-section .products .first-column .products-style .products-style-content h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; color: var(--terciary); }

.products-style-section .products .second-column .products-style .products-style-content { position: relative; justify-content: center; bottom: 33%; left: 46px; }

.products-style-section .products .second-column .products-style .products-style-content-cutting { position: relative; justify-content: center; bottom: 33%; left: 8px; }

.products-style-section .products .second-column .products-style .products-style-content-cutting img { border: none; bottom: 0; margin: 22px 5px; }

.products-style-section .products .second-column .products-style .products-style-content-cutting h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; color: var(--terciary); }

.products-style-section .products .second-column .products-style .products-style-content img { border: none; bottom: 0; margin: 22px 5px; }

.products-style-section .products .second-column .products-style .products-style-content h4 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; color: var(--terciary); }

.products-style-section .second-row { margin-top: 50px; flex-wrap: wrap; column-gap: 3%; }

.products-style-section .second-row a { width: 31.3%; margin-top: 3%; }

.products-style-section .second-row a:nth-child(1), 
.products-style-section .second-row a:nth-child(2), 
.products-style-section .second-row a:nth-child(3) { margin-top: 0; }

.products-style-section .second-row .product { transition: all 0.6s; background-color: var(--primary); border-radius: 20px; overflow: hidden; text-align: center; color: var(--terciary); } 

.products-style-section .second-row .product img { width: 100%; height: 130px; object-fit: cover; }

.products-style-section .second-row .product .product-info { width: fit-content; margin: auto; padding: 20px; bottom: 8px; position: relative; }

.products-style-section .second-row .product .product-info h3 { margin: 5px 0; font-family: 'Open Sans', sans-serif; color: var(--terciary); font-weight: 600; font-size: 36px; margin: 0; position: relative; line-height: 1.2; }

.products-style-section .second-row .product .product-info p { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; color: var(--terciary); opacity: 0.8; margin: 0; margin-right: 5px; }

.products-style-section .second-row .product .product-info .products-style-content { justify-content: flex-end; position: relative; align-items: center; }

.products-style-section .second-row .product .product-info .cutting-styles { left: 4px; }

.products-style-section .second-row .product .product-info .weight-styles { left: 58px; }

.products-style-section .second-row .product .product-info-styles { position: relative; right: 40px; }

.products-style-section .second-row .product .product-info .products-style-content img { width: auto; height: auto; border: none; }

.products-style-section .second-row .product:hover { -webkit-box-shadow: 0 3px 30px rgb(0 0 0 / 70%); }

.text-block-content { width: fit-content; }

.text-block-content h2 { margin-top: 0 !important; }

.text-block-content .product-icon-content { justify-content: flex-end; }

@media (max-width: 1380px) {
    .products-style-section h1 { font-size: 50px; }
	
	/* .products-style-section h2 { font-size: 50px; } */
	
	.products-style-section h2 { font-size: 20px; max-width: 645px; }

    .products-style-section p { font-size: 20px; max-width: 645px; }

    .products-style-section .second-row .product .product-info h3 { font-size: 28px; }

    .products-style-section .second-row .product .product-info p { font-size: 15px; }

    .products-style-section .second-row .product .product-info .products-style-content img { transform: scale(0.8); }
}

@media(max-width: 992px) {
    .products-style-section { padding-top: 0; }

    .products-style-section h1 { font-size: 40px; }
	
	/* .products-style-section h2 { font-size: 40px; }*/

    .products-style-section h2 { font-size: 18px; }
	
	.products-style-section p { font-size: 18px; }

    .products-style-section .products .first-column .products-style { width: 50%; margin-top: 70px; }

    .products-style-section .products .second-column .products-style { width: 50%; margin-top: 70px; }

    .products-style-section .products .second-column { margin-top: 0; }

    .products-style-section .products { padding: 0; margin-bottom: 90px; }

    .products-style-section .second-row a {  width: 48%; }

    .products-style-section .second-row a:nth-child(3) { margin-top: 3%; }
}

@media (max-width: 768px) {
    .products-style-section .second-row a {  width: 100%; }

    .products-style-section .second-row a:nth-child(2) { margin-top: 3%; }
}

@media(max-width: 700px) {
    .products-style-section h1 { font-size: 35px; }
	
	/*.products-style-section h2 { font-size: 35px; }*/

    .products-style-section h2 { font-family: 16px; }
	
	.products-style-section p { font-family: 16px; }

    .products-style-section .products .first-column .products-style { width: 70%; margin-top: 70px; }

    .products-style-section .products .second-column .products-style { width: 70%; margin-top: 70px; }

    .products-style-section .second-row a { margin-top: 20px !important; }

    .products-style-section .second-row a:nth-child(1) { margin-top: 0 !important; }
}

/*End products style*/

/*Recover key*/

.recover-key-section { padding-top: 140px; }

.recover-key-section .row .first-column { width: 50%; background: var(--primary); }

.recover-key-section .row .second-column { width: 50%; }

.recover-key-section .row .first-column .form-container { float: right; margin: auto; max-width: 560px; margin-left: 0%; position: relative; top: 40%; transform: translateY(-40%); padding: 0 50px 0 50px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.recover-key-section .row .first-column .form-container h1 { font-size: 48px; margin-bottom: 10px; font-family: 'Comfortaa', sans-serif; font-weight: 300; color: var(--terciary); margin-top: 0; }

.recover-key-section .row .first-column .form-container h3 { font-weight: 300; font-size: 20px; color: var(--terciary); font-family: 'Comfortaa', sans-serif; margin-bottom: 0; }

.recover-key-section .row .first-column .form-container h1 span { color: var(--terciary); font-weight: bold; }

.recover-key-section .row .first-column .form-container .back-to-login-link { transition: all 0.6s; color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; display: table; margin-top: 20px; }

.recover-key-section .row .first-column .form-container .back-to-login-link:hover { color: #fff; }

.recover-key-section .row .first-column .form-container form { width: 100%; }

.recover-key-section .row .first-column .form-container label { display: flex; margin-bottom: 5px; font-size: 16px; color: #333; }

.recover-key-section .row .first-column .form-container input { width: 100%; padding: 10px 0; border: none; font-size: 16px; border-bottom: 1px solid var(--terciary); font-family: 'Open Sans', sans-serif; font-weight: 300; color: var(--terciary); background: var(--primary); }

.recover-key-section .row .first-column .form-container input::placeholder { color: var(--terciary); font-size: 16px; }

.recover-key-section .row .first-column .form-container .options { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; }

.recover-key-section .row .first-column .form-container .options a { color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; }

.recover-key-section .row .first-column .form-container .options .first-column-options { top: 10px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.recover-key-section .row .first-column .form-container .options .first-column-options .remember { font-size: 16px; color: var(--terciary); font-family: 'Open Sans', sans-serif; font-weight: 300; margin-left: 5px; }

.recover-key-section .row .first-column .form-container .options .checkbox { margin: 0; font-size: 10px; background: var(--primary);}

.recover-key-section .row .first-column .form-container button { transition: all 0.6s; width: 100%; padding: 12px; background-color: transparent; color: var(--terciary); border: 1px solid var(--terciary); border-radius: 10px; font-size: 16px; cursor: pointer; font-family: 'Open Sans', sans-serif; margin-top: 40px; }

.recover-key-section .row .first-column .form-container button:hover { background-color: var(--terciary); color: var(--primary); transition: 0.6s; border: 1px solid var(--terciary); }

.recover-key-section .row .first-column .form-container button i { font-size: 14px; }

.recover-key-section .row .first-column .form-container .register { margin: auto; text-align: center; margin-top: 20px; font-size: 16px; font-family: 'Open Sans', sans-serif; color: var(--terciary); font-weight: 300; }

.recover-key-section .row .first-column .form-container .register a { transition: all 0.6s; color: #00a6d1; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.recover-key-section .row .first-column .form-container .register a:hover { color: #fff; }

.recover-key-section .row .second-column img { display: block; width: 100%; height: 650px; object-fit: cover; }

@media (max-width: 1500px) {
    .recover-key-section .row .first-column .form-container { width: 72%; }
}

@media (max-width: 1380px) {
    .recover-key-section .row .first-column .form-container h1 { font-size: 40px; }

    .recover-key-section .row .first-column .form-container h3 { font-size: 18px; }

    .recover-key-section .row .first-column .form-container button { font-size: 15px; }

    .recover-key-section .row .first-column .form-container .register a { font-size: 15px; }
}

@media (max-width: 1200px) {
    .recover-key-section .row .first-column .form-container .options { display: block; }
}

@media(max-width: 992px) {
    .recover-key-section { padding-top: 0; }

    .recover-key-section .row { flex-wrap: wrap; }

    .recover-key-section .row .first-column .form-container h3 { font-size: 16px; }

    .recover-key-section .row .first-column { width: 100%; display: flex; justify-content: center; }
    
    .recover-key-section .row .second-column { width: 100%; }

    .recover-key-section .row .first-column .form-container { width: 80%; float: initial; margin: 0; padding: 70px 0; }
    
    .recover-key-section .row .second-column img { height: 500px; }

}

/* end recover key styles */



/* certificates page styles */

.certificates-searcher-section { background: #f2f2f2; padding-top: 140px; }
 
.certificates-searcher-section .row .column { padding: 70px 0; text-align: center; width: 100%; }
 
.certificates-searcher-section .row .column .form-container h1 { margin-top: 0; font-size: 48px; margin-bottom: 10px; font-family: 'Comfortaa', sans-serif; font-weight: 300; color: var(--primary); }
 
.certificates-searcher-section .row .column .form-container h1 .clients { font-weight: 700; }
 
.certificates-searcher-section .row .column .form-container h3 { margin: 0; font-size: 22px; color: var(--secondary); font-weight: 300; font-family: 'Open sans', sans-serif; }
 
.certificates-searcher-section .row .column .form-container form { margin: auto; width: 70%; margin-top: 30px; padding: 60px 60px; background: var(--primary); border-radius: 20px; }
 
.certificates-searcher-section .row .column .form-container input { margin-right: 15px; padding: 14px 0; width: 70%; font-size: 16px; font-weight: 500; font-family: 'Comfortaa', sans-serif; color: #fff; background: var(--primary); border: none; border-bottom: 1px solid; }
 
.certificates-searcher-section .row .column .form-container input::placeholder { color: #fff; }

.certificates-searcher-section .row .column .form-container button { transition: 0.6s; border: 2px solid var(--terciary); background: var(--primary); color: var(--terciary); padding: 15px 42px; border-radius: 10px; cursor: pointer; font-family: 'Comfortaa', sans-serif; font-weight: 500; font-size: 16px; }
 
.certificates-searcher-section .row .column .form-container button:hover { color: var(--primary); background: var(--terciary); }
 
@media (max-width: 1380px) {
    .certificates-searcher-section { padding-top: 130px; }

    .certificates-searcher-section .row .column .form-container h1 { font-size: 40px; }

    .certificates-searcher-section .row .column .form-container h3 { font-size: 19px; }

    .certificates-searcher-section .row .column .form-container input, .certificates-searcher-section .row .column .form-container button { font-size: 15px; }
}

@media (max-width: 1100px) {
    .certificates-searcher-section .row .column .form-container input { width: 100%; }

    .certificates-searcher-section .row .column .form-container button { margin-top: 20px; }

    .not-certificates-found .first-column form input { width: 100%; }

    .not-certificates-found .first-column button { margin-top: 20px; }
}

@media (max-width: 992px) {
    .certificates-searcher-section { padding-top: 0; }
     
    .certificates-searcher-section .row .column .form-container form { width: 500px; }
     
    .certificates-searcher-section .row .column .form-container button { margin-top: 20px; }

}
 
@media (max-width: 750px) {
    .not-certificates-found .first-column input, .certificates-searcher-section .row .column .form-container input { margin-right: 0; width: 100%; }
 
    .not-certificates-found .first-column form, .certificates-searcher-section .row .column .form-container form { box-sizing: border-box; width: 100%; }
}

/* end certificates page styles */



/* distributors page styles */

.distributors-main-page .distributors-sections { padding-top: 230px; }

.distributors-main-page .distributors-sections .distributors { padding-bottom: 0; }

.distributors-main-page .distributors { flex-wrap: wrap; column-gap: 5%; row-gap: 50px; }

.distributors-main-page .distributors .our-client { width: 21%; }

.distributors-main-page .distributors .our-client a { display: block; }

@media (max-width: 1380px) {
    .distributors-main-page .distributors-sections { padding-top: 205px; }

    .distributors-main-page .distributors .our-client { width: 30%; }
}

@media (max-width: 1200px) {
    .desktop-menu .second-column li { padding: 0 6px; }

    .desktop-menu .first-column img { max-width: 85px; }
}

@media (max-width: 992px) {
    .distributors-main-page .distributors-sections { padding-top: 70px; }

    .distributors-main-page .distributors .our-client { width: 47.5%; }
}

@media (max-width: 768px) {
    .distributors-main-page .distributors .our-client { width: 100%; }
}

/* end distributors page styles */


/* MEXICO Y PERU */
.half-container{width:600px; max-width: 80%}

.half-container.half-img{max-width: 50%; width: unset}

.left-margin{margin-left: auto}

.right-margin{margin-right: auto}

.right-half .text-content {margin-left: 40px}

.left-half .text-content{margin-right: 40px}

.mexico-page h1, .mexico-page h2, .mexico-page h3, .mexico-page h4, .mexico-page h5, .mexico-page p{ font-family:'Open Sans', sans-serif; margin-top:0  }

.mexico-page h1{font-size: 49.56px; line-height: 1.2 }

.mexico-page h2{font-size: 35px}

.mexico-page h3{font-size: 22px}

.mexico-page h4{font-size: 26px}

.mexico-page p{font-size: 16px; font-weight:400}

.comfortaa{font-family: "Comfortaa", sans-serif!important; font-weight:300}

.mexico-page .text-white{color: white}

.mexico-page .text-blue{color: #172A54}

.hero-section{margin-top:155px}

.hero-section .second-column{background: #f2f2f2}

.hero-section .first-column{background: url('../images/mexico/hero.jpg'); background-size: cover; background-position: left; background-repeat: no-repeat;}

.peru-page .hero-section .first-column{background: url('../images/mexico/hero-peru.jpg'); background-size: cover; background-position: left; background-repeat: no-repeat;}

.hero-section h1{width: 450px}

.hero-section .second-column h4{ margin-bottom: 7px }

.mexico-page .form-group { padding: 10px 0; padding-bottom: 0; }

.hero-section .column{ flex: 1 1 50% ; padding: 77px 0}
 
.mexico-page  .form-group textarea { border: none; border-bottom: 1px solid var(--primary); padding-bottom: 30px; background: #f2f2f2; resize: none; }

.mexico-page  .form-group textarea { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: var(--primary); }

.mexico-page  .form-group input, .mexico-page .form-group select { border: none; border-bottom: 1px solid var(--primary); padding-bottom: 10px; background: #f2f2f2; }

.mexico-page .form-group input, .mexico-page .form-group select { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: var(--primary); }

.mexico-page  .form-group input,
.mexico-page  .form-group textarea { box-sizing: border-box; padding-left: 3px; padding-right: 3px; }

.mexico-page  .form-group select { padding-left: 0; padding-right: 0; }

.mexico-page  .form-group .half-width { width: 49%; }

.mexico-page  .form-group .full-width { width: 98%; }

.mexico-page  .form-group input::placeholder, textarea::placeholder { color: var(--primary); }

.mexico-page   .form-group input, .mexico-page  .form-group select { border: none; border-bottom: 1px solid var(--primary); padding-bottom: 10px; background: #f2f2f2; }

.mexico-page .form-group input, .mexico-page .form-group select { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: var(--primary); }

.mexico-page .form-group input,
.mexico-page .form-group textarea { box-sizing: border-box; padding-left: 3px; padding-right: 3px; }

.mexico-page button { font-family: 'Comfortaa', sans-serif; font-weight: 600; color: var(--primary); font-size: 16px; }

.mexico-page button { transition: 0.6s; cursor: pointer; width: 98%; padding: 12px 0; background: transparent; border: 1px solid var(--primary); border-radius: 10px; margin-top: 20px; }

.mexico-page button:hover { background: var(--primary); color: var(--terciary); border: 1px solid var(--primary);}

.mexico-page .granalla-section{padding: 109px 0}

.mexico-page .granalla-section h3{max-width: 600px; margin: auto}

.granalla-section .product-card {flex: 1 1 30%; max-width: 30%}

.img-content img{width: 100%}

.product-card{border-radius: 12px; position: relative;}

.product-card .text-content{ background: #172a53; padding: 0 20px; color: white; border-radius: 25px; height: 96%; position: absolute; display: flex; flex-direction: column; justify-content: center; top: 0; opacity: 0; transition: .8s}

.product-card:hover .text-content{opacity: 1}

.granalla-section .second-row{margin-top: 52px}

.blue-section{padding: 90px 0; background: #172a53; }

.blue-section .item {text-align: center; flex: 1 1 30%; max-width: 30%; padding:20px}

.blue-section .item i{ color:white; font-size:43px }

.proyecto-section{background: #F2F2F2; padding: 90px 0}

.faq-tabs { width: 100%; max-width: 800px; margin: 40px auto;}

.faq-item {border-bottom: 1px solid #ddd; padding: 15px 0; cursor: pointer;}

.faq-question {font-size: 22px; color: #003366; margin: 0; position: relative;padding-right: 25px;font-weight: 400;}

.faq-question::after {content: "+"; position: absolute; right: 0; top: 0; font-weight: bold;color: #172a53; transition: transform 0.2s; font-size: 30px}

.faq-item.active .faq-question::after {content: "-";transform: rotate(180deg);}

.faq-answer { display: none; padding-top: 10px; color: #444; line-height: 1.6; padding:20px ; padding-bottom:0 }

.proyecto-section .btn{transition: 0.6s; padding: 10px 15px; background: var(--primary); color: var(--terciary); border-radius: 10px; font-family: 'Comfortaa', sans-serif}

.proyecto-section .btn:hover{background: var(--terciary); color: var(--primary); outline: 1px solid var(--primary);}

.preguntas-section{padding: 90px 0}

#contactar{scroll-margin-top: 150px;}


@media(max-width: 1380px){
    .hero-section{margin-top: 130px}
    .granalla-section .product-card{flex: 1 1 48%; max-width: 50%}
    .product-card .text-content{padding: 0 40px}

}

@media(max-width: 1220px){
    .hero-section .column{flex: 1 1 100%}
    .half-container{width: unset}
    .right-margin{margin-left: auto}
    .left-margin{margin-right: auto}
    .right-half .text-content{margin-left: 0}

    .granalla-section .product-card{flex: 1 1 100%; max-width: 572px}

    .product-card .text-content{width: calc(100% - 80px)}

    .embalaje-section .d-flex, .blue-section .d-flex {flex-direction: column;align-items: center;}

	.hero-section h1{width:unset; max-width:unset}
}

@media(max-width: 992px){
    .hero-section{margin-top: 0}
	
	.mexico-page h1{font-size: 35px; line-height: 1.2 }

	.mexico-page h2{font-size: 28px}

	.mexico-page h3{font-size: 18px}

	.mexico-page h4{font-size: 20px}
}

/* BLOG STYLES */

.blog-pages{padding: 140px 0 0;}

.blog-pages p, .blog-pages h1, .blog-pages small{margin: 0 ; padding: 0}

.blog-pages .breadcrumb-section{padding-top: 60px; padding-bottom: 30px}

.blog-pages .breadcrumb-section p{font-weight: bold}


.blog-pages .blog-list-section {padding-bottom: 40px;}
.blog-pages .blog-list-section .first-row{padding-bottom: 40px;}

.blog-list-section .card{ flex: 1 1 calc(33% - 10px); max-width: 33%;}

.blog-list-section .card:nth-child(-n+2) { flex: 1 1 calc(50% - 10px); max-width: 50%;}

.card {transition: .8s; box-shadow: 0 -4px 4px 0 transparent;  border-radius: 18px; text-decoration: none; color: #1D1D1B}

.card:hover {box-shadow: 0 4px 4px 0 #00000038}

.card .card-img img{width: 100%; border-radius: 18px;object-fit: cover !important;aspect-ratio: 3 / 2;}

.card .card-head{padding: 0px 12px 8px}

.card .card-img-half img{max-width: 100%; object-fit: cover; border-radius: 18px; aspect-ratio: 3 / 2;}

.card .card-img-half {max-width: 50%; }

.card .card-head .card-title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal;}

.article-content{flex: 1 1 calc(70% - 30px); max-width: calc(70% - 30px)}

.article-section{padding: 10px 0 50px } 

.article-aside{flex: 1 1 calc(30% - 10px); max-width: calc(30% - 10px)}

.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content p, .article-content li, .article-content small, .article-content a{font-family: 'Comfortaa', sans-serif; text-decoration: none}

.article-content a{color:black;font-weight:bold; text-decoration: underline;}

.article-content p:last-child a, .false-cta{padding: 8px 12px!important; background: var(--primary); color: white; transition: .8s; border-radius: 12px; outline: 1px solid var(--primary); display: inline-block; text-decoration: none;}

.article-content p:last-child a:hover, .false-cta:hover{ background:white; color:var(--primary); }

.article-content h2{color:#172A54}
 
.article-content small{margin: 15px 0; display: block}

.article-content li { list-style: disc; margin:12px 0; }

.article-content .article-img img{width: 100%; border-radius:22px}

.article-content .article-body {padding-top: 20px;}

.article-aside hr{width:100%; background:#616160; opacity:.28 }

.article-aside .other-articles{text-decoration: none; color:#1D1D1B; transition:.8s }

.article-aside .other-articles:hover{color: red}

.article-content table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  overflow-y:scroll
}

.article-content td {
  padding: 10px;
}

.article-content tr:first-child td {
  border-bottom: 2px solid #333;
  font-weight: bold;
}

.article-content tr:not(:first-child) td {
  border-bottom: 1px solid #e0e0e0;
}

.recommended-articles-section{padding: 40px 0 ; background:#F2F2F2 }

.recommended-articles-section h2{font-size: 50px}

.recommended-articles-section .card{flex: 1 1 33%; max-width: calc(33%  - 20px)}

/* //////  Pagination   ////// */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.pagination li {
    display: inline-flex;
}

.pagination li a,
.pagination li span {
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid #dee2e6;
    color: #333;
    min-width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.pagination li a:hover {
    background-color: #f8f9fa;
    color: #0056b3;
}

.pagination li.active span {
    background-color: #bdc4d9;
    color: white;
    border-color: #bdc4d9;
}

.pagination li.disabled span {
    color: #6c757d;
    pointer-events: none;
    background-color: #f8f9fa;
}



@media(max-width: 992px){
    .blog-pages{padding-top: 0}

    .article-content, .article-aside { flex: 1 1 100%; max-width: 100%;}

    .article-aside .card{margin: 0 10px}

    .card .card-img-half{max-width: 100%; width: 100%}

    .blog-pages .slick-dots{bottom: -40px!important}

    .blog-pages .slick-dots li button:before{background: var(--primary);}

    .recommended-articles-section h2{font-size: 40px}


}

@media(max-width:769px){


    .recommended-articles-section h2{font-size: 30px } 
    
    .blog-list-section .card{ max-width: 100%!important; flex: 1 1 100%!important}
}

/* END BLOG STYLES */