@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
:root {
  --primary-color: #033357 !important;
  --secondary-color: #D6001A !important;
  --third-color: #E0E0E0;
  --white: #fff !important;
  --light-white: #f5f9fd;
  --gray: #4F697B;
  --dark-gray: #282828;
  --light-gray: #F4F4F4;
  --text-color: #9DC1DD;
  --green-color: #63C24D;
  --link-gray: #CBCBCB;
}

body {
  font-family: "IBM Plex Sans", sans-serif !important;
  background-color: var(--second-white) !important;
}
a {
  text-decoration: none !important;
}

.default-container {
  width: 90%;
  margin: 0 auto;
}
.site-margin{margin-top: 5%; margin-bottom: 5%;}
.site-padding{padding-top: 7%; padding-bottom: 7%;}

/* Text Properties */
.color-primary{
  color: var(--primary-color) !important;
}
.color-primary-bg{
  background-color: var(--primary-color) !important;
}
.color-secondary{
  color: var(--secondary-color) !important;
}
.color-secondary-bg{
  background-color: var(--secondary-color) !important;
}
.color-third{
  color: var(--third-color) !important;
}
.color-third-bg{
  background-color: var(--third-color) !important;
}
.color-dark{
  color: var(--dark-gray) !important;
}
.color-light-gray{
  color: var(--light-gray) !important;
}
.text-color{
  color: var(--text-color) !important;
}
.custom-fs-1{
  font-size: 84px;
  line-height: 109px;
}
.custom-fs-2{
  font-size: 48px;
  line-height: 62px;
}
.custom-fs-3{
  font-size: 30px;
  line-height: 42px;
}
.custom-fs-4{
  font-size: 24px;
  line-height: 32px;
}
.custom-fs-5{
  font-size: 16px;
  line-height: 20px;
}
.custom-fs-6{
  font-size: 14px;
  line-height: 18px;
}
.text-content{
  font-size: 16px;
}
/* Text Properties End */

/* Button */
.default-btn{
  border-radius: 8px;
  border: 1px solid var(--secondary-color);
  padding: 10px 15px;
  color: var(--secondary-color);
  font-size: 13px;
  letter-spacing: 2.5px;
  transition: all 0.5s;
}
.default-btn:hover{
  background-color: var(--secondary-color);
  color: var(--white);
}
.link{
  font-size: 14px;
  line-height: 18px;
  color: var(--secondary-color);
  transition: all 0.5s;
}
.btn-two{
  border-radius: 8px;
  border: 1px solid var(--green-color);
  padding: 10px 15px;
  color: var(--white);
  background-color: var(--green-color);
  font-size: 13px;
  letter-spacing: 2.5px;
  transition: all 0.5s;
}
.btn-two:hover{
  background-color: var(--white);
  color: var(--green-color);
}
/* Button End */

/* Menu */
.custom-navbar {
  top: 0px;
  padding:  0 !important;
  overflow: visible;
  z-index: 9; width: 90%; left: 50%; transform: translate(-50%, 20%);
  background-color: var(--white);
  clip-path: polygon(57.903% 0%, 57.903% 0%, 57.78% 0.05%, 57.658% 0.2%, 57.536% 0.448%, 57.416% 0.793%, 57.297% 1.234%, 57.18% 1.77%, 57.065% 2.4%, 56.951% 3.123%, 56.841% 3.939%, 56.732% 4.845%, 55.722% 13.849%, 55.722% 13.849%, 55.633% 14.596%, 55.542% 15.268%, 55.448% 15.864%, 55.353% 16.383%, 55.257% 16.825%, 55.159% 17.188%, 55.06% 17.471%, 54.96% 17.675%, 54.859% 17.797%, 54.757% 17.838%, 45.181% 17.838%, 45.181% 17.838%, 45.08% 17.797%, 44.979% 17.674%, 44.879% 17.471%, 44.78% 17.187%, 44.682% 16.824%, 44.585% 16.382%, 44.49% 15.863%, 44.397% 15.267%, 44.306% 14.596%, 44.217% 13.849%, 43.206% 4.845%, 43.206% 4.845%, 43.098% 3.939%, 42.987% 3.124%, 42.874% 2.4%, 42.759% 1.77%, 42.642% 1.234%, 42.523% 0.793%, 42.403% 0.448%, 42.281% 0.2%, 42.159% 0.05%, 42.036% 0%, 0% 0%, 0% 99.059%, 42.036% 99.059%, 42.036% 99.059%, 42.159% 99.01%, 42.281% 98.861%, 42.403% 98.614%, 42.523% 98.269%, 42.642% 97.828%, 42.759% 97.292%, 42.874% 96.662%, 42.988% 95.938%, 43.098% 95.121%, 43.207% 94.214%, 44.217% 85.21%, 44.217% 85.21%, 44.306% 84.463%, 44.397% 83.792%, 44.49% 83.196%, 44.585% 82.677%, 44.682% 82.235%, 44.78% 81.872%, 44.879% 81.588%, 44.979% 81.385%, 45.08% 81.262%, 45.181% 81.221%, 54.757% 81.221%, 54.757% 81.221%, 54.859% 81.262%, 54.96% 81.384%, 55.06% 81.588%, 55.159% 81.872%, 55.257% 82.235%, 55.353% 82.676%, 55.448% 83.195%, 55.542% 83.791%, 55.633% 84.463%, 55.722% 85.21%, 56.732% 94.214%, 56.732% 94.214%, 56.841% 95.122%, 56.951% 95.938%, 57.065% 96.662%, 57.18% 97.293%, 57.297% 97.829%, 57.416% 98.27%, 57.536% 98.615%, 57.658% 98.862%, 57.78% 99.01%, 57.903% 99.059%, 99.938% 99.059%, 99.938% 4.14%, 99.939% 4.14%, 99.939% 0%);
}

