:root{--color-dark-blue: rgb(23, 30, 33);--color-deep-green: rgb(9, 60, 62);--color-light-green: rgb(131, 183, 165);--color-black: rgb(35, 24, 21);--color-white: rgb(255, 255, 255);--color-dark-gray: rgb(45, 53, 62);--color-teal: rgb(23, 77, 76);--color-pale-green: rgb(169, 217, 204);--color-turquoise: rgb(23, 103, 111);--color-light-mint: rgb(227, 247, 231);--color-charcoal: rgb(59, 73, 84);--color-sea-green: rgb(55, 110, 116);--color-soft-mint: rgb(236, 246, 241);--color-light-gray: rgb(125, 128, 131);--color-aqua: rgb(83, 157, 157);--color-pale-cyan: rgb(248, 251, 249);--color-mountain: rgb(23, 77, 86);--color-lake: rgb(190, 225, 214);--color-primary: var(--color-dark-blue);--color-secondary: var(--color-deep-green);--color-accent: var(--color-light-green);--color-text: var(--color-black);--color-text-light: var(--color-white);--color-border: var(--color-pale-green);--color-background: var(--color-light-mint);--color-navbar: rgba(23, 30, 33, .9);--color-footer-border: var(--color-teal);--color-card-bg: var(--color-white);--color-tab-active: var(--color-turquoise);--color-shadow: rgba(0, 0, 0, .2);--color-overlay: rgba(1, 96, 255, .2)}@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:var(--color-dark-gray)!important;text-transform:uppercase;padding:0}.navbar .nav-link{text-transform:uppercase;color:var(--color-text-light);font-size:.83333vw;font-weight:700;padding:.52083vw 1.04167vw;transition:all .4s}.navbar .nav-link:after{content:"";display:block;width:0;background:var(--color-text-light);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:var(--color-shadow);padding:0;a {font-size: .83333vw; color: var(--color-text-light); 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;height:30px}.navbar .navbar-brand{width:100px;padding:0;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: 568px){.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 var(--color-footer-border);background-color:var(--color-dark-gray);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: var(--color-text-light); font-weight: 400; text-decoration: none; &:not(:last-child) {border-right: 2px solid var(--color-text-light); padding-right: 24px; margin-right: 24px;}}}footer .footer-socials{display:flex;gap:24px;a {img {width: 30px;}}}footer .footer-terms{border:1px solid var(--color-text-light);border-radius:50px;padding:14px 28px;a {text-transform: uppercase; font-size: 15px; color: var(--color-text-light); font-weight: 400; text-decoration: none; &:not(:last-child) {border-right: 2px solid var(--color-text-light); padding-right: 24px; margin-right: 24px;}}}footer .footer-copyright{margin:0;color:var(--color-text-light)}@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:var(--color-card-bg);transition:all .4s;margin-inline:2px;a {text-decoration: none; position: relative; color: var(--color-text);} .interact-item-header {gap: 8px; padding: 12px; h3,h2 {font-size: 18px; font-weight: 700; margin: 0px;} span {color: var(--color-light-gray); 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:var(--color-card-bg)!important;position:relative;padding-bottom:24px}.home .home-slider{width:100%;height:100vh;position:relative;margin:0!important;video {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){.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: var(--color-text-light);}}}}.home .home-slider .slick-track{height:100%}.home .home-slider .slick-list{width:100%;height:100%;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: var(--color-text-light); 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: var(--color-overlay); .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: var(--color-text-light); text-transform: uppercase; margin-bottom: 16px; text-shadow: 0 0 1vw var(--color-text);} p {color: var(--color-text-light); 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 var(--color-text);}}}.home .home-tabs-wrapper .home-tabs-showmore{background-color:var(--color-card-bg);border-bottom-left-radius:1.30208vw;border-top-left-radius:1.30208vw;color:var(--color-dark-blue);cursor:pointer;font-size:1.04167rem;height:4.60417vw;line-height:4.60417vw;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:var(--color-text);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:var(--color-turquoise);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: 40vw;}}.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: 25vw; height: auto;} h5,span {display: block; margin-bottom: 8px;} span,a {text-transform: uppercase; color: var(--color-text-light); 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:var(--color-overlay)}.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:40%}.home .section-title{position:relative;z-index:1111;padding:32px 16px;text-align:center;color:var(--color-teal);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:var(--color-card-bg);color:var(--color-text);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:var(--color-card-bg);padding-bottom:0;body {background-color: var(--color-card-bg);} .news-details-slider-wrapper {position: relative; h3 {color: var(--color-text-light); font-weight: bold; font-size: 3.64583vw; right: 15.625vw; position: absolute; text-shadow: .26042vw .26042vw .26042vw var(--color-text); top: 10.41667vw; z-index: 100;}} .news-details-slider {width: 100%; height: 70vh; 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: var(--color-text-light);}}}} .slick-track {height: 100%;} .slick-list {width: 100%; height: 100%; img {width: 100%; height: 100%; object-fit: cover; display: block;}} video {height: 100vh; width: 100%; object-fit: cover; display: block; background: var(--color-text);}} .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 var(--color-teal); color: var(--color-teal); 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: var(--color-dark-blue); 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;} .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: var(--color-text-light); 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: var(--color-card-bg); color: var(--color-teal); border: 2px solid var(--color-teal); cursor: pointer; transition: all .3s ease; background-color: inherit;} .btn button:hover {background: var(--color-dark-blue); color: var(--color-text-light); 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: var(--color-card-bg); 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 var(--color-dark-blue); background: var(--color-card-bg); color: var(--color-dark-blue); font-weight: bold; border-radius: 4px; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("data:image/svg+xml,%3Csvg fill='%23171E21' 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; color: var(--color-teal);} .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 var(--color-teal); padding-bottom: 10px; width: unset; color: var(--color-teal);} .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: var(--color-card-bg); color: var(--color-teal); border: 2px solid var(--color-teal); cursor: pointer; transition: all .3s ease;} .interac-card {display: flex; flex-direction: column; gap: 10px; background: var(--color-card-bg); 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; color: var(--color-teal);} .dropdown {padding: 6px 10px; font-size: 16px; border: 2px solid var(--color-dark-blue); background: var(--color-card-bg); color: var(--color-dark-blue); 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; color: var(--color-teal);}}}.news-page *{box-sizing:border-box;margin:0;padding:0}.privacy{h1 {color: var(--color-turquoise); font-size: 24px; text-align: left; margin-bottom: 20px;} .section h2 {color: var(--color-teal); font-size: 18px; margin-top: 20px; margin-bottom: 10px;} p.content {color: var(--color-light-gray); font-size: 16px; line-height: 1.6; margin-bottom: 15px;} ol {font-size: 16px; line-height: 1.6; padding-left: 20px; color: var(--color-light-gray); margin-bottom: 20px;} ol li {margin-bottom: 20px;} a {color: var(--color-aqua); text-decoration: none;} a:hover {text-decoration: underline; color: var(--color-turquoise);}}.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 var(--color-shadow);background-color:var(--color-card-bg)}.terms{h1 {color: var(--color-turquoise); font-size: 24px; text-align: left; margin-bottom: 20px;} .section h2 {color: var(--color-text); font-size: 18px; margin-top: 20px; margin-bottom: 10px;} p.content {color: var(--color-light-gray); font-size: 16px; line-height: 1.6; margin-bottom: 15px;} ol {font-size: 16px; line-height: 1.6; padding-left: 20px; color: var(--color-light-gray); margin-bottom: 20px;} ol li {margin-bottom: 20px;} a {color: var(--color-aqua); text-decoration: none;} a:hover {text-decoration: underline; color: var(--color-turquoise);}}.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 var(--color-shadow);background-color:var(--color-card-bg)}.material{background-image:url(/build/assets/material_bg-0fd1116f.png)!important;background-color:var(--color-card-bg);body {background-color: var(--color-card-bg);} .home-slider {width: 100%; height: 70vh; 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 rgba(255,255,255,.6); &::before {display: none !important;}} &.slick-active {button {border-color: var(--color-text-light);}}}} .slick-track {height: 100%;} .slick-list {width: 100%; height: 100%; img {width: 100%; height: 100%; object-fit: cover; display: block;}} video {height: 100vh; width: 100%; object-fit: cover; display: block; background: var(--color-text);}} .material_library {max-width: 1200px; margin: 40px auto; padding: 20px; background-color: var(--color-card-bg);} .divider {width: 100%; height: 1px; background-color: var(--color-primary); margin: 40px 0;} .container {display: flex; align-items: center; justify-content: center; gap: 15px; flex-direction: column;} .material-title {font-size: 24px; margin-bottom: 20px; color: var(--color-teal);} .grid-container {display: grid; grid-template-columns: repeat(3,1fr); gap: 5px;} .card {text-align: center; position: relative; overflow: hidden; background-color: var(--color-card-bg);} .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: var(--color-text-light); width: 100%; padding: 4px 8px; background: linear-gradient(to top,rgba(0,0,0,.8),transparent); justify-content: space-between;} .t-btn button {width: 200px; height: 50px; background: var(--color-primary); color: var(--color-text-light); 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 var(--color-shadow); background: var(--color-dark-blue);} .ball {width: 10px; height: 10px; background-color: var(--color-primary); border-radius: 50%; animation: bounce .6s infinite alternate;} .card[data-type="video"] .overlay {background: rgba(0,0,0,.25);} .scroll-top {border-radius: 2.60417vw; box-shadow: 0 0 .52083vw var(--color-light-gray); background-color: var(--color-card-bg); color: var(--color-text);} .brand-wrapper,.trend-wrapper {.brand-item {a {color: var(--color-text-light); &:hover {background-color: var(--color-overlay);}} .brand-item-text {h3,p {color: var(--color-text-light); text-shadow: 0 0 1vw var(--color-text);}}}} .home-tabs-wrapper {.home-tabs-showmore {background-color: var(--color-card-bg); color: var(--color-primary);} .nav-link {color: var(--color-teal); &.active {color: var(--color-teal);}}} .section-title {color: var(--color-teal);} @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;}} @media (max-width: 480px) {.t-btn button {font-size: 14px; height: 45px;}}}.material *{box-sizing:border-box;margin:0;padding:0}.interact-wrapper{background-color:var(--color-card-bg)}.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:#e3f7e7b3}.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{background-color:var(--color-card-bg)}.interact-wrapper .interact-details-item{margin-right:20px;background-color:var(--color-card-bg);box-shadow:0 2px 8px var(--color-shadow)}.interact-wrapper .interact-details-item .interact-details-header{box-sizing:border-box;display:flex;gap:16px;padding:1vw;border-bottom:1px solid var(--color-border)}.interact-wrapper .interact-details-item .interact-details-header .logo-wrapper{align-items:baseline;display:flex;justify-content:left;width:8%;img {width: 100%; max-height: 50px; object-fit: contain;}}.interact-wrapper .interact-details-item .interact-details-header .text-content{flex:1;h3 {color: var(--color-text); font-size: 1.2rem; margin-bottom: .5rem;} p {color: var(--color-light-gray); font-size: .9rem;}}.interact-wrapper .interact-details-item .interact-details-item-img{height:25vw;width:100%;object-fit:cover;background-color:var(--color-background)}.interact-wrapper .slick-arrow{background-color:var(--color-primary);color:var(--color-text-light);border-radius:50%;width:40px;height:40px}.interact-wrapper .slick-arrow:hover{background-color:var(--color-dark-blue)}.interact-wrapper .slick-arrow:before{color:var(--color-text-light)}.news_details_content .news_detail{p {width: 100% !important; color: var(--color-text); line-height: 1.6; margin-bottom: 1.5rem;} img {width: 100%; height: auto; margin: 1rem 0; border-radius: 4px; box-shadow: 0 2px 8px var(--color-shadow);} h2,h3,h4 {color: var(--color-primary); margin: 1.5rem 0 1rem;} a {color: var(--color-aqua); text-decoration: none; &:hover {color: var(--color-turquoise); text-decoration: underline;}}}.brandTechnology{background-color:var(--color-card-bg)}.brandTechnology .brandTechnology-main-title{text-transform:uppercase;color:var(--color-teal);span {display: block; width: 5.20833vw; height: .41667vw; margin-block: 24px; background-color: var(--color-dark-blue); 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; position: absolute; text-shadow: .26042vw .26042vw .26042vw #000; top: 40%; z-index: 1; width: 100%; text-align: center;} .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:var(--color-teal);font-size:14px;font-weight:500}.brandTechnology .brandTechnology-tabs .nav-link.active{color:var(--color-dark-blue);background-color:inherit;border:0}.brandTechnology .brandTechnology-tabs .nav-link:hover{border-radius:0;margin:0;border:0;color:var(--color-dark-blue)}.brandTechnology .brandTechnology-tabs .tab-pane{transition:all 0s}.brandTechnology .brandTechnology-tabs .main-text{font-size:1.1vw;color:var(--color-light-gray);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: var(--color-text-light); text-shadow: .26042vw .26042vw .26042vw var(--color-text); margin-bottom: 4px;} p {opacity: 0; position: relative; transition: all .4s; right: -120%; text-shadow: .26042vw .26042vw .26042vw var(--color-text); font-size: 1.04167vw; color: var(--color-text-light);} &: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:var(--color-card-bg);padding:1.5625vw 0;h2 {color: var(--color-teal); 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 var(--color-border); border-top: 1px solid var(--color-border); .slick-track {display: flex; justify-content: space-between; margin: 0 auto; width: 69.58333vw !important; .slick-current {h3 {color: var(--color-dark-blue); &::after {width: 100%;}}}} h3 {color: var(--color-teal); 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: var(--color-teal); bottom: -.13021vw; content: ""; height: .26042vw; left: 0; position: absolute; transition: all .4s; width: 0;} &:hover {color: var(--color-text); &::after {width: 100%;}}}} .development-history-year-container {h3 {color: var(--color-teal); 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; color: var(--color-text);} p {color: var(--color-light-gray); font-size: .83333vw; line-height: 1.5; overflow: hidden; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis;} @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:var(--color-card-bg);cursor:default;display:flex;font-size:2.08333vw;font-weight:700;height:10.41667vw;justify-content:center;transition:all .4s;color:var(--color-light-gray)}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-fourth-wrapper .brandTechnology-slider-years .slick-slide.slick-current{background-color:var(--color-primary);color:var(--color-text-light)}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-fourth-wrapper .brandTechnology-slider-selected-year-content{div {&:not(:last-child) {border-bottom: 1px solid var(--color-border); padding-bottom: 8px; margin-bottom: 8px;} h4 {color: var(--color-text); font-size: 1.45833vw;} p {font-size: 1.14583vw; color: var(--color-light-gray); 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: var(--color-light-gray); 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: var(--color-text); font-size: 1.45833vw;} p {font-size: 1.14583vw; color: var(--color-light-gray);}}.brandTechnology .brandTechnology-tabs .brandTechnology-tab-five-wrapper .brandTechnology-sub-title{color:var(--color-teal);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: var(--color-text-light); line-height: 1.5; text-shadow: .26042vw .26042vw .26042vw var(--color-text); 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:var(--color-card-bg)}.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:var(--color-dark-gray);border:1px solid var(--color-text-light);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;background-color:transparent;border:none;color:var(--color-text-light);transition:all .3s ease}.controls button:hover{color:var(--color-light-green)}.close-btn{position:absolute;top:40px;right:45px;font-size:28px;cursor:pointer;z-index:999;color:var(--color-text-light);background:var(--color-charcoal);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:none}.close-btn:hover{background:var(--color-dark-blue);transform:scale(1.1)}.icon-btn{font-size:28px;cursor:pointer;background:transparent;z-index:999;color:var(--color-text-light);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;outline:none;transition:all .3s ease}.icon-btn:hover{color:var(--color-light-green);transform:scale(1.1)}@media (max-width: 768px){.controls{gap:10px;padding:0 15px;height:38px;bottom:20px}.controls button{font-size:22px;padding:8px 12px}.close-btn{top:20px;right:20px;width:30px;height:30px;font-size:24px}.icon-btn{font-size:24px;width:30px;height:30px}}@media (max-width: 480px){.controls{gap:8px;padding:0 10px;height:34px;bottom:15px}.controls button{font-size:18px;padding:6px 10px}#media-container{height:70vh}}.cookie-modal{display:none;opacity:0;transition:opacity .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(23,30,33,.8);justify-content:center;align-items:center;z-index:1000}.cookie-modal.active{display:flex;opacity:1}.cookie-content{background:var(--color-card-bg);width:90%;max-width:600px;max-height:80vh;padding:30px;border-radius:8px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000026}.cookie-content h2{margin-top:0;color:var(--color-teal);font-size:1.5rem;margin-bottom:1rem}.cookie-content p{line-height:1.6;color:var(--color-light-gray);margin-bottom:20px;font-size:.95rem}.cookie-buttons{display:flex;gap:15px;margin-top:25px;justify-content:flex-end;flex-wrap:wrap}.cookie-buttons button{padding:12px 24px;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:500}.cookie-buttons button:first-child{background-color:var(--color-light-green);color:var(--color-text)}.cookie-buttons button:last-child{background-color:var(--color-primary);color:var(--color-text-light)}.cookie-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.cookie-content{width:95%;padding:20px}.cookie-buttons{justify-content:center}.cookie-buttons button{padding:10px 18px;font-size:.9rem}}@media (max-width: 480px){.cookie-content{padding:15px}.cookie-content h2{font-size:1.3rem}.cookie-buttons{gap:10px}.cookie-buttons button{flex:1;padding:8px 12px}}.privacy-link{display:block;margin-top:20px;text-decoration:underline;color:var(--color-light-gray);font-size:14px;text-align:right;transition:color .3s ease}.privacy-link:hover{color:var(--color-aqua)}.cookie-categories{margin-top:30px;display:none}.cookie-categories.show{display:block}.category{font-weight:700;font-size:16px;margin-bottom:20px;color:var(--color-text);cursor:pointer;display:flex;align-items:center;transition:color .3s ease}.category:hover{color:var(--color-dark-blue)}.category .icon{width:24px;height:24px;margin-right:10px;background-color:var(--color-primary);color:var(--color-text-light);display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:2px;transition:transform .3s ease,background-color .3s ease}.category:hover .icon{background-color:var(--color-turquoise);transform:scale(1.1)}.category-detail{margin-left:0;margin-bottom:30px;display:flex;align-items:flex-start;gap:12px;input[type="checkbox"] {margin: 0; width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; accent-color: var(--color-dark-gray); cursor: pointer; &:disabled {accent-color: var(--color-border);}} .content {flex: 1;} label {font-weight: 600; margin: 0; display: block; cursor: pointer; color: var(--color-text); font-size: 16px; transition: color .3s ease; &:hover {color: var(--color-dark-blue);}} p {font-size: 14px; margin: 8px 0 0 0; color: var(--color-light-gray); line-height: 1.5;}}.category-separator{height:1px;background-color:var(--color-border);margin:20px 0}.category-subsection{margin-left:30px;margin-top:15px;display:flex;align-items:flex-start;gap:12px;input[type="checkbox"] {margin: 0; width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; accent-color: var(--color-dark-gray);} label {font-weight: 500; color: var(--color-light-gray); font-size: 14px; display: flex; align-items: center; gap: 8px; transition: color .3s ease; &:hover {color: var(--color-text);}}}.info-icon{width:16px;height:16px;background-color:var(--color-light-gray);color:var(--color-text-light);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:background-color .3s ease}.info-icon:hover{background-color:var(--color-turquoise)}.collapse-icon{display:flex;justify-content:center;margin:15px 0;color:var(--color-primary);font-size:24px;cursor:pointer;transition:transform .3s ease,color .3s ease}.collapse-icon:hover{color:var(--color-turquoise)}.showroom{background-color:var(--color-card-bg)}.showroom .showroom-slider{width:100%;margin-bottom:0}@media screen and (max-width: 768px){.showroom .showroom-slider{margin-top:50px!important}}.showroom .showroom-slider .slick-slide{img {width: 100%; height: 100%; display: block;}}.showroom .showroom-slider .slick-track,.showroom .showroom-slider .slick-list{width:100%;height:100%;object-fit:cover;object-fit:contain}.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 rgba(255,255,255,.6); &::before {display: none !important;}} &.slick-active {button {border-color: var(--color-text-light);}}}}.showroom .showroom-tabs>.nav-tabs{border-bottom:1px solid var(--color-border)}.showroom .showroom-tabs .nav-link{color:var(--color-teal);font-weight:700;font-size:1.04167vw;text-transform:uppercase;transition:all .4s}.showroom .showroom-tabs .nav-link.active{color:var(--showroom-tabs);background-color:inherit;border:0;border-bottom:2px solid var(--color-primary)}.showroom .showroom-tabs .nav-link:hover{color:var(--showroom-tabs)}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-main-title{color:var(--color-teal);font-size:1.25rem;font-weight:900}.showroom .showroom-tab-list-cars .showroom-tab-list-cars-subtitle{color:var(--color-teal);font-size:1.14583vw;margin:2.08333vw 0 1.04167vw;font-weight:400}.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: var(--color-text); transition: color .3s ease; font-weight: 400; font-size: 1.04167rem; margin-top: .52083vw; text-transform: uppercase; &:hover {color: var(--color-primary);}}}}.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 var(--color-border); box-sizing: border-box; height: 3.54167vw; position: relative; width: 38.02083vw; border-radius: 0;} .input-group-text {border-radius: 0; background-color: var(--color-border); svg {color: var(--color-light-gray);}}}@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 var(--color-border);color:var(--color-light-gray);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:var(--color-text);border-color:var(--color-primary)}.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-six-tab-container .input-group-text{background-color:var(--color-primary)}.showroom .showroom-car-details{position:sticky;right:5vw;top:5vw;box-shadow:0 0 .83333vw var(--color-shadow);background-color:var(--color-card-bg)}.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;color:var(--color-teal)}.showroom .showroom-car-details .showroom-car-details-specifications{padding:.6vw 8px;margin:0 8px;border-top:1px solid var(--color-border);font-size:1vw;display:flex;align-items:center;justify-content:space-between;span {&:last-child {color: #39518e;}}}.vehicleModel{background-color:var(--color-card-bg)}.vehicleModel .vehicleModel-slider{height:100vh;position:relative;h2 {color: var(--color-teal); 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;background-color:var(--color-card-bg);border-bottom:.10417vw solid var(--color-border);ul {list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 !important; a {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; color: var(--color-text); transition: color .4s ease; @media screen and (max-width: 425px) {font-size: .6rem;} &:hover {color: var(--color-turquoise);}}}}.vehicleModel .vehicleModel-image-wrapper{position:relative;h4 {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;}} .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{background-color:var(--color-card-bg);color:var(--color-teal);align-items:center;display:flex;font-size:.875rem;font-weight:900;height:6.04167vw;justify-content:center;text-transform:uppercase;width:100%}.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;}}}}@media (max-width: 768px){.category{font-size:14px}.category-detail{flex-direction:column;gap:8px}.showroom .showroom-tabs .nav-link{font-size:14px}}@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)}to{transform:scale(1)}}.vehicleModel-config-modal{h2 {background-color: var(--color-card-bg); color: var(--color-teal); 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: var(--color-text-light); align-items: center; background-color: var(--color-card-bg); display: flex; flex: 1; font-size: 1.5625vw; justify-content: center; line-height: 2.08333vw; padding: 2.08333vw .26042vw; position: relative; text-align: center; transition: background-color .3s ease; &:not(:last-child) {border-right: .10417vw solid var(--color-border);} &:hover {background-color: var(--color-primary);}}} .accordion-header {line-height: 0; .accordion-button {background-color: var(--color-card-bg); color: var(--color-text-light); transition: background-color .3s ease; &:hover {background-color: var(--color-primary);}}} .vehicleModel-config-modal-info {background: var(--color-card-bg); color: var(--color-light-gray); padding: 1.5625vw; p {line-height: 1.5625vw; margin: 0;}}}.vehicleModel-video-section{margin:0 auto 2.60417vw;width:62.5vw;background-color:var(--color-card-bg);box-shadow:0 .26042vw .78125vw var(--color-shadow)}.vehicleModel-video-section .vehicleModel-subTitle{margin:0;font-size:1.875vw;font-weight:bolder;line-height:5.20833vw;text-align:center;color:var(--color-teal)}.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; color: var(--color-text); &:not(:last-child)::after {background-color: var(--color-border); 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%; object-fit: cover;}}@media (max-width: 1024px){.vehicleModel-config-modal{h2 {font-size: 2.5rem; line-height: 4rem;} .vehicleModel-config-modal-header div {font-size: 1.2rem; padding: 1.5rem .5rem;}}.vehicleModel-video-section{width:90%}.vehicleModel-video-section .vehicleModel-subTitle{color:var(--color-teal);font-size:2rem;line-height:3rem}.vehicleModel-video-section .vehicleModel-video-list div{font-size:1.2rem}}@media (max-width: 768px){.vehicleModel-config-modal .modal-dialog{max-width:95vw}.vehicleModel-config-modal .vehicleModel-config-modal-header{flex-direction:column;div {width: 100%; font-size: 1rem; padding: 1rem .5rem; &:not(:last-child) {border-right: none; border-bottom: 1px solid var(--color-border);}}}.vehicleModel-video-section .vehicleModel-video-list{flex-direction:column;div {width: 100%; padding: 1rem 0; &:not(:last-child)::after {display: none;} &:not(:last-child) {border-bottom: 1px solid var(--color-border);}}}.vehicleModel-video-section .vehicleModel-video{height:250px}}.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;}}.part-wrapper .showroom-slider{width:100%;height:75vh;margin-bottom:0}.part-wrapper .showroom-slider .slick-track,.part-wrapper .showroom-slider .slick-list{width:100%;height:100%;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}}@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: 40vh;}}}