@font-face { font-family: fontone; src: url(../font/Poppins-Regular.ttf);}
@font-face { font-family: fontthree; src: url(../font/Montserrat-VariableFont_wght.ttf);}

* {
overflow: hidden; box-sizing: border-box; text-decoration: none; background-color: transparent; border: none; 
padding: 0%; margin: 0%; font-family: fontone; font-weight: 400;  color: #1d2b3b; transition-duration: 700ms;
}

:root {
--primary-color: #1d2b3b ;
--accent-color: #aa7005;
--secondary-color: linear-gradient(135deg, #cfd8e6 0%, #d9e1ee 50%, #f1d7c9 100%);
--test-color: #1d2b3b;
--shade-color: #2a3541  ;
--sec-shade-color: #2f3944;
--border-shade-color: #303d49;
--text-color: #1d2b3b ;
--background: #f4f4f4;
}

input, textarea {
  color: #1d2b3b !important;
}

button:active { transform: scale(.97);}

html { font-size: 15px; }

body { width: 100vw; overflow-y: auto; height: 100vh; background: var(--background); scroll-behavior: smooth;  
}

input:focus, textarea:focus{ outline: none !important; }

@media (min-width: 700px) { 
.mobinclude {
  display: none !important;
}
::-webkit-scrollbar {
  width: 4px; 
  }
  ::-webkit-scrollbar-track {
  background-color: transparent;
  }
  ::-webkit-scrollbar-thumb {
  background-color: var(--border-shade-color);
  }
  ::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-color);
  }
}
@media (max-width: 700px) { 
.deskinclude, ::-webkit-scrollbar  {
    display: none !important;

}
}

.under_construction_box {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
}

.under_construction_tab {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #FFFFFF;
  border: solid 1px #F1F1F1; border-radius: 10px; max-width: 400px;
}