.logo-center{
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0%);
}
.since{
  font-size: 12px;
  letter-spacing: 9.6px;
  line-height: 15px;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 99;
  top: 12%;
}
.head-contact{
  position: relative;
  display: inline-flex;
}
.head-contact a{
  color: var(--primary-color);
  font-size: 14px;
  line-height: 25px;
}
.nav-item.dropdown:hover .dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: fadeIn 0.3s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
}
.nav-item.dropdown:hover .dropdown-menu.flag {
  display: flex !important;
}
.dropdown-menu {
  display: none !important;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  width: 100%;
}
.navbar-nav .nav-item {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-link {
  color: var(--primary-color) !important;
  font-size: 16px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}
.nav-item {
  padding: 0 20px;
}
.navbar-toggler {
  padding: 0;
  line-height: 0;
  border: none !important;
  background-color: var(--white) !important;
  border-radius: 50px !important;
  width: 48px !important;
  height: 48px !important;
  border: none;
  right: 30px;
  position: absolute;
}
.navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
}
.navbar-menu-button{
  background-color: transparent;
  color: var(--white);
  border: none;
  font-size: 25px;
}
.dropdown-menu.flag {
  border: 1px solid var(--white);
  border-radius: 50px;
  min-width: 140px;
  margin: -35px -25px;
  /* margin: 0 -25px; */
}
.dropdown-menu.flag a:hover {
  background-color: transparent;
}
.dropdown-item.lang{
  padding: 0 7px;
}
.language {
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-radius: 50px; */
  /* border: 1px solid var(--white); */
  /* width: 40px; */
  height: 106px;
  margin: auto;
}
.language img {
  display: block;
  margin: auto;
}
.menu-button{
  background-color: rgba(22, 10, 10, 0.4);
  border-radius: 8px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding: 5px 10px;
}
.search-canvas{
  width: 90%;
  margin: 6% auto;
  --bs-offcanvas-bg: var(--light-white) !important;
  border-radius: 0 0 20px 20px;
  border: 1px solid #DEDEDE;
}
.search-canvas .subscribe-form input{
  width: 75%;
}
.offcanvas-backdrop.show {
  opacity: .0 !important;
}
.mobile-menu a{
  text-decoration: none;
  color: var(--secondary-color);
  font-size: 30px;
  font-weight: bold;
  transition: all 0.5s;
}
.mobile-menu a:hover{
  text-decoration: none;
  color: var(--primary-color);
  font-size: 30px;
  font-weight: bold;
  transition: all 0.5s;
}
.menu-social-icon {
  color: var(--primary-color);
  margin-right: 20px;
  text-decoration: none;
  font-size: 30px;
}
.menu-contact a{
  text-decoration: none;
  color: var(--secondary-color);
  font-size: 20px;
  font-weight: bold;
}
/* Menu End */

/* Slider */
.carousel{
  height: 100vh;
  max-height: 100vh;
}
.carousel-item img {
  height: 100vh;
  max-height: 100vh;
  object-fit: cover;
}
.carousel-item {
  position: relative;
}
.head {
  position: absolute;
  top: 50%;
  left: 140px;
  font-weight: bold;
  z-index: 2;
  font-size: 84px;
  line-height: 111px;
  color: var(--white);
  max-width: 550px;
}
.slider-up-title{
  position: absolute;
  top: 48%;
  left: 140px;
  font-size: 16px;
  letter-spacing: 4.8px;
  line-height: 21px;
  color: var(--white);
}
.slider-slogan{
  position: absolute;
  top: 36%;
  left: 260px;
  color: var(--secondary-color);
  z-index: 2;
}
.slider-count{
  position: absolute;
  top: 20%;
  z-index: 1;
  left: 17%;
  font-size: 318px;
  color: var(--light-gray);
  opacity: .2;
  line-height: 398px;
  font-family: "Orbitron", sans-serif;
}
.slider-btn {
  position: absolute;
  top: 35%;
  left: 140px;
  z-index: 5;
  border: none;
  padding: 10px;
  border: 1px solid var(--secondary-color);
  width: 48px;
  height: 48px;
  background-color: transparent;
  transition: all 0.5s;
}
.slider-btn i {
  color: var(--secondary-color);
}
.slider-btn:hover{
  border: 1px solid var(--secondary-color);
  background-color: var(--secondary-color);
}
.slider-btn:hover i{
  color: var(--white);
}
.prev-btn {
  border-radius: 20px 0 0 20px;
}
.next-btn {
  left: 200px;
  border-radius: 0 20px 20px 0;
}
.carousel-fade .custom-btn{
  position: absolute;
  z-index: 5;
  top: 65%;
  margin-top: 5px;
  left: 270px;
}
.path{
  position: absolute;
  top: calc(60% + 30px);
  left: 140px;
}
.scroll-down{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 2rem;
  margin-left: 15%;
}
.scroll-down a{
  color: var(--gray);
  font-size: 13px;
  letter-spacing: 2.5px;
  line-height: 13px;
  transition: all 0.5s;
}
.scroll-down a:hover{
  color: var(--white);
}
.carousel-indicators {
  right: 10% !important;
  left: auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-bottom: 2rem !important;
}
.carousel-indicators [data-bs-target] {
  background-color: var(--secondary-color) !important;
}
.social-icons {
  position: absolute;
  bottom: 2rem;
  padding: 15px;
  left: 5%;
  gap: 20px;
  z-index: 5;
  font-size: 13px;
  color: var(--gray);
  letter-spacing: 2.5px;
}
.social-icons a{
  color: var(--gray);
  transition: all 0.5s;
  font-size: 18px;
}
.social-icons a:hover{
  color: var(--white);
}
/* Slider End */

/* Counter */
.counter-card {
  position: relative;
  overflow: hidden;
  height: 300px;
}
.counter-card img.bg-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.counter-overlay{
  background-color: #414141;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  border-radius: 0px 0px 0px 24px;
  z-index: 1;
  opacity: 0.42;
}
.counter-card p{
  color: var(--white);
  position: absolute;
  z-index: 2;
  bottom: 40px;
}
.counter-cursor{
  position: absolute;
  z-index: 2;
  bottom: 60px;
  right: 70px;
}
.counter-lottie {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  right: 0px;
  width: 160px;
  height: 160px;
}

/* Counter End */

