* {
  margin: 0;
  padding: 0;
}
* ul {
  list-style: none;
  padding: unset;
}
* a {
  text-decoration: none;
}
* {
  color: #19191a;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

[data-animate] {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}

[data-effect=slide-left] {
  transform: translateX(-50px);
}

[data-effect=slide-right] {
  transform: translateX(50px);
}

[data-effect=slide-up] {
  transform: translateY(50px);
}

[data-effect=fade-in] {
  transform: translateY(20px);
}

[data-effect=scale-up] {
  transform: scale(0.8);
}

[data-effect=scale-down] {
  transform: scale(1.2);
}

[data-effect=rotate-left] {
  transform: rotate(-15deg);
}

[data-effect=rotate-right] {
  transform: rotate(15deg);
}

[data-effect=bounce] {
  transform: translateY(-20px);
}

[data-effect=zoom-in] {
  transform: scale(0.5);
}

[data-effect=zoom-out] {
  transform: scale(1.5);
}

.fade-in,
.slide-left,
.slide-right,
.slide-up,
.scale-up,
.scale-down,
.rotate-left,
.rotate-right,
.bounce,
.zoom-in,
.zoom-out {
  opacity: 1;
  transform: translate(0, 0) scale(1) rotate(0deg);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

[data-animate][data-stagger] {
  transition-delay: calc(var(--stagger) * 0.1s);
}

.g-icon.xs figure {
  width: 20px;
  height: 20px;
}
.g-icon.sm figure {
  width: 25px;
  height: 25px;
}
.g-icon.md figure {
  width: 30px;
  height: 30px;
}
.g-icon.pointer {
  cursor: pointer;
}
.g-icon figure {
  width: 100%;
  height: 100%;
}
.g-icon figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.g-button.font-sm button {
  font-size: 0.875rem;
}
.g-button.wd-sm button {
  width: 150px;
}
.g-button.line button {
  background: unset;
  border: 1px solid #1e90ff;
  color: #1e90ff;
}
.g-button button {
  padding: 8px 16px;
  background: #1e90ff;
  font-size: 1rem;
  color: #ffffff;
  outline: none;
  border: 1px solid #1e90ff;
  cursor: pointer;
  width: 100%;
}
.g-button button.xs {
  font-size: 0.75rem;
}
.g-button button.sm {
  font-size: 0.875rem;
}
.g-button button.md {
  font-size: 1rem;
}
.g-button button.lg {
  font-size: 1.125rem;
}
.g-button button.xl {
  font-size: 1.25rem;
}
.g-button button.xxl {
  font-size: 1.5rem;
}
.g-button button.xxxl {
  font-size: 2rem;
}
.g-button button.xxxxl {
  font-size: 2.5rem;
}
.g-button button.xxxxxl {
  font-size: 3rem;
}
.g-button button.xxxxxxl {
  font-size: 3.5rem;
}

.g-button:hover.line button {
  border: 1px solid #187bdb;
  color: #187bdb;
  background: unset;
}
.g-button:hover button {
  background: #187bdb;
}

.g-menu ul {
  display: flex;
  gap: 20px;
  align-items: center;
}
.g-menu ul li {
  cursor: pointer;
}
.g-menu ul li a {
  font-size: 1rem;
}

.g-input.sm {
  width: 150px;
}
.g-input.md {
  width: 250px;
}
.g-input.lg {
  width: 350px;
}
.g-input.space {
  margin-bottom: 20px;
}
.g-input input {
  padding: 8px 0;
  width: 100%;
  outline: none;
  border: unset;
  border-bottom: 1px solid #e0e0e0;
}
.g-input input:focus {
  border-bottom: 1px solid #1e90ff;
}

.g-media video {
  width: 100%;
  height: 100%;
}

.g-frame {
  position: relative;
}

.g-panel {
  position: relative;
}

.g-label.xs {
  font-size: 0.75rem;
}
.g-label.sm {
  font-size: 0.875rem;
}
.g-label.md {
  font-size: 1rem;
}
.g-label.lg {
  font-size: 1.125rem;
}
.g-label.xl {
  font-size: 1.25rem;
}
.g-label.xxl {
  font-size: 1.5rem;
}
.g-label.xxxl {
  font-size: 2rem;
}
.g-label.xxxxl {
  font-size: 2.5rem;
}
.g-label.xxxxxl {
  font-size: 3rem;
}
.g-label.xxxxxxl {
  font-size: 3.5rem;
}
.g-label.light {
  color: #1e90ff;
}
.g-label.error {
  color: #dc3545;
  background: rgba(220, 53, 70, 0.0823529412);
  text-align: center;
  padding: 10px;
}
.g-label.space {
  margin-bottom: 20px;
}
.g-label span.required {
  color: #dc3545;
}

.g-panel,
.g-group,
.g-item,
.g-section {
  display: block;
}
.g-panel.half,
.g-group.half,
.g-item.half,
.g-section.half {
  width: 50%;
}
.g-panel.flex,
.g-group.flex,
.g-item.flex,
.g-section.flex {
  display: flex;
  gap: 10px;
}
.g-panel.flex.gap-md,
.g-group.flex.gap-md,
.g-item.flex.gap-md,
.g-section.flex.gap-md {
  gap: 20px;
}
.g-panel.position.left,
.g-group.position.left,
.g-item.position.left,
.g-section.position.left {
  justify-content: flex-start;
}
.g-panel.position.center,
.g-group.position.center,
.g-item.position.center,
.g-section.position.center {
  justify-content: center;
}
.g-panel.position.right,
.g-group.position.right,
.g-item.position.right,
.g-section.position.right {
  justify-content: flex-end;
}
.g-panel.position.space-between,
.g-group.position.space-between,
.g-item.position.space-between,
.g-section.position.space-between {
  justify-content: space-between;
}
.g-panel.align.center,
.g-group.align.center,
.g-item.align.center,
.g-section.align.center {
  align-items: center;
}
.g-panel.align.start,
.g-group.align.start,
.g-item.align.start,
.g-section.align.start {
  align-items: flex-start;
}
.g-panel.align.end,
.g-group.align.end,
.g-item.align.end,
.g-section.align.end {
  align-items: flex-end;
}
.g-panel.wrap,
.g-group.wrap,
.g-item.wrap,
.g-section.wrap {
  flex-wrap: wrap;
}
.g-panel .g-item,
.g-group .g-item,
.g-item .g-item,
.g-section .g-item {
  display: block;
}
.g-panel .g-item.flex,
.g-group .g-item.flex,
.g-item .g-item.flex,
.g-section .g-item.flex {
  display: flex;
  gap: 10px;
}
.g-panel .g-item.flex.gap-md,
.g-group .g-item.flex.gap-md,
.g-item .g-item.flex.gap-md,
.g-section .g-item.flex.gap-md {
  gap: 20px;
}
.g-panel .g-item.half,
.g-group .g-item.half,
.g-item .g-item.half,
.g-section .g-item.half {
  width: 50%;
}
.g-panel .g-item.align.center,
.g-group .g-item.align.center,
.g-item .g-item.align.center,
.g-section .g-item.align.center {
  align-items: center;
}

.g-list {
  display: block;
}
.g-list.pointer {
  cursor: pointer;
}
.g-list.flex ul {
  display: flex;
  gap: 10px;
}
.g-list.flex ul li {
  margin-bottom: unset;
}
.g-list.position.left {
  justify-content: flex-start;
}
.g-list.position.center ul {
  justify-content: center;
}
.g-list.position.right ul {
  justify-content: flex-end;
}
.g-list.position.space-between ul {
  justify-content: space-between;
}
.g-list.align.center ul {
  align-items: center;
}
.g-list.align.start ul {
  align-items: flex-start;
}
.g-list.align.end ul {
  align-items: flex-end;
}
.g-list ul li {
  outline: none;
  font-size: 0.875rem;
  margin-bottom: 20px;
  cursor: pointer;
}
.g-list ul li a,
.g-list ul li span {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 5px;
}

.g-dropdown {
  position: relative;
  width: 100%;
}
.g-dropdown.sm {
  width: 150px;
}
.g-dropdown.md {
  width: 250px;
}
.g-dropdown.lg {
  width: 350px;
}
.g-dropdown.space {
  margin-bottom: 20px;
}
.g-dropdown .g-dropdown-input {
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  background: transparent;
}
.g-dropdown .g-dropdown-input span {
  font-size: 0.875rem;
}
.g-dropdown .g-dropdown-input input {
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
}
.g-dropdown .g-dropdown-input input.xs {
  font-size: 0.75rem;
}
.g-dropdown .g-dropdown-input input.sm {
  font-size: 0.875rem;
}
.g-dropdown .g-dropdown-input input.md {
  font-size: 1rem;
}
.g-dropdown .g-dropdown-input input.lg {
  font-size: 1.125rem;
}
.g-dropdown .g-dropdown-input input.xl {
  font-size: 1.25rem;
}
.g-dropdown .g-dropdown-input input.xxl {
  font-size: 1.5rem;
}
.g-dropdown .g-dropdown-input input.xxxl {
  font-size: 2rem;
}
.g-dropdown .g-dropdown-input input.xxxxl {
  font-size: 2.5rem;
}
.g-dropdown .g-dropdown-input input.xxxxxl {
  font-size: 3rem;
}
.g-dropdown .g-dropdown-input input.xxxxxxl {
  font-size: 3.5rem;
}
.g-dropdown .g-dropdown-input input {
  font-size: 0.875rem;
}
.g-dropdown .g-dropdown-input:focus-within {
  border-bottom: 1px solid #1e90ff;
}
.g-dropdown .g-dropdown-placeholder {
  color: #e0e0e0;
  font-size: 0.875rem;
}
.g-dropdown .g-dropdown-arrow {
  color: #19191a;
  font-size: 0.875rem;
  transform: scale(1.4);
  transition: transform 0.2s ease;
}
.g-dropdown.open .g-dropdown-arrow {
  transform: scale(1.4) rotate(180deg);
}
.g-dropdown .g-dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  z-index: 1000;
  max-height: 240px;
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.g-dropdown .g-dropdown-menu ul {
  padding: 6px 0;
}
.g-dropdown .g-dropdown-menu ul li {
  padding: 8px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
}
.g-dropdown .g-dropdown-menu ul li.xs {
  font-size: 0.75rem;
}
.g-dropdown .g-dropdown-menu ul li.sm {
  font-size: 0.875rem;
}
.g-dropdown .g-dropdown-menu ul li.md {
  font-size: 1rem;
}
.g-dropdown .g-dropdown-menu ul li.lg {
  font-size: 1.125rem;
}
.g-dropdown .g-dropdown-menu ul li.xl {
  font-size: 1.25rem;
}
.g-dropdown .g-dropdown-menu ul li.xxl {
  font-size: 1.5rem;
}
.g-dropdown .g-dropdown-menu ul li.xxxl {
  font-size: 2rem;
}
.g-dropdown .g-dropdown-menu ul li.xxxxl {
  font-size: 2.5rem;
}
.g-dropdown .g-dropdown-menu ul li.xxxxxl {
  font-size: 3rem;
}
.g-dropdown .g-dropdown-menu ul li.xxxxxxl {
  font-size: 3.5rem;
}
.g-dropdown .g-dropdown-menu ul li:hover {
  background: rgba(249, 247, 249, 0.5176470588);
  color: #19191a;
}
.g-dropdown .g-dropdown-menu ul li.active {
  background: #1e90ff;
  color: #ffffff;
}
.g-dropdown .g-dropdown-empty {
  color: #1e90ff;
}

.g-table {
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  min-height: 100vh;
}
.g-table table {
  width: 100%;
  border-collapse: collapse;
}
.g-table table thead {
  background: rgba(249, 247, 249, 0.5176470588);
}
.g-table table thead th {
  font-size: 0.875rem;
  padding: 10px;
  text-align: left;
  font-weight: normal;
  border-bottom: 1px solid #f5f5f5;
  color: #787878;
  text-transform: capitalize;
}
.g-table table tbody tr {
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.g-table table tbody tr td {
  font-size: 0.875rem;
  padding: 10px;
  vertical-align: middle;
  text-transform: capitalize;
}
.g-table table tbody tr td.rm-trasform {
  text-transform: unset;
}
.g-table table tbody tr td a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
}
.g-table table tbody tr td a:hover {
  color: #007bff;
}
.g-table table tbody tr td span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.g-table table tbody tr td span.cell-wrap {
  position: relative;
}
.g-table table tbody tr td .action-icon {
  cursor: pointer;
}
.g-table table tbody tr td .option {
  position: absolute;
  min-width: 160px;
  background: white;
  border-radius: 6px;
  padding: 6px 0;
  z-index: 50;
  margin-left: -145px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.g-table table tbody tr td .option.down {
  top: 26px;
}
.g-table table tbody tr td .option.up {
  bottom: 26px;
}
.g-table table tbody tr td .option ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.g-table table tbody tr td .option ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  cursor: pointer;
}
.g-table table tbody tr td .option ul li:hover {
  background: rgba(249, 247, 249, 0.5176470588);
}
.g-table table tbody tr:hover {
  background: rgba(249, 247, 249, 0.5176470588);
}

.g-table-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  gap: 10px;
}
.g-table-pagination span {
  font-size: 0.875rem;
}
.g-table-pagination span.light {
  color: #1e90ff;
}
.g-table-pagination button {
  font-size: 0.875rem;
  padding: 10px 15px;
  border: 1px solid #1e90ff;
  color: #1e90ff;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
}
.g-table-pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.g-modal {
  display: none;
}
.g-modal.active {
  display: block;
}
.g-modal .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 300;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 20px;
}
.g-modal .popup-content {
  position: relative;
  background: #fff;
  width: 480px;
  max-width: 96%;
  padding: 30px;
  border-radius: 6px;
  animation: slideInFromTop 0.3s ease;
  min-height: 0;
}
.g-modal .popup-content.sz-m {
  width: 800px;
}
.g-modal .popup-content.ht-rmv {
  min-height: unset;
}
.g-modal .popup-content.short {
  min-height: 0;
}
.g-modal .popup-content .close-icon {
  position: absolute;
  top: 40px;
  right: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.g-modal .popup-content .close-icon .g-icon figure {
  width: 15px;
  height: 15px;
}
.g-modal .popup-content .header {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.g-modal .popup-content .body {
  padding: 10px 0;
}
@keyframes slideInFromTop {
  from {
    transform: translateY(-80px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.main {
  position: relative;
}

.container {
  width: 100%;
}

.wrapper {
  width: 1140px;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
}

.flex-primary {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.group {
  display: block;
}

.pen-primary {
  color: #1e90ff;
}

.pen-secondary {
  color: #19191a;
}

.pen-fade {
  color: #787878;
}

.bc-primary {
  background: rgba(249, 247, 249, 0.5176470588);
}

.bc-grad-primary {
  background: linear-gradient(135deg, #1e90ff 0%, #ffffff 100%);
}

.bc-grad-tint {
  background: linear-gradient(135deg, #ffffff 0%, rgba(30, 144, 255, 0.3) 100%);
}

.bc-dark {
  background: #19191a;
}

.m-top.sm {
  margin-top: 10px;
}
.m-top.md {
  margin-top: 20px;
}
.m-top.lg {
  margin-top: 30px;
}
.m-top.xl {
  margin-top: 40px;
}
.m-top.xxl {
  margin-top: 50px;
}
.m-top.com-sm {
  margin-top: 100px;
}

.m-bot.sm {
  margin-bottom: 10px;
}
.m-bot.md {
  margin-bottom: 20px;
}
.m-bot.lg {
  margin-bottom: 30px;
}
.m-bot.xl {
  margin-bottom: 40px;
}
.m-bot.xxl {
  margin-bottom: 50px;
}
.m-bot.com-sm {
  margin-bottom: 100px;
}

.bc-fade {
  background: #e0e0e0;
}

.header-section {
  position: absolute !important;
  z-index: 4;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 0 30px;
  border-radius: 35px;
  width: 100%;
}
.header-section.relative-important {
  position: relative !important;
}
.header-section .navs .g-list ul {
  gap: 50px;
}
.header-section .navs .g-list ul li span,
.header-section .navs .g-list ul li a {
  font-size: 1rem;
}
.header-section .navs .g-list ul li.active {
  border-bottom: 5px solid #1e90ff;
  padding-bottom: 2px;
}
.header-section .m-menu {
  display: none;
}
.header-section .m-menu figure {
  width: 35px;
  height: 35px;
}
.header-section .logo figure {
  width: 75px;
  height: 75px;
}
.header-section.relative {
  position: relative;
}

.highlights-section {
  z-index: 3;
}

.hero-section {
  position: relative;
}
.hero-section .hero-image {
  z-index: 1;
  height: 635px;
}
.hero-section .hero-image figure {
  width: 100%;
  height: 100%;
}
.hero-section .hero-image figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.hero-section .hero-image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.hero-section .hero-info,
.hero-section .hero-highlights {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.hero-section .hero-info h1 {
  font-size: 2.5rem;
}
.hero-section .hero-info {
  margin-top: -100px;
}
.hero-section .hero-info h1,
.hero-section .hero-info h2 {
  text-align: center;
  line-height: 50px;
  color: #ffffff;
}
.hero-section .hero-highlights {
  margin-top: 400px;
}
.hero-section .hero-highlights h1,
.hero-section .hero-highlights h2 {
  line-height: 50px;
  color: #ffffff;
}
.hero-section .hero-highlights .g-group {
  width: 100%;
  gap: 50px;
}
.hero-section .hero-highlights .g-group .g-item {
  width: 276px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  text-align: center;
}
.hero-section .hero-highlights .g-group .g-item .g-icon figure {
  width: 50px;
  height: 50px;
}

.value-section {
  overflow: hidden;
  position: relative;
}
.value-section .marquee {
  width: 100%;
}
.value-section .marquee-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 60px;
  animation: scroll 20s linear infinite;
}
.value-section .marquee-track .g-icon {
  flex: 0 0 auto;
}
.value-section .marquee-track .g-icon figure {
  width: 85px;
  height: 85px;
}

.business-section .card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: white;
  height: 520px;
  border-radius: 4px;
}
.business-section .hero {
  margin-bottom: 40px;
}
.business-section .hero .cover-image {
  z-index: 1;
  height: 300px;
}
.business-section .hero .cover-image figure {
  width: 100%;
  height: 100%;
  background: #e0e0e0;
}
.business-section .hero .cover-image figure img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.business-section .hero .hours {
  display: flex;
  align-items: center;
  gap: 5px;
}
.business-section .hero .hours p {
  margin-bottom: unset;
}
.business-section .hero .hours .icon {
  border-radius: 100%;
  background: rgba(249, 247, 249, 0.5176470588);
}
.business-section .hero .hours .icon figure {
  width: 35px;
  height: 35px;
}
.business-section .hero .profile {
  z-index: 100;
  position: absolute;
  margin-top: -90px;
  margin-left: 50px;
  background: #e0e0e0;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.business-section .hero .profile figure {
  width: 150px;
  height: 150px;
}
.business-section .hero .profile figure img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.business-section .hero .info {
  margin-top: 20px;
  margin-left: 200px;
  padding: 0 20px;
}
.business-section .hero .info h1 {
  margin-bottom: 10px;
}
.business-section .hero .info h1,
.business-section .hero .info p {
  line-height: 30px;
  text-align: justify;
}
.business-section .hero .lower {
  margin-top: 20px;
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.business-section .hero .lower .contact {
  gap: 10px;
  display: flex;
}
.business-section .hero .social {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.business-section .hero .social .g-icon {
  cursor: pointer;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
}
.business-section .hero .social .g-icon figure {
  width: 40px;
  height: 40px;
}
.business-section .featured {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  margin-top: 30px;
}
.business-section .featured .card {
  max-width: 365px;
  min-width: 365px;
  padding: unset !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  flex: 1 1 calc(33.333% - 40px);
  max-width: calc(33.333% - 40px);
}
.business-section .featured .card .image {
  background: #e0e0e0;
  width: 100%;
  height: 220px;
  border-radius: 4px;
  overflow: hidden;
}
.business-section .featured .card .image figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.business-section .featured .card .image figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 4px;
}
.business-section .featured .card .info {
  padding: 20px 10px;
}
.business-section .featured .card .info h1 {
  font-size: 1rem;
  margin-bottom: 10px;
}
.business-section .featured .card .info p {
  font-size: 0.875rem;
  line-height: 25px;
}
.business-section .card {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 4px;
  height: unset;
}
.business-section .about {
  padding: 30px 0;
}
.business-section .about h1.txt-center,
.business-section .about p.txt-center,
.business-section .features h1.txt-center,
.business-section .features p.txt-center,
.business-section .contact h1.txt-center,
.business-section .contact p.txt-center,
.business-section .location h1.txt-center,
.business-section .location p.txt-center {
  text-align: center;
}
.business-section .about h1.txt-justify,
.business-section .about p.txt-justify,
.business-section .features h1.txt-justify,
.business-section .features p.txt-justify,
.business-section .contact h1.txt-justify,
.business-section .contact p.txt-justify,
.business-section .location h1.txt-justify,
.business-section .location p.txt-justify {
  text-align: justify;
}
.business-section .about h1,
.business-section .about p,
.business-section .features h1,
.business-section .features p,
.business-section .contact h1,
.business-section .contact p,
.business-section .location h1,
.business-section .location p {
  margin-bottom: 10px;
  line-height: 30px;
  text-align: justify;
}
.business-section.location iframe {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #e0e0e0;
  border-radius: 4px;
}
.business-section.contact {
  gap: 20px;
}
.business-section.contact .info {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.business-section.contact .info .group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.business-section.contact .info .group p {
  margin-bottom: unset;
}
.business-section.contact .info .g-icon {
  background: #1e90ff;
  border-radius: 100%;
}
.business-section.contact .info .g-icon figure {
  width: 50px;
  height: 50px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.solution-section {
  line-height: 35px;
}
.solution-section h1 {
  margin-bottom: 20px;
}
.solution-section .content-image figure {
  height: 400px;
  width: 100%;
}
.solution-section .content-image figure img {
  -o-object-fit: cover;
     object-fit: cover;
}
.solution-section .g-list ul li {
  margin-bottom: 5px;
}
.solution-section .g-list ul li span {
  font-size: 1rem;
}

.problem-section {
  line-height: 35px;
}
.problem-section h1 {
  margin-bottom: 20px;
}
.problem-section .images figure {
  width: 370px;
}
.problem-section .images figure img {
  -o-object-fit: cover;
     object-fit: cover;
}

.features-section .head,
.information-section .head {
  text-align: center;
  margin-bottom: 30px;
}
.features-section .head h1,
.information-section .head h1 {
  margin-bottom: 10px;
}
.features-section h1,
.information-section h1 {
  margin-bottom: 10px;
}
.features-section h2,
.features-section h3,
.information-section h2,
.information-section h3 {
  margin-bottom: 20px;
}
.features-section p,
.information-section p {
  line-height: 35px;
  margin-bottom: 10px;
}
.features-section .cards .g-item,
.information-section .cards .g-item {
  padding: 20px;
  width: 370px;
  border: 2px solid #1e90ff;
}
.features-section .boxes .g-item,
.information-section .boxes .g-item {
  padding: 20px;
  width: 370px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.features-section .g-panel,
.information-section .g-panel {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}
.features-section .g-panel .g-icon,
.information-section .g-panel .g-icon {
  width: 25px;
  margin-top: 10px;
  height: 25px;
}
.features-section .g-panel .g-icon figure,
.information-section .g-panel .g-icon figure {
  margin-top: -5px;
  width: 100%;
  height: 100%;
}
.features-section .info-sec,
.information-section .info-sec {
  position: relative;
}
.features-section .info-sec .social,
.information-section .info-sec .social {
  display: flex;
  gap: 10px;
  align-items: center;
}
.features-section .info-sec .social .g-icon figure,
.information-section .info-sec .social .g-icon figure {
  width: 35px;
  height: 35px;
}
.features-section .info-sec h3,
.information-section .info-sec h3 {
  margin-bottom: 10px;
}
.features-section .info-sec .g-list,
.information-section .info-sec .g-list {
  margin-top: 20px;
}
.features-section .info-sec .g-list ul li span,
.information-section .info-sec .g-list ul li span {
  font-size: 1rem;
}
.features-section .info-sec .g-panel,
.information-section .info-sec .g-panel {
  display: flex;
  align-items: center;
}
.features-section .info-sec .g-panel .g-icon,
.information-section .info-sec .g-panel .g-icon {
  margin-top: unset;
}
.features-section .info-sec .g-panel p,
.information-section .info-sec .g-panel p {
  margin-bottom: unset;
}

.footer-section {
  padding: 50px 0;
}
.footer-section .g-item ul,
.footer-section .g-item li,
.footer-section .g-item h1,
.footer-section .g-item p,
.footer-section .g-item a,
.footer-section .g-item span,
.footer-section .g-list ul,
.footer-section .g-list li,
.footer-section .g-list h1,
.footer-section .g-list p,
.footer-section .g-list a,
.footer-section .g-list span {
  color: #ffffff;
}
.footer-section .g-item h1,
.footer-section .g-list h1 {
  margin-bottom: 20px;
}
.footer-section .social {
  display: flex;
  gap: 10px;
  align-items: center;
}
.footer-section .social .g-icon figure {
  width: 35px;
  height: 35px;
}
.footer-section .copyright {
  margin-top: 50px;
  justify-items: center;
}
.footer-section .copyright p {
  font-size: 0.875rem;
  color: #ffffff;
}

.business-footer {
  width: 100%;
  border-top: 1px solid #e0e0e0;
  padding: 30px 0;
}
.business-footer h1 {
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 10px;
}
.business-footer .logo {
  justify-items: center;
}
.business-footer .logo figure {
  width: 75px;
  height: 75px;
}

.side-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100vh;
  background-color: #19191a;
  color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}
.side-panel .head {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 20px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.side-panel .head .g-icon figure {
  width: 25px !important;
  height: 25px !important;
}
.side-panel h2 {
  margin-top: 0;
  color: #ffffff;
  border-bottom: unset !important;
}
.side-panel ul {
  margin-top: 30px;
}
.side-panel a,
.side-panel span {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
}
.side-panel a:hover,
.side-panel span:hover {
  background-color: #444;
}

@media (max-width: 992px) {
  * h1 {
    font-size: 22px;
  }
  * h2 {
    font-size: 18px;
  }
  * h3 {
    font-size: 16px;
  }
  * p {
    font-size: 14px;
  }
  .m-top.com-sm {
    margin-top: 50px;
  }
  .header-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header-section .navs {
    display: none;
  }
  .header-section .g-button {
    display: none;
  }
  .header-section .m-menu {
    display: block;
  }
  .hero-section .hero-image {
    height: 650px;
  }
  .hero-section .hero-info {
    margin-top: -150px;
  }
  .hero-section .hero-info h1,
  .hero-section .hero-info h2 {
    line-height: 35px;
  }
  .value-section .marquee-track .g-icon figure {
    width: 60px;
    height: 60px;
  }
  .highlights-section {
    margin-top: -30px;
  }
  .highlights-section .g-group {
    gap: 10px;
    display: block;
  }
  .highlights-section .g-group .g-item {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .highlights-section .g-group,
  .problem-section .g-group,
  .solution-section .g-group,
  .features-section .g-group,
  .footer-section .g-group {
    flex-wrap: wrap;
  }
  .highlights-section .g-group .g-item,
  .problem-section .g-group .g-item,
  .solution-section .g-group .g-item,
  .features-section .g-group .g-item,
  .footer-section .g-group .g-item {
    width: 100%;
  }
  .problem-section .g-item {
    margin-bottom: 20px;
  }
  .problem-section .images figure {
    width: 100%;
    height: 200px;
  }
  .problem-section .g-icon {
    margin-bottom: 20px;
  }
  .solution-section .content-image figure {
    height: 300px;
    height: 200px;
  }
  .hero-highlights {
    padding: 0 20px;
  }
  .hero-highlights .g-group .g-item {
    gap: 5px;
  }
  .hero-highlights .g-group .g-item h2 {
    text-align: unset;
    text-align: left;
  }
  .hero-highlights .g-group .g-item .g-label {
    width: 150px;
  }
}
.structure {
  position: relative;
}
.structure .hero-section {
  width: 100%;
}
.structure .hero-section .hero-card .hero-image {
  position: relative;
  width: 100%;
  height: 350px;
}
.structure .hero-section .hero-card .hero-image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.structure .hero-section .hero-card .hero-info {
  display: block;
  margin: 0 auto;
  margin-top: 200px;
  width: 1140px;
  height: auto;
  position: absolute;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  height: 320px;
  border-radius: 4px;
  padding: 30px;
}
.structure .hero-section .hero-card .hero-info .hero-head {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  gap: 20px;
}
.structure .hero-section .hero-card .hero-info .hero-head .logo {
  border-radius: 4px;
  width: 180px;
  height: 180px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.structure .hero-section .hero-card .hero-info .hero-head .info h1 {
  margin-bottom: 10px;
}
.structure .hero-section .hero-card .hero-info .hero-head .info h1,
.structure .hero-section .hero-card .hero-info .hero-head .info h2,
.structure .hero-section .hero-card .hero-info .hero-head .info p {
  text-align: unset;
  color: #19191a;
}
.structure .hero-section .hero-card .hero-info .hero-head .info p {
  text-align: justify;
  line-height: 30px;
}
.structure .hero-section .hero-card .hero-info .hero-menus {
  margin-top: 20px;
}
.structure .hero-section .hero-card .hero-info .hero-menus .g-button {
  width: 150px;
}/*# sourceMappingURL=main.css.map */