@import "https://c39986.claudeassets.com/20250912122555cs_/https://gelantibacterialensobre.com/css/bootstrap.min.css";
@import url('https://a3566e.claudeassets.com/20250912122555cs_/https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Barlow Condensed', sans-serif;
    color: #4E4E4E;
    font-weight: 400;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}

a {
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    /* text-align: left;  */
    color: #4e4e4e;
    margin-bottom: 24px;
}

a {
    text-decoration: none;
    transition: all .3s ease-in-out;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    list-style: none;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

img {
    max-width: 100%;
}

.wrapper {
    overflow: hidden;
    min-height: 100vh;
}

.btn {
    min-width: 250px;
    height: 42px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.05em;
}

.cta-secondary {
    background: #25d0f3;
    color: #fff;
}

.cta-secondary:hover {
    background: #18a0d8;
    color: #F2E444;
}

.cta-primary {
    background: #f2e444;
    color: #19a0d8;
}

.cta-primary:hover {
    background: #18a0d8;
    color: #F2E444;
}


/* HEADER  */

header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}

header ul.navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

header .navbar-brand {
    margin: 0;
    padding: 0;
}

header ul.navbar-nav li a {
    font-weight: 500;
    font-size: 22px;
    line-height: 130.88px;
    color: #4e4e4e;
    padding: 6px 14px;
    border: 1px solid transparent;
}

header ul.navbar-nav li a:hover {
    color: #19a0d8;
}

header ul.navbar-nav li.active a,
header ul.navbar-nav li a:hover {
    border: 1px solid #19a0d8;
}

header .navbar {
    position: relative;
    align-items: flex-start;
}

header .navbar .navbar-brand {
    position: relative;
    top: -31px;
    margin: 0 30px;
}

header .navbar .navbar-collapse {
    flex: 1;
    align-items: center;
}


/* hero-main */