/* Product */
.prod-card{
  height: 480px;
  clip-path: polygon(100% 3.048%, 100% 96.954%, 100% 96.954%, 99.964% 97.448%, 99.86% 97.917%, 99.695% 98.354%, 99.473% 98.753%, 99.2% 99.108%, 98.882% 99.413%, 98.524% 99.66%, 98.133% 99.845%, 97.713% 99.96%, 97.271% 100%, 87.037% 100%, 87.037% 100%, 86.24% 99.977%, 85.447% 99.908%, 84.661% 99.792%, 83.881% 99.631%, 83.111% 99.424%, 82.352% 99.173%, 81.605% 98.878%, 80.872% 98.539%, 80.154% 98.156%, 79.453% 97.731%, 72.91% 93.513%, 72.91% 93.513%, 72.333% 93.162%, 71.741% 92.848%, 71.137% 92.568%, 70.522% 92.325%, 69.896% 92.118%, 69.261% 91.948%, 68.619% 91.816%, 67.971% 91.72%, 67.317% 91.663%, 66.66% 91.644%, 33.334% 91.644%, 33.334% 91.644%, 32.678% 91.663%, 32.025% 91.721%, 31.377% 91.816%, 30.736% 91.949%, 30.102% 92.119%, 29.476% 92.326%, 28.861% 92.569%, 28.258% 92.848%, 27.667% 93.163%, 27.09% 93.513%, 20.545% 97.731%, 20.545% 97.731%, 19.844% 98.156%, 19.127% 98.539%, 18.394% 98.878%, 17.647% 99.173%, 16.888% 99.424%, 16.118% 99.63%, 15.339% 99.792%, 14.552% 99.907%, 13.76% 99.977%, 12.963% 100%, 2.729% 100%, 2.729% 100%, 2.287% 99.96%, 1.867% 99.845%, 1.476% 99.66%, 1.118% 99.413%, 0.8% 99.108%, 0.527% 98.753%, 0.305% 98.354%, 0.14% 97.917%, 0.036% 97.448%, 0% 96.954%, 0% 3.048%, 0% 3.048%, 0.036% 2.554%, 0.139% 2.085%, 0.305% 1.648%, 0.527% 1.248%, 0.8% 0.893%, 1.118% 0.588%, 1.476% 0.34%, 1.867% 0.155%, 2.287% 0.04%, 2.729% 0%, 97.271% 0%, 97.271% 0%, 97.713% 0.04%, 98.133% 0.155%, 98.525% 0.34%, 98.883% 0.588%, 99.201% 0.893%, 99.473% 1.248%, 99.695% 1.647%, 99.861% 2.085%, 99.964% 2.554%, 100% 3.048%);
  transition: all 0.5s;
}

.prod-card:hover .img-box{
  transform: scale(1.1) rotate(10deg);
}
.bg-light-gray{
  background-color: var(--light-gray);
}
.bg-primary-color{
  background-color: var(--primary-color);
}
.bg-secondary-color{
  background-color: var(--secondary-color);
}
.prod-btn{
  text-align: center;
  margin-top: -30px;
}
.number{
  font-family: "Orbitron", sans-serif;
  -webkit-text-stroke: 1px #DEDEDE;
  color: transparent;
}
.img-box{
  width: 260px;
  height: 345px;
  margin: auto;
  display: block;
  position: relative;
  transition: all 0.5s;
}
.img-box img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Product End */

/* Category Page */
.side-menu-wrapper {
  position: relative;
  z-index: 1;
}

.side-menu {

  position: relative;
  overflow: visible;
  z-index: 2;
}

.side-menu::before {
  background-color: var(--light-gray);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 3.048%, 100% 96.954%, 100% 96.954%, 99.964% 97.448%, 99.86% 97.917%, 99.695% 98.354%, 99.473% 98.753%, 99.2% 99.108%, 98.882% 99.413%, 98.524% 99.66%, 98.133% 99.845%, 97.713% 99.96%, 97.271% 100%, 87.037% 100%, 87.037% 100%, 86.24% 99.977%, 85.447% 99.908%, 84.661% 99.792%, 83.881% 99.631%, 83.111% 99.424%, 82.352% 99.173%, 81.605% 98.878%, 80.872% 98.539%, 80.154% 98.156%, 79.453% 97.731%, 72.91% 93.513%, 72.91% 93.513%, 72.333% 93.162%, 71.741% 92.848%, 71.137% 92.568%, 70.522% 92.325%, 69.896% 92.118%, 69.261% 91.948%, 68.619% 91.816%, 67.971% 91.72%, 67.317% 91.663%, 66.66% 91.644%, 33.334% 91.644%, 33.334% 91.644%, 32.678% 91.663%, 32.025% 91.721%, 31.377% 91.816%, 30.736% 91.949%, 30.102% 92.119%, 29.476% 92.326%, 28.861% 92.569%, 28.258% 92.848%, 27.667% 93.163%, 27.09% 93.513%, 20.545% 97.731%, 20.545% 97.731%, 19.844% 98.156%, 19.127% 98.539%, 18.394% 98.878%, 17.647% 99.173%, 16.888% 99.424%, 16.118% 99.63%, 15.339% 99.792%, 14.552% 99.907%, 13.76% 99.977%, 12.963% 100%, 2.729% 100%, 2.729% 100%, 2.287% 99.96%, 1.867% 99.845%, 1.476% 99.66%, 1.118% 99.413%, 0.8% 99.108%, 0.527% 98.753%, 0.305% 98.354%, 0.14% 97.917%, 0.036% 97.448%, 0% 96.954%, 0% 3.048%, 0% 3.048%, 0.036% 2.554%, 0.139% 2.085%, 0.305% 1.648%, 0.527% 1.248%, 0.8% 0.893%, 1.118% 0.588%, 1.476% 0.34%, 1.867% 0.155%, 2.287% 0.04%, 2.729% 0%, 97.271% 0%, 97.271% 0%, 97.713% 0.04%, 98.133% 0.155%, 98.525% 0.34%, 98.883% 0.588%, 99.201% 0.893%, 99.473% 1.248%, 99.695% 1.647%, 99.861% 2.085%, 99.964% 2.554%, 100% 3.048%);
  z-index: -1;
}
.side-menu>ul>li>a{
  padding: 20px 15px;
  display: block;
  transition: all 0.5s;
  color: var(--primary-color);
}
.side-menu>ul>li>a:hover{
  background-color: var(--secondary-color);
  color: var(--white);
  border-radius: 20px 0  0 20px;
}
.side-menu .active-btn{
  background-color: var(--secondary-color);
  color: var(--white);
  border-radius: 20px 0  0 20px;
}
.has-submenu {
  position: relative;
}

