:root {
    /* AV */
    --av-black: #000;
    --av-white: #fff;
    --av-lightgrey: #E3E7EE;
    --av-skyblue: #244393;
    --av-grey:#606060;
    /* --av-darkblue: #21439A;
    --av-deepblue: #062244; */
    --av-skyblue-rgb: 60, 154, 255;
    --av-lightblue-rgb: 239, 244, 249;
    --av-mt-main: 70px;
    --av-icon-check: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc1OTEgMjEuNzE2NEwyMy4zNzQzIDExLjEwMTJMMjEuNzEwNSA5LjQzNzM3TDEyLjc1OTEgMTguMzg4OEw4LjI1OTA4IDEzLjg4ODhMNi41OTUyNiAxNS41NTI2TDEyLjc1OTEgMjEuNzE2NFpNMTUuMDAyOCAzMEMxMi45MjggMzAgMTAuOTc3OSAyOS42MDYzIDkuMTUyMzcgMjguODE4OUM3LjMyNjg0IDI4LjAzMTYgNS43Mzg5NSAyNi45NjMgNC4zODg2OCAyNS42MTMzQzMuMDM4NDIgMjQuMjYzNiAxLjk2OTM0IDIyLjY3NjMgMS4xODE0NSAyMC44NTE2QzAuMzkzODE1IDE5LjAyNjggMCAxNy4wNzcyIDAgMTUuMDAyOEMwIDEyLjkyOCAwLjM5MzY4NCAxMC45Nzc5IDEuMTgxMDUgOS4xNTIzN0MxLjk2ODQyIDcuMzI2ODQgMy4wMzY5NyA1LjczODk1IDQuMzg2NzEgNC4zODg2OEM1LjczNjQ1IDMuMDM4NDIgNy4zMjM2OCAxLjk2OTM0IDkuMTQ4NDIgMS4xODE0NUMxMC45NzMyIDAuMzkzODE1IDEyLjkyMjggMCAxNC45OTcyIDBDMTcuMDcyIDAgMTkuMDIyMSAwLjM5MzY4NCAyMC44NDc2IDEuMTgxMDVDMjIuNjczMiAxLjk2ODQyIDI0LjI2MTEgMy4wMzY5NyAyNS42MTEzIDQuMzg2NzFDMjYuOTYxNiA1LjczNjQ1IDI4LjAzMDcgNy4zMjM2OCAyOC44MTg2IDkuMTQ4NDJDMjkuNjA2MiAxMC45NzMyIDMwIDEyLjkyMjggMzAgMTQuOTk3MkMzMCAxNy4wNzIgMjkuNjA2MyAxOS4wMjIxIDI4LjgxODkgMjAuODQ3NkMyOC4wMzE2IDIyLjY3MzIgMjYuOTYzIDI0LjI2MTEgMjUuNjEzMyAyNS42MTEzQzI0LjI2MzYgMjYuOTYxNiAyMi42NzYzIDI4LjAzMDcgMjAuODUxNiAyOC44MTg2QzE5LjAyNjggMjkuNjA2MiAxNy4wNzcyIDMwIDE1LjAwMjggMzBaIiBmaWxsPSIjM0M5QUZGIi8+Cjwvc3ZnPgo=);
    --av-navbar-icon-bg-white: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5TAP9bkSK1AAAAFklEQVR4nGNkAAJGnIT8A4aHEIKu6gBRZgtfDoo7fQAAAABJRU5ErkJggg==);
    --av-navbar-icon-bg-color: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDMwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPgoJPGRlZnM+CgkJPGltYWdlICB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIGlkPSJpbWcxIiBocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJnQUFBQVNBUU1BQUFCN0lvemRBQUFBQVhOU1IwSUIyY2tzZndBQUFBWlFURlJGSVVPYUFBQUFwRGxNQlFBQUFBSjBVazVUL3dEbHR6QktBQUFBRTBsRVFWUjRuR05rWUdCZ0JPSC9PRENSOGdDOVJ3d0h4OEViOWdBQUFBQkpSVTVFcmtKZ2dnPT0iLz4KCTwvZGVmcz4KCTxzdHlsZT4KCTwvc3R5bGU+Cgk8dXNlIGlkPSJCYWNrZ3JvdW5kIiBocmVmPSIjaW1nMSIgeD0iMyIgeT0iNiIvPgo8L3N2Zz4=);
    --av-icon-prev: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjA5NzQgMTEuNjcxNUg0LjQ5MTI3TDEyLjg4NTIgMjAuNDIxNUg5LjcwMjAzTDAgMTAuMjEwN0w5LjcwMjAzIDBIMTIuODg1Mkw0LjQ5ODU0IDguNzQ5OTlIMjEuMDk3NFYxMS42Nzg4VjExLjY3MTVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    --av-icon-next: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjAwMDE4Mzk5MiA4Ljc0OTg5TDE2LjYwNTkgOC43NDk4OUw4LjIxMjAxIC0wLjAwMDEwMDMwOUwxMS4zOTUxIC0wLjAwMDEwMDAzTDIxLjA5NzIgMTAuMjEwNkwxMS4zOTUxIDIwLjQyMTRMOC4yMTIgMjAuNDIxNEwxNi41OTg2IDExLjY3MTRMLTAuMDAwMTg0MjQ4IDExLjY3MTRMLTAuMDAwMTgzOTkyIDguNzQyNjJMLTAuMDAwMTgzOTkyIDguNzQ5ODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    --av-w-bullet-slick: 8px;
    --av-h-bullet-slick: 8px;
}
/* 
Thin	   100
ExtraLight 200
Light	   300
Normal     400
Medium	   500
SemiBold   600
Bold	   700
ExtraBold  800
Black      900 */

