.btn {
  font-weight: 500;
  font-family: inherit;
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}

.visually-hidden {
  width:1px!important ;;
  height:1px!important ;;
  padding:0!important ;;
  margin:-1px!important ;;
  overflow:hidden!important ;;
  clip:rect(0, 0, 0, 0)!important ;;
  white-space:nowrap!important ;;
  border:0!important ;
}

.visually-hidden:not(caption) {
  position:absolute!important ;
}

.object-fit-contain {
  object-fit:contain!important ;
}

.object-fit-cover {
  object-fit:cover!important ;
}

.opacity-25 {
  opacity:.25!important ;
}

.opacity-50 {
  opacity:.5!important ;
}

.opacity-75 {
  opacity:.75!important ;
}

.overflow-hidden {
  overflow:hidden!important ;
}

.overflow-visible {
  overflow:visible!important ;
}

.overflow-y-hidden {
  overflow-y:hidden!important ;
}

.d-inline-block {
  display:inline-block!important ;
}

.d-block {
  display:block!important ;
}

.d-flex {
  display:flex!important ;
}

.d-none {
  display:none!important ;
}

.shadow-sm {
  box-shadow:var(--bs-box-shadow-sm)!important ;
}

.shadow-none {
  box-shadow:none!important ;
}

.position-static {
  position:static!important ;
}

.position-relative {
  position:relative!important ;
}

.position-absolute {
  position: absolute!important ;
}

.position-fixed {
  position:fixed!important ;
}

.top-0 {
  top:0!important ;
}

.top-2 {
  top:.5rem!important ;
}

.top-3 {
  top:.75rem!important ;
}

.top-4 {
  top:1rem!important ;
}

.top-16 {
  top:4rem!important ;
}

.top-50 {
  top:50%!important ;
}

.bottom-0 {
  bottom:0!important ;
}

.bottom-5 {
  bottom:1.25rem!important ;
}

.bottom-10 {
  bottom:2.5rem!important ;
}

.start-0 {
  left:0!important ;
}

.start-50 {
  left:50%!important ;
}

.translate-middle {
  transform:translate(-50%, -50%)!important ;
}

.translate-middle-x {
  transform:translateX(-50%)!important ;
}

.translate-middle-y {
  transform:translateY(-50%)!important ;
}

.border {
  border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important ;
}

.border-0 {
  border:0!important ;
}

.border-top {
  border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important ;
}

.border-end {
  border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important ;
}

.border-bottom {
  border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important ;
}

.border-infos {
	border: 2px solid var(--color_blue) !important;
}

.border-darkgreen {
  --bs-border-opacity:1;
  border-color:rgba(var(--bs-darkgreen-rgb), var(--bs-border-opacity))!important ;
}
a {
  text-decoration: none !important;
}
.border-2 {
  border-width:2px!important ;
}

.border-3 {
  border-width:3px!important ;
}

.w-5 {
  width:1.25rem!important ;
}

.w-6 {
  width:1.5rem!important ;
}

.w-7 {
  width:1.75rem!important ;
}

.w-8 {
  width:2rem!important ;
}

.w-10 {
  width:2.5rem!important ;
}

.w-11 {
  width:2.75rem!important ;
}

.w-12 {
  width:3rem!important ;
}

.w-13 {
  width:3.25rem!important ;
}

.w-14 {
  width:3.5rem!important ;
}

.w-15 {
  width:3.75rem!important ;
}

.w-16 {
  width:4rem!important ;
}

.w-17 {
  width:5rem!important ;
}

.w-18 {
  width:6rem!important ;
}

.w-20 {
  width:8rem!important ;
}

.w-21 {
  width:9rem!important ;
}

.w-auto {
  width:auto!important ;
}

.w-50 {
  width:50%!important ;
}

.w-100 {
  width:100%!important ;
}

.w-160 {
  width:160px!important ;
}

.w-190 {
  width:190px!important ;
}

.w-250 {
  width:250px!important ;
}

.maxw-1000 {
  max-width:1000px!important ;
}

.maxw-1100 {
  max-width:1100px!important ;
}

.maxw-1200 {
  max-width:1200px!important ;
}

.maxw-1250 {
  max-width:1250px!important ;
}

.h-5 {
  height:1.25rem!important ;
}

.h-6 {
  height:1.5rem!important ;
}

.h-7 {
  height:1.75rem!important ;
}

.h-8 {
  height:2rem!important ;
}

.h-9 {
  height:2.25rem!important ;
}

.h-10 {
  height:2.5rem!important ;
}

.h-11 {
  height:2.75rem!important ;
}

.h-12 {
  height:3rem!important ;
}

.h-13 {
  height:3.25rem!important ;
}

.h-14 {
  height:3.5rem!important ;
}

.h-15 {
  height:3.75rem!important ;
}

.h-16 {
  height:4rem!important ;
}

.h-17 {
  height:5rem!important ;
}

.h-345 {
  height:345px!important ;
}

.h-100 {
  height:100%!important ;
}

.h-60 {
  height:60px!important ;
}

.h-135 {
  height:135px!important ;
}

.h-225 {
  height:225px!important ;
}

.h-350 {
  height:350px!important ;
}

.h-450 {
  height:450px!important ;
}

.h-100vh {
  height:100vh!important ;
}

.flex-row {
  flex-direction:row!important ;
}

.flex-column {
  flex-direction:column!important ;
}

.flex-grow-1 {
  flex-grow:1!important ;
}

.flex-wrap {
  flex-wrap:wrap!important ;
}

.justify-content-start {
  justify-content:flex-start!important ;
}

.justify-content-end {
  justify-content:flex-end!important ;
}

.justify-content-center {
  justify-content:center!important ;
}

.justify-content-between {
  justify-content:space-between!important ;
}

.align-items-start {
  align-items:flex-start!important ;
}

.align-items-center {
  align-items:center!important ;
}

.m-0 {
  margin:0!important ;
}

.m-4 {
  margin:1.5rem!important ;
}

.mx-0 {
  margin-right:0!important ;;
  margin-left:0!important ;
}

.mx-1 {
  margin-right:.25rem!important ;;
  margin-left:.25rem!important ;
}

.mx-auto {
  margin-right:auto!important ;;
  margin-left:auto!important ;
}

.my-0 {
  margin-top:0!important ;;
  margin-bottom:0!important ;
}

.my-1 {
  margin-top:.25rem!important ;;
  margin-bottom:.25rem!important ;
}

.my-2 {
  margin-top:.5rem!important ;;
  margin-bottom:.5rem!important ;
}

.my-3 {
  margin-top:1rem!important ;;
  margin-bottom:1rem!important ;
}

.my-4 {
  margin-top:1.5rem!important ;;
  margin-bottom:1.5rem!important ;
}

.my-5 {
  margin-top:3rem!important ;;
  margin-bottom:3rem!important ;
}

.my-auto {
  margin-top:auto!important ;;
  margin-bottom:auto!important ;
}

.mt-0 {
  margin-top:0!important ;
}

.mt-1 {
  margin-top:.25rem!important ;
}

.mt-2 {
  margin-top:.5rem!important ;
}

.mt-3 {
  margin-top:1rem!important ;
}

.mt-4 {
  margin-top:1.5rem!important ;
}

.mt-5 {
  margin-top:3rem!important ;
}

.mt-auto {
  margin-top:auto!important ;
}

.me-2 {
  margin-right:.5rem!important ;
}

.me-3 {
  margin-right:1rem!important ;
}

.mb-0 {
  margin-bottom:0!important ;
}

.mb-1 {
  margin-bottom:.25rem!important ;
}

.mb-2 {
  margin-bottom:.5rem!important ;
}

.mb-3 {
  margin-bottom:1rem!important ;
}

.mb-4 {
  margin-bottom:1.5rem!important ;
}

.mb-5 {
  margin-bottom:3rem!important ;
}

.mb-auto {
  margin-bottom:auto!important ;
}

.ms-1 {
  margin-left:.25rem!important ;
}

.ms-2 {
  margin-left:.5rem!important ;
}

.ms-3 {
  margin-left:1rem!important ;
}

.ms-auto {
  margin-left:auto!important ;
}

.p-0 {
  padding:0!important ;
}

.p-1 {
  padding:.25rem!important ;
}

.p-2 {
  padding:.5rem!important ;
}

.p-3 {
  padding:1rem!important ;
}

.p-4 {
  padding:1.5rem!important ;
}

.p-5 {
  padding:3rem!important ;
}

.px-0 {
  padding-right:0!important ;;
  padding-left:0!important ;
}

.px-1 {
  padding-right:.25rem!important ;;
  padding-left:.25rem!important ;
}

.px-2 {
  padding-right:.5rem!important ;;
  padding-left:.5rem!important ;
}

.px-3 {
  padding-right:1rem!important ;;
  padding-left:1rem!important ;
}

.px-4 {
  padding-right:1.5rem!important ;;
  padding-left:1.5rem!important ;
}