.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: var(--secondary-color);
  min-width: 300px;
  display: none;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  z-index: 99;
  border-radius: 0 20px  20px 20px;
  padding: 20px 20px;
}
.submenu a{
  padding: 10px 0;
  margin-left: 20px;
  display: block;
  transition: all 0.5s;
}
.submenu a:hover{
  margin-left: 25px;
}
.submenu i{
  opacity: 0;
  transition: all 0.5s;
}
.submenu a:hover i{
  opacity: 1;
}

.has-submenu:hover .submenu {
  display: block;
}
.side-contact{
  padding: 100px 10px 40px 10px;
  background-color: var(--primary-color);
  border-radius: 8px;
  margin-top: -50px;
}

.category-card{
  height: 300px;
  clip-path: polygon(100% 3.048%, 100% 96.954%, 100% 96.954%, 99.964% 97.448%, 99.86% 97.917%, 99.695% 98.354%, 99.473% 98.753%, 99.2% 99.108%, 98.882% 99.413%, 98.524% 99.66%, 98.133% 99.845%, 97.713% 99.96%, 97.271% 100%, 87.037% 100%, 87.037% 100%, 86.24% 99.977%, 85.447% 99.908%, 84.661% 99.792%, 83.881% 99.631%, 83.111% 99.424%, 82.352% 99.173%, 81.605% 98.878%, 80.872% 98.539%, 80.154% 98.156%, 79.453% 97.731%, 72.91% 93.513%, 72.91% 93.513%, 72.333% 93.162%, 71.741% 92.848%, 71.137% 92.568%, 70.522% 92.325%, 69.896% 92.118%, 69.261% 91.948%, 68.619% 91.816%, 67.971% 91.72%, 67.317% 91.663%, 66.66% 91.644%, 33.334% 91.644%, 33.334% 91.644%, 32.678% 91.663%, 32.025% 91.721%, 31.377% 91.816%, 30.736% 91.949%, 30.102% 92.119%, 29.476% 92.326%, 28.861% 92.569%, 28.258% 92.848%, 27.667% 93.163%, 27.09% 93.513%, 20.545% 97.731%, 20.545% 97.731%, 19.844% 98.156%, 19.127% 98.539%, 18.394% 98.878%, 17.647% 99.173%, 16.888% 99.424%, 16.118% 99.63%, 15.339% 99.792%, 14.552% 99.907%, 13.76% 99.977%, 12.963% 100%, 2.729% 100%, 2.729% 100%, 2.287% 99.96%, 1.867% 99.845%, 1.476% 99.66%, 1.118% 99.413%, 0.8% 99.108%, 0.527% 98.753%, 0.305% 98.354%, 0.14% 97.917%, 0.036% 97.448%, 0% 96.954%, 0% 3.048%, 0% 3.048%, 0.036% 2.554%, 0.139% 2.085%, 0.305% 1.648%, 0.527% 1.248%, 0.8% 0.893%, 1.118% 0.588%, 1.476% 0.34%, 1.867% 0.155%, 2.287% 0.04%, 2.729% 0%, 97.271% 0%, 97.271% 0%, 97.713% 0.04%, 98.133% 0.155%, 98.525% 0.34%, 98.883% 0.588%, 99.201% 0.893%, 99.473% 1.248%, 99.695% 1.647%, 99.861% 2.085%, 99.964% 2.554%, 100% 3.048%);
  transition: all 0.5s;
}
.category-card .img-box{
  width: 100px;
  height: 200px;
  margin: auto;
  padding: 30px 0;
  display: block;
  position: relative;
  transition: all 0.5s;
}
.category-card .img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.prod-list-card{
  height: 450px;
  clip-path: polygon(100% 3.048%, 100% 96.954%, 100% 96.954%, 99.964% 97.448%, 99.86% 97.917%, 99.695% 98.354%, 99.473% 98.753%, 99.2% 99.108%, 98.882% 99.413%, 98.524% 99.66%, 98.133% 99.845%, 97.713% 99.96%, 97.271% 100%, 87.037% 100%, 87.037% 100%, 86.24% 99.977%, 85.447% 99.908%, 84.661% 99.792%, 83.881% 99.631%, 83.111% 99.424%, 82.352% 99.173%, 81.605% 98.878%, 80.872% 98.539%, 80.154% 98.156%, 79.453% 97.731%, 72.91% 93.513%, 72.91% 93.513%, 72.333% 93.162%, 71.741% 92.848%, 71.137% 92.568%, 70.522% 92.325%, 69.896% 92.118%, 69.261% 91.948%, 68.619% 91.816%, 67.971% 91.72%, 67.317% 91.663%, 66.66% 91.644%, 33.334% 91.644%, 33.334% 91.644%, 32.678% 91.663%, 32.025% 91.721%, 31.377% 91.816%, 30.736% 91.949%, 30.102% 92.119%, 29.476% 92.326%, 28.861% 92.569%, 28.258% 92.848%, 27.667% 93.163%, 27.09% 93.513%, 20.545% 97.731%, 20.545% 97.731%, 19.844% 98.156%, 19.127% 98.539%, 18.394% 98.878%, 17.647% 99.173%, 16.888% 99.424%, 16.118% 99.63%, 15.339% 99.792%, 14.552% 99.907%, 13.76% 99.977%, 12.963% 100%, 2.729% 100%, 2.729% 100%, 2.287% 99.96%, 1.867% 99.845%, 1.476% 99.66%, 1.118% 99.413%, 0.8% 99.108%, 0.527% 98.753%, 0.305% 98.354%, 0.14% 97.917%, 0.036% 97.448%, 0% 96.954%, 0% 3.048%, 0% 3.048%, 0.036% 2.554%, 0.139% 2.085%, 0.305% 1.648%, 0.527% 1.248%, 0.8% 0.893%, 1.118% 0.588%, 1.476% 0.34%, 1.867% 0.155%, 2.287% 0.04%, 2.729% 0%, 97.271% 0%, 97.271% 0%, 97.713% 0.04%, 98.133% 0.155%, 98.525% 0.34%, 98.883% 0.588%, 99.201% 0.893%, 99.473% 1.248%, 99.695% 1.647%, 99.861% 2.085%, 99.964% 2.554%, 100% 3.048%);
  transition: all 0.5s;
}
.prod-list-card .img-box{
  width: 250px;
  height: 250px;
  margin: auto;
  padding: 30px 0;
  display: block;
  position: relative;
  transition: all 0.5s;
}
.prod-list-card .img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.prod-detail-card{
  height: 650px;
  clip-path: polygon( 99.852% 2.267%,99.852% 97.58%,99.852% 97.58%,99.823% 97.947%,99.741% 98.296%,99.61% 98.621%,99.433% 98.918%,99.217% 99.182%,98.964% 99.408%,98.68% 99.592%,98.369% 99.73%,98.036% 99.815%,97.684% 99.845%,89.559% 99.845%,89.559% 99.845%,88.926% 99.828%,88.296% 99.776%,87.671% 99.69%,87.052% 99.57%,86.441% 99.417%,85.838% 99.23%,85.245% 99.01%,84.663% 98.758%,84.093% 98.474%,83.536% 98.158%,78.341% 95.02%,78.341% 95.02%,77.882% 94.76%,77.412% 94.526%,76.933% 94.318%,76.444% 94.137%,75.947% 93.983%,75.443% 93.857%,74.933% 93.758%,74.418% 93.687%,73.899% 93.645%,73.378% 93.63%,26.47% 93.63%,26.47% 93.63%,25.948% 93.645%,25.43% 93.688%,24.916% 93.759%,24.406% 93.857%,23.903% 93.984%,23.406% 94.138%,22.918% 94.319%,22.439% 94.526%,21.969% 94.76%,21.511% 95.02%,16.314% 98.158%,16.314% 98.158%,15.758% 98.474%,15.188% 98.758%,14.606% 99.01%,14.013% 99.23%,13.41% 99.417%,12.799% 99.57%,12.18% 99.69%,11.556% 99.776%,10.926% 99.828%,10.293% 99.845%,2.167% 99.845%,2.167% 99.845%,1.816% 99.815%,1.483% 99.73%,1.172% 99.592%,0.888% 99.408%,0.635% 99.182%,0.419% 98.918%,0.242% 98.621%,0.111% 98.296%,0.029% 97.947%,0% 97.58%,0% 2.267%,0% 2.267%,0.028% 1.899%,0.111% 1.551%,0.242% 1.225%,0.418% 0.928%,0.635% 0.664%,0.888% 0.438%,1.172% 0.253%,1.483% 0.116%,1.816% 0.03%,2.167% 0%,97.684% 0%,97.684% 0%,98.036% 0.03%,98.37% 0.116%,98.68% 0.253%,98.964% 0.437%,99.217% 0.664%,99.434% 0.928%,99.61% 1.225%,99.741% 1.55%,99.823% 1.899%,99.852% 2.267% );
  transition: all 0.5s;
}
.prod-detail-card .img-box{
  width: 400px;
  height: 400px;
  margin: auto;
  padding: 30px 0;
  display: block;
  position: relative;
  transition: all 0.5s;
}
.prod-detail-card .img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
/* Category Page End */