@font-face {
    font-family: 'Matter';
    src: url(../fonts/Matter-Light.woff2) format('woff2'),
         url(../fonts/Matter-Light.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Matter';
    src: url(../fonts/Matter-Regular.woff2) format('woff2'),
         url(../fonts/Matter-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Matter';
    src: url(../fonts/Matter-Medium.woff2) format('woff2'),
         url(../fonts/Matter-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Matter';
    src: url(../fonts/Matter-SemiBold.woff2) format('woff2'),
         url(../fonts/Matter-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: 'Matter';
    src: url(../fonts/Matter-Bold.woff2) format('woff2'),
         url(../fonts/Matter-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(36, 67, 147,.5) #E3E7EE;
}

html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Matter', sans-serif;
    font-weight: 400;
}
/* Scroll general */
::-webkit-scrollbar {
  width: 8px;
}

/* Fondo del scroll */
::-webkit-scrollbar-track {
  background: #E3E7EE;
}

/* Barra */
::-webkit-scrollbar-thumb {
  background: rgba(36, 67, 147, .5);
  border-radius: 10px;
}

/* Hover suave */
::-webkit-scrollbar-thumb:hover {
  background: #1d3570;
}
span.font-courier {
    font-family: 'Courier New', Courier, monospace!important;
    font-weight: 600;
    font-size: 17.5px;
}
.av-address-link {
    display: none;
}
.av-address-link a {
    color: #000;
    text-decoration: none;
}
.av-address-link p {
    text-align: center;
}
a.av-whatsapp {
    position: fixed;
    z-index: 10;
    bottom: 20%;
    right: 24px;
    width: 48px;
    height: 48px;
    text-decoration: none;
    border-radius: 50px;
    background: #25d366;
    animation: bounce 2s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.av-whatsapp img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
a.av-whatsapp.hide {
    display: none;
}
a.av-whatsapp.scrolled {
    display: flex;
}

@keyframes bounce {
    0% {
      transform: translateY(0);
    }
    20% {
      transform: translateY(-6px);
    }
    40% {
      transform: translateY(0);
    }
    60% {
      transform: translateY(-3px);
    }
    80% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(0);
    }
  }

.av-slider .slick-dots {
    top: unset;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 24px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: transparent;
}
.av-slider .slick-dots li,
.av-slider .slick-dots li button {
    padding: 0;
    width: var(--av-w-bullet-slick);
    height: var(--av-h-bullet-slick);
}
.av-slider .slick-dots li {
    margin: 0;
}
.av-slider .slick-dots li button {
    background-color: white;
}
.av-slider .slick-dots li.slick-active button {
    background-color: var(--av-skyblue);
}
/* :::::::::home:::::::::::::: */
.av-main {
    margin-top: 70px;
}
section {
    position: relative;
}
.av-container {
    padding: 0;
}
section.main-home {
    padding: 12px 12px 80px 12px;
}
section.main-home .av-wrapper {
    padding: 12px;
    border-radius: 12px;
    background-color: var(--av-lightgrey);
}
section.main-home .av-container {
    height: auto;
    min-height: unset;
}
section.main-home .av-navbar,
section.main-home .av-navbar-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.main-home .av-navbar-menu {
    width: fit-content;
    gap: 60px;
    padding: 0 24px 0 0;
}
/* .av-container-navbar {
    padding-right: calc(var(--bs-gutter-x) * 1.7);
    padding-left: calc(var(--bs-gutter-x) * 1.9);
} */
section.main-home .av-title-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    gap: 24px;
    margin: 48px 20px;
}
section.main-home .av-title-wrapper h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    margin-top: 24px;
}
section.main-home .av-title-wrapper h1 span {
    color: var(--av-skyblue);
}
section.main-home .av-title-wrapper p {
    font-weight: 500;
    color: black;
}
section.main-home .av-slider {
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    margin: 0;
}
section.main-home .av-slider div {
    margin: 0;
}
section.main-home .av-slider img {
    width: 100%;
    height: 510px;
    object-fit: cover;
}
section.main-home .av-slider,
section.main-home .av-slider div,
section.main-home .av-slider img {
    border-radius: 12px;
}
#homeSlider .slick-slide {
  overflow: hidden;
}
#homeSlider .slick-slide img {
  transform: scale(1.4) translateY(30px);
  transition: none;
  will-change: transform;
}