.px-5 {
  padding-right:3rem!important ;;
  padding-left:3rem!important ;
}

.py-0 {
  padding-top:0!important ;;
  padding-bottom:0!important ;
}

.py-1 {
  padding-top:.25rem!important ;;
  padding-bottom:.25rem!important ;
}

.py-2 {
  padding-top:.5rem!important ;;
  padding-bottom:.5rem!important ;
}

.py-4 {
  padding-top:1.5rem!important ;;
  padding-bottom:1.5rem!important ;
}

.py-5 {
  padding-top:3rem!important ;;
  padding-bottom:3rem!important ;
}

.pt-0 {
  padding-top:0!important ;
}

.pt-1 {
  padding-top:.25rem!important ;
}

.pt-2 {
  padding-top:.5rem!important ;
}

.pt-3 {
  padding-top:1rem!important ;
}

.pt-4 {
  padding-top:1.5rem!important ;
}

.pt-5 {
  padding-top:3rem!important ;
}

.pe-0 {
  padding-right:0!important ;
}

.pe-1 {
  padding-right:.25rem!important ;
}

.pe-2 {
  padding-right:.5rem!important ;
}

.pe-4 {
  padding-right:1.5rem!important ;
}

.pb-0 {
  padding-bottom:0!important ;
}

.pb-1 {
  padding-bottom:.25rem!important ;
}

.pb-2 {
  padding-bottom:.5rem!important ;
}

.pb-3 {
  padding-bottom:1rem!important ;
}

.pb-4 {
  padding-bottom:1.5rem!important ;
}

.pb-5 {
  padding-bottom:3rem!important ;
}

.ps-0 {
  padding-left:0!important ;
}

.ps-2 {
  padding-left:.5rem!important ;
}

.gap-0 {
  gap:0!important ;
}

.gap-1 {
  gap:.25rem!important ;
}

.gap-2 {
  gap:.5rem!important ;
}

.gap-3 {
  gap:1rem!important ;
}

.gap-4 {
  gap:1.5rem!important ;
}

.gap-5 {
  gap:3rem!important ;
}

.fst-italic {
  font-style:italic!important ;
}

.lh-1 {
  line-height:1!important ;
}

.text-start {
  text-align:left!important ;
}

.text-end {
  text-align:right!important ;
}

.text-center {
  text-align:center!important ;
}

.text-decoration-underline {
  text-decoration:underline!important ;
}

.text-decoration-line-through {
  text-decoration:line-through!important ;
}

.text-uppercase {
  text-transform:uppercase!important ;
}

.text-primary {
  --bs-text-opacity:1;
  color: var(--bs-primary-rgb) !important ;
}

.text-success {
  --bs-text-opacity:1;
  color:rgba(var(--bs-success-rgb), var(--bs-text-opacity))!important ;
}

.text-infos {
  --bs-text-opacity:1;
	color: var(--bs-primary-rgb) !important;
}

.text-warning {
  --bs-text-opacity:1;
  color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity))!important ;
}

.text-danger {
  --bs-text-opacity:1;
  color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity))!important ;
}

.text-green {
  --bs-text-opacity:1;
  color:rgba(var(--bs-green-rgb), var(--bs-text-opacity))!important ;
}

.text-cyan {
  --bs-text-opacity:1;
  color:rgba(var(--bs-cyan-rgb), var(--bs-text-opacity))!important ;
}

.text-darkgreen {
  --bs-text-opacity:1;
  color:rgba(var(--bs-darkgreen-rgb), var(--bs-text-opacity))!important ;
}

.text-deepyellow {
  --bs-text-opacity:1;
  color:rgba(var(--bs-deepyellow-rgb), var(--bs-text-opacity))!important ;
}

.text-deepcyan {
  --bs-text-opacity:1;
  color:rgba(var(--bs-deepcyan-rgb), var(--bs-text-opacity))!important ;
}

.text-white {
  --bs-text-opacity:1;
  color:rgba(var(--bs-white-rgb), var(--bs-text-opacity))!important ;
}

.bg-primary-ec{
  --bs-bg-opacity:1;
  background-color: var(--bs-primary-rgb) !important ;
}

.bg-secondary {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity))!important ;
}

.bg-success {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity))!important ;
}

.bg-infoh {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity))!important ;
}

.bg-warning {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity))!important ;
}

.bg-danger {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity))!important ;
}

.bg-light {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity))!important ;
}

.bg-light2 {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-light2-rgb), var(--bs-bg-opacity))!important ;
}

.bg-light3 {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-light3-rgb), var(--bs-bg-opacity))!important ;
}

.bg-orange {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-orange-rgb), var(--bs-bg-opacity))!important ;
}

.bg-green {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-green-rgb), var(--bs-bg-opacity))!important ;
}

.bg-cyan {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity))!important ;
}

.bg-darkgreen {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-darkgreen-rgb), var(--bs-bg-opacity))!important ;
}

.bg-darkcyan {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-darkcyan-rgb), var(--bs-bg-opacity))!important ;
}

.bg-deepyellow {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-deepyellow-rgb), var(--bs-bg-opacity))!important ;
}

.bg-deepcyan {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-deepcyan-rgb), var(--bs-bg-opacity))!important ;
}

.bg-white {
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity))!important ;
}

.bg-transparent {
  --bs-bg-opacity:1;
  background-color:transparent!important ;
}

.bg-gradient {
  background-image:var(--bs-gradient)!important ;
}

.rounded-0 {
  border-radius:0!important ;
}

.rounded-2 {
  border-radius:var(--bs-border-radius)!important ;
}

.rounded-3 {
  border-radius:var(--bs-border-radius-lg)!important ;
}

.rounded-4 {
  border-radius:var(--bs-border-radius-xl)!important ;
}

.rounded-5 {
  border-radius:16px !important ;
}

.rounded-circle {
  border-radius:50%!important ;
}

.rounded-pill {
  border-radius:var(--bs-border-radius-pill)!important ;
}

.rounded-bottom-4 {
  border-bottom-right-radius:var(--bs-border-radius-xl)!important ;;
  border-bottom-left-radius:var(--bs-border-radius-xl)!important ;
}

.visible {
  visibility:visible!important ;
}

.z-1 {
  z-index:1!important ;
}

.z-5 {
  z-index:5!important ;
}

.z-10 {
  z-index:10!important ;
}

.top-n-3 {
  top:-.75rem!important ;
}

.top-n-4 {
  top:-1rem!important ;
}

.top-n-8 {
  top:-2rem!important ;
}

.start-0 {
  left:0!important ;
}

.start-3 {
  left:.75rem!important ;
}

.start-5 {
  left:1.25rem!important ;
}

.end-0 {
  right:0!important ;
}

.end-1 {
  right:.25rem!important ;
}

.end-5 {
  right:1.25rem!important ;
}

.end-25 {
  right:25%!important ;
}

.end-n-8 {
  right:-2rem!important ;
}

.minw-800 {
  min-width:800px!important ;
}

.cursor-pointer {
  cursor:pointer!important ;
}

.rotate-180 {
  transform:rotate(180deg)!important ;
}

.fs-12 {
  font-size:.75rem!important ;
}

.fs-13 {
  font-size:.8125rem!important ;
}

.fs-14 {
  font-size:.875rem!important ;
}

.fs-15 {
  font-size:.9375rem!important ;
}

.fs-16 {
  font-size:1rem!important ;
}

.fs-17 {
  font-size:1.0625rem!important ;
}

.fs-18 {
  font-size:1.125rem!important ;
}

.fs-20 {
  font-size:1.25rem!important ;
}

.fs-22 {
  font-size:1.375rem!important ;
}

.fs-24 {
  font-size:1.5rem!important ;
}

.fs-48 {
  font-size:3rem!important ;
}

.fs-64 {
  font-size:4rem!important ;
}

.ls-1 {
  letter-spacing:.2px!important ;
}

.ls-2 {
  letter-spacing:.4px!important ;
}

.ls-5 {
  letter-spacing:1px!important ;
}

.lh-5 {
  line-height:1!important ;
}

.lh-6 {
  line-height:1.2!important ;
}

.lh-7 {
  line-height:1.4!important ;
}

.lh-8 {
  line-height:1.6!important ;
}

.lh-20 {
  line-height:20px!important ;
}

.lh-22 {
  line-height:22px!important ;
}

.lh-24 {
  line-height:24px!important ;
}

.lh-26 {
  line-height:26px!important ;
}

.lh-28 {
  line-height:28px!important ;
}

.lh-30 {
  line-height:30px!important ;
}

.bg-size-cover {
  background-size:cover!important ;
}

.bg-repeat-no-repeat {
  background-repeat:no-repeat!important ;
}

.bg-image-center {
  background-position:center center!important ;
}

