::-webkit-scrollbar {
  width: 5px;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: #1a1b3321;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #D9D9D9CC, #737373CC);
  background-clip: content-box;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #222;
}

body,
html {
  margin: 0;
  padding: 0;
  font-family: 'Bw Modelica', sans-serif;
  background-color: #191A33;
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-size: 15px;
  color: #fff;
  font-family: 'Bw Modelica', sans-serif;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  transition: 0.3s ease-in-out !important;
}

a:hover {
  text-decoration: none;
  transition: 0.2s ease-in-out !important;
}

p {
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
  font-family: 'Bw Modelica', sans-serif;
}

input:focus,
textarea:focus {
  outline: 0;
  box-shadow: none !important;
}

button {
  border: none;
}

button:focus {
  outline: 0;
}

#content {
  display: none;
}

#loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #191A33;
  display: flex;
  align-items: center;
  justify-content: center;
}

#loader img {
  width: 15vw;
}

.home-sec {
  width: 100vw;
  height: 100vh;
  background-image: url('../img/bg/home-bg.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.531vw;
  animation: fade-out 1.8s ease-out forwards;
}

@keyframes fade-out {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  30% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.head {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 2.656vw 3.49vw 0 3.49vw;
}

.head img {
  animation: slide-in-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}

@keyframes slide-in-fwd-center {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.home-sec .cover {
  display: flex;
  align-items: start;
  justify-content: center;
}

.home-sec .cover img {
  animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.range-sec {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../img/bg/type-range-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100vw;
  animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.range-content {
  width: 49.74vw;
  margin-left: 3.49vw;
  margin-top: 1.198vw;
}

.range-content .range-content-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-bottom: 1.563vw;
  border-bottom: 0.208vw solid #D9D9D9;
  margin-bottom: 3.333vw;
}

.range-content h2 {
  font-size: 2.133vw;
  font-weight: 500;
  width: 35.07vw;
  white-space: nowrap;
  letter-spacing: -0.00111vw;
  line-height: 1;
}

.range-content .page-button {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  gap: 1.042vw;
  margin-bottom: 1.198vw;
}

.range-content .page-button a {
  display: flex;
  align-items: center;
  width: 11.667vw;
  font-size: 1.146vw;
  line-height: 1;
  font-weight: 400;
  background-color: #141426;
  padding: 0.313vw 0.99vw;
  border-radius: 0 0 2.083vw 0;
}

.range-content .page-button img {
  margin-left: 0.521vw;
  transition: all 0.3s;
}

.range-content .page-button a:nth-child(1):hover,
.range-content .page-button a:nth-child(1):active {
  background-color: #E921FF;
}

.range-content .page-button a:nth-child(2):hover,
.range-content .page-button a:nth-child(2):active {
  background-color: #72BF4D;
}

.range-content .page-button a:nth-child(3):hover,
.range-content .page-button a:nth-child(3):active {
  background-color: #72BF4D;
}

.range-content .page-button a:nth-child(1):hover img,
.range-content .page-button a:nth-child(1):active img,
.range-content .page-button a:nth-child(2):hover img,
.range-content .page-button a:nth-child(2):active img,
.range-content .page-button a:nth-child(3):hover img,
.range-content .page-button a:nth-child(3):active img {
  transform: translateX(0.521vw);
}

.range-content .range-tills {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.667vw 0;
}

.range-content .range-tills a {
  width: 24.115vw;
  height: 26.583vh;
  border: 0.043vw solid #969AFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 1.302vw;
  background-image: url('../img/bg/home-bg.jpg');
  background-size: 110%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #191a3300;
  background-blend-mode: multiply;
}

.range-content .range-tills span {
  font-size: 1.354vw;
  font-weight: 500;
  line-height: 1.615vw;
  margin-top: 1.354vw;
  transform: translateY(0);
  transition: all 0.3s;
}

.range-content .range-tills img {
  width: 18.156vh;
}

.range-content .range-tills a:hover,
.range-content .range-tills a:active {
  background-color: #191a33e6;
  background-size: 130%;
}

.range-content .range-tills a:hover span,
.range-content .range-tills a:active span {
  transform: translateY(4.729vw);
  font-size: 1.554vw;
}

.list {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.list .left {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/bg/home-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 50%;
  height: 100vh;
}

.list .left img {
  width: 90%;
}

.list .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 1.646vw;
  width: 50%;
  height: 100%;
  padding: 13.333vh 3.385vw 4.427vw 3.698vw;
}

.list .right .cet-head-ing {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.list .right .cet-head-ing h1 {
  font-size: 4.688vw;
  line-height: 0.7;
  font-weight: 100;
}

.list .right .cet-head-ing img {
  width: 30.833vw;
}

.list .right .cet-head-ing p {
  font-size: 1.406vw;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.078vw;
}

.list .right .product-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.354vw 1.823vw;
}

.list .right .product-list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 13.021vw;
  height: 14.583vw;
  border-radius: 1.302vw;
  background-color: transparent;
  border: 0.043vw solid transparent;
  padding: 1.11vw 1.615vw 1.146vw;
  text-align: center;
}

.list .right .product-list a img {
  width: 5.208vw;
}

.list .right .product-list a span {
  font-size: 0.938vw;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.list .right .product-list a:hover,
.list .right .product-list a:active {
  background-color: #222343;
  border-color: #969AFF;
}

.back-btn {
  position: absolute;
  right: 5.573vw;
  bottom: 2.375vw;
  width: 7.252vw;
  font-size: 1.146vw;
  line-height: 1;
  font-weight: 700;
  background-color: #141426;
  padding: 0.313vw 1.563vw;
  border-radius: 0 0 2.083vw 0;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.521vw;
  z-index: 5;
}

.back-btn:hover,
.back-btn:active {
  background-color: #222343;
}

.back-btn img {
  rotate: 180deg;
  transition: all 0.3s;
}

.back-btn:hover img,
.back-btn:active img {
  transform: translateX(0.521vw);
}

.logo-mini {
  display: block;
  position: absolute;
  top: 1.226vw;
  left: 1.222vw;
  z-index: 7;
}

h2.prouct-list {
  font-weight: 400;
  font-size: 2.344vw;
  line-height: 1;
  margin-bottom: 1.406vw;
}

.table-sec {
  width: 100vw;
  height: 100vh;
  padding: 2.865vw 3.5vw 0;
  color: #fff;
  background-image: url(../img/bg/type-range-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.custome-table {
  border: 0.052vw solid #ffffff78;
  border-radius: 1.042vw !important;
  border-spacing: 0;
  border-collapse: unset;
  overflow: hidden;
  width: 100%;
}

.custome-table thead tr th {
  padding: 0.273vw 1.222vw 0.273vw;
  width: 7.208vw !important;
  line-height: 0.99vw;
  text-align: center;
  font-size: 0.733vw;
  font-weight: 500;
}

.custome-table thead tr th img {
  height: 11.208vh;
}

.custome-table thead tr.grad th {
  background: rgb(255, 248, 248);
  background: linear-gradient(180deg, rgba(255, 248, 248, 0.6) 100%, rgba(117, 125, 132, 0.6) 0%);
}

.custome-table thead tr:nth-child(1) th {
  padding: 0.469vw 0 0.26vw;
}

.custome-table tr:nth-child(odd) {
  background: #00000080 !important;
}

.custome-table tr th,
.custome-table tr td {
  vertical-align: middle;
  border-right: 0.052vw solid #28254A;
}

.custome-table tr th:last-child,
.custome-table tr td:last-child {
  border: none;
}

.custome-table tbody tr th {
  font-weight: 500;
  white-space: nowrap;
  padding: 0.026vw 1.094vw;
  font-size: 1.573vh;
}

.custome-table tbody tr td {
  text-align: center;
  font-size: 0.773vw;
  padding: 0;
  line-height: 1;
}

.custome-table tbody tr:nth-child(1) td {
  padding: 0 0 0 0;
  font-weight: 700;
  line-height: 1;
  font-size: 0.781vw;
}

.keyfeatures-box {
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(0.521vw);
  padding: 0.99vw 0.99vw 0.99vw 0;
  border-radius: 1.563vw;
  background: #0000004D;
  width: 36.458vw;
  height: 80.729vh;
}

.keyfeatures-box .keyfeatures-box-inner {
  overflow-y: auto;
  width: 100%;
  padding: 2.021vw 1.396vw;
  height: 76.729vh;
}

.keyfeatures-box ::-webkit-scrollbar {
  width: 0.521vw;
}

.keyfeatures-box ::-webkit-scrollbar-track {
  background: #1a1b3321;
}

.keyfeatures-box ::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #D9D9D9CC, #737373CC);
  background-clip: content-box;
}

.keyfeatures-box .row {
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  --bs-gutter-x: 0;
  gap: 2.5vw;
  justify-content: space-between;
}

.keyfeatures-box .row .col-md-4 {
  width: 30%;
}

.keyfeatures-box .box-inner {
  padding: 0.677vw;
  border-radius: 0.677vw;
}

.keyfeatures-box .box-inner .icon-area {
  display: flex;
  align-items: center;
  gap: 2.031vw;
  margin-bottom: 1.344vw;
}

.keyfeatures-box .box-inner .icon-area img {
  width: 5.208vw;
}

.keyfeatures-box .box-inner .icon-area h3 {
  font-size: 1.354vw;
  font-weight: 300;
  line-height: 1.1;
}

.keyfeatures-box .box-inner .icon-area h3 strong {
  font-weight: 700;
}

.keyfeatures-box .box-inner h2 {
  font-size: 1.25vw;
  line-height: 1.111;
  font-weight: 500;
  margin-bottom: 1.354vw;
}

.keyfeatures-box .box-inner p {
  font-size: 1.046vw;
  font-weight: 300;
  line-height: 1.475vw;
}

.features-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.video-area {
  width: 39.917vw;
  height: 25.854vw;
  border-radius: 2.688vw 2.688vw 0.521vw 0.521vw;
  background-color: #101223cc;
  backdrop-filter: blur(13px);
  z-index: 6;
  border: 0.104vw solid #5A4DD8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 2.354vw;
  background-blend-mode: multiply;
}

.video-area span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125vw;
  height: 3.125vw;
  background-color: #5A4DD8;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}

.video-area span img {
  width: 75%;
  filter: invert(0%) sepia(24%) saturate(0%) hue-rotate(379deg) brightness(594%) contrast(1000%);
}

.video-area h3 {
  font-size: 0.729vw;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0.833vw;
}

.video-area h3 strong {
  font-weight: 700;
}

.video-area .video-inner {
  position: relative;
  border-radius: 0.521vw;
  overflow: hidden;
  width: 100%;
}

.video-area .video-inner video {
  border: 0;
  width: 100%;
  height: 21.875vw;
  border-radius: 0.521vw;
  position: relative;
}

.video-area .video-inner .controls {
  width: 55%;
  height: 3.808vw;
  background-color: #00000057;
  position: absolute;
  bottom: 6%;
  opacity: 0;
  transition: all 1.5s;
  transition-delay: 1s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5vw;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2.344vw;
}

.video-area .video-inner:hover .controls {
  transition: all 0.3s;
  opacity: 1;
}

.video-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.keyfeatures-box .box-inner.active {
  background-color: #2f3047;
}
.prima-logo {
  position: absolute;
  width: 16.625vh;
  top: 2.556vh;
  right: 5.556vh;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  #loader img {
    width: 18vh;
  }

  .home-sec {
    gap: 10.472vh;
  }

  .head {
    flex-wrap: wrap;
    padding: 3.656vh 2.49vh 0 2.49vh;
    gap: 9.227vh 3vh;
  }

  .home-sec .head img:nth-child(1) {
    order: 1;
    width: 18.704vh !important;
  }

  .home-sec .head img:nth-child(3) {
    order: 2;
    width: 17.691vh !important;
  }

  .home-sec .head img:nth-child(2) {
    order: 3;
    width: 100% !important;
  }

  .home-sec .cover img {
    width: 200% !important;
  }

  .range-sec .head img:nth-child(1) {
    width: 17.625vh !important;
  }

  .range-sec {
    background-position: 63%;
  }

  .range-sec .head img:nth-child(2) {
    width: 17.691vh !important;
  }

  .range-content {
    width: 100%;
    margin-left: unset;
    margin-top: unset;
    padding: 4.198vh 5.69vh 4.198vh 5.69vh;
  }

  .range-content .range-content-head {
    flex-wrap: wrap;
    padding-bottom: 0.7vh;
    margin-bottom: 2.44vh;
  }

  .range-tills {
    height: 53vh;
    overflow-y: auto;
    width: 104%;
    padding-right: 2%;
    gap: 2.444vh !important;
  }

  .range-content h2 {
    font-size: 2.888vh;
    width: 100%;
    line-height: 1.4;
    white-space: normal;
    letter-spacing: -0.00111vh;
    text-align: center;
    order: 2;
  }

  .range-content .page-button {
    order: 1;
    width: 100%;
    align-items: center;
    gap: 0.888vh;
    margin-bottom: 2.5vh;
  }

  .range-content .page-button a {
    width: 20.1167vh;
    font-size: 2.146vh;
    padding: 0.913vh 1.49vh;
    border-radius: 0 0 10.083vh 0;
  }

  .range-content .page-button img {
    margin-left: 1vh;
    width: 2.111vh !important;
  }

  .range-content .range-tills a {
    width: 100%;
    height: 15.5vh;
    border-radius: 2vh;
  }

  .range-content .range-tills span {
    font-size: 1.885vh;
    line-height: 1.615vh;
    margin-top: 1.354vh;
  }

  .range-content .range-tills img {
    width: 10.75vh;
  }

  .range-content .range-tills a:hover span,
  .range-content .range-tills a:active span {
    transform: translateY(4.729vh);
    font-size: 2.554vh !important;
  }

  .list {
    flex-direction: column;
    justify-content: flex-start;
  }

  .list .left {
    width: 100%;
    height: 40vh;
  }

  .list .left>img {
    width: 71% !important;
  }

  .logo-mini {
    top: 4vw;
    left: 1.222vh;
  }

  .logo-mini img {
    width: 13.333vh !important;
  }

  .list .right {
    width: 100%;
    height: 56vh;
    padding: 6.333vh 3.385vh 6.427vh 3.385vh;
    gap: 2vh !important;
  }

  .list .right .cet-head-ing h1 {
    font-size: 5.688vh;
  }

  .list .right .cet-head-ing img {
    width: 38.833vh;
  }

  .list .right .cet-head-ing p {
    font-size: 1.999vh;
    letter-spacing: 0.178vh;
  }

  .list .right .product-list {
    gap: 1.354vh 1.823vh;
  }

  .list .right .product-list a {
    width: 18.021vh;
    height: 19.583vh;
    border-radius: 1.302vh;
    border: 0.043vh solid transparent;
    padding: 1.11vh 1.615vh 1.146vh;
  }

  .list .right .product-list a img {
    width: 7.208vh;
  }

  .list .right .product-list a span {
    font-size: 1.219vh;
  }

  .back-btn {
    right: 2.222vh;
    bottom: 6vw;
    width: 4.35vh;
    height: 4.35vh;
    border-radius: 1vh;
    align-items: center;
    justify-content: center;
    font-size: 0;
  }

  .back-btn img {
    width: 1.99vh !important;
  }

  .table-sec {
    padding: 7.865vh 3.5vh 0;
  }

  h2.prouct-list {
    font-size: 2.844vh;
    text-align: center;
    margin-bottom: 2.006vh;
  }

  .tab-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 0.555vh;
    margin-bottom: 13px;
  }

  .tab-btns a {
    display: flex;
    width: 18vh;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    padding: 0.334vh;
    background: #0D0A15;
    border-radius: 0 43px 0 0;
    font-weight: 700;
  }

  .tab-btns a.active {
    background: #fff;
  }

  .tab-btns a:nth-child(1) {
    border-bottom: 2px solid #507265;
    color: #507265;
  }

  .tab-btns a:nth-child(2) {
    border-bottom: 2px solid #625C20;
    color: #625C20;
  }

  .tab-btns a:nth-child(3) {
    border-bottom: 2px solid #622F2F;
    color: #622F2F;
  }

  .tab-btns a:nth-child(4) {
    border-bottom: 2px solid #31507F;
    color: #31507F;
  }

  .custome-table {
    border: 0.052vh solid #ffffff78;
    border-radius: 2.042vh !important;
  }

  .custome-table thead tr th {
    padding: 0.273vh 1.222vh 0.473vh;
    width: 22% !important;
    line-height: 1.1;
    font-size: 7px;
    font-weight: 500;
  }

  .custome-table thead tr th img {
    height: 7.208vh;
  }

  .custome-table thead tr:nth-child(1) th {
    padding: 0.469vh 0 0.26vh;
  }

  .custome-table tr th,
  .custome-table tr td {
    border-right: 0.052vh solid #28254A;
  }

  .custome-table tbody tr th {
    padding: 0px 0.394vh;
    font-size: 10px;
  }

  .custome-table tbody tr td {
    font-size: 10px;
    padding: 0 2px 0 2px;
  }

  .custome-table tbody tr:nth-child(1) td {
    padding: 0;
    font-size: 10px;
    font-weight: 400;
  }

  .keyfeatures-box {
    backdrop-filter: unset;
    padding: 1.55vh 1.55vh 1.55vh 0;
    border-radius: 0;
    height: 54.729vh;
    width: 100%;
    border: none;
    background: #000000a6;
  }

  .keyfeatures-box .keyfeatures-box-inner {
    padding: 2.021vh 2.396vh;
    height: 50.729vh;
  }

  .keyfeatures-box .row {
    gap: 4.1111vh;
  }

  .keyfeatures-box .row .col-12 {
    width: 100%;
  }

  .keyfeatures-box .box-inner .icon-area {
    gap: 2.031vh;
    margin-bottom: 2.344vh;
  }

  .keyfeatures-box .box-inner .icon-area img {
    width: 7.208vh;
  }

  .keyfeatures-box .box-inner .icon-area h3 {
    font-size: 1.854vh;
  }

  .keyfeatures-box .box-inner h2 {
    font-size: 1.85vh;
    line-height: 1.311;
    margin-bottom: 1.354vh;
  }

  .keyfeatures-box .box-inner p {
    font-size: 1.846vh;
    line-height: 2.475vh;
  }

  .keyfeatures-box ::-webkit-scrollbar {
    width: 0.8821vh;
  }

  .keyfeatures-sec {
    padding: 7.865vh 0 0 0;
  }

  .features-box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 7px;
  }

  .video-area {
    width: 100%;
    height: 26.854vh;
    border-radius: 0;
    border: none;
  }

  .video-area .video-inner video {
    height: 100%;
  }

  .video-area span {
    display: none !important;
  }

  .video-area h3 {
    display: none !important;
  }

  .video-area .video-inner .controls {
    opacity: 1;
    height: 30%;
    gap: 17px !important;
  }

  .video-area .video-inner .controls a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .video-area .video-inner .controls a img {
    width: 65% !important;
  }

  .video-area .video-inner .controls a:nth-child(2) img,
  .video-area .video-inner .controls a:nth-child(3) img {
    width: 44px !important;
  }

  .keyfeatures-box .box-inner {
    padding: 0.877vh;
    border-radius: 1vh;
  }

  .prima-logo {
    position: absolute;
    right: 3vw;
    width: 8.625vh;
    top: 3.556vw;
    z-index: 1;
  }
}

@media only screen and (max-width: 476px) {
  .range-sec .head img:nth-child(1) {
    width: 14.625vh !important;
  }

  .range-sec .head img:nth-child(2) {
    width: 6.691vh !important;
  }

  .home-sec .head img:nth-child(1) {
    width: 14.625vh !important;
  }

  .home-sec .head img:nth-child(3) {
    width: 6.691vh !important;
  }

  .range-content {
    padding: 4.198vh 4.69vh 3.198vh 4.69vh;
  }

  .list .right {
    padding: 4.333vh 2.385vh 6.427vh 2.385vh;
  }

  .list .right .cet-head-ing h1 {
    font-size: 4.222vh;
  }

  .list .right .cet-head-ing p {
    font-size: 1.777vh;
  }

  .list .right .product-list a {
    width: 16.021vh;
  }
}