@import url("/dist/css/azo-sans.css");
@import url("/dist/css/home/hero-section.css");
@import url("/dist/css/home/about-section.css");
@import url("/dist/css/home/choose-section.css");
@import url("/dist/css/home/document-section.css");
@import url("/dist/css/home/icon-section.css");
@import url("/dist/css/home/contact-section.css");
@import url("/dist/css/home/copyright.css");
:root {
  --primary-color: #ff6b35;
  --secondary-color: #1d1534;
  --alt1-color: #2278d4;
  --alt2-color: #22a75d;
  --alt3-color: #e85a2d;
  --title-size: 16px;
  --subtitle-size: 14px;
}
html,
body {
  font-family: "Azo Sans", sans-serif;
  max-width: 1920px;
  margin: 0 auto;
  overscroll-behavior: none;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
.custom-bg-primary {
  background-color: var(--primary-color);
}
.custom-bg-secondary {
  background-color: var(--secondary-color);
}
.custom-bg-alt1 {
  background-color: var(--alt1-color);
}
.custom-bg-alt2 {
  background-color: var(--alt2-color);
}
.custom-bg-alt3 {
  background-color: var(--alt3-color);
}
.custom-text-primary {
  color: var(--primary-color);
}
.custom-text-secondary {
  color: var(--secondary-color);
}
.custom-text-alt1 {
  color: var(--alt1-color);
}
.custom-text-alt2 {
  color: var(--alt2-color);
}
.custom-text-alt3 {
  color: var(--alt3-color);
}
.custom-btn1 {
  background-color: var(--primary-color);
  color: #fff;
}
.custom-btn1:hover {
  background-color: #fff;
  color: var(--primary-color);
}
.custom-btn2 {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 1.25rem;
  font-size: 14px;
  text-align: center;
}
.custom-btn2:hover {
  background-color: var(--alt3-color);
}

.header-menu {
  height: 3.125rem;
  position: fixed;
  transition: all 0.3s ease-in-out;
  top: 0;
  width: 100%;
}

.logo-taka-header {
  height: 50px;
  width: auto;

}

.mobile-menu.active {
  transform: translateY(0);
  z-index: 99999;
}

.mobile-menu-overlay.active {
  opacity: 0.5;
  pointer-events: auto;
}

input,
select {
  -webkit-text-fill-color: white !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

@media (max-width: 480px) {
}
@media (min-width: 481px) and (max-width: 768px) {
}
@media (min-width: 769px) and (max-width: 1200px) {
}
@media (min-width: 1201px) and (max-width: 1920px) {
}
@media (min-width: 1921px) {
}