/* About */
.about-card{
  height: 800px; 
  margin-top: 7%;
  background-color: var(--primary-color); 
  background: url('/assets/images/corporate/about-3.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  /* margin-left: -40%;  */
  clip-path: polygon( 31.63% 0%,31.63% 0%,31.599% 0.001%,31.567% 0.002%,31.535% 0.006%,31.504% 0.01%,31.472% 0.015%,31.44% 0.022%,31.408% 0.03%,31.376% 0.039%,31.343% 0.05%,31.311% 0.062%,31.311% 0.062%,31.28% 0.074%,31.248% 0.088%,31.217% 0.103%,31.186% 0.119%,31.155% 0.135%,31.124% 0.153%,31.093% 0.172%,31.062% 0.192%,31.032% 0.212%,31.001% 0.234%,31.001% 0.234%,30.97% 0.259%,30.938% 0.285%,30.908% 0.312%,30.877% 0.34%,30.847% 0.369%,30.817% 0.4%,30.787% 0.431%,30.758% 0.463%,30.728% 0.496%,30.699% 0.53%,30.699% 0.53%,30.67% 0.565%,30.64% 0.6%,30.611% 0.637%,30.582% 0.675%,30.553% 0.714%,30.524% 0.754%,30.496% 0.795%,30.467% 0.837%,30.439% 0.88%,30.411% 0.924%,29.358% 2.635%,29.358% 2.635%,29.335% 2.672%,29.312% 2.708%,29.289% 2.743%,29.265% 2.777%,29.242% 2.811%,29.218% 2.844%,29.194% 2.876%,29.17% 2.907%,29.146% 2.938%,29.122% 2.968%,29.122% 2.968%,29.097% 2.995%,29.072% 3.021%,29.048% 3.046%,29.023% 3.07%,28.998% 3.094%,28.973% 3.117%,28.948% 3.14%,28.923% 3.161%,28.898% 3.182%,28.872% 3.202%,28.872% 3.202%,28.847% 3.221%,28.822% 3.239%,28.796% 3.257%,28.77% 3.273%,28.745% 3.288%,28.719% 3.302%,28.693% 3.316%,28.667% 3.328%,28.641% 3.339%,28.615% 3.35%,28.615% 3.35%,28.588% 3.359%,28.562% 3.367%,28.536% 3.375%,28.51% 3.381%,28.483% 3.387%,28.457% 3.391%,28.431% 3.395%,28.405% 3.397%,28.378% 3.399%,28.352% 3.399%,18.374% 3.399%,18.374% 3.399%,18.347% 3.399%,18.32% 3.397%,18.294% 3.395%,18.267% 3.391%,18.241% 3.387%,18.215% 3.381%,18.189% 3.375%,18.163% 3.367%,18.137% 3.359%,18.112% 3.35%,18.112% 3.35%,18.086% 3.339%,18.06% 3.328%,18.034% 3.316%,18.008% 3.302%,17.982% 3.288%,17.956% 3.273%,17.93% 3.257%,17.905% 3.239%,17.879% 3.221%,17.854% 3.202%,17.854% 3.202%,17.828% 3.182%,17.802% 3.161%,17.777% 3.14%,17.751% 3.117%,17.726% 3.094%,17.701% 3.07%,17.677% 3.046%,17.653% 3.021%,17.629% 2.995%,17.605% 2.968%,17.605% 2.968%,17.581% 2.938%,17.556% 2.907%,17.532% 2.876%,17.508% 2.844%,17.485% 2.811%,17.461% 2.777%,17.438% 2.743%,17.415% 2.708%,17.392% 2.672%,17.369% 2.635%,16.316% 0.924%,16.316% 0.924%,16.288% 0.88%,16.259% 0.837%,16.231% 0.795%,16.202% 0.754%,16.174% 0.714%,16.145% 0.675%,16.115% 0.637%,16.086% 0.6%,16.057% 0.565%,16.027% 0.53%,16.027% 0.53%,15.997% 0.496%,15.967% 0.463%,15.938% 0.431%,15.908% 0.4%,15.877% 0.369%,15.847% 0.34%,15.817% 0.312%,15.787% 0.285%,15.756% 0.259%,15.726% 0.234%,15.726% 0.234%,15.695% 0.212%,15.664% 0.192%,15.633% 0.172%,15.602% 0.153%,15.57% 0.135%,15.539% 0.119%,15.507% 0.103%,15.475% 0.088%,15.443% 0.074%,15.411% 0.062%,15.411% 0.062%,15.379% 0.05%,15.348% 0.039%,15.316% 0.03%,15.285% 0.022%,15.253% 0.015%,15.222% 0.01%,15.191% 0.006%,15.159% 0.002%,15.128% 0.001%,15.096% -0%,-28.715% -0%,-28.715% 99.988%,15.096% 99.988%,15.096% 99.988%,15.128% 99.987%,15.159% 99.985%,15.191% 99.982%,15.222% 99.978%,15.253% 99.972%,15.285% 99.966%,15.316% 99.958%,15.348% 99.948%,15.379% 99.938%,15.411% 99.926%,15.411% 99.926%,15.443% 99.913%,15.475% 99.899%,15.507% 99.884%,15.539% 99.867%,15.57% 99.849%,15.602% 99.83%,15.633% 99.81%,15.664% 99.788%,15.695% 99.765%,15.726% 99.741%,15.726% 99.741%,15.756% 99.719%,15.787% 99.695%,15.817% 99.669%,15.847% 99.643%,15.877% 99.615%,15.908% 99.586%,15.938% 99.556%,15.967% 99.525%,15.997% 99.492%,16.027% 99.458%,16.027% 99.458%,16.057% 99.423%,16.086% 99.387%,16.115% 99.35%,16.145% 99.312%,16.174% 99.273%,16.202% 99.233%,16.231% 99.193%,16.259% 99.151%,16.288% 99.108%,16.316% 99.064%,17.369% 97.352%,17.369% 97.352%,17.392% 97.316%,17.415% 97.28%,17.438% 97.245%,17.461% 97.21%,17.485% 97.177%,17.508% 97.144%,17.532% 97.112%,17.556% 97.08%,17.581% 97.05%,17.605% 97.02%,17.605% 97.02%,17.629% 96.991%,17.653% 96.963%,17.677% 96.937%,17.701% 96.911%,17.726% 96.887%,17.751% 96.865%,17.777% 96.843%,17.802% 96.823%,17.828% 96.804%,17.854% 96.786%,17.854% 96.786%,17.879% 96.767%,17.905% 96.748%,17.93% 96.731%,17.956% 96.715%,17.982% 96.7%,18.008% 96.685%,18.034% 96.672%,18.06% 96.66%,18.086% 96.648%,18.112% 96.638%,18.112% 96.638%,18.137% 96.629%,18.163% 96.62%,18.189% 96.613%,18.215% 96.606%,18.241% 96.601%,18.267% 96.597%,18.294% 96.593%,18.32% 96.591%,18.347% 96.589%,18.374% 96.589%,28.352% 96.589%,28.352% 96.589%,28.378% 96.589%,28.405% 96.591%,28.431% 96.593%,28.457% 96.597%,28.483% 96.601%,28.51% 96.606%,28.536% 96.613%,28.562% 96.62%,28.588% 96.629%,28.615% 96.638%,28.615% 96.638%,28.641% 96.648%,28.667% 96.66%,28.693% 96.672%,28.719% 96.685%,28.745% 96.7%,28.77% 96.715%,28.796% 96.731%,28.822% 96.748%,28.847% 96.767%,28.872% 96.786%,28.872% 96.786%,28.898% 96.804%,28.923% 96.823%,28.948% 96.843%,28.973% 96.865%,28.998% 96.887%,29.023% 96.911%,29.048% 96.937%,29.072% 96.963%,29.097% 96.991%,29.122% 97.02%,29.122% 97.02%,29.146% 97.05%,29.17% 97.08%,29.194% 97.112%,29.218% 97.144%,29.242% 97.177%,29.265% 97.21%,29.289% 97.245%,29.312% 97.28%,29.335% 97.316%,29.358% 97.352%,30.411% 99.064%,30.411% 99.064%,30.439% 99.108%,30.467% 99.151%,30.495% 99.193%,30.523% 99.233%,30.552% 99.273%,30.58% 99.312%,30.609% 99.35%,30.637% 99.387%,30.666% 99.423%,30.695% 99.458%,30.695% 99.458%,30.725% 99.492%,30.755% 99.525%,30.785% 99.557%,30.815% 99.588%,30.846% 99.618%,30.876% 99.647%,30.907% 99.675%,30.938% 99.702%,30.969% 99.729%,31.001% 99.754%,31.001% 99.754%,31.032% 99.775%,31.062% 99.796%,31.093% 99.816%,31.124% 99.834%,31.155% 99.852%,31.186% 99.869%,31.217% 99.885%,31.248% 99.9%,31.28% 99.913%,31.311% 99.926%,31.311% 99.926%,31.343% 99.938%,31.376% 99.948%,31.408% 99.958%,31.44% 99.966%,31.472% 99.972%,31.504% 99.978%,31.535% 99.982%,31.567% 99.985%,31.599% 99.987%,31.63% 99.988%,99.956% 99.988%,99.956% 0.788%,99.956% -0% );
}
.about-overlay {
  background-color: var(--primary-color);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 1;
}
.about-content{
  z-index: 4;
  /* position: absolute;
  width: 100%;
  margin-right: 40%; */
}
.corporate-date svg{
  margin: auto;
  display: block;
}
/* About End */

/* Parallax */
.parallax{
  background: url('/assets/images/other/parallax.webp');
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 600px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon( 31.63% 0%,31.63% 0%,31.599% 0.001%,31.567% 0.002%,31.535% 0.006%,31.504% 0.01%,31.472% 0.015%,31.44% 0.022%,31.408% 0.03%,31.376% 0.039%,31.343% 0.05%,31.311% 0.062%,31.311% 0.062%,31.28% 0.074%,31.248% 0.088%,31.217% 0.103%,31.186% 0.119%,31.155% 0.135%,31.124% 0.153%,31.093% 0.172%,31.062% 0.192%,31.032% 0.212%,31.001% 0.234%,31.001% 0.234%,30.97% 0.259%,30.938% 0.285%,30.908% 0.312%,30.877% 0.34%,30.847% 0.369%,30.817% 0.4%,30.787% 0.431%,30.758% 0.463%,30.728% 0.496%,30.699% 0.53%,30.699% 0.53%,30.67% 0.565%,30.64% 0.6%,30.611% 0.637%,30.582% 0.675%,30.553% 0.714%,30.524% 0.754%,30.496% 0.795%,30.467% 0.837%,30.439% 0.88%,30.411% 0.924%,29.358% 2.635%,29.358% 2.635%,29.335% 2.672%,29.312% 2.708%,29.289% 2.743%,29.265% 2.777%,29.242% 2.811%,29.218% 2.844%,29.194% 2.876%,29.17% 2.907%,29.146% 2.938%,29.122% 2.968%,29.122% 2.968%,29.097% 2.995%,29.072% 3.021%,29.048% 3.046%,29.023% 3.07%,28.998% 3.094%,28.973% 3.117%,28.948% 3.14%,28.923% 3.161%,28.898% 3.182%,28.872% 3.202%,28.872% 3.202%,28.847% 3.221%,28.822% 3.239%,28.796% 3.257%,28.77% 3.273%,28.745% 3.288%,28.719% 3.302%,28.693% 3.316%,28.667% 3.328%,28.641% 3.339%,28.615% 3.35%,28.615% 3.35%,28.588% 3.359%,28.562% 3.367%,28.536% 3.375%,28.51% 3.381%,28.483% 3.387%,28.457% 3.391%,28.431% 3.395%,28.405% 3.397%,28.378% 3.399%,28.352% 3.399%,18.374% 3.399%,18.374% 3.399%,18.347% 3.399%,18.32% 3.397%,18.294% 3.395%,18.267% 3.391%,18.241% 3.387%,18.215% 3.381%,18.189% 3.375%,18.163% 3.367%,18.137% 3.359%,18.112% 3.35%,18.112% 3.35%,18.086% 3.339%,18.06% 3.328%,18.034% 3.316%,18.008% 3.302%,17.982% 3.288%,17.956% 3.273%,17.93% 3.257%,17.905% 3.239%,17.879% 3.221%,17.854% 3.202%,17.854% 3.202%,17.828% 3.182%,17.802% 3.161%,17.777% 3.14%,17.751% 3.117%,17.726% 3.094%,17.701% 3.07%,17.677% 3.046%,17.653% 3.021%,17.629% 2.995%,17.605% 2.968%,17.605% 2.968%,17.581% 2.938%,17.556% 2.907%,17.532% 2.876%,17.508% 2.844%,17.485% 2.811%,17.461% 2.777%,17.438% 2.743%,17.415% 2.708%,17.392% 2.672%,17.369% 2.635%,16.316% 0.924%,16.316% 0.924%,16.288% 0.88%,16.259% 0.837%,16.231% 0.795%,16.202% 0.754%,16.174% 0.714%,16.145% 0.675%,16.115% 0.637%,16.086% 0.6%,16.057% 0.565%,16.027% 0.53%,16.027% 0.53%,15.997% 0.496%,15.967% 0.463%,15.938% 0.431%,15.908% 0.4%,15.877% 0.369%,15.847% 0.34%,15.817% 0.312%,15.787% 0.285%,15.756% 0.259%,15.726% 0.234%,15.726% 0.234%,15.695% 0.212%,15.664% 0.192%,15.633% 0.172%,15.602% 0.153%,15.57% 0.135%,15.539% 0.119%,15.507% 0.103%,15.475% 0.088%,15.443% 0.074%,15.411% 0.062%,15.411% 0.062%,15.379% 0.05%,15.348% 0.039%,15.316% 0.03%,15.285% 0.022%,15.253% 0.015%,15.222% 0.01%,15.191% 0.006%,15.159% 0.002%,15.128% 0.001%,15.096% -0%,-28.715% -0%,-28.715% 99.988%,15.096% 99.988%,15.096% 99.988%,15.128% 99.987%,15.159% 99.985%,15.191% 99.982%,15.222% 99.978%,15.253% 99.972%,15.285% 99.966%,15.316% 99.958%,15.348% 99.948%,15.379% 99.938%,15.411% 99.926%,15.411% 99.926%,15.443% 99.913%,15.475% 99.899%,15.507% 99.884%,15.539% 99.867%,15.57% 99.849%,15.602% 99.83%,15.633% 99.81%,15.664% 99.788%,15.695% 99.765%,15.726% 99.741%,15.726% 99.741%,15.756% 99.719%,15.787% 99.695%,15.817% 99.669%,15.847% 99.643%,15.877% 99.615%,15.908% 99.586%,15.938% 99.556%,15.967% 99.525%,15.997% 99.492%,16.027% 99.458%,16.027% 99.458%,16.057% 99.423%,16.086% 99.387%,16.115% 99.35%,16.145% 99.312%,16.174% 99.273%,16.202% 99.233%,16.231% 99.193%,16.259% 99.151%,16.288% 99.108%,16.316% 99.064%,17.369% 97.352%,17.369% 97.352%,17.392% 97.316%,17.415% 97.28%,17.438% 97.245%,17.461% 97.21%,17.485% 97.177%,17.508% 97.144%,17.532% 97.112%,17.556% 97.08%,17.581% 97.05%,17.605% 97.02%,17.605% 97.02%,17.629% 96.991%,17.653% 96.963%,17.677% 96.937%,17.701% 96.911%,17.726% 96.887%,17.751% 96.865%,17.777% 96.843%,17.802% 96.823%,17.828% 96.804%,17.854% 96.786%,17.854% 96.786%,17.879% 96.767%,17.905% 96.748%,17.93% 96.731%,17.956% 96.715%,17.982% 96.7%,18.008% 96.685%,18.034% 96.672%,18.06% 96.66%,18.086% 96.648%,18.112% 96.638%,18.112% 96.638%,18.137% 96.629%,18.163% 96.62%,18.189% 96.613%,18.215% 96.606%,18.241% 96.601%,18.267% 96.597%,18.294% 96.593%,18.32% 96.591%,18.347% 96.589%,18.374% 96.589%,28.352% 96.589%,28.352% 96.589%,28.378% 96.589%,28.405% 96.591%,28.431% 96.593%,28.457% 96.597%,28.483% 96.601%,28.51% 96.606%,28.536% 96.613%,28.562% 96.62%,28.588% 96.629%,28.615% 96.638%,28.615% 96.638%,28.641% 96.648%,28.667% 96.66%,28.693% 96.672%,28.719% 96.685%,28.745% 96.7%,28.77% 96.715%,28.796% 96.731%,28.822% 96.748%,28.847% 96.767%,28.872% 96.786%,28.872% 96.786%,28.898% 96.804%,28.923% 96.823%,28.948% 96.843%,28.973% 96.865%,28.998% 96.887%,29.023% 96.911%,29.048% 96.937%,29.072% 96.963%,29.097% 96.991%,29.122% 97.02%,29.122% 97.02%,29.146% 97.05%,29.17% 97.08%,29.194% 97.112%,29.218% 97.144%,29.242% 97.177%,29.265% 97.21%,29.289% 97.245%,29.312% 97.28%,29.335% 97.316%,29.358% 97.352%,30.411% 99.064%,30.411% 99.064%,30.439% 99.108%,30.467% 99.151%,30.495% 99.193%,30.523% 99.233%,30.552% 99.273%,30.58% 99.312%,30.609% 99.35%,30.637% 99.387%,30.666% 99.423%,30.695% 99.458%,30.695% 99.458%,30.725% 99.492%,30.755% 99.525%,30.785% 99.557%,30.815% 99.588%,30.846% 99.618%,30.876% 99.647%,30.907% 99.675%,30.938% 99.702%,30.969% 99.729%,31.001% 99.754%,31.001% 99.754%,31.032% 99.775%,31.062% 99.796%,31.093% 99.816%,31.124% 99.834%,31.155% 99.852%,31.186% 99.869%,31.217% 99.885%,31.248% 99.9%,31.28% 99.913%,31.311% 99.926%,31.311% 99.926%,31.343% 99.938%,31.376% 99.948%,31.408% 99.958%,31.44% 99.966%,31.472% 99.972%,31.504% 99.978%,31.535% 99.982%,31.567% 99.985%,31.599% 99.987%,31.63% 99.988%,99.956% 99.988%,99.956% 0.788%,99.956% -0% );
}
/* Parallax End */

/* Quality */
.quality .custom-fs-1{
  font-size: 180px;
}
.quality-bg {
  position: absolute;
  height: 600px;
  width: 100%;
  overflow-x: hidden;
  z-index: 1;
}

.quality-bg svg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 600px;
}

