.hero-3{background-color:gray;overflow:hidden;padding:207px 0 101px;position:relative}@media screen and (max-width:998px){.hero-3{padding:175px 0 47px}}.hero-3 .image-bottom{bottom:-4px;left:0;position:absolute}.hero-3 .image-bottom img{height:100%!important;width:100%}@media screen and (max-width:998px){.hero-3 .image-bottom img{object-fit:cover}.hero-3 .image-bottom{height:74px;width:100%}}.hero-3 .container{position:relative}.hero-3 .container .wrapper-content{display:grid;gap:173px;grid-template-columns:570px 1fr;height:auto;position:relative}@media screen and (max-width:1300px){.hero-3 .container .wrapper-content{gap:60px;grid-template-columns:1fr 400px}}@media screen and (max-width:998px){.hero-3 .container .wrapper-content{display:flex;flex-direction:column;gap:47px}}.hero-3 .container .wrapper-content .box-left{position:relative}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left{order:2}}.hero-3 .container .wrapper-content .box-left .title{color:#fff;font-size:44px;font-weight:700;letter-spacing:.1px;line-height:-1px;margin-bottom:18px}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .title{font-size:32px;margin-bottom:10px;text-align:center}}.hero-3 .container .wrapper-content .box-left .description{color:#fff;font-size:20px;font-weight:400;line-height:1.5;margin-bottom:19px}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .description{font-size:16px;margin-bottom:22px;text-align:center}}.hero-3 .container .wrapper-content .box-left .description a{color:#ff7d00;text-decoration:underline}.hero-3 .container .wrapper-content .box-left .list-tag{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:18px;position:relative}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .list-tag{justify-content:center;margin-bottom:12px}}.hero-3 .container .wrapper-content .box-left .list-tag .tag{align-items:center;background-color:#3d496b;border-radius:4px;display:flex;height:auto;justify-content:center;padding:4px 12px;width:auto}.hero-3 .container .wrapper-content .box-left .list-tag .tag .name-tag{color:#fff;font-size:14px;font-weight:400;line-height:1.5}.hero-3 .container .wrapper-content .box-left .list-tag-mobile{display:none}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .list-tag-mobile{display:flex}.hero-3 .container .wrapper-content .box-left .list-tag-desktop{display:none}}.hero-3 .container .wrapper-content .box-left .divider{background-color:#fff;height:1px;margin-bottom:21px;opacity:.2;width:100%}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .divider{margin-bottom:24px}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom{align-items:center;display:flex;flex-direction:row;margin-bottom:33px;position:relative}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom{align-items:center;flex-direction:column;margin-bottom:26px}}@media screen and (max-width:425px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom{align-items:start}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:75px;position:relative}@media screen and (max-width:1200px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left{margin-right:30px}}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left{margin-right:0}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left .avatar{border-radius:50%;height:70px;margin-right:15px;overflow:hidden;width:70px}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left .avatar img{height:100%!important;object-fit:cover;object-position:center center;width:100%}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left .avatar{height:30px;margin-right:7px;width:30px}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left .name{color:#fff;font-size:20px;line-height:1.5}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .content-bottom-left .name{font-size:14px}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right{display:grid;gap:39px;grid-template-columns:1fr 1fr}@media screen and (max-width:1200px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right{gap:20px}}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right{margin-top:18px}}@media screen and (max-width:425px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right{display:flex;justify-content:space-between;width:100%}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right .content-bottom-right{display:flex;flex-direction:column}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right .content-bottom-right{align-items:start}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right .content-bottom-right .title-bottom{color:#fff;font-size:20px;font-weight:600;line-height:1.5;margin-bottom:8px}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right .content-bottom-right .title-bottom{font-size:14px;margin-bottom:14px}}.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right .content-bottom-right .description-bottom{color:#fff;font-size:14px;line-height:1.5}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .wrapper-content-bottom .list-content-bottom-right .content-bottom-right:last-child{align-items:end}}.hero-3 .container .wrapper-content .box-left a{text-decoration:none}.hero-3 .container .wrapper-content .box-left .button-download{align-content:center;background-color:#ff7d00;border-radius:30px;cursor:pointer;display:flex;height:auto;justify-content:center;padding:16px 24px;transition:all .3s ease;width:fit-content}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-left .button-download{margin:0 auto}}.hero-3 .container .wrapper-content .box-left .button-download .name-button{color:#fff;font-size:14px;font-weight:700;line-height:normal;margin-right:8px;text-transform:uppercase}.hero-3 .container .wrapper-content .box-left .button-download .icon-button{align-items:center;display:flex;height:auto;justify-content:center;position:relative;width:auto}.hero-3 .container .wrapper-content .box-left .button-download .icon-button img{height:12px;width:11px}.hero-3 .container .wrapper-content .box-left .button-download:hover{background-color:#cc6400!important}.hero-3 .container .wrapper-content .box-right{cursor:pointer;display:grid;grid-template-columns:12;height:fit-content;position:relative;top:-15px;width:100%}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right{align-items:center;justify-content:center}}.hero-3 .container .wrapper-content .box-right .icon-zoom{left:47%;position:absolute;top:41%;transform:translate(-50%) rotate(0deg)}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .icon-zoom{display:flex;height:70px;left:50%;top:33%;transform:translate(-50%) rotate(0deg);width:70px}}.hero-3 .container .wrapper-content .box-right .image-main{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);display:flex;height:100%;max-height:588px;max-width:700px;position:relative;transform:rotate(-15deg);width:405px}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .image-main{margin:0 auto;max-width:192px}}.hero-3 .container .wrapper-content .box-right .image-main img{height:100%!important;object-fit:cover;width:100%}.hero-3 .container .wrapper-content .box-right .swiper-container{background-color:transparent;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.hero-3 .container .wrapper-content .box-right .wrapper-icon-close{left:0;position:absolute;top:0;width:100%;z-index:999999}.hero-3 .container .wrapper-content .box-right .wrapper-icon-close .icon-close{display:grid;gap:30px;grid-template-columns:repeat(12,1fr);height:auto;margin:0 auto;max-width:1170px;position:relative;top:40px;width:100%}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .wrapper-icon-close .icon-close{gap:16px;grid-template-columns:repeat(4,1fr);padding:0 24px;top:50px}}.hero-3 .container .wrapper-content .box-right .wrapper-icon-close .icon-close .icon{grid-column:12;position:relative}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .wrapper-icon-close .icon-close .icon{display:flex;grid-column:4;justify-content:end;position:relative}}.hero-3 .container .wrapper-content .box-right .swiper-container-mb{background-color:transparent;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2000}.hero-3 .container .wrapper-content .box-right .mask{background-color:#07112a;height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%}.hero-3 .container .wrapper-content .box-right .swiper-desktop,.hero-3 .container .wrapper-content .box-right .swiper-mobile{position:relative;top:50%;transform:translateY(-50%)}.hero-3 .container .wrapper-content .box-right .swiper-wrapper{position:relative}.hero-3 .container .wrapper-content .box-right .swiper-pagination{bottom:-42px;position:absolute}.hero-3 .container .wrapper-content .box-right .swiper-pagination .swiper-pagination-bullet{background-color:#fff;height:10px;margin-right:10px;opacity:.5;width:10px}.hero-3 .container .wrapper-content .box-right .swiper-pagination .swiper-pagination-bullet-active{background-color:#07112a;border:5px solid #f5f5f5;height:20px;opacity:1;position:relative;top:5px;width:20px}.hero-3 .container .wrapper-content .box-right .swiper-slide{align-items:center;display:flex;height:auto;justify-content:center;width:auto;z-index:3}.hero-3 .container .wrapper-content .box-right .swiper-slide .wrapper-item-slide{height:80vh;position:relative;width:auto}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .swiper-slide .wrapper-item-slide{height:auto}}.hero-3 .container .wrapper-content .box-right .swiper-slide .wrapper-item-slide .icon-close{display:none;height:24px;position:absolute;right:0;top:-25px;width:18px;z-index:9999}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .swiper-slide .wrapper-item-slide .icon-close{top:-55px}}@media screen and (max-width:578px){.hero-3 .container .wrapper-content .box-right .swiper-slide .wrapper-item-slide .icon-close{top:-85px}}.hero-3 .container .wrapper-content .box-right .swiper-slide img{display:block;height:80vh;margin:0 auto;object-fit:contain;width:auto}@media screen and (max-width:998px){.hero-3 .container .wrapper-content .box-right .swiper-slide img{height:auto;max-width:400px}}@media screen and (max-width:578px){.hero-3 .container .wrapper-content .box-right .swiper-slide img{max-width:328px}}@media screen and (max-width:370px){.hero-3 .container .wrapper-content .box-right .swiper-slide img{max-width:275px}}