@media (min-width:576px) {
  .flex-sm-row {
  flex-direction:row!important ;
}

.px-sm-4 {
  padding-right:1.5rem!important ;;
  padding-left:1.5rem!important ;
}

.py-sm-5 {
  padding-top:3rem!important ;;
  padding-bottom:3rem!important ;
}

.gap-sm-3 {
  gap:1rem!important ;
}

}

@media (min-width:768px) {
  .d-md-flex {
  display:flex!important ;
}

.d-md-none {
  display:none!important ;
}

.w-md-auto {
  width:auto!important ;
}

.h-md-90vh {
  height:90vh!important ;
}

.flex-md-row {
  flex-direction:row!important ;
}

.mb-md-0 {
  margin-bottom:0!important ;
}

.p-md-5 {
  padding:3rem!important ;
}

.py-md-0 {
  padding-top:0!important ;;
  padding-bottom:0!important ;
}

.gap-md-0 {
  gap:0!important ;
}

.gap-md-4 {
  gap:1.5rem!important ;
}

}

@media (min-width:992px) {
  .d-lg-inline-block {
  display:inline-block!important ;
}

.d-lg-flex {
  display:flex!important ;
}

.d-lg-none {
  display:none!important ;
}

.w-lg-19 {
  width:7rem!important ;
}

.w-lg-50 {
  width:50%!important ;
}

.w-lg-75 {
  width:75%!important ;
}

.w-lg-160 {
  width:160px!important ;
}

.w-lg-85 {
  width:85%!important ;
}

.h-lg-350 {
  height:350px!important ;
}

.flex-lg-row {
  flex-direction:row!important ;
}

.justify-content-lg-start {
  justify-content:flex-start!important ;
}

.align-items-lg-center {
  align-items:center!important ;
}

.mx-lg-5 {
  margin-right:3rem!important ;;
  margin-left:3rem!important ;
}

.my-lg-5 {
  margin-top:3rem!important ;;
  margin-bottom:3rem!important ;
}

.mt-lg-3 {
  margin-top:1rem!important ;
}

.mt-lg-5 {
  margin-top:3rem!important ;
}

.me-lg-4 {
  margin-right:1.5rem!important ;
}

.me-lg-5 {
  margin-right:3rem!important ;
}

.mb-lg-0 {
  margin-bottom:0!important ;
}

.mb-lg-2 {
  margin-bottom:.5rem!important ;
}

.mb-lg-3 {
  margin-bottom:1rem!important ;
}

.mb-lg-4 {
  margin-bottom:1.5rem!important ;
}

.mb-lg-5 {
  margin-bottom:3rem!important ;
}

.ms-lg-auto {
  margin-left:auto!important ;
}

.p-lg-0 {
  padding:0!important ;
}

.p-lg-5 {
  padding:3rem!important ;
}

.px-lg-4 {
  padding-right:1.5rem!important ;;
  padding-left:1.5rem!important ;
}

.px-lg-5 {
  padding-right:3rem!important ;;
  padding-left:3rem!important ;
}

.py-lg-0 {
  padding-top:0!important ;;
  padding-bottom:0!important ;
}

.py-lg-3 {
  padding-top:1rem!important ;;
  padding-bottom:1rem!important ;
}

.py-lg-4 {
  padding-top:1.5rem!important ;;
  padding-bottom:1.5rem!important ;
}

.py-lg-5 {
  padding-top:3rem!important ;;
  padding-bottom:3rem!important ;
}

.pt-lg-0 {
  padding-top:0!important ;
}

.pt-lg-1 {
  padding-top:.25rem!important ;
}

.pt-lg-3 {
  padding-top:1rem!important ;
}

.pt-lg-4 {
  padding-top:1.5rem!important ;
}

.pt-lg-5 {
  padding-top:3rem!important ;
}

.pe-lg-3 {
  padding-right:1rem!important ;
}

.pe-lg-4 {
  padding-right:1.5rem!important ;
}

.pe-lg-5 {
  padding-right:3rem!important ;
}

.pb-lg-3 {
  padding-bottom:1rem!important ;
}

.pb-lg-4 {
  padding-bottom:1.5rem!important ;
}

.pb-lg-5 {
  padding-bottom:3rem!important ;
}

.ps-lg-4 {
  padding-left:1.5rem!important ;
}

.ps-lg-5 {
  padding-left:3rem!important ;
}

.gap-lg-3 {
  gap:1rem!important ;
}

.gap-lg-4 {
  gap:1.5rem!important ;
}

.text-lg-end {
  text-align:right!important ;
}

}

@media (min-width:1200px) {
  .d-xl-flex {
  display:flex!important ;
}

.w-xl-75 {
  width:75%!important ;
}

.maxw-xl-90 {
  max-width:90%!important ;
}

.mb-xl-0 {
  margin-bottom:0!important ;
}

.p-xl-5 {
  padding:3rem!important ;
}

.px-xl-3 {
  padding-right:1rem!important ;;
  padding-left:1rem!important ;
}

.py-xl-3 {
  padding-top:1rem!important ;;
  padding-bottom:1rem!important ;
}

.pt-xl-4 {
  padding-top:1.5rem!important ;
}

.pe-xl-5 {
  padding-right:3rem!important ;
}

.ps-xl-5 {
  padding-left:3rem!important ;
}

}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration:50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay:50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration:.1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay:.1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration:.15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay:.15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration:.2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay:.2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration:.25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay:.25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration:.3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay:.3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration:.35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay:.35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration:.4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay:.4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration:.45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay:.45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration:.5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay:.5s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration:.6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay:.6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration:.65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay:.65s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration:.75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay:.75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration:.8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay:.8s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration:1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay:1s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration:1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay:1.2s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration:1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay:1.35s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration:2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay:2s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration:3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay:0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay:3s
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function:cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function:ease
}

[data-aos^=fade][data-aos^=fade] {
  opacity:0;
  transition-property:opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity:1;
  transform:translateZ(0)
}

[data-aos=fade-up] {
  transform:translate3d(0, 100px, 0)
}

[data-aos=fade-left] {
  transform:translate3d(100px, 0, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity:0;
  transition-property:opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity:1;
  transform:translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform:scale(.6)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property:transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform:translateZ(0)
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility:hidden;
  transition-property:transform
}

.splide__list {
  backface-visibility:hidden;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  margin:0!important ;;
  padding:0!important ;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display:block
}

.splide {
  position:relative;
  visibility:hidden
}

.splide.is-initialized {
  visibility:visible
}

.splide__slide {
  backface-visibility:hidden;
  box-sizing:border-box;
  -ms-flex-negative:0;
  flex-shrink:0;
  list-style-type:none!important ;;
  margin:0;
  position:relative
}

.splide__slide img {
  vertical-align:bottom
}

.splide__track {
  overflow:hidden;
  position:relative;
  z-index:0
}

@keyframes splide-loading {
  0% {
  transform:rotate(0)
}

to {
  transform:rotate(1turn)
}

}

.splide__slide {
  -webkit-tap-highlight-color:transparent
}

.splide__slide:focus {
  outline:0
}

@supports (outline-offset:-3px) {
  .splide__slide:focus-visible {
  outline:3px solid #0bf;
  outline-offset:-3px
}

}

@media screen and (-ms-high-contrast:none) {
  .splide__slide:focus-visible {
  border:3px solid #0bf
}

}

@supports (outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus {
  outline:3px solid #0bf;
  outline-offset:-3px
}

}

@media screen and (-ms-high-contrast:none) {
  .splide.is-focus-in .splide__slide:focus {
  border:3px solid #0bf
}

.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
  border-color:#0bf
}

}

* {
  outline:0;
  padding:0
}

::after {
  margin:0;
  padding:0
}

::before {
  margin:0;
  padding:0
}

body.loading {
  overflow:hidden
}



ul {
  padding:0;
  margin:0
}

li {
  list-style:none
}

a {
  text-decoration:none;
  outline:0
}

a.active, a:focus, a:hover {
  text-decoration:none;
  outline:0
}

.strong, b, strong {
  font-weight:700
}

.aspect-box {
  aspect-ratio:234/307;
  background-size:cover;
  width:100%
}

blockquote {
  margin-top:1.5rem;
  margin-bottom:1.5rem;
  border-radius:.75rem;
  background-color:var(--gray-800);
  padding:2.5rem;
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity))
}

.table.bg-transparent tr>td {
  background-color:transparent!important ;
}

ul.list-style-disc {
  margin-top:1rem;
  margin-bottom:1rem;
  list-style-type:disc;
  padding-left:1rem
}

ul.list-style-disc li {
  list-style:disc;
  line-height:28px;
  font-size:16px;
  font-weight:500;
  color:var(--gray-800)
}

.separator-verticle:after, .separator-verticle:before {
  content:"";
  position:absolute;
  height:70px;
  background-color:#dadcdf;
  width:1.5px;
  top:50%;
  transform:translate(-50%, -50%)
}

