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

    Theme Name: Bconsult – Business Consulting, Finance & Corporate HTML Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Bconsult – Business Consulting, Finance & Corporate HTML Template
    Version: 1.0.0

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

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

	-----------------
    INDEXING START HERE
	-----------------
	1.1 Theme Css
	1.2 Common Classes

	5.1 business coach css 
	5.2 business-intelligence coach css
	5.3 business management css
	5.4 it-consulting coach css
	5.5 business-investment coach cs 
	5.6 finance-consulting coach css
	5.7 marketing-consulting coach css
	5.8 insurance-consulting coach css 
	5.9 about us css
	5.10 appointment coach css
	5.11 career css
	5.12 cart css
	5.13 case sutdy details css
	5.14 checkout css
	5.15 contact details css
	5.16 error css here
	5.17 faq css
	5.18 shop css
	5.19 team-details css
	5.20 service-details css



**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Css
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
:root {
  /**=========== color ===========*/
  --oit-clr-white: #fff;
  --oit-clr-black: #11383F;
  --oit-clr-green: #88DE7D;
  --oit-clr-green-neon: #D1F800;
  --oit-clr-green-soft: #C7E691;
  --oit-clr-green-dark: #1B4D3E;
  --oit-clr-forest-rich: #034833;
  --oit-clr-teal: #144443;
  --oit-clr-teal-2: #0F766E;
  --oit-clr-deep-teal: #073231;
  --oit-clr-olive: #364908;
  --oit-clr-yellow: #FFE88A;
  --oit-clr-purple: #D1BEFF;
  --oit-clr-blue: #2563EB;
  --oit-clr-dark-navy: #111727;
  --oit-gray-1: #F5F8F8;
  --oit-gray-2: #F8FAFC;
  --oit-text-body: #383F3E;
}

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

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1750px;
}
.container.container-1460, .container-lg.container-1460, .container-md.container-1460, .container-sm.container-1460, .container-xl.container-1460, .container-xxl.container-1460 {
  max-width: 1460px;
}
.container.container-1600, .container-lg.container-1600, .container-md.container-1600, .container-sm.container-1600, .container-xl.container-1600, .container-xxl.container-1600 {
  max-width: 1600px;
}

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

html {
  scroll-behavior: smooth;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 16px;
  line-height: 26px;
  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;
  font-weight: 500;
  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: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 1.5;
  font-family: var(--oit-ff-p);
  color: var(--oit-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  p {
    font-size: 17px;
  }
  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) {
  p {
    font-size: 16px;
  }
  p br {
    display: none;
  }
}

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

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

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

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

a,
button {
  color: inherit;
  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: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  padding-inline-start: 26px;
  padding-inline-end: 26px;
  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: 17px;
  padding-bottom: 17px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes textOut {
  0%, 40% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
  50%, 90% {
    opacity: 0;
    transform: translate3d(0, -25px, -26px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
}
@keyframes textIn {
  0%, 40% {
    opacity: 0;
    transform: translate3d(0, 25px, -26px) rotateX(-90deg);
  }
  50%, 90% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 25px, -26px) rotateX(-90deg);
  }
}
/*----------------------------------------*/
/*   Buttons
/*----------------------------------------*/
.oit-btn-green {
  overflow: hidden;
  display: inline-flex;
}
.oit-btn-green > span {
  padding: 18px 25px;
  border-radius: 10px;
  line-height: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  background: var(--oit-clr-green);
  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) {
  .oit-btn-green > span {
    padding: 16px 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .oit-btn-green > span {
    padding: 12px 15px;
    font-size: 12px;
    border-radius: 10px;
  }
}
.oit-btn-green > span > span {
  font-weight: 600;
  z-index: 9;
  display: inline-block;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.oit-btn-green > span > span > span {
  display: block;
  text-align: center;
  overflow: hidden;
}
.oit-btn-green > span > span > span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.oit-btn-green > span > span > span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.oit-btn-green > i {
  height: 54px;
  width: 54px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
  border-radius: 10px;
  z-index: 9;
  flex: 0 0 auto;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green);
}
@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-green > i {
    height: 47px;
    width: 47px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .oit-btn-green > i {
    height: 36px;
    width: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.oit-btn-green > i span {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.oit-btn-green > i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.oit-btn-green > i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 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-btn-green > i svg {
    height: 12px;
  }
}
@media (max-width: 767px) {
  .oit-btn-green > i svg {
    height: 10px;
  }
}
.oit-btn-green.white-btn > span {
  color: var(--oit-clr-black);
  background: var(--oit-clr-white);
}
.oit-btn-green.white-btn > i {
  color: var(--oit-clr-black);
  background: var(--oit-clr-white);
}
.oit-btn-green.white-btn.sm > span {
  padding: 15px 20px;
}
.oit-btn-green.white-btn-2 > span {
  color: var(--oit-clr-white);
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.oit-btn-green.white-btn-2 > i {
  color: var(--oit-clr-white);
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.oit-btn-green.green-dark-btn > span {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green-dark);
}
.oit-btn-green.green-dark-btn > i {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green-dark);
}
.oit-btn-green.teal-btn > span {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal);
}
.oit-btn-green.teal-btn > i {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal);
}
.oit-btn-green.purple-btn > span {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-purple);
}
.oit-btn-green.purple-btn > i {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-purple);
}
.oit-btn-green.sm-btn > span {
  font-weight: 500;
  padding: 15px 30px;
}
@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-green.sm-btn > span {
    padding: 12px 20px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .oit-btn-green.sm-btn > span {
    padding: 12px 15px;
    font-size: 12px;
    border-radius: 10px;
  }
}
.oit-btn-green.sm-btn > i {
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  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) {
  .oit-btn-green.sm-btn > i {
    height: 41px;
    width: 41px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .oit-btn-green.sm-btn > i {
    height: 36px;
    width: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.oit-btn-green.sm-btn > i svg {
  height: 13px;
}
@media (max-width: 767px) {
  .oit-btn-green.sm-btn > i svg {
    height: 10px;
  }
}
.oit-btn-green.sm-btn.blue-border-btn > i span {
  width: 20px;
  height: 20px;
}
.oit-btn-green.sm-btn.blue-border-btn > i svg:last-child {
  left: -20px;
  bottom: -20px;
}
.oit-btn-green.radius-btn > span {
  border-radius: 1000px;
  color: var(--oit-clr-olive);
  background-color: var(--oit-clr-yellow);
}
.oit-btn-green.radius-btn > i {
  color: var(--oit-clr-olive);
  border-radius: 50%;
  background-color: var(--oit-clr-yellow);
}
.oit-btn-green.radius-btn.olive-btn > span {
  color: var(--oit-clr-yellow);
  background-color: var(--oit-clr-olive);
}
.oit-btn-green.radius-btn.olive-btn > i {
  color: var(--oit-clr-yellow);
  background-color: var(--oit-clr-olive);
}
.oit-btn-green.radius-btn.border-btn > span {
  color: var(--oit-clr-olive);
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-btn-green.radius-btn.border-btn > i {
  color: var(--oit-clr-olive);
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-btn-green.radius-btn.yellow-border > span, .oit-btn-green.radius-btn.yellow-border > i {
  border: 1px solid var(--oit-clr-yellow);
}
.oit-btn-green.border-btn > span {
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-btn-green.border-btn > i {
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-btn-green.blue-btn > span {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-btn-green.blue-btn > i {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-btn-green.forest-rich > span {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-forest-rich);
  border: none;
}
.oit-btn-green.forest-rich > i {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-forest-rich);
  border: none;
  line-height: 75px;
  margin-inline-start: 1px;
}
.oit-btn-green.forest-rich > i span {
  width: 30px;
  height: 28px;
}
@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-green.forest-rich > i span {
    height: 16px;
  }
}
.oit-btn-green.forest-rich > i svg:last-child {
  left: -28px;
  bottom: -28px;
}
.oit-btn-green.forest-rich.border-btn > span {
  border-radius: 10px;
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-btn-green.forest-rich.border-btn > i {
  line-height: 57px;
  border-radius: 10px;
  margin-inline-start: -1px;
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-btn-green.forest-rich.border-btn > i span {
  width: 30px;
  height: 20px;
}
.oit-btn-green.forest-rich.border-btn > i svg {
  height: 20px;
}
.oit-btn-green.forest-rich.border-btn > i svg:last-child {
  left: -20px;
  bottom: -30px;
}
.oit-btn-green.forest-rich.white-btn > span {
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-white);
}
.oit-btn-green.forest-rich.white-btn > i {
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-white);
}
.oit-btn-green.forest-rich.white-btn-2 > span {
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-btn-green.forest-rich.white-btn-2 > span {
    border-radius: 10px;
  }
}
.oit-btn-green.forest-rich.white-btn-2 > i {
  color: var(--oit-clr-white);
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-btn-green.forest-rich.white-btn-2 > i {
    border-radius: 10px;
  }
}
.oit-btn-green.icon-large > i {
  line-height: 67px;
}
.oit-btn-green.icon-large > i span {
  width: 20px;
  height: 20px;
}
.oit-btn-green.icon-large > i svg:last-child {
  left: -20px;
  bottom: -20px;
}
.oit-btn-green.blue-border-btn > span {
  color: var(--oit-clr-blue);
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-btn-green.blue-border-btn > i {
  color: var(--oit-clr-blue);
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-btn-green.neon-green > span {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green-neon);
}
.oit-btn-green.neon-green > i {
  margin-inline-start: 5px;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green-neon);
}
.oit-btn-green.neon-green.white-btn > span {
  color: var(--oit-clr-black);
  background: var(--oit-clr-white);
}
.oit-btn-green.neon-green.white-btn > i {
  color: var(--oit-clr-black);
  background: var(--oit-clr-white);
}
.oit-btn-green.neon-green.white-btn-2 > span {
  color: var(--oit-clr-white);
  background: #191F2E;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-btn-green.neon-green.white-btn-2 > i {
  color: var(--oit-clr-white);
  background: #191F2E;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-btn-green.black-btn > span {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-dark-navy);
}
.oit-btn-green.black-btn > i {
  margin-inline-start: 5px;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-dark-navy);
}
.oit-btn-green.black-btn.white-btn > span {
  color: var(--oit-clr-white);
  background: #2E3341;
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(40px);
}
.oit-btn-green.black-btn.white-btn > i {
  color: var(--oit-clr-white);
  background: #2E3341;
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(40px);
}
.oit-btn-green.border-btn-2 > span {
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-btn-green.border-btn-2 > i {
  margin-inline-start: 5px;
  background-color: transparent;
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-btn-green.green-soft-btn span {
  background-color: var(--oit-clr-green-soft);
}
.oit-btn-green.green-soft-btn.white-btn span {
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-white);
}
.oit-btn-green.deep-teal-btn span {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-deep-teal);
}
.oit-btn-green:hover > span > span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.oit-btn-green:hover > span > span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oit-btn-green:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.oit-btn-green:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}
.oit-btn-green:hover.blue-btn i svg:first-child {
  transform: translate(16px, -16px);
}
.oit-btn-green:hover.blue-btn i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(20px, -20px);
}
.oit-btn-green:hover.icon-large i svg:first-child {
  transform: translate(20px, -16px);
}
.oit-btn-green:hover.icon-large i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(20px, -20px);
}
.oit-btn-green:hover.sm-btn.blue-border-btn i svg:first-child {
  transform: translate(16px, -16px);
}
.oit-btn-green:hover.sm-btn.blue-border-btn i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(20px, -20px);
}
.oit-btn-green:hover.forest-rich i svg:first-child {
  transform: translate(30px, -30px);
}
.oit-btn-green:hover.forest-rich i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(30px, -30px);
}
.oit-btn-green:hover.forest-rich.border-btn i svg:first-child {
  transform: translate(20px, -20px);
}
.oit-btn-green:hover.forest-rich.border-btn i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(22px, -30px);
}
.oit-btn-teal {
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
  padding: 19px 30px;
  display: inline-block;
  text-transform: capitalize;
  gap: 10px;
  text-align: center;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal-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) {
  .oit-btn-teal {
    padding: 12px 25px;
  }
}
@media (max-width: 767px) {
  .oit-btn-teal {
    font-size: 14px;
    padding: 12px 20px;
  }
}
.oit-btn-teal.white-btn {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
.oit-btn-teal.white-btn:hover {
  color: var(--oit-clr-black);
}
.oit-btn-teal.border-btn {
  background-color: transparent;
  outline: 1px solid #E2E8F0;
  color: var(--oit-clr-black);
}
.oit-btn-teal.border-btn:hover {
  color: var(--oit-clr-black);
}
.oit-btn-teal.sm-btn {
  padding: 14px 30px;
}
.oit-btn-teal > span {
  line-height: 1;
}
.oit-btn-teal > span span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
.oit-btn-teal > span span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.oit-btn-teal > span span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
  transform: translateY(-1px);
}
.oit-btn-teal i {
  height: 14px;
  width: 14px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
}
.oit-btn-teal i span {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.oit-btn-teal i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.oit-btn-teal i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.oit-btn-teal:hover {
  color: var(--oit-clr-white);
}
.oit-btn-teal:hover span span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.oit-btn-teal:hover span span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oit-btn-teal:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.oit-btn-teal:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}

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

/* 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 pulse-yellow {
  0% {
    box-shadow: 0 0 0 0 rgba(208, 247, 1, 0.4), 0 0 0 0 rgba(208, 247, 1, 0.4);
  }
  40% {
    box-shadow: 0 0 0 40px rgba(208, 247, 1, 0), 0 0 0 0 rgba(208, 247, 1, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(208, 247, 1, 0), 0 0 0 30px rgba(208, 247, 1, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(208, 247, 1, 0), 0 0 0 30px rgba(208, 247, 1, 0);
  }
}
@keyframes pulse-teal {
  0% {
    box-shadow: 0 0 0 0 rgba(15, 117, 109, 0.4), 0 0 0 0 rgba(15, 117, 109, 0.4);
  }
  40% {
    box-shadow: 0 0 0 40px rgba(15, 117, 109, 0), 0 0 0 0 rgba(15, 117, 109, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(15, 117, 109, 0), 0 0 0 30px rgba(15, 117, 109, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(15, 117, 109, 0), 0 0 0 30px rgba(15, 117, 109, 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);
  }
}
@keyframes pulse-green {
  0% {
    box-shadow: 0 0 0 0 rgba(136, 222, 125, 0.4), 0 0 0 0 rgba(136, 222, 125, 0.4);
  }
  40% {
    box-shadow: 0 0 0 40px rgba(136, 222, 125, 0), 0 0 0 0 rgba(136, 222, 125, 0.4);
  }
  80% {
    box-shadow: 0 0 0 40px rgba(136, 222, 125, 0), 0 0 0 30px rgba(136, 222, 125, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(136, 222, 125, 0), 0 0 0 30px rgba(136, 222, 125, 0);
  }
}
.pulse-yellow {
  animation: pulse-yellow 3s linear infinite;
}

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

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

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

@keyframes oit-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes oit-fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes oit-growBar {
  from {
    transform: scaleY(0);
    transform-origin: bottom;
  }
  to {
    transform: scaleY(1);
  }
}
/*----------------------------------------*/
/*  Preloader
/*----------------------------------------*/
/* ===== Preloader Wrapper ===== */
@keyframes Oitloader {
  0% {
    transform: scaleY(0.1);
    background: var(--oit-clr-black);
  }
  50% {
    transform: scaleY(1);
    background: var(--oit-clr-green);
  }
  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-size: 16px;
  display: inline-block;
  line-height: 1;
  font-weight: 600;
  border-radius: 1000px;
  padding: 6px 20px;
  padding-bottom: 7px;
  text-transform: capitalize;
  color: var(--oit-clr-teal);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-section-subtitle {
    font-size: 13px;
  }
}
.oit-section-subtitle.yellow-subtitle {
  color: var(--oit-clr-yellow);
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(136, 222, 125, 0.2) 0%, rgba(136, 222, 125, 0.2) 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.oit-section-subtitle.white-subtitle {
  color: var(--oit-clr-white);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.oit-section-subtitle.subtitle-secondary {
  border-radius: 5px;
  border-color: #E2E8F0;
}
.oit-section-subtitle.oit-text-olive {
  color: var(--oit-clr-olive);
}
.oit-section-subtitle-2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.75;
  text-transform: uppercase;
  color: var(--oit-clr-blue);
  display: block;
}
@media (max-width: 767px) {
  .oit-section-subtitle-2 {
    font-size: 14px;
  }
}
.oit-section-subtitle-2.oit-text-forest-rich {
  color: var(--oit-clr-forest-rich);
}
.oit-section-subtitle-2.oit-text-white {
  color: var(--oit-clr-white);
}
.oit-section-title {
  font-weight: 600;
  font-size: 56px;
  line-height: 1;
}
.oit-section-title.words-rotate {
  line-height: 0.85;
  word-spacing: -8px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-section-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-section-title {
    font-size: 52px;
  }
}
@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: 30px;
  }
  .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.fsz-30 {
  font-size: 30px;
  font-weight: 600;
}
.oit-section-title.fsz-35 {
  font-size: 35px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .oit-section-title.fsz-35 {
    font-size: 30px;
  }
  .oit-section-title.fsz-35 br {
    display: none;
  }
}
.oit-section-title.fsz-45 {
  font-size: 45px;
}
@media (max-width: 767px) {
  .oit-section-title.fsz-45 {
    font-size: 30px;
  }
  .oit-section-title.fsz-45 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-section-title-box {
    padding-left: 0;
    margin-bottom: 40px;
  }
}

@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.png), 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-black);
}
@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-nav-link {
  display: inline-flex;
  gap: 12px;
}
.oit-breadcrumb-nav-link a {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  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-breadcrumb-nav-link a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .oit-breadcrumb-nav-link a {
    font-size: 14px;
  }
}
.oit-breadcrumb-nav-link svg {
  color: var(--oit-clr-white);
}
.oit-breadcrumb-title {
  font-weight: 500;
  font-size: 65px;
  line-height: 1.15;
  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-breadcrumb-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .oit-breadcrumb-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-breadcrumb-title {
    font-size: 45px;
  }
}
.oit-breadcrumb-wrap {
  padding: 160px 20px;
  padding-bottom: 140px;
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-breadcrumb-wrap {
    padding: 100px 20px;
  }
}
@media (max-width: 767px) {
  .oit-breadcrumb-wrap {
    padding: 70px 20px;
  }
}
.oit-breadcrumb-meta {
  display: flex;
  gap: 15px;
  justify-content: center;
}
.oit-breadcrumb-meta span {
  font-size: 20px;
  color: var(--oit-clr-white);
}
.oit-breadcrumb-meta span:not(:last-child)::after {
  display: inline-block;
  content: "";
  margin-inline-start: 15px;
  height: 10px;
  width: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-green);
}

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

.oit-header-bar {
  height: 56px;
  width: 56px;
  line-height: 56px;
  border-radius: 10px;
  background-color: var(--oit-clr-green);
}
@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-bar {
    height: 44px;
    width: 44px;
  }
}
.oit-header-bar span {
  height: 2px;
  width: 28px;
  display: block;
  margin: 5px auto;
  transition: all 0.3s ease-in-out;
  background-color: var(--oit-clr-black);
}
.oit-header-bar span:first-child {
  transform-origin: right center;
  transform: scaleX(0.5);
}
.oit-header-bar span:last-child {
  transform-origin: left center;
  transform: scaleX(0.5);
}
.oit-header-bar:hover span:first-child {
  transform: scaleX(1);
}
.oit-header-bar:hover span:last-child {
  transform: scaleX(1);
}
.oit-header-menu nav > ul > li {
  display: inline-block;
  padding: 25px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav > ul > li {
    padding: 25px 15px;
  }
}
.oit-header-menu nav > ul > li > a {
  font-size: 18px;
  display: inline-block;
  color: var(--oit-clr-white);
  border-radius: 4px;
  line-height: 1;
  transition: 0.3s;
}
.oit-header-menu nav > ul > li:hover > a {
  color: var(--oit-clr-white);
}
.oit-header-bdr {
  padding: 0 20px;
  border-bottom: 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-bdr {
    padding: 0;
  }
}
.oit-header-wrap {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .oit-header-wrap {
    padding: 0 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-header-logo {
    padding: 15px 0;
  }
}

.bi-header-style {
  border-radius: 300px;
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.bi-header-style .oit-header-logo {
  padding-inline-start: 10px;
}
.bi-header-style .oit-header-menu nav > ul > li {
  display: inline-block;
  padding: 24px 20px;
}
.bi-header-style .oit-header-bar {
  border-radius: 50%;
  background-color: var(--oit-clr-yellow);
}

.bm-header-style {
  padding: 26px 0;
  border-bottom: 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) {
  .bm-header-style {
    padding: 0;
  }
}
.bm-header-style .oit-header-bar {
  height: auto;
  width: auto;
  background-color: transparent;
}
.bm-header-style .oit-header-bar span {
  width: 34px;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
}

.ic-header-style {
  border-bottom: 1px solid #E2E8F0;
}
.ic-header-style .oit-header-logo {
  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) {
  .ic-header-style .oit-header-logo {
    padding-inline-start: 0;
  }
}
.ic-header-style .oit-header-action {
  padding-inline-end: 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) {
  .ic-header-style .oit-header-action {
    padding: 0;
  }
}
.ic-header-style .oit-header-bar {
  background-color: var(--oit-clr-teal-2);
}
.ic-header-style .oit-header-bar span {
  background-color: var(--oit-clr-white);
}
.ic-header-style .oit-header-menu {
  margin-inline-start: 15px;
}
.ic-header-style .oit-header-menu nav > ul > li > a {
  color: var(--oit-clr-black);
}
.ic-header-style .oit-header-menu nav > ul > li.has-dropdown a::after {
  color: var(--oit-clr-black);
}
.ic-header-style .oit-header-menu nav > ul > li:hover > a {
  color: var(--oit-clr-black);
}
.ic-header-wrap {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .ic-header-wrap {
    padding: 0;
  }
}

.bs-header-style {
  border-radius: 10px;
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.bs-header-style .oit-header-bar {
  border-radius: 10px;
  background-color: var(--oit-clr-white);
}
.bs-header-style .oit-header-bar span {
  background-color: var(--oit-clr-black);
}

.fc-header-style .oit-header-bar {
  border-radius: 10px;
  background-color: var(--oit-clr-green-neon);
}
.fc-header-style .oit-header-bar span {
  background-color: var(--oit-clr-black);
}

.mc-header-style .oit-header-bar {
  border-radius: 10px;
  background-color: var(--oit-clr-green-soft);
}
.mc-header-style .oit-header-bar span {
  background-color: var(--oit-clr-black);
}

.ins-header-style .oit-header-menu nav > ul > li > a {
  color: var(--oit-clr-forest-rich);
}
.ins-header-style .oit-header-menu nav > ul > li.has-dropdown a::after {
  color: var(--oit-clr-forest-rich);
}
.ins-header-style .oit-header-bar {
  background-color: var(--oit-clr-forest-rich);
}
.ins-header-style .oit-header-bar span {
  background-color: var(--oit-clr-white);
}

.ins-header-top-bar-area {
  padding: 5px 0;
}
.ins-header-top-bar-info ul li {
  list-style-type: none;
  display: inline-block;
}
.ins-header-top-bar-info ul li:not(:last-child)::after {
  display: inline-block;
  content: "";
  height: 17px;
  width: 1px;
  margin-inline-end: 35px;
  margin-inline-start: 30px;
  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) {
  .ins-header-top-bar-info ul li:not(:last-child)::after {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-header-top-bar-info ul li:first-child::after {
    display: inline-block;
  }
}
.ins-header-top-bar-info a, .ins-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);
}
.ins-header-top-bar-info a svg, .ins-header-top-bar-info span svg {
  color: var(--oit-clr-white);
}
.ins-header-top-bar-social span {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.8);
}
.ins-header-top-bar-social a {
  color: rgba(255, 255, 255, 0.8);
}
.ins-header-top-bar-social a svg {
  height: 18px;
}
.ins-header-top-bar-social a:hover {
  color: var(--oit-clr-white);
}

/*----------------------------------------*/
/*  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: "\f063";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 10px;
  transition: 0.3s;
  margin-inline-start: 5px;
  transition: 0.3s;
  transform: translateY(-1px) rotate(-45deg);
}
.oit-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  width: 230px;
  text-align: left;
  padding: 30px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  border-radius: 5px;
  transition-duration: 0.1s;
  transform-origin: top;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  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);
  z-index: 9999;
}
.oit-header-menu nav ul li .submenu.index-submenu {
  width: 270px;
}
.oit-header-menu nav ul li .submenu li {
  list-style: none;
  display: block;
  padding: 0 30px;
}
.oit-header-menu nav ul li .submenu li:not(:last-child) {
  margin-bottom: 5px;
}
.oit-header-menu nav ul li .submenu li a {
  font-weight: 600;
  font-size: 16px;
  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: 13px;
  inset-inline-start: 0;
  content: "";
  height: 2px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--oit-clr-black);
}
.oit-header-menu nav ul li .submenu li:hover > a {
  padding-inline-start: 20px;
  color: var(--oit-clr-black);
}
.oit-header-menu nav ul li .submenu li:hover > a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}
.oit-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.oit-header-menu nav ul li .has-home-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  text-align: center;
  border-radius: 0;
  padding: 55px 70px 20px 70px;
  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: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav ul li .has-home-img {
    padding: 30px;
  }
}
.oit-header-menu nav ul li .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);
}
.oit-header-menu nav ul li .oit-megamenu-wrap.service-megamenu {
  width: 70%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-menu nav ul li .oit-megamenu-wrap.service-megamenu {
    width: 80%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-header-menu nav ul li .oit-megamenu-wrap.service-megamenu {
    width: 90%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav ul li .oit-megamenu-wrap.service-megamenu {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-header-menu nav ul li .oit-megamenu-wrap {
    width: 75%;
  }
}
.oit-header-menu nav ul li .oit-megamenu-wrap li {
  padding: 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);
}

.home-img:hover .home-img-thumb.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}
.home-img:hover .home-img-thumb img {
  transform: scale(1.02);
}
.home-img:hover .home-img-title a {
  color: var(--oit-clr-black);
}

.home-img-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  height: 254px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.09), 0px 1px 1px 0px rgba(3, 11, 30, 0.15);
}
@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) {
  .home-img-thumb {
    height: 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) {
  .home-img-thumb {
    height: auto;
  }
}
.home-img-thumb img {
  width: 100%;
  height: 100%;
  transition: 0.9s;
}
.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.home-img-thumb.coming-soon {
  position: relative;
}
.home-img-thumb.coming-soon::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
}
.home-img-thumb.coming-soon::after {
  display: none;
}

.home-img-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  color: var(--oit-clr-black);
}

.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;
}
.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-black);
  border-color: var(--oit-clr-black);
  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;
}

.service-megamenu .oit-megamenu-title {
  font-size: 20px;
}
.service-megamenu .oit-megamenu-item {
  margin-inline-start: 30px;
}
.service-megamenu .oit-megamenu-item ul {
  padding-inline-start: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.service-megamenu .oit-megamenu-item ul li {
  margin-bottom: 8px !important;
}
.service-megamenu .oit-megamenu-item ul li a {
  font-size: 16px !important;
  letter-spacing: 0;
  font-weight: 500;
}

.oit-megamenu-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: var(--oit-clr-black);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.oit-megamenu-contact p {
  font-size: 18px;
}

/* ===== Left: service grid ===== */
.oit-megamenu-services {
  flex: 1;
  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-megamenu-services {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* ===== Service card ===== */
.oit-service-card {
  display: block;
  position: relative;
  padding: 30px 30px 28px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.18s;
  /* Remove bottom border on last row */
  /* Hover: activate arrow */
}
@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-card {
    padding: 20px 0;
    border-right: 0;
  }
}
.oit-service-card:nth-last-child(-n+2) {
  border-bottom: 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-service-card:nth-last-child(-n+2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.oit-service-card:hover {
  background: #F5F8F8;
}
@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-card:hover {
    background: transparent;
  }
}
.oit-service-card:hover .oit-card-arrow {
  transform: rotate(-45deg);
  color: var(--oit-clr-white);
  background: var(--oit-clr-black);
  border-color: var(--oit-clr-black);
}

/* Arrow icon (top-right corner of each card) */
.oit-card-arrow {
  position: absolute;
  top: 30px;
  inset-inline-end: 30px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: transparent;
  color: var(--oit-clr-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: background 0.18s, color 0.18s, transform 0.2s;
}

.oit-service-card__title {
  font-size: 24px;
  font-weight: 500;
  color: var(--oit-clr-black);
  margin-bottom: 4px;
}
.oit-service-card__num {
  margin-bottom: 7px;
}
.oit-service-card__desc {
  margin-bottom: 0;
  font-size: 18px;
}

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-area {
    padding: 90px 0;
  }
}
.postbox-title {
  font-size: 45px;
  margin-inline-end: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .postbox-title {
    font-size: 30px;
    margin-inline-end: 0;
  }
}
.postbox-meta {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .postbox-meta {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.postbox-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .postbox-meta span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-sidebar-wrap {
    margin-top: 70px;
  }
}
.postbox-video-btn {
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  font-size: 26px;
  background-color: var(--oit-clr-green);
}
@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) {
  .postbox-video-btn {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }
}
@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}
.postbox-video-btn i, .postbox-video-btn svg {
  padding-inline-start: 5px;
  display: inline-block;
  color: var(--oit-clr-black);
}
@media (max-width: 767px) {
  .postbox-video-btn i, .postbox-video-btn svg {
    width: 18px;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  inset-inline-start: 20px;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  inset-inline-end: 20px;
}
.postbox-slider-arrow-wrap 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 (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share {
    margin-inline-start: -20px;
  }
}
.postbox-share span {
  display: inline-block;
  margin-inline-end: 10px;
  font-size: 20px;
  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) {
  .postbox-share span {
    font-size: 14px;
  }
}
.postbox-share-social a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 42px;
  width: 42px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-share-social a {
    height: 35px;
    width: 35px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  .postbox-share-social a svg {
    width: 12px;
  }
}
.postbox-share-social a:not(:last-child) {
  margin-inline-end: 5px;
}
.postbox-share-social a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green);
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.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) {
  .postbox-tag-title {
    font-size: 14px;
  }
}
.postbox-tag-content a {
  padding: 0 14px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--oit-clr-black);
  border-radius: 5px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.postbox-tag-content a:not(:last-child) {
  margin-inline-end: 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) {
  .postbox-tag-content a {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.postbox-tag-content a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green);
}
.postbox-tag-box {
  padding: 18px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.postbox-list ul li {
  padding-inline-start: 27px;
  list-style-type: none;
  position: relative;
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list ul li {
    font-size: 16px;
  }
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 23px;
}
.postbox-list ul li svg {
  position: absolute;
  top: 2px;
  inset-inline-start: 0;
  color: var(--oit-clr-green-soft);
}
.postbox-list ul li span {
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-heading);
}
.postbox-list-wrap {
  margin-inline-start: 30px;
}
@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) {
  .postbox-list-wrap {
    margin-inline-start: 0;
  }
}
.postbox-list-wrap .postbox-list ul li {
  font-size: 15px;
}
.postbox-list-wrap .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
@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) {
  .postbox-list-wrap .postbox-list ul li {
    font-size: 14px;
  }
}
.postbox-list-wrap-2 .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.postbox-list.style-2 {
  margin-inline-end: 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) {
  .postbox-list.style-2 {
    margin-inline-end: 0;
  }
}
.postbox-dsc {
  margin-inline-end: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc {
    margin-inline-start: 0;
  }
}
.postbox-dsc 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) {
  .postbox-dsc p {
    font-size: 16px;
  }
}
.postbox-dsc.dsc-style-2 {
  margin-inline-end: 0;
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-inline-end: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    height: 80px;
    width: 80px;
    margin-bottom: 20px;
  }
}
.postbox-user-info .user-title {
  font-size: 20px;
  margin-bottom: 0;
  font-family: var(--oit-ff-heading);
}
.postbox-user-info span {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.postbox-user-info span svg {
  margin-inline-end: 10px;
  display: inline-block;
}
.postbox-user-info p {
  margin-bottom: 0;
  line-height: 1.75;
  margin-inline-end: 10px;
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-user-info p {
    font-size: 16px;
  }
  .postbox-user-info p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-inline-end: 0;
  }
  .postbox-user-info p br {
    display: none;
  }
}
.postbox-user-meta span {
  font-size: 16px;
  display: inline-flex;
  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) {
  .postbox-user-meta span {
    margin-bottom: 10px;
  }
}
.postbox-user-meta span svg {
  margin-inline-end: 10px;
  display: inline-block;
}
.postbox-user-meta span:not(:last-child) {
  padding-inline-end: 20px;
  margin-inline-end: 17px;
  border-inset-inline-end: 1px solid var(--oit-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-user-meta span:not(:last-child) {
    border: none;
  }
}
.postbox-comment-title {
  font-size: 34px;
  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) {
  .postbox-comment-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-title {
    font-size: 26px;
  }
}
.postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 30px;
}
.postbox-comment-content ul li:not(:last-child) {
  margin-bottom: 40px;
}
.postbox-comment-content ul li:nth-child(even) {
  margin-inline-start: 60px;
}
@media (max-width: 767px) {
  .postbox-comment-content ul li:nth-child(even) {
    margin-inline-start: 0;
  }
}
.postbox-comment .reply {
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  color: var(--oit-clr-green);
}
.postbox-comment .reply span {
  margin-inline-end: 2px;
  display: inline;
}
@media (max-width: 767px) {
  .postbox-comment-user {
    flex-wrap: wrap;
  }
}
.postbox-comment-item.course-style .postbox-user-thumb img {
  height: 173px;
  width: 173px;
  margin-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), (max-width: 767px) {
  .postbox-comment-item.course-style .postbox-user-thumb img {
    height: 120px;
    width: 120px;
    margin-inline-end: 20px;
  }
}
.postbox-comment-item.course-style .postbox-user-info .user-title {
  font-size: 24px;
}
.postbox-comment-item.course-style .postbox-user-info span {
  font-family: var(--oit-ff-heading);
}
.postbox-comment-item.course-style .postbox-user-info p {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-comment-item.course-style .postbox-user-info 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) {
  .postbox-comment-item.course-style .postbox-user-info p {
    font-size: 14px;
    margin-inline-end: 0;
  }
  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}
