:root {



  --theme_color: #d5042a;



  --title_color: #232323;



  --btn_color: linear-gradient(to right, #c18f24, #f1d470, #fff2a5, #f1d470, #f1d470);



}





ul {



  list-style: none;



}







a {



  color: #1c232f;



  text-decoration: none;



  font-size: 1rem;



}







i {



  font-style: normal;



}







.swiper_box {



  position: relative;



}







.swiper_content {



  max-width: 1240px;



  margin: 0 auto;



  position: relative;



  padding: 10px;



  overflow: hidden;



}







button,



input,



textarea {



  outline: none;



  border: none;



  font-family: unset;



}







input[type="submit"],



button {



  cursor: pointer;



}







textarea {



  resize: none;



}







input[type="number"] {



  -moz-appearance: textfield;



}







input[type="number"]::-webkit-inner-spin-button,



input[type="number"]::-webkit-outer-spin-button {



  -webkit-appearance: none;



  margin: 0;



}







select {



  appearance: none;



  -moz-appearance: none;



  -webkit-appearance: none;



  font-family: unset;



}







.center {



  text-align: center;



}







.flex_start {



  justify-content: flex-start;



}







.flex_center {



  justify-content: center;



}







.flex_end {



  justify-content: flex-end;



}







.flex_top {



  align-items: flex-start;



}







.flex_middle {



  align-items: center;



}







.flex_bottom {



  align-items: flex-end;



}







body {



  color: #121437;



  font-family: "Noto Sans", sans-serif;



}


h1, h2, h3, h4, h5, h6, p, a{
  font-family: "Noto Sans", sans-serif ;
}








body.fixed {



  overflow: hidden;



  padding-right: 17px;



}







.only_mobile {



  display: none;



}







.content .content {



  padding: 0;



}







section:not(.elementor-section, .cpost_main) h1 {



  font-size: 58px;



  line-height: 74px;



  text-transform: uppercase;



  color: #fff;



}







section:not(.elementor-section, .cpost_main) h2 {



  font-size: 46px;



  line-height: 62px;



  color: #242424;



}







header h1,



footer h1 {



  font-size: 58px;



  line-height: 74px;



  text-transform: uppercase;



  color: #fff;



}







header h2,



footer h2 {



  font-size: 46px;



  line-height: 62px;



  color: #242424;



}







.head span {



  font-size: 16px;



  color: #d5042a;



}







.head p {



  font-size: 17px;



  line-height: 26px;



}







header {



  position: sticky;



  top: -90px;



  z-index: 997;



  background-color: #fff;



  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.17);



  transition: 0.3s;



}







header.sticky {



  top: 0px;



}







header .head-container {



  max-width: 1903px;



  width: 100%;



  margin: 0 auto;



}







header .logo {



  margin-left: 85px;



  display: flex;



  align-items: center;



  overflow: hidden;



}







header .logo img {



  width: 100%;



  height: 100%;



  object-fit: contain;



  display: block;



  max-height: 90px;



  max-width: 176px;



}







header .logo span {



  position: absolute;



  top: 0;



  left: 0;



  text-indent: -999px;



}







header .nav {



  display: flex;



  align-items: center;



  gap: 3.4rem;



}







header nav {



  background-color: #fff;



}







header nav .menu {



  display: flex;



  align-items: center;



  gap: 2.1rem;



}







header nav .menu>li {



  position: relative;



}







header nav .menu>li::before {



  content: "";



  display: block;



  width: 100%;



  height: 2px;



  background-color: rgba(213, 4, 42, 0.5);



  position: absolute;



  left: 0;



  bottom: 21px;



  pointer-events: none;



  transition: all 0.3s;



  opacity: 0;



}







header nav .menu>li>a {



  display: block;



  color: #212121;



  font-size: 18px;



  font-weight: 600;



  text-transform: uppercase;



  transition: all 0.3s;



  line-height: 2;



  padding: 1.875rem 0 1.5rem;



}







header nav .menu>li.current-menu-item::before,



header nav .menu>li.current-menu-parent::before,



header nav .menu>li:hover::before {



  opacity: 1;



}







header nav .menu li.current-menu-item>a,



header nav .menu>li.current-menu-parent>a,



header nav .menu>li:hover>a {



  color: var(--theme_color);



}







header nav .menu>li:hover>.sub-menu {



  transform: translateY(0);



  pointer-events: all;



  opacity: 1;



}







header nav .sub-menu {



  left: -1.5rem;



  position: absolute;



  width: 240px;



  background-color: #fff;



  padding: 1rem 0;



  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);



  display: block;



  transform: translateY(-1rem);



  pointer-events: none;



  opacity: 0;



  transition: transform 0.4s, opacity 0.3s;



  z-index: -1;



}







header nav .sub-menu li {



  margin-bottom: 5px;



  position: relative;



}







header nav .sub-menu li.menu-item-has-children::after {



  content: '';



  display: block;



  width: 12px;



  height: 12px;



  position: absolute;



  right: 1rem;



  top: 50%;



  transform: translateY(-50%) rotate(-90deg);



  background: url(../img/banner-icon.svg) no-repeat center / contain;



  transition: all 0.3s;



  filter: contrast(0);



}







header nav .sub-menu li.menu-item-has-children:hover::after {



  filter: none;



}







header nav .sub-menu li a {



  display: block;



  padding: 8px 1.5rem;



  transition: all 0.2s ease;



  border-radius: 0.625rem;



  font-size: 0.9rem;



  font-weight: 500;



  color: #191919;



}







header nav .sub-menu li a:hover {



  color: var(--theme_color);



}







header nav .sub-menu li:hover>.sub-menu {



  transform: translateY(0);



  pointer-events: all;



  opacity: 1;



}







header nav .sub-menu .sub-menu {



  left: 100%;



  top: 0;



  transform: translate(0);



}







header .btns {



  display: flex;



  position: relative;



  border-left: 1px solid #e5e5e5;



}







header .btns label.ipt {



  display: block;



  padding-left: 33px;



  padding-right: 0;



}







header .btns label {



  display: block;



  padding: 37px 35px 15px;



  cursor: pointer;



}







header .btns label:first-child {



  cursor: unset;



}







header .btns input[type="submit"] {



  display: none;



}







header .btns input[type="text"] {



  font-size: 18px;



  color: #8b8b8b;



  margin-right: 10px;



  width: 225px;



  font-weight: 400;



}







header .btns label:not(.ipt) {



  background: url(../img/serch.svg) no-repeat center / 19px;



}







header .btns i {



  display: block;



  width: 18.2px;



  height: 18.2px;



}







header .btns i img {



  display: block;



  width: 100%;



  height: 100%;



  object-fit: contain;



}







header .btns a {



  display: block;



  line-height: 2;



  padding: 27px 0 23px;



  text-transform: uppercase;



  text-align: center;



  width: 249px;



  font-size: 20px;



  font-weight: 400;



  background-color: #d5042a;



  color: #fff;



  transition: all 0.3s;



  box-shadow: 0 0 15px rgba(0, 0, 0, 0.17);



}







header .btns a:hover {



  color: #fff;



  background-color: #000;



}







header .btns .icon_search {



  display: block;



  cursor: pointer;



  width: 20px;



  height: 20px;



  background: url("../img/icons/search.png") no-repeat center / contain;



}







header .btns .icon_lang {



  display: block;



  cursor: pointer;



  width: 22px;



  height: 22px;



  background: url("../img/icons/internet.png") no-repeat center / contain;



  margin-right: 8px;



}







.footer-container {



  width: 100%;



  margin: 0 auto;



}







.footer-container .top {



  width: 100%;



  background: url("../img/casespost-banner.png") no-repeat;



  background-color: #000;



  background-size: cover;



}







.footer-container .top h2 {



  color: #fff;



}







.footer-container .top .title {



  flex: 1;



  padding-top: 38px;



  padding-bottom: 60px;



}







.footer-container .top .title h2 {



  margin-bottom: 37px;



}







