@import url(../css/fonts/fontawesome/css/all.min.css);
@import url(../css/typography.css);
@font-face {
  font-family: "Aurora Sans";
  src: url("./fonts/AuroraSans-Regular.ttf");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aurora Sans";
  src: url("./fonts/AuroraSans-Bold.ttf");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Aurora Sans";
  src: url("./fonts/AuroraSans-ExtraBold.ttf");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Aurora Sans";
  src: url("./fonts/AuroraSans-Light.ttf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "iCielBC Cubano";
  font-weight: bold;
  src: url("./fonts/mixtape.otf") format("opentype");
}
:root {
  --f-body: "Aurora Sans";
  --f-second: "Open Sans", sans-serif;
  --f-mixtape: "iCielBC Cubano";
  --white: #fff;
  --red: #de2f2b;
  --orange: #f05f22;
  --blue: #38b4e7;
  --green: #00af7f;
  --plum: #150605;
  --grey: #666;
}

body {
  font-family: var(--f-body);
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: #666;
  text-decoration: none;
  outline: 0;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

figure {
  margin: 0;
}

.row-0 {
  margin-left: auto;
  margin-right: auto;
}

.row-15 {
  margin: 0 -0.9375rem;
}

.p-0 {
  padding: 0;
}

.p-15 {
  padding: 0 0.9375rem;
}

.mr-0 {
  margin-bottom: 0 !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.bgRed {
  background-color: #de2f2b !important;
}

.bgGreen {
  background-color: #00af7f !important;
}

.border-left-green {
  border-left-color: #00af7f !important;
}

.border-left-white {
  border-left-color: #ffffff !important;
}

@media (min-width: 1199px) {
  .container {
    /*max-width: 1200px;*/
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
  .no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-2r {
  padding: 0 3.75rem;
}
@media only screen and (max-width: 1199px) {
  .p-2r {
    padding: 0 2rem;
  }
}

@keyframes rotate-fs {
  0% {
    transform: rotate(60deg) scale(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(720deg);
    opacity: 1;
  }
}
@keyframes mouse {
  from {
    top: 86%;
  }
  to {
    top: 88%;
  }
}
.header .header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  transition: height 1s;
  z-index: 99;
}
.header .header-wrapper .nav-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.81rem 2.5rem 1.38rem 3.12rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper .nav-menu {
    padding: 1rem 1.5rem;
  }
}
.header .header-wrapper .nav-menu .logo {
  width: 3.9375rem;
}
.header .header-wrapper .nav-menu .logo a {
  display: block;
  width: 3.9375rem;
}
.header .header-wrapper .nav-menu .logo a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.header .header-wrapper .nav-menu .logo a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.header .header-wrapper .nav-menu .nav-right {
  display: flex;
  align-items: center;
  gap: 2.75rem;
}
.header .header-wrapper .nav-menu .nav-right .language {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.header .header-wrapper .nav-menu .nav-right .language span {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0;
}
.header .header-wrapper .nav-menu .nav-right .language span.current {
  font-weight: 700;
  text-decoration: underline;
}
.header .header-wrapper .nav-menu .nav-right .sidebar-menu .open-sidebar {
  border: 0;
  background: rgba(0, 0, 0, 0);
}
.header .header-wrapper.sticky {
  height: 1.25rem;
  background: var(--red);
  cursor: pointer;
}
.header .header-wrapper.sticky .nav-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header .header-wrapper.sticky:hover {
  height: 6rem;
}
.header .header-wrapper.sticky:hover .nav-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
  padding: 1rem 2.5rem 1rem 3.12rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-wrapper.sticky:hover .nav-menu {
    padding: 1rem 1.5rem;
  }
}
.header .header-wrapper.orgin {
  background: var(--orange);
}
.header .header-wrapper.green {
  background: var(--green);
}
.header .header-wrapper.blue {
  background: var(--blue);
}
.header.header-mixtape .header-wrapper {
  padding: 1rem 0;
  background: #f8f3ec;
  transition: height 0.3s;
}
.header.header-mixtape .header-wrapper .button-back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 50%;
  left: 2.88rem;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  .header.header-mixtape .header-wrapper .button-back {
    display: none;
  }
}
.header.header-mixtape .header-wrapper .button-back i {
  font-size: 1.5rem;
  line-height: 1;
  color: #031111;
}
@media only screen and (max-width: 1199px) {
  .header.header-mixtape .header-wrapper .mixtape-header {
    display: none;
  }
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .logo {
  width: 5.5rem;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .logo a {
  display: block;
  height: 4.125rem;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .logo a figure {
  display: block;
  width: 100%;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .mix-menu ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .mix-menu ul li a {
  display: block;
  padding: 0.62rem 1.5rem;
  font-family: var(--f-mixtape);
  font-size: 1.25rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #333;
  text-transform: uppercase;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .search {
  width: 12.815rem;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .search form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #a1a1a1;
  padding: 0.5rem 1rem;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .search form input {
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #a1a1a1;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0);
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .search form input::-moz-placeholder {
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #a1a1a1;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .search form input::placeholder {
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #a1a1a1;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .search form button {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .language {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .language span {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0;
}
.header.header-mixtape .header-wrapper .mixtape-header .header-inner .menu-right .language span.current {
  font-weight: 700;
  text-decoration: underline;
}
.header.header-mixtape .header-wrapper .header-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header.header-mixtape .header-wrapper .header-mobile {
    display: block;
  }
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .button-back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  .header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .button-back {
    position: unset;
    transform: none;
  }
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .button-back i {
  font-size: 1.5rem;
  line-height: 1;
  color: #031111;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .logo {
  width: 3.33331rem;
  height: 2.5rem;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .logo a {
  display: block;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .search-mobi .bnt-search {
  background: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  margin: 0;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .search-mobi .searchdrop {
  position: absolute;
  right: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #a1a1a1;
  padding: 0.5rem 1rem;
  width: 12.815rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .search-mobi .searchdrop input {
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #a1a1a1;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0);
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .search-mobi .searchdrop button {
  display: flex;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .bnt-menu .open-mobi {
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .bnt-menu .close-mobi {
  display: none;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .bnt-menu.openmenu .open-mobi {
  display: none;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .mobi-bar .nav-right .bnt-menu.openmenu .close-mobi {
  display: block;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  padding: 0 2rem;
  background: #f8f3ec;
  transform: translateX(-100%);
  transition: all 0.3s;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu.showmobi {
  transform: translateX(0);
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .list-link {
  padding-top: 3rem;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .list-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .list-link ul li {
  margin-bottom: 1.5rem;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .list-link ul li:last-child {
  margin-bottom: 0;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .list-link ul li a {
  display: block;
  font-family: var(--f-mixtape);
  font-size: 1.25rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: #333;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu button {
  margin-top: 2rem;
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  background: #c33d2e;
  border: 0;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu button span {
  display: block;
  color: #fec956;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  text-transform: uppercase;
  margin: 0;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .language {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 2rem;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .language span {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0;
}
.header.header-mixtape .header-wrapper .header-mobile .mobile-wrapper .drop-menu .language span.current {
  font-weight: 700;
  text-decoration: underline;
}
.header.header-mixtape .header-wrapper.sticky .mixtape-header,
.header.header-mixtape .header-wrapper.sticky .header-mobile {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header.header-mixtape .header-wrapper:hover .mixtape-header,
.header.header-mixtape .header-wrapper:hover .header-mobile {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}
.header .header-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.5s;
  overflow-y: auto;
  z-index: 1000;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu {
    background: var(--white);
  }
}
.header .header-menu.showmenu {
  display: block;
  opacity: 1;
  visibility: visible;
}
.header .header-menu .menu-wrapper {
  height: inherit;
}
.header .header-menu .menu-wrapper .menu-top {
  display: flex;
  align-items: center;
  gap: 2.75rem;
  justify-content: space-between;
  margin: 1.87rem 2.5rem 3rem 0;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .menu-top {
    margin: 1.87rem 1.5rem 2.5rem;
  }
}
.header .header-menu .menu-wrapper .menu-top .logo {
  display: none;
  flex-shrink: 0;
  width: 3.375rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .menu-top .logo {
    display: block;
  }
}
.header .header-menu .menu-wrapper .menu-top .logo a figure img {
  image-rendering: pixelated;
}
.header .header-menu .menu-wrapper .menu-top .header-right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.5rem;
}
.header .header-menu .menu-wrapper .menu-top .header-right .language {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.header .header-menu .menu-wrapper .menu-top .header-right .language span {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .menu-top .header-right .language span {
    color: #a1a1a1;
  }
}
.header .header-menu .menu-wrapper .menu-top .header-right .language span.current {
  font-weight: 700;
  text-decoration: underline;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .menu-top .header-right .language span.current {
    color: #333;
  }
}
.header .header-menu .menu-wrapper .menu-top .header-right .close-sidebar {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .menu-top .header-right .close-sidebar svg path {
    fill: #333;
  }
}
.header .header-menu .menu-wrapper .middle-menu {
  position: absolute;
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
}
.header .header-menu .menu-wrapper .middle-menu::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}
.header .header-menu .menu-wrapper .middle-menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.header .header-menu .menu-wrapper .middle-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1440px) {
  .header .header-menu .menu-wrapper .middle-menu {
    overflow: auto;
    height: 80%;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu {
    position: unset;
    transform: none;
    padding: 0 1.5rem;
  }
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu .sidebar-menu {
    margin: 0;
  }
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li a {
  position: relative;
  display: block;
  font-family: var(--f-body);
  font-size: 4.375rem;
  font-weight: 800;
  line-height: 5.25rem;
  text-transform: capitalize;
  color: var(--white);
  outline: 0;
}
@media only screen and (max-width: 1440px) {
  .header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li a {
    font-size: 3.375rem;
    line-height: 4.25rem;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li a {
    color: #333;
  }
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -3.4375rem;
  transform: translateY(-50%);
  border-right: 2.5rem solid rgba(0, 0, 0, 0);
  border-top: solid 1.625rem rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li a:before {
    display: none;
  }
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:first-child a {
  color: var(--orange);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:first-child a:before {
  border-top-color: var(--orange);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(2) a {
  color: var(--green);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(2) a:before {
  border-top-color: var(--green);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(3) a {
  color: var(--blue);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(3) a:before {
  border-top-color: var(--blue);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(4) a {
  color: var(--orange);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(4) a:before {
  border-top-color: var(--re);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(5) a {
  color: var(--red);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:nth-child(5) a:before {
  border-top-color: var(--red);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:last-child a {
  color: var(--green);
}
.header .header-menu .menu-wrapper .middle-menu .sidebar-menu ul li:hover:last-child a:before {
  border-top-color: var(--green);
}
.header .header-menu .menu-wrapper .middle-menu .list-contact {
  margin: 3.5rem 0 2.5rem 0;
}
.header .header-menu .menu-wrapper .middle-menu .list-contact a {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #a1a1a1;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu .list-contact a {
    color: #666;
  }
}
.header .header-menu .menu-wrapper .middle-menu .list-contact a:hover {
  text-decoration: underline;
}
.header .header-menu .menu-wrapper .middle-menu .list-social {
  padding-bottom: 3.5rem;
}
.header .header-menu .menu-wrapper .middle-menu .list-social ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.88rem;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .header-menu .menu-wrapper .middle-menu .list-social ul li a {
  position: relative;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 800;
  color: #a1a1a1;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu .list-social ul li a {
    color: #333;
  }
}
.header .header-menu .menu-wrapper .middle-menu .list-social ul li a:before {
  content: "";
  position: absolute;
  left: -1.25rem;
  border-right: solid 1rem transparent;
  border-bottom: solid 1rem transparent;
  border-top: solid 0.625rem transparent;
}
@media only screen and (max-width: 1199px) {
  .header .header-menu .menu-wrapper .middle-menu .list-social ul li a svg path {
    fill: #333;
  }
}
.header .header-menu .menu-wrapper .middle-menu .list-social ul li:hover a:before {
  border-top-color: #a1a1a1;
}

main.main-mixtape {
  margin-top: 6.125rem;
}
@media only screen and (max-width: 1199px) {
  main.main-mixtape {
    margin-top: 4.5rem;
  }
}
main .section-home-1 {
  display: flex;
  align-items: center;
  padding: 10vw 0;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
main .section-home-1 #main {
  min-height: 100%;
  background-color: #112d4e;
  border: 0.75rem solid #112d4e;
  z-index: 99999;
  margin-left: -3.125rem;
  display: none;
}
main .section-home-1 .flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
main .section-home-1 .box {
  padding: 0 0.625rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: white;
  z-index: 2;
}
main .section-home-1 .fs {
  width: 1.875rem;
  height: 3.75rem;
  border-right: solid 1.875rem transparent;
  border-bottom: solid 1.875rem transparent;
  border-top: solid 1.25rem yellow;
  margin-left: 0;
  top: 76%;
  opacity: 0;
  animation: rotate-fs 1ms cubic-bezier(0.5, 1, 0.89, 1) forwards, display 1800ms ease;
  transform-origin: center;
  z-index: 2;
  position: absolute;
  left: 26.3%;
}
main .section-home-1 .animate-slideup {
  margin-right: 1rem;
  transform-origin: top center;
  z-index: 2;
  width: 15.625rem;
  font-size: 1rem;
  position: absolute;
  left: 29%;
  top: 76%;
  font-weight: 600;
}
main .section-home-1 .play-reel {
  position: relative;
  left: 55%;
  width: 100%;
  cursor: pointer;
}
main .section-home-1 .tri-reel-border-big {
  border: 0.0625rem solid white;
  z-index: 200;
  position: relative;
  width: 4.375rem;
  height: 4.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  left: -17%;
}
@media only screen and (max-width: 767px) {
  main .section-home-1 .tri-reel-border-big {
    left: -50%;
  }
}
main .section-home-1 .tri-reel-border-big .tri-reel-border-min {
  border: 0.1875rem solid white;
  width: 3.125rem;
  height: 3.125rem;
  z-index: 120;
  position: relative;
  border-radius: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
main .section-home-1 .tri-reel-border-big .tri-reel-border-min .tri-reel {
  border-right: solid 2rem transparent;
  border-bottom: solid 2rem transparent;
  border-top: solid 1.3125rem #de2f2b;
  position: absolute;
  z-index: 100;
  margin-top: 75%;
  margin-left: 19%;
}
main .section-home-1 .btn-play-reel {
  position: absolute;
  cursor: pointer;
  z-index: 100;
  border: none;
  background: rgba(255, 255, 255, 0);
  color: white;
  font-size: 14px;
  letter-spacing: 0.1875rem;
  font-weight: 800;
  line-height: 1.375rem;
  font-family: var(--f-body);
  top: 40%;
  left: -7%;
}
main .section-home-1 .scroll-bottom {
  position: absolute;
  top: 88%;
  left: 50%;
  animation: mouse 1s infinite;
}
main .section-home-1 .scroll-bottom img {
  width: 2.5rem;
  height: 5rem;
}
main .section-home-1 #video-wrapper-layer {
  display: none;
  width: 51.125rem;
  height: 542px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
}
main .section-home-1 #video-wrapper-layer .triangle-block {
  position: absolute;
  background: rgba(255, 0, 0, 0);
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 0%;
  height: 0%;
  border-top: 0px solid transparent;
  opacity: 0;
  transform: rotate(180deg);
}
main .section-home-1 #video-wrapper-layer video {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: fill;
  object-fit: cover;
  overflow: hidden;
  vertical-align: middle;
}
main .section-home-1 #video-wrapper-layer video.image--detail {
  width: calc(100% - 0.0625rem);
  height: calc(100% - 0.0625rem);
}
main .section-home-1 #video-wrapper-layer video.bg-video--fullscreen,
main .section-home-1 #video-wrapper-layer video .bg-video--cover {
  min-width: 100%;
  min-height: 100%;
}
main .section-home-1 #video-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  opacity: 1;
  min-width: 48%;
}
main .section-home-1 #video-wrapper .triangle-block {
  position: absolute;
  background: rgba(255, 0, 0, 0);
  right: -0.0625rem;
  bottom: -0.0625rem;
  z-index: 1;
  width: 0%;
  height: 0%;
  border-top: 0px solid transparent;
  opacity: 0;
  transform: rotate(180deg);
}
main .section-home-1 #video-wrapper video {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: fill;
  object-fit: cover;
  overflow: hidden;
  vertical-align: middle;
}
main .section-home-1 #video-wrapper video.image--detail {
  width: calc(100% - 0.0625rem);
  height: calc(100% - 0.0625rem);
}
main .section-home-1 #video-wrapper video.bg-video--fullscreen,
main .section-home-1 #video-wrapper video .bg-video--cover {
  min-width: 100%;
  min-height: 100%;
}
main .section-home-1 .hero--home__content {
  color: var(--white);
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 10;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  main .section-home-1 .hero--home__content {
    padding: 0 2rem;
  }
}
main .section-home-1 .hero--home__heading {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  main .section-home-1 .hero--home__heading {
    width: 100%;
  }
}
main .section-home-1 .hero--home__heading.logo--title {
  z-index: 0;
  text-align: center;
  display: none;
}
main .section-home-1 .hero--home__heading.logo--title span {
  display: block;
  text-align: left;
  font-family: var(--f-body);
  font-size: 7.75rem;
  font-weight: 800;
  line-height: 9.625rem;
  letter-spacing: -0.1875rem;
  color: var(--white);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-1 .hero--home__heading.logo--title span {
    font-size: 4.75rem;
    line-height: 6.625rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-home-1 .hero--home__heading.logo--title span {
    font-size: 3.4375rem;
    line-height: 4.375rem;
  }
}
main .section-home-1 .hero--home__heading.logo--title p {
  position: relative;
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: var(--white);
  text-align: center;
  margin: 2rem auto 0;
}
@media only screen and (max-width: 767px) {
  main .section-home-1 .hero--home__heading.logo--title p {
    text-align: left;
    padding-left: 3.125rem;
  }
}
main .section-home-1 .hero--home__heading.logo--title p:before {
  content: "";
  position: absolute;
  left: -3.5rem;
  border-right: solid 2.5rem transparent;
  border-top: solid 1.65613rem #ffd93a;
}
@media only screen and (max-width: 767px) {
  main .section-home-1 .hero--home__heading.logo--title p:before {
    left: 0.5rem;
  }
}
main .section-home-2 {
  position: relative;
  padding: 17.5rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-2 {
    padding: 7.5rem 0;
  }
}
main .section-home-2 .container .content {
  position: relative;
}
main .section-home-2 .container .content .tri-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0 solid transparent;
  border-left: 43.75rem solid #f2f2f2;
  border-bottom: 27.75rem solid transparent;
}
@media only screen and (max-width: 1199px) {
  main .section-home-2 .container .content .tri-bg {
    top: 8.05rem;
    border-left: 49.75rem solid #f2f2f2;
    border-bottom: 14.75rem solid transparent;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-2 .container .content .tri-bg {
    top: 50%;
    left: 0;
    width: 100%;
    border-left: 19.75rem solid #f2f2f2;
    border-bottom: 9.75rem solid transparent;
    transform: translateY(-50%);
  }
}
main .section-home-2 .container .content .about {
  position: relative;
  z-index: 1;
}
main .section-home-2 .container .content .about h2 {
  font-family: var(--f-body);
  font-weight: 300;
  line-height: normal;
  font-size: 2.5rem;
  color: #666;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-2 .container .content .about h2 {
    font-size: 1.6875rem;
    line-height: 2.625rem;
  }
}
main .section-home-3 {
  padding: 7.75rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 {
    padding: 2.5rem 0;
  }
}
main .section-home-3 .content .title {
  margin-bottom: 3.5rem;
}
main .section-home-3 .content .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  font-weight: 800;
  line-height: normal;
  margin: 0 0 0.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 .content .title h2 {
    font-size: 2.5rem;
  }
}
main .section-home-3 .content .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5875rem;
  font-weight: 300;
  color: #666;
  margin: 0;
  max-width: 42.625rem;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 .content .title p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 .content .list-slogan .slide-slogan .swiper {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 .content .list-slogan .slide-slogan .swiper {
    padding-bottom: 3rem;
  }
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .picture {
  display: block;
  width: 100%;
  background: var(--white);
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 163.243243245%;
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .desc {
  padding: 2.06rem 0 1.5rem;
  border-bottom: 0.3125rem solid #333;
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .desc h3 {
  font-family: var(--f-body);
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 800;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .desc h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item .desc h3 a {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item:hover .desc {
  border-color: var(--red);
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-wrapper .swiper-slide .item:hover .desc h3 {
  color: var(--red);
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-pagination {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-pagination {
    display: block;
    bottom: 0;
  }
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.5rem;
  background: #ccc;
  opacity: 1;
}
main .section-home-3 .content .list-slogan .slide-slogan .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #666;
}
main .section-home-4 {
  padding: 7.75rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 {
    padding: 3.75rem 0;
  }
}
main .section-home-4 .content {
  position: relative;
  max-width: 90rem;
  margin: 0 auto 3rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item {
  position: relative;
  height: 50rem;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item {
    /*height: auto;*/
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 {
  padding: 2.63rem 0 0 8.44rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 {
    padding: 0 2rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text {
  max-width: 30%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text .step-name span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  color: var(--red);
  margin-bottom: 0.25rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text .step-name h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  color: #150605;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text .step-name h3 {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.6875rem;
  font-weight: 300;
  color: #494949;
  margin: 0;
  padding-bottom: 6.54rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
    display: none;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
  display: block;
  width: 30.67206rem;
  position: absolute;
  top: -16rem;
  right: 18.21rem;
  transform: rotate(36.975deg);
}
@media only screen and (max-width: 1366px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
    right: 9.21rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
    width: 100%;
    position: unset;
    transform: none;
    margin-top: 2rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 274.559347937%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
    padding-top: 100%;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
  display: none;
  font-family: var(--f-body);
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  font-weight: 300;
  color: #494949;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
    display: block;
    margin-top: 2rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 {
  display: flex;
  align-items: flex-start;
  padding: 2.63rem 8.37rem 0 8.44rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 {
    display: block;
    padding: 0 2rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text {
  flex: 1;
  padding-right: 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text {
    padding: 0;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name span {
  color: var(--red);
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  margin-bottom: 2.21rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #666;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name p {
    font-family: var(--f-body);
    font-size: 0.9375rem;
    line-height: 1.40625rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name p:last-child {
  margin-bottom: 0;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture {
  flex-shrink: 0;
  display: block;
  width: 29.4375rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture {
    width: 100%;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 111.464968153%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure {
    padding-top: 58%;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right {
  flex-shrink: 0;
  display: block;
  width: 29.4375rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right {
    width: 100%;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .short-right {
  display: block;
  text-align: right;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--red);
  margin-bottom: 2.21rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .short-right {
    display: none;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 {
  padding: 1.06rem 0 0 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 {
    padding: 0 2rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text {
  margin-bottom: 3.81rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text {
    margin-bottom: 2.5rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .step-name {
  text-align: center;
  margin-bottom: 0.88rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .step-name span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 600;
  color: var(--red);
  margin: 0 auto 0.25rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .step-name p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.6875rem;
  font-weight: 600;
  color: #000;
  margin: 0 auto;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail {
  position: relative;
  text-align: center;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(50% - 1.75rem);
  height: 0.0625rem;
  background: #a1a1a1;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(50% - 1.75rem);
  height: 0.0625rem;
  background: #a1a1a1;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail span {
  display: block;
  margin: 0 1rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base {
  position: relative;
  width: 50.9375rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 27.875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base {
    width: 100%;
    justify-content: center;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left {
    position: unset;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text {
  position: absolute;
  top: -22.5rem;
  left: -10.8125rem;
  text-align: center;
  width: 21.625rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text {
    top: 11.5rem;
    left: 50%;
    width: 100%;
    padding: 0;
    transform: translateX(-50%);
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #3f3f3f;
  margin: 0 auto 0.5rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text p {
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #666;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 4.5rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left:before {
  content: "";
  width: 0.0625rem;
  height: 13.75rem;
  display: block;
  position: absolute;
  left: 0.4375rem;
  bottom: 1rem;
  background-image: linear-gradient(to top, var(--white), var(--red));
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left:before {
    left: 50%;
    height: 7.75rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left span {
    display: none;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left span:after {
  content: "";
  border-top: 0.0625rem dotted #494949;
  width: 23.5rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle {
    position: unset;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture {
  position: absolute;
  width: 23.175rem;
  top: -29.125rem;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture {
    width: 11.06438rem;
    top: 0;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 75.135135135%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture figure {
    padding-top: 100%;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle:before {
  display: block;
  content: "";
  width: 0.0625rem;
  height: 10.125rem;
  background: #a1a1a1;
  position: absolute;
  left: 0.1875rem;
  bottom: 0.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle:before {
    display: none;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .poirt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .text {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1rem;
  width: 3.4375rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  color: var(--red);
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .text strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right {
  position: relative;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture {
  position: absolute;
  top: -19.125rem;
  right: -2.1875rem;
  max-width: 5.375rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture .img {
  display: block;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture .img figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 90.410958904%;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture .img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture {
    display: none;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right:before {
  content: "";
  width: 0.0625rem;
  height: 13.75rem;
  display: block;
  position: absolute;
  right: 0.4375rem;
  bottom: 1rem;
  background-image: linear-gradient(to top, var(--white), var(--red));
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right:before {
    display: none;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:after {
  display: none;
  content: "";
  position: absolute;
  border-top: 0.0625rem dotted #494949;
  width: 23.5rem;
  right: 0.9375rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:after {
    display: block;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:before {
  content: "";
  border-top: 0.0625rem dotted #494949;
  width: 23.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:before {
    position: absolute;
    left: 0.625rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span svg {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step {
    margin-top: 5rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture {
  display: block;
  width: 100%;
  max-width: 51.875rem;
  margin: 0 auto;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 55.78313253%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure {
    padding-top: 98.133333333%;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  position: absolute;
  bottom: 0.9375rem;
  right: 8.44rem;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink {
    right: 2rem;
  }
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink:hover {
  color: var(--red);
}
main .section-home-4 .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink:hover i {
  color: var(--red);
}
main .section-home-4 .content .swiper-button-prev,
main .section-home-4 .content .swiper-button-next {
  top: auto;
  right: 8.44rem;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #1d1920;
  border-radius: 50%;
}
main .section-home-4 .content .swiper-button-prev:after,
main .section-home-4 .content .swiper-button-next:after {
  display: none;
}
main .section-home-4 .content .swiper-button-prev i,
main .section-home-4 .content .swiper-button-next i {
  font-size: 1.25rem;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper-button-prev,
  main .section-home-4 .content .swiper-button-next {
    bottom: 0;
  }
}
main .section-home-4 .content .swiper-button-prev.swiper-button-disabled,
main .section-home-4 .content .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
main .section-home-4 .content .swiper-button-prev {
  left: 8.44rem;
  right: auto;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper-button-prev {
    left: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .content .swiper-button-next {
    right: 2rem;
  }
}
main .section-home-4 .readmore {
  position: relative;
  display: block;
  width: 10rem;
  margin: 0 auto;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1875rem;
  color: #333;
  padding-bottom: 0.5rem;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-home-4 .readmore {
    margin: 3.5rem auto 0;
  }
}
main .section-home-4 .readmore:after {
  content: "";
  width: 100%;
  height: 0.11563rem;
  background: #666;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-4 .readmore:hover {
  color: var(--red);
}
main .section-home-4 .readmore:hover:after {
  background: var(--red);
}
main .section-home-5 .content .col-left .item {
  max-width: 29.4375rem;
  width: 100%;
}
main .section-home-5 .content .col-left .item h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 5.625rem;
  color: var(--plum);
  margin: 0 0 1rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-5 .content .col-left .item h2 {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
}
main .section-home-5 .content .col-left .item .picture {
  display: block;
  width: 100%;
}
main .section-home-5 .content .col-left .item .picture figure {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-top: 100%;
}
main .section-home-5 .content .col-left .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-home-5 .content .col-left .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-home-5 .content .col-right .list-solution {
  margin-top: 3.5rem;
}
main .section-home-5 .content .col-right .list-solution ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
main .section-home-5 .content .col-right .list-solution ul li {
  padding: 2.5rem 0;
  border-bottom: 0.0625rem solid #666;
}
@media only screen and (max-width: 1199px) {
  main .section-home-5 .content .col-right .list-solution ul li {
    padding: 1.25rem 0;
  }
}
main .section-home-5 .content .col-right .list-solution ul li a {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-family: var(--f-body);
  font-weight: 700;
  line-height: 2.25rem;
  color: #494949;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-home-5 .content .col-right .list-solution ul li a {
    align-items: baseline;
  }
}
main .section-home-5 .content .col-right .list-solution ul li a:hover {
  color: var(--red);
}
main .section-home-5 .content .col-right .list-solution ul li a span {
  display: block;
  font-size: 1.5rem;
  font-family: var(--f-body);
  font-weight: 700;
  line-height: 2.25rem;
  color: var(--red);
}
main .section-home-5 .content .readmore {
  width: 9.4375rem;
  margin: 4.56rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.49rem;
  border-bottom: 0.11563rem solid #666;
}
main .section-home-5 .content .readmore:hover {
  color: var(--red);
  border-color: var(--red);
}
main .section-home-6 {
  padding-bottom: 5.5rem;
}
main .section-home-6 .content .title {
  margin-bottom: 5rem;
}
main .section-home-6 .content .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  font-weight: 800;
  line-height: normal;
  color: var(--plum);
  margin: 0;
}
main .section-home-6 .content .slide-client .swiper .swiper-wrapper {
  transition-timing-function: linear;
}
main .section-home-6 .content .slide-client .swiper .swiper-wrapper .swiper-slide .item {
  background: var(--white);
}
main .section-home-6 .content .slide-client .swiper .swiper-wrapper .swiper-slide .item figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 64.102564102%;
}
main .section-home-6 .content .slide-client .swiper .swiper-wrapper .swiper-slide .item figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  mix-blend-mode: luminosity;
  opacity: 0.5;
  cursor: pointer;
}
main .section-home-6 .content .slide-client .swiper .swiper-wrapper .swiper-slide .item figure img:hover {
  mix-blend-mode: unset;
  opacity: 1;
}
main .section-home-7 {
  padding: 7.75rem 0 4.83rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-7 {
    padding: 2.5rem 0 3.9rem;
    background: var(--red);
  }
}
@media only screen and (max-width: 1199px) {
  main .section-home-7 .content.content-desktop {
    display: none;
  }
}
main .section-home-7 .content .col-double {
  align-self: center;
}
main .section-home-7 .content .col-double .picture {
  display: block;
  width: 100%;
  height: 25.875rem;
}
main .section-home-7 .content .col-double .picture a {
  position: absolute;
  width: 50%;
  height: inherit;
  cursor: pointer;
}
main .section-home-7 .content .col-double .picture a figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 25.875rem;
}
main .section-home-7 .content .col-double .picture a figure:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(20% - 0.9375rem);
  height: 100%;
  background: var(--white);
  z-index: 1;
  transition: right 2s;
}
main .section-home-7 .content .col-double .picture a figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-7 .content .col-double .picture a:hover figure:after {
  right: -100%;
}
main .section-home-7 .content .col-double .text {
  padding-right: 4.69rem;
  width: 100%;
}
main .section-home-7 .content .col-double .text a {
  cursor: pointer;
}
main .section-home-7 .content .col-double .text a h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.625rem;
  text-transform: capitalize;
  font-weight: 800;
  color: #333;
  margin: 0 0 1.5rem 0;
}
main .section-home-7 .content .col-double .text a p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #666;
  margin: 0;
}
main .section-home-7 .content .col-double .text a:hover h2 {
  color: var(--red);
}
main .section-home-7 .content .col-double:nth-child(2n+1) .picture a {
  left: 0;
}
main .section-home-7 .content .col-double:nth-child(2n+1) .picture a figure:after {
  left: 0;
  right: auto;
  transition: left 2s;
}
main .section-home-7 .content .col-double:nth-child(2n+1) .picture a:hover figure:after {
  left: -100%;
}
main .section-home-7 .content .col-double:nth-child(2n+1) .text {
  text-align: right;
}
main .section-home-7 .content .col-double:nth-child(2n+2) .text {
  padding-right: 0;
  padding-left: 4.69rem;
}
main .section-home-7 .content .readmore {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.4375rem;
  margin: 3.06rem auto 0;
  padding-bottom: 0.49rem;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  border-bottom: 0.11563rem solid #666;
}
main .section-home-7 .content .readmore:hover {
  color: var(--red);
  border-bottom-color: var(--red);
}
main .section-home-7 .content-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-home-7 .content-mobile {
    display: block;
  }
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper {
  padding-bottom: 5rem;
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a {
  display: block;
  width: 100%;
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .picture {
  display: block;
  width: 19.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .picture {
    width: 100%;
  }
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 47.435897435%;
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .desc {
  margin-top: 1rem;
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .desc h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 2rem;
  text-transform: capitalize;
  color: var(--white);
  margin: 0 0 0.5rem;
}
main .section-home-7 .content-mobile .swiper .swiper-wrapper .swiper-slide .blog a .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--white);
  margin: 0;
}
main .section-home-7 .content-mobile .swiper .swiper-pagination {
  bottom: 0;
}
main .section-home-7 .content-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.5rem;
  background: #333;
  opacity: 0.5;
}
main .section-home-7 .content-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--white);
  opacity: 1;
}
main .section-home-7 .content-mobile .readmore {
  display: block;
  text-align: center;
  width: 7rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--white);
  margin: 2.5rem auto 0;
  border-bottom: 0.0625rem solid var(--white);
}
main .section-home-8 {
  padding: 7.75rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 {
    padding: 2.5rem 0;
  }
}
main .section-home-8 .content .title {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .title {
    margin-bottom: 2.5rem;
  }
}
main .section-home-8 .content .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  color: var(--plum);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .title h2 {
    font-size: 2.5rem;
  }
}
main .section-home-8 .content .partner .swiper {
  padding-bottom: 1.88rem;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item {
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item {
    display: block;
  }
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .picture {
  flex: 1 0 0;
  align-self: stretch;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .picture {
    display: block;
    width: 13.1875rem;
    margin: 0 auto;
  }
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 111.290322582%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .picture figure {
    padding-top: 100%;
  }
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="270" height="270" viewBox="0 0 270 270" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M256.377 0H43.8394H43.8318C19.6236 0 0 19.5577 0 43.6845V154.791V270L64.1023 227.622H226.161C250.376 227.622 270 208.066 270 183.937V0H256.377Z" fill="white"/></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc {
  display: flex;
  width: 48.125rem;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc {
    width: 100%;
    padding: 2.5rem 0;
  }
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc h3 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-weight: 800;
  color: var(--red);
  letter-spacing: -0.05356rem;
  margin: 0;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #000;
  margin: 0;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc .list-exp h4 {
  color: #333;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.05356rem;
  margin: 0;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc .list-exp ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
  padding: 0;
  list-style: none;
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc .list-exp ul li {
  flex: 0 0 auto;
  width: 50%;
  padding: 0 0.75rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc .list-exp ul li {
    width: 100%;
    margin-bottom: 1rem;
  }
}
main .section-home-8 .content .partner .swiper .swiper-wrapper .swiper-slide .item .desc .list-exp ul li p {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: -0.05356rem;
  color: #666;
  padding: 0.5rem 1rem 0.5rem 0;
  border-bottom: 0.0625rem solid #666;
  margin: 0;
}
main .section-home-8 .content .partner .swiper .swiper-pagination {
  bottom: 0;
}
main .section-home-8 .content .partner .swiper .swiper-pagination span {
  width: 0.75rem;
  height: 0.75rem;
  background: #ccc;
  opacity: 1;
  margin: 0 0.5rem;
}
main .section-home-8 .content .partner .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #666;
}
main .section-home-8 .content .readmore {
  width: 9.4375rem;
  margin: 3.06rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.49rem;
  border-bottom: 0.11563rem solid #666;
}
@media only screen and (max-width: 1199px) {
  main .section-home-8 .content .readmore {
    margin: 2rem auto 0;
  }
}
main .section-home-8 .content .readmore:hover {
  color: var(--red);
  border-color: var(--red);
}
main .section-home-9 {
  padding: 7.75rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 {
    padding: 2.5rem 0;
  }
}
main .section-home-9 .content .title {
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-home-9 .content .title h2 {
  display: inline-block;
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .title h2 {
    font-size: 2.5rem;
  }
}
main .section-home-9 .content .list-blog {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .list-blog .swiper .swiper-wrapper {
    padding-bottom: 2.5rem;
  }
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a {
  display: block;
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .picture {
  display: block;
  width: 100%;
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 68.378378378%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .picture figure {
    padding-top: 87.781350482%;
  }
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .desc {
  margin-top: 1rem;
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .desc h3 {
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 1.5rem;
  margin: 0 0 0.5rem;
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .desc p {
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #666;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 4.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a .desc p {
    -webkit-line-clamp: 2;
    min-height: 3.25rem;
  }
}
main .section-home-9 .content .list-blog .swiper .swiper-wrapper .swiper-slide .blog a:hover .desc h3 {
  color: var(--red);
}
main .section-home-9 .content .list-blog .swiper .swiper-pagination {
  bottom: 0;
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .list-blog .swiper .swiper-pagination {
    display: block;
  }
}
main .section-home-9 .content .list-blog .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background: #333;
  opacity: 0.5rem;
}
main .section-home-9 .content .list-blog .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
main .section-home-9 .content .list-blog .swiper-button-next,
main .section-home-9 .content .list-blog .swiper-button-prev {
  transform: translateY(-50%);
}
main .section-home-9 .content .list-blog .swiper-button-next:after,
main .section-home-9 .content .list-blog .swiper-button-prev:after {
  display: none;
}
main .section-home-9 .content .list-blog .swiper-button-next:hover svg path,
main .section-home-9 .content .list-blog .swiper-button-prev:hover svg path {
  stroke: var(--red);
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .list-blog .swiper-button-next,
  main .section-home-9 .content .list-blog .swiper-button-prev {
    display: none;
  }
}
main .section-home-9 .content .list-blog .swiper-button-prev {
  left: -3.6375rem;
}
main .section-home-9 .content .list-blog .swiper-button-next {
  right: -3.6375rem;
}
main .section-home-9 .content .readmore {
  width: 9.4375rem;
  margin: 3.06rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.49rem;
  border-bottom: 0.11563rem solid #666;
}
@media only screen and (max-width: 1199px) {
  main .section-home-9 .content .readmore {
    margin: 2rem auto 0;
  }
}
main .section-home-9 .content .readmore:hover {
  color: var(--red);
  border-color: var(--red);
}
main .section-home-10 {
  padding: 8.04rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 {
    padding: 3.88rem 0 4.125rem;
  }
}
main .section-home-10 .content .col-left .form-left {
  position: relative;
  padding: 2.8rem 0 1.5625rem 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-left .form-left {
    padding: 1.94rem 0 2.81rem 1.19rem;
  }
}
main .section-home-10 .content .col-left .form-left:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="280" height="287" viewBox="0 0 280 287" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M270.526 9.65992V44.5764V194.982C270.526 215.195 254.384 231.639 234.537 231.639H129.498H66.4765H63.6205L61.2405 233.247L9.47296 268.227V161.572V46.3152C9.47296 26.1033 25.6144 9.65992 45.463 9.65992H121.009H251.571L265.872 0.00976562H45.463H45.4552C20.3504 0.00976562 0 20.7408 0 46.3152V164.088V286.209L66.4765 241.289H234.537H234.544C259.65 241.289 280 220.559 280 194.982V165.087V44.5764V9.65992V3.27631V3.26604L270.526 9.65992Z" fill="%23F2F2F2"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-left .form-left:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="168" height="172" viewBox="0 0 168 172" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M161.947 19.5303V26.803V117.157C161.947 129.3 152.284 139.178 140.402 139.178H77.522H39.7952H38.0855L36.6608 140.144L5.67086 161.157V97.0861V27.8476C5.67086 15.7056 15.3337 5.82746 27.2158 5.82746H72.4405H150.6L159.161 0.0302734H27.2158H27.2111C12.1825 0.0302734 0 12.4841 0 27.8476V98.5974V171.96L39.7952 144.975H140.402H140.406C155.436 144.975 167.618 132.522 167.618 117.157V99.1979V26.803V19.5303V15.6954V15.6892L161.947 19.5303Z" fill="%23F2F2F2"/></svg>');
  }
}
main .section-home-10 .content .col-left .form-left .title {
  position: relative;
  margin-bottom: 5.95rem;
  z-index: 2;
}
main .section-home-10 .content .col-left .form-left .title h2 {
  display: block;
  color: #1f1f1f;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  letter-spacing: -0.21875rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-left .form-left .title h2 {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.125rem;
  }
}
main .section-home-10 .content .col-left .form-left .list-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-home-10 .content .col-left .form-left .list-contact ul li {
  margin-bottom: 1.5rem;
}
main .section-home-10 .content .col-left .form-left .list-contact ul li:last-child {
  margin-bottom: 0;
}
main .section-home-10 .content .col-left .form-left .list-contact ul li span {
  display: block;
  color: var(--red);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
main .section-home-10 .content .col-left .form-left .list-contact ul li a {
  color: #666;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-left .form-left .list-contact ul li a {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
main .section-home-10 .content .col-right form {
  display: flex;
  flex-direction: column;
  padding-top: 2.5rem;
  border-top: 0.31944rem solid #333;
  margin-top: 5.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-right form {
    margin-top: 1.5rem;
  }
}
main .section-home-10 .content .col-right form .f-col {
  display: flex;
  align-items: center;
  gap: 1.19rem;
  margin-bottom: 2.5rem;
}
main .section-home-10 .content .col-right form .f-col:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-right form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
main .section-home-10 .content .col-right form .f-col > div {
  position: relative;
  width: 33.3333%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-right form .f-col > div {
    width: 100%;
    margin-bottom: 2rem;
  }
}
main .section-home-10 .content .col-right form .f-col > div p {
  margin: 0;
}
main .section-home-10 .content .col-right form .f-col > div p span {
  display: block;
  padding: 0;
  border-bottom: solid #ccc;
  border-width: 0 0 0.0625rem 0;
}
main .section-home-10 .content .col-right form .f-col > div p span input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
main .section-home-10 .content .col-right form .f-col > div p span input::-webkit-outer-spin-button, main .section-home-10 .content .col-right form .f-col > div p span input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
main .section-home-10 .content .col-right form .f-col > div p span ~ label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: -1.25rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
  z-index: -1;
}
main .section-home-10 .content .col-right form .f-col > div p span ~ label strong {
  display: block;
  font-size: 0.875rem;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
  margin: 0;
}
main .section-home-10 .content .col-right form .f-col > div p span.has-content ~ label, main .section-home-10 .content .col-right form .f-col > div p span:focus ~ label {
  top: -0.3125rem;
}
main .section-home-10 .content .col-right form textarea {
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 1px solid #ccc;
  outline: 0;
  margin-top: 1.5rem;
}
main .section-home-10 .content .col-right form textarea::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-home-10 .content .col-right form textarea::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-home-10 .content .col-right form .upload-file {
  position: relative;
  background: #f2f2f2;
  padding: 1rem 2rem;
  margin: 1.5rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-right form .upload-file {
    padding: 1rem 0.5rem;
  }
}
main .section-home-10 .content .col-right form .upload-file .file-up {
  cursor: pointer;
}
main .section-home-10 .content .col-right form .upload-file .file-up input {
  opacity: 0;
}
main .section-home-10 .content .col-right form .upload-file .file-up .file-input-button .text-file {
  display: block;
  text-align: center;
}
main .section-home-10 .content .col-right form .upload-file .file-up .file-input-button .text-file svg {
  width: 1.5rem;
  height: 1.5rem;
}
main .section-home-10 .content .col-right form .upload-file .file-up .file-input-button .text-file span {
  display: block;
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-home-10 .content .col-right form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
main .section-home-10 .content .col-right form .upload-file .title-file p {
  display: none;
}
main .section-home-10 .content .col-right form .upload-file .title-file span {
  color: #333;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.375rem;
  text-transform: lowercase;
  margin: 0;
}
main .section-home-10 .content .col-right form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 3.375rem;
  border-radius: 0.125rem;
  background: var(--red);
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  border: 0;
  margin: 0 0 0 auto;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10 .content .col-right form button {
    width: 100%;
    padding: 1rem 1.5rem;
  }
}
main .section-home-10 .content .col-right form button:hover {
  background: var(--red);
}
main .section-home-10.section-contact-2 .content .col-left .list-contact ul li span {
  color: var(--green);
}
@media only screen and (max-width: 1199px) {
  main .section-home-10.section-contact-2 .content .col-right form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div {
  position: relative;
  width: 33.3333%;
}
@media only screen and (max-width: 1199px) {
  main .section-home-10.section-contact-2 .content .col-right form .f-col > div {
    width: 100%;
  }
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  border-radius: 0.3125rem;
  background: #ccc;
  z-index: 3;
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div p {
  margin: 0;
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: -1.25rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div label span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div input::-webkit-outer-spin-button, main .section-home-10.section-contact-2 .content .col-right form .f-col > div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div input ~ label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0.75rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div input ~ label span {
  display: block;
  font-size: 0.875rem;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
}
main .section-home-10.section-contact-2 .content .col-right form .f-col > div input.has-content ~ label, main .section-home-10.section-contact-2 .content .col-right form .f-col > div input:focus ~ label {
  top: -0.3125rem;
}
main .section-work-0 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 7.94rem 0 1.31rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content {
    display: flex;
    flex-direction: column;
  }
}
main .section-work-0 .content .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title {
    order: 2;
    display: block;
  }
}
main .section-work-0 .content .title .title-left {
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
main .section-work-0 .content .title .title-left h1 {
  display: inline-block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 6.25rem;
  font-weight: 800;
  line-height: 5.625rem;
  text-transform: capitalize;
  margin: 0;
}
main .section-work-0 .content .title .title-left h1:before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem #ffe63b;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-left h1:before {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-left h1 {
    position: relative;
    padding-left: 1.5rem;
    font-family: var(--f-body);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
  }
}
main .section-work-0 .content .title .title-right {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-right {
    width: 100%;
  }
}
main .section-work-0 .content .title .title-right .shape {
  position: absolute;
  top: 0.69rem;
  left: 0;
  border-right: solid 2.5rem transparent;
  border-top: solid 1.675rem #ffe63b;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-right .shape {
    display: none;
  }
}
main .section-work-0 .content .title .title-right p {
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 2.25rem;
  letter-spacing: -0.0875rem;
  margin: 0;
  padding-left: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-right p {
    font-family: var(--f-body);
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.25rem;
    padding: 0;
  }
}
main .section-work-0 .content .title .title-right .play-popup {
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: inline-block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  color: var(--white);
  text-transform: uppercase;
  text-decoration: underline;
  margin: 1.5rem 0 0 3.5rem;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .title .title-right .play-popup {
    margin: 2rem 0 0 0;
  }
}
main .section-work-0 .content .breabcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-0 .content .breabcrumb {
    order: 1;
    margin-bottom: 1.5rem;
  }
}
main .section-work-0 .content .breabcrumb span {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-work-0 .content .breabcrumb span a {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-work-0 .content .breabcrumb span:last-child {
  font-weight: 800;
}
main .section-work-0 .content .breabcrumb span:last-child a {
  font-weight: 800;
}
main .section-work-1 {
  margin-top: 6.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-1 {
    background: #f9f9f9;
    padding: 2.5rem 0;
    margin-top: 0;
  }
}
main .section-work-1 .content .list-journey .col-item {
  margin-bottom: 2.69rem;
}
main .section-work-1 .content .list-journey .col-item .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 162.972972973%;
}
main .section-work-1 .content .list-journey .col-item .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-work-1 .content .list-journey .col-item .item .desc {
  margin-top: 2.06rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.3125rem solid #333;
}
main .section-work-1 .content .list-journey .col-item .item .desc h3 {
  color: #333;
  font-family: var(--f-body);
  font-weight: 800;
  font-size: 2rem;
  line-height: 3rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 3rem;
  margin: 0;
}
main .section-work-1 .content .list-journey .col-item .item .desc h3 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-work-1 .content .list-journey .col-item .item .desc p {
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.68rem;
  color: #666;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 5.0625rem;
  margin: 0.5rem 0 0 0;
}
main .section-work-1 .content .list-journey .col-item .item:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-work-1 .content .list-journey .col-item .item:hover .desc {
  border-bottom-color: var(--orange);
}
main .section-work-1 .content .list-journey .col-item .item:hover .desc h3 {
  color: var(--orange);
}
main .section-work-1 .content .list-journey .readmore {
  margin: 2.12rem auto 3.56rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.125rem;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.45rem;
  border-bottom: 0.1165rem solid #666;
}
@media only screen and (max-width: 1199px) {
  main .section-work-1 .content .list-journey .readmore {
    margin: 0 auto;
  }
}
main .section-work-1 .content .list-journey .readmore:hover {
  color: var(--orange);
  border-color: var(--orange);
}
main .section-work-2 {
  padding: 7.75rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 {
    padding: 4rem 0;
  }
}
main .section-work-2 .content .title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .title {
    display: block;
    margin-bottom: 2rem;
  }
}
main .section-work-2 .content .title .col-left {
  flex: 1;
  max-width: 70%;
  overflow-x: auto;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .title .col-left {
    max-width: 100%;
    margin-bottom: 1.5rem;
  }
}
main .section-work-2 .content .title .col-left .title-tab {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .title .col-left .title-tab {
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 1rem;
  }
}
main .section-work-2 .content .title .col-left .title-tab li {
  position: relative;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: -0.0625rem;
  text-transform: capitalize;
  padding-left: 1.5rem;
  cursor: pointer;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .title .col-left .title-tab li {
    white-space: pre;
  }
}
main .section-work-2 .content .title .col-left .title-tab li:before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem transparent;
}
main .section-work-2 .content .title .col-left .title-tab li:hover, main .section-work-2 .content .title .col-left .title-tab li.active {
  color: var(--orange);
}
main .section-work-2 .content .title .col-left .title-tab li:hover:before, main .section-work-2 .content .title .col-left .title-tab li.active:before {
  border-top-color: var(--orange);
}
main .section-work-2 .content .title .col-right {
  flex-shrink: 0;
}
main .section-work-2 .content .title .col-right .mini-search {
  position: relative;
}
main .section-work-2 .content .title .col-right .mini-search:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0.3125rem;
  background: #ccc;
  width: 16.875rem;
  height: 0.06388rem;
}
main .section-work-2 .content .title .col-right .mini-search input {
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  width: 16.875rem;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0 0 0.56rem 0.5rem;
}
main .section-work-2 .content .title .col-right .mini-search input::-moz-placeholder {
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
main .section-work-2 .content .title .col-right .mini-search input::placeholder {
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
main .section-work-2 .content .title .col-right .mini-search button {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
}
main .section-work-2 .content .title .col-right .mini-search button i {
  font-size: 1.5rem;
  color: #a1a1a1;
}
main .section-work-2 .content .title .col-right .mini-search button:hover i {
  color: var(--orange);
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project {
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .list-project .content-tab .list-work .col-project {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item {
  cursor: pointer;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .picture {
  display: block;
  width: 100%;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 105.964912281%;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .picture figure {
    padding-top: 100%;
  }
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc {
  margin-top: 0.75rem;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc .category {
  margin-bottom: 0.75rem;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc .category ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc .category ul li {
  position: relative;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc .category ul li a {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
  margin: 0;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc .category ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.625rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #a1a1a1;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc .category ul li:last-child:after {
  display: none;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc h3 {
  color: #333;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 3rem;
  margin: 0;
  padding-bottom: 1.5rem;
  border-bottom: 0.3125rem solid #333;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    border-bottom: 0.0625rem solid #ccc;
  }
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item .desc h3 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-work-2 .content .list-project .content-tab .list-work .col-project .item:hover .desc h3 {
  color: var(--orange);
  border-color: var(--orange);
}
main .section-work-2 .content .list-project .content-tab .readmore {
  margin: 3.5rem auto 0;
  width: 9.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.49rem;
  border-bottom: 0.11563rem solid #666;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .content .list-project .content-tab .readmore {
    margin: 2.5rem auto 0;
  }
}
main .section-work-2 .content .list-project .content-tab .readmore:hover {
  color: var(--orange);
  border-color: var(--orange);
}
main .section-work-2 .modal .modal-dialog {
  max-width: 87.5rem;
  width: calc(100% - 11rem);
  margin: 1.69rem auto;
  pointer-events: unset;
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog {
    width: 100%;
  }
}
main .section-work-2 .modal .modal-dialog .close-quickview {
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  position: fixed;
  top: 1.25rem;
  right: 2.25rem;
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog .close-quickview {
    display: flex;
    top: 0.25rem;
    right: 0.25rem;
  }
}
main .section-work-2 .modal .modal-dialog .main-title {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog .main-title {
    padding: 0.625rem 0.9375rem;
  }
}
main .section-work-2 .modal .modal-dialog .main-title .logo {
  width: 3rem;
}
main .section-work-2 .modal .modal-dialog .main-title .logo a {
  display: block;
  width: 100%;
}
main .section-work-2 .modal .modal-dialog .main-title .info h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: var(--white);
  margin: 0 0 0.25rem 0;
}
main .section-work-2 .modal .modal-dialog .main-title .info span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: var(--white);
  margin: 0;
}
main .section-work-2 .modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt {
  position: absolute;
  display: block;
  height: 100%;
  right: -4.37rem;
  z-index: 100;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt {
    right: -4rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt {
    right: 0.9375rem;
  }
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt {
  position: sticky;
  top: 5rem;
  width: 2.5rem;
  transition: opacity 0.15s linear;
  will-change: opacity;
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt {
    top: 75%;
  }
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt {
  text-align: center;
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  border: 0.0625rem solid #e9e9f2;
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt button.close-quickview {
  position: relative;
  top: -4.375rem;
  right: auto;
  background: transparent;
  border-color: transparent;
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt button.close-quickview {
    display: none;
  }
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 400;
  color: var(--white);
  margin: 0.25rem auto 0;
}
@media only screen and (max-width: 767px) {
  main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt span {
    display: none;
  }
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt:last-child {
  margin-top: 1rem;
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt:last-child button {
  background: var(--red);
  border-color: var(--red);
}
main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .section-single-work-1 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 31.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-2 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .section-single-work-1 {
    height: 15rem;
  }
}
main .section-work-3 {
  padding: 5rem 0 4.64rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-3 {
    padding: 0;
  }
}
main .section-work-3 .content .title {
  position: relative;
  padding: 1.89rem 1.81rem 3.92rem 3.12rem;
  max-width: 57.5625rem;
  width: 100%;
  text-align: center;
  margin: 0 auto 5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-3 .content .title {
    padding: 0;
    max-width: 100%;
  }
}
main .section-work-3 .content .title:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220" viewBox="0 0 220 220" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M212.556 19V34.2582V149.874C212.556 165.412 199.874 178.052 184.279 178.052H101.748H52.2315H49.9875L48.1175 179.289L7.44304 206.177V124.192V35.5948C7.44304 20.058 20.1256 7.41803 35.721 7.41803H95.0787H197.663L208.9 0H35.721H35.7148C15.9896 0 0 15.9359 0 35.5948V126.126V220L52.2315 185.47H184.279H184.284C204.01 185.47 220 169.535 220 149.874V126.894V34.2582V19V14.0929V14.0851L212.556 19Z" fill="%23F05F22"/><rect x="47" y="14" width="173" height="138" fill="white"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  main .section-work-3 .content .title:before {
    position: unset;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="42" viewBox="0 0 41 42" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M39.1466 4.6759V6.41144V27.9733C39.1466 30.871 36.8406 33.2283 34.0053 33.2283H18.9997H9.99664H9.58864L9.24864 33.4589L1.85328 38.4735V23.1836V6.66071C1.85328 3.76317 4.1592 1.40589 6.99472 1.40589H17.787H36.4387L38.4818 0.0224609H6.99472H6.9936C3.4072 0.0224609 0.5 2.99442 0.5 6.66071V23.5443V41.0514L9.99664 34.6117H34.0053H34.0062C37.5928 34.6117 40.5 31.6399 40.5 27.9733V23.6876V6.41144V4.6759V3.76075V3.75928L39.1466 4.6759Z" fill="%23F05F22"/></svg>');
  }
}
main .section-work-3 .content .title h2 {
  position: relative;
  display: block;
  color: #3d3d3d;
  font-family: var(--f-body);
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 3.4375rem;
  letter-spacing: -0.13394rem;
  width: 100%;
  max-width: 52.625rem;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-work-3 .content .title h2 {
    max-width: 100%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.0625rem;
    margin: 1rem auto;
  }
}
main .section-work-3 .content .list-award .slide-award {
  position: relative;
  padding: 0 4.0625rem;
}
@media only screen and (max-width: 767px) {
  main .section-work-3 .content .list-award .slide-award {
    padding: 0;
  }
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide {
    width: 100%;
  }
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box {
  width: 100%;
  padding: 0 0.625rem;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .picture {
  position: relative;
  text-align: center;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .picture svg {
  width: 8.27169rem;
  height: 4.51181rem;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .picture strong {
  display: inline-block;
  color: #3d3d3d;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: 2.8125rem;
  letter-spacing: -0.07213rem;
  text-transform: uppercase;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .desc {
  text-align: center;
  margin-top: 1rem;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .desc h3 {
  display: block;
  color: #3d3d3d;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 800;
  line-height: normal;
  margin: 0 auto 0.49rem;
  min-height: 2.125rem;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .desc p {
  display: block;
  color: #3d3d3d;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-style: italic;
  font-weight: 200;
  line-height: normal;
  margin: 0 auto;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flicky-slide .box .desc p strong {
  display: block;
  color: #3d3d3d;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto;
  font-style: normal;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flickity-button {
  padding: 0;
  background: transparent;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flickity-button.previous {
  left: -1.875rem;
}
main .section-work-3 .content .list-award .slide-award .flicky-award .flickity-button.next {
  right: -1.875rem;
}
main .section-work-4 {
  padding: 3.17rem 0 4.62rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-4 {
    padding: 0;
    margin: 4.125rem auto;
  }
}
main .section-work-4 .content {
  text-align: center;
}
main .section-work-4 .content h3 {
  display: block;
  color: var(--orange);
  text-align: center;
  font-family: var(--f-body);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto 2.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-work-4 .content h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-work-4 .content button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid var(--white);
  background: var(--orange);
  color: var(--white);
  padding: 1rem;
  margin: 0 auto;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.1875rem;
  font-weight: 800;
}
main .popup-journey .modal-dialog {
  max-width: 86.125rem;
}
main .popup-journey .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content {
  position: relative;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item {
  position: relative;
  height: 50rem;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item {
    height: auto;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 {
  padding: 2.63rem 0 0 8.44rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 {
    padding: 0 2rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text {
  max-width: 30%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text .step-name span {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  color: var(--red);
  margin-bottom: 0.25rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text .step-name h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  color: #150605;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text .step-name h3 {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.6875rem;
  font-weight: 300;
  color: #494949;
  margin: 0;
  padding-bottom: 6.54rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .text p {
    display: none;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
  display: block;
  width: 30.67206rem;
  position: absolute;
  top: -16rem;
  right: 18.21rem;
  transform: rotate(36.975deg);
}
@media only screen and (max-width: 1366px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
    right: 9.21rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture {
    width: 100%;
    position: unset;
    transform: none;
    margin-top: 2rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 274.559347937%;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure {
    padding-top: 100%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
  display: none;
  font-family: var(--f-body);
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  font-weight: 300;
  color: #494949;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-1 .picture p {
    display: block;
    margin-top: 2rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 {
  display: flex;
  align-items: flex-start;
  padding: 2.63rem 8.37rem 0 8.44rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 {
    display: block;
    padding: 0 2rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text {
  flex: 1;
  padding-right: 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text {
    padding: 0;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name span {
  color: var(--red);
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6875rem;
  margin-bottom: 2.21rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #666;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name p {
    font-family: var(--f-body);
    font-size: 0.9375rem;
    line-height: 1.40625rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .text .step-name p:last-child {
  margin-bottom: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture {
  flex-shrink: 0;
  display: block;
  width: 29.4375rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture {
    width: 100%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 111.464968153%;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure {
    padding-top: 100%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right {
  flex-shrink: 0;
  display: block;
  width: 29.4375rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right {
    width: 100%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .short-right {
  display: block;
  text-align: right;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--red);
  margin-bottom: 2.21rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .short-right {
    display: none;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 111.464968153%;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .picture figure {
    padding-top: 100%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-2 .img-right .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 {
  padding: 1.06rem 0 0 0;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 {
    padding: 0 2rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text {
  margin-bottom: 3.81rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text {
    margin-bottom: 2.5rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .step-name {
  text-align: center;
  margin-bottom: 0.88rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .step-name span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 600;
  color: var(--red);
  margin: 0 auto 0.25rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .step-name p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.6875rem;
  font-weight: 600;
  color: #000;
  margin: 0 auto;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail {
  position: relative;
  text-align: center;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(50% - 1.75rem);
  height: 0.0625rem;
  background: #a1a1a1;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(50% - 1.75rem);
  height: 0.0625rem;
  background: #a1a1a1;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .text .detail span {
  display: block;
  margin: 0 1rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base {
  position: relative;
  width: 50.9375rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 27.875rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base {
    width: 100%;
    justify-content: center;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left {
    position: unset;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text {
  position: absolute;
  top: -22.5rem;
  left: -10.8125rem;
  text-align: center;
  width: 21.625rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text {
    top: 11.5rem;
    left: 50%;
    width: 100%;
    padding: 0;
    transform: translateX(-50%);
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: #3f3f3f;
  margin: 0 auto 0.5rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left .short-text p {
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #666;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 4.5rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left:before {
  content: "";
  width: 0.0625rem;
  height: 13.75rem;
  display: block;
  position: absolute;
  left: 0.4375rem;
  bottom: 1rem;
  background-image: linear-gradient(to top, var(--white), var(--red));
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left:before {
    left: 50%;
    height: 7.75rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left span {
    display: none;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-left span:after {
  content: "";
  border-top: 0.0625rem dotted #494949;
  width: 23.5rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle {
    position: unset;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture {
  position: absolute;
  width: 23.175rem;
  top: -29.125rem;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture {
    width: 11.06438rem;
    top: 0;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 75.135135135%;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture figure {
    padding-top: 100%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle:before {
  display: block;
  content: "";
  width: 0.0625rem;
  height: 10.125rem;
  background: #a1a1a1;
  position: absolute;
  left: 0.1875rem;
  bottom: 0.75rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle:before {
    display: none;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .poirt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .text {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  color: var(--red);
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-middle .text strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right {
  position: relative;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture {
  position: absolute;
  top: -19.125rem;
  right: -2.1875rem;
  max-width: 5.375rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture .img {
  display: block;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture .img figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 90.410958904%;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture .img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right .picture {
    display: none;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right:before {
  content: "";
  width: 0.0625rem;
  height: 13.75rem;
  display: block;
  position: absolute;
  right: 0.4375rem;
  bottom: 1rem;
  background-image: linear-gradient(to top, var(--white), var(--red));
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right:before {
    display: none;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:after {
  display: none;
  content: "";
  position: absolute;
  border-top: 0.0625rem dotted #494949;
  width: 23.5rem;
  right: 0.9375rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:after {
    display: block;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:before {
  content: "";
  border-top: 0.0625rem dotted #494949;
  width: 23.5rem;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span:before {
    position: absolute;
    left: 0.625rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .line-base .line-right span svg {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step {
    margin-top: 5rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture {
  display: block;
  width: 100%;
  max-width: 51.875rem;
  margin: 0 auto;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 55.78313253%;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure {
    padding-top: 98.133333333%;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  position: absolute;
  bottom: 0.9375rem;
  right: 8.44rem;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink {
    right: 2rem;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink:hover {
  color: var(--red);
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper .swiper-wrapper .swiper-slide .item.step-3 .end-step .morelink:hover i {
  color: var(--red);
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev,
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-next {
  top: auto;
  right: 8.44rem;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #1d1920;
  border-radius: 50%;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev:after,
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-next:after {
  display: none;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev i,
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-next i {
  font-size: 1.25rem;
  line-height: 1;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev,
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-next {
    bottom: 0;
  }
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev.swiper-button-disabled,
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev {
  left: 8.44rem;
  right: auto;
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-prev {
    left: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .popup-journey .modal-dialog .modal-content .modal-body .content .swiper-button-next {
    right: 2rem;
  }
}
main .section-single-work-1 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 31.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-1 {
    height: 22.25rem;
  }
}
main .section-single-work-2 .content .title {
  display: block;
  margin-top: 2rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .title {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .title .category {
    margin-bottom: 0.5rem;
  }
}
main .section-single-work-2 .content .title .category ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-single-work-2 .content .title .category ul li {
  position: relative;
}
main .section-single-work-2 .content .title .category ul li a {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
  margin: 0;
}
main .section-single-work-2 .content .title .category ul li a:hover {
  color: var(--orange);
}
main .section-single-work-2 .content .title .category ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.625rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #a1a1a1;
}
main .section-single-work-2 .content .title .category ul li:last-child:after {
  display: none;
}
main .section-single-work-2 .content .title h2 {
  display: inline-block;
  color: #333;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 700;
  line-height: 6.09375rem;
  letter-spacing: -0.3125rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .title h2 {
    font-size: 2.25rem;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 1rem;
  }
}
main .section-single-work-2 .content .content-brief {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .content-brief {
    margin-bottom: 2rem;
  }
}
main .section-single-work-2 .content .content-brief h3 {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 3rem;
  text-transform: capitalize;
  border-bottom: 0.0625rem solid #ccc;
  padding-bottom: 0.88rem;
  margin-bottom: 1rem;
}
main .section-single-work-2 .content .content-brief .col-left .brief p {
  display: block;
  max-width: 44.6875rem;
  width: 100%;
  color: #666;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .content-brief .col-left .brief p {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
main .section-single-work-2 .content .content-brief .col-left .brief ul {
  margin: 0;
  padding-left: 1.2rem;
}
main .section-single-work-2 .content .content-brief .col-left .brief ul li {
  color: #666;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .content-brief .col-right {
    margin-top: 1rem;
  }
}
main .section-single-work-2 .content .content-brief .col-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-single-work-2 .content .content-brief .col-right ul li {
  display: flex;
  align-items: flex-start;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem solid #f2f2f2;
}
main .section-single-work-2 .content .content-brief .col-right ul li span {
  display: block;
  width: 6.5rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: uppercase;
  margin: 0;
}
main .section-single-work-2 .content .content-brief .col-right ul li strong {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0;
}
main .section-single-work-2 .content .banner-brief {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-2 .content .banner-brief {
    margin-bottom: 1rem;
  }
}
main .section-single-work-2 .content .banner-brief .picture {
  display: block;
  width: 100%;
}
main .section-single-work-2 .content .banner-brief .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
main .section-single-work-3 .content .title {
  display: block;
}
main .section-single-work-3 .content .title h3 {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 3rem;
  text-transform: capitalize;
  border-bottom: 0.0625rem solid #ccc;
  padding-bottom: 0.88rem;
  margin-bottom: 1rem;
}
main .section-single-work-3 .content .content-text {
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .content-text .col-left {
    margin-bottom: 2rem;
  }
}
main .section-single-work-3 .content .content-text .col-left > span {
  display: block;
  width: 100%;
  max-width: 44.6875rem;
  color: #666;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0.5rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .content-text .col-left > span {
    max-width: 100%;
  }
}
main .section-single-work-3 .content .content-text .col-left > p {
  width: 100%;
  max-width: 44.6875rem;
  display: block;
  color: #666;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .content-text .col-left > p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-single-work-3 .content .content-text .col-left > p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
main .section-single-work-3 .content .content-text .col-left ul,
main .section-single-work-3 .content .content-text .col-left ol {
  margin: 0;
  padding-left: 1.25rem;
}
main .section-single-work-3 .content .content-text .col-left ul li,
main .section-single-work-3 .content .content-text .col-left ol li {
  color: #666;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
main .section-single-work-3 .content .content-text .col-left ul li span,
main .section-single-work-3 .content .content-text .col-left ul li p,
main .section-single-work-3 .content .content-text .col-left ol li span,
main .section-single-work-3 .content .content-text .col-left ol li p {
  margin: 0;
}
main .section-single-work-3 .content .content-text .col-right h4 {
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
}
main .section-single-work-3 .content .content-text .col-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
main .section-single-work-3 .content .content-text .col-right ul li {
  padding: 0.5rem 0;
  margin: 0.5rem 0;
  border-bottom: 0.0625rem solid #ccc;
}
main .section-single-work-3 .content .content-text .col-right ul li:first-child {
  border-top: 0.0625rem solid #ccc;
}
main .section-single-work-3 .content .content-text .col-right ul li span {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: uppercase;
  margin: 0;
}
main .section-single-work-3 .content .content-text .col-right ul li p {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .list-videos {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
  }
}
main .section-single-work-3 .content .list-videos .video-item {
  width: 100%;
}
main .section-single-work-3 .content .list-videos .video-item .w-video {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  main .section-single-work-3 .content .list-videos .video-item .w-video iframe {
    height: 11.489375rem;
  }
}
main .section-single-work-3 .content .list-videos .video-item .w-video a {
  display: block;
}
main .section-single-work-3 .content .list-videos .video-item .w-video a .play-reel {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  z-index: 1;
}
main .section-single-work-3 .content .list-videos .video-item .w-video a .play-reel .tri-reel-border-big {
  border: 0.0625rem solid var(--white);
  z-index: 200;
  position: relative;
  width: 4.375rem;
  height: 4.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  left: -17%;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .list-videos .video-item .w-video a .play-reel .tri-reel-border-big {
    left: 0;
  }
}
main .section-single-work-3 .content .list-videos .video-item .w-video a .play-reel .tri-reel-border-big .tri-reel-border-min {
  border: 0.1875rem solid white;
  width: 3.125rem;
  height: 3.125rem;
  z-index: 120;
  position: relative;
  border-radius: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
main .section-single-work-3 .content .list-videos .video-item .w-video a .play-reel .tri-reel-border-big .tri-reel-border-min .tri-reel {
  border-right: solid 2rem transparent;
  border-bottom: solid 2rem transparent;
  border-top: solid 1.3125rem #de2f2b;
  position: absolute;
  z-index: 100;
  margin-top: 75%;
  margin-left: 19%;
}
main .section-single-work-3 .content .list-videos .video-item .w-video a .bg-overlay {
  width: 100%;
  height: 41.0625rem;
  background: #3d3d3d;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .list-videos .video-item .w-video a .bg-overlay {
    height: 10.875rem;
  }
}
main .section-single-work-3 .content .list-videos .flickity-page-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}
main .section-single-work-3 .content .list-videos .flickity-page-dots li {
  width: 0.5rem;
  height: 0.5rem;
}
main .section-single-work-3 .content .list-videos .flickity-page-dots li.is-selected {
  width: 0.75rem;
  height: 0.75rem;
}
main .section-single-work-3 .content .list-videos .flickity-button {
  background: transparent;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .list-videos .flickity-button {
    background: var(--white);
  }
}
main .section-single-work-3 .content .list-videos .flickity-button.previous {
  left: -4.0625rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .list-videos .flickity-button.previous {
    left: 0;
  }
}
main .section-single-work-3 .content .list-videos .flickity-button.next {
  right: -4.0625rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-3 .content .list-videos .flickity-button.next {
    right: 0;
  }
}
main .section-single-work-3 .content .list-picture-gif .picture {
  display: block;
  width: 100%;
  margin-bottom: 3.5rem;
}
main .section-single-work-3 .content .list-picture-gif .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
main .section-single-work-3 .content .sticker-picture {
  display: block;
  width: 100%;
  margin: 6rem auto;
  text-align: center;
}
main .section-single-work-3 .content .sticker-picture h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 3.5rem;
}
main .section-single-work-3 .content .sticker-picture figure {
  width: 100%;
  display: block;
}
main .section-single-work-4 {
  margin: 3.5rem auto 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 {
    padding: 1rem 0 2rem 0;
    margin: 0;
  }
}
main .section-single-work-4 .content .title {
  display: block;
  margin-bottom: 2.5rem;
}
main .section-single-work-4 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 800;
  text-transform: capitalize;
  color: var(--orange);
  padding-bottom: 0.88rem;
  margin-bottom: 1rem;
  border-bottom: 0.0625rem solid #333;
}
main .section-single-work-4 .content .title p {
  display: block;
  width: 100%;
  max-width: 29.4375rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #666;
  margin: 0;
}
main .section-single-work-4 .content .list-result {
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .list-result {
    margin-bottom: 2rem;
  }
}
main .section-single-work-4 .content .list-result .cust-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.953125rem;
}
@media only screen and (max-width: 991px) {
  main .section-single-work-4 .content .list-result .cust-row {
    margin: 0 -1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-single-work-4 .content .list-result .cust-row {
    margin: 0 -1rem;
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item {
  width: 25%;
  flex: 0 0 auto;
  max-width: 19.7916666667rem;
  padding: 0 1.953125rem;
}
@media only screen and (max-width: 991px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item {
    width: 33.3333%;
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item {
    width: 50%;
    padding: 1rem;
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box {
  padding: 3.88rem 0 2.6rem 1.5rem;
  border: 0.0625rem solid var(--orange);
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item .box {
    background: var(--orange);
    padding: 2.5rem 1.03rem;
    margin-bottom: 1.5rem;
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box .number span {
  display: flex;
  align-items: flex-start;
  gap: 0.31rem;
  font-family: var(--f-body);
  font-size: 5rem;
  line-height: 5.625rem;
  font-weight: 800;
  letter-spacing: -0.25rem;
  color: var(--orange);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item .box .number span {
    color: var(--white);
    font-size: 2.5rem;
    line-height: 2rem;
    letter-spacing: -0.0625rem;
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box .number span strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: 2.8125rem;
  font-weight: 700;
  letter-spacing: -0.0375rem;
  color: var(--orange);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item .box .number span strong {
    color: var(--white);
    font-size: 1rem;
    line-height: 2.8125rem;
    letter-spacing: -0.0325rem;
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box .text {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-top: 1rem;
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: -0.02rem;
  color: var(--orange);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item .box .text p {
    color: var(--white);
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box .text .triangle {
  width: 0;
  height: 0;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 1.5rem solid var(--orange);
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .list-result .cust-row .box-item .box .text .triangle {
    border-right: 1rem;
    border-bottom: 1rem var(--white);
  }
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box:hover {
  background: var(--orange);
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box:hover .number span,
main .section-single-work-4 .content .list-result .cust-row .box-item .box:hover .number strong {
  color: var(--white);
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box:hover .text p {
  color: var(--white);
}
main .section-single-work-4 .content .list-result .cust-row .box-item .box:hover .text .triangle {
  border-bottom-color: var(--white);
}
main .section-single-work-4 .content .slide-testimonial {
  position: relative;
  margin: 5rem auto 0;
}
main .section-single-work-4 .content .slide-testimonial > p {
  display: block;
  text-align: center;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: normal;
  max-width: 60rem;
  width: 100%;
  margin: 0 auto 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .content .slide-testimonial > p {
    max-width: 100%;
    font-size: 1.5rem;
  }
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial {
  position: relative;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper {
  position: unset;
  max-width: 33.75rem;
  width: 100%;
  margin: 0 auto;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide {
  width: 33.3333%;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media only screen and (max-width: 991px) {
  main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide {
    width: 100%;
  }
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item {
  text-align: center;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .ava {
  display: block;
  width: 7.5rem;
  margin: 0 auto 0.5rem;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .ava figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .ava figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .desc h3 {
  display: block;
  color: #333;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.375rem;
  margin: 0 auto;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flicky-slide .item .desc p {
  display: block;
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0 auto;
}
main .section-single-work-4 .content .slide-testimonial .list-testimonial .flicky-wrapper .flickity-button {
  color: #666;
  background: transparent;
}
main .section-single-work-4 .hashtag {
  margin: 2.5rem auto 0;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-4 .hashtag {
    margin: 2rem auto;
  }
}
main .section-single-work-4 .hashtag h3 {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 2.8125rem;
  letter-spacing: -0.025rem;
  text-transform: uppercase;
  padding-bottom: 0.31rem;
  border-bottom: 0.0625rem solid #333;
  margin-bottom: 1.25rem;
}
main .section-single-work-4 .hashtag ul {
  list-style: none;
  margin: 0 -0.655rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
main .section-single-work-4 .hashtag ul li {
  padding: 0 0.655rem;
}
main .section-single-work-4 .hashtag ul li a {
  display: block;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
main .section-single-work-4 .hashtag ul li a:hover {
  color: var(--orange);
}
main .section-single-work-5 {
  padding: 5rem 0;
  background: #f2f2f2;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-5 {
    padding: 0 0 5rem;
  }
}
main .section-single-work-5 .content .title {
  display: block;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-5 .content .title {
    padding-top: 2rem;
  }
}
main .section-single-work-5 .content .title h2 {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 2.375rem;
  font-weight: 800;
  line-height: 3.5625rem;
  margin: 0;
}
main .section-single-work-5 .content .list-relate .cust-row {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 1.87rem;
       column-gap: 1.87rem;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-5 .content .list-relate .cust-row {
    -moz-column-count: unset;
         column-count: unset;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}
main .section-single-work-5 .content .list-relate .cust-row .col-project {
  display: grid;
  grid-template-rows: 1fr auto;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 3.5rem;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .picture {
  display: block;
  width: 100%;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 120.175438597%;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc {
  margin-top: 0.75rem;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category {
  margin-bottom: 0.75rem;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category ul li {
  position: relative;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category ul li a {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
  margin: 0;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category ul li a:hover {
  color: var(--orange);
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.625rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #a1a1a1;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc .category ul li:last-child:after {
  display: none;
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc h3 {
  color: #333;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 3rem;
  margin: 0;
  padding-bottom: 1.5rem;
  border-bottom: 0.3125rem solid #333;
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    border-bottom: 0.0625rem;
  }
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc h3:hover {
  color: var(--orange);
  border-color: var(--orange);
}
main .section-single-work-5 .content .list-relate .cust-row .col-project .item .desc h3 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-single-work-5 .content .list-relate .readmore {
  margin: 3.5rem auto 0;
  width: 9.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.49rem;
  border-bottom: 0.11563rem solid #666;
}
main .section-single-work-5 .content .list-relate .readmore:hover {
  color: var(--orange);
  border-color: var(--orange);
}
@media only screen and (max-width: 1199px) {
  main .section-single-work-5 .content .list-relate .readmore {
    margin: 0 auto;
  }
}
main .bnt-social {
  position: fixed;
  top: 15%;
  right: 1rem;
  z-index: 1;
}
main .bnt-social .advand-bnt {
  display: block;
}
main .bnt-social .advand-bnt .morther-bnt {
  width: 2.5rem;
}
main .bnt-social .advand-bnt .morther-bnt .item-bnt {
  text-align: center;
  margin-bottom: 1rem;
}
main .bnt-social .advand-bnt .morther-bnt .item-bnt button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  border: 0.0625rem solid #e9e9f2;
}
main .bnt-social .advand-bnt .morther-bnt .item-bnt button.like {
  background: var(--red);
  border-color: var(--red);
}
main .bnt-social .advand-bnt .morther-bnt .item-bnt span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 400;
  color: var(--white);
  margin: 0.25rem auto 0;
}
@media only screen and (max-width: 767px) {
  main .bnt-social .advand-bnt .morther-bnt .item-bnt span {
    display: none;
  }
}
main .popup-ideas .modal-dialog {
  position: relative;
  display: flex;
  padding: 5rem 3.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 80.125rem;
  width: 100%;
  background: var(--white);
}
main .popup-ideas .modal-dialog .modal-content {
  position: unset;
  border: 0;
  border-radius: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: 0;
  border-radius: 0;
  justify-content: flex-end;
}
main .popup-ideas .modal-dialog .modal-content .modal-header .close-popup {
  position: absolute;
  top: 1.87rem;
  right: 1.87rem;
  border: 0;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0);
}
main .popup-ideas .modal-dialog .modal-content .modal-header .close-popup svg {
  width: 1.5rem;
  height: 1.5rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left {
  position: relative;
  padding: 2.8rem 0 1.5625rem 3.75rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="280" height="287" viewBox="0 0 280 287" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M270.526 9.65992V44.5764V194.982C270.526 215.195 254.384 231.639 234.537 231.639H129.498H66.4765H63.6205L61.2405 233.247L9.47296 268.227V161.572V46.3152C9.47296 26.1033 25.6144 9.65992 45.463 9.65992H121.009H251.571L265.872 0.00976562H45.463H45.4552C20.3504 0.00976562 0 20.7408 0 46.3152V164.088V286.209L66.4765 241.289H234.537H234.544C259.65 241.289 280 220.559 280 194.982V165.087V44.5764V9.65992V3.27631V3.26604L270.526 9.65992Z" fill="%23F2F2F2"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .title {
  position: relative;
  margin-bottom: 5.95rem;
  z-index: 2;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .title h2 {
  display: block;
  color: #1f1f1f;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 800;
  line-height: 4.375rem;
  letter-spacing: -0.21875rem;
  margin: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .list-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .list-contact ul li {
  margin-bottom: 1.5rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .list-contact ul li:last-child {
  margin-bottom: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .list-contact ul li span {
  display: block;
  color: var(--red);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-left .form-left .list-contact ul li a {
  display: block;
  color: #666;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form {
  margin-top: 5.5rem;
  padding-top: 1.5rem;
  border-top: 0.31944rem solid #333;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col {
  display: flex;
  align-items: center;
  gap: 1.19rem;
  margin-bottom: 1.5rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div {
  position: relative;
  width: 33.3333%;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding: 0.75rem 0;
  border-bottom: solid #ccc;
  border-width: 0 0 0.0625rem 0;
  outline: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input::-webkit-outer-spin-button, main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input ~ label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0.75rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
  pointer-events: none;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input ~ label span {
  display: block;
  font-size: 0.875rem;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input.has-content ~ label, main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .f-col > div input:focus ~ label {
  top: -0.3125rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form textarea {
  width: 100%;
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 1px solid #ccc;
  outline: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form textarea::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form textarea::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file {
  position: relative;
  width: 100%;
  background: #f2f2f2;
  padding: 1rem 2rem;
  margin: 1.5rem 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .file-up {
  cursor: pointer;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .file-up .file-input-button .text-file {
  display: block;
  text-align: center;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .file-up .file-input-button .text-file svg {
  width: 1.5rem;
  height: 1.5rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .file-up .file-input-button .text-file span {
  display: block;
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .title-file p {
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form .upload-file .title-file span {
  display: block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  font-family: var(--f-body);
  color: var(--m-red);
  margin: 0;
}
main .popup-ideas .modal-dialog .modal-content .modal-body .col-right form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 3.375rem;
  border-radius: 0.125rem;
  background: #666;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  border: 0;
  margin: 0 0 0 auto;
}
main .popup-ideas.clr-orange .modal-dialog .modal-content .modal-body .col-left .form-left .list-contact ul li span {
  color: var(--orange);
}
main .section-news-1 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 7.94rem 0 1.31rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content {
    display: flex;
    flex-direction: column;
  }
}
main .section-news-1 .content .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title {
    order: 2;
    display: block;
    margin: 0;
  }
}
main .section-news-1 .content .title .title-left {
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title .title-left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
main .section-news-1 .content .title .title-left h1 {
  display: inline-block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 6.25rem;
  font-weight: 800;
  line-height: 5.625rem;
  text-transform: capitalize;
  margin: 0;
}
main .section-news-1 .content .title .title-left h1:before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem var(--red);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title .title-left h1:before {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title .title-left h1 {
    position: relative;
    font-size: 0.875rem;
    line-height: 1rem;
    padding-left: 1.5625rem;
    letter-spacing: normal;
    text-transform: uppercase;
  }
}
main .section-news-1 .content .title .title-right {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title .title-right {
    width: 100%;
  }
}
main .section-news-1 .content .title .title-right .shape {
  position: absolute;
  top: 0.69rem;
  left: 0;
  border-right: solid 2.5rem transparent;
  border-top: solid 1.675rem var(--red);
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title .title-right .shape {
    display: none;
  }
}
main .section-news-1 .content .title .title-right p {
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 2.25rem;
  letter-spacing: -0.0875rem;
  margin: 0;
  padding-left: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .title .title-right p {
    padding: 0;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.25rem;
  }
}
main .section-news-1 .content .breabcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-1 .content .breabcrumb {
    order: 1;
    margin-bottom: 1.5rem;
  }
}
main .section-news-1 .content .breabcrumb span {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-news-1 .content .breabcrumb span a {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-news-1 .content .breabcrumb span:last-child {
  font-weight: 800;
}
main .section-news-1 .content .breabcrumb span:last-child a {
  font-weight: 800;
}
main .section-news-1.section-careers-1 .content .title .title-right .shape, main .section-news-1.section-contact-1 .content .title .title-right .shape {
  border-top-color: #fec956;
}
main .section-news-2 {
  margin: 5rem auto 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-2 {
    margin: 2.5rem auto;
  }
}
main .section-news-2 .content .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  main .section-news-2 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-news-2 .content .title .col-left {
  flex: 1;
  padding-right: 1.5625rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-2 .content .title .col-left {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  main .section-news-2 .content .title .col-left {
    display: block;
    width: 100%;
    order: 2;
    flex: unset;
  }
}
main .section-news-2 .content .title .col-left .main-title {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-2 .content .title .col-left .main-title {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
}
main .section-news-2 .content .title .col-left .main-title h2 {
  display: inline-block;
  color: #494949;
  font-family: var(--f-body);
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 3.1875rem;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  main .section-news-2 .content .title .col-right {
    display: block;
    width: 100%;
    order: 1;
  }
}
main .section-news-2 .content .title .col-right .mini-search {
  position: relative;
}
main .section-news-2 .content .title .col-right .mini-search:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0.3125rem;
  background: #ccc;
  width: 16.875rem;
  height: 0.06388rem;
}
main .section-news-2 .content .title .col-right .mini-search input {
  color: #333;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  width: 16.875rem;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0 0 0.56rem 0.5rem;
}
main .section-news-2 .content .title .col-right .mini-search input::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-news-2 .content .title .col-right .mini-search input::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-news-2 .content .title .col-right .mini-search button {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
}
main .section-news-2 .content .title .col-right .mini-search button i {
  font-size: 1.5rem;
  color: #a1a1a1;
}
@media only screen and (max-width: 1199px) {
  main .section-news-2 .content .list-news {
    display: none;
  }
}
main .section-news-2 .content .list-news .big-item {
  margin-bottom: 1.87rem;
}
main .section-news-2 .content .list-news .big-item .item {
  position: relative;
}
main .section-news-2 .content .list-news .big-item .item .picture {
  display: block;
  width: 100%;
}
main .section-news-2 .content .list-news .big-item .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 42.735042735%;
}
main .section-news-2 .content .list-news .big-item .item .picture figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(134, 124, 116, 0) 57%, rgba(132, 121, 114, 0.6) 100%);
  z-index: 1;
  pointer-events: none;
}
main .section-news-2 .content .list-news .big-item .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-news-2 .content .list-news .big-item .item .desc {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 1.25rem;
  z-index: 2;
}
main .section-news-2 .content .list-news .big-item .item .desc h3 {
  color: var(--white);
  font-family: var(--f-second);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  letter-spacing: 0.015rem;
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2.25rem;
  margin-bottom: 0.5rem;
}
main .section-news-2 .content .list-news .big-item .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-news-2 .content .list-news .big-item .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-news-2 .content .list-news .big-item .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-news-2 .content .list-news .big-item .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-news-2 .content .list-news .big-item .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  margin: 0;
}
main .section-news-2 .content .list-news .big-item .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--white);
  margin: 0;
}
main .section-news-2 .content .list-news .big-item .item:hover .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-news-2 .content .list-news .big-item .item:hover .desc h3 {
  color: var(--blue);
}
main .section-news-2 .content .list-news .double-blog {
  padding-bottom: 3.75rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .picture {
  display: block;
  width: 100%;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 59.999999999%;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc {
  margin-top: 1.25rem;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc h3 {
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: var(--f-second);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  letter-spacing: 0.015rem;
  min-height: 4.5rem;
  margin-bottom: 1rem;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-news-2 .content .list-news .double-blog .col-blog .item:hover .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-news-2 .content .list-news .double-blog .col-blog .item:hover .desc h3 {
  color: var(--blue);
}
main .section-news-2 .content .list-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-news-2 .content .list-mobile {
    display: block;
  }
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper {
  padding-bottom: 2.5rem;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .picture {
  display: block;
  width: 100%;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 70.666666666%;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc {
  margin-top: 1rem;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc h3 {
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: var(--f-second);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  min-height: 3.75rem;
  margin-bottom: 1rem;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item:hover .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-news-2 .content .list-mobile .swiper .swiper-wrapper .swiper-slide .item:hover .desc h3 {
  color: var(--blue);
}
main .section-news-2 .content .list-mobile .swiper .swiper-pagination {
  bottom: 0;
}
main .section-news-2 .content .list-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background: #333;
  opacity: 0.5;
  margin: 0 0.5rem;
}
main .section-news-2 .content .list-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #333;
  opacity: 1;
}
main .section-news-3 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-news-3 {
    margin: 2.5rem auto;
  }
}
main .section-news-3 .content .title {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-3 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-news-3 .content .title h2 {
  display: inline-block;
  color: #494949;
  font-family: var(--f-body);
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 2.61375rem;
  margin: 0;
}
main .section-news-3 .content .list-rerent {
  padding-bottom: 5rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}
@media only screen and (max-width: 1199px) {
  main .section-news-3 .content .list-rerent {
    display: none;
  }
}
main .section-news-3 .content .list-rerent .col-blog .item {
  position: relative;
}
main .section-news-3 .content .list-rerent .col-blog .item .picture {
  display: block;
  width: 100%;
}
main .section-news-3 .content .list-rerent .col-blog .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 74.814814814%;
}
main .section-news-3 .content .list-rerent .col-blog .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc {
  margin-top: 1.25rem;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc h3 {
  color: #333;
  font-family: var(--f-second);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3.75rem;
  margin-bottom: 1rem;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-news-3 .content .list-rerent .col-blog .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-news-3 .content .list-rerent .col-blog .item:hover .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-news-3 .content .list-rerent .col-blog .item:hover .desc h3 {
  color: var(--blue);
}
main .section-news-3 .content .rerent-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-news-3 .content .rerent-mobile {
    display: block;
  }
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper {
  padding-bottom: 2.5rem;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item {
  position: relative;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .picture {
  display: block;
  width: 100%;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 74.814814814%;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc {
  margin-top: 1.25rem;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc h3 {
  color: #333;
  font-family: var(--f-second);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3.75rem;
  margin-bottom: 1rem;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item:hover .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-wrapper .swiper-slide .item:hover .desc h3 {
  color: var(--blue);
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-pagination {
  bottom: 0;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  background: #333;
  opacity: 0.5;
  margin: 0 0.5rem;
}
main .section-news-3 .content .rerent-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #333;
  opacity: 1;
}
main .section-news-4 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 {
    margin: 2.5rem auto;
  }
}
main .section-news-4 .content .title-tab {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
  overflow-x: auto;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .title-tab {
    padding-bottom: 1rem;
    margin: 0 0 1rem 0;
  }
}
main .section-news-4 .content .title-tab li {
  position: relative;
  color: #a1a1a1;
  font-family: var(--f-second);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -0.0625rem;
  padding-left: 1.5rem;
  white-space: nowrap;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .title-tab li {
    white-space: pre;
  }
}
main .section-news-4 .content .title-tab li:before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem transparent;
}
main .section-news-4 .content .title-tab li.active, main .section-news-4 .content .title-tab li:hover {
  color: var(--blue);
}
main .section-news-4 .content .title-tab li.active:before, main .section-news-4 .content .title-tab li:hover:before {
  border-top-color: #38b4e7;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col {
  padding-bottom: 2rem;
  border-bottom: 0.0625rem solid #d9d9d9;
  margin-bottom: 2rem;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item {
  display: flex;
  gap: 1.25rem;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item {
    display: block;
  }
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .picture {
  display: block;
  width: 16.875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .picture {
    width: 100%;
  }
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 74.814814814%;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .picture figure {
    padding-top: 85.852090032%;
  }
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc {
  flex: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc {
    width: 100%;
    margin-top: 1rem;
  }
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .cate {
  display: block;
  margin: 0 0 0.5rem;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .cate a {
  display: block;
  color: #000;
  font-family: var(--f-second);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc h3 {
  display: inline-block;
  color: #333;
  font-family: var(--f-second);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc p {
  font-size: 1rem;
  line-height: 1.625rem;
  font-family: var(--f-second);
  font-weight: 400;
  color: #494949;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 4.625rem;
  margin-bottom: 1rem;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item:hover .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-news-4 .content .content-tab .item-tab .col-left .blog-col .item:hover .desc h3 {
  color: var(--blue);
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot {
  position: sticky;
  top: 0;
  padding: 1.5rem;
  background: #f8f8f8;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .title h2 {
  display: inline-block;
  color: #000;
  font-family: var(--f-second);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin-bottom: 1.06rem;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li {
  margin-bottom: 1.06rem;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li:last-child {
  margin-bottom: 0;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a .number {
  display: flex;
  align-items: baseline;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a .number span {
  display: block;
  color: #455;
  font-family: var(--f-second);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a .number p {
  display: block;
  width: 1rem;
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem var(--blue);
  margin: 0;
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a h3 {
  display: block;
  color: #333;
  font-family: var(--f-second);
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  letter-spacing: 0.0125rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a h3 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
main .section-news-4 .content .content-tab .item-tab .col-right .right-hot .list-readler ul li a h3:hover {
  color: var(--blue);
}
main .section-news-4 .content .content-tab .item-tab .readmore {
  display: block;
  width: 10.0625rem;
  color: #333;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin: 0 auto;
  padding-bottom: 0.45rem;
  border-bottom: 0.1165rem solid #333;
}
@media only screen and (max-width: 1199px) {
  main .section-news-4 .content .content-tab .item-tab .readmore {
    margin-top: 2rem;
  }
}
main .section-news-4 .content .content-tab .item-tab .readmore:hover {
  color: var(--blue);
  border-bottom-color: var(--blue);
}
main .section-news-5 {
  padding: 0 0 3.5rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-news-5 {
    padding: 0 0 2rem 0;
  }
}
main .section-news-5 .content .mini-form h4 {
  display: block;
  color: #666;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.5rem;
}
main .section-news-5 .content .mini-form .screen-reader-response ul {
  display: none;
}
main .section-news-5 .content .mini-form form {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  main .section-news-5 .content .mini-form form {
    display: block;
  }
}
main .section-news-5 .content .mini-form form p {
  display: flex;
  justify-content: center;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-news-5 .content .mini-form form p {
    display: block;
  }
}
main .section-news-5 .content .mini-form form .wpcf7-not-valid-tip {
  display: none;
}
main .section-news-5 .content .mini-form form input {
  width: 16.25rem;
  height: 3.125rem;
  border: 0.0625rem solid #e6e6e6;
  background: var(--white);
  padding: 0.69rem 1.25rem 0.87rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5625rem;
  letter-spacing: -0.02856rem;
  outline: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-news-5 .content .mini-form form input {
    width: 100%;
    padding: 0.75rem;
  }
}
main .section-news-5 .content .mini-form form input::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5625rem;
  letter-spacing: -0.02856rem;
}
main .section-news-5 .content .mini-form form input::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5625rem;
  letter-spacing: -0.02856rem;
}
main .section-news-5 .content .mini-form form button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.1875rem;
  background: var(--blue);
  border: 0;
  padding: 0.94rem 2rem 1rem;
  height: 3.125rem;
}
@media only screen and (max-width: 1199px) {
  main .section-news-5 .content .mini-form form button {
    width: 100%;
    padding: 1rem;
    margin-top: 1rem;
  }
}
main .section-detail-1 {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 31.25rem;
}
main .section-detail-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
  z-index: 1;
}
main .section-detail-1 .content {
  position: relative;
  z-index: 2;
}
main .section-detail-1 .content .breabcrumb {
  position: absolute;
  bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
}
main .section-detail-1 .content .breabcrumb a {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-detail-1 .content .breabcrumb a:last-child {
  font-weight: 800;
}
main .section-detail-2 .content .main-content {
  margin: 2.88rem 0 3rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-2 .content .main-content {
    margin: 1.5rem auto 2.5rem;
  }
}
main .section-detail-2 .content .main-content .title {
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #ccc;
  margin-bottom: 1.5rem;
}
main .section-detail-2 .content .main-content .title .cate {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-2 .content .main-content .title .cate {
    color: #a1a1a1;
  }
}
main .section-detail-2 .content .main-content .title h1 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 3rem;
  text-transform: capitalize;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-2 .content .main-content .title h1 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0 auto 1rem;
  }
}
main .section-detail-2 .content .main-content p {
  display: block;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: #333;
  margin: 1rem 0;
}
main .section-detail-2 .content .main-content p:last-child {
  margin-bottom: 0;
}
main .section-detail-2 .content .main-content iframe {
  width: 100%;
}
main .section-detail-2 .content .main-content i {
  display: block;
  margin: 1rem 0;
}
main .section-detail-2 .content .main-content img {
  margin: 1rem auto;
  height: auto;
}
main .section-detail-2 .content .main-content figcaption {
  display: block;
  font-style: italic;
  font-family: var(--f-body);
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 200;
  color: #333;
  text-align: center;
  margin-bottom: 2rem;
}
main .section-detail-2 .content .news-tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  border-bottom: 0.0625rem solid #ccc;
  margin: 2.5rem 0;
}
main .section-detail-2 .content .news-tag .list-tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.62rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-detail-2 .content .news-tag .list-tag li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  background: #f2f2f2;
  margin: 0 auto;
}
main .section-detail-2 .content .news-tag .list-tag li a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
  color: #333;
}
main .section-detail-2 .content .news-tag time {
  display: block;
  font-family: var(--f-body);
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #a1a1a1;
}
main .section-detail-3 .content .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.88rem;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-3 .content .title {
    display: block;
  }
}
main .section-detail-3 .content .title h2 {
  flex: 1 0 0;
  width: 100%;
  display: inline-block;
  font-family: var(--f-body);
  font-size: 2.1875rem;
  font-weight: 800;
  line-height: 3rem;
  color: var(--blue);
  margin: 0;
  padding-right: 0.88rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-3 .content .title h2 {
    padding: 0;
    margin: 0.88rem auto;
  }
}
main .section-detail-3 .content .title a {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: #666;
  margin: 0;
  text-decoration: underline;
}
main .section-detail-3 .content .list-relate {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-3 .content .list-relate .col-blog {
    margin-bottom: 2.5rem;
  }
}
main .section-detail-3 .content .list-relate .col-blog .item .picture {
  display: block;
  width: 100%;
}
main .section-detail-3 .content .list-relate .col-blog .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 69.444444444%;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-3 .content .list-relate .col-blog .item .picture figure {
    padding-top: 100%;
  }
}
main .section-detail-3 .content .list-relate .col-blog .item .picture figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
main .section-detail-3 .content .list-relate .col-blog .item .picture figure:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(81, 69, 147, 0.3) 0%, rgba(81, 69, 147, 0.3) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
main .section-detail-3 .content .list-relate .col-blog .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-detail-3 .content .list-relate .col-blog .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-detail-3 .content .list-relate .col-blog .item .desc {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 0.315rem solid #ccc;
}
@media only screen and (max-width: 1199px) {
  main .section-detail-3 .content .list-relate .col-blog .item .desc {
    border-bottom: 0.0625rem solid #ccc;
  }
}
main .section-detail-3 .content .list-relate .col-blog .item .desc .cate {
  margin-bottom: 0.25rem;
}
main .section-detail-3 .content .list-relate .col-blog .item .desc .cate ul {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-detail-3 .content .list-relate .col-blog .item .desc .cate ul li a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #a1a1a1;
}
main .section-detail-3 .content .list-relate .col-blog .item .desc h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: capitalize;
  font-weight: 800;
  color: #333;
  height: 4rem;
  margin: 0;
}
main .section-detail-3 .content .list-relate .col-blog .item .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}
main .section-detail-3 .content .list-relate .col-blog .item:hover .picture figure:after {
  opacity: 1;
  visibility: visible;
}
main .section-detail-3 .content .list-relate .col-blog .item:hover .desc {
  border-color: #514593;
}
main .section-detail-3 .content .list-relate .col-blog .item:hover .desc h3 {
  color: #514593;
}
main .section-new-6 .popup-share {
  position: fixed;
  bottom: 25%;
  right: 0.45rem;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  main .section-new-6 .popup-share {
    bottom: 12%;
    right: 1rem;
  }
}
main .section-new-6 .popup-share .fan-menu {
  --n: 1;
  position: relative;
}
main .section-new-6 .popup-share .fan-menu__toggle {
  position: relative;
  z-index: 1;
}
main .section-new-6 .popup-share .fan-menu__toggle .open-share {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--blue);
}
main .section-new-6 .popup-share .fan-menu__toggle.active ~ .fan-menu__items .fan-menu__item {
  transform: rotate(var(--rotate-deg)) translateX(var(--fan-radius));
}
main .section-new-6 .popup-share .fan-menu__items {
  position: absolute;
  top: 0;
  left: 0.5rem;
}
main .section-new-6 .popup-share .fan-menu__item {
  --ratio: calc(var(--i) / var(--n));
  --fan-deg: 55deg;
  --fan-deg-offset: 180deg;
  --rotate-deg: calc(
    var(--ratio) * var(--fan-deg) + var(--fan-deg-offset)
  );
  --rotate-deg-reverse: calc(var(--rotate-deg) * -1);
  --fan-radius: 3.5rem;
  position: absolute;
  transform: rotate(var(--rotate-deg));
  transition: 0.3s;
  transition-delay: calc(var(--i) * 0.05s);
}
main .section-new-6 .popup-share .fan-menu__item button {
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  border: 0.0625rem solid #e9e9f2;
}
main .section-new-6 .popup-share .fan-menu__item button svg {
  transform: rotate(var(--rotate-deg-reverse));
}
main .section-new-6 .popup-share .fan-menu__item:nth-child(1) {
  --i: 0;
}
main .section-new-6 .popup-share .fan-menu__item:nth-child(2) {
  --i: 1;
}
main .section-new-6 .popup-share .fan-menu__item i {
  transform: rotate(var(--rotate-deg-reverse));
}
main .section-new-6 .popup-share-form .modal-dialog {
  margin: 7.5rem auto;
  max-width: 32.44318rem;
  width: 100%;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content {
  padding: 2rem 3rem;
  border: 0;
  border-radius: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-new-6 .popup-share-form .modal-dialog .modal-content {
    padding: 1.5rem 1.88rem;
  }
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .close-btn {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  border: 0;
  background: rgba(0, 0, 0, 0);
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .close-btn i {
  font-size: 1.5rem;
  line-height: normal;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .name h5 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  color: #222;
  margin: 0 0 0.5rem 0;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .name p {
  display: block;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 400;
  color: #888;
  margin: 0;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social {
  margin: 1.44rem auto;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social ul li a {
  display: block;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social ul li a span {
  display: block;
  text-align: center;
  margin: 0;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social ul li a span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background: rgba(34, 34, 34, 0.06);
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social ul li a span:first-child figure img {
  -o-object-fit: contain;
     object-fit: contain;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .list-social ul li a span:last-child {
  font-family: var(--f-body);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
  color: #888;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .clipboard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.2rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.12);
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .clipboard input {
  flex: 1 0 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0);
  color: #8d9ca5;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  max-width: 80%;
}
main .section-new-6 .popup-share-form .modal-dialog .modal-content .content-form .clipboard button {
  width: 2rem;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
main .category-news-1 {
  margin: 5rem 0;
}
main .category-news-1 .content {
  padding-bottom: 3.75rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}
main .category-news-1 .content .breabcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
main .category-news-1 .content .breabcrumb span {
  position: relative;
}
main .category-news-1 .content .breabcrumb span:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.625rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #a1a1a1;
}
main .category-news-1 .content .breabcrumb span.current a {
  text-decoration: underline;
}
main .category-news-1 .content .breabcrumb span a {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
}
main .category-news-1 .content .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main .category-news-1 .content .title .col-left {
  flex: 1;
  padding-right: 1.5625rem;
}
main .category-news-1 .content .title .col-left .main-title {
  margin-bottom: 2.5rem;
}
main .category-news-1 .content .title .col-left .main-title h2 {
  display: inline-block;
  color: #494949;
  font-family: var(--f-body);
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 3.1875rem;
  margin: 0;
}
main .category-news-1 .content .title .col-right .mini-search {
  position: relative;
}
main .category-news-1 .content .title .col-right .mini-search:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0.3125rem;
  background: #ccc;
  width: 100%;
  height: 0.06388rem;
}
main .category-news-1 .content .title .col-right .mini-search input {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  width: 16.875rem;
  border: 0;
  outline: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0 0 0.56rem 0.5rem;
}
main .category-news-1 .content .title .col-right .mini-search button {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
}
main .category-news-1 .content .title .col-right .mini-search button i {
  font-size: 1.5rem;
  color: #a1a1a1;
}
main .category-news-1 .content .list-news .col-left .big-item .item {
  position: relative;
}
main .category-news-1 .content .list-news .col-left .big-item .item .picture {
  display: block;
  width: 100%;
}
main .category-news-1 .content .list-news .col-left .big-item .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 75.087719298%;
}
main .category-news-1 .content .list-news .col-left .big-item .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .category-news-1 .content .list-news .col-left .big-item .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc {
  margin-top: 1.25rem;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc h3 {
  color: #333;
  font-family: var(--f-second);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  letter-spacing: 0.015rem;
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 4.5rem;
  margin-bottom: 1rem;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc h3:hover {
  color: var(--blue);
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .category-news-1 .content .list-news .col-left .big-item .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .category-news-1 .content .list-news .col-right .item {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.88rem;
}
main .category-news-1 .content .list-news .col-right .item .picture {
  display: block;
  width: 12.5rem;
}
main .category-news-1 .content .list-news .col-right .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
main .category-news-1 .content .list-news .col-right .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .category-news-1 .content .list-news .col-right .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .category-news-1 .content .list-news .col-right .item .desc {
  flex: 1;
  align-items: flex-start;
}
main .category-news-1 .content .list-news .col-right .item .desc h3 {
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: var(--f-second);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  min-height: 3.75rem;
  margin-bottom: 1rem;
}
main .category-news-1 .content .list-news .col-right .item .desc h3:hover {
  color: var(--blue);
}
main .category-news-1 .content .list-news .col-right .item .desc h3 a {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
}
main .category-news-1 .content .list-news .col-right .item .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .category-news-1 .content .list-news .col-right .item .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .category-news-1 .content .list-news .col-right .item .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .category-news-1 .content .list-news .col-right .item .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .category-news-1 .content .list-news .col-right .item .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-mixtape-1 {
  margin-bottom: 7.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-1 {
    margin-bottom: 2.5rem;
  }
}
main .section-mixtape-1 .picture {
  display: block;
  width: 100%;
}
main .section-mixtape-1 .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 55.555555555%;
}
main .section-mixtape-1 .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-mixtape-2 {
  margin-bottom: 7.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 .content {
    padding: 0 2rem;
  }
}
main .section-mixtape-2 .content .title {
  text-align: center;
  max-width: 48.5825rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 .content .title {
    margin: 0 auto 2.5rem;
  }
}
main .section-mixtape-2 .content .title h2 {
  display: block;
  font-family: var(--f-mixtape);
  font-size: 2.5rem;
  line-height: 3.075rem;
  font-weight: 400;
  color: #3f3f3f;
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 .content .title h2 {
    font-size: 1.25rem;
    line-height: 1.5375rem;
    text-align: center;
  }
}
main .section-mixtape-2 .content .title span,
main .section-mixtape-2 .content .title p {
  display: block;
  color: #525252;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.68rem;
  max-width: 25.25rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 .content .title span,
  main .section-mixtape-2 .content .title p {
    max-width: 100%;
    text-align: center;
  }
}
main .section-mixtape-2 .content .grid-picture {
  display: flex;
  width: 100%;
  max-width: 90rem;
  justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 .content .grid-picture {
    display: none;
  }
}
main .section-mixtape-2 .content .grid-picture .box-big {
  display: flex;
  justify-content: space-between;
  width: 25.3125rem;
}
main .section-mixtape-2 .content .grid-picture .box-big.big-middle {
  width: 35.625rem;
}
main .section-mixtape-2 .content .grid-picture .box-big .box .item {
  display: block;
  width: 100%;
}
main .section-mixtape-2 .content .grid-picture .box-big .box .item figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
}
main .section-mixtape-2 .content .grid-picture .box-big .box .item figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-one {
  display: block;
  width: 6.5625rem;
  align-self: center;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-one .item figure {
  padding-top: 361.904761905%;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-one .item figure img {
  border-radius: 0 0.5rem 0.5rem 0;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-one .item.item-v2 figure img {
  border-radius: 0.5rem 0 0 0.5rem;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-two {
  display: block;
  width: 16.875rem;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-two .item figure {
  padding-top: 100%;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-two .item.item-v1 figure {
  padding-top: 81.851851851%;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-two .item.item-v2 figure {
  padding-top: 120%;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-two .item:first-child {
  margin-bottom: 2.13rem;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-one-middle {
  display: block;
  width: 35.625rem;
  padding-top: 7.94rem;
}
main .section-mixtape-2 .content .grid-picture .box-big .box.box-one-middle .item figure {
  padding-top: 91.754385964%;
  border-radius: 0.5rem 0.5rem 0 0;
}
main .section-mixtape-2 .grid-picture-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-2 .grid-picture-mobile {
    display: block;
  }
}
main .section-mixtape-2 .grid-picture-mobile .big-picture {
  display: block;
  width: 100%;
  margin-bottom: 0.75rem;
}
main .section-mixtape-2 .grid-picture-mobile .big-picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-mixtape-2 .grid-picture-mobile .big-picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-mixtape-2 .grid-picture-mobile .slide-picture .swiper .swiper-wrapper .swiper-slide .box {
  display: block;
  width: 100%;
}
main .section-mixtape-2 .grid-picture-mobile .slide-picture .swiper .swiper-wrapper .swiper-slide .box figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-mixtape-2 .grid-picture-mobile .slide-picture .swiper .swiper-wrapper .swiper-slide .box figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 {
    margin: 2.5rem auto;
  }
}
main .section-mixtape-3 .content .col-left {
  align-self: center;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-left {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-3 .content .col-left .text h2 {
  display: inline-block;
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  letter-spacing: -0.01875rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-left .text h2 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: -0.0075rem;
  }
}
main .section-mixtape-3 .content .col-left .text p {
  max-width: 30.75rem;
  width: 100%;
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.47rem;
  font-weight: 300;
  color: #3f3f3f;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-left .text p {
    max-width: 100%;
  }
}
main .section-mixtape-3 .content .col-left .text button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fec956;
  font-family: var(--f-mixtape);
  background: #c33d2e;
  border: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  border-radius: 0.5rem;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
}
main .section-mixtape-3 .content .col-right {
  position: relative;
}
main .section-mixtape-3 .content .col-right .right-mixtape {
  display: flex;
  justify-content: space-between;
  position: relative;
  pointer-events: none;
}
main .section-mixtape-3 .content .col-right .right-mixtape:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 9.125rem;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.07) 93.23%, rgba(217, 217, 217, 0) 100%);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-right .right-mixtape:before {
    display: none;
  }
}
main .section-mixtape-3 .content .col-right .right-mixtape:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 9.125rem;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.07) 93.23%, rgba(217, 217, 217, 0) 100%);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-right .right-mixtape:after {
    display: none;
  }
}
main .section-mixtape-3 .content .col-right .right-mixtape .swiper {
  width: 16.875rem;
  height: 67.5rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-right .right-mixtape .swiper {
    width: 50%;
    height: 27.5rem;
  }
}
main .section-mixtape-3 .content .col-right .right-mixtape .swiper .swiper-wrapper {
  transition-timing-function: linear;
}
main .section-mixtape-3 .content .col-right .right-mixtape .swiper .swiper-wrapper .swiper-slide {
  width: 16.875rem;
  height: 25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-3 .content .col-right .right-mixtape .swiper .swiper-wrapper .swiper-slide {
    width: 9.25rem;
    height: 13.6875rem;
  }
}
main .section-mixtape-3 .content .col-right .right-mixtape .swiper .swiper-wrapper .swiper-slide .box {
  display: block;
  width: 100%;
}
main .section-mixtape-3 .content .col-right .right-mixtape .swiper .swiper-wrapper .swiper-slide .box figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 148.148148148%;
  border-radius: 0.5rem;
}
main .section-mixtape-3 .content .col-right .right-mixtape .swiper .swiper-wrapper .swiper-slide .box figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-4 {
  margin: 5rem auto 6.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-4 {
    margin: 2.5rem auto;
  }
}
main .section-mixtape-4 .content .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-4 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-4 .content .title h2 {
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-4 .content .title h2 {
    font-size: 1.5rem;
  }
}
main .section-mixtape-4 .content .title a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #3f3f3f;
  text-align: right;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
main .section-mixtape-4 .content .title a i {
  font-size: 1.25rem;
  line-height: 1;
}
main .section-mixtape-4 .content .list-magazine .magazine {
  margin-bottom: 1.88rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-4 .content .list-magazine .magazine {
    display: none;
  }
}
main .section-mixtape-4 .content .list-magazine .magazine a {
  position: relative;
  display: block;
}
main .section-mixtape-4 .content .list-magazine .magazine a .picture {
  display: block;
  width: 100%;
}
main .section-mixtape-4 .content .list-magazine .magazine a .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 42.735042735%;
  border-radius: 1rem;
}
main .section-mixtape-4 .content .list-magazine .magazine a .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  transition: all 0.3s;
}
main .section-mixtape-4 .content .list-magazine .magazine a .desc {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 1;
}
main .section-mixtape-4 .content .list-magazine .magazine a .desc h3 {
  color: var(--white);
  font-family: var(--f-mixtape);
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: -0.03rem;
  margin-bottom: 0.25rem;
}
main .section-mixtape-4 .content .list-magazine .magazine a .desc time {
  display: block;
  color: var(--white);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2rem;
}
main .section-mixtape-4 .content .list-magazine .magazine a:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-4 .content .list-magazine .magazine a:hover .desc h3 {
  color: var(--red);
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-4 .content .list-magazine .col-magazine {
    display: none;
  }
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine {
  margin: 0;
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine a .picture figure {
  padding-top: 71.621621621%;
  border-radius: 0.5rem;
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine a .picture figure img {
  border-radius: 0.5rem;
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine a .desc {
  left: 1.5rem;
  bottom: 1.5rem;
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine a .desc h3 {
  color: var(--white);
  font-feature-settings: "liga" off;
  font-family: var(--f-mixtape);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.98rem;
  letter-spacing: 0.015rem;
  margin: 0;
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine a:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-4 .content .list-magazine .col-magazine .magazine a:hover .desc h3 {
  color: var(--red);
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-4 .content .list-magazine .magazine-mobile {
    display: block;
  }
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper {
  padding-bottom: 2.5rem;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine {
  display: block;
  margin: 0;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine a .picture figure {
  padding-top: 82.142857142%;
  border-radius: 0.5rem;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine a .picture figure img {
  border-radius: 0.5rem;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine a .desc {
  left: 1.5rem;
  bottom: 1.5rem;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine a .desc h3 {
  color: var(--white);
  font-feature-settings: "liga" off;
  font-family: var(--f-mixtape);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.98rem;
  letter-spacing: 0.015rem;
  margin: 0;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine a:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-wrapper .swiper-slide .magazine a:hover .desc h3 {
  color: var(--red);
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-pagination {
  bottom: 0;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  background: #333;
  opacity: 0.5;
}
main .section-mixtape-4 .content .list-magazine .magazine-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
main .section-mixtape-5 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 {
    margin: 2.5rem auto;
  }
}
main .section-mixtape-5 .content .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-5 .content .title h2 {
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .title h2 {
    font-size: 1.5rem;
  }
}
main .section-mixtape-5 .content .title a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #3f3f3f;
  text-align: right;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
main .section-mixtape-5 .content .title a i {
  font-size: 1.25rem;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-left {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-5 .content .list-feature .col-left .mix-video .item {
  display: block;
  width: 100%;
  position: relative;
}
main .section-mixtape-5 .content .list-feature .col-left .mix-video .item figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 112.340425532%;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-left .mix-video .item figure {
    padding-top: 135.750938907%;
  }
}
main .section-mixtape-5 .content .list-feature .col-left .mix-video .item figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-5 .content .list-feature .col-left .mix-video .item .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-mixtape-5 .content .list-feature .col-right {
  display: flex;
  flex-wrap: wrap;
  gap: 1.88rem;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix {
  width: 16.875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .single-mix {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #ececec;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .picture {
  display: block;
  width: 100%;
  position: relative;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 148.739495798%;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .picture figure {
    padding-top: 127.338129496%;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .picture .cate {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  display: block;
  color: #656565;
  background: #d9d9d9;
  border-radius: 0rem 0.5rem 0rem 0rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.015rem;
  padding: 0.5rem 1rem;
  margin: 0;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .desc {
  margin-top: 1rem;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .desc h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.47rem;
  font-weight: 700;
  color: #3f3f3f;
  margin: 0 0 0.25rem;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .desc h3 a {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine .desc p {
  color: #494949;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 4.5rem;
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-5 .content .list-feature .col-right .single-mix .magazine:hover .desc h3 {
  color: var(--red);
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix {
  flex: 1;
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .title-mix {
  display: flex;
  gap: 1.31rem;
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .title-mix {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .title-mix li {
  width: 33.3333%;
  text-align: center;
  padding: 0.5rem 1rem;
  color: #fec956;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  text-transform: uppercase;
  border-radius: 0.5rem;
  background: #c33d2e;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine {
    display: block;
    width: 50%;
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item {
    width: 50%;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item {
    width: 100%;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .mini-popup {
  display: none;
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .emagazine {
  position: relative;
  display: block;
  width: 6.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .emagazine {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .emagazine figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .emagazine figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .emagazine .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .desc {
  flex: 1;
  padding-right: 1rem;
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .desc h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3f3f3f;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.47rem;
  margin: 0 0 1rem;
  min-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .desc h3 {
    font-size: 0.875rem;
    line-height: 1.28625rem;
    -webkit-line-clamp: 2;
    min-height: 2.625rem;
  }
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .desc h3 a {
  display: block;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-mixtape-5 .content .list-feature .col-right .list-mix .content-mix .item-mix .magazine .item .desc time {
  display: block;
  color: #656565;
  font-family: var(--f-body);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.975rem;
  letter-spacing: 0.0225rem;
  text-transform: capitalize;
}
main .section-mixtape-6 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-6 {
    margin: 1.5rem auto;
  }
}
main .section-mixtape-6 .content .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-6 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-6 .content .title h2 {
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-6 .content .title h2 {
    font-size: 1.5rem;
  }
}
main .section-mixtape-6 .content .title a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #3f3f3f;
  text-align: right;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
main .section-mixtape-6 .content .title a i {
  font-size: 1.25rem;
  line-height: 1;
}
main .section-mixtape-6 .content .list-mixnews .mini-section {
  margin-bottom: 1.88rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-6 .content .list-mixnews .mini-section {
    display: none;
  }
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .picture {
  display: block;
  max-width: 35.1875rem;
  width: 100%;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 55.417406749%;
  border-radius: 0.5rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .desc {
  margin-top: 1rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .desc h3 {
  color: #333;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 1.875rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .desc h3:hover {
  color: var(--red);
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-left .magazine .desc h3 a {
  display: block;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .picture {
  display: block;
  width: 100%;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 87.751371115%;
  border-radius: 0.5rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc {
  margin-top: 1rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc h3 {
  display: inline-block;
  color: #333;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6875rem;
  letter-spacing: 0.01125rem;
  margin-bottom: 1rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc h3:hover {
  color: var(--red);
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc h3 a {
  display: block;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.56rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-mixtape-6 .content .list-mixnews .mini-section .col-right .right-item .magazine .desc .v-card time {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-6 .content .list-mixnews .mixnews-mobile {
    display: block;
  }
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper {
  padding-bottom: 3rem;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .picture {
  display: block;
  width: 100%;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 87.751371115%;
  border-radius: 0.5rem;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc {
  margin-top: 1rem;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc h3 {
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6875rem;
  letter-spacing: 0.01125rem;
  min-height: 3.375rem;
  margin-bottom: 1rem;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc h3:hover {
  color: var(--red);
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc h3 a {
  display: block;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.56rem;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-wrapper .swiper-slide .magazine .desc .v-card time {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-pagination {
  bottom: 0;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  background: #333;
  opacity: 0.5;
}
main .section-mixtape-6 .content .list-mixnews .mixnews-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
main .section-mixtape-7 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7 {
    margin: 2.5rem auto;
  }
}
main .section-mixtape-7 .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7 .title {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-7 .title h2 {
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7 .title h2 {
    font-size: 1.5rem;
  }
}
main .section-mixtape-7 .title a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #3f3f3f;
  text-align: right;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
main .section-mixtape-7 .title a i {
  font-size: 1.25rem;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7 .list-poscast .col-left {
    display: none;
  }
}
main .section-mixtape-7 .list-poscast .col-left .podcast .picture {
  position: relative;
  display: block;
  width: 100%;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .picture .mini-popup {
  display: none;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 76.216216216%;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .picture .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-mixtape-7 .list-poscast .col-left .podcast .picture .play svg {
  width: 2.5rem;
  height: 2.5rem;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc {
  text-align: center;
  padding: 0 1.5625rem;
  margin-top: 4.5rem;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc h3 {
  color: #3f3f3f;
  text-align: center;
  font-feature-settings: "liga" off;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin: 0 auto 0.5rem;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc span {
  display: block;
  color: #3f3f3f;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc button {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc button a {
  padding: 0.5rem 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #c33d2e;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  margin: 0 auto;
  color: #fec956;
}
main .section-mixtape-7 .list-poscast .col-left .podcast .desc button a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #fec956;
}
main .section-mixtape-7 .list-poscast .col-right {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7 .list-poscast .col-right {
    display: none;
  }
}
main .section-mixtape-7 .list-poscast .col-right:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 9.5625rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 81.05%);
  z-index: 1;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table {
  position: relative;
  height: 31.25rem;
  overflow-x: hidden;
  overflow-y: auto;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table::-webkit-scrollbar-track {
  border-radius: 0.3125rem;
  background: rgba(0, 0, 0, 0);
}
main .section-mixtape-7 .list-poscast .col-right .morther-table::-webkit-scrollbar {
  width: 0.3125rem;
  border-radius: 0.3125rem;
  background: rgba(0, 0, 0, 0);
}
main .section-mixtape-7 .list-poscast .col-right .morther-table::-webkit-scrollbar-thumb {
  background: #1d1d1d;
  border-radius: 0.3125rem;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr {
  border-bottom: 0.0625rem solid #ccc;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr:hover {
  background: #f8f3ec;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr th {
  color: #3f3f3f;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6rem;
  letter-spacing: 0.01rem;
  padding: 1.25rem 1rem;
  text-align: left;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td {
  padding: 1rem 1.25rem;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post {
  display: flex;
  align-items: center;
  gap: 1rem;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .mini-popup {
  display: none;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .picture {
  position: relative;
  display: block;
  width: 4.375rem;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .picture .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .desc h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.01rem;
  color: #3f3f3f;
  margin: 0 0 0.5rem;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td .item .item-post .desc span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.015rem;
  font-weight: 400;
  color: #3f3f3f;
  margin: 0;
}
main .section-mixtape-7 .list-poscast .col-right .morther-table .table-podcast tbody tr td p {
  display: block;
  color: #3f3f3f;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  margin: 0;
}
main .section-mixtape-7 .list-poscast .postcast-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7 .list-poscast .postcast-mobile {
    display: block;
  }
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper {
  padding-bottom: 3rem;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture {
  position: relative;
  display: block;
  width: 100%;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 76.216216216%;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture .play svg {
  width: 2.5rem;
  height: 2.5rem;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc {
  text-align: center;
  padding: 0 1.5625rem;
  margin-top: 1rem;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc h3 {
  color: #3f3f3f;
  text-align: center;
  font-feature-settings: "liga" off;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin: 0 auto 0.5rem;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc span {
  display: block;
  color: #3f3f3f;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc button {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc button a {
  padding: 0.5rem 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #c33d2e;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  margin: 0 auto;
  color: #fec956;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc button a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #fec956;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-pagination {
  bottom: 0;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  background: #333;
  opacity: 0.5;
}
main .section-mixtape-7 .list-poscast .postcast-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
main .section-mixtape-7 .list-poscast-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  main .section-mixtape-7 .list-poscast-mobile {
    display: block;
  }
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture {
  position: relative;
  display: block;
  width: 100%;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture .mini-popup {
  display: none;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 76.216216216%;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .picture .play svg {
  width: 2.5rem;
  height: 2.5rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc {
  text-align: center;
  padding: 0 1.5625rem;
  margin-top: 1rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc h3 {
  color: #3f3f3f;
  text-align: center;
  font-feature-settings: "liga" off;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.0125rem;
  margin: 0 auto 0.5rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc span {
  display: block;
  color: #3f3f3f;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc button {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc button a {
  padding: 0.5rem 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #c33d2e;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  margin: 0 auto;
  color: #fec956;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-wrapper .swiper-slide .podcast .desc button a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #fec956;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-pagination {
  position: unset;
  margin-top: 1.5rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
}
main .section-mixtape-7 .list-poscast-mobile .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #333;
}
main .section-mixtape-7.section-reel-3 {
  background: #faf6e8;
  padding: 3.5rem 0;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-7.section-reel-3 {
    padding: 3.75rem 0;
  }
}
main .section-mixtape-7.section-reel-3 .list-poscast .col-right:after {
  display: none;
}
main .section-mixtape-7.section-reel-3 .list-poscast .col-right .morther-table .table-podcast tbody tr:hover {
  background: var(--white);
}
main .section-mixtape-8 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 {
    margin: 2.5rem auto;
  }
}
main .section-mixtape-8 .content .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 .content .title {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-8 .content .title h2 {
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 .content .title h2 {
    font-size: 1.5rem;
  }
}
main .section-mixtape-8 .content .title a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #3f3f3f;
  text-align: right;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
main .section-mixtape-8 .content .title a i {
  font-size: 1.25rem;
  line-height: 1;
}
main .section-mixtape-8 .content .slide-shorst {
  position: relative;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper {
  padding-bottom: 3rem;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide {
  width: 16.6667%;
  padding: 0 0.94rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide {
    width: 50%;
  }
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .picture {
  position: relative;
  display: block;
  width: 100%;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 152.941176472%;
  border-radius: 0.5rem;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .picture .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .desc {
  margin-top: 1rem;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .desc h3 {
  color: #333;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 1.34375rem;
  margin-bottom: 0.25rem;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flicky-slide .item .desc span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 300;
  color: #666;
  margin: 0;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flickity-page-dots {
  bottom: 0;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flickity-button {
  padding: 0;
  background: transparent;
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flickity-button.previous {
  left: -2.1875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flickity-button.previous {
    display: none;
  }
}
main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flickity-button.next {
  right: -2.1875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 .content .slide-shorst .flicky-wrapper .flickity-button.next {
    display: none;
  }
}
main .section-mixtape-8 .content .slide-shorst .swiper-button-prev,
main .section-mixtape-8 .content .slide-shorst .swiper-button-next {
  top: calc(50% - 1.5625rem);
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
main .section-mixtape-8 .content .slide-shorst .swiper-button-prev:after,
main .section-mixtape-8 .content .slide-shorst .swiper-button-next:after {
  display: none;
}
main .section-mixtape-8 .content .slide-shorst .swiper-button-prev i,
main .section-mixtape-8 .content .slide-shorst .swiper-button-next i {
  font-size: 1.5rem;
  color: #031111;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-8 .content .slide-shorst .swiper-button-prev,
  main .section-mixtape-8 .content .slide-shorst .swiper-button-next {
    display: none;
  }
}
main .section-mixtape-8 .content .slide-shorst .swiper-button-prev {
  left: -2.13rem;
  right: auto;
}
main .section-mixtape-8 .content .slide-shorst .swiper-button-next {
  left: auto;
  right: -2.13rem;
}
main .section-mixtape-9 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-9 {
    margin: 2.5rem auto;
  }
}
main .section-mixtape-9 .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-9 .title {
    margin-bottom: 1.5rem;
  }
}
main .section-mixtape-9 .title h2 {
  color: #3f3f3f;
  font-family: var(--f-mixtape);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-9 .title h2 {
    font-size: 1.5rem;
  }
}
main .section-mixtape-9 .title a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #3f3f3f;
  text-align: right;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
}
main .section-mixtape-9 .title a i {
  font-size: 1.25rem;
  line-height: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-9 .content .slide-project {
    padding: 0 2rem;
  }
}
main .section-mixtape-9 .content .slide-project .slide-shorst {
  position: relative;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper {
  padding-bottom: 4.5rem;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide {
  width: 29.375rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item {
  position: relative;
  display: block;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .picture {
  display: block;
  width: 100%;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.382978723%;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .picture figure {
    padding-top: 85.209003215%;
  }
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .desc {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.259375rem;
  z-index: 1;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .desc h3 {
  display: block;
  color: var(--white);
  font-feature-settings: "liga" off;
  font-family: var(--f-mixtape);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.98rem;
  letter-spacing: 0.015rem;
  text-transform: uppercase;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-wrapper .swiper-slide .item .desc .bnt-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0.5rem 1rem;
  color: #333;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  border-radius: 0.5rem;
  background: var(--white);
  box-shadow: 0.25rem 0.25rem 0 0 #333;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-pagination {
  bottom: 0;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-pagination span {
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0.5;
  background: #333;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper-button-next,
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper-button-prev {
  top: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  background: var(--white);
  border-radius: 50%;
  margin: 0 auto;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper-button-next i,
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper-button-prev i {
  font-size: 1.5rem;
  line-height: normal;
  color: #3f3f3f;
}
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper-button-next:after,
main .section-mixtape-9 .content .slide-project .slide-shorst .swiper-button-prev:after {
  display: none;
}
main .section-mixtape-10 {
  padding: 4.15rem 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-10 {
    padding: 2.5rem 0;
    background-image: unset !important;
    background-color: #c33d2e;
  }
}
main .section-mixtape-10 .content form {
  display: flex;
  flex-direction: column;
  width: 41.75rem;
  text-align: center;
  padding: 1.88rem;
  border-radius: 0.5rem;
  background: #c33d2e;
  margin: 0 0 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-10 .content form {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
main .section-mixtape-10 .content form h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  margin: 0 auto 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-10 .content form h2 {
    justify-content: center;
  }
}
main .section-mixtape-10 .content form h2 span {
  display: block;
  color: var(--white);
  text-align: center;
  font-family: var(--f-mixtape);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: -0.0125rem;
  margin: 0;
  text-transform: uppercase;
}
main .section-mixtape-10 .content form h2 span:last-child {
  color: #fec956;
}
main .section-mixtape-10 .content form .f-col {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-10 .content form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
main .section-mixtape-10 .content form .f-col p {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
}
main .section-mixtape-10 .content form .f-col p input {
  width: 100%;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #000;
  background: var(--white);
  color: #8b8b8b;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6rem;
  outline: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-mixtape-10 .content form .f-col p input {
    margin-bottom: 1rem;
  }
}
main .section-mixtape-10 .content form .f-col p span {
  width: 100%;
}
main .section-mixtape-10 .content form textarea {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid #000;
  background: var(--white);
  color: #8b8b8b;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6rem;
  outline: 0;
  margin-bottom: 1.5rem;
}
main .section-mixtape-10 .content form .upload-file {
  position: relative;
  border-radius: 0.5rem;
  border: 0.0625rem solid #3f3f3f;
  background: var(--white);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
main .section-mixtape-10 .content form .upload-file .file-up .file-input-button .text-file svg {
  width: 2rem;
  height: 2.5rem;
}
main .section-mixtape-10 .content form .upload-file .file-up .file-input-button .text-file span {
  display: block;
  color: #3f3f3f;
  text-align: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.68rem;
  margin: 0.5rem auto 0.25rem;
}
main .section-mixtape-10 .content form .upload-file .file-up .file-input-button .text-file p {
  display: block;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.4rem;
  font-weight: 400;
  margin: 0 auto;
  color: #8b8b8b;
}
main .section-mixtape-10 .content form .upload-file .file-up .file-input {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  cursor: pointer;
  outline: 0;
}
main .section-mixtape-10 .content form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
main .section-mixtape-10 .content form .upload-file .title-file p {
  color: #3f3f3f;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0 auto;
  display: none;
}
main .section-mixtape-10 .content form button {
  width: 17rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 0.5rem;
  background: var(--white);
  box-shadow: 0.25rem 0.25rem 0 0 #333;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  line-height: 1.51875rem;
  font-weight: 400;
  letter-spacing: 0.01125rem;
  color: #333;
  text-transform: uppercase;
  margin: 0 auto;
}
main .section-mixtape-10 .content form button svg {
  width: 1.5rem;
  height: 1.5rem;
}
main .section-all-project-1 {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
main .section-all-project-1 .content .top-picture figure {
  display: block;
  width: 100%;
}
main .section-all-project-1 .content .breadcrumb-mix {
  margin-top: 5rem;
}
main .section-all-project-1 .content .breadcrumb-mix .links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
main .section-all-project-1 .content .breadcrumb-mix .links span {
  position: relative;
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
  text-transform: uppercase;
}
main .section-all-project-1 .content .breadcrumb-mix .links span a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}
main .section-all-project-1 .content .breadcrumb-mix .links span:first-child {
  text-decoration-line: underline;
  color: #333;
  padding-right: 1rem;
}
main .section-all-project-1 .content .breadcrumb-mix .links span:first-child:after {
  content: "";
  display: block;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: #a1a1a1;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
main .section-all-project-1 .content .breadcrumb-mix .title {
  position: relative;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}
main .section-all-project-1 .content .breadcrumb-mix .title:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 48.0625rem;
  height: 0.0625rem;
  background: #ccc;
}
main .section-all-project-1 .content .breadcrumb-mix .title h1 {
  display: block;
  color: #333;
  font-family: var(--f-mixtape);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
  text-transform: capitalize;
  margin: 0 0 0.5rem;
}
main .section-all-project-1 .content .breadcrumb-mix .title p {
  display: block;
  font-family: var(--f-body);
  color: #333;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.6875rem;
  margin: 0;
}
main .section-all-project-1 .content .mini-content {
  padding: 2.75rem 0 6.25rem 0;
}
main .section-all-project-1 .content .mini-content .short {
  max-width: 41.25rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  main .section-all-project-1 .content .mini-content .short {
    padding: 0 2rem;
  }
}
main .section-all-project-1 .content .mini-content .short p {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.6875rem;
  margin-bottom: 1.25rem;
}
main .section-all-project-1 .content .mini-content .short p:last-child {
  margin-bottom: 0;
}
main .section-all-project-1 .content .mini-content .img {
  margin: 4.4rem auto;
}
main .section-all-project-1 .content .mini-content .img figure {
  display: block;
  margin: 0 auto;
  text-align: center;
}
main .section-all-project-1 .content .mini-content .img figure img {
  max-width: 100%;
  width: auto;
  height: auto;
}
main .section-all-project-1 .content .mini-content .author {
  position: relative;
  padding-left: 1.55rem;
  max-width: 41.25rem;
  width: 100%;
  margin: 0 auto;
}
main .section-all-project-1 .content .mini-content .author:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.3125rem;
  height: 100%;
  background: var(--orange);
}
main .section-all-project-1 .content .mini-content .author ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-all-project-1 .content .mini-content .author ul li span {
  color: #333;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
}
main .section-promixtape-1 {
  padding: 2.5rem 0;
  margin-bottom: 1.5rem;
}
main .section-promixtape-1 .content .breacrumb {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
main .section-promixtape-1 .content .breacrumb span {
  position: relative;
  display: block;
  margin: 0;
}
main .section-promixtape-1 .content .breacrumb span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.9375rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #a1a1a1;
}
main .section-promixtape-1 .content .breacrumb span:first-child:after {
  display: none;
}
main .section-promixtape-1 .content .breacrumb span a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #a1a1a1;
}
main .section-promixtape-1 .content .breacrumb span a.current {
  color: var(--red);
  text-decoration: underline;
}
main .section-promixtape-2 .content .title-tab {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
}
main .section-promixtape-2 .content .title-tab li {
  position: relative;
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.0625rem;
  color: #a1a1a1;
  padding-left: 1.5rem;
  cursor: pointer;
}
main .section-promixtape-2 .content .title-tab li:before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem transparent;
}
main .section-promixtape-2 .content .title-tab li.active {
  color: var(--red);
}
main .section-promixtape-2 .content .title-tab li.active:before {
  border-top-color: var(--red);
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine {
  margin-bottom: 2rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a {
  position: relative;
  display: block;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a .picture {
  display: block;
  width: 100%;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 42.735042735%;
  border-radius: 1rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  transition: all 0.3s;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a .desc {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1.25rem;
  z-index: 2;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a .desc h3 {
  display: inline-block;
  font-family: var(--f-mixtape);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 400;
  letter-spacing: -0.03rem;
  color: var(--white);
  margin: 0 0 0.25rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a .desc time {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
  color: var(--white);
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a:hover .picture figure img {
  transform: scale(1.1, 1.1);
}
main .section-promixtape-2 .content .content-tab .item-tab .single-magazine .magazine a:hover .desc h3 {
  color: var(--red);
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine {
  margin-bottom: 2rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .picture {
  display: block;
  width: 100%;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 55.263157894%;
  border-radius: 0.5rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc {
  margin-top: 1rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc .cate {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #f2f2f2;
  margin-bottom: 0.5rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc h3 {
  font-family: var(--f-body);
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: 0.0125rem;
  color: #333;
  margin: 0 0 0.5rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc h3:hover {
  color: var(--red);
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc p {
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6875rem;
  color: #494949;
  margin: 0 0 1rem 0;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .section-promixtape-2 .content .content-tab .item-tab .col-magazine .magazine .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .section-promixtape-2 .content .content-tab .item-tab .readmore {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  margin: 1rem auto 3rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  color: #000;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding: 0.56rem 0;
  border-bottom: 0.0625rem solid #000;
}
main .section-careers-2 {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-2 {
    margin: 2.5rem auto;
  }
}
main .section-careers-2 .content .col-left {
  align-self: center;
}
main .section-careers-2 .content .col-left h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 6.25rem;
  line-height: 1;
  letter-spacing: -0.3125rem;
  font-weight: 800;
  color: var(--orange);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-2 .content .col-left h2 {
    font-size: 2.125rem;
    letter-spacing: normal;
    line-height: 3.1875rem;
    color: #494949;
    margin-bottom: 2.5rem;
  }
}
main .section-careers-2 .content .col-right .picture {
  display: block;
  width: 100%;
  max-width: 40.625rem;
}
main .section-careers-2 .content .col-right .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 69.23076923%;
}
main .section-careers-2 .content .col-right .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-careers-2 .caree-tab .title-tab {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: flex-start;
  list-style: none;
  margin: 1.5rem auto;
  padding: 2.5rem 0;
  border: solid #f2f2f2;
  border-width: 0.0625rem 0 0.0625rem 0;
  width: 100%;
  overflow-x: auto;
}
main .section-careers-2 .caree-tab .title-tab::-webkit-scrollbar-track {
  border-radius: 0.3125rem;
  background: rgba(0, 0, 0, 0);
}
main .section-careers-2 .caree-tab .title-tab::-webkit-scrollbar {
  height: 0.3125rem;
  border-radius: 0.3125rem;
  background: rgba(0, 0, 0, 0);
}
main .section-careers-2 .caree-tab .title-tab::-webkit-scrollbar-thumb {
  background: var(--orange);
  border-radius: 0.3125rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-2 .caree-tab .title-tab {
    gap: 1rem;
  }
}
main .section-careers-2 .caree-tab .title-tab li {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-careers-2 .caree-tab .title-tab li a {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1.5rem 1.25rem;
  border-radius: 2.625rem;
  border: 0.0625rem solid #a1a1a1;
  white-space: pre;
  cursor: pointer;
  color: #666;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-2 .caree-tab .title-tab li a {
    padding: 0.5rem 1rem;
  }
}
main .section-careers-2 .caree-tab .title-tab li a:hover {
  border-color: var(--orange);
  color: var(--white);
  background: var(--orange);
}
main .section-title h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.75rem;
  line-height: 4.5rem;
  font-weight: 700;
  letter-spacing: -0.01875rem;
  margin: 3.5rem auto 0;
  color: #333;
}
@media only screen and (max-width: 1199px) {
  main .section-title h3 {
    display: none;
  }
}
main .section-title-1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 44.3125rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
main .section-title-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-title-1:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.29%, rgba(0, 0, 0, 0.5) 44.17%);
  }
}
main .section-title-1 .content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  z-index: 2;
}
main .section-title-1 .content .text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.81rem;
}
@media only screen and (max-width: 1199px) {
  main .section-title-1 .content .text {
    display: block;
  }
}
main .section-title-1 .content .text .text-left {
  flex: 1;
}
main .section-title-1 .content .text .text-left h2 {
  display: block;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 4.5rem;
  letter-spacing: -0.01875rem;
  margin: 0 0 0.75rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-title-1 .content .text .text-left h2 {
    font-family: var(--f-body);
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.0125rem;
  }
}
main .section-title-1 .content .text .text-left p {
  max-width: 31.6875rem;
  width: 100%;
  display: block;
  font-family: var(--f-second);
  color: var(--white);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-title-1 .content .text .text-left p {
    max-width: 100%;
    margin: 0 0 2.5rem;
  }
}
main .section-title-1 .content .text .text-right {
  flex-shrink: 0;
  align-self: flex-end;
  padding: 1.25rem 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-title-1 .content .text .text-right {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
main .section-title-1 .content .text .text-right a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--f-body);
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  text-transform: uppercase;
}
main .section-title-1 .content .text .text-right a span {
  flex: 1;
  display: block;
}
main .section-title-1 .content .text .text-right a svg {
  flex-shrink: 0;
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .gallery__item.gallery__item--center {
  background-position-y: 50%;
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  min-width: 100% !important;
  min-height: auto !important;
  position: absolute;
  bottom: -45vh;
  padding: 0 4.5vw;
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text .short {
  width: 21.3125rem;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text .short {
    width: 100%;
  }
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text .short p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: var(--white);
  margin: 0;
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--white);
}
main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text a svg {
  transform: rotate(90deg);
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v1 .pin-spacer .gallery-wrap .gallery .caption .text a {
    display: none;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 1;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel {
  width: 32.5rem;
  height: 35.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  background: var(--white);
  border-radius: 1rem;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel {
    width: 19.625rem;
    height: 30.1875rem;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box {
  position: relative;
  padding: 2.5rem;
  text-align: center;
  height: inherit;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box {
    padding: 2.5rem 1.5rem;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box h4 {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box h4 {
    font-size: 1.25rem;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20.375rem;
  height: 20.375rem;
  margin: 3.5rem auto 0;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box {
    width: 14.3125rem;
    height: 14.3125rem;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .needle {
  width: 2.76875rem;
  height: 5.60313rem;
  position: absolute;
  top: -4.375rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .needle {
    top: -2.375rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .needle svg {
    width: 1.94806rem;
    height: 3.939rem;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .spin-bnt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 3;
  width: 1.625rem;
  height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .wheel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.5rem #38b4e7, 0 0 0 0.75rem #2a91b8, 0 0 0 0.875rem #222, 0 0 0 1.25rem #333;
  transition: transform 2s ease-in-out;
  z-index: 2;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .wheel .item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 50%;
  height: 50%;
  background: var(--clr);
  transform-origin: bottom right;
  transform: rotate(calc(72deg * var(--i)));
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 72%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 72%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .wheel .item span {
  display: block;
  position: absolute;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
  color: var(--white);
  margin: 0 auto;
  top: 50%;
  left: 62%;
  width: 100%;
  transform: translate(-50%, -50%) rotate(-36deg);
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .wheel .item span {
    font-size: 0.675rem;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .hand {
  width: 14.625rem;
  position: absolute;
  left: 50%;
  bottom: -4rem;
  transform: translateX(-50%);
  z-index: 1;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .hand figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 47.435897435%;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .spin-box .hand figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .abs-picture {
  width: 10.625rem;
  position: absolute;
  right: 0.9375rem;
  bottom: 1.0625rem;
  pointer-events: none;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .abs-picture {
    display: none;
  }
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .abs-picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 91.397849462%;
}
main .section-effect-1.effect-v2 .pin-spacer .gallery-wrap .gallery .caption .spin-wheel .box .abs-picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .gallery__item {
    width: 35vw;
    height: 50vw;
  }
}
main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption {
  left: 95vw;
  bottom: auto;
  width: 100%;
  max-width: 34.6875rem;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption {
    max-width: 100%;
    background: var(--white);
    padding: 3.5rem;
    z-index: 9;
    left: 90vw;
  }
}
@media only screen and (max-width: 767px) {
  main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption {
    padding: 0;
    max-width: 90%;
    left: 105vw;
  }
}
main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption .flip-text .flip-item {
  margin-bottom: 1.5rem;
}
main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption .flip-text .flip-item:last-child {
  margin-bottom: 0;
}
main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption .flip-text .flip-item h3 {
  display: block;
  color: #494949;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 0.5rem;
}
main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption .flip-text .flip-item ul li {
  color: #727272;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6875rem;
  margin-bottom: 0.625rem;
}
main .section-effect-1.effect-v3 .pin-spacer .gallery-wrap .gallery .caption .flip-text .flip-item ul li:last-child {
  margin-bottom: 0;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide {
  position: relative;
  width: 26.8125rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide {
    width: 23.4375rem;
  }
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide {
  width: 26.8125rem;
}
@media only screen and (max-width: 1199px) {
  main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide {
    width: 100%;
  }
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item {
  position: relative;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .picture {
  display: block;
  width: 100%;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 153.613053613%;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .picture figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .text {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 2;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .text h4 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 3.1875rem;
  color: var(--white);
  margin: 0 auto 0.5rem;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper .swiper-wrapper .swiper-slide .item .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--white);
  margin: 0 auto;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-next,
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-prev {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1d1929;
  border-radius: 50%;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-next:after,
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-prev:after {
  display: none;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-next i,
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-prev i {
  font-size: 1.5rem;
  line-height: normal;
  color: var(--white);
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-next:hover,
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-prev:hover {
  background: var(--orange);
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-next:hover i,
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-prev:hover i {
  color: var(--white);
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-prev {
  left: -3.4375rem;
  right: auto;
}
main .section-effect-1.effect-v4 .pin-spacer .gallery-wrap .caption .scroll-slide .swiper-button-next {
  left: auto;
  right: -3.4375rem;
}
main .section-effect-1.effect-v5 .pin-spacer .gallery-wrap .gallery {
  gap: 1.875rem;
}
main .section-effect-1.effect-v5 .pin-spacer .gallery-wrap .gallery .gallery__item .picture {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  transform: none !important;
}
main .section-effect-1.effect-v5 .pin-spacer .gallery-wrap .gallery .gallery__item.gallery__item--l .picture {
  margin-bottom: 1.875rem;
}
main .section-effect-1.effect-v5 .pin-spacer .gallery-wrap .gallery .gallery__item.gallery__item--l .picture:last-child {
  margin-bottom: 0;
}
main .section-effect-1.effect-v5 .pin-spacer .gallery-wrap .gallery .gallery__item.gallery__item--xl {
  min-width: 570px !important;
  min-height: 570px !important;
}
main .section-careers-3 {
  padding-top: 7.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-3 {
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-careers-3 .content .col-left .text {
    margin-bottom: 1.5rem;
  }
}
main .section-careers-3 .content .col-left .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 600;
  color: var(--orange);
  margin: 0 0 0.25rem;
}
main .section-careers-3 .content .col-left .text h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-3 .content .col-left .text h2 {
    font-size: 2.5rem;
  }
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li {
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #ccc;
  margin-bottom: 1.5rem;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .title {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding-right: 1.5rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .title:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  height: 1.3rem;
  width: 0.0625rem;
  background: #1d1929;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.3rem;
  height: 0.0625rem;
  background: #1d1929;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .title span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 600;
  color: #494949;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .title span:first-child {
  color: var(--orange);
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text {
  display: none;
  padding: 2.25rem;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text {
    padding: 1rem;
  }
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 42.84%);
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.59%, rgba(0, 0, 0, 0.5) 57.55%);
  }
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text .short {
  max-width: 38.1875rem;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text .short {
    max-width: 100%;
  }
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text .short p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.6875rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li .text .short p strong {
  font-weight: 700;
}
main .section-careers-3 .content .col-right .accor-right .tab-accordion li.show .title:before {
  background: transparent;
}
main .section-careers-5 {
  padding-top: 5.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-5 {
    padding-top: 1rem;
  }
}
main .section-careers-5 .title {
  margin-bottom: 1.5rem;
}
main .section-careers-5 .title .col-left .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  color: var(--orange);
  margin: 0;
}
main .section-careers-5 .title .col-left .text h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-5 .title .col-left .text h2 {
    font-size: 2.5rem;
    line-height: normal;
  }
}
main .section-careers-5 .title .col-right {
  align-self: flex-start;
  margin-top: 2rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-5 .title .col-right {
    margin-top: 1.5rem;
  }
}
main .section-careers-5 .title .col-right .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: #666;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  main .section-careers-5 .list-option {
    overflow: hidden;
    margin: 0 -2rem;
  }
}
@media only screen and (max-width: 991px) {
  main .section-careers-5 .list-option .col-left {
    order: 2;
    padding: 0 0.5rem;
  }
}
main .section-careers-5 .list-option .col-left .text {
  padding: 6.25rem 6.25rem 0 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-5 .list-option .col-left .text {
    padding: 1rem 2rem 0;
  }
}
main .section-careers-5 .list-option .col-left .text .item {
  margin-bottom: 1.5rem;
}
main .section-careers-5 .list-option .col-left .text .item:last-child {
  margin-bottom: 0;
}
main .section-careers-5 .list-option .col-left .text .item h3 {
  display: block;
  font-family: var(--f-body);
  color: #494949;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 0.5rem 0;
}
main .section-careers-5 .list-option .col-left .text .item ul {
  margin: 0;
  padding-left: 1.5rem;
}
main .section-careers-5 .list-option .col-left .text .item ul li {
  font-family: var(--f-body);
  color: #727272;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6875rem;
}
@media only screen and (max-width: 991px) {
  main .section-careers-5 .list-option .col-right {
    order: 1;
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  main .section-careers-5 .list-option .col-right .list-picture .cust-row {
    margin: 0;
  }
}
main .section-careers-5 .list-option .col-right .list-picture .cust-row .col-item {
  margin-bottom: 1.88rem;
}
@media only screen and (max-width: 991px) {
  main .section-careers-5 .list-option .col-right .list-picture .cust-row .col-item {
    padding: 0 0.5rem;
    margin-bottom: 1rem;
  }
}
main .section-careers-5 .list-option .col-right .list-picture .cust-row .col-item .box {
  display: block;
  width: 100%;
}
main .section-careers-5 .list-option .col-right .list-picture .cust-row .col-item .box figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 118.518518519%;
  overflow: hidden;
}
main .section-careers-5 .list-option .col-right .list-picture .cust-row .col-item .box figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-careers-7 {
  padding-top: 5.62rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-7 {
    padding-top: 2rem;
  }
}
main .section-careers-7 .content .title {
  margin-bottom: 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-7 .content .title {
    margin-bottom: 2.5rem;
  }
}
main .section-careers-7 .content .title .col-left .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  color: var(--orange);
  margin-bottom: 1rem;
}
main .section-careers-7 .content .title .col-left .text h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-7 .content .title .col-left .text h2 {
    font-size: 2.5rem;
    line-height: normal;
  }
}
main .section-careers-7 .content .title .col-right {
  align-self: flex-start;
  margin-top: 2rem;
}
main .section-careers-7 .content .title .col-right .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: #666;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  main .section-careers-7 .content .list-option {
    display: none;
  }
}
main .section-careers-7 .content .list-option .col-item {
  margin-bottom: 1.88rem;
}
main .section-careers-7 .content .list-option .col-item .box {
  display: block;
  width: 100%;
}
main .section-careers-7 .content .list-option .col-item .box figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 110.540540541%;
  overflow: hidden;
}
main .section-careers-7 .content .list-option .col-item .box figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-careers-7 .content .list-option-mobile {
  display: none;
  overflow: hidden;
  margin: 0 -2rem;
}
@media only screen and (max-width: 991px) {
  main .section-careers-7 .content .list-option-mobile {
    display: block;
    padding-left: 2rem;
  }
}
main .section-careers-7 .content .list-option-mobile .swiper-wrapper .swiper-slide {
  display: block;
  width: 100%;
  max-width: 17.5rem;
}
main .section-careers-7 .content .list-option-mobile .swiper-wrapper .swiper-slide .col-item {
  display: block;
  width: 100%;
}
main .section-careers-7 .content .list-option-mobile .swiper-wrapper .swiper-slide .col-item .box {
  display: block;
  width: 100%;
}
main .section-careers-7 .content .list-option-mobile .swiper-wrapper .swiper-slide .col-item .box figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 110.292857143%;
  overflow: hidden;
}
main .section-careers-7 .content .list-option-mobile .swiper-wrapper .swiper-slide .col-item .box figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-careers-9 {
  padding-top: 5.62rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 {
    padding-top: 1.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .col-left .text {
    margin-bottom: 1rem;
  }
}
main .section-careers-9 .content .col-left .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: normal;
  font-weight: 600;
  color: var(--orange);
  margin: 0;
}
main .section-careers-9 .content .col-left .text h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.75rem;
  text-transform: capitalize;
  font-weight: 700;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .col-left .text h2 {
    font-size: 2.5rem;
  }
}
main .section-careers-9 .content .col-right .col-item {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2.5rem 1.88rem;
  border-bottom: 0.0625rem solid #f2f2f2;
}
main .section-careers-9 .content .col-right .col-item .item-top {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
main .section-careers-9 .content .col-right .col-item .item-top span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin: 0;
  color: #666;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .col-right .col-item .item-top span {
    font-size: 0.875rem;
  }
}
main .section-careers-9 .content .col-right .col-item .item-middle {
  margin-bottom: 1rem;
}
main .section-careers-9 .content .col-right .col-item .item-middle p {
  border: 0.0625rem solid #494949;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  padding: 0.5rem 1.5rem;
  border-radius: 2.625rem;
  font-family: var(--f-body);
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  text-transform: capitalize;
  color: #666;
  background: var(--white);
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .col-right .col-item .item-middle p {
    font-size: 0.875rem;
  }
}
main .section-careers-9 .content .col-right .col-item .item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .section-careers-9 .content .col-right .col-item .item-bottom h3 {
  flex: 1 0 0;
  display: block;
  font-family: var(--f-body);
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 2.61375rem;
  color: #000;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .col-right .col-item .item-bottom h3 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
main .section-careers-9 .content .col-right .col-item .item-bottom a {
  display: block;
}
main .section-careers-9 .content .col-right .col-item .item-bottom a svg path {
  fill: var(--orange);
}
main .section-careers-9 .content .col-right .col-item:hover {
  background-image: url("../images/cover.png");
}
main .section-careers-9 .content .col-right .col-item:hover .item-top span {
  color: var(--white);
}
main .section-careers-9 .content .col-right .col-item:hover .item-middle p {
  color: var(--orange);
  border-color: var(--white);
}
main .section-careers-9 .content .col-right .col-item:hover .item-bottom h3 {
  color: var(--white);
}
main .section-careers-9 .content .col-right .col-item:hover .item-bottom a svg path {
  fill: var(--white);
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .col-right .col-item {
    padding: 1.5rem;
  }
}
main .section-careers-9 .content .mini-text {
  text-align: center;
  margin: 5rem auto 3.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .mini-text {
    margin: 3.5rem auto;
  }
}
main .section-careers-9 .content .mini-text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: normal;
  color: #a1a1a1;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .mini-text p {
    font-size: 1rem;
  }
}
main .section-careers-9 .content .mini-text strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: normal;
  font-weight: 800;
  color: var(--orange);
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .mini-text strong {
    font-size: 1.5rem;
  }
}
main .section-careers-9 .content .mini-text button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--orange);
  border: 0;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 800;
  color: var(--white);
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-9 .content .mini-text button {
    width: 100%;
  }
}
main .section-careers-10 {
  padding: 7.75rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 {
    padding: 0 2rem;
    overflow: hidden;
    background-image: unset !important;
  }
}
main .section-careers-10 .form-start {
  position: relative;
  background: var(--white);
  padding: 3.5rem;
  width: 100%;
  max-width: 76.625rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start {
    padding: 3.5rem 0;
    max-width: 100%;
  }
}
main .section-careers-10 .form-start .col-left .form-left {
  position: relative;
  padding: 2.8rem 0 1.5625rem 3.75rem;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-left .form-left {
    padding: 1.94rem 0 1.31rem 1.19rem;
  }
}
main .section-careers-10 .form-start .col-left .form-left:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="280" height="287" viewBox="0 0 280 287" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M270.526 9.65992V44.5764V194.982C270.526 215.195 254.384 231.639 234.537 231.639H129.498H66.4765H63.6205L61.2405 233.247L9.47296 268.227V161.572V46.3152C9.47296 26.1033 25.6144 9.65992 45.463 9.65992H121.009H251.571L265.872 0.00976562H45.463H45.4552C20.3504 0.00976562 0 20.7408 0 46.3152V164.088V286.209L66.4765 241.289H234.537H234.544C259.65 241.289 280 220.559 280 194.982V165.087V44.5764V9.65992V3.27631V3.26604L270.526 9.65992Z" fill="%23F2F2F2"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-left .form-left:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="168" height="173" viewBox="0 0 168 173" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M161.947 19.7866V27.0593V117.413C161.947 129.556 152.284 139.434 140.402 139.434H77.522H39.7952H38.0855L36.6608 140.4L5.67086 161.414V97.3425V28.1039C5.67086 15.9619 15.3337 6.0838 27.2158 6.0838H72.4405H150.6L159.161 0.286621H27.2158H27.2111C12.1825 0.286621 0 12.7405 0 28.1039V98.8538V172.216L39.7952 145.231H140.402H140.406C155.436 145.231 167.618 132.778 167.618 117.413V99.4542V27.0593V19.7866V15.9518V15.9456L161.947 19.7866Z" fill="%23F2F2F2"/></svg>');
  }
}
main .section-careers-10 .form-start .col-left .form-left .title {
  position: relative;
  margin-bottom: 2.95rem;
  z-index: 2;
}
main .section-careers-10 .form-start .col-left .form-left .title h2 {
  display: block;
  color: #000;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-left .form-left .title h2 {
    font-size: 2.5rem;
    letter-spacing: -0.125rem;
  }
}
main .section-careers-10 .form-start .col-left .form-left .list-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-careers-10 .form-start .col-left .form-left .list-contact ul li {
  margin-bottom: 1.5rem;
}
main .section-careers-10 .form-start .col-left .form-left .list-contact ul li:last-child {
  margin-bottom: 0;
}
main .section-careers-10 .form-start .col-left .form-left .list-contact ul li span {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
main .section-careers-10 .form-start .col-left .form-left .list-contact ul li a {
  color: #666;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-left .form-left .list-contact ul li a {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
main .section-careers-10 .form-start .col-right {
  position: relative;
  z-index: 2;
}
main .section-careers-10 .form-start .col-right form {
  display: flex;
  flex-direction: column;
  padding-top: 5.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-right form {
    padding: 0;
  }
}
main .section-careers-10 .form-start .col-right form .f-col {
  display: flex;
  align-items: center;
  gap: 1.19rem;
  margin-bottom: 2.5rem;
}
main .section-careers-10 .form-start .col-right form .f-col:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-right form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
main .section-careers-10 .form-start .col-right form .f-col > div {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-right form .f-col > div {
    width: 100%;
    margin-bottom: 2rem;
  }
}
main .section-careers-10 .form-start .col-right form .f-col > div p {
  margin: 0;
}
main .section-careers-10 .form-start .col-right form .f-col > div p span {
  display: block;
  padding: 0;
  border-bottom: solid #ccc;
  border-width: 0 0 0.0625rem 0;
}
main .section-careers-10 .form-start .col-right form .f-col > div p span input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
main .section-careers-10 .form-start .col-right form .f-col > div p span input::-webkit-outer-spin-button, main .section-careers-10 .form-start .col-right form .f-col > div p span input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
main .section-careers-10 .form-start .col-right form .f-col > div p span ~ label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: -1.25rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
main .section-careers-10 .form-start .col-right form .f-col > div p span ~ label strong {
  display: block;
  font-size: 0.875rem;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
  margin: 0;
}
main .section-careers-10 .form-start .col-right form .f-col > div p span.has-content ~ label, main .section-careers-10 .form-start .col-right form .f-col > div p span:focus ~ label {
  top: -0.3125rem;
}
main .section-careers-10 .form-start .col-right form textarea {
  width: 100%;
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 1px solid #ccc;
  outline: 0;
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .form-start .col-right form textarea {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
  }
}
main .section-careers-10 .form-start .col-right form textarea::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-careers-10 .form-start .col-right form textarea::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-careers-10 .form-start .col-right form .upload-file {
  position: relative;
  padding: 1.5rem 2rem;
  margin: 1.5rem 0;
  border-radius: 0.125rem;
  border: 0.0625rem solid #ccc;
}
main .section-careers-10 .form-start .col-right form .upload-file .file-up {
  cursor: pointer;
}
main .section-careers-10 .form-start .col-right form .upload-file .file-up input {
  opacity: 0;
}
main .section-careers-10 .form-start .col-right form .upload-file .file-up .file-input-button .text-file {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
main .section-careers-10 .form-start .col-right form .upload-file .file-up .file-input-button .text-file svg {
  width: 1.5rem;
  height: 1.5rem;
}
main .section-careers-10 .form-start .col-right form .upload-file .file-up .file-input-button .text-file span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000;
  margin: 0;
}
main .section-careers-10 .form-start .col-right form .upload-file .file-up .file-input-button .text-file span strong {
  display: block;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--orange);
  margin: 0;
}
main .section-careers-10 .form-start .col-right form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
main .section-careers-10 .form-start .col-right form .upload-file .title-file p {
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-careers-10 .form-start .col-right form .upload-file .title-file span {
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
  font-family: var(--f-body);
  margin: 0;
}
main .section-careers-10 .form-start .col-right form .check-item {
  display: flex;
  align-items: flex-start;
  gap: 0.62rem;
  margin-bottom: 1.35rem;
}
main .section-careers-10 .form-start .col-right form .check-item:last-child {
  margin-bottom: 0;
}
main .section-careers-10 .form-start .col-right form .check-item input {
  width: 1.5rem;
  height: 1.5rem;
}
main .section-careers-10 .form-start .col-right form .check-item label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #494949;
}
main .section-careers-10 .form-start .col-right form .check-item label a {
  display: block;
  color: var(--orange);
}
main .section-careers-10 .form-start .col-right form button {
  width: 13.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 3.375rem;
  border-radius: 0.125rem;
  background: #424242;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  border: 0;
  margin: 0 0 0 auto;
  cursor: pointer;
}
main .section-careers-10 .form-start .col-right form button:hover {
  background: var(--orange);
}
main .section-careers-10 .detail-img {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  main .section-careers-10 .detail-img {
    display: none;
  }
}
main .section-detailrecruit-1 {
  padding: 6.56rem 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
main .section-detailrecruit-1 .content .title {
  text-align: center;
}
main .section-detailrecruit-1 .content .title h1 {
  display: block;
  font-family: var(--f-body);
  font-size: 6.25rem;
  line-height: 5.625rem;
  font-weight: 800;
  color: var(--white);
  text-transform: capitalize;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-1 .content .title h1 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: normal;
  }
}
main .section-detailrecruit-2 {
  margin: 2.5rem auto 8rem;
}
main .section-detailrecruit-2 .content .slide-recruit {
  padding-left: 5.3125rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-2 .content .slide-recruit {
    padding: 0;
  }
}
main .section-detailrecruit-2 .content .slide-recruit .item {
  padding: 0 0.9375rem;
}
main .section-detailrecruit-2 .content .slide-recruit .item .picture figure img {
  max-height: 31.25rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-2 .content .slide-recruit .item .picture figure img {
    height: 8.4375rem;
  }
}
main .section-detailrecruit-2 .content .slide-recruit .slick-dots {
  bottom: -4rem;
}
main .section-detailrecruit-2 .content .slide-recruit .slick-dots li {
  width: 2.375rem;
  height: 0.25rem;
  background: #f2f2f2;
  margin: 0;
}
main .section-detailrecruit-2 .content .slide-recruit .slick-dots li button:before {
  display: none;
}
main .section-detailrecruit-2 .content .slide-recruit .slick-dots li.slick-active {
  background: var(--orange);
}
main .section-detailrecruit-3 {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-3 {
    margin-bottom: 2.5rem;
  }
}
main .section-detailrecruit-3 .content {
  display: flex;
  padding: 0 5.3125rem 0 5.625rem;
  gap: 8rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-3 .content {
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0.5rem 2rem 0 2rem;
  }
}
main .section-detailrecruit-3 .content .col-left {
  flex: 1 0 0;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-3 .content .col-left {
    width: 100%;
    order: 2;
  }
}
main .section-detailrecruit-3 .content .col-left span {
  margin: 0 0 0.5rem;
}
main .section-detailrecruit-3 .content .col-left .line-text {
  padding-left: 0.9375rem;
  margin-bottom: 3rem;
}
main .section-detailrecruit-3 .content .col-left .line-text h4 {
  margin: 0 0 0.5rem;
}
main .section-detailrecruit-3 .content .col-left .line-text p {
  margin-bottom: 0.5rem;
}
main .section-detailrecruit-3 .content .col-left .line-text ul li,
main .section-detailrecruit-3 .content .col-left .line-text ol li {
  margin-bottom: 0.5rem;
}
main .section-detailrecruit-3 .content .col-right {
  width: 16.9375rem;
}
@media only screen and (max-width: 1199px) {
  main .section-detailrecruit-3 .content .col-right {
    width: 100%;
    order: 1;
  }
}
main .section-detailrecruit-3 .content .col-right .sidebar-right {
  position: sticky;
  top: 2rem;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: normal;
  font-weight: 700;
  text-transform: capitalize;
  color: #494949;
  padding-bottom: 1.5rem;
  margin: 0 0 1.5rem;
  border-bottom: 0.0625rem solid #ccc;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.info {
  margin-bottom: 1.5rem;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.info li {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  margin-bottom: 1rem;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.info li:last-child {
  margin-bottom: 0;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.info li span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: normal;
  font-weight: 400;
  color: #494949;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.info li span:first-child {
  font-weight: 700;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.social {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.social li {
  margin: 0;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.social li a {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 800;
  color: #a1a1a1;
}
main .section-detailrecruit-3 .content .col-right .sidebar-right ul.social li a:hover {
  color: var(--orange);
}
main .section-detailrecruit-3 .content .col-right .sidebar-right .apply-recruit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  padding: 1rem 1.5rem;
  background: var(--orange);
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}
main .section-reel-2 {
  background: #faf6e8;
  padding-bottom: 7.75rem;
}
main .section-reel-2 .content .breadcumb {
  padding: 2rem 0 0.5rem;
}
main .section-reel-2 .content .breadcumb .list-link {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
main .section-reel-2 .content .breadcumb .list-link span {
  position: relative;
  display: block;
  margin: 0;
}
main .section-reel-2 .content .breadcumb .list-link span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.9375rem;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #a1a1a1;
}
main .section-reel-2 .content .breadcumb .list-link span a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: #333;
  text-decoration: underline;
  text-transform: uppercase;
  margin: 0;
}
main .section-reel-2 .content .breadcumb .list-link span:first-child:after {
  display: none;
}
main .section-reel-2 .content .breadcumb .list-link span:last-child a {
  color: #a1a1a1;
  text-decoration: unset;
}
main .section-reel-2 .content .title {
  position: relative;
  padding-bottom: 1.5rem;
  margin-bottom: 3.75rem;
}
main .section-reel-2 .content .title:after {
  content: "";
  position: absolute;
  width: 48.0625rem;
  height: 0.0625rem;
  background: #ccc;
  left: 0;
  bottom: 0;
}
main .section-reel-2 .content .title h1 {
  display: inline-block;
  font-family: var(--f-mixtape);
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 400;
  text-transform: capitalize;
  color: #333;
  margin: 0 0 0.5rem;
}
main .section-reel-2 .content .title p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  font-weight: 400;
  color: #333;
  margin: 0;
}
main .section-reel-2 .content .reel-content iframe {
  display: block;
  margin: 0 auto 1.88rem;
}
main .section-reel-2 .content .reel-content p {
  display: block;
  width: 41.25rem;
  font-family: var(--f-body);
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  font-weight: 400;
  color: #333;
  margin: 1.25rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-reel-2 .content .reel-content p {
    width: 100%;
  }
}
main .section-reel-2 .content .reel-content p img {
  display: block;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 2.14rem auto;
}
main .section-reel-2 .content .author {
  width: 41.25rem;
  border-left: 0.3125rem solid #ff6c13;
  padding-left: 1.56rem;
  margin: 4.76rem auto 0;
}
main .section-reel-2 .content .author ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-reel-2 .content .author ul li {
  display: flex;
  align-items: center;
  gap: 0.86rem;
}
main .section-reel-2 .content .author ul li span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
  color: #333;
  margin: 0;
}
main .section-reel-4 {
  background: #faf6e8;
}
main .section-reel-4 .content .single-video .list-video {
  padding-top: 2rem;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide {
  width: 16.6667%;
  padding: 0 0.94rem;
}
@media only screen and (max-width: 1199px) {
  main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide {
    width: 100%;
  }
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .picture {
  position: relative;
  display: block;
  width: 100%;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 152.941176472%;
  border-radius: 0.5rem;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  transition: all 0.3s;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .picture .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .desc {
  margin-top: 1rem;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .desc h3 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: 600;
  letter-spacing: -0.02rem;
  margin: 0 0 0.25rem;
  color: #333;
}
main .section-reel-4 .content .single-video .list-video .listvideo-flicky .flicky-slide .item .desc span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 300;
  color: #666;
  margin: 0;
}
main .section-reel-4 .content .mini-map {
  padding: 2rem 0;
}
main .section-reel-4 .content .mini-map iframe {
  width: 100%;
  height: 18.75rem;
}
main .section-reel-4 .content .tag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.5rem 0;
}
main .section-reel-4 .content .tag .left ul {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
main .section-reel-4 .content .tag .left ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  background: var(--white);
}
main .section-reel-4 .content .tag .left ul li a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.75rem;
  line-height: normal;
  font-weight: 400;
  color: #333;
}
main .section-reel-4 .content .tag .right time {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: right;
  color: #a1a1a1;
}
main .section-reel-5 {
  background: #faf6e8;
  padding: 2rem 0 5.5rem;
}
main .section-reel-5 .title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid #333;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  main .section-reel-5 .title {
    display: block;
  }
}
main .section-reel-5 .title h2 {
  display: inline-block;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #333;
}
main .section-reel-5 .title a {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: #666;
}
main .section-reel-5 .list-relate .col-item .magazine .picture {
  display: block;
  width: 22.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-reel-5 .list-relate .col-item .magazine .picture {
    width: 100%;
  }
}
main .section-reel-5 .list-relate .col-item .magazine .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 69.444444444%;
}
main .section-reel-5 .list-relate .col-item .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
}
main .section-reel-5 .list-relate .col-item .magazine .picture figure img:hover {
  transform: scale(1.1, 1.1);
}
main .section-reel-5 .list-relate .col-item .magazine .desc {
  padding-bottom: 1rem;
  border-bottom: 0.3125rem solid #ccc;
  margin: 0.5rem auto 0;
}
main .section-reel-5 .list-relate .col-item .magazine .desc .cate {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
  color: #a1a1a1;
  margin-bottom: 0.25rem;
}
main .section-reel-5 .list-relate .col-item .magazine .desc h3 {
  font-family: var(--f-body);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 4rem;
  margin: 0;
}
main .section-reel-5 .list-relate .col-item .magazine .desc h3 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
main .section-reel-5 .list-relate .col-item .magazine .desc:hover {
  border-color: #514593;
}
main .section-reel-5 .list-relate .col-item .magazine .desc:hover h3 {
  color: #514593;
}
main .searching-section-1 {
  padding: 3.5rem 0 5rem;
}
main .searching-section-1 .content h4 {
  display: block;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #666;
  margin: 0 auto;
}
main .searching-section-1 .content .col-item {
  margin-bottom: 1.87rem;
}
main .searching-section-1 .content .col-item .magazine .picture {
  display: block;
  width: 100%;
}
main .searching-section-1 .content .col-item .magazine .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 68.378378378%;
}
main .searching-section-1 .content .col-item .magazine .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
}
main .searching-section-1 .content .col-item .magazine .desc {
  margin-top: 1rem;
}
main .searching-section-1 .content .col-item .magazine .desc h3 {
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 700;
  color: #333;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  min-height: 3.75rem;
  margin: 0 0 1rem 0;
}
main .searching-section-1 .content .col-item .magazine .desc h3 a {
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
main .searching-section-1 .content .col-item .magazine .desc .v-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
main .searching-section-1 .content .col-item .magazine .desc .v-card .author {
  display: flex;
  align-items: center;
  gap: 0.56rem;
}
main .searching-section-1 .content .col-item .magazine .desc .v-card .author img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
main .searching-section-1 .content .col-item .magazine .desc .v-card .author span {
  display: block;
  flex: 1 0 0;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: #3f3f3f;
  margin: 0;
}
main .searching-section-1 .content .col-item .magazine .desc .v-card time {
  display: block;
  font-family: var(--f-second);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #666;
  margin: 0;
}
main .searching-section-1 .content .readmore {
  width: 10.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  color: #333;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  padding-bottom: 0.45rem;
  border-bottom: 0.1165rem solid #666;
  margin: 0 auto;
}
main .section-about-1 {
  padding: 7.94rem 0 1.61rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content {
    display: flex;
    flex-direction: column;
  }
}
main .section-about-1 .content .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .title {
    display: block;
    order: 2;
    margin-bottom: 0;
  }
}
main .section-about-1 .content .title .title-left {
  width: 45%;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .title .title-left {
    display: none;
  }
}
main .section-about-1 .content .title .title-left h1 {
  display: inline-block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 6.25rem;
  font-weight: 800;
  line-height: 5.625rem;
  text-transform: capitalize;
  margin: 0;
}
main .section-about-1 .content .title .title-right {
  width: 55%;
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .title .title-right {
    width: 100%;
  }
}
main .section-about-1 .content .title .title-right .shape {
  border-right: solid 2.5rem transparent;
  border-top: solid 1.675rem #ffd93a;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .title .title-right .shape {
    display: none;
  }
}
main .section-about-1 .content .title .title-right .text .sub-title {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 2.25rem;
  letter-spacing: -0.0875rem;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .title .title-right .text .sub-title {
    font-size: 2rem;
    font-weight: 300;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
  }
}
main .section-about-1 .content .title .title-right .text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
main .section-about-1 .content .title .title-right .text span p {
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .title .title-right .text span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
main .section-about-1 .content .breabcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-1 .content .breabcrumb {
    order: 1;
    margin-bottom: 3.5rem;
  }
}
main .section-about-1 .content .breabcrumb span {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-about-1 .content .breabcrumb span a {
  display: block;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0625rem;
  margin: 0;
}
main .section-about-1 .content .breabcrumb span:last-child {
  font-weight: 800;
}
main .section-about-1 .content .breabcrumb span:last-child a {
  font-weight: 800;
}
main .section-about-2 {
  position: relative;
  padding: 4.06rem 0 15.56rem;
}
@media only screen and (max-width: 767px) {
  main .section-about-2 {
    padding: 3.5rem 0 2.5rem;
  }
}
main .section-about-2:before {
  content: "";
  position: absolute;
  top: 5.19rem;
  right: 50%;
  transform: translateX(50%);
  border-top: 0 solid transparent;
  border-left: 40.625rem solid #f2f2f2;
  border-bottom: 33.375rem solid transparent;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  main .section-about-2:before {
    top: 7.5rem;
    right: 13.13rem;
    border-left: 38.625rem solid #f2f2f2;
    border-bottom: 30.375rem solid transparent;
    transform: none;
  }
}
@media only screen and (max-width: 1440px) {
  main .section-about-2:before {
    top: 9.94rem;
    right: 13.13rem;
    transform: none;
  }
}
@media only screen and (max-width: 1199px) {
  main .section-about-2:before {
    border-left: 42.625rem solid #f2f2f2;
    border-bottom: 22.375rem solid transparent;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-2:before {
    top: 35%;
    border-left: 50.625rem solid #f2f2f2;
    border-bottom: 30.375rem solid transparent;
  }
}
main .section-about-2 .content {
  position: relative;
  z-index: 2;
}
main .section-about-2 .content .title-tab {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  list-style: none;
  margin: 0 0 9.44rem;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-2 .content .title-tab {
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 0.625rem 0;
    margin: 0 0 1rem 0;
  }
}
main .section-about-2 .content .title-tab li {
  position: relative;
  padding-left: 1.62rem;
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: #666;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-about-2 .content .title-tab li {
    white-space: pre;
  }
}
main .section-about-2 .content .title-tab li:before {
  content: "";
  border-right: solid 1rem transparent;
  border-top: solid 0.676875rem transparent;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
main .section-about-2 .content .title-tab li.active {
  color: var(--green);
}
main .section-about-2 .content .title-tab li.active:before {
  border-top-color: rgb(51, 172, 111);
}
main .section-about-2 .content .content-tab .item-tab .short p {
  display: block;
  font-family: var(--f-body);
  font-size: 2.125rem;
  line-height: normal;
  font-weight: 300;
  color: #666;
  margin: 0;
  max-width: 80%;
}
@media only screen and (max-width: 1199px) {
  main .section-about-2 .content .content-tab .item-tab .short p {
    max-width: 100%;
    font-size: 1.6875rem;
    line-height: 2.625rem;
  }
}
main .section-about-3 {
  margin-bottom: 6.31rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 {
    background: var(--green);
    margin-bottom: 0;
  }
}
main .section-about-3 .core-content {
  display: flex;
  gap: 4.0625rem;
  background-color: var(--green);
  padding: 4rem 2rem;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .core-content {
    display: block;
    padding: 1rem 0 2.5rem 0;
  }
}
main .section-about-3 .core-content .nav-pills {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: column;
  padding: 0 2.1875rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .core-content .nav-pills {
    width: 100%;
  }
}
main .section-about-3 .core-content .nav-pills .nav-link {
  position: relative;
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: 800;
  line-height: 2.5rem;
  letter-spacing: -0.05356rem;
  padding: 0.5rem 0;
  border-bottom: 0.0625rem solid #d8d8d8;
  color: #a3e1d0;
  background: transparent;
  border-radius: 0;
  text-align: left;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .core-content .nav-pills .nav-link {
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
}
main .section-about-3 .core-content .nav-pills .nav-link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2.1875rem;
  transform: translateY(-50%);
  border-right: solid 1.5rem transparent;
  border-top: solid 0.99369rem transparent;
  z-index: 2;
}
main .section-about-3 .core-content .nav-pills .nav-link.active {
  color: #ffe63b;
}
main .section-about-3 .core-content .nav-pills .nav-link.active:before {
  border-top-color: #ffe63b;
}
main .section-about-3 .core-content .tab-content {
  width: 55%;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .core-content .tab-content {
    width: 100%;
    margin-top: 2rem;
  }
}
main .section-about-3 .core-content .tab-content p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: #ffe63b;
  margin: 0 0 0.75rem;
}
main .section-about-3 .core-content .tab-content .tab-pane {
  display: none;
  opacity: 0;
  visibility: hidden;
  font-family: var(--f-body);
  font-size: 1.375rem;
  line-height: 1.5625rem;
  font-weight: 300;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .core-content .tab-content .tab-pane {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
main .section-about-3 .core-content .tab-content .tab-pane.show, main .section-about-3 .core-content .tab-content .tab-pane.active {
  opacity: 1;
  display: block;
  visibility: visible;
}
main .section-about-3 .core-content .tab-content .progress {
  background-color: #a3e1d0;
  height: 0.25rem;
  width: 100%;
  border-radius: 0;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 100%;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-3 .core-content .tab-content .progress {
    display: none;
  }
}
main .section-about-3 .core-content .tab-content .progress .progress-1 {
  width: 25%;
  height: 0.25rem;
}
main .section-about-4 {
  background: #f2f2f2;
  padding: 3.25rem 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 {
    padding: 1rem 0;
  }
}
main .section-about-4 .marketing-content .title {
  margin-bottom: 2.5rem;
}
main .section-about-4 .marketing-content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.625rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #a1a1a1;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .marketing-content .title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
main .section-about-4 .marketing-content .title span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 300;
  color: #a1a1a1;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .marketing-content .title span {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
main .section-about-4 .marketing-content .table-marketing {
  display: flex;
  margin: 0 -0.94rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .marketing-content .table-marketing {
    display: block;
    margin: 0 auto;
  }
}
main .section-about-4 .marketing-content .table-marketing .col-item {
  width: 20%;
  padding: 0 0.94rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .marketing-content .table-marketing .col-item {
    width: 100%;
    padding: 0;
    margin-bottom: 1.5rem;
  }
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .name {
  margin-bottom: 2.62rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .marketing-content .table-marketing .col-item .item .name {
    margin-bottom: 1.5rem;
  }
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .name h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-weight: 800;
  letter-spacing: -0.05356rem;
  color: #333;
  margin: 0 0 0.5rem;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .name span {
  display: block;
  color: #666;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 300;
  margin: 0;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option {
  border-top: 0.1875rem solid #333;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul li {
  position: relative;
  border-bottom: 0.0625rem solid #ccc;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul li a {
  width: 80%;
  display: block;
  padding: 0.5rem 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 300;
  color: #333;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul li a:after {
  content: "";
  border-right: solid 1rem transparent;
  border-top: solid 0.66244rem transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul li:hover {
  background: var(--green);
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul li:hover a {
  color: #ffe63b;
  padding: 0.5rem;
  font-weight: 800;
}
main .section-about-4 .marketing-content .table-marketing .col-item .item .list-option ul li:hover a:after {
  border-top-color: #ffe63b;
}
main .section-about-4 .modal .modal-dialog {
  max-width: 100%;
  width: calc(100% - 11rem);
  margin: 1.69rem auto;
  pointer-events: unset;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .modal .modal-dialog {
    width: 100%;
  }
}
main .section-about-4 .modal .modal-dialog .close-quickview {
  background: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  position: fixed;
  top: 1.25rem;
  right: 2.25rem;
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .modal .modal-dialog .close-quickview {
    top: 0.25rem;
    right: 0.25rem;
  }
}
main .section-about-4 .modal .modal-dialog .main-title {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
main .section-about-4 .modal .modal-dialog .main-title .logo {
  width: 3rem;
}
main .section-about-4 .modal .modal-dialog .main-title .logo a {
  display: block;
  width: 100%;
}
main .section-about-4 .modal .modal-dialog .main-title .info h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: var(--white);
  margin: 0 0 0.25rem 0;
}
main .section-about-4 .modal .modal-dialog .main-title .info span {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: var(--white);
  margin: 0;
}
main .section-about-4 .modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt {
  position: absolute;
  display: block;
  height: 100%;
  right: -4.37rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt {
    right: -4rem;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt {
    right: 0.9375rem;
  }
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt {
  position: sticky;
  top: 5rem;
  width: 2.5rem;
  transition: opacity 0.15s linear;
  will-change: opacity;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt {
    top: 75%;
  }
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt {
  text-align: center;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  border: 0.0625rem solid #e9e9f2;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 400;
  color: var(--white);
  margin: 0.25rem auto 0;
}
@media only screen and (max-width: 767px) {
  main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt span {
    display: none;
  }
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt:last-child {
  margin-top: 1rem;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .advand-bnt .morther-bnt .item-bnt:last-child button {
  background: var(--red);
  border-color: var(--red);
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content {
  max-width: 48.0625rem;
  width: 100%;
  margin: 3.5rem auto 0;
  padding-bottom: 5rem;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .title h1 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: capitalize;
  font-weight: 800;
  color: #333;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #ccc;
  margin: 0 0 1.5rem;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .content {
  font-family: var(--f-body);
  color: #333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .content p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 300;
  color: #333;
  margin-bottom: 2rem;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .content p:last-child {
  margin-bottom: 0;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .content img {
  margin: 2rem auto;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content .content figcaption {
  display: block;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 200;
  font-style: italic;
  color: #333;
  margin-bottom: 2rem;
}
main .section-about-4 .modal .modal-dialog .modal-content .quickview-popup .quick-content .col-content .detail-content button {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.1875rem;
  font-weight: 800;
  color: #ffe63b;
  background: var(--green);
  border: 0;
  padding: 1rem;
}
main .section-about-5 {
  margin: 5rem auto;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 {
    margin: 1rem auto;
  }
}
main .section-about-5 .content .title {
  margin-bottom: 5.06rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .title {
    margin-bottom: 2rem;
  }
}
main .section-about-5 .content .title .col-left span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: normal;
  font-weight: 300;
  color: #666;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .title .col-left span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
main .section-about-5 .content .title .col-left h2 {
  display: block;
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 3.625rem;
  text-transform: capitalize;
  font-family: var(--f-body);
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .title .col-left h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 0 0 1rem 0;
  }
}
main .section-about-5 .content .title .col-right p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .title .col-right p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
main .section-about-5 .content .slide-chaser {
  position: relative;
}
main .section-about-5 .content .slide-chaser .flicky-chaser {
  padding-bottom: 2rem;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide {
  width: 33.3333%;
}
@media only screen and (max-width: 991px) {
  main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide {
    width: 100%;
  }
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item {
  max-width: 16.875rem;
  width: 100%;
  margin: 0 auto;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .picture {
  display: block;
  width: 100%;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 100%;
  width: 100%;
  height: 0;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="270" height="270" viewBox="0 0 270 270" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M256.377 0H43.8394H43.8318C19.6236 0 0 19.5577 0 43.6845V154.791V270L64.1023 227.622H226.161C250.376 227.622 270 208.066 270 183.937V0H256.377Z" fill="white"/></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .desc {
  text-align: center;
  margin-top: 1rem;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .desc h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-weight: 800;
  letter-spacing: -0.05356rem;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .desc h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: normal;
  }
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flicky-slide .item .desc span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 300;
  color: #333;
  margin: 0;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flickity-button {
  padding: 0;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flickity-button.previous {
  left: -0.9375rem;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flickity-button.next {
  right: -0.9375rem;
}
main .section-about-5 .content .slide-chaser .flicky-chaser .flickity-page-dots {
  bottom: 0;
}
main .section-about-5 .content .chaser-text {
  text-align: center;
  max-width: 80%;
  margin: 1.5rem auto 5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .chaser-text {
    max-width: 100%;
    margin: 2.5rem auto;
  }
}
main .section-about-5 .content .chaser-text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  font-weight: 300;
  line-height: normal;
  color: #a1a1a1;
  margin: 0 auto 0.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .chaser-text p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
main .section-about-5 .content .chaser-text span {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: normal;
  font-weight: 800;
  color: #00af7f;
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .chaser-text span {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
main .section-about-5 .content .chaser-text a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 800;
  color: #ffe63b;
  background: var(--green);
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-about-5 .content .chaser-text a {
    width: 100%;
    padding: 1.5rem;
  }
}
main .section-about-6 .content {
  position: relative;
}
main .section-about-6 .content .title {
  padding-bottom: 1.63rem;
  margin-bottom: 2.5rem;
  border-bottom: 0.0625rem solid #ccc;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .title {
    padding: 0;
    border: 0;
    margin-bottom: 1rem;
  }
}
main .section-about-6 .content .title h2 {
  display: block;
  font-family: var(--f-body);
  font-size: 3.125rem;
  line-height: 3.625rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #333;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .title h2 {
    text-align: center;
    margin: 0 auto;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #a1a1a1;
  }
}
main .section-about-6 .content .content-meet {
  display: flex;
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .content-meet {
    display: block;
  }
}
main .section-about-6 .content .content-meet .slide-meet {
  width: 80%;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .content-meet .slide-meet {
    width: 100%;
  }
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper {
  position: unset;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide {
  width: 100%;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide .flick-row {
  display: flex;
  flex-wrap: wrap;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide .flick-row .flicky-item {
  flex: 0 0 auto;
  width: 25%;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide .flick-row .flicky-item .item {
  display: block;
  width: 100%;
  background: var(--white);
  padding: 1rem;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide .flick-row .flicky-item .item figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 64.102564102%;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide .flick-row .flicky-item .item figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
  object-fit: contain;
  mix-blend-mode: luminosity;
  opacity: 0.5;
  cursor: pointer;
}
main .section-about-6 .content .content-meet .slide-meet .flicky-wrapper .flicky-slide .flick-row .flicky-item .item figure img:hover {
  opacity: 1;
  mix-blend-mode: unset;
}
main .section-about-6 .content .content-meet .slide-meet .flickity-button {
  top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.0625rem solid #666;
  padding: 0;
  border-radius: 0;
  outline: 0;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .content-meet .slide-meet .flickity-button {
    width: auto;
    height: auto;
    border: 0;
    top: 50%;
  }
}
main .section-about-6 .content .content-meet .slide-meet .flickity-button .flickity-button-icon {
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
}
main .section-about-6 .content .content-meet .slide-meet .previous {
  left: auto;
  right: 3.75rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .content-meet .slide-meet .previous {
    right: auto;
    left: 0;
  }
}
main .section-about-6 .content .content-meet .slide-meet .next {
  right: 0;
}
main .section-about-6 .content .content-meet .advand-bnt {
  width: 20%;
  align-self: center;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .content .content-meet .advand-bnt {
    width: 100%;
    margin-top: 0.5rem;
  }
}
main .section-about-6 .content .content-meet .advand-bnt a {
  display: block;
  text-align: center;
}
main .section-about-6 .content .content-meet .advand-bnt a span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 300;
  font-style: italic;
  color: #000;
}
main .section-about-6 .content .content-meet .advand-bnt a span:last-child {
  color: var(--green);
  font-weight: 800;
  font-size: 1.5rem;
  text-transform: uppercase;
}
main .section-about-6 .meet-text {
  padding: 5rem 0;
  text-align: center;
  background: #fbfbfb;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .meet-text {
    padding: 2.5rem 2rem;
    background: var(--green);
  }
}
main .section-about-6 .meet-text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1.875rem;
  line-height: normal;
  font-weight: 400;
  color: #333;
  margin: 0 auto 1rem;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .meet-text p {
    font-size: 1.375rem;
    line-height: 2rem;
    color: var(--white);
    margin: 0 auto 2.5rem;
  }
}
main .section-about-6 .meet-text a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.1875rem;
  font-weight: 800;
  color: var(--white);
  background: var(--green);
  padding: 1rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  main .section-about-6 .meet-text a {
    width: 100%;
    font-size: 1rem;
    line-height: 1.1875rem;
    color: #ffe63b;
    padding: 1.5rem;
    border: 0.0625rem solid var(--white);
  }
}
main .section-detail-about-1 {
  padding: 3.88rem 0;
}
main .section-detail-about-1 .col-content .detail-content .title h1 {
  display: block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: capitalize;
  font-weight: 800;
  color: #333;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #ccc;
  margin: 0 0 1.5rem;
}
main .section-detail-about-1 .col-content .detail-content .content {
  font-family: var(--f-body);
}
main .section-detail-about-1 .col-content .detail-content .content p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 300;
  color: #333;
  margin-bottom: 2rem;
}
main .section-detail-about-1 .col-content .detail-content .content p:last-child {
  margin-bottom: 0;
}
main .section-detail-about-1 .col-content .detail-content .content img {
  margin: 2rem auto;
}
main .section-detail-about-1 .col-content .detail-content .content figcaption {
  display: block;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 200;
  font-style: italic;
  color: #333;
  margin-bottom: 2rem;
}
main .section-detail-about-1 .col-content .detail-content button {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.1875rem;
  font-weight: 800;
  color: #ffe63b;
  background: var(--green);
  border: 0;
  padding: 1rem;
}
main .section-404-1 {
  padding: 13.06rem 0 17.19rem;
}
main .section-404-1 .content .picture {
  display: block;
  width: 28.88238rem;
  margin: 0 auto 0.53rem;
}
main .section-404-1 .content .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 28.884392491%;
}
main .section-404-1 .content .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-404-1 .content .text {
  text-align: center;
}
main .section-404-1 .content .text h1 {
  display: block;
  color: #333;
  text-align: center;
  font-family: var(--f-body);
  font-size: 2rem;
  font-weight: 400;
  line-height: 3.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0 auto 0.5rem;
}
main .section-404-1 .content .text p {
  display: block;
  width: 26rem;
  color: #555;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0 auto 1.5rem;
}
main .section-404-1 .content .text button {
  width: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  margin: 0 auto;
  border: 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: var(--white);
  background: var(--red);
}
main .section-404-2 {
  padding: 8.06rem 0 9.5rem;
}
main .section-404-2 .content .picture {
  display: block;
  width: 28.88238rem;
  margin: 0 auto 2.03rem;
}
main .section-404-2 .content .picture figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 49.047511111%;
}
main .section-404-2 .content .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .section-404-2 .content .text {
  text-align: center;
}
main .section-404-2 .content .text h1 {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 4rem;
  font-weight: 800;
  line-height: 3.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0 auto;
}
main .section-404-2 .content .text span {
  display: block;
  color: #333;
  text-align: center;
  font-family: var(--f-body);
  font-size: 2rem;
  font-weight: 400;
  line-height: 3.375rem;
  letter-spacing: 0.04375rem;
  text-transform: uppercase;
  margin: 0 auto 0.5rem;
}
main .section-404-2 .content .text p {
  display: block;
  color: #555;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0 auto 1.63rem;
}
main .section-404-2 .content .text p:last-child {
  margin: 0 auto;
  width: 29.375rem;
}
main .section-404-2 .content .text button {
  width: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  margin: 2.25rem auto 0;
  border: 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 800;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: var(--white);
  background: var(--red);
}
main .modal-spin .modal-dialog {
  max-width: 27.9375rem;
  margin: 35vh auto;
}
main .modal-spin .modal-dialog .modal-content {
  padding: 2.5rem;
  border: 0;
  border-radius: 1rem;
}
main .modal-spin .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: 0;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
main .modal-spin .modal-dialog .modal-content .modal-header .close-bnt {
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
main .modal-spin .modal-dialog .modal-content .modal-body {
  padding: 0;
}
main .modal-spin .modal-dialog .modal-content .modal-body .spin-text .picture {
  display: block;
  width: 8.125rem;
  margin: 0 auto 0.5rem;
}
main .modal-spin .modal-dialog .modal-content .modal-body .spin-text .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 76.923076923%;
}
main .modal-spin .modal-dialog .modal-content .modal-body .spin-text .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main .modal-spin .modal-dialog .modal-content .modal-body .spin-text p {
  display: block;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6875rem;
  color: #a1a1a1;
  margin: 0 auto 1.5rem;
}
main .modal-spin .modal-dialog .modal-content .modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: unset;
  padding: 0;
  border: 0;
}
main .modal-spin .modal-dialog .modal-content .modal-footer .bnt-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 2.625rem;
  border: 0.0625rem solid;
  margin: 0;
  width: calc(50% - 0.75rem);
  padding: 0.5rem 1.5rem;
}
main .modal-spin .modal-dialog .modal-content .modal-footer .bnt-bottom:first-child {
  color: #666;
  border-color: #a1a1a1;
  background: rgba(0, 0, 0, 0);
}
main .modal-spin .modal-dialog .modal-content .modal-footer .bnt-bottom:last-child {
  color: var(--white);
  border-color: #ff6943;
  background: #ff6943;
}
main .modal-done .modal-dialog {
  max-width: 33.8125rem;
  margin: 0 auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main .modal-done .modal-dialog .modal-content {
  padding: 1.5rem;
  border: 0;
  border-radius: 0;
}
main .modal-done .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 0;
}
main .modal-done .modal-dialog .modal-content .modal-header .close-bnt {
  border: 0;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
main .modal-done .modal-dialog .modal-content .modal-body {
  border: 0;
  padding: 0;
  margin: 2.5rem auto 3.12rem;
}
main .modal-done .modal-dialog .modal-content .modal-body .modal-text h3 {
  color: #1f1f1f;
  text-align: center;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 800;
  line-height: 4.375rem;
  letter-spacing: -0.21875rem;
  margin: 0 auto 1.5rem;
}
main .modal-done .modal-dialog .modal-content .modal-body .modal-text p {
  display: block;
  text-align: center;
  color: #555;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0 auto;
}
main .modal-done .modal-dialog .modal-content .modal-footer {
  border: 0;
  padding: 0;
  margin-bottom: 2.5rem;
}
main .modal-done .modal-dialog .modal-content .modal-footer .bottom-bnt {
  width: -moz-fit-content;
  width: fit-content;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--red);
  color: var(--neutral-white, #fff);
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin: 0 auto;
}

.form-option-2 {
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem 6.75rem;
}
.form-option-2 .content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.form-option-2 .content .form-right {
  width: 40.6875rem;
  padding: 2.5rem;
  background: var(--white);
}
.form-option-2 .content .form-right .title {
  position: relative;
  margin-bottom: 7.25rem;
}
.form-option-2 .content .form-right .title:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="153" height="156" viewBox="0 0 153 156" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M147.823 5.26006V24.2922V106.275C147.823 117.292 139.003 126.255 128.158 126.255H70.7613H36.3246H34.764L33.4635 127.132L5.1763 146.198V88.0633V25.2399C5.1763 14.2229 13.9964 5.26006 24.8423 5.26006H66.1229H137.466L145.28 0H24.8423H24.838C11.12 0 0 11.3 0 25.2399V89.4346V156L36.3246 131.515H128.158H128.161C141.88 131.515 153 120.216 153 106.275V89.9794V24.2922V5.26006V1.78051V1.77491L147.823 5.26006Z" fill="%23F2F2F2"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.form-option-2 .content .form-right .title h2 {
  display: inline-block;
  font-family: var(--f-body);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  color: #000;
  margin: 0;
  padding: 2.19rem 0 0 1.19rem;
  position: relative;
  z-index: 2;
}
.form-option-2 .content .form-right form .f-col {
  display: flex;
  align-items: center;
  gap: 1.88rem;
  margin-bottom: 1.5rem;
}
.form-option-2 .content .form-right form .f-col > div {
  position: relative;
  width: 50%;
}
.form-option-2 .content .form-right form .f-col > div:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  border-radius: 0.3125rem;
  background: #ccc;
}
.form-option-2 .content .form-right form .f-col > div input {
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0);
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding-bottom: 0.75rem;
  border: 0;
  outline: 0;
}
.form-option-2 .content .form-right form .f-col > div input::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.form-option-2 .content .form-right form .f-col > div input::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.form-option-2 .content .form-right form .f-col > div input::-webkit-outer-spin-button, .form-option-2 .content .form-right form .f-col > div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.form-option-2 .content .form-right form .f-col > div select {
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding-bottom: 0.75rem;
  outline: 0;
}
.form-option-2 .content .form-right form .f-col > div select::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.form-option-2 .content .form-right form .f-col > div select::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.form-option-2 .content .form-right form textarea {
  width: 100%;
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 0.0625rem solid #ccc;
  outline: 0;
}
.form-option-2 .content .form-right form .upload-file {
  position: relative;
  padding: 1rem 2rem;
  margin: 1.5rem 0;
  border-radius: 0.125rem;
  border: 0.0625rem solid #ccc;
}
.form-option-2 .content .form-right form .upload-file .file-up {
  cursor: pointer;
}
.form-option-2 .content .form-right form .upload-file .file-up .file-input-button .text-file {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.form-option-2 .content .form-right form .upload-file .file-up .file-input-button .text-file svg {
  width: 1.5rem;
  height: 1.5rem;
}
.form-option-2 .content .form-right form .upload-file .file-up .file-input-button .text-file span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000;
  margin: 0;
}
.form-option-2 .content .form-right form .upload-file .file-up .file-input-button .text-file span strong {
  display: block;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--orange);
  margin: 0;
}
.form-option-2 .content .form-right form .upload-file .file-up input {
  opacity: 0;
}
.form-option-2 .content .form-right form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
.form-option-2 .content .form-right form .upload-file .title-file p {
  display: block;
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin: 0;
}
.form-option-2 .content .form-right form .check-item {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  margin-bottom: 1.35rem;
}
.form-option-2 .content .form-right form .check-item input {
  width: 1.5rem;
  height: 1.5rem;
}
.form-option-2 .content .form-right form .check-item label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #494949;
}
.form-option-2 .content .form-right form .check-item label a {
  display: block;
  color: var(--orange);
}
.form-option-2 .content .form-right form .submit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  background: #666;
  color: var(--white);
  border: 0;
  padding: 1rem 3.5rem;
  margin: 0;
  cursor: pointer;
}

footer.bg-red {
  background: var(--red);
}
footer.bg-red .footer-wrapper .content .footer-top .footer-form form button {
  color: var(--red);
}
footer.bg-blue {
  background: var(--blue);
}
footer.bg-blue .footer-wrapper .content .footer-top .footer-form form button {
  color: var(--blue);
}
footer.bg-orange {
  background: var(--orange);
}
footer.bg-orange .footer-wrapper .content .footer-top .footer-form form button {
  color: var(--orange);
}
footer.bg-green {
  background: var(--green);
}
footer.bg-green .footer-wrapper .content .footer-top .footer-form form button {
  color: var(--green);
}
footer .footer-wrapper .content {
  padding: 3.5rem 0;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content {
    padding: 2rem 0;
  }
}
footer .footer-wrapper .content .footer-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 0.0625rem solid var(--white);
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content .footer-top {
    display: none;
  }
}
footer .footer-wrapper .content .footer-top .footer-logo a {
  display: block;
  width: 10.25rem;
  height: 2.4375rem;
}
footer .footer-wrapper .content .footer-top .footer-link {
  display: flex;
  gap: 3.94rem;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item ul li {
  margin-bottom: 1.5rem;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item ul li:last-child {
  margin-bottom: 0;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item ul li a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--white);
}
footer .footer-wrapper .content .footer-top .footer-link .f-item a {
  display: flex;
  align-items: flex-start;
  gap: 0.63rem;
  margin-bottom: 1.5rem;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item a:last-child {
  margin-bottom: 0;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item a svg {
  width: 1.5rem;
  height: 1.5rem;
}
footer .footer-wrapper .content .footer-top .footer-link .f-item a span {
  flex: 1;
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.68rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
footer .footer-wrapper .content .footer-top .footer-form strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: var(--white);
  margin: 0 0 1.5rem;
}
footer .footer-wrapper .content .footer-top .footer-form form {
  width: 16.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .footer-wrapper .content .footer-top .footer-form form p {
  display: flex;
  align-items: center;
  margin: 0;
  border: 0.015625rem solid var(--white);
}
footer .footer-wrapper .content .footer-top .footer-form form input {
  width: 100%;
  padding: 0 1rem;
  border: 0;
  background: transparent;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: var(--white);
  outline: 0;
}
footer .footer-wrapper .content .footer-top .footer-form form input::-moz-placeholder {
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: var(--white);
}
footer .footer-wrapper .content .footer-top .footer-form form input::placeholder {
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.375rem;
  color: var(--white);
}
footer .footer-wrapper .content .footer-top .footer-form form button {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: var(--red);
  border: 0.015625rem solid var(--white);
  background: var(--white);
  text-transform: uppercase;
}
footer .footer-wrapper .content .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content .footer-bottom {
    display: block;
  }
}
footer .footer-wrapper .content .footer-bottom .f-left {
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content .footer-bottom .f-left {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
footer .footer-wrapper .content .footer-bottom .f-left p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 300;
  color: var(--white);
  margin: 0;
}
footer .footer-wrapper .content .footer-bottom .f-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content .footer-bottom .f-mobile {
    display: block;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
footer .footer-wrapper .content .footer-bottom .f-mobile a {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--white);
}
footer .footer-wrapper .content .footer-bottom .f-right {
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content .footer-bottom .f-right {
    width: 100%;
    text-align: center;
  }
}
footer .footer-wrapper .content .footer-bottom .f-right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  footer .footer-wrapper .content .footer-bottom .f-right ul {
    justify-content: center;
  }
}
footer .footer-wrapper .content .footer-bottom .f-right ul li a {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 800;
  color: var(--white);
}
footer.footer-mixtape .footer-wrapper .content {
  padding: 3.5rem 0;
}
footer.footer-mixtape .footer-wrapper .content .footer-top {
  border-bottom: 0.0625rem solid #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-logo a {
  width: 10.75rem;
  height: 3.25rem;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-link .f-item ul li a {
  color: #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-link .f-item a span {
  color: #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-form p {
  color: #666;
  border: 0;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-form form {
  border: 0.015625rem solid #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-form form input {
  color: #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-form form input::-moz-placeholder {
  color: #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-form form input::placeholder {
  color: #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-top .footer-form form button {
  color: var(--white);
  border: 0.015625rem solid var(--red);
  background: var(--red);
}
footer.footer-mixtape .footer-wrapper .content .footer-bottom .footer-logo-mobile {
  display: none;
}
@media only screen and (max-width: 1199px) {
  footer.footer-mixtape .footer-wrapper .content .footer-bottom .footer-logo-mobile {
    display: block;
  }
}
footer.footer-mixtape .footer-wrapper .content .footer-bottom .footer-logo-mobile a {
  display: block;
  width: 10.75rem;
  margin: 0 auto 1.5rem;
}
footer.footer-mixtape .footer-wrapper .content .footer-bottom .f-left p {
  color: #666;
}
footer.footer-mixtape .footer-wrapper .content .footer-bottom .f-left .bnt-link {
  display: none;
}
@media only screen and (max-width: 1199px) {
  footer.footer-mixtape .footer-wrapper .content .footer-bottom .f-left .bnt-link {
    margin-top: 0.5rem;
    display: block;
    font-family: var(--f-body);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #666;
  }
}
footer.footer-mixtape .footer-wrapper .content .footer-bottom .f-right ul {
  gap: 0.5rem;
}
footer.footer-mixtape .footer-wrapper .content .footer-bottom .f-right ul li a {
  color: #666;
}

.backtotop {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f1f1f;
  color: var(--white);
  border: none;
  width: 3.125rem;
  height: 3.125rem;
  position: fixed;
  bottom: 5.125rem;
  right: 0.69rem;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}
@media only screen and (max-width: 1199px) {
  .backtotop {
    width: 2.5rem;
    height: 2.5rem;
    right: 1rem;
    bottom: 1.5rem;
  }
}
.backtotop.f-blue:hover {
  background: var(--blue);
}
.backtotop.show {
  opacity: 1;
  visibility: visible;
}

.start {
  position: fixed;
  top: 50%;
  right: -3.8125rem;
  z-index: 99;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  .start {
    top: auto;
    left: 50%;
    right: auto;
    bottom: 0;
    transform: translateX(-50%);
  }
}
.start button {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  border: 0;
  background: var(--red);
  padding: 1rem;
  transform: rotate(270deg);
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 800;
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .start button {
    transform: none;
  }
}

.main-popup .modal-dialog {
  max-width: 76.5625rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .main-popup .modal-dialog {
    max-width: 90%;
  }
}
.main-popup .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}
.main-popup .modal-dialog .modal-content .close-bnt {
  border: 0;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 1.87rem;
  right: 1.87rem;
  z-index: 9;
}
.main-popup .modal-dialog .modal-content .form-start {
  padding: 3.5rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start {
    overflow-y: auto;
    height: 90vh;
    padding: 2.5rem 2rem;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left {
  position: relative;
  padding: 2.8rem 0 1.5625rem 3.75rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-left .form-left {
    padding: 2.5rem 0;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="280" height="287" viewBox="0 0 280 287" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M270.526 9.65992V44.5764V194.982C270.526 215.195 254.384 231.639 234.537 231.639H129.498H66.4765H63.6205L61.2405 233.247L9.47296 268.227V161.572V46.3152C9.47296 26.1033 25.6144 9.65992 45.463 9.65992H121.009H251.571L265.872 0.00976562H45.463H45.4552C20.3504 0.00976562 0 20.7408 0 46.3152V164.088V286.209L66.4765 241.289H234.537H234.544C259.65 241.289 280 220.559 280 194.982V165.087V44.5764V9.65992V3.27631V3.26604L270.526 9.65992Z" fill="%23F2F2F2"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-left .form-left:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="168" height="172" viewBox="0 0 168 172" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M161.947 19.5V26.7727V117.127C161.947 129.269 152.284 139.147 140.402 139.147H77.522H39.7952H38.0855L36.6608 140.114L5.67086 161.127V97.0558V27.8173C5.67086 15.6753 15.3337 5.79718 27.2158 5.79718H72.4405H150.6L159.161 0H27.2158H27.2111C12.1825 0 0 12.4539 0 27.8173V98.5672V171.93L39.7952 144.945H140.402H140.406C155.436 144.945 167.618 132.491 167.618 117.127V99.1676V26.7727V19.5V15.6651V15.659L161.947 19.5Z" fill="%23F2F2F2"/></svg>');
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
  position: relative;
  margin-bottom: 5.95rem;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title {
    margin-bottom: 7.5rem;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
  display: block;
  color: #1f1f1f;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 800;
  line-height: 4.375rem;
  letter-spacing: -0.21875rem;
  margin: 0;
  max-width: 27.5rem;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
    font-size: 2.5rem;
    line-height: normal;
    letter-spacing: -0.125rem;
    margin-top: -1.25rem;
    padding-left: 0.9375rem;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul {
  list-style: none;
  /*margin: 0;*/
  padding: 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li {
  margin-bottom: 1.5rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li:last-child {
  margin-bottom: 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  color: var(--red);
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
  color: #666;
  font-family: var(--f-body);
  /*font-size: 1.25rem;*/
  font-weight: 400;
  line-height: 1.5rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right {
  padding-top: 5rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-right {
    padding-top: 0;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-right form {
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-right form {
    margin-top: 2.5rem;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col {
  display: flex;
  align-items: center;
  gap: 1.19rem;
  margin-bottom: 2.5rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div {
  position: relative;
  width: 33.3333%;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p {
  margin: 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span {
  display: block;
  padding: 0;
  border-bottom: solid #ccc;
  border-width: 0 0 0.0625rem 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span input::-webkit-outer-spin-button, .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span ~ label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: -1.25rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span ~ label strong {
  display: block;
  font-size: 0.875rem;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
  margin: 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span.has-content ~ label, .main-popup .modal-dialog .modal-content .form-start .col-right form .f-col > div p span:focus ~ label {
  top: -0.3125rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form textarea {
  width: 100%;
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 1px solid #ccc;
  outline: 0;
  margin-top: 1.5rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form textarea::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file {
  position: relative;
  background: #f2f2f2;
  padding: 1rem 2rem;
  margin: 1.5rem 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up {
  cursor: pointer;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up input {
  opacity: 0;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file {
  display: block;
  text-align: center;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file svg {
  width: 1.5rem;
  height: 1.5rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file span {
  display: block;
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .title-file p {
  display: none;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form .upload-file .title-file span {
  display: block;
  color: #000;
  text-align: center;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
}
.main-popup .modal-dialog .modal-content .form-start .col-right form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 3.375rem;
  border-radius: 0.125rem;
  background: #666;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  border: 0;
  margin: 0 0 0 auto;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  .main-popup .modal-dialog .modal-content .form-start .col-right form button {
    width: 100%;
    padding: 1rem 1.5rem;
    margin: 0 auto;
  }
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-left {
  color: var(--orange);
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form {
  padding-top: 0;
  border-top: 0;
  margin-top: 3.5rem;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .f-col > div {
  width: 100%;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .f-col > div select {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .upload-file {
  border: 0.0625rem solid #ccc;
  border-radius: 0.125rem;
  background: rgba(0, 0, 0, 0);
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file span {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000;
  margin: 0;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file span strong {
  display: block;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--orange);
  margin: 0;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .check-item {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  margin-bottom: 1.35rem;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .check-item:last-child {
  margin-bottom: 0;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .check-item input {
  width: 1.5rem;
  height: 1.5rem;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .check-item label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 400;
  line-height: normal;
  color: #494949;
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .col-right form .check-item label a {
  display: block;
  color: var(--orange);
}
.main-popup.popup-recuit .modal-dialog .modal-content .form-start .detail-img {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-recuit .modal-dialog .modal-content .form-start .detail-img {
    display: none;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start {
  position: relative;
  background: var(--white);
  padding: 3.5rem;
  width: 100%;
  max-width: 76.625rem;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start {
    overflow-y: auto;
    height: 90vh;
    padding: 2.5rem 2rem;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left {
  position: relative;
  padding: 2.8rem 0 1.5625rem 3.75rem;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left {
    padding: 2.5rem 0;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="280" height="287" viewBox="0 0 280 287" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M270.526 9.65992V44.5764V194.982C270.526 215.195 254.384 231.639 234.537 231.639H129.498H66.4765H63.6205L61.2405 233.247L9.47296 268.227V161.572V46.3152C9.47296 26.1033 25.6144 9.65992 45.463 9.65992H121.009H251.571L265.872 0.00976562H45.463H45.4552C20.3504 0.00976562 0 20.7408 0 46.3152V164.088V286.209L66.4765 241.289H234.537H234.544C259.65 241.289 280 220.559 280 194.982V165.087V44.5764V9.65992V3.27631V3.26604L270.526 9.65992Z" fill="%23F2F2F2"/></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="168" height="172" viewBox="0 0 168 172" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M161.947 19.5V26.7727V117.127C161.947 129.269 152.284 139.147 140.402 139.147H77.522H39.7952H38.0855L36.6608 140.114L5.67086 161.127V97.0558V27.8173C5.67086 15.6753 15.3337 5.79718 27.2158 5.79718H72.4405H150.6L159.161 0H27.2158H27.2111C12.1825 0 0 12.4539 0 27.8173V98.5672V171.93L39.7952 144.945H140.402H140.406C155.436 144.945 167.618 132.491 167.618 117.127V99.1676V26.7727V19.5V15.6651V15.659L161.947 19.5Z" fill="%23F2F2F2"/></svg>');
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title {
  position: relative;
  margin-bottom: 2.95rem;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title {
    margin-bottom: 4.5rem;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
  display: block;
  color: #000;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 700;
  /* line-height: normal; */
  text-transform: capitalize;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
    font-size: 2.5rem;
    line-height: normal;
    letter-spacing: -0.125rem;
    margin-top: -1.25rem;
    padding-left: 0.9375rem;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li {
  margin-bottom: 1.5rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li:last-child {
  margin-bottom: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li span {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li a {
  color: #666;
  font-family: var(--f-body);
  /*font-size: 1.25rem;*/
  font-weight: 400;
  line-height: 1.5rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right {
  position: relative;
  z-index: 2;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form {
    margin: 0;
    padding: 0;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col {
  display: flex;
  align-items: center;
  gap: 1.88rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div {
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div {
    width: 100%;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  border-radius: 0.3125rem;
  background: #ccc;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div input {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div input::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div input::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div input::-webkit-outer-spin-button, .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .f-col > div select {
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  padding-bottom: 0.75rem;
  outline: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea {
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 1px solid #ccc;
  outline: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form textarea {
    margin-top: 1.5rem;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file {
  position: relative;
  padding: 1rem 2rem;
  margin: 1.5rem 0;
  border-radius: 0.125rem;
  border: 0.0625rem solid #ccc;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up {
  cursor: pointer;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up input {
  opacity: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file svg {
  width: 1.5rem;
  height: 1.5rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000;
  margin: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .file-up .file-input-button .text-file span strong {
  display: block;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--orange);
  margin: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .title-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .title-file p {
  color: #a1a1a1;
  text-align: center;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .upload-file .title-file span {
  display: block;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  font-family: var(--f-body);
  color: var(--m-red);
  margin: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .check-item {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  margin-bottom: 1.35rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .check-item:last-child {
  margin-bottom: 0;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .check-item input {
  width: 1.5rem;
  height: 1.5rem;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .check-item label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem;
  flex: 1 0 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #494949;
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form .check-item label a {
  display: block;
  color: var(--orange);
}
.main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 3.375rem;
  border-radius: 0.125rem;
  background: #666;
  color: var(--white);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  border: 0;
  margin: 0 0 0 auto;
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .form-start .col-right form button {
    width: 100%;
    padding: 1rem 1.5rem;
    margin: 0 auto;
  }
}
.main-popup.popup-apply .modal-dialog .modal-content .detail-img {
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-apply .modal-dialog .modal-content .detail-img {
    display: none;
  }
}
.main-popup.popup-done .modal-dialog {
  max-width: 73.4375rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done {
  display: flex;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-left {
  display: block;
  width: 22.5rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-left .picture {
  display: block;
  width: 100%;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-left .picture figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 160.277777778%;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-left .picture figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right {
  flex: 1 0 0;
  padding: 3.5rem 4.75rem 1.5rem 2.5rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text h3 {
  display: block;
  font-family: var(--f-body);
  font-size: 4.0625rem;
  font-weight: 800;
  line-height: 4.375rem;
  letter-spacing: -0.21875rem;
  color: #1f1f1f;
  margin: 0 0 1rem 0;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text p {
  display: block;
  font-family: var(--f-body);
  font-size: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #555;
  margin: 0;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text .list-contact {
  margin-top: 2.5rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text .list-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text .list-contact ul li {
  margin-bottom: 1.5rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text .list-contact ul li span {
  display: block;
  color: var(--orange);
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text .list-contact ul li a {
  display: block;
  color: #666;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.main-popup.popup-done .modal-dialog .modal-content .form-done .col-right .text .close-bnt-1 {
  position: absolute;
  right: 1.5rem;
  bottom: 2.5rem;
  border: 0;
  padding: 1rem 2.5rem;
  background: var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  color: var(--white);
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li span, .main-popup.apply-carees .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li span {
  color: var(--orange);
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col {
    display: block;
    margin-bottom: 0;
  }
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div {
  position: relative;
  width: 33.3333%;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0);
  color: #1a1a1a;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  outline: 0;
  margin: 0;
  border: 0;
  padding: 0;
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input::-webkit-outer-spin-button, .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input ~ label {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  position: absolute;
  left: 0;
  width: 100%;
  top: -1.25rem;
  transition: 0.3s;
  letter-spacing: 0.03125rem;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #a1a1a1;
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input ~ label span {
  display: block;
  font-size: 0.875rem;
  font-family: var(--f-body);
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--red);
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input.has-content ~ label, .main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form .f-col > div input:focus ~ label {
  top: -0.3125rem;
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form textarea {
  width: 100%;
  padding: 0.66rem 0.81rem 0 0.62rem;
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 0.125rem;
  border: 1px solid #ccc;
  outline: 0;
  margin-top: 1.5rem;
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form textarea::-moz-placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup.popup-works .modal-dialog .modal-content .form-start .col-right form textarea::placeholder {
  color: #a1a1a1;
  font-family: var(--f-body);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
}
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li span {
  color: var(--blue);
}
.main-popup.popup-green .modal-dialog .modal-content .form-start .col-left .form-left .list-contact ul li span {
  color: var(--green);
}
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
  font-family: var(--f-body);
  color: #1f1f1f;
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 3.875rem;
  letter-spacing: -0.0625rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-news .modal-dialog .modal-content .form-start .col-left .form-left .title h2 {
    font-size: 2.5rem;
    line-height: normal;
    letter-spacing: -0.125rem;
    margin-top: -1.25rem;
    padding-left: 0.9375rem;
  }
}
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form {
  position: relative;
  margin-top: 2.5rem;
  padding-top: 0rem;
}
@media only screen and (max-width: 1199px) {
  .main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form {
    margin-top: 2.5rem;
  }
}
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.31944rem;
  background: #333;
}
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form .f-col > div {
  width: 100%;
}
.main-popup.popup-news .modal-dialog .modal-content .form-start .col-right form .f-col.checkbox-news {
  margin-bottom: 1.5rem;
}

.chat-messenger {
  position: fixed;
  right: 0.65rem;
  bottom: 0.65rem;
}
.chat-messenger .chat-wrapper {
  display: none;
  transition: all 0.3s ease-in-out;
  background: var(--white);
  padding: 2rem 1.5rem;
  width: 19.75rem;
  margin: 0 0 0 auto;
}
.chat-messenger .chat-wrapper .chat-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.35rem;
}
.chat-messenger .chat-wrapper .chat-top .top-left .logo {
  display: block;
  width: 2.5rem;
}
.chat-messenger .chat-wrapper .chat-top .top-left .logo figure {
  display: block;
}
.chat-messenger .chat-wrapper .chat-top .top-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.chat-messenger .chat-wrapper .chat-top .top-right .bnt-chat {
  border: 0;
  background: rgba(0, 0, 0, 0);
}
.chat-messenger .chat-wrapper .chat-top .top-right .bnt-chat svg {
  width: 1.5rem;
  height: 1.5rem;
}
.chat-messenger .chat-wrapper .chat-midlle {
  margin-bottom: 1.55rem;
}
.chat-messenger .chat-wrapper .chat-midlle .text {
  width: 10rem;
  margin: 0;
  position: absolute;
  right: 0;
}
.chat-messenger .chat-wrapper .chat-midlle .text strong {
  display: block;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: 0.5rem;
  color: #494949;
}
.chat-messenger .chat-wrapper .chat-midlle .text p {
  display: block;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 400;
  color: #666;
  margin: 0;
}
.chat-messenger .chat-wrapper .chat-midlle button {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--white);
  background: var(--red);
  border-radius: 1rem;
  border: 0;
  z-index: 1;
}
.chat-messenger .chat-wrapper .chat-midlle .abso-img {
  display: block;
  width: 12.875rem;
  margin: 0 0 -2.1875rem -0.9375rem;
  pointer-events: none;
}
.chat-messenger .chat-wrapper .chat-midlle .abso-img figure {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 95.631067961%;
}
.chat-messenger .chat-wrapper .chat-midlle .abso-img figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chat-messenger .chat-wrapper .chat-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.chat-messenger .chat-wrapper .chat-bottom .icon {
  width: 1.125rem;
}
.chat-messenger .chat-wrapper .chat-bottom span {
  display: block;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: #666;
  margin: 0;
}
.chat-messenger .chat-wrapper.open {
  display: block;
}
.chat-messenger .minimize-chat {
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
}
.chat-messenger .minimize-chat.clicked {
  display: none;
}

.pp-mixtape .modal-dialog {
  max-width: 28.5625rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}
.pp-mixtape .modal-dialog .modal-content {
  border: 0;
  border-radius: 0.5rem;
}
.pp-mixtape .modal-dialog .modal-content .modal-body {
  padding: 2rem 2.5rem;
  border-radius: 0.5rem;
  background: #f8f3ec;
  box-shadow: 4px 4px 0px 0px #fec956;
}
.pp-mixtape .modal-dialog .modal-content .modal-body .mix-pop {
  text-align: center;
}
.pp-mixtape .modal-dialog .modal-content .modal-body .mix-pop .picture {
  margin: 0 auto 1.5rem;
}
.pp-mixtape .modal-dialog .modal-content .modal-body .mix-pop .text h4 {
  display: block;
  color: #333;
  text-align: center;
  font-family: var(--f-mixtape);
  font-size: 2.125rem;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto 0.5rem;
}
.pp-mixtape .modal-dialog .modal-content .modal-body .mix-pop .text p {
  display: block;
  color: #333;
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2.1rem;
  margin: 0 auto 1.5rem;
}
.pp-mixtape .modal-dialog .modal-content .modal-body .mix-pop .text button {
  text-align: center;
  padding: 0.5rem 1rem;
  color: #fec956;
  font-family: var(--f-mixtape);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.51875rem;
  letter-spacing: 0.01125rem;
  text-transform: uppercase;
  border-radius: 0.5rem;
  background: #c33d2e;
  box-shadow: 0.25rem 0.25rem 0 0 #fec956;
  cursor: pointer;
  border: 0;
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content.mini-popup {
  width: 100%;
  max-width: 28.5625rem;
  height: 18.1875rem;
  border-radius: 0.5rem;
  background: #f8f3ec;
  box-shadow: 4px 4px 0px 0px #fec956;
  padding: 2rem 2.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content.mini-popup .popup-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content.mini-popup .fancybox-button {
  color: var(--white);
}/*# sourceMappingURL=custom.css.map */