@font-face {
            font-family: 'Basier Square';
            src: url('https://www.betalabservices.com/wp-content/themes/NewBLS/fonts/basier_square_regular.woff2') format('woff2');
            font-weight: normal;
        }
        @font-face {
            font-family: 'Basier Square';
            src: url('https://www.betalabservices.com/wp-content/themes/NewBLS/fonts/basier_square_medium.woff2') format('woff2');
            font-weight: 500;
        }
        @font-face {
            font-family: 'Basier Square';
            src: url('https://www.betalabservices.com/wp-content/themes/NewBLS/fonts/basier_square_semibold.woff2') format('woff2');
            font-weight: 600;
        }
        :root {
            --blue: #0066cc;
            --white: #fff;
            --dark: #121212;
            --darkblue: #2d2f37;
            --gray: #5c5c5c;
            --softgray: #9C9C9C;
            --lgray: #545661;
            --palegray: #f0f0f0;
            --lblue: #fbfaff;
            --silver: #b3b3b3;
        }
        /* Estilos básicos */
        html {
          scroll-behavior: smooth;
        }

        body {
            font-family: 'Basier Square';
            font-size: 15px;
            line-height: 1.6;
            color: var(--dark);
            margin: 0;
            padding: 0;
        }
        a {color: var(--blue);}

        header {
            background-color: #fff;
            transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), top 0.5s ease;
            position: fixed; 
            width: 100%;
            top: 0; 
            z-index: 1000; 
        }

        h1 {
            text-align: center;
            color: var(--blue);
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 20px;
            border-bottom: 1px solid var(--palegray);
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .logo img {
            height: 54px;
            max-width: 100%;
        }

        .hamburger {
            cursor: pointer;
            width: 20px;
            height: 25px;
            position: relative;
            display: inline-block;
            transition: all 0.2s ease-in-out;
            z-index: 2;
        }

        .hamburger-box {
            width: 100%;
            height: 100%;
            display: inline-block;
            position: relative;
        }

        .hamburger-inner,
        .hamburger-inner::before,
        .hamburger-inner::after {
            width: 100%;
            height: 3px;
            background-color: var(--darkblue);
            border-radius: 2px;
            position: absolute;
            transition: all 0.2s ease-in-out;
        }

        .hamburger-inner {
            top: 50%;
            transform: translateY(-50%);
        }

        .hamburger-inner::before {
            content: '';
            top: -7px;
        }

        .hamburger-inner::after {
            content: '';
            bottom: -7px;
        }

        input[type="checkbox"] {
            display: none;
        }

        input[type="checkbox"]:checked ~ .hamburger .hamburger-inner {
            background-color: transparent;
        }

        input[type="checkbox"]:checked ~ .hamburger .hamburger-inner::before {
            top: 0;
            transform: rotate(45deg);
        }

        input[type="checkbox"]:checked ~ .hamburger .hamburger-inner::after {
            bottom: 0;
            transform: rotate(-45deg);
        }


        .language-selector,
        .search,
        .hamburger {
            display: flex;
            align-items: center;
            cursor: pointer;
        }
        .contenedor{
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0px 20px;
        }

        #menu-toggle {
            display: none;
        }

        .logo img{
            vertical-align: middle;
            padding: 13px 0;
        }

        .center-menu, .extra-menu {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
        }

        .center-menu li, .extra-menu li {
            position: relative;
        }

        .center-menu li a, .extra-menu li a {
            color: var(--gray);
            font-size: 17px;
            text-decoration: none;
            padding: 10px 20px;
            display: flex;
            align-items: center;
            transition: color 0.1s cubic-bezier(0.4, 0, 1, 1);
        }
        .extra-menu {
            background-color: var(--blue);
            border-radius: 4px;
        }
        .extra-menu li a{
            color: white;
            transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
            padding: 3px 10px;
        }
        .extra-menu li a:hover {
            opacity: .8;
            border-radius: 4px;
        }
        .center-menu li a:hover {
            color: var(--blue);
        }


        /* Icono del menú para dispositivos móviles */
        .hamburger {
            display: none;
        }

        /* Flecha para submenús */
        .center-menu .dropdown > a {
            display: flex;
            align-items: center;
        }

        .center-menu .dropdown > a::after {
            content: ''; /* Flecha hacia abajo */
            display: inline-block;
            margin-left: 6px; 
            margin-top: 2px;
            width: 10px; 
            height: 10px; 
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            transition: transform 0.3s ease; /* Animación de rotación */
            transform-origin: center; /* Rotación alrededor del centro */
            background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"><path fill="%235c5c5c" d="M3.6,13.2c-0.9,0-1.9,0.4-2.6,1.1c-1.4,1.4-1.4,3.7,0,5.1l26.4,26.4c0.7,0.7,1.6,1.1,2.6,1.1c0.9,0,1.8-0.3,2.6-1.1l26.3-26.3c1.5-1.4,1.5-3.8,0.1-5.2c-1.4-1.4-3.7-1.4-5.1,0l0,0l0,0L30,38.1L6.2,14.2C5.5,13.5,4.6,13.2,3.6,13.2L3.6,13.2z"/></svg>');
        }
        .center-menu .dropdown:hover {
            background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><svg version="1.2" baseProfile="tiny" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" overflow="visible" xml:space="preserve"><path fill="%230066cc" d="M50,37.7L30.8,15c-3-3.6-8.5-3.6-11.5,0L0,37.7H50z"/></svg>');
            background-size: 15px 15px;
                background-repeat: no-repeat;
                background-position-x: 45%;
                background-position-y: 33px;
        }

        .center-menu .dropdown:hover > a::after,
        .center-menu .dropdown:focus-within > a::after {
            transform: rotate(-180deg); /* Rota la flecha cuando el submenú está activo */
        }
        .center-menu .dropdown:hover > a {
            color: var(--blue);
        }

        .mega-menu {
            color: white;
            display: none;
            position: fixed;
            top: 60px; 
            left: 0;
            width: 100vw; 
            background-color: var(--blue);
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
            z-index: 999; 
            flex-wrap: wrap;
            padding: 25px;
            box-sizing: border-box;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.3s ease, transform 0.3s ease; /* Animación de entrada y salida */
        }
        .mega-menu-column ul{
            list-style-type: none;
            padding: 0;
        }
        .center-menu .dropdown:hover .mega-menu,
        .center-menu .dropdown:focus-within .mega-menu {
            display: flex;
            opacity: 1;
            transform: translateY(0);
        }

        .mega-menu-about {
            transform: translate(-43%) !important;
            left: 50%;
            width: auto;
            padding: 15px 20px !important;
        }


        .mega-menu-container {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
        }

        .mega-menu .mega-menu-column {
            flex: 1;
            padding: 5px 20px;
        }

        .mega-menu .mega-menu-column h2 {
            margin-top: 0;
            margin-bottom: 5px;
            font-size: 16px;
            font-weight: 100;
            text-decoration: underline;
            opacity: .7;
        }

        .mega-menu .mega-menu-column a {
            color: white;
            padding: 7px 0;
            text-decoration: none;
            display: block;
            transition: background-color 0.3s ease; /* Animación de hover */
        }

        .mega-menu .mega-menu-column a:hover {
            color: var(--silver);
        }

        .svg-overlay {
            position: absolute;
            top: -10px;
            width: 20px;
            height: auto;
        }

        /* Estilos generales */
        .logo img {
            vertical-align: middle;
            padding: 13px 0;
            transition: height 0.3s ease;
        }

        .hamburger{
            display: none;
        }

        .mega-menu-column {
            opacity: 0; /* Empieza invisible */
            transform: translateY(30px); /* Empieza desde abajo */
            animation: slideUp 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; /* Animación con cubic-bezier */

        }

        .right-nav {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            order: 1;
            width: auto;
        }

        .hamburger {
            order: 2;
        }


        .right-nav > *:not(.language-selector) {
            
        }

        .right-nav > *:last-child {
            margin-right: 0;
        }



        .language-selector {
            position: relative;
            display: inline-block;
            width: 95px;
            padding: 0px 20px;
        }