.footer-container .top .title a {



  padding: 14px 3rem;



  background-color: #fff;



  color: var(--theme_color);



  font-size: 18px;



  font-weight: 600;



  transition: 0.3s;



  border: 1px solid #fff;



}







.footer-container .top .title a:hover {



  color: #fff;



  background-color: transparent;



}







.footer-container .top .right {



  flex: 1;



  position: relative;



  display: flex;



  margin-right: -89px;



}







.footer-container .top .img {



  position: absolute;



  bottom: -81px;



  left: 0;



  max-width: 659px;



  aspect-ratio: 659/514;



}







.footer-container .top .img img {



  width: 100%;



  height: 100%;



  display: block;



  object-fit: cover;



}







.footer-container .top .bgimg {



  background-color: #000;



  max-height: 280px;



  margin-left: auto;



  margin-right: -210px;



}







.footer-container .top .bgimg img {



  width: 100%;



  height: 100%;



  object-fit: contain;



  display: block;



}







.footer-container .footer-main {
  position: relative;
  z-index: 10;
  /* background: url("../img/footer-bg.webp") no-repeat; */
  background: #DD3A29;
  background-color: var(--theme_color);
  background-size: cover;
  background-position: bottom;
  padding-top: 92px;
}







.footer-container .footer-main .content {



  column-gap: 0.5rem;



}







.footer-container .footer-main .content .head {



  display: flex;



  position: relative;



  padding-bottom: 43px;



  border-bottom: 1px solid #d2d3d5;



  margin-bottom: 20px;



}







.footer-container .footer-main .content .head h2 {



  font-size: 48px;



  line-height: 62px;



  font-weight: 900;



}







.footer-container .footer-main .content .head a:hover {



  padding-left: 55px;



}







.footer-container .footer-main .content .head a:hover::after {



  right: 33px;



  opacity: 0;



}







.footer-container .footer-main .content .head a {



  position: absolute;



  top: 25%;



  right: 2px;



  font-size: 18px;



  width: 200px;



  height: 56px;



  display: flex;



  text-align: start;



  align-items: center;



  border-radius: 28px;



  background: linear-gradient(to right, #fa4a03, #faaf00);



  padding-left: 47px;



  color: #fff;



  transition: 0.3s;



}







.footer-container .footer-main .content .head a::after {



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  right: 43px;



  transform: translateY(-43%);



  width: 16px;



  height: 15px;



  background: url("../img/icons/w_right.png") no-repeat;



  background-size: contain;



  opacity: 1;



  transition: 0.3s;



}







.footer-container .footer-main .content .slide_obj {



  margin-top: 19px;



}







.footer-container .footer-main .content .slide_obj strong {



  font-size: 22px;



  font-weight: 500;



  display: block;



  width: 100%;



  position: relative;



  color: #ffff;



  text-transform: uppercase;



}







.footer-container .footer-main .content .slide_obj p {



  font-size: 15px;



  font-weight: 300;



  color: rgba(255, 255, 255, 0.75);



}







.footer-container .footer-main .content .slide_obj ul {



  margin-top: 18px;



}







.footer-container .footer-main .content .slide_obj ul li {



  transition: 0.3s;



}







.footer-container .footer-main .content .slide_obj ul li a {



  font-size: 18px;



  line-height: 40px;



  font-weight: 400;



  color: rgba(255, 255, 255, 0.75);



  opacity: 0.8;



  transition: all 0.3s;



}







.footer-container .footer-main .content .slide_obj ul li a:hover {



  opacity: 1;



  color: white;



}







.footer-container .footer-main .content .slide_obj li div {



  line-height: 22px;



}







.footer-container .footer-main .logo-icon {


/* 
  margin-top: 103px;



  padding-bottom: 22px; */



  border-bottom: 1px solid rgba(255, 255, 255, 0.2);



  align-items: flex-end;



}







.footer-container .footer-main .logo-icon ul {



  display: flex;



  align-items: center;



  column-gap: 28px;



}







.footer-container .footer-main .logo-icon .icons {



  display: flex;

  flex-direction: column;

  align-items: start;



  padding-bottom: 5px;



}







.footer-container .footer-main .logo-icon li {



  width: 27px;



  aspect-ratio: 1/1;



}







.footer-container .footer-main .logo-icon li a {



  width: 100%;



  height: 100%;



  display: block;



  transition: 0.3s;



}







.footer-container .footer-main .logo-icon li a:hover {



  transform: scale(1.2);



}







.footer-container .footer-main .logo-icon .facebook a {



  background: url("../img/f-icon.svg") no-repeat;



  background-size: contain;



  background-position: center;



}







.footer-container .footer-main .logo-icon .twitter a {



  background: url("../img/x-icon.svg") no-repeat;



  background-size: contain;



  background-position: center;



}







.footer-container .footer-main .logo-icon .youtobe a {



  background: url("../img/YouTube.svg") no-repeat;



  background-size: contain;



  background-position: center;



}







.footer-container .footer-main .logo-icon .instagram a {



  background: url("../img/inter-icon.svg") no-repeat;



  background-size: contain;



  background-position: center;



}







.footer-container .footer-main .logo-icon .in a {



  background: url("../img/in-icon.svg") no-repeat;



  background-size: 70%;



  background-position: center;



}







.footer-container .footer-main .logo {



  display: flex;



  justify-content: center;



  width: 232px;



  height: 84px;



}







.footer-container .footer-main .logo img {



  height: 100%;



  width: 100%;



  object-fit: contain;



  display: block;



}







.footer-container .footer-main .copyright {



  width: 100%;



  color: #dedede;



}







.footer-container .footer-main .copyright p {



  font-size: 14px;



  line-height: 52px;



  color: rgba(255, 255, 255, 0.75);



}







.footer-container .footer-main .copyright .right {



  column-gap: 32px;



}







.footer-container .footer-main .copyright .right a {



  color: rgba(255, 255, 255, 0.75);



  font-size: 14px;



  transition: 0.3s;



}







.footer-container .footer-main .copyright .right a:hover {



  color: var(--theme_color);



}







.footer-container .footer-main .copyright ul {



  display: flex;



  height: 19px;



}







.footer-container .footer-main .copyright ul li {



  margin-left: 35px;



}







.footer-container .footer-main .copyright ul li a {



  color: rgba(255, 255, 255, 0.75);



  font-size: 14px;



  transition: 0.3s;



}







.footer-container .footer-main .copyright ul li a:hover {



  color: var(--theme_color);



}







.footer-container .footer-main .contact {



  flex-basis: 265px;



}







.footer-container .footer-main .contact>div {



  padding-left: 30px;



}







.footer-container .footer-main .contact.slide_obj ul li a {



  opacity: 1;



  color: #fff;



}







.footer-container .footer-main .contact div {



  font-size: 15px;



}







.footer-container .footer-main .contact li {



  position: relative;


  white-space: nowrap;
  margin-bottom: 21px;



}







.footer-container .footer-main .contact li:nth-child(1)::after {



  content: "";



  display: block;



  position: absolute;



  top: 12px;



  left: -29px;



  width: 16px;



  height: 16px;



  background-color: red;



  background: url("../img/contact1.svg") no-repeat;



  background-size: contain;



}







.footer-container .footer-main .contact li:nth-child(2)::after {



  content: "";



  display: block;



  position: absolute;



  top: 12px;



  left: -29px;



  width: 16px;



  height: 16px;



  background-color: red;



  background: url("../img/contact2.svg") no-repeat;



  background-size: contain;



}







.newcontainer {



  display: flex;



  flex-direction: column;



  row-gap: 36px;



}







.new>a {



  column-gap: 78px;



}







.new>a:hover .leftimg img {



  transform: scale(1.03);



}







.new>a .date {



  font-size: 16px;



  color: #3f3f3f;



}







.new>a .date span {



  color: #d5042a;



  padding-right: 10px;



  font-weight: 600;



}







.new>a .date i {



  margin-right: 9px;



}







.new>a strong {



  font-size: 27px;



  line-height: 30px;



  color: #222222;



}







.new>a p {



  font-size: 17px;



  line-height: 30px;



  color: #666666;



  display: -webkit-box;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}







.new>a .text {



  display: flex;



  justify-content: center;



  flex-direction: column;



  row-gap: 16px;



}







.new>a .leftimg {



  min-width: 338px;



  aspect-ratio: 338/236;



  overflow: hidden;



}







.new>a .leftimg img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  display: block;



  transition: 0.3s;



}