#homeSlider .slick-active img:not(.first),
#homeSlider .slick-active.force-animate img {
  transition: transform 5s ease-out;
  transform: scale(1) translateY(0);
}

section.av-banner-sec {
    position: relative;
    top: unset;
    right: unset;
    transform: unset;
    width: 100%;
    height: 100%;
    padding: 12px;
}
section.av-banner-sec .wrapper {
    border-radius: 12px;
    padding: 24px 24px 0 24px;
    margin: 0;
    color: var(--av-white);
    background: var(--av-skyblue);
}
section.av-banner-sec .icon {
    position: relative;
    top: unset;
    left: unset;
    width: auto;
    height: 180px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}
section.av-banner-sec .body {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
}
section.av-banner-sec .body .title {
    grid-column: 1/2;
    grid-row: 1/2;
}
section.av-banner-sec .body p {
    font-size: 16px;
    grid-column: 1/2;
    grid-row: 2/3;
}
section.av-banner-sec .body .btn {
    grid-column: 1/2;
    grid-row: 3/4;
    margin: 0 0 12px 0;
    width: fit-content;
}
section.av-banner-sec.payment .wrapper {
    height: auto;
}
section.av-banner-sec.payment .av-payment-method-list {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    margin: 20px 0 0 0;
    flex-wrap: wrap;
}
.av-payment-method-list .icon-banner {
    width: auto;
    height: 60px;
}
.av-payment-method-list .icon-img {
    width: auto;
    height: 20px;
    object-fit: contain;
}
.av-payment-method-item h4 {
    font-size: 16px;
    margin: 12px 0 0 0;
}
section.av-banner-sec.plasma .wrapper {
    padding: 20px;
}
section.av-banner-sec.plasma .icon {
    width: 100%;
    height: 180px;
    border-radius: 12px;
    object-fit: cover;
}
section.av-operation {
    width: 100%;
    height: auto;
    margin: 40px 0;
    padding: 12px;
    color: var(--av-white);
}
section.av-operation .av-wrapper {
    padding: 20px;
    background: var(--av-skyblue);
}
section.av-operation,
section.av-operation .av-wrapper {
    border-radius: 12px;
}

section.av-operation .av-operation-container {
    padding: 12px;
}
section.av-operation .av-wrapper .icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    max-height: 280px;
}
section.av-operation .body  {
    width: fit-content;
    height: 100%;
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin: 0 auto 0 auto;
}
section.av-operation .body  .title {
    font-size: 30px;
    margin: 24px 0 0 0;
}
section.av-operation .body  ul {
    font-size: 18px;
}
section.av-operation .body  .btn {
    align-self: flex-end;
}
section.av-home-products {
    margin: 24px 0;
    padding: 24px 12px;
    background-color: var(--av-lightgrey);
}
.av-product-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 60px;
}
.av-direction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.av-direction a {
    display: block;
    width: 20px;
    height: 20px;
}
.av-direction img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
section.av-home-products h2 {
    min-width: unset;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}
