.page-home #banners{width:100%}.page-home #banners .container-banner{position:relative}.page-home #banners .container-banner .banner-item{width:100%;display:grid;grid-template-columns:3fr 7fr;position:relative;z-index:1}@media screen and (max-width: 1300px){.page-home #banners .container-banner .banner-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.page-home #banners .container-banner .banner-item .background{background-color:var(--tertiary-color);z-index:3}@media screen and (max-width: 1300px){.page-home #banners .container-banner .banner-item .background{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:100px 30px}}.page-home #banners .container-banner .banner-item .background::after{display:block;content:"";width:5px;height:37%;background-color:var(--primary-color);position:absolute;bottom:0;left:16.5%}@media screen and (max-width: 1700px){.page-home #banners .container-banner .banner-item .background::after{height:27%}}@media screen and (max-width: 1600px){.page-home #banners .container-banner .banner-item .background::after{left:13.5%}}@media screen and (max-width: 1400px){.page-home #banners .container-banner .banner-item .background::after{height:23%}}@media screen and (max-width: 1300px){.page-home #banners .container-banner .banner-item .background::after{display:none}}.page-home #banners .container-banner .banner-item .background .content{position:absolute;top:12%;left:9.6%}@media screen and (max-width: 1600px){.page-home #banners .container-banner .banner-item .background .content{left:5.6%}}@media screen and (max-width: 1400px){.page-home #banners .container-banner .banner-item .background .content{top:9%;left:4.6%}}@media screen and (max-width: 1300px){.page-home #banners .container-banner .banner-item .background .content{position:static;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.page-home #banners .container-banner .banner-item .background .content .title{font-family:"Avenir Next";font-size:2.5rem;color:var(--detail-color);font-weight:400;text-transform:uppercase}@media screen and (max-width: 950px){.page-home #banners .container-banner .banner-item .background .content .title{font-size:2rem}}.page-home #banners .container-banner .banner-item .background .content .title strong{font-family:"Avenir Next";font-size:9.6rem;color:var(--detail-color);font-weight:700;text-transform:uppercase;line-height:1;margin-top:20px;margin-left:-5px;display:block}@media screen and (max-width: 950px){.page-home #banners .container-banner .banner-item .background .content .title strong{font-size:6rem}}@media screen and (max-width: 550px){.page-home #banners .container-banner .banner-item .background .content .title strong{font-size:4.5rem}}@media screen and (max-width: 400px){.page-home #banners .container-banner .banner-item .background .content .title strong{font-size:4rem}}.page-home #banners .container-banner .banner-item .background .content .text{margin-top:30px;margin-bottom:35px}.page-home #banners .container-banner .banner-item .background .content .text *{font-family:"Avenir Next";font-size:2rem;color:var(--detail-color);font-weight:400;line-height:1.3}.page-home #banners .container-banner .banner-item .img{position:relative;width:100%}.page-home #banners .container-banner .banner-item .img .lazyload{padding-bottom:58%}.page-home #banners .container-banner .banner-item .img .lazyload .lazyload-image{inset:0;position:absolute}.page-home #banners .container-banner .banner-item .img::after{display:block;content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.4);z-index:1}.page-home #banners .container-banner .slick-dots{position:absolute;left:3.6%;bottom:18%}@media screen and (max-width: 1300px){.page-home #banners .container-banner .slick-dots{right:5%;bottom:5%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width: 400px){.page-home #banners .container-banner .slick-dots{left:74.6%;bottom:5%}}.page-home #banners .container-banner .slick-dots li button{border-color:var(--detail-color)}.page-home #banners .container-banner .slick-dots li.slick-active button{background-color:var(--detail-color)}