.more {



  text-align: center;



  margin-top: 88px;



}







.more button {



  border: 2px solid rgba(175, 175, 175, 0.4) !important;



  padding: 14px 36px;



  color: #232323 !important;



  font-weight: 600 !important;



  font-size: 18px;



  transition: 0.3s;



  background-color: #fff !important;



}







.more button:hover {



  color: #fff !important;



  border: 2px solid var(--theme_color) !important;



  background-color: var(--theme_color) !important;



}







.tabel {



  display: grid;



  grid-template-columns: repeat(3, 1fr);



  gap: 121px 20px;



  padding: 0 3px;



  max-width: 915px;



}







.tabel .prod>a {



  display: block;



  height: 100%;



  transition: 0.3s;



}







.tabel .prod>a>div {



  border: 1px solid transparent;



  height: 100%;



  display: flex;



  flex-direction: column;



  padding: 0px 9% 29px;



  background-color: #f6f6f6;



  transition: 0.3s;



}







.tabel .prod>a:hover .b-more {



  background-color: #d5042a;



}







.tabel .prod>a:hover .img img {



  transform: scale(1.03);



}







.tabel .prod>a:hover>div {



  background-color: #fff;



  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);



}







.tabel .prod .img {



  width: 100%;



  aspect-ratio: 238/268;



  max-height: 268px;



  margin-top: -79px;



}







.tabel .prod .img img {



  width: 100%;



  height: 100%;



  object-fit: contain;



  display: block;



  transition: 0.3s;



}







.tabel .prod .info {



  display: flex;



  flex-direction: column;



  margin-top: 37px;



  flex: 1;



}







.tabel .prod .info span {



  font-size: 14px;



  color: rgba(213, 4, 42, 0.72);



  font-weight: 500;



  margin-bottom: 4px;



}







.tabel .prod .info strong {



  font-size: 18px;



  color: #232323;



  padding-bottom: 12px;



  margin-bottom: 13px;



  border-bottom: 1px solid #dddddd;



}







.tabel .prod .info .para {



  font-size: 14px;



  min-height: 2.8rem;



  flex: 1;



}







.tabel .prod .info .para .para-i {



  display: flex;



  column-gap: 5px;



  overflow: hidden;



}







.tabel .prod .info .para .sizes {



  flex-wrap: wrap;



}







.tabel .prod .info .para span {



  display: block;



  font-size: 14px;



  color: #7a7a7a;



  text-wrap: nowrap;



}







.tabel .prod .info .para p {



  font-size: 14px;



  font-weight: 500;



  color: #353535;



  display: -webkit-box;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



}







.tabel .prod .b-more {



  display: none;



  width: 100%;



  font-size: 16px;



  padding: 13px 10px;



  color: #fff;



  text-align: center;



  background-color: #242424;



  transition: 0.3s;



  margin-top: 5px;



}







.tabel .prod .icon {



  height: 37px;



  margin-bottom: 21px;



}







.tabel .prod .icon img {



  width: auto;



  max-width: 100%;



  height: 100%;



  object-fit: contain;



  display: inline-block;



}







.inquiry_form form {



  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



  gap: 29px 0;



}







.inquiry_form form .col2 {



  width: 48.6%;



  margin-left: 2px;



}







.inquiry_form form option {



  font-size: 21px;



}







.inquiry_form form input {



  border: 1px solid rgba(0, 0, 0, 0.15);



  border-radius: 30px;



  width: 100%;



  color: var(--title_color);



  font-size: 17px;



  padding: 20px 20px 20px 35.5px;



}







.inquiry_form form input[type="checkbox"] {



  flex-shrink: 0;



  width: auto;



  display: inline-block;



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  width: 30px !important;



  height: 30px !important;



  padding: 0;



  margin: 0;



  border-radius: 3px;



  position: relative;



  margin-right: 22px;



}







.inquiry_form form input[type="checkbox"]:checked {



  border: 1px solid var(--theme_color);



  background-color: var(--theme_color);



}







.inquiry_form form input[type="checkbox"]:checked::after {



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  width: 85%;



  height: 85%;



  background: url("../img/yes.png") no-repeat;



  background-position: center;



  background-size: contain;



}







.inquiry_form form .checkbox-container {



  width: 89.5%;



  margin-top: 4px;



  margin-left: 3px;



  font-size: 21px;



  font-weight: 600;



  display: grid;



  grid-template-columns: repeat(1, 1fr);



  row-gap: 26px;



}







.inquiry_form form .checkbox-container .checkbox-item {



  display: flex;



  line-height: 36px;



  letter-spacing: -0.099px;



  cursor: pointer;



  align-items: center;



}







.inquiry_form form .checkbox-container .checkbox-item span {



  line-height: 30px;



  font-size: 19px;



  line-height: 24px;



}







.inquiry_form form span {



  width: 100%;



}







.inquiry_form form .country {



  position: relative;



}







.inquiry_form form .country i {



  position: absolute;



  display: block;



  top: 50%;



  transform: translateY(-50%);



  left: 0px;



  width: 40px;



  height: 20px;



}







.inquiry_form form .country i img {



  width: 100%;



  height: 100%;



  object-fit: contain;



  display: block;



}







.inquiry_form form .country input {



  padding-left: 80px;



}







.inquiry_form form select {



  width: 100%;



  border-radius: 100px;



  padding: 20px 20px 20px 35.5px;



  border: none;



  border: 1px solid rgba(0, 0, 0, 0.15);



  font-size: 17px;



  color: #808080;



  background: url("../img/banner-icon.svg") no-repeat;



  background-size: 4.8%;



  background-position-y: center;



  background-position-x: 93%;



  cursor: pointer;



}







.inquiry_form form textarea {



  border: 1px solid rgba(0, 0, 0, 0.15);



  width: 100%;



  padding: 20px 20px 19px 35.5px;



  border-radius: 30px;



  font-size: 17px;



  line-height: 1.1;



}







.inquiry_form form .checkbox-container .checkbox-item {



  margin-top: -15px;



}







.inquiry_form form input::placeholder,



.inquiry_form form textarea::placeholder {



  color: #666666;



  font-size: 17px;



}







.inquiry_form form .submit {



  display: flex;



  justify-content: end;



}







.inquiry_form form input[type="submit"],



.inquiry_form form button.zf-submitColor {



  border: none;



  color: #fff;



  font-weight: 500;



  font-size: 20px;



  background-color: #d5042a;



  background-size: 200%;



  width: auto;



  height: auto;



  display: inline-block;



  border-radius: 8px;



  line-height: 61px;



  transition: all 0.3s;



  padding: 0 44px;



  letter-spacing: 0.8px;



}







.inquiry_form form input[type="submit"]:hover {



  background-color: #000;



}







.inquiry_form form .submit_flex {



  display: flex;



  align-items: center;



  justify-content: space-between;



}







.inquiry_form form .submit_flex span.wpcf7-spinner {



  width: 24px;



  order: -1;



}







.inquiry_form form .wpcf7-not-valid-tip {



  margin-top: 5px;



}







.inquiry_form form.invalid .wpcf7-response-output,



.inquiry_form form.unaccepted .wpcf7-response-output,



.inquiry_form form.payment-required .wpcf7-response-output {



  border: none;



  margin: 0;



  padding: 0;



}







.inquiry_form form .country-select.inside .flag-dropdown:hover .selected-flag,



.inquiry_form form .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {



  background-color: transparent;



}







.inquiry_form form .country-select .selected-flag,



.inquiry_form form .intl-tel-input .selected-flag {



  padding-left: 24px;



  width: 4rem;



}







.inquiry_form form .intl-tel-input.allow-dropdown input,



.inquiry_form form .intl-tel-input.allow-dropdown input[type=tel],