/*        estilos plugin search*/
            .dakh_search-wrap{
                height: 81px !important;
            }
            .dakh_search-close{
                top: 23px !important;
            }

        

        .lang-toggle {
            text-decoration: none;
            color: var(--gray);
            font-size: 14.5px;
            padding: 10px 15px;
            background-color: #fff;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            justify-content: space-between; 
            align-items: center;
        }

        .lang-arrow {
            width: 8px;
            height: 8px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"><path fill="%239c9c9c" d="M3.6,13.2c-0.9,0-1.9,0.4-2.6,1.1c-1.4,1.4-1.4,3.7,0,5.1l26.4,26.4c0.7,0.7,1.6,1.1,2.6,1.1c0.9,0,1.8-0.3,2.6-1.1l26.3-26.3c1.5-1.4,1.5-3.8,0.1-5.2c-1.4-1.4-3.7-1.4-5.1,0l0,0l0,0L30,38.1L6.2,14.2C5.5,13.5,4.6,13.2,3.6,13.2L3.6,13.2z"/></svg>');
            transition: transform 0.3s ease;
        }

        .lang-dropdown {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            z-index: 1;
            width: 100%;
            border-radius: 4px;
            border: 1px solid #ccc;
        }

        .lang-dropdown a {
            display: block;
            padding: 10px 15px;
            text-decoration: none;
            color: #333;
            font-size: 14px;
            background-color: #fff;
            white-space: nowrap; /* Evita que el texto se rompa en varias líneas */
        }

        .lang-dropdown a:hover {
            background-color: #0066cc;
            color: #fff;
        }

        .language-selector:hover .lang-dropdown {
            display: block;
        }

        .language-selector:hover .lang-arrow {
            transform: rotate(180deg);
        }

        .search-icon {
            display: inline-block;
            width: 30px; 
            height: 30px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E.st0%7Bfill:%239C9C9C;%7D%3C/style%3E%3Cpath class="st0" d="M25.6,24.3L22,20.7c1.2-1.5,2-3.5,2-5.6c0-4.9-4-9-9-9s-9,4-9,9s4,9,9,9c2.1,0,4.1-0.8,5.6-2l3.6,3.7 c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7S25.8,24.5,25.6,24.3z M20,20c-1.3,1.3-3,2-4.9,2c0,0-0.1,0-0.1,0 c-3.9,0-7-3.2-7-7.1c0-1.9,0.8-3.7,2.1-5c1.3-1.3,3-2.1,5-2.1c3.9,0,7,3.2,7,7c0,0,0,0,0,0c0,0,0,0,0,0C22.1,17,21.3,18.8,20,20 L20,20z"/%3E%3C/svg%3E');
            vertical-align: middle;
        }


        @media screen and (max-width: 768px) {
            .logo img {
                height: 35px;
            }
            
            .search {
                display: block;
            }
            .language-selector, .search{
                display: none;
            }
            .right-nav > *:not(.language-selector) {
                margin-right: 0px; 
            }


            .hamburger {
                display: block;
                color: var(--blue);
            }

            .header-container {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

            /* Oculta el menú central en mobile */
            .center-menu {
                display: none;
            }

            .extra-menu li a{
                zoom: .75;
            }

            #menu-toggle:checked + .hamburger + .center-menu {
                display: flex;
                flex-direction: column;
                position: absolute;
                top: 60px;
                left: 0;
                width: 100%;
                background-color: var(--blue);
                z-index: 1000;
                color: white !important;
                box-shadow: 0 6px 6px -1px rgba(0, 0, 0, 0.2);
            }
            #menu-toggle ul li a{
                color: white !important;
            }

            .center-menu li a{
                padding: 12px 20px;
            }

            .center-menu li a, .extra-menu li a{
                color: white;
            }


            .mega-menu .mega-menu-column a:hover {
                color: var(--blue);
                background: transparent !important;
                transition: none;
            }

            .mega-menu, .mega-menu-about{
                position: absolute;
                top: auto;
                width: 100%;
                left: 0 !important;
                transform: translateY(0) !important; /* Asegura que el mega-menu esté completamente visible */
            }
            
            .center-menu .dropdown:hover .mega-menu,
            .center-menu .dropdown:focus-within .mega-menu {
                display: block;
                position: static;
            }
            .center-menu .dropdown:hover > a {
            color: white;
            }

            /* Estilo para ocultar el checkbox */
            .center-menu .dropdown input[type="checkbox"] {
                display: none;
            }

            /* Inicialmente, ocultar el submenú */
            /*.center-menu .dropdown ul {
                display: none;
            }*/

            /* Mostrar el submenú cuando el checkbox está marcado */
            .center-menu .dropdown input[type="checkbox"]:checked + a + ul {
                display: block !important;
            }

            /* Estilo para los enlaces del dropdown */
            .center-menu .dropdown > a {
                cursor: pointer;
            }

            .mega-menu, .mega-menu-about{
                box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
                background: var(--darkblue);
            }
            .mega-menu .mega-menu-column{
                padding: 0 3px 0 0;
            }
            .mega-menu .mega-menu-column h2{
                font-size: 12px;
                margin-bottom: 4px;
            }
            .mega-menu .mega-menu-column a{
                padding: 5px 0px;
                font-size: 12px;
                line-height: 1.5;
            }
            .center-menu .dropdown > a::after{
                background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve"><path fill="%23ffffff" d="M3.6,13.2c-0.9,0-1.9,0.4-2.6,1.1c-1.4,1.4-1.4,3.7,0,5.1l26.4,26.4c0.7,0.7,1.6,1.1,2.6,1.1c0.9,0,1.8-0.3,2.6-1.1l26.3-26.3c1.5-1.4,1.5-3.8,0.1-5.2c-1.4-1.4-3.7-1.4-5.1,0l0,0l0,0L30,38.1L6.2,14.2C5.5,13.5,4.6,13.2,3.6,13.2L3.6,13.2z"/></svg>');
            }

            .center-menu li, .extra-menu li{
                width: 100%;
            }
            .center-menu li a:hover{
                color: white;
                background-color: #005bb4;
            }


        }

    







        /* Estilo para el contenedor principal y el grid */
        .grid-container {
            display: grid;
            grid-template-columns: 3fr 2fr; /* Dos columnas de diferentes anchos */
            gap: 0px; /* Espacio entre columnas */
            margin-top: 100px;
            padding-top: 50px;
            padding-bottom: 50px;
            border-bottom: 1px solid var(--palegray);
        }

        .column {
            padding: 15px;         
        }

        /* Animación */
        @keyframes slideUp {
            0% {
                opacity: 0;
                transform: translateY(30px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Estilos para los elementos dentro de la columna */
        .column, .column h1, .column p {
            opacity: 0; /* Empieza invisible */
            transform: translateY(30px); /* Empieza desde abajo */
            animation: slideUp 0.5s ease forwards; /* Aplica la animación */
            animation-delay: 0.5s; /* Retraso para evitar que se sincronicen */
        }
        

        /* Estilo para el h1 dentro de la columna */
        .column h1 {
            text-align: left !important;
            font-size: 55px;
            color: var(--dark);
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: .25px;
            margin: 0;
            padding-bottom: 8px;
        }
        .column p, .column a {
            color: var(--lgray);
            font-size: 20px;
            letter-spacing: .35px;
            font-weight: 200;
            line-height: 2;
            text-decoration: none;
            padding: 2px 0;
        }
        .column p a + a::before {
            content: " | ";
            opacity: 0.5;
            margin: 0 10px;
            }
        .column a:hover{
            color: white;
        }
        .beta-main a:hover{
            color: var(--blue);
        }

        .btn-big {
            position: relative;
            display: inline-block;
            padding: 5px 20px !important;
            font-size: 19px !important;
            text-decoration: none;
            color: var(--blue) !important;
            background-color: white;
            border: 1px solid var(--blue);
            border-radius: 100px;
            cursor: pointer;
            overflow: hidden;
            z-index: 1;
            transition: color 0.15s ease;
            line-height: inherit !important;
            letter-spacing: inherit !important;
        }

        .btn-big::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background-color: var(--blue);
            z-index: -1;
            transition: left 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        }

        .btn-big:hover {
            color: white !important;
        }

        .btn-big:hover::before {
            left: 0;
        }

        .main {
            background: radial-gradient(ellipse at bottom, #eeeeee, #ffffff 70%);
            flex-direction: column;
            border: 0;
        }

        /* Grid Wrapper */
        .grid-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

        .grid-item {
            flex: 1;
            padding: 10px;
            text-align: center;
        }

        .grid-item img {
            width: 69%;
            height: auto;
            max-width: 150px;
            filter: grayscale(100%) brightness(105%);
            transition: filter 0.3s ease;
        }

        .grid-item img:hover {
            filter: grayscale(0%);
        }

        
        @media screen and (max-width: 768px) {
            .grid-container {
                grid-template-columns: 1fr; /* Apilar columnas verticalmente */
                text-align: center; 
            }
            .grid-wrapper {
                flex-wrap: wrap;
            }
            .grid-item {
                flex: 0 1 calc(100% / 3 - 20px); /* 3 elementos por fila */
                margin: 5px;
            }
            .column{
                padding-bottom: 0   ;
            }
            .column h1{
                zoom: .5;
            }
            .grid-container{
                padding: 0px 20px 20px 20px;
                margin-top: 70px;
            }
            .beta-main p{
                zoom: .7;
            }
        }


/*        aproved*/


        .approved-box {
            text-align: center;
            padding-bottom: 40px;
            opacity: 0;
            animation: fadeIn 1s forwards;
            animation-delay: 0.atan2();s; /* Retraso para evitar que se sincronicen */

        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        .approved-box h2{
            padding-top: 20px;
            font-size: 26px;
            font-weight: lighter;
            margin: 0;
            color: var(--dark);
        }
        .approved-box p{
            margin: 6px 0 10px 0;
            font-size: 18px;
        }

        .container-1786 {
            max-width: 1786px;
            margin: 0 auto;
        }
        .container-900 {
            max-width: 900px;
            margin: 0 auto;
        }

        .grid-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

        .grid-item {
            flex: 1;
            padding: 10px;
            text-align: center;
        }


        .grid-item img {
            width: 69%;
            height: auto;
            max-width: 150px;
            filter: grayscale(100%) brightness(105%);
            transition: filter 0.3s ease;
        }

        .grid-item img:hover {
            filter: grayscale(0%);
        }

        @media screen and (max-width: 768px) {
            .approved-box{
                padding: 0px 20px 20px 20px;
            }
            .approved-box h2{
                zoom: .8;
                font-weight: 500;
                padding-top: 5px;
            }
            .grid-item {
            flex: 1 1 calc(33.333% - 20px);
            max-width: calc(33.333% - 20px);
            padding: 0;
            }
        }


/*        trusted*/


        .trusted {
            display: grid;
            grid-template-columns: 2fr 3fr; 
            gap: 0px; 
            padding: 28px 0 35px 0;
        }

        .st-column {
            padding: 20px;
        }
        .st-column img {
            width: 100%;
        }

        .nd-column {
            padding: 20px;
        }
        .nd-column h2{
            font-size: 30px;
            border: 0;
            font-weight: 500;
            color: var(--dark);
            margin-bottom: 0;
        }

        .nd-column ul{
            list-style-type: none;
            padding: 0;
        }
        .nd-column ul li{
            line-height: 2;
            color: var(--lgray);
            font-size: 18px;
        }

        .nd-column li {
            position: relative; /* Necesario para el posicionamiento de la viñeta */
            padding-left: 30px; /* Espacio para la viñeta personalizada */
        }

        .nd-column li::before {
            content: ''; /* Necesario para el pseudo-elemento */
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 20px; 
            height: 20px; 
            background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.0" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve"><path fill="%230066cc" d="M86.6,109.7c4.5-5.1,8.9-10.1,13.2-15c13.2-15,26.4-29.9,39.5-44.9c1.9-2.2,4.7-2.4,6.8-0.5c2.5,2.2,5,4.5,7.6,6.7c2.5,2.2,2.7,4.4,0.7,7.1c-15,20.6-30.1,41.3-45.1,61.9c-5.9,8-11.7,16.1-17.5,24.1c-2.7,3.7-7,3.8-9.7,0c-9.1-12.5-18.1-25-27.2-37.5c-3.2-4.4-6.4-8.7-9.6-13.1c-1.7-2.4-1.7-4.2,0.3-6.5c2.2-2.5,4.4-5.1,6.7-7.6c2.2-2.3,4.6-2.3,6.9-0.2c8.7,8.1,17.4,16.1,26.1,24.2C85.8,108.9,86.2,109.2,86.6,109.7z"/></svg>') no-repeat center;
            background-size: contain; /* Ajusta el tamaño de la imagen según el espacio disponible */
        }


        @media screen and (max-width: 768px) {
            .trusted {
                grid-template-columns: 1fr; /* Una sola columna */
                zoom: .95;
            }

            .st-column {
                display: flex;
                justify-content: center;
                padding: 0;
            }

            .btn-big{
                zoom: .8;
            }

            .st-column img {
                width: 100%; 
                max-width: 200px;
                height: auto; }
            
            .nd-column {
                text-align: center;
                padding: 0 20px;
            }

            .nd-column h2 {
                zoom: .8;
                margin: 0;
            }

            .nd-column ul li {
                font-size: 15px;
                line-height: 1.5;
                text-align: left;
            }
        }



/*        faq*/


        .tab-container {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 600px;
        }

        .tab {
            width: 100%;
            margin: 5px;
            border: 1px solid #0066cc;
            border-radius: 8px;
            box-sizing: border-box;
            overflow: hidden;
        }

        .tab-label {
            display: block;
            padding: 10px 15px;
            font-size: 15px;
            font-weight: normal;
            cursor: pointer;
            color: var(--dark);
            background-color: #fff;
            position: relative;
            text-align: left;
            border-radius: 8px 8px 0 0;
            border-bottom: none;
            transition: background-color 0.3s, color 0.3s; /* Transiciones suaves */
            padding-right: 30px;
        }

        .tab-label::after {
            content: '+';
            font-size: 20px;
            position: absolute;
            right: 20px;
            top: 5px;
            color: inherit;
            transition: color 0.3s; /* Transición suave para el ícono */
        }

        .tab-label:hover {
            background-color: #0066cc; /* Fondo azul al pasar el mouse */
            color: #fff; /* Texto blanco al pasar el mouse */
        }

        .tab-label:hover::after {
            color: #fff; /* Ícono blanco al pasar el mouse */
        }

        .tab input[type="radio"] {
            display: none;
        }

        .tab-content {
            max-height: 0; /* Inicialmente oculto */
            overflow: hidden;
            padding: 0 15px;
            font-size: 14px;
            background-color: #0066cc;
            color: #fff;
            border-radius: 0 0 8px 8px;
            border: 0;
            transition: max-height 0.3s ease; /* Transición suave */
        }
        .tab-content p{
            border-top: 1px solid #FFFFFF66;
            margin: 0;
            padding-top: 12px;
            line-height: 1.3;
            font-weight: lighter;
        }

        .tab input[type="radio"]:checked + .tab-label {
            background-color: #0066cc;
            color: #fff;
        }

        .tab input[type="radio"]:checked + .tab-label::after {
            content: '-';
        }

        .tab input[type="radio"]:checked + .tab-label + .tab-content {
            max-height: 500px; /* Un valor mayor al máximo contenido esperado */
            padding: 0px 20px 20px 20px;
        }

        /* El primer tab abierto */
        #tab-1 input[type="radio"]:checked + .tab-label + .tab-content {
            max-height: 500px;
            padding: 0px 20px 20px 20px;
        }

        @media (max-width: 600px) {
            .tab {
                flex: 1 1 100%;
            }
        }

        .faq{
            padding: 35px 0 40px 0;
            border-bottom: 1px solid var(--palegray);
        }
        .faq h2{
            font-size: 28px;
            border: 0;
            font-weight: 500;
            color: var(--dark);
            margin-bottom: 0;
            text-align: center;
            padding-bottom: 20px;
        }
        .faq-details{
            font-size: 16px;
            color: var(--lgray);
            text-align: center;
            padding: 10px 0;
        }

        .wrapper-faq {
            display: grid;
            grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
            gap: 0px; /* Espacio entre columnas */
        }

        .cell {
            padding: 5px;
            box-sizing: border-box;
        }

        @media (max-width: 600px) {
            .wrapper-faq {
                grid-template-columns: 1fr;
            }
            .faq{
                padding: 20px 0px;
                zoom: .95;
            }
            .faq h2{
                zoom: .8;
            }
            .cell {
                padding: 0px 10px;
            }
        }

        footer {
            background: #fbfaff;
            background: radial-gradient(ellipse at top, #eeeeee, #ffffff 70%);
        }

        footer a {
            font-size: 13.5px;
            text-decoration: none;
            color: var(--gray);
            transition: color 0.3s ease, text-decoration 0.3s ease;
        }

        footer a:hover {
            color: var(--blue);
            text-decoration: underline;
        }

        .extra-link a{color: var(--blue); text-decoration: none;}
        .extra-link a:hover {text-decoration: underline;}
        .extra-newsletter li{padding: 8px 0;}
        .extra-newsletter a{padding: 10px 0;}
        .footer-container {
            display: grid;
    grid-template-columns: 0.8fr repeat(3, 1fr) 0.8fr; /* El primer y último item son un 20% más angostos */
            gap: 10px;
            padding: 30px 0;
        }

        .footer-item {
            padding: 5px;
            box-sizing: border-box;
        }

        .footer-item h3 {
            color: var(--darkblue);
            font-size: 17px;
            font-weight: lighter;
            margin: 0;
            padding-bottom: 5px;
        }

        .footer-item ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .footer-item li {
            font-size: 13.5px;
            font-weight: lighter;
            color: var(--gray);
            line-height: 2;
        }

        .footer-container .footer-item:nth-child(3) li,
        .footer-container .footer-item:nth-child(4) li,
        .footer-container .footer-item:nth-child(5) li {
            line-height: 1.8;
        }

        .link-iso {
            font-size: 11px;
            border: 1px dashed;
            padding: 3px 7px;
            display: inline-block;
            border-radius: 5px;
            margin-top: 10px;
            position: relative;
            overflow: hidden;
            color: var(--blue);
            transition: color 0.2s ease;
            z-index: 1;
        }

        .link-iso::before {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--blue);
            z-index: -1;
            transition: top 0.2s ease;
        }

        .link-iso:hover::before {
            top: 0;
        }

        .link-iso:hover {
            color: white;
        }

        .footer-extra {
            display: flex;
            max-width: 1200px;
            position: relative;
        }

        .footer-extra p, .footer-extra a {
            font-size: 12px;
            color: var(--lgray);
            text-decoration: none;
        }
        .footer-extra a:hover{
            color: var(--blue);
        }

        .left-column {
            position: absolute;
            left: 0;
        }

        .center-column {
            margin: 0 auto;
            text-align: center;
        }

        @media (min-width: 768px) and (max-width: 1024px) { /* Tablets */
            .footer-extra {
                flex-direction: column; /* Apilar columnas en tablets */
            }

            .left-column,
            .center-column {
                text-align: center; /* Centrando el texto */
                width: 100%; /* Ocupa el 100% del ancho */
                display: flex;
            }
            
        }

        @media (min-width: 768px) {
            .footer-extra {
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 10px;
            }

            .left-column,
            .center-column {
                text-align: center; 
                width: auto;
            }

        }





        .social-icons {
            display: flex;
            gap: 12px;
            align-items: center;
            padding-bottom: 5px;
        }

        .icon-youtube svg path {
            transition: fill 0.3s ease;
        }

        .icon-youtube:hover svg path {
            fill: #f00;
        }

        .icon-linkedin svg path {
            transition: fill 0.3s ease;
        }

        .icon-linkedin:hover svg path {
            fill: #0077b5;
        }

        

        @media screen and (max-width: 768px) {
            footer{zoom: .75}
            .footer-container {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 0px;
                    padding: 20px 20px 0 20px;
                }

                .footer-item {
                    order: initial;
                    text-align: left;
                    padding: 0;
                    padding-bottom: 8px;
                }

            .footer-item:nth-child(1) { order: 1; } /* Tests We Offer */
                .footer-item:nth-child(2) { order: 3; } /* Beta Analytic */
                .footer-item:nth-child(3) { order: 2; } /* Resources */
                .footer-item:nth-child(4) { order: 5; } /* Forwarding Offices */
                .footer-item:nth-child(5) { order: 4; } /* Connect with Us */
                .footer-item:nth-child(4) {
                        order: 5;  /* Connect with Us */
                        grid-column: span 2; /* Ocupa toda la fila */
                        text-align: center;
                    }


            .social-icons {
                gap: 20px;
            }

            .footer-item h3 {
                font-size: 16px; 
            }

            .footer-item li {
                font-size: 13px; 
            }
            .footer-extra{
                zoom: .8;
                text-align: center;
            }
            .left-column{
                display: block;
                text-align: center;
                width: 100%;
            }

            .footer-extra{
                display: flex;
                flex-direction: column; /* Apila las columnas verticalmente */
            }
            .left-column {
                    order: 2; /* Left column pasa a ser segundo en mobile */
            }

            .center-column {
                    order: 1; /* Center column pasa a ser primero en mobile */
            }
            .left-column{
                position: inherit;
            }
        }

/*      menos de iphone 13*/

        @media (max-width: 388px) {
            footer{
                zoom: .9;
            }
            .footer-container {
                display: block;
            }

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

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


/*        contactpage*/

        .internal-page{
            margin-top: 100px;
            margin-bottom: 50px;
        }

        .internal-page hr{
            margin-top: 0;
            margin-bottom: 15px;
        }
        
        .internal-page h1{
            font-size: 30px;
            border: 0;
            font-weight: 500;
            color: var(--dark);
            margin: 0;
        }
        .form-container {
          display: flex;
          flex-wrap: wrap;
          gap: 15px; /* Espaciado entre las columnas */
          justify-content: space-between; /* Espacio uniforme entre columnas */
        }
        .form-container p{
            margin: 0;
            padding: 0;
        }

        /* Estilo para las secciones del formulario */
        .form-section {
          flex: 1;
          box-sizing: border-box;
          min-width: calc(50% - 10px); /* Ajusta el ancho para crear espacio en el centro */
        }

        .form-section.full-width {
          min-width: 100%;
        }

        .form-section.half-width, .form-section.quarter-width{
          width: 100%;
          display: flex;
          justify-content: flex-start;
        }
        .form-section.half-width p {
            min-width: calc(50% - 10px);
        }
        
        .form-section.quarter-width p {
            min-width: calc(15%);
        }
        .wpcf7cf_group{
            flex: 1 1 0%;
            box-sizing: border-box;
            min-width: calc(50% - 10px);
        }


        /* Estilo para dispositivos móviles */
        @media (max-width: 768px) {
          .form-section {
            width: 100%; 
            min-width: 100%;
          }
          .internal-page{
              margin-top: 80px;
          }
        }

        /* Estilo para etiquetas */
        .form-section label {
          display: block;
          margin-bottom: 4px;
          font-weight: lighter;
          font-size: 13px;
          color: var(--darkblue);
        }

        /* Estilos para los inputs */
        .form-section input[type="text"],
        .form-section input[type="number"],
        .form-section input[type="email"],
        .form-section textarea, .form-section select{
          width: 100%;
          padding: 5px 10px;
          box-sizing: border-box;
          border: 1px solid #ccc;
          border-radius: 4px;
          background-color: #f9f9f9;
          font-size: 15px;
          transition: border-color 0.3s, background-color 0.3s;
            min-height: 40px;
        }

        /* Efecto hover en inputs */
        .form-section input[type="text"]:hover,
        .form-section input[type="email"]:hover,
        .form-section textarea:hover {
          border-color: #0077ff; /* Cambia el color del borde al hacer hover */
          background-color: #f1f1f1; /* Cambia ligeramente el fondo */
        }

        /* Efecto focus en inputs */
        .form-section input[type="text"]:focus,
        .form-section input[type="email"]:focus,
        .form-section textarea:focus {
          outline: none;
          border-color: #0077ff; /* Cambia el color del borde al hacer focus */
          background-color: #fff; /* Fondo blanco al hacer focus */
          box-shadow: 0 0 5px rgba(0, 119, 255, 0.5); /* Sombra alrededor del input */
        }

        /* Estilos para botones */
        .form-section input[type="submit"] {
          background-color: #0077ff;
          color: #fff;
          padding: 12px 20px;
          font-size: 16px;
          border: none;
          border-radius: 8px;
          cursor: pointer;
          transition: background-color 0.3s, box-shadow 0.3s;
        }

        /* Efecto hover en botones */
        .form-section input[type="submit"]:hover {
          background-color: #005bb5;
          box-shadow: 0 4px 10px rgba(0, 91, 181, 0.3);
        }

        /* Efecto focus en botones */
        .form-section input[type="submit"]:focus {
          outline: none;
          box-shadow: 0 0 5px rgba(0, 119, 255, 0.5);
        }

        .form-section input,
        .form-section textarea {
          font-size: 16px;
        }

        .form-section label {
          display: block;
          margin-bottom: 5px;
          font-weight: bold;
        }

        .form-section input,
        .form-section select,
        .form-section textarea {
          width: 100%;
          padding: 8px;
          box-sizing: border-box;
          border: 1px solid #ccc;
          border-radius: 4px;
        }

        .language-selector select{
            color: var(--lgray);
            opacity: .9;
            width: 95%;
            padding: 7px;
            box-sizing: border-box;
            border: 0;
            border-radius: 4px;
            font-size: 12px;
        }


/*        checkbox custom*/

.wpcf7-list-item{
    margin: 0;
}
.wpcf7-list-item label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.wpcf7-list-item input[type="checkbox"] {
  display: none;
}

.wpcf7-list-item-label {
  position: relative;
  padding-left: 28px;
  color: #333;
  font-size: 16px;
}

.wpcf7-list-item-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #9098A9;
  border-radius: 3px;
  background-color: white;
  transition: all 0.2s ease;
}

.wpcf7-list-item-label::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 45%;
  transform: translateY(-50%) rotate(45deg) scale(0);
  width: 4px;
  height: 8px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background-color: #506EEC;
  border-color: #506EEC;
}

.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  transform: translateY(-50%) rotate(45deg) scale(1);
  opacity: 1;
}

.wpcf7-list-item-label:hover::before {
  border-color: #506EEC;
}

        .wpcf7-list-item-label{
            font-size: 14px;
            font-weight: lighter;
            cursor: pointer;
        }

        .wpcf7-list-item input[type="checkbox"]:hover + .wpcf7-list-item-label {
          color: var(--blue);
        }

        /* Cambio de color para el span cuando el checkbox está marcado */
        .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {
          color: var(--blue); !important; /* Cambia el color del texto cuando está seleccionado */
          font-weight: 500;
        }


        
/*        internal pages > services*/
        .services-biobased h3{
            color: var(--dark);
        }
        .services-header{
            padding: 0 0 25px 0;
            margin-bottom: 25px;
            text-align: center;
            background: #fbfaff;
            background: radial-gradient(ellipse at bottom, #f6f6f6, #ffffff 70%);
        }
        .services-header-biofuel{
            padding: 0 0 25px 0;
            margin-bottom: 25px;
            text-align: center;
            background: #fbfaff;
            background: radial-gradient(ellipse at bottom, #eee, #ffffff 70%);
        }
        .services-header-emissions{
            padding: 0 0 25px 0;
            margin-bottom: 25px;
            text-align: center;
            background: #fbfaff;
            background: radial-gradient(ellipse at bottom, #e9f1fa, #ffffff 70%);
        }
        .services-header p{
            font-size: 22px;
            color: #676767;
            font-weight: 500;
        }
        .services-header-biobased h1{
            color: #92c03b;
            font-size: 38px;
            margin: 0;
        }
        .services-header-biofuel h1{
            color: var(--darkblue);
            font-size: 38px;
            margin: 0;
        }
        .services-header-emissions h1{
            color: var(--darkblue);
            font-size: 38px;
            margin: 0;
        }
        .btn-small{
            zoom: .8;
        }
        .explore-more{
            border: 1px solid;
            border-image-slice: 1;
            padding: 30px 25px;
            border-image-source: linear-gradient(32deg, #b5c6e3 0%, #b5c6e3 30%, #9aaed8 50%, #2a64c5 100%);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
            position: relative;
            margin: 10px 0;
        }
        .explore-more p{
            font-size: 12px;
            color: var(--blue);
            margin: 0;
            position: absolute;
            top: 14px;
            left: 25px;
            width: 100%;
            text-align: left;
        }
        .explore-more h4{
            color: var(--blue);
            font-weight: normal;
            font-size: 20px;
            line-height: 1.2;
            margin-top: 3px;
            flex: 1;
        }
        .graphic-biobased{
            text-align: center;
        }
        .graphic-biobased h3{
            color: #808080;
        }
        .ready-to-submit{
            padding-top: 25px;
            padding-bottom: 10px;
            font-size: 18px;
            color: var(--gray);
            font-weight: bold;
        }
        .ready-to-submit a{
            color: var(--blue);
            text-decoration: underline;
            font-weight: normal;
        }
        .ready-to-submit a:hover{
            opacity: .8;
        }

/*SGS HOMEPAGE*/
.split-background {
    width: 100%;
    height: 170px;
    background: linear-gradient(to right, #fff 50%, #c8c9c6 50%);
    display: flex;
    justify-content: center; 
    align-items: center; 
}
.split-background img{
    max-height: 170px;
    width: auto;
}
@media (max-width: 768px) {
    .split-background {
        width: 100%;
        height: 100%;}
  .split-background img{
    max-width: 100%;
    width: auto;
    }
}

.grecaptcha-badge { visibility: hidden; }
     
    .webinar_alert{
        padding: 4px 8px;
        background: #eef3f8;
        border: 2px solid #1c6fb7;
        position: absolute;
        right: 20px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.35);
        transition: all .3s;
        z-index: 999;
        text-align: center;
    }
    .webinar_alert a:hover{
        opacity: .8
    }

    .headerthree {
      margin: 30px 0 !important;
        height: 70px !important;
    }
        .floating-bar{
        display: none;
        position: fixed;
        top: 0;
        width: 100%;
        height: 58px;
        background: #e2f2ff;
        z-index: 1000;
        border-bottom: 2px solid #64beff !important;
        color: #1b1b1b;
        text-align: center;
        padding-top: 16px;
        padding-left: 25px;
        padding-right: 25px;
        box-shadow: 0 0 4px rgba(25,25,25,0.1);
      }
      .floating-bar span{
        font-size: 17px;
      }
      .floating-bar a{
        color: #0b6fb7;
        font-weight: bold;
      }
      .floating-bar .close{
        color: #0b6fb7;
        text-shadow: none;
        opacity: .9;
      }
      .floating-bar .close:hover{
        color: #1b4172;
      }
      .alert{
        border-radius: 0;
        border: 0;
      }
      button.close{
            -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
      }
      .close{
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
      }
      .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: inherit !important;
      }
      .dropdown-menu, #dropdownMenu1 {
      width: initial !important;
    }
    .bls-19 ul{
        list-style-type: none;
        padding-left: 0px;
        padding-right: 30px;
    }

    .bls-19 ul li{
      padding-top: 10px;
      padding-bottom: 5px;
    }

    .bls-19 p{
      font-size: 15px;
      display: initial;
      line-height: .5;
    }
    .bls-19 span{
      font-size: 50px;
        vertical-align: middle;
        float: left;
        padding-right: 8px;
    }

    .bls-19 h2{
      padding-bottom: 2px;
        margin: 0;
        font-size: 16px;
        color: #306cb6;
    }
    .quick-features{
      padding: 30px 30px;
    }
    .biobased-logos{
      padding: 10px 30px;
    }
    ._ams{
      padding: 36px 20px; background: #255392;
      }

    /*RESPOPNSIVE FIX*/

    /*iphone*/
    @media screen and (max-width: 768px){
      .rsMinW, .rsOverflow{
        height: 100px !important;
      }
      .hide-xs{
        display: none !important;
      }
      .rsSBlock span{
        font-size: 20px !important
      }
      .quick-features {
        padding: 45px 0 !important;
      }
      .webinar_alert{
        left: 20px;
      }
      #cookie-law-info-bar{
        display: none !important;
      }
    }

      @media screen and (max-width: 480px){
        .inline{
          float: left !important;
        }
      }