.postbox-social a {
  display: inline-block;
  border-radius: 5px;
  width: 41px;
  height: 41px;
  line-height: 38px;
  text-align: center;
  color: var(--oit-text-body);
  transition: 0.3s;
  border: 1px solid rgba(31, 36, 50, 0.2);
  background-color: rgba(31, 36, 50, 0.05);
}
.postbox-social a svg {
  height: 17px;
}
.postbox-social a:not(:only-child) {
  margin-inline-end: 13px;
}
.postbox-social a:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green);
}
.postbox-contact-box {
  padding: 45px 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) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .postbox-contact-box {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
.postbox-contact-box .oit-btn-yellow.theme-bg span {
  font-weight: 600;
}
.postbox-input-box input, .postbox-input-box textarea {
  height: 50px;
  line-height: 50px;
  padding-inline-start: 0;
  background-color: transparent;
  text-transform: capitalize;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.postbox-input-box input:focus, .postbox-input-box textarea:focus {
  border-color: var(--oit-clr-green);
}
.postbox-input-box textarea {
  height: 120px;
}

.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;
}
.oit-pagination ul li.current a, .oit-pagination ul li:hover a {
  background-color: var(--oit-clr-green);
  border: 1px solid var(--oit-clr-green);
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.sidebar-search-box input {
  width: 100%;
  height: 65px;
  line-height: 65px;
  padding-left: 50px;
  padding-right: 20px;
  text-transform: capitalize;
  color: var(--oit-clr-black);
  background: var(--oit-gray-1);
  border-radius: 10px;
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--oit-clr-green);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  inset-inline-start: 20px;
  height: 100%;
  transform: translateY(-50%);
}
.sidebar-widget {
  padding: 45px 37px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-widget {
    padding: 35px 25px;
  }
}
.sidebar-widget-title {
  font-size: 24px;
  text-transform: capitalize;
  color: var(--oit-clr-black);
}
.sidebar-widget-post ul li {
  list-style-type: none;
}
.sidebar-widget-post ul li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.sidebar-contact {
  padding: 0 45px 40px 45px;
}
.sidebar-contact > span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  display: block;
  margin-bottom: 10px;
  font-family: var(--oit-ff-heading);
  color: var(--oit-clr-white);
}
.sidebar-contact > a {
  display: inline-block;
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 30px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-contact > a {
    font-size: 20px;
  }
}
.sidebar-contact-circle {
  position: absolute;
  bottom: 0;
  inset-inline-end: 35px;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  border-radius: 50%;
  margin-top: -50px;
  background-color: var(--oit-clr-green);
  border: 3px solid 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) {
  .sidebar-contact-circle {
    inset-inline-end: 17%;
  }
}
.sidebar-contact-circle span {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--oit-clr-black);
}
.sidebar-contact-wrap {
  overflow: hidden;
  border-radius: 20px;
}
.sidebar-contact-wrap .thumb img {
  width: 100%;
  border-radius: 0 0 50% 50%;
}
.sidebar-contact-wrap .shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  z-index: -1;
}

.tagcloud a {
  line-height: 1;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
  padding: 12px 15px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(98, 94, 88, 0.1);
}
.tagcloud a:not(:last-child) {
  margin-right: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
    padding: 13px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background-color: var(--oit-clr-green);
  border-color: var(--oit-clr-green);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

.rc-post-thumb img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.rc-post-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 0;
}
@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 i {
  margin-right: 5px;
}
.rc-meta span {
  display: flex;
  align-items: center;
  gap: 7px;
}

/*----------------------------------------*/
/*  5.4 Blog details css
/*----------------------------------------*/
/*----------------------------------------*/
/*  6.1 Footer Style 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) {
  .bi-footer-area {
    padding-top: 90px;
  }
}
.bi-footer-widget {
  height: 100%;
  padding: 45px 40px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@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) {
  .bi-footer-widget {
    padding: 35px 20px;
  }
}
.bi-footer-widget p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.02em;
  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) {
  .bi-footer-widget p {
    font-size: 14px;
  }
}
.bi-footer-widget.footer-widget-1-1 {
  margin-inline-end: 88px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-footer-widget.footer-widget-1-1 {
    margin-inline-end: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-footer-widget.footer-widget-1-1 {
    margin-inline-end: 0;
  }
}
.bi-footer-widget.footer-widget-1-3 {
  padding: 31px 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) {
  .bi-footer-widget.footer-widget-1-3 {
    padding: 35px 20px;
  }
}
.bi-footer-widget-menu {
  transform: translateX(-45px);
  margin: 0 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-footer-widget-menu {
    transform: translateX(-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) {
  .bi-footer-widget-menu {
    transform: translateX(0);
  }
}
.bi-footer-widget-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .bi-footer-widget-menu ul {
    flex-wrap: wrap;
  }
}
.bi-footer-widget-menu ul li {
  list-style: none;
  display: block;
  padding: 16px 27px;
  border-radius: 10px;
  width: calc(50% - 5px);
  background: rgba(255, 255, 255, 0.1);
  border: 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) {
  .bi-footer-widget-menu ul li {
    padding: 12px 19px;
  }
}
@media (max-width: 767px) {
  .bi-footer-widget-menu ul li {
    padding: 12px 19px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-footer-widget-menu ul li {
    width: calc(50% - 5px);
  }
}
.bi-footer-widget-menu ul li a {
  font-size: 16px;
  height: 100%;
  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) {
  .bi-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.bi-footer-widget-menu ul li:hover .border-line {
  background-size: 0% 2px, 100% 2px;
}
.bi-footer-social {
  display: flex;
  gap: 7px;
}
.bi-footer-social a {
  border-radius: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 45px;
  text-align: center;
  color: var(--oit-clr-white);
  background: rgba(255, 255, 255, 0.1);
  border: 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), (max-width: 767px) {
  .bi-footer-social a {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.bi-footer-social a svg {
  height: 23px;
}
@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) {
  .bi-footer-social a svg {
    height: 16px;
  }
}
.bi-footer-social a:hover {
  color: var(--oit-clr-black);
  border-color: var(--oit-clr-white);
  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) {
  .bi-footer-newsletter .common-title {
    font-size: 20px;
  }
  .bi-footer-newsletter .common-title br {
    display: none;
  }
}
.bi-footer-newsletter span {
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.02em;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .bi-footer-newsletter span {
    font-size: 14px;
  }
  .bi-footer-newsletter span br {
    display: none;
  }
}
.bi-footer-newsletter-input input {
  padding: 0 25px;
  padding-inline-end: 75px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  border-radius: 10px;
  color: var(--oit-clr-white);
  background-color: transparent;
  border: 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), (max-width: 767px) {
  .bi-footer-newsletter-input input {
    height: 50px;
    line-height: 50px;
  }
}
.bi-footer-newsletter-input input::placeholder {
  font-size: 14px;
  color: var(--oit-clr-white);
}
.bi-footer-newsletter-input input:focus {
  border-color: var(--oit-clr-yellow);
}
.bi-footer-newsletter-input .submit-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 5px;
  border-radius: 10px;
  height: calc(100% - 10px);
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-yellow);
}

@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) {
  .bc-footer-area {
    padding-top: 90px;
  }
}
.bc-footer-widget {
  padding: 35px 40px;
  border-radius: 20px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-footer-widget-title {
  font-size: 20px;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-footer-widget-title.mb-65 {
    margin-bottom: 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) {
  .bc-footer-widget-title.mb-65 {
    margin-bottom: 45px;
  }
}
.bc-footer-widget-menu ul li {
  list-style-type: none;
}
.bc-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 12px;
}
.bc-footer-widget-menu ul li a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.bc-footer-widget-menu ul li a:hover {
  color: var(--oit-clr-black);
}
.bc-footer-widget-social a {
  padding: 50px 15px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
  color: var(--oit-clr-black);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-footer-widget-social a {
    padding: 44px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-footer-widget-social a {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-footer-widget-social a {
    padding: 48px 15px;
  }
}
@media (max-width: 767px) {
  .bc-footer-widget-social a {
    padding: 30px 15px;
  }
}
.bc-footer-widget-social a svg {
  height: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-footer-widget-social a svg {
    height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-footer-widget-social a svg {
    height: 30px;
  }
}
@media (max-width: 767px) {
  .bc-footer-widget-social a svg {
    height: 20px;
  }
}
.bc-footer-widget-social a:hover {
  background-color: var(--oit-clr-green);
  border-color: var(--oit-clr-green);
  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) {
  .ic-footer-area {
    padding-top: 90px;
  }
}
.ic-footer-widget .bc-footer-widget-title {
  font-size: 30px;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-footer-widget .bc-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) {
  .ic-footer-widget .bc-footer-widget-title {
    font-size: 20px;
  }
}
.ic-footer-widget-text p {
  color: rgba(255, 255, 255, 0.7);
}
.ic-footer-widget .bc-footer-widget-menu ul li a {
  font-size: 20px;
  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) {
  .ic-footer-widget .bc-footer-widget-menu ul li a {
    font-size: 16px;
  }
}
.ic-footer-widget .bc-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 14px;
}
.ic-footer-widget.footer-widget-1-2 {
  margin-inline-start: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-footer-widget.footer-widget-1-2 {
    margin-inline-start: 105px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-footer-widget.footer-widget-1-2 {
    margin-inline-start: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-footer-widget.footer-widget-1-2 {
    margin-inline-start: 40px;
  }
}
@media (max-width: 767px) {
  .ic-footer-widget.footer-widget-1-2 {
    margin-inline-start: 0;
  }
}
.ic-footer-widget.footer-widget-1-3 {
  margin-inline-start: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-footer-widget.footer-widget-1-3 {
    margin-inline-start: 0;
  }
}
.ic-footer-widget.footer-widget-1-4 {
  margin-inline-start: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-footer-widget.footer-widget-1-4 {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-footer-widget.footer-widget-1-4 {
    margin-inline-start: 40px;
  }
}
@media (max-width: 767px) {
  .ic-footer-widget.footer-widget-1-4 {
    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) {
  .ic-footer-widget .bc-price-contact-info a {
    padding-inline-start: 30px;
  }
  .ic-footer-widget .bc-price-contact-info a 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) {
  .ic-footer-widget .bc-price-contact-info a svg {
    height: 15px;
    top: 5px;
  }
}
@media (max-width: 767px) {
  .ic-footer-top-wrap {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .ic-footer-top-content {
    margin-bottom: 40px;
  }
}
.ic-footer-top-content p {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 600;
}
@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) {
  .ic-footer-top-content p {
    font-size: 20px;
  }
}

.fc-footer-style .bi-footer-newsletter-input .submit-btn {
  background-color: var(--oit-clr-white);
}
.fc-footer-style .bi-footer-newsletter-input input:focus {
  border-color: var(--oit-clr-green-soft);
}
.fc-footer-style.bs-footer-style .bi-copyright-policy a:not(:last-child)::after {
  background-color: var(--oit-clr-green-neon);
}
.fc-footer-social {
  display: flex;
  gap: 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) {
  .fc-footer-social {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .fc-footer-social {
    gap: 25px;
    margin-top: 80px;
  }
}
.fc-footer-social a {
  color: var(--oit-clr-white);
}
.fc-footer-social a svg {
  width: 28px;
  height: 28px;
}
@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) {
  .fc-footer-social a svg {
    height: 20px;
    width: 20px;
  }
}
.fc-footer-social a:hover {
  color: var(--oit-clr-green-neon);
}

.mc-footer-style .bi-footer-newsletter-input .submit-btn {
  background-color: var(--oit-clr-green-soft);
}
.mc-footer-style .footer-widget-1-2 {
  margin-inline-start: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mc-footer-style .footer-widget-1-2 {
    margin-inline-start: 10px;
  }
}
@media (max-width: 767px) {
  .mc-footer-style .footer-widget-1-2 {
    margin-inline-start: 0;
  }
}
.mc-footer-style .footer-widget-1-3 {
  margin-inline-start: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mc-footer-style .footer-widget-1-3 {
    margin-inline-start: 40px;
  }
}
@media (max-width: 767px) {
  .mc-footer-style .footer-widget-1-3 {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-footer-style .footer-widget-1-4 {
    margin-inline-start: 0;
  }
}

.ins-footer-style .bc-footer-widget-title {
  color: var(--oit-clr-white);
}
.ins-footer-style .bc-footer-widget {
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.ins-footer-style .bc-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.5);
}
.ins-footer-style .bc-footer-widget-menu ul li a:hover {
  color: var(--oit-clr-white);
}
.ins-footer-style .bc-footer-widget-social a {
  color: var(--oit-clr-white);
  border: none;
  transition: 0.3s;
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-footer-style .bc-footer-widget-social a {
    padding: 46px 15px;
  }
}
.ins-footer-style .bc-footer-widget-social a:hover {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}

.footer-inner-style .bi-copyright-wrap {
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.bi-copyright-wrap {
  padding: 25px 30px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.01);
  border: 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), (max-width: 767px) {
  .bi-copyright-wrap {
    border-radius: 10px;
    padding: 18px 30px;
  }
}
@media (max-width: 767px) {
  .bi-copyright-wrap {
    border-radius: 10px;
    padding: 18px 15px;
  }
}
.bi-copyright-wrap p, .bi-copyright-wrap a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .bi-copyright-wrap p, .bi-copyright-wrap a {
    font-size: 14px;
    line-height: 1.2;
  }
}
.bi-copyright-wrap p span, .bi-copyright-wrap a span {
  font-weight: 700;
  color: var(--oit-clr-yellow);
}
@media (max-width: 767px) {
  .bi-copyright-policy a {
    font-size: 14px;
    margin-top: 15px;
    display: inline-block;
  }
}
.bi-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);
}

.bi-copyright-area.inner-style .bi-copyright-wrap {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.bm-copyright-style {
  padding: 29px 0;
}
@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) {
  .bm-copyright-style .bi-copyright-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bm-copyright-style .bi-copyright-text p {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  5.20 service-details css
/*----------------------------------------*/
@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) {
  .faq-inner-style .bm-faq-contact-panel {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.price-inner-style .fc-price-card .tag {
  background-color: var(--oit-clr-green);
}
.price-inner-style .fc-price-features ul li span svg {
  color: var(--oit-clr-green);
}

.inner-title {
  font-weight: 500;
  font-size: 45px;
  line-height: 1.22;
  color: var(--oit-clr-dark-navy);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .inner-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .inner-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .inner-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) {
  .inner-title.mb-30 {
    margin-bottom: 10px;
  }
}

.inner-sm-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 1.6;
  color: var(--oit-clr-dark-navy);
}
@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) {
  .inner-sm-title {
    font-size: 22px;
    line-height: 1.2;
  }
}

.inner-dsc p span {
  font-weight: 600;
  color: var(--oit-clr-dark-navy);
}
.inner-dsc p.result {
  padding-inline-start: 12px;
  border-inline-start: 3px solid var(--oit-clr-dark-navy);
}

.list-box ul li {
  list-style-type: none;
}
.list-box ul li:not(:last-child) {
  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) {
  .list-box ul li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.list-box ul li span {
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 18px;
  color: var(--oit-clr-dark-navy);
}
@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) {
  .list-box ul li span {
    font-size: 16px;
  }
}
.list-box ul li span svg {
  display: inline-block;
  margin-top: 5px;
  flex: 0 0 auto;
}