.inquiry_form form .intl-tel-input.allow-dropdown input[type=text],



.inquiry_form form .intl-tel-input.separate-dial-code input,



.inquiry_form form .intl-tel-input.separate-dial-code input[type=tel],



.inquiry_form form .intl-tel-input.separate-dial-code input[type=text],



.inquiry_form form .country-select.inside input,



.inquiry_form form .country-select.inside input[type=text] {



  padding-left: 82px;



}







.inquiry_form form .intl-tel-input .selected-flag .iti-arrow,



.inquiry_form form .country-select .selected-flag .arrow {



  width: 12px;



  height: 6px;



  right: 0;



  background: url(../img/banner-icon.svg) no-repeat center / contain;



  border: none;



}







.inquiry_form form .country-select.inside input[type=text] {



  pointer-events: none;



  padding: 20px 36px;



}







.inquiry_form form .country-select.inside .flag-dropdown {



  width: 100%;



}







.inquiry_form form .country-select.inside .flag-dropdown .selected-flag {



  width: 100%;



}







.inquiry_form form .country-select.inside .flag-dropdown .selected-flag .flag {



  display: none;



}







.inquiry_form form .country-select.inside .flag-dropdown .selected-flag .arrow {



  right: 20px;



}







.inquiry_form form .checkbox-container .wpcf7-form-control-wrap {



  width: auto;



}







.inquiry_form form .wpcf7-list-item {



  width: auto;



  margin: 0;



}







.empty_img {



  max-width: 388px;



  margin: 0 auto;



}







.loading {



  position: relative;



}







.loading:before {



  content: "";



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background: url('../../global/img/load.gif') no-repeat center;



  background-size: 45px;



  background-color: rgba(255, 255, 255, 0.3);



  z-index: 9;



}







div.loader {



  border: 7px solid #f2f5f9;



  border-top: 7px solid #fff;



  border-radius: 50%;



  width: 3rem;



  height: 3rem;



  position: absolute;



  left: 50%;



  margin-left: -1.75rem;



  animation: spin 1s linear infinite;



  margin-top: 0;



  text-align: center;



}







@keyframes spin {



  0% {



    transform: rotate(0deg);



  }







  100% {



    transform: rotate(360deg);



  }



}







div.search-block {



  position: fixed;



  z-index: 99999;



  background-color: #fff;



  box-shadow: 0 0 15px rgba(0, 55, 96, 0.12);



  width: 100%;



  bottom: -100vh;



  height: 100vh;



  transition: 0.3s ease;



}







div.search-block.active {



  bottom: 0;



  opacity: 1;



  transform: translateY(150px);



}







div.search-block div.content {



  position: relative;



  display: block;



}







.wd-action-btn {



  display: inline-flex;



  vertical-align: middle;



  background: url(../../global/img/cloes.svg) no-repeat center;



  background-size: contain;



  position: absolute;



  top: 38px;



  right: 0;



  z-index: 1;



  width: 28px;



  height: 28px;



  transition: all 0.3s;



  cursor: pointer;



}







.wd-action-btn:hover {



  transform: rotate(180deg);



}







div.search-block .searchform {



  border-bottom: 1px solid rgba(119, 119, 119, 0.2);



  /* opacity: 0; */



  transition: opacity 0.35s ease 0.2s;



  --wd-form-color: #333;



  --wd-form-placeholder-color: #333;



  text-align: center;



  transition: 0.75s all ease;



}







div.search-block.active .searchform {



  opacity: 1;



}







div.search-block .searchform input[type='text'] {



  padding: 0;



  height: 110px;



  border: none;



  text-align: center;



  font-size: 35px;



  outline: none;



}







header div.main-menu div.main div.right {



  display: none;



}







div.search-block .searchform ::-webkit-input-placeholder {



  color: #333333;



}







.search-overlay {



  position: fixed;



  z-index: 9999;



  width: 100%;



  height: 100%;



  left: 0;



  display: none;



  top: 0;



  background-color: rgba(0, 0, 0, 0.4);



}







.search-overlay.active {



  display: block;



}







nav.pagination {



  padding: 62px 0 20px;



}







nav.pagination h2 {



  display: none;



}







nav.pagination .nav-links {



  display: flex;



  align-items: center;



  justify-content: center;



  flex-wrap: wrap;



  gap: 12px;



}







nav.pagination .page-numbers {



  padding: 5px 15px;



  background-color: #dddddd;



  color: #333;



  font-size: 15px;



  line-height: 1.8;



  transition: all 0.3s;



  cursor: pointer;



}







nav.pagination .page-numbers:hover {



  color: var(--theme_color);



}







nav.pagination .page-numbers.dots {



  pointer-events: none;



}







nav.pagination .page-numbers.disabled {



  pointer-events: none;



}







nav.pagination .page-numbers.current {



  color: #fff;



  background-color: #ed1c24;



  pointer-events: none;



}







input[type="checkbox"] {



  cursor: pointer;



}







.search .search_empty {



  margin-top: 2rem;



}







.breadcrumbs>span {



  overflow: auto;



  white-space: nowrap;



}







.elementor-element-11fef349 {



  display: none;



}







.school_banner,



.category_banner,



.about_banner {



  background-color: rgba(0, 0, 0, 0.7);



}







.bg_tran {



  background-color: transparent !important;



}







/* old website style */



.sidebar-left-nav .elementor-nav-menu>.menu-item>a {



  font-size: 18px;



  color: #000;



  padding-left: 0;



  font-weight: 800;



  background-color: transparent !important;



}







.sidebar-left-nav .elementor-nav-menu>.menu-item>a:hover {



  color: #c81528;



  background-color: transparent;



}







.sidebar-left-nav .elementor-nav-menu>.menu-item>a .sub-arrow {



  display: none;



}







.sidebar-left-nav .elementor-nav-menu>.menu-item>a.elementor-item-active {



  color: #c81528;



  background: none;



}







.sidebar-left-nav .elementor-nav-menu ul {



  display: block !important;



  margin-bottom: 20px;



}







a.elementor-sub-item:hover {



  background-color: transparent;



}







.sidebar-left-nav .elementor-nav-menu--dropdown .sub-menu a {



  font-size: 16px;



  color: #9fa0a0;



  border: 0;



  padding-left: 0;



  transition: all 0.5s;



  display: inline-block;



  background-color: transparent !important;



}







.sidebar-left-nav .elementor-nav-menu--dropdown .sub-menu a::after {



  content: '';



  width: 0;



  height: 1px;



  background: #c81528;



  transition: all 0.5s;



  position: absolute;



  bottom: 0;



  left: 0;



}







.sidebar-left-nav .elementor-nav-menu--dropdown .sub-menu a:hover {



  background: none;



  color: #c81528;



}







.sidebar-left-nav .elementor-nav-menu--dropdown .sub-menu a:hover::after {



  width: 100%;



}







.sidebar-left-nav a.elementor-sub-item.elementor-item-active {



  background-color: transparent;



  color: #c81528;



}







.sidebar-left-nav a.elementor-sub-item.elementor-item-active::after {



  width: 100%;



}







.pad-60 {



  padding: 60px 0 126px !important;



}







div[data-elementor-type="single-page"] {



  padding-bottom: 126px;



}







.elementor-section,



.cpost_main,



.post_main {



  line-height: 1.85714286;



  



}







.elementor-section address,



.cpost_main address,



.post_main address,



.elementor-section blockquote,



.cpost_main blockquote,



.post_main blockquote,



.elementor-section body,



.cpost_main body,



.post_main body,



.elementor-section dd,



.cpost_main dd,



.post_main dd,



.elementor-section dl,



.cpost_main dl,



.post_main dl,



.elementor-section dt,



.cpost_main dt,



.post_main dt,



.elementor-section fieldset,



.cpost_main fieldset,



.post_main fieldset,



.elementor-section figure,



.cpost_main figure,



.post_main figure,



.elementor-section h1,



.cpost_main h1,



.post_main h1,



.elementor-section h2,



.cpost_main h2,



.post_main h2,



.elementor-section h3,



.cpost_main h3,



