@font-face{font-family:MyFont;src:url(/build/assets/SourceSansPro-Light.c3ebad2-d9cf25e9.otf) format("opentype");font-weight:400}@font-face{font-family:MyFont;src:url(/build/assets/SourceSansPro-Bold.0f05d84-294f0a2c.otf) format("opentype");font-weight:700}body{font-family:MyFont!important}body .slick-next,body .slick-prev{z-index:100;width:24px;height:24px}body .slick-next{right:7vw;background-image:url(/build/assets/right-arrow-e705ce72.png)!important}body .slick-prev{left:7vw;background-image:url(/build/assets/left-arrow-7b33846d.png)!important}body .slick-prev:before,body .slick-next:before{content:""}.navbar{background-color:#212529e6!important;text-transform:uppercase;padding-block:8px}.navbar .nav-link{text-transform:uppercase;color:#fff;font-size:.83333vw;font-weight:700;padding:.52083vw 1.04167vw;transition:all .4s}.navbar .nav-link:after{content:"";display:block;width:0;height:2px;background:#fff;margin:2px auto 0;transition:all .4s ease}.navbar .nav-link.active:after{width:70%;height:2px}.navbar .nav-link:hover:after{width:70%;height:2px}.navbar .map-link-mobile{display:none}@media screen and (max-width: 768px){.navbar .map-link-mobile{display:inline-flex;align-items:center;position:relative;margin-right:15px}}.navbar .map-link-desktop{display:inline-flex}@media screen and (max-width: 768px){.navbar .map-link-desktop{display:none!important}}.navbar .toggler-container{display:none}@media screen and (max-width: 768px){.navbar .toggler-container{display:flex;align-items:center;justify-content:center}}.navbar .dropdown .dropdown-menu{background-color:#0003;padding:0;a {font-size: .83333vw; color: #fff; transition: all .4s; width: 100%; line-height: 2.60417vw; padding-block: 0; &:hover {background-color: inherit !important;}} @media screen and (max-width: 768px) {background-color: rgb(0 0 0 / 35%); padding: 0; flex-direction: column; gap: 5px; height: 80px; align-items: flex-start; padding: 10px 0; justify-content: flex-start; a {font-size: 12px; line-height: 20px;}}}.navbar .nav-item{img {margin-inline-start: .5vw; width: 1.19792vw;} position: relative;display:flex}.navbar .navbar-brand{width:150px;display:flex;img {width: 100%;}}.navbar>div{justify-content:center!important}.navbar .navbar-collapse{flex-grow:inherit}@media screen and (max-width: 768px){.navbar>div{justify-content:space-between!important}.navbar .navbar-collapse{flex-grow:1}.navbar .dropdown-menu.show{display:flex}}@media screen and (max-width: 576px){.navbar .nav-link{font-size:12px}.navbar .nav-link.active:after{width:0}.navbar .nav-link:hover:after{width:0}.navbar .nav-item{img {width: 15px;}}}footer{padding-block:24px;border-top:4px solid #ce1435;background:url(/build/assets/footer-bg-a586866d.jpg);background-size:auto 100%!important;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}footer .footer-logo{width:150px;img {width: 100%; height: auto;}}footer .footer-links{a {text-transform: uppercase; font-size: 15px; color: #fff; font-weight: 400; text-decoration: none; &:not(:last-child) {border-right: 2px solid #fff; padding-right: 24px; margin-right: 24px;}}}footer .footer-socials{display:flex;gap:24px;a {img {width: 30px;}}}footer .footer-terms{border:1px solid #fff;border-radius:50px;padding:14px 28px;a {text-transform: uppercase; font-size: 15px; color: #fff; font-weight: 400; text-decoration: none; &:not(:last-child) {border-right: 2px solid #fff; padding-right: 24px; margin-right: 24px;}}}footer .footer-copyright{margin:0;color:#fff}@media screen and (max-width: 768px){footer{padding-inline:20px!important;text-align:center}footer .footer-links{display:flex;flex-direction:column;gap:12px;a {border: none !important; padding: 0 !important; margin: 0 !important;}}footer .footer-terms{border:none!important;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:12px;a {border: none !important; padding: 0 !important; margin: 0 !important;}}}.interact-wrapper .interact-item{background-color:#fff;transition:all .4s;margin-inline:2px;a {text-decoration: none; position: relative; color: #222;} .interact-item-header {gap: 8px; padding: 12px; h3,h2 {font-size: 18px; font-weight: 700; margin: 0px;} span {color: #667785; font-size: 12px; font-weight: 700;}} .interact-item-image {width: 100%; height: 18.75vw; margin-top: 16px; img {width: 100%; height: 100%; object-fit: cover;}} &.interact-item-hover:hover {border-radius: 8px 8px 0 0; transform: translateY(-16px);}}.interact-wrapper .interact-item .interact-item-header-logo{width:70px;img {width: 100%; height: 100%;}}.home{background-color:#e7e7e7!important;position:relative;padding-bottom:24px}.home .home-slider{width:100%;position:relative;margin:0!important;video {width: 100%; display: block; height: 100%; @media screen and (max-width: 768px) {object-fit: contain; max-height: 50vh; height: 50vh;} @media screen and (max-width: 480px) {object-fit: contain; max-height: 40vh; height: 40vh;}}}@media screen and (max-width: 768px){.home .home-slider{margin-top:50px!important;max-height:50vh}}@media screen and (max-width: 480px){.home .home-slider{max-height:40vh}}.home .home-slider .slick-dots{bottom:35px;li {position: relative; display: inline-block; width: 50px; height: 0; margin: 0 5px; padding: 0; button {width: 100%; padding: 0; height: 0px !important; border: 2px solid rgb(255 255 255 / 60%); &::before {display: none !important;}} &.slick-active {button {border-color: #fff;}}}}.home .home-slider .slick-list,.home .home-slider .slick-track{img {width: 100%; display: block; height: 100%; @media screen and (max-width: 768px) {object-fit: contain; max-height: 50vh; height: 50vh;} @media screen and (max-width: 480px) {object-fit: contain; max-height: 40vh; height: 40vh;}}}.home .brand-wrapper,.home .trend-wrapper{position:relative}.home .brand-wrapper .brand-item,.home .trend-wrapper .brand-item{height:100%;position:relative;overflow:hidden;a {color: #fff; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: flex-end; left: 0; position: absolute; top: 0; transition: all .4s; &:hover {background-color: rgba(1,96,255,.2); .brand-item-text {transform: translateY(-2.60417vw); p {max-height: 80%;}}}} img {width: 100%; height: 100%; object-fit: cover;} .brand-item-text {position: absolute; z-index: 1; bottom: 0; left: 16px; right: 16px; transition: all .4s; h3 {font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 16px; text-shadow: 0 0 1vw #000;} p {color: #fff; margin: 0; display: -webkit-box; font-size: 12px; max-height: 0; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-shadow: 1px .15625vw 1vw #000;}}}.home .brand-wrapper .brand-item.me-md-1,.home .trend-wrapper .brand-item.me-md-1{margin-right:.1rem!important}.home .interact-wrapper .interact-item{background-color:#fff;transition:all .4s;margin-inline:2px;a {text-decoration: none; position: relative; color: #222; .interact-item-header {gap: 8px; padding: 12px; h3,h2 {font-size: 18px; font-weight: 700; margin: 0px;} span {color: #667785; font-size: 12px; font-weight: 700;}} .interact-item-image {width: 100%; height: 18.75vw; margin-top: 16px; img {width: 100%; height: 100%; object-fit: cover;}}} &:hover {border-radius: 8px 8px 0 0; transform: translateY(-16px);}}.home .interact-wrapper .interact-item .interact-item-header-logo{width:70px;img {width: 100%; height: 100%;}}.home .home-tabs-wrapper .home-tabs-showmore{background-color:#fff;border-bottom-left-radius:1.30208vw;border-top-left-radius:1.30208vw;color:#072462;cursor:pointer;font-size:.8rem;height:2.60417rem;line-height:2.60417rem;position:absolute;right:0;text-align:center;top:53%;transform:translateY(-50%);width:50px;z-index:99;text-transform:uppercase;text-decoration:none}.home .home-tabs-wrapper .nav-link{color:#312e2e;font-size:.9375rem;font-weight:600;transition:all .4s;position:relative;text-transform:uppercase}.home .home-tabs-wrapper .nav-link.active,.home .home-tabs-wrapper .nav-link:hover{font-weight:bolder;color:#c2282d;background-color:inherit;transform:scale(1.1);border:0}.home .home-tabs-wrapper .tab-pane{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.home .home-tabs-wrapper .tab-pane.active.show{opacity:1;transform:translateY(0)}.home .home-tabs-wrapper .home-tabs-slider,.home .home-tabs-wrapper .home-tabs-content{opacity:1!important;img {width: 100%; height: 30vw; object-fit: cover;}}.home .home-tabs-wrapper .home-tabs-slider .slick-track,.home .home-tabs-wrapper .home-tabs-content .slick-track{height:100%}.home .home-tabs-wrapper .home-tabs-slider-image-wrapper{position:relative}.home .home-tabs-wrapper .home-tab-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s}.home .home-tabs-wrapper .home-tab-slider-overlay .home-tab-slider-content,.home .home-tabs-wrapper .home-tab-slider-overlay .home-tab-slider-logo{transition:all .4s;position:absolute;left:50%;bottom:-70px;transform:translate(-50%);text-align:center;img {width: 6.40625vw; height: auto;} span {display: block; margin-bottom: 8px;} span,a {text-transform: uppercase; color: #fff; text-decoration: none;}}.home .home-tabs-wrapper .home-tab-slider-overlay .home-tab-slider-logo{bottom:-150px}.home .home-tabs-wrapper .home-tab-slider-overlay:hover{background-color:#0160ff33}.home .home-tabs-wrapper .home-tab-slider-overlay:hover .home-tab-slider-content{bottom:50px}.home .home-tabs-wrapper .home-tab-slider-overlay:hover .home-tab-slider-logo{bottom:50%;transform:translate(-50%)}.home .section-title{position:relative;z-index:1111;padding:32px 16px;text-align:center;color:#312e2e;font-size:24px;font-weight:700;text-transform:uppercase;margin:0}.scroll-top{border-radius:2.60417vw;box-shadow:0 0 .52083vw #ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;height:3.125vw;position:fixed;right:2.60417vw;bottom:25px;width:3.125vw;background-color:#fff;color:#444;img {width: 60%; object-fit: cover;} @media screen and (max-width: 768px) {right: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 30px; border-radius: 50%;}}.news-page{background-color:#e7e7e7;padding-bottom:0;body {background-color: #f5f5f5;} .news-details-slider-wrapper-main-header {color: #fff; font-weight: bold; font-size: 28px; right: 10.625vw; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000; top: 75%; z-index: 100; @media screen and (max-width: 768px) {top: 65%;}} .news-details-slider-wrapper {position: relative; h2,h1 {color: #fff; font-weight: bold; font-size: 28px; right: 10.625vw; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000; top: 75%; z-index: 100; @media screen and (max-width: 768px) {top: 65%;}}} .news-details-slider {width: 100%; height: 70vh; position: relative; margin: 0 !important; @media screen and (max-width: 768px) {margin-top: 50px !important; max-height: 50vh;} @media screen and (max-width: 480px) {max-height: 40vh;} .slick-dots {bottom: 35px; li {position: relative; display: inline-block; width: 50px; height: 0; margin: 0 5px; padding: 0; button {width: 100%; padding: 0; height: 0px !important; border: 2px solid rgb(255 255 255 / 60%); &::before {display: none !important;}} &.slick-active {button {border-color: #fff;}}}} .slick-track {height: 100%;} .slick-list {width: 100%; height: 100%; img {width: 100%; object-fit: contain; display: block; @media screen and (max-width: 768px) {object-fit: contain; max-height: 50vh; height: 50vh;} @media screen and (max-width: 480px) {object-fit: contain; max-height: 40vh; height: 40vh;}}} video {height: 100vh; width: 100%; object-fit: cover; display: block; background: #000; @media screen and (max-width: 768px) {object-fit: contain; max-height: 50vh; height: 50vh;} @media screen and (max-width: 480px) {object-fit: contain; max-height: 40vh; height: 40vh;}}} .news-trend {max-width: 90vw; margin: 40px auto; padding: 20px;} .section-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} .section-header h2 {text-transform: uppercase; border-bottom: .41667vw solid #39518e; color: #39518e; cursor: pointer; font-size: 1.5625vw; font-weight: bolder; letter-spacing: .10417vw; margin-right: 2.08333vw; padding-bottom: 1.04167vw; text-align: center; transition: all .4s; width: 14vw;} .section-header .dropdown {border: 0; background-color: inherit; color: #39518e; cursor: pointer; font-size: 1.5625vw; font-weight: bolder; letter-spacing: .10417vw; margin-right: 2.08333vw; text-align: center; transition: all .4s; width: 14vw;} .grid-container,.flex-container {display: flex; flex-direction: column; gap: 10px;} .grid-container .t-col {display: grid; gap: 10px;} .layout-a {grid-template-columns: 2fr 1fr;} .layout-b {grid-template-columns: 1fr 2fr;} .brand-wrapper,.trend-wrapper {position: relative; .brand-item {height: 100%; position: relative; overflow: hidden; a {color: #fff; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: flex-end; left: 0; position: absolute; top: 0; transition: all .4s; &:hover {background-color: rgba(1,96,255,.2); .brand-item-text {transform: translateY(-2.60417vw); p {max-height: 80%;}}}} img {width: 100%; height: 100%; object-fit: cover;} .brand-item-text {position: absolute; z-index: 1; bottom: 0; left: 16px; right: 16px; transition: all .4s; h3 {font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 16px; text-shadow: 0 0 1vw #000;} p {color: #fff; margin: 0; display: -webkit-box; font-size: 12px; max-height: 0; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-shadow: 1px .15625vw 1vw #000;}}}} .grid-container img {width: 100%; height: 100%; display: block;} .grid-container .main-article,.grid-container .side-article {position: relative; cursor: pointer; height: 19vw;} .grid-container .main-article .caption,.grid-container .side-article .caption {position: absolute; bottom: 0; background: rgba(0,0,0,.45); color: #fff; padding: 10px; width: 100%; display: flex; align-items: center; justify-content: space-between;} .caption p {font-size: 14px; margin-bottom: 5px;} .caption .date {font-size: 12px; opacity: .8; display: block; text-align: right;} .bottom-left,.bottom-right {height: 200px; overflow: hidden;} .bottom-left img,.bottom-right img {width: 100%; height: 100%; object-fit: cover;} .btn {display: flex; align-items: center; justify-content: center; padding: 10px;} .btn button {width: 200px; height: 50px; background: #fff; color: #39518e; border: 2px solid #39518e; cursor: pointer; transition: all .3s ease; background-color: inherit;} .btn button:hover {background: #39518e; color: #fff; transform: translateY(-5px);} .t-row {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 5px;} .interac-card {display: flex; flex-direction: column; gap: 10px; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.05); cursor: pointer; transition: all .3s ease; a {text-decoration: none;}} .interac-card:hover {transform: translateY(-15px);} .card-head {display: flex; align-items: flex-start; gap: 10px; padding: 20px;} .card-head .icon img {width: 100px; height: auto;} .card-head .desc {display: flex; flex-direction: column; gap: 10px; overflow: hidden;} .card-head .desc h4 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .card-body img {width: 100%; height: auto; display: block;} @media (max-width: 768px) {.card-head .icon img {width: 70px;} .card-head .desc h3,.card-head .desc h4 {font-size: 14px;} .layout-a {grid-template-columns: 1fr;} .layout-b {grid-template-columns: 1fr;} .grid-container .main-article,.grid-container .side-article {height: 33vh;}} .dropdown {padding: 0px 10px; font-size: 16px; border: 2px solid #39518e; background: #fff; color: #39518e; font-weight: bold; border-radius: 4px; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("data:image/svg+xml,%3Csvg fill='%2339518e' height='80' viewBox='0 0 24 24' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right center; background-size: 30px 40px; padding-right: 2.5rem; height: 50px; line-height: 40px; font-size: 16px;} @media (max-width: 1024px) {.section-header h2 {font-size: 20px;} .caption p {font-size: 13px;} .caption .date {font-size: 11px;}} @media (max-width: 768px) {.news-trend {max-width: 90vw; margin: 40px auto; padding: 20px;} .section-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} .section-header h2 {font-size: 24px; border-bottom: 4px solid #39518e; padding-bottom: 10px; width: unset;} .dropdown {font-size: 14px; padding: 5px 8px;} .grid-container .t-row {display: flex; flex-direction: column;} .caption p {font-size: 14px; margin-bottom: 5px;} .caption .date {font-size: 12px; opacity: .8; display: block; text-align: right;} .btn button {width: 200px; height: 50px; background: #fff; color: #39518e; border: 2px solid #39518e; cursor: pointer; transition: all .3s ease;} .interac-card {display: flex; flex-direction: column; gap: 10px; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.05); cursor: pointer; transition: all .3s ease;} .card-head {display: flex; align-items: flex-start; gap: 10px; padding: 20px;} .card-head .desc h3 {font-size: 14px;} .card-head .desc h4 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .card-head .desc p {font-size: 12px;} .section-header .dropdown {width: 20vw; font-size: 16px;}} @media (max-width: 480px) {.section-header h2 {font-size: 16px; width: unset;} .dropdown {padding: 6px 10px; font-size: 16px; border: 2px solid #39518e; background: #fff; color: #39518e; font-weight: bold; border-radius: 4px; cursor: pointer;} .caption p {font-size: 12px;} .caption .date {font-size: 10px;} .btn button {font-size: 14px; height: 45px;}}}.news-page *{box-sizing:border-box;margin:0;padding:0}.privacy{h1 {color: #ff0000; font-size: 24px; text-align: left; margin-bottom: 20px;} .section h2 {color: #000000; font-size: 18px; margin-top: 20px; margin-bottom: 10px;} p.content {color: #a5a5a5; font-size: 16px; line-height: 1.6; margin-bottom: 15px;} ol {font-size: 16px; line-height: 1.6; padding-left: 20px; color: #a5a5a5; margin-bottom: 20px;} ol li {margin-bottom: 20px;} a {color: #0066cc; text-decoration: none;} a:hover {text-decoration: underline;}}.privacy *{box-sizing:border-box;margin:0;padding:0}.privacy .container{max-width:80%;margin:50px auto;padding:20px;border-radius:20px;box-shadow:0 0 10px #0000001a}.terms{h1 {color: #ff0000; font-size: 24px; text-align: left; margin-bottom: 20px;} .section h2 {color: #000000; font-size: 18px; margin-top: 20px; margin-bottom: 10px;} p.content {color: #a5a5a5; font-size: 16px; line-height: 1.6; margin-bottom: 15px;} ol {font-size: 16px; line-height: 1.6; padding-left: 20px; color: #a5a5a5; margin-bottom: 20px;} ol li {margin-bottom: 20px;} a {color: #0066cc; text-decoration: none;} a:hover {text-decoration: underline;}}.terms *{box-sizing:border-box;margin:0;padding:0}.terms .container{max-width:80%;margin:50px auto;padding:20px;border-radius:20px;box-shadow:0 0 10px #0000001a}.material{background-image:url(/build/assets/material_bg-0fd1116f.png)!important;body {background-color: #f5f5f5;} .home-slider {width: 100%; position: relative; margin: 0 !important; .slick-dots {bottom: 35px; li {position: relative; display: inline-block; width: 50px; height: 0; margin: 0 5px; padding: 0; button {width: 100%; padding: 0; height: 0px !important; border: 2px solid rgb(255 255 255 / 60%); &::before {display: none !important;}} &.slick-active {button {border-color: #fff;}}}} .slick-list,.slick-track {img {width: 100%; height: 100%; object-fit: cover; display: block;}} video {height: 100vh; width: 100%; object-fit: cover; display: block; background: #000;}} .material_library {max-width: 1200px; margin: 40px auto; padding: 20px;} .divider {width: 100%; height: 1px; background-color: #091f2f; margin: 40px 0;} .container {display: flex; align-items: center; justify-content: center; gap: 15px; justify-content: center; flex-direction: column;} .material-title {font-size: 24px; margin-bottom: 20px;} .grid-container {display: grid; grid-template-columns: repeat(3,1fr); gap: 5px;} .card {text-align: center; position: relative; position: relative; overflow: hidden;} .card img {max-width: 330px; height: 140px; transition: all .3s ease;} .card[data-type="image"]:hover img {transform: scale(1.05);} .card .img-config {position: absolute; bottom: 0; display: flex; height: 26px; color: white; width: 100%; padding: 4px 8px; background: linear-gradient(to top,rgba(0,0,0,.8),transparent); justify-content: space-between;} .card .icons {display: flex; align-items: center; justify-content: center; gap: 15px;} .t-btn {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; gap: 20px; width: 250px;} .t-btn button {width: 200px; height: 50px; background: #091f2f; color: #fff; cursor: pointer; border: none; transition: transform .3s ease,box-shadow .3s ease;} .t-btn button:hover {transform: scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,.2);} .balls {gap: 10px; display: none;} .balls:not(.d-none) {display: flex;} .ball {width: 10px; height: 10px; background-color: #091f2f; border-radius: 50%; animation: bounce .6s infinite alternate;} .ball:nth-child(2) {animation-delay: .2s;} .ball:nth-child(3) {animation-delay: .4s;} @keyframes bounce {0% {transform: translateY(0);} 100% {transform: translateY(-10px);}} body {font-size: 16px;} .card img {width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;} .media-wrapper {width: 100%;} #media-container {height: 80vh;} #media-container img,#media-container video {width: 100%; height: auto; object-fit: contain;} .title {font-size: 20px; text-align: center;} .t-btn button {width: 100%; max-width: 250px;} .container {padding: 0 15px;} @media (max-width: 900px) {.grid-container {grid-template-columns: repeat(auto-fit,minmax(250px,1fr));}} @media (max-width: 768px) {.material_library {padding: 10px; margin: 20px auto;} .title {font-size: 18px;} .t-btn {padding: 10px; gap: 10px;} .controls button {padding: 8px 10px; font-size: 14px;}} @media (max-width: 480px) {.title {font-size: 16px;} .t-btn button {font-size: 14px; height: 45px;} .controls {flex-wrap: wrap; justify-content: center;} .controls button {flex: 1 1 40%; margin-bottom: 8px;} .balls {gap: 6px;} .ball {width: 8px; height: 8px;} .close-btn {font-size: 24px;}} .card {position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 9; display: flex; flex-direction: column; justify-content: flex-end;} .card[data-type="video"] .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); display: flex; align-items: center; justify-content: center;} .card[data-type="video"] .overlay i {font-size: 48px; color: white;} .card img {width: 100%; height: 100%; object-fit: cover; display: block;} .card[data-type="video"]:hover img {transform: none;} .card[data-type="video"] .overlay i {transition: transform .3s ease;} .card[data-type="video"]:hover .overlay i {transform: scale(1.3);} .material {background-color: rgba(0,0,0,.2); position: relative; background-color: hsla(0,0%,100%,.6); background: url("{{ asset('frontend/website/images/bg.31b03f8.png') }}"); .scroll-top {border-radius: 2.60417vw; box-shadow: 0 0 .52083vw #ccc; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 2.75vw; position: fixed; right: 2.60417vw; bottom: 25px; width: 2.75vw; background-color: #fff; color: #444; font-size: 25px;} .home-slider {width: 100%; position: relative; margin: 0 !important; .slick-dots {bottom: 35px; li {position: relative; display: inline-block; width: 50px; height: 0; margin: 0 5px; padding: 0; button {width: 100%; padding: 0; height: 0px !important; border: 2px solid rgb(255 255 255 / 60%); &::before {display: none !important;}} &.slick-active {button {border-color: #fff;}}}} .slick-list,.slick-track {img {width: 100%; height: 100%; object-fit: cover; display: block;}} video {height: 100vh; width: 100%; object-fit: cover; display: block; background: #000;}} .brand-wrapper,.trend-wrapper {position: relative; .brand-item {height: 100%; position: relative; overflow: hidden; a {color: #fff; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: flex-end; left: 0; position: absolute; top: 0; transition: all .4s; &:hover {background-color: rgba(1,96,255,.2); .brand-item-text {transform: translateY(-2.60417vw); p {max-height: 80%;}}}} img {width: 100%; height: 100%; object-fit: cover;} .brand-item-text {position: absolute; z-index: 1; bottom: 0; left: 16px; right: 16px; transition: all .4s; h3 {font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 16px; text-shadow: 0 0 1vw #000;} p {color: #fff; margin: 0; display: -webkit-box; font-size: 12px; max-height: 0; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-shadow: 1px .15625vw 1vw #000;}}}} .home-tabs-wrapper {.home-tabs-showmore {background-color: #fff; border-bottom-left-radius: 1.30208vw; border-top-left-radius: 1.30208vw; color: #072462; cursor: pointer; font-size: 1.04167vw; height: 2.60417vw; line-height: 2.60417vw; position: absolute; right: 0; text-align: center; top: 53%; transform: translateY(-50%); width: 5.20833vw; z-index: 99; text-transform: uppercase; text-decoration: none;} .nav-link {color: #312e2e; font-size: 14px; font-weight: 500; &.active {color: #c2282d; background-color: inherit; border: 0;} &:hover {border: 0;}} .tab-pane {transition: all 0s;} .home-tabs-slider,.home-tabs-content {opacity: 1 !important; .slick-track {height: 100%;} img {width: 100%; height: 575px;}} .home-tabs-slider-image-wrapper {position: relative;}} .section-title {position: relative; z-index: 1111; padding: 32px 16px; text-align: center; color: #312e2e; font-size: 24px; font-weight: 700; text-transform: uppercase; margin: 0;}}}.material *{box-sizing:border-box;margin:0;padding:0}.interact-wrapper{background-color:#ececec}.interact-wrapper .interact-details-slider-wrapper{position:relative}.interact-wrapper .interact-details-slider-wrapper .interact-details-slider-left-shadow,.interact-wrapper .interact-details-slider-wrapper .interact-details-slider-right-shadow{position:absolute;top:0;width:25%;height:100%;z-index:1;background-color:#e7e7e770}.interact-wrapper .interact-details-slider-wrapper .interact-details-slider-right-shadow{right:0}.interact-wrapper .interact-details-slider-wrapper .interact-details-slider-left-shadow{left:0}.interact-wrapper .interact-details-slider-wrapper .slick-list{background-color:#e7e7e7}.interact-wrapper .interact-details-slider{background-color:#f7f7f7}.interact-wrapper .interact-details-item{margin-right:20px}.interact-wrapper .interact-details-item .interact-details-header{box-sizing:border-box;display:flex;gap:16px;padding:1vw}.interact-wrapper .interact-details-item .interact-details-header .logo-wrapper{align-items:baseline;display:flex;justify-content:left;width:8%;img {width: 100%;}}.interact-wrapper .interact-details-item .interact-details-item-img{height:25vw;width:100%}.news_details_content{margin:4.16667vw auto 2.08333vw;width:70%;display:flex}@media screen and (max-width: 768px){.news_details_content{width:90%}}.news_details_content .news_detail{img {width: 100%;}}.brandTechnology{background-color:#fff}.brandTechnology .brandTechnology-main-title{text-transform:uppercase;span {display: block; width: 5.20833vw; height: .41667vw; margin-block: 24px; background-color: #39518e; font-size: calc(1.325rem + .9vw);}}.brandTechnology .brandTechnology-slider{width:100%;height:75vh;p {margin: 0; color: #fff; font-family: "SourceSansPro-Bold"; font-size: 3.64583vw; top: 40%; text-align: center; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000; z-index: 1; width: 100%;} .slick-list {width: 100%; height: 100%; .slick-track {height: 100%;} img {width: 100%; object-fit: contain; display: block; @media screen and (max-width: 768px) {max-height: 50vh;} @media screen and (max-width: 480px) {max-height: 40vh;}}}}@media screen and (max-width: 768px){.brandTechnology .brandTechnology-slider{margin-top:50px!important;max-height:50vh;height:50vh}}@media screen and (max-width: 480px){.brandTechnology .brandTechnology-slider{max-height:40vh;height:40vh}}.brandTechnology .brandTechnology-tabs .nav-link{color:#ccc;font-size:14px;font-weight:500}.brandTechnology .brandTechnology-tabs .nav-link.active{color:#312e2e;background-color:inherit;border:0}.brandTechnology .brandTechnology-tabs .nav-link:hover{border-radius:0;margin:0;border:0}.brandTechnology .brandTechnology-tabs .tab-pane{transition:all 0s}.brandTechnology .brandTechnology-tabs .main-text{font-size:1.1vw;color:#000;margin-bottom:0}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-three-technology-overlay{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:start;justify-content:end;overflow:hidden;padding-inline:8px;transition:all .4s;h4 {opacity: 0; position: relative; transition: all .4s; left: -120%; font-size: 1.5625vw; color: #fff; text-shadow: .26042vw .26042vw .26042vw #000; margin-bottom: 4px;} p {opacity: 0; position: relative; transition: all .4s; right: -120%; text-shadow: .26042vw .26042vw .26042vw #000; font-size: 1.04167vw; color: #fff;} &:hover {background-color: rgba(0,0,0,.4); h4 {left: 0; opacity: 1;} p {right: 0; opacity: 1;}}}.brandTechnology .brandTechnology-tabs .brandTechnology-path-wrapper .main-text{margin-inline:8px}@media screen and (max-width: 768px){.brandTechnology .brandTechnology-tabs .brandTechnology-path-wrapper .main-text{margin-inline:0px;margin-block:8px}}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-one-wrapper .brandTechnology-tab-one-wrapper-dev-history{margin-top:5vw;background-color:#ececec;padding:1.5625vw 0;h2 {color: #000; font-size: 2.60417vw; line-height: 1.2; margin-bottom: 1.5625vw; text-align: center; text-transform: uppercase; font-weight: 700;} .development-history-slider-years {border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; .slick-track {display: flex; justify-content: space-between; margin: 0 auto; width: 69.58333vw !important; .slick-current {h3 {color: #333; &::after {width: 100%;}}}} h3 {color: #b4b4b4; cursor: default; font-size: 1.35417vw !important; font-weight: 600; padding: .5vw 0; position: relative; transition: all .4s; margin: 0 auto; text-align: center; width: fit-content; &::after {background-color: #333; bottom: -.13021vw; content: ""; height: .26042vw; left: 0; position: absolute; transition: all .4s; width: 0;} &:hover {color: #333; &::after {width: 100%;}}}} .development-history-year-container {h3 {color: #333; font-size: 1.35vw; margin: 1.04167vw 0 2vw; text-align: center; width: 100%; font-weight: 500;} .development-history-year-slider {.development-history-year-slider-content {width: 26.45833vw; margin-inline-end: 30px; img {height: 17.8125vw; width: 100%; border-radius: 16px;} h5 {font-size: 1.35417vw; margin-block: 8px;} p {color: #adadad; font-size: .83333vw; line-height: 1.5; overflow: hidden; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; margin: 0;} @media screen and (max-width: 768px) {margin-inline-end: 15px; margin-inline-start: 15px; img {height: 20vw;}}}}}}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-fourth-wrapper .brandTechnology-slider-years .slick-slide{align-items:center;background-color:#ccc;cursor:default;display:flex;font-size:2.08333vw;font-weight:700;height:10.41667vw;justify-content:center;transition:all .4s;color:#999}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-fourth-wrapper .brandTechnology-slider-selected-year-content{div {&:not(:last-child) {border-bottom: 1px solid #999; padding-bottom: 8px; margin-bottom: 8px;} h4 {color: #000; font-size: 1.45833vw;} p {font-size: 1.14583vw; color: #999; margin: 0;}}}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-three-wrapper .brandTechnology-tab-three-list-image{margin-bottom:16px;h3 {text-align: center; margin-top: .52083vw; margin-bottom: 1.04167vw; color: #999; font-size: 1.14583vw;}}.brandTechnology .brandTechnology-tabs .brandTechnology-slider-awards .slick-slide,.brandTechnology .brandTechnology-tabs .brandTechnology-slider-years .slick-slide{margin-inline:8px}.brandTechnology .brandTechnology-tabs .brandTechnology-slider-years{padding:1.04167vw 0;h4 {color: #000; font-size: 1.45833vw;} p {font-size: 1.14583vw; color: #ccc;}}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-five-wrapper .brandTechnology-sub-title{color:#000;font-size:2.08333vw;font-weight:600}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-five-wrapper .brandTechnology-tab-five-wrapper-first-section-images .brandTechnology-tab-five-wrapper-image{position:relative;transition:all .4s;width:100%;overflow:hidden}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-five-wrapper .brandTechnology-tab-five-wrapper-first-section-images .brandTechnology-tab-five-wrapper-image .brandTechnology-tab-five-wrapper-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s;p {transition: all .4s; position: absolute; top: 50%; left: -50%; transform: translate(-50%,-50%); z-index: 10; color: #fff; line-height: 1.5; text-shadow: .26042vw .26042vw .26042vw #000; font-weight: 700;} &:hover {background-color: rgba(0,0,0,.4); p {left: 50%;}}}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-five-wrapper .brandTechnology-social{background-color:#e7e7e7}.t-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:9999}.t-modal.hidden{display:none}.t-modal-content{position:relative;width:100%;max-width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.media-wrapper{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#media-container{height:80vh}#media-container img,#media-container video{max-width:100%;max-height:100%;transition:transform .3s ease}#media-container img{transition:transform .3s ease;transform-origin:center center}.controls{display:flex;gap:20px;position:absolute;background-color:#606266;border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translate(-50%);align-items:center;justify-content:space-around}.controls button{padding:10px 15px;font-size:26px;cursor:pointer}.close-btn{position:absolute;top:40px;right:45px;font-size:28px;cursor:pointer;z-index:999;color:#fff;background:#5b5a5a;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.icon-btn{font-size:28px;cursor:pointer;background:unset;z-index:999;color:#fff;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;outline:none}.cookie-modal{display:none;opacity:0;transition:opacity .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);justify-content:center;align-items:center;z-index:1000}.cookie-content{background:#fff;width:90%;max-height:80vh;padding:30px;border-radius:4px;position:relative;overflow-y:auto}.cookie-content h2{margin-top:0;color:#333}.cookie-content p{line-height:1.6;color:#666;margin-bottom:20px}.cookie-buttons{display:flex;gap:20px;margin-top:20px;justify-content:flex-end}.cookie-buttons button{padding:10px 20px;font-size:16px;border:none;color:#fff;background:#000;cursor:pointer}.privacy-link{display:block;margin-top:20px;text-decoration:underline;color:#888;font-size:14px;text-align:right}.cookie-categories{margin-top:30px;display:none}.cookie-categories.show{display:block}.category{font-weight:700;font-size:16px;margin-bottom:20px;color:#333;cursor:pointer;display:flex;align-items:center}.category .icon{width:24px;height:24px;margin-right:10px;background-color:#0f3e8c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:2px;transition:transform .3s ease}.category-detail{margin-left:0;margin-bottom:30px;display:flex;align-items:flex-start;gap:12px}.category-detail input[type=checkbox]{margin:2px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:#666}.category-detail input[type=checkbox]:disabled{accent-color:#ccc}.category-detail .content{flex:1}.category-detail label{font-weight:600;margin:0;display:block;cursor:pointer;color:#333;font-size:16px}.category-detail p{font-size:14px;margin:8px 0 0;color:#666;line-height:1.5}.category-separator{height:1px;background-color:#e0e0e0;margin:20px 0}.category-subsection{margin-left:30px;margin-top:15px;display:flex;align-items:flex-start;gap:12px}.category-subsection input[type=checkbox]{margin:2px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:#666}.category-subsection label{font-weight:500;color:#666;font-size:14px;display:flex;align-items:center;gap:8px}.info-icon{width:16px;height:16px;background-color:#999;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.collapse-icon{display:flex;justify-content:center;margin:15px 0;color:#0f3e8c;font-size:24px;cursor:pointer}.category-subsection{display:none}.rotated{transform:rotate(270deg);display:inline-block}.rotated.open{transform:rotate(90deg)}.showroom{background-color:#e7e7e7}.showroom .showroom-slider{width:100%;margin-bottom:0}@media screen and (max-width: 768px){.showroom .showroom-slider{margin-top:50px!important;max-height:50vh}}@media screen and (max-width: 480px){.showroom .showroom-slider{max-height:40vh}}.showroom .showroom-slider .slick-track,.showroom .showroom-slider .slick-list{img {width: 100%; display: block; height: 100%; @media screen and (max-width: 768px) {max-height: 50vh; object-fit: contain; height: 50vh;} @media screen and (max-width: 480px) {object-fit: contain; max-height: 40vh; height: 40vh;}}}.showroom .showroom-slider .slick-dots{bottom:35px;li {position: relative; display: inline-block; width: 50px; height: 0; margin: 0 5px; padding: 0; button {width: 100%; padding: 0; height: 0px !important; border: 2px solid rgb(255 255 255 / 60%); &::before {display: none !important;}} &.slick-active {button {border-color: #fff;}}}}.showroom .showroom-tabs>.nav-tabs{border-bottom:1px solid #c8cad3}.showroom .showroom-tabs .nav-link{color:#adadad;font-weight:700;font-size:1.04167rem;text-transform:uppercase;transition:all .4s}.showroom .showroom-tabs .nav-link.active{color:#312e2e;background-color:inherit;border:0}.showroom .showroom-tabs .nav-link:hover{border-radius:0;margin:0;border:0}.showroom .showroom-tabs .tab-pane{transition:all 0s}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-main-title{color:#333;font-size:1.25rem;font-weight:900}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-subtitle{color:#333;font-size:1.14583vw;margin:2.08333vw 0 1.04167vw;font-weight:400}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-conttainer{display:flex;flex-wrap:wrap}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-content{box-sizing:border-box;margin-top:1.04167vw;padding:1.04167vw;width:50%;a {align-items: center; display: flex; flex-direction: column; justify-content: center; width: 100%; text-decoration: none; img {width: 100%; border-radius: 1.04167vw;} h3 {color: #333; font-weight: 400; font-size: 1.04167rem; margin-top: .52083vw; text-transform: uppercase;}}}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-content .showroom-tab-list-cars-content-wrapper{height:150px}@media screen and (max-width: 768px){.showroom .showroom-tab-list-cars .showroom-tab-list-cars-content .showroom-tab-list-cars-content-wrapper{height:100px}}.showroom .showroom-six-tab-container .showroom-six-tab-search{display:flex;align-items:center;justify-content:center;width:50%;margin:auto;h5 {margin: 0; text-transform: uppercase; font-size: 1.35417vw 20.0553px; font-weight: 400; padding: 0 1.04167vw;} .form-control {border: 1px solid #c6c6c6; box-sizing: border-box; height: 3.54167vw; position: relative; width: 38.02083vw; border-radius: 0;} .input-group-text {border-radius: 0; background-color: #3b4d7c; svg {color: #fff;}}}@media screen and (max-width: 768px){.showroom .showroom-six-tab-container .showroom-six-tab-search{width:95%}}.showroom .showroom-six-tab-container .nav-tabs{align-items:center;gap:16px;border:0}.showroom .showroom-six-tab-container .nav-tabs .nav-link{align-items:center;border-bottom:.20833vw solid #d3d3d3;color:#adadad;cursor:pointer;display:flex;font-size:.9375vw;font-weight:bolder;height:4.16667vw;justify-content:center;line-height:1.25vw;padding:0 1.04167vw;transition:all .4s}.showroom .showroom-six-tab-container .nav-tabs .nav-link.active{color:#312e2e;border-color:#39518e}.showroom .showroom-six-tab-container .showroom-six-tab-wrapper{margin-bottom:2.60417vw;a {text-decoration: none;} .showroom-six-tab-content {border-radius: .52083vw; cursor: pointer; display: flex; overflow: hidden; transition: all .4s; &:hover {box-shadow: .26042vw .26042vw .52083vw #ccc; transform: translateY(-.26042vw);} .showroom-six-tab-content-img {flex: 1; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; padding-block: 2.5vw; img {width: 20vw; height: 100%;}} .showroom-six-tab-content-details {flex: 1; background-color: #fcfcfc; box-sizing: border-box; color: #39518e; display: flex; flex-direction: column; font-size: 1.04167vw; padding: 2.08333vw; .showroom-six-tab-content-name {font-size: 1.35417vw; font-weight: 900; line-height: 2.08333vw;} .showroom-six-tab-content-desc {color: #adadad; display: -webkit-box; font-size: .83333vw; font-weight: 600; line-height: 1.35417vw; margin-top: 1.04167vw; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: auto;} span {font-size: .9375vw; font-weight: 900; display: block;}}}}.showroom .showroom-car-details{position:sticky;right:5vw;top:5vw;box-shadow:0 0 .83333vw #ccc;background-color:#fff}.showroom .showroom-car-details .showroom-car-details-image{height:13vw;img {width: 100%; height: 100%;}}.showroom .showroom-car-details .showroom-car-details-name{margin:0;text-align:center;font-size:1.5625vw;font-weight:900;line-height:3.4375vw;text-transform:uppercase}.showroom .showroom-car-details .showroom-car-details-specifications{padding:.6vw 8px;margin:0 8px;border-top:1px solid #d7dce8;font-size:1vw;display:flex;align-items:center;justify-content:space-between;span {&:last-child {color: #39518e;}}}.part-wrapper .showroom-slider{width:100%;margin-bottom:0}.part-wrapper .showroom-slider .slick-track,.part-wrapper .showroom-slider .slick-list{img {width: 100%; height: 100%; object-fit: cover;}}.part-wrapper .showroom-slider .slick-dots{bottom:35px;li {position: relative; display: inline-block; width: 50px; height: 0; margin: 0 5px; padding: 0; button {width: 100%; padding: 0; height: 0px !important; border: 2px solid rgb(255 255 255 / 60%); &::before {display: none !important;}} &.slick-active {button {border-color: #fff;}}}}.part-wrapper .single-product{max-width:1200px;margin:0 auto;padding:40px}.part-wrapper .single-product .nav-tabs{display:flex;margin-bottom:40px;border-bottom:none;gap:5px}.part-wrapper .single-product .nav-tab{padding:12px 4px;background-color:#e8e8e8;color:#999;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:none;margin-right:2px;width:150px;height:50px;display:flex;align-items:center;justify-content:center}.part-wrapper .single-product .nav-tab.active{background-color:#4a6ba7;color:#fff}.part-wrapper .single-product .product-section{background-color:#fff;padding:0 40px;margin-bottom:20px}.part-wrapper .single-product .product-title{color:#39518e;font-size:1.875vw;font-weight:bolder;margin-top:3.125vw}.part-wrapper .single-product .product-image-container{text-align:center;padding:40px 0 0}.part-wrapper .single-product .product-image{max-width:100%;width:100%;height:auto}.part-wrapper .single-product .description-section{background-color:#fff;padding:15px 40px 40px;h2 {color: #4a6ba7; font-size: 18px; font-weight: normal; margin-bottom: 30px; border-left: 4px solid #4a6ba7; padding-left: 15px;} h3 {color: #4a6ba7; font-size: 16px; font-weight: normal; margin-bottom: 20px;} h4,h5,h6 {color: #4a6ba7; font-size: 15px; font-weight: normal; margin-bottom: 15px;} p {color: #999; font-size: 14px; line-height: 1.6;} ul,ol {margin-bottom: 40px; padding-left: 0; list-style: none;} ul li,ol li {color: #999; font-size: 14px; line-height: 1.6; margin-bottom: 12px; padding-left: 15px;} ul li::before {content: "•"; color: #999; position: absolute; left: 0;} ol {counter-reset: list-counter;} ol li::before {counter-increment: list-counter; content: counter(list-counter) "."; position: absolute; left: 0; color: #999;} a {color: #4a6ba7; text-decoration: underline; &:hover {text-decoration: none;}} img {max-width: 100%; height: auto; display: block; margin: 20px 0;} blockquote {border-left: 4px solid #4a6ba7; padding-left: 15px; margin: 20px 0; color: #999; font-style: italic; background: #f8f8f8;} hr {border: none; border-top: 1px solid #e0e0e0; margin: 40px 0;} strong {font-weight: bold; color: #4a6ba7;} em {font-style: italic;} table {width: 100% !important; border-collapse: collapse; border: 1px solid #e0e0e0; font-size: 14px; margin-bottom: 30px;} th,td {border: 1px solid #e0e0e0; padding: 12px 8px; text-align: center; color: #999;} th {background-color: #f8f8f8; font-weight: normal; font-size: 13px;} td {background-color: white;}}.part-wrapper .single-product .contact-section{background-color:#fff;padding:40px}.part-wrapper .single-product .contact-title{text-align:center;font-size:24px;font-weight:700;color:#333;margin-bottom:40px;text-transform:uppercase;letter-spacing:1px}.part-wrapper .single-product .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.part-wrapper .single-product .form-group{display:flex;flex-direction:column}.part-wrapper .single-product .form-group.full-width{grid-column:1 / -1}.part-wrapper .single-product .form-label{color:#091f2f;margin-bottom:8px;font-weight:700;font-size:1.04167vw}.part-wrapper .single-product .form-label.required:before{content:"*";color:#e74c3c;margin-right:5px}.part-wrapper .single-product .form-input{border:1px solid #ccc;padding:12px;font-size:14px;color:#999;background-color:#fff}.part-wrapper .single-product .form-input:focus{outline:none;border-color:#4a6ba7}.part-wrapper .single-product .form-textarea{border:1px solid #ccc;padding:12px;font-size:14px;color:#999;background-color:#fff;min-height:120px;resize:vertical;font-family:Arial,sans-serif}.part-wrapper .single-product .form-textarea:focus{outline:none;border-color:#4a6ba7}.part-wrapper .single-product .gender-group{display:flex;align-items:center;gap:20px;margin-top:8px}.part-wrapper .single-product .radio-group{display:flex;align-items:center;gap:8px}.part-wrapper .single-product .radio-input{width:16px;height:16px;accent-color:#4a6ba7}.part-wrapper .single-product .radio-label{color:#4a6ba7;font-size:14px;cursor:pointer}.part-wrapper .single-product .form-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px}.part-wrapper .single-product .form-button{padding:15px 60px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer}.part-wrapper .single-product .submit-button{background-color:#2c3e50;color:#fff}.part-wrapper .single-product .submit-button:hover{background-color:#1a252f}.part-wrapper .single-product .cancel-button{background-color:#95a5a6;color:#fff}.part-wrapper .single-product .cancel-button:hover{background-color:#7f8c8d}@media (max-width: 768px){.part-wrapper .single-product .nav-tabs{flex-wrap:wrap;flex-direction:column}.part-wrapper .single-product .nav-tab{font-size:10px;padding:10px 16px}.part-wrapper .single-product .form-grid{grid-template-columns:1fr}.part-wrapper .single-product .product-section,.part-wrapper .single-product .description-section,.part-wrapper .single-product .contact-section{padding:20px}.part-wrapper .single-product .form-buttons{flex-direction:column;align-items:center}.part-wrapper .single-product .form-button{width:200px}}.interact-item-icons .interact-item-icon-wrapper{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .4s;background-color:#000;cursor:pointer;img {width: 20px; height: 20px;} .interact-item-red-like-icon {display: none;}}.vehicleModel{background-color:#fff}.vehicleModel .vehicleModel-slider{height:100vh;position:relative;h2 {color: #fff; font-size: 2.55208vw; font-weight: 700; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000; text-transform: uppercase; line-height: 1.2; text-align: center; top: 15%; width: 100%;} img {width: 100%; height: 100%; object-fit: cover; display: block; @media screen and (max-width: 768px) {max-height: 50vh; object-fit: contain; height: 50vh;} @media screen and (max-width: 480px) {max-height: 40vh; object-fit: contain; height: 40vh;}}}@media screen and (max-width: 768px){.vehicleModel .vehicleModel-slider{margin-top:50px!important;max-height:50vh;height:50vh}}@media screen and (max-width: 480px){.vehicleModel .vehicleModel-slider{max-height:40vh;height:40vh}}.vehicleModel .vehicleModel-tabs{position:sticky;top:0;z-index:2000;height:50px;display:flex;justify-content:center;align-items:center;border-bottom:.10417vw solid #c8cad3;background-color:#e7e7e7;ul {list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 !important; li {display: flex;} a {color: #312e2e; cursor: pointer; font-size: .8rem; font-weight: 700; margin: 0 .83333vw; padding: 1.04167vw; display: inline-block; text-transform: uppercase; transition: all .4s; text-decoration: none; @media screen and (max-width: 425px) {font-size: .6rem;} &:hover {color: #c2282d;}}}}.vehicleModel .vehicleModel-image-wrapper{position:relative;h3 {bottom: 5.20833vw; color: #fff; left: 5.20833vw; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000;} .vehicleModel-show-images {height: 650px; transition: all .4s;} @media screen and (max-width: 768px) {.vehicleModel-show-images {height: 350px; > div {display: flex; flex-direction: column; height: 100% !important; > div {width: 100% !important; height: 50%;}}}} .vehicleModel-hide-images {height: 0; transition: all .4s;} .vehicleModel-toggle-images-four-container {display: flex; justify-content: space-between; max-height: 0; overflow: hidden; transition: all .4s; max-height: 0; position: relative; @media screen and (max-width: 768px) {max-height: auto; display: block;} img {width: 100%; height: 100%; object-fit: cover;} .vehicleModel-toggle-images-overlay {color: #fff; cursor: auto; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; left: 0; overflow: hidden; position: absolute; top: 0; transition: all .4s; width: 100%; h5 {box-sizing: border-box; text-shadow: .26042vw .26042vw .26042vw #000; transition: all .4s; font-size: 1.14583vw; padding: 1vw; margin: 0;} p {font-size: .83333vw; opacity: .6; height: 0px; padding: 0 1.04167vw; margin: 0; transition: all .4s;} &:hover {background-color: rgba(1,96,255,.2); p {height: 24px;}}} .vehicleModel-toggle-images-four-container-left {position: relative; width: 33.22917vw;} .vehicleModel-toggle-images-one-container-left {width: 50vw;} .vehicleModel-toggle-images-one-container-right {width: 50vw;} .vehicleModel-toggle-images-four-container-right {position: relative; display: flex; flex-direction: column; margin-left: .10417vw; width: 66.66667vw; > div {position: relative;}}} .vehicleModel-image-container {position: relative; height: 50vw; @media screen and (max-width: 768px) {height: auto;}} .vehicleModel-image-stat {align-items: center; bottom: 4.16667vw; display: flex; height: 6.5625vw; justify-content: center; left: 0; position: absolute; width: 100%; .vehicleModel-image-stat-content {align-items: center; display: flex; .vehicleModel-image-stat-content-item {color: #fff; display: flex; flex-direction: column; font-size: 1.5625vw; font-weight: bolder; height: 3.95833vw; justify-content: space-between; padding: 0 2.08333vw; text-align: center; &:not(:last-child) {border-right: 1px solid #c0c3c5;} span {font-weight: bolder; letter-spacing: .10417vw; text-shadow: .26042vw .26042vw .26042vw #000;} div {color: hsla(0,0%,100%,.6); font-size: 1.04167vw; font-weight: 100; text-shadow: .26042vw .26042vw .26042vw #000;}}} .vehicleModel-image-stat-config-btn {background-color: #fff; border-radius: 3.4375vw; color: #253039; cursor: pointer; font-size: 1.25vw; height: 3.4375vw; line-height: 3.4375vw; margin-left: 7.8125vw; padding: 0 1.5625vw; text-align: center; text-transform: uppercase;}} .vehicleModel-image-wrapper-content {bottom: 5.20833vw; color: #fff; left: 5.20833vw; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000; p {&:first-child {font-size: 1.875vw; font-weight: 600; letter-spacing: .10417vw; line-height: 4.16667vw;} &:nth-child(2) {font-size: 1.25vw; font-weight: lighter; line-height: 2.60417vw; opacity: .6;}}} .vehicleModel-image-wrapper-btn {position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background-color: #fff; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; z-index: 100; transition: all .4s; box-shadow: .26042vw .26042vw .78125vw #000; span {animation: bounceArrow 1s infinite; display: inline-block;}}}.vehicleModel .vehicleModel-image-wrapper .vehicleModel-second-image-wrapper{position:absolute;z-index:100;left:50%;top:5vw;transform:translate(-50%);width:60vw}.vehicleModel .vehicleModel-title{align-items:center;display:flex;font-size:.875rem;font-weight:900;height:6.04167vw;justify-content:center;text-transform:uppercase;width:100%;background-color:#e7e7e7}.vehicleModel .vehicleModel-form{background-color:#fff;padding:5.20833vw 0;h4 {color: #333; font-size: 1.66667vw;} .vehicleModel-form-inputs {input,select {width: 85%; font-size: 1.35417vw; padding: 0 0 0 .52083vw; margin-block: 8px;} .vehicleModel-form-checkbox {display: flex; gap: 16px; margin-top: 32px; input[type="checkbox"] {width: 15px; height: 15px; padding-block: 0; margin-block: 0; margin-top: 8px;} label {color: #777; display: flex; font-size: 1.04167vw;} p {font-size: 1.04167vw; margin: 0; margin-top: .52083vw;}} .vehicleModel-form-submit-btn {button {background-color: #6a6a6a; border-radius: .26042vw; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 1.25vw; margin: 0 2.60417vw; padding: .83333vw 2.08333vw; text-align: center; width: 18.07292vw; border: 0;}}}}@keyframes bounceArrow{0%,to{transform:translateY(0)}25%{transform:translateY(5px)}50%{transform:translateY(-5px)}75%{transform:translateY(5px)}to{transform:translateY(-5px)}}@keyframes homeTabSliderLogo{0%{transform:scale(1)}50%{transform:scale(.9)}50%{transform:scale(1)}}.vehicleModel-config-modal{h2,h3 {background-color: #fff; color: #000; font-size: 1.95313vw; font-weight: bolder; line-height: 6.97917vw; text-align: center; text-transform: uppercase; margin: 0;} .modal-dialog {max-width: 74.0625vw;} .vehicleModel-config-modal-header {display: flex; div {color: #fff; align-items: center; background-color: #333; display: flex; flex: 1; font-size: 1.5625vw; justify-content: center; line-height: 2.08333vw; padding: 2.08333vw .26042vw; position: relative; text-align: center; &:not(:last-child) {border-right: .10417vw solid #c8cad3;}}} .accordion-header {line-height: 0; .accordion-button {background-color: #333; color: #fff;}} .vehicleModel-config-modal-info {background: #fff; box-sizing: border-box; color: #aaa; padding: 1.5625vw; p {line-height: 1.5625vw; margin: 0;}}}.vehicleModel-video-section{margin:0 auto 2.60417vw;width:62.5vw;background-color:#fff}.vehicleModel-video-section .vehicleModel-subTitle{margin:0;font-size:1.875vw;font-weight:bolder;line-height:5.20833vw;text-align:center}.vehicleModel-video-section .vehicleModel-video-list{display:flex;align-items:center;justify-content:space-between;margin:2.08333vw 0;div {display: flex; align-items: center; flex: 1; font-size: 1.25vw; font-weight: 900; justify-content: center; line-height: 1.5; position: relative; &:not(:last-child)::after {background-color: #e6e6e6; content: ""; height: 1.5625vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px;}}}.vehicleModel-video-section .vehicleModel-video{width:100%;height:350px;video {width: 100%; height: 100%;}}@media screen and (max-width: 768px){.brandTechnology .brandTechnology-tabs .main-text{font-size:12px;margin-top:1rem!important}.home .home-tabs-wrapper .home-tabs-slider,.home .home-tabs-wrapper .home-tabs-content{img {height: 45vh;}}.brand-item{height:375px!important}}@media screen and (max-width: 576px){.vehicleModel .vehicleModel-slider{height:75vh}.vehicleModel .vehicleModel-tabs{height:auto}.vehicleModel .vehicleModel-form .vehicleModel-form-inputs{input,select {height: 20px;}}.vehicleModel .vehicleModel-form .vehicleModel-form-inputs .vehicleModel-form-checkbox{input[type="checkbox"] {margin-top: 0;}}.navbar .navbar-brand{width:90px}.home .home-tabs-wrapper .home-tabs-slider,.home .home-tabs-wrapper .home-tabs-content{img {height: 50vh;}}}