@media (max-width:991.98px) {
  .separator-verticle:after, .separator-verticle:before {
  content:none
}

}

.separator-verticle:after {
  right:0
}

.separator-verticle:before {
  left:0
}

.form-check {
  font-size:15px;
  font-weight:400;
  color:var(--color_dark)
}

.form-check .form-check-input {
  margin-top:.3rem
}

.form-check.form-switch .form-check-input {
  width:2.5em;
  height:1.5em
}

.form-check-input.form-checked-success:checked {
  background-color:#10d876;
  border-color:#10d876
}

.image-zoom-onhover img {
  transition:all 4s ease-out
}

.image-zoom-onhover:hover img {
  transform:scale(1.2)
}

.avatar-group .avatar {
  margin-inline-end:-.6rem!important ;;
  vertical-align:middle;
  transition:transform ease .2s
}

.social-wrap {
  right:-3rem;
  transition:all .4s ease
}

.member-wrap:hover .social-wrap {
  right:1rem
}

.member-wrap .social-wrap-box li {
  width:2.5rem;
  height:2.5rem;
  border-radius:6px;
  background-color:#fff;
  color:var(--color_dark);
  display:flex;
  justify-content:center;
  align-items:center
}

.service-wrap-mt-n6 {
  margin-top:-3.5rem
}

@media (max-width:991.98px) {
  .service-wrap-mt-n6 {
  margin-top:0
}

}

.feature-div-hover {
  transition:all .4s ease;
  border:5px solid transparent
}

.feature-div-hover .h3, .feature-div-hover h3, .feature-div-hover p {
  transition:all .4s ease
}

.feature-div-hover:hover {
  border-color:rgba(18, 126, 145, .6)
}

.feature-div-hover:hover .h3, .feature-div-hover:hover h3 {
  transform:translateY(-5px)
}

.feature-div-hover:hover p {
  transform:translateY(-5px)
}

.subscribe-wrap {
  position:relative
}

.subscribe-wrap:after {
  position:absolute;
  content:"";
  bottom:0;
  width:100%;
  background-color:var(--color_dark);
  height:50%
}

.search-wrap {
  width:100%;
  padding-top:14px;
  padding-bottom:14px;
  position:fixed;
  top:0;
  left:0;
  transition:top .4s ease;
  z-index:21;
  background:#fff;
  transform:translateY(-100%);
  transition:transform .4s ease;
  pointer-events:none;
  border-bottom:1px #dadcdf solid;
  box-shadow:0 4px 80px rgba(0, 0, 0, .1)
}

.search-wrap.active {
  transform:translateY(0);
  pointer-events:all
}

.nav-tabs-outline {
  gap:5px
}

.nav-tabs-outline .nav-link.active, .nav-tabs-outline .nav-link:hover {
  background-color:#e9ecef
}

.sticky-compare-header {
  position:sticky;
  top:0;
  z-index:1020
}

.contactform-blur {
  background-color:rgba(255, 255, 255, .3);
  backdrop-filter:blur(10px)
}

.contactform-blur input::placeholder {
  color:#adb5bd
}

.contactform-blur input:focus {
  background-color:rgba(0, 0, 0, .3)
}

.icon-arrow-rotate .icon-arrow {
  transition:transform .3s ease-in-out
}

.icon-arrow-rotate:hover .icon-arrow {
  transform:rotate(45deg)
}

.progress-icon-direction.top:after {
  content:"";
  width:179px;
  height:51px;
  background-image:url(../images/vector.png);
  top:-50px;
  right:0;
  position:absolute;
  transform:translateX(50%)
}

@media (max-width:1199.98px) {
  .progress-icon-direction.top:after {
  display:none
}

}

.progress-icon-direction.bottom:after {
  content:"";
  width:179px;
  height:51px;
  background-image:url(../images/vector.png);
  bottom:100px;
  right:0;
  position:absolute;
  transform:translateX(50%) scaleY(-1)
}

@media (max-width:1199.98px) {
  .progress-icon-direction.bottom:after {
  display:none
}

}

.gslide-media {
  background:0 0!important ;
}

.overflow-y-hidden {
  overflow-y:hidden
}

.d-ruby {
  display:ruby
}

.min-h-300 {
  min-height:300px
}

.min-h-350 {
  min-height:350px
}

.min-h-500 {
  min-height:500px
}

.bg-gradient-black-bottom-g4::after, .bg-gradient-black-bottom-g5::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.bg-gradient-black-bottom-g4::after {
  background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5))
}

.bg-gradient-black-bottom-g5::after {
  background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, .6))
}

.bg-gradient-black-left:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:100%;
  background:linear-gradient(to left, transparent, rgba(0, 0, 0, .8))
}

.bg-gradient-home-banner {
  background-image:url(../images/svg/dots.svg), linear-gradient(166deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .4)), linear-gradient(#f3f0ff, #f0f6ff)
}

