*{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Antro Vectra';
    src: url(../assets/font/Antro_Vectra_Bolder.otf);
    font-weight: 600;
}

@font-face {
    font-family: 'ntailu';
    src: url(../assets/font/ntailu.ttf);
    font-weight: 200;
}
@font-face {
    font-family: 'phagspa';
    src: url(../assets/font/phagspa.ttf);

}
*{
    margin: 0;
    padding: 0;
}
:root{
    --heading-font:  'Bliss';
    --primary-font: 'ntailu';
    --sub-heading:'phagspa';
    --tagline: 'Antro Vectra';
    --primary-color:#e8443d;
}
body{
    font-family: var(--primary-font);
}
p{
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}

a{
    text-decoration: none;
    color: #000;
}
li{
    list-style: none;
}
ul{
    padding-left: 0;
    margin: 0 !important;
}

img{
    max-width: 100%;
}
section{
    padding-top: 80px;
}
.pgMain [data-sal=zoom-in]{
    transform: scale(0.98);
}


/* width */
::-webkit-scrollbar {
    width: 4px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #333333; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #020202; 
  }

  body{
    overflow-x: hidden;
  }

  html {
    scroll-behavior: smooth;
    scroll-padding-top: 140px
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Common arrow button styling */
.mfp-arrow {
  width: 50px;
  height: 50px;
  background: none !important;
  opacity: 1;
  transition: all 0.3s ease;
}


/* Left Arrow */
.mfp-arrow-left::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* solid icons */
  content: "\f104" !important; /* fa-arrow-left */
  font-size: 30px;
  color: #fff; /* arrow color */
  line-height: 50px;
  text-align: center;
  display: block;
}

/* Right Arrow */
.mfp-arrow-right::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f105" !important; /* fa-arrow-right */
  font-size: 30px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: block;
}

/* Optional hover effect */
.mfp-arrow:hover::before {
  color: #ffcc00; /* yellow on hover */
}
.mfp-arrow-right:after,
.mfp-arrow-left:after{
    display: none !important;  
}
.mfp-arrow-right:before{
    border-left: none !important;
}
.mfp-arrow-left:before{
    border-right: none !important;
}