section.av-home-products .av-category-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    overflow: hidden;
    overflow-x: auto;
    gap: 12px;
}
section.av-home-products .av-category-list {
    width: 100%;
    display: flex;
    gap: 30px;
    margin: 0;
    align-items: center;
    justify-content: start;
    border-bottom: 2px solid transparent;
    overflow-x: auto;
}
section.av-home-products .av-product-list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 24px;
    padding: 48px 0 48px 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto
}
section.av-home-products .av-product-item {
    width: 250px;
    height: auto;
    min-height: 150px;
    border-radius: 10px;
    background-color: white;
    flex-shrink: 0;
}
section.av-home-products .av-product-item img.banner {
    width: 100%;
    height: 200px;
    display: block;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
section.av-home-products .av-product-item img.banner.fill {
    object-fit: fill;
}
section.av-home-products .av-product-wrapper {
    padding: 20px 24px;
}
section.av-home-products .av-product-wrapper span {
    display: block;
    width: 100%;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1.1;
    min-height: 35.2px;
}
section.av-home-products .form-check .form-check-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}
section.av-home-products .form-check,
section.av-home-products .form-check-label {
    position: relative;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
section.av-home-products .form-check-label {
    padding: 0 0 20px 0;
}
section.av-home-products .form-check-input:checked ~ label {
    border-bottom: 3px solid var(--av-skyblue);
}
section.av-benefits {
    width: 100%;
    height: auto;
    margin: 40px 0;
    padding: 12px;
    color: var(--av-black);
    border-radius: 12px;
}
section.av-benefits .av-wrapper {
    padding: 20px;
    background-color: var(--av-white);
    border-radius: 12px;
}
section.av-benefits h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}
section.av-benefits .av-benefit-item {
    text-align: center;
}
section.av-benefits .av-benefit-item .banner {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
section.av-benefits .av-benefit-item h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px auto;
}
section.av-standard {
    flex-direction: column;
    padding:24px;
}
section.av-standard .av-standard-wrapper {
    padding: 0 ;
}
section.av-standard .av-standard-wrapper h2 {
    font-size: 30px;
    font-weight: 500;
}
section.av-standard .av-standard-wrapper p{
    font-size: 18px;
}
.av-contact-link {
    width: 100%;
    text-align: right;
}
section.av-banner {
    padding: 0;
    position: relative;
    width: 100%;
    height: auto;
}
section.av-banner img.av-cover{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.av-banner .av-banner-wrapper {
    position: relative;
    z-index: 2;
    color: var(--av-white);
    padding: 60px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
section.av-banner .av-banner-wrapper h2 {
    line-height: 1.1;
    font-weight: 500;
    font-size: 40px;
    grid-column: 1/4;
    grid-row: 1/2;
}
section.av-banner .av-banner-wrapper p {
    margin: 1rem 0;
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: 16px;
}
section.av-banner .av-banner-wrapper .btn {
    grid-column: 2/3;
    grid-row: 2/3;
    width: fit-content;
    align-self: start;
    justify-self: end;
}

section.av-standard,
section.av-standard .av-standard-wrapper,
section.av-standard .av-logo-list {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
section.av-standard .av-standard-wrapper {
    flex-direction: column;
}
.av-standard-banner {
    width: 100%;
    height: 250px;
    margin-top: 24px;
}
.av-standard-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.av-standard .av-logo-list {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
section.av-standard .av-logo-list img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
/* ::::::::about:::::::: */
section.av-main-banner {
    border-radius: 12px;
    height: calc(100dvh - (46px * 2));
}
section.av-main-banner .av-bg {
    position: absolute;
    z-index: 0;
    top: 24px;
    left: 24px;
    right: 24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
    object-fit: cover;
    border-radius: 12px;
}
section.av-main-banner .av-bg.contact {
    object-position:bottom
}
section.av-main-banner .container {
    position: relative;
    z-index: 1;
}
section.av-main-banner .av-main-banner-box {
    position: absolute;
    z-index: 1;
    width: calc(100% - (48px *2));
    max-width: 500px;
    border-radius: 20px;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 48px;
    color: var(--av-white);
    background: var(--av-skyblue);
}
 
/* ::::::::about:::::::: */

section.av-career h1,
section.av-career h2,
section.av-career .title {
    font-weight: 500;
    font-size: 32px;
}
section.av-career {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: .5fr;
    padding: 0;
    margin: 0 0 24px 0;
}
 section.av-career .av-career-info {
    position: relative;
    width: 100%;
    height: fit-content;
    display: flex;
    gap: 12px;
    flex-direction: column;
    align-items: start;
    padding: 0 24px;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
section.av-career .av-career-info p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
 section.av-career .av-banner-about {
    width: 100%;
    height: 100%;
    object-fit: contain;
    justify-self: end;
    object-position: unset;
    max-height: unset;
    margin: 0 0 100px 0;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

section.av-career .av-contact-link {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
}
section.av-vision {
    margin: 0;
    padding: 24px;
    background-color: var(--av-lightgrey);
}
section.av-vision .av-vision-head {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 24px 0;
    gap: 20px;
}
section.av-vision .av-vision-head h2 {
    font-weight: 600;
    font-size: 30px;
    grid-column: 1/2;
    grid-row: 1/2;
}
section.av-vision .av-vision-head p {
    font-size: 16px;
    grid-column: 1/2;
    grid-row: 2/3;
}
section.av-vision .av-vision-head h2,
section.av-vision .av-vision-head p,
section.av-vision .av-vision-head .title {
    align-self: center;
    margin: 0;
}
.av-vision-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--av-white);
    margin: 0 0 24px;
}
.av-vision-item img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin: 24px auto 40px auto;
    display: block;
}
.av-vision-item p,
.av-vision-item .text {
    padding: 12px 24px;
}
.av-vision-item h3,
.av-vision-item .title {
    font-size: 22px;
    font-weight: 600;
}
section.av-contact {
    padding: 24px 12px;
}
.av-contact-wwrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.av-contact-wwrapper a,
.av-contact-wwrapper span {
    font-size: 18px;
    text-decoration: none;
    color: var(--av-grey);
}
.av-contact-wwrapper .title-main {
    margin-bottom: 24px;
    grid-column: 1/2;
    grid-row: 1/2;
}
.av-contact-list {
    margin: 12px;
}
.av-contact-list:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 2 / 3;
}
.av-contact-list:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 3/4;
}
.av-contact-list:nth-of-type(3) {
    grid-column: 1/2;
    grid-row: 4/5;
}
.av-contact-list:nth-of-type(4) {
    grid-column: 1/2;
    grid-row: 5/6;
}
.av-contact-network {
    grid-column: 1/2;
    grid-row: 6/7;
    justify-self: center;
    align-self: center;
}
.av-contact-network h2 {
    font-size: 30px;
}
.av-contact-network-list {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 48px;
    margin: 36px 0 24px 0;
}
.av-contact-network-list img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.av-contact-list {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 24px;
    margin: 0 12px 24px 0;
}
.av-contact-list .icon {
    width: 45px;
    height: 45px;
    object-fit: contain;
}
.av-contact-item .title {
    font-size: 20px;
    font-weight: 500;
}
.av-contact-list .av-contact-item {
    display: flex;
    flex-direction: column;
}
section.av-contact-form {
    padding: 12px;
}
section.av-contact-form .title-main {
    margin: 0 0 40px 0;
}
section.av-contact-form .av-wrapper {
    padding: 40px 0;
    background-color: #E3E7EE;
    border-radius: 12px;

}
section.av-contact-form .av-wrapper textarea{
    resize: none;
}
.av-send-btn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
}
.av-products-list {
    display: flex;
    gap: 36px;
    justify-content: start;
    align-items: start;
    overflow-x: auto;
    padding: 0 0 24px 0;
}
.av-product-head {
    padding: 12px;
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.av-products-item {
    width: 350px;
    height: auto;
    min-height: 420px;
    background-color: var(--av-lightgrey);
    border-radius: 20px;
}
.av-products-item img {
    display: block;
    width: 350px;
    height: 160px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.av-products-item img.thumbnail {
    width: 28px;
    height: 28px;
    object-fit: cover;
}
.av-products-item .body {
    padding: 24px;
}
.av-products-item .body h3 {
    font-size: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.av-products-item .body p {
    height: auto;
    min-height: 120px;
    max-height: 120px;
    overflow-y: auto;
}
.av-products-item .body .btn {
    width: 100%;
}
.me-marquee {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 30px 0;
    background-color: var(--av-skyblue);
}
.me-marquee .me-marquee-item .icon-marquee {
    width: auto;
    height: 42px;
    object-fit: cover;
    line-height: 1;
    margin: 0 60px!important;
}
.me-marquee .me-marquee-item p,
.me-marquee .me-marquee-item a {
    margin: 0;
    line-height: 1;
    font-weight: 400;
    font-size: 2.5rem;
    white-space: nowrap;
    letter-spacing: 1px;
    color: #163074;
    margin: 0 ;
    text-transform: uppercase;
}
.me-marquee .me-marquee-item a {
    text-decoration: none;
    width: fit-content;
    display: block;
}
.me-marquee.v2 {
    background-color: #163074;
}
.me-marquee.v2 .me-marquee-item p,
.me-marquee.v2 .me-marquee-item a {
    color: var(--av-skyblue);
}

.me-marquee.v3 {
    background-color: var(--av-skyblue);
}
.me-marquee.v3 .me-marquee-item p,
.me-marquee.v3 .me-marquee-item a {
    font-weight: 300;
    color: white;
}
section.av-products,
section.av-product-section {
    padding: 0;
}
.av-product-section-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto, 2);
    border-radius: 12px;
    background-color: #F0F1F6;
    margin-right: 12px;
    margin-bottom: 36px;
    height: auto;
}
.av-product-section-item .icon {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    grid-column: 1/2;
    grid-row: 1/2;
}
.av-product-section-item .icon.ancla {
    object-position: 90px;
    background-color: #c6c8c7;
}
.av-product-section-item .body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    grid-column: 1/2;
    grid-row: 2/3;
}
.av-product-section-item .body .title {
    width: 100%;
    text-align: left;
}
.av-product-section-item p {
    height: auto;
    min-height: 120px;
    max-height: 120px;
    overflow-y: auto;
}
footer {
    background-color: black;
}
footer .av-icon-link {
    display: flex;
    justify-content: start;
    align-items: start;
    line-height: 1.2;
}
footer .av-logo {
    padding: 0 0 40px 0;
}
footer .av-logo img {
    display: block;
    width: auto;
    height: 60px;
    object-fit: contain;
    margin: 0 auto;
}
footer .av-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
footer .av-box h4,
footer .av-box .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--av-grey);
    text-transform: uppercase;
}
footer .av-box .av-link-list {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}
footer .av-box .av-row {
    flex-direction: row;
}
footer .av-box .av-g24 {
    gap: 24px;
}