.post_main h3,



.elementor-section h4,



.cpost_main h4,



.post_main h4,



.elementor-section h5,



.cpost_main h5,



.post_main h5,



.elementor-section h6,



.cpost_main h6,



.post_main h6,



.elementor-section hr,



.cpost_main hr,



.post_main hr,



.elementor-section html,



.cpost_main html,



.post_main html,



.elementor-section iframe,



.cpost_main iframe,



.post_main iframe,



.elementor-section legend,



.cpost_main legend,



.post_main legend,



.elementor-section li,



.cpost_main li,



.post_main li,



.elementor-section ol,



.cpost_main ol,



.post_main ol,



.elementor-section p,



.cpost_main p,



.post_main p,



.elementor-section pre,



.cpost_main pre,



.post_main pre,



.elementor-section textarea,



.cpost_main textarea,



.post_main textarea,



.elementor-section ul,



.cpost_main ul,



.post_main ul {



  border: 0;



  font-size: 100%;



  font-style: inherit;



  font-weight: inherit;



  margin: 0;



  outline: 0;



  padding: 0;



  max-width: 100%;



}







.elementor-section img,



.cpost_main img,



.post_main img {



  max-width: 100%;



  height: auto;



}







.elementor-section blockquote,



.cpost_main blockquote,



.post_main blockquote {



  margin: 1rem 0;



  padding: 10px 0 10px 1rem;



  border-left: 5px solid #f2f2f2;



}







.elementor-section pre,



.cpost_main pre,



.post_main pre {



  background: #eee;



  margin-bottom: 20px;



  overflow: auto;



  max-width: 100%;



  padding: 20px;



}







.elementor-section table,



.cpost_main table,



.post_main table {



  border-collapse: separate;



  border-spacing: 0;



  border-width: 1px 0 0 1px;



  margin: 0 0 1.5em;



  width: 100%;



  overflow: auto;



}







.elementor-section table,



.cpost_main table,



.post_main table,



.elementor-section td,



.cpost_main td,



.post_main td,



.elementor-section th,



.cpost_main th,



.post_main th {



  border: 1px solid rgba(0, 0, 0, 0.1);



}







.elementor-section td,



.cpost_main td,



.post_main td,



.elementor-section th,



.cpost_main th,



.post_main th {



  padding: 8px;



}







.elementor-section .aligncenter,



.cpost_main .aligncenter,



.post_main .aligncenter {



  clear: both;



  text-align: center;



  display: block;



  margin-left: auto;



  margin-right: auto;



}







.elementor-section p,



.cpost_main p,



.post_main p {



  margin-bottom: 24px;



}







.tabel .prod .info .para p {



  margin-bottom: 6px;



}







.elementor-section h1,



.cpost_main h1,



.post_main h1,



.elementor-section .entry-content h1,



.cpost_main .entry-content h1,



.post_main .entry-content h1,



.elementor-section h2,



.cpost_main h2,



.post_main h2,



.elementor-section .entry-content h2,



.cpost_main .entry-content h2,



.post_main .entry-content h2,



.elementor-section h3,



.cpost_main h3,



.post_main h3,



.elementor-section .entry-content h3,



.cpost_main .entry-content h3,



.post_main .entry-content h3,



.elementor-section h4,



.cpost_main h4,



.post_main h4,



.elementor-section .entry-content h4,



.cpost_main .entry-content h4,



.post_main .entry-content h4,



.elementor-section h5,



.cpost_main h5,



.post_main h5,



.elementor-section .entry-content h5,



.cpost_main .entry-content h5,



.post_main .entry-content h5,



.elementor-section h6,



.cpost_main h6,



.post_main h6,



.elementor-section .entry-content h6,



.cpost_main .entry-content h6,



.post_main .entry-content h6 {



  color: #3a3a3a;



}







.elementor-section h1,



.cpost_main h1,



.post_main h1,



.elementor-section .entry-content h1,



.cpost_main .entry-content h1,



.post_main .entry-content h1 {



  font-size: 40px;



  line-height: 1.5;



}







.elementor-section .entry-content h2,



.cpost_main .entry-content h2,



.post_main .entry-content h2,



.elementor-section h2,



.cpost_main h2,



.post_main h2 {



  font-size: 30px;



  line-height: 1.3;



}







.elementor-section .entry-content h3,



.cpost_main .entry-content h3,



.post_main .entry-content h3,



.elementor-section h3,



.cpost_main h3,



.post_main h3 {



  font-size: 25px;



  line-height: 1.4;



}







.elementor-section h4,



.cpost_main h4,



.post_main h4,



.elementor-section .entry-content h4,



.cpost_main .entry-content h4,



.post_main .entry-content h4 {



  font-size: 22px;



  line-height: 1.5;



}







.elementor-section h5,



.cpost_main h5,



.post_main h5,



.elementor-section .entry-content h5,



.cpost_main .entry-content h5,



.post_main .entry-content h5 {



  font-size: 18px;



  line-height: 1.6;



}







.elementor-section h6,



.cpost_main h6,



.post_main h6,



.elementor-section .entry-content h6,



.cpost_main .entry-content h6,



.post_main .entry-content h6 {



  font-size: 1rem;



  line-height: 1.5;



}







.elementor-widget-theme-post-content {



  color: #7a7a7a;



}







/* old website style */











.elementor-element[data-id="11fef349"] h1 {



  display: none;



}















.download_content {



  padding: 40px 0;



}







.download_content h2 {



  font-size: 30px !important;



  line-height: 1.5 !important;



  font-weight: 500;



  padding-bottom: 15px;



  margin-bottom: 20px;



  border-bottom: 1px solid #dddddd;



}







.download_content .list {



  padding: 30px 0;



}







.download_content .list ul {



  display: grid;



  gap: 3rem 2rem;



  grid-template-columns: repeat(4, 1fr);



}







.download_content .list a {



  display: flex;



  height: 100%;



  flex-direction: column;



}







.download_content .list a:hover img {



  transform: scale(1.03);



}







.download_content .list a:hover .dl {



  background-color: var(--theme_color);



}







.download_content .list .img {



  padding: 10px;



  margin-bottom: 20px;



  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);



}







.download_content .list .img img {



  width: 100%;



  aspect-ratio: 233/300;



  object-fit: cover;



  display: block;



  transition: all .5s;



}







.download_content .list .info {



  text-align: center;



  flex: 1;



  display: flex;



  flex-direction: column;



}







.download_content .list h3 {



  font-size: 18px;



  line-height: 1.5;



  font-weight: 500;



  flex: 1;



}







.download_content .list .dl {



  border-radius: 100px;



  display: inline-flex;



  vertical-align: top;



  align-items: center;



  justify-content: center;



  color: #fff;



  background-color: #000000;



  transition: all .3s;



  max-width: max-content;



  margin: 20px auto 0;



  padding: 15px 30px;



  gap: 5px;



  font-weight: 500;



}







.download_content .list .dl::before {



  content: '';



  display: block;



  width: 18px;



  height: 18px;



  background: url(../img/arrow-down.svg) no-repeat center/contain;



}











.school_main .school-grid.solutions {



  grid-template-columns: repeat(3, 1fr);



  gap: 4rem 2rem;



}



.school_main .school-grid.solutions.swiper_brands{



  display: flex;



}







.school_main .school-grid.solutions .post a {



  transition: all .3s;



  border-radius: 4px;



  overflow: hidden;



  display: flex;



  flex-direction: column;



  height: 100%;



}







.school_main .school-grid.solutions .post .img {



  aspect-ratio: 470/300;



  overflow: hidden;



}







.school_main .school-grid.solutions .post .img img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  vertical-align: top;



  transition: all .5s;



}







.school_main .school-grid.solutions .post .info {



  margin-top: 0;



  padding: 1rem 1rem 20px;



  flex: 1;



  background-color: #f8f8f8;



  display: flex;



  flex-direction: column;



}







.school_main .school-grid.solutions .post .info .date {



  color: var(--theme_color);



  display: none;



}







