:root {
  /**=========== color ===========*/
  --oit-clr-white: #fff;
  --oit-clr-black: #11383F;
  --oit-clr-green: #88DE7D;
  --oit-clr-green-neon: #D1F800;
  --oit-clr-green-soft: #C7E691;
  --oit-clr-green-dark: #1B4D3E;
  --oit-clr-forest-rich: #034833;
  --oit-clr-teal: #144443;
  --oit-clr-teal-2: #0F766E;
  --oit-clr-deep-teal: #073231;
  --oit-clr-olive: #364908;
  --oit-clr-range-rover: #00692C;
  --oit-clr-purple: #D1BEFF;
  --oit-clr-blue: #2563EB;
  --oit-clr-dark-navy: #111727;
  --oit-gray-1: #F5F8F8;
  --oit-gray-2: #F8FAFC;
  --oit-text-body: #383F3E;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeueLight.otf") format("woff2"), url("../fonts/HelveticaNeueLight.otf") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Medium.woff2") format("woff2"), url("../fonts/HelveticaNeue-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  /**========== font family ==============*/
  --oit-ff-body: 'DM Sans', sans-serif;
  --oit-ff-heading: 'Helvetica Neue', sans-serif;
  --oit-ff-helvetica: 'Helvetica Neue', sans-serif;
  --oit-ff-dm-sans: 'DM Sans', sans-serif;
  --oit-ff-p: 'DM Sans', sans-serif;
  --oit-ff-fontawesome: "Font Awesome 6 Pro";
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-4 {
  position: relative;
  z-index: 4;
}

.z-index-5 {
  position: relative;
  z-index: 5;
}

.z-index-6 {
  position: relative;
  z-index: 6;
}

.z-index-7 {
  position: relative;
  z-index: 7;
}

.z-index-8 {
  position: relative;
  z-index: 8;
}

.z-index-9 {
  position: relative;
  z-index: 9;
}

.z-index-10 {
  position: relative;
  z-index: 10;
}

.gx-5 {
  --bs-gutter-x: 5px;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-30 {
  --bs-gutter-x: 30px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gx-45 {
  --bs-gutter-x: 45px;
}

.gx-50 {
  --bs-gutter-x: 50px;
}

.gx-60 {
  --bs-gutter-x: 60px;
}

.gx-70 {
  --bs-gutter-x: 70px;
}

.gx-80 {
  --bs-gutter-x: 80px;
}

.gx-90 {
  --bs-gutter-x: 90px;
}

.gx-100 {
  --bs-gutter-x: 100px;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.oit-text-white {
  color: var(--oit-clr-white);
}
.oit-text-white:hover {
  color: var(--oit-clr-white);
}

.oit-text-green {
  color: var(--oit-clr-green) !important;
}

.oit-text-green-2 {
  color: var(--oit-clr-green-dark);
}

.oit-text-purple {
  color: var(--oit-clr-purple);
}

.oit-text-olive {
  color: var(--oit-clr-olive);
}

.oit-text-dark-navy {
  color: var(--oit-clr-dark-navy) !important;
}

.oit-text-yellow {
  color: var(--oit-clr-range-rover);
}

.oit-text-forest-rich {
  color: var(--oit-clr-forest-rich);
}

/* dropcap */
.oit-dropcap::first-letter {
  margin-inline-start: 280px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-dropcap::first-letter {
    margin-inline-start: 0;
  }
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-20 img {
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .border-radius-20 img {
    border-radius: 10px;
  }
}

.border-radius-30 img {
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .border-radius-30 img {
    border-radius: 10px;
  }
}

.common-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}
.common-title.text-olive {
  color: var(--oit-clr-olive);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .common-title {
    font-size: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .common-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .common-title {
    font-size: 22px;
  }
  .common-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .common-title {
    font-size: 28px;
  }
}

.fsz-20 {
  font-size: 20px;
  font-weight: 600;
}

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

.white-bg {
  background-color: var(--oit-clr-white);
}

.black-bg {
  background-color: var(--oit-clr-black);
}

.teal-bg {
  background-color: var(--oit-clr-teal);
}

.teal-2-bg {
  background-color: var(--oit-clr-teal-2);
}

.gray-bg {
  background-color: var(--oit-gray-1);
}

.gray-2-bg {
  background-color: var(--oit-gray-2);
}

.olive-bg {
  background-color: var(--oit-clr-olive);
}

.green-dark-bg {
  background-color: var(--oit-clr-green-dark);
}

.deep-teal-bg {
  background-color: var(--oit-clr-deep-teal);
}

.green-soft-bg {
  background-color: var(--oit-clr-green-soft);
}

.forest-rich-bg {
  background-color: var(--oit-clr-forest-rich);
}

.word-wrap {
  overflow: hidden;
  display: inline-block;
  perspective: 800px;
  padding-bottom: 10px;
}

.word {
  display: inline-block;
  opacity: 0;
  transform: rotateX(90deg);
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}

.scale-up {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shine-circle {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .shine-circle {
    border-radius: 10px;
  }
}
.shine-circle.border-none {
  border-radius: 0;
}
.shine-circle.radius-8 {
  border-radius: 8px;
}
.shine-circle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.shine-circle img {
  transition: 0.9s;
}
.shine-circle:hover::after {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}
.shine-circle:hover img {
  transform: scale(1.05);
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
.border-line {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.border-line:hover {
  background-size: 0% 2px, 100% 2px;
}

.border-line-sm span {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.border-line-sm:hover span {
  background-size: 0% 2px, 100% 2px;
}

.border-line-revel {
  display: inline-flex;
  align-items: center;
}
.border-line-revel span {
  position: relative;
  overflow: hidden;
}
.border-line-revel span::before, .border-line-revel span::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: transform 0.5s cubic-bezier(0.59, 0.23, 0.22, 0.96);
}
.border-line-revel span::before {
  left: 0;
}
.border-line-revel span::after {
  left: -1rem;
  transform: translate(-100%);
}
.border-line-revel.height-1 span::before, .border-line-revel.height-1 span::after {
  height: 1px;
}
.border-line-revel:hover span::after {
  transform: translate(1rem);
}
.border-line-revel:hover span::before {
  transform: translate(calc(100% + 1rem));
}

.oit-3d-anim {
  position: relative;
  display: inline-block;
  perspective: 800px;
}

.oit-3d-anim span {
  display: inline-block;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transform-origin: center center -0.2em;
}

.oit-3d-anim span:first-child {
  animation: textOut 8s infinite ease-in-out;
}

.oit-3d-anim span:last-child {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  animation: textIn 8s infinite ease-in-out;
}

@keyframes textOut {
  0%, 40% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
  50%, 90% {
    opacity: 0;
    transform: translate3d(0, -25px, -26px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
}
@keyframes textIn {
  0%, 40% {
    opacity: 0;
    transform: translate3d(0, 25px, -26px) rotateX(-90deg);
  }
  50%, 90% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 25px, -26px) rotateX(-90deg);
  }
}

/*# sourceMappingURL=common.css.map */