.bg-gradient-light-white {
  background:linear-gradient(to bottom, #fff, #f5f5f5)
}

.bg-gradient-white-light {
  background:linear-gradient(to bottom, #f8f8f8, #fff)
}

.bg-gradient-gray-100-200 {
  background:linear-gradient(to bottom, #e9ecef, #f8f9fa)
}

.bg-gradient-cyan-blue {
  background:linear-gradient(to bottom, #98fcff, #d7e0ff)
}

.bg-gradient-orange-yellow {
  background:linear-gradient(to bottom, #ffed63, #ffcc91)
}

.bg-gradient-lime-green {
  background:linear-gradient(to bottom, #b8fb04, #91ffae)
}

.bg-gradient-teal-green {
  background:linear-gradient(to bottom, #004540, #13de38)
}

.bg-gradient-orange {
  background:linear-gradient(-70deg, rgb(254.3, 180.1, 110.8), #fe9431)
}

.bg-gradient-primary {
  background:linear-gradient(-70deg, rgb(103.8, 135.3, 237.5), #2754e6)
}

.bg-gradient-secondary {
  background:linear-gradient(-70deg, rgb(148.6, 117.8, 204.6), #673bb7)
}

.bg-white-10 {
  background-color:rgba(255, 255, 255, .1)
}

.bg-black-30 {
  background-color:rgba(0, 0, 0, .3)
}

.bg-gradient-blue-light {
  background:radial-gradient(circle at 70% 30%, rgba(173, 216, 230, .8) 0, rgba(173, 216, 230, .4) 30%, transparent 60%), radial-gradient(circle at 30% 70%, rgba(100, 149, 237, .4) 0, transparent 60%), linear-gradient(135deg, #dff1ff 0, #b0d0ff 50%, #a6cfff 100%);
  background-blend-mode:screen;
  backdrop-filter:blur(20px)
}

.bg-overlay-one {
  background:linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .4))
}

.bg-overlay-two {
  background:linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .6))
}

.text-gradient {
  background:linear-gradient(to right, #40dfff, #2af294);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent
}

.pt-75 {
  padding-top:4.6875rem
}

@media (max-width:991.98px) {
  .pt-75 {
  padding-top:5rem
}

}

@media (max-width:767.98px) {
  .pt-75 {
  padding-top:2.5rem
}

}

.pb-100 {
  padding-bottom:6.25rem
}

@media (max-width:991.98px) {
  .pb-100 {
  padding-bottom:5rem
}

}

@media (max-width:767.98px) {
  .pb-100 {
  padding-bottom:2.5rem
}

}

.py-100 {
  padding-top:6.25rem;
  padding-bottom:6.875rem
}

@media (max-width:991.98px) {
  .py-100 {
  padding-top:5rem;
  padding-bottom:5rem
}

}

@media (max-width:767.98px) {
  .py-100 {
  padding-top:3rem;
  padding-bottom:3rem
}

}

.py-70 {
  padding-top:4.375rem;
  padding-bottom:6.25rem
}

@media (max-width:991.98px) {
  .py-70 {
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

}

@media (max-width:767.98px) {
  .py-70 {
  padding-top:3rem;
  padding-bottom:3rem
}

}

.pb-65 {
  padding-bottom:3.4375rem
}

@media (max-width:991.98px) {
  .pb-65 {
  padding-bottom:2.5rem
}

}

@media (max-width:767.98px) {
  .pb-65 {
  padding-bottom:2.25rem
}

}

@font-face {
  font-family:Sora;
  src:url(../fonts/Sora-400.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Sora;
  src:url(../fonts/Sora-500.woff2) format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Sora;
  src:url(../fonts/Sora-600.woff2) format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Sora;
  src:url(../fonts/Sora-700.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"DM Sans";
  src:url(../fonts/dm-sans-400.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"DM Sans";
  src:url(../fonts/dm-sans-500.woff2) format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"DM Sans";
  src:url(../fonts/dm-sans-600.woff2) format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:"DM Sans";
  src:url(../fonts/dm-sans-700.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap
}

.font-dm {
  font-family:"DM Sans", sans-serif
}

.font-sora {
  font-family:Sora, sans-serif
}

.display7-size {
  font-size:clamp(3.75rem, 1.375rem + 2.638vw, 4.875rem);
  line-height:1
}

.display6-size {
  font-size:clamp(2.5rem, 1.375rem + 2.638vw, 4.875rem);
  line-height:1.07
}

.display5-size {
  font-size:clamp(1.875rem, 1.25vw + 1.5rem, 2.75rem);
  line-height:1.1
}

.display4-size {
  font-size:clamp(1.625rem, 1.475rem + .417vw, 2rem)
}
.slider-pagination-top-right .splide__pagination {
  right: -13rem !important;
  top: 0rem !important;
  left: auto;
}
.display3-size {
  font-size:clamp(1.375rem, 1.3375rem + .139vw, 1.5rem)
}

.display2-size {
  font-size:clamp(1.25rem, 1.2125rem + .139vw, 1.375rem)
}

.display1-size {
  font-size:clamp(16px, 1.5vw, 18px);
}
.po88 {
	padding: 4.11rem !important;
}
.display6-size {
  font-size:75px;
  line-height:1.02;
  letter-spacing:-3px
}

.rating-score {
  font-size:75px;
  line-height:1.02;
  letter-spacing:-3px
}

.font-dm .display5-size {
  font-size:clamp(1.875rem, 1.25vw + 1.5rem, 2.9rem);
  line-height:1.1;
  letter-spacing:-2px
}

.font-dm .display4-size {
  letter-spacing:-1px
}



.text-gray-100 {
  color:#f8f9fa!important ;
}

.text-gray-200 {
  color:#e9ecef!important ;
}

.text-gray-300 {
  color:#dadcdf!important ;
}

.text-gray-400 {
  color:#ced4da!important ;
}

.text-gray-500 {
  color:#adb5bd!important ;
}

.text-gray-600 {
  color:#6c757d!important ;
}

.text-gray-700 {
  color:#495057!important ;
}

.text-gray-800 {
  color:#343a40!important ;
}

.text-gray-900 {
  color:var(--color_dark)!important ;
}

.bg-gray-100 {
  background-color:#f8f9fa!important ;
}

.bg-gray-200 {
  background-color:#e9ecef!important ;
}

.bg-gray-300 {
  background-color:#dadcdf!important ;
}

.bg-gray-800 {
  background-color:#343a40!important ;
}

.bg-gray-900 {
  background-color:var(--color_dark)!important ;
}

.border-gray-100 {
  border-color:#f8f9fa!important ;
}

.border-gray-200 {
  border-color:#e9ecef!important ;
}

.border-gray-300 {
  border-color:#dadcdf!important ;
}

.border-gray-600 {
  border-color:#6c757d!important ;
}

.border-gray-800 {
  border-color:#343a40!important ;
}

.fw-300 {
  font-weight:300!important ;
}

.fw-400 {
  font-weight:400!important ;
}

.fw-500 {
  font-weight:500!important ;
}

.fw-600 {
  font-weight:600!important ;
}

.fw-700 {
  font-weight:700!important ;
}

.bg-blue {
  background-color:var(--color_blue)!important ;
}

.text-blue {
  color:var(--color_blue)!important ;
}

.text-red {
  color:#dc3545!important ;
}

.bg-orange {
  background-color:#fd7e14!important ;
}

.bg-green {
  background-color:#198754!important ;
}

.text-green {
  color:#198754!important ;
}

.bg-cyan {
  background-color:#0dcaf0!important ;
}

.text-cyan {
  color:#0dcaf0!important ;
}

.bg-white {
  background-color:#fff!important ;
}

.text-white {
  color:#fff!important ;
}

.bg-darkgreen {
  background-color:#b8fb04!important ;
}

.text-darkgreen {
  color:#b8fb04!important ;
}

.bg-darkcyan {
  background-color:#034651!important ;
}

.bg-deepgreen {
  background-color:#0c4434!important ;
}

.bg-light4 {
  background-color:#f8f8f8!important ;
}

.bg-lightgreen {
  background-color:#f0f7f3!important ;
}

.bg-lightbrown {
  background-color:#fcfff5!important ;
}

.bg-lightbrown2 {
  background-color:#f1ede7!important ;
}

.bg-lightbrown3 {
  background-color:#fcfff5!important ;
}

.bg-lightcyan {
  background-color:#11363e!important ;
}

.bg-lightyellow {
  background-color:#ffffef!important ;
}

.bg-darkyellow {
  background-color:#ffe174!important ;
}

.bg-darkblack {
  background-color:#111!important ;
}

.bg-deepbrown {
  background-color:#692e0d!important ;
}

.bg-deepyellow {
  background-color:#fbdd00!important ;
}

.text-deepyellow {
  color:#fbdd00!important ;
}

.bg-deepcyan {
  background-color:#033835!important ;
}

.text-deepcyan {
  color:#033835!important ;
}

.btn-hover-bg-darken-primary {
  position:relative;
  overflow:hidden
}
.bg-gray-900 span,
.btn-hover-bg-darken-primary span {
	font-size: 16px;
}
.diagramimgs {
position: relative;
}

.diagramimgs img {
	top: -150px !important;
	left: -120px !important;
	position: absolute !important;
	z-index: -1;
}
@media (max-width:1199px) {
.diagramimgs {
	display: none;
}
}

.btn-hover-bg-darken-primary span, .btn-hover-bg-darken-primary svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-darken-primary:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-darken-primary:after {
  content:"";
  position:absolute;
  background:var(--color_blue2);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-darken-primary:before {
  content:"";
  position:absolute;
  background: var(--color_blue2);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-darken-primary:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-darken-primary:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-darken-info {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-darken-info span, .btn-hover-bg-darken-info svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-darken-info:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-darken-info:after {
  content:"";
  position:absolute;
  background:var(--color_blue2);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-darken-info:before {
  content:"";
  position:absolute;
  background:var(--color_blue2);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-darken-info:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-darken-info:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-darken-warning {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-darken-warning span, .btn-hover-bg-darken-warning svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-darken-warning:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-darken-warning:after {
  content:"";
  position:absolute;
  background:rgb(225.4057971014, 109.4202898551, 1.0942028986);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-darken-warning:before {
  content:"";
  position:absolute;
  background:rgb(225.4057971014, 109.4202898551, 1.0942028986);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-darken-warning:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-darken-warning:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-darken-dark {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-darken-dark span, .btn-hover-bg-darken-dark svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-darken-dark:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-darken-dark:after {
  content:"";
  position:absolute;
  background:rgb(17.7068965517, 19.75, 21.7931034483);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-darken-dark:before {
  content:"";
  position:absolute;
  background:rgb(17.7068965517, 19.75, 21.7931034483);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-darken-dark:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-darken-dark:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-darken-cyan {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-darken-cyan span, .btn-hover-bg-darken-cyan svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-darken-cyan:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-darken-cyan:after {
  content:"";
  position:absolute;
  background:rgb(9.0691699605, 140.9209486166, 167.4308300395);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-darken-cyan:before {
  content:"";
  position:absolute;
  background:rgb(9.0691699605, 140.9209486166, 167.4308300395);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-darken-cyan:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-darken-cyan:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-darken-deepyellow {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-darken-deepyellow span, .btn-hover-bg-darken-deepyellow svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-darken-deepyellow:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-darken-deepyellow:after {
  content:"";
  position:absolute;
  background:rgb(174.5, 153.6434262948, 0);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-darken-deepyellow:before {
  content:"";
  position:absolute;
  background:rgb(174.5, 153.6434262948, 0);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-darken-deepyellow:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-darken-deepyellow:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-info {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-info span, .btn-hover-bg-lighten-info svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-info:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-info:after {
  content:"";
  position:absolute;
  background:rgb(84.7095435685, 120.1867219917, 235.2904564315);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-info:before {
  content:"";
  position:absolute;
  background:rgb(84.7095435685, 120.1867219917, 235.2904564315);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-info:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-info:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-light3 {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-light3 span, .btn-hover-bg-lighten-light3 svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-light3:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-light3:after {
  content:"";
  position:absolute;
  background:rgb(245.347826087, 245.8695652174, 246.652173913);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-light3:before {
  content:"";
  position:absolute;
  background:rgb(245.347826087, 245.8695652174, 246.652173913);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-light3:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-light3:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-green {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-green span, .btn-hover-bg-lighten-green svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-green:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-green:after {
  content:"";
  position:absolute;
  background:rgb(32.96875, 178.03125, 110.775);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-green:before {
  content:"";
  position:absolute;
  background:rgb(32.96875, 178.03125, 110.775);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-green:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-green:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-cyan {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-cyan span, .btn-hover-bg-lighten-cyan svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-cyan:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-cyan:after {
  content:"";
  position:absolute;
  background:rgb(59.5849802372, 213.4743083004, 244.4150197628);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-cyan:before {
  content:"";
  position:absolute;
  background:rgb(59.5849802372, 213.4743083004, 244.4150197628);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-cyan:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-cyan:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-darkgreen {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-darkgreen span, .btn-hover-bg-lighten-darkgreen svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-darkgreen:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-darkgreen:after {
  content:"";
  position:absolute;
  background:rgb(198.2, 251.8, 54.2);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-darkgreen:before {
  content:"";
  position:absolute;
  background:rgb(198.2, 251.8, 54.2);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-darkgreen:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-darkgreen:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-deepyellow {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-deepyellow span, .btn-hover-bg-lighten-deepyellow svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-deepyellow:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-deepyellow:after {
  content:"";
  position:absolute;
  background:rgb(255, 230.1394422311, 47);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-deepyellow:before {
  content:"";
  position:absolute;
  background:rgb(255, 230.1394422311, 47);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-deepyellow:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-deepyellow:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.btn-hover-bg-lighten-deepcyan {
  position:relative;
  overflow:hidden
}

.btn-hover-bg-lighten-deepcyan span, .btn-hover-bg-lighten-deepcyan svg {
  position:relative;
  z-index:1;
  transition:all .3s ease
}

.btn-hover-bg-lighten-deepcyan:hover svg {
  transform:translateX(5px)
}

.btn-hover-bg-lighten-deepcyan:after {
  content:"";
  position:absolute;
  background:rgb(5.593220339, 104.406779661, 98.813559322);
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .3s
}

.btn-hover-bg-lighten-deepcyan:before {
  content:"";
  position:absolute;
  background:rgb(5.593220339, 104.406779661, 98.813559322);
  width:110%;
  height:0;
  padding-bottom:110%;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1)
}

.btn-hover-bg-lighten-deepcyan:hover:before {
  transition:transform .4s cubic-bezier(.1, 0, .3, 1);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)
}

.btn-hover-bg-lighten-deepcyan:hover:after {
  opacity:1;
  transition-duration:10ms;
  transition-delay:.3s
}

.preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999999;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center
}

.loading-container {
  margin:40px auto;
  height:4rem;
  width:4rem;
  position:relative;
  border-radius:100%
}

.loading {
  height:100%;
  width:100%;
  border-radius:100%;
  border:2px solid transparent;
  border-color:transparent #4e2fda transparent #4e2fda;
  animation:rotate-loading 1.5s linear infinite;
  transform-origin:50% 50%;
  transition:all .5s ease-in-out
}

@keyframes rotate-loading {
  0% {
  transform:rotate(0)
}

100% {
  transform:rotate(360deg)
}

}

@keyframes scale-loading {
  0% {
  transform:scale(.3)
}

50% {
  transform:scale(1)
}

100% {
  transform:scale(.3)
}

}

.arrow-round-wrap {
  position:fixed;
  right:30px;
  bottom:30px;
  height:50px;
  width:50px;
  cursor:pointer;
  display:block;
  border-radius:50px;
  box-shadow:0 1px 3px -1px rgba(0, 0, 0, .15);
  z-index:10000;
  opacity:0;
  visibility:hidden;
  transform:translateY(15px);
  -webkit-transition:all .2s linear;
  transition:all .2s linear
}

.arrow-round-wrap.active-arrow {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}

.arrow-round-wrap svg path {
  fill:#fff
}

.arrow-round-wrap svg.arrow-circle path {
  stroke-width:4;
  box-sizing:border-box;
  -webkit-transition:all .2s linear;
  transition:all .2s linear
}

.arrow-round-wrap .arrow-svg {
  top:50%;
  left:50%;
  position:absolute;
  transform:translate(-50%, -50%);
  line-height:1px
}

.arrow-round-wrap.primary svg.arrow-circle path {
  stroke:#2754e6
}

.arrow-round-wrap.primary .arrow-svg svg {
  color:#2754e6!important ;
}

.arrow-round-wrap.green svg.arrow-circle path {
  stroke:#198754
}

.arrow-round-wrap.green .arrow-svg svg {
  color:#198754!important ;
}

.arrow-round-wrap.cyan svg.arrow-circle path {
  stroke:#0dcaf0
}

.arrow-round-wrap.cyan .arrow-svg svg {
  color:#0dcaf0!important ;
}

.arrow-round-wrap.orange svg.arrow-circle path {
  stroke:#fd7e14
}

.arrow-round-wrap.orange .arrow-svg svg {
  color:#fd7e14!important ;
}

.arrow-round-wrap.darkgreen svg.arrow-circle path {
  stroke:#b8fb04
}

.arrow-round-wrap.darkgreen .arrow-svg svg {
  color:#b8fb04!important ;
}

.shadow-gradient .icon-gradient {
  position:relative;
  z-index:0;
  transition:transform .3s ease
}

.shadow-gradient .icon-gradient::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom right, #ff9a63, #ff6c1c);
  filter:blur(30px);
  opacity:0;
  transition:opacity .4s ease;
  z-index:-1;
  pointer-events:none
}

.shadow-gradient:hover .icon-gradient::after {
  opacity:.7
}

.shadow-gradient .btn svg {
  transition:all .4s ease
}

.shadow-gradient:hover .btn svg {
  transform:translateX(5px)
}

.shadow-hover {
  transition:all .3s ease
}

.shadow-hover:hover {
  box-shadow:0 .125rem .25rem rgba(0, 0, 0, .075)
}

.shadow-hover-lg {
  transition:all .4s ease
}

.shadow-hover-lg .btn svg {
  transition:all .4s ease
}

.shadow-hover-lg:hover {
  box-shadow:0 6px 25px 4px rgba(10, 22, 94, .05);
  transform:translateY(-2px)
}

.shadow-hover-lg:hover .btn svg {
  transform:translatex(5px)
}

.shadow-hover-lg {
  transition:all .4s ease
}

.shadow-hover-lg .scale-img {
  transition:all 5s ease
}

.shadow-hover-lg:hover {
  box-shadow:0 10px 30px 4px rgba(10, 22, 94, .07);
  transform:translateY(-2px)
}

.shadow-hover-lg:hover .scale-img {
  transform:scale(1.2)
}

.box-shadow-light-cyan {
  box-shadow:0 5px 18px rgba(18, 7, 143, .0392156863), 0 1px 2px rgba(14, 9, 72, .0784313725), 0 0 0 1px rgba(14, 9, 72, .0392156863), inset 0 0 3px rgba(19, 39, 108, .0392156863), inset 0 -4px 1px rgba(19, 39, 109, .0588235294)
}

.hero-wrapper {
  height:95vh
}

@media (max-width:1199.98px) {
  .hero-wrapper {
  height:800px
}

}

@media (max-width:991.98px) {
  .hero-wrapper {
  height:auto;
  padding-top:130px;
  padding-bottom:80px
}

}

@media (max-width:767.98px) {
  .hero-wrapper {
  height:auto;
  padding-top:110px;
  padding-bottom:60px
}

}

.banner-wrapper {
  height:93vh;
  padding-top:90px
}

@media (max-width:1599.98px) {
  .banner-wrapper {
  height:770px
}

}

@media (max-width:1399.98px) {
  .banner-wrapper {
  height:690px
}

}

@media (max-width:991.98px) {
  .banner-wrapper {
  height:auto;
  padding-top:100px;
  padding-bottom:50px
}

}

.banner-wrapper-image {
  width:54%;
  right:0
}

@media (max-width:1599.98px) {
  .banner-wrapper-image {
  width:60%
}

}

@media (max-width:1399.98px) {
  .banner-wrapper-image {
  width:60%
}

}

@media (max-width:1199.98px) {
  .banner-wrapper-image {
  width:74%;
  right:-15%
}

}

@media (max-width:991.98px) {
  .banner-wrapper-image {
  display:none
}

}

.startup-banner {
  background-image:url(../images/banner-bg-8.webp)
}

@media (max-width:767.98px) {
  .startup-banner {
  background:radial-gradient(circle at 20% 20%, rgba(255, 140, 0, .2) 0, transparent 60%), radial-gradient(circle at 80% 10%, rgba(255, 165, 0, .25) 0, transparent 50%), radial-gradient(circle at 0 100%, rgba(255, 120, 0, .2) 0, transparent 60%), #1a1a1a
}

}

.agency-banner {
  background-image:url(../images/banner-bg-1.webp)
}

@media (max-width:767.98px) {
  .agency-banner {
  background:radial-gradient(circle at bottom left, rgba(46, 169, 177, .4) 0, #0e3d42 50%, #0e3d42 100%)
}

}

.tech-banner {
  background-image:url(../images/banner-bg-2.webp);
  background-position:center right;
  height:80vh
}

@media (max-width:1199.98px) {
  .tech-banner {
  height:auto
}

}

@media (max-width:991.98px) {
  .tech-banner {
  background-position:center left;
  height:auto
}

}

@media (max-width:767.98px) {
  .tech-banner {
  background:radial-gradient(circle at bottom left, #064d00 0, #032c00 40%, transparent 80%), radial-gradient(circle at top right, #011900 0, #032c00 60%, #010f00 100%);
  background-color:#032c00
}

}

.light-blue-banner {
  background:radial-gradient(circle farthest-corner at 130% 110%, #fff 15%, rgba(255, 255, 255, 0) 37%), linear-gradient(50deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, .8) 93%), linear-gradient(100deg, #fff 12%, rgba(255, 255, 255, 0) 30%), linear-gradient(0deg, #fff, rgba(255, 255, 255, 0) 85%), radial-gradient(circle at -20% -40%, rgba(255, 255, 255, 0) 8%, rgba(173, 216, 224, .4) 33%, rgba(255, 255, 255, 0) 68%), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0), rgba(230, 247, 255, .3019607843) 18%, rgba(255, 255, 255, 0) 50%), repeating-linear-gradient(195deg, rgba(255, 255, 255, 0) 55%, rgba(77, 166, 255, .3019607843) 66%, rgba(255, 255, 255, 0) 85%)
}

.dark-banner {
  background-image:url(../images/img/banner-bg-8.webp);
  height:900px;
  background-position:center
}

@media (max-width:767.98px) {
  .dark-banner {
  background:radial-gradient(circle at bottom left, #064d00 0, #032c00 40%, transparent 80%), radial-gradient(circle at top right, #011900 0, #032c00 60%, #010f00 100%);
  background-color:#032c00
}

}

.data-analytics-banner {
  background-image:url(../images/img/banner-bg-7.webp);
  height:95vh;
  background-position:center;
  margin:10px
}

@media (max-width:991.98px) {
  .data-analytics-banner {
  height:60vh
}

}

.fintech-analytics-banner {
  background-image:url(../images/img/banner-bg-8.webp);
  height:95vh;
  background-position:center;
  padding-top:110px;
  padding-bottom:60px
}

@media (max-width:991.98px) {
  .fintech-analytics-banner {
  height:auto
}

}

.word-slider {
  display:inline-block;
  height:1.25em;
  overflow:hidden;
  vertical-align:middle;
  mask-image:linear-gradient(transparent, #fff, #fff, #fff, transparent);
  mask-type:luminance;
  mask-mode:alpha
}

.word-slider__words {
  display:inline-block;
  margin:0;
  padding:0;
  list-style:none;
  animation-name:wordSlider;
  animation-timing-function:ease-out;
  animation-iteration-count:infinite;
  animation-duration:7s
}

.word-slider__word {
  display:block;
  line-height:1.1em;
  text-align:left
}

.word-slider {
  display:inline-block;
  height:1.25em;
  overflow:hidden;
  vertical-align:middle;
  -webkit-mask-image:linear-gradient(transparent, #fff, #fff, #fff, transparent);
  mask-image:linear-gradient(transparent, #fff, #fff, #fff, transparent);
  mask-type:luminance;
  mask-mode:alpha
}

.word-slider__words {
  display:inline-block;
  margin:0;
  padding:0;
  list-style:none;
  -webkit-animation-name:wordSlider;
  animation-name:wordSlider;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:7s;
  animation-duration:7s
}

.word-slider__word {
  display:block;
  line-height:1.1em;
  text-align:left
}

@-webkit-keyframes wordSlider {
  0%, 27% {
  transform:translateY(0)
}

33%, 60% {
  transform:translateY(-25%)
}

66%, 93% {
  transform:translateY(-50%)
}

100% {
  transform:translateY(-75%)
}

}

@keyframes wordSlider {
  0%, 27% {
  transform:translateY(0)
}

33%, 60% {
  transform:translateY(-25%)
}

66%, 93% {
  transform:translateY(-50%)
}

100% {
  transform:translateY(-75%)
}

}

.hero-icon-1 {
  position:absolute;
  left:30%;
  top:22%;
  animation:scale-loading 2s linear 1s infinite
}

.hero-icon-2 {
  position:absolute;
  left:25%;
  bottom:22%;
  animation:scale-loading 2s linear infinite
}

.hero-icon-3 {
  position:absolute;
  right:30%;
  top:17%;
  animation:scale-loading 2s linear 1s infinite
}

.hero-icon-4 {
  position:absolute;
  right:25%;
  bottom:25%;
  animation:scale-loading 2s linear infinite
}

.hero-icon-5 {
  position:absolute;
  left:12%;
  top:35%;
  animation:rotate-loading 2s linear infinite
}

.hero-icon-6 {
  position:absolute;
  right:15%;
  bottom:47%;
  animation:rotate-loading 2s linear infinite
}

.btn {
  font-weight:500;
  font-family:inherit
}

.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-active-color:#fff
}

.btn:disabled {
  color:#fff
}

.btn.btn-light:disabled {
  color:var(--color_dark)
}

.btn-icon {
  width:40.5px;
  height:40.5px;
  padding:0;
  display:flex;
  align-items:center;
  text-align:center;
  justify-content:center
}

.btn-icon .icon, .btn-icon i {
  font-size:18px
}

.btn-icon.btn-md {
  width:36px;
  height:36px
}

.btn-icon.btn-md .icon, .btn-icon.btn-md i {
  font-size:14px
}

.btn-icon.btn-lg {
  width:50.5px;
  height:50.5px
}

.btn-icon.btn-lg .icon, .btn-icon.btn-lg i {
  font-size:22px
}

.navbar .logo img {
  height:2.5rem;
  width:100%
}

@media (max-width:991.98px) {
  .navbar .logo img {
  height:2.25rem
}

}

.navbar .navbar-nav .nav-item .nav-link {
  font-size:17px
}

.navbar .navbar-nav .nav-item .nav-link svg {
  width:1rem;
  height:1rem;
  transition:.4s
}

@media (min-width:992px) {
  .navbar .navbar-nav .nav-item .nav-link:hover svg {
  transform:rotate(180deg)
}

}

.navbar .navbar-nav .nav-item .sub-menu {
  z-index:500;
  background-color:#fff;
  box-shadow:-2px 2px 70px -25px rgba(0, 0, 0, .3);
  position:absolute;
  left:0;
  top:100%;
  margin:0;
  padding:12px 0;
  transition:.4s;
  z-index:4;
  transform:translatey(20px);
  opacity:0;
  visibility:hidden;
  min-width:240px;
  border-radius:6px
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .sub-menu {
  visibility:visible;
  opacity:1;
  z-index:99;
  pointer-events:visible;
  transform:translateY(0);
  box-shadow:none;
  position:relative;
  top:0;
  width:100%;
  padding:0;
  max-height:0;
  overflow:hidden
}

.navbar .navbar-nav .nav-item .sub-menu.show {
  max-height:500px;
  margin-top:10px
}

}

.navbar .navbar-nav .nav-item .sub-menu .sub-menu--item a {
  color:var(--color_dark);
  font-size:16px;
  padding:4px 20px;
  font-weight:500;
  color:var(--color_dark);
  position:relative;
  display:flex;
  align-items:center;
  transition:.4s
}

.navbar .navbar-nav .nav-item .sub-menu .sub-menu--item a:hover {
  transform:translatex(5px)
}

.navbar .navbar-nav .nav-item .mega-menu {
  z-index:500;
  background-color:#fff;
  box-shadow:-2px 2px 70px -25px rgba(0, 0, 0, .3);
  position:absolute;
  left:0;
  top:100%;
  margin:0;
  padding:25px 30px;
  transition:.4s;
  z-index:4;
  transform:translatey(20px);
  opacity:0;
  visibility:hidden;
  min-width:100%;
  border-radius:6px
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .mega-menu {
  visibility:visible;
  opacity:1;
  z-index:99;
  pointer-events:visible;
  transform:translateY(0);
  box-shadow:none;
  position:relative;
  padding:0;
  top:0
}

}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-column {
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:1rem
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .mega-menu .mega-menu-column {
  grid-template-columns:repeat(1, 1fr)
}

}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-sub {
  text-align:start
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .mega-menu .mega-menu-sub {
  max-height:0;
  overflow:hidden;
  transition:.4s
}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-sub.show {
  max-height:500px;
  margin-top:10px
}

}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-sub a {
  color:var(--color_dark);
  font-size:16px;
  padding:2px 0;
  font-weight:500;
  color:var(--color_dark);
  position:relative;
  display:flex;
  align-items:center;
  transition:.4s
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .mega-menu .mega-menu-sub a {
  padding:4px 20px
}

}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-sub a:hover {
  transform:translatex(5px)
}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-header {
  font-weight:600;
  color:var(--color_dark);
  font-size:16px;
  margin-bottom:12px;
  display:inline-block
}

.navbar .navbar-nav .nav-item .mega-menu .mega-menu-header svg {
  width:1rem;
  height:1rem;
  transition:.4s;
  display:none
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .mega-menu .mega-menu-header svg {
  display:flex
}

}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item .mega-menu .mega-menu-header {
  font-size:17px;
  font-weight:500;
  margin-bottom:0;
  display:flex;
  justify-content:space-between;
  align-items:center
}

}

.navbar .navbar-nav .nav-item.nav-item-has-children {
  position:relative
}

.navbar .navbar-nav .nav-item.nav-item-has-children:hover>.mega-menu, .navbar .navbar-nav .nav-item.nav-item-has-children:hover>.sub-menu {
  visibility:visible;
  opacity:1;
  z-index:99;
  pointer-events:visible;
  transform:translateY(0)
}

.navbar .navbar-nav .nav-item.nav-item-has-mega-menu {
  position:initial
}

@media (max-width:991.98px) {
  .navbar .navbar-nav .nav-item.nav-item-has-mega-menu .nav-link {
  display:none
}

}

.navbar .navbar-nav.font-sora .nav-item .nav-link {
  font-size:16px;
  font-weight:500
}

.navbar .navbar-nav.font-sora .nav-item .mega-menu .mega-menu-sub a {
  font-size:15px;
  padding:3px 0
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link {
  color:#fff
}

.navbar .menu-head {
  display:none;
  color:var(--color_dark);
  margin-bottom:10px
}

.navbar .menu-head .logo-sub img {
  height:2.1rem;
  width:100%
}

@media (max-width:991.98px) {
  .navbar .menu-head {
  display:flex
}

}

.navbar .menu-bottom {
  display:none;
  color:var(--color_dark)
}

@media (max-width:991.98px) {
  .navbar .menu-bottom {
  display:flex;
  margin-top:auto;
  flex-direction:column
}

}

.navbar .cart-badge {
  font-size:10px;
  font-weight:600;
  position:absolute;
  background-color:#2754e6;
  width:16px;
  height:16px;
  display:inline-block;
  color:#fff;
  border-radius:100px;
  top:-8px;
  right:-5px
}

.navbar .menu-overlay {
  position:fixed;
  background-color:rgba(0, 0, 0, .5);
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:1098;
  visibility:hidden;
  opacity:0;
  transition:all .5s ease
}

.navbar .menu-overlay.active {
  visibility:visible;
  opacity:1
}

.navbar-one .navbar-nav .nav-item .nav-link {
  padding-top:30px;
  padding-bottom:30px
}

@media (max-width:991.98px) {
  .navbar-one .navbar-nav .nav-item .nav-link {
  padding-top:0;
  padding-bottom:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--color_dark)!important ;;
  font-weight:500
}

}

.header-wrapper {
  transition:all .4s ease;
  z-index:20!important ;
}

.header-wrapper .nav-logo-dark {
  display:none
}

.header-wrapper .navbar.navbar-light .btn-outline {
  color:#fff
}

.header-wrapper .navbar.navbar-light .btn-outline:hover {
  color:#fff
}

.header-wrapper.scroll-header {
  background-color:#fff;
  box-shadow:0 4px 80px rgba(0, 0, 0, .1);
  position:fixed!important ;;
  left:0;
  top:0
}

.header-wrapper.scroll-header .nav-logo-dark {
  display:flex
}

.header-wrapper.scroll-header .nav-logo-light {
  display:none
}

.header-wrapper.scroll-header .navbar.navbar-light .navbar-nav .nav-item .nav-link {
  color:var(--color_dark)
}

.header-wrapper.scroll-header .navbar .btn-outline {
  color:var(--color_dark)
}

.header-wrapper.scorll-nav {
  background-color:transparent!important ;;
  box-shadow:none!important ;
}

.header-wrapper.scorll-nav .scorll-nav-main {
  box-shadow:0 2px 8px rgba(0, 0, 0, .05)
}

@media (max-width:991.98px) {
  .header-wrapper.scorll-nav .scorll-nav-main {
  padding-top:10px;
  padding-bottom:10px
}

}

@media (max-width:991.98px) {
  .menu-block {
  position:fixed;
  top:0;
  left:-320px;
  width:280px;
  background:#fff;
  z-index:1099;
  transition:left .3s ease;
  display:flex;
  flex-direction:column;
  justify-content:start;
  gap:1rem;
  overflow-y:auto;
  height:100%
}

.menu-block.active {
  left:0
}

}

.menu-banner-blue {
  background:linear-gradient(to bottom, #ececff, #ddf1ff)
}

.menu-banner-orange {
  background:linear-gradient(to bottom, #ffffea, #fff0c0)
}

.menu-banner-lime {
  background:linear-gradient(to bottom, #e9ffdd, #ecffe8)
}

.menu-banner-green {
  background:linear-gradient(to bottom, #f1ffed, #faffdf)
}

.header-top {
  padding-top:90px
}

@media (max-width:991.98px) {
  .header-top {
  padding-top:60px
}

}

.footer-wrap .footer-wrap-content {
  padding-top:75px;
  padding-bottom:75px
}

@media (max-width:991.98px) {
  .footer-wrap .footer-wrap-content {
  padding-top:35px;
  padding-bottom:35px
}

}

.footer-wrap .footer-wrap-top {
  padding-top:60px;
  padding-bottom:60px
}

@media (max-width:991.98px) {
  .footer-wrap .footer-wrap-top {
  padding-top:35px;
  padding-bottom:35px
}

}

.footer-wrap .logo img {
  height:2.5rem
}

@media (max-width:991.98px) {
  .footer-wrap .logo img {
  height:2.25rem
}

}

.footer-wrap .logo-large img {
  height:2.65rem;
  width:100%
}

@media (max-width:991.98px) {
  .footer-wrap .logo-large img {
  height:2.25rem
}

}

.footer-wrap .footer-link-title {
  font-weight:500;
  font-size:17px;
  color:#adb5bd
}

.footer-wrap .footer-link a {
  font-size:15px;
  color:#fff;
  font-weight:500;
  transition:.4s;
  display:inline-block
}

.footer-wrap .footer-link a:hover {
  transform:translatex(5px)
}

.footer-wrap .footer-link.text-gray-900 a {
  color:#343a40;
  font-weight:600
}

.footer-wrap .social-link {
  display:flex;
  flex-direction:row;
  gap:.5rem
}

.footer-wrap .social-link li a {
  width:3rem;
  height:3rem;
  border-radius:2.5rem;
  background-color:#343a40;
  align-items:center;
  text-align:center;
  justify-content:center;
  transition:.4s;
  display:flex
}

.footer-wrap .social-link li a svg {
  width:1.2rem;
  height:1.2rem;
  color:#fff
}

.footer-wrap .social-link li a:hover {
  background-color:#495057
}

.dark-footer .separator-line {
  border-color:#343a40!important ;
}

@media (max-width:991.98px) {
  .dark-footer .separator-line.border-end {
  border-color:transparent!important ;
}

}

.light-footer .separator-line {
  border-color:#e9ecef!important ;
}

@media (max-width:991.98px) {
  .light-footer .separator-line.border-end {
  border-color:transparent!important ;
}

}

.shop-wrap .product-title {
  font-weight:600;
  color:var(--color_dark);
  line-height:1
}

.shop-wrap .product-tag {
  font-size:15px;
  font-weight:500;
  line-height:16px;
  color:var(--color_dark)
}

.shop-wrap .product-price {
  font-size:15px;
  font-weight:600;
  color:var(--color_dark)
}

.shop-wrap .product-price .text-decoration-line-through {
  color:#adb5bd;
  font-size:13px
}

.shop-wrap .shop-image a {
  display:block;
  position:relative
}

.shop-wrap .shop-image a img {
  width:90%;
  object-fit:contain
}

.shop-wrap .shop-image a .img-one, .shop-wrap .shop-image a .img-two {
  background-image:linear-gradient(to bottom, #f1f1f1, #e2e2e2);
  border-radius:6px;
  width:100%;
  height:360px;
  overflow:hidden;
  text-align:center
}

.shop-wrap .shop-image a .img-two {
  transition:.4s;
  position:absolute;
  width:100%;
  top:0;
  left:0
}

.shop-wrap .shop-image a .img-one {
  display:inline-block
}

.shop-wrap .shop-image a .img-two {
  opacity:0;
  visibility:hidden
}

.shop-wrap .shop-image a:hover .img-one {
  opacity:0;
  visibility:hidden
}

.shop-wrap .shop-image a:hover .img-two {
  opacity:1;
  visibility:visible
}

.shop-single .product-title {
  font-weight:600;
  color:var(--color_dark)
}

.shop-single .review-star {
  gap:2px
}

.shop-single .product-price {
  font-size:19px;
  font-weight:600;
  color:var(--color_dark);
  display:flex;
  align-items:center;
  gap:4px
}

.shop-single .product-price .text-decoration-line-through {
  color:#adb5bd;
  font-size:15px
}

.shop-single .product-des {
  font-size:16px;
  font-weight:500;
  line-height:26px
}