.school_main .school-grid.solutions .post .info strong {



  font-size: 19px;



  line-height: 1.5;



  font-weight: 500;



  display: block;



  margin: 10px 0;



  -webkit-line-clamp: 2;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  overflow: hidden;



  text-overflow: ellipsis;



}







.school_main .school-grid.solutions .post .info p {



  font-size: 1rem;



  font-weight: normal;



  line-height: 1.5;



  margin: 0;



  color: #888;



  flex: 1;



  -webkit-line-clamp: 3;



  display: -webkit-box;



  -webkit-box-orient: vertical;



  overflow: hidden;



  text-overflow: ellipsis;



}







.school_main .school-grid.solutions .post .info .read {



  color: var(--theme_color);



  display: flex;



  align-items: center;



  max-width: max-content;



  font-weight: 500;



  gap: 6px;



  margin-top: 20px;



  text-transform: uppercase;



}







.school_main .school-grid.solutions .post .info .read::after {



  content: '';



  display: block;



  width: 1rem;



  height: 1rem;



  background: url(../img/arrow-line.svg) no-repeat center/contain;



  transition: all .3s;



}







.school_main .school-grid.solutions .post .info .read:hover::after {



  transform: translateX(5px);



}







.school_main .school-grid.solutions .post a:hover {



  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);



}







.school_main .school-grid.solutions .post a:hover img {



  transform: scale(1.03);



}







section.elementor-section.elementor-section-boxed>.elementor-container {



  max-width: 1220px;



}







table {



  max-width: 100%;



}







section[data-id="5671d62e"] {



  display: none !important;



}















.video_pop {



  position: fixed;



  top: 0;



  left: 0;



  width: 100vw;



  height: 100vh;



  background-color: rgba(0, 0, 0, 0.8);



  opacity: 0;



  pointer-events: none;



  transition: all 0.3s;



  z-index: 9999;



  padding: 1.2rem;



}







.video_pop.active {



  opacity: 1;



  pointer-events: all;



}







.video_pop.active .pop_content {



  transform: translate(-50%, -50%);



}







.video_pop .mask {



  width: 100%;



  height: 100%;



  z-index: -1;



  position: absolute;



  top: 0;



  left: 0;



}







.video_pop .mask .close {



  display: block;



  width: 1rem;



  height: 1rem;



  background: url(../img/close.svg) no-repeat center / contain;



  position: absolute;



  right: 2rem;



  top: 1rem;



  cursor: pointer;



}







.video_pop .pop_content {



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -70%);



  transition: all 0.3s;



  width: max-content;



  max-width: 90vw;



  height: 80vh;



  aspect-ratio: 1920/1080;



}







.video_pop .pop_content iframe {



  width: 100%;



  height: 100%;



  object-fit: contain;



}







.video_url {



  left: unset !important;



  top: unset !important;



  right: 10%;



  bottom: 10%;



}







.switch-block2 {



  display: none;



}







.toplevel_page_sytech_fronteditor .switch-block2 {



  display: block;



}







.loaded_solid .main p.center a:hover {



  background-color: var(--theme_color);



}







.swiper_loading_step li .right {



  padding-bottom: 2rem !important;



}







.inquiry_form ul li.zf-tempFrmWrapper {



  margin-bottom: 29px;



}







.inquiry_form ul li.zf-tempFrmWrapper .col2 {



  display: flex;



  justify-content: space-between;



  width: 100%;



}







.inquiry_form ul li.zf-tempFrmWrapper .col2 span {



  width: 48%;



}







.inquiry_form ul li.zf-fmFooter {



  text-align: right;



}







.inquiry_form h2.zf-frmTitle {



  margin-bottom: 2rem;



}











































.loaded_formula {



  padding-bottom: 156px;



  padding-top: 58px;



}







.loaded_formula .swiper_btns {



  width: 77%;



  position: absolute;



  left: 50%;



  top: 50%;



  transform: translate(-50%, -50%);



  display: flex;



  z-index: 9;



  justify-content: space-between;



  height: 0px;



  overflow: visible;



}







.loaded_formula .swiper_btns div {



  width: 66px;



  height: 66px;



  background-color: var(--theme_color);



  border: 1px solid var(--theme_color);



  position: relative;



  cursor: pointer;



  transform: translateY(-50%);



}







.loaded_formula .swiper_btns div::after {



  content: "";



  width: 14px;



  height: 18px;



  background: url("../img/btn-right-white.svg") center center / contain no-repeat;



  position: absolute;



  left: 50%;



  top: 50%;



  transform: translate(-50%, -50%);



}







.loaded_formula .swiper_btns div.btn_prev::after {



  background-image: url("../img/btn-left-white.svg");



}







.loaded_formula .swiper_btns div.swiper-button-disabled {



  background-color: transparent;



  border-color: rgb(153, 153, 153);



}







.loaded_formula .swiper_btns div.swiper-button-disabled::after {



  filter: brightness(0.5);



}







.swiper_formula li.swiper-slide {



  border-radius: 16px;



  overflow: hidden;



  background-color: white;



  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;



}







.swiper_formula li .left {



  width: 43.5%;



}







table {



  width: 100%;



  border-collapse: collapse;



}







.swiper_formula .swiper-slide table tr:nth-of-type(2n+1) {



  background-color: rgba(0, 0, 0, 0.02);



}







table td,



table th {



  font-size: 18px;



  color: rgb(102, 102, 102);



  font-weight: 500;



  padding: 12.5px 8px;



  border: 1px solid rgb(230, 230, 230);



}







.swiper_formula .swiper-slide table td {



  border: 1px solid rgba(0, 0, 0, 0.12);



  padding: 40px 46px;



}







.swiper_formula .swiper-slide table tr td:first-of-type {



  border-left: none;



}







.swiper_formula .swiper-slide table tr:first-of-type td {



  border-top: none;



}







.swiper_formula .swiper-slide table td strong {



  font-size: 20px;



  line-height: 34px;



  color: var(--theme_color);



  font-weight: 500;



}







.swiper_formula .swiper-slide table td p {



  font-size: 20px;



  line-height: 34px;



  color: rgb(102, 102, 102);



  font-weight: 400;



}







.swiper_formula .swiper-slide table tr td:last-of-type {



  border-right: none;



}







.swiper_formula .swiper-slide table tr:nth-of-type(2n) {



  background-color: rgb(232, 232, 232);



}







.swiper_formula .swiper-slide table tr:last-of-type {



  background-color: rgb(51, 51, 51);



}







.swiper_formula .swiper-slide table tr:last-of-type td {



  border-bottom: none;



}







.swiper_formula .swiper-slide table tr:last-of-type td {



  border-color: rgba(255, 255, 255, 0.12);



}







.swiper_formula .swiper-slide table tr:last-of-type p,



.swiper_formula .swiper-slide table tr:last-of-type strong {



  color: white;



}







.swiper_formula li .right {



  width: 56.5%;



  padding: 0px 80px;



}







.swiper_formula li .right strong {



  font-size: 28px;



  display: block;



  font-weight: 600;



  line-height: 26px;



  margin-bottom: 33px;



}







.swiper_formula li .right strong::after {



  content: "";



  width: 40px;



  height: 8px;



  display: block;



  background: var(--theme_color);



  border-radius: 20rem;



  margin-top: 25px;



}







.swiper_formula li .right p {



  font-size: 18px;



  line-height: 27px;



  color: rgb(102, 102, 102);



}







.nav_de ul {



  display: flex;



  flex-flow: wrap;



  gap: 20px;



}







.nav_de li {



  font-size: 20px;



  font-weight: 500;



  padding: 8px 29px;



  border: 1px solid rgb(232, 232, 232);



  transition: all 0.3s ease 0s;



  cursor: pointer;



}







.nav_de li.active {



  background-color: var(--theme_color);



  color: white;



  border-color: var(--theme_color);



}







.loaded_formula .swiper_box {



  margin-top: 30px;



}







.loading-nav {



  padding: 112px 0px 50px;



}







.loading-nav ul {



  justify-content: center;



  gap: 23%;



}







