@font-face {
font-family: 'HmBold';
src:url('../fonts/HarmonyOS_Sans_SC_Bold.woff2') format('woff2'); }
@font-face {
font-family: 'HmLight';
src:url('../fonts/HarmonyOS_Sans_SC_Light.woff2') format('woff2'); } 
@font-face {
font-family: 'HmMedium';
src:url('../fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2'); }  
@font-face {
font-family: 'HmRegular';
src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff2') format('woff2'); }



@font-face {
font-family: 'din';
src:url('../fonts/DIN-MediumAlternate.woff2') format('woff2'),
url('../fonts/DIN-MediumAlternate.ttf')  format('truetype'); }


@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet');
 :root {
     --pbmit-global-color: #10b060;
     --pbmit-secondary-color: #1f1d1d;
     --pbmit-light-color: #f6f6f6;
     --pbmit-white-color: #ffffff;
     --pbmit-blackish-color: #000000;
     --pbmit-link-color-normal: #000000;
     --pbmit-link-color-hover: #525252;
     --pbmit-global-color-rgb: 175, 214, 22;
     --pbmit-secondary-color-rgb: 31, 29, 29;
     --pbmit-responsive-breakpoint: 1200px;
     --pbmit-body-typography-font-family:'HmMedium', sans-serif;
     --pbmit-body-typography-variant: regular;
     --pbmit-body-typography-font-size: 16px;
     --pbmit-body-typography-line-height: 1.5;
     --pbmit-body-typography-color: #666666;
     --pbmit-heading-typography-font-family:  'HmMedium', 'Microsoft YaHei', sans-serif;
     --pbmit-heading-color: #000000;
     --pbmit-heading-font-variant: 700;
     --pbmit-btn-typography-font-family:  'HmMedium', 'Microsoft YaHei', sans-serif;
     --pbmit-btn-typography-variant: 600;
     --pbmit-btn-typography-font-size: 15px;
     --pbmit-btn-typography-line-height: 24px;
}
wwww
/*----------------------------------------*/
/* 01 - Typography 
/*----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family:'HmMedium';
    font-weight: normal;
    color: var(--pbmit-heading-color);
}


/* Preloader */

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/preloader.png);
}

.preloader.style-two{
  background-image: url(../images/icons/preloader-2.png);
}

.preloader.style-three{
  background-image: url(../images/icons/preloader-3.png);
}

.preloader.style-four{
  background-image: url(../images/icons/preloader-4.png);
}

.preloader.style-five{
  background-image: url(../images/icons/preloader-5.png);
}

.preloader-close{
  position: fixed;
  z-index: 999999;
  color: #fff;
  padding: 10px 20px;
  cursor: pointer;
  right: 0;
  bottom: 0;
  font-weight: 600;
}

.preloader.style-two .preloader-close{

}

.preloader.style-three .preloader-close{
  
}

.preloader.style-four .preloader-close{
  
}

.preloader.style-five .preloader-close{
  
}

.loader-wrap {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.loader-wrap .layer-one {
  position: absolute;
  left: 0%;
  top: 0;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
}

.loader-wrap .layer-two {
  position: absolute;
  left: 33.3333%;
  top: 0;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
}

.loader-wrap .layer-three {
  position: absolute;
  left: 66.6666%;
  top: 0;
  width: 33.3333%;
  height: 100%;
  overflow: hidden;
}

.loader-wrap .layer .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}