/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
  /* font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;   */
  font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
:focus {
  outline: none;
}

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{ 
  outline: none;  
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-text-size-adjust:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
}
.body{position:relative}
table{
  border-collapse:collapse;
  border-spacing:0;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-color: #d8d8d8;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #bfc1c4;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }

/* Layout */
.container { width: 100%; margin: 0 auto; padding: 1rem; }
.max-w-1200 { max-width: 1200px; }

/* Text */
/* .text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }

.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }

.font-bold { font-weight: 700; } */

/* Colors */
.text-white { color: #fff; }
.text-black { color: #000; }
.text-gray-500 { color: #6b7280; }
.text-blue-500 { color: #3b82f6; }
.text-primary { color: #32AAB4; }
.text-primary-300 { color: #157072; }

.bg-white { background-color: #fff; }
.bg-black { background-color: #000; }
.bg-gray-100 { background-color: #f3f4f6; }
.bg-blue { background-color: #03B7BD; }
.bg-blue-300 { background-color: #B4ECED; }
.bg-blue-500 { background-color: #7FD2D9; }


/* Button */
.btn {
  padding: 0.6rem 1.2rem;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.btn:hover { background-color: #0056b3; }

.btn-call{
  background-color: #BFDB91;
  color: #000000;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  padding:0.1rem 1.2rem;
  height: 22px;
  font-size: 12px;
  text-align: center;
}
.bg-info{
  background-color: #F1F2F2;
}
.selection-title::after{
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #FFBD1A;
  margin: 8px auto 0 auto;
}
.shadow {
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.plyr__video-wrapper{
  background: transparent!important;
}