.loading-nav ul li::after {



  content: "";



  width: 18px;



  height: 26px;



  background: url("../img/arrow-bb.svg") center center / contain no-repeat;



  display: block;



  margin-left: auto;



  margin-right: auto;



  margin-top: 27px;



  transition: all 0.3s ease 0s;



  opacity: 0;



}







.loading-nav ul li:hover::after {



  opacity: 1;



}







a {



  color: rgb(28, 35, 47);



  text-decoration: none;



  font-size: 1rem;



}







.loading-nav ul li .img {



  width: 134px;



  height: 134px;



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  margin-bottom: 42px;



  margin-left: auto;



  margin-right: auto;



  position: relative;



  transition: all 0.3s ease 0s;



  background: linear-gradient(to right, rgb(218, 218, 218), rgb(242, 242, 242), rgb(218, 218, 218));



}







.loading-nav ul li .img::after {



  content: "";



  width: 120%;



  height: 120%;



  transform: translate(-50%, -50%) rotate(-180deg);



  background: url("../img/red-circle.svg") center center / contain no-repeat;



  left: 50%;



  top: 50%;



  position: absolute;



  opacity: 0;



  transition: all 0.3s ease 0s;



}







.loading-nav ul li:hover .img::after {



  transform: translate(-50%, -50%) rotate(0deg);



  opacity: 1;



}







.loading-nav ul li:hover .img {



  background: var(--theme_color);



}







i {



  font-style: normal;



}







.loading-nav ul li .img i {



  width: 55%;



  transition: all 0.3s ease 0s;



  height: 55%;



}







.loading-nav ul li:hover .img i {



  filter: brightness(100);



}







.loading-nav ul li .img img {



  width: 100%;



  height: 100%;



  object-fit: contain;



}







.loading-nav ul li p {



  font-size: 24px;



  transition: all 0.3s ease 0s;



  font-weight: 700;



}







.loading-nav ul li:hover p {



  color: var(--theme_color);



}







button,



input,



textarea {



  outline: none;



  border: none;



  font-family: unset;



}







input[type="submit"],



button {



  cursor: pointer;



}







.loading-nav ul li {



  cursor: pointer;



}







.loading-nav ul li:hover .img:after,



.loading-nav ul li.active .img:after {



  transform: translate(-50%, -50%) rotate(0deg);



  opacity: 1;







}







.loading-nav ul li:hover .img,



.loading-nav ul li.active .img {



  background: var(--theme_color);



}







.loading-nav ul li:hover .img i,



.loading-nav ul li.active .img i {



  filter: brightness(100);



}







.loading-nav ul li:hover p,



.loading-nav ul li.active p {



  color: var(--theme_color);



}







.loading-nav ul li:hover:after,



.loading-nav ul li.active:after {



  opacity: 1;



}















.loading_step {



  padding: 55px 0px 157px;



}







.loading_step .line-title h2 {



  margin-bottom: 0px;



}







.loading_step .nav ul {



  gap: 20px;



}







.loading_step .nav li {



  font-size: 20px;



  font-weight: 500;



  padding: 7px 30px;



  border: 1px solid rgb(232, 232, 232);



  transition: all 0.3s ease 0s;



  cursor: pointer;



}







.loading_step .nav li.active {



  background-color: var(--theme_color);



  color: white;



  border-color: var(--theme_color);



}







.swiper_box {



  position: relative;



}







.loading_step .swiper_box {



  margin-top: 53px;



}







.loading_step .swiper_btns {



  width: 77%;



  position: absolute;



  left: 50%;



  top: 50%;



  transform: translate(-50%, -50%);



  display: flex;



  z-index: 9;



  justify-content: space-between;



  height: 0px;



  overflow: visible;



}







.loading_step .swiper_btns div {



  width: 66px;



  height: 66px;



  background-color: var(--theme_color);



  border: 1px solid var(--theme_color);



  position: relative;



  cursor: pointer;



  transform: translateY(-50%);



}







.loading_step .swiper_btns div::after {



  content: "";



  width: 14px;



  height: 18px;



  background: url("../img/btn-right-white.svg") center center / contain no-repeat;



  position: absolute;



  left: 50%;



  top: 50%;



  transform: translate(-50%, -50%);



}







.loading_step .swiper_btns div.btn_prev::after {



  background-image: url("../img/btn-left-white.svg");



}







.loading_step .swiper_btns div.swiper-button-disabled {



  background-color: transparent;



  border-color: rgb(153, 153, 153);



}







.loading_step .swiper_btns div.swiper-button-disabled::after {



  filter: brightness(0.5);



}







.swiper_loading_step li.swiper-slide {



  border-radius: 16px;



  overflow: hidden;



  background-color: white;



  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;



}







.swiper-slide {



  flex-shrink: 0;



  width: 100%;



  height: 100%;



  position: relative;



  transition-property: transform, -webkit-transform;



}







.swiper_loading_step li .left {



  width: 43.5%;



}







.swiper_loading_step li .left .img {



  aspect-ratio: 522 / 500;



  width: 100%;



  border-radius: 16px;



  overflow: hidden;



}















.swiper_loading_step li .right {



  width: 56.5%;



  padding: 78px 80px 0px;



}











.swiper_loading_step li.swiper-slide {



  border-radius: 16px;



  overflow: hidden;



  background-color: white;



  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;



}







.swiper_loading_step li .left {



  width: 43.5%;



}







.swiper_loading_step li .left .img {



  aspect-ratio: 522 / 500;



  width: 100%;



  border-radius: 16px;



  overflow: hidden;



}











.swiper_loading_step li.swiper-slide:hover .img img {



  transform: scale(1.1);



}







.swiper_loading_step li .left .img img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  transition: all 0.3s ease 0s;



}







.swiper_loading_step li .right {



  width: 56.5%;



  padding: 78px 80px 0px;



}







.swiper_loading_step li .right strong {



  font-size: 28px;



  display: block;



  font-weight: 600;



  line-height: 26px;



  margin-bottom: 33px;



}







.swiper_loading_step li .right strong::after {



  content: "";



  width: 40px;



  height: 8px;



  display: block;



  background: var(--theme_color);



  border-radius: 20rem;



  margin-top: 25px;



}







.swiper_loading_step li .right span {



  display: block;



  font-size: 18px;



  line-height: 27px;



  color: rgb(102, 102, 102);



  margin-bottom: 14px;



}







.swiper_loading_step li .right p {



  font-size: 18px;



  line-height: 27px;



  color: rgb(102, 102, 102);



}







.swiper_loading_step li .right p {



  font-size: 20px;



  line-height: 27px;



  font-weight: 500;



  margin-bottom: 15px;



  color: rgb(51, 51, 51);



}







i {



  font-style: normal;



}







.swiper_loading_step li .right i {



  font-size: 15px;



  display: flex;



  color: rgb(102, 102, 102);



  line-height: 1.4;



  margin-top: 95px;



}







.swiper_loading_step li .right i::before {



  content: "";



  width: 18px;



  min-width: 18px;



  height: 18px;



  display: inline-block;



  margin-right: 9px;



  background: url("../img/gantan.svg") center center / contain no-repeat;



}















.loading_quantity {



  padding: 57px 0px 154px;



}







.loading_quantity .line-title h2 {



  margin-bottom: 60px;



}







.loading_quantity .main li .flex {



  align-items: flex-start;



}







.loading_quantity .main .left {



  width: 42.9%;



}







.loading_quantity .main .left .img {



  aspect-ratio: 524 / 338;



  border-radius: 14px 0px 0px 14px;



  width: 100%;



  overflow: hidden;



}







.loading_quantity .main .left .img {



  display: none;



}







.loading_quantity .main ul li:nth-of-type(1) .left .img {



  display: block;



}







.loading_quantity .main .left .img img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  transition: all 0.3s ease 0s;



}







.loading_quantity .main ul li:hover .left .img img {



  transform: scale(1.1);



}







.loading_quantity .main .infos {



  width: 57.1%;



  padding: 25px 38px;



  background-color: white;



  border-radius: 6px;



  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;



  transition: all 0.3s ease 0s;



  cursor: pointer;



}







