@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Nexit - IT Service and Business Technology HTML Template
    Author: Ordianit 
    Support:ordianit@gmail.com
    Description: Nexit - IT Service and Business Technology HTML Template
    Version: 1.0.0

-----------------------------------------------------------------------------------

/************ ================= ***************

	-----------------
    INDEXING START HERE
	-----------------
	1.1 Theme Css
	1.2 Common Classes	
	5.1 about css start here
	5.2 brand css start here
	5.3 career css start here
	5.4 cart css start here
	5.5 checkout css start here
	5.6 choose css start here
	5.7 contact css start here
	5.8 cta css start here
	5.9 error css start here
	5.10 faq css start here
	5.11 funfact css start here
	5.12 hero css start here
	5.13 impact css start here
	5.14 industry css start here
	5.15 mission css start here
	5.16 newsletter css start here
	5.17 partner css start here
	5.18 portfolio css start here
	5.19 price css start here
	5.20 process css start here
	5.21 portfolio css start here
	5.22 shop css start here
	5.23 slider css start here 
	5.24 strategy css start here
	5.25 team css start here
	5.26 technologi css start here
	5.27 testimonial css start here
	5.28 text-slider css start here


**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Css
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Cal+Sans&family=Golos+Text:wght@400..900&display=swap");
:root {
  /**=========== color ===========*/
  --oit-clr-white: #FFFFFF;
  --oit-clr-black: #061153;
  --oit-clr-blue: #0A5EFF;
  --oit-text-body: #595959;
  --oit-gray-1: #F6F8FF;
}

:root {
  /**========== font family ==============*/
  --oit-ff-body: "Golos Text", sans-serif;
  --oit-ff-heading: "Cal Sans", sans-serif;
  --oit-ff-cal: "Cal Sans", sans-serif;
  --oit-ff-p: "Golos Text", sans-serif;
  --oit-ff-fontawesome: "Font Awesome 6 Pro";
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1360px;
}
.container.container-1690, .container-lg.container-1690, .container-md.container-1690, .container-sm.container-1690, .container-xl.container-1690, .container-xxl.container-1690 {
  max-width: 1690px;
}
.container.container-1380, .container-lg.container-1380, .container-md.container-1380, .container-sm.container-1380, .container-xl.container-1380, .container-xxl.container-1380 {
  max-width: 1380px;
}
.container.container-1160, .container-lg.container-1160, .container-md.container-1160, .container-sm.container-1160, .container-xl.container-1160, .container-xxl.container-1160 {
  max-width: 1160px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  color: var(--oit-text-body);
  font-family: var(--oit-ff-body);
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-heading);
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 17px;
  line-height: 1.53;
  letter-spacing: -0.01em;
  margin-bottom: 15px;
  font-family: var(--oit-ff-p);
  color: var(--oit-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  p {
    font-size: 15px;
  }
}

a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  transition: 0.3s;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: currentColor;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: currentColor;
  text-decoration: none;
}

a,
button {
  color: currentColor;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 50px;
  width: 100%;
  line-height: 50px;
  font-size: 14px;
  padding: 0 25px;
  border: 1px solid var(--oit-clr-white);
  background-color: var(--oit-clr-white);
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */ }
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */ }
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/ }
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */ }
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 20px;
  padding-bottom: 15px;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--oit-clr-black);
  color: var(--oit-clr-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--oit-clr-black);
  color: var(--oit-clr-white);
  text-shadow: none;
}

::selection {
  background: var(--oit-clr-black);
  color: var(--oit-clr-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--oit-clr-black);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--oit-clr-black);
  font-size: 14px;
  opacity: 1;
}

/*---------------------------------
    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;
}

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

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

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

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

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

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

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

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

.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);
}

/* 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;
  }
}

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

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

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

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

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

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

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

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

.border-line {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  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% 1px, 100% 1px;
}

.oit-link-btn {
  display: inline-flex;
  gap: 12px;
  align-items: center;
}
.oit-link-btn span {
  font-weight: 500;
  font-size: 18px;
  color: var(--oit-clr-black);
}
.oit-link-btn i {
  height: 30px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-link-btn i svg {
  transition: 0.2s;
  display: inline-block;
  padding-inline-start: 2px;
}
.oit-link-btn.white-btn span {
  color: var(--oit-clr-white);
}
.oit-link-btn.white-btn i {
  color: var(--oit-clr-blue);
  background-color: var(--oit-clr-white);
}
.oit-link-btn:hover {
  color: currentColor;
}
.oit-link-btn:hover svg {
  transform: rotate(34deg);
}

.oit-slider-dots {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
.oit-slider-dots .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  opacity: 1;
  position: relative;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.oit-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(1.3);
  background-color: var(--oit-clr-blue);
}

.oit-slider-dots-2 {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
.oit-slider-dots-2 .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  opacity: 1;
  position: relative;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.oit-slider-dots-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(1.3);
  background-color: var(--oit-clr-blue);
}

.oit-slider-dots-3 {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
.oit-slider-dots-3 .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  opacity: 1;
  position: relative;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.oit-slider-dots-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(1.3);
  background-color: var(--oit-clr-blue);
}

.oit-slider-arrow {
  display: flex;
  gap: 20px;
  z-index: 3;
}
.oit-slider-arrow button {
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  color: var(--oit-clr-blue);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-slider-arrow button {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-slider-arrow button svg {
    height: 14px;
    width: 14px;
  }
}
.oit-slider-arrow button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-slider-arrow.type-2 button {
  color: var(--oit-clr-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-slider-arrow.type-2 button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}

/*----------------------------------------*/
/*   Buttons
/*----------------------------------------*/
.oit-btn-blue {
  overflow: hidden;
  display: inline-flex;
  background: var(--oit-clr-blue);
  color: var(--oit-clr-white);
  padding: 11px 25px;
  padding-inline-end: 10px;
  border-radius: 1000px;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-btn-blue {
    padding: 9px 18px;
    padding-inline-end: 7px;
  }
}
@media (max-width: 767px) {
  .oit-btn-blue {
    padding: 6px 18px;
    padding-inline-end: 5px;
  }
}
.oit-btn-blue.radius-0 {
  border-radius: 0;
}
.oit-btn-blue > span {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.01em;
  line-height: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-btn-blue > span {
    font-size: 15px;
  }
}
.oit-btn-blue > span > span {
  font-weight: 600;
  z-index: 9;
  display: inline-block;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  overflow: hidden;
  line-height: 1.3;
}
.oit-btn-blue > span > span > span {
  display: block;
  text-align: center;
  overflow: hidden;
}
.oit-btn-blue > span > span > span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.oit-btn-blue > span > span > span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.oit-btn-blue > i {
  height: 30px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
  z-index: 1;
  flex: 0 0 auto;
  color: var(--oit-clr-blue);
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-btn-blue > i {
    height: 28px;
    width: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.oit-btn-blue > i span {
  position: relative;
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: inline-flex;
}
.oit-btn-blue > i svg {
  transform: translateY(-5px);
  position: absolute;
  bottom: -1px;
  inset-inline-start: 5px;
  transition: all 0.2s ease-out;
}
.oit-btn-blue > i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.oit-btn-blue:hover {
  color: var(--oit-clr-white);
}
.oit-btn-blue:hover > span > span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.oit-btn-blue:hover > span > span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oit-btn-blue:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.oit-btn-blue:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(16px, -17px);
}
.oit-btn-blue.gray-btn {
  color: var(--oit-clr-black);
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-btn-blue.gray-btn > i {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-btn-blue.white-btn {
  border: none;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
.oit-btn-blue.white-btn > i {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-btn-blue.black-btn {
  background-color: var(--oit-clr-black);
}
.oit-btn-blue.black-btn > i {
  color: var(--oit-clr-blue);
  background-color: var(--oit-clr-white);
}
.oit-btn-blue.border-btn {
  gap: 8px;
  padding: 14px 25px;
  background-color: transparent;
  color: var(--oit-clr-black);
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-btn-blue.border-btn i {
  background-color: transparent;
  color: var(--oit-clr-black);
  width: auto;
  height: auto;
  transform: translateY(2px);
}
.oit-btn-blue.border-btn:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
}
.oit-btn-blue.large-icon > i svg {
  transform: translateY(-4px);
  inset-inline-start: 3px;
}
.oit-btn-blue.large-icon:hover svg:first-child {
  transform: translate(20px, -16px);
}
.oit-btn-blue.large-icon:hover svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -15px);
}

/*----------------------------------------*/
/*   Animations
/*----------------------------------------*/
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  animation-timeline: view();
  animation-range: entry 20% cover 40%;
}

@keyframes swing {
  0% {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* text-slide */
@keyframes text-slide-animation-1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* text-slide */
@keyframes text-slide-animation-2 {
  0% {
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(200, 248, 169, 0.4), 0 0 0 0 rgba(200, 248, 169, 0.4);
  }
  40% {
    box-shadow: 0 0 0 40px rgba(200, 248, 169, 0), 0 0 0 0 rgba(200, 248, 169, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(200, 248, 169, 0), 0 0 0 30px rgba(200, 248, 169, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(200, 248, 169, 0), 0 0 0 30px rgba(200, 248, 169, 0);
  }
}
@keyframes pulse-black {
  0% {
    box-shadow: 0 0 0 0 rgba(15, 61, 58, 0.4), 0 0 0 0 rgba(15, 61, 58, 0.4);
  }
  40% {
    box-shadow: 0 0 0 40px rgba(15, 61, 58, 0), 0 0 0 0 rgba(15, 61, 58, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(15, 61, 58, 0), 0 0 0 30px rgba(15, 61, 58, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(15, 61, 58, 0), 0 0 0 30px rgba(15, 61, 58, 0);
  }
}
@keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4), 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  40% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
.pulse-green {
  animation: pulse-green 3s linear infinite;
}

.pulse-black {
  animation: pulse-black 3s linear infinite;
}

.pulse-white {
  animation: pulse-white 3s linear infinite;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*----------------------------------------*/
/*  Preloader
/*----------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--oit-clr-blue);
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader.is-loading {
  opacity: 1;
  visibility: visible;
}

#preloader.is-loaded {
  pointer-events: none;
}

/* ===== Loader Animation ===== */
.preloader {
  width: 100px;
  height: 100px;
  position: relative;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: var(--oit-clr-black);
  animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
}

/* ===== Keyframes ===== */
@keyframes preloader {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
/* ===== Preloader Wrapper ===== */
@keyframes Oitloader {
  0% {
    transform: scaleY(0.1);
    background: var(--oit-clr-black);
  }
  50% {
    transform: scaleY(1);
    background: var(--oit-clr-blue);
  }
  100% {
    transform: scaleY(0.1);
    background: transparent;
  }
}
.preloader {
  width: 100%;
  height: 100%;
  background-color: var(--oit-clr-white);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.loading .bar {
  width: 6px;
  height: 60px;
  background: var(--oit-clr-white);
  display: inline-block;
  transform-origin: bottom center;
  animation: Oitloader 1.5s ease-in-out infinite;
}
.loading .bar1 {
  animation-delay: 0.1s;
}
.loading .bar2 {
  animation-delay: 0.2s;
}
.loading .bar3 {
  animation-delay: 0.3s;
}
.loading .bar4 {
  animation-delay: 0.4s;
}
.loading .bar5 {
  animation-delay: 0.5s;
}
.loading .bar6 {
  animation-delay: 0.6s;
}
.loading .bar7 {
  animation-delay: 0.7s;
}
.loading .bar8 {
  animation-delay: 0.8s;
}

/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  color: var(--oit-clr-white);
  background: var(--oit-clr-black);
  transition: 1s ease;
  border: none;
}

.scroll-top.open {
  bottom: 80px;
}

/*----------------------------------------*/
/*   Section Title
/*----------------------------------------*/
.oit-section-subtitle {
  font-weight: 500;
  font-size: 13px;
  border-radius: 10000px;
  padding: 5px 10px;
  display: inline-flex;
  gap: 3px;
  margin-bottom: 20px;
  align-items: center;
  background: #dee9ff;
  color: var(--oit-clr-blue);
  text-transform: uppercase;
}
.oit-section-subtitle.white-subtitle {
  color: var(--oit-clr-white);
  background: rgba(222, 233, 255, 0.2);
}
.oit-section-title {
  font-size: 45px;
  line-height: 1.03;
  letter-spacing: 0.01em;
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-section-title {
    font-size: 43px;
  }
  .oit-section-title span {
    padding-left: 0;
  }
  .oit-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-section-title {
    font-size: 50px;
  }
  .oit-section-title br {
    display: none;
  }
  .oit-section-title span {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .oit-section-title {
    font-size: 28px;
  }
  .oit-section-title br {
    display: none;
  }
  .oit-section-title span {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-section-title {
    font-size: 45px;
  }
  .oit-section-title span {
    padding-left: 0;
  }
}
.oit-section-title span {
  font-style: italic;
  margin-inline-start: 8px;
  font-family: var(--oit-ff-playfair);
}
.oit-section-title img {
  margin: 0 5px;
  margin-top: -5px;
  border-radius: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-section-title-box {
    padding-inline-start: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-section-text p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-section-box {
    margin-bottom: 40px;
  }
}

/*----------------------------------------*/
/*  Offcanvas
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.html), pointer;
}

.p-static {
  position: static;
}

.oit-instagram img {
  width: 100%;
}

.oit-offcanvas-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100vh;
  z-index: 1000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  transition: all 0.3s;
  background: #FFF;
  padding: 50px 50px;
  transform: translateX(calc(100% + 80px));
}
@media (max-width: 767px) {
  .oit-offcanvas-wrap {
    width: 90%;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-offcanvas-wrap {
    width: 75%;
    padding: 40px;
  }
}
.oit-offcanvas-wrap .oit-megamenu-item {
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-offcanvas-wrap .service-megamenu .oit-megamenu-item {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-offcanvas-wrap .service-megamenu .oit-megamenu-item ul {
    padding-inline-start: 0px;
  }
}
.oit-offcanvas-wrap.offcanvas-2 .oit-megamenu-services {
  grid-template-columns: repeat(1, 1fr);
}
.oit-offcanvas-wrap.offcanvas-2 .oit-service-card {
  padding: 15px 0;
  border-right: 0;
}
.oit-offcanvas-wrap.offcanvas-2 .oit-service-card:hover {
  background-color: transparent;
}
.oit-offcanvas-wrap.offcanvas-2 .oit-service-card__desc br {
  display: none;
}
.oit-offcanvas-wrap.offcanvas-2 .service-megamenu .oit-megamenu-item {
  margin-inline-start: 0;
}
.oit-offcanvas-wrap.offcanvas-2 .service-megamenu .oit-megamenu-item ul {
  padding-inline-start: 0;
}
.oit-offcanvas-area.opened .oit-offcanvas-wrap {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.oit-offcanvas__logo {
  margin-bottom: 80px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-offcanvas__logo {
    padding-top: 0;
  }
}
.oit-offcanvas__close-btn button {
  font-size: 28px;
  position: absolute;
  inset-inline-end: 50px;
  top: 50px;
  transition: 1s;
  font-weight: 300;
  color: var(--oit-clr-black);
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-offcanvas__close-btn button {
    font-size: 28px;
    inset-inline-end: 48px;
    top: 52px;
  }
}
@media (max-width: 767px) {
  .oit-offcanvas__close-btn button {
    font-size: 28px;
    inset-inline-end: 39px;
    top: 38px;
  }
}
.oit-offcanvas__close-btn button:hover {
  transform: rotate(180deg);
  color: var(--oit-clr-black);
}
.oit-offcanvas__content {
  margin-bottom: 30px;
}
.oit-offcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.oit-offcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.oit-offcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--oit-clr-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .oit-offcanvas__content a {
    font-size: 27px;
  }
}
.oit-offcanvas__social ul {
  display: flex;
  align-items: center;
}
.oit-offcanvas__social ul li {
  list-style-type: none;
}
.oit-offcanvas__social ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  font-size: 18px;
  transition: 0.3s;
  border-radius: 50%;
  margin-inline-end: 8px;
  color: var(--oit-clr-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.oit-offcanvas__social ul li a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-offcanvas__text {
    display: none;
  }
}
.oit-offcanvas__text p {
  font-size: 18px;
}
.oit-offcanvas-title {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 700;
  color: var(--oit-clr-black);
}
.oit-offcanvas-title.sm {
  font-size: 20px;
  text-transform: uppercase;
}
.oit-offcanvas__info-address a {
  font-size: 18px;
  transition: 0.3s;
  line-height: 1.3;
  display: inline-block;
  margin-bottom: 10px;
}
.oit-offcanvas__info-address a:hover {
  color: var(--oit-clr-black);
}
.oit-offcanvas .oit-homemenu-wrapper {
  padding: 0;
}
.oit-offcanvas .home-img-thumb {
  padding: 0px;
  height: 135px;
}
.oit-offcanvas .oit-menu-mobile .home-img-title,
.oit-offcanvas .oit-category-mobile-menu .home-img-title {
  font-weight: 400;
}
.oit-offcanvas .oit-megamenu-thumb {
  display: none;
}
.oit-offcanvas .oit-megamenu-text {
  display: none;
}
.oit-offcanvas .oit-megamenu-list li a::before {
  display: none;
}
.oit-offcanvas .oit-megamenu-list li:hover > a {
  padding-left: 0px;
  font-weight: 400;
}
.oit-offcanvas .oit-megamenu-list li:not(:last-child) {
  margin-bottom: 0;
}
.oit-offcanvas .oit-menu-mobile ul li > a,
.oit-offcanvas .oit-category-mobile-menu ul li > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.oit-offcanvas .oit-megamenu-title {
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 65px;
  margin-top: 30px;
  font-weight: 500;
  color: var(--oit-clr-black);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.oit-offcanvas .home-img:hover .home-img-title a {
  color: var(--oit-clr-white);
}
.oit-offcanvas .home-img:hover .home-img-title {
  background-size: 0% 1px, 100% 1px;
}

/*----------------------------------------*/
/*   breadcrumb
/*----------------------------------------*/
.oit-breadcrumb-subtitle {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--oit-clr-black);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-breadcrumb-subtitle {
    font-size: 12px;
    gap: 5px;
  }
}
.oit-breadcrumb-title {
  font-weight: 400;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: 0.01em;
  color: var(--oit-clr-black);
}
.oit-breadcrumb-title > span {
  font-style: italic;
  margin-inline-start: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-breadcrumb-title {
    font-size: 53px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-breadcrumb-title {
    font-size: 55px;
  }
  .oit-breadcrumb-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-breadcrumb-title {
    font-size: 32px;
  }
  .oit-breadcrumb-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-breadcrumb-title {
    font-size: 45px;
  }
}
.oit-breadcrumb-nav-link {
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 767px) {
  .oit-breadcrumb-nav-link {
    gap: 12px;
  }
}
.oit-breadcrumb-nav-link a, .oit-breadcrumb-nav-link svg {
  color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-breadcrumb-nav-link a, .oit-breadcrumb-nav-link svg {
    font-size: 14px;
  }
}
.oit-breadcrumb-nav-link svg {
  color: var(--oit-clr-blue);
}
.oit-breadcrumb-area {
  overflow: hidden;
}
@media (max-width: 767px) {
  .oit-breadcrumb-area {
    padding-top: 150px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-breadcrumb-wrap p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  search
/*----------------------------------------*/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 60%;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.32) 27.26%, rgba(0, 0, 0, 0.32) 75.93%);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup {
  width: 100%;
}

.search-active.search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--oit-clr-blue);
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--oit-clr-white);
  border-top: 3px solid var(--oit-clr-white);
  border-right: 3px solid rgba(0, 0, 0, 0.9);
  border-left: 3px solid rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

.search-active.search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active.search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: var(--oit-clr-white);
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: 0;
}
.search-popup .form-group input[type=text]:focus,
.search-popup .form-group input[type=search]:focus {
  border: 1px solid var(--oit-clr-blue);
}

.search-popup .form-group input[type=search] {
  padding: 10px 70px 10px 30px;
}

.search-popup .form-group input[type=submit], .search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: var(--oit-clr-white);
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
  color: var(--oit-clr-blue);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: var(--oit-clr-white);
  border: none;
}

.search-box-btn {
  display: inline-block;
  padding-left: 22px;
}

.search-box-btn i {
  display: inline-block;
  color: var(--oit-clr-white);
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.flaticon-multiply:before {
  content: inherit;
}

button.close-search i {
  font-size: 25px;
  color: var(--oit-clr-white);
  display: inline-block;
}

span.flaticon-multiply i {
  display: inline-block;
  color: var(--oit-clr-white);
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-checkboxradio-disabled, .ui-state-disabled {
  pointer-events: none;
}

.ui-datepicker .ui-icon, .ui-icon {
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-helper-reset, .ui-menu {
  outline: 0;
  list-style: none;
}

.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  overflow: hidden;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-autocomplete, .ui-menu .ui-menu {
  position: absolute;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
}

.ui-button, .ui-controlgroup {
  display: inline-block;
  vertical-align: middle;
}

.ui-button, .ui-menu-icons, .ui-resizable {
  position: relative;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-button, .ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  overflow: hidden;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: 0 0;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 2em 0.2em 0.4em;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a, .ui-widget-header a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.html");
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.html");
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.html");
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.html");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.html");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.html");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*----------------------------------------*/
/*  modal
/*----------------------------------------*/
.modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-wrapper {
  position: relative;
  z-index: 999999999;
}

.modal {
  overflow-y: scroll;
  overflow-x: hidden;
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: 0;
}

.btn-close {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 99999999999;
  padding: 0;
  margin: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: var(--oit-clr-black);
  background-color: #fff !important;
  border: 1px solid rgba(25, 25, 26, 0.2);
  opacity: 1;
  transition: 0.3s;
}
.btn-close:hover {
  border-color: var(--oit-clr-black) !important;
  transform: rotate(180deg);
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
  opacity: 1;
}

.modal-body {
  padding: 0;
}

.modal-header {
  padding: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.oit-shop-modal .modal-dialog {
  width: 1200px;
}
.oit-shop-modal .modal-content {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-modal .modal-content {
    padding: 80px 20px;
    width: 75%;
  }
}
@media (max-width: 767px) {
  .oit-shop-modal .modal-content {
    padding: 80px 20px;
    width: 100%;
  }
}
.oit-shop-modal-close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: var(--oit-clr-black);
  color: var(--oit-clr-white);
  transition: 0.3s;
}
.oit-shop-modal-close-btn:hover {
  background-color: var(--oit-clr-black);
}
.oit-shop-modal-content .tab-content {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-shop-modal .oit-shop-details-quantity {
  height: 42px;
}

.oit-shop-details-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
.oit-shop-details-stock {
  margin-right: 12px;
}
.oit-shop-details-stock span {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px;
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-heading);
  background-color: var(--oit-gray-1);
}
.oit-shop-details-rating {
  margin-right: 11px;
  align-items: center;
}
.oit-shop-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}
.oit-shop-details-rating span:not(:last-child) {
  margin-right: 3px;
}
.oit-shop-details-action-title {
  font-size: 16px;
  margin-bottom: 13px;
  color: var(--oit-clr-black);
}
.oit-shop-details-action-wrapper {
  margin-bottom: 17px;
}
.oit-shop-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-shop-details-action-sm-btn {
    font-size: 12px;
  }
}
.oit-shop-details-action-sm-btn:not(:last-child) {
  margin-right: 10px;
}
.oit-shop-details-action-sm-btn i, .oit-shop-details-action-sm-btn svg {
  margin-right: 2px;
}
.oit-shop-details-action-sm-btn:hover {
  color: var(--oit-clr-black);
}
.oit-shop-details-thumb-wrapper .nav-tab .nav-link {
  width: 100px;
  height: 107px;
  position: relative;
  margin: 0px 4px;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .oit-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
    margin-bottom: 10px;
  }
}
.oit-shop-details-thumb-wrapper .nav-tab .nav-link.active {
  border: 1px solid var(--oit-clr-blue);
}
.oit-shop-details-thumb-wrapper {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-thumb-wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.oit-shop-details-thumb-wrapper .nav-tab {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .oit-shop-details-action-item-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-details-action-item-wrapper {
    flex-wrap: nowrap;
  }
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1 Header Style 1
/*----------------------------------------*/
.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.oit-header-wrap {
  margin: 40px;
  padding: 0 30px;
  border-radius: 100000px;
  backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.32) 27.26%, rgba(0, 0, 0, 0.32) 75.93%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-header-wrap {
    margin: 15px;
  }
}
@media (max-width: 767px) {
  .oit-header-wrap {
    margin: 0;
    border-radius: 0;
  }
}
.oit-header-menu nav > ul {
  display: flex;
  gap: 40px;
  margin-inline-start: 230px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .oit-header-menu nav > ul {
    margin-inline-start: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-menu nav > ul {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav > ul {
    gap: 25px;
    margin-inline-start: 0;
  }
}
.oit-header-menu nav > ul > li {
  list-style-type: none;
}
.oit-header-menu nav > ul > li > a {
  padding: 26px 0;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-menu nav > ul > li > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav > ul > li > a {
    font-size: 15px;
  }
}
.oit-header-bar span {
  height: 2px;
  width: 10px;
  display: block;
  margin: 5px 0;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  background-color: var(--oit-clr-white);
}
.oit-header-bar span:nth-child(2n) {
  width: 20px;
}
.oit-header-bar:hover span {
  width: 20px;
}
.oit-header-action {
  gap: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-action {
    margin-inline-start: -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-action {
    margin-inline-start: -50px;
  }
}
.oit-header-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.oit-header-search {
  height: 46px;
  width: 46px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-ptb {
    padding: 14px 20px;
  }
}

.inner-header {
  background-repeat: no-repeat;
}
.inner-header .oit-header-wrap {
  margin-top: 20px;
  backdrop-filter: blur(40px);
  background: var(--oit-gray-1);
}
.inner-header .oit-header-wrap.header-2-wrap {
  background: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.inner-header .oit-header-menu nav > ul > li {
  list-style-type: none;
}
.inner-header .oit-header-menu nav > ul > li > a {
  color: var(--oit-clr-black);
}
.inner-header .oit-header-menu nav > ul > li.has-dropdown > a::after {
  color: var(--oit-clr-blue);
}
.inner-header .oit-header-bar span {
  background-color: var(--oit-clr-black);
}
.inner-header .oit-header-search {
  color: var(--oit-clr-black);
  border: 1px solid rgba(9, 31, 46, 0.1);
}

.oit-header-2-area {
  margin: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-2-area {
    margin: 0;
    padding: 14px 0;
  }
}
.oit-header-2-area .oit-header-menu nav > ul {
  display: flex;
  gap: 40px;
  margin-inline-start: 100px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .oit-header-2-area .oit-header-menu nav > ul {
    margin-inline-start: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-2-area .oit-header-menu nav > ul {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-2-area .oit-header-menu nav > ul {
    gap: 25px;
    margin-inline-start: 50px;
  }
}
.oit-header-2-area .oit-header-menu nav > ul > li {
  list-style-type: none;
}
.oit-header-2-area .oit-header-menu nav > ul > li > a {
  padding: 26px 0;
  color: var(--oit-clr-black);
}
.oit-header-2-bar {
  height: 46px;
  width: 46px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  display: inline-block;
  padding: 0 13px;
  border: 1px solid rgba(9, 31, 46, 0.1);
  background-color: rgba(9, 31, 46, 0.1);
}
.oit-header-2-bar span {
  height: 2px;
  width: 10px;
  display: block;
  margin: 5px 0;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  background-color: var(--oit-clr-black);
}
.oit-header-2-bar span:nth-child(2n) {
  width: 20px;
}
.oit-header-2-contact-info {
  display: flex;
  gap: 10px;
  align-items: center;
	margin-right: 20px;
}
.oit-header-2-contact-info .info-icon {
  position: relative;
  height: 46px;
  width: 46px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-header-2-contact-info .info-icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--oit-clr-blue);
}
.oit-header-2-contact-info .info-icon svg, .oit-header-2-contact-info .info-icon i {
  position: relative;
  z-index: 1;
}
.oit-header-2-contact-info span {
  font-weight: 500;
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
}
.oit-header-2-contact-info a {
  display: block;
  color: var(--oit-clr-black);
}
.oit-header-2-contact-info:hover .info-icon::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.oit-header-2-lang {
  display: flex;
  align-items: center;
  padding-inline-start: 40px;
  margin-inline-start: 40px;
  margin-inline-end: 10px;
  border-inline-start: 1px solid #d9d9d9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-2-lang {
    margin-inline-end: 0;
    padding-inline-start: 20px;
    margin-inline-start: 20px;
  }
}
.oit-header-2-lang span {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-black);
}
.oit-header-2-lang .nice-select {
  padding-left: 5px;
  padding-right: 30px;
}
.oit-header-2-lang .nice-select::after {
  right: 19px;
  top: 49%;
}
.oit-header-2-lang .nice-select .option {
  padding-left: 15px;
  padding-right: 10px;
}
.oit-header-2-wrap {
  margin-top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-2-wrap {
    margin-top: 0;
  }
}

.oit-header-3-area {
  margin: 0 20px;
  margin-top: 20px;
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-header-3-area {
    padding: 14px 20px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-3-area {
    padding: 14px 0;
    margin: 0;
    border-radius: 0;
  }
}
.oit-header-3-area .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-position: top;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-3-area .oit-header-menu nav > ul {
    margin-inline-start: 40px;
  }
}
.oit-header-3-area .oit-header-2-bar {
  border-radius: 8px;
  background-color: var(--oit-clr-blue);
}
.oit-header-3-area .oit-header-2-bar span {
  background-color: var(--oit-clr-white);
}

.oit-header-top-bar-area {
  margin: 0 20px;
  padding: 10px 0;
  border-radius: 30px 30px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-top-bar-area {
    margin: 0;
    border-radius: 0;
  }
}
.oit-header-top-bar-info ul li {
  list-style-type: none;
  display: inline-block;
}
.oit-header-top-bar-info ul li:not(:last-child)::after {
  display: inline-block;
  content: "";
  height: 17px;
  width: 1px;
  margin-inline-end: 20px;
  margin-inline-start: 20px;
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-header-top-bar-info ul li:not(:last-child)::after {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-top-bar-info ul li:first-child::after {
    display: inline-block;
  }
}
.oit-header-top-bar-info a, .oit-header-top-bar-info span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.oit-header-top-bar-info a svg, .oit-header-top-bar-info span svg {
  color: var(--oit-clr-white);
}
.oit-header-top-bar-social {
  display: flex;
  gap: 25px;
  padding-inline-start: 20px;
  margin-inline-start: 20px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-header-top-bar-social a {
  color: rgba(255, 255, 255, 0.8);
}
.oit-header-top-bar-social a svg {
  height: 18px;
}
.oit-header-top-bar-social a:hover {
  color: var(--oit-clr-white);
}
.oit-header-top-bar-right {
  display: flex;
  align-items: center;
  justify-content: end;
}
.oit-header-top-bar-text p {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  letter-spacing: 0em;
  margin-bottom: 0;
  color: var(--oit-clr-white);
}
.oit-header-top-bar-text p a {
  text-decoration: underline;
}

/*----------------------------------------*/
/*  4.1 Main menu css
/*----------------------------------------*/
.oit-header-menu nav ul li {
  position: relative;
}
.oit-header-menu nav ul li.p-static {
  position: static;
}
.oit-header-menu nav ul li.has-dropdown > a {
  transition: 0.3s;
}
.oit-header-menu nav ul li.has-dropdown > a::after {
  content: "\f107";
  display: inline-block;
  font-size: 18px;
  transition: 0.3s;
  margin-left: 5px;
  transition: 0.3s;
  font-family: "Font Awesome 6 Pro";
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-menu nav ul li.has-dropdown > a::after {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav ul li.has-dropdown > a::after {
    font-size: 13px;
  }
}
.oit-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 230px;
  text-align: left;
  padding: 30px 0;
  opacity: 0;
  z-index: 9999;
  visibility: hidden;
  transition: 0.3s;
  border-radius: 5px;
  transition-duration: 0.1s;
  transform-origin: top;
  transform: perspective(300px) rotateX(-18deg);
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
.oit-header-menu nav ul li .submenu.oit-megamenu-wrap {
  position: absolute;
  left: 0;
  right: 0;
  width: 60%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  padding: 30px 25px 30px 30px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav ul li .submenu.oit-megamenu-wrap {
    width: 75%;
  }
}
.oit-header-menu nav ul li .submenu.oit-megamenu-wrap li {
  padding: 0;
}
.oit-header-menu nav ul li .submenu li {
  list-style: none;
  display: block;
  padding: 0 20px;
}
.oit-header-menu nav ul li .submenu li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-header-menu nav ul li .submenu li a {
  font-weight: 500;
  font-size: 15px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: var(--oit-clr-black);
}
.oit-header-menu nav ul li .submenu li a::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  visibility: hidden;
  display: inline-block;
  transition: 0.3s;
  background-color: currentColor;
}
.oit-header-menu nav ul li .submenu li:hover a {
  padding-left: 20px;
  color: var(--oit-clr-black);
}
.oit-header-menu nav ul li .submenu li:hover a::before {
  width: 15px;
  visibility: visible;
}
.oit-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.oit-header-menu nav ul li:hover.has-dropdown a::after {
  transform: rotate(-180deg);
}
.oit-header-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  transform: perspective(300px) rotateX(0deg);
}

.oit-megamenu-title {
  font-size: 18px;
  letter-spacing: 1px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.oit-menu-mobile .oit-menu-content,
.oit-category-mobile-menu .oit-menu-content {
  margin-bottom: 70px;
}
.oit-menu-mobile ul,
.oit-category-mobile-menu ul {
  position: static;
  display: block;
  box-shadow: none;
}
.oit-menu-mobile ul li,
.oit-category-mobile-menu ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.oit-menu-mobile ul li:not(:last-child) > a,
.oit-category-mobile-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.oit-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.oit-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  inset-inline-end: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--oit-clr-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(176, 162, 162, 0.35);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .oit-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
  .oit-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
    font-size: 14px;
  }
}
.oit-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i,
.oit-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.oit-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i,
.oit-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.oit-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover,
.oit-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--oit-clr-blue);
  border-color: var(--oit-clr-blue);
  color: var(--oit-clr-white);
}
.oit-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i,
.oit-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--oit-clr-white);
}
.oit-menu-mobile ul li.has-dropdown.expanded,
.oit-category-mobile-menu ul li.has-dropdown.expanded {
  color: var(--oit-clr-black);
}
.oit-menu-mobile ul li.has-dropdown.expanded .dropdown-toggle-btn,
.oit-category-mobile-menu ul li.has-dropdown.expanded .dropdown-toggle-btn {
  background-color: var(--oit-clr-black);
  border-color: var(--oit-clr-black);
  color: var(--oit-clr-white);
}
.oit-menu-mobile ul li.has-dropdown.expanded .dropdown-toggle-btn i,
.oit-category-mobile-menu ul li.has-dropdown.expanded .dropdown-toggle-btn i {
  color: var(--oit-clr-white);
}
.oit-menu-mobile ul li.has-dropdown:hover > a::after,
.oit-category-mobile-menu ul li.has-dropdown:hover > a::after {
  color: var(--oit-clr-black);
}
.oit-menu-mobile ul li:last-child a span,
.oit-category-mobile-menu ul li:last-child a span {
  border-bottom: 0;
}
.oit-menu-mobile ul li > a,
.oit-category-mobile-menu ul li > a {
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px 0;
  font-weight: 500;
  padding-inline-end: 20px;
  text-transform: capitalize;
  color: var(--oit-clr-black);
}
.oit-menu-mobile ul li > a:hover,
.oit-category-mobile-menu ul li > a:hover {
  color: var(--oit-theme-1);
}
.oit-menu-mobile ul li > a svg,
.oit-category-mobile-menu ul li > a svg {
  transform: translateY(-2px);
}
.oit-menu-mobile ul li > a > i,
.oit-category-mobile-menu ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.oit-menu-mobile ul li > a .menu-text,
.oit-category-mobile-menu ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.oit-menu-mobile ul li img,
.oit-category-mobile-menu ul li img {
  width: 100%;
  height: 100%;
}
.oit-menu-mobile ul li ul,
.oit-category-mobile-menu ul li ul {
  padding: 0;
}
.oit-menu-mobile ul li ul li,
.oit-category-mobile-menu ul li ul li {
  padding: 0;
}
.oit-menu-mobile ul li ul li a,
.oit-category-mobile-menu ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.oit-menu-mobile ul li ul li li a,
.oit-category-mobile-menu ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.oit-menu-mobile ul li ul li li li a,
.oit-category-mobile-menu ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.oit-menu-mobile ul li ul li li li li a,
.oit-category-mobile-menu ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.oit-menu-mobile ul li:hover > a::after,
.oit-category-mobile-menu ul li:hover > a::after {
  color: var(--oit-theme-1);
}
.oit-menu-mobile ul li:hover > a .dropdown-toggle-btn i,
.oit-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
  color: var(--oit-theme-1);
}
.oit-menu-mobile ul li:hover .mega-menu,
.oit-category-mobile-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.oit-menu-mobile ul li .mega-menu, .oit-menu-mobile ul li .submenu,
.oit-category-mobile-menu ul li .mega-menu,
.oit-category-mobile-menu ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.oit-menu-mobile ul li .mega-menu li, .oit-menu-mobile ul li .submenu li,
.oit-category-mobile-menu ul li .mega-menu li,
.oit-category-mobile-menu ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.oit-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .oit-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.oit-category-mobile-menu ul li .mega-menu li:hover a .dropdown-toggle-btn,
.oit-category-mobile-menu ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--oit-theme-1);
}
.oit-menu-mobile .oit-menu-content ul li:not(:last-child) .home-img-title a,
.oit-category-mobile-menu .oit-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}
.oit-menu-mobile * ul, .oit-menu-mobile * li,
.oit-category-mobile-menu * ul,
.oit-category-mobile-menu * li {
  transition: none !important;
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.oit-sidebar-wrap {
  margin-inline-start: -24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sidebar-wrap {
    margin-inline-start: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-sidebar-wrap {
    margin-inline-start: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sidebar-wrap {
    margin-top: 70px;
    margin-inline-start: 0;
  }
}
.oit-sidebar-search-box button {
  position: absolute;
  inset-inline-end: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.oit-sidebar-search-box button i {
  color: var(--oit-clr-black);
}
.oit-sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-transform: capitalize;
  padding-inline-start: 20px;
  padding-inline-end: 60px;
  color: var(--oit-clr-black);
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sidebar-search-box input {
    height: 50px;
    line-height: 50px;
  }
}
.oit-sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
}
.oit-sidebar-search-box input:focus {
  border: 1px solid var(--oit-clr-black);
}
.oit-sidebar-widget {
  padding: 30px 25px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-sidebar-widget {
    padding: 35px 25px;
  }
}
.oit-sidebar-widget-title {
  font-size: 22px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sidebar-widget-title {
    font-size: 24px;
  }
}
.oit-sidebar-widget-category ul li {
  list-style-type: none;
}
.oit-sidebar-widget-category ul li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-sidebar-widget-category ul li a {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 16px 25px;
  font-size: 15px;
  border-radius: 8px;
  font-weight: 500;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sidebar-widget-category ul li a {
    padding: 14px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sidebar-widget-category ul li a {
    padding: 12px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sidebar-widget-category ul li a svg {
    height: 10px;
    width: 10px;
  }
}
.oit-sidebar-widget-category ul li a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-sidebar-widget-cta img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.oit-sidebar-widget-cta .author-name {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}
.oit-sidebar-widget-cta span {
  font-size: 14px;
}
.oit-sidebar-widget.blue-widget {
  text-align: center;
  background-color: var(--oit-clr-blue);
}
.oit-sidebar-widget.blue-widget svg {
  color: var(--oit-clr-white);
}
.oit-sidebar-widget.blue-widget p {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 0.8);
}
.oit-sidebar-widget.blue-widget .contact-title {
  font-size: 30px;
  color: var(--oit-clr-white);
}
.oit-sidebar-widget.tagcloud-widget {
  padding-bottom: 35px;
}
.oit-sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.oit-sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
.oit-sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
.oit-sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: -1;
  opacity: 0.7;
  mix-blend-mode: luminosity;
}
.oit-sidebar-widget-social a {
  height: 52px;
  width: 52px;
  line-height: 52px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #F2EBE9;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-sidebar-widget-social a {
    height: 44px;
    width: 44px;
    line-height: 44px;
  }
}
.oit-sidebar-widget-social a:not(:last-child) {
  margin-inline-end: 10px;
}
.oit-sidebar-widget-social a:hover {
  border: 1px solid var(--oit-clr-black);
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-sidebar-widget-post ul li {
  list-style-type: none;
}
.oit-sidebar-widget-post ul li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.oit-sidebar-widget-filter .ui-widget.ui-widget-content {
  height: 5px;
  background-color: rgba(15, 61, 58, 0.2);
  border: 0;
  position: relative;
}
.oit-sidebar-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--oit-clr-black);
}
.oit-sidebar-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 12px;
  height: 12px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--oit-clr-black);
}
.oit-sidebar-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  text-align: end;
  color: var(--oit-clr-black);
  background-color: transparent;
}
.oit-sidebar-widget-filter-info button.btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-sidebar-widget-filter-info button.btn:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-sidebar-widget-checkbox ul li {
  list-style: none;
}
.oit-sidebar-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}
.oit-sidebar-widget-checkbox ul li input {
  display: none;
}
.oit-sidebar-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.oit-sidebar-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--oit-clr-black);
  border-color: var(--oit-clr-black);
}
.oit-sidebar-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.oit-sidebar-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
}
.oit-sidebar-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}
.oit-sidebar-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: var(--oit-clr-white);
  transition: 0.2s;
}
.oit-sidebar-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.oit-sidebar-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.oit-sidebar-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-sidebar-widget-rating-list ul li:hover .oit-shop-widget-checkbox-circle-number {
  border-color: var(--oit-clr-black);
}
.oit-sidebar-widget-rating-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
  border: 1px solid #EAEAEA;
}
.oit-sidebar-widget-thumb {
  height: 90px;
  width: 90px;
  margin-right: 22px;
  flex: 0 0 auto;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-sidebar-widget-thumb {
    width: 70px;
    height: 70px;
  }
}
.oit-sidebar-widget-content .title-sm {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  margin-inline-end: 40px;
  margin-bottom: 5px;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-sidebar-widget-content .title-sm {
    margin-inline-end: 0;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sidebar-widget-content .title-sm {
    font-size: 16px;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-sidebar-widget-content .title-sm {
    margin-right: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .oit-sidebar-widget-content .title-sm {
    margin-inline-end: 0;
  }
}
.oit-sidebar-cta-title {
  font-size: 20px;
}
@media (max-width: 767px) {
  .oit-sidebar-cta-title {
    font-size: 18px;
  }
}
.oit-sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.oit-sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  content: "";
  border-radius: 5px;
  z-index: -1;
  background: rgba(24, 24, 24, 0.7);
}
.oit-sidebar-contact-call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--oit-clr-white);
  margin-bottom: 20px;
}
.oit-sidebar-contact-call i {
  display: block;
  font-size: 42px;
  color: var(--oit-clr-black);
  margin-bottom: 10px;
}
.oit-sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--oit-clr-white);
  margin-bottom: 15px;
}
.oit-sidebar-contact-info a {
  display: block;
  display: flex;
  gap: 8px;
  font-size: 15px;
  justify-content: center;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}