.quality img{
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -30%;
  width: 45%;
}
/* Quality End */

/* Documents */
.documents{
  margin-top: 20%;
}
/* .documents .prod-card:hover .img-box{ transform: scale(1) rotate(0deg); } */
.documents .prod-card {
  position: relative;
}

.documents .prod-card .img-box {
  width: 260px;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  z-index: 6;
  text-align: center;
}
.rounded-border{
  border: 1px solid var(--white);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -30%;
  transform: translateX(-30%);
  bottom: 50px;
  position: absolute;
}
.rounded-border img{
  width: 30px;
  height: auto;
}
/* Documents End */

/* HR Form */
.hr-form input, .hr-form textarea{
  background-color: #F0F0F0;
  border-radius: 13px;
  border: 1px solid #F0F0F0;
  padding: 10px 15px;
  display: block;
  width: 100%;
}
.hr-form textarea{ height: 230px;}
.hr-form input:focus, .hr-form textarea:focus{
  outline: 2px solid var(--primary-color) ;
}
.file-upload-wrapper {
  position: relative;
  width: 100%;
}

#avatar {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.file-upload-label {
  display: flex;
  height: 230px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 50px;
  background-color: #394150;
  border-radius: 13px;
  text-align: center;
  color: var(--white);
  font-size: 16px;
  font-weight: bold;
  transition: background-color 0.3s, transform 0.3s;
}