.loading_quantity .main li.active .infos {



  padding: 46px 38px;



}







.loading_quantity .main .infos strong {



  font-size: 24px;



  line-height: 26px;



  display: flex;



  align-items: center;



  color: rgb(22, 22, 22);



  transition: all 0.3s ease 0s;



  justify-content: space-between;



}







.loading_quantity .main .infos strong::after {



  content: "";



  width: 15px;



  height: 15px;



  display: inline-block;



  transition: all 0.3s ease 0s;



  background: url("../img/plus-red.svg") center center / contain no-repeat;



}







.loading_quantity .main li.active .infos strong::after {



  background-image: url("../img/minus-red.svg");



}







.loading_quantity .main li.active .infos strong {



  color: var(--theme_color);



}







.loading_quantity .main .infos div {



  display: none;



  margin-top: 38px;



}







.loading_quantity .main ul li:nth-of-type(1) .infos div {



  display: block;



}







.loading_quantity .main .infos span {



  font-size: 18px;



  line-height: 27px;



  color: rgb(102, 102, 102);



  display: block;



  margin-bottom: 1rem;



}







.loading_quantity .main .infos p {



  font-size: 20px;



  line-height: 27px;



  color: rgb(51, 51, 51);



  font-weight: 500;



  margin-bottom: 25px;



}







.loading_quantity .main ul li+li {



  margin-top: 26px;



}











.elementor-editor-active .switch-block2 {



  display: block !important;



}











.footer-container .footer-main .logo-icon .cer_logos ul {



  display: flex;



  gap: 1rem;



  align-items: flex-end;



  margin-right: 3rem;



}







.footer-container .footer-main .logo-icon .cer_logos ul li {



  /* width: 150px;



  height: 50px; */



  width: auto;



  aspect-ratio: unset;



  height: auto;



}







.footer-container .footer-main .logo-icon .cer_logos ul li img {



  height: 50px;



  width: auto;



  display: block;



}







.brand_products .head{



  margin-bottom: 9rem;



}



.brand_products {



  padding-top: 120px;



}







.brand_products .tabel {



  max-width: unset;



  grid-template-columns: repeat(4, 1fr);



}







.brands_realted .swiper_brands{



  overflow: hidden;



  padding: 1.5rem 1rem;



}







.brands_realted .swiper_brands .swiper-slide{



  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);



}



















.header_menu{



  position: absolute;



  left: 0;



  top: 100%;



  width: 100%;



  height: auto;



  padding: 3rem 0;



  background-color: white;



  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);



  display: none;



  z-index: 2 ;



}



.overlay_menu{



  position: fixed;



  width: 100%;



  height: 100%;



  left: 0;



  top: 0;



  background: rgba(0, 0, 0, 0.7);



  z-index: 900;



  opacity: 0;



  pointer-events: none;



  transition: all 0.3s;



}



.overlay_menu.active{



  pointer-events: all;



  opacity: 1;



}



.header_menu ul{



  display: grid;



  grid-template-columns: repeat(4,1fr);



  gap: 1rem;



}



.header_menu .left{



  width: 20%;



  display: block;







}



.header_menu .left ul{



  grid-template-columns: repeat(1,1fr);



  padding: 0;



}



.header_menu .left ul li a{



  display: flex;



  padding: 0.8rem 1.2rem;



  border-radius: 0;



  align-items: center;



  transition: all 0.3s;



  font-weight: 500;



  background: transparent;



}



.header_menu .left ul li.active a{



  background-color: var(--theme_color);



  color: white;



}



.header_menu .left ul li.active a i{



  filter: contrast(0) brightness(100);



}



.header_menu .left ul li:not(.active):hover a{



  background-color: rgb(232, 244, 255);



} 



.header_menu .left ul li a i{



  width: 50px;



  height: 50px;



  min-width: 30px;



  display: inline-block;



  margin-right: 0.5rem;



  transition: all 0.3s;



}



.header_menu .left ul li a i img{



  width: 100%;



  height: 100%;



  object-fit: contain;



  transition: all 0.3s;



}



.header_menu .lists{



  width: 75%;



  padding-left: 4%;



  display: none;



}



.header_menu .lists.active{



  display: block;



}



.header_menu .lists ul li{



  text-align: center;



}



.header_menu ul li .img{



  aspect-ratio: 1/0.7;



  overflow: hidden;



}



.header_menu ul li:hover .img img{



  transform: scale(1.1);



}



.header_menu ul li .img img{



  width: 100%;



  height: 100%;



  object-fit: contain;



  transition: all 0.3s;



}



.header_menu ul li strong{



  font-size: 1rem;



  font-weight: 600;



  display: block;



  margin-top: 0.5rem;



  margin-bottom: 0.5rem;



  display: -webkit-box;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;







}



.header_menu ul li p{



  font-size: 15px;



  line-height: 1.4;  



}















.banner_search input[type="text"]{



  padding: 1rem 1.5rem;



  border-radius: 5px;



  overflow: auto;



  background-color: white;



  width: 576px;



  font-size: 17px;



  border: none;



}



.banner_search input[type="submit"]{



  width: 54px;



  aspect-ratio: 1;



  border-radius: 5px;



  transform: translate(-100%,-1px);



  z-index: 9;



  position: relative;



  background: url('../img/search-white.svg') no-repeat center/40%;



  background-color: var(--theme_color);



  text-indent: -999999px;



  display: inline-block;



}







.dmension_main{



  padding: 5rem 0;



}



.dmension_main h2{



  font-size: 1.5rem !important;



  margin-bottom: 0;



  line-height: 1.5 !important;







  padding-bottom: 1rem;



  margin-bottom: 2rem;



  border-bottom: 1px solid var(--theme_color);



}



.dmension_main .link_list{



  display: flex;



  flex-flow: wrap;



  gap: 1.5rem;



}



.dmension_main .link_list a{



  display: inline-block;



  padding: 0.5rem 1.5rem;



  border-radius: 7px;



  background-color: #f1f1f1;



  color: #000;



  transition: all 0.3s;



  font-size: 17px;



}



.dmension_main .link_list a:hover{



  background-color: var(--theme_color);



  color: white;



}



.dmension_main li + li{



  margin-top: 1.5rem;



}






.header_menu_brand{
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.header_menu_brand .lists ul{



    display: grid;



    grid-template-columns: repeat(6,1fr);



    gap: 2rem;



}



.header_menu_brand .lists{



  display: block !important;



}



.header_menu.header_menu_brand .lists{



  width: 100%;



  padding: 0;



}







.category_main > .flex{



  flex-flow: wrap;



}







.contact_main {



  zoom: 0.7;



  padding-top: 120px !important;



}



#menu-tires-by-brand{

  display: grid;

  grid-template-columns: repeat(2,1fr);

  gap: 0 7rem;

}





.tire_school-template-default .tire-filter-container{

  margin-left: unset;

  width: 100%;

}
footer{
  overflow: hidden;
}


footer form input[type="email"] {
  width: 100%;
  display: block;
  color: #fff;
  font-size: 16px;
  padding: 0.5rem 1.5rem;
  background-color: white;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #333;
  margin-top: 1rem;
}
footer form input[type="email"]::placeholder {
  color: #333;
}
footer form input[type="submit"] {
  padding: 1rem 3rem;
  margin-top: 1.5rem;
  color: white;
  font-size: 1rem;
  transition: all 0.3s;
  border: 1px solid white;
  background-color: transparent;
  margin-bottom: 1rem;
}
footer form input[type="submit"]:hover {
  background-color: transparent;
}
body form#sytech-newsletter-subscription p.failed, body form#sytech-newsletter-subscription p.success{
  font-size: 0.9rem;
  line-height: 1.5;
  background: white;
  color: #333;
  padding: 1rem 1rem 1rem 2.5rem;
}
body form#sytech-newsletter-subscription p.failed:before, body form#sytech-newsletter-subscription p.success:before{
  filter: brightness(0);
  width: 1rem;
  height: 1rem;
  top: 18px;
}



.category_main .righttabel .more{
  text-align: right;
}