.oit-sidebar-contact-info a svg {
  height: 15px;
  width: 17px;
}

.rc-post-thumb {
  overflow: hidden;
  border-radius: 5px;
}
.rc-post-thumb img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  transition: 1s all ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .rc-post-thumb img {
    height: 100%;
  }
}
.rc-post-thumb:hover img {
  transform: scale(1.1);
}
.rc-post-title {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1.56;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rc-post-title {
    font-size: 16px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .rc-post-title {
    font-size: 14px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rc-post-title {
    font-size: 18px;
  }
}
.rc-meta span {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.tagcloud {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.tagcloud a {
  font-weight: 500;
  font-size: 14px;
  border-radius: 100px;
  padding: 6px 15px;
  padding-bottom: 8px;
  display: inline-block;
  line-height: 1;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(93, 93, 93, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 12px;
    padding: 7px 15px;
  }
}
.tagcloud a:hover {
  background: var(--oit-clr-black);
  color: var(--oit-clr-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-inline-end: 8px;
}

/*----------------------------------------*/
/*  5.4 Blog details css
/*----------------------------------------*/
.oit-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}
.oit-pagination ul li a {
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 400;
  font-size: 18px;
  transition: 0.3s;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-pagination ul li a {
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .oit-pagination ul li a {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.oit-pagination ul li a i {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-pagination ul li a i {
    font-size: 16px;
  }
}
.oit-pagination ul li.current a, .oit-pagination ul li:hover a {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
  border: 1px solid var(--oit-clr-blue);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-inner-area {
    padding-bottom: 70px;
  }
}
.oit-blog-inner-item {
  padding: 20px;
  padding-bottom: 50px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-blog-inner-item-meta {
  display: flex;
  gap: 20px;
  align-items: center;
}
.oit-blog-inner-item-meta span {
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-block;
  color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-blog-inner-item-meta span {
    font-size: 14px;
  }
}
.oit-blog-inner-item-meta span.date {
  font-size: 14px;
  line-height: 1;
  border-radius: 1000px;
  padding: 5px 15px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-blog-inner-item-title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-blog-inner-item-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-blog-inner-item-title {
    font-size: 28px;
  }
  .oit-blog-inner-item-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-blog-inner-item-title {
    font-size: 30px;
  }
  .oit-blog-inner-item-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-blog-inner-item-title {
    font-size: 22px;
  }
  .oit-blog-inner-item-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-blog-inner-item-title {
    font-size: 30px;
  }
}
.oit-blog-inner-item-content {
  padding-inline-start: 20px;
}
@media (max-width: 767px) {
  .oit-blog-inner-item-content {
    padding-inline-start: 0;
  }
}
.oit-blog-inner-item-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.oit-blog-inner-item-thumb img {
  transition: 1s all ease;
}
.oit-blog-inner-item-thumb:hover img {
  transform: scale(1.1);
}
.oit-blog-inner-item .blog-inner-video-btn {
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  text-align: center;
  font-size: 26px;
  height: 100px;
  width: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-blue);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-blog-inner-item .blog-inner-video-btn {
    height: 70px;
    width: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
@media (max-width: 767px) {
  .oit-blog-inner-item .blog-inner-video-btn {
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.oit-blog-inner-item .blog-inner-video-btn i, .oit-blog-inner-item .blog-inner-video-btn svg {
  padding-inline-start: 5px;
  display: inline-block;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .oit-blog-inner-item .blog-inner-video-btn i, .oit-blog-inner-item .blog-inner-video-btn svg {
    width: 18px;
  }
}
.oit-blog-inner-slider {
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-inner-slider {
    border-radius: 10px;
  }
}
.oit-blog-inner-arrow .postbox-arrow-prev {
  inset-inline-start: 20px;
}
.oit-blog-inner-arrow .postbox-arrow-next {
  inset-inline-end: 20px;
}
.oit-blog-inner-arrow button {
  padding: 0;
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-inner-arrow button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.oit-blog-inner-arrow button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-blog-inner-left {
  margin-inline-end: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-blog-inner-left {
    margin-inline-end: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-inner-left {
    margin-inline-end: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-area {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-area .oit-intro-title {
    font-size: 18px;
  }
}
.oit-postbox-area .oit-intro-report-card {
  padding: 35px 25px;
}
.oit-postbox-area .oit-intro-video-card {
  height: 100%;
}
.oit-postbox-area .oit-intro-video-card img {
  height: 100%;
  object-fit: cover;
}
.oit-postbox-area.postbox-style-2 .oit-postbox-left {
  margin-inline-end: 0;
}
@media (max-width: 767px) {
  .oit-postbox-banner {
    margin-bottom: 40px;
  }
}
.oit-postbox-left {
  margin-inline-end: 87px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-postbox-left {
    margin-inline-end: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-postbox-left {
    margin-inline-end: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-left {
    margin-inline-end: 0;
  }
}
.oit-postbox-dsc p {
  font-size: 20px;
  line-height: 1.5;
}
.oit-postbox-video-card {
  overflow: hidden;
  border-radius: 10px;
}
.oit-postbox-video-card img {
  object-fit: cover;
}
.oit-postbox-video-card .video-caption {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  display: flex;
  gap: 20px;
  margin: 0 auto;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .oit-postbox-video-card .video-caption {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
}
.oit-postbox-video-card .caption {
  color: var(--oit-clr-white);
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.04em;
  border: 1px solid rgba(56, 63, 62, 0.1);
  border-radius: 1000px;
  padding: 11px 30px;
  backdrop-filter: blur(20px);
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.1) 25.64%, rgba(255, 255, 255, 0.1) 76.9%);
}
@media (max-width: 767px) {
  .oit-postbox-video-card .caption {
    padding: 12px 20px;
    font-size: 14px;
  }
}
.oit-postbox-video-card .play-btn {
  height: 43px;
  width: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  border: 2px solid rgba(255, 255, 255, 0.4);
  background-color: var(--oit-clr-black);
}
.oit-postbox-report-card {
  padding: 35px 40px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-postbox-report-card {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-report-card .oit-postbox-title {
    font-size: 20px;
  }
  .oit-postbox-report-card .oit-postbox-title br {
    display: none;
  }
}
.oit-postbox-report-card .badge {
  font-size: 18px;
  letter-spacing: -0.04em;
  line-height: 1;
  border-radius: 1000px;
  padding: 7px 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-postbox-report-card p {
  font-size: 18px;
  letter-spacing: -0.02em;
  margin-inline-end: 100px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-report-card p {
    margin-inline-end: 0;
    font-size: 16px;
  }
}
.oit-postbox-report-card .download-link {
  font-size: 18px;
  font-weight: 500;
  color: var(--oit-clr-blue);
  display: flex;
  gap: 8px;
  align-items: center;
}
.oit-postbox-report-card .report-shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-postbox-report-top {
  display: flex;
  justify-content: space-between;
}
.oit-postbox-report-top .date {
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--oit-clr-white);
  font-size: 18px;
  letter-spacing: -0.04em;
}
.oit-postbox-quote-block {
  border-radius: 20px;
  padding: 40px 50px;
  z-index: 1;
  overflow: hidden;
  background-color: var(--oit-clr-blue);
  border: 1px solid rgba(56, 63, 62, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-postbox-quote-block {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  .oit-postbox-quote-block {
    padding: 25px 20px;
  }
}
.oit-postbox-quote-block .shape-1 {
  position: absolute;
  bottom: 0;
  z-index: -1;
  inset-inline-end: 1%;
}
.oit-postbox-quote-block p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-postbox-quote-block p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-postbox-quote-block p {
    font-size: 17px;
  }
  .oit-postbox-quote-block p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-postbox-quote-block p {
    font-size: 20px;
  }
}
.oit-postbox-quote-block .author-name {
  font-size: 15px;
  color: var(--oit-clr-white);
  font-family: var(--oit-ff-playfair);
}
.oit-postbox-quote-block .author-name::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  transform: translateY(-4px);
  margin-inline-end: 5px;
  background-color: var(--oit-clr-white);
}
.oit-postbox-tag {
  display: flex;
  gap: 10px;
}
.oit-postbox-tag-title {
  font-size: 20px;
  display: inline-block;
  margin-inline-end: 10px;
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-tag-title {
    font-size: 16px;
  }
}
.oit-postbox-tag-content a {
  font-size: 14px;
}
.oit-postbox-tag-content a:hover {
  color: var(--oit-clr-black);
}
.oit-postbox-tag-box {
  padding: 18px 0;
  border-top: 1px solid rgba(56, 63, 62, 0.1);
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-postbox-share span {
  font-size: 20px;
  display: inline-block;
  margin-inline-end: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-share span {
    font-size: 16px;
  }
}
.oit-postbox-share-social {
  display: flex;
  gap: 15px;
  align-items: center;
}
.oit-postbox-share-social a svg {
  transition: 0.2s;
  width: 20px;
  height: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-share-social a svg {
    height: 15px;
    width: 15px;
  }
}
.oit-postbox-share-social a:hover svg {
  transform: scale(1.1);
}
.oit-postbox-comment {
  padding: 50px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-postbox-comment {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .oit-postbox-comment {
    padding: 40px 25px;
  }
}
.oit-postbox-comment p {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0em;
  margin-bottom: 25px;
}
.oit-postbox-comment .user-title {
  font-size: 20px;
}
.oit-postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 30px;
}
.oit-postbox-comment-content ul li:not(:last-child) {
  margin-bottom: 40px;
}
.oit-postbox-comment-content ul li:nth-child(even) {
  margin-inline-start: 105px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-comment-content ul li:nth-child(even) {
    margin-inline-start: 0;
  }
}
.oit-postbox-comment .reply {
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  font-size: 16px;
  letter-spacing: -0.04em;
  border-radius: 1000px;
  padding: 6px 20px;
  color: var(--oit-clr-black);
  border: 1px solid rgba(56, 63, 62, 0.2);
}
@media (max-width: 767px) {
  .oit-postbox-comment .reply {
    font-size: 14px;
    padding: 6px 15px;
  }
}
.oit-postbox-comment .reply:hover {
  color: var(--oit-clr-blue);
  background-color: var(--oit-clr-black);
}
.oit-postbox-comment-user {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .oit-postbox-comment-user {
    flex-wrap: wrap;
  }
}
.oit-postbox-user-thumb {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.oit-postbox-user-thumb img {
  width: 100%;
}
.oit-postbox-title {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .oit-postbox-title {
    font-size: 25px;
  }
}
.oit-postbox-form {
  padding-top: 45px;
  margin-top: 60px;
  border-top: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-postbox-form label {
  font-size: 16px;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-form label {
    font-size: 14px;
  }
}
.oit-postbox-form label span {
  color: #EB4132;
}
.oit-postbox-checkbox {
  display: flex;
  gap: 12px;
  align-items: center;
}
.oit-postbox-checkbox span {
  align-items: center;
  font-size: 18px;
  letter-spacing: -0.04em;
  color: var(--oit-clr-black);
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-postbox-checkbox span {
    font-size: 14px;
  }
}
.oit-postbox-checkbox input {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .oit-postbox-checkbox input {
    height: 20px;
    width: 20px;
  }
}
.oit-postbox-checkbox input[type=checkbox]:checked {
  background-color: var(--oit-clr-blue);
}
.oit-postbox-checkbox input[type=checkbox]:checked::after {
  color: var(--oit-clr-white);
}
.oit-postbox-checkbox input[type=checkbox], .oit-postbox-checkbox input[type=radio] {
  width: 20px;
  height: 20px;
  margin-inline-end: 0;
  position: relative;
  top: 1px;
}
.oit-postbox-input-box input, .oit-postbox-input-box textarea {
  padding: 0 25px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  border-radius: 5px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-postbox-input-box input, .oit-postbox-input-box textarea {
    height: 50px;
    line-height: 50px;
  }
}
.oit-postbox-input-box input::placeholder, .oit-postbox-input-box textarea::placeholder {
  font-size: 14px;
  color: var(--oit-clr-black);
}
.oit-postbox-input-box input:focus, .oit-postbox-input-box textarea:focus {
  border-color: var(--oit-clr-blue);
}
.oit-postbox-input-box .nice-select {
  padding: 0 25px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  width: 100%;
  border-radius: 5px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-postbox-input-box .nice-select {
    height: 50px;
    line-height: 50px;
  }
}
.oit-postbox-input-box .nice-select span {
  color: var(--oit-clr-black);
}
.oit-postbox-input-box .nice-select:focus {
  border-color: var(--oit-clr-blue);
}
.oit-postbox-input-box textarea {
  padding: 20px 25px;
  height: 272px;
  resize: none;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-input-box textarea {
    height: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-postbox-details-banner {
    margin-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  blog css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-blog-thumb {
  overflow: hidden;
  border-radius: 14px;
  position: relative;
}
.oit-blog-thumb .badge {
  position: absolute;
  top: 30px;
  inset-inline-end: 30px;
  font-size: 15px;
  font-weight: 400;
  padding: 6px 10px;
  border-radius: 100px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-blog-thumb img {
  background-size: cover;
  transform: scale(1.1);
  transition: 1s all ease;
}
.oit-blog-meta {
  display: flex;
  align-items: center;
}
.oit-blog-meta span {
  font-size: 15px;
}
.oit-blog-meta span:last-child {
  color: var(--oit-clr-black);
}
.oit-blog-meta span:not(:last-child)::after {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  display: inline-block;
  transform: translateY(-2px);
  margin: 0 12px;
  background: var(--oit-clr-blue);
}
.oit-blog-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-title {
    font-size: 20px;
  }
  .oit-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-blog-title {
    font-size: 18px;
  }
}
.oit-blog-content {
  padding: 20px;
  padding-top: 25px;
}
@media (max-width: 767px) {
  .oit-blog-content {
    padding-inline-start: 10px;
  }
}
.oit-blog-author {
  display: inline-flex;
  gap: 10px;
  border-radius: 1000px;
  align-items: center;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-blog-author img {
  height: 28px;
  width: 28px;
  border-radius: 50%;
}
.oit-blog-author .name {
  font-size: 15px;
  letter-spacing: 0em;
  margin-bottom: 0;
  margin-inline-end: 16px;
}
.oit-blog-card {
  padding: 10px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-blog-card:hover .oit-blog-thumb img {
  transform: scale(1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-blog-2-area {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}

/*----------------------------------------*/
/*  6.1 Footer Style 1
/*----------------------------------------*/
.oit-footer-wrap .oit-section-wrap {
  margin-top: -120px;
  padding-top: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-wrap .oit-section-wrap {
    padding-top: 90px;
    border-radius: 0;
    margin: 0;
    margin-top: 80px;
  }
}
.oit-footer-widget-title {
  font-size: 30px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-widget-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-widget-title {
    font-size: 20px;
  }
}
.oit-footer-widget-text p {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-footer-widget-text p br {
    display: none;
  }
}
.oit-footer-widget-menu ul li {
  list-style-type: none;
}
.oit-footer-widget-menu ul li a {
  font-size: 17px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-widget-menu ul li a {
    font-size: 16px;
  }
}
.oit-footer-widget-menu ul li a:hover {
  color: var(--oit-clr-white);
}
.oit-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 22px;
}
.oit-footer-widget-social {
  display: flex;
  gap: 20px;
}
.oit-footer-widget-social a svg {
  height: 17px;
  width: 17px;
  position: relative;
  z-index: 1;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.8);
}
.oit-footer-widget-social a:hover svg {
  color: var(--oit-clr-white);
}
.oit-footer-widget-info a {
  display: inline-flex;
  gap: 12px;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-footer-widget-info a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-widget-info a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-footer-widget-info a br {
    display: none;
  }
}
.oit-footer-widget-info a:not(:last-child) {
  margin-bottom: 30px;
}
.oit-footer-widget-info a svg {
  height: 20px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-widget-info a svg {
    top: 3px;
  }
}
.oit-footer-widget-info a:hover {
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-area {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-area {
    padding-bottom: 0;
  }
}
.oit-footer-area .footer-widget-1-2 {
  margin-inline-start: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-area .footer-widget-1-2 {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-area .footer-widget-1-2 {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-area .footer-widget-1-2 {
    margin-inline-start: 40px;
  }
}
@media (max-width: 767px) {
  .oit-footer-area .footer-widget-1-2 {
    margin-inline-start: 0;
  }
}
.oit-footer-area .footer-widget-1-3 {
  margin-inline-start: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-area .footer-widget-1-3 {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-area .footer-widget-1-3 {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-area .footer-widget-1-3 {
    margin-inline-start: 0;
  }
}
.oit-footer-area .footer-widget-1-4 {
  margin-inline-start: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-area .footer-widget-1-4 {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-area .footer-widget-1-4 {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-area .footer-widget-1-4 {
    margin-inline-start: 40px;
  }
}
@media (max-width: 767px) {
  .oit-footer-area .footer-widget-1-4 {
    margin-inline-start: 0;
  }
}
.oit-footer-area .footer-widget-2-1 {
  margin-inline-end: 15px;
  border-inline-end: 2px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-area .footer-widget-2-1 {
    border: none;
    margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-area .footer-widget-2-1 {
    border: none;
    margin-inline-end: 0;
  }
}
.oit-footer-area .footer-widget-2-2 {
  margin-inline-start: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-area .footer-widget-2-2 {
    margin-inline-start: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-area .footer-widget-2-2 {
    margin-inline-start: 0px;
  }
}
.oit-footer-area .footer-widget-2-3 {
  margin-inline-start: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-area .footer-widget-2-3 {
    margin-inline-start: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-area .footer-widget-2-3 {
    margin-inline-start: 0px;
  }
}
.oit-footer-area .footer-widget-2-4 {
  margin-inline-start: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-area .footer-widget-2-4 {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-area .footer-widget-2-4 {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-area .footer-widget-2-4 {
    margin-inline-start: 0;
  }
}
.oit-footer-social {
  display: flex;
}
@media (max-width: 767px) {
  .oit-footer-social {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-footer-social {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.oit-footer-social a {
  width: 100%;
  text-align: center;
  padding: 90px 20px;
  display: inline-block;
  font-size: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--oit-clr-white);
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-footer-social a {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-social a {
    padding: 50px 20px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-social a {
    padding: 50px 20px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-social a {
    padding: 40px 20px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .oit-footer-social a {
    padding: 20px 15px;
    font-size: 16px;
    border: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-footer-social a {
    padding: 40px 25px;
  }
}
.oit-footer-social a:last-child {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .oit-footer-social a:last-child {
    border-inline-end: none;
  }
}
.oit-footer-social a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.oit-footer-newsletter-title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-newsletter-title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-2-wrap .oit-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-2-wrap .oit-footer-widget-text p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-3-wrap .oit-section-wrap {
    border-radius: 0;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-3-wrap .oit-footer-area {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-3-wrap .oit-footer-widget-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-3-wrap .oit-footer-widget {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-3-wrap .oit-footer-widget {
    padding-top: 0;
    padding-bottom: 50px;
  }
}
.oit-footer-3-wrap .footer-border {
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.oit-footer-3-wrap .footer-widget-3-2 {
  padding-inline-start: 65px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-3-wrap .footer-widget-3-2 {
    padding-inline-start: 20px;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-3-wrap .footer-widget-3-2 {
    padding-inline-start: 40px;
    border: none;
  }
}
@media (max-width: 767px) {
  .oit-footer-3-wrap .footer-widget-3-2 {
    padding-inline-start: 0;
    border: none;
  }
}
.oit-footer-3-wrap .footer-widget-3-3 {
  padding-inline-start: 70px;
  margin-inline-end: 60px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-footer-3-wrap .footer-widget-3-3 {
    padding-inline-start: 20px;
    margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-footer-3-wrap .footer-widget-3-3 {
    padding-inline-start: 0;
    margin-inline-end: 0;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-footer-3-wrap .footer-widget-3-3 {
    padding-inline-start: 40px;
    margin-inline-end: 0;
    border: none;
  }
}
@media (max-width: 767px) {
  .oit-footer-3-wrap .footer-widget-3-3 {
    padding-inline-start: 0;
    margin-inline-end: 0;
    border: none;
  }
}
.oit-footer-3-wrap .oit-footer-input-box input {
  width: 100%;
  height: 64px;
  line-height: 64px;
  border-radius: 100px;
  color: var(--oit-clr-white);
  padding-inline-end: 180px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-3-wrap .oit-footer-input-box input {
    height: 54px;
    line-height: 54px;
    padding-inline-end: 145px;
  }
}
.oit-footer-3-wrap .oit-footer-input-box input::placeholder {
  color: var(--oit-clr-white);
}
.oit-footer-3-wrap .oit-footer-input-box .oit-btn-blue {
  position: absolute;
  inset-inline-end: 3px;
  padding: 17px 34px;
  gap: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-footer-3-wrap .oit-footer-input-box .oit-btn-blue {
    font-size: 14px;
    padding: 10px 20px;
    inset-inline-end: 6px;
  }
}
.oit-footer-3-wrap .oit-footer-input-box .oit-btn-blue span {
  font-weight: 400;
  text-transform: uppercase;
}

.inner-footer-wrap .oit-section-wrap {
  padding-top: 310px;
  margin-top: -200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .inner-footer-wrap .oit-section-wrap {
    margin: 0;
    border-radius: 0;
    margin-top: -200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .inner-footer-wrap .oit-section-wrap {
    margin: 0;
    margin-top: -200px;
    border-radius: 0;
  }
}

.oit-copyright-text p {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-copyright-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .oit-copyright-text p {
    font-size: 14px;
  }
}
.oit-copyright-policy a {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-copyright-policy a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .oit-copyright-policy a {
    font-size: 14px;
    margin-top: 15px;
    display: inline-block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-copyright-policy a {
    margin-top: 0;
  }
}
.oit-copyright-policy a:not(:last-child)::after {
  display: inline-block;
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-inline-start: 20px;
  margin-inline-end: 15px;
  background-color: var(--oit-clr-white);
}
.oit-copyright-wrap.copyright-border {
  padding: 27px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-copyright-area.copyright-border {
  padding: 27px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/*----------------------------------------*/
/*  5.12 hero css start here
/*----------------------------------------*/
.oit-hero-subtitle {
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  border-radius: 10000px;
  padding: 7px 16px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.08) 26.79%, rgba(255, 255, 255, 0.08) 76.21%);
}
@media (max-width: 767px) {
  .oit-hero-subtitle {
    font-size: 14px;
  }
}
.oit-hero-title {
  font-size: 100px;
  line-height: 1.1;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-hero-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-hero-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-hero-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .oit-hero-title {
    font-size: 38px;
  }
}
.oit-hero-text {
  margin-inline-start: 135px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-hero-text {
    margin-inline-start: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-text {
    margin-inline-start: 0;
    margin-bottom: 20px;
  }
}
.oit-hero-text p {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-hero-text p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-hero-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-text p {
    font-size: 16px;
  }
  .oit-hero-text p br {
    display: none;
  }
}
.oit-hero-content {
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-content {
    margin-bottom: 20px;
  }
}
.oit-hero-thumb {
  overflow: hidden;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.oit-hero-thumb img {
  height: 100%;
  object-fit: cover;
  transition: 1s all ease;
}
.oit-hero-thumb:hover img {
  transform: scale(1.1);
}
.oit-hero-stats {
  width: 370px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 45px 40px;
  padding-bottom: 55px;
  border-radius: 20px;
  background-color: var(--oit-clr-blue);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-hero-stats {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-hero-stats {
    width: 100%;
    padding: 35px 20px;
  }
}
@media (max-width: 767px) {
  .oit-hero-stats {
    width: 100%;
    padding: 35px 20px;
  }
}
.oit-hero-stats .stats-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--oit-clr-white);
}
.oit-hero-stats .stats-top svg {
  animation: rotate 9s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-stats .stats-top svg {
    height: 20px;
    width: 20px;
  }
}
.oit-hero-stats .title {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.33;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-hero-stats .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-stats .title {
    font-size: 18px;
  }
}
.oit-hero-stats span {
  display: block;
  font-weight: 500;
  font-size: 60px;
  margin-bottom: 20px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-hero-stats span {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-stats span {
    font-size: 40px;
  }
}
.oit-hero-stats span i {
  font-style: normal;
}
.oit-hero-stats img {
  width: 178px;
  height: 57px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-stats img {
    width: 120px;
    height: 40px;
  }
}
.oit-hero-thumb-wrap {
  display: flex;
  gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-hero-thumb-wrap {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-hero-thumb-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .oit-hero-thumb-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-hero-thumb-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-area {
    padding-top: 0;
  }
}
.oit-hero-area .oit-section-wrap {
  margin-top: 0;
  padding: 100px 0;
  padding-top: 215px;
  position: relative;
  z-index: 1;
  border-radius: 30px 30px 20px 20px;
  background-color: var(--oit-clr-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-hero-area .oit-section-wrap {
    border-radius: 0;
    margin: 0;
  }
}
.oit-hero-area .oit-section-wrap .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.oit-section-wrap {
  margin: 20px;
  margin-top: 0;
  border-radius: 30px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-section-wrap {
    margin: 0;
    border-radius: 0;
  }
}
.oit-section-wrap .section-shape-1 {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: -1;
}
.oit-section-wrap .section-shape-2 {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  z-index: -1;
}

.oit-slider-pagination {
  position: absolute;
  bottom: 10%;
  width: auto;
  z-index: 4;
  display: flex;
  align-items: end;
  inset-inline-end: 5%;
  inset-inline-start: auto !important;
}
@media (max-width: 767px) {
  .oit-slider-pagination {
    bottom: 3%;
  }
}
.oit-slider-pagination .swiper-pagination-current {
  z-index: 1;
  font-size: 50px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .oit-slider-pagination .swiper-pagination-current {
    font-size: 28px;
  }
}
.oit-slider-pagination .swiper-pagination-total {
  z-index: 1;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0em;
  margin-bottom: 2px;
  color: rgba(255, 255, 255, 0.5);
}

.section-border {
  border-top: 1px solid rgba(9, 31, 46, 0.1);
}

/*----------------------------------------*/
/*  5.9 error css start here
/*----------------------------------------*/
.oit-error-title {
  font-size: 45px;
  line-height: 1.03;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-error-title {
    font-size: 50px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-error-title {
    font-size: 45px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-error-title {
    font-size: 35px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-error-title {
    font-size: 55px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-error-thumb {
    margin-bottom: 40px;
  }
}
.oit-error-content .oit-btn-blue {
  padding-inline-end: 25px !important;
}
.oit-error-area {
  padding-top: 210px;
  padding-bottom: 120px;
}
.oit-error-area .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.oit-error-area .shape-2 {
  position: absolute;
  bottom: -20%;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  5.7 contact css start here
/*----------------------------------------*/
@media (max-width: 767px) {
  .oit-contact-area {
    padding-top: 90px;
  }
}
.oit-contact-wrap {
  padding: 20px;
  border-radius: 16px;
  background-color: var(--oit-clr-blue);
}
@media (max-width: 767px) {
  .oit-contact-wrap {
    padding: 10px;
  }
}
.oit-contact-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 14px;
  padding: 70px 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-contact-content {
    padding: 70px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-contact-content {
    height: auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .oit-contact-content {
    height: auto;
    margin-bottom: 20px;
    padding: 40px 20px;
  }
}
.oit-contact-content::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  backdrop-filter: blur(40px);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.4) 11.53%, rgba(0, 0, 0, 0.4) 85.35%);
}
.oit-contact-title {
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-contact-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .oit-contact-title {
    font-size: 30px;
  }
  .oit-contact-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-contact-title {
    font-size: 35px;
  }
}
.oit-contact-info .info-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0em;
  margin-bottom: 15px;
  color: var(--oit-clr-white);
}
.oit-contact-info a {
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: 0em;
  display: block;
  color: rgba(255, 255, 255, 0.7);
}
.oit-contact-info-wrap {
  display: flex;
  gap: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-info-wrap {
    flex-wrap: wrap;
  }
}
.oit-contact-info-wrap .oit-contact-info:not(:last-child) {
  padding-inline-end: 38px;
  margin-inline-end: 38px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-contact-info-wrap .oit-contact-info:not(:last-child) {
    padding-inline-end: 20px;
    margin-inline-end: 20px;
  }
}
@media (max-width: 767px) {
  .oit-contact-info-wrap .oit-contact-info:not(:last-child) {
    padding-inline-end: 0;
    margin-inline-end: 0;
    border: none;
  }
}
.oit-contact-input-box input, .oit-contact-input-box textarea {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 14px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
  font-size: 14px;
}
.oit-contact-input-box input::placeholder, .oit-contact-input-box textarea::placeholder {
  font-size: 14px;
  color: var(--oit-text-body);
}
.oit-contact-input-box input:focus, .oit-contact-input-box textarea:focus {
  border: 1px solid var(--oit-clr-blue);
}
.oit-contact-input-box input.date-input {
  padding-inline-start: 25px;
  padding-inline-end: 18px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 14px;
  color: var(--oit-text-body);
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
  font-size: 14px;
}
.oit-contact-input-box textarea {
  height: 168px;
  resize: none;
  line-height: 1;
}
.oit-contact-input-box .nice-select {
  font-size: 14px;
  padding: 0 25px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 14px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-contact-input-box .nice-select:focus {
  border: 1px solid var(--oit-clr-blue);
}
.oit-contact-form-wrap {
  padding: 65px 30px;
  padding-bottom: 40px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--oit-gray-1);
}
@media (max-width: 767px) {
  .oit-contact-form-wrap {
    padding: 40px 20px;
  }
}
.oit-contact-form-wrap .title {
  font-size: 35px;
  letter-spacing: 0.01em;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-contact-form-wrap .title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .oit-contact-form-wrap .title {
    font-size: 24px;
  }
}
.oit-contact-form-wrap .oit-btn-blue {
  flex: 0 0 auto;
}
.oit-contact-btn {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .oit-contact-btn {
    flex-wrap: wrap;
  }
}
.oit-contact-btn p {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  letter-spacing: 0em;
  margin-bottom: 0;
}
.oit-contact-feature ul li {
  list-style-type: none;
}
.oit-contact-feature ul li:not(:last-child) {
  margin-bottom: 20px;
}
.oit-contact-feature ul li span {
  display: flex;
  gap: 10px;
  font-size: 16px;
  color: var(--oit-clr-white);
}
.oit-contact-feature ul li span i {
  display: inline-block;
  transform: translateY(-2px);
}

.oit-contact-2-area .oit-contact-content {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.oit-contact-2-area .oit-contact-content::after {
  display: none;
}
.oit-contact-2-area .oit-contact-content .shape-1 {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-contact-2-area .oit-contact-form-wrap {
  background: var(--oit-clr-black);
}
.oit-contact-2-area .oit-contact-form-wrap .title {
  color: var(--oit-clr-white);
}
.oit-contact-2-area .oit-contact-btn p {
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-2-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-2-thumb {
    width: 100%;
  }
  .oit-contact-2-thumb img {
    width: 100%;
  }
}

.oit-contact-3-thumb .oit-testimonial-item {
  position: absolute;
  bottom: 20%;
  right: 60px;
  width: 340px;
  padding: 0;
  background: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-contact-3-thumb .oit-testimonial-item {
    width: 440px;
    bottom: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-contact-3-thumb .oit-testimonial-item {
    width: 440px;
    bottom: 6%;
  }
}
@media (max-width: 767px) {
  .oit-contact-3-thumb .oit-testimonial-item {
    display: none;
  }
}
.oit-contact-3-thumb .oit-testimonial-item p {
  font-style: italic;
  font-size: 20px;
  line-height: 1.5;
  padding-inline-end: 0;
  color: var(--oit-clr-white);
}
.oit-contact-3-thumb .oit-testimonial-item .auhtor-thumb img {
  height: 50px;
  width: 50px;
  outline: 1px solid var(--oit-clr-white);
}
.oit-contact-3-thumb .oit-testimonial-item .author-info .name {
  font-weight: 400;
  color: var(--oit-clr-white);
}
.oit-contact-3-thumb .oit-testimonial-item .author-info span {
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-3-area {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.oit-about-3-area .label {
  display: block;
  margin-bottom: 15px;
  font-size: 17px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.oit-about-3-area .value {
  margin-bottom: 0;
  font-size: 45px;
  letter-spacing: -0.01em;
}
.oit-about-3-area .value i {
  font-style: normal;
}
.oit-about-3-area .shape-1 {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-about-3-profile-wrap {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.oit-about-3-profile-wrap > img {
  height: 100%;
  transition: 1s all ease;
}
.oit-about-3-profile-wrap:hover > img {
  transform: scale(1.1);
}
.oit-about-3-profile-stat {
  padding: 25px 30px;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  border-radius: 10px;
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(209deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
@media (max-width: 767px) {
  .oit-about-3-profile-stat {
    left: -14%;
    bottom: -2%;
    font-size: 14px;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-about-3-profile-stat {
    left: 30px;
    bottom: 30px;
    transform: scale(1);
  }
}
.oit-about-3-profile-stat span {
  font-weight: 500;
  font-size: 45px;
  display: block;
  margin-bottom: 15px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  font-family: var(--oit-ff-cal);
}
.oit-about-3-profile-stat span i {
  font-style: normal;
}
.oit-about-3-profile-stat p {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0em;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-3-profile-stat p {
    font-size: 14px;
  }
  .oit-about-3-profile-stat p br {
    display: none;
  }
}
.oit-about-3-profile-logo {
  padding: 25px 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.oit-about-3-profile-logo span {
  height: 45px;
  width: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 5px;
  background: linear-gradient(209deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.oit-about-3-uptime {
  position: relative;
  height: 285px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px 35px;
  border-radius: 20px;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-3-uptime {
    height: 100%;
  }
}
.oit-about-3-uptime p {
  font-size: 15px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .oit-about-3-uptime p br {
    display: none;
  }
}
.oit-about-3-uptime-wrap {
  height: 100%;
  display: flex;
  gap: 30px;
  flex-direction: column;
  justify-content: space-between;
}
.oit-about-3-industries {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 35px;
  border-radius: 20px;
  background-color: var(--oit-clr-black);
}
.oit-about-3-industries span {
  font-size: 17px;
  line-height: 1.53;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--oit-clr-white);
}
.oit-about-3-industries .value {
  padding: 16px 27px;
  color: var(--oit-clr-white);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-about-3-success {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  border-radius: 20px;
  background-color: var(--oit-clr-blue);
}
.oit-about-3-success p {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .oit-about-3-success p br {
    display: none;
  }
}
.oit-about-3-success .avatar {
  height: 58px;
  width: 178px;
}
.oit-about-3-success .label, .oit-about-3-success .value {
  color: var(--oit-clr-white);
}

.oit-map-area {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-map-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.oit-map-area .oit-map-conetnt {
  position: absolute;
  bottom: 45px;
  left: 45px;
  width: 430px;
  padding: 28px 30px;
  padding-inline-end: 40px;
  border-radius: 20px;
  background-color: var(--oit-clr-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-map-area .oit-map-conetnt {
    display: none;
  }
}
.oit-map-area .oit-map-conetnt span {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
.oit-map-area .oit-map-conetnt p {
  margin-top: 10px;
  margin-bottom: 20px;
  color: rgba(252, 255, 245, 0.8);
}
.oit-map-area .oit-map-conetnt a {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  text-decoration: underline;
}
.oit-map-area iframe {
  width: 100%;
  line-height: 1;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-map-area iframe {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .oit-map-area iframe {
    height: 300px;
  }
}

/*----------------------------------------*/
/*  5.22 shop css start here
/*----------------------------------------*/
.oit-shop-badge {
  position: absolute;
  top: 9px;
  inset-inline-start: 9px;
  font-size: 12px;
  padding: 2px 10px;
  z-index: 1;
  display: inline-block;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-shop-action {
  position: absolute;
  inset-inline-start: 30px;
  inset-inline-end: 30px;
  top: 30%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
  transform: translateY(-50%);
}
.oit-shop-action-btn {
  position: relative;
  display: block;
  padding: 12px 20px;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--oit-clr-black);
}
.oit-shop-action-btn span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--oit-clr-white);
}
.oit-shop-action-btn span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.oit-shop-action-btn span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.oit-shop-action-btn:hover {
  background-color: var(--oit-clr-blue);
}
.oit-shop-action-btn:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.oit-shop-action-btn:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oit-shop-price {
  margin-bottom: 10px;
}
.oit-shop-price span {
  font-size: 16px;
  font-weight: 500;
  color: var(--oit-clr-black);
}
.oit-shop-price del {
  font-size: 14px;
  padding-inline-start: 4px;
}
.oit-shop-price.new-price {
  font-size: 24px;
  font-weight: 600;
  color: var(--oit-clr-black);
}
.oit-shop-content {
  padding-inline-start: 20px;
}
.oit-shop-rating svg {
  margin: 0 1px;
}
.oit-shop-thumb {
  position: relative;
}
.oit-shop-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.oit-shop-item {
  padding: 20px;
  padding-bottom: 25px;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-shop-item:hover .oit-shop-thumb img {
  transform: scale(1.15) rotate(2deg);
}
.oit-shop-item:hover .oit-shop-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.oit-shop-item:hover .oit-shop-action {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
@media (max-width: 767px) {
  .oit-shop-tab-box ul li {
    margin-bottom: 10px;
  }
}
.oit-shop-tab-box ul li button {
  padding: 0;
  font-size: 36px;
  line-height: 1;
  transition: 0.3s;
  color: var(--oit-text-body);
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-shop-tab-box ul li button {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-tab-box ul li button {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .oit-shop-tab-box ul li button {
    font-size: 18px;
  }
}
.oit-shop-tab-box ul li button:hover {
  color: var(--oit-clr-black);
}
.oit-shop-tab-box ul li button.active {
  color: var(--oit-clr-black);
}
.oit-shop-tab-box ul li.divider {
  font-size: 36px;
  line-height: 1;
  margin: 0 15px;
  display: inline-block;
  color: var(--oit-text-body);
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-shop-tab-box ul li.divider {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-tab-box ul li.divider {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .oit-shop-tab-box ul li.divider {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .oit-shop-btn {
    margin-top: 30px;
  }
}
.oit-shop-top-title {
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .oit-shop-top-title {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-top-title {
    font-size: 18px;
    display: block;
  }
}
.oit-shop-text p {
  line-height: 1.75;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .oit-shop-top-wrap {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .oit-shop-top-wrap .oit-shop-filter.ml-30 {
    margin-inline-start: 0;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-top-wrap .oit-shop-filter.ml-30 {
    margin-top: 0;
    margin-inline-start: 25px;
  }
}
.oit-shop-quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--oit-theme-1);
}
@media (max-width: 767px) {
  .oit-shop-quantity {
    margin-bottom: 20px;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-quantity {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .oit-shop-quantity {
    margin-bottom: 0;
  }
}
.oit-shop-quantity input {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--oit-clr-black);
  background-color: transparent;
}
.oit-shop-quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.oit-shop-quantity .cart-minus:hover {
  cursor: pointer;
}
.oit-shop-quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.oit-shop-quantity .cart-plus:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .oit-shop-quantity-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .oit-shop-filter-box {
    flex-wrap: wrap;
  }
}
.oit-shop-filter-box > span {
  font-size: 20px;
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-filter-box > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .oit-shop-filter-box > span {
    width: 100%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-filter-box > span {
    width: auto;
  }
}
.oit-shop-filter .nice-select {
  font-weight: 400;
  display: inline-block;
  height: 50px;
  padding-inline-start: 20px;
  padding-inline-end: 45px;
  line-height: 50px;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.1);
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
.oit-shop-filter .nice-select::after {
  border-bottom: 1px solid var(--oit-clr-black);
  border-inline-end: 1px solid var(--oit-clr-black);
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  inset-inline-end: 20px;
  top: 50%;
  margin-inline-start: 10px;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.oit-shop-filter .nice-select span {
  font-size: 18px;
}
.oit-shop-filter .nice-select .option {
  font-size: 14px;
}
.oit-shop-filter .nice-select.open::after {
  transform: rotate(-136deg);
}
.oit-shop-sidebar {
  margin-inline-end: -45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-sidebar {
    margin-inline-end: 0;
    margin-top: 70px;
  }
}
.oit-shop-item-wrap {
  margin-inline-start: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-shop-item-wrap {
    margin-inline-start: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-item-wrap {
    margin-inline-start: 0;
  }
}
.oit-shop-item-wrap .oit-shop-filter-box {
  display: flex;
  gap: 40px;
  align-items: center;
}
.oit-shop-title {
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-shop-title {
    font-size: 20px;
  }
}

/* details css here */
.oit-shop-details-area {
  padding-top: 200px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-shop-details-area {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-area {
    padding-top: 150px;
    padding-bottom: 90px;
  }
}
.oit-shop-details-quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid var(--oit-clr-black);
}
.oit-shop-details-quantity .cart-plus {
  position: absolute;
  top: 50%;
  inset-inline-end: 20px;
  color: var(--oit-clr-black);
  font-size: 18px;
  transform: translateY(-50%);
}
.oit-shop-details-quantity .cart-minus {
  position: absolute;
  top: 50%;
  inset-inline-start: 20px;
  transform: translateY(-50%);
  color: var(--oit-clr-black);
  font-size: 18px;
}
.oit-shop-details-quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 45px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-shop-details-list {
    margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-list {
    margin-bottom: 20px;
  }
}
.oit-shop-details-list p {
  font-weight: 400;
  font-size: 16px;
  padding-inline-end: 0;
}
.oit-shop-details-list p b {
  font-weight: 600;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-shop-details-area p {
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-area p {
    font-size: 15px;
  }
}
.oit-shop-details-area .contact-select .nice-select {
  width: 100%;
  padding: 0 25px;
  position: relative;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid rgba(98, 94, 88, 0.15);
  border-radius: 5px;
  background-color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .oit-shop-details-area .contact-select .nice-select {
    height: 48px;
    line-height: 48px;
  }
}
.oit-shop-details-area .contact-select .nice-select:focus {
  border-color: var(--oit-clr-black);
}
.oit-shop-details-right-wrap {
  margin-top: 46px;
  margin-inline-start: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-shop-details-right-wrap {
    margin-top: 0;
    margin-inline-start: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-shop-details-right-wrap {
    margin-top: 0;
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-right-wrap {
    margin-top: 0;
    margin-bottom: 70px;
    margin-inline-start: 0;
  }
}
.oit-shop-details-title-sm {
  font-size: 40px;
  line-height: 1.2;
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-title-sm {
    font-size: 30px;
  }
  .oit-shop-details-title-sm br {
    display: none;
  }
}
.oit-shop-details-social > span {
  font-weight: 600;
  font-size: 16px;
  margin-inline-end: 10px;
  color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-shop-details-social > span {
    font-size: 15px;
  }
}
.oit-shop-details-social a {
  margin: 0 8px;
  display: inline-block;
}
.oit-shop-details-social a svg {
  transition: 0.1s;
}
.oit-shop-details-social a:hover svg {
  transform: scale(1.2);
}
.oit-shop-details-icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  margin-inline-end: 8px;
  transition: 0.3s;
  color: var(--oit-clr-black);
  background-color: var(--oit-gray-1);
}
.oit-shop-details-icon a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-shop-details-Category span {
  font-size: 16px;
  display: block;
  font-weight: 400;
}
@media (max-width: 767px) {
  .oit-shop-details-Category span {
    font-size: 15px;
  }
}
.oit-shop-details-Category span:not(:last-child) {
  margin-inline-end: 28px;
  margin-bottom: 20px;
}
.oit-shop-details-Category span i {
  font-style: normal;
  font-weight: 600;
  margin-inline-end: 10px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-black);
}
.oit-shop-details-text p {
  font-size: 16px;
  line-height: 1.65;
  margin-inline-end: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-shop-details-text p {
    font-size: 14px;
  }
  .oit-shop-details-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-text p {
    margin-inline-end: 0;
    font-size: 14px;
  }
  .oit-shop-details-text p br {
    display: none;
  }
}
.oit-shop-details-btn {
  margin-inline-start: 30px;
}
@media (max-width: 767px) {
  .oit-shop-details-btn {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-details-btn {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-btn .oit-btn-theme {
    padding: 20px 40px;
  }
}
.oit-shop-details-quantity {
  width: 160px;
  height: 53px;
  position: relative;
  border: 1px solid var(--oit-clr-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-details-quantity {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .oit-shop-details-quantity {
    margin-bottom: 20px;
    margin-inline-end: 60px;
    height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-details-quantity {
    margin-inline-end: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .oit-shop-details-quantity {
    margin-bottom: 0;
  }
}
.oit-shop-details-quantity input {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--oit-clr-black);
  background-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-details-quantity input {
    padding: 0 35px;
  }
}
@media (max-width: 767px) {
  .oit-shop-details-quantity input {
    padding: 0 20px;
  }
}
.oit-shop-details-quantity .cart-minus {
  position: absolute;
  top: 50%;
  inset-inline-start: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.oit-shop-details-quantity .cart-minus:hover {
  cursor: pointer;
}
.oit-shop-details-quantity .cart-plus {
  position: absolute;
  top: 50%;
  inset-inline-end: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.oit-shop-details-quantity .cart-plus:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .oit-shop-details-quantity-box {
    flex-wrap: wrap;
  }
}
.oit-shop-details-tab-content-box {
  text-align: center;
  border-radius: 20px;
  background: var(--oit-clr-white);
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.oit-shop-details-tab-content-box img {
  border-radius: 20px;
}
.oit-shop-details-tab-btn-box nav div {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-shop-details-tab-btn-box nav div {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .oit-shop-details-tab-btn-box nav div {
    grid-template-columns: repeat(3, 1fr);
  }
}
.oit-shop-details-tab-btn-box nav div button {
  transition: 0.3s;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.oit-shop-details-tab-btn-box nav div button.active {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.oit-shop-details-tab-btn-box nav div button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.oit-shop-details-wrapper {
  margin-inline-end: -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-wrapper {
    margin-inline-end: 0;
  }
}
.oit-shop-details-price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-shop-details-price {
    margin-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .oit-shop-details-price {
    margin-inline-end: 0;
    flex-wrap: wrap;
  }
}
.oit-shop-details-price > span {
  font-weight: 600;
  font-size: 18px;
  color: var(--oit-clr-black);
  display: inline-block;
  margin-inline-start: 20px;
  margin-inline-end: 47px;
  font-family: var(--oit-ff-spartan-semibold);
}
.oit-shop-details-price del {
  font-weight: 600;
  font-size: 18px;
  color: #6d756d;
}
@media (max-width: 767px) {
  .oit-shop-details-ratting {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-details-ratting {
    margin-top: 0;
  }
}
.oit-shop-details-ratting i {
  font-weight: 400;
  font-size: 16px;
  color: #f59831;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-top-wrap {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-action-wrapper .oit-btn-theme {
    font-size: 14px;
    padding: 20px 25px;
  }
}
.oit-shop-details-feature {
  margin-inline-end: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-feature {
    margin-inline-end: 0;
  }
}
.oit-shop-details-thumb {
  margin-inline-start: -23px;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-details-thumb {
    margin-top: 40px;
    margin-inline-start: 0;
  }
}
.oit-shop-details-thumb img {
  object-fit: cover;
}
.oit-shop-details-area .oit-contact-form {
  padding: 45px 40px;
  margin-bottom: 0;
  border-radius: 14px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-shop-details-area .oit-contact-input-box label {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--oit-clr-black);
}
.oit-shop-details-area .oit-contact-input-box input, .oit-shop-details-area .oit-contact-input-box textarea {
  width: 100%;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  border-radius: 5px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-shop-details-area .oit-contact-input-box input:focus, .oit-shop-details-area .oit-contact-input-box textarea:focus {
  border-color: var(--oit-clr-blue);
}
.oit-shop-details-area .oit-contact-input-box textarea {
  padding-top: 0;
  height: 190px;
}

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  background-color: var(--oit-gray-1);
  border-top: 1px solid rgba(56, 63, 62, 0.1);
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.pro-details-nav-btn {
  display: flex;
  gap: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-nav-btn {
    gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-details-nav-btn {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .pro-details-nav-btn {
    gap: 25px;
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pro-details-nav-btn {
    gap: 25px;
    display: flex;
  }
}
.pro-details-nav-btn li {
  position: relative;
  list-style-type: none;
}
.pro-details-nav-btn li button span {
  font-size: 18px;
  line-height: 1.6;
  transition: 0.3s;
  text-transform: capitalize;
  font-family: var(--oit-ff-heading);
  font-weight: 400;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-nav-btn li button span {
    font-size: 17px;
  }
}
.pro-details-nav-btn li button.active span {
  color: var(--oit-clr-blue);
}

/* comment css here */
.comments-box {
  margin-bottom: 50px;
}

.user-rating {
  display: flex;
  gap: 2px;
}
.user-rating i {
  display: inline-block;
  color: #ffc107;
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}
@media (max-width: 767px) {
  .comments-text span br,
  .comments-text p br {
    display: none;
  }
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-inline-end: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: var(--oit-clr-black);
}

.comment-input textarea {
  width: 100%;
  height: 210px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--oit-clr-black);
  padding: 20px;
  resize: none;
  background-color: var(--oit-clr-white);
}
.comment-input textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--oit-clr-black);
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--oit-clr-black);
}
.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--oit-clr-white);
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  color: var(--oit-clr-black);
}
.comment-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--oit-clr-black);
}
.comment-input input:focus {
  border: 1px solid var(--oit-clr-black);
}

.comments-avatar {
  flex: 0 0 auto;
}
.comments-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .table .add-info {
    font-size: 14px;
  }
}

.table td {
  padding: 18px;
}
@media (max-width: 767px) {
  .table td {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .shop-left-right {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}

.oit-comments-title {
  font-size: 24px;
  color: var(--oit-clr-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .oit-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
  color: var(--oit-clr-black);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.latest-comments ul li {
  list-style-type: none;
}

.comment-title {
  font-size: 24px;
  color: var(--oit-clr-black);
  text-transform: capitalize;
}
.comment-title h3 {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .comments-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-box {
    flex-wrap: nowrap;
  }
}

.comment-input textarea {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  5.14 industry css start here
/*----------------------------------------*/
.oit-banner-stats-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -75px;
  display: flex;
  justify-content: space-between;
  padding: 35px 40px;
  margin: 0 150px;
  background: var(--oit-gray-1);
  border-radius: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-banner-stats-bar {
    margin: 0 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-banner-stats-bar {
    margin: 0 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-banner-stats-bar {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-banner-stats-bar {
    position: static;
    margin: 50px 0;
  }
}
@media (max-width: 767px) {
  .oit-banner-stats-bar {
    position: static;
    padding: 30px;
    margin: 0;
    margin-top: 30px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.oit-banner-stats-bar .stat:not(:last-child) {
  padding-inline-end: 85px;
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-banner-stats-bar .stat:not(:last-child) {
    padding-inline-end: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-banner-stats-bar .stat:not(:last-child) {
    padding-inline-end: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-banner-stats-bar .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: none;
  }
}
.oit-banner-stats-bar span {
  display: block;
  line-height: 1;
  color: var(--oit-clr-black);
}
.oit-banner-stats-bar span i {
  font-style: normal;
}
.oit-banner-stats-bar span:first-child {
  margin-bottom: 15px;
  font-size: 45px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-banner-stats-bar span:first-child {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .oit-banner-stats-bar span:first-child {
    font-size: 25px;
  }
}
.oit-banner-stats-bar span:last-child {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.04em;
}
@media (max-width: 767px) {
  .oit-banner-stats-bar span:last-child {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .oit-industry-hero-area {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-industry-hero-area .oit-section-title {
    font-size: 39px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-industry-hero-area .oit-section-box p {
    padding-inline-end: 20px;
  }
  .oit-industry-hero-area .oit-section-box p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-industry-hero-area .oit-section-box p br {
    display: none;
  }
}
.oit-industry-challenge {
  padding: 35px 40px;
  border-radius: 20px;
  margin-inline-start: 125px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-industry-challenge {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-industry-challenge {
    padding: 30px 30px;
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-challenge {
    padding: 30px 30px;
    margin-inline-start: 0;
    margin-top: 50px;
  }
}
.oit-industry-challenge .challenge-title {
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-challenge .challenge-title {
    font-size: 20px;
  }
}
.oit-industry-challenge .challenge-list li {
  list-style-type: none;
}
.oit-industry-challenge .challenge-list li:not(:last-child) {
  margin-bottom: 17px;
}
.oit-industry-challenge .challenge-list li span {
  position: relative;
  display: block;
  padding-inline-start: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-challenge .challenge-list li span {
    font-size: 16px;
  }
}
.oit-industry-challenge .challenge-list li span::before {
  position: absolute;
  top: 3px;
  left: 0;
  content: "";
  height: 9px;
  width: 9px;
  border-radius: 50%;
  background-color: rgba(56, 63, 62, 0.2);
}
.oit-industry-service-feature li {
  list-style-type: none;
  display: flex;
  gap: 8px;
}
.oit-industry-service-feature li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-industry-service-feature li span {
  font-size: 15px;
  font-weight: 500;
  color: var(--oit-clr-black);
}
.oit-industry-service-feature li span svg {
  display: inline-block;
  margin-top: -7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-service-feature li span svg {
    height: 15px;
    width: 15px;
  }
}
.oit-industry-service-category {
  font-size: 14px;
  display: block;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.oit-industry-service-title {
  font-size: 30px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-industry-service-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .oit-industry-service-title {
    font-size: 22px;
  }
}
.oit-industry-service-card-wrap {
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
.oit-industry-service-card-wrap .row [class*=col]:not(:last-child) .oit-industry-service-card {
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-service-card-wrap .row [class*=col]:not(:last-child) .oit-industry-service-card {
    border-inline-end: none;
  }
}
.oit-industry-service-card {
  padding: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-service-card {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-service-card p br {
    display: none;
  }
}
.oit-industry-solutions-wrap .oit-industry-service-card {
  padding: 40px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media (max-width: 767px) {
  .oit-industry-solutions-wrap .oit-industry-service-card {
    padding: 30px 25px;
  }
}
.oit-industry-solutions-wrap .oit-industry-service-title {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-solutions-wrap .oit-industry-service-title {
    font-size: 24px;
  }
}
.oit-industry-solutions-list li {
  list-style-type: none;
}
.oit-industry-solutions-list li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-industry-solutions-list li span {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-solutions-list li span {
    font-size: 16px;
  }
}
.oit-industry-solutions-list li span strong {
  font-weight: 500;
  color: var(--oit-clr-black);
}
.oit-industry-counter-card {
  padding: 35px 45px;
  padding-top: 25px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-industry-counter-card {
    padding: 35px 25px;
  }
}
@media (max-width: 767px) {
  .oit-industry-counter-card {
    padding: 35px 30px;
  }
}
.oit-industry-counter-card .title {
  font-size: 45px;
  margin-bottom: 0;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-industry-counter-card p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-counter-card p {
    font-size: 16px;
  }
  .oit-industry-counter-card p br {
    display: none;
  }
}
.oit-industry-counter-card .counter-card-top {
  margin-bottom: 85px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oit-industry-quote-card {
  padding: 32px 50px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-industry-quote-card {
    padding: 32px 20px;
  }
}
.oit-industry-quote-card .industry-quote {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-industry-quote-card .industry-quote {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .oit-industry-quote-card .industry-quote {
    font-size: 15px;
  }
  .oit-industry-quote-card .industry-quote br {
    display: none;
  }
}
.oit-industry-quote-card .industry-source {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.oit-industry-quote-card .shape-1 {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-industry-feature-card {
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .oit-industry-feature-card {
    flex-wrap: wrap;
  }
}
.oit-industry-feature-card .icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .oit-industry-feature-card .icon {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-industry-feature-card .icon {
    margin-bottom: 0;
  }
}
.oit-industry-feature-card .feature-title {
  font-size: 20px;
  margin-bottom: 3px;
}
.oit-industry-feature-card p {
  margin-bottom: 0;
}
.oit-industry-feature-wrap {
  padding: 37px 50px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-feature-wrap {
    padding: 40px 30px;
  }
}
.oit-industry-feature-wrap ul li {
  list-style-type: none;
}
.oit-industry-feature-wrap ul li:not(:last-child) {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-benefits-area {
    padding-bottom: 50px;
  }
}
.oit-industry-overview-area {
  padding-top: 190px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-overview-area {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-solutions-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-category-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-area.inner-industry {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.oit-industry-area.inner-industry .oit-industry-card {
  background: var(--oit-clr-black);
}
.oit-industry-thumb {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.oit-industry-thumb img {
  transition: 1s all ease;
  opacity: 0.8;
}
.oit-industry-title {
  margin-bottom: 25px;
  margin-top: 35px;
  font-size: 24px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-industry-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-industry-title {
    font-size: 16px;
  }
}
.oit-industry-card {
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  background: #374075;
}
.oit-industry-card:hover .oit-industry-thumb img {
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  5.18 portfolio css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-project-content span {
  font-size: 13px;
  display: inline-block;
  border-radius: 1000px;
  padding: 3px 10px;
  padding-bottom: 6px;
  margin-bottom: 17px;
  color: var(--oit-clr-white);
  background: rgba(255, 255, 255, 0.2);
}
.oit-project-content-wrap {
  display: flex;
  gap: 10px;
  bottom: -20%;
  left: 40px;
  right: 40px;
  z-index: 1;
  justify-content: space-between;
  position: absolute;
  align-items: end;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-content-wrap {
    bottom: -30%;
    left: 20px;
    right: 20px;
  }
}
.oit-project-title {
  font-size: 22px;
  line-height: 1.36;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-title {
    font-size: 19px;
  }
}
.oit-project-link {
  color: var(--oit-clr-blue);
  height: 30px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 10px;
  background-color: var(--oit-clr-white);
  transform: scaleX(0);
  transition: transform 0.4s ease;
  transition-delay: 0.4s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.oit-project-link::after {
  content: "";
  position: absolute;
  bottom: -100%;
  right: -100%;
  height: 120%;
  width: 120%;
  transform: scale(0);
  transition: 0.3s;
  transition-delay: 0;
  border-radius: 50%;
  z-index: -1;
  background-color: var(--oit-clr-blue);
}
.oit-project-link svg {
  position: relative;
  z-index: 2;
}
.oit-project-link:hover {
  color: var(--oit-clr-white);
}
.oit-project-link:hover::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.oit-project-item {
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.oit-project-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: 0.4s;
  background: linear-gradient(180.4deg, rgba(6, 17, 83, 0) 13.67%, #061153 99.65%);
}
.oit-project-item:hover::after {
  height: 100%;
}
.oit-project-item:hover .oit-project-content-wrap {
  bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-item:hover .oit-project-content-wrap {
    bottom: 20px;
  }
}
.oit-project-item:hover .oit-project-link {
  transform: scaleX(1);
}

.oit-project-2-thumb {
  overflow: hidden;
}
.oit-project-2-thumb img {
  transition: 1s all ease;
}
.oit-project-2-content {
  padding-top: 30px;
  padding-inline-start: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-2-content {
    padding-inline-start: 0;
  }
}
.oit-project-2-content p {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-project-2-category {
  display: flex;
  gap: 10px;
  margin-bottom: 22px;
}
.oit-project-2-category span {
  display: inline-block;
  font-size: 13px;
  padding: 3px 10px;
  padding-bottom: 5px;
  border-radius: 1000px;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-project-2-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-2-title {
    font-size: 20px;
  }
}
.oit-project-2-process-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .oit-project-2-process-wrap {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-project-2-process-wrap {
    display: flex;
  }
}
@media (max-width: 767px) {
  .oit-project-2-process {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-project-2-process {
    margin-bottom: 0;
  }
}
.oit-project-2-process > span {
  font-size: 15px;
  color: #595959;
}
.oit-project-2-process strong {
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin-bottom: 13px;
  color: var(--oit-clr-blue);
}
.oit-project-2-active {
  margin-inline-end: -650px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-2-active {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-project-2-area {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}
.oit-project-2-area .price-discount .line {
  mix-blend-mode: normal;
}
.oit-project-2-area .oit-price-tab-wrap {
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-project-2-card {
  padding: 20px;
  border-radius: 15px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-project-2-card:hover .oit-project-2-thumb img {
  transform: scale(1.1);
}

.oit-port-details-quote-block {
  border-radius: 20px;
  padding: 54px 50px;
  padding-bottom: 62px;
  z-index: 1;
  overflow: hidden;
  background-color: var(--oit-clr-blue);
  border: 1px solid rgba(56, 63, 62, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-port-details-quote-block {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  .oit-port-details-quote-block {
    padding: 25px 20px;
  }
}
.oit-port-details-quote-block .shape-1 {
  position: absolute;
  bottom: 0;
  z-index: -1;
  inset-inline-end: 1%;
}
.oit-port-details-quote-block p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-port-details-quote-block p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-port-details-quote-block p {
    font-size: 17px;
  }
  .oit-port-details-quote-block p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-port-details-quote-block p {
    font-size: 20px;
  }
}
.oit-port-details-quote-block .author-name {
  font-size: 15px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-port-details-area {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .oit-port-details-area {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}
.oit-port-details-area .oit-banner-thumb img {
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-port-details-area .oit-banner-thumb img {
    border-radius: 8px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-port-inner-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.oit-banner-stats-bar.stats-bar-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 29px 40px;
  margin: 40px;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  backdrop-filter: blur(20px);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.08) 27.08%, rgba(0, 0, 0, 0.08) 76.04%);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-banner-stats-bar.stats-bar-4 {
    margin-top: 25px;
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-4 {
    display: none;
  }
}
.oit-banner-stats-bar.stats-bar-4 span {
  font-size: 18px;
  display: block;
  color: var(--oit-clr-white);
}
.oit-banner-stats-bar.stats-bar-4 .stat:not(:last-child) {
  padding-inline-end: 85px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-banner-stats-bar.stats-bar-4 .stat:not(:last-child) {
    padding-inline-end: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-banner-stats-bar.stats-bar-4 .stat:not(:last-child) {
    padding-inline-end: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-banner-stats-bar.stats-bar-4 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-banner-stats-bar.stats-bar-4 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-4 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: 0;
    margin-bottom: 30px;
  }
}

.oit-banner-stats-bar.stats-bar-5 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 29px 40px;
  margin: 40px;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  backdrop-filter: blur(20px);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.08) 27.08%, rgba(0, 0, 0, 0.08) 76.04%);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-banner-stats-bar.stats-bar-5 {
    margin-top: 25px;
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-5 {
    display: none;
  }
}
.oit-banner-stats-bar.stats-bar-5 span {
  font-size: 18px;
  display: block;
  color: var(--oit-clr-white);
}
.oit-banner-stats-bar.stats-bar-5 span:first-child {
  font-size: 45px;
  font-weight: 500;
}
.oit-banner-stats-bar.stats-bar-5 .stat:not(:last-child) {
  padding-inline-end: 85px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-banner-stats-bar.stats-bar-5 .stat:not(:last-child) {
    padding-inline-end: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-banner-stats-bar.stats-bar-5 .stat:not(:last-child) {
    padding-inline-end: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-banner-stats-bar.stats-bar-5 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-banner-stats-bar.stats-bar-5 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-5 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: 0;
    margin-bottom: 30px;
  }
}

.oit-inner-title {
  font-size: 30px;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-inner-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .oit-inner-title {
    font-size: 22px;
  }
}
.oit-inner-dsc p {
  line-height: 1.53;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-inner-dsc p {
    font-size: 16px;
  }
  .oit-inner-dsc p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-inner-dsc p {
    font-size: 15px;
  }
  .oit-inner-dsc p br {
    display: none;
  }
}
.oit-inner-dsc p span {
  color: var(--oit-clr-blue);
}
.oit-inner-dsc.inner-dsc-2 p {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0em;
}
@media (max-width: 767px) {
  .oit-inner-dsc.inner-dsc-2 p br {
    display: none;
  }
}
.oit-inner-feature ul li {
  list-style-type: none;
}
.oit-inner-feature ul li:not(:last-child) {
  margin-bottom: 17px;
}
.oit-inner-feature ul li span {
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.04em;
  color: var(--oit-clr-black);
}
.oit-inner-feature ul li span svg {
  flex: 0 0 auto;
  transform: translateY(-1px);
}
.oit-inner-feature.feature-2 ul {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 130px;
}
@media (max-width: 767px) {
  .oit-inner-feature.feature-2 ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-inner-feature.feature-2 ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.oit-inner-feature.feature-2 ul li {
  list-style-type: none;
}
.oit-inner-feature.feature-2 ul li:not(:last-child) {
  margin-bottom: 25px;
}
.oit-inner-feature.feature-2 ul li span {
  font-weight: 500;
  font-size: 16px;
}
.oit-inner-title-sm {
  font-size: 24px;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-inner-title-sm {
    font-size: 20px;
  }
}

.sub-heading {
  font-size: 20px;
  letter-spacing: 0.01em;
}

/*----------------------------------------*/
/*  5.21 portfolio css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-service-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-service-item {
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--oit-clr-white);
}
.oit-service-item p {
  font-size: 15px;
  line-height: 1.6;
  margin-inline-end: 50px;
}
.oit-service-item:hover .oit-service-thumb img {
  transform: scale(1.1);
}
.oit-service-thumb {
  overflow: hidden;
}
.oit-service-thumb img {
  transition: 1s all ease;
}
.oit-service-title {
  font-size: 24px;
  letter-spacing: 0.01em;
}
.oit-service-title-box {
  display: flex;
  justify-content: space-between;
}
.oit-service-title-box span {
  font-size: 17px;
  letter-spacing: -0.01em;
}
.oit-service-title-box span::after {
  display: inline-block;
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  margin-inline-start: 10px;
  transform: translateY(-3px);
  background-color: var(--oit-clr-blue);
}
.oit-service-content {
  padding: 25px 30px;
}
.oit-service-area .oit-section-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-service-2-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-service-2-thumb img {
  transition: 0.5s;
}
.oit-service-2-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.oit-service-2-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 90%;
  background: linear-gradient(to top, rgb(10, 94, 255) 5%, rgba(10, 94, 255, 0.45) 35%, rgba(10, 94, 255, 0) 100%);
}
@media (max-width: 767px) {
  .oit-service-2-card .oit-service-title {
    font-size: 20px;
  }
}
.oit-service-2-card:hover .oit-service-2-thumb img {
  transform: scale(1.1);
}
.oit-service-2-title-wrap {
  position: absolute;
  left: 40px;
  bottom: 35px;
  z-index: 1;
}
@media (max-width: 767px) {
  .oit-service-2-title-wrap {
    left: 20px;
    bottom: 30px;
  }
}
.oit-service-2-link {
  z-index: 2;
  position: absolute;
  top: 40px;
  inset-inline-end: 40px;
  border-radius: 20px;
  width: 54px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(209deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.oit-service-2-link svg {
  color: var(--oit-clr-white);
}
.oit-service-2-link:hover {
  background-color: var(--oit-clr-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-service-3-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-service-3-title {
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-service-3-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-service-3-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.oit-service-3-category span {
  transition: 0.3s;
  font-size: 13px;
  padding: 5px 15px;
  border-radius: 1000px;
  display: inline-block;
  border: 1px solid rgba(9, 31, 46, 0.1);
  margin-inline-end: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-service-3-category span {
    font-size: 10px;
    padding: 3px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-service-3-category span {
    font-size: 14px;
    padding: 5px 10px;
  }
}
.oit-service-3-category span:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-service-3-title-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.oit-service-3-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline-start: 50px;
  margin-inline-start: -15px;
  border-inline-start: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-service-3-content {
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-service-3-content {
    padding-inline-start: 20px;
  }
}
@media (max-width: 767px) {
  .oit-service-3-content {
    padding: 0;
    padding-inline-start: 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-service-3-content p {
    font-size: 14px;
  }
}
.oit-service-3-thumb {
  overflow: hidden;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-inline-start: 69px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-service-3-thumb {
    margin-inline-start: 0;
  }
}
.oit-service-3-thumb img {
  overflow: hidden;
  height: 100%;
  object-fit: cover;
}
.oit-service-3-wrap {
  border-radius: 20px;
  padding-inline-start: 50px;
  padding-inline-end: 10px;
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-service-3-wrap {
    padding-inline-start: 30px;
  }
}
@media (max-width: 767px) {
  .oit-service-3-wrap {
    padding-inline-start: 10px;
  }
}

.oit-sv-hero-title {
  font-size: 80px;
  line-height: 1.13;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .oit-sv-hero-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-sv-hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sv-hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-hero-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .oit-sv-hero-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-hero-area {
    padding-top: 160px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .oit-sv-hero-area {
    padding-top: 130px;
    padding-bottom: 90px;
  }
}
.oit-sv-hero-area .oit-inner-feature.feature-2 ul {
  column-gap: 60px;
}
.oit-sv-hero-btn {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .oit-sv-hero-btn {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-hero-content {
    margin-bottom: 70px;
  }
}
.oit-sv-hero-thumb {
  border-radius: 20px;
  overflow: hidden;
  margin-inline-start: 89px;
  text-align: end;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sv-hero-thumb {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-hero-thumb {
    margin-inline-start: 0;
  }
}
.oit-sv-hero-thumb img {
  height: 100%;
  object-fit: cover;
  transition: 0.7s all ease;
}
.oit-sv-hero-thumb:hover img {
  transform: scale(1.03);
}
.oit-sv-details-content {
  margin-inline-end: -23px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-content {
    margin-inline-end: 0;
  }
}
.oit-sv-details-content .oit-banner-stats-bar.stats-bar-5 {
  position: relative;
  bottom: 0;
  margin: 0;
  background: var(--oit-gray-1);
}
.oit-sv-details-content .oit-banner-stats-bar.stats-bar-5 .stat {
  border: none;
}
.oit-sv-details-content .oit-banner-stats-bar.stats-bar-5 span {
  font-size: 18px;
  display: block;
  color: var(--oit-clr-black);
}
.oit-sv-details-content .oit-banner-stats-bar.stats-bar-5 span:first-child {
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-content .oit-banner-stats-bar.stats-bar-5 span:first-child {
    font-size: 14px;
    margin-bottom: 0;
  }
}
.oit-sv-details-faq.oit-faq-inner-style {
  display: flex;
  gap: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-sv-details-faq.oit-faq-inner-style {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-faq.oit-faq-inner-style {
    flex-wrap: nowrap;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .oit-sv-details-faq.oit-faq-inner-style {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-faq .oit-section-title {
    font-size: 36px;
  }
}
.oit-sv-details-faq .oit-faq-accordion {
  margin-inline-start: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .oit-sv-details-faq .oit-faq-accordion {
    width: 100%;
  }
}
.oit-sv-details-faq .oit-faq-accordion .accordion-buttons {
  padding: 14px 25px;
  padding-right: 65px;
}
.oit-sv-details-faq .oit-faq-accordion .accordion-buttons::after {
  font-size: 12px;
}
.oit-sv-details-faq .oit-faq-accordion .accordion-buttons span {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-faq .oit-faq-accordion .accordion-buttons span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .oit-sv-details-faq .oit-faq-accordion .accordion-buttons span {
    font-size: 15px;
  }
}
.oit-sv-details-faq .oit-faq-accordion .accordion-body {
  padding: 0 25px;
  padding-bottom: 25px;
}
.oit-sv-details-faq .oit-faq-accordion .accordion-body p {
  margin-inline-end: 0;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-faq .oit-faq-accordion .accordion-body p {
    font-size: 15px;
    margin-inline-end: 20px;
  }
}
.oit-sv-details-faq .oit-faq-accordion .accordion-items {
  margin-bottom: 10px;
}
.oit-sv-details-achievement-card {
  position: relative;
  z-index: 1;
  padding: 35px 30px;
  border-radius: 20px;
  background-color: var(--oit-clr-black);
}
.oit-sv-details-achievement-card .shape {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-sv-details-achievement-card .achievement-title {
  font-size: 20px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sv-details-achievement-card .achievement-title {
    font-size: 18px;
  }
}
.oit-sv-details-achievement-card p {
  font-size: 14px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
}
.oit-sv-details-achievement-contact {
  border-radius: 20px;
  padding: 30px 20px;
  background-color: var(--oit-clr-blue);
}
.oit-sv-details-achievement-contact .logo {
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.oit-sv-details-achievement-contact p {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 0.8);
}
.oit-sv-details-achievement-contact .contact-title {
  font-size: 22px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
.oit-sv-details-achievement-thumb img {
  height: 100%;
  object-fit: cover;
}
.oit-sv-details-achievement .achivement-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.oit-sv-details-process {
  position: relative;
  z-index: 1;
  padding: 30px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sv-details-process {
    padding: 30px 20px;
  }
}
.oit-sv-details-process .big-number {
  position: absolute;
  top: 2%;
  inset-inline-end: 7%;
  z-index: -1;
  font-size: 120px;
  background: linear-gradient(180deg, rgba(6, 17, 83, 0.07) 0%, rgba(253, 251, 243, 0.07) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.oit-sv-details-process .process-title {
  font-size: 22px;
  letter-spacing: 0.01em;
}
.oit-sv-details-process span {
  font-size: 20px;
  font-weight: 600;
  color: var(--oit-clr-blue);
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-sv-details-process p {
  font-size: 14px;
  margin-bottom: 0;
  margin-inline-end: 23px;
}
@media (max-width: 767px) {
  .oit-sv-details-process p {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-area .oit-banner-stats-bar.stats-bar-2 {
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .oit-sv-details-area .oit-banner-stats-bar.stats-bar-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-area .oit-banner-stats-bar.stats-bar-2 .stat span:last-child {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-area .oit-banner-stats-bar.stats-bar-2 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-sv-details-area .oit-choose-item {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-expertise {
    flex-wrap: nowrap !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-sv-details-expertise .oit-section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-expertise .oit-inner-feature ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-details-expertise-thumb {
    width: 100%;
  }
}
.oit-sv-testimonial-wrap.sv-white-bg {
  gap: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-testimonial-wrap.sv-white-bg {
    gap: 30px;
  }
}
.oit-sv-testimonial-wrap .oit-sv-testimonial-left {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .oit-sv-testimonial-wrap .oit-sv-testimonial-left {
    flex: auto;
  }
}
.oit-sv-testimonial-wrap .oit-slider-arrow button {
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-color: rgba(56, 63, 62, 0.2);
}
.oit-sv-testimonial {
  border-radius: 20px;
  padding: 40px 35px;
  display: inline-block;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .oit-sv-testimonial {
    padding: 30px 25px;
  }
}
.oit-sv-testimonial p {
  margin-inline-end: 20px;
}
@media (max-width: 767px) {
  .oit-sv-testimonial p {
    font-size: 16px;
    margin-inline-end: 0;
  }
}
.oit-sv-testimonial .name {
  font-size: 22px;
}
.oit-sv-testimonial .author-box {
  display: flex;
  gap: 15px;
  align-items: center;
}
.oit-sv-testimonial .auhtor-thumb img {
  height: 70px !important;
  width: 70px !important;
  object-fit: cover;
}
.oit-sv-testimonial-top {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.oit-sv-testimonial-top > .rating {
  display: inline-flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-sv-testimonial-top > .rating span {
  line-height: 1;
}
.oit-sv-testimonial-top > .rating svg {
  color: #E8BE01;
}
.oit-sv-sidebar-wrap {
  margin-inline-start: 89px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-sv-sidebar-wrap {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-sv-sidebar-wrap {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-sv-sidebar-wrap {
    margin-top: 50px;
    margin-inline-start: 0;
  }
}

.sv-white-bg {
  display: flex;
  gap: 125px;
  padding: 40px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sv-white-bg {
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sv-white-bg {
    flex-wrap: wrap;
    gap: 50px;
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .sv-white-bg {
    flex-wrap: wrap;
    gap: 30px;
    padding: 40px 20px;
  }
}

.oit-banner-stats-bar.stats-bar-2 {
  bottom: -75px;
  padding: 35px 40px;
  margin: 0 150px;
  background: var(--oit-clr-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-banner-stats-bar.stats-bar-2 {
    margin: 0 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-banner-stats-bar.stats-bar-2 {
    margin: 0 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-banner-stats-bar.stats-bar-2 {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-2 {
    margin: 0;
    margin-top: 50px;
    position: static;
  }
}
.oit-banner-stats-bar.stats-bar-2 span {
  display: block;
  line-height: 1;
  color: var(--oit-clr-black);
}
.oit-banner-stats-bar.stats-bar-2 span i {
  font-style: normal;
}
.oit-banner-stats-bar.stats-bar-2 span:first-child {
  font-size: 45px;
  margin-bottom: 15px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-2 span:first-child {
    font-size: 35px;
  }
}
.oit-banner-stats-bar.stats-bar-2 span:last-child {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: -0.04em;
}
.oit-banner-stats-bar.stats-bar-2 .stat:not(:last-child) {
  padding-inline-end: 50px;
  border-inline-end: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-2 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: none;
  }
}
.oit-banner-stats-bar.stats-bar-3 span {
  display: block;
  line-height: 1;
  color: var(--oit-clr-black);
}
.oit-banner-stats-bar.stats-bar-3 span i {
  font-style: normal;
}
.oit-banner-stats-bar.stats-bar-3 span:first-child {
  font-size: 45px;
  margin-bottom: 15px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-3 span:first-child {
    font-size: 35px;
  }
}
.oit-banner-stats-bar.stats-bar-3 span:last-child {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: -0.04em;
}
.oit-banner-stats-bar.stats-bar-3 .stat:not(:last-child) {
  padding-inline-end: 50px;
  border-inline-end: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-banner-stats-bar.stats-bar-3 .stat:not(:last-child) {
    padding-inline-end: 0;
    border-inline-end: none;
  }
}

/*----------------------------------------*/
/*  5.23 slider css start here
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-slider-area {
    padding-top: 0;
  }
}
.oit-slider-area .slider-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(83.51deg, #061153 12.8%, rgba(6, 17, 83, 0) 65.82%);
}
.oit-slider-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.oit-slider-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.oit-slider-card {
  padding-top: 260px;
  padding-bottom: 175px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-card {
    padding-top: 220px;
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  .oit-slider-card {
    padding-top: 180px;
    padding-bottom: 120px;
  }
}
.oit-slider-content .oit-slider-subtitle {
  animation-delay: 0.3s;
  animation-duration: 1s;
  display: inline-block;
}
.oit-slider-content .oit-slider-title {
  animation-delay: 0.5s;
  animation-duration: 1s;
}
.oit-slider-content .oit-slider-text p {
  animation-delay: 0.7s;
  animation-duration: 1s;
}
.oit-slider-content .oit-slider-btn {
  animation-delay: 0.9s;
  animation-duration: 1s;
}
.oit-slider-active .swiper-slide-active .oit-slider-content .oit-slider-subtitle, .oit-slider-active .swiper-slide-active .oit-slider-content .oit-slider-title, .oit-slider-active .swiper-slide-active .oit-slider-content .oit-slider-text p, .oit-slider-active .swiper-slide-active .oit-slider-content .oit-slider-btn {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.oit-slider-wrap {
  position: relative;
  isolation: isolate;
}
.oit-slider-wrap .slider-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.oit-slider-wrap .bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.oit-slider-wrap.slider-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(83.51deg, #061153 12.8%, rgba(6, 17, 83, 0) 65.82%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-wrap.slider-overlay::after {
    width: 250%;
  }
}
@media (max-width: 767px) {
  .oit-slider-wrap.slider-overlay::after {
    width: 150%;
  }
}
.oit-slider-subtitle {
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  border-radius: 10000px;
  padding: 7px 16px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.08) 26.79%, rgba(255, 255, 255, 0.08) 76.21%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-slider-subtitle {
    font-size: 12px;
  }
}
.oit-slider-title {
  font-size: 100px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-slider-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-slider-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .oit-slider-title {
    font-size: 34px;
  }
  .oit-slider-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-slider-title {
    font-size: 60px;
  }
  .oit-slider-title br {
    display: none;
  }
}
.oit-slider-text {
  margin-inline-start: 135px;
}
@media (max-width: 767px) {
  .oit-slider-text {
    margin-inline-start: 0;
  }
}
.oit-slider-text p {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-text p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .oit-slider-text p {
    font-size: 16px;
  }
}
.oit-slider-content {
  position: relative;
  z-index: 10;
}
.oit-slider-brand-wrap {
  position: absolute;
  bottom: 6%;
  inset-inline-end: 6%;
  padding: 45px 45px;
  padding-bottom: 30px;
  border-radius: 20px;
  max-width: 520px;
  z-index: 3;
  text-align: center;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-slider-brand-wrap {
    width: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-slider-brand-wrap {
    width: 450px;
    padding: 30px 35px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-brand-wrap {
    width: 400px;
    padding: 30px 30px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-brand-wrap {
    width: 320px;
    padding: 30px 30px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .oit-slider-brand-wrap {
    width: 320px;
    padding: 30px 30px;
    padding-bottom: 10px;
    transform: scale(0.7);
    bottom: 1%;
    inset-inline-end: -6%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-slider-brand-wrap {
    transform: scale(0.9);
    bottom: 4%;
    inset-inline-end: 2%;
  }
}
.oit-slider-brand-wrap span {
  font-weight: 500;
  font-size: 13px;
  display: block;
  margin-bottom: 15px;
  color: var(--oit-clr-white);
}
.oit-slider-brand-wrap span span {
  padding: 4px 6px;
  border-radius: 100px;
  display: inline-block;
  margin: 0 2px;
  background-color: var(--oit-clr-blue);
}
.oit-slider-brand {
  display: flex;
  gap: 25px;
  align-items: center;
  overflow: hidden;
}
.oit-slider-brand span {
  white-space: nowrap;
  flex: 0 0 auto;
  display: inline-block;
  -webkit-animation: text-slide-animation 4s linear infinite;
  animation: text-slide-animation 4s linear infinite;
  transition: animation-duration 300ms;
}
.oit-slider-brand span img {
  flex: 0 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-slider-2-area {
    padding-top: 0;
  }
}
.oit-slider-2-area .oit-slider-card {
  padding: 300px 25px;
  padding-bottom: 225px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .oit-slider-2-area .oit-slider-card {
    padding-top: 250px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-slider-2-area .oit-slider-card {
    padding-top: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-slider-2-area .oit-slider-card {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-2-area .oit-slider-card {
    padding-top: 170px;
  }
}
@media (max-width: 767px) {
  .oit-slider-2-area .oit-slider-card {
    padding: 170px 0;
    padding-bottom: 200px;
  }
}
.oit-slider-2-area .slider-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(83.51deg, #061153 12.8%, rgba(6, 17, 83, 0) 65.82%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-2-area .slider-overlay::after {
    width: 145%;
  }
}
@media (max-width: 767px) {
  .oit-slider-2-area .slider-overlay::after {
    width: 180%;
  }
}
.oit-slider-2-area .slider-overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: -1;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(180deg, rgba(6, 17, 83, 0.9) 0%, rgba(6, 17, 83, 0.65) 35%, rgba(6, 17, 83, 0.2) 65%, rgba(6, 17, 83, 0) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-slider-2-area .slider-overlay::before {
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-slider-2-area .oit-slider-title {
    font-size: 75px;
  }
}

/*----------------------------------------*/
/*  5.6 choose css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.oit-choose-item {
  padding: 40px 38px;
  padding-bottom: 30px;
  border-radius: 14px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-item {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-choose-item {
    padding: 25px 15px;
  }
}
.oit-choose-item .icon {
  transition: 0.5s;
  display: inline-block;
  color: var(--oit-clr-blue);
}
.oit-choose-item p {
  margin-inline-end: 50px;
}
.oit-choose-item:hover .icon {
  transform: rotateX(360deg);
}
.oit-choose-item-wrap {
  padding-inline-start: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-item-wrap {
    padding-inline-start: 0;
  }
}
.oit-choose-title {
  font-size: 22px;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-choose-title {
    font-size: 18px;
  }
}
.oit-choose-top {
  display: flex;
  gap: 10px;
  align-items: center;
}
.oit-choose-top .icon {
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-choose-top .icon svg {
  height: 21px;
  width: 21px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-choose-2 .oit-choose-title {
    font-size: 17px;
  }
}
.oit-choose-2 .oit-choose-item {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
  z-index: 1;
  background-color: var(--oit-gray-1);
}
.oit-choose-2 .oit-choose-item p {
  margin-inline-end: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-choose-2 .oit-choose-item p {
    margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-choose-2 .oit-choose-item p {
    font-size: 14px;
  }
}
.oit-choose-2 .oit-choose-item strong {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--oit-clr-blue);
  background-color: #DEE9FF;
  border-radius: 3px;
  padding: 5px 10px;
  display: inline-block;
}
.oit-choose-2 .oit-choose-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: auto;
  right: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  transition: 0.4s;
  background-color: var(--oit-clr-blue);
}
.oit-choose-2 .oit-choose-item:hover .oit-choose-title, .oit-choose-2 .oit-choose-item:hover p {
  color: var(--oit-clr-white);
}
.oit-choose-2 .oit-choose-item:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.oit-choose-3-item {
  padding: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-choose-3-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-choose-3-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-3-item {
    padding: 30px 20px;
  }
}
.oit-choose-3-item span {
  display: block;
  margin-bottom: 30px;
  color: var(--oit-clr-blue);
  transition: 0.6s;
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-choose-3-item p {
  margin-bottom: 0;
  transition: 0.4s;
}
.oit-choose-3-item::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: auto;
  height: 100%;
  width: 0;
  transition: 0.5s;
  z-index: -2;
  background-color: var(--oit-clr-black);
}
.oit-choose-3-item:hover span {
  color: var(--oit-clr-blue);
  transform: rotateX(360deg);
}
.oit-choose-3-item:hover .oit-choose-3-title, .oit-choose-3-item:hover p {
  color: var(--oit-clr-white);
}
.oit-choose-3-item:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.oit-choose-3-title {
  font-size: 22px;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-3-title {
    font-size: 20px;
  }
}

.oit-choose-inner-style .oit-choose-item {
  padding: 25px 35px;
  padding-top: 30px;
  background-color: var(--oit-gray-1);
}
.oit-choose-inner-style .oit-choose-item .icon {
  margin-bottom: 65px;
  height: 54px;
  width: 54px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-choose-inner-style .oit-choose-item p {
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: 0em;
  margin-inline-end: 0;
  margin-bottom: 0;
}

.oit-choose-2-item {
  padding: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-choose-2-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-choose-2-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-2-item {
    padding: 30px 20px;
  }
}
.oit-choose-2-item span {
  display: block;
  margin-bottom: 30px;
  color: var(--oit-clr-black);
  transition: 0.6s;
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-choose-2-item p {
  margin-bottom: 0;
  transition: 0.4s;
  font-size: 15px;
  margin-inline-end: 30px;
}
.oit-choose-2-item .shape-1 {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-choose-2-item::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: auto;
  height: 100%;
  width: 0;
  transition: 0.5s;
  z-index: -2;
  background-color: var(--oit-clr-blue);
}
.oit-choose-2-item:hover span {
  color: var(--oit-clr-blue);
  transform: rotateX(360deg);
}
.oit-choose-2-item:hover .oit-choose-2-title, .oit-choose-2-item:hover p {
  color: var(--oit-clr-white);
}
.oit-choose-2-item:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.oit-choose-2-title {
  font-size: 22px;
  margin-bottom: 20px;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-2-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-2-area .oit-section-wrap {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}

/*----------------------------------------*/
/*  5.20 process css start here
/*----------------------------------------*/
.oit-process-thumb {
  border-radius: 16px;
  overflow: hidden;
}
.oit-process-thumb img {
  transition: 1s all ease;
}
.oit-process-thumb:hover img {
  transform: scale(1.1);
}
.oit-process-wrap {
  margin-inline-start: 86px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-process-wrap {
    margin-top: 50px;
    margin-inline-start: 0;
  }
}
.oit-process-title {
  font-size: 22px;
  letter-spacing: 0.01em;
}
.oit-process-card {
  position: relative;
  z-index: 1;
  padding: 30px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-process-card .big-number {
  position: absolute;
  top: 10%;
  inset-inline-end: 4%;
  z-index: -1;
  background: linear-gradient(to bottom, #091F2E 40%, #FDFBF3 100%);
  font-family: var(--oit-ff-cal);
  opacity: 0.5;
  font-size: 100px;
  letter-spacing: -0.01em;
  text-align: right;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  line-height: 1;
}
@media (max-width: 767px) {
  .oit-process-card .big-number {
    top: 2%;
  }
}
.oit-process-card .process-title {
  font-size: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-process-card .process-title {
    font-size: 24px;
  }
}
.oit-process-card .icon {
  color: var(--oit-clr-blue);
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .oit-process-card p {
    margin-inline-end: 0;
  }
  .oit-process-card p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-process-card p br {
    display: block;
  }
}
.oit-process-feature ul {
  display: grid;
  column-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid rgba(9, 31, 46, 0.1);
  padding-top: 35px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .oit-process-feature ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.oit-process-feature ul li {
  list-style-type: none;
}
.oit-process-feature ul li:not(:last-child) {
  margin-bottom: 20px;
}
.oit-process-feature ul li span {
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  align-items: center;
  color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-process-feature ul li span {
    font-size: 14px;
  }
}
.oit-process-feature ul li svg {
  color: var(--oit-clr-blue);
}
.oit-process-nav-wrap {
  margin-inline-end: 20px;
  padding: 40px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-process-nav-wrap {
    margin-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .oit-process-nav-wrap {
    margin-inline-end: 0;
    padding: 40px 25px;
  }
}
.oit-process-nav-wrap ul {
  position: relative;
  z-index: 1;
}
.oit-process-nav-wrap ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  height: 97%;
  width: 2px;
  background: #D9D9D9;
  z-index: -2;
}
.oit-process-nav-wrap ul li {
  list-style-type: none;
}
.oit-process-nav-wrap ul li:not(:last-child) {
  margin-bottom: 26px;
}
.oit-process-nav-wrap ul li span {
  display: flex;
  gap: 15px;
  font-size: 17px;
  line-height: 153%;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  .oit-process-nav-wrap ul li span {
    font-size: 15px;
  }
}
.oit-process-nav-wrap ul li .number {
  color: var(--oit-clr-black);
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .oit-process-nav-wrap ul li .number {
    font-size: 14px;
  }
}
.oit-process-area .shape-1 {
  position: absolute;
  bottom: 11%;
  inset-inline-start: 6%;
  z-index: -1;
  animation: rotate 14s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-process-hero-text {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-process-hero-text {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .oit-process-hero-text {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-process-hero-text p {
    margin-inline-end: 200px;
  }
  .oit-process-hero-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-process-hero-area {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .oit-process-hero-area {
    padding-bottom: 70px;
    padding-top: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-process-hero-area .oit-section-box {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-process-hero-area .oit-section-box {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .oit-process-hero-area .oit-section-box {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-process-2-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-process-2-card {
  padding: 10px;
  padding-bottom: 30px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
}
.oit-process-2-card .oit-strategy-content {
  padding-inline-start: 20px;
}
.oit-process-2-card .oit-strategy-content span {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 10px;
  margin-top: 30px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}

.oit-process-details-area .oit-process-wrap {
  margin-inline-start: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-process-details-area .oit-process-wrap {
    margin-inline-start: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-process-inner-area {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}
.oit-process-inner-area .shape-1 {
  position: absolute;
  bottom: 11%;
  inset-inline-start: 6%;
  z-index: -1;
  animation: rotate 14s linear infinite;
}

/*----------------------------------------*/
/*  5.13 impact css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-impact-area .oit-section-wrap {
    padding: 90px 0;
  }
}
.oit-impact-list-wrap {
  width: 100%;
}
.oit-impact-list {
  display: flex;
  align-items: stretch;
  gap: 20px;
  width: 100%;
  height: 350px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-impact-list {
    display: grid;
    width: 100%;
    height: auto;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .oit-impact-list {
    display: grid;
    width: 100%;
    height: auto;
    grid-template-columns: repeat(1, 1fr);
  }
}
.oit-impact-card {
  width: 247px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0;
  transition: padding 0.6s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-impact-card {
    padding: 10px;
  }
}
.oit-impact-card .stat-title {
  display: block;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: color 0.4s ease;
}
.oit-impact-card .avatar {
  width: 115px;
}
.oit-impact-card .oit-link-btn span {
  color: var(--oit-clr-blue);
}
.oit-impact-card .oit-link-btn i {
  background-color: var(--oit-clr-blue);
}
.oit-impact-card .stat-content {
  transition: transform 0.5s ease;
}
.oit-impact-card .stat-number {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1;
  letter-spacing: 0.01em;
  color: var(--oit-clr-black);
  transition: color 0.4s ease, transform 0.5s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-impact-card .stat-number {
    font-size: 40px;
  }
}
.oit-impact-card p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.47;
  letter-spacing: 0;
  color: var(--oit-clr-black);
  transition: color 0.4s ease;
}
.oit-impact-thumb {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-impact-thumb {
    margin-top: 15px;
    height: 250px;
  }
}
.oit-impact-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.oit-impact-item {
  position: relative;
  gap: 65px;
  min-width: 0;
  padding: 10px 25px;
  padding-inline-end: 10px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  flex: 0 0 247px;
  display: grid;
  align-items: stretch;
  grid-template-columns: minmax(0, 1fr) 0%;
  background-color: var(--oit-clr-white);
  transition: flex-basis 0.7s cubic-bezier(0.22, 1, 0.36, 1), grid-template-columns 0.7s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.5s ease, padding 0.6s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-impact-item {
    flex-basis: 210px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px) {
  .oit-impact-item {
    flex-basis: 245px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-impact-item {
    display: block;
    padding: 20px 20px;
  }
}
.oit-impact-item::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background-color: var(--oit-clr-blue);
  transition: opacity 0.5s ease;
}
.oit-impact-item.active {
  flex-basis: 535px;
  grid-template-columns: minmax(0, 1fr) 48%;
  background-color: var(--oit-clr-blue);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-impact-item.active {
    flex-basis: 440px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-impact-item.active {
    flex-basis: auto;
    grid-template-columns: 1fr;
  }
}
.oit-impact-item.active::after {
  opacity: 1;
}
.oit-impact-item.active .oit-impact-card {
  padding-right: 20px;
}
.oit-impact-item.active .oit-impact-card .stat-title {
  color: var(--oit-clr-white);
}
.oit-impact-item.active .oit-impact-card .stat-number {
  color: var(--oit-clr-white);
}
.oit-impact-item.active .oit-impact-card p {
  color: rgba(255, 255, 255, 0.85);
}
.oit-impact-item.active .oit-impact-thumb {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-impact-item.active .oit-impact-thumb {
    width: auto;
  }
}
.oit-impact-item.active .oit-link-btn span {
  color: var(--oit-clr-white);
}
.oit-impact-item.active .oit-link-btn i {
  color: var(--oit-clr-blue);
  background-color: var(--oit-clr-white);
}

/*----------------------------------------*/
/*  5.28 text-slider css start here
/*----------------------------------------*/
.oit-text-slider-area {
  padding: 25px 0;
  background-color: var(--oit-clr-black);
}
.oit-text-slider-item {
  gap: 30px;
  -webkit-animation: text-slide-animation 30s linear infinite;
  animation: text-slide-animation 30s linear infinite;
  transition: animation-duration 300ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-text-slider-item {
    -webkit-animation: text-slide-animation 10s linear infinite;
    animation: text-slide-animation 10s linear infinite;
  }
}
.oit-text-slider-item span {
  font-size: 30px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  white-space: nowrap;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-text-slider-item span {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  5.27 testimonial css start here
/*----------------------------------------*/
.oit-testimonial-active {
  margin-inline-end: -350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-active {
    margin-inline-end: 0;
  }
}
.oit-testimonial-top {
  display: flex;
  justify-content: space-between;
}
.oit-testimonial-top .quote svg {
  color: var(--oit-clr-blue);
}
.oit-testimonial-author-box {
  display: flex;
  gap: 10px;
  align-items: center;
}
.oit-testimonial-author-box .auhtor-thumb {
  flex: 0 0 auto;
}
.oit-testimonial-author-box .auhtor-thumb img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.oit-testimonial-author-box .author-info .name {
  font-size: 18px;
  margin-bottom: 5px;
  letter-spacing: -0.04em;
}
.oit-testimonial-author-box .author-info span {
  font-size: 14px;
}
.oit-testimonial-text p {
  line-height: 1.44;
  letter-spacing: -0.04em;
  padding-inline-end: 20px;
}
.oit-testimonial-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oit-testimonial-bottom .ratting span {
  color: var(--oit-clr-black);
}
.oit-testimonial-bottom p {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.04em;
}
.oit-testimonial-item {
  position: relative;
  padding: 40px;
  z-index: 1;
  padding-bottom: 40px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-item {
    padding: 40px 20px;
    padding-bottom: 35px;
  }
}
.oit-testimonial-item .shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-testimonial-thumb {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  padding-bottom: 35px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .oit-testimonial-thumb {
    padding: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-testimonial-thumb {
    padding: 35px;
  }
}
.oit-testimonial-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(15, 61, 58, 0.5);
}
.oit-testimonial-thumb .author-info .name, .oit-testimonial-thumb .author-info span {
  color: var(--oit-clr-white);
}
.oit-testimonial-thumb .quote span {
  color: rgba(255, 255, 255, 0.4);
}
.oit-testimonial-thumb .oit-testimonial-bottom .ratting span {
  color: #E8BE01;
}
.oit-testimonial-thumb .oit-testimonial-bottom .date {
  color: var(--oit-clr-white);
}
.oit-testimonial-play-btn {
  text-align: center;
}
.oit-testimonial-play-btn a {
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  backdrop-filter: blur(40px);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.08) 11.08%, rgba(0, 0, 0, 0.08) 85.62%);
}
.oit-testimonial-play-btn a svg {
  display: inline-block;
  padding-left: 2px;
}
.oit-testimonial-active .swiper-slide {
  height: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.oit-testimonial-2-thumb {
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-2-thumb {
    height: auto;
    margin-bottom: 25px;
  }
}
.oit-testimonial-2-thumb img {
  height: 100%;
  object-fit: cover;
  transition: 1s all ease;
}
.oit-testimonial-2-thumb:hover img {
  transform: scale(1.1);
}
.oit-testimonial-2-thumb .thumb-text {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  padding: 18px 25px;
  border-radius: 10px;
  background-color: var(--oit-clr-blue);
}
@media (max-width: 767px) {
  .oit-testimonial-2-thumb .thumb-text {
    font-size: 14px;
    bottom: 15px;
    left: 15px;
  }
}
.oit-testimonial-2-wrap {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-testimonial-2-slider-wrap {
  position: relative;
  border-radius: 20px;
  padding: 50px 40px;
  padding-bottom: 60px;
  overflow: hidden;
  z-index: 1;
  background-color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-testimonial-2-slider-wrap {
    padding: 40px 25px;
  }
}
.oit-testimonial-2-slider-wrap .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.oit-testimonial-2-slider-wrap .shape-2 {
  position: absolute;
  top: 55px;
  right: 40px;
  z-index: -1;
}
.oit-testimonial-2-slider-wrap .oit-slider-arrow {
  position: absolute;
  bottom: 60px;
  inset-inline-end: 40px;
}
@media (max-width: 767px) {
  .oit-testimonial-2-slider-wrap .oit-slider-arrow {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-testimonial-2-slider-wrap .oit-slider-arrow {
    display: block;
  }
}
@media (max-width: 767px) {
  .oit-testimonial-2-slider-wrap .oit-testimonial-top {
    margin-bottom: 25px;
  }
}
.oit-testimonial-2-slider-wrap .oit-testimonial-item {
  padding: 0;
  border: none;
  background-color: transparent;
}
.oit-testimonial-2-slider-wrap .oit-testimonial-text p {
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  padding-inline-end: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-testimonial-2-slider-wrap .oit-testimonial-text p {
    font-size: 20px;
    padding-inline-end: 0;
  }
  .oit-testimonial-2-slider-wrap .oit-testimonial-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-testimonial-2-slider-wrap .oit-testimonial-text p {
    font-size: 15px;
    padding-inline-end: 0;
  }
  .oit-testimonial-2-slider-wrap .oit-testimonial-text p br {
    display: none;
  }
}
.oit-testimonial-2-slider-wrap .oit-testimonial-text p span {
  color: var(--oit-clr-blue);
}
.oit-testimonial-2-slider-wrap .author-info span {
  color: rgba(255, 255, 255, 0.7);
}
.oit-testimonial-2-slider-wrap .author-info .name {
  color: var(--oit-clr-white);
}
.oit-testimonial-2-ratting {
  display: flex;
  align-items: center;
  gap: 15px;
  backdrop-filter: blur(40px);
  padding: 21px 30px 21px 20px;
  border-radius: 10px;
  background: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-testimonial-2-ratting > span {
  height: 67px;
  width: 67px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-black);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-testimonial-2-ratting .title {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.04em;
  font-family: var(--oit-ff-body);
}
.oit-testimonial-2-ratting div span {
  color: #E4B600;
  display: inline-block;
}
.oit-testimonial-2-ratting div span b {
  font-weight: 600;
  font-size: 24px;
  margin-inline-end: 5px;
  transform: translateY(2px);
  display: inline-block;
  color: var(--oit-text-body);
}
.oit-testimonial-2-ratting-wrap {
  display: flex;
  gap: 16px;
  justify-content: end;
}

.oit-testimonial-3-wrap {
  display: flex;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-3-wrap {
    flex-wrap: wrap;
  }
}
.oit-testimonial-3-wrap .oit-slider-arrow {
  gap: 10px;
  position: absolute;
  bottom: 50px;
  inset-inline-end: 50px;
  z-index: 5;
}
@media (max-width: 767px) {
  .oit-testimonial-3-wrap .oit-slider-arrow {
    bottom: 35px;
    inset-inline-end: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-testimonial-3-wrap .oit-slider-arrow {
    bottom: 40px;
  }
}
.oit-testimonial-3-wrap .oit-slider-arrow button {
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-blue);
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-testimonial-3-wrap .oit-slider-arrow button svg {
  height: 12px;
}
.oit-testimonial-3-wrap .oit-testimonial-item {
  padding: 30px;
  border-radius: 0;
  border: none;
  padding-inline-start: 0;
  background-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-testimonial-3-wrap .oit-testimonial-item {
    padding: 30px 40px;
  }
}
@media (max-width: 767px) {
  .oit-testimonial-3-wrap .oit-testimonial-item {
    padding: 30px 20px;
  }
}
.oit-testimonial-3-wrap .oit-testimonial-text p {
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--oit-clr-black);
  margin-inline-end: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-testimonial-3-wrap .oit-testimonial-text p {
    margin-inline-end: 0;
    font-size: 20px;
    padding-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .oit-testimonial-3-wrap .oit-testimonial-text p {
    margin-inline-end: 0;
    font-size: 16px;
    padding-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-testimonial-3-wrap .oit-testimonial-text p {
    font-size: 19px;
  }
}
.oit-testimonial-3-wrap .author-info .name {
  font-size: 20px;
  letter-spacing: 0.01em;
}
.oit-testimonial-3-wrap .author-info span {
  font-size: 13px;
}
.oit-testimonial-3-thumb {
  flex: 0 0 auto;
  padding: 20px;
  margin-inline-end: 30px;
  padding-inline-end: 30px;
  border-inline-end: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-testimonial-3-thumb {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-3-thumb {
    padding-inline-end: 20px;
    width: 100%;
  }
}
.oit-testimonial-3-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
}
.oit-testimonial-3-bottom {
  display: flex;
  padding: 24px 30px;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .oit-testimonial-3-bottom {
    padding: 15px 20px;
  }
}
.oit-testimonial-3-bottom .logo {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .oit-testimonial-3-bottom .logo {
    width: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-testimonial-3-bottom .logo {
    width: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-testimonial-3-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

/*----------------------------------------*/
/*  5.2 brand css start here
/*----------------------------------------*/
@media (max-width: 767px) {
  .oit-brand-area {
    padding-bottom: 90px;
  }
}
.oit-brand-inner {
  display: flex;
  gap: 10px;
  -webkit-animation: text-slide-animation 20s linear infinite;
  animation: text-slide-animation 20s linear infinite;
  transition: animation-duration 20s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-inner {
    -webkit-animation: text-slide-animation 10s linear infinite;
    animation: text-slide-animation 10s linear infinite;
    transition: animation-duration 10s;
  }
}
.oit-brand-inner:hover {
  animation-play-state: paused;
}
.oit-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0 50px;
  height: 100px;
  border-radius: 10px;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-logo {
    height: 85px;
    padding: 0 20px;
  }
}
.oit-brand-logo img {
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-logo img {
    width: 130px;
  }
}
@media (max-width: 767px) {
  .oit-brand-text {
    text-align: center;
  }
}
.oit-brand-text .title-sm {
  font-size: 45px;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-text .title-sm {
    font-size: 35px;
  }
}
.oit-brand-text .ratting {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .oit-brand-text .ratting {
    margin-bottom: 50px;
    justify-content: center;
  }
}
.oit-brand-text .ratting span {
  color: var(--oit-clr-black);
}
.oit-brand-wrap {
  margin-inline-end: -400px;
}

.oit-brand-2-wrap {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-2-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.oit-brand-2-wrap .oit-brand-logo {
  background-color: var(--oit-clr-white);
}
.oit-brand-2-wrap .oit-brand-logo img {
  opacity: 0.7;
  mix-blend-mode: luminosity;
  transition: 0.3s;
}
.oit-brand-2-wrap .oit-brand-logo:hover img {
  opacity: 1;
  mix-blend-mode: hard-light;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-2-area {
    padding-bottom: 90px;
  }
}
.oit-brand-2-area .oit-brand-text .ratting {
  display: block;
}
@media (max-width: 767px) {
  .oit-brand-2-area .oit-brand-text .ratting {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.oit-brand-2-area .oit-brand-text .ratting img {
  display: block;
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  5.19 price css start here
/*----------------------------------------*/
.oit-price-tab-wrap {
  border-radius: 30px;
  width: 50px;
  padding: 2px 4px;
  display: inline-block;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
.oit-price-tab-wrap .oit-price-tab ul {
  display: flex;
  gap: 5px;
}
.oit-price-tab-wrap .oit-price-tab ul li {
  display: inline-block;
}
.oit-price-tab-wrap .oit-price-tab ul li button {
  transition: 0.4s;
  border-radius: 50%;
  height: 17px;
  width: 17px;
}
.oit-price-tab-wrap .oit-price-tab ul li button.active {
  z-index: 1;
  position: relative;
  color: var(--oit-clr-white);
}
.oit-price-tab-wrap .oit-price-tab #lineMarker {
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 0;
  height: 17px;
  width: 17px !important;
  transition: 0.3s ease;
  border-radius: 50%;
  background: var(--oit-clr-black);
}
.oit-price-tab-main {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.oit-price-tab-main span.date {
  font-size: 15px;
  color: var(--oit-clr-white);
  cursor: pointer;
}
.oit-price-tab-main .discount {
  display: inline-block;
  margin-inline-start: 5px;
  font-size: 12px;
  border-radius: 50px;
  padding: 5px 7px 5px 8px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-price-features {
  padding-inline-start: 0;
}
.oit-price-features ul {
  grid-template-columns: repeat(1, 1fr);
}
.oit-price-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .oit-price-head {
    flex-wrap: wrap;
  }
}
.oit-price-head .badge {
  font-size: 14px;
  border-radius: 1000px;
  padding: 9px 20px;
  color: var(--oit-clr-black);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .oit-price-head .badge {
    padding: 5px 15px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-price-head .badge {
    margin-bottom: 0;
  }
}
.oit-price-plan-box {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .oit-price-plan-box {
    margin-bottom: 20px;
  }
}
.oit-price-plan-box .icon {
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  color: var(--oit-clr-blue);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-price-plan-box .plan {
  font-weight: 600;
  font-size: 20px;
  color: var(--oit-clr-black);
}
.oit-price-features {
  margin-top: 35px;
}
.oit-price-features > span {
  font-size: 22px;
  display: block;
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-cal);
}
.oit-price-features ul {
  row-gap: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-price-features ul {
    gap: 30px;
    row-gap: 10px;
  }
}
@media (max-width: 767px) {
  .oit-price-features ul {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-price-features ul {
    gap: 30px;
    row-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.oit-price-features ul li {
  list-style-type: none;
}
.oit-price-features ul li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-price-features ul li span {
  font-size: 18px;
  letter-spacing: -0.04em;
  color: var(--oit-clr-black);
  display: flex;
  gap: 10px;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-price-features ul li span {
    font-size: 16px;
  }
}
.oit-price-features ul li span svg {
  margin-top: 4px;
}
.oit-price-value .current-price {
  font-size: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-price-value .current-price {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .oit-price-value .current-price {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-price-value .current-price {
    margin-bottom: 0;
  }
}
.oit-price-value .current-price span {
  font-size: 15px;
  color: var(--oit-text-body);
}
.oit-price-plan {
  font-size: 22px;
}
.oit-price-top {
  padding: 30px;
  border-radius: 14px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-price-area .oit-section-wrap {
  padding-bottom: 190px;
  padding-top: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-price-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 160px;
  }
}
.oit-price-card {
  position: relative;
  padding: 40px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-price-card {
    padding: 30px;
  }
}
.oit-price-card .inactive span {
  color: rgba(0, 0, 0, 0.5) !important;
}
.oit-price-card .badge {
  position: absolute;
  top: 30px;
  inset-inline-end: 68px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 100px;
  padding: 4px 10px;
  padding-bottom: 6px;
  text-transform: uppercase;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
  border: 1px solid var(--oit-clr-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-price-card .badge {
    top: 19px;
  }
}
.oit-price-card.active .oit-price-top {
  background-color: var(--oit-clr-black);
}
.oit-price-card.active .oit-price-plan-box .icon {
  color: var(--oit-clr-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(56, 63, 62, 0.3);
}
.oit-price-card.active .current-price {
  color: var(--oit-clr-white);
}
.oit-price-card.active .current-price span {
  color: var(--oit-clr-white);
}
.oit-price-card.active .oit-price-title, .oit-price-card.active .oit-price-content p {
  color: var(--oit-clr-white);
}
.oit-price-card.active .oit-btn-blue {
  background-color: var(--oit-clr-blue);
}
.oit-price-card.active .oit-btn-blue span, .oit-price-card.active .oit-btn-blue i {
  color: var(--oit-clr-white);
}
.oit-price-card.price-2-card {
  padding: 30px 40px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-price-card.price-2-card {
    padding: 30px 20px;
  }
}
.oit-price-card.price-2-card .oit-price-top {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
}
.oit-price-card.price-2-card .oit-price-head {
  display: block;
}
.oit-price-card.price-2-card .oit-price-features {
  margin-top: 35px;
  padding: 30px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .oit-price-card.price-2-card .oit-price-features {
    padding: 25px 15px;
  }
}
.oit-price-card.price-2-card .oit-price-features ul li:not(:last-child) {
  margin-bottom: 11px;
}
.oit-price-card.price-2-card .oit-price-features ul li span {
  font-size: 15px;
  letter-spacing: 0em;
}
.oit-price-card.price-2-card.active2 .oit-price-features {
  background-color: var(--oit-clr-blue);
}
.oit-price-card.price-2-card.active2 .oit-price-features span {
  color: var(--oit-clr-white);
}
.oit-price-card.price-2-card.active2 .oit-price-features ul li span {
  color: var(--oit-clr-white);
}
.oit-price-card.price-2-card.active2 .oit-price-features ul li span svg {
  color: var(--oit-clr-white);
}
.oit-price-card.price-2-card.active2 .oit-price-features ul li.inactive span {
  color: rgba(255, 255, 255, 0.6) !important;
}
.oit-price-card.price-2-card.active2 .oit-price-features ul li.inactive span svg {
  color: rgba(255, 255, 255, 0.6) !important;
}
.oit-price-card.price-2-card.active2 .oit-btn-blue {
  background-color: var(--oit-clr-black);
}
.oit-price-card.price-2-card.active2 .oit-btn-blue span, .oit-price-card.price-2-card.active2 .oit-btn-blue i {
  color: var(--oit-clr-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-price-2-area {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}
.oit-price-2-area .price-discount .line {
  mix-blend-mode: normal;
}
.oit-price-2-area .oit-price-tab-wrap {
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-price-2-area .oit-price-card .badge {
    top: 28px;
    inset-inline-end: 22px;
  }
}
.oit-price-2-area .oit-price-tab-main span.date {
  color: var(--oit-clr-black);
}

/*----------------------------------------*/
/*  5.8 cta css start here
/*----------------------------------------*/
.oit-cta-wrap {
  margin-top: -120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--oit-clr-blue);
  padding: 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-cta-wrap {
    padding: 50px 60px;
  }
}
@media (max-width: 767px) {
  .oit-cta-wrap {
    padding: 40px 20px;
  }
}
.oit-cta-title {
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-cta-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .oit-cta-title {
    font-size: 28px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-cta-title {
    margin-bottom: 0;
  }
}
.oit-cta-content p {
  color: rgba(255, 255, 255, 0.8);
}

.oit-cta-2-content {
  margin-inline-start: -110px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-cta-2-content {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-cta-2-content {
    padding: 50px 0;
  }
}
.oit-cta-2-content p {
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .oit-cta-2-content p {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .oit-cta-2-content .oit-cta-title {
    font-size: 37px;
    margin-bottom: 0px;
  }
}
.oit-cta-2-thumb {
  margin-top: -180px;
  margin-inline-end: -15px;
}
.oit-cta-2-wrap {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .oit-cta-2-wrap {
    padding: 0;
  }
}
.oit-cta-2-area .oit-section-wrap {
  overflow: visible;
}
.oit-cta-2-area .shape-1 {
  position: absolute;
  bottom: 15%;
  inset-inline-start: 35%;
  transform-origin: top center;
  animation: swing 2s forwards infinite alternate;
}

@media (max-width: 767px) {
  .inner-cta .oit-cta-title {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .inner-cta .oit-cta-title {
    font-size: 42px;
  }
}
.inner-cta .oit-cta-wrap {
  padding-top: 95px;
  padding-bottom: 100px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .inner-cta .oit-cta-wrap {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .inner-cta .oit-cta-wrap p br {
    display: none;
  }
}
.inner-cta .oit-cta-btn {
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 767px) {
  .inner-cta .oit-cta-btn {
    display: block;
  }
}
@media (max-width: 767px) {
  .inner-cta .oit-cta-btn .oit-btn-blue {
    margin-bottom: 15px;
  }
}

/*----------------------------------------*/
/*  5.26 technologi css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-technologi-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.oit-technologi-content {
  display: flex;
  gap: 10px;
  align-items: center;
}
.oit-technologi-content .icon {
  flex: 0 0 auto;
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-technologi-content .icon img {
  height: 37px;
}
.oit-technologi-content-title {
  font-size: 22px;
  margin-bottom: 0;
  letter-spacing: 0.01em;
}
.oit-technologi-card {
  padding: 30px;
  border-radius: 16px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-technologi-card p {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0em;
  margin-bottom: 0;
}
.oit-technologi-box {
  position: relative;
}
.oit-technologi-box::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  content: "";
  z-index: 1;
  background: linear-gradient(269.48deg, #fff 13.35%, rgba(255, 255, 255, 0) 99.55%);
}
.oit-technologi-box::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  content: "";
  z-index: 1;
  transform: rotate(-180deg);
  background: linear-gradient(269.48deg, #fff 13.35%, rgba(255, 255, 255, 0) 99.55%);
}
.oit-technologi-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  -webkit-animation: text-slide-animation 30s linear infinite;
  animation: text-slide-animation 30s linear infinite;
  transition: animation-duration 300ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-technologi-wrap {
    -webkit-animation: text-slide-animation 10s linear infinite;
    animation: text-slide-animation 10s linear infinite;
  }
}
.oit-technologi-wrap .oit-technologi-card {
  white-space: nowrap;
}
.oit-technologi-wrap.slide-ltr {
  -webkit-animation: text-slide-animation-2 30s linear infinite;
  animation: text-slide-animation-2 30s linear infinite;
  transition: animation-duration 300ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-technologi-wrap.slide-ltr {
    -webkit-animation: text-slide-animation-2 10s linear infinite;
    animation: text-slide-animation-2 10s linear infinite;
  }
}
.oit-technologi-area .shape-1 {
  position: absolute;
  bottom: 14%;
  inset-inline-start: 4%;
  z-index: 1;
  animation: rotate 9s linear infinite;
}

/*----------------------------------------*/
/*  5.25 team css start here
/*----------------------------------------*/
.oit-team-title {
  font-size: 22px;
  letter-spacing: 0.01em;
}
.oit-team-content-wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.oit-team-thumb {
  overflow: hidden;
  border-radius: 10px;
}
.oit-team-thumb img {
  transition: 1s all ease;
}
.oit-team-thumb:hover img {
  transform: scale(1.1);
}
.oit-team-social {
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
  transform: scaleX(0);
}
.oit-team-social a {
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-team-social a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-team-card {
  border-radius: 20px;
  padding: 20px;
  padding-top: 35px;
  background-color: var(--oit-clr-white);
}
.oit-team-card:hover .oit-team-social {
  transform: scaleX(1);
}
.oit-team-card:hover .oit-team-thumb img {
  transform: scale(1.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-team-hero-area {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .oit-team-hero-area {
    padding-top: 150px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-hero-area .oit-banner-thumb {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .oit-team-hero-area .oit-team-hero-text {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .oit-team-hero-area .oit-section-box {
    margin-bottom: 30px;
  }
}

.oit-team-profile-wrap {
  padding: 10px;
  padding-inline-end: 80px;
  border-radius: 20px;
  background-color: var(--oit-clr-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-team-profile-wrap {
    padding-inline-end: 20px;
  }
}
@media (max-width: 767px) {
  .oit-team-profile-wrap {
    padding-inline-end: 10px;
  }
}
.oit-team-profile-content {
  padding-top: 50px;
  padding-bottom: 30px;
  padding-inline-start: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-profile-content {
    padding-inline-start: 0;
  }
}
.oit-team-profile-content .avatar-info .name {
  font-size: 22px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-profile-content .avatar-info .name {
    font-size: 18px;
  }
}
.oit-team-profile-content .avatar-info span {
  color: rgba(255, 255, 255, 0.7);
}
.oit-team-profile-content strong {
  display: block;
  font-size: 45px;
  line-height: 1.16;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-team-profile-content strong {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-team-profile-content strong {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .oit-team-profile-content strong {
    font-size: 20px;
  }
}
.oit-team-profile-content P {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-profile-content P {
    font-size: 15px;
  }
}
.oit-team-profile-content .profile-social {
  padding: 9px 10px;
  border-radius: 10px;
  padding-inline-start: 30px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 767px) {
  .oit-team-profile-content .profile-social {
    padding: 9px 10px;
  }
}
.oit-team-profile-content .profile-social span {
  display: inline-block;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
  margin-inline-end: 15px;
}
@media (max-width: 767px) {
  .oit-team-profile-content .profile-social span {
    font-size: 14px;
  }
}
.oit-team-profile-content .profile-social a {
  transition: 0.3s;
  height: 39px;
  width: 39px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-profile-content .profile-social a {
    height: 30px;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 5px;
  }
}
.oit-team-profile-content .profile-social a:not(:last-child) {
  margin-inline-end: 8px;
}
.oit-team-profile-content .profile-social a:hover {
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.2);
}
.oit-team-profile-thumb {
  height: 100%;
}
.oit-team-profile-thumb img {
  height: 100%;
  object-fit: cover;
}

.oit-team-details-thumb {
  margin-inline-end: -22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-team-details-thumb {
    height: 100%;
    margin-inline-end: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-details-thumb {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-team-details-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-details-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.oit-team-details-area .oit-about2-content {
  margin-inline-start: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-team-details-area .oit-about2-content {
    margin-top: 50px;
    margin-inline-start: 0;
    margin-bottom: 0;
  }
}
.oit-team-details-area .shape-1 {
  position: absolute;
  bottom: -24%;
  right: 7%;
  z-index: -1;
}

/*----------------------------------------*/
/*  5.16 newsletter css start here
/*----------------------------------------*/
.oit-newsletter-wrap {
  position: relative;
  z-index: 2;
  padding: 56px 75px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 20px;
  background-color: var(--oit-clr-blue);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-newsletter-wrap {
    padding: 56px 45px;
    margin: 0 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-newsletter-wrap {
    padding: 56px 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-newsletter-wrap {
    padding: 40px 35px;
  }
}
.oit-newsletter-wrap .oit-cta-title {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-newsletter-wrap .oit-cta-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-newsletter-wrap .oit-cta-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-newsletter-wrap .oit-cta-title {
    font-size: 30px;
  }
  .oit-newsletter-wrap .oit-cta-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-newsletter-wrap .oit-cta-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .oit-newsletter-wrap .oit-cta-title br {
    display: none;
  }
}
.oit-newsletter-input-box {
  position: relative;
}
.oit-newsletter-input-box input {
  width: 100%;
  height: 64px;
  line-height: 64px;
  padding-inline-end: 190px;
  border-radius: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-newsletter-input-box input {
    height: 54px;
    line-height: 54px;
    padding-inline-end: 160px;
  }
}
@media (max-width: 767px) {
  .oit-newsletter-input-box input {
    height: 48px;
    line-height: 48px;
    padding-inline-end: 20px;
    margin-bottom: 15px;
  }
}
.oit-newsletter-input-box button {
  position: absolute;
  top: 50%;
  inset-inline-end: 5px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .oit-newsletter-input-box button {
    position: static;
    transform: translateY(0);
  }
}
.oit-newsletter-input-box button.oit-btn-blue.large-icon {
  background-color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-newsletter-feature {
    margin-bottom: 30px;
  }
}
.oit-newsletter-feature ul {
  display: flex;
  gap: 25px;
}
@media (max-width: 767px) {
  .oit-newsletter-feature ul {
    flex-wrap: wrap;
  }
}
.oit-newsletter-feature ul li {
  list-style-type: none;
}
.oit-newsletter-feature ul li span {
  display: flex;
  gap: 10px;
  color: var(--oit-clr-white);
}

.oit-newsletter-2-area .oit-newsletter-input-box {
  margin-inline-start: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-newsletter-2-area .oit-newsletter-input-box {
    margin-inline-start: 0;
  }
}
.oit-newsletter-2-area .oit-newsletter-input-box input {
  width: 100%;
  padding-inline-end: 210px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-newsletter-2-area .oit-newsletter-input-box input {
    padding-inline-end: 150px;
  }
}
.oit-newsletter-2-area .oit-newsletter-input-box .oit-btn-blue {
  padding: 18px 48px;
  inset-inline-end: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-newsletter-2-area .oit-newsletter-input-box .oit-btn-blue {
    padding: 12px 25px;
    inset-inline-end: 5px;
  }
}
.oit-newsletter-2-area .oit-newsletter-input-box .oit-btn-blue span {
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .oit-newsletter-2-area .oit-newsletter-wrap {
    padding: 35px 25px;
  }
}

/*----------------------------------------*/
/*  5.24 strategy css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-strategy-area {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.oit-strategy-content span {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--oit-clr-blue);
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.oit-strategy-content p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-strategy-content p br {
    display: none;
  }
}
.oit-strategy-title {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
}
.oit-strategy-wrap {
  display: flex;
  border-top: 1px solid rgba(9, 31, 46, 0.1);
  border-bottom: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-strategy-wrap {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    border: none;
  }
}
@media (max-width: 767px) {
  .oit-strategy-wrap {
    display: grid;
    border: none;
    grid-template-columns: repeat(1, 1fr);
  }
}
.oit-strategy-wrap .oit-strategy-card {
  height: 100%;
  padding-top: 30px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-strategy-wrap .oit-strategy-card {
    padding-top: 0;
  }
}
.oit-strategy-wrap .oit-strategy-card:nth-child(3n+2) {
  margin: 0 35px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
  border-inline-start: 1px solid rgba(9, 31, 46, 0.1);
  border-inline-end: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-strategy-wrap .oit-strategy-card:nth-child(3n+2) {
    border: none;
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin: 0;
  }
}
.oit-strategy-thumb {
  overflow: hidden;
}
.oit-strategy-thumb img {
  transition: 1s all ease;
}
.oit-strategy-card:hover .oit-strategy-thumb img {
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  5.10 faq css start here
/*----------------------------------------*/
.oit-faq-accordion {
  border-radius: 20px;
  margin-inline-start: 60px;
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-faq-accordion {
    margin-inline-start: 0;
  }
}
.oit-faq-accordion .accordion-items:not(:last-child) {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-faq-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 29px 30px;
  padding-right: 65px;
  width: 100%;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-faq-accordion .accordion-buttons {
    font-size: 20px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media (max-width: 767px) {
  .oit-faq-accordion .accordion-buttons {
    font-size: 16px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-faq-accordion .accordion-buttons {
    font-size: 18px;
  }
}
.oit-faq-accordion .accordion-buttons span {
  display: inline-block;
  margin-right: 5px;
}
.oit-faq-accordion .accordion-buttons span svg {
  width: 39px;
  height: 40px;
}
@media (max-width: 767px) {
  .oit-faq-accordion .accordion-buttons span svg {
    width: 25px;
  }
}
.oit-faq-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f2ec";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-size: 16px;
  text-align: center;
  opacity: 1;
  font-weight: 700;
  transition: 0.2s;
  transform: rotate(-180deg) translateY(50%);
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-faq-accordion .accordion-buttons::after {
    font-size: 14px;
  }
}
.oit-faq-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 20px;
}
.oit-faq-accordion .accordion-buttons:not(.collapsed)::after {
  transform: rotate(0) translateY(-6px);
}
.oit-faq-accordion .accordion-body {
  padding: 0 35px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-faq-accordion .accordion-body {
    padding: 0 25px;
    padding-bottom: 25px;
  }
}
.oit-faq-accordion .accordion-body p {
  margin-inline-end: 50px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-faq-accordion .accordion-body p {
    margin-inline-end: 20px;
  }
}
@media (max-width: 767px) {
  .oit-faq-accordion .accordion-body p {
    font-size: 14px;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-faq-left {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .oit-faq-left .oit-section-box {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-faq-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-faq-2-area .oit-section-wrap {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-faq-2-area .oit-faq-accordion {
  background-color: var(--oit-clr-white);
}

.oit-faq-inner-area .oit-faq-accordion {
  margin-inline-start: 0;
  background-color: var(--oit-gray-1);
}
.oit-faq-inner-area .accordion-buttons {
  font-weight: 600;
  font-family: var(--oit-ff-p);
}
.oit-faq-inner-area .accordion-body p {
  margin-inline-end: 90px;
}

/*----------------------------------------*/
/*  5.15 mission css start here
/*----------------------------------------*/
.oit-mission-stats-wrap {
  margin-inline-start: 25px;
  border-radius: 30px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-mission-stats-wrap {
    margin-top: 50px;
    margin-inline-start: 0;
  }
}
.oit-mission-stats-wrap .stats {
  display: flex;
  gap: 30px;
  align-items: center;
  padding: 45px 50px;
}
@media (max-width: 767px) {
  .oit-mission-stats-wrap .stats {
    padding: 35px 20px;
  }
}
.oit-mission-stats-wrap .stats:not(:last-child) {
  border-bottom: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-mission-stats-wrap .stats span {
  font-size: 45px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-blue);
  font-family: var(--oit-ff-heading);
}
@media (max-width: 767px) {
  .oit-mission-stats-wrap .stats span {
    font-size: 35px;
  }
}
.oit-mission-stats-wrap .stats p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .oit-mission-stats-wrap .stats p br {
    display: none;
  }
}
.oit-mission-content p {
  margin-inline-end: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-mission-content p {
    margin-inline-end: 0;
  }
}

/*----------------------------------------*/
/*  5.1 about css start here
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-area {
    padding-top: 90px;
    padding-bottom: 40px;
  }
}
.oit-about-thumb {
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}
.oit-about-thumb img {
  height: 100%;
  object-fit: cover;
  transition: 1s all ease;
}
.oit-about-thumb:hover img {
  transform: scale(1.1);
}
.oit-about-thumb .oit-about-experience {
  position: absolute;
  bottom: 20px;
  inset-inline-end: 20px;
  padding: 25px 20px;
  padding-inline-end: 40px;
  border-radius: 10px;
  background-color: var(--oit-clr-blue);
}
@media (max-width: 767px) {
  .oit-about-thumb .oit-about-experience {
    transform: scale(0.5);
    bottom: -11%;
    inset-inline-end: -11%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-about-thumb .oit-about-experience {
    transform: scale(0.7);
    bottom: 0%;
    inset-inline-end: 0%;
  }
}
.oit-about-thumb .oit-about-experience span {
  font-size: 55px;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
.oit-about-thumb .oit-about-experience span i {
  font-style: normal;
}
.oit-about-thumb .oit-about-experience p {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0em;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
}
.oit-about-thumb .oit-about-experience .shape {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
}
.oit-about-btn {
  display: flex;
  gap: 20px;
}
.oit-about-feature-title {
  font-size: 22px;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-feature-title {
    font-size: 19px;
  }
}
.oit-about-feature-icon {
  flex: 0 0 auto;
  height: 54px;
  width: 54px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.oit-about-feature-item {
  display: flex;
  gap: 15px;
}
.oit-about-feature-item p {
  margin-bottom: 0;
}
.oit-about-feature-wrap {
  padding: 40px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-feature-wrap {
    padding: 30px 20px;
  }
}
.oit-about-feature-wrap ul li {
  list-style-type: none;
}
.oit-about-feature-wrap ul li:not(:last-child) {
  padding-bottom: 27px;
  margin-bottom: 27px;
  border-bottom: 1px solid rgba(9, 31, 46, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-2-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-about-2-thumb-wrap {
  display: flex;
  gap: 10px;
  margin-inline-end: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-2-thumb-wrap {
    margin-inline-end: 0;
  }
}
.oit-about-2-thumb-wrap .play-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .oit-about-2-thumb-wrap .play-btn {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-about-2-thumb-sm {
    width: 55%;
  }
}
.oit-about-2-thumb-sm img {
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .oit-about-2-thumb-sm img {
    border-radius: 10px;
  }
}
.oit-about-2-thumb-sm.overlay {
  position: relative;
  overflow: hidden;
  height: fit-content;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-about-2-thumb-sm.overlay {
    width: 45%;
  }
}
.oit-about-2-thumb-sm.overlay::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60%;
  width: 100%;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(180deg, rgba(10, 94, 255, 0) 0%, #0a5eff 100%);
}
.oit-about-2-author-info {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
.oit-about-2-author-info span {
  display: block;
  font-size: 13px;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 0.8);
}
.oit-about-2-author-info strong {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
  color: var(--oit-clr-white);
}
.oit-about-2-badge {
  position: absolute;
  bottom: 17%;
  inset-inline-start: 34%;
  z-index: 3;
  height: 109px;
  width: 109px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-white);
  border: 1px solid var(--oit-clr-black);
}
@media (max-width: 767px) {
  .oit-about-2-badge {
    bottom: 9%;
    inset-inline-start: 27%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-about-2-badge {
    bottom: 17%;
    inset-inline-start: 34%;
    transform: scale(1);
  }
}
.oit-about-2-badge span {
  height: 52px;
  width: 52px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-blue);
  border: 1px solid var(--oit-clr-black);
}
.oit-about-2-badge span svg {
  display: inline-block;
  padding-inline-start: 4px;
}
.oit-about-2-badge .play-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
}
.oit-about-2-badge .play-text img {
  width: 100%;
  height: 100%;
  animation: rotate 9s linear infinite;
}
.oit-about-2-feature ul {
  padding-top: 20px;
  padding-bottom: 15px;
  border-top: 1px solid rgba(9, 31, 46, 0.1);
  border-bottom: 1px solid rgba(9, 31, 46, 0.1);
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .oit-about-2-feature ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.oit-about-2-feature ul li {
  list-style-type: none;
}
.oit-about-2-feature ul li svg {
  transform: translateY(-3px);
  color: var(--oit-clr-blue);
}
.oit-about-2-feature ul li span {
  display: flex;
  gap: 6px;
  font-weight: 500;
  font-size: 16px;
  color: var(--oit-clr-black);
}
.oit-about-2-content {
  margin-inline-start: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-about-2-content {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-2-content {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-2-content {
    margin-inline-start: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-2-text p br {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-about-us-area {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .oit-about-us-area {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-about-us-area .oit-banner-thumb {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .oit-about-us-area .oit-about-details-text {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .oit-about-us-area .oit-section-box {
    margin-bottom: 20px;
  }
}

.oit-intro-report-card {
  padding: 35px 40px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--oit-clr-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-intro-report-card {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-intro-report-card .oit-postbox-title {
    font-size: 20px;
  }
  .oit-intro-report-card .oit-postbox-title br {
    display: none;
  }
}
.oit-intro-report-card .badge {
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 1;
  font-weight: 400;
  border-radius: 1000px;
  padding: 7px 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(40px);
  background: linear-gradient(239.18deg, rgba(255, 255, 255, 0.2) 22.1%, rgba(255, 255, 255, 0.2) 79.02%);
}
.oit-intro-report-card p {
  margin-inline-end: 40px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-intro-report-card p {
    margin-inline-end: 0;
    font-size: 16px;
  }
}
.oit-intro-report-card .download-link {
  font-size: 18px;
  font-weight: 500;
  display: inline-flex;
  gap: 8px;
  padding: 12px 20px;
  align-items: center;
  border-radius: 100px;
  color: var(--oit-clr-white);
  border: 1px solid var(--oit-clr-white);
}
.oit-intro-report-card .report-shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  z-index: -1;
}
.oit-intro-report-top {
  display: flex;
  justify-content: space-between;
}
.oit-intro-video-card {
  overflow: hidden;
  border-radius: 10px;
}
.oit-intro-video-card img {
  object-fit: cover;
}
.oit-intro-video-card .play-btn {
  position: absolute;
  top: 35px;
  left: 35px;
  height: 43px;
  width: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  border: 2px solid rgba(255, 255, 255, 0.4);
  background-color: var(--oit-clr-black);
}
.oit-intro-video-card .video-btn {
  position: absolute;
  bottom: 35px;
  left: 35px;
}
.oit-intro-video-card .video-btn .oit-btn-blue {
  padding: 8px 25px;
  padding-inline-end: 7px;
}
.oit-intro-testimonial {
  padding: 40px;
  border-radius: 20px;
  z-index: 1;
  background-color: var(--oit-clr-blue);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-intro-testimonial {
    padding: 30px 20px;
  }
}
.oit-intro-testimonial .shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 3%;
  z-index: -1;
}
.oit-intro-testimonial-content p {
  font-weight: 500;
  font-style: italic;
  font-size: 20px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-intro-testimonial-content p {
    font-size: 16px;
  }
}
.oit-intro-testimonial-quote {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--oit-clr-white);
}
.oit-intro-testimonial .author-info-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}
.oit-intro-testimonial .author-info-wrap .name {
  font-size: 17px;
  font-weight: 500;
  color: var(--oit-clr-white);
}
.oit-intro-testimonial .author-info-wrap span {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.oit-intro-testimonial .author-info-wrap img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid var(--oit-clr-white);
}
.oit-intro-title {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-intro-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/*----------------------------------------*/
/*  5.3 career css start here
/*----------------------------------------*/
.oit-career-thumb-content {
  padding: 22px 20px;
  position: absolute;
  bottom: 6%;
  inset-inline-start: 4%;
  border-radius: 10px;
  text-align: start;
  display: flex;
  gap: 15px;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(239.18deg, rgba(0, 0, 0, 0.1) 20.11%, rgba(0, 0, 0, 0.1) 80.21%);
}
@media (max-width: 767px) {
  .oit-career-thumb-content {
    display: none;
  }
}
.oit-career-thumb-content .title {
  font-size: 20px;
  color: var(--oit-clr-white);
}
.oit-career-thumb-content .icon {
  height: 72px;
  width: 72px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 5px;
  background-color: var(--oit-clr-blue);
}
.oit-career-thumb-content span {
  font-size: 18px;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-career-hero-area {
    padding-top: 150px;
  }
}

.oit-award-thumb {
  margin-inline-end: -22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-award-thumb {
    margin-inline-end: 0;
  }
}
.oit-award-content {
  margin-inline-start: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-award-content {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-award-content {
    margin-top: 70px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-award-content p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-award-inner-area .oit-section-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .job-list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.job-list table {
  width: 100%;
}
.job-list table tr {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.job-list table tr:first-child {
  border-top: 1px solid rgba(56, 63, 62, 0.1);
}
.job-list table tr:hover .job-card::after {
  height: 100%;
  bottom: auto;
  top: 0;
}
.job-card {
  padding: 35px 0;
  display: grid;
  align-items: center;
  column-gap: 30px;
  width: 100%;
  position: relative;
  justify-content: space-between;
  grid-template-columns: 300px 220px 320px 200px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .job-card {
    padding: 25px 0;
    grid-template-columns: 170px 130px 220px 130px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .job-card {
    padding: 20px 0;
    grid-template-columns: 170px 140px 240px 140px 50px;
  }
}
.job-card a {
  text-align: end;
}
.job-card a span {
  display: inline-block;
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  transition: 0.3s;
  background-color: var(--oit-clr-blue);
}
.job-card a span svg {
  display: inline-block;
  padding-inline-start: 2px;
  margin-top: 1px;
}
.job-card a:hover span {
  background-color: var(--oit-clr-black);
}
.job-title {
  font-size: 22px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .job-title {
    font-size: 16px;
  }
}
.job-meta {
  display: flex;
  align-items: center;
}
.job-meta span {
  font-size: 17px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.job-meta span svg {
  width: 17px;
  height: 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .job-meta span {
    font-size: 14px;
  }
  .job-meta span svg {
    height: 15px;
    width: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-job-listing-area {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}

.oit-career-meta {
  display: flex;
  gap: 90px;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-career-meta {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .oit-career-meta {
    gap: 30px;
    justify-content: start;
    margin-top: 30px;
  }
}
.oit-career-meta .meta-label {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-career-meta .meta-label {
    font-size: 14px;
  }
}
.oit-career-meta .meta-value {
  margin-bottom: 0;
  font-size: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-career-meta .meta-value {
    font-size: 18px;
  }
}
.oit-career-feature ul li {
  list-style-type: none;
}
.oit-career-feature ul li:not(:last-child) {
  margin-bottom: 20px;
}
.oit-career-feature ul li span {
  display: flex;
  gap: 10px;
  font-size: 17px;
  line-height: 1.53;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-career-feature ul li span {
    font-size: 15px;
  }
}
.oit-career-feature ul li svg {
  flex: 0 0 auto;
  transform: translateY(4px);
}
@media (max-width: 767px) {
  .oit-career-hero-area .oit-section-box {
    margin-bottom: 10px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-career-inner-area {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-inner-area {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-choose-inner-area .oit-banner-thumb {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-area {
    padding-bottom: 90px;
  }
}
.oit-contact-3-form {
  padding: 40px;
  padding-top: 35px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-contact-3-form {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .oit-contact-3-form {
    padding: 30px;
    margin-bottom: 50px;
  }
}
.oit-contact-3-form label {
  font-size: 16px;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-form label {
    font-size: 16px;
  }
}
.oit-contact-3-form label > span {
  color: #EB4132;
  margin-bottom: 5px;
}
.oit-contact-3-form .nice-select {
  padding: 0 25px;
  height: 70px;
  line-height: 70px;
  font-size: 14px;
  border-radius: 10px;
  width: 100%;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-form .nice-select {
    height: 50px;
    line-height: 50px;
  }
}
.oit-contact-3-form .nice-select::after {
  border-bottom: 1px solid #04051B;
  border-right: 1px solid #04051B;
  right: 25px;
}
.oit-contact-3-input-box input, .oit-contact-3-input-box textarea {
  padding: 0 25px;
  height: 54px;
  line-height: 54px;
  font-size: 14px;
  border-radius: 10px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-contact-3-input-box input, .oit-contact-3-input-box textarea {
    height: 48px;
    line-height: 48px;
  }
}
.oit-contact-3-input-box input::placeholder, .oit-contact-3-input-box textarea::placeholder {
  font-size: 14px;
  color: var(--oit-clr-black);
}
.oit-contact-3-input-box input:focus, .oit-contact-3-input-box textarea:focus {
  border-color: var(--oit-clr-black);
}
.oit-contact-3-input-box textarea {
  padding: 20px 25px;
  height: 260px;
  resize: none;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-input-box textarea {
    height: 170px;
  }
}
.oit-contact-3-input-box .contact-select .nice-select {
  padding: 0 25px;
  height: 54px;
  line-height: 54px;
  font-size: 14px;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-contact-3-input-box .contact-select .nice-select {
    height: 50px;
    line-height: 50px;
  }
}
.oit-contact-3-input-box .contact-select .nice-select::placeholder {
  font-size: 14px;
  color: var(--oit-clr-black);
}
.oit-contact-3-input-box .contact-select .nice-select:focus {
  border-color: var(--oit-clr-black);
}
.oit-contact-3-thumb {
  overflow: hidden;
  border-radius: 10px;
  margin-inline-end: 20px;
  height: 100%;
}
.oit-contact-3-thumb img {
  height: 100%;
  object-fit: cover;
}
.oit-contact-3-form-wrap {
  padding: 50px;
  padding-bottom: 50px;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-contact-3-form-wrap {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .oit-contact-3-form-wrap {
    padding: 20px;
  }
}
.oit-contact-3-form-wrap .oit-contact-3-form {
  padding: 35px 30px;
  background-color: var(--oit-gray-1);
}
.oit-contact-3-form-wrap .oit-contact-3-input-box input, .oit-contact-3-form-wrap .oit-contact-3-input-box textarea {
  background-color: var(--oit-clr-white);
}
.oit-contact-3-form-wrap .oit-contact-3-input-box textarea {
  height: 150px;
}
.oit-contact-3-form-wrap.contact-style-2 {
  padding: 35px 30px;
  padding-inline-end: 0;
  position: relative;
  border: 1px solid rgba(56, 63, 62, 0.1);
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-form-wrap.contact-style-2 {
    padding: 40px 30px;
  }
}
.oit-contact-3-form-wrap.contact-style-2 .oit-contact-3-form {
  padding: 0;
  margin-inline-end: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-form-wrap.contact-style-2 .oit-contact-3-form {
    margin-inline-end: 0;
  }
}
.oit-contact-3-form-wrap.contact-style-2 .oit-contact-3-thumb {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  height: 100%;
  width: 50.5%;
  margin-inline-end: 0;
  border-radius: 0 10px 10px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-contact-3-form-wrap.contact-style-2 .oit-contact-3-thumb {
    position: static;
    width: 100%;
    border-radius: 10px;
    margin-top: 50px;
  }
}
.oit-contact-3-form-wrap.contact-style-2 .oit-contact-3-top {
  padding-bottom: 15px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-community-area {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}

input[type=checkbox] {
  accent-color: #000;
}

input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  color: #000;
  font-size: 16px;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
}

.contact-upload-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 20px;
  border: 1px dashed #8C9A97;
  border-radius: 10px;
  background: var(--oit-clr-white);
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-upload-box {
    padding: 10px;
  }
}
.contact-upload-box:hover {
  border-color: #1F4E46;
  background: #F8FAF9;
}
.contact-upload-box:hover .contact-upload-icon {
  background-color: var(--oit-clr-white);
}
.contact-upload-content {
  display: flex;
  align-items: center;
  gap: 18px;
  text-align: left;
}
.contact-upload-icon {
  height: 54px;
  width: 54px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--oit-gray-1);
  color: var(--oit-clr-black);
  font-size: 24px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-upload-icon {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 18px;
  }
}
.contact-upload-info h6 {
  margin: 0 0 6px;
  font-size: 18px;
  color: var(--oit-clr-black);
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-upload-info h6 {
    font-size: 14px;
  }
}
.contact-upload-info span {
  display: block;
  font-size: 14px;
  color: var(--oit-text-body);
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-upload-info span {
    font-size: 10px;
  }
}
.contact-upload-box input[type=file] {
  display: none;
}

@media (max-width: 767px) {
  .career-upload-box {
    padding: 20px 15px;
  }
  .career-upload-content {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  .career-upload-info strong {
    font-size: 16px;
  }
  .career-upload-info span {
    font-size: 13px;
  }
}
.oit-community-thumb {
  overflow: hidden;
}
.oit-community-thumb img {
  transition: 1s all ease;
}
.oit-community-thumb:hover img {
  transform: scale(1.1);
}

/*----------------------------------------*/
/*  5.17 partner css start here
/*----------------------------------------*/
.oit-partner-thumb {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-inline-end: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-partner-thumb {
    margin-inline-end: 0;
  }
}
.oit-partner-thumb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 94, 255, 0) 42.04%, #0a5eff 99.27%);
}
.oit-partner-thumb .partner-logo {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 1;
}
.oit-partner-info {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .oit-partner-info {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
}
.oit-partner-info p {
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-partner-info p {
    font-size: 18px;
  }
  .oit-partner-info p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-partner-info p {
    font-size: 15px;
  }
  .oit-partner-info p br {
    display: none;
  }
}
.oit-partner-info .name {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .oit-partner-info .name {
    font-size: 14px;
  }
}
.oit-partner-info span {
  font-size: 15px;
  letter-spacing: 0em;
  color: rgba(255, 255, 255, 0.7);
}
.oit-partner-content {
  margin-inline-start: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-partner-content {
    margin-inline-start: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-partner-content {
    margin-inline-start: 0;
    margin-bottom: 50px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-partner-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .oit-partner-area {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}
.oit-partner-area .shape-1 {
  position: absolute;
  bottom: 14%;
  right: 11%;
  animation: rotate 14s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-partner-area .shape-1 {
    right: 7%;
    bottom: 10px;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .oit-partner-hero-text {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .oit-partner-hero-area {
    padding-top: 150px;
  }
}

/*----------------------------------------*/
/*  5.11 funfact css start here
/*----------------------------------------*/
.oit-funfact-wrap {
  display: grid;
  gap: 80px;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-content: space-between;
  padding: 30px 50px;
  padding-bottom: 50px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-funfact-wrap {
    gap: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-funfact-wrap {
    gap: 40px;
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-funfact-wrap {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .oit-funfact-wrap {
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-funfact-wrap {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.oit-funfact-wrap .oit-funfact-card:not(:last-child) {
  padding-inline-end: 90px;
  border-inline-end: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-funfact-wrap .oit-funfact-card:not(:last-child) {
    padding-inline-end: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-funfact-wrap .oit-funfact-card:not(:last-child) {
    padding-inline-end: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-funfact-wrap .oit-funfact-card:not(:last-child) {
    padding-inline-end: 0;
    border: none;
  }
}
.oit-funfact-wrap .oit-funfact-card:last-child {
  margin-inline-start: 20px;
}
@media (max-width: 767px) {
  .oit-funfact-wrap .oit-funfact-card:last-child {
    margin-inline-start: 0;
  }
}
.oit-funfact-number {
  font-size: 70px;
  margin-bottom: 13px;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-funfact-number {
    font-size: 45px;
  }
}
.oit-funfact-number i {
  font-style: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-funfact-card span {
    font-size: 16px;
  }
}
.oit-funfact-area .shape {
  position: absolute;
  bottom: 20%;
  inset-inline-start: 0;
  z-index: -1;
  animation: rotate 18s linear infinite;
}
@media (max-width: 767px) {
  .oit-funfact-area .shape {
    display: none;
  }
}

/*----------------------------------------*/
/*  5.4 cart css start here
/*----------------------------------------*/
.oit-cart-area {
  padding-top: 200px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-cart-area {
    padding-top: 160px;
    padding-bottom: 30px;
  }
}

.payment-method .card, .cart-page-total > ul {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.cart-del-icon span, .order-button-payment input {
  transition: 0.3s;
}

.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}
.table-content table {
  width: 100%;
  text-align: center;
  background: #fff;
  border: 1px solid #eaedff;
  border-width: 1px 0 0 1px;
  margin-bottom: 0;
}
.table-content table th,
.table-content table td {
  padding: 20px 10px;
  font-size: 16px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: 1px solid rgba(121, 121, 121, 0.2);
}
.table-content table td {
  border-top: 0;
}
.table-content table td.product-name {
  font-weight: 400;
  text-transform: capitalize;
}
.table-content table td.product-name a:hover {
  color: var(--oit-clr-green);
}
.table-content table td.product-subtotal {
  font-size: 16px;
}
.table-content table td .cart-plus-minus {
  margin: 0 auto;
  float: none;
}
.table-content table tr.cart_item:hover {
  background: #F9F9F9;
}

.product-quantity {
  float: none;
}
.product-quantity > input {
  width: 80px;
  height: 22px;
  text-align: center;
  font-size: 14px;
  color: #000;
  border: 1px solid #dcdcdc;
}

.table td,
.table th {
  border-top: 1px solid rgba(121, 121, 121, 0.2);
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}
@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon .it-btn-red {
    padding: 0 35px;
  }
}

#coupon_code {
  height: 51px;
  padding: 0 30px;
  margin-right: 10px;
  border-radius: 5px;
  background: var(--oit-gray-1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#coupon_code:focus {
  border-color: var(--oit-clr-green);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #coupon_code {
    height: 48px;
  }
}

.coupon2 {
  text-align: end;
}
@media (max-width: 767px) {
  .coupon2 {
    text-align: start;
  }
}

.cart-page-total {
  padding-top: 50px;
}
.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.cart-page-total > ul > li {
  list-style: none;
  padding: 10px 30px;
  font-size: 15px;
  color: #6f7172;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.cart-page-total > ul > li span {
  float: right;
}
.cart-page-total > ul > li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 60px;
}

.cart-plus,
.cart-minus {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}
@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  font-size: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.your-order-table table {
  width: 100%;
}
.your-order-table table th,
.your-order-table table td {
  padding: 15px 0;
  font-size: 14px;
  color: #6f7172;
  text-align: left;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
@media (max-width: 767px) {
  .your-order-table table th,
  .your-order-table table td {
    font-size: 13px;
  }
}
.your-order-table table th {
  width: 250px;
  font-weight: 400;
  white-space: nowrap;
  border-top: 0;
}
.your-order-table table .shipping ul li {
  list-style: none;
}
.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}
.your-order-table table .shipping ul li label {
  color: #6f7172;
}
.your-order-table table .shipping th {
  vertical-align: top;
}
.your-order-table table .order-total th {
  border-bottom: 0;
}
.your-order-table table .order-total td {
  border-bottom: 0;
}
.your-order-table table .order-total td span {
  font-size: 18px;
  font-weight: 500;
  color: var(--oit-clr-black);
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item {
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-item:last-of-type {
  border-radius: 0;
}
.payment-method .accordion-button {
  position: relative;
  padding: 23px 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--oit-clr-black);
  border: 0;
}
.payment-method .accordion-button::after {
  content: "\f067";
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font awesome 5 pro";
  background: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0 40px;
}
.payment-method .card {
  margin-bottom: 10px;
  border-radius: 0;
  background: #fff;
}
.payment-method .card-header {
  background: #fff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.order-button-payment input {
  width: 100%;
  height: 40px;
  border: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  background: #232323;
}
.order-button-payment input:hover {
  background: #3e976c;
}

.minicart {
  position: absolute;
  top: 250%;
  right: 0;
  width: 350px;
  padding: 25px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  box-shadow: 0 8px 20px rgba(61, 110, 168, 0.3);
  transition: 0.3s;
}

.cart-thumb {
  padding-right: 15px;
}
.cart-title {
  font-size: 15px;
  font-family: var(--oit-ff-body);
}
.cart-title a {
  position: relative;
  display: inline-block;
}
.cart-title a::after {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: var(--oit-clr-green);
  transition: 0.7s;
}
.cart-title a:hover::after {
  width: 100%;
  left: 0;
  right: auto;
  background: var(--oit-clr-black);
}
.cart-del-icon span {
  color: red;
  cursor: pointer;
}
.cart-content {
  text-align: start;
}
.cart-content span {
  font-size: 14px;
  color: #707279;
}
.cart-content span del {
  font-size: 13px;
  color: #a5a7bc;
}
.cart-content-wrap {
  padding-bottom: 7px;
}
.cart-total-price {
  margin: 10px 0 25px;
  padding-top: 15px;
  border-top: 1px solid #707279;
}
.cart-total-price span {
  font-size: 16px;
  font-weight: 700;
  color: #707279;
}
.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  5.5 checkout css start here
/*----------------------------------------*/
.buttons-cart input,
.coupon input[type=submit],
.buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: 0.3s;
}
.buttons-cart input:hover,
.coupon input[type=submit]:hover,
.buttons-cart a:hover, .coupon-info p.form-row input[type=submit]:hover {
  background: #0A5EFF;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout-area {
    padding-bottom: 60px;
  }
}
.checkout-area p {
  font-size: 16px;
}

.coupon-area {
  padding-top: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .coupon-area {
    padding-top: 150px;
  }
}

.coupon-accordion .title {
  background: var(--oit-gray-1);
  border-top: 3px solid var(--oit-clr-blue);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
}
.coupon-accordion .title::before {
  content: "\f07b";
  position: absolute;
  left: 15px;
  top: 13px;
  color: var(--oit-clr-blue);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}
.coupon-accordion > span {
  cursor: pointer;
  font-weight: 500;
  transition: 0.3s;
}
.coupon-accordion > span:hover {
  color: var(--oit-clr-black);
}

.coupon-content,
.coupon-checkout-content,
.create-account,
#ship-box-info {
  display: none;
}

.coupon-content {
  border: 1px solid rgba(121, 121, 121, 0.2);
  padding: 30px;
  margin-bottom: 20px;
}

.coupon-info p.coupon-text {
  font-size: 15px;
  margin-bottom: 15px;
  margin-inline-end: 50px;
}
.coupon-info p.form-row-first label, .coupon-info p.form-row-last label, .coupon-info p.checkout-coupon label {
  font-size: 16px;
  font-weight: 500;
  color: var(--oit-clr-black);
  margin-bottom: 6px;
}
.coupon-info p.form-row-first label .required, .coupon-info p.form-row-last label .required, .coupon-info p.checkout-coupon label .required {
  color: var(--oit-clr-blue);
  font-weight: 700;
}
.coupon-info p.form-row-first input, .coupon-info p.form-row-last input, .coupon-info p.checkout-coupon input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid rgba(121, 121, 121, 0.2);
  background: transparent;
  outline: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus, .coupon-info p.checkout-coupon input:focus {
  border-color: var(--oit-clr-blue);
}
.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 1px;
}

.checkout-form-list,
.country-select {
  margin-bottom: 30px;
}
.checkout-form-list label,
.country-select label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--oit-clr-black);
  margin-bottom: 10px;
}
.checkout-form-list label .required,
.country-select label .required {
  color: var(--oit-clr-blue);
}
.checkout-form-list input,
.checkout-form-list select,
.checkout-form-list .nice-select,
.country-select input,
.country-select select,
.country-select .nice-select {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
  background: transparent;
  outline: none;
}
.checkout-form-list input:focus, .checkout-form-list input.open,
.checkout-form-list select:focus,
.checkout-form-list select.open,
.checkout-form-list .nice-select:focus,
.checkout-form-list .nice-select.open,
.country-select input:focus,
.country-select input.open,
.country-select select:focus,
.country-select select.open,
.country-select .nice-select:focus,
.country-select .nice-select.open {
  border-color: var(--oit-clr-blue);
}

.country-select {
  display: block;
  height: 100%;
}
.country-select .nice-select {
  line-height: 47px;
  margin-bottom: 30px;
}
.country-select .nice-select .list {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

input[type=checkbox],
input[type=radio] {
  width: 15px;
  height: 15px;
  margin-inline-end: 10px;
  position: relative;
  top: 1px;
}

.order-notes textarea {
  width: 100%;
  height: 120px;
  padding: 15px;
  resize: none;
  border-radius: 5px;
  background: var(--oit-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.order-notes textarea:focus {
  border-color: var(--oit-clr-blue);
}

.your-order {
  padding: 30px 40px 45px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  font-size: 30px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.your-order-table table {
  width: 100%;
}
.your-order-table table th,
.your-order-table table td {
  font-size: 14px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.your-order-table table tr.cart_item:hover {
  background: rgb(218, 232, 255);
}
.your-order-table table .order-total td span {
  font-size: 18px;
  font-weight: 500;
  color: var(--oit-clr-black);
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item {
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 18px;
  padding: 18px 0;
  box-shadow: none;
  color: var(--oit-clr-black);
  background-color: transparent;
}
.payment-method .accordion-button::after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  background: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding-top: 0;
  padding-bottom: 25px;
}
.payment-method .accordion-body p {
  font-size: 15px;
  margin-bottom: 0;
  margin-inline-end: 50px;
}
.payment-method .card {
  border: 1px solid rgba(121, 121, 121, 0.2);
  margin-bottom: 10px;
}

.order-button-payment input {
  width: 100%;
  background: var(--oit-clr-black);
  color: var(--oit-clr-white);
  border: none;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s;
}
.order-button-payment input:hover {
  background: #0A5EFF;
}

.checkbox-form h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 20px;
  width: 100%;
}
.checkbox-form h3 label {
  margin-inline-end: 30px;
}
.checkbox-form h3 input[type=checkbox], .checkbox-form h3 input[type=radio] {
  top: -2px;
}

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