footer .av-box p,
footer .av-box .av-link-list a,
footer .av-box .av-link-list span,
footer .av-mtk a  {
    width: fit-content;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    color: var(--av-white);
}
footer .av-box .av-link-list a img.icon,
footer .av-box .av-link-list span img.icon  {
    width: 17px;
    height: 17px;
    object-fit: contain;
    margin: 0 10px 0 0;
}
footer .av-box:nth-of-type(2) {
    padding: 0;
}
footer .av-box .av-link-list {
    flex-direction: row;
    margin-bottom: 20px;
}
footer .av-box .av-link-list.flex-col {
    flex-direction: row;
    flex-wrap: wrap;
}
footer .av-mtk {
    color:#FFFFFF80;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    padding: 20px 0 12px 0;
}
footer .av-mtk a {
    color: #FFFFFF80;
    font-weight: 600;
}
section.av-plasma {
    width: 100%;
    height: auto;
    padding: 12px;
    background-color: var(--av-white);
}
section.av-plasma .av-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: var(--av-skyblue);
}
section.av-plasma .av-banner {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
section.av-plasma,
section.av-plasma .av-wrapper ,
section.av-plasma .av-banner  {
    border-radius: 12px;
}
section.av-plasma .av-banner-title {
    position: relative;
    width: 100%;
    height: 100%;
}
section.av-plasma .av-banner-title h3 {
    color: white;
    font-size: 28px;
    text-align: center;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
    margin: 24px 0 0 0;
}

@media (min-width: 576px) { 
    section.av-plasma .av-banner-title h3 {    
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }   
    .av-product-section-item {
        grid-template-columns: .5fr 1fr;
        grid-template-rows: 1fr;
        border-radius: 12px;
        height: auto;
    } 
    .av-product-section-item .icon {
        height: 100%;
        border-top-left-radius: 12px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 12px;
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .av-product-section-item .body {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    
    .av-product-section-item .icon.ancla {
        object-position: left;
        background-color: #f0f1f6;
    }
 }

@media (min-width: 768px) { 
    section.av-plasma .av-banner {
        height: 100%;
    }
.av-contact-network-list img {
    width: 45px;
    height: 45px;
}
    section.main-home .av-wrapper,
    section.av-plasma .av-wrapper {
        padding: 24px;
    }
    .av-payment-method-list {
        justify-content:space-evenly;
    }
    section.av-main-banner {
        height: 70dvh;
    }
    section.av-main-banner.contact {
        height: calc(100dvh - (46px * 2));
    }
    section.av-main-banner .av-bg.contact {
        object-position: center;
        object-fit: fill;
    }
    section.av-main-banner .av-main-banner-box {
        width: 50%;
    }
    section.av-career {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: .5fr;
        margin: 40px 0;
    }
    section.av-career .av-career-info {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    section.av-career .av-banner-about {
        grid-column: 2/3;
        grid-row: 1/2;
        object-position: right;
        max-height: unset;
        margin: 0;
    }
    section.av-career.av-left .av-career-info {
        grid-column: 2/3;
        grid-row: 1/2;
        padding: 0 0 0 48px;
    }
    section.av-career.av-left .av-banner-about {
        grid-column: 1/2;
        grid-row: 1/2;
        object-position: left;
    }
    section.av-vision .av-vision-head {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
    
    section.av-vision .av-vision-head h2 {
        font-size: 32px;
    }
    section.av-vision .av-vision-head p {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    .av-vision-item img {
        width: 70px;
        height: 70px;
    }
    section.av-home-products .av-category-group {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    section.av-home-products .av-category-list {
        gap: 20px;
        align-items: end;
        justify-content: start;
    }
    .av-contact-wwrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, auto);
    }
    .av-contact-list:nth-of-type(1) {
        grid-column: 1/2;
        grid-row: 2 / 3;
    }
    .av-contact-list:nth-of-type(2) {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .av-contact-list:nth-of-type(3) {
        grid-column: 1/2;
        grid-row: 4/5;
    }
    .av-contact-list:nth-of-type(4) {
        grid-column: 2/3;
        grid-row: 4/5;
    }
    .av-contact-network {
        grid-column: 1 / 2;
        grid-row: 5 / 6;
        justify-self: center;
        align-self: center;
    }
    .av-contact-list {
        margin: 0 24px 48px 0;
    }
    footer .av-wrapper {
        grid-template-columns: 1fr .5fr .5fr;
    }
    footer .av-box:nth-of-type(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    footer .av-box:nth-of-type(2) {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        padding: 0 0 0 24px;
    }
    footer .av-box:nth-of-type(3) {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }
    footer .av-box:nth-of-type(4) {
        grid-column: 1 / 4;
        grid-row: 2 / 3;
    }
    footer .av-mtk,
    footer .av-box .av-link-list.socialmedia,
    footer .av-box .av-link-list.flex-col {
        flex-direction: row;
    }
    footer .av-box .av-link-list {
        gap: 0;
        flex-direction: column;
    }
    footer .av-box .av-link-list {
        margin-bottom: 0;
    }
    footer .av-box .av-link-list.flex-col {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }
    
}

@media (min-width: 992px) {  
    .av-address-link p a br{
        display: block;
    }
    
    section.av-operation .av-wrapper .icon {
        max-height: 480px;
    }
    
    .av-products-item img.thumbnail {
        width: 36px;
        height: 36px;
    }
        .av-product-section-item {
        height: 100%;
    }
    a.av-whatsapp {
        width: 50px;
        height: 50px;
        bottom: 20%;
        right: 100px;
    }
    section.av-plasma .av-banner-title h3 {
        font-size: 52px;
        text-align: center;
        width: 80%;
        margin: 0;
        white-space: break-spaces;
    }
    
    section.main-home .av-title-wrapper h1 {
        margin-top: 0;
        font-size: 40px;
    }
    section.av-home-products h2 {
        min-width: 460px;
    }
    section.main-home {
        padding: 24px 24px 80px 24px;
    }
    section.av-career .av-career-info {
        height: 100%;
        padding: 0px 45px 0 24px;
    }
    section.av-career .av-banner-about,
    section.av-career.av-left .av-banner-about {
        max-height: 460px;
    }
    section.main-home .av-container {
        border-radius: 12px;
        height: auto;
        min-height: calc(100dvh - 140px);
        background-color: var(--av-lightgrey);
    }
    .av-slider .slick-dots {
        top: 0;
        bottom: 0;
        z-index: 3;
        width: 24px;
        height: 100%;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--av-lightgrey);
    }
    .av-slider .slick-dots li {
        margin: 0 auto 0 0;
    }
    section.main-home .av-title-wrapper {
        margin: 0;
    }
    
    section.main-home .av-navbar-menu {
        width: fit-content;
    }
    section.main-home .av-slider div {
        margin:auto 12px;
    }
    section.av-home-products h2,
    section.av-benefits h2,
    section.av-standard .av-standard-wrapper h2 {
        font-size: 36px;
    }
    section.av-standard .av-standard-wrapper h2 {
        font-weight: 500;
    }
    section.av-benefits {
        margin: 60px 0;
    }
    section.av-banner-sec {
        padding: 24px;
    }
    section.av-banner-sec .wrapper {
        width: auto;
        height: 226px;
    }
    section.av-banner-sec .icon {
        position: absolute;
        top: 0;
        left: 24px;
        width: auto;
        height: 250px;
        object-fit: contain;
        margin: 0;
        display: block;
    }
    section.av-banner-sec .body {
        position: absolute;
        right: 48px;
        top: 50%;
        width: 56%;
        transform: translate(0, -50%);
    }
    section.av-banner-sec .body {
        grid-template-columns: 1fr auto;
        grid-template-rows: repeat(2, auto);
    }
    section.av-banner-sec .body .title {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    section.av-banner-sec .body .btn {
        grid-column: 2/3;
        grid-row: 1/2;
        align-self: start;
    }
    section.av-banner-sec .body p {
        grid-column: 1/4;
        grid-row: 2/3;
    }
    section.av-banner-sec.plasma .body .btn {
        grid-column: 1/2;
        grid-row: 3/4;
    }
    section.av-banner-sec.payment .wrapper {
        height: 276px;
    }
    section.av-banner-sec.payment .icon {
        top: 0;
        left: 48px;
        height: 300px;
    }
    section.av-banner-sec.payment .av-payment-method-list {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
        gap: 20px;
    }
    section.av-banner-sec.payment .body {
        width: 68%;
    }
    section.av-banner-sec.payment .body p {
        margin: 12px 0;
    }
    section.av-home-products {
        margin: 60px 0;
        padding: 60px 0 60px 40px;
    }
    .av-standard-banner {
        width: 600px;
        height: 400px;
    }
    section.av-standard {
        flex-direction: row;
        padding: 60px 0 70px 40px;
    }
    section.av-standard .av-standard-wrapper {
        padding: 0 60px 0 0;
    }
    section.av-standard .av-logo-list {
        gap: 60px;
    }
    section.av-operation,
    section.av-operation .av-wrapper {
        padding: 24px;
    }
    
    section.av-operation .body  .title {
        margin: 0;
    }
    
    section.av-career {
        margin: 60px 0;
    }
    section.av-benefits .av-benefit-item h3 {
        font-size: 24px;
        margin: 36px auto 20px auto;
    }
    
    section.av-career .av-career-info p {
        font-size: 18px;
    }
    
    section.av-banner-sec.plasma .icon {
        position: relative;
        top: unset;
        left: unset;
        width: 40%;
        object-fit: cover;
        height: 100%;
        border-radius: 12px;
        object-fit: cover;
    }
    section.av-banner-sec.plasma .wrapper {
        height: 380px;
        padding: 24px;
    }
    section.av-banner-sec.plasma .body {
        width: 50%;
    }
}

@media (min-width: 1200px) {
        .av-address-link {
            display: block;
        }
    section.av-benefits .av-benefit-item h3 {
        font-size: 24px;
        font-weight: 600;
        margin: 40px auto 20px auto;
    }
    section.main-home .av-wrapper {
        padding: 48px;
    }
    section.main-home .av-container {
        min-height: auto;
    }
    a.av-whatsapp {
        bottom: 25%;
    }
    .av-contact-list {
        gap: 12px;
    }

    section.av-vision .av-vision-head h2,
    section.av-career h1,
    section.av-standard .av-standard-wrapper h2,
    section.av-home-products h2,
    section.main-home .av-title-wrapper h1,
    section.av-operation .body  .title,
    section.av-banner-sec .body .title,
    section.av-banner-sec.plasma .body .title { 
        font-size: 42px;
    }
    section.av-home-products {
        margin: 60px 0;
        padding: 60px 12px 60px 120px;
    }
    section.av-home-products .av-category-list {
        border-color: var(--av-skyblue);
    }
    section.av-home-products .av-category-group {
        flex-direction: row;
    }
    section.av-banner-sec.payment .av-payment-method-list .icon-banner {
        height: 100px;
    }
    section.av-banner-sec .wrapper{
        width: auto;
        height: 276px;
    }
    section.av-banner-sec .icon {
        left: 60px;
        height: 300px;
    }
    section.av-banner-sec .body {
        width: 58%;
        right: 64px;
    }
    section.av-banner-sec .body .btn {
        align-self: center;
        margin: 0;
    }
    section.av-banner-sec.payment .wrapper {
        height: 376px;
    }
    section.av-banner-sec.payment .icon {
        width: 300px;
        height: 424px;
        top: -24px;
        left: 48px;
        object-fit: contain;
    }
    section.av-banner-sec .icon {
        /* top: -24px; */
        left: 24px;
        width: auto;
        /* height: 324px; */
    }
    section.av-banner-sec.payment .body {
        width: 66.5%;
    }
    section.av-banner-sec.payment .av-payment-method-list {
        gap: 100px;
        justify-content: start;
    }
    section.av-standard {
        padding: 60px 0 70px 90px;
    }
    section.av-main-banner .av-main-banner-box {
        padding: 40px;
    }
    .av-career-info {
        gap: 24px;
        justify-content: center;
        height: 100%;
    }
    .av-career-info p {
        font-size: 18px;
    }
    section.av-career .av-contact-link {
        flex-direction: row;
        justify-content: space-between;
    }
    section.av-vision {
        padding: 50px 24px;
        margin: 60px 0 84px 0;
    }
    section.av-banner-sec {
        margin: 0 0 60px 0;
    }
    section.av-vision .av-vision-head {
        margin: 24px 0 74px 0;
    }
    .av-vision-item {
        width: 90%;
        height: 480px;
        margin: 0 auto;
    }
    section.av-career {
        grid-template-columns: 1fr .75fr;
    }
    section.av-career .av-career-info {
        padding: 0px 45px 0 90px;
    }
    section.av-career.av-left {
        grid-template-columns: .75fr 1fr;
    }
    section.av-career.av-left .av-career-info {
        padding: 0 90px 0 0;
    }    
    section.av-products {
        padding: 0 48px 40px 48px;
    }
    section.av-product-section {
        padding: 40px 48px;   
    }
    .av-product-head {
        flex-direction: row;
        margin: 80px 0 20px 0;
    }
    section.av-contact {
        padding: 60px 0;
    }
    section.av-contact-form .av-wrapper {
        padding: 50px 0;
    }
    .av-contact-wwrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, auto);
    }
    .av-contact-network {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
    }
    .av-contact-network h2 {
        font-size: 40px;
    }
    footer .av-logo {
        padding: 26px 0 40px 0;
    }
    footer .av-wrapper {
        grid-template-columns: 1fr .75fr .75fr 1fr;
        grid-template-rows: auto;
    }
    footer .av-box:nth-of-type(2) {
        padding: 0 0 0 80px;
    }
    footer .av-box:nth-of-type(4) {
        grid-column: 4/5;
        grid-row: 1/2;
    }
    footer .av-box .av-link-list {
        flex-direction: row;
        margin-bottom: 0;
    }
    footer .av-box .av-link-list.flex-col {
        flex-direction: column;
        gap: 8px;
    }
    footer .av-box .av-link-list {
        gap: 6px;   
        flex-direction: column;
    }
    footer .av-box .av-link-list.socialmedia {
        flex-direction: row;
    }
    footer .av-mtk {
        flex-direction: row;
        align-items: center;
        padding: 20px 0 12px 0;
    }
}

@media (min-width: 1500px) {
    section.av-banner-sec.payment .body {
        width: 60%;
    }
    section.av-banner-sec .icon {
        left: 48px;
    }
    section.av-banner-sec.payment .icon {
        width: 480px;
        height: 424px;
        top: -24px;
        left: 48px;
        object-fit: contain;
    }
    
    .av-address-link p a br{
        display: none;
    }
    .av-address-link p {
        text-align: left;
    }
    section.av-career .av-career-info p {
        font-size: 20px;
    }
    section.av-banner .av-banner-wrapper p,
    section.av-banner-sec .body p,
    section.av-vision .av-vision-head p {
        font-size: 18px;
    }
    section.av-vision .av-vision-head h2,
    section.av-career h1,
    section.av-standard .av-standard-wrapper h2,
    section.av-home-products h2,
    section.main-home .av-title-wrapper h1,
    section.av-operation .body  .title,
    section.av-banner-sec .body .title { 
        font-size: 44.5px;
    }
    section.av-banner-sec.plasma .body .title {
        font-size: 48.5px;
    }
}

@media (min-width: 1900px) { 
    
    section.av-banner-sec.payment .body {
        width: 58%;
    }
    section.av-banner-sec.payment .icon {
        width: 480px;
    }
    .av-banner-sec.plasma .body .title {
        font-size: 60px;
        line-height: 1.0;
    }
    .av-career-info {
        padding: 0px 90px;
    }
    section.av-career .av-banner-about,
    section.av-career.av-left .av-banner-about  {
        max-height: 700px;
    }
    .av-vision-item {
        max-width: calc(100% - (48px *2));
    } 
}