.file-upload-label .file-icon {
  font-size: 30px;
  margin-bottom: 10px;
  color: var(--primary-color);
}

.file-upload-label .file-text {
  font-size: 14px;
  opacity: 0.8;
}

.file-upload-wrapper.dragover .file-upload-label {
  background-color: rgba(52, 152, 219, 0.6);
  border-color: var(--primary-color);
}

/* Loading Animation */
#progress-container {
  width: 100%;
  height: 10px;
  background-color: #ddd;
  margin-top: 15px;
  border-radius: 5px;
  display: none;
}

#progress-bar {
  height: 100%;
  width: 0%;
  background-color: var(--primary-color);
  border-radius: 5px;
  transition: width 0.3s;
}

/* File Name */
.file-info {
  margin-top: 10px;
  font-size: 14px;
  color: var(--primary-color);
  font-weight: bold;
  display: none;
}
/* HR Form End */

/* Media */
.film-bg{
  background: url(/assets/images/media/02.webp);
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.play-btn{
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* .media-area img{
  border-radius: 16px;
} */
/* Media End */
.contact-link {
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: var(--primary-color);
  display: inline-block;
  margin: 10px 0;
}
/* Footer */
.footer-social a, .footer p{ color: var(--link-gray); transition: all 0.3s;}
.footer-social a:hover{ color: var(--primary-color);}
.footer-social i{
  font-size: 22px;
  margin: 0 10px;
}
.footer-link{
  color: var(--primary-color);
  transition: all 0.5s;
}
.footer-link:hover{
  color: var(--secondary-color);
  transition: all 0.5s;
}
.link-divider{
  height: 4px;
  width: 50px;
  background-color: var(--secondary-color);
  padding: 0;
}
.location-link img{
  transition: all 0.5s;
}
.location-link:hover img{
  transform: rotate(45deg);
}
.subscribe-form input{
  background-color: #F0F0F0;
  border-radius: 13px;
  border: 1px solid #F0F0F0;
  padding: 10px 15px;
  width: 350px;
}
.subscribe-form input:focus{
  outline: none;
}
/* Footer End */