.fz-8 {
  font-size: 8px !important;
}

.fz-9 {
  font-size: 9px !important;
}

.fz-10 {
  font-size: 10px !important;
}

.fz-11 {
  font-size: 11px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-17 {
  font-size: 17px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-19 {
  font-size: 19px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-21 {
  font-size: 21px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-23 {
  font-size: 23px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-27 {
  font-size: 27px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-29 {
  font-size: 29px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-31 {
  font-size: 31px !important;
}

.fz-32 {
  font-size: 32px !important;
}

.fz-33 {
  font-size: 33px !important;
}

.fz-34 {
  font-size: 34px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-36 {
  font-size: 36px !important;
}

.fz-37 {
  font-size: 37px !important;
}

.fz-38 {
  font-size: 38px !important;
}

.fz-39 {
  font-size: 39px !important;
}

.fz-40 {
  font-size: 40px !important;
}

.fz-41 {
  font-size: 41px !important;
}

.fz-42 {
  font-size: 42px !important;
}

.fz-43 {
  font-size: 43px !important;
}

.fz-44 {
  font-size: 44px !important;
}

.fz-45 {
  font-size: 45px !important;
}

.fz-46 {
  font-size: 46px !important;
}

.fz-47 {
  font-size: 47px !important;
}

.fz-48 {
  font-size: 48px !important;
}

.fz-49 {
  font-size: 49px !important;
}

.fz-50 {
  font-size: 50px !important;
}

.fz-51 {
  font-size: 51px !important;
}

.fz-52 {
  font-size: 52px !important;
}

.fz-53 {
  font-size: 53px !important;
}

.fz-54 {
  font-size: 54px !important;
}

.fz-55 {
  font-size: 55px !important;
}

.fz-56 {
  font-size: 56px !important;
}

.fz-57 {
  font-size: 57px !important;
}

.fz-58 {
  font-size: 58px !important;
}

.fz-59 {
  font-size: 59px !important;
}

.fz-60 {
  font-size: 60px !important;
}

.fz-61 {
  font-size: 61px !important;
}

.fz-62 {
  font-size: 62px !important;
}

.fz-63 {
  font-size: 63px !important;
}

.fz-64 {
  font-size: 64px !important;
}

.fz-65 {
  font-size: 65px !important;
}

.fz-66 {
  font-size: 66px !important;
}

.fz-67 {
  font-size: 67px !important;
}

.fz-68 {
  font-size: 68px !important;
}

.fz-69 {
  font-size: 69px !important;
}

.fz-70 {
  font-size: 70px !important;
}

.fz-71 {
  font-size: 71px !important;
}

.fz-72 {
  font-size: 72px !important;
}

.fz-73 {
  font-size: 73px !important;
}

.fz-74 {
  font-size: 74px !important;
}

.fz-75 {
  font-size: 75px !important;
}

.footerTitle {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px !important;
  position: relative;
  font-size: 1.2em;
  display: inline-block;
}

.footerTitle:after {
  content: "";
  background-color: #0090ff;
  width: 60px;
  display: inline-block;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0px;
  z-index: 10;
}

.footerTitle:before {
  content: "";
  background-color: #0090ff;
  width: 30px;
  display: inline-block;
  height: 3px;
  position: absolute;
  bottom: -14px;
  left: 0px;
  z-index: 10;
}

.full {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.aspect169 {
  aspect-ratio: 16/9;
}

.aspect43 {
  aspect-ratio: 4/3;
}

.textupimage {
  z-index: 2;
  text-align: center;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
}

.textupimage span {
  color: white;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 20px;
  background: #0090ff;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}

.contacttab input {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 0px;
}

.contacttab input:focus {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  box-shadow: none;
  outline: none;
}

.contacttab textarea {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 0px;
}

.contacttab textarea:focus {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  box-shadow: none;
  outline: none;
}

.contacttab label {
  color: gray;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 8px;
}

.contacttab .site-btn {
  text-align: center;
  padding: 8px 25px;
  background: #0090ff;
  color: white;
  border-radius: 5px;
  margin-top: 10px;
}

.site-btn-bordered {
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 20px !important;
  display: inline-block;
  padding: 8px 30px !important;
  text-align: center;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.site-btn-bordered:hover {
  background: #0090ff;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 20px !important;
  display: inline-block;
  padding: 8px 30px !important;
  text-align: center;
  color: white;
  border: 1px solid #4db1ff;
}

.social {
  margin-top: 10px;
}

.social a {
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #303030;
  border-radius: 50%;
  transition: all 400ms;
}

.social a:hover {
  color: white;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #0090ff;
  transition: all 400ms;
  border-radius: 50%;
}

.createFormUser select {
  padding: 13px;
  height: 50px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03);
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.createFormUser select:focus {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 0px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-shadow: none;
}

.createFormUser input {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.createFormUser input:focus {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  box-shadow: none;
  outline: none;
}

.createFormUser textarea {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.createFormUser textarea:focus {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  box-shadow: none;
  outline: none;
}

.createFormUser label {
  color: gray;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 8px;
}

.createFormUser .site-btn {
  text-align: center;
  padding: 8px 25px;
  background: #0090ff;
  color: white;
  border-radius: 5px;
  margin-top: 10px;
}

.createFormUser .val {
  padding: 13px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px dashed red !important;
}

.messageFormUser select {
  padding: 8px;
  height: 50px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.03);
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.messageFormUser select:focus {
  padding: 13px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-shadow: none;
}

.messageFormUser input {
  padding: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.messageFormUser input:focus {
  padding: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  box-shadow: none;
  outline: none;
}

.messageFormUser textarea {
  padding: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.messageFormUser textarea:focus {
  padding: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 0px;
  box-shadow: none;
  outline: none;
}

.messageFormUser label {
  color: gray;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 8px;
}

.messageFormUser .site-btn {
  text-align: center;
  padding: 8px 25px;
  background: #0090ff;
  color: white;
  border-radius: 5px;
  margin-top: 10px;
}

.messageFormUser .val {
  padding: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.09);
  border: 1px dashed red !important;
}

.icon-btn-sm {
  font-size: 20px;
  width: 50px;
  line-height: 50px;
  height: 50px;
  background: #f2f2f2;
  color: #0090ff;
  text-align: center;
}

footer {
  background: black;
  padding: 60px 0px;
  color: lightgray;
}

footer ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

footer ul li {
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  position: relative;
}

footer ul li a {
  color: #d6d6d6 !important;
  padding-left: 10px;
  font-weight: 300;
  font-size: 0.9em;
}

.detail-btn {
  font-size: 14px;
  width: 48%;
  display: block;
  color: #0090ff;
  border-radius: 6px;
  font-weight: 600;
  border: 2px solid #0090ff;
  padding: 10px 12px;
  text-align: start;
}

footer ul li:before {
  content: "\f231";
  font-size: 12px;
  font-family: bootstrap-icons;
  color: #d6d6d6;
  z-index: 99;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radius {
  border-radius: 5px;
}

.icon-btn {
  color: white;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  line-height: 100px;
  font-size: 2em;
  background: #0090ff;
  display: inline-block;
}

a {
  text-decoration: none;
  color: inherit;
}

.section-title {
  color: #0090ff;
  font-size: 2em;
  font-weight: 300;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #0090ff;
  padding-bottom: 5px;
  padding-right: 60px;
}

.card-btn-right {
  flex-grow: 1;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 9px 10px;
  margin: 4px;
  font-size: 0.95em;
  font-weight: 700;
  background: #e3e3e3;
  text-align: center;
  text-decoration: none;
  color: #0090ff;
  border: 1px solid rgba(227, 227, 227, 0.6) !important;
  transition: all 400ms;
}

.card-btn-right:hover {
  flex-grow: 1;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 9px 10px;
  margin: 4px;
  font-size: 0.95em;
  font-weight: 700;
  background: #0090ff;
  text-align: center;
  text-decoration: none;
  color: white;
  border: 1px solid rgba(227, 227, 227, 0.6) !important;
  transition: all 400ms;
}

.card-btn-left {
  flex-grow: 2;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 9px 10px;
  font-weight: 600;
  margin: 4px;
  font-size: 0.95em;
  border: 1px solid rgba(0, 144, 255, 0.4) !important;
  text-align: center;
  text-decoration: none;
  color: #0090ff;
  transition: all 400ms;
}

.card-btn-left:hover {
  flex-grow: 2;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  padding: 9px 10px;
  font-weight: 600;
  margin: 4px;
  font-size: 0.95em;
  background: #0090ff;
  border: 1px solid rgba(0, 144, 255, 0.4) !important;
  text-align: center;
  text-decoration: none;
  color: white;
  transition: all 400ms;
}

.abs1 {
  top: 0px;
  left: 15px;
  padding: 4px 10px;
  font-size: 12px;
  color: white;
  background: #0090ff;
  position: absolute;
}

.abs2 {
  bottom: 0px;
  width: 70px;
  height: 70px;
  left: 15px;
  background: white;
  padding: 4px 10px;
  font-size: 12px;
  color: white;
  position: absolute;
}

.stararea {
  color: #0090ff;
  font-size: 0.7em;
}

.cform {
  padding: 15px;
  border: none !important;
  height: 48px;
}

.cform:focus {
  align-items: center;
  box-shadow: none;
  padding: 15px;
  border: none !important;
  outline: none;
}

.text-main {
  color: #0090ff;
}

.bg-main {
  background: #0090ff;
}

.top-btn {
  text-decoration: none;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: inline-block;
  margin: 4px 1px;
  padding: 5px 20px;
  color: white;
  border-radius: 25px;
}

.top-btn:hover {
  text-decoration: none;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: inline-block;
  margin: 4px 1px;
  padding: 5px 20px;
  color: #0090ff;
  background: white;
  border-radius: 25px;
}

.my-7 {
  margin-top: 100px;
  margin-bottom: 100px;
}

body {
  background: #efefef !important;
  font-family: "Inter", serif;
  font-size: 0.9em;
  color: #43484b;
  font-weight: 300;
  line-height: auto;
}

.page-top-div {
  padding-top: 65px;
  height: 20vh;
  background: #0090ff;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-top-div h1 {
  color: white !important;
  font-size: 2em;
}

.page-top-div p {
  color: white !important;
  text-align: center;
}

h1 {
  font-size: 2.5em;
  font-weight: 800;
  margin: 5px 0px !important;
}

h2 {
  font-size: 2.2em;
  font-weight: 800;
}

h3 {
  font-size: 1.8em;
  font-weight: 800;
}

h4 {
  font-size: 1.4em;
  font-weight: 800;
}

p {
  line-height: 1.8;
  margin: 5px 0px !important;
}

.navbar {
  border: none !important;
  padding: 15px 0px !important;
}

.fw-9 {
  font-weight: 900;
}

.fw-8 {
  font-weight: 800;
}

.fw-7 {
  font-weight: 700;
}

.fw-6 {
  font-weight: 600;
}

.fw-5 {
  font-weight: 500;
}

.fw-4 {
  font-weight: 400;
}

.fw-3 {
  font-weight: 300;
}

.gr-text {
  background: linear-gradient(90deg, #0090ff 0%, #5336ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mt-7 {
  margin-top: 80px;
}

.mb-7 {
  margin-bottom: 80px;
}

.bg-gradient {
  background: linear-gradient(45deg, #0090ff 0%, #5336ff 100%) !important;
}

.nav-link {
  color: #43484b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
}

.navbar-btn {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
  background: #0090ff;
  padding: 8px 20px !important;
  border-radius: 4px;
  color: white !important;
}

.navbar-btn:hover {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
  background: #0065b3;
  padding: 8px 20px !important;
  border-radius: 4px;
  color: white !important;
}

.navbar-position-absolute {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  background: transparent !important;
  z-index: 2;
  background: white;
}

.nav-scroll {
  background: #0090ff !important;
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 5;
  transition: transform 0.5s;
  transform: translateY(100px);
  border: none;
  box-shadow: 0px 5px 15px rgba(15, 36, 84, 0.05);
}

.owl-carousel .owl-stage {
  display: flex;
}

.detail-title {
  font-weight: 600;
  font-size: 18px;
  color: #0090ff;
}

@media (max-width: 991.98px) {
  .page-top-div {
    height: 22vh;
    background: #0090ff;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.container {
  max-width: 1150px;
}