/*!
Theme Name: ninelinks
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ninelinks
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ninelinks is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-BlackItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-Black.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-Bold.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-BoldItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-Italic.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-Light.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-LightItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-Regular.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-SemiBold.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-SemiBoldItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-Thin.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt Soft";
  src: url("./fonts/Fraunces72ptSoft-ThinItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSoft-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-Black.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-BlackItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-Bold.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-BoldItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-Italic.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-Light.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-LightItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-Regular.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-SemiBold.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-SemiBoldItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-Thin.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt SuperSoft";
  src: url("./fonts/Fraunces72ptSuperSoft-ThinItalic.woff2") format("woff2"),url("./fonts/Fraunces72ptSuperSoft-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-Black.woff2") format("woff2"),url("./fonts/Fraunces72pt-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-BlackItalic.woff2") format("woff2"),url("./fonts/Fraunces72pt-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-Bold.woff2") format("woff2"),url("./fonts/Fraunces72pt-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-BoldItalic.woff2") format("woff2"),url("./fonts/Fraunces72pt-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-Italic.woff2") format("woff2"),url("./fonts/Fraunces72pt-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-Light.woff2") format("woff2"),url("./fonts/Fraunces72pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-LightItalic.woff2") format("woff2"),url("./fonts/Fraunces72pt-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-Regular.woff2") format("woff2"),url("./fonts/Fraunces72pt-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-SemiBold.woff2") format("woff2"),url("./fonts/Fraunces72pt-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-SemiBoldItalic.woff2") format("woff2"),url("./fonts/Fraunces72pt-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-Thin.woff2") format("woff2"),url("./fonts/Fraunces72pt-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Fraunces 72pt";
  src: url("./fonts/Fraunces72pt-ThinItalic.woff2") format("woff2"),url("./fonts/Fraunces72pt-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Black.woff2") format("woff2"),url("./fonts/InterTight-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-BlackItalic.woff2") format("woff2"),url("./fonts/InterTight-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Bold.woff2") format("woff2"),url("./fonts/InterTight-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-BoldItalic.woff2") format("woff2"),url("./fonts/InterTight-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-ExtraBold.woff2") format("woff2"),url("./fonts/InterTight-ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-ExtraBoldItalic.woff2") format("woff2"),url("./fonts/InterTight-ExtraBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-ExtraLight.woff2") format("woff2"),url("./fonts/InterTight-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-ExtraLightItalic.woff2") format("woff2"),url("./fonts/InterTight-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Light.woff2") format("woff2"),url("./fonts/InterTight-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Italic.woff2") format("woff2"),url("./fonts/InterTight-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-LightItalic.woff2") format("woff2"),url("./fonts/InterTight-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Medium.woff2") format("woff2"),url("./fonts/InterTight-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-MediumItalic.woff2") format("woff2"),url("./fonts/InterTight-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Regular.woff2") format("woff2"),url("./fonts/InterTight-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-SemiBold.woff2") format("woff2"),url("./fonts/InterTight-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-SemiBoldItalic.woff2") format("woff2"),url("./fonts/InterTight-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-Thin.woff2") format("woff2"),url("./fonts/InterTight-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Inter Tight";
  src: url("./fonts/InterTight-ThinItalic.woff2") format("woff2"),url("./fonts/InterTight-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Bold.woff2") format("woff2"),url("./fonts/JetBrainsMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-BoldItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-ExtraBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-ExtraBold.woff2") format("woff2"),url("./fonts/JetBrainsMono-ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-ExtraLight.woff2") format("woff2"),url("./fonts/JetBrainsMono-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-ExtraLightItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Italic.woff2") format("woff2"),url("./fonts/JetBrainsMono-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Light.woff2") format("woff2"),url("./fonts/JetBrainsMono-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-LightItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Medium.woff2") format("woff2"),url("./fonts/JetBrainsMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-MediumItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Regular.woff2") format("woff2"),url("./fonts/JetBrainsMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-SemiBold.woff2") format("woff2"),url("./fonts/JetBrainsMono-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-SemiBoldItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Thin.woff2") format("woff2"),url("./fonts/JetBrainsMono-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-ThinItalic.woff2") format("woff2"),url("./fonts/JetBrainsMono-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}
html {
  overscroll-behavior-y: none;
  font-size: 10px;
  scroll-behavior: smooth
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
:root {
  --blue: #47aac5;
  --yellow: #f9a61a;
  --gradient-primary: linear-gradient(90deg, #f9a61a 0%, #47aac5 100%);
  --gradient-light: linear-gradient(90deg,
      rgba(249, 166, 26, 0) 0%,
      rgba(249, 166, 26, 0.3) 13%,
      rgba(71, 170, 197, 0.3) 84%,
      rgba(71, 170, 197, 0) 100%);
  --black: #181818;
  --white: #ffffff;
  --bg-color: #f7f5f3;
  --clr-mint: #d9fff2;
  --clr-cream: #fff7d9;
  --clr-peach: #ffdfd9;
  --clr-lavender: #e1d9ff;
  --clr-pink: #ffd9f8;
  --clr-sky: #d9f0ff;
  --black-opacity-80: rgba(24, 24, 24, 0.8);
  --white-opacity-80: rgba(255, 255, 255, 0.8);
  --ff-heading: "Fraunces 72pt",serif;
  --ff-body: "Inter Tight",sans-serif;
  --ff-mono: "JetBrains Mono",monospace;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fs-h1: clamp(3.6rem, 2.4rem + 3vw, 7rem);
  --lh-h1: 1.28;
  --fs-h2: clamp(2.4rem, 1.6rem + 2.5vw, 5rem);
  --lh-h2: 1.24;
  --fs-h3: clamp(2rem, 1.4rem + 1.5vw, 3.8rem);
  --lh-h3: 1.3;
  --fs-h4: clamp(2rem, 1.3rem + 1vw, 2.4rem);
  --lh-h4: 1.3;
  --fs-h5: clamp(1.6rem, 1.2rem + 0.5vw, 2rem);
  --lh-h5: 1.5;
  --fs-body-lg: clamp(1.4rem, 1.2rem + 0.5vw, 2rem);
  --lh-body-lg: 1.5;
  --fs-body-md: clamp(1.4rem, 1.2rem + 0.3vw, 1.8rem);
  --lh-body-md: 1.6;
  --fs-body-sm: clamp(1.4rem, 1.15rem + 0.25vw, 1.6rem);
  --lh-body-sm: 1.6;
  --fs-big: clamp(3.8rem, 1.8rem + 3vw, 5rem);
  --lh-big: 1.24;
  --fs-small: clamp(1.1rem, 1.05rem + 0.15vw, 1.3rem);
  --lh-small: 1.5;
  --pad-24: 2.4rem;
  --pad-30: 3rem;
  --pad-50: 5rem;
  --pad-100: 10rem;
  --pad-120: 12rem;
  --gap-16: 1.6rem;
  --gap-24: 2.4rem;
  --gap-30: 3rem;
  --gap-40: 4rem;
  --gap-50: 5rem;
  --gap-80: 8rem;
  --gap-120: 12rem;
  --bor-12: 1.2rem;
  --bor-16: 1.6rem;
  --bor-24: 2.4rem;
  --bor-20: 2rem;
  --bor-30: 3rem;
  --transition: all 0.3s ease-in-out;
  --transition-smooth: cubic-bezier(0.25, 1, 0.5, 1)
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-heading);
  font-weight: var(--fw-regular)
}
.title_h1,
h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-family: var(--ff-heading)
}
.title_h2,
h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-family: var(--ff-heading)
}
.title_h3,
h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-family: var(--ff-heading)
}
.title_h4,
h4 {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  font-family: var(--ff-heading)
}
.title_h5,
h5 {
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
  font-family: var(--ff-heading)
}
.title_h2_big {
  font-size: var(--fs-big);
  line-height: var(--lh-big);
  font-family: var(--ff-heading)
}
.body_lg,
.body_lg p {
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body-lg)
}
.body_md,
.body_md p {
  font-size: var(--fs-body-md);
  line-height: var(--lh-body-md)
}
.body_sm,
.body_sm p {
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body-sm)
}
.pad_both_five {
  padding: var(--pad-50) 0
}
.pad_top_five {
  padding-top: var(--pad-50)
}
.pad_btm_five {
  padding-bottom: var(--pad-50)
}
.pad_both_ten {
  padding: var(--pad-100) 0
}
.pad_top_ten {
  padding-top: var(--pad-100)
}
.pad_btm_ten {
  padding-bottom: var(--pad-100)
}
.pad_both_twenty {
  padding: var(--pad-120) 0
}
.pad_top_twenty {
  padding-top: var(--pad-120)
}
.pad_btm_twenty {
  padding-bottom: var(--pad-120)
}
.fw_medium {
  font-weight: var(--fw-medium)
}
.fw_regular {
  font-weight: var(--fw-regular)
}
.bg_color {
  background: var(--bg-color)
}
.container {
  max-width: 1540px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5rem
}
body {
  font-family: var(--ff-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body-lg);
  color: var(--black);
  background: var(--white);
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-optical-sizing: auto;
  font-style: normal
}
li {
  list-style-type: none;
  line-height: normal
}
a {
  text-decoration: none;
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body-lg);
  color: var(--black)
}
img {
  max-width: 100%;
  height: auto;
  display: block;
  user-select: none
}
p {
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body-lg);
  font-weight: var(--fw-regular);
  font-family: var(--ff-body);
  color: var(--black-opacity-80)
}
.cmn_image_hover {
  position: relative;
  overflow: hidden
}
.cmn_image_hover img {
  transition: all .3s ease-in-out;
  transform: scale(1)
}
.cmn_image_hover:hover img {
  transform: scale(1.1)
}
.cmn_bg_pad {
  display: flex;
  flex-direction: column;
  padding: var(--pad-30);
  background-color: var(--bg-color);
  border-radius: var(--bor-24)
}
.cmn_bg_pad_btm_bor {
  border-radius: 0 0 var(--bor-24) var(--bor-24)
}
a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding: 15px 30px;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  color: var(--white);
  background: var(--black);
  z-index: 1;
  border: none;
  transition: background-color .4s ease-in-out,transform .3s ease
}
a.btn::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  z-index: -1;
  border-radius: 100px
}
a.btn:active::before,
a.btn:focus:before,
a.btn:hover::before {
  opacity: 1
}
a.btn:hover {
  background: 0 0
}
a.white_btn::after {
  content: "";
  position: absolute;
  border: 1px solid var(--white);
  inset: 1px;
  z-index: -2;
  border-radius: 100px
}
a.white_btn {
  background: 0 0
}
.body_content_start {
  position: relative;
  z-index: 1
}
.wrap_content_main {
  background: var(--white)
}
.header_notice_section {
  background: var(--bg-color);
  padding: 1.2rem 0
}
.header_notice_main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-16)
}
.header_notice_main p {
  font-family: var(--ff-mono);
  font-weight: var(--fw-regular);
  color: var(--black)
}
.notice_btn a {
  font-family: var(--ff-mono);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-semibold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem
}
.notice_btn a:hover svg {
  transform: translateX(10px)
}
.notice_btn a svg {
  transform: translateX(0);
  transition: var(--transition)
}
.header {
  padding: 2rem 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: var(--white);
  transition: padding .3s ease,transform .3s ease,box-shadow .3s ease
}
.menu-scrolled .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem 0;
  box-shadow: 0 3px 26px rgba(0,0,0,.25);
  animation: stickyHeader 0.4s ease forwards
}
@keyframes stickyHeader {
  from {
    opacity: 0;
    transform: translateY(-100%)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}
.header_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-40)
}
.header_logo a {
  display: flex;
  align-items: center;
  max-width: max-content
}
.header_right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: var(--gap-16)
}
.header_logo {
  display: flex;
  width: max-content;
  align-items: center
}
.header_menu ul {
  display: flex;
  align-items: center;
  gap: var(--gap-30)
}
.header_menu {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0 auto
}
.header_menu li > a {
  font-size: var(--fs-body-md);
  font-weight: var(--fw-regular);
  color: var(--black)
}
.header_menu li.current_page_item a {
  font-weight: var(--fw-medium);
  transition: all .3s ease-in-out
}
.header_menu li > a:hover {
  -webkit-text-stroke: 0.5px var(--black)
}
.mobileIcon {
  display: none
}
.hero_banner {
  position: relative;
  isolation: isolate;
  overflow: hidden
}
.hero_banner::before {
  content: "";
  position: absolute;
  top: calc(50% - 100px);
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 600px;
  opacity: .55;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 18% 50%,rgba(71,170,197,.75) 0,rgba(71,170,197,.45) 35%,rgba(71,170,197,0) 70%),radial-gradient(ellipse at 82% 50%,rgba(249,166,26,.75) 0,rgba(249,166,26,.45) 35%,rgba(249,166,26,0) 70%)
}
.hero_banner_main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50);
  align-items: center
}
.cmn_content_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-30)
}
.cmn_text_center {
  align-items: center;
  text-align: center
}
.hero_banner_top {
  max-width: 79.4rem
}
.cmn_content_top {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.hero_banner_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  border-radius: var(--bor-30);
  padding: var(--pad-30);
  background: linear-gradient(105.18deg,rgba(243,243,243,.5) 0,rgba(243,243,243,.5) 100%);
  border: 1px solid #ebebeb;
  width: 100%;
  backdrop-filter: blur(80px)
}
.hero_banner_img img {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: var(--bor-20)
}
.mac_otr {
  display: flex;
  align-items: center;
  gap: 0.8rem
}
.mac_otr span {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%
}
.mac_otr .red {
  background-color: #ff3c43
}
.mac_otr .yellow {
  background-color: #ffc917
}
.mac_otr .green {
  background-color: #00ab4f
}
.social_brand {
  padding-top: var(--pad-30)
}
.social_brand_swiper {
  overflow: hidden
}
.social_brand_swiper .swiper-wrapper {
  transition-timing-function: linear!important;
  align-items: center
}
.social_brand_swiper .social_brand_icon {
  display: flex;
  align-items: center;
  justify-content: center
}
.social_brand_swiper img {
  max-height: 6rem;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  transition: all .3s ease-in-out;
  opacity: .5
}
.social_brand_swiper img:hover {
  filter: unset;
  opacity: 1
}
@media (max-width:900px) {
  .social_brand_swiper img {
    filter: unset;
    opacity: 1
  }
}
.social_brand_swiper {
  position: relative;
  z-index: 1
}
.social_brand_swiper:after,
.social_brand_swiper:before {
  content: "";
  position: absolute;
  top: 0;
  width: 10%;
  height: 100%;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  pointer-events: none
}
.social_brand_swiper:before {
  right: 0;
  background: linear-gradient(270deg,#fff 40%,rgba(255,255,255,0) 100%)
}
.social_brand_swiper:after {
  left: 0;
  background: linear-gradient(90deg,#fff 40%,rgba(255,255,255,0) 100%)
}
.social_brand_swiper .swiper-slide {
  width: auto!important
}
.human_capital_main {
  display: flex;
  align-items: center;
  gap: var(--gap-50)
}
.human_capital_left {
  width: 45.14%
}
.human_capital_right {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--gap-50);
  flex: 1
}
.card_img_content {
  z-index: 1;
  position: relative;
  overflow: hidden
}
.card_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--bor-30);
  overflow: hidden
}
.card_img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg,rgba(24,24,24,.7),rgba(24,24,24,.7))
}
.card_img_text {
  display: flex;
  position: relative;
  z-index: 1;
  padding: var(--pad-30);
  justify-content: space-between;
  height: 100%;
  min-height: 280px;
  flex-direction: column
}
.card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--bor-24);
  transform: scale(1);
  transition: all .3s ease-in-out
}
.card_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  background: var(--white);
  border-radius: var(--bor-12);
  width: max-content
}
.card_title .title_h4 {
  color: var(--white)
}
.join_news_letter {
  background: linear-gradient(270deg,rgba(249,166,26,0) 0,rgba(249,166,26,.3) 13%,rgba(71,170,197,.3) 84%,rgba(71,170,197,0) 100%)
}
.join_news_letter_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-40)
}
.our_approch_main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50);
  align-items: center
}
.our_approch_btm {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-30);
  align-items: stretch;
  width: 100%;
  transition: var(--transition)
}
.our_approch_img_box {
  position: relative;
  overflow: hidden;
  width: 100%;
  transform: var(--transition);
  transition: flex .5s ease,transform .3s ease;
  flex: 1;
  display: flex;
  padding-top: 30.7%;
  z-index: 1;
  border-radius: var(--bor-24)
}
.our_approch_img_box img {
  height: 100%;
  width: 100%;
  object-fit: cover
}
.our_approch_btm .our_approch_img_box.active {
  flex: 9.48
}
.our_approch_img_title {
  visibility: hidden;
  opacity: 0;
  position: relative;
  padding: 24px 16px 0 16px;
  display: flex;
  width: 100%;
  gap: 0.8rem;
  margin: 0 30px 30px 30px;
  color: #fff;
  z-index: 1;
  border-top: 1px solid rgb(255 255 255 / 10%);
  transform: translateY(30px);
  flex-direction: column
}
.our_approch_img_line p {
  color: var(--white);
  font-size: var(--fs-body-sm)
}
.our_approch_img_line {
  display: none
}
.our_approch_img_box.active .our_approch_img_title .our_approch_img_line {
  display: flex
}
.our_approch_img_title_op {
  display: flex;
  flex-direction: unset;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 100%;
  align-items: center;
  z-index: 1;
  color: #fff;
  padding: var(--pad-30);
  width: 100%;
  max-height: 536px;
  opacity: 1;
  visibility: visible;
  transform: rotate(180deg) translateY(0)
}
.our_approch_img_box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,rgba(24,24,24,0) 0,#181818 100%)
}
.our_approch_img_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: unset
}
.our_approch_img_content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end
}
.our_approch_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.our_approch_img_box.active .our_approch_img_title_op {
  visibility: hidden;
  opacity: 0;
  transform: rotate(180deg) translateY(-20px)
}
.our_approch_img_box.active .our_approch_img_title {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s
}
.our_approch_img_title,
.our_approch_img_title_op {
  transition: opacity .5s ease,transform .6s cubic-bezier(.22, 1, .36, 1),visibility .5s ease
}
.secure_assessment {
  background: var(--black);
  position: relative;
  z-index: 1;
  overflow: hidden
}
.secure_assessment:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -88px;
  width: 100%;
  height: 176px;
  background: linear-gradient(270deg,#f9a61a 0,#47aac5 100%);
  filter: blur(200px);
  z-index: -1;
  opacity: .3
}
.white_text {
  color: var(--white)
}
.full_content_main {
  display: flex;
  align-items: stretch;
  gap: var(--gap-120);
  flex-wrap: wrap
}
@media (min-width:1921px) {
  .secure_assessment_main {
    max-width: 1920px
  }
}
.secure_assessment_content {
  width: 41.675%
}
.secure_assessment_video {
  flex: 1
}
.secure_assessment_video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--bor-24) 0 0 var(--bor-24)
}
.secure_assessment_box_otr {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--gap-30);
  margin-right: 1.6rem
}
.secure_assessment_box {
  gap: 0.8rem;
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  background: linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);
  border-radius: var(--bor-20) var(--bor-20) 0 0
}
.secure_assessment_box .title_h2_big {
  font-family: var(--ff-mono)
}
.secure_assessment_box .bullet_text {
  padding-left: 1.6rem;
  position: relative
}
.secure_assessment_box .bullet_text:after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  background: var(--yellow);
  width: 8px;
  height: 8px;
  border-radius: 100%
}
.white_text .full_content_main p {
  color: var(--white-opacity-80)
}
.test_development_main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50)
}
.test_development_title_otr {
  max-width: 1080px;
  margin: 0 auto
}
.test_development_btm {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--gap-30)
}
.test_development_box {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  padding: var(--pad-30)
}
.test_developmet_title_otr {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.test_development_icon {
  display: flex;
  padding: 13px;
  width: max-content;
  border-radius: var(--bor-16);
  background: var(--clr-mint)
}
.test_development_btm .test_development_box:nth-child(2) .test_development_icon {
  background: var(--clr-cream)
}
.test_development_btm .test_development_box:nth-child(3) .test_development_icon {
  background: var(--clr-peach)
}
.test_development_btm .test_development_box:nth-child(4) .test_development_icon {
  background: var(--clr-lavender)
}
.test_development_btm .test_development_box:nth-child(5) .test_development_icon {
  background: var(--clr-pink)
}
.test_development_btm .test_development_box:nth-child(6) .test_development_icon {
  background: var(--clr-sky)
}
.saq_tool {
  background: var(--black)
}
.saq_tools_main {
  display: flex;
  align-items: center
}
.saq_tools_title {
  width: 41%;
  padding: var(--pad-50) 0
}
.saq_tools_image {
  flex: 1;
  position: relative;
  padding-top: 41.666667%
}
.saq_tools_image img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover
}
.saq_tools_image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg,rgba(24,24,24,0) 0,rgba(24,24,24,0) 50%,#181818 100%)
}
.press_release_main {
  display: flex;
  align-items: center;
  gap: var(--gap-80)
}
.press_logo_nav_otr,
.press_releases_btn_otr {
  display: none
}
.press_releases_title {
  flex: 1
}
.press_release_slider_otr {
  display: flex;
  flex-direction: column;
  width: 62.431%;
  padding: var(--pad-50);
  background: var(--bg-color);
  border-radius: var(--bor-24);
  gap: var(--gap-120);
  height: 100%;
  min-height: 460px;
  justify-content: space-between
}
.press_logo_slider_wrap {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-40)
}
.press_logo_swiper {
  max-width: 465px;
  margin-right: auto!important;
  margin-left: 0!important;
  display: flex!important
}
.press_logo_swiper .swiper-wrapper {
  pointer-events: none
}
.press_logo_nav {
  display: flex;
  align-items: center;
  gap: 0.8rem
}
.cmn_press_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  outline: unset;
  border: 1px solid var(--black);
  border-radius: var(--bor-12);
  width: 60px;
  height: 60px;
  transition: var(--transition);
  cursor: pointer
}
.cmn_press_btn,
.testimonial_slider_pag .cmn_nav_aero {
  position: relative;
  z-index: 1
}
.cmn_press_btn::after,
.testimonial_slider_pag .cmn_nav_aero::after {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  z-index: -1;
  border-radius: var(--bor-12)
}
.testimonial_slider_pag .cmn_nav_aero:before,
.testimonial_slider_pag .swiper-button-prev.cmn_nav_aero.cmn_prev::after {
  content: ""!important;
  position: absolute;
  inset: -1px;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  z-index: -1;
  border-radius: var(--bor-12)
}
.testimonial_slider_pag .cmn_nav_aero:hover:before {
  opacity: 1
}
.cmn_press_btn:hover:after,
.testimonial_slider_pag .cmn_nav_aero:hover::after {
  opacity: 1
}
.cmn_press_btn:hover,
.testimonial_slider_pag .cmn_nav_aero:hover {
  border: 1px solid transparent
}
.testimonial_slider_pag .cmn_nav_aero {
  inset: unset
}
.cmn_press_btn:hover path,
.testimonial_slider_pag .cmn_nav_aero:hover path {
  stroke: white
}
.cmn_press_btn svg path,
.testimonial_slider_pag .cmn_nav_aero svg path {
  transition: var(--transition)
}
.press_content_title_otr {
  display: flex;
  flex-direction: column;
  gap: 0.8rem
}
.press_content_item {
  display: none;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .35s ease,transform .35s ease;
  flex-direction: column;
  gap: var(--gap-16)
}
.press_content_item.active {
  display: flex
}
.press_content_item.visible {
  opacity: 1;
  transform: translateY(0)
}
.press_logo_slide img {
  max-width: 100%;
  opacity: .4;
  transition: filter .3s,opacity .3s;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: luminosity
}
.swiper-slide.press_logo_slide.swiper-slide-active img {
  opacity: 1;
  mix-blend-mode: normal
}
.press_logo_slide {
  width: 80px!important;
  height: 80px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  background: var(--bg-color)
}
.cmn_text_normal_btn .normal_text_btn {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-weight: var(--fw-medium);
  width: max-content;
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body-sm)
}
.cmn_text_normal_btn .normal_text_btn:hover svg {
  transform: translateX(10px)
}
.cmn_text_normal_btn .normal_text_btn svg {
  transform: translateX(0);
  transition: var(--transition)
}
.testimonial_otr {
  background-color: var(--bg-color);
  position: relative;
  overflow: hidden
}
.testimonial_otr:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
  height: 66px;
  background: linear-gradient(90deg,#47aac5 0,#f9a61a 100%);
  filter: blur(100px)
}
.testimonial_otr .cmn_content_top {
  max-width: 698px;
  margin: 0 auto
}
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none
}
.testimonial_slider_pag {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-16);
  padding-top: var(--pad-50)
}
.testimonial_slider_pag .cmn_nav_aero {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: unset;
  padding: 18px;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  border: 1px solid var(--black);
  cursor: pointer;
  transition: var(--transition)
}
.testimonial_slider_otr {
  align-items: stretch;
  display: flex!important
}
.testimonials_box {
  height: auto!important;
  display: flex!important;
  flex-direction: column;
  gap: var(--gap-80);
  padding: var(--pad-30);
  background: var(--white);
  border-radius: var(--bor-24)
}
.testimonial_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px
}
.testimonial_author_otr {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
  flex: 1
}
.testimonial_description p {
  font-size: var(--fs-h4);
  line-height: normal;
  color: rgb(24 24 24 / 70%);
  font-family: var(--ff-heading)
}
.banner_description p:not(:last-child) {
  padding-bottom: 1.2rem
}
.blog_home_title {
  max-width: 1080px;
  margin: 0 auto
}
.blog_main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50)
}
.blog_home_card_otr {
  display: flex;
  flex-direction: column
}
.blog_box_main .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--gap-50)
}
.blog_home_image {
  position: relative;
  padding-top: 60.9%;
  width: 100%;
  border-radius: var(--bor-24) var(--bor-24) 0 0
}
.blog_home_image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: var(--bor-24) var(--bor-24) 0 0;
  object-fit: cover
}
.blog_home_card a {
  display: flex;
  flex-direction: column;
  height: 100%
}
.blog_home_content {
  gap: 0.8rem;
  flex: 1
}
.blog_home_card_description p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.blog_home_card_title .title_h4 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.blog_slider_pag.testimonial_slider_pag {
  display: none
}
.footer {
  background-color: var(--black);
  color: var(--white);
  padding: 8rem 0 2.4rem;
  position: fixed;
  bottom: 0;
  z-index: -2;
  width: 100%
}
.footer_main {
  gap: var(--gap-50);
  display: flex;
  flex-direction: column
}
.news_letter_otr {
  display: flex;
  gap: var(--gap-50);
  align-items: center
}
.news_letter_title_otr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1
}
.news_letter_title_otr p {
  color: var(--white-opacity-80)
}
.newsletter-form {
  background: var(--white);
  padding: 12px 12px 12px 24px;
  border-radius: 100rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-24)
}
.newsletter-form p label {
  display: flex;
  width: 100%
}
.newsletter-form p label input,
.newsletter-form p label input[submit] {
  font-size: var(--fs-h5)!important;
  font-weight: var(--fw-regural);
  line-height: 2.6rem;
  border: none;
  outline: 0;
  color: var(--black-opacity-80);
  width: 100%
}
.newsletter-form .wpcf7-not-valid-tip,
.newsletter-form p .wpcf7-spinner,
.newsletter_form .wpcf7 form.invalid .wpcf7-response-output,
.newsletter_form .wpcf7-response-output {
  display: none!important
}
.newsletter-form p .wpcf7-submit {
  border: none;
  outline: 0;
  padding: 1.6rem 3rem;
  border-radius: 100rem;
  background: var(--black);
  color: var(--white);
  width: 100%;
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body-lg);
  cursor: pointer;
  transition: var(--transition);
  border: 1px solid var(--black)
}
.newsletter-form p .wpcf7-submit:hover {
  background: var(--white);
  color: var(--black)
}
.footer_menu_otr {
  display: flex;
  gap: 8.9rem;
  justify-content: space-between
}
.footer_menu_main {
  display: flex;
  justify-content: space-between;
  gap: 8.9rem;
  flex: 1
}
.footer_contact_menu {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
  max-width: 31rem
}
.footer_menu_links ul li a {
  transition: var(--transition);
  font-size: var(--fs-body-md);
  color: var(--white-opacity-80);
  font-weight: var(--fw-regular);
  line-height: var(--lh-body-md);
  position: relative
}
.footer_menu_links ul li a:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--yellow);
  transition: var(--transition);
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%)
}
.footer_menu_links ul li a:hover:after {
  width: 100%
}
.footer_menu_links ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem
}
.footer_contact_menu_otr {
  display: flex;
  flex-direction: column;
  gap: 1.8rem
}
.footer_menu_links {
  display: flex;
  align-items: center;
  gap: 0.8rem
}
.enquiry_left_content .footer_menu_content p,
.footer_copyright p,
.footer_menu_content p a {
  font-size: var(--fs-body-md);
  color: var(--white-opacity-80);
  transition: var(--transition)
}
.footer_content_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50);
  padding-top: 5rem;
  border-top: 1px solid rgba(255,255,255,.1)
}
.footer_privacy_otr {
  display: flex;
  gap: var(--gap-30);
  align-items: center;
  padding-top: 3rem;
  border-top: 1px solid rgba(255,255,255,.1)
}
.footer_logo a {
  display: flex;
  width: max-content
}
.footer_logo a img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.footer_copyright_otr {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--gap-30);
  justify-content: end
}
.footer_social_menu_otr {
  display: flex
}
.footer_social_links {
  display: flex;
  gap: 0.8rem
}
.footer_copyright {
  flex: 1;
  display: flex;
  justify-content: center;
  color: var(--white-opacity-80)
}
.social_link_icon a {
  width: 4rem;
  height: 4rem;
  transition: var(--transition);
  border-radius: 50%;
  padding: 1rem;
  display: flex;
  align-items: center;
  position: relative;
  background: 0 0;
  overflow: hidden
}
.social_link_icon a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: var(--transition)
}
.social_link_icon a::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%);
  opacity: 0;
  z-index: -1;
  transition: var(--transition);
  inset: 0
}
.social_link_icon a:hover::after {
  opacity: 1
}
.social_link_icon a::before {
  content: "";
  position: absolute;
  border: 1px solid var(--white-opacity-80);
  inset: 0;
  border-radius: 50%;
  transition: var(--transition)
}
.social_link_icon a:hover::before {
  border-color: transparent
}
.footer_menu_icon {
  width: 2.4rem
}
.footer_menu_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain
}
.footer_menu_content {
  flex: 1
}
.newsletter_form {
  width: 38.195%
}
.footer_menu {
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}
.newsletter-form p .wpcf7-spinner {
  display: none
}
.newsletter-form p:first-child {
  width: 60%
}
.newsletter-form p:last-child {
  flex: 1
}
.footer_menu h3 {
  font-family: var(--ff-body);
  font-weight: var(--fw-medium)
}
.newsletter_form .wpcf7-form.invalid {
  border: 3px solid red;
  border-radius: 100rem
}
.newsletter_form .wpcf7-form.sent {
  border: 3px solid #19ce19;
  border-radius: 1000px
}
.footer_menu_content a {
  position: relative;
  width: max-content
}
.footer_menu_content a::after {
  content: "";
  background: var(--yellow);
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  transition: var(--transition);
  height: 1px;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%)
}
.footer_menu_content a:hover::after {
  width: 100%
}
.footer_menu_content a,
.footer_menu_links ul li a {
  opacity: .7
}
.footer_menu_content a:hover,
.footer_menu_links ul li a:hover {
  opacity: 1
}
.banner-section {
  padding: 10rem 0 42.2rem!important
}
.about_our_approch_btm {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-30);
  align-items: stretch;
  transition: var(--transition);
  position: absolute;
  top: -42.2rem;
  z-index: 9;
  left: 5rem;
  right: 5rem
}
.carousel_slider .container {
  position: relative;
  z-index: 1
}
.about-us-main-content .banner-section .banner-title {
  max-width: 1020px;
  margin: 0 auto
}
.carousel-viewport {
  width: 100%;
  padding: 8rem 0;
  overflow: hidden
}
.carousel-track {
  display: flex;
  align-items: center;
  will-change: transform;
  transform: translate3d(0,0,0);
  gap: var(--gap-50)
}
.no-transition,
.no-transition .carousel-slide,
.no-transition .carousel-slide img {
  transition: none!important
}
.carousel-viewport.disabled .carousel-track {
  justify-content: center;
  transform: none!important;
  transition: none!important
}
.carousel-slide {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center
}
.carousel-slide img {
  width: auto;
  height: 100%;
  max-height: 60rem;
  max-width: 100%;
  object-fit: contain;
  border-radius: var(--bor-24);
  pointer-events: none;
  transform: translateY(0);
  transition: transform .6s var(--transition-smooth)
}
.carousel-slide.active-slide img {
  transform: translateY(50px);
  z-index: 5
}
.carousel-viewport.under-three .carousel-slide img {
  transform: translateY(0)!important
}
.carousel-viewport.exactly-three .carousel-track {
  gap: var(--gap-50);
  display: grid;
  grid-template-columns: repeat(3,auto);
  justify-content: unset
}
.carousel-viewport.exactly-three .carousel-slide {
  width: 100%!important;
  height: 100%;
  padding: 0
}
.carousel-viewport.exactly-three .carousel-slide img {
  width: 100%;
  object-fit: cover
}
.contact_popup_content_ {
  display: flex;
  gap: var(--gap-50);
  background: var(--white);
  height: 100%;
  overflow-y: auto;
  padding-right: 1rem
}
.contact_popup_left {
  display: flex;
  flex-direction: column;
  gap: var(--gap-120);
  justify-content: space-between
}
.contact_popup_right {
  width: 58.034%
}
.contact_popup_title_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.popup_contact_link .footer_menu_icon {
  background: var(--yellow);
  border-radius: 100rem;
  padding: .8rem;
  width: 4rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
  display: flex
}
.enquiry_left_content .footer_menu_content p,
.popup_contact_link .footer_menu_content p a {
  color: var(--black)
}
.contact_popup_image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.contact_popup_image {
  width: 100%
}
.contact_popup_right form {
  background: var(--bg-color);
  padding: var(--pad-30);
  border-radius: var(--bor-30)
}
.enquiry_right .wpcf7 form .wpcf7-response-output {
  margin: 1.6rem 0 0
}
.popup_form {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.single_card p label {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  font-size: var(--fs-body-md);
  color: var(--black);
  line-height: var(--lh-h4);
  font-weight: var(--fw-medium)
}
.single_card p label textarea {
  border-radius: 1.6rem!important;
  resize: none;
  height: 150px
}
.double_card {
  display: flex;
  gap: var(--gap-16)
}
.single_card p label input,
.single_card p label select,
.single_card p label textarea {
  position: relative;
  width: 100%;
  padding: 1.6rem;
  border-radius: 100rem;
  border: none;
  outline: 0;
  font-size: var(--fs-body-md);
  font-family: var(--ff-body);
  font-weight: var(--fw-regular);
  color: var(--black);
  line-height: var(--lh-body-md);
  border: 1px solid var(--white)
}
.popup_submit_btn p input {
  display: flex;
  border: 1px solid var(--black);
  outline: 0;
  background: var(--black);
  padding: 1.6rem 3rem;
  color: var(--white);
  border-radius: 100rem;
  font-size: var(--fs-body-lg);
  font-weight: var(--fw-medium);
  line-height: var(--lh-body-lg);
  transition: var(--transition);
  cursor: pointer
}
.popup_submit_btn p input:hover {
  background: 0 0;
  color: var(--black)
}
.popup_submit_btn p span.wpcf7-spinner {
  display: none
}
.popup_submit_btn p {
  display: flex
}
.select_op p label {
  position: relative
}
.select_op p label select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer
}
.select_op p label::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: 60%;
  right: 1.7rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M12.8008 0.799988L6.80078 6.79999L0.800781 0.799988' stroke='%23181818' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer
}
.single_card p label .wpcf7-not-valid-tip {
  position: absolute;
  left: 16px;
  width: 100%;
  font-size: 1.4rem
}
.contact_popup_right form .wpcf7-response-output {
  margin: 1.5rem .5rem 0 1rem;
  font-size: var(--fs-body-md)
}
body.assessment_popup_open .popup_bg_layer {
  opacity: 1;
  visibility: visible
}
.popup_bg_layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  z-index: 99999;
  overflow: hidden;
  padding: 2rem;
  opacity: 0;
  visibility: hidden
}
.contact_popup_main {
  max-width: 1440px;
  margin: 0 auto;
  height: 90%;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translatey(-50%);
  background: var(--white);
  border-radius: var(--bor-24);
  padding: 5rem 4rem 5rem 5rem
}
.close_popup {
  position: absolute;
  top: -4rem;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  z-index: 10
}
.popup_form textarea:hover {
  outline: 0!important;
  border-color: var(--black)!important
}
.popup_form input:active {
  border-color: var(--black)!important
}
.popup_form textarea:active {
  border-color: var(--black)!important
}
.popup_form input:focus {
  border-color: var(--black)!important
}
.popup_form textarea:focus {
  border-color: var(--black)!important
}
.popup_form input:hover {
  border-color: var(--black)!important
}
.popup_form input:not(:placeholder-shown) {
  border-color: var(--black)!important
}
.popup_form select:focus {
  border-color: var(--black)!important
}
.popup_form select:hover {
  border-color: var(--black)!important
}
body.assessment_popup_open {
  overflow: hidden
}
.case_study_table::-webkit-scrollbar,
.cmn_desc_formate .blogs_tables::-webkit-scrollbar,
.contact_popup_content_::-webkit-scrollbar,
.header_menu .header_nav::-webkit-scrollbar,
.mega_menu_left::-webkit-scrollbar {
  width: 6px
}
.case_study_table::-webkit-scrollbar,
.cmn_desc_formate .blogs_tables::-webkit-scrollbar {
  height: 6px
}
.case_study_table::-webkit-scrollbar-track,
.cmn_desc_formate .blogs_tables::-webkit-scrollbar-track,
.contact_popup_content_::-webkit-scrollbar-track,
.header_menu .header_nav::-webkit-scrollbar-track,
.mega_menu_left::-webkit-scrollbar-track {
  background: var(--bg-color);
  margin: 1.5rem 0
}
.case_study_table::-webkit-scrollbar-thumb,
.cmn_desc_formate .blogs_tables::-webkit-scrollbar-thumb,
.contact_popup_content_::-webkit-scrollbar-thumb,
.header_menu .header_nav::-webkit-scrollbar-thumb,
.mega_menu_left::-webkit-scrollbar-thumb {
  background-color: var(--yellow);
  border-radius: var(--bor-24)
}
body.popup-open {
  overflow: hidden
}
.team-popup-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  z-index: 9999;
  display: none;
  align-items: center;
  padding: 2rem
}
.team-popup-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 70%;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translatey(-50%);
  background: var(--white);
  border-radius: var(--bor-24);
  padding: 5rem 4rem 5rem 5rem
}
.team_popup_content {
  display: flex;
  gap: var(--gap-50);
  background: var(--white);
  height: 100%;
  overflow-y: auto;
  padding-right: 1rem;
  align-items: flex-start
}
.team-popup-image {
  width: 35%
}
.team-popup-image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.team_popup_content_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.team-popup-description {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.mission-vision-section {
  padding: 42.2rem 0 var(--pad-120)
}
.mission-card-box {
  padding: 4rem;
  background: rgb(71 170 197 / 8%);
  border-radius: var(--bor-24);
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.mission-card-box:nth-child(even) {
  background: rgb(249 166 26 / 8%)
}
.mission-vision-content {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--gap-50)
}
.mission-card-img {
  width: max-content
}
.mission-card-content,
.mission-card-description {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.mission-card-description p {
  font-size: var(--fs-body-md)
}
.our-team-section {
  background: var(--bg-color)
}
.our_team_section {
  padding-top: var(--pad-50)
}
.our_team_heading .title_h4 {
  padding-bottom: var(--pad-30)
}
.our_team_card {
  background: var(--white);
  display: flex;
  flex-direction: column;
  border-radius: var(--bor-24);
  overflow: hidden
}
.our_team_members_wrapper {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: var(--gap-30)
}
.our_team_content {
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  height: 100%
}
.our_team_image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top
}
.our_team_image {
  position: relative;
  padding-top: 74.078%
}
.our_team_content .title_h5 {
  font-family: var(--ff-body);
  font-weight: var(--fw-medium)
}
.member_short_desc p {
  font-size: var(--fs-body-sm);
  line-height: var(--lh-h5);
  font-weight: var(--fw-regular);
  opacity: .8
}
.read-more-btn {
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-medium);
  text-decoration: underline;
  margin-top: auto;
  cursor: pointer
}
.press_card_main {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--gap-50)
}
.press_card {
  gap: var(--gap-24)
}
.press_content_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  flex: 1
}
.press_title_otr {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.press_logo {
  display: flex;
  width: max-content;
  max-height: 100px
}
.press_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--bor-16);
  filter: drop-shadow(0 0 24px rgba(0, 0, 0, .16))
}
.normal_btn.cmn_text_normal_btn {
  margin-top: auto
}
.cmn_bg_banner {
  min-height: clamp(354px,35vw,550px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  padding: var(--pad-50) 0;
  position: relative;
  z-index: 1;
  overflow: hidden
}
.cmn_bg_banner:before {
  content: "";
  position: absolute;
  left: -156px;
  bottom: -175px;
  border-radius: 50%;
  width: 880px;
  height: 465px;
  background: linear-gradient(90deg,#47aac5 0,#f9a61a 100%);
  opacity: .3;
  filter: blur(75px);
  transform: rotate(30deg);
  z-index: -1
}
.cmn_bg_banner:after {
  content: "";
  position: absolute;
  right: -156px;
  bottom: -175px;
  width: 880px;
  height: 465px;
  background: linear-gradient(90deg,#47aac5 0,#f9a61a 100%);
  opacity: .3;
  filter: blur(75px);
  transform: matrix(-.87,.5,.5,.87,0,0);
  z-index: -1
}
.gallery-main-wrapper {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-50)
}
.gallery-popup-inner .swiper-autoheight .swiper-wrapper,
.gallery-popup-inner .swiper-autoheight .swiper-wrapper .swiper-slide {
  height: 100%!important
}
.gallery-card-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--bor-16);
  object-position: 50% 30%
}
.gallery-card-image {
  position: relative;
  padding-top: 66.844%
}
.gallery-card {
  background: var(--bg-color);
  padding: var(--pad-30);
  border-radius: var(--bor-24);
  display: flex;
  flex-direction: column;
  gap: var(--gap-24);
  cursor: pointer
}
.gallery-popup-main {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  z-index: 99999;
  display: none;
  overflow: hidden;
  padding: 2rem
}
.gallery-popup-inner {
  max-width: 120rem;
  margin: auto;
  background: #fff;
  border-radius: var(--bor-24);
  padding: 2.4rem;
  position: relative;
  height: 90%;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-30)
}
.gallery-popup-close {
  position: absolute;
  right: 10px;
  top: -45px;
  font-size: 35px;
  cursor: pointer;
  z-index: 9;
  line-height: 1;
  color: var(--white)
}
.gallery-popup-image {
  position: relative;
  overflow: hidden;
  height: 100%
}
.gallery-popup-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--bor-16);
  object-position: 50% 25%
}
.gallery-main-slider-inner,
.gallery-thumb-slider-inner {
  width: 100%
}
.gallery-thumb-slider {
  margin-top: 2rem
}
.gallery-thumb-image img {
  width: 100%;
  height: 10rem;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  object-position: top
}
.gallery-popup-open {
  overflow: hidden
}
.gallery-thumb-image {
  padding: .6rem;
  border: 2px solid transparent
}
.gallery-thumb-slide.swiper-slide-thumb-active .gallery-thumb-image {
  border: 2px solid var(--blue);
  border-radius: var(--bor-12)
}
.gallery-main-slide {
  display: flex;
  flex-direction: column;
  width: 100%!important;
  overflow: hidden
}
.gallery-main-slider-inner {
  height: 100%!important;
  flex: 1!important
}
.gallery-thumb-slider-main {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px
}
.gallery-thumb-next,
.gallery-thumb-prev {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9;
  transition: var(--transition);
  position: relative
}
.gallery-thumb-next:hover,
.gallery-thumb-prev:hover {
  background: 0 0
}
.gallery-thumb-slider-inner {
  flex: 1
}
.gallery-thumb-next::after,
.gallery-thumb-prev::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  z-index: -1;
  border-radius: 100px
}
.gallery-thumb-next:hover::after,
.gallery-thumb-prev:hover::after {
  opacity: 1
}
.case_studies_wrapper {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-50)
}
.case_studies_card_top .title_h5 {
  font-weight: var(--fw-semibold)
}
.case_studies_card {
  display: flex;
  flex-direction: column
}
.case_studies_card_top {
  padding: 2.5rem;
  aspect-ratio: 386/217;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-radius: var(--bor-16) var(--bor-16) 0 0
}
.case_studies_card_btm {
  padding: var(--pad-30);
  background: var(--bg-color);
  border-radius: 0 0 var(--bor-24) var(--bor-24)
}
.case_studies_card_btm .title_h4 {
  font-weight: var(--fw-medium);
  padding-bottom: 1.6rem
}
.case_study_detail_main h4 {
  padding-bottom: 2.4rem
}
.case_study_detail_main .case_study_row h4 {
  padding-bottom: 1.6rem;
  font-weight: var(--fw-medium)
}
.case_study_detail_main p:not(:last-child) {
  padding-bottom: 1.6rem
}
.case_study_detail_main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 68.9rem;
  margin: 2.4rem auto;
  border-radius: var(--bor-16)
}
.case_study_detail_main img {
  border-radius: var(--bor-16);
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.4rem;
  max-height: 700px;
  width: 100%
}
.case_study_detail_section .container {
  max-width: 130rem
}
.case_study_detail_main p {
  color: var(--black)
}
.case_study_detail_main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.case_study_detail_main .case_study_row h4 {
  padding-bottom: 1.6rem
}
.custom-table {
  width: 100%;
  border-collapse: collapse
}
.case_study_table {
  border: 1px solid rgb(24 24 24 / 6%);
  border-radius: 1.6rem;
  overflow-x: auto
}
.custom-table td,
.custom-table th {
  padding: 1.6rem 2.4rem;
  text-align: left;
  width: max-content;
  white-space: nowrap;
  font-size: var(--fs-body-sm)
}
.custom-table tr {
  border-bottom: 1px solid rgb(24 24 24 / 6%)
}
.custom-table tbody tr:last-child {
  border: none
}
.custom-table th {
  background: var(--bg-color);
  font-weight: var(--fw-medium)
}
.custom-table td:not(:last-child),
.custom-table th:not(:last-child) {
  border-right: 1px solid rgb(24 24 24 / 6%)
}
.header_nav .header-menu {
  display: flex;
  align-items: center;
  gap: var(--gap-40);
  list-style: none;
  margin: 0;
  padding: 0
}
.header_nav .header-menu li a {
  text-decoration: none
}
.mega_menu_main {
  position: absolute;
  top: 100%;
  left: 50%;
  background: var(--white);
  border-radius: 0 0 24px 24px;
  padding: var(--pad-24);
  opacity: 0;
  visibility: hidden;
  transition: .3s all ease-in-out;
  z-index: 999;
  box-shadow: 0 20px 60px rgba(0,0,0,.08);
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 2.4rem;
  transform: translate(-50%,20%)
}
@media screen and (min-width:1025px) and (hover:hover) {
  .menu-item-has-children:hover .mega_menu_main {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%)
  }
}
.mega_menu_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-30);
  align-items: stretch
}
.mega_menu_left {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--gap-24);
  width: 69.098%
}
.mega_menu_wrapper.discription_mega .mega_menu_card {
  border: 1px solid rgba(24,24,24,.06);
  border-radius: var(--bor-20);
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  padding: 1.6rem;
  background: var(--white)
}
.mega_menu_wrapper.discription_mega .mega_menu_icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 8px
}
.mega_menu_wrapper.discription_mega .mega_menu_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain
}
.mega_menu_wrapper.discription_mega .mega_menu_content {
  display: flex;
  flex-direction: column;
  gap: 4px
}
.mega_menu_wrapper.discription_mega .mega_menu_content h4 {
  font-size: var(--fs-body-md);
  line-height: var(--lh-body-md);
  color: var(--black);
  font-family: var(--ff-body)
}
.mega_menu_wrapper.discription_mega .mega_menu_content p {
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body-sm);
  color: var(--black-opacity-80);
  font-family: var(--ff-body)
}
.mega_menu_right {
  position: relative;
  flex: 1
}
.mega_menu_right_image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  border-radius: 16px
}
.mega_menu_right_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transform: scale(1);
  transition: var(--transition)
}
.mega_menu_right_content {
  gap: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  z-index: 1
}
.mega_menu_right_image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);
  border-radius: 16px;
  z-index: 1
}
.mega_menu_right:hover img {
  transform: scale(1.1)
}
.mega_menu_right_content a,
.mega_menu_right_content h4 {
  color: var(--white)
}
.mega_menu_right_content p {
  color: var(--white-opacity-80)
}
.mega_menu_right_content a.mega_menu_btn:hover svg {
  transform: rotate(45deg)
}
.mega_menu_right_content a.mega_menu_btn svg {
  transition: var(--transition)
}
.mega_menu_right_content a.mega_menu_btn {
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body-sm);
  display: flex;
  width: max-content;
  align-items: center;
  gap: 8px
}
.mega_menu_wrapper.simple_card_menu a.mega_menu_card {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(24,24,24,.06);
  border-radius: var(--bor-20);
  padding: 1.6rem;
  background: var(--white)
}
.mega_menu_wrapper.simple_card_menu a.mega_menu_card .mega_menu_icon {
  width: max-content
}
.mega_menu_wrapper.simple_card_menu a.mega_menu_card .mega_menu_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-16);
  flex: 1
}
.mega_menu_wrapper.simple_card_menu span.mega_menu_arrow {
  display: flex;
  transition: var(--transition)
}
.mega_menu_wrapper.simple_card_menu a.mega_menu_card:hover span.mega_menu_arrow {
  transform: rotate(45deg)
}
.mega_menu_wrapper.simple_card_menu a.mega_menu_card h4 {
  font-size: var(--fs-body-sm);
  list-style: var(--lh-body-sm);
  color: var(--black);
  font-family: var(--ff-body)
}
.mega_menu_wrapper.simple_card_menu .mega_menu_left {
  gap: var(--gap-16)
}
.mega_menu_wrapper.discription_mega .mega_menu_card.mb_inner_link {
  display: none
}
.menu-open .mega_menu_wrapper.discription_mega .mega_menu_card.mb_inner_link {
  display: flex
}
.header_mega_menu_top {
  display: none
}
.submenu-relative {
  position: relative;
  z-index: 1
}
.submenu-relative::before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 40px;
  z-index: 0;
  left: 0;
  display: none
}
.submenu-relative:hover::before {
  display: flex
}
.header-menu .submenu-relative a {
  cursor: pointer
}
.header-menu .submenu-relative .sub-menu {
  position: absolute;
  flex-direction: column;
  background: var(--white);
  top: 100%;
  left: 50%;
  max-width: 35rem;
  width: max-content;
  padding: 2.4rem;
  gap: var(--gap-16);
  z-index: 999;
  box-shadow: 0 20px 60px rgba(0,0,0,.08);
  border-radius: 0 0 1.2rem 1.2rem;
  align-items: start;
  opacity: 0;
  visibility: hidden;
  transition: .3s all ease-in-out;
  margin: 0 auto;
  transform: translate(-50%,20%)
}
.header-menu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(8.9%) translateX(-50%)
}
.header-menu .menu-item-has-children > p {
  width: 12px;
  height: 6px;
  transition: var(--transition);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.6001%200.600006L6.6001%206.60001L0.600098%200.600006%22%20stroke%3D%22%23181818%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat
}
.header-menu .menu-item-has-children {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  align-items: center
}
.menu-scrolled .header_btn .btn {
  padding: 1rem 2rem;
  font-size: 16px
}
.menu-scrolled .header_logo a {
  height: 50px
}
.menu-scrolled .mega_menu_main::before {
  height: 23px
}
.mega_menu_wrapper .mega_menu_card {
  position: relative!important
}
.mega_menu_wrapper .mega_menu_card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 16px;
  background: linear-gradient(90deg,#47aac5 0,#7eb79b 50%,#f9a61a 100%);
  opacity: 0;
  transition: opacity .4s ease;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none
}
.mega_menu_wrapper .mega_menu_card:hover::before {
  opacity: 1
}
.header-menu .submenu-relative.mega-menu-parent::after {
  content: unset
}
.header-menu li.mega-menu-parent::after {
  content: "";
  display: block;
  width: calc(var(--w) + 40px);
  height: 40px;
  position: absolute;
  margin: 2.8% -10px 0 0;
  display: none
}
.header-menu .menu-item-has-children:hover::after {
  display: block
}
.menu-scrolled .header {
  padding: 1rem 0;
  box-shadow: -1px 20px 20px 15px rgba(0,0,0,.05)
}
.card_img_content:hover .card_img img {
  transform: scale(1.2)
}
.card_img_content {
  transition: var(--transition)
}
.secure_assessment {
  position: relative;
  overflow: hidden;
  display: flex
}
.secure_assessment_video {
  position: absolute;
  inset: auto auto auto 0;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: translateY(-50%);
  transition: width .7s ease-in-out,height .7s ease-in-out;
  will-change: width,height
}
.secure_active .secure_assessment_video {
  left: auto;
  right: 0;
  width: 45.7%;
  height: 80%
}
.cmn_animation {
  display: block;
  opacity: 0;
  transition: opacity .2s ease-in-out
}
.cmn_animation .cmn_anim_mask {
  display: block;
  overflow: hidden
}
.cmn_animation .cmn_anim_inner {
  display: block
}
.cmn_animation .cmn_anim_line {
  display: block;
  text-transform: none
}
.cmn_anim_word {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  vertical-align: text-top
}
.cmn_anim_space {
  display: inline-block;
  vertical-align: text-top
}
.cmn_animation .cmn_anim_char {
  display: inline-block;
  transform: translateY(110%);
  transition: transform 1.4s cubic-bezier(.16, 1, .3, 1);
  transition-delay: calc(var(--line-delay, 0s) + var(--char-delay, 0s));
  will-change: transform
}
.cmn_animation.is-visible .cmn_anim_char {
  transform: translateY(0)
}
.cmn_animation {
  display: block;
  opacity: 0;
  transition: opacity .2s ease-in-out
}
.cmn_animation.is-visible {
  opacity: 1
}
.enquiry_main {
  display: flex;
  gap: var(--gap-80);
  align-items: center
}
.enquiry_left_content {
  flex: 1
}
.enquiry_right {
  width: 47.223%;
  background: var(--bg-color);
  padding: var(--pad-30);
  border-radius: var(--bor-30)
}
.enquiry_title {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.enquiry_left_content .footer_menu_content p,
.enquiry_left_content .footer_menu_content p a {
  opacity: 1
}
.cmn_image_description_main {
  display: flex;
  align-items: stretch;
  gap: var(--gap-80)
}
.cmn_content_width_main {
  display: flex;
  gap: var(--gap-80);
  align-items: flex-start
}
.cmn_content_width,
.cmn_image_only {
  width: 48.264%
}
.assessment_accordion_otr .cmn_content_width {
  width: 48.264%
}
.cmn_content_flex {
  flex: 1
}
.cmn_image_only img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--bor-24)
}
.cmn_content_only {
  flex: 1;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.cmn_content_title .title_h4 {
  color: var(--black);
  font-family: var(--ff-heading)
}
.cmn_content_description {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.cmn_repeater_otr .cmn_image_description_otr:nth-child(even) .cmn_image_description_main,
.left_image_content .cmn_image_description_main {
  flex-direction: row-reverse
}
.right_cmn_image_main .cmn_image_description_main {
  flex-direction: row-reverse
}
.assessment_card_otr {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--gap-30)
}
.assessment_card_otr.two_col_assessment_card {
  grid-template-columns: repeat(2,minmax(0,1fr))
}
.assessment_card {
  display: flex;
  flex-direction: column;
  padding: var(--pad-30)
}
.white_bg_card .assessment_card {
  background: var(--white);
  border-radius: var(--bor-24)
}
.assessment_image {
  display: flex;
  width: max-content;
  padding: 13px;
  border-radius: var(--bor-16)
}
.assessment_card_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px
}
.border_card .assessment_card_content {
  margin-top: 1.6rem;
  border-top: 1px solid rgb(24 24 24 / 10%)
}
.campus_hiking_section .assessment_card_otr {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--gap-50)
}
.campus_hiking_section .assessment_card_otr .assessment_card {
  padding: unset
}
.assessment_card_inr_title .title_h4 {
  color: var(--black)
}
.assessment_accordion_main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50)
}
.assessment_accordion_title_description {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.assessment_accordion_otr {
  display: flex;
  gap: var(--gap-50);
  align-items: stretch
}
.assessment_accordion_card {
  background: var(--bg-color);
  border-radius: var(--bor-24);
  padding: var(--pad-24);
  cursor: pointer;
  transition: .3s ease;
  display: flex;
  gap: var(--gap-16)
}
.assessment_accordion_description {
  display: none;
  padding-top: 8px;
  max-width: calc(100% - 24px)
}
.assessment_accordion_card_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.assessment_accordion_logo {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border-radius: var(--bor-12);
  padding: 1.3rem
}
.number_card .assessment_accordion_logo {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  width: max-content;
  font-family: var(--ff-heading)
}
.assessment_accordion_content {
  flex: 1
}
.assessment_accordion_title {
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.assessment_accordion_card.active .assessment_accordion_title svg {
  transform: rotate(180deg)
}
.assessment_accordion_card .assessment_accordion_title svg {
  transition: var(--transition)
}
.assessment_accordion_description a {
  font-size: var(--fs-body-md);
  line-height: var(--lh-body-md)
}
.assessment_accordion_image_otr {
  position: relative;
  border-radius: var(--bor-24);
  overflow: hidden;
  display: flex
}
.assessment_accordion_image {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.assessment_accordion_image.active {
  display: flex;
  animation: fadeImage 0.4s ease
}
.assessment_accordion_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  border-radius: var(--bor-24)
}
.assessment_accordion_left {
  display: flex;
  flex-direction: column;
  gap: var(--gap-30)
}
@keyframes fadeImage {
  from {
    opacity: 0;
    transform: translateY(20px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}
.cmn_content_top .title_h3 {
  font-family: var(--ff-heading);
  color: var(--black)
}
.cmn_flex_fifty {
  display: flex;
  flex-direction: column;
  gap: var(--gap-50)
}
.leadership_card_otr {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-50)
}
.leadership_card {
  flex: 1 1 calc(33.333% - 44px);
  gap: 16px;
  border-radius: var(--bor-16)
}
.leadership_two_col .leadership_card {
  flex: 1 1 calc(45.333% - 44px)
}
.leadership_card .leadership_card_counter {
  display: flex;
  width: 50px;
  height: 50px;
  background: var(--white);
  align-items: center;
  justify-content: center;
  padding: .8rem;
  border-radius: var(--bor-12);
  line-height: normal;
  font-weight: var(--fw-medium)
}
.leadership_card_description {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.stack_layout .leadership_card:nth-child(2) {
  margin-top: 2.8rem
}
.stack_layout .leadership_card:nth-child(3) {
  margin-top: 7.8rem
}
.round_circle_btm {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 1310px;
  margin: 0 auto;
  width: 100%
}
.round_circle_btm.full_width_circle {
  max-width: 1440px
}
.round_circle_card {
  flex: 1 1 calc(16.66% + 32px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 15px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5rem;
  position: relative;
  min-width: 0;
  overflow: hidden
}
.round_circle_card:not(:first-child) {
  margin-left: -32px
}
.round_circle_card:nth-child(1) {
  z-index: 6
}
.round_circle_card:nth-child(2) {
  z-index: 5
}
.round_circle_card:nth-child(3) {
  z-index: 4
}
.round_circle_card:nth-child(4) {
  z-index: 3
}
.round_circle_card:nth-child(5) {
  z-index: 2
}
.round_circle_card:nth-child(6) {
  z-index: 1
}
.round_circle_card .title_h4 {
  list-style: none;
  margin: 0;
  color: var(--black);
  max-width: 246px;
  text-align: center
}
.press_logo_nav_otr,
.press_releases_btn_otr {
  display: none
}
.cmn_repeater_otr {
  display: flex;
  flex-direction: column;
  gap: var(--gap-120)
}
.nurturing_section .nurturing_main {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--gap-30)
}
.nurturing_card {
  display: flex;
  flex-direction: column;
  gap: var(--gap-24);
  padding: 1.6rem;
  background: var(--bg-color);
  border-radius: var(--bor-24)
}
.nurturing_card .nurturing_image {
  position: relative;
  padding-top: 59.733%
}
.nurturing_card .nurturing_image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px
}
.cmn_join_letter .join_news_letter_left {
  width: 80%;
  max-width: 976px
}
.cmn_join_letter .title_h3 {
  color: var(--black)
}
.integrity_development_card .leadership_title {
  max-width: 900px;
  margin: 0 auto
}
.three_image_integrity .nurturing_main {
  grid-template-columns: repeat(3,minmax(0,1fr))
}
.page-template-integrity-test-template .testimonial_otr {
  background: var(--white)
}
.integrity_assessment_section .cmn_content_only {
  max-width: 924px;
  margin: 0 auto;
  align-items: center;
  gap: var(--gap-24)
}
.flex_assessment_card {
  display: flex;
  flex-wrap: wrap
}
.flex_assessment_card .assessment_card {
  flex: 1 1 calc(33.333% - 44px)
}
.sales_organisations .leadership_title {
  max-width: 1110px;
  margin: 0 auto
}
.sales_organisations .nurturing_card {
  background: var(--white)
}
.voluntary_top {
  display: grid;
  gap: var(--gap-80);
  grid-template-columns: repeat(2,1fr);
  padding-bottom: var(--pad-50)
}
.voluntary_grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--gap-50)
}
.voluntary_image.card_img_text {
  aspect-ratio: 446/350
}
.case_study_detail_img {
  margin: 0 auto
}
.customer_service_skill .assessment_title {
  max-width: 974px;
  margin: 0 auto
}
.customer_service_skill .assessment_title .title_h2 {
  max-width: 868px;
  margin: 0 auto
}
.customer_video_section .customer_video_main iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--bor-24)
}
.customer_video_section .video_main {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--bor-24)
}
.cmn_content_description strong {
  color: var(--black);
  font-weight: var(--fw-regular)
}
.cognitive_ability_round .cmn_content_otr {
  max-width: 1068px;
  margin: 0 auto
}
.logo-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: darken
}
.logo-inner {
  padding: var(--pad-30);
  background: var(--bg-color);
  border-radius: var(--bor-16);
  height: 100%
}
.logo-grid-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-50)
}
.logo-item {
  width: calc((100% - (5 * 5rem))/ 6);
  height: 12rem
}
.client_banner_logo {
  width: 15.4rem;
  height: 9rem;
  padding: 1.6rem;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  box-shadow: 0 0 20px rgb(0 0 0 / 8%);
  border-radius: 1.2rem
}
.client_banner_logo img {
  object-fit: contain;
  width: 100%;
  height: 100%
}
.client_banner .container {
  max-width: 1660px
}
.client_banner .cmn_content_otr {
  flex-direction: row;
  justify-content: space-between;
  gap: 3rem;
  align-items: center
}
.client_left_logo,
.client_right_logo {
  gap: 5rem;
  display: flex;
  flex-direction: column;
  width: 16.154%
}
.client_banner .cmn_content_top {
  flex: 1
}
.client_left_logo .client_banner_logo:first-child,
.client_right_logo .client_banner_logo:last-child {
  transform: rotate(8deg)
}
.client_left_logo .client_banner_logo:last-child,
.client_right_logo .client_banner_logo:first-child {
  transform: rotate(-8deg)
}
.client_left_logo .client_banner_logo:first-child,
.client_left_logo .client_banner_logo:last-child {
  margin-left: auto
}
.client_right_logo .client_banner_logo:not(:first-child):not(:last-child) {
  margin-left: auto
}
.ajax-pagination-wrapper {
  display: flex;
  justify-content: space-between;
  gap: var(--gap-30);
  align-items: center;
  padding-top: var(--pad-50)
}
.ajax-pagination-wrapper .pag-btn {
  display: flex;
  align-items: center;
  padding: 1.5rem 2.9rem;
  border: 1px solid var(--black);
  color: var(--white);
  background: var(--black);
  font-size: var(--fs-body-md);
  gap: 0.4rem;
  border-radius: 100rem;
  transition: var(--transition);
  cursor: pointer
}
.ajax-pagination-wrapper .prev-btn {
  padding: 1.5rem 2.9rem 1.5rem 1.9rem
}
.ajax-pagination-wrapper .pag-btn:active,
.ajax-pagination-wrapper .pag-btn:hover {
  background: var(--white);
  color: var(--black)
}
.ajax-pagination-wrapper .pag-btn:hover svg path {
  stroke: var(--black)
}
.ajax-pagination-wrapper .pag-btn svg path {
  stroke: var(--white);
  transition: var(--transition)
}
.page-numbers-group .dots,
.page-numbers-group .page-num {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 50%;
  font-size: var(--fs-body-md);
  color: var(--black-opacity-80);
  padding: 1rem;
  border: none;
  background: var(--white);
  font-weight: var(--fw-regular);
  opacity: .7;
  cursor: pointer
}
.page-numbers-group {
  display: flex;
  gap: 0.2rem;
  align-items: center
}
.page-numbers-group .page-num.active {
  background: var(--yellow);
  color: var(--white);
  opacity: 1
}
.cmn_content_description ol,
.cmn_content_description ul,
.cmn_desc_formate ol,
.cmn_desc_formate ul {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16)
}
.cmn_content_description li {
  color: var(--black-opacity-80);
  position: relative;
  padding-left: 2.4rem;
  line-height: var(--lh-body-lg)
}
.cmn_content_description ul li:after,
.cmn_desc_formate ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--yellow)
}
.center_over_text p {
  text-align: center
}
.cmn_content_description a {
  color: var(--yellow)
}
.cmn_desc_formate li {
  position: relative;
  padding-left: 2.4rem
}
.cmn_desc_formate ol li {
  list-style-type: inherit;
  padding-left: unset
}
.blog_detail_content_main {
  margin-top: -116px;
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: var(--gap-24)
}
.blog_detail_image {
  position: relative;
  z-index: 1;
  padding-top: 52.33%
}
.blog_detail_image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  object-position: bottom
}
.cmn_desc_formate p {
  padding-bottom: var(--gap-16)
}
.cmn_desc_formate li,
.cmn_desc_formate p {
  font-size: var(--fs-body-lg);
  color: var(--black-opacity-80);
  line-height: var(--lh-body-lg);
  font-weight: var(--fw-regular)
}
.cmn_desc_formate a {
  color: var(--yellow);
  text-decoration: underline;
  transition: var(--transition)
}
.cmn_desc_formate a:hover {
  text-decoration: unset
}
.cmn_desc_formate p + h2,
.cmn_desc_formate p + h3,
.cmn_desc_formate p + h4,
.cmn_desc_formate p + h5,
.cmn_desc_formate p + h6 {
  padding-top: 0.8rem
}
.cmn_desc_formate h2,
.cmn_desc_formate h3 {
  padding: .8rem 0 var(--gap-24);
  color: var(--black)
}
.cmn_desc_formate h4,
.cmn_desc_formate h5 {
  padding-bottom: 0.8rem
}
.cmn_desc_formate ul {
  padding-bottom: 1.6rem
}
.cmn_desc_formate h2,
.cmn_desc_formate h3,
.cmn_desc_formate h4,
.cmn_desc_formate h5,
.cmn_desc_formate h6 {
  font-family: var(--ff-heading);
  color: var(--black)
}
.cmn_desc_formate img {
  border-radius: var(--bor-16);
  padding: .8rem 0
}
.cmn_desc_formate ol {
  margin-left: 2.4rem
}
.cmn_desc_formate ol li::marker {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
  font-family: var(--ff-heading);
  color: var(--black)
}
.error_otr_div {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center
}
.error_otr_div .error_img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 50%
}
.cmn_image_description_main.cmn_gap_fifty {
  gap: var(--gap-50)
}
.blog_box_main .blog_home_card {
  height: auto!important
}
.our_team_content .title_h5 strong {
  display: block
}
.card_description_home p {
  font-size: var(--fs-body-sm);
  color: var(--white)
}
.card_title {
  display: flex;
  flex-direction: column;
  gap: 0.8rem
}
.our_team_content .title_h5 span {
	display: block;
	font-size: 16px;
}

.team_popup_content_right .title_h3 span {
    display: block;
    font-size: 24px;
}