@charset "UTF-8";


/* === Colors variable scss (index 01) === */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet');

::selection {
  background-color: #000000;
  color: #FFFFFF;
}

::-moz-selection {
  background-color: #000000;
  color: #FFFFFF;
}
:root {
  --primary: #000000;
  --secondary: #555555;
  --border: rgba(17, 17, 17, 0.10);
  --bg: #000000;
  --black: #000000;
  --white: #FFFFFF;
}

@font-face {
  font-family: "Tartuffo_Trial-Regular";
  src: url("../fonts/Tartuffo_Trial-RegularItalic.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Tartuffo_Trial-Regular";
  src: url("../fonts/Tartuffo_Trial-Light.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Tartuffo_Trial-Regular";
  src: url("../fonts/Tartuffo_Trial-Thin.otf");
  font-weight: 100;
}
@font-face {
  font-family: "Granola";
  src: url("../fonts/Granola.otf");
}
@font-face {
  font-family: "BDO Grotesk";
  src: url("../fonts/BDOGrotesk-Medium.otf");
  font-weight: normal;
}
@font-face {
  font-family: "Suisse Int";
  src: url("../fonts/fonnts.com-Suisse_Intl_Book.ttf");
  font-weight: 450;
}
@font-face {
  font-family: "Magnetik";
  src: url("../fonts/Magnetik-Regular.otf");
  font-weight: normal;
}
@font-face {
  font-family: "Magnetik-Medium";
  src: url("../fonts/Magnetik-Medium.otf");
  font-weight: normal;
}
@font-face {
  font-family: "Magnetik-SemiBold";
  src: url("../fonts/Magnetik-SemiBold.otf");
  font-weight: normal;
}
@font-face {
  font-family: "Magnetik-Light";
  src: url("../fonts/Magnetik-Light.otf");
  font-weight: normal;
}
@font-face {
  font-family: "Magnetik-ExtraLight";
  src: url("../fonts/Magnetik-ExtraLight.otf");
  font-weight: normal;
}
@font-face {
  font-family: "Magnetik-Thin";
  src: url("../fonts/Magnetik-Thin.otf");
  font-weight: normal;
}
@font-face {
  font-family: "StyreneALC-Regular";
  src: url("../fonts/StyreneALC-Regular.otf");
  font-weight: normal;
}
@font-face {
  font-family: "StyreneALC-Light";
  src: url("../fonts/StyreneALC-Light.otf");
  font-weight: normal;
}
@font-face {
  font-family: "StyreneALC-Thin";
  src: url("../fonts/StyreneALC-Thin.otf");
  font-weight: normal;
}
:root {
  --font_regular: "Magnetik", sans-serif;
  --font_semibold: "Magnetik-Semibold", sans-serif;
  --font_medium: "Magnetik-Medium", sans-serif; 
  --font_light: "Magnetik-Light", sans-serif; 
  --font_extralight: "Magnetik-ExtraLight", sans-serif; 
  --font_thin: "Magnetik-Thin", sans-serif; 
  --font_granola: "Granola";
  --font_bdo-grotsk: "BDO Grotesk";
  --font_suisse-int: "Suisse Int";
  --font_tartuffotrial: "Tartuffo_Trial-Regular";
  --font_awesome: "Font Awesome 6 Pro";
  --font_sregular: "StyreneALC-Regular", sans-serif;
  --font_slight: "StyreneALC-Light", sans-serif;
  --font_sthin: "StyreneALC-Thin", sans-serif;        
}

/* === Defalut Style scss (index 03) === */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font_light);
  line-height: 1;
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0.1px;
  color: var(--secondary);
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  color: var(--primary);
  line-height: 1.22;
  font-family: var(--font_regular);
  font-weight: normal;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: inherit;
}
a:hover {
  color: var(--primary);
}

button {
  background-color: transparent;
  border: 0;
}

p {
  padding: 0;
  margin: 0;
}

strong {
  font-weight: normal;
}
li strong {
  color: #000;
  font-family: var(--font_medium);
  font-weight: normal;
  letter-spacing: 0.5px;
}
li strong2 {
  color: #000;
  font-family: var(--font_medium);
  font-weight: normal;
  letter-spacing: 0.5px;
}

video,
iframe,
img {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.medium {
  font-weight: normal;
}

.bold {
  font-weight: 700;
}

/* === Gutter scss (index 03) === */
@media only screen and (max-width: 767px) {
  .g-0 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .row.g-0 {
    padding-right: 0;
    padding-left: 0;
  }
  br {
    display: none;
  }
}
main {
  display: block;
  width: 100%;
  overflow: hidden;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

/* === Scrollbar scss (index 01) === */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #fff;
}

::-webkit-scrollbar-thumb {
  background: #e61e28;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #000;
}

/* === positioning scss (index 02) === */
.rr-pos-rel {
  position: relative;
}

.rr-pos-abs {
  position: absolute;
}

.rr-ov-hidden {
  overflow: hidden;
}

/* === Background scss (index 04) === */
.rr-bg-primary {
  background-color: var(--primary);
}

.rr-bg-gray {
  background-color: #EEEEEE;
}

.rr-bg-light {
  background-color: #FAFAFA;
}

.rr-bg-light-gray {
  background-color: #EDECE8;
}

hr {
  margin: 0;
  border-top: 1px solid rgba(17, 17, 17, 0.1);
  opacity: 1;
}

/* === Parallax view scss (index 05) === */
.parallax-view {
  overflow: hidden;
}
.parallax-view__content {
  padding: 25px 0;
  border-bottom: 1px solid var(--border);
}
.parallax-view__content p {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  text-align: center; letter-spacing: normal;
}

.go-down {
  width: 28px;
  height: 28px;
  background-color: var(--primary);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
}
.dark .go-down {
  color: var(--black);
}

/* === Section spacing  scss (index 07) === */
.section-spacing {
  padding-top: 170px;
  padding-bottom: 170px;
}
@media only screen and (max-width: 1919px) {
  .section-spacing {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-spacing {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-spacing-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 1919px) {
  .section-spacing-130 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-130 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-130 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-spacing-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1919px) {
  .section-spacing-140 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-140 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-140 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-spacing-top-140 {
  padding-top: 140px;
}
@media only screen and (max-width: 1919px) {
  .section-spacing-top-140 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-top-140 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-top-140 {
    padding-top: 60px;
  }
}

.section-spacing-top {
  padding-top: 170px;
}
@media only screen and (max-width: 1919px) {
  .section-spacing-top {
    padding-top: 190px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-top {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-top {
    padding-top: 60px;
  }
}

.section-spacing-bottom {
  padding-bottom: 170px;
}
@media only screen and (max-width: 1919px) {
  .section-spacing-bottom {
    padding-bottom: 190px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-spacing-bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-bottom {
    padding-bottom: 60px;
  }
}

.section-spacing-bottom-130 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 1399px) {
  .section-spacing-bottom-130 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-bottom-130 {
    padding-bottom: 60px;
  }
}
.section-spacing-bottom-100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 1399px) {
  .section-spacing-bottom-100 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-bottom-100 {
    padding-bottom: 40px;
  }
}
.section-spacing-top-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 1399px) {
  .section-spacing-top-130 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .section-spacing-top-130 {
    padding-top: 60px;
  }
}

.mt-246 {
  margin-top: 246px;
}
@media only screen and (max-width: 1919px) {
  .mt-246 {
    margin-top: 190px;
  }
}
@media only screen and (max-width: 1399px) {
  .mt-246 {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .mt-246 {
    margin-top: 60px;
  }
}

/* === ontainer styling with full HD support  scss (index 08) === */
.container {
  --bs-gutter-x: 30px;
}
@media (min-width: 1600px) {
  .container.full-hd {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.rr-container-1650 {
  max-width: 1650px;
}

.rr-container-1850 {
  max-width: 1850px;
}

.rr-container-1890 {
  max-width: 1890px;
}

.rr-container-1270 {
  max-width: 1270px;
}

.rr-container-1820 {
  max-width: 1820px;
}

.rr-container-1790 {
  max-width: 1790px;
}

/* ===Inverted scss (index 09) === */
.text-invert > div {
  background-image: linear-gradient(to right, var(--primary) 50%, #CDC9C6 51%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

/* ===Side info and offcanvas scss (index 10) === */
.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 900;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.offcanvas-overlay.overlay-open {
  opacity: 0.5;
  visibility: visible;
}

.side-info-close {
  font-size: 20px;
  padding: 0;
  transition: all 0.3s linear;
  background-color: transparent;
  color: var(--black);
  width: 40px;
  height: 40px;
  border: 1px solid var(--black);
  border-radius: 50%;
  line-height: 38px;
}
.dark .side-info-close {
  border-color: var(--white);
  color: var(--white);
}
.side-info-close:hover {
  transform: rotate(90deg);
}

.side-info {
  background: var(--white) none repeat scroll 0 0;
  padding: 40px 45px;
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  transform: translateX(calc(100% + 80px));
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 9999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.dark .side-info {
  background-color: #1F1F1F;
}
@media only screen and (max-width: 1199px) {
  .side-info {
    width: 460px;
  }
}
@media (max-width: 575px) {
  .side-info {
    width: 280px;
    padding: 30px 20px;
  }
}
.side-info ::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar */
}
.side-info.info-open {
  opacity: 1;
  transform: translateX(0);
  /* Show side info */
}

/* === Offset header scss (index 11) === */
.offset-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.offset-logo {
  width: 95px;
}
@media (max-width: 575px) {
  .offset-logo {
    width: 95px;
  }
}
.offset-logo img {
  width: 100%;
}
.offset-button {
  margin-top: 40px;
}
@media (min-width: 576px) {
  .offset-button {
    display: none;
  }
}

/* === Offset widget box scss (index 12) === */
.offset-widget-box {
  margin-top: 40px;
}
.offset-widget-box .title {
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1919px) {
  .offset-widget-box .title {
    margin-bottom: 22px;
  }
}
.offset-widget-box .contact-meta > *:not(:first-child) {
  margin-top: 16px;
}
.offset-widget-box .contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.offset-widget-box .contact-item span {
  color: var(--primary);
  font-weight: normal;
}
.offset-widget-box .contact-item span a:hover {
  color: var(--secondary);
}
.offset-widget-box .contact-item .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: inline-flex;
  border: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--primary);
}

/* ===Mobile menu customization scss (index 13) === */
.mobile-menu {
  margin-top: 40px;
}
.mobile-menu.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mobile-menu.mean-container .mean-nav > ul > li:last-child > a {
  border-bottom: 1px solid var(--border);
}
.mobile-menu.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}
.mobile-menu.mean-container .mean-nav .new {
  font-size: 10px;
  font-weight: normal;
  background: #FFA38E;
  color: #999999;
  padding: 3px 7px;
  line-height: 1;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.mobile-menu.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 0;
  padding-inline-start: 0px;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  color: var(--primary);
  text-transform: capitalize;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  outline: none;
  transform: translateY(var(--y)) translateZ(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-sizing: border-box;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li a {
    font-size: 20px;
  }
}
.mobile-menu.mean-container .mean-nav ul li a:hover {
  color: var(--primary);
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand {
  width: 100%;
  height: 48px;
  justify-content: end;
  font-weight: 300;
  border: none !important;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li a.mean-expand {
    height: 50px;
  }
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
.mobile-menu.mean-container .mean-nav ul li li:first-child {
  border-top: 1px solid var(--border);
}
.mobile-menu.mean-container .mean-nav ul li li a {
  font-size: 16px;
  text-transform: capitalize;
  border-top: none !important;
  padding: 12px 0;
  padding-inline-start: 15px;
}
.mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
  height: 58px;
}
@media only screen and (max-width: 991px) {
  .mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
    height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
    height: 22px;
  }
}
.mobile-menu.mean-container .mean-nav ul li li li:last-child {
  border-bottom: 1px solid var(--border);
}
.mobile-menu.mean-container .mean-nav ul li li li a {
  padding-left: 40px;
}
.mobile-menu.mean-container .mean-bar {
  padding-bottom: 30px;
  background: none;
  max-height: auto;
  overflow-y: scroll;
}
.mobile-menu.mean-container .mean-bar::-webkit-scrollbar {
  width: 0;
}
.mobile-menu.mean-container a.meanmenu-reveal {
  display: none !important;
}

/* === Sticky header scss (index 14) === */
.header-sticky {
  transition: all 0.5s;
}

.transformed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 800;
  transform: translateY(-100%);
}
.transformed .header-area__inner {
  height: 80px;
}

.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 800;
  background-color: #FFFFFF;
  transform: translateY(0%);
}

/* === inverted text scss (index 15) === */
.text-invert > div {
  background-image: linear-gradient(to right, var(--primary) 50%, rgba(17, 17, 17, 0.3) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.underline {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  padding-bottom: 4px;
  display: inline-block;
  color: var(--primary); letter-spacing: normal;
  font-family: var(--font_regular);
}
.underline::before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 1.5px;
  position: absolute;
  transition: all 0.3s;
  background-color: currentColor;
}
.underline:hover::before {
  width: 0;
}

/* === image reveal scss (index 15) === */
.reveal {
  position: relative;
  overflow: hidden;
}
.reveal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === rr--hover-img canvas (Home) === */
.rr--hover-img canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* === theme scss (index 01) === */
html {
  --container-max-widths: 1320px;
}
@media only screen and (max-width: 1399px) {
  html {
    --container-max-widths: 1140px;
  }
}
@media only screen and (max-width: 1199px) {
  html {
    --container-max-widths: 960px;
  }
}
@media only screen and (max-width: 991px) {
  html {
    --container-max-widths: 720px;
  }
}
@media only screen and (max-width: 767px) {
  html {
    --container-max-widths: 540px;
  }
}

.body-wrapper {
  background-color: var(--white);
}
.body-wrapper.dark {
  background-color: #000;
}

.img_anim_reveal {
  visibility: hidden;
  overflow: hidden;
}
.img_anim_reveal img {
  object-fit: cover;
  transform-origin: left;
}

.anim-reveal {
  overflow: hidden;
}

.anim-reveal-line {
  overflow: hidden;
}

.color-white {
  color: var(--white);
}
.color-black {
  color: var(--black);
}
.color-primary {
  color: var(--primary);
}
.color-secondary {
  color: var(--secondary);
}

/* === BG Color scss (index 02) === */
.theme-bg-white {
  background-color: var(--white);
}
.theme-bg-black {
  background-color: var(--black);
}
.dark .theme-bg-black {
  background-color: #000;
}
.theme-bg-primary {
  background-color: var(--primary);
}
.theme-bg-secondary {
  background-color: var(--secondary);
}
.theme-bg-transparent {
  background-color: transparent;
}
.theme-bg-theme {
  background-color: var(--theme);
}

/* === Z-index scss (index 03) === */
.zi-1 {
  z-index: 1;
}
.zi-2 {
  z-index: 2;
}
.zi-0 {
  z-index: 0;
}
.zi--1 {
  z-index: -1;
}

/* === Text Border scss (index 04) === */
.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  text-decoration-skip-ink: none;
}

.vertically-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* === Text Indent scss (index 05) === */
.text-indent-40 {
  text-indent: 40px;
}
.text-indent-50 {
  text-indent: 50px;
}

header {
  margin-bottom: -1px;
  z-index: 100;
}

section {
  margin-bottom: -1px;
}

.mb--1 {
  margin-bottom: -1px;
}

.dir-rtl {
  direction: rtl;
}

.show-light {
  display: inline-block;
}
.dark .show-light {
  display: none;
}

.show-dark {
  display: none;
}
.dark .show-dark {
  display: inline-block;
}

.line-divider-sm {
  height: 0.5px;
  background-color: var(--black-9);
}

/* === preloader scss (index 02) === */
.loader-wrap {
  position: fixed;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--action);
  z-index: 99999999999999;
}

.loader-wrap svg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 110vh;
  fill: #000;
}

.loader-wrap .loader-wrap-heading .load-text {
  font-size: 100px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--white);
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .loader-wrap .loader-wrap-heading .load-text {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .loader-wrap .loader-wrap-heading .load-text {
    font-size: 40px;
  }
}

.load-text span {
  -webkit-animation: loading 1s infinite alternate;
  animation: loading 1s infinite alternate;
}

.load-text span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.load-text span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.load-text span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.load-text span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.load-text span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.load-text span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.load-text span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* === scroll scss (index 01) === */
.scroll__down {
  display: flex;
  gap: 20px;
  align-items: center;
}
.scroll__down p {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--white);
}
.scroll__down span {
  width: 66px;
  height: 106px;
  border: 1px solid var(--black-6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 89px;
}
.scroll__down span i {
  color: var(--white);
}
.scroll__down-wrapper {
  height: 425px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1399px) {
  .scroll__down-wrapper {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .scroll__down-wrapper {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .scroll__down-wrapper {
    height: auto;
    padding: 40px 0;
  }
}
.scroll-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 0px;
  z-index: 9999;
  background: var(--white);
  border-radius: 100px;
  mix-blend-mode: exclusion;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.scroll-top.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.go-top-writer {
  width: 105px;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  color: var(--white);
  background-image: url(../imgs/writer/go-top.webp);
  background-position: right center;
  background-repeat: no-repeat;
  right: 16%;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.5s;
}
.go-top-writer:hover {
  color: var(--primary);
}
.go-top-writer.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .go-top-writer br {
    display: block;
  }
}

/* === progress-wrap scss (index 01) === */
.progress-wrap {
  position: fixed;
  right: 20px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px);
  transition: all 300ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  mix-blend-mode: exclusion;
  background-color: var(--black);
}

.progress-wrap::after {
  position: absolute;
  content: "\f062";
  font: var(--fa-font-solid);
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--primary);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
  border-radius: 50px;
}
.dark .progress-wrap::after {
  color: var(--black);
}

.progress-wrap svg path {
  fill: var(--black-6);
}

.progress-wrap svg.progress-circle path {
  fill: var(--white);
  stroke: transparent;
  stroke-width: 5;
  box-sizing: border-box;
  transition: all 200ms linear;
}

/* === primary btn scss (index 01) === */
.rr-btn-primary {
  gap: 6px;
  display: inline-flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  padding: 26px 35px;
  color: var(--black);
  align-items: center;
  border-radius: 0px;
  justify-content: center;
  border: 1px solid var(--border);
  transition: background 0.3s ease;
  cursor: pointer;
  background: transparent;
}
.rr-btn-primary .text {
  z-index: 1;
  position: relative;
  display: inline-flex;
  transition: all 0.2s;
}
.rr-btn-primary .text span {
  opacity: 1;
  min-width: 4px;
  transition: none;
  color: var(--black);
  font-weight: normal;
  display: inline-block; letter-spacing: normal;
  transform: translateX(0) scale(1);
}
.rr-btn-primary i {
  font-size: 13px;
  line-height: 14px;
  color: var(--black);
  transition: all 0.3s;
}
.rr-btn-primary:hover {
  background: transparent;
}
.rr-btn-primary:hover .text span {
  opacity: 0;
  transition: none;
  transform: translateX(-10px) scale(1.2);
}
.rr-btn-primary:hover .text span.animate {
  opacity: 1;
  color: var(--white);
  transform: translateX(0) scale(1);
  transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
}
.rr-btn-primary:hover i {
  opacity: 0;
  color: var(--white);
  transform: translateX(100%);
}
.rr-btn-primary.btn-black {
  padding: 13.5px 20px;
  background: var(--black);
}
.rr-btn-primary.btn-black .text span {
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
}
.rr-btn-primary.btn-black i {
  color: var(--white);
}
.rr-btn-primary.btn-black-2 {
  padding: 15px 34px;
  border-radius: 0px;
  background: var(--black);
  border: 1px solid #fff;
}
.rr-btn-primary.btn-black-2 .text span {
  color: var(--white);
   letter-spacing: normal;
  text-transform: none;
}
.rr-btn-primary.btn-black-2 i {
  color: var(--white);
  rotate: -45deg;
}

.rr-btn-primary.has-icon:hover .text {
  transform: translateX(10px);
}



/* === button scss (index 05) === */
.rr-btn-border {
  font-size: 16px;
  font-weight: normal;
  line-height: 36px;
  padding: 4.5px 31px;
  position: relative;
  color: var(--black);
  display: inline-block; letter-spacing: normal;
}
.rr-btn-border .bg-overlay {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #000;
  z-index: -1;
  transition: height 0.4s ease-in-out;
}
.rr-btn-border::before, .rr-btn-border::after,
.rr-btn-border span::before,
.rr-btn-border span::after {
  content: "";
  position: absolute;
  background: #000;
  transform-origin: left top;
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.rr-btn-border::before {
  top: 0;
  height: 1px;
  left: -10px;
  transform: scaleX(1);
  transform-origin: left;
  width: calc(100% + 20px);
}
.rr-btn-border::after {
  bottom: 0;
  height: 1px;
  left: -10px;
  transform: scaleX(1);
  transform-origin: right;
  width: calc(100% + 20px);
}
.rr-btn-border span::before {
  left: 0;
  top: -10px;
  width: 1px;
  transform: scaleY(1);
  transform-origin: top;
  height: calc(100% + 20px);
}
.rr-btn-border span::after {
  width: 1px;
  right: 0;
  top: -10px;
  transform: scaleY(1);
  transform-origin: bottom;
  height: calc(100% + 20px);
}
.rr-btn-border:hover {
  color: var(--white);
}
.rr-btn-border:hover .bg-overlay {
  height: 100%;
}
.rr-btn-border:hover::before {
  transform: scaleX(1);
  animation: drawX 0.8s ease-out forwards;
}
.rr-btn-border:hover::after {
  transform: scaleX(1);
  animation: drawX 0.8s ease-out forwards;
}
.rr-btn-border:hover span::before {
  transform: scaleY(1);
  animation: drawY 0.8s ease-out forwards;
}
.rr-btn-border:hover span::after {
  transform: scaleY(1);
  animation: drawY 0.8s ease-out forwards;
}

@keyframes drawX {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes drawY {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
/* === menu scss (index 01) === */
.main-menu.menu-dark > ul > li > a {
  color: var(--black);
}
.main-menu.menu-light > ul > li > a {
  color: var(--white);
}
.main-menu > ul {
  display: flex;
}
.main-menu > ul > li:first-child > a {
  padding-left: 0;
}
.main-menu > ul > li:last-child > a {
  padding-right: 0;
}
.main-menu > ul > li:hover > a {
  color: var(--secondary);
}
.main-menu > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
  inset-inline-start: 0;
}
.main-menu > ul > li:hover > ul.dp-menu li:hover > ul {
  opacity: 1;
  pointer-events: all;
  inset-inline-start: 100%;
}
.main-menu li {
  position: relative;
  list-style: none;
}
.main-menu li a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: var(--primary);
  padding: 37px 15px;
  text-transform: capitalize;
}
.main-menu ul.dp-menu {
  background-color: #232529;
  padding: 18px 0px;
  width: 250px;
  position: absolute;
  inset-inline-start: 10px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu ul.dp-menu.column-2 {
  column-count: 2;
  width: 480px;
  column-gap: 0;
}
.main-menu ul.dp-menu ul {
  background: var(--black);
  padding: 18px 0px;
  width: 300px;
  position: absolute;
  inset-inline-start: calc(100% + 10px);
  top: 0;
  opacity: 0;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu ul.dp-menu li {
  position: relative;
  padding: 0 25px;
}
.main-menu ul.dp-menu li:hover > a {
  color: var(--white);
  background-color: transparent;
}
.main-menu ul.dp-menu li:hover > ul {
  opacity: 1;
  transform: none !important;
  pointer-events: all;
}
.main-menu ul.dp-menu li a {
  font-size: 16px;
  font-weight: normal;
  color: var(--white);
  padding: 10px 0;
  background-color: transparent;
  border-radius: 8px;
  text-transform: capitalize;
}
.main-menu ul.dp-menu li a:hover {
  letter-spacing: normal;
  color: #999999;
}
.main-menu ul.dp-menu li a:after {
  transform: rotate(-90deg);
  margin-left: auto;
}
.main-menu .has-mega-menu {
  position: static;
}
.main-menu li.menu-item-has-children > a:after {
  content: "\f107";
  font-family: var(--font_awesome);
  margin-inline-start: 5px;
  font-weight: normal;
  font-size: 14px;
}
.main-menu .mega-menu {
  background-color: var(--black);
  padding: 30px 50px;
  width: 100%;
  position: absolute;
  left: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 50px;
  justify-content: center;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: all 0.5s;
}
@media only screen and (max-width: 1399px) {
  .main-menu .mega-menu {
    column-gap: 30px;
  }
}
.main-menu .mega-menu li:has(ul) > a:after {
  content: "";
}
.main-menu .mega-menu li a {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  height: 40px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--black);
  border-radius: 8px;
  overflow: hidden;
}
.main-menu .mega-menu li a:hover {
  color: var(--white);
  background: #2C2C2F;
}
.main-menu .mega-menu .title {
  font-weight: normal;
  color: var(--white);
  text-transform: uppercase;
  border-bottom: 1px solid #333337;
  padding-bottom: 20px;
  margin-bottom: 20px;
  pointer-events: none;
  border-radius: 0;
}
.main-menu .span-first-item ul li:first-child {
  grid-column: 1/-1;
  column-span: all;
}

/* === offcanvas scss (index 02) === */
.offcanvas__menu-wrapper.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul > li:last-child > a {
  border-bottom: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}
.offcanvas__menu-wrapper.mean-container .mean-nav .new {
  font-size: 10px;
  font-weight: normal;
  background: #FFA38E;
  color: var(--black);
  padding: 3px 7px;
  line-height: 1;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 0;
  padding-inline-start: 15px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: var(--white);
  text-transform: capitalize;
  border-top: 1px solid var(--black-4);
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  outline: none;
  transform: translateY(var(--y)) translateZ(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    font-size: 20px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
  width: 54px;
  height: 54px;
  justify-content: center;
  font-weight: 300;
  border: none !important;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    height: 50px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--secondary);
  opacity: 1;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
  border-top: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
  font-size: 20px;
  text-transform: capitalize;
  border-top: none !important;
  padding: 12px 0;
  padding-inline-start: 30px;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    font-size: 18px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
  height: 58px;
}
@media only screen and (max-width: 991px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
    height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
    height: 22px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child {
  border-bottom: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
  padding-left: 40px;
}
.offcanvas__menu-wrapper.mean-container .mean-bar {
  padding: 0;
  background: none;
  max-height: auto;
  overflow-y: scroll;
}
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar {
  width: 0;
}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal {
  display: none !important;
}

/* === cursor css scss (index 01) === */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
.cb-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  contain: layout style size;
  pointer-events: none;
  will-change: transform;
  transition: opacity 0.3s, color 0.4s;
}

.cb-cursor:before {
  content: "";
  position: absolute;
  top: -24px;
  left: -24px;
  width: 48px;
  height: 48px;
  background: transparent;
  border-radius: 500px;
  transform: scale(0);
  transition: opacity 0.1s, transform 0.3s ease-in-out;
}

.cb-cursor-text {
  position: absolute;
  top: -18px;
  left: -18px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: normal;
  opacity: 0;
  transform: scale(0) rotate(10deg);
  transition: opacity 0.4s, transform 0.3s;
  color: white;
}

/* Exclusion and Blending Modes */
@supports (mix-blend-mode: exclusion) {
  .cb-cursor.-exclusion,
  .cb-cursor.-opaque {
    mix-blend-mode: exclusion;
  }
  .cb-cursor.-exclusion:before,
  .cb-cursor.-opaque:before {
    background: white;
  }
}
.cb-cursor.-normal,
.cb-cursor.-text {
  mix-blend-mode: normal;
}

.cb-cursor.-normal:before,
.cb-cursor.-text:before {
  background: currentColor;
}

.cb-cursor.-inverse {
  color: white;
}

/* Cursor Visibility and Transformations */
.cb-cursor.-visible:before {
  transform: scale(0.2);
}

.cb-cursor.-visible.-active:before {
  transform: scale(0.23);
  transition-duration: 0.2s;
}

.cb-cursor.-pointer:before {
  transform: scale(0);
}

.cb-cursor.-text .cb-cursor-text {
  opacity: 1;
  transform: scale(1);
}

.cb-cursor.-text.-active:before {
  transform: scale(1.6);
  transition-duration: 0.2s;
}

.cb-cursor.all-element:before {
  transform: scale(1.6);
  opacity: 0.2;
  transition-duration: 0.2s;
}

.cb-cursor.-opaque:before {
  transform: scale(1.32);
}

.cb-cursor.-text:before {
  background: #000;
  opacity: 1;
  backdrop-filter: blur(10px);
  transform: scale(2);
}

.cb-cursor.-opaque.-active:before {
  transform: scale(1.2);
}

.cb-cursor.-lg:before {
  transform: scale(2);
}

.cb-cursor.-hidden:before {
  transform: scale(0);
}

/*----------------------------------------*/
/*  Context-Specific Styles  */
/*----------------------------------------*/
@supports (mix-blend-mode: exclusion) {
  .body-startup-agency .cb-cursor.-exclusion,
  .body-startup-agency .cb-cursor {
    mix-blend-mode: exclusion;
    opacity: 1;
  }
  .body-startup-agency .cb-cursor.-exclusion:before,
  .body-startup-agency .cb-cursor:before {
    background: white;
    opacity: 1;
  }
}

.cb-cursor.-small {
  mix-blend-mode: normal;
  white-space: nowrap;
}
.cb-cursor.-small::before {
  background-color: #fff;
  width: 80px;
  height: 28px;
  top: -14px;
  left: -40px;
}
.cb-cursor.-small .cb-cursor-text {
  color: black;
}

.cb-cursor.-big {
  mix-blend-mode: normal;
  white-space: nowrap;
}
.cb-cursor.-big::before {
  background-color: #fff;
  width: 80px;
  height: 80px;
  top: -40px;
  left: -40px;
  mix-blend-mode: normal;
}
.cb-cursor.-big .cb-cursor-text {
  color: black;
}

.cb-cursor.portfolio:before {
  display: none;
}

.cb-cursor-text.portfolio {
  width: 420px;
  left: -210px;
}
@media only screen and (max-width: 1919px) {
  .cb-cursor-text.portfolio {
    width: 350px;
    left: -175px;
  }
}
@media only screen and (max-width: 1399px) {
  .cb-cursor-text.portfolio {
    width: 280px;
    left: -140px;
  }
}
.cb-cursor-text.portfolio .cb-cursor-text {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  display: block;
  text-align: start;
}
.cb-cursor-text.portfolio .hover-display {
  width: 420px;
}
@media only screen and (max-width: 1919px) {
  .cb-cursor-text.portfolio .hover-display {
    width: 350px;
  }
}
@media only screen and (max-width: 1399px) {
  .cb-cursor-text.portfolio .hover-display {
    width: 280px;
  }
}
.cb-cursor-text.portfolio .hover-display .hover-thumb img {
  width: 100%;
}
.cb-cursor-text.portfolio .hover-display .hover-content {
  display: grid;
  gap: 10px 30px;
  grid-template-columns: 1fr auto;
  margin-top: 14px;
  text-align: start;
}
.cb-cursor-text.portfolio .hover-display .title {
  font-family: var(--font_bdogrotesk);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
   letter-spacing: normal;
  text-transform: uppercase;
  color: var(--white);
}
.cb-cursor-text.portfolio .hover-display .date {
  font-family: var(--font_bdogrotesk);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
   letter-spacing: normal;
  text-transform: uppercase;
  display: inline-block;
  color: var(--white);
}

/* === header scss (index 01) === */
.header-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  mix-blend-mode: exclusion;
  background-color: #000;
}
.header-area.scrolled {
  mix-blend-mode: normal;
  background-color: white;
}
.header-area.scrolled .header__logo .logo-black {
  display: block;
}
.header-area.scrolled .header__logo .logo-white {
  display: none;
}
.header-area.scrolled .header-meta .date {
  color: var(--black);
}
.header-area.scrolled .nice-select {
  color: var(--black);
}
.header-area.scrolled .nice-select .current {
  color: var(--black);
}
.header-area.scrolled .nice-select .icon {
  color: var(--black);
}
.header-area.scrolled .nice-select .option {
  color: var(--black);
}
.header-area.scrolled .header-main {
  border-bottom: 1px solid var(--border);
}
.header-area.scrolled .hero-nav {
  mix-blend-mode: normal;
  background-color: transparent;
}
.header-area.scrolled .hero-nav::before {
  background-color: red !important;
}
.header-area .header-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.header-area__inner {
  gap: 30px;
  margin: 17px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area .header-right {
  gap: 10px;
  display: flex;
  align-items: center;
}
.header-area .header-right .side-toggle .bar-icon {
  width: 30px;
  height: 7px;
}
.header-area .header-right .side-toggle .bar-icon span {
  height: 1px;
  background: #DADADA;
}
.header-area .header-right .rr-btn-primary {
  padding: 13.5px 22.5px;
}
@media (max-width: 575px) {
  .header-area .header-right .rr-btn-primary {
    display: none;
  }
}
.header-area .header-right .rr-btn-primary:hover {
  background: #212529;
}
.header-area .header__logo .logo-black {
  display: none;
}
.header-area .header__logo img {
  max-width: 115px;
}
.header-area .main-menu > ul {
  display: flex;
}
.header-area .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area .main-menu li a {
  font-size: 16px;
  font-weight: 400;
  padding: 21.5px 14px;
  color: var(--black);
}
@media only screen and (max-width: 1399px) {
  .header-area .main-menu li a {
    padding: 29px 10px;
  }
}
.header-area .main-menu li a:hover {
  color: var(--white);
}
.header-area .search-icon {
  color: var(--primary);
}
@media only screen and (max-width: 767px) {
  .header-area .header-meta {
    display: none;
  }
}
.header-area .header-meta .date {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--white); letter-spacing: normal;
}
.header-area .header__navicon {
  margin-left: auto;
}
.header-area .header__navicon i {
  font-size: 22px;
  color: var(--white);
}
.header-area .header-lan {
  display: flex;
  border: 1px solid #DADADA;
  border-radius: 500px;
  padding: 0px 21px;
}
@media only screen and (max-width: 767px) {
  .header-area .header-lan {
    display: none;
  }
}
.header-area .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  height: auto;
  outline: none;
  padding-left: 0;
  padding-right: 16px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.header-area .nice-select .current {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--white); letter-spacing: normal;
  font-family: var(--font_regular);
}
.header-area .nice-select .icon {
  top: 0;
  color: var(--white);
  right: 0;
  position: absolute;
  transition: all 0.3s;
}
.header-area .nice-select .list {
  background-color: transparent;
  box-shadow: none;
}
.header-area .nice-select .option {
  line-height: 1;
  min-height: auto;
  padding: 12px 0;
  color: var(--white);
}
.header-area .nice-select:after {
  display: none;
}
.header-area .nice-select.open .icon {
  top: 2px;
  transform: rotate(180deg);
}

/* === header scss (index 01) === */
.header-area-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-area-2 .header-main {
  border-bottom: 1px solid var(--border);
}
@media (max-width: 575px) {
  .header-area-2 .header-main {
    padding: 10px 0;
  }
}
.header-area-2__inner {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area-2 .header-right {
  gap: 30px;
  display: flex;
  align-items: center;
}
.header-area-2 .header-right .side-toggle {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-area-2 .header-right .side-toggle .bar-icon {
  width: 30px;
  height: 7px;
}
.header-area-2 .header-right .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-2 .header-right .side-toggle .bar-icon span:nth-child(2) {
  margin-left: -10px;
}
.header-area-2 .header__logo img {
  max-width: 24px;
}
.header-area-2 .sticky,
.header-area-2 .transformed {
  background-color: #FFFFFF;
}
.header-area-2 .header__nav-2 {
  margin-right: auto;
  padding-left: 30px;
  border-left: 1px solid var(--border);
}
.header-area-2 .main-menu > ul {
  display: flex;
}
.header-area-2 .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area-2 .main-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: var(--black);
  padding: 21.5px 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .header-area-2 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-2 .main-menu li a:hover {
  color: var(--white);
}
@media only screen and (max-width: 767px) {
  .header-area-2 .header-meta {
    display: none;
  }
}
.header-area-2 .header-meta .date {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.header-area-2 .header__navicon {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--border);
}
.header-area-2 .rr-btn-primary {
  border: none;
  border-radius: 0;
  background: var(--black);
  padding: 21.5px 23px;
  color: var(--white);
}
.header-area-2 .rr-btn-primary .text span {
  color: var(--white);
}
.header-area-2 .rr-btn-primary .right-icon {
  color: var(--white);
}
@media (max-width: 575px) {
  .header-area-2 .rr-btn-primary {
    display: none;
  }
}

/* === header scss (projects) === */
.header-area-projects {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: transparent;
}
.header-area-projects .header-main {
  border-bottom: 0px solid rgba(17, 17, 17, 0.12);
}
@media (max-width: 575px) {
  .header-area-projects .header-main {
    padding: 10px 0;
  }
}
.header-area-projects__inner {
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .header-area-projects__inner {
    padding: 10px 0;
  }
}
.header-area-projects .header__logo img {
  width: 180px;
  height: auto;
}
.header-area-projects .header__nav-2 {
  margin-left: auto;
}

.header-area-projects .main-menu > ul {
  display: flex;
}
.header-area-projects .main-menu > ul > li:hover > a {
  color: var(--black);
}
.header-area-projects .main-menu li a {
  font-size: 18x;
  font-weight: normal;
  font-family: var(--font_regular);
  line-height: 16px;
  color: var(--black);
  padding: 31.5px 14px;    
}
/* Keep your padding on the link */
.header-area-projects .main-menu li a {
  text-decoration: none;
}

/* Underline ONLY the text */
.header-area-projects .main-menu li a span {
  position: relative;
  display: inline-block; /* span width = text width */
}

.header-area-projects .main-menu li a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;              /* distance from text */
  width: 100%;
  height: 1px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}

.header-area-projects .main-menu li a:hover span::after {
  transform: scaleX(1);
}
/* Keep underline visible for active menu item */
.header-area-projects .main-menu li.active a span::after {
  transform: scaleX(1);
}
@media only screen and (max-width: 1399px) {
  .header-area-projects .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-projects .main-menu li a:hover {
  color: var(--black);
}
.header-area-projects .header-right {
  gap: 20px;
  display: flex;
  align-items: center;
}
.header-area-projects .rr-btn-primary {
  border: 1px solid #fff;
  padding: 14.5px 23px;
  color: transparent;
}
.header-area-projects .rr-btn-primary .text span {
  color: var(--white);
}
.header-area-projects .rr-btn-primary .right-icon {
  color: var(--black);
}
@media (max-width: 575px) {
  .header-area-projects .rr-btn-primary {
    display: none;
  }
}
@media (max-width: 575px) {
  .header-area-projects .header__navicon .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-projects .header__navicon .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-projects .header__navicon .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--black);
}
.header-area-projects .header__navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}


/* === header scss (index 03) === */
.header-area-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: transparent;
}
.header-area-3 .header-main {
  border-bottom: 0px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 575px) {
  .header-area-3 .header-main {
    padding: 10px 0;
  }
}
.header-area-3__inner {
  gap: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .header-area-3__inner {
    padding: 10px 0;
  }
}
.header-area-3 .header__logo img {
  width: 180px;
  height: auto;
}
.header-area-3 .header__nav-2 {
  margin-left: auto;
}
.header-area-3 .main-menu > ul {
  display: flex;
}
.header-area-3 .main-menu > ul > li:hover > a {
  color: var(--white);
}
.header-area-3 .main-menu li a {
  font-size: 18x;
  font-weight: normal;
  font-family: var(--font_regular);
  line-height: 16px;
  color: var(--white);
  padding: 31.5px 14px;    
}
/* Keep your padding on the link */
.header-area-3 .main-menu li a {
  text-decoration: none;
}

/* Underline ONLY the text */
.header-area-3 .main-menu li a span {
  position: relative;
  display: inline-block; /* span width = text width */
}

.header-area-3 .main-menu li a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;              /* distance from text */
  width: 100%;
  height: 1px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}

.header-area-3 .main-menu li a:hover span::after {
  transform: scaleX(1);
}
/* Keep underline visible for active menu item */
.header-area-3 .main-menu li.active a span::after {
  transform: scaleX(1);
}
@media only screen and (max-width: 1399px) {
  .header-area-3 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-3 .main-menu li a:hover {
  color: var(--white);
}
.header-area-3 .header-right {
  gap: 20px;
  display: flex;
  align-items: center;
}
.header-area-3 .rr-btn-primary {
  border: 1px solid #fff;
  padding: 14.5px 23px;
  color: transparent;
}
.header-area-3 .rr-btn-primary .text span {
  color: var(--white);
}
.header-area-3 .rr-btn-primary .right-icon {
  color: var(--black);
}
@media (max-width: 575px) {
  .header-area-3 .rr-btn-primary {
    display: none;
  }
}
@media (max-width: 575px) {
  .header-area-3 .header__navicon .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-3 .header__navicon .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-3 .header__navicon .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--white);
}
.header-area-3 .header__navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 04) === */
.header-area-4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: transparent;
}
.header-area-4 .header-main {
  border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}
@media (max-width: 575px) {
  .header-area-4 .header-main {
    padding: 10px 0;
  }
}
.header-area-4__inner {
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .header-area-4__inner {
    padding: 10px 0;
  }
}
.header-area-4 .header__logo img {
  max-width: 115px;
}
.header-area-4 .header__nav-2 {
  margin-left: auto;
}
.header-area-4 .main-menu > ul {
  display: flex;
}
.header-area-4 .main-menu > ul > li:hover > a {
  color: var(--secondary);
}
.header-area-4 .main-menu li a {
  font-size: 16px;
  font-weight: normal;
  font-family: var(--font_regular);
  line-height: 16px;
  color: var(--primary);
  padding: 31.5px 14px;
}
@media only screen and (max-width: 1399px) {
  .header-area-4 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-4 .main-menu li a:hover {
  color: var(--primary);
}
.header-area-4 .rr-btn-primary {
  border: none;
  padding: 14.5px 23px;
  color: var(--white);
  background: var(--primary);
}
.header-area-4 .rr-btn-primary .text span {
  color: var(--white);
}
.header-area-4 .rr-btn-primary .right-icon {
  color: var(--white);
}
@media (max-width: 575px) {
  .header-area-4 .rr-btn-primary {
    display: none;
  }
}
.header-area-4 .header-right {
  gap: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .header-area-4 .header__navicon .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-4 .header__navicon .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-4 .header__navicon .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-4 .header__navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 05) === */
.header-area-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-area-5 .header-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 575px) {
  .header-area-5 .header-main {
    padding: 10px 0;
  }
}
.header-area-5 .header-main {
  border-bottom: 1px solid var(--border);
}
.header-area-5__inner {
  gap: 30px;
  display: flex;
  padding: 5px 0px;
  align-items: center;
  justify-content: space-between;
}
.header-area-5 .header-right {
  gap: 70px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header-area-5 .header-right {
    gap: 30px;
  }
}
.header-area-5 .navicon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  border: 1px solid rgba(17, 17, 17, 0.15);
}
@media (max-width: 575px) {
  .header-area-5 .navicon {
    width: 45px;
    height: 45px;
  }
}
.header-area-5 .side-toggle .bar-icon {
  width: 19px;
  height: 7px;
}
.header-area-5 .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-5 .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.header-area-5 .header__logo {
  gap: 20px;
  display: flex;
  align-items: center;
}
.header-area-5 .header__logo img {
  max-width: 115px;
}
.header-area-5 .sticky,
.header-area-5 .transformed {
  background-color: #FFFFFF;
}
.header-area-5 .main-menu > ul {
  display: flex;
}
.header-area-5 .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area-5 .main-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: var(--black);
  padding: 32.5px 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .header-area-5 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-5 .main-menu li a:hover {
  color: var(--white);
}
.header-area-5 .header-meta {
  margin-left: 75px;
}
@media only screen and (max-width: 1199px) {
  .header-area-5 .header-meta {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-area-5 .header-meta {
    display: none;
  }
}
.header-area-5 .header-meta .date {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.header-area-5 .header__navicon {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--border);
}
@media (max-width: 575px) {
  .header-area-5 .rr-underline {
    display: none;
  }
}

/* === header scss (index 06) === */
.header-area-6 .header__logo {
  margin-left: 30px;
}
.header-area-6 .header__logo img {
  max-width: 115px;
}
.header-area-6 .header-main {
  border-bottom: none;
}
.header-area-6__inner {
  gap: 65px;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .header-area-6__inner {
    gap: 0px;
  }
}
.header-area-6 .main-menu > ul {
  display: flex;
}
.header-area-6 .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area-6 .main-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: var(--black);
  padding: 32px 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .header-area-6 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-6 .main-menu li a:hover {
  color: var(--white);
}
.header-area-6 .header-right {
  border-left: 1px solid var(--border);
  padding-left: 30px;
}
@media (max-width: 575px) {
  .header-area-6 .header-right {
    border-left: none;
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .header-area-6 .header-right .rr-underline {
    display: none;
  }
}
.header-area-6 .header-right .header__navicon {
  border-left: none;
}
.header-area-6 .header-right .side-toggle {
  padding: 36px 30px;
  border-left: 1px solid var(--border);
  margin-left: 30px;
  cursor: pointer;
}
@media (max-width: 575px) {
  .header-area-6 .header-right .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-6 .header-right .side-toggle .bar-icon {
  width: 19px;
  height: 7px;
}
.header-area-6 .header-right .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-6 .header-right .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 07) === */
.header-area-7 .header__logo {
  margin-left: 30px;
}
.header-area-7 .header__logo img {
  max-width: 115px;
}
.header-area-7 .header-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-area-7 .header__nav-7 {
  margin-right: inherit;
}
.header-area-7__inner {
  gap: 65px;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .header-area-7__inner {
    gap: 0px;
  }
}
.header-area-7 .main-menu > ul {
  display: flex;
}
.header-area-7 .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area-7 .main-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: var(--white);
  padding: 27px 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .header-area-7 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-7 .main-menu li a:hover {
  color: var(--white);
}
.header-area-7 .header-right {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 30px;
}
@media (max-width: 575px) {
  .header-area-7 .header-right {
    border-left: none;
    padding-left: 0;
  }
}
.header-area-7 .header-right .number {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--white); letter-spacing: normal;
}
.header-area-7 .header-right .number:hover {
  color: #999999;
}
@media (max-width: 575px) {
  .header-area-7 .header-right .number {
    display: none;
  }
}
.header-area-7 .header-right .header__navicon {
  border-left: none;
}
.header-area-7 .header-right .side-toggle {
  padding: 25px 30px;
  padding-left: 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: 30px;
  cursor: pointer;
}
@media (max-width: 575px) {
  .header-area-7 .header-right .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-7 .header-right .side-toggle .bar-icon {
  width: 19px;
  height: 7px;
}
.header-area-7 .header-right .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-7 .header-right .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 08) === */
.header-area-8 {
  top: 14px;
}
.header-area-8 .header-main {
  padding: 16px 0px 23px;
  border-top: 1px solid var(--border);
}
.header-area-8 .header-area-7__inner {
  border-left: none;
  border-bottom: 1px solid var(--primary);
}
.header-area-8 .header__nav-2 {
  margin-right: 0;
  padding-left: 0px;
  border-left: none;
}
.header-area-8 .header__logo img {
  max-width: 115px;
}
.header-area-8 .header__meta-wrapper {
  gap: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .header-area-8 .header__meta-wrapper {
    gap: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-area-8 .header__meta-wrapper {
    gap: 140px;
  }
}
.header-area-8 .header__meta-wrapper ul {
  list-style: none;
}
.header-area-8 .header__meta-wrapper ul li {
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
}
.header-area-8 .header__meta-wrapper ul li:not(:last-child) {
  margin-bottom: 7px;
}
.header-area-8 .header__meta-wrapper ul li:hover a {
  color: var(--secondary);
}
.header-area-8 .header__meta-wrapper .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  height: auto;
  outline: none;
  padding-left: 0;
  padding-right: 16px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.header-area-8 .header__meta-wrapper .nice-select .current {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  font-family: var(--font_regular);
}
.header-area-8 .header__meta-wrapper .nice-select .icon {
  top: 0;
  color: var(--primary);
  right: 0;
  position: absolute;
  transition: all 0.3s;
}
.header-area-8 .header__meta-wrapper .nice-select .list {
  background-color: transparent;
  box-shadow: none;
}
.header-area-8 .header__meta-wrapper .nice-select .option {
  line-height: 1;
  min-height: auto;
  padding: 12px 0;
  color: var(--primary);
}
.header-area-8 .header__meta-wrapper .nice-select:after {
  display: none;
}
.header-area-8 .header__meta-wrapper .nice-select.open .icon {
  top: 2px;
  transform: rotate(180deg);
}
@media (max-width: 575px) {
  .header-area-8 .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-8 .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-8 .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-8 .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 09) === */
.header-area-9 {
  margin-top: 14px;
}
.header-area-9 .main-menu ul {
  display: block;
  margin-top: 130px;
}
.header-area-9 .main-menu ul li:not(:last-child) {
  margin-bottom: 11px;
}
.header-area-9 .main-menu ul li a {
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  position: relative;
  padding-bottom: 6px;
  display: inline-block;
  color: var(--primary); letter-spacing: normal;
  text-transform: uppercase;
}
.header-area-9 .main-menu ul li a::before {
  left: 0;
  width: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background: currentColor;
  transition: all 0.3s;
}
.header-area-9 .main-menu ul li a:hover::before {
  width: 100%;
}
@media only screen and (max-width: 1919px) {
  .header-area-9 .header__logo img {
    max-width: 750px;
  }
}
@media only screen and (max-width: 1399px) {
  .header-area-9 .header__logo img {
    max-width: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area-9 .header__logo img {
    max-width: 150px;
  }
}
.header-area-9 .header-right .side-toggle .bar-icon {
  width: 30px;
  height: 10px;
}
.header-area-9 .header-right .side-toggle .bar-icon span {
  height: 2px;
  background: var(--primary);
}
.header-area-9 .header-right .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.header-area-9 .header-right .side-toggle .bar-icon span:nth-child(3) {
  margin-left: 15px;
}

/* === header scss (index 10) === */
.header-area-10 {
  position: absolute;
  width: 100%;
  top: 30px;
}
.header-area-10__inner {
  display: flex;
  background: #000;
  max-width: 440px;
  align-items: center;
  margin: 0 auto;
  padding: 15px 30px;
  border-radius: 25px;
  justify-content: space-between;
}
.header-area-10 .header__navicon {
  position: relative;
}
.header-area-10 .header__logo .show-light {
  max-width: 90px;
}
.header-area-10 .side-toggle i {
  color: var(--white);
}

/* === header scss (index 11) === */
.header-area-11 {
  opacity: 0;
  background: #FAFAFA;
}
@media only screen and (max-width: 1199px) {
  .header-area-11 {
    opacity: 1;
  }
}
@media (max-width: 575px) {
  .header-area-11 .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-11 .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-11 .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-11 .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.header-area-11 .main-menu > ul {
  display: flex;
}
.header-area-11 .main-menu > ul > li:hover > a {
  color: var(--secondary);
}
.header-area-11 .main-menu li a {
  font-size: 16px;
  font-weight: normal;
  font-family: var(--font_regular);
  line-height: 16px;
  color: var(--primary);
  padding: 31.5px 14px;
}
@media only screen and (max-width: 1399px) {
  .header-area-11 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-11 .social-links {
  gap: 8px;
  display: flex;
  list-style: none;
  align-items: center;
  margin-left: 280px;
}
@media only screen and (max-width: 1399px) {
  .header-area-11 .social-links {
    margin-left: 0px;
  }
}
@media (max-width: 575px) {
  .header-area-11 .social-links {
    display: none;
  }
}
.header-area-11 .social-links li a {
  font-size: 16px;
  color: var(--primary);
}
.header-area-11 .social-links li a:hover {
  color: var(--secondary);
}

/* === header scss (index 11) === */
.header-area-12 .header__navicon {
  margin-left: 296px;
}
@media (max-width: 575px) {
  .header-area-12 .header__navicon .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-12 .header__navicon .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-12 .header__navicon .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--white);
}
.header-area-12 .header__navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 12) === */
.header-area-13 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: transparent;
}
.header-area-13 .header-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 575px) {
  .header-area-13 .header-main {
    padding: 10px 0;
  }
}
.header-area-13__inner {
  gap: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}
@media only screen and (max-width: 1199px) {
  .header-area-13__inner {
    padding: 10px 0;
  }
}
.header-area-13 .header__logo img {
  max-width: 115px;
}
.header-area-13 .sticky,
.header-area-13 .transformed {
  background-color: #FFFFFF;
}
.header-area-13 .header__nav-2 {
  margin-left: auto;
}
.header-area-13 .main-menu > ul {
  display: flex;
}
.header-area-13 .main-menu > ul > li:hover > a {
  color: var(--secondary);
}
.header-area-13 .main-menu li a {
  font-size: 16px;
  font-weight: normal;
  font-family: var(--font_regular);
  line-height: 16px;
  color: var(--black);
  padding: 31.5px 14px;
}
@media only screen and (max-width: 1399px) {
  .header-area-13 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-13 .main-menu li a:hover {
  color: var(--secondary);
}
.header-area-13 .header-right {
  gap: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .header-area-13 .header-right .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-13 .header-right .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-13 .header-right .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-13 .header-right .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.header-area-13 .rr-btn-primary {
  border: none;
  padding: 14.5px 23px;
  color: var(--white);
  background: var(--black);
}
.header-area-13 .rr-btn-primary .text span {
  color: var(--white);
}
.header-area-13 .rr-btn-primary .right-icon {
  color: var(--white);
}
@media (max-width: 575px) {
  .header-area-13 .rr-btn-primary {
    display: none;
  }
}

/* === header scss (index 07) === */
.header-area-14 .header__logo {
  margin-left: 30px;
}
.header-area-14 .header__logo img {
  max-width: 115px;
}
.header-area-14 .header__nav-14 {
  margin-left: auto;
  margin-right: inherit;
}
.header-area-14__inner {
  gap: 0;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .header-area-14__inner {
    gap: 0px;
  }
}
.header-area-14 .main-menu > ul {
  display: flex;
}
.header-area-14 .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area-14 .main-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: var(--black);
  padding: 27px 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .header-area-14 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-14 .main-menu li a:hover {
  color: var(--white);
}
@media (max-width: 575px) {
  .header-area-14 .header__navicon .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.header-area-14 .header__navicon .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.header-area-14 .header__navicon .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.header-area-14 .header__navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}

/* === header scss (index 05) === */
.header-area-16__inner {
  border-bottom: 1px solid var(--primary);
}
.header-area-16 .bar-icon-16 {
  gap: 5px;
  display: grid;
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  padding: 6px 11px;
  color: var(--black);
  border-radius: 50px;
  text-transform: uppercase;
  font-family: var(--font_regular);
  border: 1px solid var(--black);
  grid-template-columns: repeat(2, auto);
}
@media only screen and (max-width: 1199px) {
  .header-area-16 .bar-icon-16 {
    border: none;
  }
}
.header-area-16 .bar-icon-16 span {
  width: 7px;
  height: 7px;
  display: flex;
  background: var(--primary);
}
.header-area-16 .header__logo {
  padding: 31px 41px 31px 30px;
  border-right: 1px solid var(--black);
  margin-left: 0;
}
.header-area-16 .header__logo img {
  max-width: 115px;
}

/* === header scss (index 05) === */
.header-area-19 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-area-19 .header-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.header-area-19__inner {
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-area-19 .header-area-5__inner {
  padding: 0;
}
@media only screen and (max-width: 1399px) {
  .header-area-19 .header-area-5__inner {
    padding: 10px 0;
  }
}
.header-area-19 .header-right {
  gap: 70px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .header-area-19 .header-right {
    gap: 30px;
  }
}
.header-area-19 .navicon {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 575px) {
  .header-area-19 .navicon {
    width: 45px;
    height: 45px;
  }
}
.header-area-19 .side-toggle .bar-icon {
  width: 19px;
  height: 7px;
}
.header-area-19 .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--white);
}
.header-area-19 .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.header-area-19 .header__logo {
  gap: 20px;
  display: flex;
  align-items: center;
}
.header-area-19 .header__logo img {
  max-width: 115px;
}
.header-area-19 .sticky,
.header-area-19 .transformed {
  background-color: #FFFFFF;
}
.header-area-19 .main-menu > ul {
  display: flex;
}
.header-area-19 .main-menu > ul > li:hover > a {
  color: #999999;
}
.header-area-19 .main-menu li a {
  font-size: 14px;
  font-weight: normal;
  color: var(--white);
  padding: 32.5px 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .header-area-19 .main-menu li a {
    padding: 22px 10px;
  }
}
.header-area-19 .main-menu li a:hover {
  color: var(--white);
}
.header-area-19 .header-meta {
  margin-left: 75px;
}
@media only screen and (max-width: 1199px) {
  .header-area-19 .header-meta {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-area-19 .header-meta {
    display: none;
  }
}
.header-area-19 .header-meta .date {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--white); letter-spacing: normal;
}
.header-area-19 .header__navicon {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--border);
}
.header-area-19 .rr-underline {
  color: var(--white);
}
@media (max-width: 575px) {
  .header-area-19 .rr-underline {
    display: none;
  }
}
.header-area-19 .rr-underline::before {
  background: var(--white);
}

/* === Icon draw scss (index 01) === */
.bar-icon {
  width: 26px;
  height: 18px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  transition: color 0.2s ease-out;
}
.bar-icon span {
  width: 100%;
  height: 2px;
  display: inline-block;
  background: var(--primary);
  transition: color 0.2s ease-out;
}
.bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.bar-icon:hover span {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.bar-icon:hover span:nth-child(2) {
  margin-left: 0px;
  animation-delay: 0.1s;
}
.bar-icon:hover span:nth-child(3) {
  animation-delay: 0.2s;
}
.bar-icon.is-black span {
  background: var(--rr-common-black);
}
.bar-icon.is-white span {
  background: var(--rr-common-white);
}

.bar-icon-2 {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 5px;
}
.bar-icon-2 span {
  width: 7px;
  height: 7px;
  display: flex;
  background: var(--white);
}

/* === Icon draw Animate scss (index 01) === */
@keyframes qode-draw {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
/* === Offcanvas scss (index 01) === */
.offcanvas-3 {
  top: 55px;
  left: 50%;
  height: auto;
  width: 440px;
  z-index: 999;
  overflow-y: scroll;
  position: absolute;
  border-radius: 30px;
  height: 45px;
  padding: 10px 25px 25px 25px;
  transition: all 0.5s ease-in;
  transform: translate(-50%, 0);
  background-color: var(--black);
  will-change: transform, opacity, filter;
}
@media (max-width: 575px) {
  .offcanvas-3 {
    width: 300px;
  }
}
.offcanvas-3.info-open {
  opacity: 1;
  filter: none;
  height: 100vh;
  overflow-y: scroll;
  pointer-events: auto;
  height: calc(100vh - 50px);
  clip-path: inset(0 0 0 0);
  transform: translate(-50%, 0);
}
@media (max-width: 575px) {
  .offcanvas-3.info-open {
    width: 300px;
  }
}
.offcanvas-3.info-open .side-toggle {
  display: none;
}
.offcanvas-3.info-open .side-info-close {
  display: block;
}
.offcanvas-3 .offset-logo {
  width: 95px;
  margin-right: 100px;
}
@media only screen and (max-width: 1919px) {
  .offcanvas-3 .offset-logo {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas-3 .offset-logo {
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .offcanvas-3 .offset-logo {
    width: 95px;
  }
}
.offcanvas-3 .offset-logo img {
  width: 100%;
}
.offcanvas-3 .contact-meta {
  display: grid;
  margin-bottom: 55px;
  grid-template-columns: 338px 1fr;
}
.offcanvas-3 .contact-meta *:not(:first-child) {
  margin-top: 0px;
}
@media only screen and (max-width: 1919px) {
  .offcanvas-3 .contact-meta {
    grid-template-columns: 225px 1fr;
  }
}
.offcanvas-3 .contact-info-item {
  margin-bottom: 30px;
}
.offcanvas-3 .contact-info-item .title {
  color: white;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
   letter-spacing: normal;
  margin-bottom: 5px;
}
.offcanvas-3 .contact-info-item a {
  font-size: 18px;
  position: relative;
  font-weight: 400;
  line-height: 20px;
  color: var(--white);
  font-family: var(--font_bdogrotesk);
}
.offcanvas-3 .contact-info-item a::before {
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1.5px;
  position: absolute;
  transition: all 0.3s;
  background: currentColor;
}
.offcanvas-3 .contact-info-item a:hover {
  color: var(--secondary);
}
.offcanvas-3 .contact-info-item a:hover::before {
  width: 0;
}
.offcanvas-3 .contact-info-item .location {
  color: var(--white);
}
.offcanvas-3 .contact-item {
  gap: 0px;
  flex-direction: column;
  align-items: flex-start;
}
.offcanvas-3 .contact-item .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
   letter-spacing: normal;
  color: var(--white);
}
.offcanvas-3 .contact-item .nav-list li {
  list-style: none;
}
.offcanvas-3 .contact-item .nav-list li a {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--white);
   letter-spacing: normal;
}
.offcanvas-3 .contact-item .nav-list li a:hover {
  color: var(--secondary);
}
.offcanvas-3 .side-info-close {
  top: 0px;
  right: 13px;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  border: none;
  display: none;
}
.offcanvas-3 .side-info-close i {
  color: var(--white);
}
.offcanvas-3 .side-info-close:hover {
  transform: rotate(360deg);
}
.offcanvas-3 .side-toggle {
  top: 10px;
  right: 25px;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.offcanvas-3 .side-toggle i {
  color: var(--white);
}
.offcanvas-3 .side-toggle:hover {
  transform: rotate(360deg);
}
.offcanvas-3 .mobile-menu.mean-container .mean-nav ul li a {
  color: var(--white);
  border-top: 1px solid var(--white);
}
.offcanvas-3 .mobile-menu.mean-container .mean-nav ul li a:hover {
  color: var(--secondary);
}
.offcanvas-3 .mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover {
  background: transparent;
}

/* === Offcanvas scss (index 01) === */
.side-info-4 {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  text-align: left;
  padding: 0 100px;
  overflow-y: scroll;
  background: #EDECE8;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 0.9s ease, z-index 0s 0.9s;
}
@media only screen and (max-width: 991px) {
  .side-info-4 {
    padding: 0 20px;
  }
}
.side-info-4.info-open {
  z-index: 99999999;
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.9s ease;
}
.side-info-4.closing {
  clip-path: inset(0 0 100% 0);
  z-index: 99999999;
  transition: clip-path 0.9s ease;
}
.side-info-4 .offcanvas-4 .offset-header {
  padding-top: 25px;
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
}
.side-info-4 .offcanvas-4 .offset-header h6 {
  color: var(--secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px; letter-spacing: normal;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .offset-header h6 {
    display: none;
  }
}
.side-info-4 .offcanvas-4 .offset-header .date {
  color: var(--secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  font-family: var(--font_bdogrotesk); letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .offset-header .date {
    display: none;
  }
}
.side-info-4 .offcanvas-4 .offset-logo {
  width: 95px;
  margin-right: 225px;
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .offset-logo {
    margin-right: 0;
  }
}
.side-info-4 .offcanvas-4 .offset-logo img {
  width: 100%;
}
.side-info-4 .offcanvas-4 .contact-meta {
  gap: 50px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 325px 500px auto;
}
.side-info-4 .offcanvas-4 .contact-meta *:not(:first-child) {
  width: 100%;
  margin-top: 0px;
}
@media only screen and (max-width: 1919px) {
  .side-info-4 .offcanvas-4 .contact-meta {
    grid-template-columns: 200px auto 182px;
  }
}
@media only screen and (max-width: 1199px) {
  .side-info-4 .offcanvas-4 .contact-meta {
    grid-template-columns: 150px auto 182px;
  }
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .contact-meta {
    grid-template-columns: auto;
  }
}
.side-info-4 .offcanvas-4 .contact-item {
  gap: 0px;
  flex-direction: column;
  align-items: flex-start;
}
.side-info-4 .offcanvas-4 .contact-item__menu {
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .contact-item:nth-child(1), .side-info-4 .offcanvas-4 .contact-item:nth-child(3) {
    display: none;
  }
}
.side-info-4 .offcanvas-4 .contact-item .title {
  color: #999999;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 30px;
   letter-spacing: normal;
}
.side-info-4 .offcanvas-4 .contact-item .socail-media li {
  list-style: none;
}
.side-info-4 .offcanvas-4 .contact-item .socail-media li a {
  list-style: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_bdogrotesk);
}
.side-info-4 .offcanvas-4 .contact-item .socail-media li a:hover {
  color: var(--secondary);
}
.side-info-4 .offcanvas-4 .contact-item .mobile-menu {
  margin-top: 0;
}
.side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a {
  padding: 15px 0;
  font-size: 88px;
}
@media only screen and (max-width: 1399px) {
  .side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a {
    font-size: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a {
    font-size: 30px;
  }
}
.side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a.mean-expand {
  height: 120px;
}
@media only screen and (max-width: 1399px) {
  .side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a.mean-expand {
    height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li a.mean-expand {
    height: 80px;
  }
}
.side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li:hover > a {
  color: var(--secondary);
}
.side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li li a {
  font-size: 20px;
}
.side-info-4 .offcanvas-4 .contact-item .mobile-menu ul li li a:hover {
  color: var(--secondary);
}
.side-info-4 .offcanvas-4 .contact-item .nav-list li {
  list-style: none;
  transform: translateY(-20px);
}
.side-info-4 .offcanvas-4 .contact-item .nav-list li a {
  color: var(--secondary);
  font-size: 90px;
  font-weight: 400;
  line-height: 100px;
   letter-spacing: normal;
  font-family: var(--font_bdogrotesk);
}
@media only screen and (max-width: 1919px) {
  .side-info-4 .offcanvas-4 .contact-item .nav-list li a {
    font-size: 80px;
  }
}
.side-info-4 .offcanvas-4 .contact-item .nav-list li a:hover {
  color: var(--primary);
}
.side-info-4 .offcanvas-4 .contact-item .info a {
  font-size: 18px;
  position: relative;
  font-weight: 400;
  line-height: 20px;
  color: var(--primary);
  font-family: var(--font_bdogrotesk);
}
.side-info-4 .offcanvas-4 .contact-item .info a::before {
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  transition: all 0.3s;
  background: currentColor;
}
.side-info-4 .offcanvas-4 .contact-item .info a:hover {
  color: #555;
}
.side-info-4 .offcanvas-4 .contact-item .info a:hover::before {
  width: 0;
}
.side-info-4 .offcanvas-4 .side-info-close {
  width: 200px;
  height: 70px;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 29px 25px;
  border-radius: 15px;
  color: var(--primary);
  align-items: center; letter-spacing: normal;
  background-color: #F3F3F3;
  position: absolute;
  bottom: 30px;
  justify-content: space-between;
  font-family: var(--font_bdogrotesk);
  border: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .side-info-4 .offcanvas-4 .side-info-close {
    top: 0px;
    right: 0px;
  }
}
@media (max-width: 575px) {
  .side-info-4 .offcanvas-4 .side-info-close {
    width: 110px;
    height: 50px;
    top: 10px;
    right: 10px;
    padding: 0 10px;
  }
}
.side-info-4 .offcanvas-4 .side-info-close:hover {
  transform: rotate(0deg);
  border-color: transparent;
  background-color: var(--black);
  color: var(--white);
}

.header-sticky {
  position: relative;
  transition: all 0.35s ease;
}
.header-sticky.rr-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
}
.header-sticky.transformed {
  transform: translateY(-100%);
}
.header-sticky.transformed.header-area-8 {
  top: 0;
}

.header-sticky-black {
  position: relative;
  transition: all 0.3s ease;
}
.header-sticky-black.rr-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: black;
}
.header-sticky-black.transformed {
  transform: translateY(-100%);
}

/* === footer scss (index 01) === */
.footer-widget-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 767px) {
  .footer-widget-wrapper {
    gap: 30px 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .footer-widget-wrapper {
    gap: 0px 0;
    grid-template-columns: 1fr;
  }
}

.footer__inner {
  border-top: 1px solid #DADADA;
  margin-top: -4px;
}

.footer-widget-box {
  display: flex;
  padding-top: 37px;
  padding-bottom: 40px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .footer-widget-box {
    padding-bottom: 10px;
  }
}
.footer-widget-box:not(:last-child) {
  border-right: 1px solid #DADADA;
}
@media only screen and (max-width: 767px) {
  .footer-widget-box:not(:last-child) {
    border-right: none;
  }
}
.footer-widget-box:not(:first-child) {
  padding-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .footer-widget-box:not(:first-child) {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget-box:not(:first-child) {
    padding-left: 0px;
  }
}
.footer-widget-box .title {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px; letter-spacing: normal;
}
@media (max-width: 575px) {
  .footer-widget-box .title {
    margin-bottom: 10px;
  }
}
.footer-widget-box .subscribe-form {
  padding-right: 50px;
}
@media only screen and (max-width: 1399px) {
  .footer-widget-box .subscribe-form {
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .footer-widget-box .subscribe-form {
    padding-right: 0px;
  }
}
.footer-widget-box .subscribe-form .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 30px;
  color: var(--primary); letter-spacing: normal;
}
.footer-widget-box .subscribe-form .input-group {
  display: flex;
  padding: 13px 0 15px;
  flex-wrap: nowrap;
  align-items: center;
  border-top: 1px solid #DADADA;
}
.footer-widget-box .subscribe-form .input-group:last-of-type {
  border-bottom: 1px solid #DADADA;
}
.footer-widget-box .subscribe-form .input-group input {
  padding-right: 10px;
}
.footer-widget-box .subscribe-form .input-group i {
  color: #999999;
}
.footer-widget-box .subscribe-form input {
  border: 0;
  outline: 0;
  width: 100%;
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  background-color: transparent;
}
.footer-widget-box .subscribe-form input::placeholder {
  color: #999;
}
.footer-widget-box .copyright-text {
  margin-top: 255px;
}
@media only screen and (max-width: 1399px) {
  .footer-widget-box .copyright-text {
    margin-top: 200px;
  }
}
@media (max-width: 575px) {
  .footer-widget-box .copyright-text {
    margin-top: 50px;
  }
}
.footer-widget-box .copyright-text .text {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.footer-widget-box .copyright-text .text a:hover {
  color: #999999;
}
.footer-widget-box .footer-nav-list {
  margin-top: auto;
}
.footer-widget-box .footer-nav-list li {
  color: var(--primary);
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px; letter-spacing: normal;
}
.footer-widget-box .footer-nav-list {
  margin-top: auto;
}
.footer-widget-box .footer-nav-list li a {
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
  line-height: 18px;
  position: relative;
  color: var(--primary);
  display: inline-block;
  text-decoration: none; letter-spacing: normal;
}
.footer-widget-box .footer-nav-list li a span {
  display: inline-block;
  transform: translateY(0%);
  transition: transform 0.3s ease;
}
.footer-widget-box .footer-nav-list li a::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: inline-block;
  color: var(--primary);
  transition: top 0.3s ease;
}
.footer-widget-box .footer-nav-list li a:hover span {
  transform: translateY(-100%);
}
.footer-widget-box .footer-nav-list li a:hover::after {
  top: 0;
}
.footer-widget-box .footer-location {
  margin-top: auto;
}
.footer-widget-box .footer-location p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 20px;
  color: var(--primary); letter-spacing: normal;
}
.footer-widget-box .footer-location a {
  color: var(--primary);
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.footer-widget-box .footer-location a:hover {
  color: #999999;
}

.footer-3__inner {
  background: var(--primary);
  padding-top: 130px;
}
@media only screen and (max-width: 1399px) {
  .footer-3__inner {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-3__inner {
    padding-top: 60px;
  }
}
.footer-3__inner .footer-widget-box {
  padding-top: 0;
  padding-bottom: 30px;
}
@media (max-width: 575px) {
  .footer-3__inner .footer-widget-box .title {
    margin-bottom: 0;
  }
}
.footer-3__inner .footer-widget-box .content .title {
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
  color: var(--white);
  margin-bottom: 46px;
   letter-spacing: normal;
}
.footer-3__inner .footer-widget-box .content .title span {
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1199px) {
  .footer-3__inner .footer-widget-box .content .title {
    font-size: 45px;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .footer-3__inner .footer-widget-box .content .title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .footer-3__inner .footer-widget-box .content .rr-btn-primary {
    padding: 20px 20px;
  }
}
.footer-3__inner .footer-widget-box .content .rr-btn-primary:hover {
  background: var(--white);
}
.footer-3__inner .footer-widget-box .content .rr-btn-primary:hover span {
  color: var(--primary);
}
.footer-3__inner .footer-widget-box .footer-nav-list {
  margin-top: 46px;
}
@media only screen and (max-width: 991px) {
  .footer-3__inner .footer-widget-box .footer-nav-list {
    margin-top: 20px;
  }
}
.footer-3__inner .footer-widget-box .footer-nav-list li a {
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
  line-height: 18px;
  position: relative;
  color: var(--white);
  display: inline-block;
  text-decoration: none; letter-spacing: normal;
}
.footer-3__inner .footer-widget-box .footer-nav-list li a span {
  display: inline-block;
  transform: translateY(0%);
  transition: transform 0.3s ease;
}
.footer-3__inner .footer-widget-box .footer-nav-list li a::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: inline-block;
  color: var(--white);
  transition: top 0.3s ease;
}
.footer-3__inner .footer-widget-box .footer-nav-list li a:hover span {
  transform: translateY(-100%);
}
.footer-3__inner .footer-widget-box .footer-nav-list li a:hover::after {
  top: 0;
}
.footer-3__inner .footer-widget-box .footer-location {
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .footer-3__inner .footer-widget-box .footer-location {
    margin-top: 20px;
  }
}
.footer-3__inner .footer-widget-box .footer-location p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 20px;
  color: var(--white); letter-spacing: normal;
}
.footer-3__inner .footer-widget-box .footer-location a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--white); letter-spacing: normal;
}
.footer-3__inner .footer-widget-box .footer-location a:hover {
  color: #999999;
}
.footer-3__inner .copyright-text {
  padding: 27px 0;
  margin-top: 100px;
  border-top: 1px solid #353535;
}
@media only screen and (max-width: 1399px) {
  .footer-3__inner .copyright-text {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-3__inner .copyright-text {
    margin-top: 60px;
  }
}
.footer-3__inner .copyright-text .copyright {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 24px;
  color: var(--white); letter-spacing: normal;
}
.footer-3__inner .copyright-text .copyright a {
  color: #999;
}
.footer-3__inner .copyright-text .copyright a:hover {
  color: var(--white);
}

/* === footer scss (index 01) === */
.footer-4__inner {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-4__inner .footer-4__wrapper {
  display: grid;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  grid-template-columns: 615px 862px auto auto;
}
@media only screen and (max-width: 1919px) {
  .footer-4__inner .footer-4__wrapper {
    grid-template-columns: 515px 562px auto auto;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-4__inner .footer-4__wrapper {
    gap: 30px;
    grid-template-columns: 400px 430px auto auto;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-4__inner .footer-4__wrapper {
    grid-template-columns: 335px 300px auto auto;
  }
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-4__wrapper {
    grid-template-columns: 335px 300px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-4__inner .footer-4__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .footer-4__inner .footer-4__wrapper {
    grid-template-columns: 1fr;
  }
}
.footer-4__inner .footer-widget-box {
  border-right: none;
  padding-top: 133px;
  padding-bottom: 90px;
}
.footer-4__inner .footer-widget-box:first-child {
  padding-left: 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box:first-child {
    padding-bottom: 0;
    border-right: none;
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .footer-4__inner .footer-widget-box:first-child {
    padding-left: 0;
  }
}
.footer-4__inner .footer-widget-box:nth-child(2) {
  padding-left: 60px;
}
@media only screen and (max-width: 1199px) {
  .footer-4__inner .footer-widget-box:nth-child(2) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box:nth-child(2) {
    padding-bottom: 0;
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .footer-4__inner .footer-widget-box:nth-child(2) {
    padding: 0;
  }
}
.footer-4__inner .footer-widget-box:nth-child(3) {
  padding-left: 0px;
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box:nth-child(3) {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .footer-4__inner .footer-widget-box:nth-child(3) {
    padding: 0;
  }
}
.footer-4__inner .footer-widget-box:last-child {
  padding-left: 90px;
  margin-right: 20px;
}
@media only screen and (max-width: 1399px) {
  .footer-4__inner .footer-widget-box:last-child {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box:last-child {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .footer-4__inner .footer-widget-box:last-child {
    padding: 0;
    padding-bottom: 60px;
  }
}
.footer-4__inner .footer-widget-box .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
}
.footer-4__inner .footer-widget-box .content .title {
  font-size: 30px;
  font-weight: normal;
  line-height: 36px;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
}
.footer-4__inner .footer-widget-box .content .info {
  margin-top: 110px;
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box .content .info {
    margin-top: 30px;
  }
}
.footer-4__inner .footer-widget-box .content .info a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  opacity: 0.74;
  color: var(--white);
  margin-bottom: 10px; letter-spacing: normal;
}
.footer-4__inner .footer-widget-box .newsletter {
  margin-top: 182px;
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box .newsletter {
    margin-top: 40px;
  }
}
.footer-4__inner .footer-widget-box .newsletter .input-group {
  max-width: 454px;
  position: relative;
  padding-bottom: 14px;
}
.footer-4__inner .footer-widget-box .newsletter .input-group::before {
  content: "";
  bottom: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: var(--white);
}
.footer-4__inner .footer-widget-box .newsletter .input-group input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--white);
  padding-right: 50px;
  background: transparent; letter-spacing: normal;
  font-family: var(--font_regular);
}
.footer-4__inner .footer-widget-box .newsletter .input-group input::placeholder {
  opacity: 0.74;
  color: var(--white);
}
.footer-4__inner .footer-widget-box .newsletter .input-group button {
  right: 0;
  bottom: 14px;
  width: 45px;
  height: 40px;
  display: flex;
  position: absolute;
  align-items: center;
  color: var(--primary);
  justify-content: center;
  background: var(--white);
}
.footer-4__inner .footer-widget-box .newsletter .input-group button i {
  rotate: -45deg;
}
.footer-4__inner .footer-widget-box .footer-nav-list {
  margin-top: 117px;
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .footer-widget-box .footer-nav-list {
    margin-top: 30px;
  }
}
.footer-4__inner .footer-widget-box .footer-nav-list li:not(:last-child) {
  margin-bottom: 10px;
}
.footer-4__inner .footer-widget-box .footer-nav-list li a {
  opacity: 0.74;
  color: var(--white);
}
.footer-4__inner .footer-widget-box .footer-nav-list li a::after {
  opacity: 0.74;
  color: var(--white);
}
.footer-4__inner .copyright {
  display: grid;
  align-items: flex-end;
  grid-template-columns: 615px 862px auto;
}
@media only screen and (max-width: 1919px) {
  .footer-4__inner .copyright {
    grid-template-columns: 515px 562px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-4__inner .copyright {
    gap: 30px;
    grid-template-columns: 400px 430px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-4__inner .copyright {
    grid-template-columns: 335px 250px auto;
  }
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .copyright {
    margin-top: 20px;
    align-items: center;
    text-align: center;
    justify-content: center;
    grid-template-columns: auto;
  }
}
.footer-4__inner .copyright__logo {
  padding-top: 60px;
  margin-left: 14px;
  padding-bottom: 34px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .copyright__logo {
    padding: 0;
    border-right: none;
  }
}
.footer-4__inner .copyright__logo img {
  max-width: 270px;
}
.footer-4__inner .copyright__menu {
  list-style: none;
  padding-bottom: 34px;
  margin-left: 60px;
}
@media only screen and (max-width: 991px) {
  .footer-4__inner .copyright__menu {
    padding: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-4__inner .copyright__menu {
    margin-left: 0;
  }
}
.footer-4__inner .copyright__menu li a {
  opacity: 0.74;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--white); letter-spacing: normal;
}
.footer-4__inner .copyright__text {
  opacity: 0.74;
  font-size: 16px;
  font-weight: normal;
  line-height: 31px;
  color: var(--white);
  padding-bottom: 34px; letter-spacing: normal;
}
.footer-4__inner .copyright__text a {
  color: var(--white);
  position: relative;
}
.footer-4__inner .copyright__text a::before {
  content: "";
  bottom: 0;
  width: 100%;
  height: 1px;
  transition: all 0.3s;
  position: absolute;
  background: var(--white);
}
.footer-4__inner .copyright__text a:hover {
  opacity: 1;
  color: var(--white);
}
.footer-4__inner .copyright__text a:hover::before {
  width: 0;
}

/* === footer-5 scss (index 01) === */
.footer-5-widget-wrapper {
  display: grid;
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .footer-5-widget-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 0;
  }
}
@media (max-width: 575px) {
  .footer-5-widget-wrapper {
    grid-template-columns: 1fr;
    padding-top: 30px;
  }
}

.footer-5__inner .section-title-5__wrapper {
  display: grid;
  grid-template-columns: 413px 413px 1fr;
}
@media only screen and (max-width: 1399px) {
  .footer-5__inner .section-title-5__wrapper {
    grid-template-columns: 389px 391px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-5__inner .section-title-5__wrapper {
    grid-template-columns: 321px 320px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .footer-5__inner .section-title-5__wrapper {
    grid-template-columns: 299px 1fr;
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  .footer-5__inner .section-title-5__wrapper {
    border-bottom: none;
    grid-template-columns: 1fr;
  }
}
.footer-5__inner .section-title-5__wrapper .wrp {
  padding: 25px 30px;
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .footer-5__inner .section-title-5__wrapper .wrp {
    padding-left: 0;
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  .footer-5__inner .section-title-5__wrapper .hass-line {
    display: none;
  }
}
.footer-5__inner .section-title-5__wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
  color: var(--primary); letter-spacing: normal;
}
.footer-5__inner .section-title-5__wrapper .sub-title::before {
  left: 0;
  content: "";
  width: 20px;
  height: 1px;
  bottom: 5px;
  position: absolute;
  background: var(--primary);
}
.footer-5__inner .footer-5-widget-box {
  padding: 30px 0px 40px 30px;
}
@media only screen and (max-width: 1399px) {
  .footer-5__inner .footer-5-widget-box {
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .footer-5__inner .footer-5-widget-box {
    padding-top: 0;
  }
}
.footer-5__inner .footer-5-widget-box:not(:last-child) {
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .footer-5__inner .footer-5-widget-box:not(:last-child) {
    border-right: none;
  }
}
.footer-5__inner .footer-5-widget-box:first-child {
  padding-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .footer-5__inner .footer-5-widget-box:first-child {
    padding-left: 0px;
  }
}
.footer-5__inner .footer-5-widget-box .title {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px; letter-spacing: normal;
}
@media (max-width: 575px) {
  .footer-5__inner .footer-5-widget-box .title {
    margin-bottom: 0;
  }
}
.footer-5__inner .footer-5-widget-box .content .title {
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
  letter-spacing: normal;
  color: var(--primary);
  margin-bottom: 40px;
}
.footer-5__inner .footer-5-widget-box .content .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
@media (max-width: 575px) {
  .footer-5__inner .footer-5-widget-box .content .title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .footer-5__inner .footer-5-widget-box .content .rr-btn-primary {
    padding: 20px 20px;
  }
}
.footer-5__inner .footer-5-widget-box .content .rr-btn-primary:hover {
  background: var(--white);
}
.footer-5__inner .footer-5-widget-box .content .rr-btn-primary:hover span {
  color: var(--primary);
}
.footer-5__inner .footer-5-widget-box .footer-5-nav-list {
  margin-top: 46px;
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .footer-5__inner .footer-5-widget-box .footer-5-nav-list {
    margin-top: 20px;
  }
}
.footer-5__inner .footer-5-widget-box .footer-5-nav-list li a {
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
  line-height: 18px;
  position: relative;
  color: var(--primary);
  display: inline-block;
  text-decoration: none; letter-spacing: normal;
}
.footer-5__inner .footer-5-widget-box .footer-5-nav-list li a span {
  display: inline-block;
  transform: translateY(0%);
  transition: transform 0.3s ease;
}
.footer-5__inner .footer-5-widget-box .footer-5-nav-list li a::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: inline-block;
  color: var(--primary);
  transition: top 0.3s ease;
}
.footer-5__inner .footer-5-widget-box .footer-5-nav-list li a:hover span {
  transform: translateY(-100%);
}
.footer-5__inner .footer-5-widget-box .footer-5-nav-list li a:hover::after {
  top: 0;
}
.footer-5__inner .footer-5-widget-box .footer-5-location {
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .footer-5__inner .footer-5-widget-box .footer-5-location {
    margin-top: 20px;
  }
}
.footer-5__inner .footer-5-widget-box .footer-5-location p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 20px;
  color: var(--primary); letter-spacing: normal;
}
.footer-5__inner .footer-5-widget-box .footer-5-location a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.footer-5__inner .footer-5-widget-box .footer-5-location a:hover {
  color: #999999;
}

.footer-5__bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .footer-5__bottom {
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer-5__bottom-box {
  padding: 25px 30px;
}
@media only screen and (max-width: 767px) {
  .footer-5__bottom-box {
    padding: 10px;
  }
}
.footer-5__bottom-box:not(:last-child) {
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .footer-5__bottom-box:not(:last-child) {
    border-right: none;
  }
}
.footer-5__bottom-box .footer-copyright p {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--primary); letter-spacing: normal;
}
.footer-5__bottom-box .footer-copyright p a {
  color: var(--primary);
}
.footer-5__bottom-box .footer-copyright p a:hover {
  color: var(--secondary);
}
.footer-5__bottom-box .footer-socail {
  list-style: none;
  display: flex;
  gap: 20px;
}
.footer-5__bottom-box .footer-socail li {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--primary); letter-spacing: normal;
}
.footer-5__bottom-box .footer-socail li a {
  color: var(--primary);
}
.footer-5__bottom-box .footer-socail li a:hover {
  color: var(--secondary);
}
.footer-5__bottom-box .purchase {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--primary); letter-spacing: normal;
}
.footer-5__bottom-box .purchase:hover {
  color: var(--secondary);
}

/* === footer-7 scss (index 01) === */
.footer-7__inner {
  border-bottom: 1px solid var(--border);
}
.footer-7__inner .footer-7__wrapper {
  display: grid;
  grid-template-columns: 534px 690px 380px auto;
}
@media only screen and (max-width: 1919px) {
  .footer-7__inner .footer-7__wrapper {
    grid-template-columns: 434px 500px 350px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-7__inner .footer-7__wrapper {
    grid-template-columns: 350px 400px 270px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-7__inner .footer-7__wrapper {
    grid-template-columns: 300px 340px 190px auto;
  }
}
@media only screen and (max-width: 991px) {
  .footer-7__inner .footer-7__wrapper {
    padding-top: 60px;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .footer-7__inner .footer-7__wrapper {
    grid-template-columns: 1fr;
  }
}
.footer-7__inner .footer-widget-box {
  border-right: none;
  padding-top: 140px;
  padding-left: 0;
  padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .footer-7__inner .footer-widget-box {
    padding-bottom: 60px;
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .footer-7__inner .footer-widget-box {
    padding-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .footer-7__inner .footer-widget-box {
    order: 2;
  }
}
.footer-7__inner .footer-widget-box:nth-child(2) {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-left: 1px solid var(--border);
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .footer-7__inner .footer-widget-box:nth-child(2) {
    border: none;
  }
}
@media (max-width: 575px) {
  .footer-7__inner .footer-widget-box:nth-child(2) {
    order: 1;
  }
}
.footer-7__inner .footer-widget-box:nth-child(3) {
  padding-left: 110px;
}
@media only screen and (max-width: 1399px) {
  .footer-7__inner .footer-widget-box:nth-child(3) {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-7__inner .footer-widget-box:nth-child(3) {
    padding-left: 0;
  }
}
.footer-7__inner .footer-widget-box .footer-nav-list {
  margin-top: 0;
}
.footer-7__inner .footer-widget-box .footer-nav-list li:not(:last-child) {
  margin-bottom: 20px;
}
.footer-7__inner .footer-widget-box .footer-nav-list li a {
  color: #555;
  text-transform: uppercase;
}
.footer-7__inner .footer-widget-box .footer-nav-list li a::after {
  color: #555;
}
.footer-7__inner .footer-widget-box .content {
  max-width: 296px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.footer-7__inner .footer-widget-box .content .logo {
  max-width: 200px;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
.footer-7__inner .footer-widget-box .content p {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  text-align: center; letter-spacing: normal;
}
.footer-7__inner .info a {
  color: #555;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 30px; letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .footer-7__inner .info a {
    margin-bottom: 10px;
  }
}
.footer-7__inner .info a:hover {
  color: var(--primary);
}
.footer-7__inner .newsletter {
  margin-top: 68px;
}
@media only screen and (max-width: 1199px) {
  .footer-7__inner .newsletter {
    margin-top: 40px;
  }
}
.footer-7__inner .newsletter .input-group {
  max-width: 270px;
  position: relative;
  padding-bottom: 7px;
}
.footer-7__inner .newsletter .input-group::before {
  content: "";
  bottom: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: var(--primary);
}
.footer-7__inner .newsletter .input-group input {
  width: 100%;
  border: none;
  outline: none;
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  padding-right: 20px;
  background: transparent; letter-spacing: normal;
  font-family: var(--font_regular);
}
.footer-7__inner .newsletter .input-group input::placeholder {
  color: var(--primary);
}
.footer-7__inner .newsletter .input-group button {
  right: 0;
  bottom: 7px;
  position: absolute;
}
.footer-7__inner .newsletter .input-group button i {
  rotate: -45deg;
}

.copyright-7__wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: 534px 690px auto;
}
@media only screen and (max-width: 1919px) {
  .copyright-7__wrapper {
    grid-template-columns: 434px 500px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .copyright-7__wrapper {
    grid-template-columns: 350px 400px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .copyright-7__wrapper {
    grid-template-columns: 300px 340px auto;
  }
}
@media only screen and (max-width: 991px) {
  .copyright-7__wrapper {
    grid-template-columns: auto auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .copyright-7__wrapper {
    padding-top: 15px;
    text-align: center;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto;
  }
}
.copyright-7 .copyright-7__text .copyright {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px; letter-spacing: normal;
  text-transform: uppercase;
}
.copyright-7__socail-media {
  gap: 20px;
  display: flex;
  list-style: none;
  padding-top: 18px;
  align-items: center;
  padding-bottom: 25px;
  justify-content: center;
  border-right: 0px solid var(--border);
  border-left: 0px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .copyright-7__socail-media {
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.copyright-7__socail-media li {
  font-size: 17px;
}
.copyright-7__menu {
  display: flex;
  list-style: none;
  margin-left: 110px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .copyright-7__menu {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .copyright-7__menu {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}
.copyright-7__menu li {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px; letter-spacing: normal;
}
.copyright-7__menu li a {
  gap: 9px;
  display: flex;
  align-items: center;
}

/* === footer-9 scss (index 09) === */
.footer-9 {
  background: #F2F1EC;
}
.footer-9__instagram-text p {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.footer-9__instagram-btn {
  text-align: right;
}
.footer-9__instagram-btn a {
  gap: 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  display: inline-flex;
  color: var(--primary); letter-spacing: normal;
}
.footer-9__instagram-btn a:hover::before {
  width: 0;
}
.footer-9__instagram-btn a::before {
  left: 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  transition: all 0.3s;
  width: calc(100% - 25px);
  background: var(--primary);
}
.footer-9__instagram-wrapper {
  gap: 30px;
  display: grid;
  margin: 55px 0 79px 0;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .footer-9__instagram-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .footer-9__instagram-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .footer-9__instagram-wrapper {
    grid-template-columns: 1fr;
  }
}
.footer-9__instagram-item {
  position: relative;
  display: inline-block;
}
.footer-9__instagram-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-9__instagram-item::before {
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  position: absolute;
  visibility: hidden;
  background: var(--border);
  transition: all 0.4s ease-in-out;
}
.footer-9__instagram-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.footer-9__instagram-item:hover .icon {
  opacity: 1;
  visibility: visible;
}
.footer-9__instagram-item .icon {
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0;
  font-size: 40px;
  visibility: hidden;
  position: absolute;
  color: var(--white);
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-in-out;
}
.footer-9__center {
  border-top: 1px solid var(--secondary);
  padding: 10px 0;
}
.footer-9__wrapper {
  display: grid;
  grid-template-columns: 887px 560px auto;
}
@media only screen and (max-width: 1919px) {
  .footer-9__wrapper {
    grid-template-columns: 560px 560px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-9__wrapper {
    grid-template-columns: 440px 440px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-9__wrapper {
    grid-template-columns: 420px 275px auto;
  }
}
@media only screen and (max-width: 991px) {
  .footer-9__wrapper {
    grid-template-columns: 420px auto;
  }
}
@media only screen and (max-width: 767px) {
  .footer-9__wrapper {
    grid-template-columns: 1fr;
  }
}
.footer-9__wrapper .footer-9-widget-box {
  margin-bottom: 156px;
}
@media only screen and (max-width: 991px) {
  .footer-9__wrapper .footer-9-widget-box {
    margin-bottom: 30px;
  }
}
.footer-9__wrapper .footer-9-widget-box .title {
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  padding-bottom: 5px;
  color: var(--primary);
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.footer-9__wrapper .footer-9-widget-box .desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--secondary);
  font-family: var(--font_regular);
}
.footer-9__wrapper .footer-9-widget-box .info {
  align-items: center;
}
.footer-9__wrapper .footer-9-widget-box .info a {
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  color: var(--secondary);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
.footer-9__wrapper .footer-9-widget-box .info a:hover {
  color: var(--primary);
}
.footer-9__title {
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  color: var(--black);
   letter-spacing: normal;
  font-family: var(--font_regular);
  text-transform: uppercase;
}
.footer-9 .desc { letter-spacing: normal;
  max-width: 365px;
}
.footer-9__contact .info a {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px; letter-spacing: normal;
  font-family: var(--font_regular);
}
.footer-9 .copyright {
  z-index: 1;
  display: grid;
  position: relative;
  grid-template-columns: 887px 560px auto;
}
@media only screen and (max-width: 1919px) {
  .footer-9 .copyright {
    grid-template-columns: 560px 560px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .footer-9 .copyright {
    grid-template-columns: 440px 440px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-9 .copyright {
    grid-template-columns: 300px 415px auto;
  }
}
@media only screen and (max-width: 991px) {
  .footer-9 .copyright {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.footer-9 .copyright__btn a {
  gap: 6px;
  color: #555;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  align-items: center; letter-spacing: normal;
}
.footer-9 .copyright__btn a i {
  rotate: -90deg;
}
.footer-9 .copyright__text p {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px; letter-spacing: normal;
}
.footer-9 .copyright__text p a {
  color: var(--primary);
}
.footer-9__bottom {
  border-top: 1px solid;
}
.footer-9__bottom .title {
  display: flex;
  font-size: 190px;
  font-weight: normal;
  line-height: 177px;
  align-items: center;
   letter-spacing: normal;
  font-family: var(--font_regular);
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .footer-9__bottom .title {
    font-size: 150px;
    line-height: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-9__bottom .title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-9__bottom .title {
    font-size: 80px;
    line-height: 110px;
  }
}
@media (max-width: 575px) {
  .footer-9__bottom .title {
    font-size: 50px;
    line-height: 50px;
  }
}

/* === footer-9 scss (index 09) === */
.footer-10-wrapper {
  border-top: 1px solid #DADADA;
}
.footer-10 .footer-widget-wrapper {
  grid-template-columns: 645px 405px 405px auto;
}
@media only screen and (max-width: 1919px) {
  .footer-10 .footer-widget-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .footer-10 .footer-widget-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .footer-10 .footer-widget-wrapper {
    grid-template-columns: 1fr;
  }
}
.footer-10 .footer-widget-box {
  display: flex;
  padding-top: 37px;
  padding-bottom: 40px;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .footer-10 .footer-widget-box {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-10 .footer-widget-box {
    padding-bottom: 10px;
  }
}
.footer-10 .footer-widget-box:not(:last-child) {
  border-right: 1px solid #DADADA;
}
.footer-10 .footer-widget-box:not(:first-child) {
  padding-left: 40px;
}
@media only screen and (max-width: 1399px) {
  .footer-10 .footer-widget-box:not(:first-child) {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-10 .footer-widget-box:not(:first-child) {
    padding-left: 15px;
  }
}
@media (max-width: 575px) {
  .footer-10 .footer-widget-box:not(:first-child) {
    padding-left: 0px;
  }
}
.footer-10 .footer-widget-box .title {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px; letter-spacing: normal;
}
@media (max-width: 575px) {
  .footer-10 .footer-widget-box .title {
    margin-bottom: 10px;
  }
}
.footer-10 .footer-widget-box .subscribe-form {
  padding-right: 40px;
}
@media only screen and (max-width: 1399px) {
  .footer-10 .footer-widget-box .subscribe-form {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-10 .footer-widget-box .subscribe-form {
    padding-right: 15px;
  }
}
.footer-10 .footer-widget-box .subscribe-form .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 30px;
  color: var(--primary); letter-spacing: normal;
}
.footer-10 .footer-widget-box .subscribe-form .input-group {
  display: flex;
  padding: 13px 0 15px;
  flex-wrap: nowrap;
  align-items: center;
  border-top: 1px solid #DADADA;
}
.footer-10 .footer-widget-box .subscribe-form .input-group:last-of-type {
  border-bottom: 1px solid #DADADA;
}
.footer-10 .footer-widget-box .subscribe-form .input-group input {
  padding-right: 10px;
}
.footer-10 .footer-widget-box .subscribe-form .input-group i {
  color: #999999;
}
.footer-10 .footer-widget-box .subscribe-form input {
  border: 0;
  outline: 0;
  width: 100%;
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  background-color: transparent;
}
.footer-10 .footer-widget-box .subscribe-form input::placeholder {
  color: #999;
}
.footer-10 .footer-widget-box .copyright-text {
  margin-top: 255px;
}
@media only screen and (max-width: 1399px) {
  .footer-10 .footer-widget-box .copyright-text {
    margin-top: 200px;
  }
}
@media (max-width: 575px) {
  .footer-10 .footer-widget-box .copyright-text {
    margin-top: 50px;
  }
}
.footer-10 .footer-widget-box .copyright-text .text {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.footer-10 .footer-widget-box .copyright-text .text a:hover {
  color: #999999;
}
.footer-10 .footer-widget-box .footer-nav-list {
  margin-top: auto;
}
.footer-10 .footer-widget-box .footer-nav-list li {
  color: var(--primary);
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px; letter-spacing: normal;
}
.footer-10 .footer-widget-box .footer-nav-list {
  margin-top: auto;
}
.footer-10 .footer-widget-box .footer-nav-list li a {
  list-style: none;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
  line-height: 18px;
  position: relative;
  color: var(--primary);
  display: inline-block;
  text-decoration: none; letter-spacing: normal;
}
.footer-10 .footer-widget-box .footer-nav-list li a span {
  display: inline-block;
  transform: translateY(0%);
  transition: transform 0.3s ease;
}
.footer-10 .footer-widget-box .footer-nav-list li a::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: inline-block;
  color: var(--primary);
  transition: top 0.3s ease;
}
.footer-10 .footer-widget-box .footer-nav-list li a:hover span {
  transform: translateY(-100%);
}
.footer-10 .footer-widget-box .footer-nav-list li a:hover::after {
  top: 0;
}
.footer-10 .footer-widget-box .footer-location {
  margin-top: auto;
}
.footer-10 .footer-widget-box .footer-location p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 20px;
  color: var(--primary); letter-spacing: normal;
}
.footer-10 .footer-widget-box .footer-location a {
  color: var(--primary);
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.footer-10 .footer-widget-box .footer-location a:hover {
  color: #999999;
}

/* === section-title scss (Home 01) === */
.section-title__wrapper {
  gap: 30px;
  display: grid;
  grid-template-columns: 430px 810px 1fr;
}
@media only screen and (max-width: 1919px) {
  .section-title__wrapper {
    grid-template-columns: 400px 650px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .section-title__wrapper {
    grid-template-columns: 300px 500px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .section-title__wrapper {
    grid-template-columns: 130px 460px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .section-title__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .section-title__wrapper {
    gap: 20px;
  }
}
.section-title__wrapper .section-sub-title {
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px;
  line-height: 20px;
  margin-left: 50px;
  position: relative; letter-spacing: normal;
}
.section-title__wrapper .section-sub-title::before {
  left: 0;
  top: 50%;
  width: 40px;
  content: "";
  height: 1px;
  position: absolute;
  background: var(--primary);
  transform: translate(-50px, 0px);
}
.section-title__wrapper .section-title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
   letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .section-title__wrapper .section-title {
    margin-top: 0;
    letter-spacing: 0;
  }
  .section-title__wrapper .section-title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .section-title__wrapper .section-title {
    font-size: 30px;
    line-height: 40px;
  }
}
.section-title__wrapper .section-title span {
  font-family: var(--font_tartuffotrial);
}
.section-title__wrapper .desc {
  margin-top: 10px;
}
@media only screen and (max-width: 991px) {
  .section-title__wrapper .desc {
    margin-top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .section-subtitle__wrap.overview {
    margin-top: 0;
    padding-left: 10px;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .section-subtitle__wrap.overview {
    margin-top: 20px;
  }
}
.section-subtitle__wrap .subtitle {
  font-size: 16px;
  font-weight: 450;
  line-height: 20px;
  color: var(--primary);
  font-family: var(--font_suisse-int);
}
.section-subtitle__wrap .white {
  color: var(--white);
}

.section-title__wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .section-title__wrap {
    flex-wrap: wrap;
  }
}
.section-title__wrap.project {
  padding: 105px 0 80px;
}
@media (max-width: 575px) {
  .section-title__wrap.project {
    padding: 40px 0;
  }
}
.section-title__wrap.work {
  display: block;
  text-align: center;
}
.section-title__wrap .mission-title {
  display: block;
  text-align: center;
  padding-bottom: 131px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 575px) {
  .section-title__wrap .mission-title {
    padding-bottom: 60px;
  }
}
.section-title__wrap .section-title {
  font-weight: 300;
  font-size: 150px;
  line-height: 145px;
  color: var(--black);
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
.section-title__wrap .section-title span {
  display: block;
  text-align: right;
  margin-top: -15px;
  padding-left: 530px;
}
@media only screen and (max-width: 1399px) {
  .section-title__wrap .section-title span {
    padding-left: 264px;
  }
}
@media only screen and (max-width: 991px) {
  .section-title__wrap .section-title span {
    padding-left: 213px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title__wrap .section-title span {
    padding-left: 152px;
  }
}
@media (max-width: 575px) {
  .section-title__wrap .section-title span {
    padding-left: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 1399px) {
  .section-title__wrap .section-title {
    font-size: 75px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-title__wrap .section-title {
    font-size: 60px;
    line-height: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title__wrap .section-title {
    font-size: 43px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .section-title__wrap .section-title {
    font-size: 30px;
    line-height: 50px;
  }
}
.section-title__wrap .number-text {
  font-weight: 300;
  font-size: 150px;
  line-height: 24px;
  padding-top: 55px;
  color: var(--black);
   letter-spacing: normal;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1919px) {
  .section-title__wrap .number-text {
    font-size: 108px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-title__wrap .number-text {
    font-size: 75px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-title__wrap .number-text {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title__wrap .number-text {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section-title__wrap .number-text {
    font-size: 35px;
  }
}

/* === pages scss (index 01) === */
/* === breadcrumb Section === */
.breadcrumb {
  padding: 0;
  margin: 0;
}
.breadcrumb__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.breadcrumb__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.breadcrumb__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background: linear-gradient(
  to top,
  rgba(0,0,0,0.55) 0%,
  rgba(0,0,0,0.25) 35%,
  rgba(0,0,0,0.05) 70%,
  transparent 100%
);

  mix-blend-mode: none;
  pointer-events: none;
}
.breadcrumb__content {
  z-index: 9;
  position: relative;
  padding-top: 250px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .breadcrumb__content {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .breadcrumb__content {
    padding-top: 130px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__content {
    padding-top: 110px;
    padding-bottom: 40px;
  }
}
.breadcrumb__sub-title {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 50px;
  color: var(--white);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .breadcrumb__sub-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .breadcrumb__sub-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__sub-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.breadcrumb__title {
  font-size: 110px;
  font-weight: normal;
  font-family: var(--font_regular);    
  line-height: 105px;
  color: var(--white);
  letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .breadcrumb__title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .breadcrumb__title {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title {
    font-size: 50px;
    line-height: 50px;
     letter-spacing: normal;
  }
}

/* === about-us Section === */
.about-us__inner .title {
  font-size: 50px;
  font-weight: normal;
  max-width: 1405px;
  line-height: 50px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .about-us__inner .title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us__inner .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-us__inner .title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 575px) {
  .about-us__inner .title {
    font-size: 30px;
    line-height: 35px;
    l letter-spacing: normal;
  }
}
.about-us__inner .about-us__wrapper {
  display: grid;
  gap: 50px 170px;
  margin-top: 130px;
  margin-left: 165px;
  grid-template-columns: 360px 1fr;
}
@media only screen and (max-width: 1399px) {
  .about-us__inner .about-us__wrapper {
    gap: 50px 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-us__inner .about-us__wrapper {
    gap: 50px 80px;
    margin-left: 0;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-us__inner .about-us__wrapper {
    gap: 50px 50px;
    margin-left: 0;
    margin-top: 80px;
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .about-us__inner .about-us__wrapper {
    grid-template-columns: 1fr;
  }
}
.about-us__inner .about-us__wrapper .about-us__box .content {
  margin-top: 286px;
}
@media only screen and (max-width: 991px) {
  .about-us__inner .about-us__wrapper .about-us__box .content {
    margin-top: 0;
  }
}
.about-us__inner .about-us__wrapper .about-us__box .content .desc {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  max-width: 300px;
  font-family: var(--font_light);
  margin-bottom: 44px;
  color: var(--secondary);
  letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .about-us__inner .about-us__wrapper .about-us__box .content .desc {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.about-us__inner .about-us__wrapper .about-us__box .content .author {
  padding-top: 17px;
  border-top: 1px solid var(--border);
}
.about-us__inner .about-us__wrapper .about-us__box .content .author .name {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .about-us__inner .about-us__wrapper .about-us__box .content .author .name {
    font-size: 28px;
  }
}
.about-us__inner .about-us__wrapper .about-us__box .content .author span {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  line-height: 20px;
   letter-spacing: normal;
  color: var(--secondary);
}
.about-us__inner .about-us__wrapper .about-us__box .media img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.about-us__inner .about-us__wrapper .about-us__box .media .title {
  font-size: 30px;
  max-width: 710px;
  font-weight: normal;
  line-height: 30px;
  margin-top: 64px;
  margin-bottom: 50px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .about-us__inner .about-us__wrapper .about-us__box .media .title {
    margin-top: 30px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .about-us__inner .about-us__wrapper .about-us__box .media .title {
    font-size: 25px;
    letter-spacing: 0;
  }
}
.about-us__inner .about-us__wrapper .about-us__box .media .rr-btn-primary {
  padding: 13.5px 33px;
}

/* === experience Section === */
.experience__inner {
  border-top: 1px solid var(--border);
  padding-bottom: 30px;
}
.experience .experience__wrapper {
  gap: 30px;
  display: flex;
  margin-top: 30px;
  max-width: 1548px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .experience .experience__wrapper {
    flex-direction: column;
    gap: 20px;
  }
}
.experience__item {
  text-align: center;
}
.experience__item p {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.experience__item .title {
  font-size: 250px;
  margin-top: 193px;
  font-weight: 400;
  line-height: 195px;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .experience__item .title {
    font-size: 200px;
    margin-top: 150px;
    line-height: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .experience__item .title {
    font-size: 120px;
    margin-top: 100px;
    line-height: 120px;
     letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .experience__item .title {
    font-size: 100px;
    margin-top: 50px;
    line-height: 100px;
     letter-spacing: normal;
  }
}
@media (max-width: 575px) {
  .experience__item .title {
    font-size: 80px;
    margin-top: 0px;
    line-height: 80px;
     letter-spacing: normal;
  }
}
.experience__item .odometer {
  font-family: var(--font_regular);
}

/* === feature Section === */
.feature__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 575px) {
  .feature__inner {
    grid-template-columns: 1fr;
  }
}
.feature__inner .feature__media {
  border-right: 0px solid var(--border);
}
.feature__inner .feature__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature__inner .feature__box {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  background: var(--primary);
}
@media only screen and (max-width: 1919px) {
  .feature__inner .feature__box {
    justify-content: center;
  }
}
@media only screen and (max-width: 1199px) {
  .feature__inner .feature__box {
    padding: 20px;
  }
}
.feature__inner .feature__box .thumb {
  margin-bottom: 100px;
  margin-top: 250px;
}
@media only screen and (max-width: 1919px) {
  .feature__inner .feature__box .thumb {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.feature__inner .feature__box .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature__inner .feature__box .dedication {
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  max-width: 255px;
  line-height: 20px;
  text-align: center; letter-spacing: normal;
}

/* === awarded Section === */
.awarded .awarded__inner {
  display: grid;
  gap: 50px 160px;
  padding-top: 115px;
  grid-template-columns: 650px 1fr;
  border-bottom: 1px solid var(--border);
  
  /* Projects breadcrumb alignment */
  max-width: 1650px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 1919px) {
  .awarded .awarded__inner {
    gap: 50px 100px;
    padding-top: 115px;
    grid-template-columns: 500px 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 1399px) {
  .awarded .awarded__inner {
    gap: 50px 50px;
    padding-top: 115px;
    grid-template-columns: 440px 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .awarded .awarded__inner {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .awarded .awarded__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.awarded .awarded__inner.has--border {
  position: relative;
}
.awarded .awarded__inner.has--border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1;
  height: 100%;
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .awarded .awarded__inner.has--border::before {
    display: none;
  }
}
.awarded .awarded__content {
  padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .awarded .awarded__content {
    margin-right: 20px;
    padding-bottom: 0;
  }
}
.awarded .awarded-title__wrapper {
  margin-bottom: 54px;
}
.awarded .awarded-title__wrapper .sub-title {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 30px;
  color: var(--primary); 
  letter-spacing: normal;
  position: relative;
  padding-left: 0; /* Line removed gap fixed */
}
.awarded .awarded-title__wrapper .sub-title::before {
  display: none; /* Line removed */
}
.awarded .awarded-title__wrapper .title {
  font-size: 120px;
  font-weight: normal;
  line-height: 120px;
  color: var(--primary);
  letter-spacing: normal;
}
@media (max-width: 575px) {
  .awarded .awarded-title__wrapper .title {
    font-size: 60px;
    line-height: 60px;
  }
}
.awarded .dedication {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 55px;
  max-width: 330px; 
  letter-spacing: normal;
}
.awarded .awarded__wrapper .awarded__item {
  padding: 23px 0;
  border-top: 1px solid var(--border);
}
.awarded .awarded__wrapper .awarded__item:last-child {
  border-bottom: 1px solid var(--border);
}
.awarded .awarded__wrapper .awarded__item .title {
  gap: 10px;
  display: flex;
  font-size: 20px;
  flex-wrap: wrap;
  font-weight: normal;
  line-height: 22px;
  align-items: center;
  color: var(--primary);
  letter-spacing: normal;
  justify-content: space-between;
}
.awarded .awarded__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === about-team Section === */
.about-team__wrapper {
  gap: 30px;
  display: grid;
  grid-template-columns: 325px 1fr 355px;
}
@media only screen and (max-width: 1399px) {
  .about-team__wrapper {
    grid-template-columns: 250px 1fr 355px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-team__wrapper {
    grid-template-columns: 150px 1fr 300px;
  }
}
@media only screen and (max-width: 991px) {
  .about-team__wrapper {
    grid-template-columns: 1fr;
  }
}
.about-team__wrapper .about-team__box {
  display: flex;
}
.about-team__wrapper .about-team__box .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  position: relative;
  padding-left: 50px;
}
.about-team__wrapper .about-team__box .sub-title::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 1px;
  background: var(--primary);
  left: 0;
  top: 50%;
}
.about-team__wrapper .about-team__box .team-list {
  list-style: none;
}
.about-team__wrapper .about-team__box .team-list li {
  gap: 10px;
  display: flex;
  align-items: end;
  color: #666;
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1199px) {
  .about-team__wrapper .about-team__box .team-list li {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .about-team__wrapper .about-team__box .team-list li {
    font-size: 28px;
    line-height: 26px;
     letter-spacing: normal;
  }
}
.about-team__wrapper .about-team__box .team-list li:not(:last-child) {
  margin-bottom: 10px;
}
.about-team__wrapper .about-team__box .team-list li.active {
  color: var(--white);
}
.about-team__wrapper .about-team__box .team-list li span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.about-team__wrapper .about-team__box .thumb {
  margin-top: auto;
}
.about-team__wrapper .about-team__box .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === about-7 Section === */
.about-7__wrap {
  overflow: hidden;
  position: relative;
}
.about-7__content {
  position: relative;
}
.about-7__title {
  font-size: 100px;
  font-weight: normal;
  max-width: 1290px;
  margin: 0 auto;
  line-height: 108px;
  text-align: center;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .about-7__title {
    font-size: 90px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-7__title {
    font-size: 75px;
    line-height: 85px;
  }
}
@media only screen and (max-width: 991px) {
  .about-7__title {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .about-7__title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .about-7__title {
    font-size: 24px;
    line-height: 34px;
  }
}
.about-7__dec {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  max-width: 740px;
  margin: 0 auto;
  text-align: center;
  margin-top: 36px;
  margin-bottom: 39px;
   letter-spacing: normal;
  font-family: var(--primary);
}
@media only screen and (max-width: 767px) {
  .about-7__dec {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .about-7__dec {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.about-7__btn {
  text-align: center;
}
.about-7__btn .rr-btn-primary {
  gap: 8px;
  border-radius: 0;
  color: var(--white);
  padding: 15px 29.71px;
  background-color: var(--primary);
}
.about-7__btn .rr-btn-primary i {
  font-weight: 400;
  color: var(--white);
  transform: rotate(-45deg);
}
.about-7__btn .rr-btn-primary .text span {
  color: var(--white);
}
.about-7__shape {
  position: absolute;
}
.about-7__shape span {
  left: 0;
  bottom: 0px;
  width: 363px;
  height: 725px;
  position: absolute;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  background: linear-gradient(179.73deg, rgba(255, 255, 255, 0) 66.86%, #FFFFFF 98.73%);
}
.about-7__shape-1 {
  left: 0;
  bottom: 40px;
}
.about-7__shape-2 {
  right: 0;
  bottom: 40px;
}
.about-7__shape-2 span {
  right: 0;
}

/* === about-8 Section === */
.about-8__top {
  margin-bottom: 165px;
}
@media only screen and (max-width: 991px) {
  .about-8__top {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .about-8__top {
    margin-bottom: 50px;
  }
}
.about-8__main-title {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
  max-width: 1618px;
  margin-bottom: 60px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .about-8__main-title {
    font-size: 65px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-8__main-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .about-8__main-title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .about-8__main-title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .about-8__main-title {
    font-size: 30px;
    line-height: 40px;
  }
}
.about-8__btn .rr-underline {
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 5px;
  text-transform: math-auto;
}
.about-8__title {
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 30px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.about-8__dec {
  font-size: 16px;
  font-weight: normal;
  max-width: 420px;
  line-height: 20px;
  margin-top: auto;
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.about-8__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .about-8__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .about-8__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .about-8__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.about-8__content {
  display: flex;
  flex-direction: column;
}
.about-8__dec {
  margin-top: auto;
}
.about-8__thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.about-8__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-8__item {
  padding: 30px;
  display: flex;
  border-right: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
@media only screen and (max-width: 767px) {
  .about-8__item {
    padding: 30px 0;
    border-right: none;
  }
}
.about-8__item:nth-child(1), .about-8__item:nth-child(2), .about-8__item:nth-child(3) {
  border-top: 1px solid #DADADA;
}
.about-8__item:nth-child(1) {
  padding-left: 0;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(1) {
    display: none;
  }
}
.about-8__item:nth-child(3) {
  grid-column: span 2;
  border-right: none;
  padding-right: 0;
}
@media only screen and (max-width: 991px) {
  .about-8__item:nth-child(3) {
    grid-column: auto;
  }
}
.about-8__item:nth-child(4) {
  padding-left: 0;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(4) {
    display: none;
  }
}
.about-8__item:nth-child(7) {
  border-right: none;
  padding-right: 0;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(7) {
    display: none;
  }
}
.about-8__item:nth-child(8) {
  padding-left: 0;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(8) {
    display: none;
  }
}
.about-8__item:nth-child(11) {
  border-right: none;
  padding-right: 0;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(11) {
    display: none;
  }
}
.about-8__item:nth-child(12) {
  grid-column: span 2;
  padding-left: 0;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(12) {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .about-8__item:nth-child(12) {
    grid-column: auto;
    padding-left: 0;
  }
}
.about-8__item:nth-child(14) {
  border-right: none;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .about-8__item:nth-child(14) {
    border-right: 1px solid #DADADA;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .about-8__item:nth-child(14) {
    border-right: none;
  }
}

/* === Hero Section (Home 01) === */
.hero {
  background: black;
  width: 100%;
}
.hero__inner {
  margin: 0 auto;
  overflow: hidden;
  padding-top: 146px;
  position: relative;
  background: #fff;
  transform-origin: center 13%;
  transform: scale(0.2) rotate(0deg);
}
@media only screen and (max-width: 1199px) {
  .hero__inner {
    transform-origin: center 17%;
  }
}
@media only screen and (max-width: 991px) {
  .hero__inner {
    transform: scale(1) rotate(0deg);
  }
}
@media only screen and (max-width: 767px) {
  .hero__inner {
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .hero__inner {
    padding-top: 100px;
  }
}
.hero-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: 100vh;
  z-index: 100;
  mix-blend-mode: exclusion;
}
@media only screen and (max-width: 1199px) {
  .hero-nav {
    display: none;
  }
}
.hero-nav::before {
  top: 80px;
  left: 87px;
  width: 1px;
  content: "";
  height: 10000px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.15);
}
.hero-nav__content {
  left: 25px;
  bottom: 30px;
  display: flex;
  position: absolute;
}
.hero-nav__content img {
  margin-top: 205px;
  mix-blend-mode: exclusion;
}
.hero-nav__content p {
  width: 152px;
  font-size: 16px;
  font-weight: 400;
  margin-left: 30px;
  line-height: 18px;
  color: var(--white);
  transform: rotate(-90deg); letter-spacing: normal;
  font-family: var(--font_regular);
}
.hero-nav .side-toggle {
  top: 53%;
  left: 26px;
  position: absolute;
  transform: translate(0px, 50%);
}
.hero-nav .side-toggle .bar-icon {
  width: 30px;
  height: 7px;
  rotate: -90deg;
}
.hero-nav .side-toggle .bar-icon span {
  height: 1px;
  background: var(--white);
}

.hero__content {
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .hero__content {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .hero__content {
    margin-bottom: 60px;
  }
}
.hero__content .sub-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  margin-bottom: 35px;
   letter-spacing: normal;
}
@media (max-width: 575px) {
  .hero__content .sub-title {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
.hero__content .title {
  font-size: 250px;
  font-weight: normal;
  line-height: 195px;
  text-align: center;
  margin-bottom: 70px;
   letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .hero__content .title {
    font-size: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero__content .title {
    font-size: 190px;
    line-height: 170px;
  }
}
@media only screen and (max-width: 991px) {
  .hero__content .title {
    font-size: 150px;
    line-height: 140px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__content .title {
    font-size: 115px;
    line-height: 110px;
    margin-bottom: 30px;
     letter-spacing: normal;
  }
}
@media (max-width: 575px) {
  .hero__content .title {
    font-size: 65px;
    line-height: 65px;
  }
}
.hero__content .title .hyphen {
  width: 150px;
  height: 18px;
  margin-left: 20px;
  display: inline-block;
  background: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .hero__content .title .hyphen {
    width: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero__content .title .hyphen {
    width: 100px;
    height: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .hero__content .title .hyphen {
    width: 80px;
    height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__content .title .hyphen {
    width: 40px;
    height: 8px;
  }
}
@media (max-width: 575px) {
  .hero__content .title .hyphen {
    width: 24px;
    height: 5px;
    margin-left: 10px;
  }
}
.hero__content .sub-title-bottom {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 53px;
   letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .hero__content .sub-title-bottom {
    font-size: 40px;
    font-weight: normal;
    line-height: 50px;
    letter-spacing: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .hero__content .sub-title-bottom {
    font-size: 23px;
    font-weight: normal;
    line-height: 30px;
  }
}
.hero__content .sub-title-bottom span {
  font-weight: 400;
  font-style: italic;
  display: inline-block;
  text-decoration-line: underline;
  font-family: var(--font_tartuffotrial);
}
.hero__content .rr-btn-primary {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .hero__content .rr-btn-primary {
    padding: 19px 24px;
  }
}

/* === interaction (Home 01) === */
.interaction__content {
  left: 150px;
  bottom: 212px;
  padding: 50px;
  height: 460px;
  display: flex;
  position: absolute;
  flex-direction: column;
  background: var(--white);
}
@media only screen and (max-width: 1199px) {
  .interaction__content {
    left: 120px;
    bottom: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .interaction__content {
    left: 80px;
    bottom: 80px;
    padding: 30px;
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .interaction__content {
    left: 30px;
    bottom: 30px;
    height: 180px;
  }
}
@media (max-width: 575px) {
  .interaction__content {
    position: inherit;
    left: 0;
  }
}
.interaction__content .title {
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
   letter-spacing: normal;
}
.interaction__content .desc {
  margin-top: auto;
  max-width: 285px;
  color: var(--primary);
}

/* === projects (Home 01) === */
.projects__wrapper {
  padding-top: 122px;
}
@media only screen and (max-width: 1399px) {
  .projects__wrapper {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .projects__wrapper {
    padding-top: 60px;
  }
}
.projects__wrapper.has--portfolio {
  padding-top: 0;
}

.projects__item {
  display: grid;
  grid-template-columns: 425px 1fr;
}
@media only screen and (max-width: 991px) {
  .projects__item {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .projects__item {
    grid-template-columns: 1fr;
  }
}
.projects__item:not(:last-child) {
  margin-bottom: 40px;
}
.projects__item .projects__content {
  display: flex;
  overflow: hidden;
  padding-top: 16px;
  margin-right: 40px;
  flex-direction: column;
  border-top: 1px solid var(--border);
}
.projects__item .projects__content .text .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 4px 12px;
  margin-bottom: 25px;
  border-radius: 500px;
  display: inline-block;
   letter-spacing: normal;
  border: 1px solid #DADADA;
}
@media only screen and (max-width: 767px) {
  .projects__item .projects__content .text .sub-title {
    margin-bottom: 10px;
  }
}
.projects__item .projects__content .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
   letter-spacing: normal;
}
.projects__item .projects__content .text .title a:hover {
  color: var(--secondary);
}
.projects__item .projects__content .projects__info {
  gap: 30px;
  display: flex;
  margin-top: auto;
}
@media only screen and (max-width: 767px) {
  .projects__item .projects__content .projects__info {
    margin-top: 30px;
  }
}
.projects__item .projects__content .projects__info .projects__box .sub-title {
  color: #999;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 4px; letter-spacing: normal;
}
.projects__item .projects__content .projects__info .projects__box .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--black); letter-spacing: normal;
}
.projects__item .projects__media {
  padding-left: 40px;
  border-left: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .projects__item .projects__media {
    padding-left: 0;
    border-left: none;
    margin-top: 30px;
  }
}

/* === services (Home 01) === */
.services__inner {
  display: grid;
  padding-top: 50px;
  position: relative;
  grid-template-columns: 824px 1fr;
  border-top: 1px solid #DADADA;
}
@media only screen and (max-width: 1919px) {
  .services__inner {
    grid-template-columns: 724px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .services__inner {
    grid-template-columns: 600px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .services__inner {
    grid-template-columns: 400px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .services__inner {
    grid-template-columns: 1fr;
  }
}
.services__inner .services-bg {
  top: 50px;
  left: 80px;
  z-index: -1;
  position: absolute;
}
.services__inner .services-main .dedication {
  position: relative;
  padding-left: 15px;
  margin-left: -15px;
}
.services__inner .services-main .dedication::before {
  left: 0;
  top: 50%;
  width: 3px;
  content: "";
  height: 70px;
  position: absolute;
  background: var(--primary);
  transform: translate(0px, -50%);
}
@media (max-width: 575px) {
  .services__inner .services-main .dedication::before {
    height: 35px;
  }
}
.services__inner .services-main .dedication h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 16px; letter-spacing: normal;
}

@media only screen and (max-width: 991px) {
  .services__content {
    margin-bottom: 50px;
  }
}
.services__content .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 60px;
   letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .services__content .title {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .services__content .title {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
.services__content .title span {
  font-family: var(--font_tartuffotrial);
}
.services__content .desc {
  max-width: 300px;
}
@media only screen and (max-width: 991px) {
  .services__content .desc {
    max-width: 100%;
  }
}

.services__wrapper {
  position: relative;
  border-top: 1px solid #DADADA;
  margin-top: 98px;
}
@media only screen and (max-width: 1199px) {
  .services__wrapper {
    margin-top: 60px;
  }
}
.services__wrapper .services__item {
  gap: 20px;
  z-index: 1;
  width: 100%;
  display: flex;
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  color: var(--black);
  position: relative;
  align-items: center;
   letter-spacing: normal;
  padding: 24px 10px 23px 10px;
  justify-content: space-between;
  border-bottom: 1px solid #DADADA;
  transition: 0.3s transform ease-in-out, background-color 0.3s ease;
}
@media (max-width: 575px) {
  .services__wrapper .services__item {
    font-size: 16px;
    padding: 12px 2px;
  }
}
.services__wrapper .services__item span {
  position: relative;
  padding-right: 4px;
  transition: all 0.3s;
}
.services__wrapper .services__item span::before {
  content: "";
  bottom: 4px;
  right: 0;
  width: 3px;
  height: 3px;
  position: absolute;
  border-radius: 500px;
  transition: all 0.3s;
  background: var(--primary);
}
.services__wrapper .services__item a {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.services__wrapper .services__item a i {
  font-weight: 400;
  rotate: -44deg;
  font-size: 15px;
}
.services__wrapper .services__item:hover {
  border-color: transparent;
}
.services__wrapper .services__item:hover span {
  color: var(--white);
}
.services__wrapper .services__item:hover span::before {
  background: var(--white);
}
.services__wrapper .services__item:hover a {
  color: var(--white);
}
.services__wrapper .active-bg {
  left: 0;
  right: 0;
  z-index: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  background: var(--black);
  transform: translateY(0);
  transform-origin: top center;
  transition: transform 0.4s ease, height 0.4s ease, opacity 0.4s ease;
}
.services__wrapper .service-5-list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  border-top: 1px solid #CFCFCF;
}

/* === expertise (Home 01) === */
.expertise__inner {
  border-top: 1px solid #DADADA;
}

.expertise__list {
  gap: 15px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-top: 35px;
  padding-bottom: 35px;
  justify-content: space-between;
}
.expertise__list li a {
  gap: 10px;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  align-items: center;
  color: var(--primary); letter-spacing: normal;
}
.expertise__list li a i {
  width: 19px;
  height: 19px;
  display: flex;
  font-size: 11px;
  margin-left: 10px;
  align-items: center;
  border-radius: 500px;
  background: #EBEBEB;
  justify-content: center;
}
@media (max-width: 575px) {
  .expertise__list li a i {
    margin-left: 0;
  }
}

/* === palmer-studio (Home 01) === */
.palmer-studio__inner {
  gap: 30px;
  display: grid;
  grid-template-columns: 450px 470px 1fr;
}
@media only screen and (max-width: 1399px) {
  .palmer-studio__inner {
    grid-template-columns: 350px 350px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .palmer-studio__inner {
    grid-template-columns: 300px 300px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .palmer-studio__inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .palmer-studio__inner {
    grid-template-columns: 1fr;
  }
}

.palmer-studio__box:not(:first-child) {
  display: flex;
  flex-direction: column;
}
.palmer-studio__box .text {
  margin-top: auto;
}
@media only screen and (max-width: 767px) {
  .palmer-studio__box .text {
    margin-top: 30px;
  }
}
.palmer-studio__box .text p {
  margin-bottom: 55px;
  max-width: 390px;
}
@media only screen and (max-width: 767px) {
  .palmer-studio__box .text p {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.palmer-studio__box .content {
  display: flex;
  flex-direction: column;
  padding-bottom: 70px;
}
@media only screen and (max-width: 1919px) {
  .palmer-studio__box .content {
    padding-bottom: 85px;
  }
}
@media only screen and (max-width: 1199px) {
  .palmer-studio__box .content {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .palmer-studio__box .content {
    padding-bottom: 0;
  }
}
.palmer-studio__box .content .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  color: var(--primary); letter-spacing: normal;
  padding-left: 50px;
}
.palmer-studio__box .content .sub-title::before {
  left: 0;
  top: 50%;
  width: 40px;
  content: "";
  height: 1px;
  position: absolute;
  background: var(--primary);
}
.palmer-studio__box .content .title {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-top: 600px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1919px) {
  .palmer-studio__box .content .title {
    margin-top: 500px;
  }
}
@media only screen and (max-width: 1399px) {
  .palmer-studio__box .content .title {
    margin-top: 350px;
  }
}
@media only screen and (max-width: 1199px) {
  .palmer-studio__box .content .title {
    margin-top: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .palmer-studio__box .content .title {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .palmer-studio__box .content .title {
    font-size: 25px;
    letter-spacing: 0;
  }
}
.palmer-studio__box .content .title span {
  font-family: var(--font_tartuffotrial);
}

/* === design-showcase (Home 01) === */
.design-showcase__wrapper {
  display: grid;
  border: 1px solid var(--primary);
  grid-template-columns: 941px 1fr;
}
@media only screen and (max-width: 1399px) {
  .design-showcase__wrapper {
    grid-template-columns: 641px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .design-showcase__wrapper {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .design-showcase__wrapper {
    grid-template-columns: 1fr;
  }
}
.design-showcase__wrapper.design-showcase-3__wrapper {
  grid-template-columns: 759px 1fr;
  border-color: #DADADA;
}
@media only screen and (max-width: 1399px) {
  .design-showcase__wrapper.design-showcase-3__wrapper {
    grid-template-columns: 641px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .design-showcase__wrapper.design-showcase-3__wrapper {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .design-showcase__wrapper.design-showcase-3__wrapper {
    grid-template-columns: 1fr;
  }
}
.design-showcase__wrapper.design-showcase-3__wrapper .design-showcase__media {
  border-color: #DADADA;
}
@media only screen and (max-width: 991px) {
  .design-showcase__wrapper.design-showcase-3__wrapper .design-showcase__media {
    width: 690px;
  }
}
@media only screen and (max-width: 767px) {
  .design-showcase__wrapper.design-showcase-3__wrapper .design-showcase__media {
    width: 510px;
  }
}
@media (max-width: 575px) {
  .design-showcase__wrapper.design-showcase-3__wrapper .design-showcase__media {
    width: 290px;
  }
}
.design-showcase__wrapper.design-showcase-3__wrapper .design-showcase__meta-date {
  border-color: #DADADA;
  padding: 20px 30px;
}
@media (max-width: 575px) {
  .design-showcase__wrapper.design-showcase-3__wrapper .design-showcase__meta-date {
    padding: 20px 20px;
  }
}
.design-showcase__wrapper.design-showcase-3__wrapper .title {
  margin-bottom: 45px;
}

.design-showcase__media {
  padding: 20px;
  position: relative;
  border-right: 1px solid var(--primary);
}
@media only screen and (max-width: 991px) {
  .design-showcase__media {
    width: 740px;
    margin: 0 auto;
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  .design-showcase__media {
    width: 545px;
  }
}
@media (max-width: 575px) {
  .design-showcase__media {
    width: 290px;
  }
}
.design-showcase__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.design-showcase__media .pagination {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 9;
}
.design-showcase__media .swiper-pagination-bullet {
  opacity: 100%;
  background: var(--white);
}
.design-showcase__media .swiper-pagination-bullet-active {
  background: var(--black);
}

.design-showcase__content {
  text-align: center;
  margin-bottom: 20px;
}
.design-showcase__content .design-showcase__meta-date {
  gap: 10px;
  display: flex;
  list-style: none;
  padding: 20px 40px;
  justify-content: space-between;
  border-bottom: 1px solid var(--primary);
}
@media (max-width: 575px) {
  .design-showcase__content .design-showcase__meta-date {
    padding: 20px 20px;
  }
}
.design-showcase__content .design-showcase__meta-date li {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.design-showcase__content .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-top: 70px;
  margin-bottom: 60px;
   letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .design-showcase__content .title {
    font-size: 40px;
    line-height: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: 0;
  }
}
@media (max-width: 575px) {
  .design-showcase__content .title {
    font-size: 30px;
    line-height: 40px;
  }
}
.design-showcase__content .title span {
  font-family: var(--font_tartuffotrial);
}
.design-showcase__content .desc {
  width: 260px;
  margin: 0 auto;
  font-size: 16px;
  margin-top: 36px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}

/* === responsive designe (Home 01) === */
.has--padding {
  overflow: hidden;
}
@media only screen and (max-width: 1919px) {
  .has--padding {
    padding-left: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .has--padding {
    padding-left: 0px;
  }
}

/* === Hero Section (Home 02) === */
.hero-2__inner {
  padding-top: 340px;
  padding-bottom: 70px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1919px) {
  .hero-2__inner {
    padding-top: 300px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-2__inner {
    padding-top: 240px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-2__inner {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-2__inner {
    padding-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-2__inner {
    padding-top: 140px;
  }
}
@media (max-width: 575px) {
  .hero-2__inner {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}
.hero-2__inner::before {
  left: 0;
  top: 60px;
  content: "";
  width: 0px;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: #ECECEC;
}
@media (max-width: 575px) {
  .hero-2__inner::before {
    display: none;
  }
}
.hero-2__inner::after {
  right: 0;
  top: 60px;
  content: "";
  width: 0px;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: #ECECEC;
}
@media (max-width: 575px) {
  .hero-2__inner::after {
    display: none;
  }
}
.hero-2__inner .line::before {
  left: 463px;
  top: 60px;
  content: "";
  width: 0px;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: #ECECEC;
}
@media only screen and (max-width: 1399px) {
  .hero-2__inner .line::before {
    left: 290px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-2__inner .line::before {
    left: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-2__inner .line::before {
    left: 182px;
  }
}
@media (max-width: 575px) {
  .hero-2__inner .line::before {
    display: none;
  }
}
.hero-2__inner .line::after {
  right: 463px;
  top: 60px;
  content: "";
  width: 1px;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: #ECECEC;
}
@media only screen and (max-width: 1399px) {
  .hero-2__inner .line::after {
    right: 290px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-2__inner .line::after {
    right: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-2__inner .line::after {
    right: 182px;
  }
}
@media (max-width: 575px) {
  .hero-2__inner .line::after {
    display: none;
  }
}
.hero-2__inner .line span::before {
  left: 50%;
  top: 60px;
  content: "";
  width: 1px;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: #ECECEC;
}
@media (max-width: 575px) {
  .hero-2__inner .line span::before {
    display: none;
  }
}

.hero-2-content .sub-title {
  font-size: 24px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0;
  padding-left: 0px;
  display: inline-block;
}
@media only screen and (max-width: 1399px) {
  .hero-2-content .sub-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-2-content .sub-title {
    font-size: 20px;
    line-height: 1.25;
  }
}

@media only screen and (max-width: 767px) {
  .hero-2-content .sub-title {
    font-size: 18px;
    line-height: 1.3;
  }
}

@media only screen and (max-width: 575px) {
  .hero-2-content .sub-title {
    font-size: 16px;
  }
}
.hero-2-content .title {
  font-size: 180px;
  margin-top: 40px;
  font-weight: normal;
  line-height: 145px;
  letter-spacing: -5px;
}
@media only screen and (max-width: 1399px) {
  .hero-2-content .title {
    font-size: 155px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-2-content .title {
    font-size: 130px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-2-content .title {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .hero-2-content .title {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: normal;
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .hero-2-content .title {
    font-size: 40px;
    line-height: 45px;
     letter-spacing: normal;
  }
}

.hero-2-showcase {
  display: grid;
  margin-top: 92px;
  grid-template-columns: 463px 1fr 170px;
}
@media only screen and (max-width: 1399px) {
  .hero-2-showcase {
    grid-template-columns: 390px 1fr 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-2-showcase {
    grid-template-columns: 300px 1fr 170px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-2-showcase {
    margin-top: 50px;
    grid-template-columns: 255px 1fr 170px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-2-showcase {
    gap: 20px;
    margin-top: 40px;
    grid-template-columns: 1fr;
  }
}

.hero-2-showcase__box .showcase {
  gap: 15px;
  display: flex;
}
.hero-2-showcase__box .showcase .media {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 3px;
}
.hero-2-showcase__box .showcase .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-2-showcase__box p {
  font-size: 16px;
  font-weight: normal;
  max-width: 320px;
  line-height: 20px;
  margin-bottom: 38px; letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .hero-2-showcase__box p {
    max-width: 100%;
    letter-spacing: 0;
    margin-bottom: 20px;
  }
}
.hero-2-showcase__box .title {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  text-transform: uppercase;
}
.hero-2-showcase__box .title span {
  color: #999;
}
.hero-2-showcase__box .btn-black {
  font-size: 13px;
}

/* ===about-us-2 Section (Home 02) === */
.about-us-2 .ab-2-section-title__wrapper {
  padding-top: 70px;
  margin-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .about-us-2 .ab-2-section-title__wrapper {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-2 .ab-2-section-title__wrapper {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-2 .ab-2-section-title__wrapper {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}
.about-us-2 .ab-2-section-title__wrapper .title {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
  letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .about-us-2 .ab-2-section-title__wrapper .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-2 .ab-2-section-title__wrapper .title {
    font-size: 50px;
    line-height: 60px;
  }
  .about-us-2 .ab-2-section-title__wrapper .title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-2 .ab-2-section-title__wrapper .title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }
}

.about-us-2__wrapper {
  gap: 30px;
  display: grid;
  justify-content: end;
  grid-template-columns: 545px 915px;
}
@media only screen and (max-width: 1919px) {
  .about-us-2__wrapper {
    grid-template-columns: 545px 715px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-us-2__wrapper {
    grid-template-columns: 445px 615px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-us-2__wrapper {
    grid-template-columns: 345px 515px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-2__wrapper {
    grid-template-columns: 300px 370px;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-2__wrapper {
    grid-template-columns: 1fr;
  }
}

.about-us-2-author {
  max-width: 360px;
  margin-top: 142px;
}
@media only screen and (max-width: 991px) {
  .about-us-2-author {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-2-author {
    max-width: 100%;
  }
}
.about-us-2-author p {
  font-size: 20px;
  font-weight: normal;
  max-width: 300px;
  line-height: 24px;
  margin-bottom: 46px;
  letter-spacing: normal;
  color: var(--secondary);
  font-family: var(--font_light);
}
@media only screen and (max-width: 767px) {
  .about-us-2-author p {
    max-width: 100%;
  }
}
.about-us-2-author hr {
  margin: 0;
}
.about-us-2-author .name {
  font-size: 20px;
  font-weight: normal;
  margin-top: 13px;
  line-height: 30px;
   letter-spacing: normal;
}
.about-us-2-author .designation {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--secondary);
   letter-spacing: normal;
}

.about-us-2__content .about-us-2__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-us-2__content > .text {
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .about-us-2__content > .text {
    margin-top: 30px;
  }
}
.about-us-2__content > .text .title {
  font-size: 30px;
  font-weight: normal;
  max-width: 710px;
  line-height: 30px;
  margin-bottom: 47px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .about-us-2__content > .text .title {
    font-size: 25px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-2__content > .text .title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-2__content > .text .title {
    font-size: 19px;
  }
}
.about-us-2__content > .text .rr-btn-primary {
  font-size: 13px;
  padding: 13.5px 35px;
  text-transform: uppercase;
}

/* === project-showcase-2 Section (Home 02) === */
.project-showcase-2__item {
  overflow: hidden;
  margin-top: -1px;
  cursor: pointer;
}
.project-showcase-2__item .view-projects {
  position: relative;
  z-index: -2;
}
.project-showcase-2__item .view-projects a {
  gap: 8px;
  display: flex;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
}
.project-showcase-2__item .view-projects a::before {
  position: absolute;
  width: 100%;
  height: 1.5px;
  bottom: 0;
  left: 0;
  background: var(--primary);
}

.project-showcase-2-meta {
  gap: 20px;
  display: grid;
  margin-bottom: 15px;
  grid-template-columns: 750px 690px 1fr;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-2-meta {
    grid-template-columns: 495px 495px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-2-meta {
    grid-template-columns: 370px 370px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-2-meta {
    grid-template-columns: 315px 315px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .project-showcase-2-meta {
    grid-template-columns: 260px 260px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-2-meta {
    grid-template-columns: 230px 230px 1fr;
  }
}
@media (max-width: 575px) {
  .project-showcase-2-meta {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.project-showcase-2-meta span {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

.project-showcase-2__list {
  gap: 20px;
  display: grid;
  padding: 21px 0;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  grid-template-columns: 750px 690px 340px 1fr;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-2__list {
    grid-template-columns: 495px 495px 340px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-2__list {
    grid-template-columns: 370px 370px 340px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-2__list {
    grid-template-columns: 315px 315px 254px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .project-showcase-2__list {
    grid-template-columns: 260px 260px 132px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-2__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .project-showcase-2__list {
    grid-template-columns: 1fr;
  }
}
.project-showcase-2__list .project {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: normal;
}
.project-showcase-2__list .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: normal;
}
.project-showcase-2__list a {
  color: var(--primary);
}

.project-showcase-2__media {
  gap: 30px;
  display: flex;
  transition: all 0.3s ease-out;
}
.project-showcase-2__media > *:nth-child(3) {
  margin-left: auto;
}

/* === our-services-2_ Section (Home 02) === */
.our-services-2__inner {
  padding-top: 30px;
}

.our-services-2__wrapper {
  display: grid;
  gap: 20px 40px;
  grid-template-columns: repeat(5, 336px);
}
@media only screen and (max-width: 1919px) {
  .our-services-2__wrapper {
    gap: 20px 30px;
    grid-template-columns: repeat(5, 258px);
  }
}
@media only screen and (max-width: 1399px) {
  .our-services-2__wrapper {
    gap: 20px 20px;
    grid-template-columns: repeat(4, 277px);
  }
}
@media only screen and (max-width: 1199px) {
  .our-services-2__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .our-services-2__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .our-services-2__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.our-services-2__item:not(:last-child) {
  border-right: 1px solid #DADADA;
}
@media (max-width: 575px) {
  .our-services-2__item:not(:last-child) {
    border-right: none;
  }
}
.our-services-2__item:hover .content::before {
  width: 100%;
}
.our-services-2__item .content {
  margin-right: 40px;
  padding-top: 20px;
  border-top: 1px solid #DADADA;
}
@media only screen and (max-width: 1399px) {
  .our-services-2__item .content {
    margin-right: 20px;
  }
}
.our-services-2__item span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 130px;
  display: inline-block;
  color: var(--primary); letter-spacing: normal;
}
.our-services-2__item .text .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 17px;
  l letter-spacing: normal;
}
.our-services-2__item .text .desc {
  color: #555;
  font-size: 16px;
  max-width: 290px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .our-services-2__item .text .desc {
    max-width: 100%;
  }
}

/* === interaction-2 Section (Home 02) === */
.interaction-2__inner .section-title-2__wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  margin-left: 15px;
  margin-right: 15px;
}
@media (max-width: 575px) {
  .interaction-2__inner .section-title-2__wrapper {
    margin-bottom: 150px;
  }
}
.interaction-2__inner .section-title-2__wrapper .title {
  font-size: 50px;
  text-align: center;
  max-width: 1451px;
  font-weight: normal;
  line-height: 50px;
   letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .interaction-2__inner .section-title-2__wrapper .title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .interaction-2__inner .section-title-2__wrapper .title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .interaction-2__inner .section-title-2__wrapper .title {
    font-size: 27px;
    line-height: 38px;
    letter-spacing: 0;
  }
}
@media (max-width: 575px) {
  .interaction-2__inner .section-title-2__wrapper .title {
    font-size: 21px;
    line-height: 30px;
  }
}

.interaction-2__content {
  right: 205px;
  bottom: 229px;
  padding: 50px;
  height: 460px;
  display: flex;
  position: absolute;
  flex-direction: column;
  background: var(--primary);
}
@media only screen and (max-width: 1919px) {
  .interaction-2__content {
    bottom: 200px;
    right: 120px;
  }
}
@media only screen and (max-width: 1399px) {
  .interaction-2__content {
    bottom: 150px;
    right: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .interaction-2__content {
    bottom: 50px;
    right: 20px;
    padding: 30px;
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .interaction-2__content {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .interaction-2__content {
    height: 250px;
    bottom: 20px;
  }
}
.interaction-2__content .title {
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
   letter-spacing: normal;
  color: var(--white);
  text-transform: uppercase;
}
.interaction-2__content .desc {
  margin-top: auto;
  max-width: 285px;
  color: var(--white);
}

/* blog details area style  */
.blog-details .blog-details-inner {
  margin-top: 45px;
  background-color: #fff;
}
.blog-details .blog-details-info .meta {
  gap: 5px;
  display: flex;
  list-style: none;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .blog-details .blog-details-info .meta {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details .blog-details-info .meta {
    margin-bottom: 30px;
  }
}
.blog-details .blog-details-info .meta li {
  gap: 8px;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 14px;
  text-transform: uppercase;
  padding: 9px 13px;
  align-items: center;
  border-radius: 0px;
  color: var(--primary); letter-spacing: normal;
  border: 1px solid #DADADA;
}

/* ===== Responsive: category chip + title spacing ===== */
@media only screen and (max-width: 1199px) {
  .blog-details .blog-details-info .meta li {
    font-size: 15px;
    line-height: 13px;
    padding: 8px 12px;
  }
}

@media only screen and (max-width: 991px) {
  .blog-details .blog-details-info .meta {
    margin-bottom: 24px;
  }

  .blog-details .blog-details-info .meta li {
    font-size: 14px;
    line-height: 12px;
    padding: 8px 11px;
  }

  .blog-details .section-title-wrapper {
    margin-bottom: 60px;
  }
}

@media (max-width: 575px) {
  .blog-details .blog-details-info .meta {
    margin-bottom: 20px;
  }

  .blog-details .blog-details-info .meta li {
    font-size: 12px;
    line-height: 11px;
    padding: 7px 10px;
  }

  .blog-details .section-title-wrapper {
    margin-bottom: 40px;
  }
}

.blog-details .section-title-wrapper {
  margin-bottom: 85px;
}

/* When the date/share row follows the title, the title sits closer
   and the row carries the spacing down to the hero image */
.blog-details .section-title-wrapper.section-title-wrapper--tight {
  margin-bottom: 28px;
}

/* ===== DATE + SOCIAL SHARE ROW ===== */
.blog-details__share-row {
  display: flex;
  align-items: center;
  gap: 45px;
  margin-bottom: 60px;
}
.blog-details__share-row2 {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  font-size: 16px;
  color: #777;

}
.blog-details__share-row .share-date {
  font-size: 16px;
  color: #777;
}

.blog-details__share-row .share-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

.blog-details__share-row .share-label {
  font-size: 16px;
  color: #777;
  margin-right: 2px;
}

.blog-details__share-row .share-btn {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--primary);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.25s ease;
}

.blog-details__share-row .share-btn:hover {
  color: #888;
}

.blog-details__share-row .share-btn2 {
  background: transparent;
  border: 0;
  padding: 0;
  color: #888;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.25s ease;
}

.blog-details__share-row .share-btn2:hover {
  color: var(--primary);
}

@media (max-width: 575px) {
  .blog-details__share-row {
    gap: 30px;
    margin-bottom: 45px;
  }
}
@media (max-width: 575px) {
  .blog-details__share-row2 {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .blog-details .section-title-wrapper {
    margin-bottom: 60px;
  }
}
.blog-details .section-title-wrapper .section-title {
  font-size: 80px;
  font-weight: normal;
  line-height: 75px;
   letter-spacing: normal;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .blog-details .section-title-wrapper .section-title {
    font-size: 70px;
    line-height: 74px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-details .section-title-wrapper .section-title {
    font-size: 45px;
    line-height: 55px;
    letter-spacing: 0;
  }
}
@media (max-width: 575px) {
  .blog-details .section-title-wrapper .section-title {
    font-size: 33px;
    line-height: 43px;
  }
}
.blog-details__line {
  border-left: 1px solid #e4e4e4;
}
@media only screen and (max-width: 767px) {
  .blog-details__line {
    border-left: none;
  }
}
.blog-details__indent {
  padding-left: 60px;
}
@media only screen and (max-width: 767px) {
  .blog-details__indent {
    padding-left: 0px;
  }
}
.blog-details__content img {
  width: auto;
  overflow: hidden;
  max-width: 100%;
    
}
.blog-details__content h1,
.blog-details__content h2,
.blog-details__content h3,
.blog-details__content h4,
.blog-details__content h5,
.blog-details__content h6 {
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 20px;
  letter-spacing: normal;
  color: #000;
}
@media only screen and (max-width: 1919px) {
  .blog-details__content h1,
  .blog-details__content h2,
  .blog-details__content h3,
  .blog-details__content h4,
  .blog-details__content h5,
  .blog-details__content h6 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details__content h1,
  .blog-details__content h2,
  .blog-details__content h3,
  .blog-details__content h4,
  .blog-details__content h5,
  .blog-details__content h6 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details__content h1,
  .blog-details__content h2,
  .blog-details__content h3,
  .blog-details__content h4,
  .blog-details__content h5,
  .blog-details__content h6 {
    font-size: 28px;
  }
}
.blog-details__content p {
  margin-bottom: 40px;
  color: #000;
  font-family: var(--font_extralight);
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  padding-left: 60px;
  padding-right: 60px;
  letter-spacing: 0.1px;
        
}
.blog-details__content .blog-details__media p.image-credit {
  margin-top: 8px;
  margin-bottom: 0;
  color: #000;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.3px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .blog-details__content p {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
      font-size: 16px;
  }
}
.blog-details__content blockquote {
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
}
@media (max-width: 575px) {
  .blog-details__content blockquote {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.blog-details__content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 100%;
  background-color: #fff;
}
.blog-details__content blockquote .title {
  font-size: 30px;
  font-weight: normal;
  line-height: 34px;
  letter-spacing: 0;
  max-width: 1125px;
  margin-bottom: 20px;
  color: #000;
  font-family: var(--font_thin);
}
@media only screen and (max-width: 767px) {
  .blog-details__content blockquote .title {
    font-size: 25px;
    font-weight: normal;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .blog-details__content blockquote .title {
    font-size: 20px;
  }
}
.blog-details__content blockquote h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 18px;
  color: #000; letter-spacing: 0.1px;
}
.blog-details__content blockquote p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0.1px;
  padding-left: 0px;
}
.blog-details .list {
  margin-left: 20px;
  margin-top: -30px;
  margin-bottom: 60px;
}
.blog-details .list2 {
  margin-left: 0px;
  margin-top: -30px;
  margin-bottom: 60px;
}
.blog-details .list3 {
  margin-left: 0px;
  margin-top: -30px;
  margin-bottom: 60px;
}
.blog-details .list li {
  color: #000;
  font-family: var(--font_extralight);
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0.1px;
  list-style: disc;
}
.blog-details .list2 li {
  color: #000;
  font-family: var(--font_thin);
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0.5px;
  list-style: none;
}
.blog-details .list3 li {
  color: #fff;
  font-family: var(--font_thin);
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0.5px;
  list-style: none;
}
.blog-details__wrapper .media {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1199px) {
  .blog-details__wrapper .media {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details__wrapper .media {
    margin-bottom: 20px;
  }
}
.blog-details__media {
  overflow: hidden;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .blog-details__media {
    margin-bottom: 30px;
  }
}
.blog-details__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-details__tag ul {
  gap: 5px;
  margin-left: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  align-items: center;
}
.blog-details__tag ul li {
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  position: relative;
  color: var(--primary);
}
.blog-details__tag ul li::before {
  left: 0;
  width: 0;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: var(--primary);
  transition: width 0.3s ease-in-out;
}
.blog-details__tag ul li:hover::before {
  width: 100%;
}
.blog-details .post-navigation {
  margin-top: 170px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  gap: 20px 30px;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .blog-details .post-navigation {
    flex-direction: column;
    margin-top: 70px;
  }
}
.blog-details .post-navigation .prev-post {
  gap: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .blog-details .post-navigation .prev-post {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }
}
.blog-details .post-navigation .prev-post .thumb {
  width: 200px;
  height: 180px;
}
.blog-details .post-navigation .prev-post .text {
  max-width: 255px;
}
.blog-details .post-navigation .prev-post .text .date {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
}
.blog-details .post-navigation .prev-post .text .title {
  color: #000;
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
   letter-spacing: normal;
}
.blog-details .post-navigation .prev-post .text > a {
  gap: 6px;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  display: inline-flex; letter-spacing: normal;
}
.blog-details .post-navigation .prev-post .text > a i {
  rotate: -40deg;
  transition: 0.3s ease-in-out;
}
.blog-details .post-navigation .prev-post .text > a::before {
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: var(--primary);
  transition: width 0.3s ease-in-out;
}
.blog-details .post-navigation .prev-post .text > a:hover::before {
  width: 0;
}
.blog-details .post-navigation .prev-post .text > a:hover i {
  rotate: 0deg;
}
.blog-details .post-navigation .prev-post .title {
  font-family: var(--font_inter);
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
.blog-details .post-navigation .next-post {
  gap: 30px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
  .blog-details .post-navigation .next-post {
    flex-direction: row;
  }
}
@media (max-width: 575px) {
  .blog-details .post-navigation .next-post {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.blog-details .post-navigation .next-post .thumb {
  width: 200px;
  height: 180px;
}
.blog-details .post-navigation .next-post .text {
  max-width: 255px;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .blog-details .post-navigation .next-post .text {
    text-align: left;
  }
}
.blog-details .post-navigation .next-post .text .date {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
}
.blog-details .post-navigation .next-post .text .title {
  color: #000;
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
   letter-spacing: normal;
}
.blog-details .post-navigation .next-post .text > a {
  gap: 6px;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  display: inline-flex; letter-spacing: normal;
}
.blog-details .post-navigation .next-post .text > a i {
  rotate: -40deg;
  transition: 0.3s ease-in-out;
}
.blog-details .post-navigation .next-post .text > a::before {
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  content: "";
  position: absolute;
  background-color: var(--primary);
  transition: width 0.3s ease-in-out;
}
.blog-details .post-navigation .next-post .text > a:hover::before {
  width: 0;
}
.blog-details .post-navigation .next-post .text > a:hover i {
  rotate: 0deg;
}
.blog-details .post-navigation .next-post .title {
  font-family: var(--font_inter);
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
.blog-details .comment-wrap {
  margin-top: 170px;
}
@media only screen and (max-width: 1399px) {
  .blog-details .comment-wrap {
    margin-top: 60px;
  }
}
.blog-details .comment-formwrap {
  display: grid;
  gap: 60px 30px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 52px;
}
@media only screen and (max-width: 1399px) {
  .blog-details .comment-formwrap {
    gap: 40px 30px;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-details .comment-formwrap {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details .comment-formwrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog-details .comment-formwrap .message {
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .blog-details .comment-formwrap .message {
    grid-column: auto;
  }
}
.blog-details .comment-formfield input {
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
  outline: none;
  background-color: transparent;
  transition: all 0.5s;
  color: var(--primary);
  font-size: 18px;
}
.dark .blog-details .comment-formfield input {
  border-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 1199px) {
  .blog-details .comment-formfield input {
    font-size: 16px;
  }
}
.blog-details .comment-formfield input:focus {
  border-color: var(--primary);
}
.blog-details .comment-formfield input::placeholder {
  color: var(--primary);
}
.blog-details .comment-formfield input:-webkit-autofill, .blog-details .comment-formfield input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
.blog-details .comment-formfield select {
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid var(--primary);
  outline: none;
  background-color: transparent;
  transition: all 0.5s;
  color: var(--primary);
}
.blog-details .comment-formfield select:focus {
  border-color: var(--primary);
}
.blog-details .comment-formfield select option {
  width: 100%;
  max-width: 100%;
}
.blog-details .submit-btn {
  margin-top: 80px;
}
@media only screen and (max-width: 1399px) {
  .blog-details .submit-btn {
    margin-top: 40px;
  }
}
.blog-details .submit-btn .rr-btn-primary {
  padding: 26px 47px;
}
.blog-details .submit-btn .rr-btn-primary span {
  text-transform: none;
}
/* blog details light mode color overrides */
.light .blog-details .blog-details-inner {
  background-color: #fff;
}

.light .blog-details .blog-details-info .meta li {
  color: #000;
  border-color: #DADADA;
}

.light .blog-details__line {
  border-left-color: rgba(17, 17, 17, 0.2);
}

.light .blog-details__content h1,
.light .blog-details__content h2,
.light .blog-details__content h3,
.light .blog-details__content h4,
.light .blog-details__content h5,
.light .blog-details__content h6 {
  color: #000;
}

.light .blog-details__content p {
  color: #000;
}

.light .blog-details__content .blog-details__media p.image-credit {
  color: #000;
}

.light .blog-details__content blockquote::before {
  background-color: #000;
}

.light .blog-details__content blockquote .title {
  color: #000;
}

.light .blog-details__content blockquote h3 {
  color: #000;
}

.light .blog-details__content blockquote p {
  color: #666;
}

.light .blog-details .list li {
  color: #000;
}

.light .blog-details .list2 li {
  color: #000;
}

.light .blog-details__tag ul li {
  color: #000;
}

.light .blog-details__tag ul li::before {
  background-color: #000;
}

.light .blog-details .post-navigation {
  border-top-color: rgba(17, 17, 17, 0.2);
  border-bottom-color: rgba(17, 17, 17, 0.2);
}

.light .blog-details .post-navigation .prev-post .text .date,
.light .blog-details .post-navigation .next-post .text .date {
  color: #555;
}

.light .blog-details .post-navigation .prev-post .text .title,
.light .blog-details .post-navigation .next-post .text .title,
.light .blog-details .post-navigation .prev-post .text > a,
.light .blog-details .post-navigation .next-post .text > a {
  color: #000;
}

.light .blog-details .post-navigation .prev-post .text > a::before,
.light .blog-details .post-navigation .next-post .text > a::before {
  background-color: #000;
}

.light .blog-details .comment-formfield input {
  border-bottom-color: rgba(17, 17, 17, 0.2);
  color: #000;
}

.light .blog-details .comment-formfield input:focus {
  border-color: #000;
}

.light .blog-details .comment-formfield input::placeholder {
  color: #000;
}

.light .blog-details .comment-formfield select {
  border-bottom-color: #000;
  color: #000;
}

.light .blog-details .comment-formfield select:focus {
  border-color: #000;
}
/* === page-title  === */
.page-title-area .page-title-area-inner {
  padding-top: 250px;
  padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
  .page-title-area .page-title-area-inner {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .page-title-area .page-title-area-inner {
    padding-top: 130px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .page-title-area .page-title-area-inner {
    padding-top: 110px;
    padding-bottom: 60px;
  }
}
.page-title-area .page-title-wrapper .page-sub-title {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 50px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .page-title-area .page-title-wrapper .page-sub-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .page-title-area .page-title-wrapper .page-sub-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .page-title-area .page-title-wrapper .page-sub-title {
    margin-bottom: 10px;
  }
}
.page-title-area .page-title-wrapper .page-title {
  font-size: 130px;
  font-weight: normal;
  line-height: 105px;
  color: var(--primary);
   letter-spacing: -3px;
}
@media only screen and (max-width: 1199px) {
  .page-title-area .page-title-wrapper .page-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .page-title-area .page-title-wrapper .page-title {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 575px) {
  .page-title-area .page-title-wrapper .page-title {
    font-size: 60px;
    line-height: 60px;
     letter-spacing: normal;
  }
}
.page-title-area .page-title-wrapper .page-title span {
  font-style: italic;
}
.page-title-area .page-title-meta {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  justify-content: space-between;
}
.page-title-area .page-title-meta .developed {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.page-title-area .page-title-meta .year {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}

/* === blog Section === */
.blog__wrapper {
  display: grid;
  gap: 80px 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .blog__wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .blog__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .blog__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}
.blog__item .media {
  overflow: hidden;
}
.blog__item .media img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.6s ease-in-out;
}
.blog__item:hover .media img {
  transform: scale(1.2);
}
.blog__item .content {
  margin-top: 14px;
}
.blog__item .content .meta-date {
  gap: 50px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin-bottom: 5px;
}
.blog__item .content .meta-date li {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
}
.blog__item .content .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .blog__item .content .title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .blog__item .content .title {
    font-size: 20px;
  }
}
.blog__item .content .title a:hover {
  color: #555;
}

/* === blog-4 Section === */
.blog-4__inner .section-title-4__wrapper {
  margin-bottom: 67px;
}
@media only screen and (max-width: 991px) {
  .blog-4__inner .section-title-4__wrapper {
    margin-bottom: 40px;
  }
}
.blog-4__inner .section-title-4__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 15px;
  line-height: 24px;
  margin-bottom: 20px;
  border-radius: 500px;
  display: inline-block;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  border: 1.2px solid rgba(17, 17, 17, 0.1);
}
.blog-4__inner .section-title-4__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .blog-4__inner .section-title-4__wrapper .title {
    font-size: 45px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .blog-4__inner .section-title-4__wrapper .title {
    font-size: 30px;
    line-height: 35px;
    l letter-spacing: normal;
  }
}
.blog-4__inner .section-title-4__wrapper .title span {
  font-family: var(--font_tartuffotrial);
}
.blog-4__inner .blog-4__wrapper {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .blog-4__inner .blog-4__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .blog-4__inner .blog-4__wrapper {
    grid-template-columns: 1fr;
  }
}
.blog-4__inner .blog-4__item .media {
  overflow: hidden;
}
.blog-4__inner .blog-4__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.blog-4__inner .blog-4__item:hover .media img {
  transform: scale(1.1);
}
.blog-4__inner .blog-4__content {
  margin-top: 26px;
}
.blog-4__inner .blog-4__content .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px; letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .blog-4__inner .blog-4__content .title {
    font-size: 20px;
    line-height: 25px;
  }
}
.blog-4__inner .blog-4__content .title a:hover {
  color: var(--secondary);
}
.blog-4__inner .blog-4__meta-list {
  list-style: none;
}
.blog-4__inner .blog-4__meta-list li {
  display: flex;
  gap: 10px 32px;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  align-items: center;
   letter-spacing: normal;
  color: rgba(17, 17, 17, 0.7);
}
@media (max-width: 575px) {
  .blog-4__inner .blog-4__meta-list li {
    gap: 10px 20px;
  }
}
.blog-4__inner .blog-4__meta-list li span {
  position: relative;
  display: inline-block;
}
.blog-4__inner .blog-4__meta-list li span::before {
  top: 50%;
  left: -16px;
  width: 4px;
  height: 4px;
  content: "";
  position: absolute;
  border-radius: 500px;
  background: var(--primary);
  transform: translate(-50%, -50%);
}
.blog-4__inner .blog-4__meta-list li span {
  font-weight: normal;
  color: var(--primary);
}

/* === blog-5 Section === */
.blog-5 .section-title-5__wrapper {
  display: grid;
  grid-template-columns: 412px 413px 1fr;
  border-top: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .blog-5 .section-title-5__wrapper {
    grid-template-columns: 389px 391px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .blog-5 .section-title-5__wrapper {
    grid-template-columns: 299px 1fr;
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  .blog-5 .section-title-5__wrapper {
    border-bottom: none;
    grid-template-columns: 1fr;
  }
}
.blog-5 .section-title-5__wrapper .wrp {
  padding-left: 30px;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .blog-5 .section-title-5__wrapper .wrp {
    padding-left: 0;
  }
}
.blog-5 .section-title-5__wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
  color: var(--primary); letter-spacing: normal;
}
.blog-5 .section-title-5__wrapper .sub-title::before {
  left: 0;
  content: "";
  width: 20px;
  height: 1px;
  bottom: 5px;
  position: absolute;
  background: var(--primary);
}
.blog-5 .section-title-5__wrapper .title {
  padding: 26px 30px;
  font-size: 36px;
  font-weight: normal;
  padding-right: 0;
  line-height: 36px;
   letter-spacing: normal;
  border-left: 1px solid var(--border);
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .blog-5 .section-title-5__wrapper .title {
    max-width: 100%;
    font-size: 30px;
    l letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .blog-5 .section-title-5__wrapper .title {
    border-left: none;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .blog-5 .section-title-5__wrapper .title {
    font-size: 28px;
  }
}

.blog-5__inner {
  display: grid;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .blog-5__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .blog-5__inner {
    border-bottom: none;
    border-top: none;
    gap: 20px;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .blog-5__inner {
    grid-template-columns: 1fr;
  }
}
.blog-5__inner .blog-5__item {
  padding: 30px;
}
@media only screen and (max-width: 1199px) {
  .blog-5__inner .blog-5__item {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-5__inner .blog-5__item {
    padding: 0;
  }
}
.blog-5__inner .blog-5__item:not(:last-child) {
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .blog-5__inner .blog-5__item:not(:last-child) {
    border-right: none;
  }
}
.blog-5__inner .blog-5__item .media {
  overflow: hidden;
}
.blog-5__inner .blog-5__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.blog-5__inner .blog-5__item:hover .media img {
  transform: scale(1.1);
}
.blog-5__inner .blog-5__item .content {
  margin-top: 14px;
}
.blog-5__inner .blog-5__item .content .meta-list {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}
.blog-5__inner .blog-5__item .content .meta-list li {
  color: #555;
  font-size: 14px;
  font-weight: normal;
  line-height: 27px;
}
.blog-5__inner .blog-5__item .content .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  l letter-spacing: normal;
}

/* === blog-56 Section === */
.blog-6__inner {
  display: grid;
  gap: 0 54px;
  padding-top: 14px;
  margin-top: 70px;
  grid-template-columns: 841px 1fr;
  border-top: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .blog-6__inner {
    grid-template-columns: 600px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-6__inner {
    gap: 0 30px;
    grid-template-columns: 450px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .blog-6__inner {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.blog-6__inner .blog-6__media {
  height: 475px;
}
@media only screen and (max-width: 767px) {
  .blog-6__inner .blog-6__media {
    height: 300px;
  }
}
.blog-6__inner .blog-6__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-6__inner .blog-6__media .title {
  margin-top: 14px;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
   letter-spacing: normal;
}
@media (max-width: 575px) {
  .blog-6__inner .blog-6__media .title {
    font-size: 20px;
  }
}
.blog-6__inner .blog-6__media .title a:hover {
  color: var(--secondary);
}
.blog-6__inner .blog-6__meta-list {
  gap: 32px;
  display: flex;
  list-style: none;
  margin-top: 20px;
  align-items: center;
}
@media (max-width: 575px) {
  .blog-6__inner .blog-6__meta-list {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.blog-6__inner .blog-6__meta-list li {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  position: relative; letter-spacing: normal;
  display: inline-block;
}
.blog-6__inner .blog-6__meta-list li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0%;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 500px;
  background: currentColor;
  transform: translate(20px, -50%);
}
.blog-6__inner .blog-6__item {
  display: flex;
  align-items: center;
  padding-bottom: 26px;
  transition: all 0.3s;
  margin-bottom: 28px;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
}
.blog-6__inner .blog-6__item:hover {
  border-color: var(--primary);
}
.blog-6__inner .blog-6__item:hover .icon {
  background: var(--primary);
  color: var(--white);
}
@media (max-width: 575px) {
  .blog-6__inner .blog-6__item {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.blog-6__inner .blog-6__item .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
   letter-spacing: normal;
}
@media (max-width: 575px) {
  .blog-6__inner .blog-6__item .text .title {
    font-size: 20px;
  }
}
.blog-6__inner .blog-6__item .text .title a:hover {
  color: var(--secondary);
}
.blog-6__inner .blog-6__item .text .meta-list {
  gap: 32px;
  display: flex;
  list-style: none;
  margin-top: 14px;
  align-items: center;
}
@media (max-width: 575px) {
  .blog-6__inner .blog-6__item .text .meta-list {
    flex-wrap: wrap;
    gap: 25px;
  }
}
.blog-6__inner .blog-6__item .text .meta-list li {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  position: relative; letter-spacing: normal;
  display: inline-block;
}
.blog-6__inner .blog-6__item .text .meta-list li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0%;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 500px;
  background: currentColor;
  transform: translate(20px, -50%);
}
@media (max-width: 575px) {
  .blog-6__inner .blog-6__item .text .meta-list li:not(:last-child)::before {
    transform: translate(15px, -50%);
  }
}
.blog-6__inner .blog-6__item .icon {
  width: 44px;
  height: 44px;
  display: flex;
  rotate: -45deg;
  align-items: center;
  transition: all 0.3s;
  color: var(--primary);
  border-radius: 500px;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (max-width: 991px) {
  .blog-6__inner .blog-6__content {
    margin-top: 100px;
  }
}
.blog-6__inner .blog-6__content .rr-btn-primary {
  gap: 8px;
  margin-top: 30px;
  border-radius: 0;
  color: var(--white);
  padding: 15px 29.71px;
  background-color: var(--primary);
}
.blog-6__inner .blog-6__content .rr-btn-primary .text span {
  color: var(--white);
}
.blog-6__inner .blog-6__content .rr-btn-primary i {
  font-weight: 400;
  color: var(--white);
  transform: rotate(-45deg);
}

/* === services-rating  (inner page) === */
.services-rating .section-title-wrapper .section-title {
  max-width: 581px;
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 50px;
   letter-spacing: normal;
}
@media (max-width: 575px) {
  .services-rating .section-title-wrapper .section-title {
    font-size: 40px;
    line-height: 45px;
  }
}
.services-rating__wrap {
  padding-left: 40px;
  position: relative;
}
@media (max-width: 575px) {
  .services-rating__wrap {
    padding-left: 20px;
  }
}
.services-rating__wrap::before {
  content: "";
  left: 0;
  height: calc(100% + 20px);
  width: 2px;
  background: var(--primary);
  position: absolute;
}
@media (max-width: 575px) {
  .services-rating__wrap::before {
    height: calc(100% + 0px);
  }
}
.services-rating__wrap .desc {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  max-width: 328px;
  line-height: 20px;
  margin-bottom: 25px; letter-spacing: normal;
}
.services-rating__wrap .rating {
  display: flex;
  list-style: none;
  align-items: center;
}
.services-rating__wrap .rating li {
  color: var(--primary);
}

/* === projects  (inner page) === */
.projects-2-inner {
  gap: 30px 75px;
  display: grid;
  margin-top: 70px;
  margin-left: -150px;
  grid-template-columns: 900px auto;
}
@media only screen and (max-width: 1399px) {
  .projects-2-inner {
    grid-template-columns: 600px auto;
    margin-left: 0;
    gap: 30px 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .projects-2-inner {
    grid-template-columns: 500px auto;
  }
}
@media only screen and (max-width: 991px) {
  .projects-2-inner {
    grid-template-columns: auto;
  }
}
.projects-2-inner .projects-2__media {
  position: relative;
}
.projects-2-inner .projects-2__media .thumb {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  clip-path: polygon(0 100%, 0 100%, 0 100%, 0 100%);
  transition: opacity 1s ease, clip-path 1s ease;
}
.projects-2-inner .projects-2__media .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects-2-inner .projects-2__media .thumb.active {
  opacity: 1;
  z-index: 2;
  clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}
.projects-2-inner .projects-2__media .thumb.prev {
  opacity: 1;
  /* চাইলে হালকা ghost effect রাখো */
  z-index: 1;
  /* active এর নিচে থাকবে */
}
.projects-2-inner .projects-2__item {
  gap: 20px;
  display: grid;
  padding-top: 40px;
  padding-bottom: 170px;
  grid-template-columns: 390px 1fr;
  border-top: 1px solid var(--border);
}
@media only screen and (max-width: 1919px) {
  .projects-2-inner .projects-2__item {
    grid-template-columns: auto 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .projects-2-inner .projects-2__item {
    padding-bottom: 120px;
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 991px) {
  .projects-2-inner .projects-2__item {
    padding-bottom: 60px;
    padding-top: 20px;
  }
}
.projects-2-inner .projects-2__item .title {
  color: #000;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
   letter-spacing: normal;
}
.projects-2-inner .projects-2__item .content p {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 30px; letter-spacing: normal;
}
.projects-2-inner .projects-2__item .content .list {
  list-style: none;
  margin-top: 120px;
}
@media only screen and (max-width: 991px) {
  .projects-2-inner .projects-2__item .content .list {
    margin-top: 60px;
  }
}
.projects-2-inner .projects-2__item .content .list li {
  gap: 10px;
  display: flex;
  padding: 20px 0;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  text-align: right; letter-spacing: normal;
  justify-content: space-between;
  border-top: 1px solid var(--border);
}
.projects-2-inner .projects-2__item .content .list li:last-child {
  border-bottom: 1px solid var(--border);
}

/* === services-2  (inner page) === */
.services-2__inner {
  gap: 25px;
  display: grid;
  grid-template-columns: 800px 1fr;
}
@media only screen and (max-width: 1919px) {
  .services-2__inner {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .services-2__inner {
    grid-template-columns: 350px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .services-2__inner {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .services-2__inner {
    grid-template-columns: 1fr;
  }
}
.services-2__content .title {
  color: #000;
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 70px;
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 991px) {
  .services-2__content .title {
    margin-bottom: 30px;
  }
}
.services-2__content .title span {
  font-family: var(--font_regular);
}
.services-2__content p {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  max-width: 300px;
}
.services-2__wrapper .title {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px; letter-spacing: normal;
  position: relative;
  padding-left: 17px;
}
.services-2__wrapper .title::before {
  content: "";
  left: 0;
  position: absolute;
  height: calc(100% + 10px);
  width: 2px;
  background: var(--primary);
  top: 50%;
  transform: translate(0px, -50%);
}
.services-2__list {
  list-style: none;
  margin-top: 88px;
}
@media only screen and (max-width: 991px) {
  .services-2__list {
    margin-top: 50px;
  }
}
.services-2__list li {
  gap: 20px;
  color: #000;
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  align-items: center;
   letter-spacing: normal;
  padding: 23px 0;
  border-top: 1px solid var(--border);
}
.services-2__list li:last-child {
  border-bottom: 1px solid var(--border);
}
.services-2__list li a {
  display: flex;
  font-size: 15px;
  align-items: center;
  justify-content: space-between;
}
.services-2__list li a span {
  margin-right: auto;
  margin-left: 20px;
}

/* === service-7  (inner page) === */
.service-7__bg {
  background-color: #F4F4F4;
}
.service-7__top {
  gap: 115px;
  display: flex;
  align-items: start;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .service-7__top {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .service-7__top {
    margin-bottom: 40px;
  }
}
.service-7__top .section-title-6__wrapper .title {
  max-width: 860px;
}
.service-7__subtitle {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  transform: translateY(8px);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1199px) {
  .service-7__subtitle {
    transform: translateY(0px);
  }
}
.service-7__wrapper {
  display: grid;
  align-items: end;
  margin-left: 0px;
  grid-template-columns: 850px 675px;
}
@media (min-width: 1700px) and (max-width: 1800px) {
  .service-7__wrapper {
    grid-template-columns: 850px 585px;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .service-7__wrapper {
    margin-left: 0;
    grid-template-columns: 850px 585px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .service-7__wrapper {
    margin-left: 0px;
    grid-template-columns: 800px 570px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-7__wrapper {
    margin-left: 0;
    grid-template-columns: 690px 479px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-7__wrapper {
    align-items: center;
    grid-template-columns: 545px 420px;
  }
}
@media only screen and (max-width: 991px) {
  .service-7__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-7__wrap {
  max-width: 850px;
  width: 100%;
  height: 492px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .service-7__wrap {
    height: 365px;
  }
}
@media only screen and (max-width: 767px) {
  .service-7__wrap {
    height: 362px;
  }
}
@media (max-width: 575px) {
  .service-7__wrap {
    height: 765px;
  }
}
.service-7__item-box {
  top: 0;
  left: 0;
  gap: 30px;
  display: grid;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
  transform: none;
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.65s;
  grid-template-columns: 300px 520px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .service-7__item-box {
    grid-template-columns: 300px 475px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-7__item-box {
    grid-template-columns: 260px 400px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-7__item-box {
    gap: 20px;
    grid-template-columns: 200px 325px;
  }
}
@media only screen and (max-width: 991px) {
  .service-7__item-box {
    grid-template-columns: 250px 415px;
  }
}
@media only screen and (max-width: 767px) {
  .service-7__item-box {
    grid-template-columns: 200px 325px;
  }
}
@media (max-width: 575px) {
  .service-7__item-box {
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-7__item-box.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
  transform: none;
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.08s,
    visibility 0s linear 0s;
}
.service-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-7__btn {
  margin-top: 100px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1199px) {
  .service-7__btn {
    margin-top: 100px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .service-7__btn {
    margin-top: 20px;
  }
}
.service-7__btn .rr-underline {
  gap: 6px;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  padding-bottom: 2px;
  display: inline-flex;
  color: var(--primary);
  text-transform: capitalize;
}
.service-7__btn .rr-underline i {
  font-weight: 400;
}
.service-7__btn .rr-underline::before {
  width: 87%;
}
.service-7__title {
  font-size: 20px;
  font-weight: normal;
  margin-top: 45px;
  line-height: 22px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  border-bottom: 0px solid rgba(17, 17, 17, 0.08);
}
@media only screen and (max-width: 1199px) {
  .service-7__title {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.service-7__dec {
  font-size: 16px;
  max-width: 504px;
  font-weight: normal;
  line-height: 24px;
  color: var(--secondary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.service-7__list {
  max-width: 540px;
  margin-left: 55px;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .service-7__list {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-7__list {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .service-7__list {
    margin-left: 0px;
    margin-top: 30px;
  }
}

.service-7__list li {
  gap: 10px;
  display: flex;
  font-size: 30px;
  font-weight: normal;
  color: #999999;
  line-height: 20px;
  align-items: start;
  position: relative;
   letter-spacing: normal;
  padding: 20px 8px 20px 0px;
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
  border-bottom: 0px solid rgba(17, 17, 17, 0.08);
}
.service-7__list li:first-of-type {
  border-top: 0px solid rgba(17, 17, 17, 0.08);
}
.service-7__list li span {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  font-style: Italic;
  letter-spacing: normal;
  transform: translateY(-6px);
  font-family: var(--font_tartuffotrial);
}
.service-7__list li::before {
  content: "";
  right: 8px;
  top: 50%;
  width: 0px;
  height: 0px;
  position: absolute;
  border-radius: 0px;
  transform: translateY(-50%);
  background-color: #999999;
  transition: all 0.6s ease-in-out;
}
@media (max-width: 575px) {
  .service-7__list li::before {
    display: none;
  }
}
.service-7__list li.active {
  cursor: pointer;
  color: var(--primary);
}
.service-7__list li.active::before {
  background-color: var(--primary);
}
.service-7__top,
.service-7__wrapper {
  width: 100%;
  margin-left: 0;
}
/* =========================================================
   SERVICE 7 — TABLET FIX
========================================================= */
@media only screen and (min-width: 576px) and (max-width: 991px) {

  .service-7__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    width: 100%;
    margin-left: 0;
  }

  .service-7__wrap {
    width: 100%;
    max-width: 100%;
    height: 500px;
    overflow: hidden;
  }

  .service-7__item-box {
    width: 100%;
    max-width: 100%;
    gap: 24px;
    grid-template-columns: minmax(200px, 38%) minmax(0, 1fr);
  }

  .service-7__item--primary,
  .service-7__item--secondary {
    width: 100%;
    min-width: 0;
  }

  .service-7__item--primary .service-7__thumb {
    aspect-ratio: 4 / 5;
  }

  .service-7__item--secondary .service-7__thumb {
    aspect-ratio: 16 / 10;
  }

  .service-7__title {
    margin-top: 24px;
  }

  .service-7__dec {
    max-width: 100%;
  }

  .service-7__btn {
    margin-top: 40px;
  }

  .service-7__list {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }
}
/* service details page css */
.hero-area-service-details .service-meta {
  z-index: 1;
  display: grid;
  gap: 10px 60px;
  margin-top: 48px;
  position: relative;
  grid-template-columns: 1fr 1045px;
}
@media only screen and (max-width: 1919px) {
  .hero-area-service-details .service-meta {
    grid-template-columns: 1fr 845px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-area-service-details .service-meta {
    grid-template-columns: 1fr 645px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-area-service-details .service-meta {
    grid-template-columns: 1fr 585px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .service-meta {
    grid-template-columns: 1fr;
  }
}
.hero-area-service-details .service-meta .serial {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}
.hero-area-service-details .service-meta .tag {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}
.hero-area-service-details .service-meta .next-item {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.hero-area-service-details .section-header {
  display: grid;
  margin-top: -42px;
  justify-content: flex-end;
  grid-template-columns: 792px;
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .section-header {
    margin-top: 30px;
    grid-template-columns: 1fr;
  }
}
.hero-area-service-details .section-header .title-wrapper .section-title {
  font-size: 90px;
  font-weight: 400;
  line-height: 85px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .hero-area-service-details .section-header .title-wrapper .section-title {
    font-size: 70px;
    line-height: 80px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .section-header .title-wrapper .section-title {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-area-service-details .section-header .title-wrapper .section-title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (max-width: 575px) {
  .hero-area-service-details .section-header .title-wrapper .section-title {
    font-size: 40px;
    line-height: 50px;
  }
}
.hero-area-service-details .section-content-wrapper {
  margin-top: 62px;
  display: grid;
  gap: 50px;
  grid-template-columns: 500px 1fr;
  border-top: 1px solid var(--primary);
}
@media only screen and (max-width: 1199px) {
  .hero-area-service-details .section-content-wrapper {
    grid-template-columns: 420px 1fr;
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .section-content-wrapper {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }
}
.hero-area-service-details .section-content {
  border-right: 1px solid var(--primary);
  padding-top: 50px;
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .section-content {
    border-right: none;
    padding-top: 30px;
  }
}
.hero-area-service-details .section-content .title {
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
   letter-spacing: normal;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1399px) {
  .hero-area-service-details .section-content .title {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-area-service-details .section-content .title {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .section-content .title {
    margin-bottom: 30px;
    letter-spacing: 0;
  }
  .hero-area-service-details .section-content .title br {
    display: none;
  }
}
.hero-area-service-details .section-content .text {
  color: var(--secondary);
  font-size: 18px;
  max-width: 395px;
  line-height: 26px;
}
.hero-area-service-details .section-thumb {
  margin-top: 50px;
}
@media only screen and (max-width: 991px) {
  .hero-area-service-details .section-thumb {
    margin-top: 30px;
  }
}
.hero-area-service-details .section-thumb img {
  width: 100%;
}
.hero-area-service-details .feature-list {
  margin-top: 45px;
}
.hero-area-service-details .feature-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hero-area-service-details .feature-list ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  display: inline-flex;
  padding: 11px 19px;
  align-items: center;
  color: var(--primary);
  border-radius: 500px;
  border: 1px solid var(--border);
}

/* approach area service details style  */
.approach-area-service-details-page .section-title {
  max-width: 658px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
   letter-spacing: normal;
  margin-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
  .approach-area-service-details-page .section-title {
    font-size: 38px;
    line-height: 45px;
    letter-spacing: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .approach-area-service-details-page .section-title {
    font-size: 30px;
    line-height: 40px;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .approach-area-service-details-page .section-title {
    font-size: 22px;
    line-height: 35px;
  }
}
.approach-area-service-details-page .approach-wrapper-box {
  display: grid;
  gap: 20px 60px;
  grid-template-columns: 1fr 790px;
  align-items: flex-start;
}
@media only screen and (max-width: 1399px) {
  .approach-area-service-details-page .approach-wrapper-box {
    grid-template-columns: 1fr 675px;
  }
}
@media only screen and (max-width: 1199px) {
  .approach-area-service-details-page .approach-wrapper-box {
    grid-template-columns: 1fr 575px;
  }
}
@media only screen and (max-width: 991px) {
  .approach-area-service-details-page .approach-wrapper-box {
    grid-template-columns: 1fr;
  }
}
.approach-area-service-details-page .approach-wrapper-content {
  margin-top: 270px;
}
@media only screen and (max-width: 1199px) {
  .approach-area-service-details-page .approach-wrapper-content {
    margin-top: 230px;
  }
}
@media only screen and (max-width: 991px) {
  .approach-area-service-details-page .approach-wrapper-content {
    margin-top: 0px;
  }
}
.approach-area-service-details-page .approach-wrapper-content .subtitle-wrapper .subtitle {
  color: var(--primary);
  font-family: var(--font_bdogrotesk);
}
.approach-area-service-details-page .approach-wrapper-content .steps {
  display: block;
  font-size: 330px;
  font-weight: 400;
  margin-top: 100px;
  line-height: 245px;
  color: var(--primary);
  letter-spacing: -16.5px;
}
@media only screen and (max-width: 1199px) {
  .approach-area-service-details-page .approach-wrapper-content .steps {
    font-size: 250px;
    margin-top: 80px;
    font-weight: 400;
    line-height: 220px;
    letter-spacing: -10.5px;
  }
}
@media only screen and (max-width: 991px) {
  .approach-area-service-details-page .approach-wrapper-content .steps {
    font-size: 230px;
    margin-top: 40px;
     letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .approach-area-service-details-page .approach-wrapper-content .steps {
    font-size: 200px;
    line-height: 185px;
    margin-top: 30px;
     letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .approach-area-service-details-page .approach-wrapper-content .steps {
    font-size: 160px;
    line-height: 150px;
    margin-top: 30px;
    letter-spacing: 0;
  }
}
.approach-area-service-details-page .approach-wrapper {
  border-top: 1px dashed #878482;
}
.dark .approach-area-service-details-page .approach-wrapper {
  border-color: #626262;
}
.approach-area-service-details-page .approach-box {
  display: grid;
  gap: 10px 45px;
  grid-template-columns: 60px 1fr 360px;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 44px;
  border-bottom: 1px dashed #878482;
}
.dark .approach-area-service-details-page .approach-box {
  border-color: #626262;
}
@media only screen and (max-width: 1919px) {
  .approach-area-service-details-page .approach-box {
    grid-template-columns: 60px 1fr 395px;
  }
}
@media only screen and (max-width: 1399px) {
  .approach-area-service-details-page .approach-box {
    grid-template-columns: 60px 1fr;
  }
}
@media (max-width: 575px) {
  .approach-area-service-details-page .approach-box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.approach-area-service-details-page .approach-box .number {
  font-size: 30px;
  font-weight: 400;
  line-height: 26px;
  color: var(--primary);
  font-family: var(--font_bdogrotesk);
}
@media only screen and (max-width: 1399px) {
  .approach-area-service-details-page .approach-box .number {
    grid-row: span 2;
  }
}
.approach-area-service-details-page .approach-box .title {
  font-size: 30px;
  font-weight: 310;
  line-height: 30px;
  letter-spacing: -0.07em;
}
@media only screen and (max-width: 1199px) {
  .approach-area-service-details-page .approach-box .title {
    letter-spacing: 0;
  }
}
.approach-area-service-details-page .approach-box .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: var(--secondary);
}

/* feature area style  */
.feature-area .features-wrapper {
  display: grid;
  gap: 50px 101px;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .feature-area .features-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .feature-area .features-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.feature-area .feature-box {
  position: relative;
  display: grid;
  gap: 181px;
}
@media only screen and (max-width: 1919px) {
  .feature-area .feature-box {
    gap: 95px;
  }
}
@media only screen and (max-width: 1399px) {
  .feature-area .feature-box {
    gap: 75px;
  }
}
@media only screen and (max-width: 1199px) {
  .feature-area .feature-box {
    gap: 45px;
  }
}
.feature-area .feature-box:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  top: 0;
  left: -50px;
}
.feature-area .feature-box .title {
  font-size: 30px;
  font-weight: 310;
  line-height: 30px;
   letter-spacing: normal;
  color: var(--white);
}
@media only screen and (max-width: 1399px) {
  .feature-area .feature-box .title {
    letter-spacing: 0;
  }
}
.feature-area .feature-box .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 30px;
  color: #999999;
}

/* value area style  */
.value-area .section-content-wrapper {
  display: grid;
  gap: 40px 60px;
  grid-template-columns: 460px 1fr;
}
@media only screen and (max-width: 1399px) {
  .value-area .section-content-wrapper {
    grid-template-columns: 360px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .value-area .section-content-wrapper {
    grid-template-columns: 1fr;
  }
}
.value-area .values-wrapper {
  display: grid;
  gap: 100px 70px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1399px) {
  .value-area .values-wrapper {
    gap: 80px 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .value-area .values-wrapper {
    gap: 60px 50px;
  }
}
@media (max-width: 575px) {
  .value-area .values-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .value-area .values-wrapper {
    grid-template-columns: 1fr;
  }
}
.value-area .value-box {
  border-top: 3px solid #3E3E3E;
}
.value-area .value-box .sub-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px; letter-spacing: normal;
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .value-area .value-box .sub-title {
    margin-top: 20px;
  }
}
.value-area .value-box .number {
  font-size: 90px;
  font-weight: 400;
  line-height: 85px;
  color: var(--white);
   letter-spacing: normal;
  margin-top: 88px;
}
@media only screen and (max-width: 1399px) {
  .value-area .value-box .number {
    font-size: 60px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .value-area .value-box .number {
    font-size: 50px;
    margin-top: 0;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .value-area .value-box .number {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .value-area .value-box .number {
    font-size: 35px;
  }
}
.value-area .value-box .text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 35px;
  color: #999999;
}
@media only screen and (max-width: 1199px) {
  .value-area .value-box .text {
    margin-top: 10px;
  }
}

/* faq area style  */
.faq-area.faq-area-space {
  padding-top: 50px;
}
.faq-area .faq-area-inner {
  display: grid;
  gap: 30px;
  grid-template-columns: 600px 1fr;
}
@media only screen and (max-width: 1399px) {
  .faq-area .faq-area-inner {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-area .faq-area-inner {
    grid-template-columns: 400px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .faq-area .faq-area-inner {
    grid-template-columns: 1fr;
  }
}
.faq-area .section-title-wrapper {
  display: block;
}
.faq-area .section-title-wrapper .title-wrapper .section-title {
  font-size: 90px;
  font-weight: 400;
  line-height: 85px;
  margin-top: 35px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1399px) {
  .faq-area .section-title-wrapper .title-wrapper .section-title {
    font-size: 80px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-area .section-title-wrapper .title-wrapper .section-title {
    font-size: 60px;
    line-height: 70px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 991px) {
  .faq-area .section-title-wrapper .title-wrapper .section-title {
    font-size: 50px;
    line-height: 60px;
    margin-top: 20px;
  }
  .faq-area .section-title-wrapper .title-wrapper .section-title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .faq-area .section-title-wrapper .title-wrapper .section-title {
    font-size: 30px;
    line-height: 50px;
    margin-top: 10px;
  }
}
.faq-area .section-title-wrapper .title-wrapper .section-title span {
  font-family: var(--font_ppeditor);
}
.faq-area .accordion {
  counter-reset: accordion;
  border-top: 1px solid #E7E7E7;
}
.dark .faq-area .accordion {
  border-color: #292929;
}
.faq-area .accordion-button {
  padding: 22px 0 23px;
  background-color: transparent;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
}
@media only screen and (max-width: 1919px) {
  .faq-area .accordion-button {
    padding: 20px 0 23px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-area .accordion-button {
    font-size: 20px;
  }
}
.faq-area .accordion-button::after {
  content: "+";
  font-family: var(--font_awesome);
  background-image: none;
  color: var(--primary);
  font-size: 20px;
  font-weight: normal;
  transition: all 0.5s;
}
@media (max-width: 575px) {
  .faq-area .accordion-button::after {
    margin-top: -31px;
  }
}
.faq-area .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.faq-area .accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #E7E7E7;
  position: relative;
  transition: all 0.5s;
  border-radius: 0;
}
.dark .faq-area .accordion-item {
  border-color: #292929;
}
.faq-area .accordion-item .title {
  gap: 49px;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
  align-items: center;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_bdogrotesk);
}
@media (max-width: 575px) {
  .faq-area .accordion-item .title {
    align-items: self-start;
    letter-spacing: 0px;
    gap: 30px;
    line-height: 26px;
    font-size: 16px;
  }
}
.faq-area .accordion-body {
  padding: 30px 0 50px;
  border: none;
  padding-left: 68px;
  border-top: 1px solid #E7E7E7;
}
.dark .faq-area .accordion-body {
  border-color: #292929;
}
@media only screen and (max-width: 767px) {
  .faq-area .accordion-body {
    padding-left: 30px;
  }
}
.faq-area .accordion-body p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 575px) {
  .faq-area .accordion-body p {
    font-size: 16px;
  }
}
.faq-area .accordion-body p:last-child {
  margin-top: 30px;
}

/* ===portfolio-details  (Home 08) === */
.portfolio-details__inner {
  padding-top: 65px;
  padding-bottom: 70px;
}
.portfolio-details__inner .section-title-wrapper {
  display: flex;
  margin-bottom: 140px;
  align-items: flex-end;
  max-width: 1346px;
  gap: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .portfolio-details__inner .section-title-wrapper {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .portfolio-details__inner .section-title-wrapper {
    margin-bottom: 60px;
    flex-wrap: wrap;
  }
}
.portfolio-details__inner .section-title-wrapper .title {
  font-size: 30px;
  font-weight: normal;
  max-width: 850px;
  line-height: 32px;
  color: var(--primary);
   letter-spacing: normal;
}
@media (max-width: 575px) {
  .portfolio-details__inner .section-title-wrapper .title {
    font-size: 25px;
  }
}
.portfolio-details__inner .section-title-wrapper .title span {
  color: #999999;
}
.portfolio-details__inner .section-title-wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}

.portfolio-details__wrapper {
  gap: 30px;
  display: grid;
  grid-template-columns: 850px 1fr;
}
@media only screen and (max-width: 1399px) {
  .portfolio-details__wrapper {
    grid-template-columns: 650px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .portfolio-details__wrapper {
    grid-template-columns: 470px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .portfolio-details__wrapper {
    grid-template-columns: 1fr;
  }
}
.portfolio-details__wrapper .portfolio-details__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio-details__wrapper .portfolio-details__content {
  gap: 30px;
  display: grid;
  grid-template-columns: 355px 1fr;
}
@media only screen and (max-width: 1919px) {
  .portfolio-details__wrapper .portfolio-details__content {
    grid-template-columns: auto 1fr;
  }
}
@media (max-width: 575px) {
  .portfolio-details__wrapper .portfolio-details__content {
    grid-template-columns: 1fr;
  }
}
.portfolio-details__wrapper .portfolio-details__info-item:not(:last-child) {
  margin-bottom: 12px;
}
.portfolio-details__wrapper .portfolio-details__info span {
  font-size: 16px;
  display: inline;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 2px; letter-spacing: normal;
  color: #999;
}
.portfolio-details__wrapper .portfolio-details__info .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.portfolio-details__wrapper .portfolio-details__overview .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 18px;
  color: var(--primary); letter-spacing: normal;
}
.portfolio-details__wrapper .portfolio-details__overview p {
  margin-bottom: 20px;
}
.portfolio-details__wrapper .portfolio-details__overview .list {
  margin-top: 150px;
  margin-left: 20px;
}
@media only screen and (max-width: 1199px) {
  .portfolio-details__wrapper .portfolio-details__overview .list {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .portfolio-details__wrapper .portfolio-details__overview .list {
    margin-top: 60px;
  }
}
.portfolio-details__wrapper .portfolio-details__overview .list .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 18px;
  color: var(--primary);
  display: inline-block; letter-spacing: normal;
  margin-left: -18px;
}
.portfolio-details__wrapper .portfolio-details__overview .list li:not(:last-child) {
  margin-bottom: 12px;
}
.portfolio-details__wrapper .portfolio-details__overview .list li:first-child {
  list-style-type: disc;
}

.portfolio-gallery__inner {
  display: grid;
  gap: 20px;
  margin-bottom: 130px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1399px) {
  .portfolio-gallery__inner {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .portfolio-gallery__inner {
    margin-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .portfolio-gallery__inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.portfolio-gallery__inner > * img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio-gallery__inner > *:nth-child(3) {
  width: 900px;
}
@media only screen and (max-width: 1399px) {
  .portfolio-gallery__inner > *:nth-child(3) {
    width: 100%;
  }
}
.portfolio-gallery__inner .span-2 {
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .portfolio-gallery__inner .span-2 {
    grid-column: auto;
  }
}

/* === team-area  (inner page) === */
.team-area .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.team-area__inner {
  gap: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .team-area__inner {
    margin-top: 10px;
    grid-template-columns: 1fr;
  }
}
.team-area .team__box {
  gap: 40px;
  display: flex;
  padding: 20px 0;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
@media only screen and (max-width: 1199px) {
  .team-area .team__box {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .team-area .team__box {
    flex-wrap: wrap;
  }
}
.team-area .team__box .content {
  display: flex;
  flex-direction: column;
}
.team-area .team__box .content .top-text .name {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 8px;
  color: var(--primary);
   letter-spacing: normal;
}
.team-area .team__box .content .top-text span {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-area .team__box .content .bottom-text {
  margin-top: auto;
}
.team-area .team__box .content .bottom-text a {
  color: #999;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  transition: all 0.3s; letter-spacing: normal;
}
.team-area .team__box .content .bottom-text a:hover {
  color: var(--primary);
}

.team-list-area__inner {
  padding-top: 100px;
}
.team-list-area__inner .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 27px;
  color: var(--primary); letter-spacing: normal;
}
.team-list-area__inner .team-wrapper .team-box {
  gap: 20px 30px;
  display: grid;
  padding: 20px 0;
  align-items: center;
  border-top: 1px solid var(--border);
  grid-template-columns: 800px 1fr 18px;
}
@media only screen and (max-width: 1399px) {
  .team-list-area__inner .team-wrapper .team-box {
    grid-template-columns: 600px 1fr 18px;
  }
}
@media only screen and (max-width: 1199px) {
  .team-list-area__inner .team-wrapper .team-box {
    grid-template-columns: 500px 1fr 18px;
  }
}
@media only screen and (max-width: 991px) {
  .team-list-area__inner .team-wrapper .team-box {
    grid-template-columns: 350px 1fr 18px;
  }
}
@media only screen and (max-width: 767px) {
  .team-list-area__inner .team-wrapper .team-box {
    grid-template-columns: 250px 1fr 18px;
  }
}
@media (max-width: 575px) {
  .team-list-area__inner .team-wrapper .team-box {
    grid-template-columns: 1fr;
  }
}
.team-list-area__inner .team-wrapper .team-box:last-child {
  border-bottom: 1px solid var(--border);
}
.team-list-area__inner .team-wrapper .team-box:hover .media {
  transform: translateX(20px);
}
.team-list-area__inner .team-wrapper .team-box:hover .t-btn {
  transform: translateX(-20px) rotate(-45deg);
}
.team-list-area__inner .team-wrapper .team-box .media {
  gap: 10px 25px;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
@media only screen and (max-width: 767px) {
  .team-list-area__inner .team-wrapper .team-box .media {
    flex-direction: column;
    align-items: start;
  }
}
.team-list-area__inner .team-wrapper .team-box .media .thumb {
  width: 100px;
  height: 100px;
  display: flex;
  overflow: hidden;
  border-radius: 500px;
}
.team-list-area__inner .team-wrapper .team-box .text {
  gap: 10px 30px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .team-list-area__inner .team-wrapper .team-box .text {
    flex-direction: column;
    align-items: start;
  }
}
.team-list-area__inner .team-wrapper .team-box .text .name {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  color: var(--primary);
   letter-spacing: normal;
}
.team-list-area__inner .team-wrapper .team-box .text .desig {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-list-area__inner .team-wrapper .team-box .info {
  display: flex;
  gap: 10px 30px;
}
@media only screen and (max-width: 991px) {
  .team-list-area__inner .team-wrapper .team-box .info {
    flex-direction: column;
  }
}
.team-list-area__inner .team-wrapper .team-box .info a {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-list-area__inner .team-wrapper .team-box .info a:hover {
  color: var(--primary);
}
.team-list-area__inner .team-wrapper .team-box .t-btn {
  transform: translateX(0px) rotate(-45deg);
  color: var(--primary);
  transition: all 0.5s;
}
@media (max-width: 575px) {
  .team-list-area__inner .team-wrapper .team-box .t-btn {
    transform: none;
  }
}

/* === team-6  (inner page) === */
.team-6 {
  background-color: var(--white);
}

/* Align the heading and cards to the same right-hand content column. */
.team-6__content,
.team-6__wrap {
  width: min(100%, 1286px);
  margin-left: auto;
}

.team-6__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 40px;
  margin-bottom: 76px;
}

.team-6__content .section-title-4__wrapper {
  min-width: 0;
}

.team-6__content .section-title-4__wrapper .title {
  margin: 0;
  font-size: 48px;
  line-height: 1.12;
  letter-spacing: -1.5px;
}

/* The mockup does not show the eyebrow label. */
.team-6__sub-title {
  display: none;
}

.team-6__btn {
  justify-self: end;
}

.team-6__btn .dw-btn {
  min-width: 130px;
  min-height: 50px;
  padding: 13px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.team-6__wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.team-6__item {
  min-width: 0;
}

.team-6__thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 390 / 435;
  background: #f2f2f2;
}

.team-6__thumb > a,
.team-6__thumb .rr--hover-img {
  display: block;
  width: 100%;
  height: 100%;
}

.team-6__thumb img,
.team-6__thumb canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.team-6__thumb img,
.team-6__thumb canvas {
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  backface-visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .team-6__thumb:hover img,
  .team-6__thumb:hover canvas {
    transform: scale(1.07);
  }
}

.team-6__author {
  padding-top: 0;
}

.team-6__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 63px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.14);
}

.team-6__name {
  min-width: 0;
  margin: 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  color: var(--primary);
  letter-spacing: -0.3px;
  font-family: var(--font_regular);
}

.team-6__name a:hover {
  opacity: 0.7;
}

.team-6__desg {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--secondary);
  font-family: var(--font_regular);
}

.team-6__social {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.team-6__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.team-6__social i {
  font-size: 16px;
  color: rgba(17, 17, 17, 0.14);
  transition: color 0.3s ease;
}

.team-6__social i:hover {
  color: var(--black);
}

@media only screen and (max-width: 1399px) {
  .team-6__content,
  .team-6__wrap {
    width: 100%;
  }

  .team-6__content {
    margin-bottom: 60px;
  }

  .team-6__content .section-title-4__wrapper .title {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1199px) {
  .team-6__content {
    gap: 28px;
    margin-bottom: 48px;
  }

  .team-6__content .section-title-4__wrapper .title {
    font-size: 38px;
    letter-spacing: -1px;
  }

  .team-6__wrap {
    gap: 20px;
  }

  .team-6__name {
    font-size: 21px;
  }
}

@media only screen and (max-width: 991px) {
  .team-6__content {
    margin-bottom: 40px;
  }

  .team-6__content .section-title-4__wrapper .title {
    font-size: 34px;
  }

  .team-6__wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 20px;
  }

  .team-6__item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc(50% - 10px);
  }
}

@media only screen and (max-width: 767px) {
  .team-6__content {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 16px;
    margin-bottom: 36px;
  }

  .team-6__content .section-title-4__wrapper .title {
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -0.7px;
  }

  .team-6__btn {
    justify-self: end;
  }

  .team-6__wrap {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .team-6__item:last-child:nth-child(odd) {
    grid-column: auto;
    width: 100%;
  }

  .team-6__box {
    min-height: 58px;
  }

  .team-6__name {
    font-size: 21px;
  }
}

@media (max-width: 575px) {
  .team-6__content {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-bottom: 30px;
  }

  .team-6__content .section-title-4__wrapper .title {
    font-size: 26px;
    line-height: 1.12;
  }

  .team-6__btn .dw-btn {
    min-width: 108px;
    min-height: 44px;
    padding: 10px 14px;
    font-size: 14px;
  }

  .team-6__wrap {
    gap: 34px;
  }

  .team-6__box {
    gap: 12px;
  }

  .team-6__name {
    font-size: 20px;
  }

  .team-6__desg {
    font-size: 15px;
  }

  .team-6__social {
    gap: 8px;
  }
}

/* contact page css */
/* Loading effect */
.loading-form {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: var(--white);
  font-size: 20px;
  text-align: center;
  padding-top: 20%;
}

.success-message {
  color: green;
  margin-top: 10px;
}

.error-message {
  color: red;
  margin-top: 10px;
}

#response-message {
  margin-top: 10px;
}

.contact-area-contact-page .section-content-wrapper {
  display: grid;
  gap: 40px 60px;
  grid-template-columns: 1fr 995px;
  align-items: flex-start;
}
@media only screen and (max-width: 1919px) {
  .contact-area-contact-page .section-content-wrapper {
    grid-template-columns: 1fr 730px;
  }
}
@media only screen and (max-width: 1399px) {
  .contact-area-contact-page .section-content-wrapper {
    grid-template-columns: 1fr 680px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-area-contact-page .section-content-wrapper {
    grid-template-columns: 1fr 550px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-area-contact-page .section-content-wrapper {
    grid-template-columns: 1fr;
  }
}
.contact-area-contact-page .contact-mail .title {
  color: #999;
  font-size: 16px;
  font-family: var(--font_regular);    
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 24px; letter-spacing: normal;
}
.contact-area-contact-page .contact-mail .text {
  font-size: 30px;
  font-weight: normal;
  line-height: 35px;
  color: var(--primary);
  letter-spacing: normal;
  max-width: 410px;
}
@media only screen and (max-width: 1919px) {
  .contact-area-contact-page .contact-mail .text {
    font-size: 24px;
    max-width: 330px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-area-contact-page .contact-mail .text {
    font-size: 20px;
    letter-spacing: 0;
    max-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area-contact-page .contact-mail .text {
    font-size: 18px;
    line-height: 25px;
  }
}
.contact-area-contact-page .contact-mail .text a {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.contact-area-contact-page .contact-mail .text a:hover {
  color: var(--secondary);
}
.contact-area-contact-page .contact-social {
  margin-top: 51px;
}
.contact-area-contact-page .contact-social .title {
  color: #999;
  font-size: 16px;
  font-family: var(--font_regular);
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 24px; letter-spacing: normal;
}
.contact-area-contact-page .contact-social .social-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
}
.contact-area-contact-page .contact-social .social-links a {
  font-size: 30px;
  font-weight: normal;
  line-height: 35px;
  position: relative;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1919px) {
  .contact-area-contact-page .contact-social .social-links a {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-area-contact-page .contact-social .social-links a {
    font-size: 20px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area-contact-page .contact-social .social-links a {
    font-size: 18px;
    line-height: 25px;
  }
}
.contact-area-contact-page .contact-social .social-links a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s;
  background: var(--primary);
}
.contact-area-contact-page .contact-social .social-links a:hover::before {
  width: 100%;
}
.contact-area-contact-page .contact-formwrap {
  display: grid;
  gap: 65px 95px;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1399px) {
  .contact-area-contact-page .contact-formwrap {
    gap: 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-area-contact-page .contact-formwrap {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area-contact-page .contact-formwrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contact-area-contact-page .contact-formwrap .message {
  grid-column: span 2;
}
@media only screen and (max-width: 767px) {
  .contact-area-contact-page .contact-formwrap .message {
    grid-column: auto;
  }
}
.contact-area-contact-page .contact-formfield input {
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  transition: all 0.5s;
  color: var(--primary);
   letter-spacing: normal;
  background-color: transparent;
  border-bottom: 1px solid var(--primary);
}
.contact-area-contact-page .contact-formfield input:focus {
  border-color: var(--primary);
}
.contact-area-contact-page .contact-formfield input::placeholder {
  color: var(--primary);
}
.contact-area-contact-page .contact-formfield input:-webkit-autofill, .contact-area-contact-page .contact-formfield input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
.contact-area-contact-page .contact-formfield .nice-select {
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  font-size: 18px;
  padding-left: 0;
  font-weight: normal;
  line-height: 40px;
  border-radius: 0;
  transition: all 0.5s;
  color: var(--primary);
  background-color: transparent;
  border-bottom: 1px solid var(--primary);
}
.contact-area-contact-page .contact-formfield .nice-select:focus {
  border-color: var(--primary);
}
.contact-area-contact-page .contact-formfield .nice-select .list {
  width: 100%;
  max-width: 100%;
}
.dark .contact-area-contact-page .contact-formfield .nice-select .list {
  background-color: var(--black);
}
.contact-area-contact-page .contact-formfield .nice-select .list[disabled] {
  background-color: var(--black) !important;
}
.contact-area-contact-page .contact-formfield .nice-select::after {
  height: 10px;
  width: 10px;
  border-color: var(--primary);
  border-color: var(--primary);
}
.contact-area-contact-page .submit-btn {
  margin-top: 40px;
}
@media only screen and (max-width: 1399px) {
  .contact-area-contact-page .submit-btn {
    margin-top: 40px;
  }
}
.contact-area-contact-page .submit-btn .rr-btn-primary {
  padding: 13.5px 32px;
  background: var(--primary);
}
.contact-area-contact-page .submit-btn .rr-btn-primary span {
  color: var(--white);
}
.contact-area-contact-page .submit-btn .rr-btn-primary i {
  color: var(--white);
}

.contact-info__inner {
  display: grid;
  gap: 40px 120px;
  align-items: start;
  /* label column (1fr, sits left) + 3 equal office columns */
  grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 220px));
}
/* the region label ("Middle East:", etc.) lives in the first column */
.contact-info__inner > .contact-info__item:first-child {
  grid-column: 1;
}
@media only screen and (max-width: 1399px) {
  .contact-info__inner {
    gap: 40px 80px;
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 200px));
  }
}
@media only screen and (max-width: 1199px) {
  .contact-info__inner {
    gap: 40px 50px;
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 180px));
  }
}
@media only screen and (max-width: 991px) {
  /* drop the wide label column: label spans its own row, offices below in 3 equal columns */
  .contact-info__inner {
    gap: 30px 40px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .contact-info__inner > .contact-info__item:first-child {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .contact-info__inner {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.contact-info__item .sub-title {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
.contact-info__item .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 23px;
  color: var(--primary); letter-spacing: normal;
}
.contact-info__item p {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  max-width: 197px; letter-spacing: normal;
  margin-bottom: 23px;
}
.contact-info__item a {
  color: #555;
  font-size: 16px;   
  display: block;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.contact-info__item a.contact {
  text-decoration: underline;
}
.contact-info__item a:hover {
  color: var(--primary);
}

/* === team-details-area  (inner page) === */
.team-details-area-inner {
  padding-top: 80px;
  max-width: 1138px;
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .team-details-area-inner {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .team-details-area-inner {
    padding-top: 65px;
  }
}
@media (max-width: 575px) {
  .team-details-area-inner {
    padding-top: 60px;
  }
}
.team-details-area .section-content-wrapper {
  display: grid;
  border-left: 1px solid #DADADA;
  grid-template-columns: 607px 1fr;
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .team-details-area .section-content-wrapper {
    grid-template-columns: 1fr 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .team-details-area .section-content-wrapper {
    grid-template-columns: 1fr 430px;
  }
}
@media only screen and (max-width: 991px) {
  .team-details-area .section-content-wrapper {
    grid-template-columns: 1fr;
  }
}
.team-details-area .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-details-area .section-content .text-wrapper {
  margin-top: 40px;
}
@media only screen and (max-width: 1399px) {
  .team-details-area .section-content .text-wrapper {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .team-details-area .section-content .text-wrapper {
    margin-top: 31px;
  }
}
.team-details-area .section-content .text {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-details-area .section-content .text:not(:first-child) {
  margin-top: 28px;
}
.team-details-area .section-content__box {
  border-bottom: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .team-details-area .section-content__box {
    padding: 30px 20px;
  }
}
.team-details-area .section-content__box .social__wrapper .title {
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 13px;
  color: var(--primary);
   letter-spacing: normal;
}
.team-details-area .section-content__box .social__wrapper .socail-list {
  gap: 5px;
  display: flex;
  list-style: none;
}
.team-details-area .section-content__box .social__wrapper .socail-list li a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 15px;
  color: var(--primary);
  justify-content: center;
  border: 1px solid rgba(17, 17, 17, 0.15);
}
.team-details-area .section-content__box .social__wrapper .contact {
  margin-top: 53px;
}
.team-details-area .section-content__box .social__wrapper .contact a {
  color: #999;
  font-size: 16px;
  display: block;
  font-weight: normal;
  line-height: 22px; letter-spacing: normal;
}
.team-details-area .section-content__box .social__wrapper .contact a:hover {
  color: var(--primary);
}
.team-details-area .section-content__box .experience__wrapper .title {
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 13px;
  color: var(--primary);
   letter-spacing: normal;
}
.team-details-area .section-content__box .experience__wrapper p {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  max-width: 470px;
  line-height: 20px; letter-spacing: normal;
}
.team-details-area .section-content__box .experience__list {
  margin-top: 53px;
  list-style: none;
}
.team-details-area .section-content__box .experience__list .title {
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 13px;
  color: var(--primary);
   letter-spacing: normal;
}
.team-details-area .section-content__box .experience__list li {
  padding: 12px 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--primary); letter-spacing: normal;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--border);
}
.team-details-area .section-content__box .experience__list li:last-child {
  border-bottom: 1px solid var(--border);
}
.team-details-area .section-title-wrapper .section-title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 10px;
  color: var(--primary);
   letter-spacing: normal;
}
.team-details-area .section-title-wrapper .section-subtitle {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px; letter-spacing: normal;
}

/* === works  (inner page) === */
.works .section-title-wrapper .title {
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 13px;
  color: var(--primary);
   letter-spacing: normal;
}
.works__inner {
  margin: 0 auto;
  max-width: 1138px;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.works .works-border {
  border-bottom: 1px solid #DADADA;
}
.works__warpper {
  display: grid;
  gap: 50px 14px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .works__warpper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 14px;
  }
}
@media (max-width: 575px) {
  .works__warpper {
    grid-template-columns: 1fr;
  }
}
.works__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.works__item .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin-top: 15px;
  color: var(--primary); letter-spacing: normal;
}

/* faq page css */
.faq-area-faq-page .faq-area-faq-page-inner {
  display: grid;
  gap: 30px 140px;
  grid-template-columns: 465px 1fr;
}
@media only screen and (max-width: 1399px) {
  .faq-area-faq-page .faq-area-faq-page-inner {
    gap: 30px 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .faq-area-faq-page .faq-area-faq-page-inner {
    gap: 30px 50px;
    grid-template-columns: 450px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .faq-area-faq-page .faq-area-faq-page-inner {
    gap: 50px;
    grid-template-columns: 1fr;
  }
}
.faq-area-faq-page .faq-wrapper .content {
  padding: 40px;
  border: 1px solid var(--primary);
}
@media (max-width: 575px) {
  .faq-area-faq-page .faq-wrapper .content {
    padding: 30px 15px;
  }
}
.faq-area-faq-page .faq-wrapper .content .sub-title {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  margin-bottom: 22px;
   letter-spacing: normal;
}
.faq-area-faq-page .faq-wrapper .content .title {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 55px;
  color: var(--primary);
   letter-spacing: normal;
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap input {
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 20px;
  transition: all 0.5s;
  color: var(--primary);
   letter-spacing: normal;
  background-color: transparent;
  border-bottom: 1px solid var(--primary);
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap input:focus {
  border-color: var(--primary);
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap input::placeholder {
  color: var(--primary);
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap input:-webkit-autofill, .faq-area-faq-page .faq-wrapper .content .contact-wrap input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap textarea {
  width: 100%;
  height: 156px;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--primary);
}
@media (max-width: 575px) {
  .faq-area-faq-page .faq-wrapper .content .contact-wrap textarea {
    height: 120px;
  }
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap textarea:focus {
  border-color: var(--primary);
}
.faq-area-faq-page .faq-wrapper .content .contact-wrap textarea::placeholder {
  color: var(--primary);
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
}
.faq-area-faq-page .faq-wrapper .content .submit-btn {
  margin-top: 30px;
}
.faq-area-faq-page .faq-wrapper .content .submit-btn .rr-btn-primary {
  padding: 13.5px 32px;
  background: var(--primary);
}
.faq-area-faq-page .faq-wrapper .content .submit-btn .rr-btn-primary span {
  color: var(--white);
}
.faq-area-faq-page .faq-wrapper .content .submit-btn .rr-btn-primary i {
  color: var(--white);
}
.faq-area-faq-page .accordion {
  border-top: 1px solid var(--border);
  counter-reset: accordion;
}
.faq-area-faq-page .accordion-button {
  font-size: 24px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  padding: 30px 0 30px;
   letter-spacing: normal;
  border-radius: 0 !important;
  background-color: transparent;
  outline: 0;
  box-shadow: none;
}
@media only screen and (max-width: 1919px) {
  .faq-area-faq-page .accordion-button {
    padding: 20px 0 23px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-area-faq-page .accordion-button {
    font-size: 20px;
  }
}
.faq-area-faq-page .accordion-button::after {
  display: none;
}
.faq-area-faq-page .accordion-button:not(.collapsed) {
  pointer-events: none;
}
.faq-area-faq-page .accordion-button:not(.collapsed)::after {
  content: "-";
}
.faq-area-faq-page .accordion-item {
  border: none;
  position: relative;
  transition: all 0.5s;
  background-color: transparent;
  border-bottom: 1px solid var(--border);
}
.faq-area-faq-page .accordion-body {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  padding: 0px 0 45px;
  border: none;
}

.galllery__wrapper {
  margin: 0 auto;
}

.grid-item {
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1919px) {
  .grid-item {
    width: 330px;
  }
}
@media only screen and (max-width: 1199px) {
  .grid-item {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-item {
    width: 100%;
  }
}
.grid-item img {
  width: 100%;
  height: auto;
  display: block;
}

.grid-item.large {
  width: 1075px;
}
@media only screen and (max-width: 1919px) {
  .grid-item.large {
    width: 675px;
  }
}
@media only screen and (max-width: 1199px) {
  .grid-item.large {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-item.large {
    width: 100%;
  }
}

/*----------------------------------------
   Mfp customize
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (max-width: 1919px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1399px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 850px;
  }
}
@media only screen and (max-width: 1199px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 820px;
  }
}
@media only screen and (max-width: 991px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 750px;
  }
}

.mfp-close {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mfp-close:hover {
  color: var(--white);
}
.mfp-close::after {
  position: absolute;
  content: "\f00d";
  height: 100%;
  width: 100%;
  font-family: var(--font_awesome);
  font-size: 31px;
  font-weight: 200;
  right: 0px;
  background: var(--primary);
  margin-top: -25px;
}
@media (max-width: 575px), only screen and (max-width: 767px), only screen and (max-width: 991px) {
  .mfp-close::after {
    right: 15px;
    margin-top: -30px;
  }
}

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

/* === rr-v-lines (Home 03) === */
.rr-v-lines {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: -1;
}
.rr-v-lines .rr-line {
  width: 1px;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.08);
}
@media (max-width: 575px) {
  .rr-v-lines .rr-line:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rr-v-lines .rr-line:nth-child(4) {
    display: none;
  }
}

.rr-underline {
  gap: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  position: relative;
  align-items: center;
  padding-bottom: 8px;
  display: inline-flex;
  color: var(--primary);
}
.rr-underline i {
  rotate: -45deg;
  transition: all 0.3s;
}
.rr-underline::before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 2px;
  position: absolute;
  transition: all 0.3s;
  background: var(--primary);
}
.rr-underline:hover i {
  rotate: 0deg;
  transition: all 0.3s;
}
.rr-underline:hover::before {
  width: 0;
}

.rr-line-area {
  position: relative;
  z-index: 1;
}

/* === .hero-3 (Home 03) === */
.hero-3__inner {
  padding-top: 210px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .hero-3__inner {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-3__inner {
    padding-top: 120px;
  }
}
.hero-3__inner .hero-3__content .title {
  font-size: 150px;
  font-weight: normal;
  line-height: 125px;
  margin-bottom: 40px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .hero-3__inner .hero-3__content .title {
    font-size: 120px;
    line-height: 110px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-3__inner .hero-3__content .title {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 575px) {
  .hero-3__inner .hero-3__content .title {
    font-size: 60px;
    line-height: 60px;
     letter-spacing: normal;
  }
}
.hero-3__inner .hero-3__content .desc {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  color: var(--primary);
  padding-bottom: 10px;
   letter-spacing: normal;
}
.hero-3__inner .hero-3__content .desc::before {
  bottom: 0;
  width: 87px;
  height: 2px;
  content: "";
  position: absolute;
  background: var(--primary);
}
.hero-3__inner .hero-3__services {
  margin-top: 60px;
}
@media (max-width: 575px) {
  .hero-3__inner .hero-3__services {
    margin-top: 40px;
  }
}
.hero-3__inner .hero-3__services .list {
  list-style: none;
}
.hero-3__inner .hero-3__services .list li a {
  display: flex;
  font-size: 16px;
  font-weight: normal;
  padding: 11.5px 0;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  border-top: 1px solid #DADADA;
  justify-content: space-between;
}
.hero-3__inner .hero-3__services .list li:last-child {
  border-bottom: 1px solid #DADADA;
}

/* === services-3 (Home 03) === */
.services-3__inner {
  padding-top: 112px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .services-3__inner {
    padding-top: 70px;
  }
}
.services-3__inner .services-3__wrapper {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .services-3__inner .services-3__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .services-3__inner .services-3__wrapper {
    gap: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .services-3__inner .services-3__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .services-3__inner .services-3__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.services-3__inner .services-3__item {
  padding-right: 36px;
}
@media only screen and (max-width: 991px) {
  .services-3__inner .services-3__item {
    padding-right: 20px;
  }
}
.services-3__inner .services-3__item:not(:last-child) {
  border-right: 1px solid #DADADA;
}
.services-3__inner .services-3__item .icon {
  display: flex;
  margin-bottom: 45px;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .services-3__inner .services-3__item .icon {
    margin-bottom: 30px;
  }
}
.services-3__inner .services-3__item .icon span {
  width: 30px;
  height: 30px;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  align-items: center;
  border-radius: 500px;
  color: var(--primary);
  background: #EFEFEF;
   letter-spacing: normal;
  justify-content: center;
}
.services-3__inner .services-3__item .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 18px;
   letter-spacing: normal;
}
.services-3__inner .services-3__item .desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--secondary); letter-spacing: normal;
  max-width: 260px;
}

/* === about-3 (replaced for careers layout) === */
.about-3 {
  background: #fff;
  padding: 118px 0 116px;
}

.about-3__inner .about-3__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 58.5%) minmax(0, 41.5%);
  column-gap: 82px;
  align-items: start;
}

.about-3__inner .about-3__media,
.about-3__inner .about-3__content,
.about-3__inner .about-3__content-bottom,
.about-3__inner .about-3__content-bottom .text {
  min-width: 0;
}

.about-3__inner .about-3__media .thumb {
  padding: 0;
}

.about-3__inner .about-3__media .thumb img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.about-3__inner .about-3__content {
  padding-top: 6px;
  padding-right: 0;
  border-right: 0;
}

.about-3__inner .about-3__content .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  display: block;
  color: var(--primary);
  font-family: var(--font_medium);
  margin-bottom: 34px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.about-3__inner .about-3__content > .title {
  font-size: 57px;
  font-weight: normal;
  max-width: 560px;
  line-height: 0.98;
  margin-bottom: 56px;
  letter-spacing: -1.8px;
  color: var(--primary);
  font-family: var(--font_regular);
}

.about-3__inner .about-3__content .rr-underline {
  display: inline-block;
  padding-bottom: 4px;
  margin-bottom: 108px;
}

.about-3__inner .about-3__content .rr-underline span {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.1;
  display: inline-block;
  color: var(--primary);
  font-family: var(--font_medium);
  letter-spacing: 0;
}

.about-3__inner .about-3__content .rr-underline::before {
  height: 1px;
}

.about-3__inner .about-3__content-bottom {
  display: grid;
  grid-template-columns: 235px minmax(0, 1fr);
  column-gap: 88px;
  align-items: start;
  margin-top: 0;
  justify-content: start;
}

.about-3__inner .about-3__content-bottom .year span {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
  color: var(--primary);
  display: block;
  margin-bottom: 14px;
  font-family: var(--font_regular);
  letter-spacing: 0;
}

.about-3__inner .about-3__content-bottom .year .title {
  font-size: 90px;
  font-weight: normal;
  line-height: 0.9;
  letter-spacing: -4px;
  font-family: var(--font_sregular);
  color: var(--primary);
  margin: 0;
}

.about-3__inner .about-3__content-bottom .text {
  padding-top: 6px;
}

.about-3__inner .about-3__content-bottom .text .desc {
  color: #000;
  font-size: 18px;
  max-width: 345px;
  font-weight: normal;
  line-height: 1.42;
  font-family: var(--font_light);
  letter-spacing: 0;
}

/* 1599 */
@media only screen and (max-width: 1599px) {
  .about-3__inner .about-3__wrapper {
    column-gap: 64px;
  }

  .about-3__inner .about-3__content > .title {
    font-size: 52px;
    max-width: 510px;
  }

  .about-3__inner .about-3__content-bottom {
    column-gap: 60px;
  }

  .about-3__inner .about-3__content-bottom .year .title {
    font-size: 90px;
  }
}

/* 1199 */
@media only screen and (max-width: 1199px) {
  .about-3 {
    padding: 90px 0;
  }

  .about-3__inner .about-3__wrapper {
    grid-template-columns: 1fr;
    row-gap: 46px;
  }

  .about-3__inner .about-3__media .thumb img {
    height: 430px;
  }

  .about-3__inner .about-3__content > .title {
    max-width: 100%;
    font-size: 44px;
    margin-bottom: 36px;
  }

  .about-3__inner .about-3__content .rr-underline {
    margin-bottom: 56px;
  }

  .about-3__inner .about-3__content-bottom {
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: 36px;
  }

  .about-3__inner .about-3__content-bottom .text .desc {
    max-width: 100%;
  }
}

/* 767 */
@media only screen and (max-width: 767px) {
  .about-3 {
    padding: 64px 0;
  }

  .about-3__inner .about-3__media .thumb img {
    height: 300px;
  }

  .about-3__inner .about-3__content .sub-title {
    margin-bottom: 18px;
  }

  .about-3__inner .about-3__content > .title {
    font-size: 32px;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 24px;
  }

  .about-3__inner .about-3__content .rr-underline {
    margin-bottom: 34px;
  }

  .about-3__inner .about-3__content-bottom {
    grid-template-columns: 1fr;
    row-gap: 18px;
  }

  .about-3__inner .about-3__content-bottom .year .title {
    font-size: 64px;
    letter-spacing: -2px;
  }

  .about-3__inner .about-3__content-bottom .text .desc {
    font-size: 16px;
    max-width: 100%;
  }
}
.projects-3 .swiper-slide-active .projects-3__item .title {
  transform: translate(0px, 0px);
}

.projects-3__item {
  position: relative;
}
.projects-3__item:hover .title {
  transform: translate(0px, 0px);
}
.projects-3__item .title {
  left: 40px;
  bottom: 40px;
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  position: absolute;
  color: var(--white);
  transition: all 0.3s;
   letter-spacing: normal;
  transform: translate(0px, 100px);
}
.projects-3__item .title:hover a {
  color: var(--white);
}

/* === expertise-3 (Home 03) === */
.expertise-3__wrapper {
  display: grid;
  position: relative;
  grid-template-columns: 820px 1fr;
}
.expertise-3__wrapper .shape {
  top: -40px;
  z-index: -1;
  left: -315px;
  position: absolute;
}
.expertise-3__wrapper .expertise-3__content .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 12px;
  margin-bottom: 30px;
  display: inline-block;
  background: #F0F0F0;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  text-transform: uppercase;
}
.expertise-3__wrapper .expertise-3__content .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 20px;
   letter-spacing: normal;
}
.expertise-3__wrapper .expertise-3__content .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
.expertise-3__wrapper .expertise-3__content .rr-underline {
  padding-bottom: 2px;
  text-transform: lowercase;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  display: inline-block;
  color: var(--primary); letter-spacing: normal;
  font-family: var(--font_regular);
}
.expertise-3__wrapper .expertise-3__content .rr-underline::before {
  height: 1.5px;
}
.expertise-3__wrapper .expertise-3__services .services-list {
  list-style: none;
}
.expertise-3__wrapper .expertise-3__services .services-list li a {
  display: flex;
  padding: 14px 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  justify-content: space-between;
  border-top: 1px solid #DADADA;
}
.expertise-3__wrapper .expertise-3__services .services-list li:last-child {
  border-bottom: 1px solid #DADADA;
}

/* ===== CULTURE 3 FINAL ===== */

.culture-3__media {
  position: relative;
}

.culture-3__media .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.culture-3 .container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/* ===== MAIN BAR (FULL WIDTH) ===== */
.culture-3__bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  width: 100%;
  margin: 0;

  background: #000;

  padding: 48px 0;   
  gap: 40px;
  box-sizing: border-box;
}

/* ===== LEFT CONTENT ===== */
.culture-3__content {
  padding-left: 60px;   
  max-width: 760px;
  color: var(--white);
  flex: 1 1 auto;
}

.culture-3__content .sub-title {
  font-size: 18px;
  line-height: 20px;
  color: var(--white);
  margin-bottom: 28px;
}

.culture-3__content .title {
  font-size: 50px;
  line-height: 50px;
  color: var(--white);
  margin-bottom: 18px;
}

.culture-3__content .sub-title-2 {
  font-family: var(--font_thin);
  font-size: 40px;
  line-height: 20px;
  color: #888;
}

/* ===== RIGHT FACTS ===== */
.culture-3__facts {
  padding-right: 60px;  
  color: #fff;
  flex: 0 0 auto;
  min-width: 220px;
}

/* ===== SUMMARY ===== */
.culture-3__summary {
  margin-bottom: 16px;
}

.summary-item + .summary-item {
  margin-top: 8px;
}

.summary-item .label,
.meta-item .label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.summary-item .value,
.meta-item .value {
  display: block;
  color: #888;
  font-size: 16px;
  line-height: 1.2;
  font-weight:normal;
  font-family: var(--font_light);
}

/* ===== TOGGLE ===== */
.culture-3__facts-toggle {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 2;
  justify-content: space-between;
   
    
}
.culture-3__facts-toggle span {
  font-size: 18px;
  font-family: var(--font_regular);
}
/* ===== ICON ===== */
.facts-icon {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.facts-icon i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.culture-3__facts.active .facts-icon i {
  transform: rotate(180deg);
}

/* ===== DROPDOWN ===== */
.culture-3__meta {
  height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0;
  padding: 0;
  text-align: left;
  position: relative;
  z-index: 1;
    
}

.meta-item {
  display: block;
}

.meta-item + .meta-item {
  margin-top: 12px;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
  .culture-3__bar {
    padding: 36px 0;
  }

  .culture-3__content {
    padding-left: 30px;
  }

  .culture-3__facts {
    padding-right: 30px;
  }

  .culture-3__content .title {
    font-size: 34px;
  }

  .culture-3__content .sub-title-2 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .culture-3 .container {
    position: static;
  }

  .culture-3__bar {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0;
    gap: 24px;
  }

  .culture-3__content,
  .culture-3__facts {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }

  .culture-3__content .title {
    font-size: 28px;
  }

  .culture-3__content .sub-title-2 {
    font-size: 20px;
  }
}
/* Mobile left and right black */
@media (max-width: 767px) {
  body {
    background-color: #fff;
  }

  .culture-3 {
    background-color: #000;
    padding-left: 0px;
    padding-right: 0px;
  }

  .culture-3__media {
    background-color: #000;
  }

  .culture-3__media .thumb img {
    display: block;
    width: 100%;
  }

  main,
  .blog-details,
  .portfolio-search,
  .works-section-12 {
    background-color: #fff;
  }
}
/* === choose-us-3 (Home 03) === */
.choose-us-3__inner .choose-us-3__warpper {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.choose-us-3__inner .choose-us-3__item {
  max-width: 1080px;
}
@media only screen and (max-width: 767px) {
  .choose-us-3__inner .choose-us-3__item {
    max-width: 100%;
  }
}
.choose-us-3__inner .choose-us-3__item .odometer {
  font-size: 150px;
  font-weight: normal;
  line-height: 125px;
  color: var(--primary);
  letter-spacing: -10px;
  font-family: var(--font_sregular);
}
@media only screen and (max-width: 991px) {
  .choose-us-3__inner .choose-us-3__item .odometer {
    font-size: 120px;
    line-height: 110px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .choose-us-3__inner .choose-us-3__item .odometer {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: normal;
  }
}
@media (max-width: 575px) {
  .choose-us-3__inner .choose-us-3__item .odometer {
    font-size: 60px;
    line-height: 60px;
  }
}
.choose-us-3__inner .choose-us-3__item .title {
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .choose-us-3__inner .choose-us-3__item .title {
    margin-top: 0;
  }
}
.choose-us-3__inner .choose-us-3__item p {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}

/* === team-3 (Home 03) === */
.team-3__inner .section-title-3__wrapper {
  display: grid;
  align-items: center;
  margin-bottom: 64px;
  grid-template-columns: 1fr 440px;
}
@media only screen and (max-width: 991px) {
  .team-3__inner .section-title-3__wrapper {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
    gap: 20px;
  }
}
.team-3__inner .section-title-3__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 12px;
  margin-bottom: 28px;
  display: inline-block;
  background: #F0F0F0;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  text-transform: uppercase;
}
.team-3__inner .section-title-3__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
   letter-spacing: normal;
}
.team-3__inner .section-title-3__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
@media (max-width: 575px) {
  .team-3__inner .section-title-3__wrapper .title {
    font-size: 37px;
    line-height: 40px;
     letter-spacing: normal;
  }
}
.team-3__inner .section-title-3__wrapper p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.team-3__inner .team-3__warpper {
  display: grid;
  gap: 70px 20px;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .team-3__inner .team-3__warpper {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}
.team-3__inner .team-3__item {
  gap: 30px;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #DADADA;
}
@media only screen and (max-width: 1199px) {
  .team-3__inner .team-3__item {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .team-3__inner .team-3__item {
    flex-direction: column;
  }
}
.team-3__inner .team-3__item .thumb {
  max-width: 300px;
}
@media only screen and (max-width: 1199px) {
  .team-3__inner .team-3__item .thumb {
    max-width: 250px;
  }
}
.team-3__inner .team-3__item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-3__inner .team-3__item .content {
  display: flex;
  flex-direction: column;
}
.team-3__inner .team-3__item .content .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 29px;
  color: var(--primary);
   letter-spacing: normal;
  margin-bottom: 5px;
}
.team-3__inner .team-3__item .content .text .sub-title {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-3__inner .team-3__item .content .info {
  margin-top: auto;
}
.team-3__inner .team-3__item .content .info a {
  display: block;
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-3__inner .team-3__item .content .info a:hover {
  color: var(--primary);
}

/* === award-3 (Home 03) === */
.award-3__inner .section-title-3__wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 28px;
  display: inline-block;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  text-transform: uppercase;
}
.award-3__inner .section-title-3__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
   letter-spacing: normal;
  margin-bottom: 40px;
}
.award-3__inner .section-title-3__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 991px) {
  .award-3__inner .section-title-3__wrapper .title {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .award-3__inner .section-title-3__wrapper .title {
    font-size: 37px;
    line-height: 40px;
     letter-spacing: normal;
  }
}
.award-3__inner .section-title-3__wrapper p {
  color: #555;
  font-weight: normal;
  max-width: 375px; 
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.1px;
  color: #000;
  font-family: var(--font_extralight);
}
.award-3__inner .award-3 {
  position: relative;
  z-index: 999;
}
.award-3__inner .award-3__wrapper {
  gap: 30px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 631px;
}
@media only screen and (max-width: 1199px) {
  .award-3__inner .award-3__wrapper {
    grid-template-columns: 1fr 450px;
  }
}
@media only screen and (max-width: 991px) {
  .award-3__inner .award-3__wrapper {
    grid-template-columns: 1fr;
  }
}
.award-3__inner .award-3__list li {
  display: flex;
  font-size: 20px;
  border-top: 1px solid #333;
  padding: 23.5px 0;
  font-weight: normal;
  line-height: 22px;
  align-items: center;
  color: var(--primary);
   letter-spacing: normal;
  justify-content: space-between;
}
.award-3__inner .award-3__list li:last-child {
  border-bottom: 1px solid #333;
}

/* === blog-3 (Home 03) === */
.blog-3__inner .section-title-3__wrapper {
  display: grid;
  align-items: center;
  margin-bottom: 64px;
  grid-template-columns: 1fr auto;
}
@media only screen and (max-width: 991px) {
  .blog-3__inner .section-title-3__wrapper {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
    gap: 20px;
  }
}
.blog-3__inner .section-title-3__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 12px;
  margin-bottom: 28px;
  display: inline-block;
  background: #F0F0F0;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blog-3__inner .section-title-3__wrapper .sub-title {
    margin-bottom: 15px;
  }
}
.blog-3__inner .section-title-3__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
   letter-spacing: normal;
}
.blog-3__inner .section-title-3__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
@media (max-width: 575px) {
  .blog-3__inner .section-title-3__wrapper .title {
    font-size: 37px;
    line-height: 40px;
     letter-spacing: normal;
  }
}
.blog-3__inner .blog-3__warpper {
  gap: 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1399px) {
  .blog-3__inner .blog-3__warpper {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-3__inner .blog-3__warpper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .blog-3__inner .blog-3__warpper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog-3__inner .blog-3__item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-4__inner .blog-4__item:hover .media img {
  transform: scale(1.1);
}
.blog-3__inner .blog-3__item .content {
  margin-top: 13px;
}
.blog-3__inner .blog-3__item .content .meta-date {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  margin-bottom: 4px;
}
.blog-3__inner .blog-3__item .content .meta-date li {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
}
.blog-3__inner .blog-3__item .content .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1399px) {
  .blog-3__inner .blog-3__item .content .title {
    font-size: 21px;
    l letter-spacing: normal;
  }
}
.blog-3__inner .blog-3__item .content .title a:hover {
  color: var(--secondary);
}

/* === our-partner-3 (Home 03) === */
.our-partner-3__inner .section-title-3__wrapper {
  text-align: center;
  margin-bottom: 64px;
}
@media only screen and (max-width: 991px) {
  .our-partner-3__inner .section-title-3__wrapper {
    margin-bottom: 40px;
  }
}
.our-partner-3__inner .section-title-3__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 12px;
  margin-bottom: 28px;
  display: inline-block;
  background: #F0F0F0;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .our-partner-3__inner .section-title-3__wrapper .sub-title {
    margin-bottom: 15px;
  }
}
.our-partner-3__inner .our-partner-3__list {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  justify-content: space-between;
}
.our-partner-3__inner .our-partner-3__list:not(:last-child) {
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .our-partner-3__inner .our-partner-3__list:not(:last-child) {
    margin-bottom: 60px;
  }
}
.our-partner-3__inner .our-partner-3__list li {
  display: contents;
}

/* === featured-project-3 (Home 03) === */
.featured-project-3__inner {
  display: grid;
  grid-template-columns: 561px 1fr;
}
@media only screen and (max-width: 1919px) {
  .featured-project-3__inner {
    grid-template-columns: 494px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .featured-project-3__inner {
    grid-template-columns: 424px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-project-3__inner {
    grid-template-columns: 350px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .featured-project-3__inner {
    grid-template-columns: 1fr;
  }
}
.featured-project-3__inner .featured-project-3__left {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .featured-project-3__inner .featured-project-3__left .thumb {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .featured-project-3__inner .featured-project-3__left .thumb {
    height: 300px;
  }
}
.featured-project-3__inner .featured-project-3__left .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-project-3__inner .featured-project-3__left .content {
  right: 0;
  bottom: -1px;
  width: 300px;
  display: flex;
  height: 180px;
  position: absolute;
  align-items: center;
  justify-content: center;
  background: var(--white);
}
@media (max-width: 575px) {
  .featured-project-3__inner .featured-project-3__left .content {
    position: inherit;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1199px) {
  .featured-project-3__inner .featured-project-3__left .content {
    height: 150px;
    width: 250px;
  }
}
.featured-project-3__inner .featured-project-3__left .content .rr-underline {
  font-size: 16px;
  text-transform: lowercase;
}
.featured-project-3__inner .featured-project-3__right {
  position: relative;
}
.featured-project-3__inner .featured-project-3__right .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-project-3__inner .featured-project-3__right .content {
  right: 0;
  left: 0;
  bottom: 0;
  gap: 20px;
  display: flex;
  position: absolute;
  align-items: center;
  padding: 54px 70px;
  justify-content: space-between;
  background: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .featured-project-3__inner .featured-project-3__right .content {
    padding: 39px 6px;
  }
}
@media (max-width: 575px) {
  .featured-project-3__inner .featured-project-3__right .content {
    position: inherit;
    flex-wrap: wrap;
    padding: 30px 10px;
  }
}
.featured-project-3__inner .featured-project-3__right .content .title {
  font-size: 22px;
  font-weight: normal;
  max-width: 325px;
  line-height: 24px;
  color: var(--white);
   letter-spacing: normal;
  text-indent: 30px;
}
@media only screen and (max-width: 767px) {
  .featured-project-3__inner .featured-project-3__right .content .title {
    font-size: 18px;
    l letter-spacing: normal;
    text-indent: 0;
  }
}
.featured-project-3__inner .featured-project-3__right .content .desc {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  max-width: 405px;
  line-height: 20px; letter-spacing: normal;
}

/* === body-bg-5 (Home 05) === */
.body-bg-5 {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: absolute;
}
.body-bg-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === .hero-5 (Home 05) === */
.hero-5__inner {
  padding-top: 140px;
}
@media only screen and (max-width: 767px) {
  .hero-5__inner {
    padding-top: 100px;
  }
}
.hero-5__inner .hero-5__content {
  text-align: center;
  padding-bottom: 60px;
}
.hero-5__inner .hero-5__content .title {
  font-size: 80px;
  font-weight: normal;
  line-height: 65px;
  text-align: center;
   letter-spacing: normal;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .hero-5__inner .hero-5__content .title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-5__inner .hero-5__content .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-5__inner .hero-5__content .title {
    font-size: 50px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .hero-5__inner .hero-5__content .title {
    font-size: 45px;
    line-height: 40px;
     letter-spacing: normal;
  }
}
.hero-5__inner .hero-5__content .desc {
  margin: 0 auto;
  font-size: 16px;
  max-width: 426px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  color: var(--primary); letter-spacing: normal;
}
.hero-5__inner .hero-5__media {
  border-top: 1px solid #DADADA;
  text-align: center;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .hero-5__inner .hero-5__media {
    padding: 10px;
  }
}
.hero-5__inner .hero-5__media .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === company-5 (Home 05) === */
.company-5__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
@media only screen and (max-width: 1199px) {
  .company-5__inner {
    grid-template-columns: 200px 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .company-5__inner {
    grid-template-columns: 1fr;
  }
}
.company-5__inner .company-5__box {
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
}
@media only screen and (max-width: 991px) {
  .company-5__inner .company-5__box {
    padding-bottom: 0;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .company-5__inner .company-5__box:last-child {
    padding-bottom: 40px;
  }
}
.company-5__inner .company-5__box:not(:last-child) {
  border-right: 1px solid #DADADA;
}
@media only screen and (max-width: 991px) {
  .company-5__inner .company-5__box:not(:last-child) {
    border-right: none;
  }
}
.company-5__inner .company-5__box .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  position: relative;
  padding-left: 25px;
}
.company-5__inner .company-5__box .sub-title::before {
  content: "";
  width: 20px;
  height: 1px;
  background: var(--primary);
  position: absolute;
  bottom: 5px;
  left: 0;
}
.company-5__inner .company-5__box .title {
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
  max-width: 325px;
   letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .company-5__inner .company-5__box .title {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .company-5__inner .company-5__box .title {
    font-size: 30px;
  }
}
.company-5__inner .company-5__box .title span {
  font-weight: 400;
  text-decoration: underline;
  font-family: var(--font_tartuffotrial);
}
.company-5__inner .company-5__box p {
  font-size: 16px;
  font-weight: normal;
  max-width: 354px;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .company-5__inner .company-5__box p {
    max-width: 100%;
  }
}
.company-5__inner .company-5__box p:not(:last-child) {
  margin-bottom: 20px;
}
.company-5__inner .company-5__box .rr-btn-border {
  margin-top: 20px;
}

/* === choose-us-5 (Home 05) === */
.choose-us-5__inner .choose-us-5__warpper {
  display: grid;
  grid-template-columns: repeat(3, 413px);
}
@media only screen and (max-width: 1399px) {
  .choose-us-5__inner .choose-us-5__warpper {
    grid-template-columns: repeat(3, 390px);
  }
}
@media only screen and (max-width: 1199px) {
  .choose-us-5__inner .choose-us-5__warpper {
    grid-template-columns: repeat(3, 320px);
  }
}
@media only screen and (max-width: 991px) {
  .choose-us-5__inner .choose-us-5__warpper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .choose-us-5__inner .choose-us-5__warpper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.choose-us-5__inner .choose-us-5__item {
  margin-left: 54px;
  padding-bottom: 30px;
}
.choose-us-5__inner .choose-us-5__item:not(:last-child) {
  border-right: 1px solid #DADADA;
}
@media only screen and (max-width: 991px) {
  .choose-us-5__inner .choose-us-5__item:not(:last-child) {
    border-right: none;
  }
}
@media only screen and (max-width: 1399px) {
  .choose-us-5__inner .choose-us-5__item {
    margin-left: 30px;
  }
}
@media (max-width: 575px) {
  .choose-us-5__inner .choose-us-5__item {
    margin-left: 10px;
  }
}
.choose-us-5__inner .choose-us-5__item .odometer {
  font-size: 80px;
  font-weight: normal;
  line-height: 100px;
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 767px) {
  .choose-us-5__inner .choose-us-5__item .odometer {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 575px) {
  .choose-us-5__inner .choose-us-5__item .odometer {
    font-size: 50px;
    line-height: 50px;
  }
}
.choose-us-5__inner .choose-us-5__item .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .choose-us-5__inner .choose-us-5__item .title {
    margin-top: 0;
  }
}
.choose-us-5__inner .choose-us-5__item p {
  max-width: 280px;
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}

/* === projects-5 (Home 05) === */
.projects-5__wrapper {
  border-bottom: 1px solid var(--border);
}

.projects-5__item {
  display: grid;
  border-top: 1px solid var(--border);
  grid-template-columns: 413px 1fr;
}
@media only screen and (max-width: 991px) {
  .projects-5__item {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .projects-5__item {
    grid-template-columns: 1fr;
  }
}
.projects-5__item .projects-5__content {
  display: flex;
  overflow: hidden;
  padding-top: 16px;
  flex-direction: column;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .projects-5__item .projects-5__content {
    border-right: none;
    padding-left: 0px;
  }
}
.projects-5__item .projects-5__content .subtitle {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  position: relative;
  padding-left: 25px;
}
.projects-5__item .projects-5__content .subtitle::before {
  content: "";
  width: 20px;
  height: 1px;
  background: var(--primary);
  position: absolute;
  bottom: 5px;
  left: 0;
}
.projects-5__item .projects-5__content .text .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 4px 12px;
  margin-bottom: 25px;
  border-radius: 500px;
  display: inline-block;
   letter-spacing: normal;
  border: 1px solid #DADADA;
}
@media only screen and (max-width: 767px) {
  .projects-5__item .projects-5__content .text .sub-title {
    margin-bottom: 10px;
  }
}
.projects-5__item .projects-5__content .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
   letter-spacing: normal;
}
.projects-5__item .projects-5__content .text .title a:hover {
  color: var(--secondary);
}
.projects-5__item .projects-5__content .projects-5__info {
  gap: 30px;
  display: flex;
  margin-top: auto;
}
@media only screen and (max-width: 767px) {
  .projects-5__item .projects-5__content .projects-5__info {
    margin-top: 30px;
  }
}
.projects-5__item .projects-5__content .projects-5__info .projects-5__box .sub-title {
  color: #999;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 4px; letter-spacing: normal;
}
.projects-5__item .projects-5__content .projects-5__info .projects-5__box .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--black); letter-spacing: normal;
}
.projects-5__item .projects-5__media {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .projects-5__item .projects-5__media {
    padding: 0;
  }
}

/* === services-5 (Home 05) === */
.services-5__inner .section-title-5__wrapper {
  display: grid;
  grid-template-columns: 412px 1fr;
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .services-5__inner .section-title-5__wrapper {
    grid-template-columns: 299px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .services-5__inner .section-title-5__wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .services-5__inner .section-title-5__wrapper {
    border-bottom: none;
  }
}
.services-5__inner .section-title-5__wrapper .wrp {
  padding-left: 30px;
  padding-top: 30px;
}
.services-5__inner .section-title-5__wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
  color: var(--primary); letter-spacing: normal;
}
.services-5__inner .section-title-5__wrapper .sub-title::before {
  left: 0;
  content: "";
  width: 20px;
  height: 1px;
  bottom: 5px;
  position: absolute;
  background: var(--primary);
}
.services-5__inner .section-title-5__wrapper .title {
  padding: 26px 30px;
  font-size: 36px;
  font-weight: normal;
  max-width: 508px;
  padding-right: 0;
  line-height: 36px;
   letter-spacing: normal;
  border-left: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .services-5__inner .section-title-5__wrapper .title {
    max-width: 100%;
    font-size: 30px;
    l letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .services-5__inner .section-title-5__wrapper .title {
    border-left: none;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .services-5__inner .section-title-5__wrapper .title {
    font-size: 28px;
  }
}
.services-5__inner .section-title-5__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
.services-5__inner .services-5__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 412px);
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 1199px) {
  .services-5__inner .services-5__wrapper {
    grid-template-columns: repeat(2, 412px);
  }
}
@media only screen and (max-width: 991px) {
  .services-5__inner .services-5__wrapper {
    grid-template-columns: repeat(2, 299px);
  }
}
@media only screen and (max-width: 767px) {
  .services-5__inner .services-5__wrapper {
    grid-template-columns: 1fr;
  }
}
.services-5__inner .services-5__wrapper > *:nth-child(1) {
  grid-column-start: 2;
}
@media only screen and (max-width: 1199px) {
  .services-5__inner .services-5__wrapper > *:nth-child(1) {
    grid-column-start: auto;
  }
}
.services-5__inner .services-5__box {
  padding-top: 16px;
  padding-left: 30px;
  padding-bottom: 30px;
  border-left: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .services-5__inner .services-5__box {
    border-left: none;
  }
}
@media only screen and (max-width: 767px) {
  .services-5__inner .services-5__box {
    border-right: none;
    padding-left: 0;
  }
}
.services-5__inner .services-5__box .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 23px; letter-spacing: normal;
}
@media (max-width: 575px) {
  .services-5__inner .services-5__box .title {
    margin-bottom: 10px;
  }
}
.services-5__inner .services-5-list {
  list-style: none;
}
.services-5__inner .services-5-list li a {
  gap: 6px;
  display: flex;
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  color: var(--primary);
  align-items: center;
   letter-spacing: normal;
}
.services-5__inner .services-5-list li a i {
  font-size: 15px;
}
.services-5__inner .services-5-list li a:hover {
  color: var(--secondary);
}

/* === .floor-plan-5 (Home 05) === */
.floor-plan-5__inner {
  display: grid;
  grid-template-columns: 413px 1fr;
}
@media only screen and (max-width: 991px) {
  .floor-plan-5__inner {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .floor-plan-5__inner {
    grid-template-columns: 1fr;
  }
}
.floor-plan-5__inner .floor-plan-5__box {
  padding: 26px 30px 26px 30px;
}
@media only screen and (max-width: 991px) {
  .floor-plan-5__inner .floor-plan-5__box {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .floor-plan-5__inner .floor-plan-5__box {
    padding: 20px 0;
  }
}
.floor-plan-5__inner .floor-plan-5__box:not(:last-child) {
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .floor-plan-5__inner .floor-plan-5__box:not(:last-child) {
    border-right: none;
  }
}
.floor-plan-5__inner .floor-plan-5__content {
  display: flex;
  flex-direction: column;
}
.floor-plan-5__inner .floor-plan-5__content .title {
  color: #000;
  font-size: 36px;
  font-weight: normal;
  line-height: 36px;
   letter-spacing: normal;
}
.floor-plan-5__inner .floor-plan-5__content .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
.floor-plan-5__inner .floor-plan-5__content .list {
  margin-top: 145px;
  margin-bottom: 30px;
  list-style: none;
}
@media only screen and (max-width: 1399px) {
  .floor-plan-5__inner .floor-plan-5__content .list {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .floor-plan-5__inner .floor-plan-5__content .list {
    margin-top: 50px;
  }
}
.floor-plan-5__inner .floor-plan-5__content .list li {
  display: flex;
  font-size: 16px;
  font-weight: normal;
  align-items: center;
  color: var(--primary); letter-spacing: normal;
  justify-content: space-between;
  border-top: 1px solid var(--border);
  padding: 9.5px 0;
}
.floor-plan-5__inner .floor-plan-5__content .list li:last-child {
  border-bottom: 1px solid var(--border);
}
.floor-plan-5__inner .floor-plan-5__content .desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
  font-style: italic;
}
@media only screen and (max-width: 991px) {
  .floor-plan-5__inner .floor-plan-5__content .desc br {
    display: none;
  }
}
.floor-plan-5__inner .floor-plan-5__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === .floor-plan-5 (Home 05) === */
.team-5__inner .section-title-5__wrapper {
  display: grid;
  grid-template-columns: 412px 1fr;
  border-top: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .team-5__inner .section-title-5__wrapper {
    grid-template-columns: 299px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .team-5__inner .section-title-5__wrapper {
    border-bottom: none;
    grid-template-columns: 1fr;
  }
}
.team-5__inner .section-title-5__wrapper .wrp {
  padding-left: 30px;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .team-5__inner .section-title-5__wrapper .wrp {
    padding-left: 0;
  }
}
.team-5__inner .section-title-5__wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  padding-left: 25px;
  color: var(--primary); letter-spacing: normal;
}
.team-5__inner .section-title-5__wrapper .sub-title::before {
  left: 0;
  content: "";
  width: 20px;
  height: 1px;
  bottom: 5px;
  position: absolute;
  background: var(--primary);
}
.team-5__inner .section-title-5__wrapper .title {
  padding: 26px 30px;
  font-size: 36px;
  font-weight: normal;
  padding-right: 0;
  line-height: 36px;
   letter-spacing: normal;
  border-left: 1px solid var(--border);
}
@media only screen and (max-width: 991px) {
  .team-5__inner .section-title-5__wrapper .title {
    max-width: 100%;
    font-size: 30px;
    l letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .team-5__inner .section-title-5__wrapper .title {
    border-left: none;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .team-5__inner .section-title-5__wrapper .title {
    font-size: 28px;
  }
}
.team-5__inner .team-5__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 412px);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 1199px) {
  .team-5__inner .team-5__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (max-width: 575px) {
  .team-5__inner .team-5__wrapper {
    grid-template-columns: 1fr;
    border-top: none;
  }
}
.team-5__inner .team-5__wrapper > *:nth-child(1) {
  grid-column-start: 2;
}
@media only screen and (max-width: 1199px) {
  .team-5__inner .team-5__wrapper > *:nth-child(1) {
    grid-column-start: auto;
  }
}
.team-5__inner .team-5__wrapper > *:nth-child(1) .team-5__item:first-child {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .team-5__inner .team-5__wrapper > *:nth-child(1) .team-5__item:first-child {
    margin-bottom: 30px;
  }
}
.team-5__inner .team-5__wrapper > *:nth-child(2) .team-5__item:first-child {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .team-5__inner .team-5__wrapper > *:nth-child(2) .team-5__item:first-child {
    margin-bottom: 30px;
  }
}
.team-5__inner .team-5__box {
  padding: 30px;
  border-left: 1px solid var(--border);
}
@media only screen and (max-width: 767px) {
  .team-5__inner .team-5__box {
    border-left: none;
    padding: 0;
    margin-top: 30px;
  }
}
.team-5__inner .team-5__box .media {
  position: relative;
  overflow: hidden;
}
.team-5__inner .team-5__box .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%) contrast(100%);
}
.team-5__inner .team-5__box .contact {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  visibility: hidden;
  position: absolute;
  transition: all 0.3s;
  background: var(--primary);
  transform: translateY(100%);
}
.team-5__inner .team-5__box .contact a {
  color: #999;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  text-decoration: underline;
}
.team-5__inner .team-5__box .contact a:hover {
  color: var(--white);
}
.team-5__inner .team-5__box .content {
  margin-top: 17px;
}
.team-5__inner .team-5__box .content .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  l letter-spacing: normal;
  margin-bottom: 7px;
}
.team-5__inner .team-5__box .content .title a:hover {
  color: var(--secondary);
}
.team-5__inner .team-5__box .content .sub-title {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.team-5__inner .team-5__item {
  overflow: hidden;
}
.team-5__inner .team-5__item:hover .contact {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* === section-title-4 (Home 03) === */
.section-title-4__wrapper {
  margin-bottom: 67px;
}
@media only screen and (max-width: 991px) {
  .section-title-4__wrapper {
    margin-bottom: 40px;
  }
}
.section-title-4__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 15px;
  line-height: 24px;
  margin-bottom: 20px;
  border-radius: 500px;
  display: inline-block;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  border: 1.2px solid rgba(17, 17, 17, 0.1);
}
.section-title-4__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .section-title-4__wrapper .title {
    font-size: 45px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .section-title-4__wrapper .title {
    font-size: 30px;
    line-height: 35px;
    l letter-spacing: normal;
  }
}
.section-title-4__wrapper .title span {
  font-family: var(--font_tartuffotrial);
}

/* === hero-4 (Home 03) === */
.hero-4__inner {
  padding-top: 70px;
}
.hero-4__inner .hero-4__wrapper {
  display: grid;
  padding-left: 14px;
  padding-right: 14px;
  grid-template-columns: 615px 1fr;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1919px) {
  .hero-4__inner .hero-4__wrapper {
    grid-template-columns: 415px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-4__inner .hero-4__wrapper {
    grid-template-columns: 330px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__wrapper {
    grid-template-columns: 1fr;
  }
}
.hero-4__inner .hero-4__box {
  padding-top: 66px;
  padding-bottom: 94px;
}
.hero-4__inner .hero-4__box:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__box:not(:last-child) {
    border-right: none;
  }
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__box:first-child {
    padding-top: 40px;
    padding-bottom: 60px;
    order: 2;
  }
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__box:last-child {
    padding-bottom: 0;
    order: 1;
  }
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__box:last-child {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-4__inner .hero-4__content-left {
    padding-right: 15px;
  }
}
.hero-4__inner .hero-4__content-left .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: var(--white);
  margin-bottom: 85px;
  opacity: 0.74; letter-spacing: normal;
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__content-left .sub-title {
    margin-bottom: 30px;
  }
}
.hero-4__inner .hero-4__content-left .btn-circle {
  position: relative;
  display: inline-block;
}
.hero-4__inner .hero-4__content-left .btn-circle .icon {
  left: 0;
  width: 50px;
  bottom: 0px;
  height: 44px;
  display: flex;
  position: absolute;
  align-items: center;
  color: var(--black);
  justify-content: center;
  background: var(--white);
}
.hero-4__inner .hero-4__content-left .desc {
  max-width: 380px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-top: 30px;
  opacity: 0.74;
  color: var(--white); letter-spacing: normal;
}
.hero-4__inner .hero-4__content-left .sheir {
  margin-top: 232px;
}
@media only screen and (max-width: 1399px) {
  .hero-4__inner .hero-4__content-left .sheir {
    margin-top: 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-4__inner .hero-4__content-left .sheir {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__content-left .sheir {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__content-left .sheir img {
    max-width: 40px;
  }
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-left .sheir img {
    max-width: 30px;
  }
}
.hero-4__inner .hero-4__content-right {
  position: relative;
  padding-left: 17px;
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__content-right {
    padding-left: 0;
  }
}
.hero-4__inner .hero-4__content-right .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: var(--white);
  margin-bottom: 315px;
  opacity: 0.74; letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .hero-4__inner .hero-4__content-right .sub-title {
    margin-bottom: 145px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-4__inner .hero-4__content-right .sub-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-right .sub-title {
    margin-bottom: 20px;
  }
}
.hero-4__inner .hero-4__content-right .title {
  font-size: 220px;
  font-weight: normal;
  line-height: 200px;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .hero-4__inner .hero-4__content-right .title {
    font-size: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-4__inner .hero-4__content-right .title {
    font-size: 170px;
    line-height: 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-4__inner .hero-4__content-right .title {
    font-size: 125px;
    line-height: 125px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-4__inner .hero-4__content-right .title {
    font-size: 110px;
    line-height: 110px;
  }
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-right .title {
    font-size: 55px;
    line-height: 60px;
     letter-spacing: normal;
  }
}
.hero-4__inner .hero-4__content-right .exterior {
  gap: 15px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-right .exterior {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.hero-4__inner .hero-4__content-right .exterior .title {
  font-size: 190px;
  font-weight: 300;
  line-height: 200px;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: 120px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: 80px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: 65px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: 40px;
    line-height: 60px;
  }
}
.hero-4__inner .hero-4__content-right .exterior .shape {
  transform: translateY(30px);
}
@media only screen and (max-width: 1919px) {
  .hero-4__inner .hero-4__content-right .exterior .shape {
    transform: translateY(15px);
  }
}
@media only screen and (max-width: 1199px) {
  .hero-4__inner .hero-4__content-right .exterior .shape {
    transform: translateY(0px);
  }
}
.hero-4__inner .hero-4__content-right .exterior .sub-title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
   letter-spacing: normal;
  font-style: italic;
  transform: translateY(30px);
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1919px) {
  .hero-4__inner .hero-4__content-right .exterior .sub-title {
    transform: translateY(15px);
  }
}
@media only screen and (max-width: 1199px) {
  .hero-4__inner .hero-4__content-right .exterior .sub-title {
    transform: translateY(0px);
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
  }
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-right .exterior .sub-title {
    font-size: 18px;
    line-height: 20px;
  }
}
.hero-4__inner .hero-4__content-right .arrow-down {
  width: 34px;
  right: 0px;
  height: 34px;
  bottom: 34px;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  align-items: center;
  border-radius: 500px;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media (max-width: 575px) {
  .hero-4__inner .hero-4__content-right .arrow-down {
    bottom: 0;
  }
}

/* === about-us-4 (Home 03) === */
.about-us-4__wrapper {
  display: grid;
  grid-template-columns: 630px 1fr;
}
@media only screen and (max-width: 1919px) {
  .about-us-4__wrapper {
    grid-template-columns: 530px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .about-us-4__wrapper {
    grid-template-columns: 470px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-4__wrapper {
    grid-template-columns: 1fr;
  }
}
.about-us-4__wrapper .about-us-4__box {
  padding: 170px 14px 140px;
}
@media only screen and (max-width: 1199px) {
  .about-us-4__wrapper .about-us-4__box {
    padding: 100px 14px 100px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-4__wrapper .about-us-4__box {
    padding: 60px 14px 60px;
  }
}
.about-us-4__wrapper .about-us-4__box:not(:last-child) {
  border-right: 1px solid #E9E9E9;
}
@media only screen and (max-width: 991px) {
  .about-us-4__wrapper .about-us-4__box:not(:last-child) {
    border-right: none;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-4__wrapper .about-us-4__box:first-child {
    padding-bottom: 0;
  }
}
.about-us-4__wrapper .about-us-4__box .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-us-4__wrapper .about-us-4__box__wrapper {
  gap: 20px;
  display: flex;
  margin-top: 120px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .about-us-4__wrapper .about-us-4__box__wrapper {
    flex-wrap: wrap;
    margin-top: 60px;
    gap: 30px;
  }
}
.about-us-4__wrapper .about-us-4__item {
  max-width: 320px;
}
@media only screen and (max-width: 1199px) {
  .about-us-4__wrapper .about-us-4__item {
    max-width: 100%;
  }
}
.about-us-4__wrapper .about-us-4__item .title {
  font-size: 24px;
  font-weight: normal;
  margin-top: 70px;
  line-height: 20px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .about-us-4__wrapper .about-us-4__item .title {
    margin-top: 15px;
  }
}
.about-us-4__wrapper .about-us-4__item .desc {
  color: #555;
  font-size: 16px;
  margin-top: 30px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .about-us-4__wrapper .about-us-4__item .desc {
    margin-top: 15px;
  }
}
.about-us-4__wrapper .about-us-4__content {
  margin-top: 30px;
}
.about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 15px;
  line-height: 24px;
  margin-bottom: 20px;
  border-radius: 500px;
  display: inline-block;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  border: 1.2px solid rgba(17, 17, 17, 0.1);
}
.about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  margin-bottom: 50px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title {
    font-size: 45px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title {
    margin-bottom: 30px;
  }
  .about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title {
    font-size: 30px;
    line-height: 35px;
    l letter-spacing: normal;
  }
}
.about-us-4__wrapper .about-us-4__content .section-title-4__wrapper .title span {
  font-family: var(--font_tartuffotrial);
}

/* === service-4 (Home 03) === */
.service-4__inner {
  gap: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .service-4__inner {
    flex-wrap: wrap;
  }
}
.service-4__inner .service-4__item {
  width: 300px;
  height: 740px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 54px 34px 60px 150px;
  transition: all 0.5s ease;
  overflow: hidden;
}
@media only screen and (max-width: 1919px) {
  .service-4__inner .service-4__item {
    padding: 54px 34px 60px 145px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-4__inner .service-4__item {
    padding: 54px 34px 60px 80px;
    height: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-4__inner .service-4__item {
    padding: 60px 20px 30px 62px;
  }
}
@media only screen and (max-width: 767px) {
  .service-4__inner .service-4__item {
    height: 425px;
    padding: 30px 20px 30px 62px;
  }
}
@media (max-width: 575px) {
  .service-4__inner .service-4__item {
    height: 360px;
    padding: 20px;
  }
}
.service-4__inner .service-4__item.active {
  width: 830px;
  border-color: rgb(0, 0, 0);
}
.service-4__inner .service-4__item.active .media {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.service-4__inner .service-4__item.active .content {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.service-4__inner .service-4__item .icon {
  top: 24px;
  right: 34px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .service-4__inner .service-4__item .icon {
    top: 5px;
  }
}
.service-4__inner .service-4__item > .title {
  left: 105px;
  bottom: 55px;
  rotate: -90deg;
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  white-space: nowrap;
  position: absolute;
  color: var(--primary);
   letter-spacing: normal;
  transform-origin: left bottom;
}
@media only screen and (max-width: 1399px) {
  .service-4__inner .service-4__item > .title {
    left: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-4__inner .service-4__item > .title {
    left: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-4__inner .service-4__item > .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .service-4__inner .service-4__item > .title {
    font-size: 35px;
    l letter-spacing: normal;
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .service-4__inner .service-4__item > .title {
    position: inherit;
    rotate: 0deg;
    left: inherit;
    font-size: 30px;
    l letter-spacing: normal;
    bottom: 5px;
  }
}
.service-4__inner .service-4__item > .title span {
  font-family: var(--font_tartuffotrial);
}
.service-4__inner .service-4__item .media {
  position: relative;
  clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
  transition: clip-path 0.8s ease-in-out;
}
.service-4__inner .service-4__item .media .thumb {
  width: 641px;
  margin-left: auto;
}
@media only screen and (max-width: 1199px) {
  .service-4__inner .service-4__item .media .thumb {
    height: 480px;
  }
}
@media only screen and (max-width: 767px) {
  .service-4__inner .service-4__item .media .thumb {
    height: 365px;
  }
}
@media (max-width: 575px) {
  .service-4__inner .service-4__item .media .thumb {
    height: 290px;
  }
}
.service-4__inner .service-4__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-4__inner .service-4__item .media .content {
  top: 14px;
  z-index: 1;
  right: 14px;
  padding: 50px;
  max-width: 385px;
  position: absolute;
  background: var(--white);
}
@media only screen and (max-width: 1399px) {
  .service-4__inner .service-4__item .media .content {
    max-width: 355px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-4__inner .service-4__item .media .content {
    max-width: 290px;
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .service-4__inner .service-4__item .media .content {
    padding: 30px 10px;
  }
}
@media (max-width: 575px) {
  .service-4__inner .service-4__item .media .content {
    left: 10px;
    bottom: 10px;
    top: 10px;
    right: 10px;
  }
}
.service-4__inner .service-4__item .media .content .title {
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
   letter-spacing: normal;
}
.service-4__inner .service-4__item .media .content .arrow {
  margin-top: 178px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .service-4__inner .service-4__item .media .content .arrow {
    margin-top: 100px;
  }
}
@media (max-width: 575px) {
  .service-4__inner .service-4__item .media .content .arrow {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .service-4__inner .service-4__item .media .content .arrow svg {
    width: 20px;
    height: 20px;
  }
}
.service-4__inner .service-4__item .media .content .desc {
  font-size: 16px;
  font-weight: normal;
  margin-top: 34px;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}

/* === recent-work-4 (Home 03) === */
.recent-work-4__inner .section-title-4__wrapper {
  margin-bottom: 70px;
}
.recent-work-4__inner .section-title-4__wrapper .title {
  font-size: 120px;
  font-weight: normal;
  line-height: 134px;
  color: var(--primary);
  letter-spacing: -3.6px;
}
@media only screen and (max-width: 991px) {
  .recent-work-4__inner .section-title-4__wrapper .title {
    font-size: 100px;
    line-height: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .recent-work-4__inner .section-title-4__wrapper .title {
    font-size: 75px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .recent-work-4__inner .section-title-4__wrapper .title {
    font-size: 40px;
     letter-spacing: normal;
    line-height: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .recent-work-4__inner .section-title-4__wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .recent-work-4__inner .section-title-4__wrapper {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .recent-work-4__inner .section-title-4__wrapper {
    margin-bottom: 10px;
  }
}
.recent-work-4__inner .recent-work-4__item {
  gap: 30px 80px;
  display: grid;
  padding: 10px;
  border: 1px solid #DADADA;
  grid-template-columns: 1fr 514px;
}
@media only screen and (max-width: 1399px) {
  .recent-work-4__inner .recent-work-4__item {
    grid-template-columns: 1fr 414px;
  }
}
@media only screen and (max-width: 1199px) {
  .recent-work-4__inner .recent-work-4__item {
    grid-template-columns: 1fr 314px;
    gap: 30px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .recent-work-4__inner .recent-work-4__item {
    grid-template-columns: 1fr;
    gap: 30px 50px;
  }
}
.recent-work-4__inner .recent-work-4__item:not(:last-child) {
  margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
  .recent-work-4__inner .recent-work-4__item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.recent-work-4__inner .recent-work-4__item .media {
  position: relative;
}
.recent-work-4__inner .recent-work-4__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-work-4__inner .recent-work-4__item .media .arrow {
  z-index: 2;
  left: 44px;
  width: 44px;
  bottom: 50px;
  height: 44px;
  display: flex;
  rotate: -45deg;
  font-size: 20px;
  position: absolute;
  align-items: center;
  border-radius: 500px;
  color: var(--primary);
  justify-content: center;
  background: var(--white);
}
@media only screen and (max-width: 991px) {
  .recent-work-4__inner .recent-work-4__item .media .arrow {
    bottom: 20px;
    left: 20px;
  }
}
.recent-work-4__inner .recent-work-4__item .content {
  display: flex;
  margin-top: 40px;
  margin-bottom: 50px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .recent-work-4__inner .recent-work-4__item .content {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.recent-work-4__inner .recent-work-4__item .content .number {
  font-size: 24px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
   letter-spacing: normal;
}
.recent-work-4__inner .recent-work-4__item .content .text {
  margin-top: auto;
}
.recent-work-4__inner .recent-work-4__item .content .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px; letter-spacing: normal;
  text-transform: uppercase;
}
.recent-work-4__inner .recent-work-4__item .content .text .title a:hover {
  color: var(--secondary);
}
.recent-work-4__inner .recent-work-4__item .content .list {
  list-style: none;
}
.recent-work-4__inner .recent-work-4__item .content .list li {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  padding-left: 10px;
  color: var(--primary);
   letter-spacing: normal;
}
.recent-work-4__inner .recent-work-4__item .content .list li::before {
  left: 0;
  top: 50%;
  width: 4px;
  content: "";
  height: 4px;
  position: absolute;
  border-radius: 500px;
  background: var(--primary);
  transform: translate(0px, -50%);
}
.recent-work-4__inner .btn-wrap {
  margin-top: 50px;
}

/* === .experience-4 (Home 03) === */
.experience-4__inner {
  border-bottom: 1px solid #E9E9E9;
}

.experience-4-wrapper {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 615px 1fr;
}
@media only screen and (max-width: 1399px) {
  .experience-4-wrapper {
    grid-template-columns: 515px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .experience-4-wrapper {
    grid-template-columns: 1fr;
  }
}
.experience-4-wrapper .experience-4__box {
  padding: 140px 15px 130px;
  border-left: 1px solid #E9E9E9;
}
@media only screen and (max-width: 991px) {
  .experience-4-wrapper .experience-4__box {
    padding: 15px 15px;
  }
}
.experience-4-wrapper .experience-4__box:last-child {
  border-right: 1px solid #E9E9E9;
}
.experience-4-wrapper .experience-4__box .section-title-4__wrapper {
  margin-top: 20px;
}
@media only screen and (max-width: 1399px) {
  .experience-4-wrapper .experience-4__box .section-title-4__wrapper {
    margin-top: 0;
  }
}
.experience-4-wrapper .experience-4__content {
  gap: 138px;
  display: flex;
  margin-left: 170px;
}
@media only screen and (max-width: 1919px) {
  .experience-4-wrapper .experience-4__content {
    margin-left: 0;
    gap: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .experience-4-wrapper .experience-4__content {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.experience-4-wrapper .experience-4__content .desc {
  font-size: 16px;
  font-weight: normal;
  max-width: 230px;
  line-height: 18px;
  margin-top: 20px;
  color: var(--primary); letter-spacing: normal;
}
@media only screen and (max-width: 1399px) {
  .experience-4-wrapper .experience-4__content .desc {
    max-width: 100%;
    margin-top: 0;
  }
}
.experience-4-wrapper .experience-4__wrapper {
  gap: 40px 123px;
  display: grid;
  grid-template-columns: repeat(2, 241px);
}
@media only screen and (max-width: 1919px) {
  .experience-4-wrapper .experience-4__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}
@media (max-width: 575px) {
  .experience-4-wrapper .experience-4__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 50px;
  }
}
.experience-4-wrapper .experience-4__item .title {
  font-size: 70px;
  font-weight: normal;
  line-height: 80px;
   letter-spacing: normal;
  border-bottom: 1px solid #E9E9E9;
}
@media only screen and (max-width: 767px) {
  .experience-4-wrapper .experience-4__item .title {
    font-size: 50px;
    line-height: 60px;
  }
}
.experience-4-wrapper .experience-4__item .title .odometer {
  font-family: var(--font_regular);
}
.experience-4-wrapper .experience-4__item .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px; letter-spacing: normal;
  text-transform: uppercase;
}

/* === brand-4 (Home 03) === */
.brand-4__inner {
  gap: 20px;
  display: flex;
  padding: 90px 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .brand-4__inner {
    padding: 60px 0;
  }
}
@media (max-width: 575px) {
  .brand-4__inner {
    flex-direction: column;
  }
}

/* === call-to-action (Home 03) === */
.call-to-action__inner {
  position: relative;
  overflow: hidden;
}
.call-to-action__inner .media {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .call-to-action__inner .media {
    height: 250px;
  }
}
.call-to-action__inner .media::before {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  content: "";
  bottom: 0;
  height: 100%;
  position: absolute;
  background: rgba(17, 17, 17, 0.34);
}
.call-to-action__inner .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.call-to-action__inner .section-title-4__wrapper {
  z-index: 2;
  left: 80px;
  bottom: 140px;
  margin-bottom: 0;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .call-to-action__inner .section-title-4__wrapper {
    bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action__inner .section-title-4__wrapper {
    bottom: 30px;
    left: 30px;
  }
}
@media (max-width: 575px) {
  .call-to-action__inner .section-title-4__wrapper {
    left: 20px;
    bottom: 20px;
  }
}
.call-to-action__inner .section-title-4__wrapper .sub-title {
  color: var(--white);
  border: 1.2px solid rgba(255, 255, 255, 0.3);
}
.call-to-action__inner .section-title-4__wrapper .title {
  font-size: 70px;
  font-weight: normal;
  line-height: 80px;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
  .call-to-action__inner .section-title-4__wrapper .title {
    font-size: 55px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .call-to-action__inner .section-title-4__wrapper .title {
    font-size: 45px;
    line-height: 55px;
     letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .call-to-action__inner .section-title-4__wrapper .title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (max-width: 575px) {
  .call-to-action__inner .section-title-4__wrapper .title {
    font-size: 25px;
    line-height: 30px;
    l letter-spacing: normal;
  }
}

/* === professional-4 (Home 03) === */
.professional-4__inner {
  display: grid;
  gap: 160px;
  grid-template-columns: 626px 1fr;
}
@media only screen and (max-width: 1399px) {
  .professional-4__inner {
    gap: 100px;
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .professional-4__inner {
    gap: 50px;
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .professional-4__inner {
    gap: 50px;
    grid-template-columns: 1fr;
  }
}
.professional-4__inner .professional-4__media {
  width: 100%;
  height: 626px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .professional-4__inner .professional-4__media {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .professional-4__inner .professional-4__media {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .professional-4__inner .professional-4__media {
    height: 350px;
  }
}
.professional-4__inner .professional-4__media img {
  inset: 0;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  transition: clip-path 0.7s ease-in-out;
  clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
}
.professional-4__inner .professional-4__media img.active {
  opacity: 1;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.professional-4__inner .professional-4__content .sub-title {
  font-size: 14px;
  font-weight: normal;
  padding: 2px 15px;
  line-height: 24px;
  border-radius: 500px;
  display: inline-block;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  border: 1.2px solid rgba(17, 17, 17, 0.1);
}
.professional-4__inner .professional-4__list {
  list-style: none;
  margin-top: 137px;
}
@media only screen and (max-width: 991px) {
  .professional-4__inner .professional-4__list {
    margin-top: 30px;
  }
}
.professional-4__inner .professional-4__list li:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 575px) {
  .professional-4__inner .professional-4__list li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.professional-4__inner .professional-4__list li a {
  color: #999;
  display: flex;
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  position: relative;
  transition: all 0.3s;
   letter-spacing: normal;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .professional-4__inner .professional-4__list li a {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .professional-4__inner .professional-4__list li a {
    font-size: 30px;
    line-height: 40px;
  }
}
.professional-4__inner .professional-4__list li a:hover {
  color: var(--primary);
}
.professional-4__inner .professional-4__list li a:hover .icon svg path {
  stroke-dashoffset: 0;
}
.professional-4__inner .professional-4__list li a:hover .number {
  opacity: 1;
}
.professional-4__inner .professional-4__list li a:hover::before {
  width: 100%;
}
.professional-4__inner .professional-4__list li a::before {
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  content: "";
  transition: all 0.3s;
  position: absolute;
  background: var(--primary);
}
.professional-4__inner .professional-4__list li a .number {
  font-size: 16px;
  font-weight: normal;
  line-height: 14px;
  margin-right: auto;
  transition: all 0.3s; letter-spacing: normal;
  opacity: 0;
}
.professional-4__inner .professional-4__list li a .icon {
  transform: translate(0px, -14px);
}
@media only screen and (max-width: 1199px) {
  .professional-4__inner .professional-4__list li a .icon {
    transform: translate(0px, -10px);
  }
}
.professional-4__inner .professional-4__list li a .icon svg path {
  stroke: #000;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
@media only screen and (max-width: 1199px) {
  .professional-4__inner .professional-4__list li a .icon svg {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .professional-4__inner .professional-4__list li a .icon svg {
    width: 30px;
    height: 30px;
  }
}

/* === award-4 (Home 03) === */
.award-4__inner .section-title-4__wrapper {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .award-4__inner .section-title-4__wrapper {
    flex-wrap: wrap;
  }
}
.award-4__inner .section-title-4__wrapper .desc {
  max-width: 230px;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  color: var(--primary); letter-spacing: normal;
}
.award-4__inner .award-4__wrapper {
  display: grid;
  grid-template-columns: 785px 1fr;
  align-items: flex-end;
}
@media only screen and (max-width: 1919px) {
  .award-4__inner .award-4__wrapper {
    grid-template-columns: 685px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .award-4__inner .award-4__wrapper {
    grid-template-columns: 400px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .award-4__inner .award-4__wrapper {
    grid-template-columns: 200px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .award-4__inner .award-4__wrapper {
    grid-template-columns: 1fr;
  }
}
.award-4__inner .award-4__wrapper .award-4-warpper {
  margin-top: 0;
  border-top: none;
}
.award-4__inner .award-4__wrapper .award-4-warpper .services__item {
  gap: 90px;
  padding: 21px 10px 20px 10px;
}
@media only screen and (max-width: 767px) {
  .award-4__inner .award-4__wrapper .award-4-warpper .services__item {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .award-4__inner .award-4__wrapper .award-4-warpper .services__item {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.award-4__inner .award-4__wrapper .award-4-warpper .services__item span::before {
  display: none;
}

/* === brand-6 (Home 06) === */
.brand-6 {
  background: #F4F4F4;
}
.brand-6__inner {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .brand-6__inner {
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .brand-6__inner {
    text-align: center;
    flex-direction: column;
  }
}
.brand-6__item {
  padding: 80px 0;
  padding-right: 141.5px;
  border-right: 1px solid rgba(17, 17, 17, 0.07);
}
.brand-6__item:last-child {
  border-right: none;
  padding-right: 0;
}
@media (max-width: 575px) {
  .brand-6__item:last-child {
    margin-bottom: 40px;
  }
}
.brand-6__item img {
  transition: all 0.3s ease-in-out;
}
.brand-6__item img:hover {
  filter: brightness(0);
}
@media only screen and (max-width: 1399px) {
  .brand-6__item {
    padding-right: 70px;
  }
}
@media only screen and (max-width: 1199px), only screen and (max-width: 767px) {
  .brand-6__item {
    padding-right: 39px;
  }
}
@media only screen and (max-width: 991px) {
  .brand-6__item {
    padding: 60px 0;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .brand-6__item {
    padding-bottom: 0;
    padding-top: 40px;
  }
}

/* === brand-7 (Home 07) === */
.brand-7__wrapper {
  display: flex;
  margin-left: 80px;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .brand-7__wrapper {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .brand-7__wrapper {
    gap: 30px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .brand-7__wrapper {
    margin-left: 15px;
  }
}
.brand-7__info {
  max-width: 335px;
  width: 100%;
  padding: 35px 0;
  position: relative;
  padding-right: 194px;
}
@media only screen and (max-width: 1399px) {
  .brand-7__info {
    padding-right: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .brand-7__info {
    padding: 0;
  }
}
.brand-7__info::before {
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 117px;
  position: absolute;
  background-color: rgba(17, 17, 17, 0.08);
}
@media only screen and (max-width: 991px) {
  .brand-7__info::before {
    display: none;
  }
}
.brand-7__sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.brand-7__title {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.3;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.brand-7__active .swiper-wrapper {
  transition-timing-function: linear;
}
.brand-7__active .swiper-wrapper .swiper-slide {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .brand-7__item img {
    width: 75%;
  }
}

/* === section-title-6 (Home 06) === */
.section-title-6__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 52px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .section-title-6__wrapper .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-title-6__wrapper .title {
    font-size: 35px;
    line-height: 45px;
  }
}
.section-title-6__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}

/* === about-6 (Home 06) === */
.about-6__inner {
  display: grid;
  gap: 56px;
  grid-template-columns: 865px 545px 214px;
}
@media only screen and (max-width: 1919px) {
  .about-6__inner {
    grid-template-columns: 565px 445px 214px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-6__inner {
    gap: 20px;
    grid-template-columns: 445px 428px 214px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-6__inner {
    gap: 20px;
    grid-template-columns: 350px 350px 214px;
  }
}
@media only screen and (max-width: 991px) {
  .about-6__inner {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .about-6__inner > :nth-child(2) {
    grid-column: 1/-1;
    order: -1;
  }
  .about-6__inner > :nth-child(1), .about-6__inner > :nth-child(3) {
    grid-column: span 1;
    order: 2;
  }
}
@media (max-width: 575px) {
  .about-6__inner {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr;
  }
  .about-6__inner > :nth-child(2) {
    grid-column: 1/-1;
    order: -1;
  }
  .about-6__inner > :nth-child(1), .about-6__inner > :nth-child(3) {
    grid-column: 1/-1;
    order: 2;
  }
}
.about-6__inner .about-6__box:last-child {
  display: flex;
  flex-direction: column;
}
.about-6__inner .about-6__media {
  margin-top: auto;
}
.about-6__inner .about-6__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-6__inner .about-6__content {
  margin-top: 250px;
  max-width: 466px;
  margin-left: auto;
}
@media only screen and (max-width: 1919px) {
  .about-6__inner .about-6__content {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-6__inner .about-6__content {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 991px) {
  .about-6__inner .about-6__content {
    max-width: 100%;
  }
}
.about-6__inner .about-6__content .desc {
  margin-left: 57px;
  margin-top: 60px;
}
@media only screen and (max-width: 1199px) {
  .about-6__inner .about-6__content .desc {
    margin-left: 0;
    margin-top: 30px;
  }
}
.about-6__inner .about-6__content .icon {
  margin-top: 80px;
  margin-left: 57px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .about-6__inner .about-6__content .icon {
    margin-left: 0;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-6__inner .about-6__content .icon svg {
    width: 50px;
  }
}

/* === work-6 (Home 06) === */
.work-6__inner .work-6__wrapper {
  margin-top: 80px;
  border-top: 1px solid rgba(17, 17, 17, 0.1);
}
@media only screen and (max-width: 991px) {
  .work-6__inner .work-6__wrapper {
    margin-top: 40px;
  }
}
.work-6__inner .work-6__item {
  display: grid;
  grid-template-columns: 785px 1fr;
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}
@media only screen and (max-width: 1919px) {
  .work-6__inner .work-6__item {
    grid-template-columns: 685px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .work-6__inner .work-6__item {
    grid-template-columns: 500px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .work-6__inner .work-6__item {
    grid-template-columns: 400px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .work-6__inner .work-6__item {
    grid-template-columns: 1fr;
  }
}
.work-6__inner .work-6__item:hover .media img {
  clip-path: inset(0 0 0 0);
}
.work-6__inner .work-6__item:hover .content::before {
  width: 100%;
}
.work-6__inner .work-6__item:hover .content .number {
  color: var(--white);
  border-color: rgba(255, 255, 255, 0.1);
}
.work-6__inner .work-6__item:hover .content .text .title {
  color: var(--white);
}
.work-6__inner .work-6__item:hover .content .text .rr-underline {
  display: inline-flex;
}
.work-6__inner .work-6__item:hover .content .text .desc {
  color: rgba(248, 248, 248, 0.7);
}
.work-6__inner .work-6__item .media {
  overflow: hidden;
  position: relative;
  border-right: 1px solid rgba(17, 17, 17, 0.1);
}
.work-6__inner .work-6__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.6s ease-in-out;
}
.work-6__inner .work-6__item .content {
  gap: 70px;
  display: flex;
  padding-top: 60px;
  padding-left: 70px;
  position: relative;
  margin-left: -2px;
}
@media only screen and (max-width: 1399px) {
  .work-6__inner .work-6__item .content {
    gap: 50px;
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .work-6__inner .work-6__item .content {
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .work-6__inner .work-6__item .content {
    flex-wrap: wrap;
  }
}
.work-6__inner .work-6__item .content::before {
  top: 0;
  right: 0;
  width: 0;
  z-index: -1;
  content: "";
  height: 100%;
  position: absolute;
  transition: all 0.6s;
  background: var(--primary);
}
.work-6__inner .work-6__item .content .number {
  width: 60px;
  height: 60px;
  display: flex;
  font-size: 24px;
  min-width: 60px;
  font-weight: normal;
  line-height: 52px;
  align-items: center;
  border-radius: 500px;
  transition: all 0.3s;
  color: var(--primary);
   letter-spacing: normal;
  justify-content: center;
  border: 1px solid rgba(17, 17, 17, 0.1);
}
.work-6__inner .work-6__item .content .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 34px;
  transition: all 0.3s;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1399px) {
  .work-6__inner .work-6__item .content .text .title {
    margin-bottom: 20px;
  }
}
.work-6__inner .work-6__item .content .text .title a:hover {
  color: var(--white);
}
.work-6__inner .work-6__item .content .text .rr-underline {
  display: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 40px;
  color: var(--white);
  transition: all 0.3s; letter-spacing: normal;
  text-transform: lowercase;
}
@media only screen and (max-width: 1399px) {
  .work-6__inner .work-6__item .content .text .rr-underline {
    margin-top: 20px;
  }
}
.work-6__inner .work-6__item .content .text .rr-underline::before {
  background: var(--white);
}
.work-6__inner .work-6__item .content .text .desc {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  max-width: 530px;
  line-height: 22px;
  transition: all 0.3s; letter-spacing: normal;
}

/* === .section-title-6 (Home 06) === */
.section-title-6__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 15px;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.section-title-6__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 52px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .section-title-6__wrapper .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-title-6__wrapper .title {
    font-size: 35px;
    line-height: 45px;
  }
}
.section-title-6__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}

/* === hero-6 Section (Home 06) === */
.hero-6__inner {
  padding-top: 350px;
  margin-top: 98px;
}
@media only screen and (max-width: 1919px) {
  .hero-6__inner {
    padding-top: 250px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-6__inner {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-6__inner {
    margin-top: 75px;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-6__inner {
    padding-top: 60px;
  }
}
.hero-6__inner .rr-v-lines {
  right: 160px;
  left: inherit;
  width: 1100px;
}
.hero-6__inner .hero-6__content {
  display: flex;
  align-items: end;
  margin-bottom: 50px;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .hero-6__inner .hero-6__content {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.hero-6__inner .hero-6__title-wrap .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 2px 19px;
  padding-left: 35px;
  position: relative;
  border-radius: 20px;
   letter-spacing: normal;
  margin-bottom: 24px;
  display: inline-block;
  border: 1px solid rgba(17, 17, 17, 0.5);
}
.hero-6__inner .hero-6__title-wrap .sub-title::before {
  content: "";
  left: 19px;
  top: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 500px;
  display: inline-block;
  transform: translateY(-50%);
  background-color: var(--primary);
}
.hero-6__inner .hero-6__title-wrap .title {
  font-size: 80px;
  font-weight: normal;
  line-height: 86px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .hero-6__inner .hero-6__title-wrap .title {
    font-size: 60px;
    font-weight: normal;
    line-height: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-6__inner .hero-6__title-wrap .title {
    font-size: 50px;
    font-weight: normal;
    line-height: 65px;
  }
}
@media (max-width: 575px) {
  .hero-6__inner .hero-6__title-wrap .title {
    font-size: 40px;
    font-weight: normal;
    line-height: 45px;
     letter-spacing: normal;
  }
}
.hero-6__inner .hero-6__title-wrap .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
.hero-6__inner .hero-6__text .desc {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  max-width: 366px;
  line-height: 22px;
  margin-bottom: 40px; letter-spacing: normal;
}
.hero-6__inner .hero-6__text .rr-btn-primary {
  gap: 8px;
  border-radius: 0;
  color: var(--white);
  padding: 15px 29.71px;
  background-color: var(--primary);
}
.hero-6__inner .hero-6__text .rr-btn-primary i {
  font-weight: 400;
  color: var(--white);
  transform: rotate(-45deg);
}
.hero-6__inner .hero-6__text .rr-btn-primary .text span {
  color: var(--white);
}



/* === service-6 (Home 06) === */
.service-6__wrapper {
  padding-bottom: 0px;
  background-color: #ffffff;
}
@media only screen and (max-width: 991px) {
  .service-6__wrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .service-6__wrapper {
    margin-bottom: 60px;
  }
}
.service-6__top {
  gap: 15px;
  display: flex;
  flex-wrap: wrap;
  margin-right: 236px;
  margin-bottom: 70px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .service-6__top {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .service-6__top {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .service-6__top {
    margin-bottom: 30px;
  }
}
.service-6__top-btn .rr-underline {
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  padding-bottom: 2px;
  display: inline-flex;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: math-auto;
}
.service-6__subtitle {
  gap: 20px;
  display: flex;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  align-items: center;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.service-6__subtitle::before {
  content: "";
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 500px;
  display: inline-block;
  transform: translateY(-50%);
  background-color: var(--primary);
}
.service-6__subtitle span {
  width: 456px;
  height: 1px;
  display: inline-block;
  background-color: rgba(17, 17, 17, 0.1);
}
@media only screen and (max-width: 1399px) {
  .service-6__subtitle span {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .service-6__subtitle span {
    width: 100px;
  }
}
.service-6__item {
  z-index: 2;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 40px 80px;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .service-6__item {
    flex-wrap: nowrap;
    padding: 35px 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-6__item {
    padding: 30px;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 1199px) {
  .service-6__item {
    flex-wrap: wrap;
  }
}
.service-6__item::before {
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  transition: all 0.3s ease-in-out;
  background-color: var(--primary);
}
.service-6__item:hover::before {
  height: 100%;
  top: 0;
}
.service-6__item:hover .service-6__thumb span {
  color: var(--white);
}
.service-6__item:hover .service-6__title {
  color: var(--white);
}
.service-6__item:hover .service-6__dec {
  color: var(--white);
  opacity: 0.7;
}
.service-6__item:hover .service-6__arrow {
  border-color: var(--white);
}
.service-6__item:hover .service-6__arrow span {
  background-color: var(--white);
}
.service-6__thumb {
  gap: 60px;
  display: flex;
  align-items: start;
}
@media only screen and (max-width: 1399px) {
  .service-6__thumb {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .service-6__thumb {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.service-6__thumb span {
  font-weight: normal;
  font-size: 24px;
  line-height: 30px;
  color: var(--primary);
   letter-spacing: normal;
  transform: translateY(35px);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .service-6__thumb span {
    transform: translateY(0px);
  }
}
.service-6__thumb img {
  max-width: 350px;
  max-height: 182px;
  border-radius: 0px;
}
@media (max-width: 575px) {
  .service-6__thumb img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px;
  }
}
.service-6__inner {
  gap: 80px;
  display: flex;
  align-items: center;
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .service-6__inner {
    gap: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-6__inner {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service-6__inner {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.service-6__title {
  font-weight: normal;
  font-size: 60px;
  max-width: 650px;
  line-height: 62px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .service-6__title {
    font-size: 55px;
    max-width: 650px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-6__title {
    font-size: 50px;
    max-width: 450px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .service-6__title {
    font-size: 35px;
    max-width: 370px;
    line-height: 40px;
  }
}
.service-6__title a:hover {
  color: var(--white);
}
.service-6__title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
.service-6__content {
  gap: 165px;
  display: flex;
  align-items: center;
}
@media (min-width: 1700px) and (max-width: 1775px) {
  .service-6__content {
    gap: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .service-6__content {
    gap: 50px;
  }
}
@media only screen and (max-width: 1399px) {
  .service-6__content {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .service-6__content {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.service-6__dec {
  font-weight: normal;
  font-size: 16px;
  max-width: 337px;
  line-height: 22px;
  color: var(--secondary);
   letter-spacing: normal;
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
.service-6__arrow {
  width: 70px;
  height: 70px;
  display: inline-block;
  border: 1px solid var(--primary);
  border-left: none;
  border-bottom: none;
  transition: all 0.3s ease-in-out;
}
.service-6__arrow span {
  width: 130%;
  height: 1px;
  display: inline-block;
  background-color: var(--primary);
  transition: all 0.3s ease-in-out;
  transform: rotate(-45deg) translate(-18px, 6.5px);
}

/* ===newsletter-7 (Home 06) === */
.newsletter-7__bg {
  padding: 80px 0;
  background-color: #FFF992;
}
@media only screen and (max-width: 767px) {
  .newsletter-7__bg {
    padding: 70px 0;
  }
}
.newsletter-7__title {
  font-size: 50px;
  font-weight: normal;
  line-height: 54px;
  margin-bottom: 275px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .newsletter-7__title {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 1199px) {
  .newsletter-7__title {
    margin-bottom: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .newsletter-7__title {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-7__title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .newsletter-7__title {
    font-size: 30px;
    line-height: 40px;
  }
}
.newsletter-7__form {
  gap: 20px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .newsletter-7__form {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-7__form {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .newsletter-7__form {
    grid-template-columns: repeat(1, 1fr);
  }
}
.newsletter-7__input input {
  max-width: 425px;
  width: 100%;
  height: 49px;
  padding: 19px 40px;
  border-radius: 500px;
  background: transparent;
  border: 1px solid var(--primary);
}
@media only screen and (max-width: 1199px) {
  .newsletter-7__input input {
    padding: 19px 20px;
  }
}
.newsletter-7__input input:focus {
  outline: none;
}
.newsletter-7__input input::placeholder {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
   letter-spacing: normal;
  text-transform: capitalize;
  font-family: var(--font_regular);
  color: rgba(17, 17, 17, 0.5);
}
.newsletter-7__btn .rr-btn-primary {
  max-width: 425px;
  width: 100%;
  height: 49px;
  background: var(--black);
}
.newsletter-7__btn .rr-btn-primary span {
  color: var(--white);
}

/* === testimonial-7  (inner page) === */
.testimonial-7__bg {
  background-color: #000000;
}
@media only screen and (max-width: 991px) {
  .testimonial-7__thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-7__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.testimonial-7__wrapper .section-title-6__wrapper {
  margin-bottom: 185px;
}
@media (min-width: 1400px) and (max-width: 1550px) {
  .testimonial-7__wrapper .section-title-6__wrapper {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial-7__wrapper .section-title-6__wrapper {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-7__wrapper .section-title-6__wrapper {
    margin-bottom: 30px;
  }
}
.testimonial-7__wrapper .section-title-6__wrapper .title {
  max-width: 500px;
  color: var(--white);
}
.testimonial-7__quote {
  gap: 12px;
  display: flex;
  align-items: center;
  margin-bottom: -38px;
}
.testimonial-7__quote span {
  width: 44px;
  height: 90px;
  display: inline-block;
  background: #000;
  clip-path: polygon(50% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
}
@media only screen and (max-width: 1199px) {
  .testimonial-7__quote span {
    width: 30px;
    height: 60px;
  }
}
.testimonial-7__dec {
  font-size: 20px;
  font-weight: normal;
  max-width: 514px;
  line-height: 34px;
  margin-bottom: 33px;
  color: var(--white);
  letter-spacing: normal;
  font-family: var(--font_light);
}
@media only screen and (max-width: 1199px) {
  .testimonial-7__dec {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.testimonial-7__author .name {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: normal;
  font-family: var(--font_regular);
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .testimonial-7__author .name {
    font-size: 20px;
    line-height: 20px;
  }
}
.testimonial-7__author .position {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-transform: capitalize;
  font-family: var(--font_regular);
  color: var(--white);
}
@media only screen and (max-width: 1199px) {
  .testimonial-7__author .position {
    font-size: 15px;
  }
}
.testimonial-7__info {
  transform: translateY(15px);
}
@media only screen and (max-width: 1399px) {
  .testimonial-7__info {
    transform: translateY(0px);
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-7__info {
    margin-top: 30px;
  }
}
.testimonial-7__button {
  gap: 12px;
  display: flex;
  margin-top: 66px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .testimonial-7__button {
    margin-top: 40px;s
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-7__button {
    margin-top: 30px;
  }
}
.testimonial-7__arrow i {
  font-size: 28px;
  font-weight: 300;
  line-height: 0.8;
  color: var(--primary);
}

/* === clam-slider (Home) === */
.hero-8__inner {
  margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .hero-8__inner {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-8__inner {
    padding-bottom: 60px;
  }
}

.hero-8__top {
  gap: 30px;
  display: flex;
  align-items: end;
}
@media (max-width: 575px) {
  .hero-8__top {
    flex-wrap: wrap;
  }
}
.hero-8 .text span {
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.hero-8__big-text .title {
  z-index: 2;
  font-size: 270px;
  font-weight: normal;
  line-height: 180px;
  text-align: center;
  position: relative;
  margin-top: 200px;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  font-family: var(--font_regular);
  position: relative;
}
@media only screen and (max-width: 1919px) {
  .hero-8__big-text .title {
    font-size: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-8__big-text .title {
    font-size: 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-8__big-text .title {
    font-size: 140px;
    line-height: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-8__big-text .title {
    font-size: 110px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-8__big-text .title {
    font-size: 80px;
    line-height: 90px;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-8__big-text .title {
    font-size: 44px;
    line-height: 54px;
  }
}
.hero-8__info {
  max-width: 360px;
  margin: 0 0 0 auto;
  margin-top: 140px;
  margin-right: 135px;
}
@media only screen and (max-width: 1199px) {
  .hero-8__info {
    max-width: 100%;
    margin: 20px 0 0;
  }
}
.hero-8__dec {
  font-size: 20px;
  font-weight: normal;
  max-width: 300px;
  line-height: 24px;
  font-style: italic;
  color: var(--secondary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1199px) {
  .hero-8__dec {
    max-width: 100%;
  }
}
.hero-8__author {
  max-width: 360px;
  padding-top: 15px;
  margin-top: 45px;
  border-top: 1px solid rgba(17, 17, 17, 0.15);
}
@media only screen and (max-width: 991px) {
  .hero-8__author {
    margin-bottom: 20px;
  }
}
.hero-8__author .name {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.hero-8__author .position {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--secondary);
   letter-spacing: normal;
  font-family: var(--font_regular);
}
.hero-8__shape {
  transform: translateY(-32px);
}
@media only screen and (max-width: 1199px) {
  .hero-8__shape {
    transform: translateY(32px);
  }
}
@media only screen and (max-width: 991px) {
  .hero-8__shape {
    display: none;
  }
}
.hero-8__thumb {
  margin-top: 370px;
}
@media only screen and (max-width: 1199px) {
  .hero-8__thumb {
    margin-top: 0;
  }
}
.hero-8__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-8__big__thumb {
  height: 100vh;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .hero-8__big__thumb {
    display: none;
  }
}
.hero-8__big__thumb .image {
  width: 170px;
  height: 200px;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.hero-8__big__thumb .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rr-portfolio-area {
  position: relative;
  width: 100vh;
}

.rr-snap-slide {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rr-snap-slide .img-mask {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}
.rr-snap-slide .img-mask .section-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.rr-snap-slide .img-mask .section-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rr-snap-slide .text-wrapper {
  position: absolute;
  top: 50%;
  width: 450px;
  height: 550px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--primary);
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .rr-snap-slide .text-wrapper {
    width: 300px;
    padding: 20px 0;
    height: 350px;
  }
}
.rr-snap-slide .text-wrapper .title {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
  margin-bottom: 34px;
  color: var(--primary);
   letter-spacing: normal;
}
@media (max-width: 575px) {
  .rr-snap-slide .text-wrapper .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.rr-snap-slide .text-wrapper .sub-title {
  font-size: 16px;
  font-weight: normal;
  margin-top: 34px;
  line-height: 20px;
  text-align: center; letter-spacing: normal;
}
.rr-snap-slide .text-wrapper img {
  width: 390px;
  height: 260px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .rr-snap-slide .text-wrapper img {
    width: 200px;
  }
}

/* === section-title-7 (Home 07) === */
.section-title-7__wrapper .sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
}
.section-title-7__wrapper .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 50px;
   letter-spacing: normal;
}
.section-title-7__wrapper .title span {
  font-weight: 400;
  font-family: var(--font_tartuffotrial);
}
@media (max-width: 575px) {
  .section-title-7__wrapper .title {
    font-size: 37px;
    line-height: 40px;
     letter-spacing: normal;
  }
}

/* === team-7 (Home 07) === */
.team-7__inner .rr-btn-primary {
  gap: 8px;
  border-radius: 0;
  color: var(--white);
  padding: 15px 29.71px;
  background-color: var(--primary);
}
.team-7__inner .rr-btn-primary .text span {
  color: var(--white);
}
.team-7__inner .rr-btn-primary i {
  font-weight: 400;
  color: var(--white);
  transform: rotate(-45deg);
}
.team-7__inner .section-title-7__wrapper {
  gap: 100px;
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .team-7__inner .section-title-7__wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .team-7__inner .section-title-7__wrapper {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.team-7__inner .team-7__warpper {
  display: grid;
  gap: 35px 30px;
  max-width: 1525px;
  padding-top: 40px;
  margin-left: auto;
  justify-content: space-between;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 991px) {
  .team-7__inner .team-7__warpper {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}
.team-7__inner .team-7__item {
  display: grid;
  gap: 20px 0px;
  grid-template-columns: 355px 1fr;
  border: 1px solid var(--border);
}
@media only screen and (max-width: 1399px) {
  .team-7__inner .team-7__item {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .team-7__inner .team-7__item {
    grid-template-columns: 220px 1fr;
  }
}
@media (max-width: 575px) {
  .team-7__inner .team-7__item {
    grid-template-columns: 1fr;
  }
}
.team-7__inner .team-7__item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-7__inner .team-7__item .content {
  display: flex;
  flex-direction: column;
}
.team-7__inner .team-7__item .content .text {
  padding-left: 40px;
  padding-top: 40px;
}
@media only screen and (max-width: 1399px) {
  .team-7__inner .team-7__item .content .text {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .team-7__inner .team-7__item .content .text {
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.team-7__inner .team-7__item .content .text .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 2px; letter-spacing: normal;
}
.team-7__inner .team-7__item .content .text .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  color: rgba(17, 17, 17, 0.7);
}
.team-7__inner .team-7__item .content .info {
  gap: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  padding: 20px 62px 24px 40px;
  border-top: 1px solid var(--border);
  justify-content: space-between;
}
@media only screen and (max-width: 1399px) {
  .team-7__inner .team-7__item .content .info {
    padding: 20px 62px 24px 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .team-7__inner .team-7__item .content .info {
    padding: 20px 20px 24px 20px;
  }
}
.team-7__inner .team-7__item .content .info a {
  display: block;
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  position: relative;
}
.team-7__inner .team-7__item .content .info a::before {
  left: 0;
  bottom: 0;
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  transition: all 0.3s;
  background: currentColor;
}
.team-7__inner .team-7__item .content .info a:hover {
  color: var(--primary);
}
.team-7__inner .team-7__item .content .info a:hover::before {
  width: 0;
}
.team-7__inner .team-7__item .content .info .icon {
  color: var(--primary);
  rotate: -45deg;
}
.team-7__inner .team-7__item .content .info .icon::before {
  display: none;
}

/** our-work-7 css start  h-7 **/
.our-work-7__thumb {
  overflow: hidden;
}
.our-work-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.6s ease-in-out;
}
.our-work-7__thumb img:hover {
  transform: scale(1.1);
}
.our-work-7__content {
  display: flex;
  margin-top: 14px;
  align-items: center;
  justify-content: space-between;
}
.our-work-7__title {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: var(--black);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
.our-work-7__title:hover {
  color: var(--secondary);
}
@media (max-width: 575px) {
  .our-work-7__title {
    font-size: 16px;
  }
}
.our-work-7__wrap-one {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(3, 562px 562px 486px);
}
@media only screen and (max-width: 1919px) {
  .our-work-7__wrap-one {
    grid-template-columns: repeat(3, 460px 460px 440px);
  }
}
@media only screen and (max-width: 1399px) {
  .our-work-7__wrap-one {
    grid-template-columns: repeat(3, 362px 362px 410px);
  }
}
@media only screen and (max-width: 1199px) {
  .our-work-7__wrap-one {
    grid-template-columns: repeat(3, 330px 330px 273px);
  }
}
@media only screen and (max-width: 991px) {
  .our-work-7__wrap-one {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .our-work-7__wrap-one {
    grid-template-columns: 1fr;
  }
}
.our-work-7__wrap-two {
  gap: 30px;
  display: grid;
  margin-top: 96px;
  align-items: flex-start;
  grid-template-columns: repeat(3, 562px 700px 438px);
}
@media only screen and (max-width: 767px) {
  .our-work-7__wrap-two {
    margin-top: 30px;
  }
}
.our-work-7__wrap-two .our-work-7__item:first-child {
  align-self: flex-end;
  margin-top: 635px;
}
@media only screen and (max-width: 1399px) {
  .our-work-7__wrap-two .our-work-7__item:first-child {
    margin-top: 330px;
  }
}
@media only screen and (max-width: 1199px) {
  .our-work-7__wrap-two .our-work-7__item:first-child {
    margin-top: 286px;
  }
}
@media only screen and (max-width: 991px) {
  .our-work-7__wrap-two .our-work-7__item:first-child {
    margin-top: 0;
    align-self: flex-start;
  }
}
@media only screen and (max-width: 1919px) {
  .our-work-7__wrap-two {
    grid-template-columns: repeat(3, 460px 460px 440px);
  }
}
@media only screen and (max-width: 1399px) {
  .our-work-7__wrap-two {
    grid-template-columns: repeat(3, 362px 410px 338px);
  }
}
@media only screen and (max-width: 1199px) {
  .our-work-7__wrap-two {
    grid-template-columns: repeat(3, 293px 358px 250px);
  }
}
@media only screen and (max-width: 991px) {
  .our-work-7__wrap-two {
    margin-top: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .our-work-7__wrap-two {
    grid-template-columns: 1fr;
  }
}
.our-work-7__sub-title {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.our-work-7__item.one {
  padding-left: 81px;
  display: block;
}
@media only screen and (max-width: 1919px) {
  .our-work-7__item.one {
    padding-left: 0;
  }
}
.our-work-7__btn {
  margin-top: 40px;
}
@media (max-width: 575px) {
  .our-work-7__btn {
    margin-top: 25px;
  }
}
.our-work-7__btn .rr-btn-primary {
  padding: 15px 28.3px;
  border-radius: inherit;
}
.our-work-7__btn .rr-btn-primary i {
  transform: rotate(-51deg);
}
.our-work-7__btn .rr-btn-primary .text span {
  text-transform: inherit;
}

/** slider-7 css start h-7 **/
.slider-7__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-7__wrapper {
  position: relative;
}
.slider-7 .swiper-pagination-bullets {
  left: 80px;
  bottom: 50px;
  z-index: 9999;
  width: inherit;
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .slider-7 .swiper-pagination-bullets {
    left: 40px;
    bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-7 .swiper-pagination-bullets {
    left: 25px;
    bottom: 20px;
  }
}
@media (max-width: 575px) {
  .slider-7 .swiper-pagination-bullets {
    left: 7px;
    bottom: 7px;
  }
}
.slider-7 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: inherit;
  color: var(--white);
  border-radius: 100%;
  border: 1px solid white;
  background: transparent;
}
@media (max-width: 575px) {
  .slider-7 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
.slider-7 .swiper-pagination-bullet-active {
  background: var(--white);
}

/** fun-fact-7 css start h-7 **/
.fun-fact-7__wrap {
  gap: 246px;
  display: grid;
  grid-template-columns: repeat(2, 310px 1200px);
}
@media only screen and (max-width: 1399px) {
  .fun-fact-7__wrap {
    gap: 64px;
    grid-template-columns: repeat(2, 310px 795px);
  }
}
@media only screen and (max-width: 1199px) {
  .fun-fact-7__wrap {
    grid-template-columns: repeat(2, 310px 588px);
  }
}
@media only screen and (max-width: 991px) {
  .fun-fact-7__wrap {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.fun-fact-7__wrap .tab-content .tab-pane {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.3s ease-in-out;
}
.fun-fact-7__wrap .tab-content .tab-pane.show.active {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 991px) {
  .fun-fact-7__btn {
    margin-bottom: 30px;
  }
}
.fun-fact-7__btn .rr-btn {
  gap: 50px;
  display: flex;
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 4px;
  position: relative;
  align-items: center;
  color: var(--black);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .fun-fact-7__btn .rr-btn {
    font-size: 22px;
  }
}
.fun-fact-7__btn .rr-btn i {
  color: var(--black);
  transition: all 0.3s ease-in-out;
  transform: rotate(-51deg);
}
.fun-fact-7__btn .rr-btn::before {
  content: "";
  left: 0;
  width: 100%;
  bottom: 0;
  height: 1px;
  position: absolute;
  display: inline-block;
  background: var(--black);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .fun-fact-7__btn .rr-btn::before {
    width: 306px;
  }
}
@media (max-width: 575px) {
  .fun-fact-7__btn .rr-btn::before {
    width: 285px;
    width: 285px;
  }
}
.fun-fact-7__btn .rr-btn:hover::before {
  width: 0;
}
.fun-fact-7__btn .rr-btn:hover i {
  transform: rotate(0deg);
}
.fun-fact-7__item {
  display: flex;
  flex-direction: column;
}
.fun-fact-7__item .nav {
  margin-top: auto;
  display: inherit;
}
.fun-fact-7__item .nav-link {
  font-size: 24px;
  font-weight: normal;
  color: #999999;
  line-height: 30px;
  display: inline-flex;
  padding: 4px 0 4px 0;
  text-transform: uppercase;
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .fun-fact-7__item .nav-link {
    font-size: 18px;
  }
}
.fun-fact-7__item .nav-link.active {
  color: var(--black);
  font-family: var(--font_tartuffotrial);
}
.fun-fact-7__item .nav-link:hover {
  color: var(--black);
}
.fun-fact-7__list {
  margin-top: auto;
}
.fun-fact-7__list li {
  list-style: none;
  font-size: 24px;
  font-weight: normal;
  color: #999999;
  line-height: 30px;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
.fun-fact-7__list li:hover {
  color: var(--black);
}
.fun-fact-7__thumb {
  position: relative;
}
.fun-fact-7__card {
  top: 34px;
  right: 34px;
  max-width: 385px;
  position: absolute;
  background: var(--white);
  padding: 45px 46px 45px 50px;
}
@media only screen and (max-width: 1199px) {
  .fun-fact-7__card {
    top: 28px;
    right: 20px;
    max-width: 355px;
    padding: 45px 20px 45px 30px;
  }
}
@media (max-width: 575px) {
  .fun-fact-7__card {
    top: 8px;
    right: 8px;
    position: inherit;
    max-width: 100%;
    padding: 15px 0 14px 7px;
  }
}
.fun-fact-7__card .list {
  padding-bottom: 246px;
}
@media only screen and (max-width: 1199px) {
  .fun-fact-7__card .list {
    padding-bottom: 114px;
  }
}
@media only screen and (max-width: 991px) {
  .fun-fact-7__card .list {
    padding-bottom: 215px;
  }
}
@media only screen and (max-width: 767px) {
  .fun-fact-7__card .list {
    padding-bottom: 85px;
  }
}
@media (max-width: 575px) {
  .fun-fact-7__card .list {
    padding-bottom: 10px;
  }
}
.fun-fact-7__card .list li {
  list-style: none;
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 1px;
  color: var(--black);
  font-family: var(--font_regular);
}
.fun-fact-7__card .list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .fun-fact-7__card .list li {
    font-size: 18px;
  }
}
.fun-fact-7__desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--black);
  font-family: var(--font_regular);
}

/* === team-7 (Home 07) === */
.hero-7__inner .hero-7__media {
  margin-top: -29%;
  text-align: right;
  position: relative;
  z-index: -1;
}
@media only screen and (max-width: 1919px) {
  .hero-7__inner .hero-7__media {
    margin-top: -33%;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-7__inner .hero-7__media {
    margin-top: -37%;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-7__inner .hero-7__media {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-7__inner .hero-7__media {
    display: flex;
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .hero-7__inner .hero-7__media {
    flex-wrap: wrap;
  }
}
.hero-7__inner .hero-7__media .thumb-1 {
  transform: translateX(-240px);
}
@media only screen and (max-width: 1919px) {
  .hero-7__inner .hero-7__media .thumb-1 {
    transform: translateX(-303px);
  }
}
@media only screen and (max-width: 991px) {
  .hero-7__inner .hero-7__media .thumb-1 {
    transform: translateX(0);
  }
}
.hero-7__inner .hero-7__media .thumb-2 {
  margin-right: -75px;
}
@media only screen and (max-width: 1919px) {
  .hero-7__inner .hero-7__media .thumb-2 {
    margin-right: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-7__inner .hero-7__media .thumb-2 {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-7__inner .header-area-9 .header-area-9__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 575px) {
  .hero-7__inner .header-area-9 .header-right .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.hero-7__inner .header-area-9 .header-right .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.hero-7__inner .header-area-9 .header-right .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.hero-7__inner .header-area-9 .header-right .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 10px;
}
.hero-7__inner .header-area-9 .header-right .side-toggle .bar-icon span:nth-child(3) {
  margin-left: 0px;
}

.hero-7__info {
  display: flex;
  margin-top: -72px;
  max-width: 1445px;
  align-items: self-end;
  justify-content: space-between;
}
@media only screen and (max-width: 1919px) {
  .hero-7__info {
    max-width: 1000px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-7__info {
    max-width: 800px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-7__info {
    max-width: 600px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-7__info {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-7__info {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.hero-7__info a {
  color: #999;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
   letter-spacing: normal;
  text-transform: uppercase;
}
.hero-7__info span {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-right: auto;
  margin-left: 130px; letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .hero-7__info span {
    margin-left: 30px;
  }
}

.hero-7__vodeo {
  display: flex;
  margin-top: 33px;
  align-items: center;
  justify-content: center;
}
.hero-7__vodeo .video-popup {
  position: relative;
  margin-inline-end: 10px;
}
.hero-7__vodeo .video-popup::before {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  background: rgba(17, 17, 17, 0.1);
}
.hero-7__vodeo .video-popup .icon {
  top: 50%;
  left: 50%;
  width: 100px;
  display: flex;
  height: 100px;
  font-size: 22px;
  position: absolute;
  color: var(--white);
  align-items: center;
  border-radius: 500px;
  transform: translate(-50%, -50%);
  justify-content: center;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.14);
}
@media (max-width: 575px) {
  .hero-7__vodeo .video-popup .icon {
    width: 70px;
    height: 70px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-7__vodeo .video-popup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.hero-section-11__wrapper {
  width: 100%;
}

.hero-section-11__wrap {
  background-color: var(--white);
}

.hero-section-11__content {
  padding-top: 350px;
  padding-bottom: 72px;
}

.hero-section-11__title {
  max-width: 100%;
  margin: 0;
  color: var(--primary);
  font-family: var(--font_regular);
  font-size: 180px;
  font-weight: normal;
  line-height: 0.9;
  letter-spacing: -5px;
  text-align: left;
  text-wrap: balance;
}

@media only screen and (max-width: 1599px) {
  .hero-section-11__content {
    padding-top: 250px;
    padding-bottom: 64px;
  }

  .hero-section-11__title {
    font-size: 148px;
    letter-spacing: -5px;
  }
}

@media only screen and (max-width: 1199px) {
  .hero-section-11__content {
    padding-top: 210px;
    padding-bottom: 54px;
  }

  .hero-section-11__title {
    font-size: 112px;
    line-height: 0.94;
    letter-spacing: -3px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-section-11__content {
    padding-top: 170px;
    padding-bottom: 44px;
  }

  .hero-section-11__title {
    font-size: 84px;
    letter-spacing: -2px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-11__content {
    padding-top: 145px;
    padding-bottom: 36px;
  }

  .hero-section-11__title {
    font-size: 62px;
    line-height: 0.98;
    letter-spacing: -1.5px;
  }
}

@media (max-width: 575px) {
  .hero-section-11__content {
    padding-top: 145px;
    padding-bottom: 30px;
  }

  .hero-section-11__title {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1px;
  }
}

.hero-section-11__subtitle {
  margin: auto;
  font-size: 16px;
  font-weight: normal;
  max-width: 342px;
  line-height: 20px;
  text-align: center;
  color: var(--primary);
  font-family: var(--font_regular);
}
.hero-section-11__subtitle span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  font-style: Italic;
  text-align: center;
  font-family: var(--font_regular);
}
.hero-section-11__bottom {
  display: flex;
  margin: 0px 30px;
  align-items: center;
  padding-bottom: 17px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .hero-section-11__bottom {
    flex-wrap: wrap;
  }
}
.hero-section-11__bottom span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .hero-section-11__bottom span {
    padding-bottom: 10px;
  }
}
.hero-section-11__thumb {
  position: relative;
  width: 100%;
  height: min(760px, 62vw);
  min-height: 520px;
}

.hero-section-11__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media only screen and (max-width: 1024px) {
  .hero-section-11__thumb {
    height: 58vw;
    min-height: 440px;
  }

  .hero-section-11__thumb img {
    transform: none !important;
    translate: none !important;
    will-change: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-11__thumb {
    height: 64vw;
    min-height: 360px;
  }
}

@media (max-width: 575px) {
  .hero-section-11__thumb {
    height: 72vw;
    min-height: 300px;
  }
}
.hero-section-11__desc {
  top: 300px;
  right: 310px;
  font-size: 16px;
  max-width: 190px;
  font-weight: normal;
  line-height: 20px;
  position: absolute;
  color: var(--primary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .hero-section-11__desc {
    top: 204px;
    right: 161px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section-11__desc {
    top: 153px;
    right: 109px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-11__desc {
    top: 100px;
    right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-11__desc {
    top: 37px;
    right: 10px;
  }
}
@media (max-width: 575px) {
  .hero-section-11__desc {
    margin-top: 20px;
    max-width: 100%;
    position: inherit;
  }
}

/* === project-showcase-2 Section (Home 02) === */
.project-showcase-2__item {
  overflow: hidden;
  margin-top: -1px;
  cursor: pointer;
}
.project-showcase-2__item .view-projects {
  position: relative;
  z-index: 2;
}
.project-showcase-2__item .view-projects a {
  gap: 8px;
  display: flex;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  align-items: center;
  color: var(--primary);
   letter-spacing: normal;
  text-transform: uppercase;
  text-decoration: underline;
}
.project-showcase-2__item .view-projects a::before {
  position: absolute;
  width: 100%;
  height: 1.5px;
  bottom: 0;
  left: 0;
  background: var(--primary);
}

.project-showcase-2__item.active .project-showcase-2__list a i {
  transform: rotate(45deg);
}

.project-showcase-2-meta {
  gap: 20px;
  display: grid;
  margin-bottom: 20px;
  grid-template-columns: 750px 690px 1fr;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-2-meta {
    grid-template-columns: 495px 495px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-2-meta {
    grid-template-columns: 370px 370px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-2-meta {
    grid-template-columns: 315px 315px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .project-showcase-2-meta {
    grid-template-columns: 260px 260px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-2-meta {
    grid-template-columns: 230px 230px 1fr;
  }
}
@media (max-width: 575px) {
  .project-showcase-2-meta {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.project-showcase-2-meta span {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

.project-showcase-2__list {
  gap: 20px;
  display: grid;
  padding: 21px 0;
  align-items: center;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  grid-template-columns: 750px 690px 340px 1fr;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-2__list {
    grid-template-columns: 495px 495px 340px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-2__list {
    grid-template-columns: 370px 370px 340px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-2__list {
    grid-template-columns: 315px 315px 254px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .project-showcase-2__list {
    grid-template-columns: 260px 260px 132px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-2__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .project-showcase-2__list {
    grid-template-columns: 1fr;
  }
}
.project-showcase-2__list:hover .project {
  transform: translateX(10px);
  color: var(--secondary);
}
.project-showcase-2__list:hover .title {
  transform: translateX(-10px);
  color: var(--secondary);
}
.project-showcase-2__list:hover a {
  transform: translateX(-10px);
  color: var(--secondary);
}
.project-showcase-2__list .project {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: normal;
  transition: all 0.3s ease-in-out;
}
.project-showcase-2__list .title {
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: normal;
  transition: all 0.3s ease-in-out;
}
.project-showcase-2__list a {
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.project-showcase-2__list a i {
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}

.project-showcase-2__media {
  gap: 30px;
  display: flex;
  transition: all 0.3s ease-out;
}
.project-showcase-2__media > *:nth-child(3) {
  margin-left: auto;
}

.archidex-info-11__thumb {
  position: relative;
}
.archidex-info-11__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archidex-info-11__info {
  gap: 40px;
  left: 10px;
  bottom: 10px;
  display: flex;
  max-width: 530px;
  border-radius: 5px;
  position: absolute;
  background: var(--white);
  padding: 25px 23px 25px 30px;
}
@media only screen and (max-width: 767px) {
  .archidex-info-11__info {
    left: 0;
    bottom: 0;
    max-width: 100%;
    position: inherit;
  }
}
@media (max-width: 575px) {
  .archidex-info-11__info {
    flex-wrap: wrap;
    padding: 25px 15px 25px 15px;
  }
}
.archidex-info-11__item {
  position: relative;
}
.archidex-info-11__item::before {
  content: "";
  width: 1px;
  right: 0;
  height: 170px;
  position: absolute;
  background: #DADADA;
}
@media (max-width: 575px) {
  .archidex-info-11__item::before {
    display: none;
  }
}
.archidex-info-11__item:last-child::before {
  display: none;
}
.archidex-info-11__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: var(--black);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 991px) {
  .archidex-info-11__title {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .archidex-info-11__title {
    font-size: 25px;
  }
}
.archidex-info-11__title span {
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: var(--black);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .archidex-info-11__title span {
    font-size: 27px;
  }
}
.archidex-info-11__title span sup {
  top: -10px;
  left: -4px;
}
.archidex-info-11__subtext {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  padding-top: 68px;
  line-height: 18px;
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .archidex-info-11__subtext {
    padding-top: 35px;
  }
}
.archidex-info-11__tagline {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  text-align: right;
  color: var(--black);
  margin-bottom: 12px;
  font-family: var(--font_regular);
}
.archidex-info-11__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.counter-section-11__wrap {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .counter-section-11__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .counter-section-11__wrap {
    grid-template-columns: 1fr;
  }
}
.counter-section-11__item {
  text-align: left;
  border-top: 1px solid #DADADA;
}
@media (max-width: 575px) {
  .counter-section-11__item {
    text-align: center;
  }
}
.counter-section-11__item p {
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0;
  color: var(--black);
  padding: 20px 0 21px 0;
  font-family: var(--font_regular);
}
.counter-section-11__item h2 {
  margin: 0;
  line-height: 1;
  font-size: 195px;
  font-weight: 400;
  margin-left: -20px;
  letter-spacing: -5px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .counter-section-11__item h2 {
    font-size: 195px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .counter-section-11__item h2 {
    font-size: 155px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-section-11__item h2 {
    font-size: 132px;
  }
}
@media (max-width: 575px) {
  .counter-section-11__item h2 {
    font-size: 90px;
  }
}
.counter-section-11__item h2 .odometer.odometer-auto-theme,
.counter-section-11__item h2 .odometer.odometer-theme-default {
  font-family: var(--font_sregular);
  line-height: 1;
}
.counter-section-11__desc {
  font-size: 16px;
  padding-top: 4px;
  font-weight: normal;
  line-height: 20px;
  color: var(--black);
  font-family: var(--font_regular);
}
.counter-section-11__title {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
  color: var(--black);
   letter-spacing: normal;
  padding-bottom: 120px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .counter-section-11__title {
    font-size: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .counter-section-11__title {
    font-size: 41px;
    line-height: 54px;
    letter-spacing: 0;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .counter-section-11__title {
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-section-11__title {
    font-size: 33px;
    line-height: 46px;
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .counter-section-11__title {
    font-size: 26px;
    line-height: 36px;
  }
}

.about-section-11__wrapper {
  padding-top: 85px;
}
@media only screen and (max-width: 767px) {
  .about-section-11__wrapper {
    padding-top: 55px;
  }
}
@media (max-width: 575px) {
  .about-section-11__wrapper {
    padding-top: 40px;
  }
}
.about-section-11__desc {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
  color: var(--primary);
  padding-bottom: 59px;
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .about-section-11__desc {
    font-size: 52px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-section-11__desc {
    font-size: 38px;
    line-height: 46px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-11__desc {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-11__desc {
    font-size: 25px;
    line-height: 33px;
  }
}
@media (max-width: 575px) {
  .about-section-11__desc {
    font-size: 20px;
    line-height: 32px;
  }
}
.about-section-11__btn .rr-btn {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid var(--primary);
}
.about-section-11__btn .rr-btn:hover {
  color: var(--secondary);
}
.about-section-11__wrap {
  display: grid;
  gap: 2px;
  grid-template-columns: 1025px 385px 1fr;
}
@media only screen and (max-width: 1919px) {
  .about-section-11__wrap {
    grid-template-columns: 630px 361px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .about-section-11__wrap {
    grid-template-columns: 520px 320px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .about-section-11__wrap {
    grid-template-columns: 370px 290px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-11__wrap {
    grid-template-columns: 296px 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-11__wrap {
    grid-template-columns: 1fr;
  }
}
.about-section-11__title {
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  color: var(--white);
  padding-bottom: 242px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1919px) {
  .about-section-11__title {
    padding-bottom: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-section-11__title {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-section-11__title {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-11__title {
    padding-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .about-section-11__title {
    font-size: 20px;
  }
}
.about-section-11__card {
  background: var(--black);
  padding: 46px 50px 46px 50px;
  border: 1px solid white;
}
@media only screen and (max-width: 1919px), only screen and (max-width: 1399px), only screen and (max-width: 1199px) {
  .about-section-11__card {
    padding: 46px 30px 46px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-11__card {
    padding: 36px 15px 36px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-11__card {
    margin: 20px 0;
  }
}
.about-section-11__card .desc {
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  color: var(--white);
  font-family: var(--font_light);
  letter-spacing: 0.1px;
}
.about-section-11__item {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.about-section-11__item .text {
  margin-top: auto;
  letter-spacing: 0.1px;
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  margin-left: 178px;
  color: var(--white);
  font-family: var(--font_light);
}
@media only screen and (max-width: 1919px) {
  .about-section-11__item .text {
    margin-left: 115px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-section-11__item .text {
    margin-left: 81px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-section-11__item .text {
    margin-left: 28px;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-11__item .text {
    margin-top: 0;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-11__item .text {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .about-section-11__item .text {
    margin-left: 0;
  }
}

/* === hero-section-9 Section (Home 09) === */
.hero-section-9 {
  overflow: hidden;
}
.hero-section-9 .intro-overlay__inner svg {
  top: 115px;
  right: 0;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .hero-section-9 .intro-overlay__inner svg {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-9 .intro-overlay__inner svg {
    top: 85px;
  }
}
@media (max-width: 575px) {
  .hero-section-9 .intro-overlay__inner svg {
    top: 100px;
  }
}
.hero-section-9__wrapper {
  padding-top: 200px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .hero-section-9__wrapper {
    padding-top: 100px;
  }
}
.hero-section-9__content {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  opacity: 0;
  overflow: hidden;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .hero-section-9__content {
    flex-wrap: wrap;
    opacity: 1;
    position: relative;
    z-index: 2;
  }
}
.hero-section-9__title {
  font-size: 34px;
  font-weight: normal;
  line-height: 44px;
  color: var(--primary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 767px) {
  .hero-section-9__title {
    padding-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .hero-section-9__title {
    font-size: 27px;
  }
}
.hero-section-9__desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--secondary);
  font-family: var(--font_regular);
}
.hero-section-9__author {
  gap: 15px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .hero-section-9__author {
    margin-top: 20px;
  }
}
.hero-section-9__author-thumb {
  width: 54px;
  height: 54px;
  display: block;
}
.hero-section-9__author-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}
.hero-section-9__name {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--primary);
  font-family: var(--font_regular);
}
.hero-section-9__desg {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--secondary);
  font-family: var(--font_regular);
}

/* === .testimonial-9 Section (Home 09) === */
.testimonial-9__item {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .testimonial-9__item .media {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .testimonial-9__item .media {
    height: 350px;
  }
}
.testimonial-9__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-9__content {
  top: 80px;
  left: 80px;
  z-index: 1;
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .testimonial-9__content {
    top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-9__content {
    top: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial-9__content {
    left: 20px;
  }
}
.testimonial-9__content .sub-title {
  font-size: 16px;
  font-weight: 450;
  line-height: 20px;
  color: var(--white);
   letter-spacing: normal;
  margin-bottom: 134px;
  transform: translateY(-300px);
  transition: all 2500ms ease;
}
@media only screen and (max-width: 1919px) {
  .testimonial-9__content .sub-title {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial-9__content .sub-title {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial-9__content .sub-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial-9__content .sub-title {
    margin-bottom: 20px;
  }
}
.testimonial-9__content .title {
  font-size: 50px;
  font-weight: normal;
  line-height: 54px;
  color: var(--white);
  margin-bottom: 181px;
   letter-spacing: normal;
  transform: translateY(-200px);
  transition: all 2500ms ease;
}
@media only screen and (max-width: 1919px) {
  .testimonial-9__content .title {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial-9__content .title {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial-9__content .title {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-9__content .title {
    font-size: 30px;
    line-height: 40px;
     letter-spacing: normal;
  }
}
@media (max-width: 575px) {
  .testimonial-9__content .title {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 35px;
  }
}
.testimonial-9__content .author {
  transform: translateY(-150px);
  transition: all 2500ms ease;
}
.testimonial-9__content .author .name {
  position: relative;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 4px;
  color: var(--white); letter-spacing: normal;
  text-transform: uppercase;
}
.testimonial-9__content .author .name::before {
  content: "";
  top: 10px;
  left: -39px;
  width: 26px;
  height: 1px;
  display: block;
  position: absolute;
  background: var(--white);
}
@media (max-width: 575px) {
  .testimonial-9__content .author .name::before {
    display: none;
  }
}
.testimonial-9__content .author span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.testimonial-9 .swiper-slide-active .testimonial-9__content .sub-title {
  transform: translateY(0px);
}
.testimonial-9 .swiper-slide-active .testimonial-9__content .title {
  transform: translateY(0px);
}
.testimonial-9 .swiper-slide-active .testimonial-9__content .author {
  transform: translateY(0px);
}
.testimonial-9 .pagination {
  position: absolute;
  right: 80px;
  bottom: 80px;
  z-index: 9;
}
@media only screen and (max-width: 991px) {
  .testimonial-9 .pagination {
    right: 30px;
    bottom: 30px;
  }
}
.testimonial-9 .swiper-pagination-bullet {
  opacity: 100%;
  background: rgba(255, 255, 255, 0.14);
}
.testimonial-9 .swiper-pagination-bullet-active {
  background: var(--white);
}

/* === our-service-9 Section (Home 09) === */
.our-service-9__thumb {
  position: relative;
}
.our-service-9__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-service-9__item {
  text-align: right;
}
.our-service-9__item:first-child {
  text-align: left;
}
.our-service-9__item:nth-child(2) {
  padding-top: 146px;
}
@media only screen and (max-width: 1199px) {
  .our-service-9__item:nth-child(2) {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .our-service-9__item:nth-child(2) {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .our-service-9__item:nth-child(2) {
    padding-bottom: 40px;
  }
}
.our-service-9__content:nth-child(2) {
  text-align: left;
}
.our-service-9__wrapper {
  gap: 306px;
  display: grid;
  justify-content: end;
  grid-template-columns: 1fr 865px;
}
@media only screen and (max-width: 1919px) {
  .our-service-9__wrapper {
    gap: 180px;
    grid-template-columns: 1fr 690px;
  }
}
@media only screen and (max-width: 1399px) {
  .our-service-9__wrapper {
    gap: 112px;
    grid-template-columns: 1fr 607px;
  }
}
@media only screen and (max-width: 1199px) {
  .our-service-9__wrapper {
    gap: 87px;
    grid-template-columns: 1fr 507px;
  }
}
@media only screen and (max-width: 991px) {
  .our-service-9__wrapper {
    gap: 60px;
    grid-template-columns: 1fr 377px;
  }
}
@media only screen and (max-width: 767px) {
  .our-service-9__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .our-service-9__wrapper {
    gap: 40px;
  }
}
.our-service-9__wrapper:nth-child(2) {
  text-align: right;
}
.our-service-9__wrap .our-service-9__item {
  gap: 273px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .our-service-9__wrap .our-service-9__item {
    gap: 130px;
  }
}
@media only screen and (max-width: 991px) {
  .our-service-9__wrap .our-service-9__item {
    gap: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .our-service-9__wrap .our-service-9__item {
    gap: 20px;
  }
}
.our-service-9__wrap-box .our-service-9__item:first-child {
  text-align: right;
}
.our-service-9__title {
  font-size: 50px;
  font-weight: normal;
  line-height: 54px;
  position: relative;
   letter-spacing: normal;
  margin: 30px 0 28px 0;
  display: inline-block;
  font-family: var(--font_regular);
  text-decoration-thickness: 0%;
}
@media only screen and (max-width: 1199px) {
  .our-service-9__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .our-service-9__title {
    font-size: 30px;
    line-height: 45px;
    margin: 28px 0 17px 0;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) {
  .our-service-9__title {
    margin: 40px 0 17px 0;
  }
}
@media (max-width: 575px) {
  .our-service-9__title {
    font-size: 28px;
  }
}
.our-service-9__title::before {
  content: "";
  left: 0;
  bottom: 0;
  height: 0px;
  width: 100%;
  position: absolute;
  background: var(--primary);
  transition: all 0.3s ease-in-out;
}
.our-service-9__title:hover {
  color: var(--primary);
}
.our-service-9__title:hover::before {
  width: 0;
}
.our-service-9__number {
  left: -22px;
  bottom: 9px;
  display: block;
  position: absolute;
  transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
  .our-service-9__number {
    left: 0;
    bottom: -20px;
    transform: rotate(0);
  }
}
@media (max-width: 575px) {
  .our-service-9__number {
    bottom: -24px;
  }
}
.our-service-9__number.one {
  left: auto;
  right: -22px;
  display: inline-block;
}
@media only screen and (max-width: 1919px) {
  .our-service-9__number.one {
    right: -20px;
  }
}
@media only screen and (max-width: 1399px) {
  .our-service-9__number.one {
    right: -22px;
  }
}
@media only screen and (max-width: 767px) {
  .our-service-9__number.one {
    left: 0;
  }
}
.our-service-9__desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--secondary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px), only screen and (max-width: 1199px) {
  .our-service-9__desc br {
    display: none;
  }
}
.our-service-9__btn {
  text-align: left;
  padding-top: 30px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .our-service-9__btn {
    padding-top: 20px;
  }
}

.our-portfolio-9__heading-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 80px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .our-portfolio-9__heading-wrapper {
    flex-wrap: wrap;
    padding-bottom: 50px;
      
  }
}
.our-portfolio-9__section-title {
  font-size: 50px;
  font-weight: normal;
  line-height: 54px;
  padding-top: 17px;
  color: var(--primary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 991px) {
  .our-portfolio-9__section-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .our-portfolio-9__section-title {
    font-size: 30px;
    line-height: 18px;
  }
}
.our-portfolio-9__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-portfolio-9__item {
  position: relative;
}
.our-portfolio-9__item::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
  display: block;
  position: absolute;
  background: var(--primary);
  transition: all 0.3s ease-in-out;
}
.our-portfolio-9__item:hover::before {
  width: 0;
}
.our-portfolio-9__subtitle {
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  padding: 19px 0 13px 0;
  color: var(--secondary);
  font-family: var(--font_light);
}
.our-portfolio-9__title {
  font-size: 24px;
  font-weight: normal;
  line-height: 26px;
  color: var(--primary);
  padding-bottom: 19px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 991px) {
  .our-portfolio-9__title {
    font-size: 21px;
  }
}
.our-portfolio-9 .swiper-pagination-bullets {
  width: inherit;
}
.our-portfolio-9__swiper-pagination {
  gap: 2px;
  display: flex;
}
.our-portfolio-9__swiper-pagination .swiper-pagination-bullet {
  position: relative;
  z-index: 2;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  color: rgba(17, 17, 17, 0.14);
}
.our-portfolio-9__swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
}
.our-portfolio-9__btn {
  gap: 40px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .our-portfolio-9__btn {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .our-portfolio-9__btn {
    margin-top: 25px;
  }
}

.achievements-section-9__title {
  font-size: 50px;
  font-weight: normal;
  line-height: 54px;
  padding-top: 19px;
  color: var(--primary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .achievements-section-9__title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  .achievements-section-9__title {
    font-size: 43px;
    line-height: 49px;
  }
}
@media only screen and (max-width: 991px) {
  .achievements-section-9__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .achievements-section-9__title {
    font-size: 26px;
    line-height: 35px;
  }
}
.achievements-section-9__wrap {
  gap: 540px;
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 254px 1fr;
}
@media only screen and (max-width: 1919px) {
  .achievements-section-9__wrap {
    gap: 280px;
    display: grid;
    grid-template-columns: 251px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .achievements-section-9__wrap {
    gap: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .achievements-section-9__wrap {
    gap: 0px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-section-9__wrap {
    grid-template-columns: 1fr;
  }
}
.achievements-section-9__year {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .achievements-section-9__year {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-section-9__year {
    margin-bottom: 40px;
  }
}
.achievements-section-9__year span {
  font-size: 90px;
  font-weight: normal;
  line-height: 80px;
  color: var(--primary);
  font-family: var(--font_regular);
  border-bottom: 2px solid var(--primary);
}
@media only screen and (max-width: 1399px) {
  .achievements-section-9__year span {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .achievements-section-9__year span {
    font-size: 85px;
  }
}
@media only screen and (max-width: 991px) {
  .achievements-section-9__year span {
    font-size: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-section-9__year span {
    font-size: 55px;
  }
}
.achievements-section-9 .swiper {
  margin-left: inherit;
  margin-right: inherit;
}
.achievements-section-9__item {
  display: grid;
  padding: 14px 0;
  transition: all 0.3s ease-in-out;
  grid-template-columns: 327px 385px 1fr;
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}
@media only screen and (max-width: 1399px) {
  .achievements-section-9__item {
    gap: 0;
    grid-template-columns: 235px 385px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .achievements-section-9__item {
    grid-template-columns: 100px 385px 1fr;
  }
}
@media (max-width: 575px) {
  .achievements-section-9__item {
    grid-template-columns: 1fr;
  }
}
.achievements-section-9__item:first-child {
  transition: all 0.3s ease-in-out;
  border-top: 1px solid rgba(17, 17, 17, 0.1);
}
.achievements-section-9__item:hover {
  border-color: var(--primary);
}
.achievements-section-9__item:hover:first-child {
  border-top: inherit;
}
.achievements-section-9__number {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--black);
  font-family: var(--font_regular);
}
.achievements-section-9__name {
  flex: 1;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  white-space: normal;
  color: var(--black);
  text-overflow: ellipsis;
  font-family: var(--font_regular);
}
.achievements-section-9__status {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  line-height: 22px;
  color: var(--black);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .achievements-section-9__status {
    text-align: left;
  }
}
.achievements-section-9__arrow {
  top: 10px;
  right: 3px;
  text-align: right;
  padding-left: 15px;
  position: absolute;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .achievements-section-9__arrow {
    top: 11px;
    right: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .achievements-section-9__arrow {
    top: 18px;
    right: auto;
    left: 138px;
  }
}
.achievements-section-9__swiper-button-prev {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .achievements-section-9__swiper-button-prev {
    margin-bottom: 15px;
  }
}
.achievements-section-9__btn a i {
  color: var(--black);
}

.about-overview-9__thumb {
  position: relative;
}
.about-overview-9__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-overview-9__thumb::before {
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: var(--border);
}
.about-overview-9__wrap {
  gap: 150px;
  display: grid;
  grid-template-columns: 600px 84px 1fr;
}
@media only screen and (max-width: 1919px) {
  .about-overview-9__wrap {
    gap: 60px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-overview-9__wrap {
    gap: 40px;
    grid-template-columns: 484px 84px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__wrap {
    gap: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .about-overview-9__wrap {
    gap: 15px;
    grid-template-columns: 377px 0 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .about-overview-9__wrap {
    grid-template-columns: 1fr;
  }
}
.about-overview-9__content {
  gap: 338px;
  display: flex;
  text-align: left;
  max-width: 731px;
  padding-top: 32px;
  margin-left: auto;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__content {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-overview-9__content {
    padding-top: 0;
  }
}
.about-overview-9__title {
  font-size: 50px;
  font-weight: normal;
  line-height: 54px;
  margin-bottom: 52px;
   letter-spacing: normal;
  color: var(--primary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .about-overview-9__title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__title {
    font-size: 34px;
    line-height: 46px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 991px) {
  .about-overview-9__title {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .about-overview-9__title {
    padding-top: 10px;
  }
}
@media (max-width: 575px) {
  .about-overview-9__title {
    font-size: 25px;
    line-height: 33px;
  }
}
.about-overview-9__desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  max-width: 380px;
  margin-left: auto;
  margin-right: 58px;
  color: var(--secondary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1919px) {
  .about-overview-9__desc {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  .about-overview-9__desc {
    max-width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__desc {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-overview-9__desc {
    max-width: 100%;
  }
}
.about-overview-9__desc.one {
  margin-bottom: 20px;
}
.about-overview-9__counter {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .about-overview-9__counter {
    flex-wrap: wrap;
  }
}
.about-overview-9__counter-item {
  padding: 0 52px;
  border-right: 1px solid var(--border);
}
@media only screen and (max-width: 1919px) {
  .about-overview-9__counter-item {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1399px) {
  .about-overview-9__counter-item {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__counter-item {
    padding: 0 12px;
  }
}
@media (max-width: 575px) {
  .about-overview-9__counter-item {
    padding: 0 12px;
    border-right: 0;
  }
}
.about-overview-9__counter-item:first-child {
  padding-left: 0;
}
.about-overview-9__counter-item:last-child {
  padding-right: 0;
  border-right: none;
}
.about-overview-9__counter-item h2 {
  font-size: 90px;
  font-weight: normal;
  line-height: 80px;
  color: var(--primary);
   letter-spacing: normal;
}
@media only screen and (max-width: 1399px) {
  .about-overview-9__counter-item h2 {
    font-size: 48px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__counter-item h2 {
    font-size: 31px;
  }
}
.about-overview-9__counter-item .odometer.odometer-auto-theme,
.about-overview-9__counter-item .odometer.odometer-theme-default {
  line-height: 1;
  font-family: var(--font_regular);
}
.about-overview-9__counter-item p {
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: var(--secondary);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1199px) {
  .about-overview-9__counter-item p {
    font-size: 15px;
  }
}
.about-overview-9__btn {
  max-width: 380px;
  margin-left: auto;
  margin-top: 30px;
  margin-right: 58px;
}
@media only screen and (max-width: 1919px) {
  .about-overview-9__btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .about-overview-9__btn {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-overview-9__btn {
    margin-left: 0;
  }
}
.about-overview-9__icon svg {
  top: 30px;
  left: 30px;
  z-index: 2;
  position: absolute;
}

/* === hero-section-10  (Home 10) === */
.hero-section-10__banner {
  position: relative;
  background-size: cover;
  padding: 147px 0 203px 0;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__banner {
    padding: 147px 0 160px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section-10__banner {
    padding: 147px 0 115px 0;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-10__banner {
    padding: 147px 0 120px 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-10__banner {
    padding: 147px 0 95px 0;
  }
}
@media (max-width: 575px) {
  .hero-section-10__banner {
    padding: 109px 0 70px 0;
  }
}
.hero-section-10__banner img {
  max-width: inherit;
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__banner img {
    max-width: 100%;
  }
}
.hero-section-10__banner::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  background: rgba(17, 17, 17, 0.2);
}
.hero-section-10__title {
  font-weight: 300;
  font-size: 150px;
  line-height: 61px;
  position: relative;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 767px) {
  .hero-section-10__title br {
    display: block;
  }
}
@media only screen and (max-width: 1919px) {
  .hero-section-10__title {
    font-size: 125px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__title {
    line-height: 0;
    font-size: 80px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section-10__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-10__title {
    font-size: 49px;
    letter-spacing: 0;
  }
}
@media (max-width: 575px) {
  .hero-section-10__title {
    font-size: 27px;
  }
}
.hero-section-10__title .big-text {
  top: 130px;
  font-weight: 100;
  font-size: 320px;
  position: relative;
  line-height: 60px;
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1919px) {
  .hero-section-10__title .big-text {
    top: 114px;
    font-size: 277px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__title .big-text {
    top: 87px;
    font-size: 195px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section-10__title .big-text {
    top: 65px;
    font-size: 146px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-10__title .big-text {
    top: 54px;
    font-size: 121px;
  }
}
@media (max-width: 575px) {
  .hero-section-10__title .big-text {
    top: 28px;
    font-size: 65px;
  }
}
.hero-section-10__desing {
  font-weight: 300;
  font-size: 150px;
  line-height: 125px;
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
.hero-section-10__desc {
  z-index: 2;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  max-width: 334px;
  margin-left: auto;
  color: var(--white);
  margin-right: 334px;
  margin-bottom: 407px;
  position: relative;
  font-family: var(--font_regular);
}
.hero-section-10__desc span {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: var(--white);
  font-style: italic;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__desc {
    margin-right: 150px;
    margin-bottom: 236px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-10__desc {
    margin-bottom: 90px;
    margin-right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-10__desc {
    margin-right: 0;
    max-width: 100%;
  }
}
.hero-section-10__item {
  z-index: 2;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.hero-section-10__item .xterior {
  left: 20.4%;
  bottom: -89%;
  font-size: 150px;
  font-weight: 300;
  line-height: 125px;
  position: absolute;
  color: var(--black);
  color: var(--white);
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
@media (min-width: 1555px) and (max-width: 1919px) {
  .hero-section-10__item .xterior {
    left: 24.1%;
  }
}
@media only screen and (max-width: 1919px) {
  .hero-section-10__item .xterior {
    left: 24.1%;
    bottom: -85%;
    font-size: 134px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__item .xterior {
    left: 19%;
    bottom: -208%;
    font-size: 86px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section-10__item .xterior {
    left: 17%;
    bottom: -209%;
    font-size: 63px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-10__item .xterior {
    left: 23%;
    bottom: -210%;
    font-size: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-10__item .xterior {
    left: 25%;
    bottom: -184%;
    font-size: 53px;
  }
}
@media (max-width: 575px) {
  .hero-section-10__item .xterior {
    left: 26%;
    bottom: -122%;
    font-size: 29px;
  }
}
.hero-section-10__item .hero-section-10__title:last-child {
  right: 0;
  bottom: -138px;
  position: absolute;
}
@media only screen and (max-width: 1919px) {
  .hero-section-10__item .hero-section-10__title:last-child {
    bottom: -119px;
  }
}
@media only screen and (max-width: 1399px) {
  .hero-section-10__item .hero-section-10__title:last-child {
    bottom: -87px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-section-10__item .hero-section-10__title:last-child {
    bottom: -60px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-10__item .hero-section-10__title:last-child {
    bottom: -65px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-10__item .hero-section-10__title:last-child {
    bottom: -49px;
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero-section-10__item .hero-section-10__title:last-child {
    bottom: -11px;
    font-size: 30px;
  }
}

/* === about-section-10  (Home 10) === */
.about-section-10__content {
  display: grid;
  padding-top: 65px;
  padding-bottom: 161px;
  position: relative;
  justify-content: space-between;
  grid-template-columns: repeat(3, 1fr);
}
.about-section-10__content::before {
  content: "";
  left: 0;
  top: 97px;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  background: rgba(16, 16, 16, 0.1);
}
@media (max-width: 575px) {
  .about-section-10__content::before {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-10__content {
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .about-section-10__content {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }
}
.about-section-10__title {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  line-height: 24px;
  padding-bottom: 10px;
  font-family: var(--font_regular);
}
.about-section-10__item:nth-child(2) {
  display: block;
  padding-left: 108px;
}
@media only screen and (max-width: 1199px) {
  .about-section-10__item:nth-child(2) {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-10__item:nth-child(2) {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .about-section-10__item {
    margin-bottom: 40px;
  }
}
.about-section-10__desc {
  font-size: 20px;
  font-weight: normal;
  padding-top: 43px;
  line-height: 24px;
  color: var(--black);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1199px) {
  .about-section-10__desc {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-10__desc {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  .about-section-10__desc {
    padding-top: 25px;
  }
}
.about-section-10__list {
  padding-top: 43px;
  list-style: none;
}
@media (max-width: 575px) {
  .about-section-10__list {
    padding-top: 25px;
  }
}
.about-section-10__list li {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
   letter-spacing: normal;
  font-family: var(--font_regular);
  color: rgba(17, 17, 17, 0.3);
}
@media (max-width: 575px) {
  .about-section-10__list li {
    font-size: 17px;
  }
}
.about-section-10__list li.active {
  color: var(--black);
}

/* === works-section-10  (Home 10) === */
.works-section-10__wrapper {
  position: relative;
}
.works-section-10__heading-title {
  font-size: 450px;
  font-weight: 100;
  text-align: right;
  line-height: 1;
   letter-spacing: normal;
  padding-bottom: 40px;
  font-style: italic;
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1199px) {
  .works-section-10__heading-title {
    font-size: 320px;
  }
}
@media only screen and (max-width: 991px) {
  .works-section-10__heading-title {
    font-size: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .works-section-10__heading-title {
    font-size: 220px;
  }
}
@media (max-width: 575px) {
  .works-section-10__heading-title {
    font-size: 121px;
    text-align: left;
    padding-bottom: 30px;
  }
}
.works-section-10__heading-title span {
  font-weight: 300;
  font-size: 280px;
  line-height: 145px;
  text-align: right;
  font-style: normal;
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1199px) {
  .works-section-10__heading-title span {
    font-size: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .works-section-10__heading-title span {
    font-size: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .works-section-10__heading-title span {
    font-size: 120px;
  }
}
@media (max-width: 575px) {
  .works-section-10__heading-title span {
    line-height: 1;
    font-size: 60px;
  }
}
.works-section-10__heading-title sup {
  top: -133px;
  left: -48px;
  font-weight: 400;
  font-size: 130px;
  line-height: 24px;
  color: var(--primary);
  font-family: var(--font_granola);
}
@media only screen and (max-width: 1399px) {
  .works-section-10__heading-title sup {
    top: -130px;
    left: -16px;
  }
}
@media only screen and (max-width: 1199px) {
  .works-section-10__heading-title sup {
    top: -58px;
  }
}
@media only screen and (max-width: 991px) {
  .works-section-10__heading-title sup {
    top: -29px;
    font-size: 127px;
  }
}
@media (max-width: 575px) {
  .works-section-10__heading-title sup {
    top: -5px;
    left: 0;
    font-size: 70px;
  }
}
.works-section-10__subtext {
  left: 50%;
  left: auto;
  right: 9.5%;
  width: 100%;
  display: block;
  color: #999999;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
  .works-section-10__subtext {
    right: 6.9%;
  }
}
@media only screen and (max-width: 1399px) {
  .works-section-10__subtext {
    right: 5.5%;
  }
}
@media only screen and (max-width: 1199px) {
  .works-section-10__subtext {
    right: 8.5%;
  }
}
@media only screen and (max-width: 991px) {
  .works-section-10__subtext {
    right: -3.5%;
  }
}
@media only screen and (max-width: 767px) {
  .works-section-10__subtext {
    left: 0;
    text-align: left;
  }
}
@media (max-width: 575px) {
  .works-section-10__subtext {
    padding-right: 0;
  }
}
.works-section-10__wrap {
  gap: 110px 15px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(3, 2fr);
}
@media only screen and (max-width: 767px) {
  .works-section-10__wrap {
    display: grid;
    gap: 30px 15px;
    grid-template-columns: repeat(2, 2fr);
  }
}
@media (max-width: 575px) {
  .works-section-10__wrap {
    grid-template-columns: 1fr;
  }
}
.works-section-10__thumb {
  overflow: hidden;
}
.works-section-10__thumb img {
  transition: all 0.4s ease-in-out;
}
.works-section-10__thumb img:hover {
  transform: scale(1.1);
}
.works-section-10 .title {
  font-size: 22px;
  font-weight: normal;
  margin-top: 12px;
  line-height: 24px;
  color: var(--primary);
  transition: all 0.3s ease-in-out;
}
.works-section-10 .title:hover a {
  color: var(--secondary);
}
.works-section-10 .meta .tag {
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
  display: inline-block;
}
.works-section-10 .meta .date {
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  color: var(--primary);
}

/* === mission-section-10  (Home 10) === */
.mission-section-10__wrapper {
  padding-top: 150px;
}
@media only screen and (max-width: 991px) {
  .mission-section-10__wrapper {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .mission-section-10__wrapper {
    padding-top: 100px;
  }
}
@media (max-width: 575px) {
  .mission-section-10__wrapper {
    padding-top: 40px;
  }
}
.mission-section-10__heading-wrap {
  text-align: center;
}
.mission-section-10__heading-title {
  font-weight: 300;
  font-size: 180px;
  text-align: center;
  line-height: 1;
  font-style: normal;
   letter-spacing: normal;
  color: var(--primary);
  text-transform: uppercase;
  font-family: var(--font_tartuffotrial);
}
@media only screen and (max-width: 1919px) {
  .mission-section-10__heading-title {
    font-size: 154px;
  }
}
@media only screen and (max-width: 1399px) {
  .mission-section-10__heading-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .mission-section-10__heading-title {
    font-size: 108px;
  }
}
@media only screen and (max-width: 991px) {
  .mission-section-10__heading-title {
    font-size: 84px;
  }
}
@media only screen and (max-width: 767px) {
  .mission-section-10__heading-title {
    font-size: 60px;
    letter-spacing: 0;
  }
}
@media (max-width: 575px) {
  .mission-section-10__heading-title {
    font-size: 32px;
  }
}
.mission-section-10__wrap {
  gap: 340px;
  display: grid;
  grid-template-columns: repeat(2, 860px 453px);
  border-top: 1px solid rgba(17, 17, 17, 0.15);
  border-bottom: 1px solid rgba(17, 17, 17, 0.15);
}
@media only screen and (max-width: 1919px) {
  .mission-section-10__wrap {
    gap: 155px;
    grid-template-columns: repeat(2, 735px 410px);
  }
}
@media only screen and (max-width: 1399px) {
  .mission-section-10__wrap {
    gap: 145px;
    grid-template-columns: repeat(2, 627px 326px);
  }
}
@media only screen and (max-width: 1199px) {
  .mission-section-10__wrap {
    gap: 100px;
    grid-template-columns: repeat(2, 509px 280px);
  }
}
@media only screen and (max-width: 991px) {
  .mission-section-10__wrap {
    grid-template-columns: repeat(2, 332px 235px);
  }
}
@media only screen and (max-width: 767px) {
  .mission-section-10__wrap {
    gap: 0;
    grid-template-columns: 1fr;
  }
}
.mission-section-10__item {
  margin-right: -70px;
  border-right: 1px solid rgba(17, 17, 17, 0.15);
}
@media only screen and (max-width: 1919px) {
  .mission-section-10__item:first-child .about-section-10__thumb {
    padding-right: 70px;
  }
}
.mission-section-10__item:last-child {
  border: none;
}
@media only screen and (max-width: 1399px) {
  .mission-section-10__item {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .mission-section-10__item {
    margin-right: 0;
  }
}
.mission-section-10__content {
  margin: auto;
  max-width: 342px;
  text-align: center;
}
.mission-section-10__content p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  color: var(--secondary);
  font-family: var(--font_regular);
}
.mission-section-10__title {
  padding: 45px 0 80px 0;
}
@media only screen and (max-width: 1199px) {
  .mission-section-10__title {
    padding: 45px 0 50px 0;
  }
}
@media only screen and (max-width: 991px) {
  .mission-section-10__title {
    padding: 45px 0 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .mission-section-10__title {
    padding: 45px 0 30px 0;
  }
}
.mission-section-10__thumb {
  margin-top: 66px;
  margin-bottom: 31px;
}
@media (max-width: 575px) {
  .mission-section-10__thumb {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}
.mission-section-10__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding-right: 73px;
}
@media only screen and (max-width: 767px) {
  .mission-section-10__thumb img {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .mission-section-10__thumb img {
    padding-right: 0;
  }
}
.mission-section-10__thumb-two {
  margin-top: 237px;
}
.mission-section-10__thumb-two img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1399px) {
  .mission-section-10__thumb-two {
    margin-top: 190px;
  }
}
@media only screen and (max-width: 991px) {
  .mission-section-10__thumb-two {
    margin-top: 83px;
  }
}
@media only screen and (max-width: 767px) {
  .mission-section-10__thumb-two {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .mission-section-10__thumb-two {
    margin-top: 40px;
  }
}

/* === cta-section-10  (Home 10) === */
.cta-section-10__wrapper {
  display: block;
  text-align: center;
}
.cta-section-10__contact-list {
  gap: 30px;
  display: flex;
  margin-top: 35px;
  justify-content: center;
}
@media (max-width: 575px) {
  .cta-section-10__contact-list {
    margin-top: 0px;
  }
}
.cta-section-10__contact-list a {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: var(--black);
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.cta-section-10__contact-list a i {
  margin-right: 5px;
}

/* === archidex-info-8  (Home 08) === */
.archidex-info-8__thumb {
  position: relative;
}
.archidex-info-8__thumb img {
  max-width: inherit;
}
@media only screen and (max-width: 1399px) {
  .archidex-info-8__thumb img {
    max-width: 100%;
  }
}
.archidex-info-8__info {
  gap: 40px;
  left: 10px;
  bottom: 10px;
  display: flex;
  max-width: 530px;
  border-radius: 5px;
  position: absolute;
  background: var(--white);
  padding: 25px 23px 25px 30px;
}
@media only screen and (max-width: 767px) {
  .archidex-info-8__info {
    left: 0;
    bottom: 0;
    max-width: 100%;
    position: inherit;
  }
}
@media (max-width: 575px) {
  .archidex-info-8__info {
    flex-wrap: wrap;
  }
}
.archidex-info-8__item {
  position: relative;
}
.archidex-info-8__item::before {
  content: "";
  width: 1px;
  right: 0;
  height: 170px;
  position: absolute;
  background: #DADADA;
}
@media (max-width: 575px) {
  .archidex-info-8__item::before {
    display: none;
  }
}
.archidex-info-8__item:last-child::before {
  display: none;
}
.archidex-info-8__title {
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: var(--black);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 991px) {
  .archidex-info-8__title {
    font-size: 28px;
  }
}
.archidex-info-8__title span {
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: var(--black);
  font-family: var(--font_regular);
}
.archidex-info-8__title span sup {
  top: -10px;
  left: -4px;
}
.archidex-info-8__subtext {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  padding-top: 68px;
  line-height: 18px;
  font-family: var(--font_regular);
}
.archidex-info-8__tagline {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  text-align: right;
  color: var(--black);
  margin-bottom: 12px;
  font-family: var(--font_regular);
}
.archidex-info-8__icon img {
  max-width: inherit;
}

/* === archidex-plan-8  (Home 08) === */
.archidex-plan-8__wrapper {
  padding-bottom: 78px;
}
@media (max-width: 575px) {
  .archidex-plan-8__wrapper {
    padding-bottom: 60px;
  }
}
.archidex-plan-8__content {
  z-index: 2;
  display: flex;
  position: relative;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .archidex-plan-8__content {
    flex-wrap: wrap;
  }
}
.archidex-plan-8__thumb {
  z-index: 1;
  margin-top: -146px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .archidex-plan-8__thumb {
    margin-top: -134px;
  }
}
@media only screen and (max-width: 1199px) {
  .archidex-plan-8__thumb {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .archidex-plan-8__thumb {
    margin-top: 50px;
  }
}
.archidex-plan-8__thumb::before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 553px;
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 41.41%, #FFFFFF 92.86%);
}
@media only screen and (max-width: 1199px) {
  .archidex-plan-8__thumb::before {
    height: 253px;
  }
}
@media only screen and (max-width: 767px) {
  .archidex-plan-8__thumb::before {
    height: 134px;
  }
}
@media (max-width: 575px) {
  .archidex-plan-8__thumb::before {
    height: 72px;
  }
}
.archidex-plan-8__thumb img {
  max-width: inherit;
}
@media only screen and (max-width: 1399px) {
  .archidex-plan-8__thumb img {
    max-width: 100%;
  }
}
.archidex-plan-8__title {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
   letter-spacing: normal;
  max-width: 789px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .archidex-plan-8__title {
    font-size: 59px;
  }
}
@media only screen and (max-width: 1199px) {
  .archidex-plan-8__title {
    font-size: 37px;
    line-height: 49px;
    l letter-spacing: normal;
  }
}
@media only screen and (max-width: 991px) {
  .archidex-plan-8__title {
    max-width: 100%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .archidex-plan-8__title {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .archidex-plan-8__title {
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 0px;
  }
}
.archidex-plan-8__description {
  max-width: 480px;
}
@media only screen and (max-width: 991px) {
  .archidex-plan-8__description {
    max-width: 100%;
  }
}
.archidex-plan-8__desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--black);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .archidex-plan-8__desc {
    line-height: 25px;
  }
}
.archidex-plan-8__list {
  margin-top: 55px;
}
@media only screen and (max-width: 1199px) {
  .archidex-plan-8__list {
    margin-top: 40px;
  }
}
.archidex-plan-8__list li {
  display: flex;
  font-size: 16px;
  font-weight: normal;
  line-height: 100%;
  color: var(--black);
  align-items: center;
  padding: 11px 0 12px 0;
  font-family: var(--font_regular);
  justify-content: space-between;
  border-top: 1px solid #DADADA;
}
.archidex-plan-8__list li:last-child {
  border-bottom: 1px solid #DADADA;
}
.archidex-plan-8__list li span {
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  color: var(--black);
  font-family: var(--font_regular);
}

/* === counter-section-8  (Home 08) === */
.counter-section-8__wrapper {
  padding-bottom: 108px;
}
.counter-section-8__headding-wrap {
  gap: 451px;
  display: grid;
  grid-template-columns: repeat(2, 179px 1045px);
}
@media only screen and (max-width: 1399px) {
  .counter-section-8__headding-wrap {
    gap: 100px;
    grid-template-columns: repeat(2, 179px 900px);
  }
}
@media only screen and (max-width: 1199px) {
  .counter-section-8__headding-wrap {
    gap: 60px;
    grid-template-columns: repeat(2, 179px 739px);
  }
}
@media only screen and (max-width: 991px) {
  .counter-section-8__headding-wrap {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.counter-section-8__wrap {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .counter-section-8__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .counter-section-8__wrap {
    grid-template-columns: 1fr;
  }
}
.counter-section-8__item {
  text-align: left;
  border-top: 1px solid #333;
}
@media (max-width: 575px) {
  .counter-section-8__item {
    text-align: center;
  }
}
.counter-section-8__item p {
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0;
  color: var(--white);
  padding: 20px 0 21px 0;
  font-family: var(--font_regular);
}
.counter-section-8__item h2 {
  margin: 0;
  font-size: 200px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  color: var(--white);
  margin-left: -20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1399px) {
  .counter-section-8__item h2 {
    font-size: 195px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .counter-section-8__item h2 {
    font-size: 155px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-section-8__item h2 {
    font-size: 132px;
  }
}
@media (max-width: 575px) {
  .counter-section-8__item h2 {
    font-size: 90px;
  }
}
.counter-section-8__item h2 .odometer.odometer-auto-theme,
.counter-section-8__item h2 .odometer.odometer-theme-default {
  font-family: var(--font_sregular);
  line-height: 1;
}
.counter-section-8__desc {
  font-size: 16px;
  padding-top: 4px;
  font-weight: normal;
  line-height: 20px;
  color: var(--white);
  font-family: var(--font_regular);
}
.counter-section-8__title {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
  color: var(--white);
  letter-spacing: normal;
  padding-bottom: 120px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .counter-section-8__title {
    font-size: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .counter-section-8__title {
    font-size: 41px;
    line-height: 54px;
    letter-spacing: 0;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .counter-section-8__title {
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .counter-section-8__title {
    font-size: 33px;
    line-height: 46px;
    padding-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .counter-section-8__title {
    font-size: 26px;
    line-height: 36px;
  }
}

/* === process-section-8  (Home 08) === */
.process-8__thumb {
  overflow: hidden;
}
.process-8__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.process-8__wrapper {
  margin-left: 35px;
}
@media only screen and (max-width: 1919px) {
  .process-8__wrapper {
    margin-left: 0;
  }
}
.process-8__top {
  margin-bottom: 397px;
  margin-left: 10px;
}
@media only screen and (max-width: 1919px) {
  .process-8__top {
    margin-bottom: 170px;
  }
}
@media only screen and (max-width: 1399px) {
  .process-8__top {
    margin-bottom: 115px;
  }
}
@media only screen and (max-width: 1199px) {
  .process-8__top {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .process-8__top {
    margin-left: 0;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.process-8__top .title {
  font-weight: normal;
  font-size: 70px;
  line-height: 65px;
   letter-spacing: normal;
  color: #000000;
}
@media only screen and (max-width: 1919px) {
  .process-8__top .title {
    font-size: 65px;
    line-height: 63px;
  }
}
@media only screen and (max-width: 1399px) {
  .process-8__top .title {
    font-size: 55px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .process-8__top .title {
    font-size: 48px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .process-8__top .title {
    font-size: 30px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 1919px) {
  .process-8__top .title br {
    display: none;
  }
}
.process-8__info {
  text-align: right;
  transform: translateY(-105px);
}
@media only screen and (max-width: 1919px) {
  .process-8__info {
    transform: translateY(-70px);
  }
}
@media only screen and (max-width: 1399px) {
  .process-8__info {
    transform: translateY(-30px);
  }
}
@media only screen and (max-width: 767px) {
  .process-8__info {
    transform: translateY(0);
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.process-8__info .sub-title {
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
   letter-spacing: normal;
  color: #000000;
}
.process-8__box {
  display: grid;
  grid-template-columns: 228px 1fr;
}
@media only screen and (max-width: 1919px) {
  .process-8__box {
    grid-template-columns: 120px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .process-8__box {
    grid-template-columns: 105px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .process-8__box {
    grid-template-columns: 105px 1fr;
    gap: 50px;
  }
}
@media (max-width: 575px) {
  .process-8__box {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.process-8__list .nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.process-8__list .nav button {
  padding: 0;
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px; letter-spacing: normal;
}
.process-8__list .nav button.active {
  color: var(--black);
}
.process-8 .wrapper {
  display: grid;
  grid-template-columns: 388px 1fr;
}
@media only screen and (max-width: 1919px) {
  .process-8 .wrapper {
    grid-template-columns: 310px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .process-8 .wrapper {
    grid-template-columns: 275px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .process-8 .wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .process-8 .wrapper {
    grid-template-columns: 275px 1fr;
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .process-8 .wrapper {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .process-8__content {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .process-8__content {
    margin-bottom: 10px;
  }
}
.process-8__content .decs {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  max-width: 260px;
  color: #000000;
  margin-bottom: 19px;
}
@media only screen and (max-width: 767px) {
  .process-8__content .decs {
    max-width: 100%;
  }
}
.process-8__content p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  max-width: 260px;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .process-8__content p {
    max-width: 100%;
  }
}
.process-8__media {
  max-width: 290px;
  margin-top: -26px;
}
@media only screen and (max-width: 767px) {
  .process-8__media {
    margin-top: 0;
    max-width: 100%;
  }
}
.process-8__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === hero-section-12   (Home 08) === */
.hero-section-12__content {
  margin: 0 auto;
  padding-top: 293px;
  padding-bottom: 75px;
}
@media only screen and (max-width: 1199px) {
  .hero-section-12__content {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-12__content {
    padding-top: 150px;
  }
}
@media (max-width: 575px) {
  .hero-section-12__content {
    padding-top: 130px;
  }
}
.hero-section-12__title {
  font-weight: normal;
  font-size: 150px;
  line-height: 125px;
  text-align: center;
  margin-bottom: 68px;
  letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1199px) {
  .hero-section-12__title {
    font-size: 135px;
     letter-spacing: normal;
    line-height: 140pxs;
  }
  .hero-section-12__title br {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .hero-section-12__title {
    font-size: 100px;
     letter-spacing: normal;
    line-height: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-section-12__title {
    font-size: 50px;
    margin-bottom: 30px;
    letter-spacing: 0px;
    line-height: 60px;
  }
}
@media (max-width: 575px) {
  .hero-section-12__title {
    font-size: 40px;
    padding-bottom: 20px;
    line-height: 50px;
  }
}
.hero-section-12__subtitle {
  margin: auto;
  font-size: 16px;
  font-weight: normal;
  max-width: 342px;
  line-height: 20px;
  text-align: center;
  color: var(--primary);
  font-family: var(--font_regular);
}
.hero-section-12__subtitle span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  font-style: Italic;
  text-align: center;
  font-family: var(--font_regular);
}
.hero-section-12__bottom {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #DADADA;
  justify-content: space-between;
}
.hero-section-12__bottom span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  font-family: var(--font_regular);
}

/* === works-section-12 News Grid === */
.works-section-12__wrapper {
	--news-grid-line: rgba(17, 17, 17, 0.12);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 0;
	row-gap: 56px;
	align-items: start;
	padding-top: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.works-section-12__wrapper.has-1-grid-divider {
	background-image:
		linear-gradient(to right, transparent calc(25% - 0.5px), var(--news-grid-line) calc(25% - 0.5px), var(--news-grid-line) calc(25% + 0.5px), transparent calc(25% + 0.5px));
}

.works-section-12__wrapper.has-2-grid-dividers {
	background-image:
		linear-gradient(to right, transparent calc(25% - 0.5px), var(--news-grid-line) calc(25% - 0.5px), var(--news-grid-line) calc(25% + 0.5px), transparent calc(25% + 0.5px)),
		linear-gradient(to right, transparent calc(50% - 0.5px), var(--news-grid-line) calc(50% - 0.5px), var(--news-grid-line) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}

.works-section-12__wrapper.has-3-grid-dividers {
	background-image:
		linear-gradient(to right, transparent calc(25% - 0.5px), var(--news-grid-line) calc(25% - 0.5px), var(--news-grid-line) calc(25% + 0.5px), transparent calc(25% + 0.5px)),
		linear-gradient(to right, transparent calc(50% - 0.5px), var(--news-grid-line) calc(50% - 0.5px), var(--news-grid-line) calc(50% + 0.5px), transparent calc(50% + 0.5px)),
		linear-gradient(to right, transparent calc(75% - 0.5px), var(--news-grid-line) calc(75% - 0.5px), var(--news-grid-line) calc(75% + 0.5px), transparent calc(75% + 0.5px));
}

@media only screen and (max-width: 1199px) {
	.works-section-12__wrapper.has-1-grid-divider {
		background-image:
			linear-gradient(to right, transparent calc(33.333% - 0.5px), var(--news-grid-line) calc(33.333% - 0.5px), var(--news-grid-line) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px));
	}

	.works-section-12__wrapper.has-2-grid-dividers,
	.works-section-12__wrapper.has-3-grid-dividers {
		background-image:
			linear-gradient(to right, transparent calc(33.333% - 0.5px), var(--news-grid-line) calc(33.333% - 0.5px), var(--news-grid-line) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px)),
			linear-gradient(to right, transparent calc(66.666% - 0.5px), var(--news-grid-line) calc(66.666% - 0.5px), var(--news-grid-line) calc(66.666% + 0.5px), transparent calc(66.666% + 0.5px));
	}
}

@media only screen and (max-width: 991px) {
	.works-section-12__wrapper.has-1-grid-divider,
	.works-section-12__wrapper.has-2-grid-dividers,
	.works-section-12__wrapper.has-3-grid-dividers {
		background-image:
			linear-gradient(to right, transparent calc(50% - 0.5px), var(--news-grid-line) calc(50% - 0.5px), var(--news-grid-line) calc(50% + 0.5px), transparent calc(50% + 0.5px));
	}
}

@media only screen and (max-width: 575px) {
	.works-section-12__wrapper.has-1-grid-divider,
	.works-section-12__wrapper.has-2-grid-dividers,
	.works-section-12__wrapper.has-3-grid-dividers {
		background-image: none;
	}
}

.works-section-12__item {
	min-width: 0;
	padding-right: 14px;
	padding-left: 14px;
}

.works-section-12__item.is-grid-col-1 {
	padding-left: 0;
}

.works-section-12__item.is-grid-last-col {
	padding-right: 0;
}

.news-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: var(--primary);
	text-decoration: none;
}

.news-card:hover,
.news-card:focus,
.news-card:focus-visible {
	color: var(--primary);
	text-decoration: none;
}

.news-card__media {
	position: relative;
	display: block;
	width: 100%;
	height: 280px;
	aspect-ratio: auto;
	margin: 0 0 22px;
	overflow: hidden;
	background-color: #f4f4f4;
}

.works-section-12__item.is-short .news-card__media,
.news-card.is-short .news-card__media,
.news-card--short .news-card__media {
	height: 260px;
	aspect-ratio: auto;
}

.works-section-12__item.is-medium .news-card__media,
.news-card.is-medium .news-card__media,
.news-card--medium .news-card__media {
	height: auto;
	aspect-ratio: 1 / 1;
}

.works-section-12__item.is-tall .news-card__media,
.news-card.is-tall .news-card__media,
.news-card--tall .news-card__media {
	height: 520px;
	aspect-ratio: auto;
}

.news-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transform-origin: center center;
	transition: transform 0.65s cubic-bezier(0.19, 1, 0.22, 1);
	will-change: transform;
}

.news-card:hover .news-card__media img,
.news-card:focus-visible .news-card__media img {
	transform: scale(1.07);
}

.news-card__content {
	max-width: 92%;
	padding-bottom: 6px;
}

.news-card__category {
	display: inline-block;
	width: fit-content;
	padding: 5px 10px;
	margin-bottom: 14px;
	border: 1px solid rgba(17, 17, 17, 0.12);
	border-radius: 0;
	color: var(--black);
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: uppercase;
	font-family: var(--font_light);
}

/* Keep category text clean on hover */
.news-card:hover .news-card__category {
	color: var(--black);
	text-decoration: none;
}

.news-card__title {
	margin: 0;
	color: var(--primary);
	font-family: var(--font_regular);
	font-size: 19px;
	font-weight: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-decoration: none;
	transition: none;
}

.news-card:hover .news-card__category,
.news-card:hover .news-card__title,
.news-card:focus-visible .news-card__category,
.news-card:focus-visible .news-card__title,
.news-card:focus-visible .news-card__date {
	color: inherit;
	text-decoration: none;
}

.news-card__date {
	display: block;
	margin-top: 11px;
	color: rgba(17, 17, 17, 0.48);
	font-family: var(--font_light);
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: normal;
}

@media only screen and (max-width: 1199px) {
	.works-section-12__wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 50px;
		background-image:
			linear-gradient(to right, transparent calc(33.333% - 0.5px), var(--news-grid-line) calc(33.333% - 0.5px), var(--news-grid-line) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px)),
			linear-gradient(to right, transparent calc(66.666% - 0.5px), var(--news-grid-line) calc(66.666% - 0.5px), var(--news-grid-line) calc(66.666% + 0.5px), transparent calc(66.666% + 0.5px));
	}

	.news-card__title {
		font-size: 18px;
	}

	.works-section-12__item.is-short .news-card__media,
	.news-card.is-short .news-card__media,
	.news-card--short .news-card__media {
		height: 230px;
		aspect-ratio: auto;
	}

	.works-section-12__item.is-medium .news-card__media,
	.news-card.is-medium .news-card__media,
	.news-card--medium .news-card__media {
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.works-section-12__item.is-tall .news-card__media,
	.news-card.is-tall .news-card__media,
	.news-card--tall .news-card__media {
		height: 430px;
		aspect-ratio: auto;
	}
}

@media only screen and (max-width: 991px) {
	.works-section-12__wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 44px;
		background-image:
			linear-gradient(to right, transparent calc(50% - 0.5px), var(--news-grid-line) calc(50% - 0.5px), var(--news-grid-line) calc(50% + 0.5px), transparent calc(50% + 0.5px));
	}

	.news-card__content {
		max-width: 100%;
	}

	.news-card__title {
		font-size: 18px;
		line-height: 1.22;
	}

	.works-section-12__item.is-short .news-card__media,
	.news-card.is-short .news-card__media,
	.news-card--short .news-card__media {
		height: 220px;
		aspect-ratio: auto;
	}

	.works-section-12__item.is-medium .news-card__media,
	.news-card.is-medium .news-card__media,
	.news-card--medium .news-card__media {
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.works-section-12__item.is-tall .news-card__media,
	.news-card.is-tall .news-card__media,
	.news-card--tall .news-card__media {
		height: 400px;
		aspect-ratio: auto;
	}
}

@media only screen and (max-width: 575px) {
	.works-section-12__wrapper {
		grid-template-columns: 1fr;
		row-gap: 0;
		background-image: none;
	}

	.works-section-12__item,
	.works-section-12__item.is-grid-col-1,
	.works-section-12__item.is-grid-last-col {
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 34px;
		margin-bottom: 34px;
		border-bottom: 1px solid rgba(17, 17, 17, 0.12);
	}

	.works-section-12__item:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

	.news-card__media {
		margin-bottom: 18px;
	}

	/* Mobile thumb proportions stay consistent by class */
	.works-section-12__item.is-short .news-card__media,
	.news-card.is-short .news-card__media,
	.news-card--short .news-card__media {
		height: auto;
		aspect-ratio: 1.45 / 1;
	}

	.works-section-12__item.is-medium .news-card__media,
	.news-card.is-medium .news-card__media,
	.news-card--medium .news-card__media {
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.works-section-12__item.is-tall .news-card__media,
	.news-card.is-tall .news-card__media,
	.news-card--tall .news-card__media {
		height: auto;
		aspect-ratio: 0.76 / 1;
	}

	.news-card__title {
		font-size: 17px;
	}
}

/* === about-section-12   (Home 08) === */
.about-section-12__wrapper {
  max-width: 1797px;
  padding-top: 90px;
}
@media only screen and (max-width: 1399px) {
  .about-section-12__wrapper {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .about-section-12__wrapper {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-12__wrapper {
    padding-top: 30px;
  }
}
.about-section-12__desc {
  font-size: 70px;
  font-weight: normal;
  line-height: 65px;
  color: var(--primary);
   letter-spacing: normal;
  padding-bottom: 59px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1399px) {
  .about-section-12__desc {
    font-size: 52px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 1199px) {
  .about-section-12__desc {
    font-size: 38px;
    line-height: 46px;
    padding-bottom: 20px;
     letter-spacing: normal;
  }
}
@media only screen and (max-width: 991px) {
  .about-section-12__desc {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .about-section-12__desc {
    font-size: 25px;
    line-height: 33px;
    letter-spacing: 0px;
  }
}
@media (max-width: 575px) {
  .about-section-12__desc {
    font-size: 20px;
    line-height: 32px;
  }
}
.about-section-12__btn .rr-btn {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid var(--primary);
}
.about-section-12__btn .rr-btn:hover {
  color: var(--secondary);
}

/* === testimonial-6  (inner page) === */
.testimonial-6__wrapper {
  margin-right: 35px;
}
.testimonial-6__wrapper .experience-4__wrapper {
  padding-bottom: 164px;
  margin-left: -35px;
}
@media only screen and (max-width: 1199px) {
  .testimonial-6__wrapper .experience-4__wrapper {
    margin-left: 0;
    padding-bottom: 40px;
  }
}
.testimonial-6__wrapper .experience-4__wrap {
  gap: 34px;
  display: flex;
  position: relative;
  align-items: center;
}
.testimonial-6__wrapper .experience-4__wrap:not(:last-child) {
  margin-bottom: 70px;
}
@media (max-width: 575px) {
  .testimonial-6__wrapper .experience-4__wrap {
    flex-wrap: wrap;
  }
}
.testimonial-6__wrapper .experience-4__item .title {
  font-weight: normal;
  font-size: 90px;
  line-height: 1;
  height: 54px;
  width: 300px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
   letter-spacing: normal;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1919px) {
  .testimonial-6__wrapper .experience-4__item .title {
    width: 261px;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial-6__wrapper .experience-4__item .title {
    font-size: 72px;
    width: 217px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-6__wrapper .experience-4__item .title {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-6__wrapper .experience-4__item .title {
    width: 255px;
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .testimonial-6__wrapper .experience-4__item .title {
    width: 140px;
  }
}
.testimonial-6__wrapper .experience-4__item .title::after {
  content: "";
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  background: var(--black);
}
.testimonial-6__wrapper .experience-4__item .title cite {
  font-style: normal;
  margin-bottom: -2px;
}
.testimonial-6__wrapper .experience-4__item .title .odometer-formatting-mark {
  display: none;
}
.testimonial-6__wrapper .experience-4__item .title .odometer.odometer-auto-theme,
.testimonial-6__wrapper .experience-4__item .title .odometer.odometer-theme-default {
  font-family: var(--font_regular);
  line-height: 0.7;
  transform: translateY(8px);
}
.testimonial-6__wrapper .experience-4__item .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 11px;
  color: var(--secondary);
   letter-spacing: normal;
}
.testimonial-6__item {
  gap: 125px;
  display: flex;
  padding: 140px 0 40px 0;
}
@media only screen and (max-width: 1399px) {
  .testimonial-6__item {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-6__item {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-6__item {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.testimonial-6__desc {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  padding-right: 65px;
  color: var(--black);
  padding-bottom: 29px;
   letter-spacing: normal;
  font-family: var(--font_regular);
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
}
@media only screen and (max-width: 1919px) {
  .testimonial-6__desc {
    font-size: 19px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial-6__desc {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-6__desc {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
  }
}
.testimonial-6__author {
  margin-top: 14px;
}
.testimonial-6__name {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  padding-bottom: 6px;
  color: var(--black);
  font-family: var(--font_regular);
}
.testimonial-6__desg {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
   letter-spacing: normal;
  color: var(--secondary);
  font-family: var(--font_regular);
}
.testimonial-6__title {
  font-weight: normal;
  font-size: 120px;
  line-height: 134px;
  white-space: nowrap;
   letter-spacing: normal;
  padding-bottom: 143px;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.06);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1919px) {
  .testimonial-6__title {
    font-size: 93px;
  }
}
@media only screen and (max-width: 1399px) {
  .testimonial-6__title {
    font-size: 80px;
    line-height: 1;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial-6__title {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .testimonial-6__title {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-6__title {
    font-size: 64px;
    flex-wrap: wrap;
  }
}
@media (max-width: 575px) {
  .testimonial-6__title {
    font-size: 60px;
    white-space: normal;
  }
}
.testimonial-6__thumb {
  margin-left: -35px;
  margin-bottom: 30px;
}
.testimonial-6__thumb img {
  margin-top: -138px;
}
@media only screen and (max-width: 1919px) {
  .testimonial-6__thumb img {
    width: 100%;
  }
}
@media only screen and (max-width: 1919px), only screen and (max-width: 1399px) {
  .testimonial-6__thumb img {
    width: 100%;
    margin-top: 0;
  }
}
.testimonial-6__arrow {
  gap: 30px;
  right: 0;
  bottom: 33px;
  display: flex;
  position: absolute;
  align-items: center;
  transform: translateY(-3px);
  z-index: 2;
}
.testimonial-6__arrow i {
  color: rgba(17, 17, 17, 0.1);
  transition: all 0.3s ease-in-out;
}
.testimonial-6__arrow i:hover {
  color: var(--black);
}
.testimonial-6__swiper-button-next {
  transform: rotate(45deg);
}
.testimonial-6__swiper-button-prev {
  transform: rotate(-45deg);
}
.testimonial-6__swiper-button-prev i {
  color: var(--black);
}

/* === clam-slider (Home) === */
.clam-slider .header-area-8__inner {
  padding: 50px 0;
}

.clam-slider #clam-slider-holder {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.clam-slider #clam-slider-main {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: visible;
}
.clam-slider #canvas-slider {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  -webkit-transition: width 0.5s ease-in-out 0;
  transition: width 0.5s ease-in-out 0s;
}
.clam-slider #canvas-slider::before {
  content: "";
  position: absolute;
  background: rgba(17, 17, 17, 0.15);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.clam-slider #canvas-slider img {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
  z-index: 100;
  cursor: pointer;
  object-position: center;
  object-fit: cover;
}
.clam-slider__content {
  overflow: hidden;
  z-index: 9;
  left: 50px;
  bottom: 430px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .clam-slider__content {
    left: 80px;
  }
}
@media (max-width: 575px) {
  .clam-slider__content {
    left: 15px;
  }
}
.clam-slider__content span {
  opacity: 0;
  font-size: 108px;
  line-height: 130px;
   letter-spacing: normal;
  font-weight: normal;
  color: var(--white);
  overflow: hidden;
  transform: translateY(-100%);
  display: inline-block;
}
@media only screen and (max-width: 1399px) {
  .clam-slider__content span {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .clam-slider__content span {
    font-size: 90px;
    letter-spacing: 0;
    line-height: 105px;
  }
}
@media only screen and (max-width: 991px) {
  .clam-slider__content span {
    font-size: 70px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .clam-slider__content span {
    font-size: 40px;
    line-height: 40px;
  }
}
.clam-slider__content-wrapper {
  overflow: hidden;
  margin-top: 332px;
}
@media only screen and (max-width: 1919px) {
  .clam-slider__content-wrapper {
    margin-top: 220px;
  }
}
@media (max-width: 575px) {
  .clam-slider__content-wrapper {
    margin-top: 183px;
  }
}
.clam-slider .sub-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: var(--white); letter-spacing: normal;
  display: flex;
  gap: 7px;
  align-items: center;
  left: 480px;
  bottom: 380px;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .clam-slider .sub-title {
    left: 80px;
  }
}
@media (max-width: 575px) {
  .clam-slider .sub-title {
    left: 15px;
  }
}
.clam-slider__meta-list {
  opacity: 0;
  overflow: hidden;
  text-align: right;
  margin-right: 400px;
  transform: translateY(-100%);
}
@media only screen and (max-width: 1199px) {
  .clam-slider__meta-list {
    margin-right: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .clam-slider__meta-list {
    margin-right: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .clam-slider__meta-list {
    margin-right: 0;
    text-align: left;
    margin-left: 90px;
  }
}
@media (max-width: 575px) {
  .clam-slider__meta-list {
    grid-template-columns: auto;
    gap: 10px;
    margin: 0 15px;
  }
}
.clam-slider__meta-list li {
  font-size: 15px;
  font-weight: normal;
  line-height: 16px;
  list-style: none;
  color: var(--white);
   letter-spacing: normal;
  text-transform: uppercase;
  font-size: 100px;
  overflow: hidden;
  font-weight: normal;
  line-height: 108px;
   letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .clam-slider__meta-list li {
    font-size: 90px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .clam-slider__meta-list li {
    font-size: 70px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .clam-slider__meta-list li {
    font-size: 40px;
    line-height: 40px;
  }
}
.clam-slider .swiper-slide-active .clam-slider__content span {
  opacity: 1;
  transform: translatey(0px);
  display: block;
  transition: all 2000ms ease;
}
.clam-slider .swiper-slide-active .clam-slider__meta-list {
  opacity: 1;
  transform: translatey(0px);
  transition: all 1500ms ease;
}
.clam-slider__arrow {
  gap: 148px;
  z-index: 9;
  right: 375px;
  display: flex;
  bottom: 560px;
  position: absolute;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .clam-slider__arrow {
    right: 165px;
  }
}
@media only screen and (max-width: 991px) {
  .clam-slider__arrow {
    right: 60px;
    bottom: 580px;
    gap: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .clam-slider__arrow {
    bottom: 594px;
    gap: 60px;
    left: 70px;
    right: inherit;
  }
}
@media (max-width: 575px) {
  .clam-slider__arrow {
    display: none;
  }
}
.clam-slider__arrow-prev, .clam-slider__arrow-next {
  color: var(--white);
}
.clam-slider__arrow-prev:hover, .clam-slider__arrow-next:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
.clam-slider .clam-slider-pagination-wrapper {
  left: 0%;
  right: 0;
  z-index: 9;
  bottom: 52px;
  margin: 0 auto;
  position: absolute;
  display: inline-block;
}
@media (max-width: 575px) {
  .clam-slider .clam-slider-pagination-wrapper {
    display: none;
  }
}
.clam-slider .clam-slider-pagination-wrapper .clam-slider-pagination {
  gap: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clam-slider .swiper-pagination-bullet {
  width: 7px;
  opacity: 1;
  height: 7px;
  overflow: hidden;
  transition: 0.4s;
  margin: 0 !important;
  border-radius: 500px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
}
.clam-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: var(--white);
}
.clam-slider .clam-slider-counter {
  z-index: 9;
  right: 404px;
  opacity: 0.7;
  bottom: 490px;
  display: flex;
  color: white;
  font-size: 30px;
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
  position: absolute;
  align-items: center;
  letter-spacing: normal;
}
@media only screen and (max-width: 1199px) {
  .clam-slider .clam-slider-counter {
    right: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .clam-slider .clam-slider-counter {
    right: 100px;
    bottom: 510px;
  }
}
@media only screen and (max-width: 767px) {
  .clam-slider .clam-slider-counter {
    right: 100px;
    bottom: 550px;
    left: 70px;
  }
}
@media (max-width: 575px) {
  .clam-slider .clam-slider-counter {
    left: 15px;
  }
}
.clam-slider__copyright {
  z-index: 1;
  left: 50px;
  width: 100%;
  bottom: 35px;
  display: flex;
  max-width: 1790px;
  position: absolute;
  justify-content: space-between;
}
@media only screen and (max-width: 1919px) {
  .clam-slider__copyright {
    max-width: 1350px;
  }
}
@media only screen and (max-width: 1399px) {
  .clam-slider__copyright {
    max-width: 1050px;
  }
}
@media only screen and (max-width: 1199px) {
  .clam-slider__copyright {
    max-width: 900px;
  }
}
@media only screen and (max-width: 991px) {
  .clam-slider__copyright {
    max-width: 700px;
  }
}
@media only screen and (max-width: 767px) {
  .clam-slider__copyright {
    max-width: 500px;
  }
}
@media (max-width: 575px) {
  .clam-slider__copyright {
    flex-direction: column;
    left: 20px;
  }
}
.clam-slider__copyright span {
  font-size: 16px;
  font-weight: normal;
  line-height: 31px; letter-spacing: normal;
  color: rgba(255, 255, 255, 0.7);
}
.clam-slider__copyright .social {
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  line-height: 31px;
  position: relative;
  padding-left: 16px; letter-spacing: normal;
}
.clam-slider__copyright .social::before {
  top: 50%;
  left: 0;
  width: 6px;
  content: "";
  height: 6px;
  position: absolute;
  border-radius: 500px;
  background: currentColor;
  transform: translate(0px, -50%);
}
.clam-slider__copyright .copyright-text {
  font-size: 16px;
  font-weight: normal;
  line-height: 31px; letter-spacing: normal;
  color: rgba(255, 255, 255, 0.7);
}
.clam-slider__copyright .copyright-text a {
  color: var(--white);
  position: relative;
}
.clam-slider__copyright .copyright-text a::before {
  left: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 1px;
  position: absolute;
  transition: all 0.3s;
  background: currentColor;
}
.clam-slider__copyright .copyright-text a:hover::before {
  width: 0;
}

/* === vcard-nav  (inner page) === */
.vcard-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 80px;
  height: 100vh;
  display: flex;
  z-index: 99;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid rgba(17, 17, 17, 0.4);
}
.vcard-nav .logo {
  width: 115px;
  transform: rotate(-90deg) translateY(40px);
  transform-origin: left;
  display: inline-block;
  margin-top: 155px;
}
.vcard-nav .header__navicon {
  transform: rotate(90deg);
  transform-origin: left;
  margin-left: 40px;
  display: inline-block;
}
.vcard-nav .header__navicon .side-toggle .bar-icon {
  width: 45px;
  height: 12px;
}
.vcard-nav .header__navicon .side-toggle .bar-icon span {
  height: 1px;
  background: var(--primary);
}
.vcard-nav__content a {
  transform: rotate(90deg);
  transform-origin: left;
  display: inline-block;
  margin-left: 40px;
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
  margin-bottom: 187px;
}
@media only screen and (max-width: 1399px) {
  .vcard-nav__content a {
    color: var(--primary);
  }
}
.vcard-nav .menu-toggle .bar-icon {
  width: 45px;
  height: 12px;
}
.vcard-nav .menu-toggle .bar-icon span {
  height: 1px;
  background: var(--primary);
}

.vcard-mobile-menu {
  z-index: 2;
  top: 0;
  padding: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: space-between;
}
.vcard-mobile-menu img {
  max-width: 115px;
}
.vcard-mobile-menu .side-toggle .bar-icon {
  width: 45px;
  height: 12px;
}
.vcard-mobile-menu .side-toggle .bar-icon span {
  height: 1px;
  background: var(--primary);
}

.vcard__wrapper {
  display: grid;
  height: 100vh;
  overflow: hidden;
  background: #EDEDED;
  grid-template-columns: 630px 695px 1fr;
}
@media only screen and (max-width: 1919px) {
  .vcard__wrapper {
    grid-template-columns: 490px 540px 1fr;
    height: auto;
  }
}
@media only screen and (max-width: 1399px) {
  .vcard__wrapper {
    grid-template-columns: 1fr;
    height: auto;
    padding-left: 80px;
  }
}
@media (max-width: 575px) {
  .vcard__wrapper {
    padding-left: 0px;
  }
}
.vcard__author {
  position: relative;
  display: flex;
  margin-top: 90px;
}
.vcard__author .author {
  margin-top: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vcard__author .qr-code {
  bottom: 80px;
  right: 50%;
  transform: translateX(50%);
  position: absolute;
}
@media only screen and (max-width: 1399px) {
  .vcard__author .qr-code {
    right: 50%;
    bottom: 20px;
    transform: translate(50%, 0);
  }
}
@media (max-width: 575px) {
  .vcard__author .qr-code {
    max-width: 70px;
  }
}
.vcard__about {
  border-left: 1px solid rgba(17, 17, 17, 0.4);
}
.vcard__about .author {
  border-top: 1px solid rgba(17, 17, 17, 0.4);
  border-bottom: 1px solid rgba(17, 17, 17, 0.4);
  padding: 35px 50px 35px 50px;
}
@media only screen and (max-width: 1919px) {
  .vcard__about .author {
    padding: 20px 20px 30px 20px;
  }
}
.vcard__about .sub-title {
  color: #999;
  padding: 10px 0px 10px 50px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
   letter-spacing: normal;
  text-transform: uppercase;
}
.vcard__about .title {
  font-size: 70px;
  font-weight: normal;
  line-height: 70px;
  margin-bottom: 10px;
   letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .vcard__about .title {
    font-size: 50px;
  }
}
.vcard__about .dedication {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 40px;
   letter-spacing: normal;
}
.vcard__about .decs {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.vcard .timeline {
  padding: 50px 64px 0px 50px;
  border-top: 1px solid rgba(17, 17, 17, 0.4);
}
@media only screen and (max-width: 1919px) {
  .vcard .timeline {
    padding: 20px 20px 0px 20px;
  }
}
.vcard .timeline-item {
  display: grid;
  gap: 20px 52px;
  grid-template-columns: 110px 1fr;
}
.vcard .timeline-item:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 575px) {
  .vcard .timeline-item {
    grid-template-columns: 1fr;
  }
}
.vcard .timeline-date {
  text-align: right;
}
@media (max-width: 575px) {
  .vcard .timeline-date {
    text-align: left;
  }
}
.vcard .timeline-date .year {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.vcard .timeline-date .location {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px; letter-spacing: normal;
}
.vcard .timeline__content {
  padding-left: 53px;
  position: relative;
  padding-bottom: 20px;
}
.vcard .timeline__content::before {
  top: 0;
  left: -3px;
  content: "";
  width: 7px;
  height: 7px;
  background: #ccc;
  position: absolute;
  border-radius: 50%;
}
.vcard .timeline__content::after {
  bottom: 0;
  left: 0;
  content: "";
  height: calc(100% - 17px);
  width: 1px;
  background: #ccc;
  position: absolute;
  border-radius: 50%;
}
.vcard .timeline__content .job-title {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--primary); letter-spacing: normal;
}
.vcard .timeline__content .company {
  color: #999;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 10px; letter-spacing: normal;
}
.vcard .timeline__content .decs {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  max-width: 366px;
  line-height: 20px; letter-spacing: normal;
}
.vcard__skill {
  border-left: 1px solid rgba(17, 17, 17, 0.4);
}
.vcard__skill .sub-title {
  color: #999;
  padding: 10px 0px 10px 50px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
   letter-spacing: normal;
  text-transform: uppercase;
}
.vcard__skill .service__wrapper {
  border-top: 1px solid rgba(17, 17, 17, 0.4);
  border-bottom: 1px solid rgba(17, 17, 17, 0.4);
  padding: 40px 50px 0px 50px;
}
@media only screen and (max-width: 1919px) {
  .vcard__skill .service__wrapper {
    padding: 20px 20px 0px 20px;
  }
}
.vcard__skill .service__wrap {
  display: flex;
  max-width: 417px;
  position: relative;
  margin-bottom: 50px;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .vcard__skill .service__wrap {
    flex-wrap: wrap;
  }
}
.vcard__skill .service__wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  border-left: 1px dotted rgba(17, 17, 17, 0.4);
}
@media (max-width: 575px) {
  .vcard__skill .service__wrap::before {
    display: none;
  }
}
.vcard__skill .service__wrap ul {
  list-style: none;
}
.vcard__skill .service__wrap ul li {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px; letter-spacing: normal;
}
.vcard__skill .contact__info {
  padding: 30px 50px;
  border-top: 1px solid rgba(17, 17, 17, 0.4);
}
@media only screen and (max-width: 1919px) {
  .vcard__skill .contact__info {
    padding: 20px 20px;
  }
}
.vcard__skill .contact__info .title {
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 13px;
   letter-spacing: normal;
}
.vcard__skill .contact__info .socail-list {
  gap: 5px;
  display: flex;
  list-style: none;
  align-items: center;
  margin-bottom: 50px;
}
.vcard__skill .contact__info .socail-list li a {
  width: 50px;
  height: 50px;
  display: flex;
  font-size: 14px;
  align-items: center;
  border-radius: 15px;
  color: var(--primary);
  justify-content: center;
  transition: all 0.3s ease;
  border: 1px solid rgba(17, 17, 17, 0.15);
}
.vcard__skill .contact__info .socail-list li:hover a {
  background: var(--primary);
  color: #FFF;
}
.vcard__skill .contact__info .contact a {
  display: block;
  color: #999;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px; letter-spacing: normal;
}
.vcard__skill .contact__info .contact a:hover {
  color: var(--primary);
}

/* === showcase-13 (Home 09) === */
.showcase-13__wrapper {
  display: grid;
  height: 100vh;
  grid-template-columns: 538px 1385px;
}
@media only screen and (max-width: 1919px) {
  .showcase-13__wrapper {
    grid-template-columns: 490px 1385px;
  }
}
@media only screen and (max-width: 1399px) {
  .showcase-13__wrapper {
    grid-template-columns: 400px 1330px;
  }
}
@media only screen and (max-width: 1199px) {
  .showcase-13__wrapper {
    grid-template-columns: 400px auto;
  }
}
@media only screen and (max-width: 991px) {
  .showcase-13__wrapper {
    grid-template-columns: 1fr;
    height: auto;
  }
}
.showcase-13__sidebar {
  padding-left: 30px;
  padding-bottom: 50px;
  border-right: 1px solid #DADADA;
}
@media only screen and (max-width: 991px) {
  .showcase-13__sidebar {
    border-right: none;
  }
}
@media only screen and (max-width: 1399px) {
  .showcase-13__sidebar {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .showcase-13__sidebar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.showcase-13__sidebar .logo {
  display: flex;
  margin-left: -30px;
  align-items: center;
  padding: 30px 0 30px 30px;
  justify-content: space-between;
  border-bottom: 1px solid #DADADA;
}
@media (max-width: 575px) {
  .showcase-13__sidebar .logo {
    padding: 15px 0 16px 30px;
  }
}
.showcase-13__sidebar .logo .navicon {
  padding-right: 30px;
}
@media (max-width: 575px) {
  .showcase-13__sidebar .logo .navicon {
    padding-right: 0px;
  }
}
@media (max-width: 575px) {
  .showcase-13__sidebar .logo .navicon .side-toggle {
    border-left: none;
    margin-left: 0;
    padding: 16px 20px;
  }
}
.showcase-13__sidebar .logo .navicon .side-toggle .bar-icon {
  width: 34px;
  overflow: visible;
  height: 17px;
}
.showcase-13__sidebar .logo .navicon .side-toggle .bar-icon span {
  height: 2px;
  border-radius: 500px;
  background: var(--primary);
}
.showcase-13__sidebar .logo .navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 10px;
}
.showcase-13__illustration {
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 430px;
}
@media only screen and (max-width: 1919px) {
  .showcase-13__illustration {
    max-width: 350px;
  }
}
.showcase-13__illustration img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.showcase-13__item {
  display: flex;
  height: 100%;
  padding-left: 40px;
  padding-bottom: 50px;
  flex-direction: column;
  justify-content: flex-end;
  border-left: 1px solid #DADADA;
}
@media only screen and (max-width: 1399px) {
  .showcase-13__item {
    padding-left: 20px;
  }
}
.showcase-13__thumb {
  min-height: 550px;
}
@media only screen and (max-width: 991px) {
  .showcase-13__thumb {
    height: auto;
  }
}
.showcase-13__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.showcase-13__content {
  margin-top: 10px;
}
.showcase-13__content .meta .tag {
  display: block;
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  color: var(--black);
  padding-bottom: 1px;
  font-family: var(--font_regular);
}
.showcase-13__content .meta .date {
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  color: var(--black);
  font-family: var(--font_regular);
}
.showcase-13__title {
  font-size: 20px;
  font-weight: normal;
  line-height: 22px;
  color: var(--black);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .showcase-13__title {
    font-size: 18px;
  }
}
.showcase-13__title a {
  transition: all 0.3s ease-in-out;
}
.showcase-13__title a:hover {
  color: var(--secondary);
}
.showcase-13__menu {
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .showcase-13__menu {
    display: none;
  }
}
.showcase-13__menu ul li {
  list-style: none;
}
.showcase-13__menu ul li a {
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  position: relative;
  padding-left: 11px;
  color: var(--black);
  font-family: var(--font_regular);
}
.showcase-13__menu ul li a::before {
  content: "";
  left: 0;
  top: 0;
  opacity: 0;
  width: 1px;
  height: 28px;
  visibility: hidden;
  position: absolute;
  background: var(--black);
  transition: all 0.3s ease-in-out;
}
.showcase-13__menu ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.showcase-13__tags {
  gap: 20px;
  display: flex;
  align-items: center;
}
.showcase-13__tags span {
  font-size: 12px;
  font-weight: normal;
  line-height: 32px;
  color: var(--black);
  text-transform: uppercase;
  font-family: var(--font_regular);
}
.showcase-13__wrap {
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(3, 1fr);
}
.showcase-13__active {
  width: 100%;
  height: 100%;
}
.showcase-13__active .swiper-slide {
  height: 100%;
  width: auto;
}

/* === project-showcase-14  (Home 10) === */
.project-showcase-14__inner {
  height: 100vh;
}
@media only screen and (max-width: 1199px) {
  .project-showcase-14__inner {
    height: auto;
  }
}
.project-showcase-14__wrapper {
  gap: 48px;
  display: grid;
  padding-left: 30px;
  padding-right: 24px;
  grid-template-columns: 913px 900px;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-14__wrapper {
    grid-template-columns: 733px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-14__wrapper {
    grid-template-columns: 598px 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-14__wrapper {
    padding-left: 17px;
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .project-showcase-14__wrapper {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.project-showcase-14__title {
  font-size: 40px;
  font-weight: 400;
  line-height: 45px;
  color: var(--black);
  margin-bottom: 70px;
  font-family: var(--font_regular);
}
@media only screen and (max-width: 1919px) {
  .project-showcase-14__title {
    margin-bottom: 30px;
    font-size: 38px;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-14__title br {
    display: none;
  }
}
@media (max-width: 575px) {
  .project-showcase-14__title {
    font-size: 30px;
    line-height: 40px;
    margin-top: 21px;
    margin-bottom: 40px;
  }
}
.project-showcase-14__item {
  overflow: hidden;
}
.project-showcase-14__item:first-child {
  border-top: 1px solid rgba(17, 17, 17, 0.1);
}
.project-showcase-14__item:hover .project-showcase-14__list .title {
  transform: translateX(0px);
}
.project-showcase-14__item:hover .project-showcase-14__list .title span::before {
  width: 100%;
}
.project-showcase-14__item:hover .project-showcase-14__list .title span a {
  color: var(--secondary);
}
.project-showcase-14__content {
  padding-top: 55px;
  position: relative;
  padding-bottom: 30px;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-14__content {
    padding-top: 15px;
  }
}
.project-showcase-14__content::after {
  content: "";
  top: 0;
  left: auto;
  width: 1px;
  right: -24px;
  height: 100%;
  background: rgba(17, 17, 17, 0.1);
  position: absolute;
}
.project-showcase-14__meta {
  display: grid;
  align-items: center;
  padding-bottom: 9px;
  grid-template-columns: 381px 490px auto;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-14__meta {
    grid-template-columns: 343px 349px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-14__meta {
    grid-template-columns: 305px 253px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-14__meta {
    grid-template-columns: 420px 498px auto;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-14__meta {
    grid-template-columns: 263px 232px auto;
  }
}
@media (max-width: 575px) {
  .project-showcase-14__meta {
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.project-showcase-14__meta span {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: var(--secondary);
  text-transform: uppercase;
  font-family: var(--secondary);
}
.project-showcase-14__list {
  gap: 30px;
  display: grid;
  text-align: left;
  justify-content: start;
  padding: 22px 0 20px 0;
  border-bottom: 1px solid rgba(17, 17, 17, 0.1);
  grid-template-columns: 351px 460px auto;
}
@media only screen and (max-width: 1919px) {
  .project-showcase-14__list {
    grid-template-columns: 314px 316px auto;
  }
}
@media only screen and (max-width: 1399px) {
  .project-showcase-14__list {
    grid-template-columns: 260px 235px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .project-showcase-14__list {
    grid-template-columns: 391px 466px auto;
  }
}
@media only screen and (max-width: 991px) {
  .project-showcase-14__list {
    grid-template-columns: 306px 320px auto;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-14__list {
    grid-template-columns: 234px 199px auto;
  }
}
@media (max-width: 575px) {
  .project-showcase-14__list {
    grid-template-columns: 1fr;
  }
}
.project-showcase-14__list .title {
  gap: 12px;
  display: flex;
  font-size: 24px;
  font-weight: normal;
  line-height: 20px;
  align-items: center;
  color: var(--black);
  transition: all 0.3s;
  transform: translateX(-23px);
  font-family: var(--font_regular);
}
@media only screen and (max-width: 767px) {
  .project-showcase-14__list .title {
    font-size: 21px;
  }
}
.project-showcase-14__list .title i {
  font-size: 14px;
  transition: all 0.8s ease-in-out;
}
.project-showcase-14__list .title span {
  position: relative;
  display: inline-block;
}
.project-showcase-14__list .title span::before {
  content: "";
  left: 0;
  width: 0;
  bottom: -4px;
  height: 2px;
  position: absolute;
  background: var(--black);
  transition: all 0.3s ease-in-out;
}
.project-showcase-14__list .meta {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
  justify-self: start;
  color: var(--secondary);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .project-showcase-14__list .meta {
    line-height: 0;
  }
}
.project-showcase-14__list .date {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: right;
  color: var(--secondary);
  font-family: var(--font_regular);
}
@media (max-width: 575px) {
  .project-showcase-14__list .date {
    text-align: left;
  }
}
.project-showcase-14__thumb {
  margin-top: 24px;
  margin-bottom: 30px;
  width: 100%;
  height: 88vh;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .project-showcase-14__thumb {
    height: 80vh;
  }
}
@media only screen and (max-width: 767px) {
  .project-showcase-14__thumb {
    height: 50vh;
  }
}
@media (max-width: 575px) {
  .project-showcase-14__thumb {
    height: 30vh;
  }
}
.project-showcase-14__thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
  transition: clip-path 0.8s ease-in-out, opacity 0.6s ease;
  clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
}
@media only screen and (max-width: 1399px) {
  .project-showcase-14__thumb img {
    padding-bottom: 30px;
  }
}
.project-showcase-14__thumb img.active {
  opacity: 1;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* === project-showcase-14  (Home 10) === */
.interactive-Project__wrapper {
  height: 100vh;
}
@media only screen and (max-width: 991px) {
  .interactive-Project__wrapper {
    height: inherit;
  }
}
.interactive-Project__wrap {
  gap: 24px;
  display: grid;
  grid-template-columns: 960px 906px;
}
@media only screen and (max-width: 1919px) {
  .interactive-Project__wrap {
    grid-template-columns: 720px 1fr;
  }
}
@media only screen and (max-width: 1399px) {
  .interactive-Project__wrap {
    grid-template-columns: 530px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .interactive-Project__wrap {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .interactive-Project__wrap {
    gap: 0;
  }
}
.interactive-Project__content {
  padding-bottom: 34px;
  border-right: 1px solid var(--black);
}
@media only screen and (max-width: 767px) {
  .interactive-Project__content {
    border-right: none;
  }
}
.interactive-Project__item {
  display: flex;
  align-items: center;
  padding: 36px 72px 39px 30px;
  justify-content: space-between;
  border-bottom: 1px solid var(--black);
  transition: background-color 0.9s ease-in-out, color 0.9s ease-in-out;
}
@media only screen and (max-width: 1919px) {
  .interactive-Project__item {
    padding: 30px 50px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .interactive-Project__item {
    padding: 36px 30px 39px 30px;
  }
}
@media (max-width: 575px) {
  .interactive-Project__item {
    padding: 36px 15px 39px 15px;
  }
}
.interactive-Project__item .icon {
  color: var(--black);
  transition: all 0.3s ease-in-out;
}
.interactive-Project__item .icon i {
  font-size: 41px;
  transform: rotate(-41deg);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .interactive-Project__item .icon i {
    font-size: 28px;
  }
}
.interactive-Project__item:hover {
  color: var(--white);
  background: var(--black);
}
.interactive-Project__item:hover .icon {
  color: var(--white);
  padding-right: 10px;
}
.interactive-Project__item:hover .interactive-Project__text-box {
  padding-left: 10px;
}
.interactive-Project__item:hover .interactive-Project__text-box .number {
  color: var(--white);
}
.interactive-Project__item:hover .interactive-Project__text-box .title {
  color: var(--white);
}
.interactive-Project__item:hover .interactive-Project__text-box .title a {
  color: var(--white);
}
.interactive-Project__text-box {
  gap: 9px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.interactive-Project__text-box .number {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  text-align: right;
  color: var(--secondary);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
.interactive-Project__text-box .title {
  font-size: 32px;
  font-weight: normal;
  line-height: 20px;
  color: var(--black);
  font-family: var(--font_regular);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1919px) {
  .interactive-Project__text-box .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .interactive-Project__text-box .title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .interactive-Project__text-box .title {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .interactive-Project__text-box .title {
    font-size: 20px;
  }
}
.interactive-Project__thumb {
  margin-top: 24px;
  margin-bottom: 30px;
  width: 100%;
  height: 87vh;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .interactive-Project__thumb {
    height: 80vh;
  }
}
@media only screen and (max-width: 767px) {
  .interactive-Project__thumb {
    height: 50vh;
  }
}
@media (max-width: 575px) {
  .interactive-Project__thumb {
    height: 30vh;
  }
}
.interactive-Project__thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
  transition: clip-path 0.8s ease-in-out, opacity 0.6s ease;
  clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);
}
@media only screen and (max-width: 1399px) {
  .interactive-Project__thumb img {
    padding-bottom: 30px;
  }
}
.interactive-Project__thumb img.active {
  opacity: 1;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* === portfolio-slider  (Home 08) === */
.portfolio-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 80px;
  height: 100vh;
  display: flex;
  z-index: 1000;
  flex-direction: column;
  backdrop-filter: blur(10px);
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.14);
}
.portfolio-nav .logo {
  width: 115px;
  margin-top: 43px;
  transform-origin: left;
  display: inline-block;
  transform: rotate(-90deg) translateY(40px);
}
.portfolio-nav .header__navicon {
  margin-left: 23px;
  transform-origin: left;
  display: inline-block;
}
.portfolio-nav .header__navicon .side-toggle .bar-icon {
  width: 34px;
  height: 16px;
  overflow: visible;
}
.portfolio-nav .header__navicon .side-toggle .bar-icon span {
  height: 1.4px;
  background: var(--white);
}
.portfolio-nav .header__navicon .side-toggle .bar-icon span:nth-child(2) {
  margin-left: 6px;
  animation-delay: 0.1s;
}
.portfolio-nav__content .social-link {
  gap: 16px;
  display: flex;
  list-style: none;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px;
}
.portfolio-nav__content .social-link li a {
  color: var(--white);
  font-size: 15px;
  opacity: 0.3;
}
.portfolio-nav__content .social-link li a:hover {
  opacity: 1;
  color: var(--white);
}

.portfolio-mobile-menu {
  top: 0;
  padding: 20px;
  width: 100%;
  display: flex;
  z-index: 2;
  align-items: center;
  position: absolute;
  justify-content: space-between;
}
.portfolio-mobile-menu img {
  max-width: 115px;
}
.portfolio-mobile-menu .bar-icon {
  width: 34px;
  height: 16px;
  overflow: visible;
}
.portfolio-mobile-menu .bar-icon span {
  height: 1.4px;
  background: var(--white);
}
.portfolio-mobile-menu .bar-icon span:nth-child(2) {
  margin-left: 6px;
  animation-delay: 0.1s;
}

/* === portfolio  (Home 08) === */
.portfolio__item {
  position: relative;
  width: 100%;
  height: 100vh;

  /* default overlay (used if you don’t set a per-slide class) */
  --overlay: rgba(0, 0, 0, 0.25);
}

.portfolio__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay);
  z-index: 1;
}

.portfolio__item.overlay-dark   { --overlay: rgba(0,0,0,0.65); }
.portfolio__item.overlay-medium { --overlay: rgba(0,0,0,0.40); }
.portfolio__item.overlay-light  { --overlay: rgba(0,0,0,0.20); }
.portfolio__item.overlay-none   { --overlay: rgba(0,0,0,0.00); }

.portfolio__item .media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.portfolio__item .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* prevents distortion */
  object-position: center;/* keeps it centered */
  display: block;
}
/* Make video behave like the images in the slider */
.portfolio__item .media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.portfolio__item .content {
  position: absolute;
  bottom: 115px;   /* aligns with arrows */
  left: 377px;
  z-index: 2;
}

.portfolio__item .content .show {
  margin-top: 40px;
}

@media only screen and (max-width: 1919px) {
  .portfolio__item .content {
    bottom: 115px;
    left: 250px;
  }
}

@media only screen and (max-width: 1399px) {
  .portfolio__item .content {
    left: 130px;
  }
}

@media (max-width: 575px) {
  .portfolio__item {
    height: 70vh; /* optional: less tall on mobile */
    min-height: 420px;
  }

  .portfolio__item .content {
    top: auto;
    bottom: 24px; /* nicer mobile positioning */
    left: 15px;
    right: 15px;
  }
}
.portfolio__item .content .sub-title {
  color: var(--white);
  font-size: 20px;
  font-weight: normal;
  line-height: 31px;
  letter-spacing: normal;
  transform: translateX(158%);
  font-family: var(--font_light);
  transition: transform 3s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s ease;
}
.portfolio__item .content .title {
  color: var(--white);
  font-size: 144px;
  font-weight: normal;
  line-height: 146px;
  letter-spacing: -4.32px;
  font-family: var(--font_regular);
  transform: translateX(158%);
  transition: transform 3s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s ease;
}
@media only screen and (max-width: 1399px) {
  .portfolio__item .content .title {
    font-size: 120px;
    line-height: 130px;
  }
}
@media only screen and (max-width: 991px) {
  .portfolio__item .content .title {
    font-size: 100px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__item .content .title {
    font-size: 70px;
    line-height: 70px;
  }
}
@media (max-width: 575px) {
  .portfolio__item .content .title {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0;
  }
}
.portfolio__item .content .title:hover a {
  color: var(--white);
}
.portfolio__item .content .show {
  gap: 16px;
  display: flex;
  font-size: 20px;
  font-weight: normal;
  line-height: 31px;
  color: var(--white);
  font-family: var(--font_light);
  align-items: center; letter-spacing: normal;
  margin-top: 250px;
}
@media only screen and (max-width: 1919px) {
  .portfolio__item .content .show {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1399px) {
  .portfolio__item .content .show {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .portfolio__item .content .show {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio__item .content .show {
    margin-top: 50px;
  }
}
.portfolio__item .content .show span {
  width: 54px;
  height: 54px;
  display: flex;
  font-size: 24px;
  align-items: center;
  border-radius: 500px;
  color: var(--white);
  border: 1px solid rgba(255,255,255,0.7);
  justify-content: center;
  background: transparent;
}

.portfolio__item .content .show span i {
  font-size: 22px;
}
.portfolio-counter {
  display: none !important;
  top: 270px;
  z-index: 1;
  left: 172px;
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  line-height: 31px;
  position: absolute; letter-spacing: normal;
}
@media only screen and (max-width: 1919px) {
  .portfolio-counter {
    top: 150px;
    left: 250px;
  }
}
@media only screen and (max-width: 1399px) {
  .portfolio-counter {
    left: 130px;
  }
}
@media (max-width: 575px) {
  .portfolio-counter {
    left: 15px;
  }
}
.portfolio .portfolio-arrow {
  position: absolute;
  bottom: 115px;
  right: 178px;
  display: flex;
  z-index: 1;
  gap: 30px;
}
.portfolio-button-prev, .portfolio-button-next {
  font-size: 35px;
  color: var(--white);
}
/* FADE MODE (no sliding) */
.portfolio .portfolio__item .title,
.portfolio .portfolio__item .sub-title {
  opacity: 0;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  will-change: none !important;
  transition-delay: none !important; 
}

/* Active slide fades in */
.portfolio .swiper-slide-active .portfolio__item .title,
.portfolio .swiper-slide-active .portfolio__item .sub-title {
  opacity: 1;
  filter: none !important;
  transition-delay: none !important;
}

/* Next slide stays hidden (but NOT visibility:hidden, so fade works when it becomes active) */
.portfolio .swiper-slide-next .portfolio__item .title,
.portfolio .swiper-slide-next .portfolio__item .sub-title {
  opacity: 0;
  filter: none !important;
  pointer-events: none;
}
/* Fade Explore button like title/subtitle */
.portfolio .portfolio__item .show {
  opacity: 0;
  filter: none !important;
  transition: none !important;
  transition-delay: none !important;
}

/* Active slide fades Explore in */
.portfolio .swiper-slide-active .portfolio__item .show {
  opacity: 1;
  filter: none !important;
  transition-delay: none !important;
}

/* Next slide stays hidden */
.portfolio .swiper-slide-next .portfolio__item .show {
  opacity: 0;
  filter: none !important;
}
/* Disable next-slide sliding on all screen sizes */
@media only screen and (max-width: 1919px),
       only screen and (max-width: 1399px),
       only screen and (max-width: 1199px),
       only screen and (max-width: 991px) {

  .portfolio .swiper-slide-next .portfolio__item .title,
  .portfolio .swiper-slide-next .portfolio__item .sub-title {
    transform: none !important;
    opacity: 0 !important;
  }
}

@media (max-width: 767px) {
  .portfolio-arrow {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .portfolio__item .title br {
    display: block !important;
  }
}

/* Arrow fade effect */
.portfolio .portfolio-arrow {
  opacity: 1;
  filter: none !important;
  transition: none !important;
}

/* Fade arrows during slide change */
.portfolio.is-changing .portfolio-arrow {
  opacity: 0;
  filter: none !important;
}
@media (max-width: 767px) {
  .bar-icon {
    width: 28px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .bar-icon span {
    width: 100%;
    height: 2px;
    background: #fff; /* change if you want black */
    margin-left: 0 !important;
    animation: none !important;
  }

  .bar-icon:hover span {
    animation: none;
  }
}

/* === Mobile Header Customization === */
@media only screen and (max-width: 991px) {
  /* 1. Set Black Background for Default Header */
  .header-area-3 {
    background-color: #000000 !important;
    position: relative !important; /* Changes from absolute to relative so it pushes content down instead of overlapping */
  }

  /* 2. Ensure Hamburger Menu Icon is White */
  .header-area-3 .header__navicon .side-toggle .bar-icon span {
    background-color: #ffffff !important;
  }

  /* 3. Logo Adjustments (Ensures correct spacing/visibility on black) */
  .header-area-3 .header__logo img {
    max-width: 140px; /* Optional: Adjust logo size for mobile if needed */
  }
}

.project-6__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 991px) {
  .project-6__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .project-6__grid {
    grid-template-columns: 1fr;
  }
}    .works-section-12__thumb.project-6__thumb {
  position: relative;
  overflow: hidden;
}

.works-section-12__thumb.project-6__thumb > img {
  width: 100%;
  display: block;
}

.works-section-12__thumb.project-6__thumb .content-top,
.works-section-12__thumb.project-6__thumb .project-6__content {
  z-index: 3;
}

.works-section-12__thumb.project-6__thumb::before {
  z-index: 1;
}

.works-section-12__thumb.project-6__thumb .project-6__content {
  z-index: 2;
}
/* Fix title disappearing on mobile view */
@media (max-width: 575px) {
    .project-6__content {
        transform: translateY(50px) !important; /* Adjust this number (e.g. 70px or 90px) if you need the title higher or lower */
    }
    
    /* When hovered/tapped on mobile, bring the whole box up */
    .works-section-12__thumb:hover .project-6__content {
        transform: translateY(0) !important;
    }
}
@media only screen and (max-width: 767px) {
  .awarded-title__wrapper .title br {
    display: block;
  }
}
.testimonial-7__thumb {
  position: relative;
  height: 100%;
}

.testimonial-7__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* optional fallback if the column height collapses */
.testimonial-7__thumb {
  min-height: 620px;
}

@media only screen and (max-width: 991px) {
  .testimonial-7__thumb {
    min-height: 420px;
  }
}
.firm-feature {
  background: #fff;
}

.firm-feature__grid {
  display: grid;
  grid-template-columns: 1.15fr 0.7fr 1fr;
  gap: 110px 130px;
  align-items: start;
}

.firm-feature__item--wide {
  grid-column: span 2;
}

.firm-feature__item--portrait {
  grid-column: 3;
}

.firm-feature__item--small {
  grid-column: 1;
}

.firm-feature__item--offset {
  grid-column: 2 / 4;
}

.firm-feature__media {
  margin: 0;
}

.firm-feature__media img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
}

.firm-feature__item--portrait .firm-feature__media img,
.firm-feature__item--small .firm-feature__media img {
  height: 620px;
}

.firm-feature__media figcaption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #555;
  font-family: var(--font_light);
}

.firm-feature__content {
  margin-top: 28px;
  max-width: 920px;
}

.firm-feature__content h3 {
  margin-bottom: 14px;
  font-size: 36px;
  line-height: 1.1;
  color: #000;
}

.firm-feature__content p {
  margin-bottom: 28px;
  font-size: 17px;
  line-height: 1.45;
  color: #000;
  font-family: var(--font_light);
}

@media only screen and (max-width: 1199px) {
  .firm-feature__grid {
    gap: 70px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .firm-feature__grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .firm-feature__item,
  .firm-feature__item--wide,
  .firm-feature__item--portrait,
  .firm-feature__item--small,
  .firm-feature__item--offset {
    grid-column: 1;
  }

  .firm-feature__media img,
  .firm-feature__item--portrait .firm-feature__media img,
  .firm-feature__item--small .firm-feature__media img {
    height: auto;
  }
}

@media only screen and (max-width: 575px) {
  .firm-feature__content h3 {
    font-size: 28px;
  }
}
/* === Contact Form Area (index — contact page) === */
.contact-form-area__inner {
  display: grid;
  /* matches .contact-info__inner so the form lines up with the office columns */
  grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 220px));
  gap: 30px 120px;
  align-items: start;
}
.contact-form-area__intro {
  grid-column: 1;
}
.contact-form-area__form {
  grid-column: 2 / -1;
}
@media only screen and (max-width: 1399px) {
  .contact-form-area__inner {
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 200px));
    gap: 30px 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-form-area__inner {
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 180px));
    gap: 30px 50px;
  }
}
@media only screen and (max-width: 991px) {
  .contact-form-area__inner {
    grid-template-columns: 1fr;
    gap: 70px;
  }
  .contact-form-area__intro,
  .contact-form-area__form {
    grid-column: 1 / -1;
  }
}

/* --- Left: intro + connect --- */
.contact-form-area__lead {
  font-size: 22px;
  line-height: 32px;
  color: var(--primary);
  max-width: 430px;
  margin-bottom: 70px;
  letter-spacing: normal;
}
@media only screen and (max-width: 575px) {
  .contact-form-area__lead {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 50px;
  }
}

.contact-connect__label {
  display: block;
  color: #999;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  margin-bottom: 30px;
}
.contact-connect__list {
  list-style: none;
}
.contact-connect__list li {
  line-height: 1;
}
.contact-connect__list li + li {
  margin-top: 14px;
}
.contact-connect__list a {
  display: inline-block;
  position: relative;
  font-size: 22px;
  line-height: 1.3;
  color: var(--primary);
  letter-spacing: normal;
}
.contact-connect__list a span {
  display: inline-block;
  position: relative;
}
.contact-connect__list a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--primary);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.contact-connect__list a:hover span::after {
  transform: scaleX(1);
  transform-origin: left center;
}

/* --- Right: form --- */
.contact-form {
  width: 100%;
}
.contact-field {
  position: relative;
  margin-bottom: 44px;
}
.contact-field:last-of-type {
  margin-bottom: 50px;
}
@media only screen and (max-width: 575px) {
  .contact-field {
    margin-bottom: 36px;
  }
}

.contact-field__input {
  width: 100%;
  display: block;
  border: 0;
  border-bottom: 1px solid var(--primary);
  background: transparent;
  padding: 0 0 14px;
  font-family: var(--font_light);
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--primary);
  border-radius: 0;
  outline: none;
  transition: border-color 0.3s ease;
}
.contact-field__input::placeholder {
  color: transparent;
}
.contact-field__textarea {
  resize: none;
  overflow: hidden;
  min-height: 25px;
}

.contact-field__label {
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font_light);
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--primary);
  pointer-events: none;
  transform-origin: left top;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* floating label: lifts when focused or filled */
.contact-field__input:focus ~ .contact-field__label,
.contact-field__input:not(:placeholder-shown) ~ .contact-field__label {
  transform: translateY(-22px) scale(0.78);
}
.contact-field__input:focus ~ .contact-field__label {
  color: var(--primary);
}

/* error state */
.contact-field.has-error .contact-field__input {
  border-bottom-color: #e61e28;
}
.contact-field.has-error .contact-field__label {
  color: #e61e28;
}

/* --- Custom select --- */
.contact-field--select {
  position: relative;
}
.contact-select {
  position: relative;
}
.contact-select__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  border-bottom: 1px solid var(--primary);
  background: transparent;
  padding: 0 0 14px;
  cursor: pointer;
  font-family: var(--font_light);
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--primary);
  text-align: left;
  transition: border-color 0.3s ease;
}
.contact-select__value {
  color: var(--primary);
  transition: color 0.3s ease;
}
.contact-select.is-selected .contact-select__value {
  color: var(--primary);
}
.contact-select__icon {
  flex-shrink: 0;
  font-size: 14px;
  color: var(--primary);
  transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
.contact-select.is-open .contact-select__icon {
  transform: rotate(180deg);
}
.contact-field--select.has-error .contact-select__trigger {
  border-bottom-color: #e61e28;
}
.contact-field--select.has-error .contact-select__value {
  color: #e61e28;
}

.contact-select__menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.1);
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
}
.contact-select.is-open .contact-select__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.contact-select__option {
  position: relative;
  padding: 13px 22px;
  font-family: var(--font_light);
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: normal;
  color: var(--primary);
  cursor: pointer;
  transition: color 0.22s ease, background-color 0.22s ease, padding-left 0.22s ease;
}
.contact-select__option:hover,
.contact-select__option.is-highlight {
  background: var(--primary);
  color: var(--white);
  padding-left: 22px;
}
.contact-select__option.is-active {
  color: var(--primary);
}
.contact-select__option.is-active:hover,
.contact-select__option.is-active.is-highlight {
  color: var(--white);
}

/* --- Submit + feedback --- */
.contact-form__bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px 28px;
}
.contact-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  padding: 18px 42px;
  background: var(--primary);
  color: var(--white);
  font-family: var(--font_regular);
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  cursor: pointer;
  border: 1px solid var(--primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.contact-form__submit:hover {
  background: transparent;
  color: var(--primary);
}
.contact-form__submit-text {
  position: relative;
}
.contact-form__submit:disabled {
  cursor: wait;
  opacity: 0.7;
}
.contact-form__submit.is-loading {
  cursor: progress;
}

.contact-form__feedback {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
}
.contact-form__feedback.is-success {
  color: var(--primary);
}
.contact-form__feedback.is-error {
  color: #e61e28;
}

/* honeypot */
.contact-form__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* =========================================================
   SERVICE 7 RESPONSIVE FIX
========================================================= */

.service-7__item {
  min-width: 0;
}

.service-7__thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #f2f2f2;
}

.service-7__item--primary .service-7__thumb {
  aspect-ratio: 3 / 4;
}

.service-7__item--secondary .service-7__thumb {
  aspect-ratio: 16 / 10;
}

.service-7__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.service-7__btn--mobile {
  display: none;
}

@media only screen and (max-width: 1399px) {
  .service-7__item--primary .service-7__thumb {
    aspect-ratio: 4 / 5;
  }
}

@media only screen and (max-width: 991px) {
  .service-7__wrapper,
  .service-7__wrap,
  .service-7__item-box {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .service-7__wrapper {
    display: block;
  }

  .service-7__wrap {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .service-7__item-box {
    top: 0;
    left: 0;
    width: 100%;
    gap: 0;
    position: absolute;
    grid-template-columns: minmax(0, 1fr);
  }

  .service-7__item-box.active {
    position: relative;
  }

  .service-7__item--primary {
    display: none;
  }

  .service-7__item--secondary {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .service-7__item--secondary .service-7__thumb {
    width: 100%;
    aspect-ratio: 16 / 10;
  }

  .service-7__content {
    width: 100%;
  }

  .service-7__title {
    margin-top: 22px;
  }

  .service-7__dec {
    max-width: 100%;
  }

  .service-7__item--secondary .service-7__btn--mobile {
    display: block;
    margin-top: 24px;
  }

  .service-7__item--secondary .service-7__btn--mobile .dw-btn {
    display: inline-flex;
  }

  .service-7__list {
    margin-top: 40px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 420px) {
  .service-7__item--secondary .service-7__thumb {
    aspect-ratio: 4 / 3;
  }
}

/* Service 7 premium content fade */
.service-7__content {
  opacity: 0;
  transform: none;
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-7__item-box.active .service-7__content {
  opacity: 1;
  transform: none;
  transition-delay: 0.16s;
}

@media only screen and (max-width: 575px) {
  .service-7__item-box,
  .service-7__item-box.active {
    transition-duration: 0.5s;
  }

  .service-7__item-box.active .service-7__content {
    transition-delay: 0.08s;
  }
}


/* =========================================================
   SERVICE 7 - FINAL BUTTON VISIBILITY FIX
========================================================= */
@media only screen and (min-width: 576px) {
  .service-7__btn--mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .service-7__item--primary > .service-7__btn:not(.service-7__btn--mobile) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin-top: 40px !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}

@media only screen and (max-width: 575px) {
  .service-7__item--primary > .service-7__btn:not(.service-7__btn--mobile) {
    display: none !important;
  }

  .service-7__item--secondary > .service-7__btn--mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin-top: 24px !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}

/* =========================================================
   SERVICE 7 — DEFINITIVE IPAD/TABLET FIX
   Portrait 820px and landscape 1180px
========================================================= */
@media only screen and (min-width: 576px) and (max-width: 1199px) {
  .service-7__wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    width: 100% !important;
    margin-left: 0 !important;
  }

  .service-7__wrap {
    width: 100% !important;
    max-width: 100% !important;
    height: 500px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .service-7__item-box {
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
    grid-template-columns: minmax(200px, 38%) minmax(0, 1fr) !important;
  }

  .service-7__item--primary,
  .service-7__item--secondary {
    width: 100% !important;
    min-width: 0 !important;
  }

  .service-7__item--primary > .service-7__btn:not(.service-7__btn--mobile) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 40px !important;
  }

  .service-7__item--secondary > .service-7__btn--mobile,
  .service-7__item--secondary > .service-7__btn--mobile *,
  .service-7__item--secondary > .service-7__btn--mobile::before,
  .service-7__item--secondary > .service-7__btn--mobile::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    content: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .service-7__list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 40px 0 0 !important;
  }
}


/* =========================================================
   TEAM 6 — HEADING / BUTTON BASELINE ALIGNMENT
   Desktop: the button bottom edge aligns with the visible
   bottom of the heading, independent of grid/GSAP transforms.
========================================================= */
.team-6__content {
  position: relative;
  display: block;
  padding-right: 170px;
}

.team-6__content .section-title-4__wrapper {
  width: 100%;
  min-width: 0;
}

.team-6__content .section-title-4__wrapper .title {
  margin: 0;
  line-height: 1;
}

.team-6__btn {
  position: absolute;
  right: 0;
  bottom: 0.08em;
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .team-6__content {
    padding-right: 150px;
  }

  .team-6__btn {
    bottom: 0.06em;
  }
}

@media only screen and (max-width: 767px) {
  .team-6__content {
    display: block;
    padding-right: 0;
    margin-bottom: 36px;
  }

  .team-6__content .section-title-4__wrapper {
    margin-bottom: 0;
  }

  .team-6__btn {
    position: static;
    inset: auto;
    display: block;
    width: 100%;
    margin: 20px 0 0;
    justify-self: start;
    text-align: left;
  }
}

@media only screen and (max-width: 575px) {
  .team-6__content {
    gap: 12px;
  }
}


/* =========================================================
   URBAN TEAM — CLEAN REBUILD
   Uses unique classes so legacy .team-6 rules cannot override it.
========================================================= */
.urban-team {
  background: #fff;
}

.urban-team__inner {
  width: min(100%, 1286px);
  margin-left: auto;
}

.urban-team__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 40px;
  margin-bottom: 76px;
}

.urban-team__title {
  margin: 0;
  padding: 0;
  font-family: var(--font_regular);
  font-size: 48px;
  font-weight: normal;
  line-height: 0.92;
  letter-spacing: -1.5px;
  color: var(--primary);
}

.urban-team__button {
  align-self: end;
  justify-self: end;
  min-width: 130px;
  min-height: 50px;
  margin: 0 0 2px;
  padding: 13px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.urban-team__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.urban-team__card {
  min-width: 0;
}

.urban-team__image-link,
.urban-team__image {
  display: block;
  width: 100%;
  height: 100%;
}

.urban-team__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 390 / 435;
  background: #f2f2f2;
}

.urban-team__image img,
.urban-team__image canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.urban-team__image img {
  transition: transform .45s ease;
}

@media (hover: hover) and (pointer: fine) {
  .urban-team__card:hover .urban-team__image img {
    transform: scale(1.045);
  }
}

.urban-team__name-row {
  min-height: 63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(17,17,17,.14);
}

.urban-team__name {
  min-width: 0;
  margin: 0;
  font-family: var(--font_regular);
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: -.3px;
  color: var(--primary);
}

.urban-team__social {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.urban-team__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.urban-team__social i {
  font-size: 16px;
  color: rgba(17,17,17,.16);
  transition: color .3s ease;
}

.urban-team__social a:hover i {
  color: #000;
}

.urban-team__role {
  margin: 0;
  font-family: var(--font_regular);
  font-size: 16px;
  line-height: 1.4;
  color: var(--secondary);
}

@media only screen and (max-width: 1399px) {
  .urban-team__inner { width: 100%; }
  .urban-team__header { margin-bottom: 60px; }
  .urban-team__title { font-size: 42px; }
}

@media only screen and (max-width: 1199px) {
  .urban-team__header { column-gap: 28px; margin-bottom: 48px; }
  .urban-team__title { font-size: 38px; letter-spacing: -1px; }
  .urban-team__grid { gap: 20px; }
  .urban-team__name { font-size: 21px; }
}

@media only screen and (max-width: 991px) {
  .urban-team__header { margin-bottom: 40px; }
  .urban-team__title { font-size: 34px; }
  .urban-team__grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 36px 20px; }
  .urban-team__card:last-child { width: calc(50% - 10px); }
}

@media only screen and (max-width: 767px) {
  .urban-team__header { column-gap: 16px; margin-bottom: 36px; }
  .urban-team__title { font-size: 32px; line-height: .96; letter-spacing: -.7px; }
  .urban-team__button { min-width: 118px; min-height: 46px; padding: 11px 18px; margin-bottom: 1px; }
  .urban-team__grid { grid-template-columns: 1fr; gap: 38px; }
  .urban-team__card:last-child { width: 100%; }
}

@media only screen and (max-width: 575px) {
  .urban-team__header { grid-template-columns: 1fr; row-gap: 22px; }
  .urban-team__title { font-size: 28px; line-height: 1; }
  .urban-team__button { justify-self: start; }
  .urban-team__name-row { min-height: 58px; gap: 12px; }
  .urban-team__name { font-size: 20px; }
  .urban-team__role { font-size: 15px; }
}


/* =========================================================
   TEAM 6 HEADING — MATCH "Project Highlights" (section-title-6)
   Same rendered font-size/leading at every breakpoint.
   Placed last so it overrides the earlier team-6 title sizes.
========================================================= */
.team-6__content .section-title-4__wrapper .title {
  font-size: 50px;
  line-height: 52px;
  letter-spacing: normal;
}

@media only screen and (max-width: 1399px) {
  .team-6__content .section-title-4__wrapper .title {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: normal;
  }
}


/* =========================================================
   SERVICE 7 — EQUAL-HEIGHT THUMBNAILS
   Primary (portrait) and secondary (landscape) thumbs share
   the same height in the side-by-side layouts (>= 576px).
   Mobile single-column (<= 575px) is left untouched.
========================================================= */
@media only screen and (min-width: 1400px) {
  .service-7__item--primary .service-7__thumb,
  .service-7__item--secondary .service-7__thumb {
    aspect-ratio: auto;
    height: 320px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-7__item--primary .service-7__thumb,
  .service-7__item--secondary .service-7__thumb {
    aspect-ratio: auto;
    height: 260px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 1199px) {
  .service-7__item--primary .service-7__thumb,
  .service-7__item--secondary .service-7__thumb {
    aspect-ratio: auto;
    height: 300px;
  }
}


/* =========================================================
   SERVICE 7 — LET SHOWCASE SIZE TO ITS ACTIVE CARD
   The wrap had a fixed height with overflow:hidden, which
   clipped the description once the thumbs were equalised.
   The active card defines the height (inactive cards stay
   absolutely stacked for the cross-fade), mirroring the
   existing <=575px behaviour.
========================================================= */
@media only screen and (min-width: 576px) {
  .service-7__wrap {
    height: auto !important;
  }

  .service-7__item-box {
    position: absolute;
  }

  .service-7__item-box.active {
    position: relative;
  }
}

/* Reserve the tallest card's height so slides don't jump when switching,
   while height:auto above still lets a longer card grow instead of clipping. */
@media only screen and (min-width: 1400px) {
  .service-7__wrap { min-height: 500px !important; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-7__wrap { min-height: 465px !important; }
}

@media only screen and (min-width: 576px) and (max-width: 1199px) {
  .service-7__wrap { min-height: 480px !important; }
}


/* =========================================================
   SERVICE 7 — ALIGN PRIMARY BUTTON TO DESCRIPTION BOTTOM
   Both columns stretch to the same row height, so pushing
   the "Explore Project" button to the bottom of the primary
   column lands it on the secondary description's bottom edge.
========================================================= */
@media only screen and (min-width: 576px) {
  .service-7__item--primary {
    display: flex;
    flex-direction: column;
  }

  .service-7__item--primary > .service-7__btn:not(.service-7__btn--mobile) {
    margin-top: auto !important;
  }
}

/* ---------- team-6: quantity-aware columns ---------------------------
   The wrap counts its own children: 3+ items = three columns (as now),
   exactly 2 = two wider columns, exactly 1 = a single feature column.
   Thumbs keep their locked aspect-ratio and cover-fit, so they stay
   identical within the row and simply scale with the column width -
   no classes to add or remove, just delete or add team-6__item blocks.
   Desktop-only (min-width: 992px) so the phone/tablet stacking rules
   below 992px keep working exactly as before. */
@media only screen and (min-width: 992px) {
  .team-6__wrap:has(> .team-6__item:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .team-6__wrap:has(> .team-6__item:first-child:last-child) {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Constant-height rows: with fewer, wider columns the thumbs switch
     to a wide ratio chosen so their rendered height matches the 3-up
     rows (~456px on a full-width desktop). Export these at 1670x1212 -
     same 1212 height as your 3-up exports (1080x1212). */
  .team-6__wrap:has(> .team-6__item:nth-child(2):last-child) .team-6__thumb,
  .team-6__wrap:has(> .team-6__item:first-child:last-child) .team-6__thumb {
    aspect-ratio: 1670 / 1212;
  }

  /* A lone portrait at full container width would be ~1400px tall, so
     the single item is capped at a two-column cell's width. For a true
     full-width single feature, delete this rule. */
  .team-6__wrap > .team-6__item:first-child:last-child {
    max-width: calc((100% - 30px) / 2);
  }
}