.sv-stats-item {
  gap: 20px;
  padding: 60px 44px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sv-stats-item {
    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) {
  .sv-stats-item {
    flex-wrap: wrap;
    padding: 40px 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) {
  .sv-stats-item .inner-sm-title {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.sv-stats-item .icon {
  height: 80px;
  width: 80px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-green);
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sv-stats-item .icon {
    height: 60px;
    width: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 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) {
  .sv-stats-item .icon svg {
    height: 25px;
  }
}
.sv-stats-item p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sv-stats-item p {
    line-height: 1.5;
  }
}
.sv-stats-wrap {
  border-radius: 30px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.sv-stats-wrap .row [class*=col]:nth-last-child(n+3) {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .sv-stats-wrap .row [class*=col]:nth-last-child(2) {
    border-bottom: 1px solid rgba(56, 63, 62, 0.1);
  }
}
.sv-stats-wrap .row [class*=col]:nth-child(odd) {
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .sv-stats-wrap .row [class*=col]:nth-child(odd) {
    border-inline-end: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .sv-process {
    width: calc(50% - 10px);
  }
}
.sv-process span {
  height: 70px;
  width: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 600;
  color: var(--oit-clr-dark-navy);
  background-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) {
  .sv-process span {
    font-size: 16px;
    height: 45px;
    width: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.sv-process p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.02em;
}
.sv-process-wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sv-process-wrap {
    flex-wrap: wrap;
  }
}
.sv-sidebar-widget {
  padding: 35px 35px;
  padding-bottom: 40px;
  border-radius: 20px;
  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) {
  .sv-sidebar-widget {
    padding: 30px 20px;
  }
}
.sv-sidebar-widget.sv-sidebar-widget-client-box {
  background-color: var(--oit-clr-deep-teal);
}
@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) {
  .sv-sidebar-widget.sv-sidebar-widget-client-box {
    padding: 35px 20px;
  }
}
.sv-sidebar-widget.sv-sidebar-widget-client-box .shape {
  position: absolute;
  top: -35%;
  inset-inline-end: -39%;
  z-index: -1;
  mix-blend-mode: luminosity;
  opacity: 0.5;
}
.sv-sidebar-widget-list ul li {
  list-style-type: none;
  padding: 16px 25px;
  border-radius: 8px;
  font-size: 20px;
  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) {
  .sv-sidebar-widget-list ul li {
    padding: 14px 20px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sv-sidebar-widget-list ul li {
    padding: 12px 20px;
    font-size: 16px;
  }
}
.sv-sidebar-widget-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sv-sidebar-widget-list ul li:hover {
  background-color: var(--oit-clr-green);
}
.sv-sidebar-widget-list ul li a {
  display: flex;
  justify-content: space-between;
}
@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) {
  .sv-sidebar-widget-list ul li a {
    line-height: 1.3;
  }
}
.sv-sidebar-widget-pdf a {
  display: flex;
  padding: 16px 25px;
  border-radius: 8px;
  font-size: 20px;
  justify-content: space-between;
  background-color: var(--oit-clr-white);
  border: 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) {
  .sv-sidebar-widget-pdf a {
    font-size: 16px;
  }
}
.sv-sidebar-widget-pdf a:not(:last-child) {
  margin-bottom: 15px;
}
.sv-sidebar-widget-client-info > span {
  margin-bottom: 30px;
  height: 98px;
  width: 98px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-gray-1);
}
.sv-sidebar-widget-client-info > span svg {
  display: inline-block;
  padding-inline-start: 5px;
}
.sv-sidebar-widget-client-info ul li {
  list-style: none;
}
.sv-sidebar-widget-client-info ul li:not(:last-child) {
  margin-bottom: 10px;
}
.sv-sidebar-widget-client-info ul li span {
  display: flex;
  gap: 10px;
  font-size: 16px;
  align-items: center;
  letter-spacing: -0.02em;
  color: var(--oit-clr-white);
}
.sv-sidebar-wrap {
  margin-inline-start: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sv-sidebar-wrap {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sv-sidebar-wrap {
    margin-inline-start: 0;
    margin-top: 70px;
  }
}
.sv-author-info {
  padding: 40px 50px;
  padding-top: 35px;
  border-radius: 0 20px 20px 0;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
  border-inline-start: 4px solid var(--oit-clr-green);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sv-author-info {
    padding: 30px 25px;
    border-radius: 0 10px 10px 0;
  }
}
.sv-author-info p {
  font-size: 25px;
  line-height: 1.6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sv-author-info p {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .sv-author-info p {
    font-size: 16px;
  }
}
.sv-author-info .bm-testimonial-author span {
  color: var(--oit-clr-dark-navy);
}
.sv-style-2 .details-dsc p {
  margin-inline-end: 125px;
}
.sv-style-2 .sv-thumb {
  margin-inline-start: -50px;
  height: 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) {
  .sv-style-2 .sv-thumb {
    margin: 70px 0;
    margin-inline-start: 0;
    height: auto;
  }
}
.sv-style-2 .sv-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sv-style-2 .sv-content {
  padding-inline-end: 130px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sv-style-2 .sv-content {
    padding-inline-end: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sv-style-2 .sv-content {
    padding-inline-end: 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) {
  .sv-style-2 .sv-content {
    padding-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) {
  .sv-details-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sv-thumb.mb-90 {
    margin-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) {
  .sv-thumb.mb-90 {
    margin-bottom: 40px;
  }
}
.sv-content-wrap {
  margin-inline-end: -23px;
}
@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) {
  .sv-content-wrap {
    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) {
  .sv-content-wrap .sv-process-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sv-content-wrap .sv-process {
    width: calc(50% - 10px);
  }
}

/*----------------------------------------*/
/*  5.15 contact details css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-area {
    padding: 90px 0;
  }
}
.contact-area .case-study-info a {
  font-size: 25px;
  font-weight: 500;
  display: block;
  line-height: 1.6;
  transition: 0.3s;
  text-decoration: transparent;
  color: var(--oit-clr-dark-navy);
}
@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) {
  .contact-area .case-study-info a {
    font-size: 18px;
  }
}
.contact-area .case-study-info a:hover {
  text-decoration: underline;
}
.contact-area .case-study-info span {
  height: 90px;
  width: 90px;
  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(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .contact-area .case-study-info span {
    height: 60px;
    width: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .contact-area .case-study-info span svg {
    height: 25px;
  }
}
.contact-area .case-study-info p {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--oit-clr-dark-navy);
}
@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) {
  .contact-area .case-study-info p {
    font-size: 18px;
  }
}
.contact-area .bi-contact-input-box textarea {
  height: 240px;
}
@media (max-width: 767px) {
  .contact-area .bi-contact-input-box textarea {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .contact-area .bi-contact-btn p {
    margin-top: 15px;
  }
}

.map-area iframe {
  width: 100%;
  height: 660px;
  border: 0;
  line-height: 0;
  filter: grayscale(100%) brightness(65%) contrast(120%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .map-area iframe {
    height: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .map-area iframe {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .map-area iframe {
    height: 250px;
  }
}

/*----------------------------------------*/
/*  5.16 error css here
/*----------------------------------------*/
.oit-error-wrap {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-error-wrap {
    padding: 90px 20px;
  }
}
.oit-error-title {
  font-weight: 700;
  font-size: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-error-title {
    font-size: 55px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-error-title {
    font-size: 50px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .oit-error-title {
    font-size: 32px;
  }
  .oit-error-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-error-title {
    font-size: 45px;
  }
}

/*----------------------------------------*/
/*  5.1 business coach css
/*----------------------------------------*/
.bc-hero-wrap {
  padding: 105px 20px;
  padding-bottom: 55px;
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media (max-width: 767px) {
  .bc-hero-wrap {
    padding-top: 80px;
  }
}
.bc-hero-subtitle {
  font-weight: 500;
  color: var(--oit-clr-white);
  text-transform: uppercase;
  border-radius: 1000px;
  padding: 10px 16px;
  display: inline-block;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-hero-subtitle {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-hero-content p {
    padding: 0 40px;
  }
}
.bc-hero-title {
  font-size: 90px;
  line-height: 0.9;
  font-weight: 600;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-hero-title {
    font-size: 78px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-hero-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .bc-hero-title {
    font-size: 40px;
  }
}
.bc-hero-title .word-wrap {
  padding-bottom: 10px;
}
.bc-hero-button {
  gap: 20px;
}
.bc-hero-thumb {
  padding: 24px 20px;
}
.bc-hero-border {
  padding-top: 77px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
  border-inline-end: 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) {
  .bc-hero-border {
    padding-top: 62px;
  }
}
.bc-hero-border .icon-1 {
  position: absolute;
  top: -9px;
  inset-inline-start: -5px;
  line-height: 1;
  color: var(--oit-clr-green);
}
.bc-hero-border .icon-2 {
  position: absolute;
  top: -9px;
  inset-inline-end: -5px;
  line-height: 1;
  color: var(--oit-clr-green);
}
.bc-hero-border .icon-3 {
  position: absolute;
  bottom: -7px;
  inset-inline-start: -5px;
  line-height: 1;
  color: var(--oit-clr-green);
}
.bc-hero-border .icon-4 {
  position: absolute;
  bottom: -7px;
  inset-inline-end: -5px;
  line-height: 1;
  color: var(--oit-clr-green);
}

@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) {
  .bc-about-area {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-about-text.mb-110 {
    margin-bottom: 50px;
  }
}
.bc-about-video-img {
  width: 350px;
  border-radius: 30px;
  display: inline-block;
  overflow: hidden;
}
.bc-about-video-img img {
  width: 100%;
}
.bc-about-video-box a {
  position: absolute;
  top: 50%;
  inset-inline-end: 37%;
  transform: translateY(-50%);
}
.bc-about-video-box a .icon {
  height: 54px;
  width: 54px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-green);
}
.bc-about-video-box a .icon svg {
  margin-inline-start: 2px;
  width: 12px;
}
.bc-about-video-box a span {
  font-size: 20px;
  border-radius: 1000px;
  padding: 14px 30px;
  color: var(--oit-clr-black);
  box-shadow: 0 0 50px 0 rgba(17, 56, 63, 0.1);
  background: var(--oit-clr-white);
}
.bc-about-content {
  margin-inline-end: -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) {
  .bc-about-content {
    margin-inline-end: 0;
  }
}
.bc-about-content span.line {
  height: 7px;
  width: 100%;
  position: relative;
  display: inline-block;
  background-color: var(--oit-clr-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-about-content span.line {
    margin-bottom: 30px;
  }
}
.bc-about-content span.line::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  width: 39%;
  background-color: var(--oit-clr-green);
}
@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) {
  .bc-about-content p {
    font-size: 16px;
  }
  .bc-about-content p br {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-about-text.mb-110 {
    margin-bottom: 65px;
  }
}
@media (max-width: 767px) {
  .bc-about-text.mb-110 {
    margin-bottom: 45px;
  }
}
.bc-about-stat-number {
  font-weight: 400;
  font-size: 144px;
  display: flex;
  line-height: 0.9;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bc-about-stat-number {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-about-stat-number {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-about-stat-number {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-about-stat-number {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-about-stat-number {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .bc-about-stat-number {
    font-size: 30px;
  }
}
.bc-about-stat-number i {
  font-style: normal;
}
.bc-about-stat-number span {
  position: relative;
}
.bc-about-stat-number span::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 85%;
  height: 4px;
  transform: translateX(-50%);
  background-color: var(--oit-clr-black);
}
.bc-about-thumb {
  margin-inline-start: 122px;
  margin-inline-end: 122px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bc-about-thumb {
    margin-inline-start: 80px;
    margin-inline-end: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-about-thumb {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-about-thumb {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
    height: 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) {
  .bc-about-thumb {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-about-thumb {
    height: 100%;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .bc-about-thumb {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-about-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
.bc-about-accordion {
  margin-inline-start: -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) {
  .bc-about-accordion {
    margin-inline-start: 0;
  }
}
.bc-about-accordion .accordion-item {
  position: relative;
  padding: 18px 0;
  border-bottom: 1px solid rgba(7, 43, 50, 0.08);
}
.bc-about-accordion .accordion-item:first-child {
  border-top: 1px solid rgba(7, 43, 50, 0.08);
}
.bc-about-accordion .accordion-button > span {
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  padding: 0;
}
@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) {
  .bc-about-accordion .accordion-button > span {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .bc-about-accordion .accordion-button > span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-about-accordion .accordion-button > span {
    font-size: 20px;
  }
}
.bc-about-accordion .accordion-button:not(.collapsed) .accordion-icon span:first-child {
  transform: translateX(-50%) rotate(45deg);
}
.bc-about-accordion .accordion-button:not(.collapsed) .accordion-icon span:last-child {
  transform: rotate(-45deg);
}
.bc-about-accordion .accordion-body {
  padding-top: 10px;
  padding-inline-end: 40px;
}
@media (max-width: 767px) {
  .bc-about-accordion .accordion-body {
    padding-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-about-accordion .accordion-body {
    padding-inline-end: 20px;
  }
}
.bc-about-accordion .accordion-body p {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
@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) {
  .bc-about-accordion .accordion-body p {
    font-size: 16px;
  }
}
.bc-about-accordion .accordion-icon {
  position: relative;
  height: auto;
  width: 24px;
}
.bc-about-accordion .accordion-icon > span {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  display: inline-block;
  height: 2px;
  width: 24px;
  transition: 0.3s;
  background-color: var(--oit-clr-black);
}
.bc-about-accordion .accordion-icon > span:first-child {
  position: absolute;
  top: 0;
  transition: 0.3s;
  inset-inline-start: 50%;
  transform: translateX(-50%) rotate(90deg);
}

@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) {
  .bc-service-area {
    padding: 90px 0;
  }
}
.bc-service-wrap {
  border-radius: 20px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-service-wrap .bc-about-accordion {
  height: 100%;
  margin-inline-start: 0;
  margin-inline-end: -70px;
  border-inline-end: 1px solid rgba(7, 43, 50, 0.08);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-service-wrap .bc-about-accordion {
    margin-inline-end: -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) {
  .bc-service-wrap .bc-about-accordion {
    margin-inline-end: 0;
  }
}
.bc-service-wrap .accordions {
  width: 100%;
}
.bc-service-wrap .accordion-item {
  padding: 23px 40px;
  border-bottom: 1px solid rgba(7, 43, 50, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-service-wrap .accordion-item {
    padding: 23px 20px;
  }
}
.bc-service-wrap .accordion-item:first-child {
  border-top: none;
}
.bc-service-wrap .accordion-item:last-child {
  border-bottom: none;
}
.bc-service-wrap .accordion-item span.number {
  font-size: 20px;
  font-weight: 500;
  padding-top: 10px;
  display: inline-block;
  padding-inline-end: 20px;
  color: var(--oit-clr-green);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-service-wrap .accordion-item span.number {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-service-wrap .accordion-item span.number {
    padding-top: 5px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-service-wrap .accordion-item span.number {
    padding-top: 0;
    font-size: 14px;
  }
}
.bc-service-wrap .accordion-button span {
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -0.06px;
  color: var(--oit-clr-black);
  font-family: var(--oit-ff-heading);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-service-wrap .accordion-button span {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-service-wrap .accordion-button span {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-service-wrap .accordion-button span {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .bc-service-wrap .accordion-button span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-service-wrap .accordion-button span {
    font-size: 30px;
  }
}
.bc-service-wrap .accordion-button:not(.collapsed) .accordion-icon span:first-child {
  transform: translateX(-50%) rotate(45deg);
}
.bc-service-wrap .accordion-button:not(.collapsed) .accordion-icon span:last-child {
  transform: rotate(-45deg);
}
.bc-service-wrap .accordion-body {
  padding-inline-start: 55px;
}
@media (max-width: 767px) {
  .bc-service-wrap .accordion-body {
    padding-inline-start: 0;
  }
}
.bc-service-wrap .accordion-body p {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-service-wrap .accordion-body p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-service-wrap .accordion-body p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-service-wrap .accordion-body p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bc-service-wrap .accordion-body p {
    font-size: 15px;
  }
}
.bc-service-wrap .accordion-icon {
  width: 38px;
}
@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) {
  .bc-service-wrap .accordion-icon {
    width: 20px;
  }
}
.bc-service-wrap .accordion-icon > span {
  width: 38px;
}
@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) {
  .bc-service-wrap .accordion-icon > span {
    width: 20px;
  }
}
.bc-service-thumb {
  height: 100%;
  padding: 42px 50px;
  padding-inline-start: 100px;
}
.bc-service-thumb > div {
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-service-thumb {
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-service-thumb {
    padding: 25px 25px 25px 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-service-thumb {
    padding: 25px;
    margin-top: 20px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .bc-service-thumb {
    padding: 10px;
    margin-top: 20px;
    height: auto;
  }
}
.bc-service-thumb img {
  height: 100%;
  width: 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) {
  .bc-funfact-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.bc-funfact-item {
  transition: 0.3s;
  border-radius: 20px;
  padding: 40px 50px 30px 35px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .bc-funfact-item {
    padding: 40px 20px 30px 20px;
  }
}
.bc-funfact-item p {
  font-size: 16px;
  letter-spacing: -0.02em;
}
@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) {
  .bc-funfact-item p br {
    display: none;
  }
}
.bc-funfact-item svg {
  height: 50px;
  transition: 0.3s;
  color: var(--oit-clr-black);
}
.bc-funfact-item:hover {
  transform: translateY(-10px);
}
.bc-funfact-item:hover svg {
  transform: scaleX(-1);
}
.bc-funfact-value {
  font-weight: 500;
  font-size: 60px;
  line-height: 1;
}
@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) {
  .bc-funfact-value {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-funfact-value {
    font-size: 45px;
  }
}
.bc-funfact-value i {
  font-style: normal;
}

.bc-step-accordion {
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-inline-start: 100px;
  padding-inline-end: 100px;
  backdrop-filter: blur(40px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-step-accordion {
    padding-inline-start: 40px;
    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) {
  .bc-step-accordion {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media (max-width: 767px) {
  .bc-step-accordion {
    padding: 0 20px;
    height: auto;
  }
}
.bc-step-accordion .bc-service-wrap {
  border-radius: 0;
  border: none;
}
.bc-step-accordion .accordion-item {
  padding: 37px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bc-step-accordion .accordion-item span.number {
  font-size: 16px;
}
.bc-step-accordion .accordion-button span {
  color: var(--oit-clr-white);
}
.bc-step-accordion .accordion-body {
  padding-inline-start: 75px;
}
@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) {
  .bc-step-accordion .accordion-body {
    padding-inline-start: 57px;
  }
}
@media (max-width: 767px) {
  .bc-step-accordion .accordion-body {
    padding-inline-start: 0;
  }
}
.bc-step-accordion .accordion-body p {
  color: rgba(255, 255, 255, 0.6);
}
@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) {
  .bc-step-accordion .accordion-body p {
    font-size: 18px;
  }
  .bc-step-accordion .accordion-body p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .bc-step-accordion .accordion-body p {
    font-size: 16px;
  }
  .bc-step-accordion .accordion-body p br {
    display: none;
  }
}
.bc-step-left-wrap {
  padding: 80px 100px;
}
@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) {
  .bc-step-left-wrap {
    padding: 80px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-step-left-wrap {
    padding: 50px 30px;
    padding-top: 90px;
  }
}
@media (max-width: 767px) {
  .bc-step-left-wrap {
    padding: 80px 20px;
    padding-bottom: 40px;
  }
}

.progress-ring {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.progress-wrapper {
  position: relative;
  width: 600px;
  height: 600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .progress-wrapper {
    height: 450px;
    width: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .progress-wrapper {
    height: 400px;
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .progress-wrapper {
    height: 550px;
    width: 550px;
  }
}
@media (max-width: 767px) {
  .progress-wrapper {
    height: 100%;
    width: 100%;
  }
}
.progress-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.1);
  stroke-width: 18;
}
.progress-bar {
  fill: none;
  stroke: var(--oit-clr-green);
  stroke-width: 18;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease;
}
.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  font-weight: 700;
  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) {
  .progress-text {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .progress-text {
    font-size: 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) {
  .bc-schedule-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-schedule-thumb {
    height: 100%;
    margin-inline-end: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-schedule-thumb {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-schedule-thumb {
    margin-bottom: 50px;
  }
}
.bc-schedule-thumb img {
  height: 100%;
  object-fit: cover;
}
.bc-schedule-info-wrap {
  height: 100%;
  padding: 40px;
  border-radius: 20px;
  overflow: hidden;
  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) {
  .bc-schedule-info-wrap {
    margin-inline-start: 0;
  }
}
@media (max-width: 767px) {
  .bc-schedule-info-wrap {
    padding: 30px 15px;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-schedule-info-wrap {
    padding: 40px 30px;
  }
}
.bc-schedule-info-wrap > span svg {
  color: var(--oit-clr-green);
}
.bc-schedule-info-wrap p {
  font-weight: 500;
  font-size: 18px;
  margin-inline-end: 30px;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .bc-schedule-info-wrap p br {
    display: none;
  }
}
.bc-schedule-info-wrap .shape {
  position: absolute;
  top: -17%;
  inset-inline-end: -21%;
  animation: shape-rotate 20s linear infinite;
}
.bc-schedule-info-wrap.price-info {
  padding: 60px 40px;
}
@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) {
  .bc-schedule-info-wrap.price-info {
    padding: 40px 30px;
  }
}
.bc-schedule-info-wrap.price-info .shape {
  top: -28%;
  inset-inline-end: -41%;
  opacity: 0.2;
}
.bc-schedule-info-list li {
  padding: 24px 0;
  display: flex;
  align-items: center;
  list-style-type: none;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.bc-schedule-info-list li span {
  font-weight: 500;
  font-size: 20px;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .bc-schedule-info-list li span {
    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) {
  .bc-testimonial-area {
    padding: 90px 0;
  }
}
.bc-testimonial-area .shape {
  position: absolute;
  top: -25%;
  inset-inline-end: -16%;
  opacity: 0.2;
  z-index: -1;
  animation: shape-rotate 40s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-testimonial-area .shape {
    inset-inline-end: -28%;
    top: -31%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-area .shape {
    display: none;
  }
}
.bc-testimonial-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .bc-testimonial-thumb {
    margin-bottom: 40px;
  }
}
.bc-testimonial-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-thumb {
    width: 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) {
  .bc-testimonial-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-thumb img {
    width: 100%;
    object-fit: cover;
  }
}
.bc-testimonial-content p {
  font-weight: 600;
  font-size: 25px;
  line-height: 1.4;
  padding-inline-end: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-testimonial-content p {
    padding-inline-end: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-testimonial-content p {
    font-size: 20px;
    padding-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-testimonial-content p {
    font-size: 16px;
    padding-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .bc-testimonial-content p {
    font-size: 16px;
    padding-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-testimonial-content p {
    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) {
  .bc-testimonial-content p.mb-55 {
    margin-bottom: 40px;
  }
}
.bc-testimonial-content a {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-testimonial-content a {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-testimonial-content a {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-testimonial-content a {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .bc-testimonial-content a {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-testimonial-content a {
    font-size: 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) {
  .bc-testimonial-content a svg {
    height: 10px;
  }
}
.bc-testimonial-meta {
  padding: 10px 20px;
  border-radius: 10px;
  display: inline-block;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-testimonial-meta {
    padding: 7px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-meta {
    display: none;
  }
}
.bc-testimonial-meta span {
  font-size: 20px;
  text-transform: uppercase;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-testimonial-meta span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-testimonial-meta span {
    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) {
  .bc-testimonial-meta span {
    font-size: 14px;
  }
}
.bc-testimonial-meta span:first-child {
  margin-inline-end: 25px;
  padding-inline-end: 30px;
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-testimonial-wrap {
  padding-top: 50px;
  margin-top: 30px;
  border-top: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-wrap {
    padding-top: 40px;
    margin-top: 0;
  }
}
.bc-testimonial-wrap .oit-slider-arrow {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
}
@media (max-width: 767px) {
  .bc-testimonial-wrap .oit-slider-arrow {
    position: relative;
    inset-inline-start: 0;
  }
}
.bc-testimonial-slider-box {
  margin-inline-start: 85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-testimonial-slider-box {
    margin-inline-start: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-testimonial-slider-box {
    margin-inline-start: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-slider-box {
    margin-inline-start: 0;
  }
}
.bc-testimonial-progress-wrap {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 40px;
  overflow: hidden;
  z-index: 2;
}
.bc-testimonial-progress-wrap label {
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  color: var(--oit-clr-white);
  letter-spacing: -0.02em;
}
.bc-testimonial-progress-wrap .progress {
  overflow: visible;
  border-radius: 20px;
  margin-top: 90px;
  background: rgba(137, 186, 180, 0.3);
  height: 5px;
}
.bc-testimonial-progress-wrap .progress-bar {
  border-radius: 20px;
  position: relative;
  overflow: visible;
  height: 100%;
  background-color: var(--oit-clr-white);
}
.bc-testimonial-progress-wrap .progress-bar span {
  position: absolute;
  inset-inline-end: 0;
  top: -80px;
  font-size: 65px;
  font-weight: 500;
  line-height: 1;
  font-family: var(--oit-ff-heading);
  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) {
  .bc-testimonial-progress-wrap .progress-bar span {
    font-size: 25px;
    top: -40px;
  }
}
.bc-testimonial-author-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 40px;
  gap: 15px;
  z-index: 22;
  padding: 21px 25px;
  border-radius: 16px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 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) {
  .bc-testimonial-author-info {
    margin: 30px 20px;
  }
}
.bc-testimonial-author-info div > span {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-author-info div > 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) {
  .bc-testimonial-author-info .common-title {
    font-size: 20px;
  }
}
.bc-testimonial-author-info > .icon {
  height: 70px;
  width: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-yellow);
  outline: 1px solid 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) {
  .bc-testimonial-author-info > .icon {
    display: none;
  }
}
.bc-testimonial-play-btn {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-play-btn {
    bottom: 30px;
  }
}
.bc-testimonial-play-btn span {
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal-2);
}
.bc-testimonial-play-btn span svg {
  display: inline-block;
  margin-inline-start: 4px;
}
.bc-testimonial-play-btn a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  padding: 13px 20px;
  border-radius: 10px;
  color: var(--oit-clr-white);
  backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}
.bc-testimonial-active {
  margin: -2px 0;
  padding: 2px 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) {
  .bc-testimonial-logo {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-testimonial-logo img {
    width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-logo img {
    width: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bc-testimonial-logo span svg {
    height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-testimonial-logo span svg {
    height: 30px;
  }
}

.oit-slider-arrow {
  display: flex;
  gap: 10px;
  z-index: 9;
}
.oit-slider-arrow button {
  width: 50px;
  height: 50px;
  line-height: 1;
  border-radius: 10px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.oit-slider-arrow button svg {
  margin-top: -2px;
  display: inline-block;
}
.oit-slider-arrow button:hover {
  background-color: var(--oit-clr-green);
}
.oit-slider-arrow.arrow-type-1 button:hover {
  color: var(--oit-clr-yellow);
  background-color: var(--oit-clr-olive);
}
.oit-slider-arrow.arrow-type-2 button {
  color: var(--oit-clr-teal-2);
}
.oit-slider-arrow.arrow-type-2 button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal-2);
}
.oit-slider-arrow.arrow-type-3 button {
  color: var(--oit-clr-blue);
}
.oit-slider-arrow.arrow-type-3 button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.oit-slider-arrow.arrow-type-4 button {
  color: var(--oit-clr-black);
}
.oit-slider-arrow.arrow-type-4 button:hover {
  background-color: var(--oit-clr-green-neon);
}
.oit-slider-arrow.arrow-type-5 button {
  color: var(--oit-clr-black);
}
.oit-slider-arrow.arrow-type-5 button:hover {
  background-color: var(--oit-clr-green-soft);
}
.oit-slider-arrow.arrow-type-6 button {
  color: var(--oit-clr-forest-rich);
}
.oit-slider-arrow.arrow-type-6 button:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-forest-rich);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-price-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-price-list.pl-15 {
    padding-inline-start: 0;
  }
}
@media (max-width: 767px) {
  .bc-price-list.pl-15 {
    padding-inline-start: 0;
    padding-bottom: 15px;
  }
}
.bc-price-list ul li {
  list-style-type: none;
}
.bc-price-list ul li:not(:last-child) {
  margin-bottom: 22px;
}
.bc-price-list ul li > span {
  font-size: 20px;
  display: inline-block;
  position: relative;
  padding-inline-start: 30px;
  color: var(--oit-clr-black);
}
@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) {
  .bc-price-list ul li > span {
    font-size: 16px;
  }
}
.bc-price-list ul li > span svg {
  position: absolute;
  top: 2px;
  inset-inline-start: 0;
  height: 22px;
  width: 22px;
  color: var(--oit-clr-black);
}
@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) {
  .bc-price-list ul li > span svg {
    height: 18px;
    width: 18px;
  }
}
.bc-price-item {
  padding: 40px 50px;
  padding-bottom: 36px;
  border-radius: 20px;
  position: relative;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .bc-price-item {
    padding: 38px 30px;
    padding-bottom: 30px;
  }
}
.bc-price-item.active {
  background-color: #F5F8F8;
}
.bc-price-item .tags {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border-radius: 20px 0;
  display: inline-block;
  padding: 4px 25px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-price-item-wrap {
  margin-inline-end: 48px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-price-item-wrap {
    margin-inline-end: 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) {
  .bc-price-item-wrap {
    margin-inline-end: 0;
  }
}
.bc-price-item-wrap .bc-price-item:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-price-header {
    margin-bottom: 40px;
  }
}
.bc-price-header > span {
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  padding: 6px 20px;
  display: inline-block;
  color: var(--oit-clr-black);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-price-header .value {
  font-size: 65px;
  font-weight: 500;
}
@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) {
  .bc-price-header .value {
    font-size: 45px;
  }
}
.bc-price-header .value > span {
  display: inline-block;
  margin-inline-start: 5px;
  font-size: 20px;
  text-transform: uppercase;
  color: rgba(56, 63, 62, 0.8);
}
@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) {
  .bc-price-header .value > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bc-price-link {
    margin-top: 40px;
  }
}
.bc-price-contact-info a {
  font-size: 20px;
  display: block;
  position: relative;
  padding-inline-start: 40px;
  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), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bc-price-contact-info a {
    font-size: 16px;
  }
}
.bc-price-contact-info a:not(:last-child) {
  margin-bottom: 32px;
}
.bc-price-contact-info a svg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  color: var(--oit-clr-white);
}
.bc-price-contact-info a:hover {
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-price-head-button {
    margin-bottom: 0;
  }
}
.bc-price-head-button nav ul {
  padding: 5px;
  display: inline-flex;
  border-radius: 10px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-price-head-button nav ul button {
  border-radius: 8px;
  padding: 7px 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--oit-clr-black);
  transition: 0.4s;
}
.bc-price-head-button nav ul button.active {
  background-color: var(--oit-clr-green);
}
.bc-price-area .bc-schedule-info-wrap {
  margin-inline-start: -25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-price-area .bc-schedule-info-wrap {
    margin-inline-start: -75px;
  }
}
@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) {
  .bc-price-area .bc-schedule-info-wrap {
    margin-inline-start: 0;
    margin-top: 50px;
    height: auto;
  }
}

.bc-blog-content {
  padding: 40px 50px 50px 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) {
  .bc-blog-content {
    padding: 40px 25px;
  }
}
.bc-blog-content p {
  color: rgba(255, 255, 255, 0.6);
}
@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) {
  .bc-blog-content .oit-section-title br {
    display: none;
  }
}
.bc-blog-content-box {
  height: 100%;
  margin-inline-end: -10px;
}
@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) {
  .bc-blog-content-box {
    margin-inline-end: 0;
  }
}
.bc-blog-title {
  font-size: 30px;
  font-weight: 500;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bc-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-blog-title {
    font-size: 25px;
  }
  .bc-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-blog-title {
    font-size: 20px;
  }
  .bc-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bc-blog-title {
    font-size: 28px;
  }
  .bc-blog-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .bc-blog-title {
    font-size: 24px;
  }
  .bc-blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bc-blog-title {
    font-size: 28px;
  }
  .bc-blog-title br {
    display: none;
  }
}
.bc-blog-item {
  height: 100%;
  padding: 88px 50px;
  padding-inline-end: 30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bc-blog-item {
    padding: 45px 50px;
    padding-inline-end: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bc-blog-item {
    padding: 45px 35px;
    padding-inline-end: 30px;
  }
}
@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) {
  .bc-blog-item {
    padding: 30px;
    padding-bottom: 40px;
  }
}
.bc-blog-item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bc-blog-item p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .bc-blog-item p {
    font-size: 15px;
  }
}
.bc-blog-item > a {
  font-weight: 600;
  font-size: 18px;
  color: var(--oit-clr-black);
}
.bc-blog-item-wrap {
  height: 100%;
  margin-inline-start: 10px;
  border-top: 1px solid rgba(56, 63, 62, 0.1);
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .bc-blog-item-wrap {
    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) {
  .bc-blog-item-wrap {
    margin-inline-start: 0;
    margin-top: 90px;
    height: auto;
  }
}
.bc-blog-item-wrap .row {
  height: 100%;
}
.bc-blog-item-wrap .row [class*=col-xl-6]:nth-child(1) .bc-blog-item {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
  border-right: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-blog-item-wrap .row [class*=col-xl-6]:nth-child(2) .bc-blog-item {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.bc-blog-item-wrap .row [class*=col-xl-6]:nth-child(3) .bc-blog-item {
  border-right: 1px solid rgba(56, 63, 62, 0.1);
}

/*----------------------------------------*/
/*  5.2 business-intelligence coach css
/*----------------------------------------*/
.bi-hero-title {
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-hero-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bi-hero-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-hero-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .bi-hero-title {
    font-size: 32px;
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-hero-title {
    font-size: 55px;
  }
}
.bi-hero-slider-item {
  height: 870px;
  display: flex;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bi-hero-slider-item {
    height: 730px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-hero-slider-item {
    height: 730px;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .bi-hero-slider-item {
    height: 550px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-hero-slider-item {
    height: 720px;
    padding-bottom: 200px;
  }
}
.bi-hero-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.bi-hero-client-box img {
  margin-inline-end: 15px;
}
.bi-hero-meeting-box {
  position: absolute;
  bottom: 6%;
  inset-inline-end: 3%;
  z-index: 1;
  gap: 30px;
  padding: 12px;
  padding-inline-end: 40px;
  border-radius: 20px;
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bi-hero-meeting-box {
    bottom: 3%;
    inset-inline-end: -3%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-hero-meeting-box {
    bottom: 2%;
    inset-inline-end: -10%;
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .bi-hero-meeting-box {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-hero-meeting-box {
    display: flex !important;
    bottom: 2%;
    inset-inline-end: -10%;
    transform: scale(0.6);
  }
}
.bi-hero-meeting-box img {
  border-radius: 16px;
}
.bi-hero-meeting-box p {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: var(--oit-clr-white);
  width: 300px;
}
.bi-hero-meeting-box a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.7;
  color: var(--oit-clr-yellow);
}
.bi-hero-meeting-box a svg {
  display: inline-block;
  margin-inline-start: 4px;
}
.bi-hero-content {
  padding-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) {
  .bi-hero-content {
    padding-inline-start: 0;
  }
}
.bi-hero-content .bc-hero-subtitle {
  animation-delay: 0.3s;
  animation-duration: 1s;
  display: inline-block;
}
.bi-hero-content .bi-hero-title {
  animation-delay: 0.5s;
  animation-duration: 1s;
}
.bi-hero-content .bc-hero-button {
  animation-delay: 0.7s;
  animation-duration: 1s;
}
.bi-hero-content .bi-hero-meeting-wrap {
  animation-delay: 0.9s;
  animation-duration: 1s;
}
.bi-hero-slider-active .swiper-slide-active .bi-hero-content .bc-hero-subtitle, .bi-hero-slider-active .swiper-slide-active .bi-hero-content .bi-hero-title, .bi-hero-slider-active .swiper-slide-active .bi-hero-content .bc-hero-button {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.bi-hero-slider-active .swiper-slide-active .bi-hero-meeting-wrap {
  animation-name: fadeInUp;
  animation-fill-mode: both;
}
.bi-hero-slider-dots {
  position: absolute;
  left: auto !important;
  bottom: auto !important;
  top: 34%;
  inset-inline-end: 7% !important;
  z-index: 22;
  display: inline-flex;
  width: auto !important;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .bi-hero-slider-dots {
    top: auto;
    bottom: 15px !important;
    inset-inline-end: auto;
    inset-inline-start: 43% !important;
    transform: translateY(-50%);
    display: inline-block;
  }
}
.bi-hero-slider-dots .swiper-pagination-bullet {
  width: 4px;
  height: 20px;
  opacity: 1;
  transition: 0.3s;
  border-radius: 100px;
  display: inline-block;
  margin: 5px 0 !important;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .bi-hero-slider-dots .swiper-pagination-bullet {
    height: 4px;
    width: 20px;
    margin: 0 5px !important;
  }
}
.bi-hero-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  height: 40px;
  background: var(--oit-clr-yellow);
}
@media (max-width: 767px) {
  .bi-hero-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 4px !important;
    width: 40px !important;
  }
}

.bi-brand-bdr {
  line-height: 1;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.bi-brand-logo {
  padding: 10px 40px;
  text-align: center;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
.bi-brand-logo img {
  white-space: nowrap;
  width: 70%;
}
.bi-brand-logo-wrap {
  display: flex;
  -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: 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) {
  .bi-choose-area.pt-120.pb-90 {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.bi-choose-item {
  transition: 0.3s;
  padding: 40px 34px 35px 34px;
  border-radius: 30px;
  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) {
  .bi-choose-item {
    padding: 40px 20px 35px 20px;
  }
}
@media (max-width: 767px) {
  .bi-choose-item {
    border-radius: 10px;
    padding: 40px 20px 35px 20px;
  }
}
.bi-choose-item p {
  margin-inline-end: 50px;
}
@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) {
  .bi-choose-item p {
    margin-inline-end: 0;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-choose-item p {
    margin-inline-end: 0;
    font-size: 16px;
  }
}
.bi-choose-item:hover {
  transform: translateY(-10px);
}
.bi-choose-thumb img {
  border: 1px solid rgba(56, 63, 62, 0.1);
}

.bi-service-item {
  padding: 50px;
  padding-top: 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) {
  .bi-service-item {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bi-service-item .oit-section-title.fsz-30 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-service-item .oit-section-title.fsz-30 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-service-item .oit-section-title.fsz-30 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-service-item p br {
    display: none;
  }
}
.bi-service-wrap {
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bi-service-wrap .row [class*=col-] {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.bi-service-wrap .row [class*=col-]:nth-child(odd) {
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
.bi-service-wrap .row [class*=col-]:nth-last-child(-n+2) {
  border-bottom: none;
}
.bi-service-wrap .shape-1 {
  position: absolute;
  top: -8px;
  inset-inline-start: -1.5px;
  color: var(--oit-clr-black);
}
.bi-service-wrap .shape-2 {
  position: absolute;
  top: -8px;
  inset-inline-end: -1.5px;
  color: var(--oit-clr-black);
}
.bi-service-wrap .shape-3 {
  position: absolute;
  bottom: -8px;
  inset-inline-start: -1px;
  color: var(--oit-clr-black);
}
.bi-service-wrap .shape-4 {
  position: absolute;
  bottom: -8px;
  inset-inline-end: -1px;
  color: var(--oit-clr-black);
}
.bi-service-wrap .shape-5 {
  position: absolute;
  top: 50%;
  inset-inline-start: -1px;
  transform: translateY(-50%);
  color: var(--oit-clr-black);
}
.bi-service-wrap .shape-6 {
  position: absolute;
  top: 50%;
  inset-inline-end: -1px;
  transform: 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) {
  .bi-service-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) {
  .bi-about-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bi-about-mission-card {
  padding: 30px 30px 0 30px;
  border-radius: 20px;
  margin-inline-end: -24px;
  background-color: var(--oit-clr-white);
  border: 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) {
  .bi-about-mission-card {
    margin-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .bi-about-mission-card {
    margin-inline-end: 0;
    padding: 30px 20px 0 20px;
  }
}
.bi-about-mission-card img {
  border-radius: 16px;
}
.bi-about-mission-card .bc-about-accordion {
  margin-inline-start: 0;
}
.bi-about-mission-card .bc-about-accordion .accordion-item:last-child {
  border-bottom: none;
}
.bi-about-mission-card .bc-about-accordion .accordion-item:first-child {
  border-top: none;
}
.bi-about-mission-card .bc-about-accordion .accordion-icon > span {
  background-color: var(--oit-clr-olive);
}
.bi-about-info-card {
  height: 100%;
  border-radius: 20px;
  padding: 35px 40px 40px 40px;
  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), only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-about-info-card {
    padding: 35px 30px;
  }
}
@media (max-width: 767px) {
  .bi-about-info-card {
    padding: 25px 20px;
    height: auto;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-about-info-card {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-about-info-card p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bi-about-info-card p {
    font-size: 14px;
  }
}
.bi-about-info-title {
  font-size: 30px;
  color: var(--oit-clr-olive);
}
.bi-about-content {
  margin-inline-start: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-about-content {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-about-content {
    margin-inline-start: 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) {
  .bi-about-content {
    margin-inline-start: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-about-content .oit-section-box.mb-60 {
    margin-bottom: 35px;
  }
}
.bi-about-thumb {
  height: 100%;
}
.bi-about-thumb img {
  height: 100%;
  object-fit: cover;
}

.bi-card-title {
  font-size: 24px;
  color: var(--oit-clr-olive);
}

@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) {
  .bi-funfact-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bi-funfact-item {
  padding: 38px 20px;
  position: relative;
  height: 100%;
}
@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) {
  .bi-funfact-item {
    padding: 38px 10px;
  }
}
.bi-funfact-bullet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.bi-funfact-bullet::before, .bi-funfact-bullet::after {
  position: absolute;
  top: -4px;
  inset-inline-start: -6px;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--oit-clr-yellow);
}
.bi-funfact-bullet::before {
  top: auto;
  bottom: -7px;
  background-color: var(--oit-clr-yellow);
}
.bi-funfact-bullet.pos-2::before, .bi-funfact-bullet.pos-2::after {
  inset-inline-start: auto;
  inset-inline-end: -4px;
}
.bi-funfact-content span {
  font-size: 20px;
  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) {
  .bi-funfact-content span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bi-funfact-content span {
    font-size: 14px;
  }
}
.bi-funfact-number {
  font-weight: 500;
  font-size: 80px;
  color: var(--oit-clr-yellow);
}
@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) {
  .bi-funfact-number {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .bi-funfact-number {
    font-size: 45px;
  }
}
.bi-funfact-number i {
  font-style: normal;
}
.bi-funfact-wrap {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.bi-funfact-wrap .row [class*=col-] {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.bi-funfact-wrap .row [class*=col-]:nth-child(3n) {
  border-inline-end: none;
}
.bi-funfact-wrap .row [class*=col-]:nth-last-child(-n+3) {
  border-bottom: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-funfact-wrap .row [class*=col-]:nth-child(3n) {
    border-inline-end: 1px solid rgba(255, 255, 255, 0.2);
  }
  .bi-funfact-wrap .row [class*=col-]:nth-child(2n) {
    border-inline-end: none;
  }
  .bi-funfact-wrap .row [class*=col-]:nth-last-child(3n) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 767px) {
  .bi-funfact-wrap .row [class*=col-]:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

.bi-testimonial-style .bc-testimonial-slider-box {
  border-radius: 20px;
  padding: 45px 50px;
  padding-top: 40px;
  margin-inline-start: 0;
  height: 100%;
  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), only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-testimonial-style .bc-testimonial-slider-box {
    padding: 45px 30px;
  }
}
@media (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-slider-box {
    padding: 45px 30px;
    height: auto;
  }
}
.bi-testimonial-style .bc-testimonial-slider-box span svg {
  color: var(--oit-clr-olive);
}
.bi-testimonial-style .bc-testimonial-content p {
  font-size: 30px;
  line-height: 1.67;
  color: var(--oit-clr-olive);
  padding-inline-end: 85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-testimonial-style .bc-testimonial-content p {
    padding-inline-end: 0;
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-testimonial-style .bc-testimonial-content p {
    padding-inline-end: 0;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-content p {
    padding-inline-end: 0;
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-content p {
    font-size: 25px;
  }
}
.bi-testimonial-style .bc-testimonial-content a {
  display: inline-flex;
  gap: 8px;
  margin-bottom: 0;
  align-items: center;
  color: var(--oit-clr-olive);
  border-color: var(--oit-clr-olive);
}
.bi-testimonial-style .bc-testimonial-content a span {
  font-size: 30px;
}
@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) {
  .bi-testimonial-style .bc-testimonial-content a span {
    font-size: 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) {
  .bi-testimonial-style .bc-testimonial-content a span {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-content a span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-content a span {
    font-size: 25px;
  }
}
.bi-testimonial-style .bc-testimonial-content a svg {
  transform: translateY(4px);
}
@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) {
  .bi-testimonial-style .bc-testimonial-content a svg {
    width: 20px;
    height: 15px;
    transform: translateY(2px);
  }
}
@media (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-content a svg {
    width: 15px;
    height: 15px;
    transform: translateY(2px);
  }
}
.bi-testimonial-style .bc-testimonial-thumb {
  margin-inline-end: 64px;
  height: 100%;
}
@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) {
  .bi-testimonial-style .bc-testimonial-thumb {
    margin-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .bi-testimonial-style .bc-testimonial-thumb {
    margin-inline-end: 0;
    height: auto;
  }
}
.bi-testimonial-style .bc-testimonial-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-testimonial-style .bc-testimonial-author-info .common-title {
    font-size: 18px;
  }
}
.bi-testimonial-author .title {
  font-size: 20px;
}
.bi-testimonial-author span {
  font-size: 14px;
}
.bi-testimonial-author-info {
  gap: 15px;
  border-radius: 1000px;
  padding: 17px 20px;
  padding-inline-end: 60px;
  display: inline-block;
  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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-contact-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-contact-area .oit-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-contact-left {
    margin-bottom: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bi-contact-left .oit-section-title {
    font-size: 40px;
  }
}
.bi-contact-left .bc-price-contact-info:not(:last-child) {
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .bi-contact-left .bc-price-contact-info:not(:last-child) {
    margin-bottom: 15px;
  }
}
.bi-contact-left .bc-price-contact-info a {
  color: var(--oit-clr-olive);
}
@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) {
  .bi-contact-left .bc-price-contact-info a {
    padding-inline-start: 30px;
  }
}
.bi-contact-left .bc-price-contact-info a svg {
  color: var(--oit-clr-olive);
}
@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) {
  .bi-contact-left .bc-price-contact-info a svg {
    top: 5px;
    height: 18px;
  }
}
.bi-contact-left .common-title.mb-30 {
  color: var(--oit-clr-olive);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-contact-left .common-title.mb-30 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.bi-contact-form {
  padding: 40px;
  padding-bottom: 50px;
  border-radius: 20px;
  backdrop-filter: blur(40px);
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .bi-contact-form {
    padding: 30px;
  }
}
.bi-contact-form label {
  font-weight: 600;
  line-height: 1.44;
  margin-bottom: 8px;
  color: var(--oit-clr-olive);
}
.bi-contact-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) {
  .bi-contact-form .nice-select {
    height: 50px;
    line-height: 50px;
  }
}
.bi-contact-form .nice-select::after {
  border-bottom: 1px solid #04051B;
  border-right: 1px solid #04051B;
  right: 25px;
}
.bi-contact-input-box input, .bi-contact-input-box textarea {
  padding: 0 25px;
  height: 60px;
  line-height: 60px;
  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) {
  .bi-contact-input-box input, .bi-contact-input-box textarea {
    height: 50px;
    line-height: 50px;
  }
}
.bi-contact-input-box input::placeholder, .bi-contact-input-box textarea::placeholder {
  font-size: 14px;
  color: var(--oit-clr-olive);
}
.bi-contact-input-box input:focus, .bi-contact-input-box textarea:focus {
  border-color: var(--oit-clr-olive);
}
.bi-contact-input-box textarea {
  padding: 20px 25px;
  height: 250px;
  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) {
  .bi-contact-input-box textarea {
    height: 170px;
  }
}

@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) {
  .bi-blog-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.bi-blog-thumb {
  border-radius: 26px;
  overflow: hidden;
  outline: 1px solid rgba(56, 63, 62, 0.1);
}
.bi-blog-item {
  padding: 20px;
  padding-bottom: 40px;
  border-radius: 30px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bi-blog-item .common-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bi-blog-item .common-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bi-blog-item .common-title {
    font-size: 22px;
  }
}
.bi-blog-content {
  padding: 0 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) {
  .bi-blog-content {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-blog-content {
    padding: 0 20px;
  }
}
.bi-blog-meta span {
  display: flex;
  gap: 7px;
  align-items: center;
}
.bi-blog-meta span svg {
  transform: translateY(-1px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bi-blog-meta {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bi-blog-meta {
    display: block;
  }
}

/*----------------------------------------*/
/*  5.5 business-investment coach css
/*----------------------------------------*/
.bs-hero-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 260px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-hero-area {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-hero-area {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-hero-area {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .bs-hero-area {
    padding-top: 150px;
  }
}
.bs-hero-area .ic-hero-funfact-box {
  margin-bottom: 15px;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.bs-hero-area .bs-hero-funfact-wrap {
  padding: 20px;
  margin-inline-end: 0;
  border-radius: 14px;
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bs-hero-area .bs-hero-funfact-wrap {
    margin-top: 50px;
  }
}
.bs-hero-area .bs-hero-funfact-wrap .chart-label {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.bs-hero-area .ic-hero-funfact-item {
  text-align: center;
  padding: 28px 40px;
  border-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-hero-area .ic-hero-funfact-item {
    padding: 20px 20px;
  }
}
.bs-hero-area .ic-hero-funfact-item p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.bs-hero-area .ic-hero-funfact-item .number {
  font-size: 35px;
}
.bs-hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bs-hero-video video {
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
}
.bs-hero-overlay {
  position: relative;
  z-index: 1;
}
.bs-hero-overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(4, 5, 27, 0.8);
}
.bs-hero-subtitle {
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.bs-hero-title {
  font-weight: 700;
  font-size: 90px;
  line-height: 1.1;
  letter-spacing: -3px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bs-hero-title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-hero-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-hero-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-hero-title {
    font-size: 68px;
  }
}
@media (max-width: 767px) {
  .bs-hero-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bs-hero-title {
    font-size: 56px;
  }
}
.bs-hero-content {
  padding-inline-start: 60px;
  margin-bottom: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-hero-content {
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-hero-content {
    padding-inline-start: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bs-hero-content {
    padding-inline-start: 0;
    margin-bottom: 0;
  }
}
.bs-hero-content p {
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
}
@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) {
  .bs-hero-content p {
    padding-inline-end: 130px;
  }
}

.chart-area {
  position: relative;
  height: 75px;
  margin-bottom: 10px;
}

.chart-bars {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 100%;
}

.bar {
  flex: 1;
  border-radius: 3px 3px 0 0;
  opacity: 0.9;
  transition: opacity 0.2s;
}

.bar:hover {
  opacity: 1;
}

.bs-hero-funfact-wrap {
  width: 100%;
}

.bs-brand-area {
  backdrop-filter: blur(20px);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.bs-brand-area .bi-brand-logo {
  height: auto;
  padding: 29px 60px;
  border-inline-start: 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), (max-width: 767px) {
  .bs-about-area {
    padding: 90px 0;
  }
}
.bs-about-area .bc-about-accordion {
  margin-inline-start: 0;
}
.bs-about-area .accordion-item {
  padding: 16px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-about-area .oit-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-about-area .oit-section-title {
    font-size: 38px;
  }
}
.bs-about-thumb-wrap {
  padding-top: 120px;
  padding-bottom: 85px;
  padding-inline-start: 120px;
  padding-inline-end: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-about-thumb-wrap {
    padding: 0;
    padding-bottom: 80px;
    padding-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-about-thumb-wrap {
    margin-top: 70px;
    padding: 0;
    padding-bottom: 80px;
    padding-inline-start: 20px;
  }
}
@media (max-width: 767px) {
  .bs-about-thumb-wrap {
    margin-top: 70px;
    padding: 0;
    padding-inline-start: 0;
  }
}
.bs-about-thumb-wrap img {
  border-radius: 20px;
}
.bs-about-thumb-sm {
  position: absolute;
  inset-inline-start: 8%;
  top: 0;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  mask-size: contain;
  mask-repeat: no-repeat;
  z-index: 1;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}
.bs-about-thumb-sm img {
  width: 430px;
  border-radius: 20px;
}
.bs-about-experience {
  position: absolute;
  bottom: 0;
  z-index: 3;
  inset-inline-end: 3%;
  padding: 40px 30px;
  padding-bottom: 65px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--oit-clr-blue);
  margin-left: auto;
  margin-right: auto;
  mask-size: contain;
  mask-repeat: no-repeat;
  z-index: 1;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}
.bs-about-experience span {
  font-weight: 500;
  font-size: 65px;
  display: block;
  line-height: 1.15;
}
.bs-about-experience span span {
  font-size: 24px;
}
.bs-about-experience p {
  font-weight: 500;
  font-size: 30px;
}

@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) {
  .bs-service-area .oit-section-title {
    font-size: 43px;
  }
}
.bs-service-card {
  padding: 20px;
  gap: 35px;
  border-radius: 10px;
  border: 1px solid rgba(56, 63, 62, 0.1);
  background-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) {
  .bs-service-card {
    gap: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-service-card {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .bs-service-card {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bs-service-card .common-title {
    font-size: 24px;
  }
}
.bs-service-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.bs-service-card-content > span {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
  color: rgba(56, 63, 62, 0.8);
}
.bs-service-card-content p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.02em;
  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), (max-width: 767px) {
  .bs-service-card-content p {
    font-size: 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) {
  .bs-service-card-content .common-title {
    font-size: 22px;
  }
}
.bs-service-card-roi h5 {
  font-size: 20px;
  line-height: 1;
  display: flex;
  gap: 50px;
  color: var(--oit-text-body);
  align-items: 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) {
  .bs-service-card-roi h5 {
    font-size: 16px;
  }
}
.bs-service-card-roi h5 span {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.33;
  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) {
  .bs-service-card-roi h5 span {
    font-size: 18px;
  }
}
.bs-service-card-arrow {
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  bottom: 10px;
  inset-inline-end: 10px;
  border-radius: 10px;
  color: var(--oit-clr-black);
  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) {
  .bs-service-card-arrow {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.bs-service-card-arrow svg {
  display: inline-block;
  transform: translateY(2px);
}
.bs-service-card-arrow:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-blue);
}
.bs-service-thumb {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-service-thumb {
    width: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .bs-service-thumb {
    width: 100%;
  }
}
.bs-service-thumb img {
  border-radius: 8px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.bs-service-list {
  margin-inline-start: 56px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-service-list {
    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) {
  .bs-service-list {
    margin-inline-start: 0;
    margin-top: 50px;
  }
}

.oit-top-border {
  border-top: 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) {
  .bs-step-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bs-step-wrap {
  border-radius: 20px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bs-step-thumb {
  padding: 60px;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .bs-step-thumb {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .bs-step-thumb {
    padding: 15px;
    border-bottom: none;
  }
}
.bs-step-thumb img {
  width: 100%;
}
.bs-step-thumb-wrap {
  height: 100%;
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .bs-step-thumb-wrap {
    border: none;
  }
}
.bs-step-btn {
  padding: 50px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-step-btn {
    padding: 30px 15px;
  }
}
@media (max-width: 767px) {
  .bs-step-btn {
    padding: 30px 15px;
    padding-bottom: 40px;
  }
}
.bs-step-list {
  display: flex;
  gap: 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) {
  .bs-step-list {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .bs-step-list {
    gap: 10px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-step-list .common-title {
    font-size: 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) {
  .bs-step-list .common-title {
    font-size: 20px;
  }
}
@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) {
  .bs-step-list p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bs-step-list p {
    font-size: 14px;
  }
}
.bs-step-list-wrap {
  position: relative;
  z-index: 1;
  margin: 55px 65px;
  margin-bottom: 35px;
}
@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) {
  .bs-step-list-wrap {
    margin: 30px;
  }
}
@media (max-width: 767px) {
  .bs-step-list-wrap {
    margin: 30px 15px;
  }
}
.bs-step-list-wrap::after {
  position: absolute;
  content: "";
  top: 2%;
  inset-inline-start: 2.5%;
  width: 1px;
  height: 78%;
  z-index: -1;
  background: rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-step-list-wrap::after {
    inset-inline-start: 3.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-step-list-wrap::after {
    height: 82%;
  }
}
@media (max-width: 767px) {
  .bs-step-list-wrap::after {
    inset-inline-start: 3.5%;
  }
}
.bs-step-icon {
  padding-top: 6px;
  color: #E2E6E5;
}
@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) {
  .bs-step-icon svg {
    height: 20px;
    width: 30px;
  }
}

.bs-choose-style .ic-choose-item {
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bs-choose-style .ic-choose-item span {
  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), (max-width: 767px) {
  .bs-team-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) {
  .bs-team-wrap.white-bg.pb-130 {
    padding-bottom: 90px;
  }
}
.bs-team-item {
  border-radius: 10px;
  overflow: hidden;
  outline: 3px solid var(--oit-clr-blue);
}
.bs-team-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 190px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.31) 60%, rgba(0, 0, 0, 0.7) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(6px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 40%, black 100%);
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: 0.4s;
}
.bs-team-item:hover::after {
  opacity: 1;
}
.bs-team-item:hover .bs-team-content {
  transform: scaleX(1);
  opacity: 1;
}
.bs-team-content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  transition: 0.4s;
  transform: scaleX(-1);
  opacity: 0;
}
.bs-team-author .title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
  color: var(--oit-clr-white);
}
.bs-team-author span {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(245, 255, 249, 0.8);
}
.bs-team-social {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.bs-team-social a {
  color: var(--oit-clr-white);
}
.bs-team-social a:hover {
  transform: scale(1.2);
  color: var(--oit-clr-green);
}
.bs-team-active {
  margin: -10px -280px;
  padding: 20px;
  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) {
  .bs-team-active {
    margin: -10px 0;
  }
}
.bs-team-active-2 {
  margin: -10px -280px;
  padding: 20px;
  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) {
  .bs-team-active-2 {
    margin: -10px 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) {
  .bs-leading-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bs-leading-wrap {
  padding: 65px;
  border-radius: 30px;
  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) {
  .bs-leading-wrap {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .bs-leading-wrap {
    padding: 35px 20px;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-leading-wrap .oit-section-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-leading-wrap .oit-section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bs-leading-content {
    margin-bottom: 50px;
  }
}
.bs-leading-content p {
  position: relative;
  padding-inline-start: 15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bs-leading-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) {
  .bs-leading-content p {
    font-size: 18px;
  }
  .bs-leading-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .bs-leading-content p {
    font-size: 15px;
  }
}
.bs-leading-content p::after {
  position: absolute;
  content: "";
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 80%;
  background-color: var(--oit-clr-blue);
}
.bs-leading-stats .value {
  font-weight: 500;
  font-size: 45px;
  margin-bottom: 0;
  display: flex;
  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) {
  .bs-leading-stats .value {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .bs-leading-stats .value {
    font-size: 20px;
  }
}
.bs-leading-stats .value i {
  font-style: normal;
}
.bs-leading-stats span {
  font-size: 20px;
  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) {
  .bs-leading-stats span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bs-leading-stats span {
    font-size: 14px;
  }
}
.bs-leading-stats-wrap {
  display: flex;
  gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bs-leading-stats-wrap {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .bs-leading-stats-wrap {
    gap: 20px;
  }
}
.bs-leading-thumb {
  height: 100%;
}
@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) {
  .bs-leading-thumb img {
    height: 100%;
    object-fit: cover;
  }
}

.bs-testimonial-style .bm-testimonial-content {
  background: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.bs-testimonial-style .bm-testimonial-content p {
  color: var(--oit-clr-black);
}
.bs-testimonial-style .bm-testimonial-author-title {
  color: var(--oit-clr-black);
}
.bs-testimonial-style .bm-testimonial-author-info span {
  color: rgba(4, 5, 27, 0.6);
}

.bs-contact-style .bc-price-contact-info a svg {
  color: var(--oit-clr-blue);
}
.bs-contact-style .bi-contact-input-box textarea {
  height: 238px;
}
@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) {
  .bs-contact-style .bi-contact-input-box textarea {
    height: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-contact-style .oit-section-title {
    font-size: 48px;
  }
}
.bs-contact-style .bi-contact-left .common-title {
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bs-contact-style .bi-contact-left .common-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-contact-style .bi-contact-left .common-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .bs-contact-style .bi-contact-left .common-title {
    font-size: 20px;
  }
}
.bs-contact-style .bi-contact-left .bc-price-contact-info a {
  color: var(--oit-clr-black);
}
.bs-contact-style .bi-contact-form label {
  color: var(--oit-clr-black);
}
.bs-contact-style .bi-contact-input-box input::placeholder, .bs-contact-style .bi-contact-input-box textarea::placeholder {
  color: var(--oit-clr-black);
}
.bs-contact-style .nice-select span {
  color: var(--oit-clr-black);
}

.bs-blog-style .bi-blog-item {
  background-color: var(--oit-clr-white);
}
.bs-blog-style .bi-blog-thumb img {
  border: none;
}

.bs-footer-style {
  background-color: var(--oit-clr-dark-navy);
}

/*----------------------------------------*/
/*  5.3 business management css
/*----------------------------------------*/
.bm-hero-title {
  font-weight: 700;
  font-size: 150px;
  line-height: 1;
  letter-spacing: -2px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bm-hero-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-hero-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-hero-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-hero-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-hero-title {
    font-size: 80px;
    letter-spacing: 1;
  }
}
@media (max-width: 767px) {
  .bm-hero-title {
    font-size: 44px;
    letter-spacing: 1;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-hero-title {
    font-size: 64px;
    letter-spacing: 1;
  }
}
.bm-hero-content {
  padding-inline-start: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-hero-content {
    padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-hero-content {
    padding-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-hero-content {
    padding-inline-start: 0;
  }
}
@media (max-width: 767px) {
  .bm-hero-content {
    padding-inline-start: 0;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-hero-content {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-hero-text.pl-200 {
    padding-inline-start: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-hero-text.pl-200 {
    padding: 0 70px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bm-hero-text.pl-200 {
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-hero-text.pl-200 {
    padding-inline-start: 70px;
  }
}
.bm-hero-wrap {
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .bm-hero-wrap {
    border-left: none;
    border-right: 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) {
  .bm-hero-wrap .bi-hero-client-box img {
    width: 100px;
  }
}
.bm-hero-wrap .bi-hero-client-box p {
  font-size: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-hero-wrap .bi-hero-client-box p {
    font-size: 14px;
  }
}
.bm-hero-wrap .bi-hero-client-box p span {
  font-weight: 700;
}
.bm-hero-social {
  display: flex;
  gap: 6px;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-hero-social {
    justify-content: center;
  }
}
.bm-hero-social a {
  height: 50px;
  width: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 4px;
  color: var(--oit-clr-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: 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) {
  .bm-hero-social a {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.bm-hero-social a svg {
  height: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-hero-social a svg {
    height: 15px;
  }
}
.bm-hero-social a:hover {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
.bm-hero-contact {
  margin-inline-start: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-hero-contact {
    margin-inline-start: 20px;
  }
}
@media (max-width: 767px) {
  .bm-hero-contact {
    margin-inline-start: 0;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-hero-contact {
    margin-top: 0;
  }
}
.bm-hero-contact a {
  font-size: 30px;
  line-height: 1.33;
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
  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) {
  .bm-hero-contact a {
    font-size: 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) {
  .bm-hero-contact a {
    font-size: 18px;
  }
}
.bm-hero-contact a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 22%;
  z-index: 1;
  transition: 0.4s;
  background-color: var(--oit-clr-white);
}
.bm-hero-contact a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.bm-hero-contact a:hover::before {
  width: 100%;
}
.bm-hero-content-box {
  padding-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-hero-content-box {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .bm-hero-content-box {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-hero-content-box {
    padding-top: 60px;
  }
}
.bm-hero-stats {
  padding: 36px 0;
  position: relative;
}
.bm-hero-stats::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: -25%;
  width: 150%;
  height: 1px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
}
.bm-hero-thumb {
  position: absolute;
  top: 20px;
  inset-inline-end: 0;
  gap: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-hero-thumb {
    width: 330px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-hero-thumb {
    width: 330px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-hero-thumb {
    display: none !important;
  }
}
.bm-hero-thumb span {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.04em;
  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) {
  .bm-hero-thumb span {
    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) {
  .bm-about-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-about-style .oit-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-about-style .oit-section-title {
    font-size: 40px;
  }
}
.bm-about-style .bc-about-content {
  margin-inline-start: 100px;
  margin-inline-end: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-about-style .bc-about-content {
    margin-inline-start: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-about-style .bc-about-content {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-about-style .bc-about-content {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-about-style .bc-about-content {
    margin-inline-start: 0;
  }
}
.bm-about-style .bc-about-content span.line {
  width: 435px;
  background-color: 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) {
  .bm-about-style .bc-about-content span.line {
    width: 100%;
  }
}
.bm-about-style .bc-about-content span.line::after {
  background-color: var(--oit-clr-teal);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .bm-about-style .bc-about-content p br {
    display: none;
  }
}
.bm-about-style .bm-about-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-about-style .bm-about-thumb {
    margin-top: 50px;
    height: auto;
  }
}
.bm-about-style .bm-about-thumb img {
  width: inherit;
}
@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) {
  .bm-about-style .bm-about-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.bm-service-style {
  margin: 0 100px;
  border-left: 1px solid rgba(56, 63, 62, 0.1);
  border-right: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .bm-service-style {
    margin: 0 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-service-style {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-service-style {
    margin: 0 10px;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-service-style {
    margin: 0 10px;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-service-style {
    margin: 0;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bm-service-style .bc-about-accordion {
  margin-inline-end: 0;
  border-inline-end: none;
  border-inline-start: 1px solid rgba(7, 43, 50, 0.08);
}
.bm-service-style .bc-service-wrap .accordion-item {
  padding: 31px 30px;
  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) {
  .bm-service-style .bc-service-wrap .accordion-item {
    padding: 21px 30px;
  }
}
.bm-service-style .bc-service-wrap .accordion-item:last-child {
  border-bottom: none;
}
.bm-service-style .accordion-button span {
  font-size: 30px;
  display: block;
  color: var(--oit-clr-green-dark);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-service-style .accordion-button span {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-service-style .accordion-button span {
    font-size: 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) {
  .bm-service-style .accordion-button span {
    font-size: 20px;
  }
}
.bm-service-style .accordion-button span > span.number {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--oit-text-body);
}
.bm-service-style .accordion-button:not(.collapsed) span.number {
  visibility: visible;
  display: block;
}
.bm-service-style .accordion-button.collapsed span.number {
  visibility: hidden;
  display: none;
  transition: 0.3s;
}
.bm-service-style .bc-service-wrap {
  border-radius: 0;
  border: none;
  border-top: 1px solid rgba(56, 63, 62, 0.1);
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
.bm-service-style .accordion-body {
  padding-bottom: 15px;
  padding-inline-start: 0;
}
.bm-service-style .accordion-body p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.02em;
  margin-inline-end: 90px;
  padding-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-service-style .accordion-body 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) {
  .bm-service-style .accordion-body p {
    margin-inline-end: 0;
    padding-inline-end: 0;
  }
}
.bm-service-thumb {
  height: 100%;
  margin-inline-start: -35px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-service-thumb {
    margin-inline-start: 0;
  }
}
.bm-service-thumb img {
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-service-thumb img {
    width: 100%;
  }
}
.bm-service-nav {
  padding: 50px 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-service-nav {
    padding: 40px 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-service-nav {
    padding: 30px 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-service-nav {
    padding: 30px 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) {
  .bm-service-nav {
    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) {
  .bm-service-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: max-content;
    gap: 6px;
  }
}
.bm-service-nav ul li {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-service-nav ul li {
    width: auto;
    display: inline-block;
    width: 15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-service-nav ul li {
    width: auto;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .bm-service-nav ul li {
    width: 50%;
    margin-bottom: 15px;
  }
}
.bm-service-nav ul li button {
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-service-nav ul li button {
    padding: 0;
  }
}
.bm-service-nav ul li button span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--oit-clr-black);
}
@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) {
  .bm-service-nav ul li button span {
    font-size: 16px;
  }
}
.bm-service-nav ul li button span::before {
  display: inline-block;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50%;
  transform: translateY(-3px);
  margin-inline-end: 10px;
  background-color: var(--oit-clr-green-dark);
}
.bm-service-nav ul li button.nav-link.active {
  margin-inline-start: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-service-nav ul li button.nav-link.active {
    margin-inline-start: 0;
    margin-top: -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) {
  .bm-work-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bm-work-accordion .accordion-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bm-work-accordion .accordion-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.bm-work-accordion .accordion-button span {
  font-weight: 600;
  font-size: 30px;
  display: inline-block;
  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) {
  .bm-work-accordion .accordion-button span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-work-accordion .accordion-button span {
    font-size: 26px;
    font-weight: 500;
  }
}
@media (max-width: 767px) {
  .bm-work-accordion .accordion-button span {
    font-size: 16px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-work-accordion .accordion-button span {
    font-size: 22px;
  }
}
.bm-work-accordion .accordion-button span .number {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-align: center;
  padding-inline-end: 20px;
}
@media (max-width: 767px) {
  .bm-work-accordion .accordion-button span .number {
    font-size: 12px;
    padding-inline-end: 10px;
  }
}
.bm-work-accordion .accordion-body {
  padding-top: 20px;
}
.bm-work-accordion .accordion-body p {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
  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) {
  .bm-work-accordion .accordion-body p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-work-accordion .accordion-body p {
    font-size: 14px;
  }
  .bm-work-accordion .accordion-body p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-work-accordion .accordion-body p {
    margin-inline-end: 60px;
  }
}
@media (max-width: 767px) {
  .bm-work-accordion .accordion-body p {
    font-size: 14px;
  }
  .bm-work-accordion .accordion-body p br {
    display: none;
  }
}
.bm-work-accordion-thumb {
  display: flex;
  gap: 10px;
}
.bm-work-accordion-thumb img {
  height: 130px;
  width: auto;
}
@media (max-width: 767px) {
  .bm-work-accordion-thumb img {
    object-fit: contain;
    height: auto;
    border-radius: 10px;
  }
}
.bm-work-wrap {
  margin-inline-start: 90px;
  margin-inline-end: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-work-wrap {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-work-wrap {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-work-wrap {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-work-wrap {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-bottom: 50px;
    height: auto;
  }
}
.bm-work-thumb {
  margin-inline-start: 20px;
}
@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) {
  .bm-work-thumb {
    margin-inline-start: 0;
    height: 100%;
  }
}
.bm-work-thumb img {
  max-width: inherit;
  border-radius: 20px;
}
@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) {
  .bm-work-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) {
  .bm-team-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.bm-team-info {
  transition: 0.3s;
}
.bm-team-info span {
  transition: 0.3s;
  font-size: 14px;
}
.bm-team-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0;
  transition: 0.3s;
  font-family: var(--oit-text-body);
}
.bm-team-thumb img {
  border-radius: 8px;
}
.bm-team-item {
  padding: 10px;
  border-radius: 10px;
  transition: background-color 0.3s ease;
}
.bm-team-item:hover {
  background-color: var(--oit-clr-green-dark);
}
.bm-team-item:hover .bm-team-title {
  color: var(--oit-clr-white);
}
.bm-team-item:hover .bm-team-info {
  padding-inline-start: 10px;
}
.bm-team-item:hover .bm-team-info span {
  color: #CFD3D3;
}
.bm-team-top-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.33;
  margin-bottom: 0;
  padding: 30px 30px;
  border: 1px solid rgba(56, 63, 62, 0.1);
  border-top: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-team-top-title {
    font-size: 20px;
    padding: 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) {
  .bm-team-top-title {
    font-size: 20px;
    padding: 20px;
    border: 1px solid rgba(56, 63, 62, 0.1);
  }
}
.bm-team-border {
  border-top: 1px solid rgba(56, 63, 62, 0.1);
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-team-border .oit-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-team-border .oit-section-title {
    font-size: 32px;
  }
}
.bm-team-wrap {
  padding: 20px 20px;
  padding-bottom: 25px;
  border-inline-start: 1px solid rgba(56, 63, 62, 0.1);
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
.bm-team-nav ul li {
  display: block;
  width: 100%;
}
.bm-team-nav ul li button {
  transition: 0.3s;
  padding: 22px 30px;
  width: 100%;
  text-align: start;
  border-top: 1px solid rgba(56, 63, 62, 0.1);
}
.bm-team-nav ul li button span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--oit-clr-black);
}
.bm-team-nav ul li button span::before {
  display: inline-block;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50%;
  transform: translateY(-3px);
  margin-inline-end: 10px;
  background-color: var(--oit-clr-green-dark);
}
.bm-team-nav ul li button.nav-link.active {
  padding-inline-start: 45px;
}
.bm-team-nav-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline-start: -35px;
  border-inline-start: 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) {
  .bm-team-nav-wrap {
    height: auto;
    flex-direction: row;
    margin-inline-start: 0;
  }
}
@media (max-width: 767px) {
  .bm-team-nav-wrap {
    height: auto;
    flex-wrap: wrap;
    margin-inline-start: 0;
    border: 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) {
  .bm-team-nav-wrap .bm-team-nav {
    border-inline-start: 1px solid rgba(56, 63, 62, 0.1);
    border-inline-end: 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) {
  .bm-team-nav-wrap .bm-team-nav ul, .bm-team-nav-wrap .bm-team-nav button {
    height: 100%;
  }
}
.bm-team-nav-wrap .oit-section-box {
  padding: 40px 10px 40px 30px;
}
@media (max-width: 767px) {
  .bm-team-nav-wrap .oit-section-box {
    padding: 0 0 40px 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) {
  .bm-faq-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.bm-faq-wrap .bc-schedule-info-wrap {
  height: auto;
  margin-inline-start: 0;
  margin-inline-end: -20px;
  background-color: var(--oit-clr-green-dark);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-faq-wrap .bc-schedule-info-wrap {
    width: 380px;
    margin-inline-end: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .bm-faq-wrap .bc-schedule-info-wrap {
    width: 100%;
    margin-inline-end: 0;
    margin-bottom: 50px;
  }
}
.bm-faq-wrap .bc-schedule-info-wrap .shape {
  top: -50%;
  opacity: 0.4;
  inset-inline-end: -31%;
  mix-blend-mode: luminosity;
}
@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) {
  .bm-faq-wrap .bc-schedule-info-wrap .shape {
    inset-inline-end: -47%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-faq-wrap .bc-schedule-info-wrap .shape {
    top: -55%;
    inset-inline-end: -32%;
  }
}
.bm-faq-wrap .bm-work-accordion {
  margin-inline-start: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 0;
  }
}
.bm-faq-wrap .bm-work-accordion .accordion-button span {
  color: var(--oit-clr-green-dark);
}
.bm-faq-wrap .bm-work-accordion .accordion-button span.number {
  font-size: 14px;
  font-weight: 500;
  transform: translateY(-4px);
  flex: 0 0 auto;
}
.bm-faq-wrap .bm-work-accordion .accordion-button:not(.collapsed) .accordion-icon span:first-child {
  transform: translate(-50%, -50%) rotate(0);
}
.bm-faq-wrap .bm-work-accordion .accordion-body {
  padding-inline-start: 42px;
  padding-inline-end: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-faq-wrap .bm-work-accordion .accordion-body {
    padding-inline-end: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-faq-wrap .bm-work-accordion .accordion-body {
    padding-inline-end: 20px;
  }
}
@media (max-width: 767px) {
  .bm-faq-wrap .bm-work-accordion .accordion-body {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-faq-wrap .bm-work-accordion .accordion-body {
    padding-inline-start: 40px;
    padding-inline-end: 30px;
  }
}
.bm-faq-wrap .bm-work-accordion .accordion-body p {
  margin-bottom: 0;
  color: var(--oit-clr-black);
  padding-inline-end: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-faq-wrap .bm-work-accordion .accordion-body p {
    font-size: 16px;
    padding-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .bm-faq-wrap .bm-work-accordion .accordion-body p {
    font-size: 14px;
    padding-inline-end: 0;
  }
}
.bm-faq-wrap .bm-work-accordion .accordion-item {
  padding: 39px 0;
  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) {
  .bm-faq-wrap .bm-work-accordion .accordion-item {
    padding: 25px 0;
  }
}
.bm-faq-wrap .bm-work-accordion .accordion-icon {
  position: relative;
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--oit-clr-green-dark);
}
@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) {
  .bm-faq-wrap .bm-work-accordion .accordion-icon {
    height: 30px;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.bm-faq-wrap .bm-work-accordion .accordion-icon > span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  height: 2px;
  width: 20px;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  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) {
  .bm-faq-wrap .bm-work-accordion .accordion-icon > span {
    width: 10px;
  }
}
.bm-faq-wrap .bm-work-accordion .accordion-icon > span:first-child {
  position: absolute;
  transition: 0.3s;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.bm-faq-contact-panel {
  height: 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) {
  .bm-faq-contact-panel {
    height: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-faq-contact-panel .oit-section-title {
    font-size: 44px;
  }
}

@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) {
  .bm-testimonial-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-testimonial-author-info {
    flex-wrap: wrap;
  }
}
.bm-testimonial-author-info img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-inline-end: 15px;
  flex: 0 0 auto;
  border: 1px solid var(--oit-clr-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-testimonial-author-info img {
    margin-bottom: 10px;
  }
}
.bm-testimonial-author-info span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.bm-testimonial-content {
  padding: 35px 40px;
  border-radius: 20px;
  backdrop-filter: blur(40px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@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) {
  .bm-testimonial-content {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-testimonial-content {
    padding: 35px 15px;
  }
}
.bm-testimonial-content p {
  font-size: 20px;
  line-height: 1.5;
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-testimonial-content p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-testimonial-content p {
    font-size: 15px;
    margin-bottom: 30px;
  }
}
.bm-testimonial-thumb {
  flex: 0 0 auto;
  height: 100%;
}
@media (max-width: 767px) {
  .bm-testimonial-thumb {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-testimonial-thumb {
    width: auto;
  }
}
.bm-testimonial-thumb img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .bm-testimonial-thumb img {
    width: 100%;
  }
}
.bm-testimonial-item {
  display: flex;
  gap: 25px;
}
@media (max-width: 767px) {
  .bm-testimonial-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bm-testimonial-item {
    flex-wrap: nowrap;
  }
}
.bm-testimonial-active {
  margin: 0 -160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-testimonial-active {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-testimonial-active {
    margin: 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-testimonial-active {
    margin: 0 20px;
  }
}
.bm-testimonial-ratting {
  gap: 15px;
  backdrop-filter: blur(40px);
  padding: 21px 30px 21px 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.bm-testimonial-ratting > span {
  height: 67px;
  width: 67px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-white);
}
.bm-testimonial-ratting .title {
  font-weight: 600;
  font-size: 18px;
  color: var(--oit-clr-white);
}
.bm-testimonial-ratting div span {
  color: #E4B600;
}
.bm-testimonial-ratting.review-box div span {
  display: flex;
  align-items: center;
  color: #E4B600;
}
.bm-testimonial-ratting.review-box div span b {
  font-weight: 600;
  font-size: 24px;
  margin-inline-end: 5px;
  color: var(--oit-clr-white);
}
.bm-testimonial-ratting-wrap {
  display: flex;
  gap: 16px;
  justify-content: end;
}
@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) {
  .bm-testimonial-area.pt-130.pb-130 {
    padding: 90px 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) {
  .bm-blog-area {
    padding: 90px 0;
  }
}
.bm-blog-thumb {
  margin-inline-end: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-blog-thumb {
    height: 100%;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-blog-thumb {
    height: auto;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-blog-thumb .oit-section-title.fsz-45 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-blog-thumb .oit-section-title.fsz-45 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-blog-thumb .oit-section-title.fsz-45 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .bm-blog-thumb .oit-section-title.fsz-45 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-blog-thumb p {
    font-size: 16px;
  }
  .bm-blog-thumb p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .bm-blog-thumb p {
    font-size: 14px;
  }
  .bm-blog-thumb p br {
    display: none;
  }
}
.bm-blog-thumb img {
  width: 100%;
}
@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) {
  .bm-blog-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
.bm-blog-thumb::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.7) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(6px);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 40%, black 100%);
  bottom: 0;
  left: 0;
  transition: 0.4s;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .bm-blog-thumb::after {
    height: 70%;
  }
}
.bm-blog-thumb .bc-blog-content {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  margin: 50px;
  padding: 0;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-blog-thumb .bc-blog-content {
    margin: 30px;
  }
}
@media (max-width: 767px) {
  .bm-blog-thumb .bc-blog-content {
    margin: 20px;
  }
}
.bm-blog-thumb .bc-blog-content p {
  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), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-blog-meta {
    margin-bottom: 17px;
  }
}
.bm-blog-meta span {
  font-size: 18px;
  padding-inline-end: 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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-blog-meta span {
    font-size: 16px;
  }
}
.bm-blog-meta span:not(:last-child)::after {
  display: inline-block;
  content: "";
  height: 10px;
  width: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-inline-start: 10px;
  background-color: var(--oit-clr-green-dark);
}
@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) {
  .bm-blog-meta span:not(:last-child)::after {
    height: 5px;
    width: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: translateY(-3px);
  }
}
.bm-blog-title {
  font-size: 40px;
  line-height: 1.1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bm-blog-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-blog-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-blog-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .bm-blog-title {
    font-size: 25px;
  }
  .bm-blog-title br {
    display: none;
  }
}
.bm-blog-wrap {
  margin-inline-start: 115px;
}
@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) {
  .bm-blog-wrap {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-blog-wrap {
    margin-inline-start: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .bm-blog-wrap {
    margin-inline-start: 0;
  }
}
.bm-blog-wrap .bm-blog-item {
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-blog-wrap .bm-blog-item {
    padding-top: 30px;
  }
}
.bm-blog-wrap .bm-blog-item:not(:first-child) {
  padding-top: 30px;
}
.bm-blog-top-wrap {
  padding: 0 90px;
  margin-bottom: 75px;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .bm-blog-top-wrap {
    padding: 0 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .bm-blog-top-wrap {
    padding: 0 15px;
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.bm-footer-logo {
  padding: 60px 40px;
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .bm-footer-logo {
    padding: 40px 20px;
  }
}
.bm-footer-wrap {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.bm-footer-wrap .bi-footer-widget-menu {
  transform: translateX(0);
  padding: 40px 40px;
  margin: 0;
  margin-inline-end: -63px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bm-footer-wrap .bi-footer-widget-menu {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .bm-footer-wrap .bi-footer-widget-menu {
    padding: 25px;
    margin-inline-end: 0;
  }
}
.bm-footer-wrap .bi-footer-widget-menu ul {
  gap: 7px;
}
.bm-footer-init-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-inline-start: 60px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .bm-footer-init-wrap {
    margin-inline-start: 0;
    border-inline-start: none;
  }
}
.bm-footer-social {
  display: flex;
  padding: 40px;
  gap: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .bm-footer-social {
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .bm-footer-social {
    justify-content: center;
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-footer-social {
    padding: 20px;
    justify-content: center;
    gap: 10px;
  }
}
.bm-footer-social a {
  height: 120px;
  width: 120px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  color: var(--oit-clr-white);
  outline: 1px solid rgba(255, 255, 255, 0.1);
}
@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) {
  .bm-footer-social a {
    height: 70px;
    width: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-footer-social a {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 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) {
  .bm-footer-social a svg {
    height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bm-footer-social a svg {
    height: 12px;
  }
}
.bm-footer-social a:hover {
  color: var(--oit-clr-black);
  border-color: var(--oit-clr-white);
  background-color: var(--oit-clr-white);
}
.bm-footer-btn {
  height: 100%;
  position: relative;
}
.bm-footer-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 100%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .bm-footer-btn::before {
    display: none;
  }
}
.bm-footer-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 1px;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .bm-footer-btn::after {
    display: none;
  }
}
.bm-footer-btn div {
  padding: 30px;
}

/*----------------------------------------*/
/*  5.4 it-consulting coach css
/*----------------------------------------*/
.ic-hero-wrap {
  border-left: 1px solid #E2E8F0;
  border-right: 1px solid #E2E8F0;
}
@media (max-width: 767px) {
  .ic-hero-wrap {
    border: none;
  }
}
.ic-hero-title {
  font-weight: 700;
  font-size: 95px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -4px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ic-hero-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-hero-title {
    font-size: 60px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-hero-title {
    font-size: 50px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-hero-title {
    font-size: 55px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .ic-hero-title {
    font-size: 40px;
    letter-spacing: 0;
  }
}
.ic-hero-content {
  padding-top: 225px;
  padding-bottom: 150px;
  padding-inline-start: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-hero-content {
    padding-top: 200px;
    padding-bottom: 80px;
    padding-inline-start: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-hero-content {
    padding-top: 170px;
    padding-bottom: 80px;
    padding-inline-start: 15px;
  }
}
@media (max-width: 767px) {
  .ic-hero-content {
    padding-top: 120px;
    padding-bottom: 45px;
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-hero-content-inner.pl-120 {
    padding-inline-start: 0;
    padding-inline-end: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-hero-content-inner.pl-120 {
    padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-hero-content-inner.pl-120 {
    padding-inline-start: 120px;
    padding-inline-end: 60px;
  }
}
@media (max-width: 767px) {
  .ic-hero-content-inner.pl-120 {
    padding-inline-start: 0;
  }
}
.ic-hero-funfact-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  background: var(--oit-clr-teal-2);
  overflow: hidden;
  font-family: sans-serif;
  border-radius: 20px 0 0 0;
}
.ic-hero-funfact-item {
  padding: 40px 40px;
}
@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) {
  .ic-hero-funfact-item {
    padding: 30px 25px;
  }
}
.ic-hero-funfact-item:nth-child(1), .ic-hero-funfact-item:nth-child(2) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
}
.ic-hero-funfact-item:nth-child(3), .ic-hero-funfact-item:nth-child(4) {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
}
.ic-hero-funfact-item:nth-child(2), .ic-hero-funfact-item:nth-child(4) {
  border-inline-end: none;
}
.ic-hero-funfact-item .number {
  font-weight: 500;
  font-size: 55px;
  line-height: 1.22;
  margin-bottom: 0;
  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) {
  .ic-hero-funfact-item .number {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-hero-funfact-item .number {
    font-size: 30px;
  }
}
.ic-hero-funfact-item .number i {
  font-style: normal;
}
.ic-hero-funfact-item span {
  font-size: 35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-hero-funfact-item span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-hero-funfact-item span {
    font-size: 16px;
  }
}
.ic-hero-funfact-item p {
  margin-bottom: 0;
  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) {
  .ic-hero-funfact-item p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-hero-funfact-item p {
    font-size: 14px;
  }
}

.ic-about-style .bc-about-content span.line {
  background-color: #E2E8F0;
}
.ic-about-style .bc-about-content span.line::after {
  background-color: var(--oit-clr-teal-2);
}
.ic-about-style .bc-about-video-box a .icon {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal-2);
}

.ic-service-btn {
  padding: 50px 65px;
}
.ic-service-thumb {
  max-width: 470px;
}
.ic-service-thumb img {
  width: 100%;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .ic-service-thumb img {
    border-radius: 0;
  }
}
.ic-service-content-box {
  padding-inline-start: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ic-service-content-box {
    padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-service-content-box {
    padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-service-content-box {
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-service-content-box {
    padding-inline-start: 20px;
    margin-bottom: 40px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .ic-service-content-box {
    padding: 0 15px;
    margin-bottom: 40px;
  }
}
.ic-service-area .bc-service-wrap {
  border-radius: 0;
  border: none;
  margin-inline-start: -10px;
  border-inline-start: 1px solid #E2E8F0;
}
.ic-service-area .bc-service-wrap .accordion-item {
  padding: 32px 65px;
  border-bottom: 1px solid #E2E8F0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-service-area .bc-service-wrap .accordion-item {
    padding: 32px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-service-area .bc-service-wrap .accordion-item {
    padding: 25px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-service-area .bc-service-wrap .accordion-item {
    padding: 32px 25px;
    padding-bottom: 20px;
  }
}
.ic-service-area .bc-service-wrap .bc-about-accordion {
  margin-inline-end: 0;
  border-inline-end: none;
}
.ic-service-area .bc-service-wrap .accordion-body {
  padding-top: 20px;
  padding-inline-start: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-service-area .bc-service-wrap .accordion-body {
    padding-inline-start: 55px;
  }
}
@media (max-width: 767px) {
  .ic-service-area .bc-service-wrap .accordion-body {
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ic-service-area .bc-service-wrap .accordion-body p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-service-area .bc-service-wrap .accordion-body p {
    font-size: 14px;
  }
}
.ic-service-area .bc-service-wrap .accordion-item span.number {
  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) {
  .ic-service-area .bc-service-wrap .accordion-item span.number {
    padding-top: 5px;
  }
}

@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) {
  .ic-step-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.ic-step-item {
  padding: 0 25px;
}
@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) {
  .ic-step-item {
    padding: 0;
  }
}
.ic-step-item span {
  font-size: 30px;
  height: 70px;
  width: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--oit-clr-white);
  font-weight: 600;
  background-color: var(--oit-clr-teal-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-step-item span {
    font-size: 20px;
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }
}
.ic-step-item p {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  padding: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-step-item p {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-step-item p {
    padding: 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-step-item p {
    padding: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ic-step-item p {
    padding: 0 50px;
    font-size: 16px;
  }
}
.ic-step-item .shape {
  position: absolute;
  top: -1%;
  inset-inline-end: -35%;
}
@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) {
  .ic-step-item .shape {
    display: none;
  }
}
.ic-step-thumb img {
  border-radius: 20px;
  width: 100%;
}
.ic-step-wrap .row [class*=col-xl-4]:last-child .ic-step-item .shape {
  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) {
  .ic-team-area {
    padding: 90px 0;
  }
}
.ic-team-content-box {
  gap: 35px;
}
@media (max-width: 767px) {
  .ic-team-content-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ic-team-content-box {
    flex-wrap: nowrap;
  }
}
.ic-team-content-box p {
  line-height: 1.5;
}
@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) {
  .ic-team-content-box p {
    font-size: 16px;
  }
}
.ic-team-thumb {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .ic-team-thumb {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ic-team-thumb {
    width: auto;
  }
}
@media (max-width: 767px) {
  .ic-team-thumb img {
    width: 100%;
  }
}
.ic-team-item {
  border-radius: 20px;
  padding: 30px 38px;
  background-color: var(--oit-clr-white);
  border: 1px solid #E2E8F0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-team-item {
    border-radius: 10px;
    padding: 25px 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) {
  .ic-team-item .common-title {
    font-size: 24px;
  }
}
.ic-team-active {
  margin: 0 -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) {
  .ic-team-active {
    margin: 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) {
  .ic-choose-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.ic-choose-item {
  border-radius: 10px;
  padding: 40px 40px 35px 40px;
  background-color: var(--oit-gray-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-choose-item {
    padding: 40px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-choose-item {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-choose-item {
    padding: 30px 25px;
    margin-bottom: 30px;
  }
}
.ic-choose-item span {
  height: 70px;
  width: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal-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) {
  .ic-choose-item span {
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    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) {
  .ic-choose-item span svg {
    height: 22px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ic-choose-item .common-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ic-choose-item .common-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-choose-item .common-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-choose-item .common-title {
    font-size: 20px;
  }
}
@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) {
  .ic-choose-item p {
    font-size: 16px;
  }
}
.ic-choose-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-choose-thumb {
    height: auto;
  }
}
.ic-choose-thumb img {
  height: 100%;
  object-fit: cover;
  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) {
  .ic-case-area {
    padding: 90px 0;
  }
}
.ic-case-card {
  padding: 20px 20px 40px 20px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
  border: 1px solid #E2E8F0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-case-card {
    padding: 20px 20px 40px 0;
  }
}
@media (max-width: 767px) {
  .ic-case-card {
    padding: 0;
    padding-bottom: 40px;
  }
}
.ic-case-thumb img {
  border-radius: 16px;
}
.ic-case-category {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.02em;
}
.ic-case-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-case-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-case-title {
    font-size: 26px;
  }
}
.ic-case-desc {
  position: relative;
  line-height: 1.5;
  margin-inline-end: 140px;
  padding-inline-start: 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) {
  .ic-case-desc {
    margin-inline-end: 0;
  }
}
.ic-case-desc::before {
  position: absolute;
  content: "";
  top: 50%;
  inset-inline-start: 0;
  height: 85%;
  width: 2px;
  transform: translateY(-50%);
  background-color: #221F28;
}
.ic-case-meta {
  display: flex;
  gap: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-case-meta {
    gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-case-meta {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .ic-case-meta {
    gap: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-case-meta .common-title {
    font-size: 20px;
  }
}
.ic-case-meta span {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ic-case-meta span {
    font-size: 16px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-case-meta span {
    font-size: 14px;
    line-height: 1;
  }
}
.ic-case-content {
  padding-inline-start: 20px;
}
.ic-case-active {
  margin-inline-end: -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) {
  .ic-case-active {
    margin-inline-end: 0;
  }
}

.ic-testimonial-style .bc-testimonial-quote span svg {
  color: var(--oit-clr-teal-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-testimonial-style .bc-testimonial-quote span svg {
    height: 40px;
    width: 40px;
  }
}
.ic-testimonial-style .bc-testimonial-content p {
  line-height: 1.33;
  color: var(--oit-clr-black);
}
.ic-testimonial-style .bc-testimonial-content button {
  color: var(--oit-clr-olive);
  border-color: var(--oit-clr-olive);
}
.ic-testimonial-style .bc-testimonial-thumb {
  margin-inline-end: 60px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-testimonial-style .bc-testimonial-thumb {
    height: auto;
  }
}
.ic-testimonial-style .bc-testimonial-thumb img {
  height: 100%;
  max-width: 100%;
}
.ic-testimonial-style .bc-testimonial-slider-box {
  padding: 25px 35px;
  padding-bottom: 20px;
}
.ic-testimonial-style .bc-testimonial-thumb {
  margin-inline-end: 0;
}
.ic-testimonial-stats-wrap {
  display: flex;
  gap: 14px;
}
.ic-testimonial-stats-wrap .stat-value {
  font-size: 45px;
  line-height: 1.22;
  margin-bottom: 0;
}
.ic-testimonial-stats-wrap p {
  line-height: 1.5;
  margin-bottom: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ic-testimonial-stats-wrap p {
    font-size: 16px;
  }
  .ic-testimonial-stats-wrap 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) {
  .ic-testimonial-stats-wrap p {
    font-size: 16px;
  }
  .ic-testimonial-stats-wrap p br {
    display: block;
  }
}
.ic-testimonial-stats-wrap .stat-card {
  display: inline-block;
  border-radius: 10px;
  padding: 20px 30px;
  padding-inline-end: 50px;
  border: 1px solid #E2E8F0;
  margin-bottom: 20px;
  background-color: var(--oit-clr-white);
}
.ic-testimonial-stats-wrap .stat-card.stat-image-card {
  padding: 10px 50px 10px 10px;
  gap: 20px;
}
.ic-testimonial-stats-wrap .stat-card.stat-image-card img {
  flex: 0 0 auto;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ic-testimonial-logo {
    width: 130px;
  }
}
@media (max-width: 767px) {
  .ic-testimonial-logo {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ic-testimonial-logo {
    display: block;
    width: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-testimonial-author .common-title {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-testimonial-author-wrap.mb-55 {
    margin-bottom: 0;
  }
}

.ic-faq-area .bc-schedule-info-wrap {
  background-color: var(--oit-clr-teal-2);
}
.ic-faq-area .bc-schedule-info-wrap .shape {
  top: -48%;
  inset-inline-end: -30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ic-faq-area .bc-schedule-info-wrap .shape {
    inset-inline-end: -44%;
  }
}
.ic-faq-area .bm-faq-wrap .bm-work-accordion .accordion-icon {
  background-color: var(--oit-clr-teal-2);
}

.oit-slider-dots {
  display: inline-flex;
  gap: 10px;
  padding: 11px 15px;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
  border: 1px solid #E2E8F0;
}
.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: var(--oit-clr-teal-2);
}
.oit-slider-dots .swiper-pagination-bullet::after {
  transition: 0.3s;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  background-color: var(--oit-clr-white);
}
.oit-slider-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.oit-slider-dots.dots-type-2 .swiper-pagination-bullet {
  background-color: var(--oit-clr-blue);
}
.oit-slider-dots.dots-type-2 .swiper-pagination-bullet::after {
  background-color: var(--oit-clr-white);
}

.oit-slider-dots-2 {
  display: inline-flex;
  gap: 10px;
  padding: 11px 15px;
  border-radius: 10px;
  background-color: var(--oit-clr-white);
  border: 1px solid #E2E8F0;
}
.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: var(--oit-clr-teal-2);
}
.oit-slider-dots-2 .swiper-pagination-bullet::after {
  transition: 0.3s;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  background-color: var(--oit-clr-white);
}
.oit-slider-dots-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.oit-slider-dots-2.dots-type-2 .swiper-pagination-bullet {
  background-color: var(--oit-clr-blue);
}
.oit-slider-dots-2.dots-type-2 .swiper-pagination-bullet::after {
  background-color: var(--oit-clr-white);
}

/*----------------------------------------*/
/*  5.6 finance-consulting coach css
/*----------------------------------------*/
.fc-hero-area {
  padding-top: 170px;
  background-color: var(--oit-clr-dark-navy);
}
.fc-hero-title {
  display: flex;
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-hero-title {
    margin-bottom: 60px;
  }
}
.fc-hero-title span {
  display: inline-block;
  padding-inline-start: 5px;
}
.fc-hero-banner-text {
  height: 100%;
  margin-inline-end: 77px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-hero-banner-text {
    margin-inline-end: 0;
  }
}
.fc-hero-banner-text ul li {
  list-style-type: none;
  padding: 30px 20px;
  padding-inline-start: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .fc-hero-banner-text ul li {
    padding-inline-start: 60px;
  }
}
@media (max-width: 767px) {
  .fc-hero-banner-text ul li {
    padding: 20px 20px;
  }
}
.fc-hero-banner-text ul li span {
  font-weight: 700;
  font-size: 55px;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .fc-hero-banner-text ul li span {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .fc-hero-banner-text ul li span {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fc-hero-banner-text ul li span {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-hero-banner-text ul li span {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fc-hero-banner-text ul li span {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .fc-hero-banner-text ul li span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fc-hero-banner-text ul li span {
    font-size: 24px;
  }
}
.fc-hero-banner-btn {
  padding: 60px 20px;
  padding-inline-start: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-hero-banner-btn {
    padding: 40px 20px;
    padding-bottom: 60px;
  }
}
.fc-hero-thumb {
  margin-inline-start: -37px;
  height: 520px;
  overflow: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-hero-thumb {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-hero-thumb {
    height: 100%;
    margin-inline-start: 0;
  }
}
.fc-hero-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.fc-hero-content p {
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .fc-hero-content p br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fc-hero-content p {
    font-size: 16px;
  }
  .fc-hero-content 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) {
  .fc-hero-content p {
    font-size: 14px;
  }
  .fc-hero-content p br {
    display: none;
  }
}
.fc-hero-content-wrap {
  display: flex;
  justify-content: end;
  height: 100%;
  margin-inline-start: -77px;
  margin-inline-end: 30px;
  padding: 0 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-hero-content-wrap {
    padding: 0px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fc-hero-content-wrap {
    padding: 0 20px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .fc-hero-content-wrap {
    padding: 0 20px;
    padding-bottom: 40px;
    margin: 0;
  }
}
.fc-hero-content-wrap .ic-hero-funfact-box {
  margin-inline-end: 0;
  border-radius: 0;
  padding: 0;
  margin-bottom: 50px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(209deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
}
.fc-hero-content-wrap .ic-hero-funfact-item {
  padding: 28px 31px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fc-hero-content-wrap .ic-hero-funfact-item {
    padding: 22px 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) {
  .fc-hero-content-wrap .ic-hero-funfact-item {
    padding: 16px 15px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .fc-hero-content-wrap .ic-hero-funfact-item .number {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .fc-hero-content-wrap .ic-hero-funfact-item .number {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fc-hero-content-wrap .ic-hero-funfact-item .number {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-hero-content-wrap .ic-hero-funfact-item .number {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-hero-content-wrap .ic-hero-funfact-item .number {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .fc-hero-content-wrap .ic-hero-funfact-item span {
    font-size: 18px;
  }
}
@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) {
  .fc-hero-content-wrap .ic-hero-funfact-item span {
    font-size: 16px;
  }
}
@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) {
  .fc-hero-content-wrap .ic-hero-funfact-item p {
    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) {
  .fc-hero-content-wrap .ic-hero-funfact-item p {
    line-height: 1;
    font-size: 13px;
  }
}

.fc-about-style .bc-about-content span.line {
  border-radius: 20px;
  background-color: #F5F8F8;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.fc-about-style .bc-about-content span.line::after {
  border-radius: 20px;
  background-color: var(--oit-clr-dark-navy);
}
.fc-about-style .bc-about-video-box a .icon {
  background-color: var(--oit-clr-green-neon);
}

@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) {
  .fc-service-style {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.fc-service-style .bc-service-wrap {
  margin-inline-start: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-service-style .bc-service-wrap {
    margin-inline-start: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-service-style .bc-service-wrap {
    margin-inline-start: 0;
    border: 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) {
  .fc-service-style .bc-service-wrap .accordion-item {
    padding: 20px 35px;
  }
}
@media (max-width: 767px) {
  .fc-service-style .bc-service-wrap .accordion-item {
    padding: 20px 15px;
  }
}
.fc-service-style .bc-service-wrap .accordion-item:last-child {
  border-bottom: none;
}
.fc-service-style .bc-service-wrap .accordion-icon {
  height: 48px;
  width: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  line-height: 48px;
  border: 1px solid rgba(56, 63, 62, 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) {
  .fc-service-style .bc-service-wrap .accordion-icon {
    height: 35px;
    width: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.fc-service-style .bc-service-wrap .accordion-icon span {
  top: 50%;
  left: 50%;
  width: 20px;
  transform: translate(-50%, -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) {
  .fc-service-style .bc-service-wrap .accordion-icon span {
    width: 14px;
  }
}
.fc-service-style .bc-service-wrap .accordion-icon span:first-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-service-style .bc-service-wrap .bc-service-accordion-thumb {
    margin-inline-start: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fc-service-style .bc-service-wrap .accordion-button span {
    font-size: 25px;
  }
}
.fc-service-style .bc-service-wrap .accordion-button:not(.collapsed) .accordion-icon span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.fc-service-style .bc-service-wrap .accordion-body {
  padding-top: 35px;
  padding-inline-end: 0;
  padding-inline-start: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fc-service-style .bc-service-wrap .accordion-body {
    padding-inline-start: 43px;
  }
}
@media (max-width: 767px) {
  .fc-service-style .bc-service-wrap .accordion-body {
    padding-top: 20px;
    padding-inline-start: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .fc-service-style .bc-service-wrap .accordion-body p {
    padding-inline-end: 40px;
  }
}
.fc-service-style .bc-service-content-wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .fc-service-style .bc-service-accordion-thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .fc-service-style .bc-service-accordion-thumb {
    display: block;
  }
}
.fc-service-style .bc-service-accordion-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .fc-service-style .ic-service-content-box {
    padding: 0;
    padding-inline-start: 40px;
  }
}
@media (max-width: 767px) {
  .fc-service-style .ic-service-content-box {
    padding: 0;
    padding-inline-start: 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) {
  .fc-choose-style {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.fc-choose-style .bi-choose-item {
  padding: 40px 35px 35px 35px;
  background-color: transparent;
  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) {
  .fc-choose-style .bi-choose-item {
    padding: 25px 20px;
  }
}
.fc-choose-style .bi-choose-item p {
  margin-inline-end: 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) {
  .fc-choose-style .bi-choose-item p {
    font-size: 16px;
  }
  .fc-choose-style .bi-choose-item p br {
    display: none;
  }
}
.fc-choose-style .ic-step-item span {
  color: var(--oit-clr-dark-navy);
  background-color: var(--oit-clr-green-neon);
}
.fc-choose-style .bi-choose-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) {
  .fc-choose-style .bi-choose-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-choose-style .bi-choose-title {
    font-size: 24px;
  }
}

.fc-step-style .ic-step-item span {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green-neon);
}

.fc-case-style .oit-slider-arrow button:hover {
  color: var(--oit-clr-dark-navy);
  border-color: var(--oit-clr-green-neon);
  background-color: var(--oit-clr-green-neon);
}

.fc-testimonial-style .shape {
  top: -34%;
  inset-inline-end: -17%;
}
@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) {
  .fc-testimonial-style .shape {
    top: -38%;
    inset-inline-end: -29%;
  }
}
.fc-testimonial-style .bc-testimonial-logo span svg {
  color: var(--oit-clr-dark-navy);
}
.fc-testimonial-style .bc-testimonial-author span {
  display: block;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 5px;
  color: var(--oit-clr-dark-navy);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-testimonial-style .bc-testimonial-author span {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .fc-testimonial-style .bc-testimonial-author span {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.fc-testimonial-style .bc-testimonial-author p {
  font-size: 16px;
  letter-spacing: -0.02em;
}
.fc-testimonial-style .bc-testimonial-author-wrap {
  width: 100%;
}
.fc-testimonial-style .bm-testimonial-ratting {
  border-radius: 10px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.fc-testimonial-style .bm-testimonial-ratting > span {
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.fc-testimonial-style .bm-testimonial-ratting .title {
  color: var(--oit-clr-dark-navy);
}
.fc-testimonial-style .bm-testimonial-ratting div span {
  color: #E4B600;
}
.fc-testimonial-style .bm-testimonial-ratting.review-box div span b {
  color: var(--oit-clr-dark-navy);
}
.fc-testimonial-style .bc-testimonial-content button {
  color: var(--oit-clr-dark-navy);
  border-bottom: 2px solid var(--oit-clr-dark-navy);
}
.fc-testimonial-style .bc-testimonial-content p {
  color: var(--oit-clr-dark-navy);
}
.fc-testimonial-style .bc-testimonial-thumb {
  height: 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) {
  .fc-testimonial-style .bc-testimonial-thumb {
    height: auto;
  }
}
.fc-testimonial-style .bc-testimonial-thumb img {
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-testimonial-style .bc-testimonial-thumb img {
    height: auto;
  }
}
.fc-testimonial-style .bc-testimonial-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-testimonial-style .bc-testimonial-item {
    height: auto;
  }
}
.fc-testimonial-style .bc-testimonial-content a span {
  font-size: 30px;
}
.fc-testimonial-style .bc-testimonial-slider-box {
  height: 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) {
  .fc-testimonial-style .bc-testimonial-slider-box {
    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) {
  .fc-price-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.fc-price-head {
  padding: 30px 43px;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-head {
    padding: 30px 20px;
  }
}
.fc-price-head .icon {
  height: 60px;
  width: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.fc-price-card {
  position: relative;
  border-radius: 20px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.fc-price-card.active {
  background-color: var(--oit-gray-1);
}
.fc-price-card.active .oit-btn-green.border-btn span {
  background-color: var(--oit-clr-white);
}
.fc-price-card .tag {
  position: absolute;
  top: 40px;
  inset-inline-end: 40px;
  padding: 5px 20px;
  font-size: 16px;
  border-radius: 100px;
  letter-spacing: -0.02em;
  display: inline-block;
  background-color: var(--oit-clr-green-neon);
  color: var(--oit-clr-dark-navy);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-card .tag {
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 10px;
    top: 20px;
    inset-inline-end: 20px;
  }
}
.fc-price-box .price {
  font-weight: 500;
  font-size: 65px;
  line-height: 1.15;
  color: var(--oit-clr-dark-navy);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-box .price {
    font-size: 35px;
  }
}
.fc-price-box .duration {
  font-size: 20px;
  line-height: 1.5;
  display: inline-block;
  margin-inline-start: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-box .duration {
    font-size: 16px;
  }
}
.fc-price-box .duration span {
  display: block;
}
.fc-price-features {
  padding: 40px 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-features {
    padding: 30px 20px;
  }
}
.fc-price-features span {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-features span {
    font-size: 16px;
  }
}
.fc-price-features ul li {
  list-style-type: none;
}
.fc-price-features ul li:not(:last-child) {
  margin-bottom: 25px;
}
.fc-price-features ul li span {
  font-size: 20px;
  line-height: 1;
  display: flex;
  gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-price-features ul li span {
    font-size: 16px;
  }
}
.fc-price-features ul li span svg {
  margin-top: 2px;
  display: inline-block;
  color: var(--oit-clr-green-neon);
}

@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) {
  .fc-faq-style {
    padding-top: 55px;
    padding-bottom: 90px;
  }
}
.fc-faq-style .bm-faq-wrap .bm-work-accordion .accordion-icon {
  background-color: var(--oit-clr-green-neon);
}
.fc-faq-style .bm-faq-wrap .bm-work-accordion .accordion-icon span {
  background-color: var(--oit-clr-dark-navy);
}
.fc-faq-style .bm-faq-wrap .bm-work-accordion .accordion-button span {
  font-weight: 400;
}
.fc-faq-style .bc-schedule-info-wrap {
  padding: 50px;
  padding-bottom: 45px;
  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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fc-faq-style .bc-schedule-info-wrap {
    padding: 30px;
  }
}
.fc-faq-style .bc-schedule-info-wrap p {
  color: var(--oit-clr-dark-navy);
}
@media (max-width: 767px) {
  .fc-faq-style .bc-schedule-info-wrap p {
    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) {
  .fc-faq-style .bc-schedule-info-wrap .oit-section-title.fsz-45 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .fc-faq-style .bc-schedule-info-wrap .oit-section-title.fsz-45 {
    font-size: 24px;
  }
}

/*----------------------------------------*/
/*  5.7 marketing-consulting coach css
/*----------------------------------------*/
.mc-hero-area {
  padding-top: 200px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-hero-area {
    padding-top: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mc-hero-area {
    padding-top: 170px;
  }
}
@media (max-width: 767px) {
  .mc-hero-area {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-hero-area {
    padding-top: 170px;
  }
}
.mc-hero-title {
  font-weight: 500;
  font-size: 120px;
  line-height: 0.82;
  text-transform: uppercase;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .mc-hero-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mc-hero-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mc-hero-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-hero-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mc-hero-title {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .mc-hero-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-hero-title {
    font-size: 70px;
  }
}
.mc-hero-text p {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .mc-hero-text p {
    font-size: 18px;
  }
}
.mc-hero-content-inner {
  padding-inline-start: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-hero-content-inner {
    padding-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-hero-content {
    margin-bottom: 70px;
  }
}

.oit-hero-right {
  position: relative;
}

.oit-metrics-card {
  background: rgba(255, 255, 255, 0.04);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 24px;
  backdrop-filter: blur(12px);
}
.oit-metrics-card .oit-card-title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}
.oit-metrics-card .oit-metrics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .oit-metrics-card .oit-metrics-grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-metrics-card .oit-metrics-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.oit-metrics-card .oit-metrics-grid .oit-metric {
  background: rgba(255, 255, 255, 0.04);
  border: 0.5px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  padding: 20px;
}
.oit-metrics-card .oit-metrics-grid .oit-metric .oit-metric-val {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 2px;
  color: var(--oit-clr-white);
}
.oit-metrics-card .oit-metrics-grid .oit-metric .oit-metric-val .oit-unit {
  font-size: 20px;
  color: var(--oit-clr-green-soft);
}
.oit-metrics-card .oit-metrics-grid .oit-metric .oit-metric-label {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.oit-metrics-card .oit-metrics-grid .oit-metric .oit-metric-up {
  font-size: 16px;
  color: var(--oit-clr-green-soft);
  margin-top: 4px;
}
.oit-metrics-card .oit-spark-row {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 80px;
  margin-top: 8px;
}
.oit-metrics-card .oit-spark-row.oit-bars-animated .oit-bar {
  animation: oit-growBar 0.8s ease both;
}
.oit-metrics-card .oit-spark-row .oit-bar {
  flex: 1;
  background: rgba(93, 222, 126, 0.2);
  border-radius: 3px;
  min-height: 8px;
  transition: height 0.3s;
}
.oit-metrics-card .oit-spark-row .oit-bar.oit-active {
  background: var(--oit-clr-green-soft);
}
.oit-metrics-card .oit-progress-wrapper {
  margin-top: 20px;
}
.oit-metrics-card .oit-progress-wrapper .oit-progress-row {
  margin-bottom: 10px;
}
.oit-metrics-card .oit-progress-wrapper .oit-progress-row .oit-progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 12px;
}
.oit-metrics-card .oit-progress-wrapper .oit-progress-row .oit-progress-bar {
  height: 4px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 2px;
  overflow: hidden;
}
.oit-metrics-card .oit-progress-wrapper .oit-progress-row .oit-progress-bar .oit-progress-fill {
  height: 100%;
  background: var(--oit-clr-green-soft);
  border-radius: 2px;
  transition: width 1s ease;
}

.oit-float-tag {
  position: absolute;
  top: -14px;
  inset-inline-end: -10px;
  z-index: 2;
  color: #071610;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 20px;
  background: var(--oit-clr-green-soft);
  animation: oit-float 3s ease-in-out infinite;
}
@media (max-width: 767px) {
  .oit-float-tag {
    font-size: 12px;
    padding: 2px 10px;
    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) {
  .mc-about-style {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.mc-about-style .bc-about-accordion {
  margin-inline-start: 0;
}
.mc-about-style .bc-about-thumb {
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.mc-about-style .bc-about-video-box p {
  margin-inline-end: 120px;
}
@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) {
  .mc-about-style .bc-about-video-box p {
    margin-inline-end: 0;
  }
}
.mc-about-style .accordion-body {
  padding-inline-end: 20px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .mc-about-style .accordion-body {
    padding-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .mc-about-style .accordion-body p {
    font-size: 14px;
  }
}
.mc-about-style .oit-section-box {
  margin-inline-start: 115px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mc-about-style .oit-section-box {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-about-style .oit-section-box {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-about-style .oit-section-box {
    margin-inline-start: 0;
    margin-bottom: 0;
  }
}
.mc-about-accordion-wrap {
  margin-inline-end: -20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mc-about-accordion-wrap {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mc-about-accordion-wrap {
    margin-inline-end: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-about-accordion-wrap {
    margin-inline-end: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-about-accordion-wrap {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-about-accordion-wrap .oit-btn-green.mt-70 {
    margin-top: 40px;
  }
}
.mc-about-thumb {
  margin-inline-start: 115px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mc-about-thumb {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-about-thumb {
    margin-inline-start: 0;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-about-thumb {
    margin-inline-start: 0;
    height: auto;
    margin-top: 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) {
  .mc-about-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) {
  .mc-service-style {
    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) {
  .mc-funfact-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.mc-funfact-item {
  padding: 45px 50px;
  padding-bottom: 50px;
  border-radius: 20px;
  background-color: #F5F8F8;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .mc-funfact-item {
    padding: 35px 30px;
  }
}
@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) {
  .mc-funfact-item p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mc-funfact-item .common-title.mb-185 {
    margin-bottom: 85px;
    font-size: 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) {
  .mc-funfact-item .common-title.mb-185 {
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-funfact-item .common-title.mb-185 {
    font-size: 22px;
  }
}
.mc-funfact-area .row [class*=col-]:nth-child(even) .mc-funfact-item {
  background-color: var(--oit-clr-green-dark);
}
.mc-funfact-area .row [class*=col-]:nth-child(even) .mc-funfact-item .bc-funfact-value {
  color: var(--oit-clr-green-soft);
}
.mc-funfact-area .row [class*=col-]:nth-child(even) .mc-funfact-item .common-title {
  color: var(--oit-clr-white);
}
.mc-funfact-area .row [class*=col-]:nth-child(even) .mc-funfact-item p {
  color: rgba(255, 255, 255, 0.8);
}

.mc-choose-thumb {
  height: 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) {
  .mc-choose-thumb {
    height: auto;
  }
}
.mc-choose-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.mc-choose-thumb div {
  height: 100%;
}
.mc-choose-content {
  padding: 100px;
  padding-inline-end: 80px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .mc-choose-content {
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mc-choose-content {
    padding: 60px 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) {
  .mc-choose-content {
    padding: 60px 25px;
  }
}
.mc-choose-content .ic-choose-item {
  border-radius: 0;
  padding: 35px 0;
  padding-inline-start: 0;
  background-color: transparent;
  margin-bottom: 0;
}
.mc-choose-content .ic-choose-item:nth-child(even) {
  padding-inline-start: 60px;
  border-inline-start: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mc-choose-content .ic-choose-item:nth-child(even) {
    padding-inline-start: 30px;
  }
}
@media (max-width: 767px) {
  .mc-choose-content .ic-choose-item:nth-child(even) {
    padding-inline-start: 0;
    border: none;
  }
}
.mc-choose-content .ic-choose-item:nth-child(odd) {
  padding-inline-end: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .mc-choose-content .ic-choose-item:nth-child(odd) {
    padding-inline-end: 30px;
  }
}
.mc-choose-content .ic-choose-item:nth-last-child(-n+2) {
  border-top: 1px solid rgba(56, 63, 62, 0.1);
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .mc-choose-content .ic-choose-item:nth-last-child(-n+2) {
    border-top: 0;
  }
}
.mc-choose-content .ic-choose-item:nth-child(-n+2) {
  padding-top: 0;
}
.mc-choose-content .ic-choose-item span {
  background-color: transparent;
  color: var(--oit-clr-green-dark);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.mc-choose-content .ic-choose-item p {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .mc-choose-content .common-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .mc-choose-content .common-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-choose-content .common-title {
    font-size: 20px;
  }
}
.mc-choose-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
@media (max-width: 767px) {
  .mc-choose-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-choose-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

.mc-step-style .ic-step-item span {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green-soft);
}

@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) {
  .mc-case-study-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-case-study-area .oit-section-title {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .mc-case-study-area .oit-section-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-case-study-area .oit-section-title {
    font-size: 35px;
  }
}
.mc-case-study-item {
  padding: 60px;
  border-radius: 30px;
  background-color: var(--oit-clr-deep-teal);
}
@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) {
  .mc-case-study-item {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .mc-case-study-item {
    padding: 40px 20px;
  }
}
.mc-case-study-item p {
  margin-inline-end: 40px;
}
@media (max-width: 767px) {
  .mc-case-study-item p {
    margin-inline-end: 0;
  }
}
.mc-case-study-thumb {
  margin-inline-start: -30px;
  border-radius: 30px;
  outline: 2px solid var(--oit-clr-green-soft);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-case-study-thumb {
    margin-top: 50px;
    margin-inline-start: 0;
  }
}
.mc-case-study-thumb img {
  width: 100%;
}

@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) {
  .mc-testimonial-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.mc-testimonial-item {
  padding: 50px 40px;
  padding-bottom: 65px;
  transition: 0.4s;
  background-color: var(--oit-clr-green-soft);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mc-testimonial-item {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .mc-testimonial-item {
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mc-testimonial-item {
    padding: 40px 30px;
  }
}
.mc-testimonial-item .bc-testimonial-content p {
  padding-inline-end: 20px;
}
.mc-testimonial-item .bm-testimonial-author-info {
  padding: 18px 25px;
  padding-inline-end: 65px;
  border-radius: 100px;
  background-color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-testimonial-item .bm-testimonial-author-info {
    padding: 18px 20px;
    padding-inline-end: 35px;
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-testimonial-item .bm-testimonial-author-info {
    padding: 18px 20px;
    padding-inline-end: 35px;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 10px;
    margin-bottom: 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) {
  .mc-testimonial-item .bm-testimonial-author-title.fsz-20 {
    font-size: 17px;
  }
}
.mc-testimonial-item .bm-testimonial-avatar {
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-testimonial-item .bm-testimonial-avatar {
    width: 80px;
    height: 50px;
  }
}
.mc-testimonial-item .bm-testimonial-avatar img {
  width: 110px;
  height: 64px;
  border-radius: 0;
  border: 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) {
  .mc-testimonial-item .bm-testimonial-avatar img {
    width: 100%;
    height: 100%;
  }
}
.mc-testimonial-item span {
  color: var(--oit-clr-dark-navy);
}
.mc-testimonial-read-more a {
  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) {
  .mc-testimonial-quote {
    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) {
  .mc-testimonial-quote svg {
    height: 45px;
    width: 45px;
  }
}
.mc-testimonial-active {
  border-radius: 30px;
  overflow: hidden;
}
.mc-testimonial-wrap .swiper-slide-active .mc-testimonial-item {
  background-color: var(--oit-clr-white);
}
.mc-testimonial-wrap .swiper-slide-active .bm-testimonial-author-info {
  background-color: var(--oit-clr-green-soft);
}

.mc-price-style .fc-price-card {
  border-color: rgba(56, 63, 62, 0.1);
}
.mc-price-style .fc-price-card .price {
  font-size: 45px;
}
.mc-price-style .fc-price-card.active {
  background-color: var(--oit-clr-deep-teal);
}
.mc-price-style .fc-price-card.active .fc-price-head .icon {
  background-color: var(--oit-clr-green-soft);
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.mc-price-style .fc-price-card.active .common-title.oit-text-dark-navy {
  color: var(--oit-clr-white) !important;
}
.mc-price-style .fc-price-card.active .fc-price-head {
  border-color: rgba(255, 255, 255, 0.2);
}
.mc-price-style .fc-price-card.active .common-title, .mc-price-style .fc-price-card.active .fc-price-features span, .mc-price-style .fc-price-card.active .fc-plan-desc p, .mc-price-style .fc-price-card.active .fc-price-box .price, .mc-price-style .fc-price-card.active .fc-price-box span, .mc-price-style .fc-price-card.active .fc-price-features ul li span {
  color: var(--oit-clr-white);
}
.mc-price-style .fc-price-head {
  border-color: rgba(56, 63, 62, 0.1);
}
.mc-price-style .fc-price-features ul li span svg {
  color: var(--oit-clr-green-soft);
}

.mc-contact-style .bi-contact-form label {
  color: var(--oit-clr-dark-navy);
}
.mc-contact-style .bi-contact-form input, .mc-contact-style .bi-contact-form textarea {
  color: var(--oit-clr-dark-navy);
}
.mc-contact-style .bi-contact-form input::placeholder, .mc-contact-style .bi-contact-form textarea::placeholder {
  color: var(--oit-clr-dark-navy);
}
.mc-contact-style .bi-contact-left .bc-price-contact-info a,
.mc-contact-style .bi-contact-left .bc-price-contact-info svg {
  color: var(--oit-clr-dark-navy);
}
.mc-contact-style .bi-contact-left .common-title {
  color: var(--oit-clr-black);
}

.mc-brand-style {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mc-brand-style .bi-brand-logo {
  padding: 13px 60px;
  height: auto;
  border-inline-end: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mc-brand-style .bi-brand-logo {
    padding: 13px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .mc-brand-style .bi-brand-logo {
    padding: 13px 0;
  }
}

/*----------------------------------------*/
/*  5.8 insurance-consulting coach css
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-hero-top {
    padding-top: 100px;
  }
}
.ins-hero-area {
  padding-top: 200px;
  padding-bottom: 160px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-hero-area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-hero-area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ins-hero-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .ins-hero-area {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-hero-area {
    padding-top: 100px;
  }
}
.ins-hero-thumb {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  height: 100%;
  width: 47.5%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-hero-thumb {
    position: static;
    width: 100%;
    margin-top: 40px;
  }
}
.ins-hero-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ins-hero-thumb .scale-up-img {
  height: 100%;
}
.ins-hero-subtitle {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--oit-clr-white);
}
@media (max-width: 767px) {
  .ins-hero-subtitle {
    font-size: 14px;
  }
}
.ins-hero-title {
  font-weight: 700;
  font-size: 100px;
  line-height: 1;
  letter-spacing: -2px;
  color: var(--oit-clr-white);
  text-transform: uppercase;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-hero-title {
    font-size: 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-hero-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ins-hero-title {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .ins-hero-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-hero-title {
    font-size: 55px;
  }
}
.ins-hero-button {
  gap: 20px;
}

.bi-hero-client-box p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}
.bi-hero-client-box p span {
  color: var(--oit-clr-white);
}

.ins-about-wrap {
  margin-inline-start: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-about-wrap {
    margin-inline-start: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-about-wrap {
    margin-inline-start: 0;
  }
}
.ins-about-wrap .bc-about-accordion {
  margin-inline-start: 55px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .ins-about-wrap .bc-about-accordion {
    margin-inline-start: 75px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-about-wrap .bc-about-accordion {
    margin-inline-start: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-about-wrap .bc-about-accordion {
    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) {
  .ins-about-wrap .bc-about-accordion {
    margin-inline-start: 30px;
  }
}
@media (max-width: 767px) {
  .ins-about-wrap .bc-about-accordion {
    margin-inline-start: 0;
  }
}
@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) {
  .ins-about-wrap .oit-btn-green.mt-70 {
    margin-top: 30px;
  }
}
.ins-about-wrap .accordion-button > span {
  font-weight: 500;
}
.ins-about-wrap .accordion-body {
  padding-top: 20px;
  padding-bottom: 15px;
}
.ins-about-wrap .accordion-body p {
  font-size: 16px;
}
.ins-about-wrap .oit-section-box.mb-95 {
  margin-inline-start: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-about-wrap .oit-section-box.mb-95 {
    margin-bottom: 45px;
    margin-inline-start: 0;
  }
}
.ins-about-style .bc-about-video-box p {
  margin-inline-end: 0;
}
@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) {
  .ins-about-style .bc-about-video-box p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .ins-about-style .bc-about-video-box p {
    font-size: 16px;
  }
}
.ins-about-style .bc-about-thumb {
  height: 100%;
}
@media (max-width: 767px) {
  .ins-about-style .bc-about-thumb {
    height: auto;
    margin-bottom: 50px;
  }
}
.ins-about-style .bc-about-thumb img {
  max-width: inherit;
}
@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) {
  .ins-about-style .bc-about-thumb img {
    max-width: 100%;
    height: 100%;
    width: 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) {
  .ins-service-style {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.ins-service-style .bs-service-card {
  transition: 0.3s;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.ins-service-style .bs-service-card:hover {
  border-color: var(--oit-clr-forest-rich);
}

.ins-choose-style .ic-choose-item span {
  background-color: rgba(255, 255, 255, 0.1);
}
.ins-choose-style .ic-choose-item {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-choose-style .ic-choose-item {
    padding-top: 0;
  }
}
.ins-choose-style .ic-choose-item .common-title {
  color: var(--oit-clr-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-choose-style .ic-choose-item .common-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-choose-style .ic-choose-item .common-title {
    font-size: 20px;
  }
}
.ins-choose-style .ic-choose-item p {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-choose-style .ic-choose-item p {
    padding-inline-end: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-choose-style .ic-choose-item p {
    font-size: 13px;
  }
}
.ins-choose-style .ic-choose-thumb {
  margin-inline-start: 50px;
  margin-inline-end: 65px;
  border: 5px solid var(--oit-clr-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-choose-style .ic-choose-thumb {
    margin-inline-start: 30px;
    margin-inline-end: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-choose-style .ic-choose-thumb {
    margin-inline-start: 20px;
    margin-inline-end: 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) {
  .ins-choose-style .ic-choose-thumb {
    margin: 0;
  }
}
.ins-choose-style .ic-choose-thumb img {
  width: 100%;
}

@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) {
  .ins-testimonial-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.ins-testimonial-item {
  padding: 40px 35px;
  padding-bottom: 30px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-testimonial-item {
    padding: 30px 25px;
  }
}
.ins-testimonial-item p {
  font-weight: 500;
  font-size: 27px;
  line-height: 1.33;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-testimonial-item p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-testimonial-item p {
    font-size: 20px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-testimonial-item .quote svg {
    height: 25px;
  }
}
.ins-testimonial-item .bi-testimonial-author span {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-testimonial-item .bi-testimonial-author span {
    font-size: 16px;
  }
}
.ins-testimonial-item .bi-testimonial-author .common-title {
  font-weight: 500;
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-testimonial-item .bi-testimonial-author .common-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-testimonial-top {
    display: none !important;
  }
}
.ins-testimonial-top > img {
  height: 88px;
  width: 88px;
  border-radius: 50%;
}
.ins-testimonial-logo {
  padding: 10px 25px 10px 12px;
  border-radius: 1000px;
  border: 1px solid rgba(56, 63, 62, 0.1);
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 10px;
}
.ins-testimonial-logo span {
  font-weight: 600;
  font-size: 20px;
}
.ins-testimonial-active {
  margin-inline-end: -580px;
}
@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) {
  .ins-testimonial-active {
    margin-inline-end: 0;
  }
}
.ins-testimonial-content {
  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) {
  .ins-testimonial-wrap {
    margin-top: 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) {
  .ins-funfact-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.ins-funfact-item {
  padding: 40px 50px;
  padding-bottom: 50px;
  border-radius: 20px;
  height: 470px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--oit-clr-forest-rich);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .ins-funfact-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-funfact-item {
    padding: 30px 30px;
    height: 400px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-funfact-item {
    padding: 30px 30px;
    height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-funfact-item {
    padding: 30px 30px;
    height: 300px;
  }
}
.ins-funfact-item span {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.33;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-funfact-item span {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-funfact-item span {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-funfact-item span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-funfact-item span {
    font-size: 14px;
  }
}
.ins-funfact-item p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
  margin-inline-end: 50px;
  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) {
  .ins-funfact-item p {
    font-size: 18px;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-funfact-item p {
    font-size: 16px;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-funfact-item p {
    font-size: 14px;
  }
}
.ins-funfact-number {
  font-size: 80px;
  font-weight: 700;
}
@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) {
  .ins-funfact-number {
    font-size: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-funfact-number {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-funfact-number {
    font-size: 35px;
  }
}
.ins-funfact-number i {
  font-style: normal;
}
.ins-funfact-area .row [class*=col-]:last-child .ins-funfact-item p {
  margin-inline-end: 0;
}
.ins-funfact-area .row [class*=col-]:nth-child(2n) .ins-funfact-item {
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.ins-funfact-area .row [class*=col-]:nth-child(2n) .ins-funfact-number {
  color: var(--oit-clr-forest-rich);
}
.ins-funfact-area .row [class*=col-]:nth-child(2n) .ins-funfact-item span, .ins-funfact-area .row [class*=col-]:nth-child(2n) .ins-funfact-item p {
  color: var(--oit-clr-dark-navy);
}

.ins-price-style .fc-price-card.active {
  background-color: var(--oit-clr-forest-rich);
}
.ins-price-style .fc-price-card.active .fc-price-head .icon {
  background-color: var(--oit-clr-green-soft);
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.ins-price-style .fc-price-card.active .common-title.oit-text-dark-navy {
  color: var(--oit-clr-white) !important;
}
.ins-price-style .fc-price-card.active .fc-price-head {
  border-color: rgba(255, 255, 255, 0.2);
}
.ins-price-style .fc-price-card.active .tag {
  background-color: var(--oit-clr-white);
}
.ins-price-style .fc-price-card.active .common-title, .ins-price-style .fc-price-card.active .fc-price-features span, .ins-price-style .fc-price-card.active .fc-plan-desc p, .ins-price-style .fc-price-card.active .fc-price-box .price, .ins-price-style .fc-price-card.active .fc-price-box span, .ins-price-style .fc-price-card.active .fc-price-features ul li span {
  color: var(--oit-clr-white);
}
.ins-price-style .fc-price-card.active .fc-price-features svg {
  color: var(--oit-clr-white);
}
.ins-price-style .fc-price-card.active .fc-price-features .inactive span {
  color: rgba(255, 255, 255, 0.5);
}
.ins-price-style .fc-price-card.active .fc-price-features .inactive svg {
  color: rgba(255, 255, 255, 0.5);
}
.ins-price-style .fc-price-card .fc-price-features svg {
  color: var(--oit-clr-teal);
}
.ins-price-style .fc-price-card .fc-price-features .inactive svg {
  color: rgba(3, 72, 51, 0.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) {
  .ins-faq-style {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@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) {
  .ins-faq-style .oit-section-box.mb-20 {
    margin-bottom: 75px;
  }
}
.ins-faq-style .bm-faq-wrap .bm-work-accordion .accordion-icon {
  background-color: var(--oit-clr-forest-rich);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-faq-style .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-faq-style .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 30px;
  }
}
@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) {
  .ins-faq-style .bm-faq-wrap .accordion-body {
    padding-inline-end: 30px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-faq-style .ins-faq-thumb-content {
    margin: 40px 25px;
  }
}
.ins-faq-style .accordion-button span.number {
  color: var(--oit-text-body);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-faq-style .accordion-button span.number {
    font-size: 12px !important;
    transform: translateY(0) !important;
  }
}
.ins-faq-thumb-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 40px 65px;
}
@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) {
  .ins-faq-thumb-content {
    margin: 30px 20px;
  }
}
.ins-faq-thumb-content .title {
  font-size: 45px;
}
@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) {
  .ins-faq-thumb-content .title {
    font-size: 30px;
  }
}
.ins-faq-thumb-content p {
  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) {
  .ins-faq-thumb-content p {
    font-size: 16px;
  }
}
.ins-faq-thumb {
  border-radius: 20px;
  overflow: hidden;
  margin-top: 55px;
}
@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) {
  .ins-faq-thumb {
    height: 100%;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-faq-thumb {
    height: 100%;
  }
}
@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) {
  .ins-faq-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}

.ins-contact-style .bi-contact-form {
  background-color: var(--oit-gray-1);
}
.ins-contact-style .bi-contact-input-box input, .ins-contact-style .bi-contact-input-box textarea {
  background-color: var(--oit-clr-white);
}
.ins-contact-style .bc-price-contact-info a svg {
  color: var(--oit-clr-forest-rich);
}

@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) {
  .ins-blog-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.ins-blog-title {
  font-size: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-blog-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ins-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ins-blog-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ins-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-blog-title {
    font-size: 27px;
  }
}
.ins-blog-item {
  border-radius: 26px;
  overflow: hidden;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.ins-blog-thumb img {
  border-radius: 26px;
}
.ins-blog-meta span {
  display: inline-block;
  letter-spacing: -0.02em;
  border-radius: 1000px;
  padding: 5px 20px;
  line-height: 1;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.ins-blog-content {
  padding: 40px 40px;
}
@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) {
  .ins-blog-content {
    padding: 40px 20px;
  }
}
.ins-blog-content p {
  margin-inline-end: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ins-blog-content p {
    margin-inline-end: 0;
    font-size: 18px;
  }
}
@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) {
  .ins-blog-content p {
    margin-inline-end: 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ins-blog-content p {
    margin-inline-end: 100px;
  }
}
.ins-blog-author-wrap {
  gap: 10px;
}
.ins-blog-author-info span {
  font-size: 14px;
  color: rgba(4, 5, 27, 0.6);
}
.ins-blog-author-info .name {
  font-size: 20px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  5.13 case sutdy details css
/*----------------------------------------*/
.case-study-info {
  padding: 40px 38px;
  padding-bottom: 30px;
  border-radius: 20px;
  transition: 0.3s;
  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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .case-study-info {
    padding: 30px 20px;
  }
}
.case-study-info svg {
  transition: 0.3s;
  color: var(--oit-clr-deep-teal);
}
.case-study-info span {
  font-size: 20px;
  display: block;
}
.case-study-info .title {
  font-weight: 600;
  font-size: 25px;
  line-height: 1.6;
  color: var(--oit-clr-dark-navy);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .case-study-info .title {
    font-size: 20px;
  }
}
.case-study-info:hover {
  transform: translateY(-10px);
}
.case-study-info:hover svg {
  transform: scaleX(-1);
}
.case-study-title-sm {
  font-size: 25px;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .case-study-title-sm {
    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) {
  .case-study-details-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
.case-study-details-area .sv-author-info {
  border-radius: 20px;
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.case-study-details-area .bc-funfact-item {
  padding: 30px 50px 30px 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) {
  .case-study-details-area .bc-funfact-item {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .case-study-details-area .bc-funfact-item {
    padding: 30px 20px;
  }
}
.case-study-content {
  padding-inline-end: 45px;
  margin-inline-end: 15px;
  padding-inline-start: 50px;
  border-inline-end: 1px solid rgba(0, 0, 0, 0.1);
  border-inline-start: 1px solid rgba(0, 0, 0, 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) {
  .case-study-content.pt-120.pb-70 {
    padding-top: 90px;
    padding-bottom: 60px;
    margin-inline-end: 0;
    padding-inline-end: 40px;
    border-inline-end: none;
    padding-inline-start: 30px;
  }
}
@media (max-width: 767px) {
  .case-study-content.pt-120.pb-70 {
    padding-top: 90px;
    padding-bottom: 60px;
    margin-inline-end: 0;
    padding-inline-end: 0;
    border: none;
    padding-inline-start: 0;
  }
}
.case-study-nav-wrap {
  width: 250px;
}
@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) {
  .case-study-nav-wrap {
    width: auto;
  }
}
.case-study-nav-wrap .nav-text {
  display: block;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: rgba(56, 63, 62, 0.8);
  position: relative;
  transition: 0.3s;
}
.case-study-nav-wrap .nav-item:hover .nav-text {
  color: var(--oit-clr-dark-navy);
}
.case-study-nav-wrap .nav-item:not(:last-child) .nav-text {
  margin-bottom: 12px;
}
.case-study-nav-wrap .line-track {
  width: 2px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.nav-item {
  display: flex;
  align-items: stretch;
  gap: 10px;
  cursor: pointer;
}

.line-seg {
  flex: 1;
  min-height: 32px;
  background: #e5e5e5;
  transition: background 0.3s ease;
}

.nav-item.active .line-seg {
  background: #1D9E75;
}

.nav-item.done .line-seg {
  background: #1D9E75;
}

.nav-item.active .nav-text {
  color: var(--oit-clr-dark-navy);
  font-weight: 600;
}

/*----------------------------------------*/
/*  5.19 team-details css
/*----------------------------------------*/
@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) {
  .bs-team-area.pt-130.pb-130 {
    padding: 90px 0;
  }
}
.bs-team-area.innar-style-2 .bs-team-active, .bs-team-area.innar-style-2 .bs-team-active-2 {
  background-color: transparent;
}
.bs-team-area.innar-style-2 .bs-team-item {
  outline: 3px solid var(--oit-clr-green-soft);
}
.bs-team-area.inner-style .icx-team-content-box {
  gap: 35px;
}
.bs-team-area.inner-style .icx-team-content-box p {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bs-team-area.inner-style .icx-team-content-box p {
    font-size: 16px;
  }
}

.team-inner-style .bm-team-item:hover {
  background-color: var(--oit-clr-green);
}
.team-inner-style .bm-team-item:hover .bm-team-title {
  color: var(--oit-clr-black);
}
.team-inner-style .bm-team-item:hover .bm-team-info span {
  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) {
  .team-details-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.team-details-area .bc-testimonial-progress-wrap {
  position: relative;
  margin: 0;
}
.team-details-area .bc-testimonial-progress-wrap label {
  top: -35px;
  font-weight: 600;
  font-size: 20px;
  color: var(--oit-clr-deep-teal);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-area .bc-testimonial-progress-wrap label {
    font-size: 16px;
  }
}
.team-details-area .bc-testimonial-progress-wrap .progress {
  margin-top: 40px;
  height: 15px;
  border-radius: 20px;
  background: var(--oit-gray-1);
  border: 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) {
  .team-details-area .bc-testimonial-progress-wrap .progress {
    height: 10px;
  }
}
.team-details-area .bc-testimonial-progress-wrap .progress-bar {
  border-radius: 20px;
  background-color: var(--oit-clr-deep-teal);
}
.team-details-area .bc-testimonial-progress-wrap .progress-bar span {
  top: -37px;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--oit-ff-heading);
  color: var(--oit-clr-deep-teal);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-area .bc-testimonial-progress-wrap .progress-bar span {
    font-size: 16px;
  }
}
.team-details-contact {
  display: flex;
  gap: 8px;
  padding: 27px 30px;
  border-bottom: 1px solid rgba(56, 63, 62, 0.1);
  border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .team-details-contact {
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-contact {
    padding: 15px 10px;
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .team-details-contact {
    padding: 18px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-contact.social-box {
    gap: 16px;
  }
}
.team-details-contact:nth-last-child(-n+3) {
  border-bottom: none;
}
.team-details-contact:nth-child(3n) {
  border-inline-end: 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) {
  .team-details-contact:nth-child(even) {
    border-inline-end: none;
  }
  .team-details-contact:nth-child(3n) {
    border-inline-end: 1px solid rgba(56, 63, 62, 0.1);
  }
  .team-details-contact:nth-last-child(3) {
    border-bottom: 1px solid rgba(56, 63, 62, 0.1);
  }
}
@media (max-width: 767px) {
  .team-details-contact:nth-child(n) {
    border-inline-end: none;
  }
  .team-details-contact:nth-last-child(2) {
    border-bottom: 1px solid rgba(56, 63, 62, 0.1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-details-contact:nth-last-child(2) {
    border-bottom: none;
  }
  .team-details-contact:nth-child(even) {
    border-inline-start: 1px solid rgba(56, 63, 62, 0.1);
  }
}
.team-details-contact span, .team-details-contact a {
  font-size: 20px;
  color: var(--oit-clr-dark-navy);
}
@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) {
  .team-details-contact span, .team-details-contact a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-contact span, .team-details-contact a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .team-details-contact span, .team-details-contact a {
    font-size: 16px;
  }
}
.team-details-contact svg {
  color: var(--oit-clr-green-dark);
}
@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) {
  .team-details-contact svg {
    height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-contact svg {
    height: 14px;
  }
}
@media (max-width: 767px) {
  .team-details-contact svg {
    height: 16px;
  }
}
.team-details-contact a svg {
  transition: 0.4s;
  height: 23px;
  color: rgba(56, 63, 62, 0.5);
}
@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) {
  .team-details-contact a svg {
    height: 16px;
    width: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-contact a svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 767px) {
  .team-details-contact a svg {
    height: 16px;
    width: 16px;
  }
}
.team-details-contact a:hover svg {
  color: var(--oit-clr-deep-teal);
}
.team-details-contact-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  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) {
  .team-details-contact-info {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .team-details-contact-info {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-details-contact-info {
    grid-template-columns: repeat(2, 1fr);
  }
}
.team-details-author-info .title {
  font-weight: 500;
  font-size: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .team-details-author-info .title {
    font-size: 38px;
  }
}
@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) {
  .team-details-author-info .title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .team-details-author-info .title {
    font-size: 30px;
  }
}
.team-details-author-info span {
  font-size: 20px;
}
.team-details-thumb {
  margin-inline-end: -43px;
}
@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) {
  .team-details-thumb {
    margin-inline-end: 0;
  }
}
@media (max-width: 767px) {
  .team-details-thumb {
    margin-inline-end: 0;
    margin-bottom: 30px;
  }
}
.team-details-content {
  margin-inline-start: 120px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .team-details-content {
    margin-inline-start: 30px;
  }
}
@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) {
  .team-details-content {
    margin-inline-start: 0;
  }
}
.team-details-timeline {
  position: relative;
  padding: 35px 40px;
  border-radius: 0 20px 20px 20px;
  margin-inline-start: 45px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-timeline {
    padding: 25px 20px;
    border-radius: 0 10px 10px 10px;
  }
}
.team-details-timeline::after {
  position: absolute;
  content: "";
  top: -2%;
  inset-inline-start: -56px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  z-index: 1;
  background-color: var(--oit-clr-deep-teal);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-timeline::after {
    height: 22px;
    width: 22px;
    inset-inline-start: -54px;
  }
}
.team-details-timeline.active span {
  background-color: var(--oit-clr-green);
}
.team-details-timeline span {
  font-weight: 500;
  border-radius: 10000px;
  padding: 2px 20px;
  display: inline-block;
  margin-bottom: 15px;
  color: var(--oit-clr-dark-navy);
  background-color: #cff8ca;
}
.team-details-timeline-wrap {
  position: relative;
}
.team-details-timeline-wrap::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 12px;
  height: 100%;
  border-radius: 10000px;
  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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-timeline-wrap::after {
    width: 6px;
  }
}
.team-details-timeline-wrap::before {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 12px;
  height: 36%;
  border-radius: 10000px;
  z-index: 1;
  background-color: var(--oit-clr-deep-teal);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-timeline-wrap::before {
    width: 6px;
  }
}
.team-details-timeline-wrap .inner-sm-title {
  color: var(--oit-clr-deep-teal);
}
.team-details-social {
  display: flex;
  gap: 10px;
}
.team-details-social a {
  height: 50px;
  width: 50px;
  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(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) {
  .team-details-social a {
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border-radius: 10px;
  }
}
.team-details-social a svg {
  transition: 0.4s;
  height: 16px;
  color: var(--oit-clr-dark-navy);
}
.team-details-social a:hover {
  background-color: var(--oit-clr-green-dark);
}
.team-details-social a:hover svg {
  color: var(--oit-clr-white);
}
.team-details-author-wrap {
  padding: 10px;
  padding-inline-end: 100px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.team-details-author-thumb {
  height: 100%;
  margin-inline-end: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-author-thumb {
    margin-inline-end: 0;
  }
}
.team-details-author-thumb img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .team-details-author-thumb img {
    width: 100%;
  }
}
.team-details-style-2 .team-details-content {
  margin-inline-start: 0;
}
.team-details-style-2 .team-details-wrap {
  margin-inline-end: -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) {
  .team-details-style-2 .team-details-wrap {
    margin-inline-end: 0;
  }
}
.team-details-style-2 .team-details-contact-info {
  border-radius: 20px;
  background-color: var(--oit-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-style-2 .team-details-contact-info {
    border-radius: 10px;
  }
}
.team-details-style-2 .sv-sidebar-widget-client-box .shape {
  top: -39%;
  opacity: 0.3;
  inset-inline-end: auto;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-style-2 .sv-sidebar-widget-client-box .shape {
    display: none;
  }
}
.team-details-style-2 .team-details-author-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline-start: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details-style-2 .team-details-author-info {
    padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details-style-2 .team-details-author-info {
    padding: 30px 0 30px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-details-style-2 .team-details-author-info {
    padding: 30px 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) {
  .team-details-style-2 .team-details-author-info .title {
    font-size: 27px;
    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) {
  .team-details-style-2 .team-details-author-info span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details-style-2 .team-details-author-wrap {
    padding-inline-end: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details-style-2 .team-details-author-wrap {
    padding-inline-end: 20px;
  }
}
@media (max-width: 767px) {
  .team-details-style-2 .team-details-author-wrap {
    padding-inline-end: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-details-style-2 .team-details-author-wrap {
    padding: 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) {
  .team-details-style-2 .team-details-contact.social-box {
    gap: 25px;
  }
}

/*----------------------------------------*/
/*  5.17 faq css
/*----------------------------------------*/
.faq-innar-area .bm-faq-wrap .bm-work-accordion {
  margin-inline-start: 0;
}
.faq-innar-area .bm-faq-wrap .bm-work-accordion .accordion-item {
  border-bottom: none;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 30px 40px;
  background-color: var(--oit-gray-1);
}
@media (max-width: 767px) {
  .faq-innar-area .bm-faq-wrap .bm-work-accordion .accordion-item {
    padding: 30px 20px;
  }
}
.faq-innar-area .sv-sidebar-widget {
  padding-bottom: 30px;
}
.faq-innar-area .bm-faq-wrap {
  margin-inline-start: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-innar-area .bm-faq-wrap {
    margin-inline-start: 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) {
  .faq-innar-area .bm-faq-wrap {
    margin-inline-start: 0;
  }
}
.faq-innar-area .bm-faq-wrap .accordion-body {
  padding-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) {
  .faq-innar-area .bm-work-accordion.mb-120 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-innar-area .bm-work-accordion.mb-120 .inner-title {
    font-size: 36px;
  }
}
.faq-innar-nav button {
  width: 100%;
  font-size: 20px;
  border-radius: 10px;
  padding: 16px 15px;
  text-align: start;
  display: flex;
  gap: 15px;
  transition: 0.3s;
  color: var(--oit-clr-dark-navy);
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .faq-innar-nav button {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.faq-innar-nav button svg {
  color: var(--oit-clr-green-dark);
}
@media (max-width: 767px) {
  .faq-innar-nav button svg {
    height: 14px;
  }
}
.faq-innar-nav button.active {
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-sidebar {
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-search-box.mb-120 {
    margin-bottom: 60px;
  }
}

/*----------------------------------------*/
/*   5.10 appointment coach css
/*----------------------------------------*/
@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) {
  .appointment-area.pt-130.pb-130 {
    padding: 90px 0;
  }
}
.appointment-wrap {
  padding: 55px 60px;
  border-radius: 20px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@media (max-width: 767px) {
  .appointment-wrap {
    border-radius: 10px;
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .appointment-wrap .oit-section-title.mb-70 {
    margin-bottom: 35px;
  }
}
.appointment-wrap .bi-contact-input-box input, .appointment-wrap .bi-contact-input-box textarea {
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
.appointment-wrap .bi-contact-input-box label span {
  color: #DC2626;
}
.appointment-wrap .bi-contact-input-box textarea {
  height: 335px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .appointment-wrap .bi-contact-input-box textarea {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .appointment-wrap .bi-contact-input-box textarea {
    height: 200px;
  }
}
.appointment-wrap .nice-select::after {
  display: none;
}
.appointment-wrap .nice-select span {
  color: var(--oit-clr-dark-navy);
}
.appointment-wrap .nice-select .list {
  width: 180%;
  padding: 10px 0;
}
.appointment-wrap .nice-select .list .option {
  font-size: 13px;
  padding-inline-start: 10px;
  padding-inline-end: 0;
}

.phone-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  background: var(--oit-gray-1);
  overflow: hidden;
}
.phone-flag {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 70px;
  padding: 0 15px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
  border-radius: 10px;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 767px) {
  .phone-flag {
    height: 50px;
  }
}
.phone-flag span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
}

.calendar {
  border-radius: 10px;
  border: 1.5px solid rgba(56, 63, 62, 0.1);
}
.calendar .cal-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 10px 10px 0 0;
  background: var(--oit-clr-white);
  border-bottom: 1.5px solid rgba(56, 63, 62, 0.1);
}
.calendar .cal-date-input {
  flex: 1;
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: none;
  outline: none;
}
.calendar .cal-icon {
  padding-inline-end: 20px;
}
.calendar .cal-month-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oit-clr-white);
  padding: 0 20px;
  border-bottom: 1.5px solid rgba(56, 63, 62, 0.1);
}
.calendar .cal-selects {
  display: flex;
  gap: 0.4rem;
}
.calendar .cal-select {
  appearance: none;
  background: transparent;
  border: none;
  outline: none;
  height: 50px;
  line-height: 50px;
  font-weight: 500;
  padding-inline-start: 0;
  padding-inline-end: 25px;
  cursor: pointer;
  color: var(--oit-clr-dark-navy);
}
.calendar .cal-select .nice-select::after {
  display: none;
}
.calendar .cal-nav {
  display: flex;
  gap: 4px;
}
.calendar .cal-nav button {
  padding: 2px 5px;
  background: none;
  border: none;
  border-radius: 4px;
  font-size: 20px;
  color: var(--oit-clr-dark-navy);
  cursor: pointer;
}
.calendar .cal-nav button i {
  font-size: 14px;
}
.calendar .cal-nav button:hover {
  background: var(--oit-gray-1);
}
.calendar .cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  padding: 8px 10px;
}
.calendar .cal-day-header {
  padding: 4px 0 6px;
  text-align: center;
  letter-spacing: 0.04em;
  color: var(--oit-clr-dark-navy);
  font-weight: 600;
}
.calendar .cal-day {
  padding: 5px 2px;
  text-align: center;
  line-height: 1.4;
  border-radius: 6px;
  color: var(--oit-clr-dark-navy);
  cursor: pointer;
}
.calendar .cal-day:hover:not(.selected):not(.other-month) {
  background: #e8f5e9;
}
.calendar .cal-day.other-month {
  color: #c8d8c8;
  cursor: default;
}
.calendar .cal-day.selected {
  background: var(--oit-clr-dark-navy);
  color: var(--oit-clr-white);
  font-weight: 600;
}

.time-panel {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.time-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.time-panel-title {
  color: var(--oit-clr-dark-navy);
  font-weight: 600;
}
.time-nav {
  display: flex;
  gap: 4px;
}
.time-nav button {
  width: 26px;
  height: 26px;
  line-height: 25px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border-radius: 6px;
  cursor: pointer;
  border: 1.5px solid rgba(56, 63, 62, 0.1);
}
.time-nav button:hover {
  background: var(--oit-clr-white);
}
.time-nav button.add {
  background: var(--oit-clr-green-dark);
  color: var(--oit-clr-white);
}
.time-nav button.add:hover {
  color: var(--oit-clr-black);
  background: var(--oit-clr-green-soft);
}
.time-slots {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.time-slot {
  padding: 12px 10px;
  background: var(--oit-clr-white);
  border: 1.5px solid rgba(56, 63, 62, 0.1);
  border-radius: 10px;
  text-align: center;
  color: var(--oit-clr-dark-navy);
  font-weight: 500;
  transition: 0.3s;
  cursor: pointer;
}
.time-slot:hover {
  background: #f0fdf4;
  border-color: var(--oit-clr-green-soft);
}
.time-slot.selected {
  background: var(--oit-clr-green-dark);
  border-color: var(--oit-clr-dark-navy);
  color: var(--oit-clr-white);
}

.timezone {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--oit-clr-dark-navy);
}
.timezone .tz-dot {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--oit-clr-green-dark);
}

@media (max-width: 560px) {
  .form-row,
  .datetime-grid {
    grid-template-columns: 1fr;
  }
  .card {
    padding: 15px;
  }
}
/*----------------------------------------*/
/*  5.11 career css
/*----------------------------------------*/
.career-item {
  padding: 20px 30px 30px 30px;
  border-radius: 20px;
  background-color: var(--oit-clr-white);
  border: 1px solid rgba(56, 63, 62, 0.1);
}
@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) {
  .career-item {
    padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .career-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .career-item {
    padding: 40px;
  }
}
.career-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.71;
  margin-bottom: 35px;
  margin-inline-end: 40px;
  letter-spacing: -0.06em;
}
@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) {
  .career-item p {
    margin-inline-end: 0;
  }
}
@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) {
  .career-item .common-title {
    font-size: 25px;
  }
}
.career-price {
  font-size: 14px;
  border-radius: 5px;
  padding: 11px 20px;
  display: inline-block;
  line-height: 1;
  color: var(--oit-common-white);
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media (max-width: 767px) {
  .career-price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .career-price {
    margin-bottom: 0;
  }
}
.career-meta {
  margin-bottom: 25px;
}
.career-meta span {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
}
@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) {
  .career-meta span {
    font-size: 12px;
  }
}
.career-meta span svg {
  display: inline-block;
  margin-right: 5px;
}
@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) {
  .career-meta span svg {
    height: 13px;
    width: 13px;
  }
}
.career-meta span:not(:last-child) {
  padding-inline-end: 20px;
  margin-inline-end: 20px;
  border-inline-end: 1px solid #D9D9D9;
}
@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) {
  .career-meta span:not(:last-child) {
    padding-inline-end: 13px;
    margin-inline-end: 13px;
  }
}
@media (max-width: 767px) {
  .career-meta span:not(:last-child) {
    padding-inline-end: 10px;
    margin-inline-end: 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) {
  .career-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.career-area .shape-1 {
  position: absolute;
  top: 5%;
  right: 20%;
}
@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) {
  .career-inner-style {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.career-inner-style .bm-faq-wrap .bc-schedule-info-wrap {
  padding: 50px;
  padding-bottom: 45px;
  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) {
  .career-inner-style .bm-faq-wrap .bc-schedule-info-wrap {
    padding: 35px 25px;
  }
}
.career-inner-style .bm-faq-wrap .bc-schedule-info-wrap p {
  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) {
  .career-inner-style .bm-faq-wrap .bc-schedule-info-wrap p {
    margin-inline-end: 0;
    font-size: 18px;
  }
}
@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) {
  .career-inner-style .bm-faq-wrap .oit-section-title.fsz-45 {
    font-size: 30px;
  }
}
@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) {
  .career-inner-style .bm-faq-wrap img.author {
    width: 120px;
  }
}
.career-inner-style .bm-faq-wrap .bm-work-accordion .accordion-button span {
  color: var(--oit-clr-black);
}
.career-inner-style .bm-faq-wrap .bm-work-accordion .accordion-icon {
  background-color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .career-inner-style .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .career-inner-style .bm-faq-wrap .bm-work-accordion {
    margin-inline-start: 50px;
  }
}
.career-inner-style .bm-faq-wrap .bm-work-accordion .number {
  font-weight: 400;
  color: #383f3e;
}
.career-inner-style .fc-faq-style {
  padding-top: 0;
  padding-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) {
  .career-details-area.pt-130.pb-130 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.benefit-item {
  padding: 40px 40px;
  padding-bottom: 35px;
  border-radius: 10px;
  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) {
  .benefit-item {
    padding: 30px 20px;
    padding-bottom: 25px;
  }
}
.benefit-item span {
  height: 70px;
  width: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border-radius: 10px;
  color: var(--oit-clr-green);
  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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .benefit-item span {
    height: 50px;
    width: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    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) {
  .benefit-item span svg {
    height: 20px;
  }
}
.benefit-item p {
  padding-inline-end: 60px;
}
@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) {
  .benefit-item p {
    font-size: 16px;
    padding-inline-end: 0;
  }
}
@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) {
  .benefit-item .common-title {
    font-size: 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) {
  .benefit-area {
    padding-top: 90px;
    padding-bottom: 65px;
  }
}

@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) {
  .gallery-area {
    padding-top: 90px;
    padding-bottom: 65px;
  }
}

/*----------------------------------------*/
/*  5.12 cart css
/*----------------------------------------*/
.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.14 checkout css
/*----------------------------------------*/
.checkout-area p {
  font-size: 16px;
}

.coupon-accordion h3 {
  background: #f7f7f7;
  border-top: 3px solid var(--oit-clr-green);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
}
.coupon-accordion h3::before {
  content: "\f07b";
  position: absolute;
  left: 15px;
  top: 13px;
  color: var(--oit-clr-green);
  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: 18px;
  margin-bottom: 15px;
}
.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-green);
  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-green);
}
.coupon-info p.form-row input[type=submit]:hover {
  background: #3e976c;
}
.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: 5px;
}
.checkout-form-list label .required,
.country-select label .required {
  color: var(--oit-clr-green);
}
.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-green);
}

.country-select {
  display: block;
  height: 100%;
  margin-bottom: 0;
}
.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-2);
}
.order-notes textarea:focus {
  border-color: var(--oit-clr-green);
}

.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: #e9ffe6;
}
.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: 20px;
  font-weight: 500;
  padding: 23px 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: 18px;
  margin-bottom: 0;
}
.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: #3e976c;
}

.coupon-info p.form-row input[type=submit], .buttons-cart input,
.coupon input[type=submit],
.buttons-cart a {
  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;
}

/*----------------------------------------*/
/*  5.18 shop css
/*----------------------------------------*/
@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-area {
    padding: 90px 0;
  }
}
.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-black);
  background-color: var(--oit-clr-green);
}
.oit-shop-action-2 {
  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-2 {
  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-green);
}
.oit-shop-action-btn-2 span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--oit-clr-black);
}
.oit-shop-action-btn-2 span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.oit-shop-action-btn-2 span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.oit-shop-action-btn-2:hover {
  background-color: var(--oit-clr-white);
}
.oit-shop-action-btn-2:hover span {
  color: var(--oit-clr-black);
}
.oit-shop-action-btn-2:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.oit-shop-action-btn-2:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.oit-shop-title {
  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-shop-title {
    font-size: 20px;
  }
}
.oit-shop-price {
  margin-bottom: 8px;
}
.oit-shop-price span {
  font-size: 16px;
  color: var(--oit-clr-green);
}
.oit-shop-price del {
  font-size: 14px;
  padding-inline-start: 4px;
}
.oit-shop-rating svg {
  margin: 0 1px;
}
.oit-shop-thumb {
  position: relative;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.oit-shop-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.oit-shop-item {
  padding: 20px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.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-2 {
  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-widget-filter .ui-widget.ui-widget-content {
  height: 5px;
  background-color: rgba(45, 196, 87, 0.2);
  border: 0;
  position: relative;
}
.oit-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--oit-clr-green);
}
.oit-shop-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-green);
}
.oit-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  background-color: transparent;
  color: var(--oit-text-body);
}
.oit-shop-widget-filter-info .oit-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-green);
}
.oit-shop-widget-checkbox ul li {
  list-style: none;
}
.oit-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}
.oit-shop-widget-checkbox ul li input {
  display: none;
}
.oit-shop-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.oit-shop-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--oit-clr-green);
  border-color: var(--oit-clr-green);
}
.oit-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.oit-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-inline-start: 26px;
}
.oit-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  inset-inline-start: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}
.oit-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  inset-inline-start: 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-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.oit-shop-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.oit-shop-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.oit-shop-widget-rating-list ul li:hover .oit-shop-widget-checkbox-circle-number {
  border-color: var(--oit-clr-black);
}
.oit-shop-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-shop-widget-thumb {
  margin-inline-end: 22px;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.oit-shop-widget-thumb img {
  height: 90px;
  width: 90px;
  border-radius: 20px;
}
.oit-shop-widget-content h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-inline-end: 40px;
  color: var(--oit-clr-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-shop-widget-content h5 {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-shop-widget-content h5 {
    margin-inline-end: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .oit-shop-widget-content h5 {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-shop-sidebar {
    margin-top: 70px;
  }
}
.oit-shop-top-title {
  font-size: 24px;
  color: var(--oit-clr-black);
}
@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;
  }
}
@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;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-inline-start: 20px;
  padding-inline-end: 45px;
  line-height: 50px;
  color: var(--oit-clr-black);
  background-color: var(--oit-gray-1);
  border: 1px solid var(--oit-clr-green);
}
.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-inner-style .oit-shop-thumb {
  border: none;
  height: 100%;
  margin-inline-end: 40px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .oit-shop-inner-style .oit-shop-thumb {
    margin-inline-end: 0;
    height: auto;
  }
}
.oit-shop-inner-style .oit-shop-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.oit-shop-inner-style .oit-shop-thumb::after {
  display: none;
}
.oit-shop-inner-style .oit-shop-content {
  position: relative;
  display: flex;
  height: 100%;
  align-items: start;
  text-align: start;
  flex-direction: column;
  justify-content: center;
  margin-inline-start: -45px;
}
@media (max-width: 767px) {
  .oit-shop-inner-style .oit-shop-content {
    margin-inline-start: 0;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-inner-style .oit-shop-content {
    padding-top: 0;
  }
}
.oit-shop-inner-style .oit-shop-item {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.oit-shop-inner-style .oit-shop-action-btn-2 {
  border-radius: 5px;
  background-color: var(--oit-clr-green);
}
.oit-shop-inner-style .oit-shop-action-btn-2 span {
  color: var(--oit-clr-white);
}
.oit-shop-inner-style .oit-shop-price {
  margin-bottom: 10px;
}
.oit-shop-inner-style .oit-shop-badge {
  inset-inline-start: auto;
  inset-inline-end: 0;
  top: 0;
}
@media (max-width: 767px) {
  .oit-shop-inner-style .oit-shop-badge {
    display: none;
  }
}
.oit-shop-inner-style-2 .oit-shop-item {
  border-radius: 10px;
}
.oit-shop-inner-style-2 .oit-shop-thumb {
  height: 255px;
  margin-bottom: 28px;
  border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-inner-style-2 .oit-shop-thumb {
    height: 200px;
  }
}
.oit-shop-inner-style-2 .oit-shop-thumb img {
  border-radius: 10px;
  height: 255px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-inner-style-2 .oit-shop-thumb img {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .oit-shop-inner-style-2 .oit-shop-text span {
    margin-bottom: 0;
  }
}

/* details css here */
.oit-shop-title-sm {
  font-size: 30px;
}
.oit-shop-input-box input {
  border-radius: 5px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.oit-shop-input-box input:focus {
  border: 1px solid var(--oit-clr-teal);
}
.oit-shop-input-box textarea {
  border-radius: 5px;
  height: 190px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .oit-shop-input-box textarea {
    font-size: 14px;
  }
}
.oit-shop-input-box textarea:focus {
  border: 1px solid var(--oit-clr-teal);
}
.oit-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid var(--oit-clr-teal);
}
.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-teal);
}
@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);
}
.oit-shop-details-content > p {
  padding-inline-end: 0;
  margin-inline-end: 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-shop-details-content > p {
    font-size: 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-shop-details__area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.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-gray-1);
}
@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-teal);
}
.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-inline-start: 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-shop-details__right-wrap {
    margin-inline-start: 0;
  }
}
.oit-shop-details__title-sm {
  font-size: 40px;
  line-height: 1.2;
  font-family: var(--it-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:hover {
  color: var(--oit-clr-green);
}
.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-teal);
}
.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;
}
@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__text p {
    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: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--oit-clr-teal);
}
@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-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.oit-shop-details__tab-content-box img {
  border-radius: 20px;
}
.oit-shop-details__tab-btn-box nav div button {
  transition: 0.3s;
  width: max-content;
  padding: 0;
  border-radius: 10px;
  background-color: var(--oit-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .oit-shop-details__tab-btn-box nav div button {
    margin-bottom: 20px;
  }
}
.oit-shop-details__tab-btn-box nav div button img {
  width: 125px;
  height: 130px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-shop-details__tab-btn-box nav div button img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .oit-shop-details__tab-btn-box nav div button img {
    width: 85px;
    height: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
.oit-shop-details__tab-btn-box nav div button.active {
  border: 1px solid var(--oit-clr-teal);
}
.oit-shop-details__tab-btn-box nav div button:hover {
  border: 1px solid var(--oit-clr-teal);
}
.oit-shop-details__tab-btn-box nav div button:not(:last-child) {
  margin-inline-end: 10px;
}
.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-teal);
  display: inline-block;
  margin-inline-start: 20px;
  margin-inline-end: 47px;
  font-family: var(--it-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;
  }
}

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.2);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    margin-bottom: 10px;
  }
}
.pro-details-nav-btn li:not(:last-child) button {
  margin-inline-end: 50px;
}
.pro-details-nav-btn li button span {
  font-size: 20px;
  line-height: 1.6;
  transition: 0.3s;
  text-transform: capitalize;
  font-family: var(--oit-ff-heading);
  font-weight: 400;
}
@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 {
  font-weight: 500;
  color: var(--oit-clr-black);
}

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

.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-gray-1);
}
.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-teal);
}
.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--oit-gray-1);
  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-teal);
}

.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 {
  color: var(--oit-clr-black);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

@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;
}

.oit-product-slider-title {
  color: var(--oit-clr-black);
  font-size: 30px;
  font-weight: 500;
}

.oit-shop-widget-categories-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}

.oit-shop-widget-categories-item input:checked ~ label::after {
  background-color: var(--oit-clr-purple);
  border-color: var(--oit-clr-purple);
}

.oit-product-sidebar {
  margin-inline-end: 28px;
}
@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-product-sidebar {
    margin-inline-end: 0;
  }
}
.oit-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}
@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-product-widget {
    padding: 45px 20px;
  }
}
.oit-product-widget .sidebar__search-input-2 input {
  background-color: var(--oit-clr-white);
}
.oit-product-widget-filter {
  position: relative;
}
.oit-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: var(--oit-clr-teal);
}
.oit-product-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #ddd;
  position: absolute;
}
.oit-product-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--oit-clr-black);
  position: absolute;
  display: inline-block;
}
.oit-product-widget-filter .ui-slider .ui-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background-color: var(--oit-clr-white);
  transform: translateY(-50%);
}
.oit-product-widget-filter-info i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-inline-end: 10px;
}
.oit-product-widget-filter-info .input-range input {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--oit-clr-black);
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}
.oit-product-widget-filter-info .oit-product-widget-filter-btn {
  font-weight: 600;
  font-size: 20px;
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-teal);
  padding: 10px 15px;
  margin-inline-end: 15px;
}
.oit-product-widget-filter-info .oit-product-widget-filter-btn:hover {
  color: var(--oit-clr-white);
  background-color: var(--oit-clr-black);
}
.oit-product-widget-category ul li {
  list-style: none;
  width: 100%;
}
.oit-product-widget-category ul li:not(:last-child) {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}
.oit-product-widget-category ul li:last-child a {
  padding-bottom: 0;
}
.oit-product-widget-category ul li a {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}
.oit-product-widget-category ul li a:hover {
  color: var(--oit-clr-teal);
}
.oit-product-widget-category ul li a i {
  color: var(--oit-clr-teal);
}
.oit-product-widget-color span {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-inline-end: 14px;
  margin-bottom: 13px;
  display: inline-block;
  cursor: pointer;
}
@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-product-widget-color span {
    margin-bottom: 0;
  }
}
.oit-product-widget-color span.red {
  background-color: #FE5B00;
}
.oit-product-widget-color span.tia {
  background-color: var(--oit-clr-teal);
}
.oit-product-widget-color span.yellow {
  background-color: #FED000;
}
.oit-product-widget-color span.yellow-2 {
  background-color: #FDB103;
}
.oit-product-widget-color span.yellow-3 {
  background-color: #FE5B00;
}
.oit-product-widget-color span.black {
  background-color: var(--oit-clr-black);
}
.oit-product-widget-color span.ass {
  background-color: #505050;
}
.oit-product-widget-color span.grey {
  background-color: #D9D9D9;
}

.oit-order-info-list-highlight-item span {
  display: block;
}
.oit-order-info-list-highlight-item span input {
  display: none;
}
.oit-order-info-list-highlight-item span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.oit-order-info-list-highlight-item span label {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  padding-inline-start: 27px;
  position: relative;
}
.oit-order-info-list-highlight-item span label:hover {
  cursor: pointer;
}
.oit-order-info-list-highlight-item span label::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--oit-clr-teal);
  transition: 0.3s;
}
.oit-order-info-list-highlight-item span label::before {
  position: absolute;
  content: "";
  inset-inline-start: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--oit-clr-teal);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.oit-product-widget-rating span {
  display: block;
}
.oit-product-widget-rating span input {
  display: none;
}
.oit-product-widget-rating span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.oit-product-widget-rating span label {
  position: relative;
  padding-inline-start: 27px;
}
.oit-product-widget-rating span label > i {
  color: #FED000;
}
.oit-product-widget-rating span label > i.color {
  color: rgba(254, 207, 0, 0.4);
}
.oit-product-widget-rating span label:hover {
  cursor: pointer;
}
.oit-product-widget-rating span label::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--oit-clr-teal);
  transition: 0.3s;
}
.oit-product-widget-rating span label::before {
  position: absolute;
  content: "";
  inset-inline-start: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--oit-clr-teal);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

@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.9 about us css
/*----------------------------------------*/
.about-inner-style .bi-about-mission-card .bc-about-accordion .accordion-icon > span {
  background-color: var(--oit-clr-black);
}
.about-inner-style .bi-card-title {
  color: var(--oit-clr-black);
}

.step-inner-style .ic-step-item span {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green);
}

.choose-inner-style .ic-choose-item {
  background-color: var(--oit-clr-white);
}
.choose-inner-style .ic-choose-item span {
  color: var(--oit-clr-black);
  background-color: var(--oit-clr-green);
}

.team-inner-style.bs-team-area .bs-team-item {
  outline: 3px solid var(--oit-clr-green);
}
.team-inner-style .oit-slider-dots .swiper-pagination-bullet {
  background-color: var(--oit-clr-green);
}

.testi-inner-style.bi-testimonial-style .bc-testimonial-slider-box span svg, .testi-inner-style.bi-testimonial-style .bc-testimonial-content p, .testi-inner-style.bi-testimonial-style .bc-testimonial-content a, .testi-inner-style.bi-testimonial-style .bc-testimonial-slider-box span svg {
  color: var(--oit-clr-black);
}
.testi-inner-style.bi-testimonial-style .bc-testimonial-author-info > .icon {
  background-color: var(--oit-clr-green);
}

.oit-brand-style .bi-funfact-wrap {
  border: 1px solid #000;
}
.oit-brand-style .bi-funfact-bullet::before, .oit-brand-style .bi-funfact-bullet::after {
  background-color: var(--oit-clr-green);
}
.oit-brand-style .bi-funfact-bullet::before {
  background-color: var(--oit-clr-green);
}
.oit-brand-style .bi-funfact-wrap {
  border: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-brand-style .bi-funfact-wrap .row [class*=col-] {
  border-inline-end: 1px solid rgba(56, 63, 62, 0.2);
  border-bottom: 1px solid rgba(56, 63, 62, 0.2);
}
.oit-brand-style .bi-funfact-wrap .row [class*=col-]:nth-child(3n) {
  border-inline-end: none;
}
.oit-brand-style .bi-funfact-wrap .row [class*=col-]:nth-last-child(-n+3) {
  border-bottom: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-brand-style .bi-funfact-wrap .row [class*=col-]:nth-child(3n) {
    border-inline-end: 1px solid rgba(56, 63, 62, 0.2);
  }
  .oit-brand-style .bi-funfact-wrap .row [class*=col-]:nth-child(2n) {
    border-inline-end: none;
  }
  .oit-brand-style .bi-funfact-wrap .row [class*=col-]:nth-last-child(3n) {
    border-bottom: 1px solid rgba(56, 63, 62, 0.2);
  }
}
@media (max-width: 767px) {
  .oit-brand-style .bi-funfact-wrap .row [class*=col-]:not(:last-child) {
    border-bottom: 1px solid rgba(56, 63, 62, 0.2);
  }
}
.oit-brand-style .bi-funfact-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-brand-style .bi-funfact-item img {
    width: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-brand-style .bi-funfact-item img {
    width: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-brand-style .bi-funfact-item img {
    width: 180px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .oit-brand-style .bi-funfact-item img {
    width: 150px;
  }
}

.oit-video-area .bc-about-video-box a {
  top: auto;
  bottom: 3%;
  inset-inline-end: 5%;
  transform: translateY(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-video-area .bc-about-video-box a {
    bottom: 7%;
  }
}
@media (max-width: 767px) {
  .oit-video-area .bc-about-video-box a {
    bottom: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-video-area .bc-about-video-box a span {
    font-size: 12px;
    padding: 6px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-video-area .bc-about-video-box a .icon {
    height: 28px;
    width: 28px;
    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-video-area .bc-about-video-box a .icon svg {
    height: 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-mission-content .oit-section-title br {
    display: none;
  }
}
.oit-mission-thumb {
  margin-inline-start: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-mission-thumb {
    height: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-mission-thumb {
    height: 100%;
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-mission-thumb {
    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) {
  .oit-mission-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
.oit-mission-list ul li {
  display: flex;
  gap: 15px;
  align-items: start;
}
@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-mission-list ul li {
    gap: 10px;
  }
}
.oit-mission-list ul li:not(:last-child) {
  margin-bottom: 30px;
}
@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-mission-list ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.oit-mission-list ul li span {
  font-weight: 500;
  font-size: 25px;
  color: var(--oit-clr-green-dark);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-mission-list ul li span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-mission-list ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oit-mission-list ul li span {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .oit-mission-list ul li span {
    font-size: 16px;
  }
}
.oit-mission-list ul li span svg {
  transform: translateY(-3px);
}
@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-mission-list ul li span svg {
    height: 20px;
  }
}
.oit-mission-list ul li span small {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 0;
  margin-top: 6px;
  display: block;
  letter-spacing: -0.02em;
}
.oit-mission-text p {
  margin-inline-end: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-mission-text 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-mission-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.oit-mission-area.mission-style-2 .oit-mission-list {
  margin-inline-start: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-mission-area.mission-style-2 .oit-mission-list {
    margin-inline-start: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-mission-area.mission-style-2 .oit-mission-list {
    margin-inline-start: 0;
    margin-top: 30px;
  }
}
.oit-mission-area.mission-style-2 .oit-mission-list ul li {
  gap: 10px;
}
.oit-mission-area.mission-style-2 .oit-mission-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
@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-mission-area.mission-style-2 .oit-mission-list ul li:not(:last-child) {
    margin-bottom: 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-vision-area {
    padding-bottom: 90px;
  }
}
.oit-vision-area .oit-mission-thumb {
  margin-inline-start: 0;
  margin-inline-end: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-vision-area .oit-mission-thumb {
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .oit-vision-area .oit-mission-thumb {
    margin-inline-end: 0;
  }
}

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