.hero-main {
    position: relative;
    background: linear-gradient(45deg, #034d98 0, #10d4f5 100%);
}

.hero-main .h1-drop {
    position: absolute;
    left: -255px;
    top: 64px;
    mix-blend-mode: multiply;
}

.hero-main .container {
    position: relative;
}

.large-drop {
    position: absolute;
    top: -58px;
    mix-blend-mode: multiply;
    right: 0;
}

.hero-main .h2-drop {
    position: absolute;
    left: -31px;
    bottom: 131px;
    mix-blend-mode: multiply;
}

.hero-main .shape1 {
    position: absolute;
    top: 64px;
    left: -217px;
}

.hero-text h1 {
    font-weight: 500;
    font-size: 240px;
    line-height: 1;
    text-align: left;
    font-style: italic;
    color: #fff;
    padding-bottom: 0;
}

.hero-text h2 {
    font-weight: 500;
    font-size: 88px;
    line-height: 1;
    text-align: left;
    color: #f2e444;
}

.hero-text h2.ensobre {
    background: #f2e444;
    font-weight: 400;
    font-size: 100px;
    line-height: 1;
    text-align: left;
    color: #19a0d8;
    padding: 0 14px 6px;
    max-width: 660px;
    margin-left: 178px;
    margin-top: 10px;
    margin-bottom: 27px;
}

.hero-text p {
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    max-width: 492px;
    margin-bottom: 26px;
}

.hero-main .container {
    position: relative;
}

.hero-main .img-drop {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.hero-main .hero-text {
    position: relative;
    z-index: 1;
}

.img-gel {
    position: absolute;
    right: 0;
    top: 186px;
}

.title {
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    color: #19a0d8;
    padding-bottom: 28px;
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

.title:after {
    content: '';
    width: 200px;
    height: 10px;
    background: #f2e444;
    position: absolute;
    bottom: 0;
    left: 0;
}

.sachet .img-holder img {
    max-width: initial;
}

.sachet {
    position: relative;
    margin-top: -60px;
}

.specs .title {
    text-align: right;
}

.specs .container {
    position: relative;
    z-index: 1;
}

.specs .title:after {
    right: 0;
    left: auto;
}

.specs ul {
    max-width: 355px;
    margin-left: auto;
    margin-bottom: 40px;
}

.specs ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #4e4e4e;
}

.specs ul li strong {
    font-weight: 500;
}

.specs ul span {
    text-align: right;
    display: block;
    flex: 1;
    font-weight: 400;
}

.specs p {
    text-align: right;
    margin-left: auto;
    max-width: 483px;
}

.specs {
    background: linear-gradient(45deg, #A5FBCF 0, #16F8F0 100%);
    position: relative;
    z-index: 9;
    margin-top: -57px;
    overflow: hidden;
}

.specs .rotate-text {
    font-weight: 700;
    font-style: italic;
    font-size: 101px;
    line-height: 101px;
    text-align: right;
    color: #befffa;
    position: absolute;
    transform: rotate(-90deg) translate(-100%, 0);
    transform-origin: left top;
    position: absolute;
    top: 10%;
    left: 0px;
}

.specs .shape-2 {
    margin-top: -80px;
    position: relative;
    right: -1px;
}

.specs .drop1 {
    position: absolute;
    left: 140px;
    top: 54px;
}

.specs .drop2 {
    position: absolute;
    left: 52%;
    top: 57%;
}

.drop-sachet {
    position: absolute;
    right: -23px;
    top: 90px;
    mix-blend-mode: multiply;
}

.specs .img-holder {
    top: 57px;
    position: relative;
    z-index: 1;
}

.customise {
    position: relative;
    padding-bottom: 30px;
}

.customise .about-drop {
    position: absolute;
    left: 86px;
    top: -30px;
    z-index: 20;
}

.customise h2 {
    text-align: right;
    font-weight: 500;
    font-style: italic;
    font-size: 88px;
    line-height: 88px;
    text-align: right;
    color: #2BF8F0;
}

.customise h2 span {
    color: #19a0d8;
}

.card-about {
    max-width: 601px;
    display: flex;
    padding: 0 47px 0 50px;
    align-items: center;
    position: relative;
    margin-top: 50px;
}

.card-about h3 {
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    line-height: 38px;
    text-align: left;
    color: #19a0d8;
    margin-bottom: 20px;
}

.card-about p {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #4e4e4e;
    margin-bottom: 40px;
    max-width: 256px;
}

.card-about:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    clip-path: polygon(0 0, 100% 16%, 88% 85%, 5% 100%);
    z-index: -1;
    transform: translate(0, -50%);
}

.bg-yellow:after {
    background-color: #F2E444;
}

.bg-blue:after {
    background-color: #25D0F3;
}

.bg-blue.card-about h3 {
    color: #fff;
}

.antibacterial {
    background: linear-gradient(#10d4f5 0%, #034d98 100%);
    position: relative;
}

.antibacterial .img-dr4 {
    position: absolute;
    left: -93px;
    top: 23px;
    mix-blend-mode: multiply;
}

.antibacterial .img-dr5 {
    position: absolute;
    right: -82px;
    bottom: 145px;
    mix-blend-mode: multiply;
}

.antibacterial h2 {
    font-weight: 500;
    font-size: 88px;
    line-height: 88px;
    text-align: left;
    color: #fff;
    margin-bottom: 63px;
}

.antibacterial h2 span {
    color: #f2e444;
}

.antibacterial p {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

.antibacterial .content {
    padding-bottom: 20px;
}

.antibacterial .content ul {
    padding-left: 30px;
}

.antibacterial .content li {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    list-style: disc;
}

.img-right {
    position: absolute;
    right: 0;
    z-index: 5;
}

.img-right img {
    max-width: initial;
}

.contact .container {
    position: relative;
    z-index: 5;
}

.contact h2 {
    font-style: italic;
    font-weight: normal;
    font-size: 92px;
    line-height: 100px;
    text-align: left;
    color: #19a0d8;
    text-align: right;
}

.contact .title:after {
    left: auto;
    right: 0;
}

.contact p {
    text-align: right;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: right;
    color: #4e4e4e;
}

.contact .lead {
    text-align: right;
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    line-height: 40px;
    color: #19a0d8;
}

.contact .contact-form {
    padding: 130px 95px 68px;
    background-image: url(https://1876e8.claudeassets.com/20250912122555im_/https://gelantibacterialensobre.com/images/back_contact.png);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0 14%, 100% 0, 84% 100%, 10% 100%);
    position: relative;
}

.contact .contact-form p {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: center;
    color: #4e4e4e;
    margin-bottom: 10px;
}

.form-control {
    height: 42px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: #4e4e4e;
}

.form-control::placeholder {
    opacity: 0.7;
    color: #4e4e4e;
}

.contact .contact-form textarea.form-control {
    min-height: 110px;
}

.contact .contact-form .btn {
    min-width: 300px;
    height: 42px;
}

footer {
    background-image: url(https://aaa74d.claudeassets.com/20250912122555im_/https://gelantibacterialensobre.com/images/bg-footer.png);
    position: relative;
    background-size: cover;
    background-position: top center;
    padding: 157px 0 0;
    z-index: 5;
}

footer .shape1 {
    position: relative;
    top: -1px;
}

footer h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    text-align: left;
    color: #4e4e4e;
    margin-bottom: 10px;
}

footer p {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 16px;
    text-align: left;
    color: #4e4e4e;
    margin-bottom: 20px;
}

.social-links {
    display: flex;
    align-items: center;
    margin: 0 -8px;
}

.social-links li {
    padding: 0 8px;
}

.social-links li a img {
    transition: all 0.3s;
}

.social-links li a:hover img {
    filter: brightness(0) invert(1);
}

footer .text-dir {
    max-width: 327px;
}

footer .form-group .form-control {
    height: 42px;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #25d0f3;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #4e4e4e;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

footer .form-group .form-control::placeholder {
    color: #4e4e4e;
}

footer .form-group {
    flex: 1;
    margin: 0;
}

footer form {
    display: flex;
    max-width: 327px;
    width: 100%;
}

footer form .btn {
    min-width: 99px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
}

footer .contact-links li a {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #4e4e4e;
}

footer .contact-links li a:hover {
    color: #034d98;
}

footer .brand-footer {
    position: relative;
    margin-bottom: -24px;
}


/* Sobre Generico */

.banner-sobre {
    background: linear-gradient(0deg, #A5FBCF 0, #16f8f0 100%);
    position: relative;
}

.banner-sobre .content {
    position: relative;
    z-index: 5;
}

h2,
.heading1 {
    font-weight: 500;
    font-size: 88px;
    line-height: 88px;
    color: #19a0d8;
    position: relative;
    padding-bottom: 20px;
}

.heading1:after {
    content: '';
    width: 200px;
    height: 10px;
    background: #f2e444;
    position: absolute;
    bottom: 0;
    left: 0;
}

.banner-sobre .heading1 {
    text-align: right;
    margin-bottom: 80px;
}

.banner-sobre .heading1 span {
    color: #fff;
}

.banner-sobre .heading1:after {
    left: auto;
    right: 0;
}

.banner-sobre ul li,
.banner-sobre p {
    text-align: right;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: right;
    color: #4e4e4e;
}

.sobre-hand {
    position: absolute;
    top: 42%;
    transform: translate(-50%, -50%);
    left: 59%;
}

.img-sobre {
    position: relative;
    right: 0;
    top: -173px;
    left: 160px;
}

.img-sobre img {
    max-width: initial;
    position: relative;
    z-index: 5;
}

.drops-sobre {
    position: absolute;
    left: -49px;
    top: 100px;
    mix-blend-mode: multiply;
    z-index: 1;
}

.cotiza {
    width: 100%;
    padding: 141px 0 82px;
    background-image: url(https://f8e4be.claudeassets.com/20250912122555im_/https://gelantibacterialensobre.com/images/cotiza.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    position: relative;
    margin-top: -418px;
}

.cotiza .content {
    max-width: 669px;
    position: relative;
    z-index: 3;
}

.cotiza .content h2 {
    font-style: italic;
    font-size: 88px;
    line-height: 88px;
    text-align: left;
    color: #fff;
    margin-bottom: 40px;
}

.cotiza .content h2 span {
    color: #19A0D8;
}

.cotiza .content p {
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    text-align: left;
    color: #19a0d8;
}

.cotiza .content h2.text-right {
    margin-right: 33px;
}

.communicate-drop1 {
    position: absolute;
    left: -49px;
    bottom: 83px;
    mix-blend-mode: color-burn;
}

.communicate-drop2 {
    position: absolute;
    right: 398px;
    top: 156px;
    mix-blend-mode: color-burn;
}

.dimension .heading1 {
    text-align: right;
    font-style: italic;
    margin-bottom: 15px;
}

.dimension .heading1:after {
    content: none;
}

.dimension .heading1 span {
    color: #2BF8F0;
}

.dimension-pro {
    display: flex;
    justify-content: space-between;
    max-width: 991px;
    margin-left: auto;
    margin: 0 -15px;
}

.dimension-pro li p {
    margin: 0;
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    line-height: 38px;
    text-align: right;
    color: #19a0d8;
}

.dimension-pro li {
    padding: 0 15px;
}

.dimension {
    position: relative;
}

.dimension .d1 {
    position: absolute;
    left: 100px;
    top: 30px;
}

.dimension .d2 {
    position: absolute;
    top: -80px;
    right: 57px;
}

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

.delivery .container {
    position: relative;
    z-index: 5;
}

.delivery {
    background: linear-gradient(138deg, #034d98 0%, #10d4f5 100%);
    position: relative;
}

.delivery h2 {
    font-style: italic;
    font-size: 88px;
    line-height: 88px;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}

.delivery h2 span {
    color: #F2E444;
}

.delivery .media h4 {
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    line-height: 38px;
    color: #fff;
}

.delivery .media h4 span {
    color: #F2E444;
}

.delivery .media {
    max-width: 491px;
    position: relative;
    z-index: 5;
}

.delivery .media2 {
    color: #fff;
    position: relative;
    z-index: 5;
}

.amarillo{
    color: #F2E444!important;
    padding-top: 30px;
}

.delivery h3 .forzado {
    color: #F2E444;
    position: relative;
    z-index: 5;
    
    
}




.delivery .media {
    margin-bottom: 60px;
}

.delivery p {
    font-weight: 500;
    font-size: 38px;
    line-height: 46px;
    text-align: left;
    color: #f2e444;
}

.delivery .d5 {
    position: absolute;
    left: -62px;
    bottom: 145px;
    mix-blend-mode: multiply;
}

.delivery .img-holder {
    position: relative;
}

.delivery .img-holder .img-fluid {
    position: relative;
    z-index: 5;
}

.delivery .img-holder .bg-box {
    position: absolute;
    left: -21px;
    z-index: 0;
    mix-blend-mode: multiply;
    max-width: 619px;
    bottom: 40px;
}

.delivery .img-dr4 {
    position: absolute;
    right: -45px;
    top: 0;
    mix-blend-mode: multiply;
}

.how-comes {
    position: relative;
    margin-bottom: -333px;
}

.how-comes h2 {
    font-style: italic;
}

.how-comes h2 span {
    color: #2BF8F0;
}

.how-comes .media .media-body img {
    max-width: initial;
    position: relative;
    z-index: 1;
}

.how-comes .media span {
    font-weight: 500;
    font-style: italic;
    font-size: 38px;
    line-height: 42px;
    text-align: right;
    color: #4e4e4e;
    display: block;
}

.how-comes .media h4 {
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    text-align: right;
    line-height: 48px;
    color: #4e4e4e;
}

.how-comes .media .p-title {
    min-width: 184px;
}

.how-comes .container-fluid {
    padding-left: 30px;
}

.how-comes .media.m1 .p-title {
    margin-top: 215px;
}

.how-comes .media.m2 .p-title {
    margin-top: 150px;
}

.how-comes .media.m2 .media-body img {
    position: relative;
    left: -30px;
    z-index: -1;
    bottom: 103px;
}

.how-comes .dh1 {
    position: absolute;
    left: 15px;
    top: 0;
}

.how-comes .dh2 {
    position: absolute;
    right: 431px;
    bottom: 260px;
}

.contact {
    position: relative;
}

.contact .c2 {
    position: absolute;
    bottom: 0;
    right: 14vw;
    z-index: 1;
}

.contact .c3 {
    position: absolute;
    bottom: 5vw;
    right: 50vw;
    z-index: 1;
}

.contact .c1 {
    position: absolute;
    top: 100px;
    left: 60px;
    z-index: 1;
}

.sobre-personal {
    background: -moz-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    /* FF3.6+ */
    background: -webkit-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    /* Opera 11.10+ */
    background: -ms-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    /* IE10+ */
    background: radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    /* W3C */
    position: relative;
}

.sobre-personal .heading1 {
    font-style: italic;
    margin-bottom: 50px;
}

.sobre-personal .heading1:after {
    background-color: #fff;
}

.sobre-personal .heading1 span {
    color: #fff;
}

.sobre-personal ul li {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: left;
    color: #4e4e4e;
    display: flex;
}

.sobre-personal ul li:before {
    content: "· ";
    margin-right: 8px;
}

.sobre-personal ul li span {
    flex: 1;
}

.sobre-personal p.lead {
    font-family: "Barlow Condensed";
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-top: 20px;
}

.sobre-personal .shape-1,
.sobre-personal .shape-2,
.sobre-personal .container {
    position: relative;
    z-index: 1;
}

.sobre-personal .img-holder {
    position: absolute;
    top: -80px;
    right: -64px;
}

.sobre-personal .paint-img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.sobre-personal .p1,
.sobre-personal .p2,
.sobre-personal .p3 {
    position: absolute;
}

.sobre-personal .p1 {
    left: 385px;
    top: 138px;
    mix-blend-mode: color-burn;
}

.sobre-personal .p3 {
    bottom: 39px;
    left: -39px;
    mix-blend-mode: color-burn;
}

.sobre-personal .p2 {
    right: 0;
    bottom: 200px;
    mix-blend-mode: color-burn;
}

.personalize-logo h3 {
    max-width: 950px;
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    text-align: left;
    color: #19a0d8;
    margin-bottom: 40px;
}

.personalize-logo {
    position: relative;
}

.personalize-logo .container {
    position: relative;
    z-index: 5;
}

.personalize-logo .b1,
.personalize-logo .b2 {
    position: absolute;
}

.personalize-logo .b1 {
    position: absolute;
    top: 50%;
    left: -44px;
    transform: translate(0, -50%);
}

.personalize-logo .b2 {
    position: absolute;
    top: 0;
    right: -140px;
}

.personalize-logo .b3 {
    position: absolute;
    left: -129px;
    top: 0
}

.personalize-logo .b4 {
    position: absolute;
    right: -15px;
    top: -15px;
}

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

.card-personalise img {
    margin-bottom: 25px;
}

.card-personalise p {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    color: #4e4e4e;
    max-width: 190px;
    margin: 0 auto;
}

.personalize-logo h2 {
    font-style: italic;
    margin-top: 30px;
    position: relative;
    display: inline-block;
}

.personalize-logo h2:before {
    content: '';
}

.personalize-logo h2 span {
    color: #2BF8F0;
}

.envelopes {
    background: linear-gradient(#10d4f5 0%, #034d98 100%);
    position: relative;
    background-color: #fff;
}

.envelopes h2 {
    color: #fff;
    font-weight: 500;
    font-style: italic;
    text-align: right;
    padding-top: 0px;
    max-width: 652px;
    margin-left: auto;
    position: relative;
    z-index: 5;
}

.envelopes h2 span {
    color: #F2E444;
}

.envelopes .img-group {
    float: left;
    margin-top: -198px;
    position: relative;
    z-index: 1;
}

.envelopes .img-group img {
    max-width: initial;
}

.envelopes .shape-2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.envelopes .b-group {
    position: absolute;
    left: 25px;
    top: 39px;
    mix-blend-mode: multiply;
    z-index: 5;
}

.envelopes .b-1 {
    position: absolute;
    right: -137px;
    bottom: 180px;
    mix-blend-mode: multiply;
}

.b-l1 {
    position: absolute;
    top: 90px;
    left: 540px;
    mix-blend-mode: multiply;
}

.b-l2 {
    position: absolute;
    bottom: 170px;
    right: 180px;
    mix-blend-mode: multiply;
}

.delivery-bg-2 {
    background: linear-gradient(0deg, #A5FBCF 0, #16f8f0 100%);
}

.delivery-bg-2.delivery p,
.delivery-bg-2.delivery .media h4 span,
.delivery-bg-2.delivery h2 span {
    color: #19A0D8;
}

.delivery-bg-2.delivery .img-holder .bg-box {
    mix-blend-mode: color-burn;
}

.certification {
    padding: 143px 0;
    position: relative;
}

.certification .ce1 {
    position: absolute;
    top: 100px;
    z-index: 1;
    mix-blend-mode: multiply;
}

.certification .ce2 {
    position: absolute;
    top: 370px;
    mix-blend-mode: multiply;
    right: 45%;
    z-index: 1;
}

.certification .content h4,
.certification .content h1,
.certification .content p {
    text-align: right;
}

.certification .content h1 {
    margin-bottom: 60px;
    color: #fff;
}

.certification .content h1:after {
    left: auto;
    right: 0;
}

.certification .content h4 {
    font-weight: 700;
    font-style: italic;
    font-size: 38px;
    line-height: 38px;
    text-align: right;
    color: #199fd7;
    margin-bottom: 30px;
}

.certification .content p {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: right;
    color: #4e4e4e;
    max-width: 467px;
    margin-left: auto;
}

.certification .container {
    position: relative;
    z-index: 5;
}

.certify-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 77px;
    z-index: 1;
}

.map-img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.map-img img {
    max-width: initial;
}

.map-img {
    position: absolute;
    left: -492px;
    bottom: -85px;
    float: left;
}

.map .ndc {
    margin-top: -120px;
    position: relative;
    z-index: 1;
}

.map .codepris {
    margin-top: 100px;
    margin-left: 220px;
    position: relative;
    z-index: 1;
}

.map {
    padding-bottom: 100px;
    position: relative;
}

.map .cc1 {
    position: absolute;
    top: -200px;
    right: -56px;
    mix-blend-mode: multiply;
}

.map .cc2 {
    position: absolute;
    top: -48px;
    left: 41%;
}

.map .cc3 {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

.contacto {
    background: -moz-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    background: -webkit-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    background: -o-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    background: -ms-radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    background: radial-gradient(50% 50%, circle cover, #F2E444 0, #f0b600 100%);
    position: relative;
    padding: 0 0 200px;
    margin-bottom: -200px;
}

.contacto .row {
    padding-top: 100px;
}

.contacto .content h1 {
    color: #fff;
    margin-bottom: 30px;
    padding-bottom: 70px;
}

.contacto .content h1:after {
    background-color: #fff;
}

.contacto .content {
    max-width: 560px;
}

.contacto .content h4 {
    font-weight: 500;
    font-style: italic;
    font-size: 48px;
    line-height: 88px;
    text-align: right;
    color: #19a0d8;
}

.contacto .envelop-bg {
    position: absolute;
    left: 51%;
    top: 63%;
    transform: translate(-50%, -50%);
}

.contacto .shape-1 {
    position: relative;
    z-index: 1;
}

.contacto .container {
    position: relative;
    z-index: 5;
}

.cta1,
.cta2,
.cta3,
.cta4 {
    position: absolute;
    mix-blend-mode: color-burn;
}

.cta1 {
    top: 209px;
    left: 20px;
}

.cta2 {
    top: 191px;
    right: 138px;
}

.cta3 {
    bottom: 179px;
    right: 567px;
}

.cta4 {
    bottom: 80px;
    right: -50px;
}

.customise .container {
    position: relative;
    z-index: 22;
}

p .align {
    text-align: justify;
}
/*
     FILE ARCHIVED ON 10:23:14 Aug 27, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:16:08 Jul 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.984
  exclusion.robots: 0.135
  exclusion.robots.policy: 0.103
  esindex: 0.015
  cdx.remote: 42.739
  LoadShardBlock: 801.169 (3)
  PetaboxLoader3.resolve: 815.188 (4)
  PetaboxLoader3.datanode: 274.274 (4)
  load_resource: 343.658
*/