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

    Template Name: Runok - Web Agency HTML5 Template
    Author: RRDevs
    Support: rubelmah55@gmail.com
    Description: Runok - Web Agency HTML5 Template
    Version: 1.0

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


/************ TABLE OF CONTENTS ***************

	01. Template Default CSS
	02. background CSS
	03. buttons css

**********************************************/
/**----------------------------------------
START: Template Default CSS
----------------------------------------*/
/* Google Fonts loaded via wp_enqueue_style( 'egns-fonts' ) — avoid render-blocking @import */

:root {
  --rr-ff-body: 'Plus Jakarta Sans', sans-serif;
  --rr-ff-heading: 'Plus Jakarta Sans', serif;
  --rr-ff-heading-2: 'Thunder', serif;
  --rr-ff-p: 'Plus Jakarta Sans', sans-serif;
  --rr-ff-body-2: 'DM Sans', sans-serif;
  --rr-fw-normal: normal;
  --rr-fw-thin: 100;
  --rr-fw-elight: 200;
  --rr-fw-light: 300;
  --rr-fw-regular: 400;
  --rr-fw-medium: 500;
  --rr-fw-sbold: 600;
  --rr-fw-bold: 700;
  --rr-fw-ebold: 800;
  --rr-fw-black: 900;
  --rr-fs-body: 16px;
  --rr-fs-p: 16px;
  --rr-fs-h1: 60px;
  --rr-fs-h2: 48px;
  --rr-fs-h3: 24px;
  --rr-fs-h4: 20px;
  --rr-fs-h5: 16px;
  --rr-fs-h6: 14px;
  --rr-color-common-white: #ffffff;
  --rr-color-common-black: #000000;
  --rr-color-common-dark: #232323;
  --rr-color-heading-primary: #11151C;
  --rr-color-text-body: #B0B2B7;
  --rr-color-text-body-light: #74787C;
  --rr-color-theme-primary: #237687;
  --gc-shape-color-filter: brightness(0) saturate(100%) invert(39%) sepia(52%) saturate(456%) hue-rotate(152deg) brightness(93%) contrast(88%);
  --rr-color-theme-secondary: #ffc226;
  --rr-color-bg-1: #11151C;
  --rr-color-grey-1: #F8F8F8;
  --rr-color-grey-2: #2D343E;
  --rr-color-grey-light: #F2F3F4;
  --rr-color-border-1: var(--rr-color-theme-primary);
  --rr-color-border-light: var(--rr-color-theme-primary);
}

/* Header / mobile menu / sidebar keep original border colors (light + dark) */
.header,
.header-2,
.header-3,
.header-4,
.header-5,
.header-6,
.header-7,
.header-8,
.header-9,
.header-10,
.header-11,
.header-12,
.header-13,
.header-14,
.header-15,
.header-16,
.header-17,
.header-18,
.header-19,
.header-area,
.mean-bar,
.mean-container,
.mobile-side-menu,
#sidebar-area,
.sidebar-area,
.elementor-widget-gc_header_two,
.elementor-widget-gc_headers {
  --rr-color-border-1: #1E2228;
  --rr-color-border-light: #E4E4E4;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-LightLC.ttf");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-ThinLC.ttf");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-LC.ttf");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-MediumLC.ttf");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-SemiBoldLC.ttf");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-BoldLC.ttf");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Thunder";
  src: url("../fonts/Thunder-ExtraBoldLC.ttf");
  font-weight: 800;
  font-display: swap;
}

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

/**
	Typography CSS
*/
html {
  /* Always reserve scrollbar space — prevents right→left layout jump when overflow locks/unlocks */
  scrollbar-gutter: stable;
  overflow-y: scroll;
}

body {
  background-color: #02050A;
  font-family: var(--rr-ff-body);
  font-size: 16px;
  line-height: 1.625;
  font-weight: normal;
  color: var(--rr-color-text-body);
  position: relative;
  z-index: 1;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

a,
a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-common-white);
  margin-top: 0px;
  font-weight: var(--rr-fw-sbold);
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

h1 {
  font-size: var(--rr-fs-h1);
}

h2 {
  font-size: var(--rr-fs-h2);
}

h3 {
  font-size: var(--rr-fs-h3);
}

h4 {
  font-size: var(--rr-fs-h4);
}

h5 {
  font-size: var(--rr-fs-h5);
}

h6 {
  font-size: var(--rr-fs-h6);
}

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

p {
  font-family: var(--rr-ff-p);
  font-size: 16px;
  font-weight: var(--rr-fw-normal);
  color: var(--rr-color-text-body);
  margin-bottom: 15px;
  line-height: 28px;
}

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

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

a:hover {
  color: var(--rr-color-theme-primary);
}

.slick-list.draggable {
  cursor: grab;
}

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

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

ul {
  display: block;
  padding: 0;
  margin: 0;
}

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

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

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

*::-moz-placeholder {
  color: var(--rr-color-common-black);
  font-size: var(--rr-fs-body);
  opacity: 1;
}

*::placeholder {
  color: var(--rr-color-common-black);
  font-size: var(--rr-fs-body);
  opacity: 1;
}

/**
    Common Classes CSS
*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

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

.z-index-11 {
  z-index: 11;
}

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.b-radius {
  border-radius: 6px;
}

.overflow-x {
  overflow-x: clip;
}

.bg-grey {
  background-color: var(--rr-color-grey-1);
}

.bg-dark-1 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.82) 0%, rgba(13, 31, 45, 0.58) 100%);
}

.bg-dark-2 {
  background: #11151C;
}

.container {
  max-width: 1405px;
}

.container-16 {
  max-width: 1320px;
}

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

.container-18 {
  max-width: 1450px;
}

.container-19 {
  max-width: 1840px;
}

.bd-bottom {
  border-bottom: 1px solid var(--rr-color-border-1);
}

.top-shape {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  width: 468px;
  height: 478px;
  position: absolute;
  top: -200px;
  left: -200px;
  z-index: -1;
}

@media (max-width: 1399px) {
  .top-shape {
    top: -250px;
    left: -250px;
  }
}

@media only screen and (max-width: 992px) {
  .top-shape {
    display: none;
  }
}

.bottom-shape {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  width: 468px;
  height: 478px;
  position: absolute;
  bottom: -200px;
  right: -200px;
  z-index: -1;
}

@media (max-width: 1399px) {
  .bottom-shape {
    bottom: -250px;
    right: -250px;
  }
}

@media only screen and (max-width: 992px) {
  .bottom-shape {
    display: none;
  }
}

.bg-color-top {
  background-color: #171719;
  width: 100%;
  height: 400px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.bg-color-bottom {
  background-color: #171719;
  width: 100%;
  height: 400px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -2;
}

.overflow-h {
  overflow: hidden;
}

.line-wrap .line {
  background-color: #0c1420;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 20%;
  top: 0;
  z-index: -1;
}

.line-wrap .line span {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--rr-color-primary-color, #4b83ff) 75%, var(--rr-color-primary-color, #4b83ff) 100%);
  width: 100%;
  height: 15vh;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: line-anim 15s 0s infinite;
  animation: line-anim 15s 0s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.175, 1);
  animation-timing-function: cubic-bezier(0.75, 0, 0.175, 1);
}

.line-wrap .line:nth-child(2) {
  left: 50%;
}

.line-wrap .line:nth-child(2) span {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.line-wrap .line:nth-child(3) {
  left: 80%;
}

.line-wrap .line:nth-child(3) span {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

@-webkit-keyframes line-anim {
  0% {
    top: -50%;
  }

  100% {
    top: 110%;
  }
}

@keyframes line-anim {
  0% {
    top: -50%;
  }

  100% {
    top: 110%;
  }
}

.section-heading {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .section-heading {
    margin-bottom: 40px;
  }
}

.section-heading .bg-text {
  font-size: 150px;
  font-weight: 700;
  color: var(--rr-color-bg-1);
  text-transform: uppercase;
  line-height: 1;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1199px) {
  .section-heading .bg-text {
    font-size: 100px;
  }
}

@media only screen and (max-width: 992px) {
  .section-heading .bg-text {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading .bg-text {
    font-size: 40px;
  }
}

.section-heading .sub-heading {
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-grey-1);
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 25px;
  text-transform: uppercase;
  position: relative;
  padding: 0 50px;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  .section-heading .sub-heading {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading .sub-heading {
    font-size: 12px;
  }
}

.section-heading .sub-heading:after,
.section-heading .sub-heading:before {
  background: linear-gradient(270deg, rgb(15, 155, 223) 0%, transparent 100%);
  content: "";
  width: 37px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.section-heading .sub-heading:after {
  background: linear-gradient(90deg, rgb(15, 155, 223) 0%, transparent 100%);
  left: auto;
  right: 10px;
}

.section-heading .sub-heading.active:before {
  left: 0;
  opacity: 1;
}

.section-heading .sub-heading.active:after {
  right: 0;
  opacity: 1;
}

.section-heading .sub-heading.after-none:after {
  display: none;
}

.section-heading .section-title {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  display: block;
  margin-bottom: 0;
  text-transform: inherit;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .section-heading .section-title {
    font-size: 40px;
  }

  .section-heading .section-title br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .section-heading .section-title {
    font-size: 32px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading .section-title {
    font-size: 32px;
  }
}

.section-heading.white-content .sub-heading {
  color: var(--rr-color-theme-primary);
}

.section-heading.white-content p,
.section-heading.white-content .section-title {
  color: var(--rr-color-common-white);
}

.section-heading.heading-2 {
  margin-bottom: 30px;
}

.section-heading.heading-2 .section-title {
  margin-bottom: 25px;
}

@media (max-width: 1199px) {
  .section-heading.heading-2 .section-title {
    margin: 0;
    margin-bottom: 25px;
  }
}

.section-heading.heading-3 .section-title {
  font-size: 40px;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
  .section-heading.heading-3 .section-title {
    font-size: 28px;
    line-height: 1.4;
  }
}

.runok-team-img {
  height: 676px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .runok-team-img {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .runok-team-img {
    height: 400px;
  }
}

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

.heading-space {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 25px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .heading-space {
    margin-bottom: 40px;
  }
}

.t-up {
  text-transform: uppercase;
}

.white-content h1,
.white-content h2,
.white-content h3,
.white-content h4,
.white-content h5,
.white-content h6,
.white-content p,
.white-content li,
.white-content span {
  color: var(--rr-color-common-white);
}

.reveal {
  visibility: hidden;
  position: relative;
  width: 80%;
  height: 80%;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: left;
}

.anim-text {
  overflow: hidden;
}

.running-text {
  background-color: var(--rr-color-theme-primary);
  background-repeat: repeat;
  background-size: 20px;
  padding: 20px 0;
  overflow: hidden;
}

.running-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 60px;
}

.running-text ul li {
  display: inline-block;
  white-space: nowrap;
  font-size: 24px;
  color: var(--rr-color-common-white);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
}

.running-text ul li:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  content: "\f068";
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}

.running-text.running-1 {
  background-color: var(--rr-color-bg-1);
}

.running-text.testi {
  background-color: transparent;
  margin-bottom: 40px;
  padding: 0;
}

.running-text.testi ul {
  gap: 20px;
}

.running-text.testi ul li {
  font-size: 120px;
  font-weight: 700;
  line-height: 1;
}

@media only screen and (max-width: 992px) {
  .running-text.testi ul li {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .running-text.testi ul li {
    font-size: 40px;
  }
}

.running-text.testi ul li:before {
  display: none;
}

.running-text.testi ul li:nth-child(2) {
  color: var(--rr-color-theme-primary);
}

.running-text.running-3 {
  position: relative;
  z-index: 1;
  padding: 51px 0;
}

.running-text.running-3 .bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.running-text.running-3 .bg-img:before {
  background-color: var(--rr-color-theme-primary);
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.running-text.running-3 .inner-3 {
  gap: 220px;
}

@media only screen and (max-width: 992px) {
  .running-text.running-3 .inner-3 {
    gap: 180px;
  }
}

@media only screen and (max-width: 992px) {
  .running-text.running-3 .inner-3 {
    gap: 100px;
  }
}

.running-text.running-3 .inner-3 li {
  color: var(--rr-color-common-white);
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
}

@media only screen and (max-width: 992px) {
  .running-text.running-3 .inner-3 li {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .running-text.running-3 .inner-3 li {
    font-size: 40px;
  }
}

.running-text.running-3 .inner-3 li:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  content: "\e28b";
  font-size: 80px;
  position: absolute;
  right: -150px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 992px) {
  .running-text.running-3 .inner-3 li:before {
    font-size: 60px;
    right: -80px;
  }
}

@media only screen and (max-width: 767px) {
  .running-text.running-3 .inner-3 li:before {
    font-size: 30px;
    right: -65px;
  }
}

.running-text.running-3 .inner-3 .stroke-text {
  color: var(--rr-color-common-white);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--rr-color-common-white);
}

.running-text .inner-4 {
  gap: 120px;
}

.running-text .inner-4 li:before {
  content: "\f005";
  right: auto;
  left: -40px;
  font-size: 21px;
}

.running-text.running-4 {
  background-color: transparent;
  padding-bottom: 80px;
  margin-top: -20px;
  padding-top: 0;
}

.running-text.running-4 ul li {
  font-size: 180px;
  font-weight: 800;
  font-style: italic;
  text-transform: capitalize;
  line-height: 1;
  color: var(--rr-color-common-white);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--rr-color-common-white);
  padding-bottom: 25px;
}

.running-text.running-4 ul li:before {
  display: none;
}

.running-text.running-5 ul li {
  font-family: var(--rr-ff-heading);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 24px;
  font-weight: 700;
}

.running-text.running-5 ul li i {
  font-size: 22px;
  margin-top: -2px;
}

.running-text.running-5 ul li:before {
  display: none;
}

.running-text.running-6 {
  padding: 123px 0;
}

@media only screen and (max-width: 992px) {
  .running-text.running-6 {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .running-text.running-6 {
    padding: 40px 0;
  }
}

.running-text.running-6 ul {
  gap: 30px;
}

.running-text.running-6 ul li {
  text-transform: inherit;
  font-size: 180px;
}

.running-text.running-6 ul li:before {
  display: none;
}

.running-text.running-6 ul.inner-3 {
  gap: 40px;
}

.running-text.running-6 ul.inner-3 li {
  font-size: 180px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 992px) {
  .running-text.running-6 ul.inner-3 li {
    font-size: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .running-text.running-6 ul.inner-3 li {
    font-size: 70px;
  }
}

.running-text.running-7 {
  background-color: transparent;
  padding: 0;
  margin-top: -30px;
}

.running-text.running-7 ul {
  gap: 20px;
}

.running-text.running-7 ul li {
  font-size: 120px;
  font-weight: 700;
  color: var(--rr-color-common-white);
  line-height: 1;
}

.running-text.running-7 ul li:before {
  display: none;
}

.running-text.running-7 ul li.colors {
  color: var(--rr-color-theme-primary);
}

/* Site Preloader */
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #02050A;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Lock scroll while preloader / first paint settles — prevents load shake */
html.gc-preloader-active {
  /* Keep the scrollbar track (html { overflow-y: scroll }).
     Never set overflow:hidden on html — removing the bar causes the R→L layout jump. */
  overflow-y: scroll !important;
  overscroll-behavior: none;
}

html.gc-preloader-active body {
  overflow: hidden !important;
  height: 100% !important;
  overscroll-behavior: none;
  touch-action: none;
}

html.gc-native-scroll #smooth-wrapper,
html.gc-native-scroll #smooth-content {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

/*
 * Light mode + ScrollSmoother: box-shadows on sections/cards re-composite mid-transform
 * and flash as dark “shadows” while scrolling. Suppress during active scroll only.
 */
[data-theme="light"] body.gc-is-scrolling #smooth-content section,
[data-theme="light"] body.gc-is-scrolling #smooth-content .elementor-section,
[data-theme="light"] body.gc-is-scrolling #smooth-content .elementor-top-section,
[data-theme="light"] body.gc-is-scrolling #smooth-content .e-con,
[data-theme="light"] body.gc-is-scrolling #smooth-content .e-con-inner,
[data-theme="light"] body.gc-is-scrolling #smooth-content .fade-wrapper,
[data-theme="light"] body.gc-is-scrolling #smooth-content .fade-top,
[data-theme="light"] body.gc-is-scrolling #smooth-content [class*="section"],
[data-theme="light"] body.gc-is-scrolling #smooth-content [class*="-card"],
[data-theme="light"] body.gc-is-scrolling #smooth-content [class*="card-"],
[data-theme="light"] body.gc-is-scrolling #smooth-content [class*="__intro"],
[data-theme="light"] body.gc-is-scrolling #smooth-content [class*="__deck"] {
  box-shadow: none !important;
  filter: none !important;
}

/* Native-scroll light mode (mobile / touch) — same flash can appear */
[data-theme="light"].gc-native-scroll body.gc-is-scrolling section,
[data-theme="light"].gc-native-scroll body.gc-is-scrolling .elementor-section,
[data-theme="light"].gc-native-scroll body.gc-is-scrolling .elementor-top-section,
[data-theme="light"].gc-native-scroll body.gc-is-scrolling .e-con,
[data-theme="light"].gc-native-scroll body.gc-is-scrolling [class*="section"],
[data-theme="light"].gc-native-scroll body.gc-is-scrolling [class*="-card"] {
  box-shadow: none !important;
  filter: none !important;
}

@media (max-width: 1024px) {
  html:not(.gc-preloader-active) body {
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  #magic-cursor,
  .cb-cursor {
    display: none !important;
  }
}

html.gc-preloader-active #smooth-wrapper {
  overflow: hidden !important;
}

/* Keep smoother content pinned at top while locked (stops init transform jump) */
html.gc-preloader-active #smooth-content {
  transform: translate3d(0, 0, 0) !important;
}

.loading {
  position: relative;
  display: inline-block;
  font-size: clamp(36px, 7vw, 68px);
  font-family: var(--rr-ff-heading);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
}

@media only screen and (max-width: 767px) {
  .loading {
    font-size: clamp(28px, 8vw, 42px);
    padding: 0 8px;
  }
}

.loading:before {
  display: block;
  color: rgba(255, 255, 255, 0.14);
  content: attr(data-loading-text);
}

.loading:after {
  display: block;
  top: 0;
  left: 0;
  width: 0;
  opacity: 1;
  color: var(--rr-color-common-white);
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  content: attr(data-loading-text);
  animation: loading 2.8s ease-in-out infinite;
}

@keyframes loading {
  0% {
    width: 0;
  }

  45% {
    width: 100%;
  }

  55% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

/*  Custom Cursor */
@media (min-width: 992px) {
  .mt-cursor {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: fixed;
    left: 10px;
    top: 10px;
    user-select: none;
    pointer-events: none;
    visibility: hidden;
    z-index: 10000;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .mt-cursor:before {
    background: var(--rr-color-theme-primary);
    opacity: 1;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease;
  }

  .mt-cursor.cursor-grow:before {
    opacity: 0.7;
    transform: scale(1.5);
    transition: all 0.3s ease;
  }

  .mt-cursor.hide {
    opacity: 0;
    transition: opacity 0.3s ease;
    transition-delay: 0.4s;
  }

  .mt-cursor.hide .inner {
    transform: scale(0.1);
    transition: transform 0.3s ease;
  }
}

.sticky-widget {
  position: -webkit-sticky;
  position: sticky;
  top: 170px;
}

@media only screen and (max-width: 767px) {
  br {
    display: none;
  }
}

/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Left --*/
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

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

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

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

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

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

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

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

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

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

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

.pt-180 {
  padding-top: 180px;
}

@media only screen and (max-width: 992px) {
  .pt-180 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 50px;
  }
}

.pt-130 {
  padding-top: 130px;
}

@media only screen and (max-width: 992px) {
  .pt-130 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 70px;
  }
}

.pt-120 {
  padding-top: 120px;
}

@media only screen and (max-width: 992px) {
  .pt-120 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 70px;
  }
}

.pt-90 {
  padding-top: 90px;
}

@media only screen and (max-width: 992px) {
  .pt-90 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 60px;
  }
}

.pt-80 {
  padding-top: 80px;
}

@media only screen and (max-width: 992px) {
  .pt-80 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 60px;
  }
}

.pt-70 {
  padding-top: 70px;
}

@media only screen and (max-width: 992px) {
  .pt-70 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 60px;
  }
}

.pb-180 {
  padding-bottom: 180px;
}

@media only screen and (max-width: 992px) {
  .pb-180 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-180 {
    padding-bottom: 60px;
  }
}

.pb-130 {
  padding-bottom: 130px;
}

@media only screen and (max-width: 992px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 70px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}

@media only screen and (max-width: 992px) {
  .pb-120 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 70px;
  }
}

.pb-90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 992px) {
  .pb-90 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 60px;
  }
}

.pb-80 {
  padding-bottom: 80px;
}

@media only screen and (max-width: 992px) {
  .pb-80 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 60px;
  }
}

.pb-70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 992px) {
  .pb-70 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-30 {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-40 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .md-pb-50 {
    padding-bottom: 50px;
  }
}

/* Scroll To Top */
#scroll-percentage {
  position: absolute;
}

#scroll-percentage {
  height: 60px;
  width: 60px;
  background-color: var(--rr-color-common-white);
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  right: 50px;
  transform: scale(0);
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 100;
}

@media only screen and (max-width: 992px) {
  #scroll-percentage {
    right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #scroll-percentage {
    bottom: 20px;
    right: 20px;
  }
}

#scroll-percentage.active {
  bottom: 50px;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 992px) {
  #scroll-percentage.active {
    bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #scroll-percentage.active {
    bottom: 20px;
  }
}

#scroll-percentage-value {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
}

#scroll-percentage-value i {
  font-size: 20px;
}

@-webkit-keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@-webkit-keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }

  33.3% {
    transform: translateY(-6px);
  }

  49.95% {
    transform: translateY(4px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

.light-img {
  display: none;
}

.switcher-button {
  position: fixed;
  right: 0;
  top: 45%;
  z-index: 50;
  transform: translateY(-50%) rotate(90deg);
}

.switcher-button-inner-left:before,
.switcher-button-inner-left:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  outline: none;
}

.switcher-button .switcher-button-inner,
.switcher-button .switcher-button-inner-left {
  position: relative;
  cursor: pointer;
}

.switcher-button .switcher-button-inner-left:before {
  content: "\f186";
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  display: block;
  color: #fff;
  position: absolute;
  z-index: 1;
  margin: 0;
  right: 26px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.switcher-button .switcher-button-inner-left:after {
  content: "";
  display: inline-block;
  color: #fff;
  background: var(--rr-color-bg-1);
  border: 1px solid rgba(235, 235, 235, 0.2);
  width: 3.5em;
  height: 1.8em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.05);
}

.switcher-button .switcher-button-inner-left {
  color: rgba(250, 250, 250, 0.51);
}

[data-theme=light] .switcher-button .switcher-button-inner-left:before {
  right: 10px;
  content: "\f185";
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  color: var(--rr-color-heading-primary);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

[data-theme=light] .switcher-button .switcher-button-inner-left:after {
  background: #fff;
  border: 1px solid rgba(235, 235, 235, 0.2);
}

[data-theme=light] .switcher-button .switcher-button-inner-left {
  color: rgba(149, 149, 149, 0.51);
}

[data-theme=light] .switcher-button .switcher-button-inner-left+.switcher-button-inner {
  color: rgba(250, 250, 250, 0.51);
}

.bg-color-17 {
  background: #02050A;
}

/** Buttons CSS */
.rr-primary-btn {
  background-color: var(--rr-color-theme-primary);
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-common-white);
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 22px 30px;
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}

.rr-primary-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}

.rr-primary-btn i {
  margin-left: 10px;
  font-size: 14px;
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}

.rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.rr-primary-btn:hover:before {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.rr-primary-btn:hover i {
  transform: rotate(0deg);
}

.rr-primary-btn:focus {
  color: var(--rr-color-common-white);
}

.rr-primary-btn.transparent {
  background-color: transparent;
  border: 1px solid var(--rr-color-theme-primary);
  color: var(--rr-color-heading-primary);
}

.rr-primary-btn.transparent:hover {
  color: var(--rr-color-common-white);
}

.rr-primary-btn.transparent:before {
  background-color: var(--rr-color-theme-primary);
}

/* cursor css */
/*! 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: -0.01em;
  opacity: 0;
  transform: scale(0) rotate(10deg);
  transition: opacity 0.4s, transform 0.3s;
  color: black;
}

/* 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: #fff;
  opacity: 1;
  backdrop-filter: blur(10px);
  transform: scale(3);
}

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

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

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

.cb-cursor.-text-blue:before {
  background: #3F5AF3;
}

.cb-cursor.-text-blue .cb-cursor-text {
  color: white;
}

/**----------------------------------------
START: Header CSS
----------------------------------------*/
.header {
  background-color: transparent;
  width: 100%;
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .header {
    position: relative;
    top: 0;
    height: auto !important;
  }
}

.header .primary-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 60px;
}

@media (max-width: 1199px) {
  .header .primary-header-inner {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner {
    padding: 20px 20px;
  }
}

.header .primary-header-inner .header-logo img {
  max-width: 170px;
}

.header .primary-header-inner .header-logo .logo-light {
  display: none;
}

@media (max-width: 1399px) {
  .header .primary-header-inner .header-logo img {
    max-width: 150px;
  }
}

@media (max-width: 1199px) {
  .header .primary-header-inner .header-logo img {
    max-width: 150px;
  }
}

.header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center;
}

.header .primary-header-inner .header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-menu-wrap ul {
    display: none;
  }
}

.header .primary-header-inner .header-menu-wrap ul li {
  display: inline-block;
  position: relative;
  margin: 0 25px;
}

@media (max-width: 1399px) {
  .header .primary-header-inner .header-menu-wrap ul li {
    margin: 0 15px;
  }
}

@media (max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul li {
    margin: 0 10px;
  }
}

.header .primary-header-inner .header-menu-wrap ul li:first-child {
  margin-left: 0;
}

.header .primary-header-inner .header-menu-wrap ul li:last-child {
  margin-right: 0;
}

.header .primary-header-inner .header-menu-wrap ul li a {
  font-family: "Hind Madurai", sans-serif;
  color: var(--rr-color-common-white);
  display: block;
  font-size: 15px;
  padding: 35px 0;
  letter-spacing: 1px;
  font-weight: 600;
  /* text-transform: uppercase; */
  text-transform: initial;
  position: relative;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul li a {
    font-size: 16px;
  }
}

.header .primary-header-inner .header-menu-wrap ul li a:hover {
  color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-menu-wrap ul li a i {
  font-size: 13px;
}

.header .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-menu-wrap ul li.active ul li a {
  color: var(--rr-color-common-white);
}

.header .primary-header-inner .header-menu-wrap ul li.active ul li a:hover {
  color: var(--rr-color-common-white);
}

.header .primary-header-inner .header-menu-wrap ul li.active.menu-item-has-children:after {
  color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-menu-wrap ul li.active-16 a {
  color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-menu-wrap ul li.active-16 ul li a {
  color: #000000;
}

.header .primary-header-inner .header-menu-wrap ul li.active-16 ul li a:hover {
  color: #000000;
}

.header .primary-header-inner .header-menu-wrap ul li.active-16.menu-item-has-children:after {
  color: #000000;
}

.header .primary-header-inner .header-menu-wrap ul li ul {
  background-color: var(--rr-color-common-white);
  display: block;
  width: 220px;
  padding: 0;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  position: absolute;
  left: 0;
  top: 93px;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: all 0.6s ease;
}

.header .primary-header-inner .header-menu-wrap ul li:hover>ul {
  visibility: visible;
  transition: all 0.6s ease;
  opacity: 1;
  transform: none;
}

.header .primary-header-inner .header-menu-wrap ul li li {
  display: flex;
  justify-content: space-between;
  text-align: left;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.header .primary-header-inner .header-menu-wrap ul li li:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-1);
}

.header .primary-header-inner .header-menu-wrap ul li li:last-child {
  margin: 0;
  border-bottom: none;
}

.header .primary-header-inner .header-menu-wrap ul li li:hover {
  background-color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-menu-wrap ul li li:hover a {
  color: var(--rr-color-common-black);
}

.header .primary-header-inner .header-menu-wrap ul li li a {
  background-color: var(--rr-color-bg-1);
  display: block;
  height: auto;
  line-height: inherit;
  color: var(--rr-color-common-white);
  font-weight: 600;
  font-size: 13px;
  padding: 20px 0;
  padding-left: 30px;
  letter-spacing: 1px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  position: relative;
}

@media (max-width: 1399px) {
  .header .primary-header-inner .header-menu-wrap ul li li a {
    padding: 17px 0;
    padding-left: 20px;
  }
}

.header .primary-header-inner .header-menu-wrap ul li li a:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header .primary-header-inner .header-menu-wrap ul li li a:hover:before {
  width: 100%;
}

.header .primary-header-inner .header-menu-wrap ul li li.active {
  background-color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-menu-wrap ul li li.active a {
  color: var(--rr-color-theme-primary) !important;
}

.header .primary-header-inner .header-menu-wrap ul li li ul {
  top: 0;
  left: 100%;
}

.header .primary-header-inner .header-menu-wrap ul li li ul li a {
  color: var(--rr-color-common-white);
}

.header .primary-header-inner .header-menu-wrap ul li li:hover a {
  color: var(--rr-color-common-white);
}

.header .primary-header-inner .header-menu-wrap ul li li:hover li a {
  color: var(--rr-color-heading-primary);
}

.header .primary-header-inner .header-menu-wrap ul li li:hover li a:hover {
  color: var(--rr-color-common-white);
}

@media (min-width: 993px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu {
    position: static;
    display: inline-flex;
  }

  .header .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    display: inline-flex;
    position: inherit;
    transform: translateY(36px) translateX(-10px);
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    transform: translateY(38px) translateX(-10px);
  }
}

@media (min-width: 993px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    background-color: var(--rr-color-bg-1);
    width: 30%;
    left: 37% !important;
    grid-template-columns: 1fr 1fr;
    display: grid;
    padding: 10px;
    padding-bottom: 5px;
  }
}

@media (min-width: 993px) and (max-width: 1600px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 24% !important;
  }
}

@media (min-width: 993px) and (max-width: 1399px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    width: 40%;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    width: 50%;
  }
}

@media (min-width: 993px) {
  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul li {
    border: none;
  }

  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul li a {
    border: none;
  }

  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul li a:hover {
    color: var(--rr-color-theme-primary);
  }

  .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul li a:before {
    display: none;
  }
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children {
  position: relative;
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

@media (max-width: 1199px) {
  .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
    padding-right: 13px;
  }
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li {
  margin: 0;
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li a {
  padding-right: 0;
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 700;
  content: "\f078";
  color: var(--rr-color-common-white);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:hover:after {
  color: var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-right-wrap {
  display: flex;
  align-items: center;
  column-gap: 120px;
  flex-wrap: wrap;
  row-gap: 20px;
}

@media (max-width: 1399px) {
  .header .primary-header-inner .header-right-wrap {
    column-gap: 50px;
  }
}

@media (max-width: 1199px) {
  .header .primary-header-inner .header-right-wrap {
    column-gap: 20px;
  }
}

.header .primary-header-inner .header-right-wrap .header-right {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-logo img {
    width: 90px;
  }
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 1px solid var(--rr-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
    height: 60px;
    width: 60px;
  }
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

.header .primary-header-inner .header-right-wrap .header-right .search-icon {
  color: var(--rr-color-heading-primary);
  font-size: 20px;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .search-icon {
    margin-right: 20px;
  }
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-right-item {
    line-height: 1;
  }
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle {
  color: var(--rr-color-common-white);
  font-size: 30px;
  opacity: 0.9;
}

@media (min-width: 993px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle {
    display: none;
  }
}

.header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon {
  font-size: 16px;
  margin-left: 55px;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .header .primary-header-inner .mean-push {
    display: none;
  }
}

.header.fixed {
  background-color: var(--rr-color-bg-1);
  top: 0;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .header .primary-header.fixed .primary-header-inner {
    padding: 20px 0;
  }
}

.header-2 {
  top: 0;
  left: 120px;
  width: calc(100% - 120px);
}

@media only screen and (max-width: 992px) {
  .header-2 {
    width: 100%;
    left: 0;
  }
}

.header-2:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  content: "";
  width: calc(100% + 120px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -120px;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .header-2:before {
    display: none;
  }
}

.header-2.fixed {
  background-color: var(--rr-color-bg-1);
  left: 0px;
  width: 100%;
  padding: 0;
}

.header-2.fixed:before {
  display: none;
}

.header-2.fixed .primary-header-inner {
  padding: 0 60px;
  margin-left: 0;
}

@media only screen and (max-width: 992px) {
  .header-2.fixed .primary-header-inner {
    padding: 20px;
  }
}

.header-2 .primary-header-inner .header-menu-wrap ul li a {
  padding: 45px 0;
}

.header-2 .primary-header-inner .header-menu-wrap ul li ul {
  top: 113px;
}

.header-2 .primary-header-inner .header-right-wrap {
  display: block;
}

.header-3 {
  top: 0;
}

.header-3 .top-bar {
  border-bottom: 1px solid var(--rr-color-border-1);
}

.header-3 .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

@media only screen and (max-width: 992px) {
  .header-3 .top-bar-inner {
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .header-3 .top-bar-inner {
    display: none;
  }
}

.header-3 .top-bar-inner .site-logo {
  max-width: 171px;
}

@media only screen and (max-width: 992px) {
  .header-3 .top-bar-inner .site-logo {
    display: none;
  }
}

.header-3 .top-bar-inner .site-logo .logo-dark {
  display: block;
}

.header-3 .top-bar-inner .site-logo .logo-light {
  display: none;
}

.header-3 .top-bar-inner .top-bar-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
}

@media only screen and (max-width: 767px) {
  .header-3 .top-bar-inner .top-bar-items {
    display: none;
  }
}

.header-3 .top-bar-inner .top-bar-items .top-bar-item {
  display: flex;
  align-items: center;
  column-gap: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-3 .top-bar-inner .top-bar-items .top-bar-item:not(:last-of-type) {
  margin-right: 40px;
  padding-right: 40px;
  border-right: 1px solid var(--rr-color-border-1);
}

@media (max-width: 1199px) {
  .header-3 .top-bar-inner .top-bar-items .top-bar-item:not(:last-of-type) {
    padding-right: 20px;
    margin-right: 20px;
  }
}

.header-3 .top-bar-inner .top-bar-items .top-bar-item .icon {
  background-color: var(--rr-color-bg-1);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rr-color-border-1);
}

.header-3 .top-bar-inner .top-bar-items .top-bar-item .content a,
.header-3 .top-bar-inner .top-bar-items .top-bar-item .content p {
  color: var(--rr-color-common-white);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0;
}

.header-3 .top-bar-inner .top-bar-items .top-bar-item .content a br,
.header-3 .top-bar-inner .top-bar-items .top-bar-item .content p br {
  display: block;
}

.header-3 .top-bar-inner .top-bar-items .top-bar-item .content a:hover {
  color: var(--rr-color-theme-primary);
}

.header-3 .primary-header-inner {
  padding-left: 0;
  padding-right: 0;
}

.header-3 .primary-header-inner .header-logo {
  display: none;
}

@media only screen and (max-width: 992px) {
  .header-3 .primary-header-inner .header-logo {
    display: block;
  }
}

.header-3 .primary-header-inner .header-menu-wrap ul li a {
  font-family: var(--rr-ff-heading);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  text-transform: capitalize;
  letter-spacing: 0;
  font-size: 16px;
}

.header-3 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children a {
  padding-right: 0;
}

.header-3 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after {
  display: none;
}

.header-3 .primary-header-inner .header-menu-wrap ul li ul {
  top: 50px;
}

.header-3 .primary-header-inner .header-menu-wrap ul li ul li a {
  font-size: 14px;
  letter-spacing: 0;
}

.header-3 .primary-header-inner .header-right-wrap {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .header-3 .primary-header-inner .header-right-wrap {
    width: auto;
  }
}

@media only screen and (max-width: 992px) {
  .header-3 .primary-header-inner .header-right-wrap .header-right .rr-primary-btn {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header-3 .primary-header-inner .header-right-wrap .header-right .rr-primary-btn {
    display: none;
  }
}

.header-3 .primary-header.fixed {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.header-3 .primary-header.fixed .primary-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.header-3 .primary-header.fixed .primary-header-inner .header-logo {
  display: block;
}

.header-3 .primary-header.fixed .primary-header-inner .header-right-wrap {
  width: auto;
}

.header-3 .primary-header.fixed .primary-header-inner .header-right-wrap .header-menu-wrap {
  margin-right: 60px;
}

.header-3 .primary-header.fixed .primary-header-inner .header-right-wrap .header-menu-wrap ul {
  top: 87px;
}

.header-3 .primary-header.fixed .primary-header-inner .header-right-wrap .header-menu-wrap ul li a {
  padding: 35px 0;
}

.header-3 .primary-header.fixed .primary-header-inner .header-right-wrap .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-3.fixed {
  transform: translateY(-92px);
}

.header-3.fixed .top-bar {
  border: none;
}

.header-3.fixed .primary-header-inner .header-menu-wrap ul li a {
  padding: 40px 0;
}

.header-3.fixed .primary-header-inner .header-menu-wrap ul li ul {
  top: 96px;
}

.header-3.fixed .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-5 {
  top: 0;
}

.header-5:before {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.header-5 .top-bar {
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .header-5 .top-bar {
    display: none;
  }
}

.header-5 .top-bar .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 992px) {
  .header-5 .top-bar .top-bar-inner {
    justify-content: center;
  }
}

.header-5 .top-bar .top-bar-inner .top-bar-list {
  display: flex;
  align-items: center;
  list-style: none;
}

@media only screen and (max-width: 992px) {
  .header-5 .top-bar .top-bar-inner .top-bar-list {
    display: none;
    justify-content: center;
  }
}

.header-5 .top-bar .top-bar-inner .top-bar-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
  padding: 15px 0;
}

.header-5 .top-bar .top-bar-inner .top-bar-list li:not(:last-of-type) {
  margin-right: 18px;
  padding-right: 18px;
  border-right: 1px solid var(--rr-color-border-1);
}

.header-5 .top-bar .top-bar-inner .top-bar-right {
  display: flex;
  align-items: center;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-right-list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 15px 0;
  margin-right: 13px;
  padding-right: 13px;
  border-right: 1px solid var(--rr-color-border-1);
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-right-list li {
  font-size: 14px;
  position: relative;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-right-list li:not(:last-of-type) {
  padding-right: 15px;
  margin-right: 10px;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-right-list li:not(:last-of-type):before {
  content: "/";
  position: absolute;
  top: 0;
  right: 0;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-bar-social {
  display: flex;
  align-items: center;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-bar-social span {
  font-size: 14px;
  margin-right: 15px;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li {
  display: inline-flex;
  font-size: 14px;
}

.header-5 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.header-5 .primary-header .primary-header-inner {
  padding-left: 0;
  padding-right: 0;
}

.header-5 .primary-header .primary-header-inner .header-menu-wrap ul li ul {
  top: 93px;
}

.header-5 .primary-header .primary-header-inner .header-right .header-contact {
  display: grid;
  align-items: center;
  grid-template-columns: 45px 1fr;
  grid-gap: 15px;
}

@media only screen and (max-width: 992px) {
  .header-5 .primary-header .primary-header-inner .header-right .header-contact {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .header-5 .primary-header .primary-header-inner .header-right .header-contact {
    display: none;
  }
}

.header-5 .primary-header .primary-header-inner .header-right .header-contact .icon {
  background-color: var(--rr-color-common-white);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--rr-color-theme-primary);
  font-size: 15px;
}

.header-5 .primary-header .primary-header-inner .header-right .header-contact .content span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}

.header-5 .primary-header .primary-header-inner .header-right .header-contact .content a {
  font-size: 18px;
  font-weight: 700;
  color: var(--rr-color-common-white);
  line-height: 1;
}

.header-5 .primary-header .primary-header-inner .header-right .header-contact .content a:hover {
  color: var(--rr-color-theme-primary);
}

.header-5.fixed {
  background-color: #11151C;
  transform: translateY(-52px);
}

.header-5.fixed .top-bar {
  border: none;
}

.header-6 {
  top: 0;
  position: fixed;
}

@media only screen and (max-width: 992px) {
  .header-6 {
    position: relative;
  }
}

.header-6 .bg-shape {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  height: 69.5%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .header-6 .bg-shape {
    display: none;
  }
}

.header-6.fixed {
  background-color: transparent;
  transform: translateY(-70px);
  border: none;
}

.header-6.fixed .bg-shape {
  display: none;
}

@media only screen and (max-width: 992px) {
  .header-6 .top-bar {
    display: none;
  }
}

.header-6 .top-bar .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
}

.header-6 .top-bar .top-bar-inner .top-bar-list {
  display: flex;
  align-items: center;
}

.header-6 .top-bar .top-bar-inner .top-bar-list li {
  font-family: var(--rr-ff-body);
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.header-6 .top-bar .top-bar-inner .top-bar-list li i {
  font-size: 14px;
  margin-right: 10px;
  color: var(--rr-color-theme-primary);
}

.header-6 .top-bar .top-bar-inner .top-bar-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-6 .top-bar .top-bar-inner .top-bar-right .top-bar-social {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.header-6 .top-bar .top-bar-inner .top-bar-right .top-bar-social span {
  color: var(--rr-color-common-white);
}

.header-6 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li {
  color: var(--rr-color-common-white);
  display: inline-flex;
  align-items: center;
}

.header-6 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.header-6 .primary-header .primary-header-inner {
  background-color: var(--rr-color-bg-1);
  padding: 0 30px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .header-6 .primary-header .primary-header-inner {
    background: transparent;
  }
}

.header-6 .primary-header .primary-header-inner:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px 0 0 5px;
}

@media (max-width: 1199px) {
  .header-6 .primary-header .primary-header-inner:before {
    width: 210px;
  }
}

@media only screen and (max-width: 992px) {
  .header-6 .primary-header .primary-header-inner:before {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .header-6 .primary-header .primary-header-inner {
    padding: 20px 0;
  }
}

.header-6 .primary-header .primary-header-inner .header-menu-wrap {
  margin-left: 49px;
}

.header-6 .primary-header .primary-header-inner .header-menu-wrap ul {
  top: 110px;
}

.header-6 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 44px 0;
}

.header-6 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-6 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

@media (max-width: 1199px) {
  .header-6 .primary-header .primary-header-inner .header-right .header-btn-wrap {
    display: none;
  }
}

.header-6 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  padding: 17px 30px;
  border-radius: 5px;
}

.header-6 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  height: 50px;
  width: 50px;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .header-6 .primary-header .primary-header-inner .header-right .sidebar-trigger {
    margin-left: 0;
  }
}

.header-6 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-common-white);
  width: 22px;
  height: 3px;
  border-radius: 100px;
  display: block;
}

.header-6 .primary-header .primary-header-inner .header-right .sidebar-trigger span:not(:last-of-type) {
  margin-bottom: 5px;
}

.header-6 .primary-header.fixed .primary-header-inner {
  padding: 0 30px;
  border-radius: 0;
}

.header-6 .primary-header.fixed .primary-header-inner:before {
  border-radius: 0;
}

.header-7 {
  top: 0;
}

@media only screen and (max-width: 767px) {
  .header-7 {
    background-color: var(--rr-color-bg-1);
  }
}

.header-7 .primary-header .primary-header-inner .header-logo .logo-light-2 {
  display: none;
}

.header-7 .primary-header .primary-header-inner .header-logo .logo-light {
  display: none;
}

.header-7 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 49px 0;
}

.header-7 .primary-header .primary-header-inner .header-menu-wrap ul li ul {
  top: 120px;
}

.header-7 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

@media (max-width: 1399px) {
  .header-7 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
    padding: 13px 0;
    padding-left: 20px;
  }
}

.header-7 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children {
  padding-right: 15px;
}

.header-7 .primary-header .primary-header-inner .header-right-wrap .header-right {
  margin-right: 200px;
}

@media (max-width: 1199px) {
  .header-7 .primary-header .primary-header-inner .header-right-wrap .header-right {
    margin-right: 150px;
  }
}

@media only screen and (max-width: 992px) {
  .header-7 .primary-header .primary-header-inner .header-right-wrap .header-right {
    margin-right: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .header-7 .primary-header .primary-header-inner .header-right-wrap .header-right {
    margin-right: 0px;
  }
}

.header-7 .primary-header .primary-header-inner .header-right-wrap .header-right .search-icon {
  color: var(--rr-color-common-white);
  margin-right: 35px;
}

@media (max-width: 1199px) {
  .header-7 .primary-header .primary-header-inner .header-right-wrap .header-right .search-icon {
    display: none;
  }
}

.header-7 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger {
  height: auto;
  width: auto;
  border: none;
}

.header-7 .primary-header .primary-header-inner .header-right-wrap .header-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .header-7 .primary-header .primary-header-inner .header-right-wrap .header-btn {
    display: none;
  }
}

.header-7 .primary-header .primary-header-inner .header-right-wrap .header-btn .rr-primary-btn {
  height: 100%;
  padding: 22px 50px;
}

@media (max-width: 1199px) {
  .header-7 .primary-header .primary-header-inner .header-right-wrap .header-btn .rr-primary-btn {
    padding: 22px 35px;
  }
}

.header-8 {
  top: 40px;
}

@media only screen and (max-width: 992px) {
  .header-8 {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-8 {
    position: relative;
    top: 0;
  }
}

.header-8 .primary-header {
  max-width: 1830px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

@media only screen and (max-width: 992px) {
  .header-8 .primary-header {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-8 .primary-header {
    padding: 0;
  }
}

.header-8 .primary-header .primary-header-inner {
  background-color: var(--rr-color-bg-1);
  padding: 0 40px;
  border: 1px solid #2f3339;
}

@media only screen and (max-width: 767px) {
  .header-8 .primary-header .primary-header-inner {
    padding: 0 15px;
    border: none;
  }
}

.header-8 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 48.7px 0;
}

.header-8 .primary-header .primary-header-inner .header-menu-wrap ul li ul {
  top: 120.13px;
}

.header-8 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-8 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

@media (max-width: 1199px) {
  .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .header-btn {
    display: none;
  }
}

.header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {
  padding: 48.57px 0;
  padding-left: 40px;
  margin-left: 40px;
  border-left: 1px solid #2f3339;
}

@media (max-width: 1399px) {
  .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {
    margin-left: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 1199px) {
  .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {
    border: none;
  }
}

@media only screen and (max-width: 992px) {
  .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {
    padding: 40px 0;
  }
}

.header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger {
  height: 100%;
  width: auto;
  border: none;
}

.header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger svg {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger svg:hover {
  color: var(--rr-color-theme-primary);
}

.header-8.fixed {
  background-color: transparent;
}

@media only screen and (max-width: 992px) {
  .header-9 {
    background-color: var(--rr-color-bg-1);
  }
}

.header-9 .primary-header-inner {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

@media only screen and (max-width: 992px) {
  .header-9 .primary-header-inner {
    padding: 20px 15px;
  }
}

.header-9 .primary-header-inner .header-right-wrap .header-right .search-icon {
  color: var(--rr-color-common-white);
  margin-right: 50px;
}

@media only screen and (max-width: 767px) {
  .header-9 .primary-header-inner .header-right-wrap .header-right .search-icon {
    display: none;
  }
}

.header-10 .top-bar {
  background-color: var(--rr-color-theme-primary);
}

.header-10 .top-bar .top-bar-inner {
  padding: 9.5px 0;
}

.header-10 .top-bar .top-bar-inner .top-bar-list li i {
  color: var(--rr-color-common-white);
}

.header-10 .top-bar .top-bar-inner .top-bar-list li a {
  color: var(--rr-color-common-white);
}

.header-10 .top-bar .top-bar-inner .top-bar-right .social-list li a {
  color: var(--rr-color-common-white);
}

.header-10 .primary-header {
  background-color: #02050a;
}

.header-10 .primary-header .primary-header-inner {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.header-10 .primary-header .primary-header-inner:before {
  display: none;
}

.header-10 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
  border-radius: 0;
}

.header-10 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
  border-radius: 0;
}

.header-10 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-theme-primary);
}

.header-11 {
  background-color: #0D1F2D;
}

.header-11.fixed {
  top: 0;
  transform: translateY(0);
}

.header-11:before {
  display: none;
}

.header-11 .header-container {
  max-width: 1685px;
}

.header-11 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 42px 0;
}

.header-11 .primary-header .primary-header-inner .header-menu-wrap ul li ul {
  top: 107px;
}

.header-11 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-11 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  height: 58px;
  width: 58px;
  border-radius: 50%;
  border: 1px solid var(--rr-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger {
    height: 60px;
    width: 60px;
  }
}

.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

.header-13 .top-bar {
  background-color: var(--rr-color-bg-1);
  border-bottom: 1px solid var(--rr-color-grey-2);
  padding: 0 118px 0 100px;
}

@media (max-width: 1399px) {
  .header-13 .top-bar {
    padding: 0;
  }
}

.header-13 .top-bar .top-bar-inner {
  padding: 16px 0 21px 0;
}

.header-13 .top-bar .top-bar-inner .top-bar-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 2px solid rgb(255, 255, 255);
}

.header-13 .top-bar .top-bar-inner .top-bar-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.header-13 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.header-13 .primary-header {
  background-color: var(--rr-color-bg-1);
  padding: 0 120px 0 100px;
}

@media (max-width: 1399px) {
  .header-13 .primary-header {
    padding: 0;
  }
}

@media (max-width: 1399px) {
  .header-13 .primary-header .primary-header-inner .header-menu-wrap ul li a {
    font-size: 14px;
  }
}

@media (max-width: 1399px) {
  .header-13 .primary-header .primary-header-inner .header-menu-wrap {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .header-13 .primary-header .primary-header-inner .header-right .header-btn-wrap-2 {
    display: none;
  }
}

.header-13 .primary-header .primary-header-inner .header-right .header-btn-wrap-2 .rr-primary-btn {
  padding: 17px 26px;
}

.header-13 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  border: 1px solid #2D343E;
}

.header-13 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-common-white);
}

.header-14::before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 504px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 0px 120px 0px;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1600px) {
  .header-14::before {
    display: none;
  }
}

.header-14.fixed .primary-header .primary-header-inner {
  padding: 20px 0 0 30px;
}

.header-14.fixed .primary-header .primary-header-inner .header-logo {
  top: 0;
}

.header-14 .top-bar {
  padding: 0;
  border-bottom: none;
}

.header-14 .top-bar .top-bar-inner {
  padding: 9px 0 10px 280px;
}

@media (max-width: 1600px) {
  .header-14 .top-bar .top-bar-inner {
    padding: 16px 0 21px 0px;
  }
}

.header-14 .primary-header {
  background-color: #02050A;
  padding: 0;
}

.header-14 .primary-header .primary-header-inner .header-logo {
  position: relative;
  top: -22px;
}

@media (max-width: 1600px) {
  .header-14 .primary-header .primary-header-inner .header-logo {
    top: 0;
  }
}

.header-15 {
  top: 52px;
}

@media (max-width: 1199px) {
  .header-15 {
    top: 0;
  }
}

.header-15.fixed {
  background-color: var(--rr-color-bg-1);
  transform: translateY(0px);
  border: none;
}

.header-15 .header-wrap-15 {
  display: flex;
  align-items: center;
  gap: 124px;
}

@media (max-width: 1199px) {
  .header-15 .header-wrap-15 {
    gap: 10px;
  }
}

.header-15 .primary-header {
  background-color: transparent;
}

@media (max-width: 1600px) {
  .header-15 .primary-header {
    background-color: var(--rr-color-bg-1);
  }
}

@media (max-width: 1399px) {
  .header-15 .primary-header {
    padding: 0 120px 0 60px;
    padding-right: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .header-15 .primary-header {
    padding: 0 120px 0 20px;
    padding-right: 20px;
  }
}

.header-15 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  height: 82px;
  width: 82px;
  border-radius: 500px;
  background-color: transparent;
  border: 1px solid var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .header-15 .primary-header .primary-header-inner .header-right .sidebar-trigger {
    width: 60px;
    height: 60px;
  }
}

.header-15 .primary-header .primary-header-inner .header-menu-wrap {
  margin-left: 20px;
}

.header-15 .primary-header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
  left: 43% !important;
}

@media (max-width: 1700px) {
  .header-15 .primary-header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 32% !important;
  }
}

@media (max-width: 1600px) {
  .header-15 .primary-header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 22% !important;
  }
}

@media (max-width: 1199px) {
  .header-15 .primary-header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    width: 47%;
  }
}

@media only screen and (max-width: 992px) {
  .mobile-side-menu .header-right {
    display: none !important;
  }
}

.side-menu-icon {
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 100;
  display: block;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .side-menu-icon {
    display: none;
  }
}

.side-menu-wrapper {
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: 0;
  width: 850px;
  -webkit-transform: translateX(850px);
  -ms-transform: translateX(850px);
  transform: translateX(850px);
  height: 100%;
  display: block;
  background-color: var(--rr-color-theme-bg-dark-deep);
  z-index: 100;
  padding: 40px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
}

.side-menu-wrapper .side-menu-close {
  background-color: var(--rr-color-theme-primary);
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 18px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
}

.side-menu-wrapper.is-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@media only screen and (max-width: 992px) {
  .side-menu-wrapper {
    display: none;
  }
}

.side-menu-content .side-menu-header {
  font-family: var(--rr-ff-body);
  font-size: 30px;
  max-width: 600px;
  line-height: 1.5;
  font-weight: 400;
  width: 100%;
  margin-bottom: 40px;
}

.side-menu-content .side-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}

.side-menu-content .side-menu-item .side-menu-thumb-box {
  display: flex;
  align-items: center;
  column-gap: 30px;
}

.side-menu-content .side-menu-item .side-menu-thumb-box img {
  max-width: 150px;
}

.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info .side-menu-title {
  font-family: var(--rr-ff-body);
  font-size: 32px;
  font-weight: 500;
  color: var(--rr-color-theme-primary);
  line-height: 1;
  margin-bottom: 10px;
}

.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p {
  max-width: 400px;
  width: 100%;
}

.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p:last-child {
  margin-bottom: 0;
}

.side-menu-content .side-menu-item .side-menu-arrow {
  font-size: 45px;
  color: var(--rr-color-theme-primary);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}

.side-menu-content .side-menu-item:hover {
  border: 1px solid var(--rr-color-border-6);
}

.side-menu-content .side-menu-item:hover .side-menu-arrow {
  transform: rotate(0deg);
}

.side-menu-content .side-menu-item:last-child {
  margin-bottom: 0;
}

.side-menu-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 0%;
  position: fixed;
  top: 0;
  z-index: 9;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}

.side-menu-overlay.is-open {
  width: 100%;
  opacity: 0.5;
  visibility: visible;
  cursor: url(../img/cancel.png), auto;
}

@media only screen and (max-width: 992px) {
  .side-menu-overlay {
    display: none;
  }
}

.primary-header {
  width: 100%;
}

.primary-header.fixed {
  background-color: var(--rr-color-bg-1);
  position: fixed;
  left: 0;
  top: 0;
  animation-name: menuSticky;
  -webkit-animation-name: menuSticky;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  box-shadow: 0px 1px 3px 0px rgba(17, 17, 17, 0.1);
  z-index: 99;
}

.primary-header.fixed .primary-header-inner {
  padding: 20px 60px;
}

@media (max-width: 1199px) {
  .primary-header.fixed .primary-header-inner {
    padding: 20px;
  }
}

@-webkit-keyframes menuSticky {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes menuSticky {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0%);
  }
}

.mobile-side-menu-overlay,
.mobile-side-menu {
  display: none;
}

@media (max-width: 1199px) {
  .mobile-side-menu {
    background-color: var(--rr-color-bg-1);
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    width: 400px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    height: 100%;
    display: block;
    z-index: 100;
    padding: 40px 40px 40px 40px;
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
  }
}

@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .mobile-side-menu {
    padding: 40px 20px;
    width: 100%;
    max-width: 320px;
  }
}

@media (max-width: 1199px) {
  .mobile-side-menu.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .mobile-side-menu .side-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }

  .mobile-side-menu .side-menu-head a img {
    max-width: 120px;
  }

  .mobile-side-menu .side-menu-head .mobile-side-menu-close {
    position: fixed;
    top: 35px;
    right: 40px;
    color: var(--rr-color-common-white);
    font-size: 17px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rr-color-border-1);
  }
}

@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .mobile-side-menu .side-menu-head .mobile-side-menu-close {
    right: 16px;
  }
}

@media (max-width: 1199px) {
  .mobile-side-menu .side-menu-head .mobile-side-menu-close:hover {
    background-color: var(--rr-color-theme-primary);
    color: var(--rr-color-common-white);
  }

  .mobile-side-menu .side-menu-wrap {
    overflow: hidden;
    margin-bottom: 50px;
  }

  .mobile-side-menu p {
    color: var(--rr-color-common-white);
    margin-bottom: 50px;
  }

  .mobile-side-menu .list-header {
    color: var(--rr-color-common-white);
    font-family: var(--rr-ff-body);
    font-weight: 400;
    margin-bottom: 30px;
  }

  .mobile-side-menu .side-menu-list {
    list-style: none;
  }

  .mobile-side-menu .side-menu-list li {
    font-family: var(--rr-ff-heading);
    font-size: 16px;
    font-weight: 500;
    color: var(--rr-color-common-white);
  }

  .mobile-side-menu .side-menu-list li span,
  .mobile-side-menu .side-menu-list li a {
    color: var(--rr-color-common-white);
    margin-left: 10px;
    font-size: 16px;
  }

  .mobile-side-menu .side-menu-list li i {
    margin-right: 10px;
  }

  .mobile-side-menu-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 0%;
    position: fixed;
    top: 0;
    z-index: 9;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
    display: block;
  }

  .mobile-side-menu-overlay.is-open {
    width: 100%;
    opacity: 0.5;
    visibility: visible;
    cursor: url(../img/cancel.png), auto;
  }
}

.mean-bar {
  background-color: transparent;
  min-height: auto;
  padding: 0;
}

.mean-bar .meanmenu-reveal {
  display: none !important;
}

.mean-bar .mean-nav {
  background-color: transparent;
  margin-top: 0;
  padding-top: 20px;
}

.mean-bar .mean-nav.mean-nav>ul {
  display: block !important;
}

.mean-bar .mean-nav.mean-nav>ul li {
  position: relative;
  float: none;
  display: block;
  width: auto;
}

.mean-bar .mean-nav.mean-nav>ul li:not(:last-of-type) {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.mean-bar .mean-nav.mean-nav>ul li a {
  color: var(--rr-color-common-white);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  border-top: none;
  padding: 0;
  float: none;
}

@media only screen and (max-width: 767px) {
  .mean-bar .mean-nav.mean-nav>ul li a {
    font-size: 14px;
  }
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  position: absolute;
  padding: 0;
  top: 3px;
  right: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:before,
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:after {
  font-size: 12px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:before {
  content: "+";
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked {
  background-color: var(--rr-color-heading-primary);
  color: var(--rr-color-common-white);
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked:after {
  content: "\f068";
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked:before {
  display: none;
}

.mean-bar .mean-nav.mean-nav>ul li a.mean-expand i {
  display: none;
}

.mean-bar .mean-nav.mean-nav>ul li ul {
  padding: 0 0 0 30px;
  margin-top: 20px;
}

.mean-bar .mean-nav.mean-nav>ul li ul li:not(:last-of-type) {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.mean-bar .mean-nav.mean-nav>ul li ul li a {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .mean-bar .mean-nav.mean-nav>ul li ul li a {
    font-size: 14px;
  }
}

#popup-search-box {
  background-color: var(--rr-color-common-white);
  position: fixed;
  width: 100%;
  height: 20%;
  top: -100%;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all;
}

#popup-search-box .box-inner-wrap {
  background-color: var(--rr-color-bg-1);
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}

#popup-search-box .box-inner-wrap form {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 15px;
}

#popup-search-box .box-inner-wrap form input {
  width: 100%;
  padding: 20px 15px;
  padding-right: 80px;
  background: transparent;
  border: none;
  color: #ddd;
  border: 1px solid var(--rr-color-border-1);
  color: #666;
  font-size: 16px;
}

#popup-search-box .box-inner-wrap form input::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}

#popup-search-box .box-inner-wrap form input:-moz-placeholder {
  color: #666;
  font-size: 16px;
}

#popup-search-box .box-inner-wrap form input::-moz-placeholder {
  color: #666;
  font-size: 16px;
}

#popup-search-box .box-inner-wrap form input:-ms-input-placeholder {
  color: #666;
  font-size: 16px;
}

#popup-search-box .box-inner-wrap form input:focus {
  outline: none;
}

#popup-search-box .box-inner-wrap:hover {
  cursor: url(https://html.rrdevs.net/runok/assets/img/cross.png), auto;
}

#popup-search-box .box-inner-wrap .search-close {
  position: absolute;
  top: 30px;
  right: 50px;
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-border-1);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  #popup-search-box .box-inner-wrap .search-close {
    height: 35px;
    width: 35px;
    top: 10px;
    right: 10px;
  }
}

#popup-search-box .box-inner-wrap .search-close:hover {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

#popup-search-box.toggled {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.popup-tags {
  position: relative;
  margin: 0 auto;
}

@media (min-width: 993px) {
  .header-2 .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    transform: translateY(46px) translateX(-10px);
  }

  .header-3 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 14% !important;
    top: 165px;
  }
}

@media (min-width: 993px) and (max-width: 1700px) {
  .header-3 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 7% !important;
  }
}

@media (min-width: 993px) and (max-width: 1600px) {
  .header-3 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 1% !important;
  }
}

@media (min-width: 993px) {
  .header-5 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 31% !important;
    top: 146px;
  }
}

@media (min-width: 993px) and (max-width: 1700px) {
  .header-5 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 25% !important;
  }
}

@media (min-width: 993px) and (max-width: 1600px) {
  .header-5 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 20% !important;
  }
}

@media (min-width: 993px) {
  .header-6 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 24% !important;
  }
}

@media (min-width: 993px) and (max-width: 1399px) {
  .header-6 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 21.2% !important;
  }
}

@media (min-width: 993px) {
  .header-6 .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    transform: translateY(45px) translateX(-10px);
  }

  .header-7 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 25% !important;
  }
}

@media (min-width: 993px) and (max-width: 1600px) {
  .header-7 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 20% !important;
  }
}

@media (min-width: 993px) {
  .header-7 .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    transform: translateY(50px) translateX(4px);
  }

  .header-8 .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    transform: translateY(50px) translateX(-10px);
  }

  .header-8 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 25% !important;
  }
}

@media (min-width: 993px) and (max-width: 1700px) {
  .header-8 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 20% !important;
  }
}

@media (min-width: 993px) {
  .header-9 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 25% !important;
  }
}

@media (min-width: 993px) and (max-width: 1700px) {
  .header-9 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 20% !important;
  }
}

@media (min-width: 993px) {
  .header-10 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 15% !important;
    width: 40%;
  }
}

@media (min-width: 993px) and (max-width: 1700px) {
  .header-10 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 20% !important;
  }
}

@media (min-width: 993px) {
  .header-18 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 40% !important;
    width: 40%;
  }
}

@media (min-width: 993px) and (max-width: 1700px) {
  .header-18 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    left: 20% !important;
  }
}

@media (min-width: 993px) {
  .header-11 .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
    transform: translateY(43px) translateX(-10px);
  }

  .header-11 .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    top: 107px;
  }
}

.header-16 .top-bar {
  background-color: var(--rr-color-theme-primary);
}

.header-16 .top-bar .top-bar-inner {
  padding: 9.5px 0;
}

.header-16 .top-bar .top-bar-inner .top-bar-list li i {
  color: var(--rr-color-common-white);
}

.header-16 .top-bar .top-bar-inner .top-bar-list li a {
  color: var(--rr-color-common-white);
}

.header-16 .top-bar .top-bar-inner .top-bar-right .social-list li a {
  color: var(--rr-color-common-white);
}

.header-16 .primary-header {
  background-color: #02050a;
}

.header-16 .primary-header .primary-header-inner {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.header-16 .primary-header .primary-header-inner:before {
  display: none;
}

.header-16 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-theme-primary);
}

.header-16 {
  top: 0;
  position: fixed;
}

@media only screen and (max-width: 992px) {
  .header-16 {
    position: relative;
  }
}

.header-16 .bg-shape {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  height: 69.5%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .header-16 .bg-shape {
    display: none;
  }
}

.header-16.fixed {
  background-color: transparent;
  transform: translateY(0px);
  border: none;
}

.header-16.fixed .bg-shape {
  display: none;
}

@media only screen and (max-width: 992px) {
  .header-16 .top-bar {
    display: none;
  }
}

.header-16 .top-bar .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
}

.header-16 .top-bar .top-bar-inner .top-bar-list {
  display: flex;
  align-items: center;
}

.header-16 .top-bar .top-bar-inner .top-bar-list li {
  font-family: var(--rr-ff-body);
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.header-16 .top-bar .top-bar-inner .top-bar-list li i {
  font-size: 14px;
  margin-right: 10px;
  color: var(--rr-color-theme-primary);
}

.header-16 .top-bar .top-bar-inner .top-bar-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-16 .top-bar .top-bar-inner .top-bar-right .top-bar-social {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.header-16 .top-bar .top-bar-inner .top-bar-right .top-bar-social span {
  color: var(--rr-color-common-white);
}

.header-16 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li {
  color: var(--rr-color-common-white);
  display: inline-flex;
  align-items: center;
}

.header-16 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.header-16 .primary-header .primary-header-inner {
  padding: 0 50px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  background: #ffffff;
}

@media only screen and (max-width: 992px) {
  .header-16 .primary-header .primary-header-inner {
    background: transparent;
  }
}

.header-16 .primary-header .primary-header-inner:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px 0 0 5px;
}

@media (max-width: 1199px) {
  .header-16 .primary-header .primary-header-inner:before {
    width: 210px;
  }
}

@media only screen and (max-width: 992px) {
  .header-16 .primary-header .primary-header-inner:before {
    display: none;
  }
}

@media (max-width: 1199px) {
  .header-16 .primary-header .primary-header-inner {
    padding: 20px 15px;
    background: #ffffff;
  }
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap {
  margin-left: 49px;
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap ul {
  top: 110px;
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 44px 0;
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

@media (max-width: 1199px) {
  .header-16 .primary-header .primary-header-inner .header-right .header-btn-wrap {
    display: none;
  }
}

.header-16 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  padding: 17px 30px;
  border-radius: 5px;
}

.header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  height: 50px;
  width: 50px;
  border-radius: 5px;
}

.header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-common-white);
  width: 22px;
  height: 3px;
  border-radius: 100px;
  display: block;
}

.header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger span:not(:last-of-type) {
  margin-bottom: 5px;
}

.header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center;
}

.header-16 .primary-header .primary-header-inner .header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1199px) {
  .header-16 .primary-header .primary-header-inner .header-menu-wrap ul {
    display: none;
  }
}

.header-16 .primary-header.fixed .primary-header-inner {
  padding: 0 30px;
  border-radius: 0;
}

.header-16 .primary-header.fixed .primary-header-inner:before {
  border-radius: 0;
}

.header-16 .header-right-wrap .header-btn a {
  border-radius: 30px;
  padding: 17px 32px;
}

@media (max-width: 1199px) {
  .header-16 .header-right-wrap .header-btn {
    display: none;
  }
}

.header-16 .header-right-wrap .sidebar-trigger {
  background: var(--rr-color-common-white);
}

.header-17.fixed {
  background-color: transparent;
  transform: translateY(0px);
  border: none;
}

.header-17.fixed .bg-shape {
  display: none;
}

.header-17 .top-bar {
  background-color: var(--rr-color-theme-primary);
}

.header-17 .top-bar .top-bar-inner {
  padding: 9.5px 0;
}

.header-17 .top-bar .top-bar-inner .top-bar-list li i {
  color: var(--rr-color-common-white);
}

.header-17 .top-bar .top-bar-inner .top-bar-list li a {
  color: var(--rr-color-common-white);
}

.header-17 .top-bar .top-bar-inner .top-bar-right .social-list li a {
  color: var(--rr-color-common-white);
}

.header-17 .primary-header {
  background-color: #02050A;
}

.header-17 .primary-header .primary-header-inner {
  padding: 0 50px;
  border-radius: 0px;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-17 .primary-header .primary-header-inner-17 {
  align-items: inherit;
}

@media (max-width: 1199px) {
  .header-17 .primary-header .primary-header-inner-17 {
    align-items: center;
  }
}

.header-17 .primary-header .primary-header-inner-17 .header-logo {
  padding: 33px 0;
  padding: 33px 50px 33px 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1199px) {
  .header-17 .primary-header .primary-header-inner-17 .header-logo {
    border: none;
    padding: 0px 0;
  }
}

@media (max-width: 1399px) {
  .header-17 .primary-header .primary-header-inner {
    padding: 0 20px;
  }
}

@media (max-width: 1199px) {
  .header-17 .primary-header .primary-header-inner {
    padding: 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .header-17 .primary-header .primary-header-inner {
    padding: 20px 10px;
  }
}

.header-17 .primary-header .primary-header-inner:before {
  display: none;
}

.header-17 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
  border-radius: 0;
}

.header-17 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  background-color: #02050A;
  border: 1px solid var(--rr-color-border-1);
  border-radius: 0;
}

.header-17 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-theme-primary);
}

.header-17 .primary-header .primary-header-inner .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

.header-17 .primary-header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center;
}

.header-17 .primary-header .primary-header-inner .header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1199px) {
  .header-17 .primary-header .primary-header-inner .header-menu-wrap ul {
    display: none;
  }
}

.header-17 .header-right-wrap {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 50px;
}

@media (max-width: 1199px) {
  .header-17 .header-right-wrap {
    border: none;
  }
}

.header-17 .header-right-wrap .header-btn a {
  border-radius: 30px;
  padding: 17px 32px;
}

@media (max-width: 1199px) {
  .header-17 .header-right-wrap .header-btn {
    display: none;
  }
}

.header-18 {
  top: 0;
  position: fixed;
}

@media only screen and (max-width: 992px) {
  .header-18 {
    position: relative;
  }
}

.header-18 .bg-shape {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  height: 69.5%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .header-18 .bg-shape {
    display: none;
  }
}

.header-18.fixed {
  background-color: transparent;
  transform: translateY(0px);
  border: none;
}

.header-18.fixed .bg-shape {
  display: none;
}

@media only screen and (max-width: 992px) {
  .header-18 .top-bar {
    display: none;
  }
}

.header-18 .top-bar .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
}

.header-18 .top-bar .top-bar-inner .top-bar-list {
  display: flex;
  align-items: center;
}

.header-18 .top-bar .top-bar-inner .top-bar-list li {
  font-family: var(--rr-ff-body);
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.header-18 .top-bar .top-bar-inner .top-bar-list li i {
  font-size: 14px;
  margin-right: 10px;
  color: var(--rr-color-theme-primary);
}

.header-18 .top-bar .top-bar-inner .top-bar-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-18 .top-bar .top-bar-inner .top-bar-right .top-bar-social {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.header-18 .top-bar .top-bar-inner .top-bar-right .top-bar-social span {
  color: var(--rr-color-common-white);
}

.header-18 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li {
  color: var(--rr-color-common-white);
  display: inline-flex;
  align-items: center;
}

.header-18 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.header-18 .primary-header {
  background: transparent;
}

.header-18 .primary-header .primary-header-inner {
  padding: 0 50px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-18 .primary-header .primary-header-inner .header-logo {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding: 34px 50px 34px 0;
}

@media (max-width: 1199px) {
  .header-18 .primary-header .primary-header-inner .header-logo {
    border-right: none;
    padding: 0;
  }
}

@media only screen and (max-width: 992px) {
  .header-18 .primary-header .primary-header-inner {
    background: transparent;
  }
}

.header-18 .primary-header .primary-header-inner:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px 0 0 5px;
}

@media (max-width: 1199px) {
  .header-18 .primary-header .primary-header-inner:before {
    width: 210px;
  }
}

@media only screen and (max-width: 992px) {
  .header-18 .primary-header .primary-header-inner:before {
    display: none;
  }
}

@media (max-width: 1199px) {
  .header-18 .primary-header .primary-header-inner {
    padding: 20px 15px;
    background: transparent;
  }
}

@media only screen and (max-width: 767px) {
  .header-18 .primary-header .primary-header-inner {
    padding: 20px 10px;
    background: transparent;
  }
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap {
  margin-left: 49px;
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap ul {
  top: 110px;
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 44px 0;
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

@media only screen and (max-width: 992px) {
  .header-18 .primary-header .primary-header-inner .header-right .header-btn-wrap {
    display: none;
  }
}

.header-18 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  padding: 17px 30px;
  border-radius: 5px;
}

.header-18 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.header-18 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-common-white);
  width: 22px;
  height: 3px;
  border-radius: 100px;
  display: block;
}

.header-18 .primary-header .primary-header-inner .header-right .sidebar-trigger span:not(:last-of-type) {
  margin-bottom: 5px;
}

.header-18 .primary-header .primary-header-inner .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center;
}

.header-18 .primary-header .primary-header-inner .header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 992px) {
  .header-18 .primary-header .primary-header-inner .header-menu-wrap ul {
    display: none;
  }
}

.header-18 .primary-header.fixed .primary-header-inner {
  padding: 0 30px;
  border-radius: 0;
}

.header-18 .primary-header.fixed .primary-header-inner:before {
  border-radius: 0;
}

.header-18 .header-right-wrap {
  padding-left: 30px;
}

.header-18 .header-right-wrap .header-btn a {
  border-radius: 30px;
  padding: 17px 32px;
}

@media only screen and (max-width: 992px) {
  .header-18 .header-right-wrap .header-btn {
    display: none;
  }
}

.header-19 {
  top: 0;
  position: fixed;
}

@media only screen and (max-width: 992px) {
  .header-19 {
    position: relative;
  }
}

.header-19 .bg-shape {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  height: 69.5%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .header-19 .bg-shape {
    display: none;
  }
}

.header-19.fixed {
  background-color: transparent;
  transform: translateY(0px);
  border: none;
}

.header-19.fixed .bg-shape {
  display: none;
}

@media only screen and (max-width: 992px) {
  .header-19 .top-bar {
    display: none;
  }
}

.header-19 .top-bar .top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
}

.header-19 .top-bar .top-bar-inner .top-bar-list {
  display: flex;
  align-items: center;
}

.header-19 .top-bar .top-bar-inner .top-bar-list li {
  font-family: var(--rr-ff-body);
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.header-19 .top-bar .top-bar-inner .top-bar-list li i {
  font-size: 14px;
  margin-right: 10px;
  color: var(--rr-color-theme-primary);
}

.header-19 .top-bar .top-bar-inner .top-bar-list li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-19 .top-bar .top-bar-inner .top-bar-right .top-bar-social {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.header-19 .top-bar .top-bar-inner .top-bar-right .top-bar-social span {
  color: var(--rr-color-common-white);
}

.header-19 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li {
  color: var(--rr-color-common-white);
  display: inline-flex;
  align-items: center;
}

.header-19 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.header-19 .primary-header .primary-header-inner {
  padding: 0 50px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  background: inherit;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-19 .primary-header .primary-header-inner .header-logo {
  border-right: inherit;
  padding: 28px 48px 28px 0;
}

@media (max-width: 1199px) {
  .header-19 .primary-header .primary-header-inner .header-logo {
    border-right: none;
    padding: 0;
  }
}

@media only screen and (max-width: 992px) {
  .header-19 .primary-header .primary-header-inner {
    background: transparent;
  }
}

.header-19 .primary-header .primary-header-inner:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px 0 0 5px;
}

@media (max-width: 1199px) {
  .header-19 .primary-header .primary-header-inner:before {
    width: 210px;
  }
}

@media only screen and (max-width: 992px) {
  .header-19 .primary-header .primary-header-inner:before {
    display: none;
  }
}

@media (max-width: 1199px) {
  .header-19 .primary-header .primary-header-inner {
    padding: 20px 15px;
    background: var(--rr-color-common-white);
  }
}

@media only screen and (max-width: 767px) {
  .header-19 .primary-header .primary-header-inner {
    padding: 20px 10px;
    background: var(--rr-color-common-white);
  }
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap {
  margin-left: 49px;
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap ul {
  top: 110px;
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap ul li a {
  padding: 44px 0;
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap ul li ul li a {
  padding: 20px 0;
  padding-left: 30px;
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  padding-right: 17px;
}

@media only screen and (max-width: 992px) {
  .header-19 .primary-header .primary-header-inner .header-right .header-btn-wrap {
    display: none;
  }
}

.header-19 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  padding: 17px 30px;
  border-radius: 5px;
}

.header-19 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.header-19 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-common-white);
  width: 22px;
  height: 3px;
  border-radius: 100px;
  display: block;
}

.header-19 .primary-header .primary-header-inner .header-right .sidebar-trigger span:not(:last-of-type) {
  margin-bottom: 5px;
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap {
  display: flex !important;
  align-items: center;
}

.header-19 .primary-header .primary-header-inner .header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 992px) {
  .header-19 .primary-header .primary-header-inner .header-menu-wrap ul {
    display: none;
  }
}

.header-19 .primary-header.fixed .primary-header-inner {
  padding: 0 30px;
  border-radius: 0;
}

.header-19 .primary-header.fixed .primary-header-inner:before {
  border-radius: 0;
}

.header-19 .header-right-wrap {
  padding-left: 30px;
}

.header-19 .header-right-wrap .header-btn a {
  border-radius: 30px;
  padding: 17px 32px;
}

@media only screen and (max-width: 992px) {
  .header-19 .header-right-wrap .header-btn {
    display: none;
  }
}

.header-19 .top-bar {
  background-color: var(--rr-color-theme-primary);
}

.header-19 .top-bar .top-bar-inner {
  padding: 9.5px 0;
}

.header-19 .top-bar .top-bar-inner .top-bar-list li i {
  color: var(--rr-color-common-white);
}

.header-19 .top-bar .top-bar-inner .top-bar-list li a {
  color: var(--rr-color-common-white);
}

.header-19 .top-bar .top-bar-inner .top-bar-right .social-list li a {
  color: var(--rr-color-common-white);
}

.header-19 .primary-header {
  background-color: transparent;
}

.header-19 .primary-header .primary-header-inner:before {
  display: none;
}

.header-19 .primary-header .primary-header-inner .header-right .header-btn-wrap .rr-primary-btn {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.header-19 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.header-19 .primary-header .primary-header-inner .header-right .sidebar-trigger span {
  background-color: var(--rr-color-theme-primary);
}

/* !END: Theme Header CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.hero-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hero-section .hero-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.hero-section .hero-shape {
  position: absolute;
  bottom: 23%;
  left: 0;
}

.hero-section .hero-img {
  position: absolute;
  bottom: -22.5px;
  right: 0;
}

@media (max-width: 1399px) {
  .hero-section .hero-img {
    right: -20%;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section .hero-img {
    max-width: 610px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section .hero-img {
    display: none;
  }
}

.hero-section .hero-images {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 510px;
}

@media (max-width: 1700px) {
  .hero-section .hero-images {
    left: -75px;
  }
}

@media (max-width: 1199px) {
  .hero-section .hero-images {
    display: none;
  }
}

.hero-section .hero-images img {
  margin-right: auto;
  height: 250px;
  width: 250px;
  object-fit: cover;
}

.hero-section .hero-images img:nth-child(2) {
  margin: -30px 0 12px auto;
}

@media (max-width: 1399px) {
  .hero-section .hero-images img:nth-child(2) {
    margin-right: 40px;
  }
}

.hero-section .hero-images img:nth-child(3) {
  margin-left: 50px;
}

@media (max-width: 1399px) {
  .hero-section .hero-images img:nth-child(3) {
    margin-left: 0;
  }
}

.hero-content {
  padding: 300px 0 150px 0;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-left: 55px;
  position: relative;
  z-index: 2;
}

@media (max-width: 1199px) {
  .hero-content {
    padding-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  .hero-content {
    padding: 100px 0 100px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content {
    padding-left: 0;
  }
}

.hero-content .sub-title {
  font-size: 50px;
  font-weight: 700;
}

@media only screen and (max-width: 992px) {
  .hero-content .sub-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content .sub-title {
    font-size: 24px;
  }
}

.hero-content .title {
  font-size: 135px;
  font-weight: 800;
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .hero-content .title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content .title {
    font-size: 50px;
  }
}

.hero-content .title:before {
  background: linear-gradient(270deg, #3F5AF3 0%, transparent 100%);
  content: "";
  width: 100%;
  height: 76%;
  position: absolute;
  top: 15%;
  right: 0;
  z-index: -1;
  opacity: 0.95;
}

.hero-content .bottom-title {
  font-size: 75px;
  font-weight: 700;
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .hero-content .bottom-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content .bottom-title {
    font-size: 30px;
  }
}

.hero-content .hero-btn {
  background-image: url(../img/bg-img/hero-btn-bg.png);
  color: var(--rr-color-common-white);
  font-size: 60px;
  height: 180px;
  width: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .hero-content .hero-btn {
    height: 120px;
    width: 120px;
    font-size: 40px;
  }
}

.hero-content .hero-btn i {
  transform: rotate(-45deg) scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hero-content .hero-btn:before {
  background-color: #3F5AF3;
  mix-blend-mode: multiply;
  content: "";
  width: 170px;
  height: 170px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0.9;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .hero-content .hero-btn:before {
    height: 110px;
    width: 110px;
  }
}

.hero-content .hero-btn:hover:before {
  width: 100%;
  height: 100%;
}

.hero-content .hero-btn:hover i {
  transform: rotate(-45deg) scale(1.05);
}

.hero-section-2 {
  position: relative;
  overflow: hidden;
}

.hero-section-2 .hero-text {
  color: var(--rr-color-common-white);
  font-size: 150px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  bottom: 40px;
  left: 46.5%;
  transform: translateX(-50%);
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1600px) {
  .hero-section-2 .hero-text {
    left: 52%;
    font-size: 100px;
  }
}

@media (max-width: 1199px) {
  .hero-section-2 .hero-text {
    font-size: 70px;
    left: 57%;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-2 .hero-text {
    display: none;
  }
}

.hero-section-2 .hero-text .inner-text {
  color: var(--rr-color-bg-1);
  margin-bottom: 0;
  font-size: 150px;
  font-weight: 700;
  line-height: 1;
  padding-left: 15px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1600px) {
  .hero-section-2 .hero-text .inner-text {
    font-size: 100px;
  }
}

@media (max-width: 1199px) {
  .hero-section-2 .hero-text .inner-text {
    font-size: 70px;
  }
}

.hero-section-2 .hero-text .inner-text .container-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 14px;
  left: 14px;
  z-index: -1;
}

.hero-section-2 .hero-text .inner-text .container-svg svg {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.hero-section-2 .hero-text .inner-text .container-svg text {
  display: block;
  fill: white;
  font-size: 150px;
  font-weight: bold;
}

@media (max-width: 1199px) {
  .hero-section-2 .hero-text .inner-text .container-svg text {
    font-size: 70px;
  }
}

.hero-section-2 .hero-text .inner-text .container-svg text.dashed {
  fill: none;
  stroke: var(--rr-color-bg-1);
  stroke-width: 1px;
  stroke-dasharray: 5px, 5px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.hero-section-2 .hero-text .inner-text .container-svg text.dashed.blue {
  stroke: #25303B;
}

.hero-section-2 .shapes .shape {
  position: absolute;
  z-index: -1;
}

.hero-section-2 .shapes .shape.shape-1 {
  top: 0;
  left: 0;
}

.hero-section-2 .shapes .shape.shape-2 {
  top: 0;
  right: 0;
}

.hero-section-2 .hero-sidebar {
  writing-mode: vertical-rl;
  width: 120px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .hero-section-2 .hero-sidebar {
    display: none;
  }
}

.hero-section-2 .hero-sidebar:before {
  background: rgba(255, 255, 255, 0.8);
  content: "";
  width: 1px;
  height: 113px;
  position: absolute;
  top: 0px;
  right: -1px;
}

.hero-section-2 .hero-sidebar .sidebar-icon {
  position: absolute;
  top: 47px;
  left: 50%;
  transform: translateX(-50%);
}

.hero-section-2 .hero-sidebar .sidebar-icon .sidebar-trigger {
  color: var(--rr-color-common-white);
}

.hero-section-2 .hero-sidebar .sidebar-social {
  display: flex;
  align-items: center;
  column-gap: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  list-style: none;
  transform: translate(-50%, -50%) rotate(-180deg);
}

@media (max-width: 1199px) {
  .hero-section-2 .hero-sidebar .sidebar-social {
    column-gap: 50px;
    top: 58%;
  }
}

.hero-section-2 .hero-sidebar .sidebar-social li a {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.hero-section-2 .hero-sidebar .sidebar-social li a:hover {
  color: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 992px) {
  .hero-section-2 .hero-wrap {
    flex-direction: column-reverse;
  }
}

.hero-section-2 .hero-img {
  margin-left: 120px;
  margin-top: 113px;
  height: 100%;
  max-width: 840px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .hero-section-2 .hero-img {
    margin-left: 0;
    margin-top: 0;
    padding: 0 50px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-2 .hero-img {
    padding: 0 20px;
  }
}

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

.hero-section-2 .hero-info {
  margin-top: 113px;
  margin-left: 110px;
}

@media (max-width: 1600px) {
  .hero-section-2 .hero-info {
    margin-left: 135px;
  }
}

@media (max-width: 1199px) {
  .hero-section-2 .hero-info {
    margin-left: 125px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-2 .hero-info {
    margin-top: 50px;
    margin-left: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-2 .hero-info {
    margin: 50px 20px 0 20px;
  }
}

.hero-section-2 .hero-info .section-heading .section-title {
  font-size: 72px;
}

@media (max-width: 1199px) {
  .hero-section-2 .hero-info .section-heading .section-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-2 .hero-info .section-heading .section-title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-2 .hero-info .section-heading .section-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-2 .hero-info .section-heading .sub-heading {
    font-size: 12px;
  }
}

.hero-section-2 .hero-info .section-heading p {
  margin: 30px 0 35px 0;
}

.hero-section-3 {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.hero-section-3 .hero-round-img {
  width: 950px;
  height: 950px;
  position: absolute;
  top: -20%;
  right: -15%;
  border-radius: 50%;
}

@media (max-width: 1199px) {
  .hero-section-3 .hero-round-img {
    right: -35%;
    top: -35%;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-3 .hero-round-img {
    right: -60%;
    top: -70%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-3 .hero-round-img {
    display: none;
  }
}

.hero-section-3 .hero-round-img:before {
  background-color: var(--rr-color-theme-primary);
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.hero-section-3 .hero-round-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  object-position: -266px 100px;
}

.hero-section-3 .round-shape {
  background-color: #02050A;
  height: 800px;
  width: 800px;
  border-radius: 50%;
  position: absolute;
  top: -29%;
  right: -21%;
}

@media (max-width: 1199px) {
  .hero-section-3 .round-shape {
    right: -45%;
    top: -45%;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-3 .round-shape {
    height: 600px;
    width: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-3 .round-shape {
    display: none;
  }
}

.hero-section-3 .round-shape-2 {
  background-color: var(--rr-color-bg-1);
  height: 750px;
  width: 750px;
  border-radius: 50%;
  position: absolute;
  bottom: -50%;
  right: 14%;
  opacity: 0.46;
}

@media (max-width: 1199px) {
  .hero-section-3 .round-shape-2 {
    height: 600px;
    width: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-3 .round-shape-2 {
    display: none;
  }
}

.hero-section-3 .border-shape {
  background-color: transparent;
  height: 700px;
  width: 700px;
  border-radius: 50%;
  border: 1px dashed var(--rr-color-bg-1);
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 992px) {
  .hero-section-3 .border-shape {
    display: none;
  }
}

.hero-section-3 .scroll-down-btn {
  width: 41px;
  height: 80px;
  margin: 0 auto;
  position: absolute;
  bottom: 150px;
  left: 49%;
  transform: translateX(-50%);
  z-index: 90;
  animation: hero-anim-2 1s infinite linear alternate-reverse;
}

@media only screen and (max-width: 992px) {
  .hero-section-3 .scroll-down-btn {
    bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-3 .scroll-down-btn {
    bottom: 30px;
    left: 43%;
  }
}

@-webkit-keyframes hero-anim-2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@keyframes hero-anim-2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

.hero-content-3 {
  padding: 360px 0 250px 0;
  padding-left: 75px;
  position: relative;
  z-index: 2;
}

@media (max-width: 1199px) {
  .hero-content-3 {
    padding-top: 250px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-content-3 {
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 {
    padding-top: 50px;
    padding-left: 20px;
  }
}

.hero-content-3 .title {
  font-size: 120px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.hero-content-3 .title.anim-text {
  overflow: visible;
}

.hero-content-3 .title br {
  display: block;
}

@media (max-width: 1199px) {
  .hero-content-3 .title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 .title {
    font-size: 32px;
  }
}

.hero-content-3 .title span {
  color: var(--rr-color-theme-primary);
  position: relative;
}

.hero-content-3 .title span:before {
  background-image: url(../img/shapes/hero-shape-4.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
  width: 770px;
  height: 770px;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media (max-width: 1199px) {
  .hero-content-3 .title span:before {
    width: 600px;
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-3 .title span:before {
    width: 250px;
    height: 250px;
  }
}

.hero-content-3 p {
  color: var(--rr-color-common-white);
  font-size: 22px;
  font-weight: 500;
  max-width: 880px;
  width: 100%;
  line-height: 1.8;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .hero-content-3 p {
    font-size: 16px;
  }
}

.hero-content-4 {
  padding: 360px 0 110px 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .hero-content-4 {
    padding: 260px 0 100px 0;
  }
}

@media only screen and (max-width: 992px) {
  .hero-content-4 {
    padding: 100px 0 100px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 {
    padding: 80px 0;
  }
}

.hero-content-4 .sub-title {
  font-size: 100px;
  font-weight: 200;
}

@media only screen and (max-width: 992px) {
  .hero-content-4 .sub-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 .sub-title {
    font-size: 24px;
  }
}

.hero-content-4 .title {
  font-size: 160px;
  font-weight: 700;
}

@media only screen and (max-width: 992px) {
  .hero-content-4 .title {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 .title {
    font-size: 45px;
  }
}

.hero-content-4 .title span {
  position: relative;
  z-index: 1;
  line-height: 1;
}

.hero-content-4 .title span:before {
  content: attr(data-text);
  position: absolute;
  right: 7px;
  top: 10px;
  width: 100%;
  font-size: 160px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .hero-content-4 .title span:before {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-4 .title span:before {
    font-size: 45px;
    top: 8px;
  }
}

.hero-content-4 .rr-primary-btn {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .hero-content-4 .rr-primary-btn {
    margin-top: 30px;
  }
}

.hero-section-4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hero-section-4 .shapes .shape {
  position: absolute;
}

.hero-section-4 .shapes .shape.shape-1 {
  top: 0;
  left: 0;
}

.hero-section-4 .shapes .shape.shape-2 {
  bottom: 0;
  left: 0;
}

.hero-section-4 .hero-img {
  max-width: 950px;
  width: 100%;
  height: 690px;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 1600px) {
  .hero-section-4 .hero-img {
    max-width: 750px;
  }
}

@media (max-width: 1199px) {
  .hero-section-4 .hero-img {
    max-width: 550px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-4 .hero-img {
    max-width: 450px;
  }
}

.hero-section-4 .hero-img:before {
  background-color: rgba(131, 131, 131, 0.63);
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

.hero-section-5 {
  position: relative;
  z-index: 1;
}

.hero-section-5 .shapes .shape {
  position: absolute;
  z-index: -1;
}

.hero-section-5 .shapes .shape.shape-1 {
  top: 0;
  right: 0;
  z-index: 1;
}

.hero-section-5 .shapes .shape.shape-2 {
  max-width: 1204px;
  width: 100%;
  height: 1204px;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}

.hero-section-5 .shapes .shape.shape-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-content-5 {
  text-align: right;
  padding: 180px 0 120px 0;
  position: relative;
  z-index: 5;
}

@media (max-width: 1199px) {
  .hero-content-5 {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-5 {
    text-align: left;
    padding: 80px 0 50px 0;
  }
}

.hero-content-5 .title {
  font-size: 80px;
  font-weight: 800;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .hero-content-5 .title {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 0;
  }

  .hero-content-5 .title br {
    display: none;
  }
}

.hero-content-5 .title span {
  color: var(--rr-color-theme-primary);
  font-style: italic;
  font-weight: 500;
}

.hero-content-5 p {
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 600;
  margin: 60px 0;
}

@media only screen and (max-width: 767px) {
  .hero-content-5 p {
    margin: 40px 0;
  }
}

.hero-content-5 .rr-primary-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-common-white);
}

.hero-content-5 .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.hero-content-5 .rr-primary-btn:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.hero-mask-img-5 {
  mask-image: url(../img/images/hero-mask-1.png);
  mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-mask-img-5:before {
  background: #3F5AF3;
  mix-blend-mode: multiply;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.hero-mask-img-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0) contrast(110%);
}

@media only screen and (max-width: 767px) {
  .hero-mask-img-5 {
    display: none;
  }
}

.hero-section-9 {
  position: relative;
  z-index: 1;
}

.hero-section-9 .bg-item .round-shape {
  background-color: #02050A;
  height: 939px;
  width: 939px;
  position: absolute;
  top: -70%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-section-9 .bg-item .shape {
  position: absolute;
  z-index: -1;
}

.hero-section-9 .bg-item .shape.shape-1 {
  top: 0;
  left: 0;
}

.hero-section-9 .bg-item .shape.shape-2 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

.hero-section-9 .bg-item .shape.shape-2 img {
  width: 100%;
  height: 100%;
}

.hero-section-9 .hero-info-2 {
  margin: 0;
}

.hero-wrap-2 {
  margin: 318px 0 140px 0;
}

@media only screen and (max-width: 992px) {
  .hero-wrap-2 {
    margin: 120px 0 150px 0;
  }
}

.hero-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
}

@media only screen and (max-width: 992px) {
  .hero-thumb-wrap {
    justify-content: start;
  }
}

.hero-thumb-wrap img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  filter: grayscale(1);
}

.hero-thumb-wrap .cta-btn {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  height: 120px;
  width: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #02050A;
  font-size: 30px;
  margin-left: -50px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hero-thumb-wrap .cta-btn i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hero-contact-items {
  position: absolute;
  bottom: 40px;
  right: 110px;
}

@media only screen and (max-width: 992px) {
  .hero-contact-items {
    right: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-contact-items {
    left: 20px;
  }
}

.hero-contact-items ul li {
  display: inline-flex;
  align-items: center;
  color: var(--rr-color-common-white);
  font-size: 16px;
}

.hero-contact-items ul li:not(:last-of-type) {
  margin-right: 50px;
}

.hero-contact-items ul li i {
  font-size: 14px;
  margin-right: 10px;
}

.hero-section-10 {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hero-section-10 .hero-img {
  position: absolute;
  bottom: 0;
  right: 100px;
  z-index: 1;
}

@media (max-width: 1600px) {
  .hero-section-10 .hero-img {
    right: 0;
  }
}

@media (max-width: 1199px) {
  .hero-section-10 .hero-img {
    right: -100px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-10 .hero-img {
    position: relative;
    right: 50%;
    transform: translateX(45%);
  }
}

.hero-section-10 .shape {
  position: absolute;
  top: 180px;
  right: 0;
}

@media only screen and (max-width: 992px) {
  .hero-section-10 .shape {
    display: none;
  }
}

.hero-info-3 {
  padding: 380px 0 230px 0;
  margin-left: 0;
  position: relative;
  z-index: 5;
}

@media only screen and (max-width: 992px) {
  .hero-info-3 {
    padding: 100px 0 50px 0;
  }
}

.hero-info-3 .title {
  font-size: 72px;
  font-weight: 800;
  line-height: 1;
}

@media (min-width: 992px) and (max-width: 1319px) {
  .hero-section-11 .hero-info-3 .title {
    font-size: clamp(36px, 4.1vw, 50px);
    line-height: 1.14;
  }
}

@media only screen and (max-width: 992px) {
  .hero-info-3 .title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-info-3 .title {
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 0;
  }
}

.hero-info-3 .title.title-2 {
  padding-bottom: 10px;
}

.hero-info-3 .sub-title {
  margin: 30px 0 40px 0;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .hero-info-3 .sub-title {
    font-size: 20px;
  }
}

.hero-info-3 .hero-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}

.hero-info-3 .hero-btn-wrap .rr-primary-btn:nth-child(1) {
  background-color: var(--rr-color-border-1);
}

.hero-section-11 {
  background-color: #02050A;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hero-section-11 .bg-shape {
  position: absolute;
  top: 107px;
  left: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}

@media only screen and (max-width: 992px) {
  .hero-section-11 .bg-shape {
    top: 0;
  }
}

.hero-section-11 .bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero Banner One — match Hero Two full-size shape rendering */
.gc-hero-banner-one .bg-shape img {
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: contain;
  display: block;
}

.gc-hero-banner-one .shapes .shape-1 img,
.gc-hero-banner-one .shapes .shape-2 img {
  width: auto;
  max-width: none;
  height: auto;
  display: block;
}

.hero-section-11 .shapes {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.hero-section-11 .shapes .shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.hero-section-11 .shapes .shape-2 {
  position: absolute;
  top: 11%;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .hero-section-11 .shapes .shape-2 {
    display: none;
  }
}

/* Hide hero shape images on ≤1265px (laptop / tablet / mobile) */
@media (max-width: 1265px) {
  .hero-section-11 .bg-shape,
  .hero-section-11 .shapes {
    display: none !important;
  }
}

.hero-section-11 .hero-row-11 {
  padding-top: 140px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .hero-section-11 .hero-row-11 {
    padding-top: 28px;
    padding-bottom: 48px;
  }

  .hero-section-11 .hero-info-3,
  .hero-section-11 .hero-info-4,
  .hero-section-11 .hero-info-3.hero-info-4 {
    padding-top: 0 !important;
    padding-bottom: 20px;
  }
}

.hero-section-11 .hero-services-3d-wrap {
  max-width: 520px;
  width: 100%;
  margin-left: auto;
  perspective: 1200px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  .hero-section-11 .hero-services-3d-wrap {
    max-width: 100%;
    margin: 40px auto 0;
  }
}

.hero-section-11 .hero-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 24px;
}

@media only screen and (max-width: 576px) {
  .hero-section-11 .hero-services-grid {
    gap: 20px 16px;
  }
}

.hero-section-11 .hero-service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.hero-section-11 .hero-service-card:hover {
  text-decoration: none;
  color: inherit;
}

.hero-section-11 .hero-service-card:nth-child(1) {
  animation: heroCardFloat 5s ease-in-out infinite;
}

.hero-section-11 .hero-service-card:nth-child(2) {
  animation: heroCardFloat 5s ease-in-out 0.6s infinite;
}

.hero-section-11 .hero-service-card:nth-child(3) {
  animation: heroCardFloat 5s ease-in-out 1.2s infinite;
}

.hero-section-11 .hero-service-card:nth-child(4) {
  animation: heroCardFloat 5s ease-in-out 1.8s infinite;
}

@keyframes heroCardFloat {

  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -10px, 0);
  }
}

.hero-section-11 .service-card-3d {
  width: 100%;
  transform-style: preserve-3d;
  transition: transform 0.15s ease-out;
}

.hero-section-11 .service-card-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 220px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(145deg,
      color-mix(in srgb, var(--rr-color-theme-primary) 22%, transparent),
      transparent);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 50%, transparent);
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.45),
    0 0 28px color-mix(in srgb, var(--rr-color-theme-primary) 28%, transparent),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  transform: translateZ(20px);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}

@media (max-width: 1199px) {
  .hero-section-11 .service-card-img {
    max-width: 180px;
    border-radius: 16px;
  }
}

@media only screen and (max-width: 576px) {
  .hero-section-11 .service-card-img {
    max-width: 140px;
    border-radius: 14px;
  }
}

.hero-section-11 .hero-service-card:hover .service-card-img {
  border-color: var(--rr-color-theme-primary);
  background: linear-gradient(145deg,
      color-mix(in srgb, var(--rr-color-theme-primary) 35%, transparent),
      transparent);
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.45),
    0 0 42px color-mix(in srgb, var(--rr-color-theme-primary) 55%, transparent),
    0 0 0 1px color-mix(in srgb, var(--rr-color-theme-primary) 25%, transparent) inset;
}

.hero-section-11 .service-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.hero-section-11 .hero-service-card:hover .service-card-img img {
  transform: scale(1.08);
}

.hero-section-11 .service-card-shine {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg,
      transparent 40%,
      color-mix(in srgb, var(--rr-color-theme-primary) 35%, transparent) 50%,
      transparent 60%);
  transform: rotate(25deg) translate3d(-80%, 0, 0);
  animation: heroCardShine 4s ease-in-out infinite;
  pointer-events: none;
  will-change: transform;
}

@keyframes heroCardShine {

  0%,
  100% {
    transform: rotate(25deg) translate3d(-80%, 0, 0);
  }

  50% {
    transform: rotate(25deg) translate3d(80%, 0, 0);
  }
}

.hero-section-11 .service-card-info {
  margin-top: 16px;
  padding: 0 4px;
  transform: translateZ(10px);
}

@media only screen and (max-width: 576px) {
  .hero-section-11 .service-card-info {
    margin-top: 12px;
  }
}

.hero-section-11 .service-card-info .title {
  font-size: 18px;
  font-weight: 600;
  color: var(--rr-color-common-white);
  margin-bottom: 6px;
  line-height: 1.3;
  transition: color 0.3s ease;
}

@media only screen and (max-width: 576px) {
  .hero-section-11 .service-card-info .title {
    font-size: 13px;
  }
}

.hero-section-11 .hero-service-card:hover .service-card-info .title {
  color: var(--rr-color-theme-primary);
}

/* .hero-section-11 .hero-service-card:hover .service-card-info p {
  color: color-mix(in srgb, var(--rr-color-theme-primary) 75%, var(--rr-color-text-body));
} */

.hero-section-11 .service-card-info p {
  font-size: 12px;
  line-height: 1.5;
  color: var(--rr-color-text-body);
  margin: 0;
}

@media only screen and (max-width: 576px) {
  .hero-section-11 .service-card-info p {
    font-size: 11px;
    line-height: 1.4;
  }
}

.hero-section-11 .hero-services-orb {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle,
      color-mix(in srgb, var(--rr-color-theme-primary) 55%, transparent) 0%,
      transparent 72%);
  pointer-events: none;
  z-index: -1;
  will-change: transform, opacity;
}

.hero-section-11 .hero-services-orb-1 {
  width: 200px;
  height: 200px;
  top: -40px;
  right: -30px;
  animation: heroOrbPulse 6s ease-in-out infinite;
}

.hero-section-11 .hero-services-orb-2 {
  width: 160px;
  height: 160px;
  bottom: -20px;
  left: -20px;
  animation: heroOrbPulse 6s ease-in-out 3s infinite;
}

@keyframes heroOrbPulse {

  0%,
  100% {
    transform: scale3d(1, 1, 1);
    opacity: 0.6;
  }

  50% {
    transform: scale3d(1.15, 1.15, 1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {

  .hero-section-11 .hero-service-card,
  .hero-section-11 .service-card-shine,
  .hero-section-11 .hero-services-orb {
    animation: none;
  }
}

/* Hero feature list — section-independent (copy hero-ai-marketing-list anywhere in hero-section-11) */
.hero-section-11 .hero-info-4 p {
  margin-bottom: 24px;
}

.hero-section-11 .hero-ai-marketing-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
}

.hero-section-11 .hero-ai-marketing-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

.hero-section-11 .hero-ai-marketing-list li:hover {
  background: rgba(35, 118, 135, 0.12);
  border-color: rgba(35, 118, 135, 0.28);
}

.hero-section-11 .hero-ai-marketing-list li i {
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--rr-color-theme-secondary);
  font-size: 15px;
}

@media (max-width: 1199px) {
  .hero-section-11 .hero-ai-marketing-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .hero-section-11 .hero-ai-marketing-list {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 28px;
  }
}

[data-theme=light] .hero-section-11 .hero-ai-marketing-list li {
  color: var(--rr-color-heading-primary);
  background: rgba(35, 118, 135, 0.06);
  border-color: rgba(35, 118, 135, 0.12);
}

[data-theme=light] .hero-section-11 .hero-ai-marketing-list li:hover {
  background: rgba(35, 118, 135, 0.12);
  border-color: rgba(35, 118, 135, 0.28);
}

[data-theme=light] .hero-section-11 .hero-ai-marketing-list li i {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .hero-section-11 .hero-ai-marketing-list li {
  color: rgba(255, 255, 255, 0.92);
}

/* ===== GC Hero Banners 1–4 — shared responsive (~1265px laptop + tablet + mobile) ===== */
@media (min-width: 992px) and (max-width: 1319px) {
  .hero-section-11 .hero-row-11,
  .hero-section-11.gc-hero-row {
    padding-top: 120px;
    padding-bottom: 48px;
    row-gap: 28px;
  }

  .hero-section-11 .hero-info-3 .title,
  .hero-section-11 .hero-info-4 .title {
    font-size: clamp(36px, 4.1vw, 50px);
    line-height: 1.14;
  }

  .hero-section-11 .hero-info-4 p {
    font-size: 16px;
    line-height: 1.65;
    margin: 16px 0 28px;
  }

  .hero-section-11 .hero-services-3d-wrap {
    max-width: 440px;
  }

  .hero-section-11 .service-card-img {
    max-width: 158px;
  }

  .hero-section-11 .service-card-info .title {
    font-size: 15px;
  }

  .hero-section-11 .hero-ai-marketing-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    margin-bottom: 28px;
  }

  .hero-section-11 .hero-ai-marketing-list li {
    font-size: 12px;
    padding: 8px 10px;
  }

  .hero-section-11 .bg-shape {
    top: 72px;
  }

  .hero-section-11 .shapes .shape-1 img,
  .hero-section-11 .shapes .shape-2 img {
    max-width: min(42vw, 300px);
    height: auto;
  }

  .gc-web-solutions-hero .gc-web-solutions-hero-grid {
    gap: 16px 12px;
  }

  .gc-web-solutions-hero .service-card-info .title {
    font-size: 13px;
  }

  .graphics-solutions-hero .gc-hero-title {
    font-size: clamp(34px, 3.8vw, 46px);
  }

  .graphics-solutions-hero .gc-hero-desc {
    font-size: 16px;
    max-width: 100%;
  }

  .graphics-solutions-hero .gc-hero-slider-wrap {
    max-width: 400px;
  }

  .graphics-solutions-hero .gc-hero-slide-img {
    height: 290px;
  }
}

@media (max-width: 991px) {
  .hero-section-11 .hero-row-11 {
    row-gap: 8px;
    padding-top: 28px;
    padding-bottom: 44px;
  }

  .hero-section-11 .hero-info-3,
  .hero-section-11 .hero-info-4,
  .hero-section-11 .hero-info-3.hero-info-4,
  .hero-section-11 .gc-hero-content {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 20px;
  }

  .hero-section-11 .hero-info-3 .hero-btn-wrap,
  .hero-section-11 .hero-info-4 .hero-btn-wrap,
  .hero-section-11 .gc-hero-one-btns,
  .hero-section-11 .gc-hero-btns {
    justify-content: center;
  }

  .hero-section-11 .hero-services-3d-wrap,
  .gc-web-solutions-hero .hero-services-3d-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .gc-web-solutions-hero .gc-web-solutions-hero-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .hero-section-11 .hero-row-11 {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .hero-section-11 .hero-info-3 .title,
  .hero-section-11 .hero-info-4 .title {
    font-size: clamp(14px, 3.5vw, 15px);
    line-height: 1.18;
  }

  .hero-section-11 .hero-info-4 p {
    font-size: 15px;
    margin: 12px 0 24px;
  }

  .hero-section-11 .hero-btn-wrap .rr-primary-btn,
  .hero-section-11 .gc-hero-one-btns .gc-hero-one-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .gc-web-solutions-hero .gc-web-solutions-hero-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .hero-section-11 .hero-row-11 {
    padding-top: 20px;
    padding-bottom: 36px;
  }

  .hero-section-11 .gc-hero-one-btns,
  .hero-section-11 .gc-hero-btns,
  .hero-section-11 .hero-info-3 .hero-btn-wrap.two {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

/* AI Marketing Solutions page — blog grid (image + title only, 4 columns) */
.ai-marketing-blog-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
}

.ai-marketing-blog-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 25%, rgba(35, 118, 135, 0.14) 0%, transparent 46%),
    radial-gradient(circle at 82% 75%, rgba(0, 180, 255, 0.08) 0%, transparent 42%);
  pointer-events: none;
  z-index: 0;
}

.ai-marketing-blog-section .container {
  position: relative;
  z-index: 1;
}

.ai-marketing-blog-section .ai-marketing-blog-desc {
  max-width: 820px;
  margin: 24px auto 0;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .ai-marketing-blog-section .ai-marketing-blog-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .ai-marketing-blog-section .ai-marketing-blog-desc {
  color: var(--rr-color-text-body-light);
}

.ai-marketing-blog-section .ai-marketing-blog-cta {
  margin-top: 60px;
  padding: 36px 40px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.ai-marketing-blog-section .ai-marketing-blog-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(35, 118, 135, 0.12) 0%, transparent 55%);
  pointer-events: none;
}

[data-theme=dark] .ai-marketing-blog-section .ai-marketing-blog-cta {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(35, 118, 135, 0.28);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .ai-marketing-blog-section .ai-marketing-blog-cta {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 100%);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 22%, var(--rr-color-border-light));
  box-shadow: 0 12px 32px rgba(17, 21, 28, 0.08);
}

.ai-marketing-blog-section .ai-marketing-blog-cta-text {
  margin: 0;
  font-size: 18px;
  line-height: 1.75;
  position: relative;
  z-index: 1;
}

[data-theme=dark] .ai-marketing-blog-section .ai-marketing-blog-cta-text {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme=light] .ai-marketing-blog-section .ai-marketing-blog-cta-text {
  color: var(--rr-color-heading-primary);
}

.ai-marketing-blog-section .ai-marketing-blog-cta .rr-primary-btn {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

@media (max-width: 991px) {
  .ai-marketing-blog-section .ai-marketing-blog-cta {
    margin-top: 48px;
    padding: 28px 24px;
  }

  .ai-marketing-blog-section .ai-marketing-blog-cta .col-lg-4 {
    text-align: center !important;
  }
}

@media (max-width: 575px) {
  .ai-marketing-blog-section .ai-marketing-blog-desc {
    font-size: 16px;
  }

  .ai-marketing-blog-section .ai-marketing-blog-cta-text {
    font-size: 16px;
  }

  .ai-marketing-blog-section .ai-marketing-blog-cta {
    padding: 24px 20px;
    border-radius: 16px;
  }
}

[data-theme=dark] .ai-marketing-blog-section {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .ai-marketing-blog-section {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 248, 0.94) 100%);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .ai-marketing-blog-section::before {
  background:
    radial-gradient(circle at 18% 25%, rgba(35, 118, 135, 0.1) 0%, transparent 46%),
    radial-gradient(circle at 82% 75%, rgba(35, 118, 135, 0.05) 0%, transparent 42%);
}

.ai-marketing-blog-section .post-card-wrap {
  height: 100%;
}

.ai-marketing-blog-section .post-card.card-6.card-8 {
  height: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  z-index: 1;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.ai-marketing-blog-section .post-card.card-6.card-8::before {
  content: "";
  position: absolute;
  top: -45%;
  left: 50%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--rr-color-theme-primary);
  opacity: 0;
  filter: blur(80px);
  transform: translateX(-50%);
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}

.ai-marketing-blog-section .post-card.card-6.card-8::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--rr-color-theme-primary), transparent);
  transform: translateX(-50%);
  transition: width 0.4s ease;
  pointer-events: none;
  z-index: 2;
}

.ai-marketing-blog-section .post-card.card-6.card-8 .post-thumb {
  height: 320px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ai-marketing-blog-section .post-card.card-6.card-8 .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-marketing-blog-section .post-card.card-6.card-8 .post-content-wrap {
  padding: 24px 22px 28px;
  position: relative;
  z-index: 1;
}

.ai-marketing-blog-section .post-card.card-6.card-8 .post-content .title {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1.45;
  cursor: default;
  transition: color 0.35s ease, transform 0.35s ease;
}

[data-theme=dark] .ai-marketing-blog-section .post-card.card-6.card-8 {
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

[data-theme=dark] .ai-marketing-blog-section .post-card.card-6.card-8 .post-content .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .ai-marketing-blog-section .post-card.card-6.card-8:hover {
  transform: translateY(-10px);
  border-color: rgba(35, 118, 135, 0.45);
  background-color: rgba(35, 118, 135, 0.1);
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.32),
    0 0 32px rgba(35, 118, 135, 0.16);
}

[data-theme=dark] .ai-marketing-blog-section .post-card.card-6.card-8:hover::before {
  opacity: 0.32;
}

[data-theme=dark] .ai-marketing-blog-section .post-card.card-6.card-8:hover::after {
  width: 72%;
}

[data-theme=dark] .ai-marketing-blog-section .post-card.card-6.card-8:hover .post-content .title {
  color: #3a9fb3;
  transform: translateY(2px);
}

[data-theme=light] .ai-marketing-blog-section .post-card.card-6.card-8 {
  background-color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-border-light);
  box-shadow: 0 10px 28px rgba(17, 21, 28, 0.06);
}

[data-theme=light] .ai-marketing-blog-section .post-card.card-6.card-8 .post-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .ai-marketing-blog-section .post-card.card-6.card-8:hover {
  transform: translateY(-10px);
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 35%, var(--rr-color-border-light));
  background-color: color-mix(in srgb, var(--rr-color-theme-primary) 6%, #ffffff);
  box-shadow:
    0 20px 40px rgba(35, 118, 135, 0.14),
    0 0 24px rgba(35, 118, 135, 0.08);
}

[data-theme=light] .ai-marketing-blog-section .post-card.card-6.card-8:hover::before {
  opacity: 0.2;
}

[data-theme=light] .ai-marketing-blog-section .post-card.card-6.card-8:hover::after {
  width: 72%;
}

[data-theme=light] .ai-marketing-blog-section .post-card.card-6.card-8:hover .post-content .title {
  color: var(--rr-color-theme-primary);
  transform: translateY(2px);
}

.ai-marketing-blog-section .post-card.card-6.card-8:hover .post-thumb img {
  transform: scale(1.08);
}

@media (max-width: 1199px) {
  .ai-marketing-blog-section .post-card.card-6.card-8 .post-thumb {
    height: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .ai-marketing-blog-section .post-card.card-6.card-8 .post-thumb {
    height: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .ai-marketing-blog-section .post-card.card-6.card-8,
  .ai-marketing-blog-section .post-card.card-6.card-8::before,
  .ai-marketing-blog-section .post-card.card-6.card-8::after,
  .ai-marketing-blog-section .post-card.card-6.card-8 .post-thumb img,
  .ai-marketing-blog-section .post-card.card-6.card-8 .post-content .title {
    transition: none;
  }

  .ai-marketing-blog-section .post-card.card-6.card-8:hover {
    transform: none;
  }

  .ai-marketing-blog-section .post-card.card-6.card-8:hover .post-content .title {
    transform: none;
  }
}

/* AI marketing service grid section */
.ai-marketing-service-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
}

.ai-marketing-service-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(35, 118, 135, 0.1) 0%, transparent 42%),
    radial-gradient(circle at 85% 80%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.ai-marketing-service-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .ai-marketing-service-section {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .ai-marketing-service-section {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 247, 250, 0.94) 100%);
  border-color: var(--rr-color-border-light);
}

.ai-marketing-service-section .ai-marketing-service-desc {
  max-width: 760px;
  margin: 24px auto 0;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .ai-marketing-service-section .ai-marketing-service-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .ai-marketing-service-section .ai-marketing-service-desc {
  color: var(--rr-color-text-body-light);
}

.ai-marketing-service-card {
  height: 100%;
  padding: 48px 34px 42px;
  border-radius: 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.ai-marketing-service-card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: var(--rr-color-theme-primary);
  opacity: 0;
  filter: blur(80px);
  transform: translateX(-50%);
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}

.ai-marketing-service-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--rr-color-theme-primary), transparent);
  transform: translateX(-50%);
  transition: width 0.4s ease;
  pointer-events: none;
  z-index: 2;
}

.ai-marketing-service-icon {
  width: 92px;
  height: 92px;
  margin: 0 auto 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.35s ease,
    box-shadow 0.35s ease;
}

.ai-marketing-service-icon::before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.35s ease, transform 0.35s ease;
}

.ai-marketing-service-icon i {
  font-size: 36px;
  line-height: 1;
  transition: transform 0.4s ease, color 0.35s ease;
}

[data-theme=dark] .ai-marketing-service-icon {
  background: rgba(255, 194, 38, 0.14);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

[data-theme=dark] .ai-marketing-service-icon i {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .ai-marketing-service-icon {
  background: color-mix(in srgb, var(--rr-color-theme-secondary) 20%, #ffffff);
  box-shadow: 0 8px 22px rgba(230, 168, 0, 0.12);
}

[data-theme=light] .ai-marketing-service-icon i {
  color: #e6a800;
}

.ai-marketing-service-card .title {
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  position: relative;
  z-index: 1;
}

.ai-marketing-service-card .title a {
  color: inherit;
  text-decoration: none;
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  transition: color 0.35s ease, background-size 0.35s ease, transform 0.35s ease;
}

.ai-marketing-service-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  position: relative;
  z-index: 1;
  transition: color 0.35s ease;
}

[data-theme=dark] .ai-marketing-service-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

[data-theme=dark] .ai-marketing-service-card .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .ai-marketing-service-card p {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=light] .ai-marketing-service-card {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafb 100%);
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 14px 40px rgba(17, 21, 28, 0.09);
}

[data-theme=light] .ai-marketing-service-card .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .ai-marketing-service-card p {
  color: var(--rr-color-text-body-light);
}

.ai-marketing-service-card:hover {
  transform: translateY(-12px);
}

[data-theme=dark] .ai-marketing-service-card:hover {
  border-color: rgba(35, 118, 135, 0.5);
  background: linear-gradient(165deg, rgba(35, 118, 135, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow:
    0 26px 50px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(35, 118, 135, 0.16);
}

[data-theme=light] .ai-marketing-service-card:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 32%, var(--rr-color-border-light));
  background: linear-gradient(165deg, #ffffff 0%, color-mix(in srgb, var(--rr-color-theme-primary) 6%, #f8fafb) 100%);
  box-shadow:
    0 26px 50px rgba(35, 118, 135, 0.14),
    0 0 28px rgba(35, 118, 135, 0.08);
}

.ai-marketing-service-card:hover::before {
  opacity: 0.32;
}

.ai-marketing-service-card:hover::after {
  width: 76%;
}

.ai-marketing-service-card:hover .ai-marketing-service-icon {
  transform: scale(1.1) translateY(-4px);
  background-color: var(--rr-color-theme-primary);
  box-shadow: 0 14px 28px rgba(35, 118, 135, 0.35);
}

.ai-marketing-service-card:hover .ai-marketing-service-icon::before {
  border-color: rgba(35, 118, 135, 0.35);
  transform: scale(1.06);
}

.ai-marketing-service-card:hover .ai-marketing-service-icon i {
  transform: scale(1.05);
  color: var(--rr-color-common-white);
}

[data-theme=dark] .ai-marketing-service-card:hover .title a,
[data-theme=light] .ai-marketing-service-card:hover .title a {
  color: var(--rr-color-theme-primary);
  background-size: 100% 2px;
}

.ai-marketing-service-card:hover p {
  color: inherit;
}

[data-theme=dark] .ai-marketing-service-card:hover p {
  color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 991px) {
  .ai-marketing-service-card {
    padding: 36px 28px 32px;
  }
}

@media (max-width: 767px) {
  .ai-marketing-service-section .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575px) {
  .ai-marketing-service-section .ai-marketing-service-desc {
    font-size: 16px;
  }

  .ai-marketing-service-card {
    padding: 32px 24px 28px;
    border-radius: 16px;
  }

  .ai-marketing-service-icon {
    width: 76px;
    height: 76px;
    margin-bottom: 22px;
  }

  .ai-marketing-service-icon i {
    font-size: 30px;
  }

  .ai-marketing-service-card .title {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .ai-marketing-service-card,
  .ai-marketing-service-card::before,
  .ai-marketing-service-card::after,
  .ai-marketing-service-icon,
  .ai-marketing-service-icon i,
  .ai-marketing-service-card .title {
    transition: none;
  }

  .ai-marketing-service-card:hover {
    transform: none;
  }

  .ai-marketing-service-card:hover .ai-marketing-service-icon,
  .ai-marketing-service-card:hover .ai-marketing-service-icon i {
    transform: none;
  }
}

/* AI Marketing Solutions page — results / stats section */
.ai-marketing-results-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
}

.ai-marketing-results-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(35, 118, 135, 0.12) 0%, transparent 40%),
    radial-gradient(circle at 88% 82%, rgba(35, 118, 135, 0.06) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.ai-marketing-results-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .ai-marketing-results-section {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .ai-marketing-results-section {
  background: linear-gradient(145deg, rgba(232, 244, 243, 0.98) 0%, rgba(220, 238, 236, 0.94) 100%);
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 18%, var(--rr-color-border-light));
}

.ai-marketing-results-heading {
  margin-bottom: 60px;
}

.ai-marketing-results-desc {
  font-size: 17px;
  line-height: 1.75;
  max-width: 640px;
  margin-left: auto;
}

[data-theme=dark] .ai-marketing-results-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .ai-marketing-results-desc {
  color: var(--rr-color-text-body-light);
}

.ai-marketing-result-card {
  height: 100%;
  padding: 42px 40px 38px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.ai-marketing-result-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.4s ease;
}

[data-theme=dark] .ai-marketing-result-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

[data-theme=light] .ai-marketing-result-card {
  background: linear-gradient(165deg, #f8fcfb 0%, #f2f8f7 100%);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 14%, #ffffff);
  box-shadow: 0 10px 28px rgba(35, 118, 135, 0.08);
}

.ai-marketing-result-card .result-value {
  display: block;
  margin-bottom: 18px;
  font-size: clamp(40px, 3.8vw, 54px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  transition: transform 0.35s ease, color 0.35s ease;
}

[data-theme=dark] .ai-marketing-result-card .result-value {
  color: #4eb3c4;
}

[data-theme=light] .ai-marketing-result-card .result-value {
  color: var(--rr-color-theme-primary);
}

.ai-marketing-result-card .result-metric {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.35s ease;
}

[data-theme=dark] .ai-marketing-result-card .result-metric {
  color: var(--rr-color-common-white);
}

[data-theme=light] .ai-marketing-result-card .result-metric {
  color: #1a4a52;
}

.ai-marketing-result-card .result-client {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  transition: color 0.35s ease;
}

[data-theme=dark] .ai-marketing-result-card .result-client {
  color: rgba(255, 255, 255, 0.55);
}

[data-theme=light] .ai-marketing-result-card .result-client {
  color: color-mix(in srgb, var(--rr-color-theme-primary) 55%, var(--rr-color-text-body-light));
}

.ai-marketing-result-card:hover {
  transform: translateY(-8px);
}

[data-theme=dark] .ai-marketing-result-card:hover {
  border-color: rgba(35, 118, 135, 0.45);
  background: linear-gradient(165deg, rgba(35, 118, 135, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.28),
    0 0 28px rgba(35, 118, 135, 0.12);
}

[data-theme=light] .ai-marketing-result-card:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 30%, var(--rr-color-border-light));
  box-shadow:
    0 22px 44px rgba(35, 118, 135, 0.14),
    0 0 24px rgba(35, 118, 135, 0.06);
}

.ai-marketing-result-card:hover::after {
  width: 100%;
}

.ai-marketing-result-card:hover .result-value {
  transform: scale(1.04);
}

[data-theme=dark] .ai-marketing-result-card:hover .result-value {
  color: var(--rr-color-common-white);
}

@media (max-width: 991px) {
  .ai-marketing-results-heading {
    margin-bottom: 48px;
  }

  .ai-marketing-results-desc {
    margin-left: 0;
    max-width: 100%;
  }

  .ai-marketing-result-card {
    padding: 34px 30px 30px;
  }
}

@media (max-width: 575px) {
  .ai-marketing-results-desc {
    font-size: 16px;
  }

  .ai-marketing-result-card {
    padding: 28px 24px 24px;
    border-radius: 16px;
  }

  .ai-marketing-result-card .result-metric {
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .ai-marketing-result-card,
  .ai-marketing-result-card::after,
  .ai-marketing-result-card .result-value {
    transition: none;
  }

  .ai-marketing-result-card:hover {
    transform: none;
  }

  .ai-marketing-result-card:hover .result-value {
    transform: none;
  }
}

/* AI Marketing Solutions page — pre-footer CTA banner */
.ai-marketing-cta-banner {
  position: relative;
  overflow: hidden;
  padding: 130px 0;
  border-top: 1px solid var(--rr-color-border-1);
}

.ai-marketing-cta-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 8% 50%, rgba(35, 118, 135, 0.14) 0%, transparent 42%),
    radial-gradient(circle at 92% 50%, rgba(255, 194, 38, 0.08) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.ai-marketing-cta-banner .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .ai-marketing-cta-banner {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .ai-marketing-cta-banner {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 245, 248, 0.94) 100%);
  border-color: var(--rr-color-border-light);
}

.ai-marketing-cta-banner-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px 60px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.ai-marketing-cta-banner-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(35, 118, 135, 0.1) 0%, transparent 58%);
  pointer-events: none;
}

[data-theme=dark] .ai-marketing-cta-banner-inner {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(35, 118, 135, 0.3);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

[data-theme=light] .ai-marketing-cta-banner-inner {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 100%);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 20%, var(--rr-color-border-light));
  box-shadow: 0 16px 40px rgba(17, 21, 28, 0.08);
}

.ai-marketing-cta-banner-text {
  margin: 0 0 36px;
  max-width: 920px;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 700;
  line-height: 1.45;
  position: relative;
  z-index: 1;
}

[data-theme=dark] .ai-marketing-cta-banner-text {
  color: rgba(255, 255, 255, 0.86);
}

[data-theme=light] .ai-marketing-cta-banner-text {
  color: var(--rr-color-heading-primary);
}

.ai-marketing-cta-btn {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  padding: 18px 36px;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.ai-marketing-cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(35, 118, 135, 0.35);
}

@media (max-width: 991px) {
  .ai-marketing-cta-banner {
    padding: 100px 0;
  }

  .ai-marketing-cta-banner-inner {
    padding: 48px 40px;
  }
}

@media (max-width: 575px) {
  .ai-marketing-cta-banner {
    padding: 80px 0;
  }

  .ai-marketing-cta-banner-inner {
    padding: 36px 28px;
    border-radius: 16px;
  }

  .ai-marketing-cta-banner-text {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .ai-marketing-cta-btn {
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-marketing-cta-btn {
    transition: none;
  }

  .ai-marketing-cta-btn:hover {
    transform: none;
  }
}

.industries-marquee-section-11 {
  /* background-color: #02050A; */
  padding: 130px 0 0;
  overflow: hidden;
  position: relative;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.82) 0%, rgba(13, 31, 45, 0.58) 100%);
}

.industries-marquee-section-11 .industries-heading-11 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  .industries-marquee-section-11 {
    padding-top: 80px;
  }

  .industries-marquee-section-11 .industries-heading-11 {
    margin-bottom: 40px;
  }
}

.industries-marquee-section-11::before,
.industries-marquee-section-11::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}

.industries-marquee-section-11::before {
  left: 0;
  background: linear-gradient(90deg, #02050A 0%, rgba(2, 5, 10, 0) 100%);
}

.industries-marquee-section-11::after {
  right: 0;
  background: linear-gradient(270deg, #02050A 0%, rgba(2, 5, 10, 0) 100%);
}

.industries-marquee-viewport {
  overflow: hidden;
  width: 100%;
}

.industries-marquee-track {
  display: flex;
  width: max-content;
  animation: industriesMarquee11 55s linear infinite;
}

.industries-marquee-section-11:hover .industries-marquee-track {
  animation-play-state: paused;
}

.industries-marquee-group {
  display: flex;
  flex-shrink: 0;
}

.industry-item-11 {
  flex: 0 0 25vw;
  width: 25vw;
  padding: 36px 32px 40px;
  border-right: 3px solid rgba(35, 118, 135, 0.55);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: background 0.35s ease;
}

.industry-item-11:hover {
  background: linear-gradient(180deg, rgba(35, 118, 135, 0.12) 0%, rgba(2, 5, 10, 0) 100%);
}

.industry-item-11 .industry-img-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  margin-bottom: 22px;
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.18), rgba(255, 194, 38, 0.06));
}

.industry-item-11 .industry-img-frame::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 2px solid var(--rr-color-theme-primary);
  z-index: 2;
  pointer-events: none;
  transition: border-color 0.35s ease, inset 0.35s ease;
}

.industry-item-11:hover .industry-img-frame::before {
  inset: 8px;
  border-color: var(--rr-color-theme-secondary);
}

.industry-item-11 .industry-img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.industry-item-11:hover .industry-img-frame img {
  transform: scale(1.06);
}

.industry-item-11 .industry-title {
  color: var(--rr-color-common-white);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0;
  max-width: 220px;
  transition: color 0.35s ease;
}

.industry-item-11:hover .industry-title {
  color: var(--rr-color-theme-secondary);
}

@keyframes industriesMarquee11 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 1199px) {
  .industry-item-11 {
    flex: 0 0 33.333vw;
    width: 33.333vw;
    padding: 30px 24px 34px;
  }
}

@media (max-width: 767px) {
  .industry-item-11 {
    flex: 0 0 50vw;
    width: 50vw;
    padding: 24px 18px 28px;
    border-right-width: 2px;
  }

  .industry-item-11 .industry-title {
    font-size: 15px;
  }

  .industries-marquee-section-11::before,
  .industries-marquee-section-11::after {
    width: 48px;
  }
}

@media (max-width: 575px) {
  .industry-item-11 {
    flex: 0 0 78vw;
    width: 78vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .industries-marquee-track {
    animation: none;
  }

  .industries-marquee-viewport {
    overflow-x: auto;
    scrollbar-width: thin;
  }
}

/* Delivery speed section — index 11 */
.delivery-speed-section-11 {
  background-color: #0D1F2D;
}

.delivery-speed-section-11 .delivery-speed-panel {
  background-color: #141820;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: 48px 40px;
}

.delivery-speed-section-11 .delivery-speed-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.delivery-speed-section-11 .delivery-speed-badge {
  display: inline-block;
  align-self: flex-start;
  padding: 8px 18px;
  margin-bottom: 24px;
  border-radius: 50px;
  background-color: rgba(35, 118, 135, 0.14);
  color: var(--rr-color-theme-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
}

.delivery-speed-section-11 .delivery-speed-title {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: clamp(28px, 2.4vw, 40px);
  font-weight: 700;
  line-height: 1.25;
}

.delivery-speed-section-11 .delivery-speed-desc {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  line-height: 1.75;
}

.delivery-speed-section-11 .delivery-speed-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  height: auto;
  align-content: stretch;
}

.delivery-speed-section-11 .delivery-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  height: 100%;
  margin: 0;
  padding: 36px 24px;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.delivery-speed-section-11 .delivery-stat-card::before {
  content: "";
  position: absolute;
  top: -40%;
  left: 50%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: var(--rr-color-theme-primary);
  opacity: 0;
  filter: blur(70px);
  transform: translateX(-50%);
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: -1;
}

.delivery-speed-section-11 .delivery-stat-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--rr-color-theme-primary), transparent);
  transform: translateX(-50%);
  transition: width 0.35s ease;
  pointer-events: none;
}

.delivery-speed-section-11 .delivery-stat-card:hover {
  transform: translateY(-8px);
  background-color: rgba(35, 118, 135, 0.1);
  border-color: rgba(35, 118, 135, 0.4);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.28),
    0 0 28px rgba(35, 118, 135, 0.18);
}

.delivery-speed-section-11 .delivery-stat-card:hover::before {
  opacity: 0.35;
}

.delivery-speed-section-11 .delivery-stat-card:hover::after {
  width: 72%;
}

.delivery-speed-section-11 .delivery-stat-value {
  display: block;
  margin-bottom: 10px;
  color: var(--rr-color-theme-primary);
  font-size: clamp(42px, 3.5vw, 56px);
  font-weight: 700;
  line-height: 1;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s ease;
}

.delivery-speed-section-11 .delivery-stat-label {
  display: block;
  max-width: 220px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 15px;
  line-height: 1.5;
  transition: transform 0.35s ease, color 0.35s ease;
}

.delivery-speed-section-11 .delivery-stat-card:hover .delivery-stat-value {
  transform: scale(1.08);
  color: #3a9fb3;
}

.delivery-speed-section-11 .delivery-stat-card:hover .delivery-stat-label {
  color: rgba(255, 255, 255, 0.88);
  transform: translateY(2px);
}

@media (max-width: 991px) {
  .delivery-speed-section-11 .delivery-speed-panel {
    padding: 36px 28px;
  }

  .delivery-speed-section-11 .delivery-speed-panel-row {
    row-gap: 24px;
  }

  .delivery-speed-section-11 .delivery-speed-content {
    margin-bottom: 0;
    text-align: center;
    align-items: center;
  }

  .delivery-speed-section-11 .delivery-speed-badge {
    align-self: center;
  }

  .delivery-speed-section-11 .delivery-speed-stats {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .delivery-speed-section-11 .delivery-stat-card {
    min-height: 120px;
    padding: 24px 18px;
  }
}

@media (max-width: 575px) {
  .delivery-speed-section-11 .delivery-speed-panel {
    padding: 24px 16px;
    border-radius: 16px;
  }

  .delivery-speed-section-11 .delivery-speed-badge {
    margin-bottom: 18px;
    font-size: 13px;
  }

  .delivery-speed-section-11 .delivery-speed-desc {
    font-size: 15px;
  }

  .delivery-speed-section-11 .delivery-speed-stats {
    gap: 14px;
  }

  .delivery-speed-section-11 .delivery-stat-card {
    min-height: 110px;
    padding: 22px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .delivery-speed-section-11 .delivery-stat-card,
  .delivery-speed-section-11 .delivery-stat-value,
  .delivery-speed-section-11 .delivery-stat-label,
  .delivery-speed-section-11 .delivery-stat-card::before,
  .delivery-speed-section-11 .delivery-stat-card::after {
    transition: none;
  }

  .delivery-speed-section-11 .delivery-stat-card:hover {
    transform: none;
  }

  .delivery-speed-section-11 .delivery-stat-card:hover .delivery-stat-value,
  .delivery-speed-section-11 .delivery-stat-card:hover .delivery-stat-label {
    transform: none;
  }
}

/* AI quote banner — index 11 (lightweight, no continuous animations) */
.ai-quote-banner-11 {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  background-color: #0D1F2D;
  border-top: 1px solid rgba(35, 118, 135, 0.15);
  border-bottom: 1px solid rgba(35, 118, 135, 0.15);
}

.ai-quote-banner-11::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(35, 118, 135, 0.18) 0%, transparent 42%),
    radial-gradient(circle at 85% 75%, rgba(0, 180, 255, 0.1) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.ai-quote-banner-11 .ai-quote-banner-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ai-quote-banner-11 .ai-quote-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  opacity: 0.7;
}

.ai-quote-banner-11 .ai-quote-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(13, 31, 45, 0.88) 0%, rgba(13, 31, 45, 0.62) 40%, rgba(13, 31, 45, 0.28) 65%, rgba(13, 31, 45, 0.55) 100%),
    radial-gradient(circle at 20% 50%, rgba(35, 118, 135, 0.16) 0%, transparent 48%),
    radial-gradient(circle at 80% 40%, rgba(0, 180, 255, 0.1) 0%, transparent 42%);
}

.ai-quote-banner-11 .container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-quote-banner-11 .ai-quote-content {
  position: relative;
  max-width: 780px;
  width: 100%;
  padding: 40px 40px 36px;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.88) 0%, rgba(13, 31, 45, 0.72) 100%);
  border: 1px solid rgba(35, 118, 135, 0.3);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.32);
}

.ai-quote-banner-11 .ai-quote-badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  margin-bottom: 22px;
  border-radius: 50px;
  background: rgba(35, 118, 135, 0.16);
  border: 1px solid rgba(35, 118, 135, 0.32);
  color: #5ec4d6;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ai-quote-banner-11 .ai-quote-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rr-color-theme-secondary);
}

.ai-quote-banner-11 .ai-quote-title {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
  color: #ffffff;
  font-size: clamp(30px, 3.2vw, 48px);
  font-weight: 700;
  line-height: 1.2;
}

.ai-quote-banner-11 .ai-quote-subtitle {
  position: relative;
  z-index: 1;
  margin-bottom: 32px;
  color: rgba(255, 255, 255, 0.74);
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.6;
}

.ai-quote-banner-11 .ai-quote-features {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 24px;
  margin: 0 0 36px;
  padding: 0;
  list-style: none;
}

.ai-quote-banner-11 .ai-quote-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

.ai-quote-banner-11 .ai-quote-features li:hover {
  background: rgba(35, 118, 135, 0.1);
  border-color: rgba(35, 118, 135, 0.28);
}

.ai-quote-banner-11 .ai-quote-features li i {
  flex-shrink: 0;
  color: var(--rr-color-theme-secondary);
  font-size: 17px;
}

.ai-quote-banner-11 .ai-quote-btn {
  position: relative;
  z-index: 1;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(35, 118, 135, 0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ai-quote-banner-11 .ai-quote-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(35, 118, 135, 0.38);
}

@media (max-width: 767px) {
  .ai-quote-banner-11 {
    padding: 80px 0;
  }

  .ai-quote-banner-11 .ai-quote-bg-image {
    object-position: 70% center;
    opacity: 0.55;
  }

  .ai-quote-banner-11 .ai-quote-features {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ai-quote-banner-11 .ai-quote-content {
    padding: 28px 22px 26px;
    border-radius: 16px;
  }

  .ai-quote-banner-11 .ai-quote-overlay {
    background:
      linear-gradient(180deg, rgba(13, 31, 45, 0.92) 0%, rgba(13, 31, 45, 0.78) 100%),
      radial-gradient(circle at 50% 30%, rgba(35, 118, 135, 0.14) 0%, transparent 55%);
  }
}

.hero-info-4 {
  padding: 80px 0 60px 0;
}

@media only screen and (max-width: 992px) {
  .hero-info-4 {
    padding: 40px 0 20px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-info-4 {
    padding: 30px 0 10px 0;
  }
}

@media (max-width: 1399px) {
  .hero-info-4 .title {
    font-size: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1319px) {
  .hero-section-11 .hero-info-4 .title {
    font-size: clamp(36px, 4.1vw, 50px);
    line-height: 1.14;
  }
}

@media only screen and (max-width: 767px) {
  .hero-info-4 .title {
    font-size: 32px;
  }
}

.hero-info-4 p {
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 500;
  margin: 20px 0 55px 0;
  line-height: 1.6;
}

@media (max-width: 1600px) {
  .hero-info-4 p {
    font-size: 18px;
  }
}

@media (max-width: 1399px) {
  .hero-info-4 p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-info-4 p {
    margin: 15px 0 30px 0;
  }
}

.hero-section-12 {
  position: relative;
  z-index: 1;
}

.hero-section-12 .shapes .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.hero-section-12 .shapes .shape-2 {
  position: absolute;
  bottom: 66px;
  left: 0;
  z-index: -1;
}

.hero-section-12 .hero-img {
  position: absolute;
  top: 55%;
  right: 60px;
  transform: translateY(-50%);
  height: 579px;
  max-width: 770px;
}

@media (max-width: 1600px) {
  .hero-section-12 .hero-img {
    max-width: 650px;
  }
}

@media (max-width: 1399px) {
  .hero-section-12 .hero-img {
    max-width: 550px;
    height: 500px;
  }
}

@media (max-width: 1199px) {
  .hero-section-12 .hero-img {
    max-width: 500px;
    height: 450px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-12 .hero-img {
    display: none;
  }
}

.hero-section-12 .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 300px 0 0 300px;
}

@media only screen and (max-width: 992px) {
  .hero-info-5 {
    padding: 100px 0;
  }
}

.hero-info-5 .title {
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 1600px) {
  .hero-info-5 .title {
    font-size: 70px;
  }
}

@media (max-width: 1399px) {
  .hero-info-5 .title {
    font-size: 60px;
  }
}

@media (max-width: 1199px) {
  .hero-info-5 .title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-info-5 .title {
    font-size: 40px;
  }
}

.hero-info-5 p {
  color: var(--rr-color-common-white);
  font-size: 20px;
  font-weight: 500;
  margin: 20px 0 30px 0;
}

@media (max-width: 1199px) {
  .hero-info-5 p {
    font-size: 16px;
  }
}

.hero-section-13 {
  position: relative;
}

.hero-section-13 .hero-img {
  position: absolute;
  top: -406px;
  right: -255px;
  transform: translateY(0%);
  max-width: 1178px;
  width: 100%;
  height: 1216px;
  z-index: 1;
}

@media (max-width: 1600px) {
  .hero-section-13 .hero-img {
    max-width: 1010px;
  }
}

@media screen and (max-width: 1030px) {
  .hero-section-13 .hero-img {
    max-width: 100%;
    top: 0;
    right: 0;
    height: 800px;
  }
}

@media (max-width: 1199px) {
  .hero-section-13 .hero-img {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-13 .hero-img {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-13 .hero-img {
    height: 500px;
    display: block;
  }
}

.hero-section-13 .hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

@media screen and (max-width: 1030px) {
  .hero-section-13 .hero-img img {
    border-radius: 0;
  }
}

.hero-section-13 .hero-bg-color {
  background-color: var(--rr-color-theme-primary);
  position: absolute;
  top: -370px;
  right: -210px;
  transform: translateY(0%);
  max-width: 1178px;
  width: 100%;
  height: 1216px;
  border-radius: 50%;
}

@media (max-width: 1600px) {
  .hero-section-13 .hero-bg-color {
    max-width: 1021px;
  }
}

@media (max-width: 1199px) {
  .hero-section-13 .hero-bg-color {
    display: none;
  }
}

.hero-section-13 .shapes .shape-1 {
  position: absolute;
  width: 1204px;
  height: 933px;
  left: -107px;
  top: 261px;
  background: rgba(63, 90, 243, 0.2);
  mix-blend-mode: normal;
  filter: blur(400px);
}

.hero-section-13 .hero-info-3 {
  padding: 344px 0 143px 0;
}

@media screen and (max-width: 1030px) {
  .hero-section-13 .hero-info-3 {
    padding: 850px 0 106px 0;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-13 .hero-info-3 {
    padding: 550px 0 106px 0;
  }
}

.hero-section-13 .hero-info-3 .subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.hero-section-13 .hero-info-3 .title {
  font-weight: 700;
  font-size: 60px;
  line-height: 70px;
  margin-top: 16px;
  margin-bottom: 24px;
}

@media (max-width: 1600px) {
  .hero-section-13 .hero-info-3 .title {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-13 .hero-info-3 .title {
    font-size: 28px;
    line-height: 40px;
  }

  .hero-section-13 .hero-info-3 .title br {
    display: none;
  }
}

@media screen and (max-width: 1030px) {
  .hero-section-13 .hero-info-3 .title br {
    display: none;
  }
}

.hero-section-13 .hero-info-3 p {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 45px;
}

@media screen and (max-width: 1030px) {
  .hero-section-13 .hero-info-3 p br {
    display: none;
  }
}

.hero-section-13 .hero-info-3 .hero-btn-wrap-2 {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.hero-section-13 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn {
  padding: 19.5px 31px;
}

.hero-section-13 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn:last-child {
  background-color: transparent;
  border: 2px solid var(--rr-color-common-white);
  transition: all 0.3s ease-in-out;
  padding: 17.5px 30px;
}

.hero-section-13 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn:last-child::before {
  background-color: var(--rr-color-theme-primary);
}

.hero-section-13 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn:last-child:hover {
  border-color: transparent;
}

.hero-section-14 {
  position: relative;
  margin-top: 156px;
  z-index: -1;
}

@media (max-width: 1199px) {
  .hero-section-14 {
    margin-top: 0;
  }
}

.hero-section-14 .hero-14-shapes .shape-1 {
  position: absolute;
  top: -40px;
  right: -765px;
  z-index: 1;
  mix-blend-mode: multiply;
}

@media only screen and (max-width: 767px) {
  .hero-section-14 .hero-14-shapes .shape-1 {
    top: 130px;
  }
}

.hero-section-14 .hero-14-shapes .shape-2 {
  position: absolute;
  top: 100px;
  right: -697px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .hero-section-14 .hero-14-shapes .shape-2 {
    display: none;
  }
}

.hero-section-14 .hero-14-shapes .shape-3 {
  position: absolute;
  top: 251px;
  right: -514px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .hero-section-14 .hero-14-shapes .shape-3 {
    display: none;
  }
}

.hero-section-14 .hero-img-2 {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(0%);
  max-width: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
}

.hero-section-14 .hero-img-2::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #11151C;
  opacity: 0.7;
}

.hero-section-14 .hero-img-2 img {
  border-radius: 0;
}

.hero-section-14 .hero-info-3 {
  padding: 211px 0 211px 0;
}

.hero-section-14 .hero-info-3 .subtitle {
  color: var(--rr-color-common-white);
}

.hero-section-14 .hero-info-3 p {
  color: var(--rr-color-common-white);
}

.hero-section-15-wrap {
  margin: 20px 20px 20px 20px;
  margin-bottom: 0;
  padding-top: 297px;
  border-radius: 15px;
}

@media (max-width: 1199px) {
  .hero-section-15-wrap {
    padding-top: 260px;
    margin: 0;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-15-wrap {
    padding: 100px 0;
    margin: 0 20px 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-15-wrap {
    padding: 70px 0;
    margin: 50px 20px 20px 20px;
  }
}

.hero-section-15-wrap::after {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 0px 0px 15px 15px;
  background: linear-gradient(180deg, rgba(10, 20, 78, 0) 51.98%, #13193A 84.34%);
}

.hero-section-15-wrap .hero-info-15 {
  z-index: 1;
  position: relative;
  text-align: center;
  padding-bottom: 319px;
}

@media (max-width: 1399px) {
  .hero-section-15-wrap .hero-info-15 {
    padding-bottom: 250px;
  }
}

@media (max-width: 1199px) {
  .hero-section-15-wrap .hero-info-15 {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-15-wrap .hero-info-15 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-15-wrap .hero-info-15 {
    padding-bottom: 50px;
  }
}

.hero-section-15-wrap .hero-info-15 .sub-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  border-radius: 500px;
  padding: 4px 11.5px;
  margin-bottom: 0;
  color: var(--rr-color-common-white);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.hero-section-15-wrap .hero-info-15 .sub-title span {
  display: inline-block;
  padding: 7px 18.4px;
  border-radius: 500px;
  margin-right: 15px;
  background: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 767px) {
  .hero-section-15-wrap .hero-info-15 .sub-title span {
    padding: 0;
    margin-right: 0;
    background-color: inherit;
  }
}

.hero-section-15-wrap .hero-info-15 .title {
  font-size: 72px;
  font-weight: 700;
  line-height: 82px;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 52px;
  color: var(--rr-color-common-white);
}

@media (max-width: 1199px) {
  .hero-section-15-wrap .hero-info-15 .title br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-15-wrap .hero-info-15 .title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-15-wrap .hero-info-15 .title {
    font-size: 30px;
    line-height: 45px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.hero-section-15-wrap .hero-info-15 .title span {
  font-style: italic;
  font-family: Playfair Display;
  color: var(--rr-color-theme-primary);
}

.hero-section-15-wrap .hero-info-15 .hero-btn-wrap-15 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.hero-section-15-wrap .hero-info-15 .hero-btn-wrap-15 .btn-1 .rr-primary-btn {
  padding: 19.5px 30.9px;
}

.hero-section-15-wrap .hero-info-15 .hero-btn-wrap-15 .btn-2 .rr-primary-btn {
  padding: 17.5px 32px;
  background-color: transparent;
  border: 2px solid var(--rr-color-common-white);
}

.hero-section-15-wrap .hero-info-15 .hero-btn-wrap-15 .btn-2 .rr-primary-btn:hover {
  border-color: var(--rr-color-theme-primary);
}

.hero-section-15-wrap .hero-info-15 .hero-btn-wrap-15 .btn-2 .rr-primary-btn::before {
  background-color: var(--rr-color-theme-primary);
}

.hero-section-15-wrap .hero-section-15-bg-shape-1 {
  width: 626px;
  height: 626px;
  border-radius: 500px;
  position: absolute;
  left: 54px;
  bottom: -335px;
  filter: blur(125px);
  mix-blend-mode: plus-lighter;
  background: var(--rr-color-theme-primary);
}

.hero-section-15-wrap .hero-section-15-bg-shape-2 {
  width: 1190px;
  height: 861px;
  position: absolute;
  left: -457px;
  bottom: -247px;
  border-radius: 500px;
  filter: blur(150px);
  mix-blend-mode: plus-lighter;
  background: var(--rr-color-theme-primary);
}

.hero-section-15-wrap .hero-section-15-bg-shape-3 {
  width: 290px;
  height: 290px;
  left: -226px;
  top: -193px;
  position: absolute;
  border-radius: 500px;
  background: var(--rr-color-theme-primary);
  mix-blend-mode: difference;
  filter: blur(125px);
}

.hero-section-15-wrap .hero-section-15-bg-shape-4 {
  width: 940px;
  height: 940px;
  top: -593px;
  right: -308px;
  position: absolute;
  filter: blur(250px);
  mix-blend-mode: difference;
  background: var(--rr-color-theme-primary);
}

.hero-content-15 {
  gap: 30px;
  z-index: 1;
  display: flex;
  max-width: 407px;
  position: relative;
  align-items: start;
}

@media (max-width: 1199px) {
  .hero-content-15 {
    gap: 20px;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content-15 {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.hero-content-15.hero-col-2 {
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .hero-content-15.hero-col-2 {
    margin-bottom: 30px;
  }
}

.hero-content-15.hero-col-3 {
  margin: auto 0 auto auto;
}

@media only screen and (max-width: 767px) {
  .hero-content-15.hero-col-3 {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.hero-content-15 .hero-icon {
  min-width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  border: 1px solid var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .hero-content-15 .hero-icon {
    margin: 0 auto;
  }
}

.hero-content-15 .hero-text {
  transform: translateY(-8px);
}

.hero-content-15 .hero-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  color: var(--rr-color-text-body);
}

@media only screen and (max-width: 767px) {
  .hero-content-15 .hero-text p {
    color: var(--rr-color-common-white);
  }
}

.hero-content-15 .hero-text .hero-count {
  gap: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.hero-content-15 .hero-text .hero-count h4 {
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  color: var(--rr-color-common-white);
}

.hero-content-15 .hero-text .hero-count h4 .odometer.odometer-auto-theme,
.hero-content-15 .hero-text .hero-count h4 .odometer.odometer-theme-default {
  line-height: 1;
  font-family: var(--rr-ff-heading);
}

.hero-content-15 .hero-text .hero-count>span {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  transform: translateY(-6px);
  color: var(--rr-color-common-white);
}

.hero-section-16__area {
  overflow: hidden;
  position: relative;
}

.hero-section-16__area .social-sidebar {
  position: absolute;
  top: 56%;
  left: 8px;
  transform: translateY(-50%);
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1700px) {
  .hero-section-16__area .social-sidebar {
    display: none;
  }
}

.hero-section-16__area .social-sidebar .follow-text {
  writing-mode: vertical-rl;
  font-weight: 400;
  font-size: 17.4558px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 13px;
}

.hero-section-16__area .social-sidebar .line {
  width: 1px;
  height: 57px;
  background: rgba(0, 0, 0, 0.2);
}

.hero-section-16__area .social-sidebar .social-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hero-section-16__area .social-sidebar .social-links li {
  margin: 1px 0;
}

.hero-section-16__area .social-sidebar .social-links li a {
  font-size: 22px;
  color: #141414;
  transition: all 0.3s ease-in-out;
}

.hero-section-16__area .social-sidebar .social-links li a i {
  font-size: 19px;
}

.hero-section-16__area .social-sidebar .social-links li a:hover {
  color: #3F5AF3;
}

.hero-section-16__area {
  padding-top: 113px;
}

@media (max-width: 1600px) {
  .hero-section-16__area {
    padding: 100px 0px 0 0px;
  }
}

@media (max-width: 1399px) {
  .hero-section-16__area {
    padding: 100px 0px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-16__area {
    margin: 0 auto;
    padding: 80px 0px 0 0px;
  }
}

.hero-section-16__wrapper {
  max-width: 1820px;
  width: 100%;
  padding: 0 0px 0 150px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow-x: clip;
  background: #11151C;
  border-radius: 15px;
  margin-right: 25px;
}

@media (max-width: 1600px) {
  .hero-section-16__wrapper {
    padding: 0px 0px 0 70px;
  }
}

@media (max-width: 1399px) {
  .hero-section-16__wrapper {
    padding: 0px 15px 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-16__wrapper {
    margin: 0 auto;
    padding: 0px 15px 0 15px;
  }
}

.hero-section-16__wrapper .shapes .shape-1 {
  position: absolute;
  top: 0px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .hero-section-16__wrapper .shapes .shape-1 {
    display: none;
  }
}

.hero-section-16__wrapper .shapes .shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 1399px) {
  .hero-section-16__wrapper .shapes .shape-2 {
    display: none;
  }
}

.hero-section-16__item {
  display: grid;
  grid-template-columns: 740px 1fr;
  padding: 30px 0;
}

@media (max-width: 1399px) {
  .hero-section-16__item {
    grid-template-columns: 640px 1fr;
  }
}

@media (max-width: 1199px) {
  .hero-section-16__item {
    grid-template-columns: 540px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-16__item {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-16__item {
    grid-template-columns: inherit;
    display: inherit;
  }
}

.hero-section-16__btn .rr-primary-btn {
  margin-bottom: 42px;
  padding: 19.5px 42.1px;
  background: #3F5AF3;
  border-radius: 30px;
}

.hero-section-16__content {
  margin-top: 85px;
  position: relative;
  margin-bottom: 80px;

}

@media only screen and (max-width: 992px) {
  .hero-section-16__content {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-16__content {
    margin-top: 20px;
  }
}

.hero-section-16__content .vertical-text {
  position: absolute;
  /* transform: rotate(90deg); */
  right: -58px;
  bottom: 119px;
}

@media only screen and (max-width: 767px) {
  .hero-section-16__content .vertical-text {
    display: none;
  }
}

.hero-section-16__content .vertical-text span {
  font-family: var(--rr-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}

.hero-section-16__content .vertical-text span::before {
  content: "";
  width: 53px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  bottom: 9px;
  position: absolute;
  right: -59px;
  position: absolute;
}

.hero-section-16__info .title {
  font-family: var(--rr-ff-body);
  font-weight: 700;
  font-size: 96px;
  line-height: 106px;
  color: #FFFFFF;
  margin-bottom: 50px;
}

@media (max-width: 1399px) {
  .hero-section-16__info .title {
    font-size: 80px;
    line-height: 80px;
  }
}

@media (max-width: 1199px) {
  .hero-section-16__info .title {
    font-size: 69px;
    line-height: 69px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-16__info .title {
    font-size: 65px;
    line-height: 66px;
    margin-bottom: 30px;
  }

  .hero-section-16__info .title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-16__info .title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-16__info .title br {
    display: none;
  }
}

.hero-section-16__info .decs {
  font-family: var(--rr-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 43px;
}

@media only screen and (max-width: 767px) {
  .hero-section-16__info .decs br {
    display: none;
  }
}

.hero-section-16__thumb {
  padding-right: 30px;
}

@media only screen and (max-width: 992px) {
  .hero-section-16__thumb {
    display: none;
  }
}

.hero-section-16__thumb img {
  border-radius: 15px;
  max-width: 891px;
  height: 100%;
  object-fit: cover;
}

.hero-section-16__border {
  height: 1px;
  width: 468px;
  background: rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 767px) {
  .hero-section-16__border {
    width: 100%;
  }
}

.hero-section-16__rating-box {
  margin-top: 25px;
  display: inline-flex;
  align-items: center;
  color: white;
  font-family: var(--rr-ff-body);
}

.hero-section-16__rating-box .rating-number {
  font-weight: 600;
  font-size: 50px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  font-family: var(--rr-ff-body);
}

@media only screen and (max-width: 767px) {
  .hero-section-16__rating-box .rating-number {
    font-size: 40px;
    line-height: 30px;
  }
}

.hero-section-16__rating-box .star {
  width: 15px;
  height: 15px;
  position: relative;
  top: -14px;
  left: 3px;
}

.hero-section-16__rating-box .star i {
  font-size: 15px;
}

.hero-section-16__rating-box .rating-text {
  font-family: var(--rr-ff-body);
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #999999;
  margin-left: 14px;
}

.hero-section-16__rating-box .rating-text strong {
  color: var(--rr-color-common-white);
  font-weight: 400;
}

.hero-section-17-wrapper {
  padding: 160px 0px 0px 0px;
  position: relative;
}

@media (max-width: 1600px) {
  .hero-section-17-wrapper {
    padding: 130px 0px 0 0px;
  }
}

@media (max-width: 1399px) {
  .hero-section-17-wrapper {
    padding: 100px 15px 0 px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-17-wrapper {
    padding: 90px 15px 0 0px;
  }
}

.hero-section-17-wrapper .shapes .shape-1 {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .hero-section-17-wrapper .shapes .shape-1 {
    display: none;
  }
}

.hero-section-17-wrapper .shapes .shape-2 {
  position: absolute;
  bottom: -120px;
  right: 0;
}

@media (max-width: 1199px) {
  .hero-section-17-wrapper .shapes .shape-2 {
    bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-17-wrapper .shapes .shape-2 {
    display: none;
  }
}

.hero-section-17-Award {
  background: #3F5AF3;
  border: 13.208px solid #0B112B;
  width: 199px;
  height: 199px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 50px;
  bottom: -80px;
}

.hero-section-17-Award .counter {
  padding-top: 57px;
  font-weight: 800;
  font-size: 31.4282px;
  line-height: 0.6;
  color: #FFFFFF;
  font-family: var(--rr-ff-heading);
  margin-bottom: 0;
}

.hero-section-17-Award .counter span {
  font-family: var(--rr-ff-heading);
  line-height: 0.9;
}

.hero-section-17-Award .decs {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 0;
}

.hero-section-17-thumb {
  margin-top: 20px;
  position: relative;
  max-width: 292px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .hero-section-17-thumb {
    margin: 0 auto;
  }
}

.hero-section-17-thumb img {
  border-radius: 170.5px;
}

.hero-section-17-wrap {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .hero-section-17-wrap {
    text-align: center;
  }
}

.hero-section-17-wrap .content {
  margin-top: 112px;
}

.hero-section-17-wrap .content .content-thumb {
  margin-bottom: 15px;
}

.hero-section-17-wrap .content .content-thumb img {
  border-radius: 15px;
  max-width: 60px;
  max-height: 57px;
  object-fit: cover;
}

.hero-section-17-wrap .content .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

.hero-section-17-item {
  margin-left: 50px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .hero-section-17-item {
    margin-left: 0;
  }
}

.hero-section-17-content {
  margin-bottom: 40px;
}

.hero-section-17-content .title {
  font-weight: 600;
  font-size: 120px;
  line-height: 130px;
  color: #FFFFFF;
  margin-bottom: 30px;
}

@media (max-width: 1399px) {
  .hero-section-17-content .title {
    font-size: 100px;
    line-height: 94px;
  }
}

@media (max-width: 1199px) {
  .hero-section-17-content .title {
    font-size: 85px;
    line-height: 83px;
  }

  .hero-section-17-content .title br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-17-content .title {
    font-size: 70px;
    line-height: 74px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-17-content .title {
    font-size: 40px;
    line-height: 42px;
  }
}

.hero-section-17-content .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
  .hero-section-17-content .decs br {
    display: none;
  }
}

.hero-section-17-btn-box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 42px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .hero-section-17-btn-box {
    margin-bottom: 20px;
  }
}

.hero-section-17-btn-box .play-btn {
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 67px;
  height: 67px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-section-17-btn-box .play-btn i {
  color: #FFFFFF;
  font-size: 22px;
}

.hero-section-17-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 19px;
}

.hero-section-17-btn .rr-primary-btn {
  border-radius: 36px;
  padding: 23px 43px;
}

.hero-section-17-btn .Watch {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  transition: all 0.3s ease-in-out;
}

.hero-section-17-btn .Watch:hover {
  color: #3F5AF3;
}

.hero-section-17-border {
  width: 1px;
  height: 795px;
  position: absolute;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(2, 5, 10, 0.1) 98.92%);
  transform: rotate(0deg);
  opacity: 0.5;
  right: -10px;
  top: -70px;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .hero-section-17-border {
    display: none;
  }
}

.hero-section-18__area {
  overflow: hidden;
}

.hero-section-18__thumb {
  position: relative;
}

.hero-section-18__wrapper {
  padding: 113px 0px 145px 0px;
  position: relative;
}

@media (max-width: 1600px) {
  .hero-section-18__wrapper {
    padding: 90px 0px 120px 0px;
  }
}

@media (max-width: 1399px) {
  .hero-section-18__wrapper {
    padding: 80px 0 100px 0;
  }
}

@media (max-width: 1199px) {
  .hero-section-18__wrapper {
    padding: 80px 0 100px 0;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-18__wrapper {
    padding: 80px 0 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-18__wrapper {
    padding: 40px 0 40px 0;
  }
}

.hero-section-18__wrapper .shapes .shape-1 {
  position: absolute;
  left: 30%;
  top: 20%;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .hero-section-18__wrapper .shapes .shape-1 {
    display: none;
  }
}

.hero-section-18__wrapper .shapes .shape-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-section-18__wrapper .shapes .shape-1::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  background: linear-gradient(180deg, rgba(2, 5, 10, 0) 0%, #02050A 100%);
  height: 335px;
  width: 689px;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .hero-section-18__wrapper .shapes .shape-1::before {
    width: 100%;
  }
}

.hero-section-18__wrapper .shapes .shape-1::after {
  position: absolute;
  content: "";
  left: -102px;
  bottom: -114px;
  width: 438px;
  height: 255px;
  background: linear-gradient(180deg, rgba(2, 5, 10, 0) 0%, #02050A 100%);
  transform: rotate(90deg);
}

@media only screen and (max-width: 767px) {
  .hero-section-18__wrapper .shapes .shape-1::after {
    width: 100%;
  }
}

.hero-section-18__wrapper .shapes .shape-2 {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 992px) {
  .hero-section-18__wrapper .shapes .shape-2 {
    display: none;
  }
}

.hero-section-18__title {
  position: relative;
  z-index: 1;
}

.hero-section-18__title .title {
  font-weight: 700;
  font-size: 285.47px;
  line-height: 280px;
  text-transform: uppercase;
  background: linear-gradient(180deg, #FFFFFF 0%, #0A0F27 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (max-width: 1399px) {
  .hero-section-18__title .title {
    font-size: 214.47px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-18__title .title {
    font-size: 83.47px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-18__title .title {
    font-size: 60px;
    line-height: 60px;
  }
}

.hero-section-18__wrap {
  margin-top: 155px;
  position: relative;
  z-index: 3;
}

@media (max-width: 1199px) {
  .hero-section-18__wrap {
    margin-top: 110px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-18__wrap {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-18__wrap {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-18__content {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-18__content {
    margin-bottom: 30px;
  }
}

.hero-section-18__content .title {
  font-weight: 600;
  font-size: 36px;
  line-height: 46px;
  color: #FFFFFF;
}

@media (max-width: 1399px) {
  .hero-section-18__content .title {
    font-size: 34px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-18__content .title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-18__content .title {
    font-size: 30px;
    line-height: 30px;
  }
}

.hero-section-18__item {
  margin-top: 115px;
  margin-left: 40px;
}

@media (max-width: 1600px) {
  .hero-section-18__item {
    margin-left: 0;
  }
}

@media (max-width: 1399px) {
  .hero-section-18__item {
    margin-left: 0;
    margin-top: 0;
  }
}

.hero-section-18__item .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 23px;
}

@media (max-width: 1399px) {
  .hero-section-18__item .decs br {
    display: none;
  }
}

.hero-section-18__item .rr-primary-btn {
  border-radius: 30px;
  padding: 19.5px 37.1px;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.text-slider-active .swiper-slide {
  width: auto;
  display: block;
}

.hero-section-19__wrapper {
  margin-bottom: -2px;
  position: relative;
  width: 100%;
  height: 980px;
  background: var(--rr-color-common-white);
}

@media (max-width: 1399px) {
  .hero-section-19__wrapper {
    height: 900px;
  }
}

@media (max-width: 1199px) {
  .hero-section-19__wrapper {
    height: 850px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-19__wrapper {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__wrapper {
    height: 450px;
  }
}

.hero-section-19__wrapper .hero-19-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  height: 100%;
}

.hero-section-19__wrapper .hero-19-video::before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
}

.hero-section-19__wrapper .shapes .shape-1 {
  position: absolute;
  left: 255px;
  bottom: -4px;
  z-index: 2;
}

@media (max-width: 1600px) {
  .hero-section-19__wrapper .shapes .shape-1 {
    left: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__wrapper .shapes .shape-1 {
    left: 15px;
  }
}

.hero-section-19__wrapper .shapes .shape-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-section-19__wrapper .shapes .shape-2 {
  position: absolute;
  left: -16px;
  top: 0;
  z-index: 1;
}

.hero-section-19__wrapper .shapes .shape-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: 980px;
}

@media (max-width: 1399px) {
  .hero-section-19__wrapper .shapes .shape-2 img {
    height: 900px;
  }
}

@media (max-width: 1199px) {
  .hero-section-19__wrapper .shapes .shape-2 img {
    height: 850px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-19__wrapper .shapes .shape-2 img {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__wrapper .shapes .shape-2 img {
    height: 450px;
  }
}

.hero-section-19__info {
  padding-top: 325px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 1399px) {
  .hero-section-19__info {
    padding-top: 200px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-19__info {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__info {
    padding-top: 65px;
  }
}

.hero-section-19__info .title {
  font-weight: 400;
  font-size: 148px;
  line-height: 128px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: var(--rr-ff-heading-2);
}

@media (max-width: 1399px) {
  .hero-section-19__info .title {
    font-size: 101px;
    line-height: 92px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-19__info .title {
    font-size: 71px;
    line-height: 72px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__info .title {
    font-size: 48px;
    line-height: 43px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__info .title br {
    display: none;
  }
}

.hero-section-19__content-wrap {
  margin-top: 95px;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 992px) {
  .hero-section-19__content-wrap {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__content-wrap {
    margin-top: 35px;
  }
}

.hero-section-19__content {
  margin-left: 135px;
}

@media (max-width: 1700px) {
  .hero-section-19__content {
    margin-left: 20px;
  }
}

@media (max-width: 1399px) {
  .hero-section-19__content {
    margin-left: 0px;
  }
}

.hero-section-19__content .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  font-family: var(--rr-ff-body-2);
  text-align: center;
}

@media (max-width: 1399px) {
  .hero-section-19__content .decs {
    font-size: 15px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-section-19__content .decs {
    font-size: 15px;
    line-height: 22px;
  }
}

.hero-section-19__client {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 100px;
}

@media only screen and (max-width: 992px) {
  .hero-section-19__client {
    justify-content: center;
    margin-left: 0;
  }
}

.hero-section-19__client .rating {
  display: flex;
  gap: 10px;
  align-items: center;
}

.hero-section-19__client .star i {
  color: var(--rr-color-common-white);
}

.hero-section-19__client-box {
  display: flex;
}

.hero-section-19__client-box .media {
  display: flex;
}

.hero-section-19__client-box .media img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #955108;
  margin-left: -15px;
}

.hero-section-19__client-box .media img:first-child {
  margin-left: 0;
}

.hero-section-19__thumb .thumb-carousel {
  width: 70px;
  margin: 0 auto;
  padding-top: 10px;
  overflow: visible;
}

.hero-section-19__thumb .thumb-carousel .swiper-slide {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: start;
}

/* !END: Theme Hero CSS */
/**----------------------------------------
START: Process CSS
----------------------------------------*/
.process-section {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .process-section {
    padding-top: 0;
  }
}

.process-section .bg-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .process-item {
    text-align: center;
  }
}

.process-item .process-icon {
  background-color: var(--rr-color-bg-1);
  height: 160px;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 35px;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .process-item .process-icon {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.process-item .process-icon:before {
  background-color: transparent;
  content: "";
  height: 140px;
  width: 140px;
  position: absolute;
  top: 0;
  left: -20px;
  border: 1px solid var(--rr-color-theme-primary);
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1399px) {
  .process-item .process-icon:before {
    left: -10px;
  }
}

.process-item .process-icon img {
  width: 55px;
  height: 55px;
  object-fit: contain;
}

.process-item .process-icon.icon-2 {
  background-color: #02050A;
}

.process-item .process-content .title {
  font-weight: 700;
  margin-bottom: 15px;
}

@media (max-width: 1199px) {
  .process-item .process-content .title {
    font-size: 20px;
  }
}

@media (max-width: 1199px) {
  .process-item .process-content p br {
    display: none;
  }
}

.process-item .process-content p:last-child {
  margin-bottom: 0;
}

.process-item:hover .process-icon:before {
  top: 5px;
  left: 10px;
}

.process-item:hover .process-icon img {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.process-text {
  max-width: 1720px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 992px) {
  .process-text {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .process-text {
    padding-top: 40px;
  }
}

.process-box {
  background-color: var(--rr-color-bg-1);
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .process-box {
    padding: 30px 20px;
  }
}

.process-box .number {
  color: var(--rr-color-common-white);
  height: 40px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rr-color-theme-primary);
  border-radius: 10px;
  margin-bottom: 25px;
}

.process-box .title {
  font-size: 24px;
  color: var(--rr-color-common-white);
  font-weight: 700;
  margin-bottom: 20px;
}

.process-box p {
  margin-bottom: 25px;
}

.process-box .read-more {
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  text-transform: capitalize;
  line-height: 1;
}

.process-box .read-more i {
  font-size: 15px;
  line-height: 1;
  margin-top: 1px;
}

.process-box .read-more:hover {
  color: var(--rr-color-common-white);
}

.process-section-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.process-item-2 {
  background-color: var(--rr-color-bg-1);
  padding: 50px 40px;
  border: 1px solid var(--rr-color-border-1);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.process-item-2:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
  .process-item-2 {
    padding: 40px 20px;
  }
}

.process-item-2 .icon {
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rr-color-border-1);
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.process-item-2 .icon svg {
  color: var(--rr-color-common-white);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.process-item-2 span {
  color: var(--rr-color-theme-primary);
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.process-item-2 .title {
  margin-bottom: 20px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .process-item-2 .title {
    margin-top: 20px;
    font-size: 20px;
  }
}

.process-item-2 p {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.process-item-2 p:last-child {
  margin-bottom: 0;
}

.process-item-2:hover:before {
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.process-item-2:hover .icon {
  background-color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.process-item-2:hover .icon svg {
  color: var(--rr-color-theme-primary);
}

.process-item-2:hover span {
  color: var(--rr-color-common-white);
}

.process-item-2:hover p {
  color: var(--rr-color-common-white);
}

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

.process-3 .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.process-counter-wrap>div:not(:first-of-type) .counter-card {
  padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .process-counter-wrap>div:not(:first-of-type) .counter-card {
    padding-left: 0;
  }
}

.process-counter {
  border-bottom: 1px solid #6E7682;
  background-color: #0D1F2D;
}

@media only screen and (max-width: 767px) {
  .process-counter {
    padding: 50px 0 20px 0;
  }
}

.process-counter .counter-card {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
  padding: 60px 0;
  border-right: 1px solid #6E7682;
}

.process-counter.new .counter-card {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
  padding: 20px 0;
  border-right: 1px solid #6E7682;
}


.process-counter .counter-card.card-4 {
  border-right: none;
}

/* Standalone counter — responsive grid dividers (not .process-counter.new hero blocks) */
.process-counter:not(.new) {
  --gc-counter-divider-color: #6E7682;
}

[data-theme=light] .process-counter:not(.new) {
  --gc-counter-divider-color: #237687;
}

[data-theme=dark] .process-counter:not(.new) {
  --gc-counter-divider-color: #237687;
}

@media only screen and (max-width: 991.98px) {
  .process-counter:not(.new) .process-counter-wrap {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }

  .process-counter:not(.new) .process-counter-wrap>div {
    display: flex;
    border-color: var(--gc-counter-divider-color);
    padding: 0 16px;
  }

  .process-counter:not(.new) .process-counter-wrap>div:nth-child(odd):not(:last-child) {
    border-right: 1px solid var(--gc-counter-divider-color);
  }

  .process-counter:not(.new) .process-counter-wrap>div:not(:nth-last-child(-n+2)) {
    border-bottom: 1px solid var(--gc-counter-divider-color);
  }

  .process-counter:not(.new) .counter-card,
  .process-counter:not(.new) .counter-card.card-4 {
    border-right: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding: 28px 0;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .process-counter:not(.new) .process-counter-wrap>div {
    border-right: none !important;
    padding: 0 16px;
  }

  .process-counter:not(.new) .process-counter-wrap>div:not(:last-child) {
    border-bottom: 1px solid var(--gc-counter-divider-color);
  }

  .process-counter:not(.new) .counter-card,
  .process-counter:not(.new) .counter-card.card-4 {
    border-right: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding: 20px 0;
    grid-template-columns: 58px 1fr;
    grid-gap: 16px;
  }

  .process-counter:not(.new) .counter-card .icon {
    height: 58px;
    width: 58px;
  }

  .process-counter:not(.new) .counter-card .icon img {
    height: 28px;
    width: 28px;
  }

  .process-counter:not(.new) .counter-card .icon i {
    font-size: 24px;
  }

  .process-counter:not(.new) .counter-card .icon svg {
    width: 24px;
    height: 24px;
  }

  .process-counter:not(.new) .counter-card .content .title {
    font-size: 28px;
    line-height: 1.1;
  }

  .process-counter:not(.new) .counter-card .content p {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 575.98px) {
  .process-counter:not(.new) .process-counter-wrap>div {
    padding: 0 12px;
  }

  .process-counter:not(.new) .counter-card {
    padding: 16px 0;
    grid-template-columns: 52px 1fr;
    grid-gap: 14px;
  }

  .process-counter:not(.new) .counter-card .icon {
    height: 52px;
    width: 52px;
  }

  .process-counter:not(.new) .counter-card .icon img {
    height: 24px;
    width: 24px;
  }

  .process-counter:not(.new) .counter-card .content .title {
    font-size: 24px;
  }

  .process-counter:not(.new) .counter-card .content p {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .process-counter.new .counter-card {
    border-right: none;
    padding: 0;
    margin-bottom: 30px;
  }
}

.process-counter .counter-card .icon {
  background-color: #4a9d9c;
  height: 85px;
  width: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.process-counter .counter-card .icon img {
  height: 45px;
  width: 45px;
}

.process-counter.new .counter-card .icon img {
  height: 25px;
  width: 25px;
}

.process-counter .counter-card .content .title {
  font-family: var(--rr-ff-p);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
}

.process-counter .counter-card .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.process-counter .counter-card .content p {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0;
}

.process-4 {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .process-4 {
    padding-top: 70px;
  }
}

.process-4 .process-bg-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.process-4 .process-bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .process-4 .process-bg-shape {
    display: none;
  }
}

.process-item-3 {
  position: relative;
}

.process-item-3 .icon {
  height: 80px;
  width: 80px;
  border: 1px solid #2D343E;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 20px;
}

.process-item-3 .title {
  margin-bottom: 15px;
}

.process-item-3 p {
  margin-bottom: 0;
}

.process-item-3 .number-box {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
  height: 200px;
  width: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

.process-item-3 .number-box span {
  font-family: var(--rr-ff-heading);
  font-size: 80px;
  color: rgba(255, 255, 255, 0.1);
  font-weight: 800;
}

.feature-section-13 .feature-wrap {
  background: #11151C;
  border: 1px solid #2D343E;
  margin: 0 70px;
}

@media only screen and (max-width: 992px) {
  .feature-section-13 .feature-wrap {
    margin: 0;
  }
}

.feature-section-13 .feature-wrap .feature-item {
  border-right: 1px solid #2D343E;
  padding: 120px 107px 110px 107px;
}

@media (max-width: 1600px) {
  .feature-section-13 .feature-wrap .feature-item {
    padding: 20px;
  }
}

.feature-section-13 .feature-wrap .feature-item.first-item {
  padding: 120px 90px 110px 190px;
  position: relative;
}

@media (max-width: 1600px) {
  .feature-section-13 .feature-wrap .feature-item.first-item {
    padding: 20px;
  }
}

.feature-section-13 .feature-wrap .feature-item .icon {
  background-color: var(--rr-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.feature-section-13 .feature-wrap .feature-item .content .count {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: var(--rr-color-common-white);
  margin-top: 25px;
  margin-bottom: 0;
}

.feature-section-13 .feature-wrap .feature-item .content .count span {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: var(--rr-color-common-white);
}

.feature-section-13 .feature-wrap .feature-item .content .title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--rr-color-common-white);
  margin-bottom: 19px;
}

.feature-section-13 .feature-wrap .feature-item .content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #B0B2B7;
  margin-bottom: 0;
}

.tech_custom_padding {
  padding: 120px;
}

@media (max-width: 1199px) {
  .tech_custom_padding {
    padding: 0;
  }
}

.tech__area {
  background-color: var(--rr-color-bg-1);
}

.tech__wrapper {
  padding: 120px 150px;
}

@media (max-width: 1199px) {
  .tech__wrapper {
    padding: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .tech__wrapper {
    padding: 80px 30px;
  }
}

.tech__wrapper .section-heading {
  margin-bottom: 0;
}

.tech__wrapper .section-heading .sub-heading {
  margin-bottom: 10px;
}

.tech__shape__img {
  top: 0;
  right: 0;
  bottom: 0;
}

.tech__shape__img img {
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (max-width: 1600px) {
  .tech__shape__img img {
    opacity: 0.2;
  }
}

.tech__des {
  margin-top: 23px;
}

.tech__list {
  z-index: 11;
  position: relative;
}

.tech__list ul {
  margin-left: 20px;
  list-style: none;
}

.tech__list ul li::before {
  content: "•";
  color: #3f5af3;
  font-size: 20px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.tech__btn__wrapper {
  margin-top: 37px;
  z-index: 11;
  position: relative;
}

.tech__btn {
  background-color: #3f5af3;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  word-spacing: 3px;
  padding: 14px 38px;
}

.tech__btn:hover {
  color: #bebebe;
}

@media only screen and (max-width: 767px) {
  .process-15 {
    padding-top: 70px;
  }
}

.process-15 .section-heading .bg-text {
  color: rgba(255, 255, 255, 0.05);
  top: -36%;
  left: 68%;
}

@media (max-width: 1600px) {
  .process-15 .section-heading .bg-text {
    display: none;
  }
}

/* !END: Theme Process CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.about-section {
  padding-top: 170px;
  position: relative;
  z-index: 1;
  background: #0D1F2D;
  border-bottom: 1px solid #6E7682;
}

@media (max-width: 1199px) {
  .about-section {
    padding-top: 70px;
  }
}

.about-section .round-shape {
  position: absolute;
  bottom: -10%;
  right: 0;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .about-section .round-shape {
    display: none;
  }
}

.about-wrap {
  background-color: var(--rr-color-bg-1);
  max-width: 1710px;
  width: 100%;
  padding: 0 115px 0 150px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

@media (max-width: 1199px) {
  .about-wrap {
    padding: 0 80px 0 80px;
  }
}

@media only screen and (max-width: 992px) {
  .about-wrap {
    padding: 0 20px;
  }
}

.about-wrap .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.about-wrap .about-content {
  padding: 120px 0;
}

@media (max-width: 1199px) {
  .about-wrap .about-content {
    padding: 60px 0;
  }
}

.about-wrap .about-content .section-heading .section-title {
  margin-bottom: 30px;
}

.about-wrap .about-content p {
  max-width: 740px;
  width: 100%;
  margin-bottom: 40px;
}

@media (max-width: 1199px) {
  .about-wrap .about-content p {
    max-width: 450px;
  }
}

.about-wrap .about-img-wrap {
  text-align: right;
  position: relative;
  max-width: 620px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (max-width: 992px) {
  .about-wrap .about-img-wrap {
    margin-left: 0;
    margin: 0 auto;
  }
}

.about-wrap .about-img-wrap .about-img {
  transform: translateY(-120px);
  position: relative;
  max-width: 507px;
  width: 100%;
  margin-left: auto;
}

@media only screen and (max-width: 992px) {
  .about-wrap .about-img-wrap .about-img {
    margin: 0 auto;
    transform: translateY(0px);
  }
}

.about-wrap .about-img-wrap .about-img .img-shape {
  background-color: #3F5AF3;
  mix-blend-mode: multiply;
  content: "";
  width: 90px;
  height: 160px;
  position: absolute;
  top: 55%;
  left: 10px;
  transform: translateY(-50%);
  opacity: 0.9;
  z-index: 1;
}

.about-wrap .about-img-wrap .about-img .img-shape img {
  transform-origin: inherit;
}

.about-wrap .about-img-wrap .about-img-2 {
  max-width: 325px;
  width: 100%;
  height: 280px;
  position: absolute;
  bottom: 0;
  left: -30px;
}

.about-wrap .about-img-wrap .about-img-2 img {
  border-right: 10px solid #0B0F15;
  border-top: 10px solid #0B0F15;
  width: 100%;
  height: 100%;
}

.about-wrap .about-text {
  max-width: 660px;
  width: 100%;
  position: absolute;
  left: 18%;
  bottom: 20px;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .about-wrap-2 {
    flex-direction: column-reverse;
  }
}

.about-img-box {
  position: relative;
  height: 650px;
  max-width: 600px;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .about-img-box {
    margin: 0 auto;
  }
}

.about-img-box .img-1 {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 430px;
  width: 100%;
  height: 480px;
}

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

.about-img-box .img-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 300px;
  width: 100%;
  height: 390px;
}

.about-img-box .img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top: 10px solid #02050A;
  border-left: 10px solid #02050A;
}

.about-img-box .shape {
  position: absolute;
}

.about-img-box .shape.shape-1 {
  max-width: 216px;
  width: 100%;
  height: 185px;
  top: 50px;
  left: -25%;
}

.about-img-box .shape.shape-2 {
  max-width: 340px;
  width: 100%;
  height: 340px;
  top: 100px;
  left: -20%;
}

.about-content-2 {
  padding-left: 50px;
}

@media only screen and (max-width: 992px) {
  .about-content-2 {
    padding-left: 0;
    margin-bottom: 30px;
  }
}

.about-content-2 .section-heading .section-title {
  margin-bottom: 40px;
}

.about-content-2 .about-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-bottom: 50px;
  max-width: 645px;
  width: 100%;
}

.about-content-2 .about-items .about-item {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
}

.about-content-2 .about-items .about-item .icon {
  height: 60px;
  width: 60px;
}

.about-content-2 .about-items .about-item .title {
  margin-bottom: 0;
  line-height: 1.5;
}

.about-content-2 .about-items .about-item:hover .icon img {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.about-wrap-3 {
  max-width: 1680px;
  width: 100%;
  margin: 0 auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding: 120px 0;
  position: relative;
}

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

.about-wrap-3 .about-text {
  position: absolute;
  top: 70px;
  left: 25%;
  z-index: 1;
}

.about-wrap-3 .about-text .mission {
  color: var(--rr-color-bg-1);
  font-size: 150px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(176, 178, 183, 0.09);
}

@media only screen and (max-width: 992px) {
  .about-wrap-3 .about-text .mission {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .about-wrap-3 .about-text .mission {
    display: none;
  }
}

.about-img-items {
  max-width: 500px;
  width: 100%;
  position: relative;
  padding-bottom: 100px;
}

@media only screen and (max-width: 992px) {
  .about-img-items {
    margin-bottom: 30px;
  }
}

.about-img-items .img-1 {
  width: 380px;
  height: 365px;
  object-fit: cover;
}

.about-img-items .about-thumb-2 {
  width: 245px;
  height: 235px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.about-content-3 {
  position: relative;
  z-index: 2;
}

.about-content-3 .section-heading .section-title {
  margin-bottom: 30px;
}

.about-content-3 .section-heading p {
  margin-bottom: 40px;
}

.about-section-4 {
  position: relative;
  z-index: 1;
}

.about-section-4 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 1199px) {
  .about-section-4 .shape {
    bottom: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .about-section-4 .shape {
    display: none;
  }
}

.about-img-wrap-4 {
  position: relative;
  text-align: right;
  max-width: 670px;
  width: 100%;
}

.about-img-wrap-4 .img-1 {
  max-width: 550px;
  width: 100%;
  height: 600px;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-4 .img-1 {
    height: 400px;
  }
}

.about-img-wrap-4 .img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-img-wrap-4 .img-2 {
  height: 255px;
  width: 255px;
  position: absolute;
  bottom: 50px;
  left: 0;
  border-top: 10px solid #02050A;
  border-right: 10px solid #02050A;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-4 .img-2 {
    bottom: 0;
  }
}

.about-img-wrap-4 .img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-content-4 {
  padding-left: 50px;
}

@media (max-width: 1199px) {
  .about-content-4 {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .about-content-4 {
    margin-top: 30px;
    padding-left: 0;
  }
}

.about-content-4 .section-heading .section-title {
  margin-bottom: 40px;
}

.about-content-4 .section-heading p {
  margin-bottom: 40px;
}

.about-content-4 .about-counter-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-bottom: 40px;
  max-width: 610px;
  width: 100%;
}

.about-content-4 .about-counter-wrap .about-counter {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
}

.about-content-4 .about-counter-wrap .about-counter .title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0;
}

.about-content-4 .about-counter-wrap .about-counter p {
  margin-bottom: 0;
}

.about-content-4 .about-counter-wrap .about-counter:hover .icon img {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.about-section-5 {
  overflow: hidden;
}

.about-content-5 {
  padding-right: 60px;
}

@media only screen and (max-width: 992px) {
  .about-content-5 {
    padding-right: 0;
  }
}

.about-tab .nav-tabs {
  margin-bottom: 40px;
  border: none;
  row-gap: 20px;
}

.about-tab .nav-tabs .nav-link {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  border: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 12px 25px;
}

.about-tab .nav-tabs .nav-link:not(:last-of-type) {
  margin-right: 20px;
}

.about-tab .nav-tabs .nav-link.active {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.about-tab .tab-content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}

.about-img-wrap-5 {
  position: relative;
  padding-bottom: 70px;
}

.about-img-wrap-5 .reveal {
  visibility: visible;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.about-img-wrap-5 .reveal img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform-origin: left center;
}

.about-img-wrap-5 .shapes .shape {
  position: absolute;
  z-index: -1;
}

.about-img-wrap-5 .shapes .shape.shape-1 {
  top: -10%;
  right: 10%;
}

.about-img-wrap-5 .shapes .shape.shape-2 {
  top: 5%;
  right: -15%;
}

.about-img-wrap-5 .about-img {
  position: relative;
  z-index: 1;
  max-width: 505px;
  width: 100%;
}

.about-img-wrap-5 .about-img .img-1,
.about-img-wrap-5 .img-1 {
  display: block;
  height: 490px;
  max-width: 505px;
  width: 100%;
  object-fit: cover;
}

.about-img-wrap-5 .about-img-2 {
  max-width: 323px;
  width: 100%;
  height: 338px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  visibility: visible;
}

.about-img-wrap-5 .about-img-2 .img-2 {
  display: block;
  width: 100%;
  height: 100%;
  border-top: 10px solid #02050A;
  border-left: 10px solid #02050A;
  object-fit: cover;
}

@media only screen and (max-width: 1199px) {
  .about-img-wrap-5 .about-img .img-1,
  .about-img-wrap-5 .img-1 {
    height: 420px;
  }

  .about-img-wrap-5 .about-img-2 {
    max-width: 280px;
    height: 290px;
  }
}

@media only screen and (max-width: 991px) {
  .about-img-wrap-5 {
    padding-bottom: 0;
    max-width: 560px;
    margin: 0 auto;
  }

  .about-img-wrap-5 .shapes {
    display: none;
  }

  .about-img-wrap-5 .about-img,
  .about-img-wrap-5 .about-img-2.reveal,
  .about-img-wrap-5 .reveal {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    visibility: visible !important;
    overflow: visible;
  }

  .about-img-wrap-5 .about-img .img-1,
  .about-img-wrap-5 .img-1 {
    height: auto !important;
    min-height: 280px;
    max-height: 420px;
    max-width: 100%;
    border-radius: 16px;
  }

  .about-img-wrap-5 .about-img-2 {
    position: relative;
    right: auto;
    bottom: auto;
    max-width: 78%;
    height: auto;
    margin: -48px 0 0 auto;
  }

  .about-img-wrap-5 .about-img-2 .img-2 {
    height: auto !important;
    min-height: 200px;
    max-height: 280px;
    border-radius: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-5 .about-img-2 {
    max-width: 82%;
    margin-top: -36px;
    border: none;
  }

  .about-img-wrap-5 .img-1 {
    min-height: 240px;
    max-height: 360px;
  }

  .about-img-wrap-5 .about-img-2 .img-2 {
    min-height: 170px;
    max-height: 240px;
    border-top-width: 8px;
    border-left-width: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .about-img-wrap-5 .img-1 {
    min-height: 220px;
    max-height: 300px;
  }

  .about-img-wrap-5 .about-img-2 {
    max-width: 86%;
    margin-top: -28px;
  }

  .about-img-wrap-5 .about-img-2 .img-2 {
    min-height: 150px;
    max-height: 200px;
  }
}

/* ===== GC About Web — banner images always full, never cropped ===== */
.gc-web-about-section .about-img-wrap-5 .about-img .img-1,
.gc-web-about-section .about-img-wrap-5 .img-1,
.gc-web-about-section .about-img-wrap-5 .about-img-2 .img-2,
.gc-web-about-section .about-img-wrap-5 .img-2 {
  object-fit: contain !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.gc-web-about-section .about-img-wrap-5 .about-img,
.gc-web-about-section .about-img-wrap-5 .about-img-2 {
  height: auto !important;
  max-width: 100% !important;
}

@media (max-width: 991px) {
  .gc-web-about-section .about-img-wrap-5 {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .gc-web-about-section .about-img-wrap-5 .about-img-2 {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    max-width: 74% !important;
    margin: -40px 0 0 auto;
  }
}

.about-img-6 {
  max-width: 678px;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .about-img-6 {
    margin: 0 auto;
  }
}

.about-content-6 {
  padding-left: 30px;
}

@media only screen and (max-width: 992px) {
  .about-content-6 {
    margin-top: 40px;
    padding-left: 0;
  }
}

.about-content-6 .section-heading {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.about-content-6 .section-heading .section-title {
  margin-bottom: 20px;
}

.about-content-6 .about-card .icon {
  background-color: rgba(63, 90, 243, 0.1);
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 25px;
}

.about-content-6 .about-card .icon img {
  height: 41px;
  width: 41px;
}

.about-content-6 .about-card .title {
  margin-bottom: 20px;
}

.about-content-6 .about-card p {
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .about-wrap-7 {
    flex-direction: column-reverse;
  }
}

.about-content-7 {
  padding-right: 30px;
}

@media only screen and (max-width: 992px) {
  .about-content-7 {
    margin-top: 40px;
    padding-right: 0;
  }
}

.about-content-7 .section-heading .section-title {
  margin-bottom: 25px;
}

.about-content-7 .about-list-wrap span {
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: block;
}

.about-content-7 .about-list-wrap .about-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 40px;
}

.about-content-7 .about-list-wrap .about-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.about-content-7 .about-list-wrap .about-list li:not(:last-of-type) {
  margin-right: 40px;
}

.about-content-7 .about-list-wrap .about-list li i {
  color: var(--rr-color-theme-primary);
}

.about-content-7 .rr-primary-btn {
  border-radius: 100px;
}

.about-section-8 .about-container {
  max-width: 1680px;
  width: 100%;
  margin: 0 auto;
}

.about-wrap-8 {
  background-color: var(--rr-color-bg-1);
  padding: 120px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .about-wrap-8 {
    padding: 120px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .about-wrap-8 {
    padding: 70px 15px;
  }
}

.about-wrap-8 .shape {
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.about-img-wrap-8 {
  max-width: 665px;
  width: 100%;
  height: 588px;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .about-img-wrap-8 {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-8 {
    height: 450px;
    margin-bottom: 50px;
  }
}

.about-img-wrap-8 .about-img {
  position: absolute;
}

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

.about-img-wrap-8 .about-img.img-1 {
  top: 0;
  left: 0;
  max-width: 665px;
  width: 100%;
  height: 521px;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-8 .about-img.img-1 {
    height: 400px;
  }
}

.about-img-wrap-8 .about-img.img-2 {
  max-width: 270px;
  width: 100%;
  height: 232px;
  bottom: 0;
  right: 70px;
  border: 9px solid var(--rr-color-bg-1);
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-8 .about-img.img-2 {
    right: 0;
  }
}

.about-img-wrap-8 .about-img.img-2:before {
  background: var(--rr-color-theme-primary);
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-img-wrap-8 .about-img.img-2 .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-img-wrap-8 .about-img.img-2 .play-btn img {
  height: 48px;
  width: 48px;
}

.about-content-8 {
  max-width: 670px;
  width: 100%;
  padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .about-content-8 {
    padding-left: 0;
  }
}

.about-content-8 p {
  color: var(--rr-color-text-body-light);
}

.about-content-8 .about-counter-wrap {
  margin-top: 50px;
  max-width: 530px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}

@media (max-width: 1199px) {
  .about-content-8 .about-counter-wrap {
    justify-content: inherit;
    column-gap: 30px;
  }
}

.about-content-8 .about-counter-wrap .about-counter-item .title {
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-theme-primary);
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
}

.about-content-8 .about-counter-wrap .about-counter-item .title .odometer-auto-theme {
  font-family: inherit;
}

.about-content-8 .about-counter-wrap .about-counter-item .title .odometer-formatting-mark {
  display: none;
}

.about-content-8 .about-counter-wrap .about-counter-item p {
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-common-white);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: 1px;
}

.about-section-9 {
  position: relative;
  z-index: 1;
}

.about-section-9 .shape {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.about-section-9 .shape img {
  width: 100%;
  height: 100%;
}

.about-container-9 {
  position: relative;
  z-index: 1;
}

.about-container-9 .shape-2 {
  position: absolute;
  top: -180px;
  right: 0;
  z-index: -1;
}

.about-wrap-9 {
  display: grid;
  grid-template-columns: 480px 1fr;
  grid-gap: 80px;
}

@media (max-width: 1199px) {
  .about-wrap-9 {
    grid-template-columns: 1fr;
  }
}

.about-wrap-9 .about-img-9 {
  max-width: 480px;
  width: 100%;
  height: 654px;
}

@media only screen and (max-width: 767px) {
  .about-wrap-9 .about-img-9 {
    height: 450px;
  }
}

@media (max-width: 1199px) {
  .about-wrap-9 .about-content-wrap-9 {
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
  }
}

.about-wrap-9 .about-content-wrap-9 .desc {
  max-width: 740px;
  width: 100%;
  margin-bottom: 55px;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 30px;
}

@media only screen and (max-width: 767px) {
  .about-wrap-9 .about-content-wrap-9 .about-content-bottom {
    grid-template-columns: 1fr;
  }
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card {
  max-width: 380px;
  width: 100%;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .icon {
  background-color: var(--rr-color-theme-primary);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 20px;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .icon img {
  height: 28px;
  width: 28px;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  position: relative;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more i {
  font-size: 15px;
  line-height: 1;
  margin-top: 2px;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more:before {
  background-color: var(--rr-color-common-white);
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more:hover {
  color: var(--rr-color-theme-primary);
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more:hover:before {
  background-color: var(--rr-color-theme-primary);
}

.about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-bottom-img {
  max-width: 350px;
  width: 100%;
  height: 480px;
}

.about-content-10 .about-exp-box {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 15px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .about-content-10 .about-exp-box {
    grid-template-columns: 1fr;
  }
}

.about-content-10 .about-exp-box .year {
  background-color: var(--rr-color-grey-1);
  color: var(--rr-color-theme-primary);
  font-size: 36px;
  font-weight: 800;
  height: 105px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-bottom: 0;
}

.about-content-10 .about-exp-box .year .plus {
  font-size: 24px;
  line-height: 1;
  transform: translateY(-5px);
  display: inline-block;
}

.about-content-10 .about-exp-box p {
  margin-bottom: 0;
}

.about-content-10 .about-exp-box p span {
  color: var(--rr-color-theme-primary);
  font-weight: 500;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

.about-content-10 .about-btn .rr-primary-btn {
  border-radius: 0;
}

.about-img-wrap-11 {
  position: relative;
  height: 685px;
  max-width: 757px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .about-img-wrap-11 {
    margin-bottom: 40px;
  }
}

.about-img-wrap-11 .about-counter-box {
  background-color: var(--rr-color-theme-primary);
  position: absolute;
  top: 134px;
  right: 0;
  max-width: 260px;
  width: 100%;
  padding: 21px 30px;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-11 .about-counter-box {
    padding: 20px;
  }
}

.about-img-wrap-11 .about-counter-box .title {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-11 .about-counter-box .title {
    font-size: 24px;
  }
}

.about-img-wrap-11 .about-counter-box .title .odometer-auto-theme {
  font-family: inherit;
}

.about-img-wrap-11 .about-counter-box .title .odometer-formatting-mark {
  display: none;
}

.about-img-wrap-11 .about-counter-box p {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}

.about-img-wrap-11 .about-counter-box p br {
  display: block;
}

.about-img-wrap-11 .about-img-1 {
  height: 490px;
  max-width: 487px;
  width: 100%;
}

.about-img-wrap-11 .about-img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-img-wrap-11 .about-img-2 {
  max-width: 398px;
  width: 100%;
  height: 453px;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .about-img-wrap-11 .about-img-2 {
    border: none;
  }
}

.about-img-wrap-11 .about-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top: 10px solid #02050A;
  border-left: 10px solid #02050A;
}

.about-img-wrap-11 .img-wrap-shape {
  position: absolute;
  top: 30px;
  left: -150px;
  z-index: -1;
}

.about-content-11 .about-items {
  margin-bottom: 45px;
}

.about-content-11 .about-items .about-item {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  grid-gap: 30px;
}

.about-content-11 .about-items .about-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #1E2228;
}

.about-content-11 .about-items .about-item .number {
  background-color: var(--rr-color-bg-1);
  border: 1px solid #1E2228;
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 700;
}

.about-content-11 .about-items .about-item .content .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.about-content-11 .about-items .about-item .content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.about-img-7 {
  max-width: 647px;
  width: 100%;
  height: 100%;
}

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

@media only screen and (max-width: 992px) {
  .about-content-9 {
    margin-bottom: 40px;
  }
}

.about-content-9 .about-btn .rr-primary-btn {
  border-radius: 0;
}

.about-content-9 .section-heading .bg-text {
  top: -35px;
  left: 66%;
}

@media only screen and (max-width: 992px) {
  .about-content-9 .section-heading .bg-text {
    display: none;
  }
}

.about-section-13 .section-heading .sub-heading {
  margin-bottom: 14px;
}

.about-section-13 .section-heading .section-title {
  margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
  .about-section-13 .section-heading .section-title {
    font-size: 25px;
  }
}

.about-section-13 .about-list-wrap span {
  margin-bottom: 15px;
}

.about-section-13 .about-list-wrap .about-list {
  margin-bottom: 35px;
}

.about-section-13 .about-img-13 {
  position: relative;
  max-width: 630px;
  width: 100%;
  margin-top: 16px;
}

.about-section-13 .about-img-13 .shapes .shape-1 {
  position: absolute;
  top: -35px;
  right: 50px;
}

.about-section-13 .about-img-13 .shapes .shape-2 {
  position: absolute;
  bottom: -115px;
  left: 30px;
  z-index: 1;
}

.about-section-13 .about-img-13 img {
  max-width: 461px;
  height: 100%;
  display: flex;
  margin: 0 0 0 auto;
}

.about-section-13 .about-img-13 .about-sm-img {
  position: absolute;
  bottom: -78px;
  left: 7px;
}

.about-section-13 .about-img-13 .about-sm-img img {
  max-width: 300px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.best-quality-13 .quality-reverse {
  flex-direction: row-reverse;
}

.best-quality-13 .about-img-wrap-11 {
  height: 602px;
  max-width: 717px;
  width: 100%;
  margin: 0 0 0 auto;
}

.best-quality-13 .about-img-wrap-11 .about-img-1 {
  height: 320px;
  max-width: 424px;
  width: 100%;
  top: 0;
  left: 151px;
}

.best-quality-13 .about-img-wrap-11 .about-img-2 {
  height: 286px;
  max-width: 249px;
  width: 100%;
  left: 0;
  top: 210px;
  border: 10px solid #02050A;
  border-top: none;
  border-left: none;
  border-color: #02050A;
}

.best-quality-13 .about-img-wrap-11 .about-img-3 {
  position: absolute;
  height: 392px;
  max-width: 444px;
  width: 100%;
  top: 210px;
  left: 273px;
  border: 10px solid #02050A;
}

.about-section-14 .about-img-wrap-4 {
  max-width: 642px;
}

.about-section-14 .about-img-wrap-4 .img-1 {
  max-width: 525px;
  width: 100%;
  height: 493px;
}

.about-section-14 .about-img-wrap-4 .img-2 {
  width: 245px;
  height: 246px;
}

.about-section-14 .about-content-4 {
  padding-left: 0px;
}

.about-section-14 .about-content-4 .heading-3 .sub-heading {
  margin-bottom: 0;
}

.about-section-14 .about-content-4 .heading-3 .section-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  text-transform: inherit;
  margin-bottom: 30px;
}

.about-section-14 .about-content-4 .about-counter-wrap {
  max-width: 100%;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success {
  display: flex;
  align-items: center;
  gap: 29px;
  flex-wrap: wrap;
  border-bottom: 1px solid #2D343E;
  padding-bottom: 30px;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success .about-success-item {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  row-gap: 10px;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success .about-success-item .icon {
  width: 85px;
  height: 85px;
  background: #11151C;
  border: 1px solid #2D343E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success .about-success-item .content .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: var(--rr-color-common-white);
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success .about-success-item .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #B0B2B7;
  margin-bottom: 0;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap .rr-primary-btn {
  padding: 19.5px 35px;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap .img-wrap {
  margin-left: 58px;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap .img-wrap img {
  width: 70px;
  height: 100%;
  object-fit: cover;
  margin-left: -43px;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap .count .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 0;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap .count .title span {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
}

.about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-14-btn-wrap .count .dec {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #3F5AF3;
}

.about-contect-15 {
  margin-right: -13px;
}

@media only screen and (max-width: 992px) {
  .about-contect-15 {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.about-contect-15 .about-title {
  font-weight: 700;
  font-size: 44px;
  line-height: 54px;
  margin-bottom: 50px;
  color: var(--rr-color-common-white);
}

@media (max-width: 1399px) {
  .about-contect-15 .about-title {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .about-contect-15 .about-title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .about-contect-15 .about-title {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}

.about-contect-15 .about-card {
  display: inline-flex;
  align-items: start;
  gap: 16px;
  padding: 28px;
  padding-bottom: 22px;
  transition: all 0.3s ease;
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-bg-1);
}

@media only screen and (max-width: 767px) {
  .about-contect-15 .about-card {
    padding: 15px;
    padding-bottom: 20px;
    flex-wrap: wrap;
  }
}

.about-contect-15 .about-card:hover {
  padding-bottom: 40px;
  border-color: var(--rr-color-theme-primary);
}

.about-contect-15 .about-card:hover .about-card-btn {
  opacity: 1;
  pointer-events: none;
}

.about-contect-15 .about-card .about-card-icon {
  min-width: 60px;
  height: 60px;
  border-radius: 500px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rr-color-theme-primary);
}

.about-contect-15 .about-card .about-card-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .about-contect-15 .about-card .about-card-title {
    line-height: 1.3;
  }
}

.about-contect-15 .about-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
  margin-bottom: 13px;
  color: var(--rr-color-text-body);
}

.about-contect-15 .about-card .about-card-btn {
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.about-contect-15 .about-card .about-card-btn a {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  color: var(--rr-color-theme-primary);
}

.about-contect-15 .about-card .about-card-btn a i {
  font-weight: 900;
  margin-left: 8px;
}

.about-thumb-wrap-15 {
  margin-left: 50px;
  text-align: end;
  margin-right: -17px;
  margin-bottom: -20px;
}

@media (max-width: 1600px) {
  .about-thumb-wrap-15 {
    margin-left: 45px;
  }
}

@media (max-width: 1199px) {
  .about-thumb-wrap-15 {
    margin-left: 0px;
    margin-right: -10px;
    margin-bottom: -10px;
  }
}

@media only screen and (max-width: 992px) {
  .about-thumb-wrap-15 {
    text-align: center;
  }
}

.about-thumb-wrap-15 img {
  margin-right: 17px;
  margin-bottom: 20px;
  vertical-align: bottom;
}

@media (max-width: 1199px) {
  .about-thumb-wrap-15 img {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .about-thumb-wrap-15 img {
    width: 100% !important;
  }
}

@media (max-width: 1399px) {

  .about-thumb-wrap-15 .image-1,
  .about-thumb-wrap-15 .image-2 {
    width: 45%;
  }
}

@media (max-width: 1399px) {
  .about-thumb-wrap-15 .image-3 {
    width: 30%;
  }
}

@media (max-width: 1399px) {
  .about-thumb-wrap-15 .image-4 {
    width: 64%;
  }
}

.about-section-16__area {
  overflow: hidden;
}

.about-section-16-img-box {
  position: relative;
}

.about-section-16-img-box .img-1 {
  max-width: 520px;
  width: 100%;
  height: 603px;
}

@media only screen and (max-width: 992px) {
  .about-section-16-img-box .img-1 {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-16-img-box .img-1 {
    max-width: 100%;
    height: 400px;
  }
}

.about-section-16-img-box .img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-section-16-img-box .img-2 {
  position: absolute;
  bottom: -37px;
  right: 25px;
  max-width: 305px;
  width: 100%;
  height: 315px;
  border: 10px solid var(--rr-color-common-white);
}

@media (max-width: 1199px) {
  .about-section-16-img-box .img-2 {
    right: 0;
  }
}

.about-section-16__item {
  padding-left: 50px;
  padding-top: 30px;
}

@media (max-width: 1199px) {
  .about-section-16__item {
    padding-left: 10px;
    padding-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .about-section-16__item {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-16__item {
    padding-left: 0;
  }
}

.about-section-16__info .sub-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #11151C;
}

.about-section-16__info .title {
  font-weight: 700;
  font-size: 64px;
  line-height: 74px;
  color: #000000;
  margin-top: 12px;
  margin-bottom: 24px;
}

@media (max-width: 1199px) {
  .about-section-16__info .title {
    font-size: 55px;
    line-height: 61px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-16__info .title {
    font-size: 30px;
    line-height: 36px;
  }

  .about-section-16__info .title br {
    display: none;
  }
}

.about-section-16__info .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 63px;
}

@media only screen and (max-width: 992px) {
  .about-section-16__info .decs br {
    display: none;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-16__info .decs {
    margin-bottom: 30px;
  }
}

.about-section-16__btn {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.about-section-16__btn .rr-primary-btn {
  border-radius: 30px;
  padding: 19.5px 42.2px;
}

.about-section-16__btn .work {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-decoration-line: underline;
  color: #000000;
  transition: all 0.3s ease-in-out;
}

.about-section-16__btn .work:hover {
  color: #3F5AF3;
}

.about-section-16__counter-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.about-section-16__counter-2 .counters-item {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 35px;
}

@media only screen and (max-width: 767px) {
  .about-section-16__counter-2 .counters-item {
    border: none;
    padding-right: 0;
  }
}

.about-section-16__counter-2 .counters-item:last-child {
  border-right: none;
  padding-left: 14px;
}

@media only screen and (max-width: 767px) {
  .about-section-16__counter-2 .counters-item:last-child {
    padding-left: 0;
  }
}

.about-section-16__counter-2 .counters-item .title {
  font-weight: 700;
  font-size: 60px;
  line-height: 0.7;
  color: #000000;
  display: flex;
  margin: 0;
}

.about-section-16__counter-2 .counters-item .title span {
  font-weight: 700;
  font-size: 64px;
  line-height: 0.8;
  color: #000000;
  font-family: var(--rr-ff-heading);
}

.about-section-16__counter-2 .counters-item .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
  margin-bottom: 8px;
}

.explore-16-wrapper {
  margin-top: 85px;
}

.explore-16-item {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 992px) {
  .explore-16-item {
    border: inherit;
  }
}

.explore-16-content {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 30px;
  padding-top: 20px;
}

@media (max-width: 1399px) {
  .explore-16-content {
    margin-right: 28px;
  }
}

.explore-16-content .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  margin-bottom: 28px;
}

.explore-16-content .number {
  font-weight: 500;
  font-size: 64px;
  line-height: 20px;
  color: var(--rr-color-theme-primary);
  margin-top: 20px;
  display: inline-block;
}

.explore-16-content .name {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 14px;
}

.explore-16-content .decs {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}

.explore-16-btn .rr-primary-btn {
  border-radius: 30px;
  margin-bottom: 20px;
  padding: 19.5px 32.5px;
}

.about-section-17-area {
  margin-top: -1px;
}

@media only screen and (max-width: 992px) {
  .about-section-17-area {
    padding-top: 0;
  }
}

.about-section-17-wrapper {
  margin-bottom: -1px;
  position: relative;
}

.about-section-17-wrapper::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0px;
  height: 556px;
  width: 1300px;
  background: #04080F;
}

.about-section-17-counter {
  position: relative;
  z-index: 3;
}

.about-section-17-counter .counter {
  font-weight: 600;
  font-size: 268px;
  line-height: 1;
  color: #FFFFFF;
  font-family: var(--rr-ff-heading);
  margin-bottom: 0;
  overflow: hidden;
}

@media (max-width: 1700px) {
  .about-section-17-counter .counter {
    font-size: 220px;
  }
}

@media (max-width: 1399px) {
  .about-section-17-counter .counter {
    font-size: 185px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-17-counter .counter {
    font-size: 70px;
  }
}

.about-section-17-counter .counter .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.about-section-17-counter .counter .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: inherit;
}

.about-section-17-counter .counter span {
  line-height: 1;
  font-family: var(--rr-ff-heading);
  overflow: inherit;
  letter-spacing: 6px;
}

.about-section-17-counter .decs {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 7px;
}

.about-section-17-content {
  position: relative;
  z-index: 3;
  margin-left: 15px;
}

@media only screen and (max-width: 992px) {
  .about-section-17-content {
    margin-top: 30px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-17-content {
    margin-top: 20px;
    margin-left: 0;
  }
}

.about-section-17-content .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 68px;
  color: #FFFFFF;
  margin-bottom: 40px;
}

@media (max-width: 1399px) {
  .about-section-17-content .title {
    font-size: 40px;
    line-height: 53px;
  }

  .about-section-17-content .title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-17-content .title {
    font-size: 29px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}

.about-section-17-content .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
  .about-section-17-content .decs br {
    display: none;
  }
}

.about-section-18__wrapper {
  margin-top: -1px;
}

.about-section-18__item {
  display: grid;
  grid-template-columns: 486px 1fr;
}

@media (max-width: 1199px) {
  .about-section-18__item {
    grid-template-columns: 330px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .about-section-18__item {
    grid-template-columns: 1fr;
  }
}

.about-section-18__info {
  margin-top: 7px;
}

@media only screen and (max-width: 992px) {
  .about-section-18__info {
    margin-bottom: 30px;
    margin-top: 0;
  }
}

.about-section-18__info .sub-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding-left: 15px;
  position: relative;
  margin-right: 10px;
}

.about-section-18__info .sub-title::after {
  position: absolute;
  content: "";
  left: 0;
  top: 25%;
  background: #3F5AF3;
  height: 7px;
  width: 7px;
  border-radius: 100%;
}

.about-section-18__info .sub-title::before {
  position: absolute;
  content: "";
  left: 110px;
  top: 50%;
  height: 1px;
  width: 367px;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1199px) {
  .about-section-18__info .sub-title::before {
    width: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-18__info .sub-title::before {
    width: 185px;
  }
}

.about-section-18__content {
  margin-left: 10px;
}

@media only screen and (max-width: 992px) {
  .about-section-18__content {
    margin-left: 0;
  }
}

.about-section-18__text {
  margin-bottom: 35px;
}

.about-section-18__text .title {
  font-family: var(--rr-ff-heading);
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #FFFFFF;
  margin-bottom: 55px;
}

@media (max-width: 1199px) {
  .about-section-18__text .title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-18__text .title {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 25px;
  }
}

.about-section-18__text .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 992px) {
  .about-section-18__text .decs br {
    display: none;
  }
}

.about-section-18__btn .rr-primary-btn {
  border-radius: 30px;
  padding: 19.5px 41.5px;
}

.about-section-19__wrapper {
  position: relative;
}

.about-section-19__wrapper .shapes .shape-1 {
  position: absolute;
  left: 0;
  top: 56%;
}

@media (max-width: 1199px) {
  .about-section-19__wrapper .shapes .shape-1 {
    display: none;
  }
}

.about-section-19__info {
  margin-bottom: 50px;
}

@media only screen and (max-width: 992px) {
  .about-section-19__info {
    margin-bottom: 40px;
  }
}

.about-section-19__info .sub-title {
  font-family: var(--rr-ff-body-2);
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: #111111;
  display: inline-block;
  padding: 2px 20px;
  border: 1px solid #000000;
  border-radius: 21px;
}

.about-section-19__info .title {
  margin-top: 40px;
  font-weight: 400;
  font-size: 64px;
  line-height: 74px;
  color: #000000;
  font-family: var(--rr-ff-heading-2);
}

@media (max-width: 1399px) {
  .about-section-19__info .title {
    font-size: 45px;
    line-height: 50px;
  }

  .about-section-19__info .title br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .about-section-19__info .title {
    font-size: 37px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .about-section-19__info .title {
    font-size: 28px;
    line-height: 32px;
    margin-top: 20px;
  }
}

.about-section-19__thumb {
  padding-left: 90px;
  position: relative;
  z-index: 3;
}

@media (max-width: 1199px) {
  .about-section-19__thumb {
    padding-left: 0;
  }
}

.about-section-19__thumb .about-19-video {
  max-height: 625px;
  width: 100%;
  object-fit: cover;
}

.about-section-19__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.about-section-19__content {
  margin-top: 0px;
}

@media only screen and (max-width: 992px) {
  .about-section-19__content {
    margin-bottom: 40px;
  }
}

.about-section-19__content .decs {
  font-family: var(--rr-ff-body-2);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1199px) {
  .about-section-19__content .decs br {
    display: none;
  }
}

.about-section-19__content .rr-primary-btn {
  margin-top: 10px;
  padding: 20px 43px;
  border-radius: 30px;
}

/* !END: Theme About CSS */
/**----------------------------------------
START: Service CSS
----------------------------------------*/
.service-section {
  position: relative;
  z-index: 1;
}

.service-section .bg-color {
  background-color: var(--rr-color-bg-1);
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .service-section .bg-color {
    height: 60%;
  }
}

.service-section .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.service-item .service-text {
  text-align: center;
}

.service-item .service-text a {
  font-size: 30px;
  font-weight: 700;
  color: var(--rr-color-grey-2);
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

@media (max-width: 1399px) {
  .service-item .service-text a {
    font-size: 25px;
  }
}

@media (max-width: 1199px) {
  .service-item .service-text a {
    font-size: 20px;
  }
}

.service-item .service-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.service-item .service-thumb img {
  height: 360px;
  width: 100%;
  object-fit: cover;
  z-index: -1;
  position: relative;
}

.service-item .service-thumb .overlay-color {
  background: #001695;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.service-item .service-thumb .transparent-shape {
  width: 255px;
  height: 255px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}

.service-item .service-thumb .service-icon {
  background-color: var(--rr-color-common-white);
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 30px;
  left: 15px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}

.service-item .service-thumb .service-icon svg {
  color: var(--rr-color-theme-primary);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.service-item .service-thumb .service-icon:hover {
  background-color: var(--rr-color-theme-primary);
}

.service-item .service-thumb .service-icon:hover svg {
  color: var(--rr-color-common-white);
}

.service-item .service-thumb .service-btn {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 60px);
  padding: 14.5px 0;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}

.service-item .service-thumb .service-btn i {
  transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
  .service-item.item-3 {
    padding-bottom: 30px;
  }
}

.service-item:hover .service-text a {
  color: var(--rr-color-common-white);
}

.service-item:hover .transparent-shape {
  visibility: visible;
  opacity: 1;
}

.service-item:hover .service-thumb .service-icon {
  left: 30px;
  visibility: visible;
  opacity: 1;
}

.service-item:hover .service-thumb .service-btn {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}

.service-item.service-item-2 .service-thumb {
  position: relative;
  z-index: 1;
}

.service-item.service-item-2 .service-thumb img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.service-item.service-item-2 .service-thumb:before {
  background-color: #3F5AF3;
  content: "";
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.service-item.service-item-2 .service-icon {
  background-color: var(--rr-color-theme-primary);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  transition-delay: 100ms;
  left: 30px;
  z-index: 2;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1199px) {
  .service-item.service-item-2 .service-icon {
    left: 20px;
  }
}

.service-item.service-item-2 .service-icon svg {
  color: var(--rr-color-common-white);
}

.service-item.service-item-2 .service-icon:hover {
  background-color: var(--rr-color-bg-1);
}

.service-item.service-item-2 p {
  color: var(--rr-color-common-white);
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  transition-delay: 250ms;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  padding-right: 20px;
  margin-top: 10px;
}

.service-item.service-item-2 .service-btn {
  background-color: var(--rr-color-bg-1);
  left: 50%;
  bottom: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 2;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1199px) {
  .service-item.service-item-2 .service-btn {
    width: calc(100% - 20px);
    font-size: 14px;
  }
}

@media only screen and (max-width: 992px) {
  .service-item.service-item-2 .service-btn {
    width: calc(100% - 40px);
  }
}

.service-item.service-item-2 .service-btn:hover {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
}

@media (max-width: 1199px) {
  .service-item.service-item-2:hover .service-icon {
    left: 20px;
  }
}

.service-item.service-item-2:hover .service-thumb img {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

.service-item.service-item-2:hover .service-thumb:before {
  visibility: visible;
  opacity: 1;
}

.service-item.service-item-2:hover p {
  left: 30px;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1199px) {
  .service-item.service-item-2:hover p {
    left: 20px;
  }
}

.service-top {
  position: relative;
}

.service-top .swiper-pagination {
  color: var(--rr-color-common-white);
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  bottom: 0;
  transform: translate(-50%);
  width: auto;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

@media only screen and (max-width: 767px) {
  .service-top .swiper-pagination {
    display: none;
  }
}

.service-top .swiper-arrow {
  color: var(--rr-color-common-white);
  position: absolute;
  left: auto;
  right: -70px;
  top: 50%;
  bottom: 0;
  transform: translate(-50%);
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .service-top .swiper-arrow {
    display: none;
  }
}

.service-top .swiper-arrow .swiper-nav.swiper-next {
  margin-right: 110px;
}

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

.service-2 .cross {
  position: absolute;
  bottom: 0;
  right: 80px;
}

@media only screen and (max-width: 992px) {
  .service-2 .cross {
    right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .service-2 .cross {
    display: none;
  }
}

.service-left .section-heading .section-title {
  margin-bottom: 30px;
}

.service-box-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 860px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .service-box-wrap {
    grid-template-columns: 1fr;
  }
}

.service-box-wrap .service-box {
  background-color: var(--rr-color-bg-1);
  position: relative;
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box {
    padding: 30px 20px;
  }
}

.service-box-wrap .service-box .number {
  color: #222731;
  font-size: 48px;
  font-weight: 700;
  position: absolute;
  top: 40px;
  right: 40px;
  line-height: 1;
  display: block;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box .number {
    top: 30px;
    right: 20px;
  }
}

.service-box-wrap .service-box .icon {
  margin-bottom: 30px;
}

.service-box-wrap .service-box .icon svg {
  color: var(--rr-color-theme-primary);
}

.service-box-wrap .service-box .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}

.service-box-wrap .service-box .service-img {
  max-width: 350px;
  width: 100%;
  height: 117px;
  position: relative;
  overflow: hidden;
}

.service-box-wrap .service-box .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-box-wrap .service-box .service-img:before {
  background-color: #001AAB;
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.service-box-wrap .service-box .service-img:after {
  background: radial-gradient(100% 100% at 50% 0%, rgba(63, 90, 243, 0) 0%, #3F5AF3 100%);
  filter: blur(75px);
  content: "";
  width: 255px;
  height: 255px;
  border-radius: 50%;
  position: absolute;
  top: -150%;
  left: -25%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.service-box-wrap .service-box:nth-child(1) {
  border-bottom: 1px solid var(--rr-color-border-1);
  border-right: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box:nth-child(1) {
    border: none;
  }
}

.service-box-wrap .service-box:nth-child(2) {
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box:nth-child(2) {
    border: none;
  }
}

.service-box-wrap .service-box:nth-child(3) {
  border-right: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box:nth-child(3) {
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box:nth-child(4) {
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .service-box-wrap .service-box:not(:last-of-type) {
    border-bottom: 1px solid var(--rr-color-border-1);
  }
}

.service-box-wrap .service-box:hover .service-img:after {
  visibility: visible;
  opacity: 1;
}

.service-box-wrap .service-box:hover .service-img:before {
  visibility: visible;
  opacity: 0.4;
}

.service-box-wrap .service-box:hover .service-img img {
  transform: scale(1.03);
}

.service-box-wrap .service-box:hover .icon svg {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.service-item-3 {
  background-color: var(--rr-color-bg-1);
  padding: 40px 30px;
  border: 1px solid var(--rr-color-border-1);
}

.service-item-3 .service-icon-wrap {
  border-radius: 50%;
}

.service-item-3 .service-icon-wrap .service-icon {
  background: radial-gradient(50% 5688.89% at 50% 50%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #3E3E3E;
  height: 110px;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.service-item-3 .service-icon-wrap .service-icon svg {
  color: var(--rr-color-common-white);
}

.service-item-3 .title {
  font-weight: 700;
  margin-bottom: 25px;
}

.service-item-3 p:last-child {
  margin-bottom: 0;
}

.service-item-3:hover .service-icon svg {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.service-card {
  background-color: var(--rr-color-bg-1);
  display: grid;
  grid-template-columns: 85px 1fr;
  grid-gap: 30px;
  border: 1px solid var(--rr-color-border-1);
  padding: 40px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .service-card {
    grid-template-columns: 1fr;
    padding: 30px 20px;
  }
}

.service-card .shape {
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-card .icon {
  background-color: var(--rr-color-common-white);
  height: 85px;
  width: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.service-card .icon img {
  height: 45px;
  width: 45px;
}

.service-card .content .title {
  font-weight: 700;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .service-card .content .title {
    font-size: 20px;
  }
}

.service-card .content .read-more {
  font-size: 16px;
  font-weight: 700;
  color: var(--rr-color-theme-primary);
}

.service-card .content .read-more i {
  margin-left: 5px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-card .content .read-more:hover i {
  margin-left: 10px;
}

.service-card:hover .shape {
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .service-card-wrap {
    margin-top: 50px;
  }
}

.service-card-wrap .service-card-2 {
  background-color: var(--rr-color-bg-1);
  padding: 30px 40px;
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.service-card-wrap .service-card-2:not(:last-of-type) {
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .service-card-wrap .service-card-2 {
    grid-template-columns: 1fr;
    padding: 30px 20px;
    grid-gap: 20px;
  }
}

.service-card-wrap .service-card-2 .shape {
  width: auto;
  height: auto;
  position: absolute;
  top: -35px;
  left: -35px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.service-card-wrap .service-card-2 .shape img {
  width: auto;
  height: auto;
}

.service-card-wrap .service-card-2 .icon {
  background: rgba(63, 90, 243, 0.1);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-card-wrap .service-card-2 .icon img {
  width: 45px;
  height: 45px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-card-wrap .service-card-2 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}

.service-card-wrap .service-card-2 .content .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .service-card-wrap .service-card-2 .content .title {
    font-size: 18px;
  }
}

.service-card-wrap .service-card-2 .content .learn-more {
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.service-card-wrap .service-card-2:hover .shape {
  top: -25px;
  left: -25px;
  visibility: visible;
  opacity: 1;
}

.service-card-wrap .service-card-2:hover .icon {
  background-color: var(--rr-color-theme-primary);
}

.service-card-wrap .service-card-2:hover .icon img {
  filter: brightness(0) invert(1);
}

.service-section-8 {
  overflow: hidden;
}

.service-section-8 .section-heading .section-title br {
  display: block;
}

.service-carousel-2 {
  overflow: visible;
}

.service-item-4 {
  background-color: var(--rr-color-bg-1);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 276px;
}

@media (max-width: 1199px) {
  .service-item-4 {
    grid-template-columns: 1fr;
  }
}

.service-item-4 .service-img {
  height: 100%;
}

@media (max-width: 1199px) {
  .service-item-4 .service-img {
    height: 350px;
  }
}

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

.service-item-4 .service-content {
  padding: 40px;
}

@media (max-width: 1399px) {
  .service-item-4 .service-content {
    padding: 40px 20px;
  }
}

.service-item-4 .service-content .number {
  color: rgba(255, 255, 255, 0.1);
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 40px;
  display: block;
}

.service-item-4 .service-content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 1399px) {
  .service-item-4 .service-content .title {
    font-size: 20px;
  }
}

.service-item-4 .service-content p {
  margin: 20px 0;
}

.service-item-4 .service-content .read-more {
  font-size: 16px;
  font-weight: 600;
  color: var(--rr-color-theme-primary);
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.service-item-4 .service-content .read-more i {
  margin-bottom: -1px;
}

.service-item-5 {
  background-color: var(--rr-color-bg-1);
}

.service-item-5 .service-thumb {
  height: 100px;
  width: 100%;
  position: relative;
}

.service-item-5 .service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-item-5 .service-thumb .icon {
  background-color: var(--rr-color-theme-primary);
  height: 98px;
  width: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  bottom: -49px;
  left: 50px;
}

@media only screen and (max-width: 767px) {
  .service-item-5 .service-thumb .icon {
    left: 20px;
  }
}

.service-item-5 .service-thumb .icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.service-item-5 .service-content {
  padding: 50px;
  padding-top: 88px;
  border: 1px solid var(--rr-color-border-1);
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .service-item-5 .service-content {
    padding: 50px 20px;
    padding-top: 88px;
  }
}

.service-item-5 .service-content .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

.service-item-5 .service-content .read-more {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  position: relative;
}

.service-item-5 .service-content .read-more i {
  font-size: 15px;
  line-height: 1;
  margin-top: 2px;
}

.service-item-5 .service-content .read-more:before {
  background-color: var(--rr-color-common-white);
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-item-5 .service-content .read-more:hover {
  color: var(--rr-color-theme-primary);
}

.service-item-5 .service-content .read-more:hover:before {
  background-color: var(--rr-color-theme-primary);
}

.service-item-wrap .service-item-10 {
  background-color: var(--rr-color-bg-1);
  display: grid;
  align-items: center;
  grid-template-columns: 98px 1fr;
  grid-gap: 30px;
  padding: 40px;
  border: 1px solid var(--rr-color-border-1);
}

.service-item-wrap .service-item-10:not(:last-of-type) {
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .service-item-wrap .service-item-10 {
    grid-template-columns: 1fr;
    padding: 30px 20px;
  }
}

.service-item-wrap .service-item-10 .icon {
  background-color: var(--rr-color-theme-primary);
  height: 98px;
  width: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.service-item-wrap .service-item-10 .icon img {
  filter: brightness(0) invert(1);
}

.service-item-wrap .service-item-10 .content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.service-item-wrap .service-item-10 .content p {
  margin-bottom: 0;
}

.service-item-wrap .service-item-10:hover .icon img {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.service-item-wrap-10.wrap-1 {
  padding-right: 50px;
}

@media only screen and (max-width: 992px) {
  .service-item-wrap-10.wrap-1 {
    padding-right: 0;
  }
}

.service-item-wrap-10.wrap-2 {
  padding-left: 50px;
}

@media only screen and (max-width: 992px) {
  .service-item-wrap-10.wrap-2 {
    padding-left: 0;
    margin-top: 30px;
  }
}

.service-item-6 {
  position: relative;
}

.service-item-6:not(:last-of-type) {
  margin-bottom: 50px;
}

.service-item-6 .service-item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 30px;
  padding-bottom: 50px;
  border-bottom: 1px solid #2D343E;
}

.service-item-6 .service-item-inner .left-content {
  display: flex;
  align-items: center;
  column-gap: 40px;
}

.service-item-6 .service-item-inner .left-content span {
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 700;
}

.service-item-6 .service-item-inner .left-content .title {
  font-size: 24px;
  color: var(--rr-color-common-white);
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.5;
}

.service-item-6 .service-item-inner .arrow a {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #2D343E;
}

.service-item-6 .service-item-inner .arrow a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.service-item-6 .service-img-reveal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  opacity: 0;
  margin: -100px 0 0 -100px;
  overflow: hidden;
  pointer-events: none;
  z-index: 99;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.service-item-6:hover .service-img-reveal-bg {
  opacity: 1;
}

.service-item-11 {
  background-color: #11151C;
  padding: 40px;
  border: 1px solid #2D343E;
}

@media only screen and (max-width: 767px) {
  .service-item-11 {
    padding: 30px 20px;
  }
}

.service-item-11 .service-thumb {
  height: 250px;
  margin-bottom: 30px;
}

.service-item-11 .service-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-item-11 .title {
  margin-bottom: 20px;
}

.service-item-11 p {
  margin-bottom: 25px;
}

.service-item-11 .rr-primary-btn {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
}

.service-item-11 .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.service-item-11 .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.service-item-12 {
  background-color: #11151C;
  padding: 40px;
  border: 1px solid #2D343E;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  column-gap: 20px;
  row-gap: 20px;
}

@media only screen and (max-width: 767px) {
  .service-item-12 {
    max-width: 170px;
    margin: 0 auto;
  }
}

.service-item-12 .title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.service-item-12 .service-btn a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-item-12 .service-btn a i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.service-item-12 .service-btn a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.service-item-12 .service-btn a:hover i {
  transform: rotate(0deg);
}

.service-item-12 .icon {
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2D343E;
}

.service-section-13-bg-color {
  background: linear-gradient(180deg, #11151C 0%, rgba(17, 21, 28, 0) 100%);
}

.service-section-13 .service-item-13 {
  background: #11151C;
  border: 1px solid #2D343E;
  transition: all 0.3s ease-in-out;
}

.service-section-13 .service-item-13:hover {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #3F5AF3;
}

.service-section-13 .service-item-13:hover .icon {
  border-color: transparent;
  background-color: var(--rr-color-theme-primary);
}

.service-section-13 .service-item-13 .icon {
  width: 100px;
  height: 100px;
  background: #02050A;
  border: 1px solid #2D343E;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.service-section-13 .service-item-13 .content {
  padding: 27px 50px 50px 50px;
}

.service-section-13 .service-item-13 .content .title {
  margin-bottom: 9px;
}

.service-section-13 .service-item-13 .content .title a {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.service-section-13 .service-item-13 .content .dec {
  margin-bottom: 23px;
}

.service-section-13 .service-item-13 .content .rr-primary-btn {
  color: var(--rr-color-theme-primary);
  background-color: var(--rr-color-common-white);
  padding: 15px 24px;
}

.service-section-13 .service-item-13 .content .rr-primary-btn::before {
  background-color: var(--rr-color-theme-primary);
}

.service-section-13 .service-item-13 .content .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.service-section-14 .shapes .shape-1 {
  position: absolute;
  top: 30px;
  right: -801px;
}

.service-section-14::before {
  display: none !important;
}

.service-section-14 .brand-wrap-15 {
  background: rgba(17, 21, 28, 0.6);
  border: 1px solid #2D343E;
  backdrop-filter: blur(50px);
  padding: 52.5px 60px !important;
}

.service-section-14-top {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .service-section-14-top {
    margin-bottom: 30px;
  }
}

.service-section-14-top .service-slide-14-button {
  gap: 15px;
  display: flex;
  align-items: center;
}

.service-section-14-top .service-slide-14-arrow {
  width: 60px;
  height: 60px;
  display: flex;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  backdrop-filter: blur(60px);
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.service-section-14-top .service-slide-14-arrow:hover {
  color: var(--rr-color-theme-primary);
  background-color: var(--rr-color-common-white);
}

.service-wrap-14 {
  margin-right: -460px;
}

@media (max-width: 1399px) {
  .service-wrap-14 {
    margin-right: 0;
  }
}

.service-wrap-14 .service-item-14 {
  max-width: 444px;
  padding: 40px;
  padding-bottom: 33px;
  position: relative;
  overflow: hidden;
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
}

@media (max-width: 1199px) {
  .service-wrap-14 .service-item-14 {
    padding: 20px;
    padding-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .service-wrap-14 .service-item-14 {
    margin: 0 auto;
  }
}

.service-wrap-14 .service-item-14 .service-item-bg-14 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: top;
  background-repeat: no-repeat;
  transition: opacity 0.9s ease-in-out;
}

.service-wrap-14 .service-item-14 .service-item-bg-shape {
  left: -104px;
  top: -186px;
  width: 659px;
  height: 255px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  filter: blur(75px);
  mix-blend-mode: color-burn;
  transition: all 0.3s ease-in-out;
  background: radial-gradient(100% 100% at 50% 0%, rgba(63, 90, 243, 0) 0%, #3F5AF3 100%);
}

.service-wrap-14 .service-item-14::after {
  content: "";
  opacity: 0.4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  mix-blend-mode: multiply;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 26, 171, 0.4);
}

.service-wrap-14 .service-item-14::before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(180deg, rgba(30, 30, 30, 0.25) 0%, #11151C 60.94%);
}

.service-wrap-14 .service-item-14:hover .service-item-bg-14 {
  opacity: 1;
  visibility: visible;
}

.service-wrap-14 .service-item-14:hover::before {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

.service-wrap-14 .service-item-14:hover::after {
  opacity: 1;
  visibility: visible;
}

.service-wrap-14 .service-item-14:hover .service-item-bg-shape {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

.service-wrap-14 .service-item-14:hover .service-info .service-number span {
  color: rgb(217, 217, 217);
}

.service-wrap-14 .service-item-14 .service-info {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.service-wrap-14 .service-item-14 .service-info .service-number span {
  font-weight: 700;
  font-style: italic;
  font-size: 48px;
  line-height: 1;
  color: rgb(34, 39, 49);
}

.service-wrap-14 .service-item-14 .service-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  color: var(--rr-color-text-body);
}

.service-wrap-14 .service-item-14 .service-content .service-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 10px;
  margin-top: 22px;
  color: var(--rr-color-common-white);
}

.service-wrap-14 .service-item-14 .service-content .service-btn a {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: var(--rr-color-theme-primary);
}

.service-wrap-14 .service-item-14 .service-content .service-btn a i {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 900;
}

.service-section-15 .service-item-13 {
  background-color: var(--rr-color-bg-1);
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  /* padding-right: 4px;
  padding-bottom: 4px; */
  border-radius: 20px;
}

.service-section-15 .service-item-13 .service-item-13-inner {
  width: 100%;
  padding: 40px;
  height: 100%;
  background: #11151C;
  position: relative;
}

.service-section-15 .service-item-13 .service-item-13-border {
  width: 233px;
  height: 233px;
  filter: blur(50px);
  background: #237687;
  right: -74px;
  bottom: -77px;
  position: absolute;
  overflow: hidden;
  filter: blur(50px);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.service-section-15 .service-item-13::before {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 259px;
  height: 259px;
  content: "";
  background: #0b9fbcbd;
  opacity: 0.37;
  filter: blur(75px);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.service-section-15 .service-item-13:hover {
  background-color: var(--rr-color-bg-1);
  border: 1px solid transparent;
}

.service-section-15 .service-item-13:hover::before {
  opacity: 1;
  visibility: visible;
}

.service-section-15 .service-item-13:hover .icon {
  background-color: transparent;
}

.service-section-15 .service-item-13:hover .service-item-13-border {
  opacity: 1;
  visibility: visible;
}

.service-section-15 .service-item-13 .icon {
  width: inherit;
  height: inherit;
  background: transparent;
  border: 1px solid transparent;
  display: block;
  padding-bottom: 22px;
  position: relative;
  z-index: 2;
}

.service-section-15 .service-item-13 .icon:hover {
  background: transparent;
}

.service-section-15 .service-item-13 .content {
  padding: 0;
}

.service-section-15 .service-item-13 .content .rr-primary-btn {
  color: var(--rr-color-common-white);
  background-color: var(--rr-color-theme-primary);
  padding: 15px 24px;
}

.service-section-15 .service-item-13 .content .rr-primary-btn::before {
  background-color: var(--rr-color-common-white);
}

.service-section-15 .service-item-13 .content .rr-primary-btn:hover {
  color: var(--rr-color-theme-primary);
}

.service-section-16__wrapper {
  padding: 190px 0 130px 0;
  position: relative;
}

@media (max-width: 1700px) {
  .service-section-16__wrapper {
    padding: 130px 0 130px 0;
  }
}

@media (max-width: 1600px) {
  .service-section-16__wrapper {
    padding: 130px 0 190px 0;
  }
}

@media (max-width: 1399px) {
  .service-section-16__wrapper {
    padding: 130px 0 135px 0;
  }
}

@media (max-width: 1199px) {
  .service-section-16__wrapper {
    padding: 100px 0 50px 0;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-16__wrapper {
    padding: 80px 0 50px 0;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-16__wrapper {
    padding: 60px 0 50px 0;
  }
}

.service-section-16__wrapper .shapes .shape-1 {
  position: absolute;
  right: 50px;
  top: 50px;
}

@media (max-width: 1199px) {
  .service-section-16__wrapper .shapes .shape-1 {
    display: none;
  }
}

.service-section-16__wrapper .shapes .shape-2 {
  position: absolute;
  left: 50px;
  top: 50px;
}

@media (max-width: 1199px) {
  .service-section-16__wrapper .shapes .shape-2 {
    display: none;
  }
}

.service-section-16__wrapper .shapes .shape-3 {
  position: absolute;
  left: 30px;
  top: -10px;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .service-section-16__wrapper .shapes .shape-3 {
    display: none;
  }
}

.service-section-16__wrapper .shapes .shape-4 {
  position: absolute;
  left: 50px;
  top: -20px;
  z-index: -2;
}

@media only screen and (max-width: 767px) {
  .service-section-16__wrapper .shapes .shape-4 {
    display: none;
  }
}

.service-section-16__info {
  position: relative;
}

.service-section-16__info .title {
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
  margin-bottom: 16px;
  font-weight: var(--rr-fw-bold);
  font-family: var(--rr-ff-body);
}

@media (max-width: 1199px) {
  .service-section-16__info .title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-16__info .title {
    font-size: 40px;
    line-height: 49px;
  }
}

.service-section-16__info .decs {
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: var(--rr-fw-regular);
  font-family: var(--rr-ff-body);
}

.service-section-16__info .sercice {
  position: absolute;
  top: -100px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .service-section-16__info .sercice {
    top: -43px;
  }
}

.service-section-16__info .sercice h3 {
  font-family: var(--rr-ff-body);
  font-weight: 800;
  font-size: 140px;
  line-height: 176px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.01);
}

@media only screen and (max-width: 767px) {
  .service-section-16__info .sercice h3 {
    font-size: 65px;
    line-height: 93px;
  }
}

.service-section-16__btn {
  margin-top: 27px;
}

.service-section-16__btn .rr-primary-btn {
  background: var(--rr-color-theme-primary);
  padding: 20px 30.5px;
  border-radius: 30px;
}

.service-section-16__item {
  background: #F2F3F4;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 992px) {
  .service-section-16__item {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-16__item {
    flex-wrap: wrap;
  }
}

.service-section-16__content {
  padding: 50px 30px 45px 50px;
}

@media (max-width: 1399px) {
  .service-section-16__content {
    padding: 47px 30px 45px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-16__content {
    padding: 40px 20px 40px 20px;
  }
}

.service-section-16__content .number {
  margin-bottom: 100px;
}

@media (max-width: 1399px) {
  .service-section-16__content .number {
    margin-bottom: 45px;
  }
}

.service-section-16__content .number span {
  font-weight: 500;
  font-size: 32px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #000000;
}

.service-section-16__content .name {
  font-family: var(--rr-ff-body);
  font-weight: 700;
  font-size: 32px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 27px;
}

.service-section-16__content .name a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.2;
}

.service-section-16__content .name a:hover {
  color: var(--rr-color-theme-primary);
  background-size: 100% 2px;
}

.service-section-16__content .decs {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 30px;
}

.service-section-16__more a {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  border-bottom: 1px solid #000000;
  transition: all 0.3s ease-in-out;
}

.service-section-16__more a:hover {
  color: var(--rr-color-theme-primary);
  background-size: 100% 2px;
}

.service-section-16__thumb {
  max-width: 235px;
}

@media only screen and (max-width: 767px) {
  .service-section-16__thumb {
    max-width: 235px;
    width: 235px;
    height: auto;
    margin: 0 auto 30px;
  }

  .service-section-16__thumb img {
    height: auto;
    object-fit: contain;
  }
}

.service-section-16__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 20px 20px 0;
}

@media only screen and (max-width: 767px) {
  .service-section-16__thumb img {
    border-radius: 20px;
  }
}

.highlight-section-16__area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.highlight-section-16__wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.highlight-section-16__content {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 50px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .highlight-section-16__content {
    padding: 0 0px;
  }
}

.highlight-section-16__content .decs {
  margin-top: 25px;
  font-family: var(--rr-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #11151C;
  margin-bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .highlight-section-16__content .decs br {
    display: none;
  }
}

.service-section-17-area {
  margin-bottom: -2px;
}

.service-section-17-item-wrapper {
  position: relative;
  z-index: 3;
}

.service-section-17-wrapper {
  position: relative;
}

.service-section-17-wrapper .shapes .shape-1 {
  position: absolute;
  bottom: -50%;
  left: 0;
}

@media (max-width: 1399px) {
  .service-section-17-wrapper .shapes .shape-1 {
    bottom: -30%;
  }
}

@media (max-width: 1199px) {
  .service-section-17-wrapper .shapes .shape-1 {
    display: none;
  }
}

.service-section-17-item {
  padding: 10px 0 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.4s ease-in-out;
}

.service-section-17-item:hover {
  padding: 25px 0;
  border-bottom: 1px solid #3F5AF3;
}

.service-section-17-item:hover .service-section-17-left {
  gap: 240px;
}

@media (max-width: 1700px) {
  .service-section-17-item:hover .service-section-17-left {
    gap: 110px;
  }
}

@media (max-width: 1399px) {
  .service-section-17-item:hover .service-section-17-left {
    gap: 55px;
  }
}

@media (max-width: 1199px) {
  .service-section-17-item:hover .service-section-17-left {
    gap: 30px;
  }
}

.service-section-17-item:hover-right {
  margin-top: 50px;
}

.service-section-17-item:hover .content {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.service-section-17-item:hover .content .title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #FFFFFF;
}

.service-section-17-item:hover .content span {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.service-section-17-item:hover .service-section-17-thumb {
  opacity: 1;
  visibility: visible;
}

.service-section-17-item:hover .service-section-17-thumb img {
  border-radius: 15px;
  max-width: 300px;
  height: 154px;
}

.service-section-17-item:hover .service-section-17-text {
  visibility: visible;
  opacity: 1;
}

.service-section-17-item:hover .service-section-17-arrow {
  background: #3F5AF3;
}

.service-section-17-item:hover .service-section-17-arrow i {
  color: #FFFFFF;
  transform: rotate(-45deg);
  font-size: 20px;
}

.service-section-17-left {
  display: flex;
  gap: 0px;
}

@media only screen and (max-width: 767px) {
  .service-section-17-left {
    flex-wrap: wrap;
  }
}

.service-section-17-left .content {
  display: flex;
  gap: 90px;
  margin: auto 0 0 0;
}

@media (max-width: 1399px) {
  .service-section-17-left .content {
    gap: 50px;
  }
}

@media (max-width: 1199px) {
  .service-section-17-left .content {
    gap: 25px;
  }
}

.service-section-17-left .content span {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: rgba(255, 255, 255, 0.5);
  margin: auto 0 0 0;
  transition: all 0.5s ease-in-out;
}

.service-section-17-left .content .title {
  font-weight: 600;
  font-size: 100px;
  line-height: 114px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
  margin-bottom: -12px;
}

@media (max-width: 1600px) {
  .service-section-17-left .content .title {
    font-size: 70px;
    line-height: 73px;
  }
}

@media (max-width: 1199px) {
  .service-section-17-left .content .title {
    font-size: 54px;
    line-height: 56px;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-17-left .content .title {
    font-size: 40px;
    line-height: 43px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-17-left .content .title {
    font-size: 30px;
    line-height: 43px;
  }
}

.service-section-17-thumb {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}

.service-section-17-thumb img {
  border-radius: 15px;
  max-width: 0px;
  height: 0px;
  transition: all 0.4s ease-in-out;
}

.service-section-17-content {
  display: flex;
  justify-content: space-between;
  margin: auto 0 0 0;
  flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
  .service-section-17-content {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-17-content {
    margin-left: 0;
  }
}

.service-section-17-text {
  margin-left: 90px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 1399px) {
  .service-section-17-text {
    margin-left: 50px;
  }
}

@media (max-width: 1199px) {
  .service-section-17-text {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-17-text {
    margin-top: 20px;
    margin-left: 0;
  }
}

.service-section-17-text .decs {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #CCCCCC;
  opacity: 0.74;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
  .service-section-17-text .decs {
    font-size: 17px;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-17-text .decs br {
    display: none;
  }
}

.service-section-17-right {
  margin-top: 34px;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .service-section-17-right {
    margin-top: 0;
  }
}

.service-section-17-arrow {
  height: 70px;
  width: 70px;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}

.service-section-17-arrow i {
  color: rgba(255, 255, 255, 0.5);
  transform: rotate(-45deg);
  font-size: 20px;
}

.bg--wrapper {
  background: #02050a;
}

.service-section-18__area {
  margin-top: -1px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .service-section-18__area {
    overflow: visible;
  }
}

.service-section-18__border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.service-section-18__wrapper {
  margin-top: -1px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (max-width: 767px) {
  .service-section-18__wrapper {
    overflow: visible;
    border-bottom: none;
  }
}

.service-section-18__wrapper .content-wrapper {
  position: relative;
  height: 692px;
}

@media only screen and (max-width: 992px) {
  .service-section-18__wrapper .content-wrapper {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__wrapper .content-wrapper {
    height: 520px;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__wrapper .content-wrapper {
    height: 270px;
  }
}

.service-section-18__info {
  padding-bottom: 50px;
}

.service-section-18__info .sub-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding-left: 15px;
  margin-bottom: 14px;
  position: relative;
}

.service-section-18__info .sub-title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 25%;
  background: #3F5AF3;
  height: 7px;
  width: 7px;
  border-radius: 50%;
}

.service-section-18__info .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .service-section-18__info .title {
    font-size: 32px;
    line-height: 38px;
  }
}

.service-section-18__wrap {
  position: absolute;
  top: 9%;
  left: 50%;
  transform: translateX(-50%);
  width: 1384px;
  height: 1384px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1399px) {
  .service-section-18__wrap {
    top: 0;
  }
}

@media (max-width: 1199px) {
  .service-section-18__wrap {
    height: 1100px;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__wrap {
    height: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__wrap {
    height: 480px;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__wrap {
    height: 230px;
  }
}

.service-section-18__item {
  position: relative;
  width: 1400px;
  height: 1400px;
  min-height: 1400px;
  min-width: 1400px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

@media (max-width: 1399px) {
  .service-section-18__item {
    width: 1150px;
    height: 1150px;
    min-height: 1150px;
    min-width: 1150px;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item {
    width: 900px;
    height: 900px;
    min-height: 900px;
    min-width: 900px;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item {
    width: 670px;
    height: 670px;
    min-height: 670px;
    min-width: 670px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item {
    width: 420px;
    height: 420px;
    min-height: 420px;
    min-width: 420px;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item {
    width: 210px;
    height: 210px;
    min-height: 210px;
    min-width: 210px;
  }
}

.service-section-18__item .step {
  position: absolute;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #d9d9d9;
}

.service-section-18__item .step-1 {
  top: -6.4%;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-1 {
    top: -7.6%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-1 {
    top: -9.7%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-1 {
    top: -12.7%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-1 {
    top: -20.7%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-1 {
    top: -32.7%;
  }
}

.service-section-18__item .step-1::before {
  position: absolute;
  left: 50%;
  bottom: -89%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-1::before {
    position: absolute;
    left: 50%;
    content: "";
    background: rgba(255, 255, 255, 0.2);
    height: 20px;
    bottom: -46%;
    width: 1px;
  }
}

.service-section-18__item .step-2 {
  top: 3%;
  right: 16.6%;
  transform: rotate(42.11deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-2 {
    right: 6.4%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-2 {
    right: 7.3%;
    top: 5%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-2 {
    right: 7.3%;
    top: 0.6%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-2 {
    right: 1.3%;
    top: -7.4%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-2 {
    right: -8.7%;
    top: -15.4%;
  }
}

.service-section-18__item .step-2::before {
  position: absolute;
  left: 50%;
  bottom: -106%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 49px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-2::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-3 {
  top: 30%;
  right: -3%;
  transform: rotate(52.17deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-3 {
    right: -4.4%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-3 {
    right: -6.6%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-3 {
    right: -9.9%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-3 {
    right: -16.9%;
    top: 24%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-3 {
    right: -26.5%;
    top: 14%;
  }
}

.service-section-18__item .step-3::before {
  position: absolute;
  left: 50%;
  bottom: -89%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-3::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-4 {
  bottom: 35%;
  right: -4.5%;
  transform: rotate(115deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-4 {
    right: -4.5%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-4 {
    right: -7%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-4 {
    right: -11%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-4 {
    right: -18%;
    bottom: 25%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-4 {
    right: -30%;
    bottom: 24%;
  }
}

.service-section-18__item .step-4::before {
  position: absolute;
  left: 50%;
  bottom: -89%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-4::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-5 {
  bottom: 8%;
  right: 11.6%;
  transform: rotate(122deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-5 {
    right: 6.5%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-5 {
    right: 5.9%;
    bottom: 8%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-5 {
    right: 1.9%;
    bottom: 7%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-5 {
    right: -0.1%;
    bottom: -3%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-5 {
    right: -14.1%;
    bottom: -7%;
  }
}

.service-section-18__item .step-5::before {
  position: absolute;
  left: 50%;
  bottom: -89%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-5::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-6 {
  bottom: -6.4%;
  left: 50%;
  transform: translateX(-50%);
  transform: rotate(175.83deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-6 {
    bottom: -7.6%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-6 {
    bottom: -9.8%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-6 {
    bottom: -12.9%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-6 {
    bottom: -20.7%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-6 {
    bottom: -32.7%;
  }
}

.service-section-18__item .step-6::before {
  position: absolute;
  left: 50%;
  bottom: -89%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-6::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-7 {
  bottom: 3.6%;
  left: 17%;
  transform: rotate(-132deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-7 {
    bottom: 8.5%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-7 {
    left: 8.9%;
    bottom: 5.5%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-7 {
    left: 7.4%;
    bottom: 1.5%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-7 {
    left: 3.4%;
    bottom: -6.5%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-7 {
    left: -5.6%;
    bottom: -15.5%;
  }
}

.service-section-18__item .step-7::before {
  position: absolute;
  left: 50%;
  bottom: -89%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-7::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-8 {
  bottom: 30%;
  left: -3%;
  transform: rotate(60deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-8 {
    left: -4.5%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-8 {
    left: -6.5%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-8 {
    left: -10.5%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-8 {
    left: -16.8%;
    bottom: 24%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-8 {
    left: -26.8%;
    bottom: 17%;
  }
}

.service-section-18__item .step-8::before {
  position: absolute;
  left: 50%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
  top: -85%;
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-8::before {
    height: 20px;
    top: -43%;
  }
}

.service-section-18__item .step-9 {
  top: 34%;
  left: -4.5%;
  transform: rotate(-73deg);
}

@media (max-width: 1399px) {
  .service-section-18__item .step-9 {
    left: -6%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-9 {
    left: -8.2%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-9 {
    left: -12.2%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-9 {
    left: -19.5%;
    top: 29%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-9 {
    left: -30.5%;
    top: 24%;
  }
}

.service-section-18__item .step-9::before {
  position: absolute;
  left: 45%;
  bottom: -91%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
  transform: rotate(2deg);
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-9::before {
    height: 20px;
    bottom: -46%;
  }
}

.service-section-18__item .step-10 {
  top: 6%;
  left: 14%;
}

@media (max-width: 1399px) {
  .service-section-18__item .step-10 {
    top: 8%;
  }
}

@media (max-width: 1199px) {
  .service-section-18__item .step-10 {
    top: 10%;
    left: 5%;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-18__item .step-10 {
    top: 5%;
    left: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__item .step-10 {
    top: -4%;
    left: 2%;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-10 {
    left: -5%;
    top: -17%;
  }
}

.service-section-18__item .step-10::before {
  position: absolute;
  left: 86%;
  bottom: -79%;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 40px;
  width: 1px;
  transform: rotate(-23deg);
}

@media only screen and (max-width: 575px) {
  .service-section-18__item .step-10::before {
    height: 20px;
    bottom: -37%;
  }
}

.service-section-18__center-content {
  position: absolute;
  text-align: center;
  top: 19%;
}

@media (max-width: 1199px) {
  .service-section-18__center-content {
    top: 27%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__center-content {
    max-width: 300px;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__center-content {
    max-width: 197px;
    top: 16%;
  }
}

.service-section-18__center-content::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -105%;
  height: 188px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1399px) {
  .service-section-18__center-content::before {
    bottom: -137%;
    height: 248px;
  }
}

@media (max-width: 1199px) {
  .service-section-18__center-content::before {
    bottom: -119%;
    height: 215px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-18__center-content::before {
    display: none;
  }
}

.service-section-18__center-content .title {
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__center-content .title {
    font-size: 24px;
    line-height: 50px;
    color: #FFFFFF;
    margin-bottom: 0px;
  }
}

.service-section-18__center-content .decs {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 25px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__center-content .decs {
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
  }
}

.service-section-18__center-content .icon {
  width: 70px;
  height: 70px;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .service-section-18__center-content .icon {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .service-section-18__center-content .icon {
    width: 40px;
    height: 40px;
  }
}

.service-section-18__center-content .icon:hover {
  background: #001695;
}

.service-section-18__center-content .icon:hover i {
  color: white;
}

.service-section-18__center-content .arrow-btn i {
  color: rgba(255, 255, 255, 0.5);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
  font-size: 20px;
}

@media only screen and (max-width: 575px) {
  .service-section-18__center-content .arrow-btn i {
    font-size: 15px;
  }
}

.service-section-19 .section-heading-19 .section-heading-19__info .title {
  padding-left: 20px;
  padding-right: 0;
}

@media (max-width: 1199px) {
  .service-section-19 .section-heading-19 .section-heading-19__info .title {
    padding-left: 0;
  }
}

.service-section-19-wrapper {
  overflow: hidden;
}

.service-section-19-wrapper .section-heading-19 {
  padding-top: 50px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.service-section-19-item-wrapper {
  display: grid;
  grid-template-columns: 550px 805px 1fr;
}

@media (max-width: 1700px) {
  .service-section-19-item-wrapper {
    grid-template-columns: 435px 688px 1fr;
  }
}

@media (max-width: 1600px) {
  .service-section-19-item-wrapper {
    grid-template-columns: 280px 641px 1fr;
  }
}

@media (max-width: 1399px) {
  .service-section-19-item-wrapper {
    grid-template-columns: 220px 498px 1fr;
  }
}

@media (max-width: 1199px) {
  .service-section-19-item-wrapper {
    grid-template-columns: 300px 1fr;
    display: grid;
    gap: 20px;
  }

  .service-section-19-item-wrapper> :nth-child(3) {
    grid-column: 1/-1;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-19-item-wrapper {
    grid-template-columns: 200px 1fr;
    display: grid;
    gap: 20px;
  }

  .service-section-19-item-wrapper> :nth-child(3) {
    grid-column: 1/-1;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-19-item-wrapper {
    grid-template-columns: 1fr;
    display: grid;
    gap: 20px;
  }

  .service-section-19-item-wrapper> :nth-child(3) {
    grid-column: 1/-1;
  }
}

.service-section-19-item-wrapper .number {
  margin-top: 195px;
}

@media (max-width: 1199px) {
  .service-section-19-item-wrapper .number {
    margin-top: 0;
  }
}

.service-section-19-item-wrapper .number h3 {
  font-weight: 400;
  font-size: 220px;
  line-height: 230px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #000000;
  font-family: var(--rr-ff-heading-2);
}

@media (max-width: 1199px) {
  .service-section-19-item-wrapper .number h3 {
    font-size: 150px;
    line-height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-19-item-wrapper .number h3 {
    font-size: 80px;
    line-height: 64px;
  }
}

.service-section-19-content-box .title {
  font-weight: 400;
  font-size: 100px;
  line-height: 85px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
  font-family: var(--rr-ff-heading-2);
  transition: all 0.3s ease-in-out;
  margin: 0;
}

@media (max-width: 1600px) {
  .service-section-19-content-box .title {
    font-size: 80px;
    line-height: 75px;
  }
}

@media (max-width: 1399px) {
  .service-section-19-content-box .title {
    font-size: 74px;
    line-height: 75px;
  }
}

@media (max-width: 1199px) {
  .service-section-19-content-box .title br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .service-section-19-content-box .title {
    font-size: 70px;
    line-height: 59px;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-19-content-box .title {
    font-size: 45px;
    line-height: 38px;
  }
}

.service-section-19-content-box .content-2 .title {
  border-bottom: 5px solid rgba(0, 0, 0, 0.4);
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.service-section-19-content-box .content-2:hover .title {
  border-bottom: 5px solid #000000;
}

.service-section-19-content-box .content:hover .title a {
  color: #000000;
}

.service-section-19-video {
  padding-bottom: 15px;
  margin: auto 0 0 0;
}

.service-section-19-video .service-video {
  max-width: 463px;
  height: 389px;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 1199px) {
  .service-section-19-video .service-video {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .service-section-19-video .service-video {
    max-width: 100%;
    width: 100%;
    height: 300px;
  }
}

/* !END: Theme Service CSS */
/**----------------------------------------
START: Faq CSS
----------------------------------------*/
.faq-section {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.faq-section .faq-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.faq-section .faq-top-shape {
  background-color: #1F252F;
  width: 240px;
  height: 240px;
  position: absolute;
  top: -185px;
  right: 145px;
  border-radius: 50%;
}

@media only screen and (max-width: 992px) {
  .faq-section .faq-top-shape {
    right: 0px;
  }
}

.faq-section .faq-top-shape:before {
  background-color: transparent;
  content: "";
  width: 260px;
  height: 260px;
  position: absolute;
  top: 10px;
  left: -30px;
  border-radius: 50%;
  border: 1px solid var(--rr-color-theme-primary);
}

@media only screen and (max-width: 767px) {
  .faq-section .faq-top-shape:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .faq-content .section-heading .sub-heading {
    font-size: 13px;
  }
}

.faq-content .section-heading .section-title {
  font-size: 45px;
}

@media (max-width: 1199px) {
  .faq-content .section-heading .section-title {
    margin-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  .faq-content .section-heading .section-title {
    margin-left: 0;
    max-width: 600px;
    width: 100%;
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-content .section-heading .section-title {
    font-size: 32px;
  }
}

.faq-content .accordion .accordion-item {
  background-color: transparent;
  border: none;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
  border-radius: 0;
}

.faq-content .accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.faq-content .accordion .accordion-item:first-child {
  padding-top: 30px;
  border-top: 1px solid var(--rr-color-border-1);
}

.faq-content .accordion .accordion-item .accordion-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 600;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .faq-content .accordion .accordion-item .accordion-button {
    font-size: 18px;
    line-height: 1.5;
  }
}

.faq-content .accordion .accordion-item .accordion-button:after {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "+";
  color: var(--rr-color-common-white);
  height: 45px;
  width: 45px;
  border: 1px solid var(--rr-color-border-1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .faq-content .accordion .accordion-item .accordion-button:after {
    margin-left: 20px;
  }
}

.faq-content .accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-color: var(--rr-color-theme-primary);
  content: "\f068";
  transform: rotate(0);
}

.faq-content .accordion .accordion-item .accordion-body {
  font-size: 16px;
  color: var(--rr-color-text-body);
  padding: 0;
  padding-top: 25px;
}

.faq-img {
  padding-left: 25px;
  max-width: 665px;
  width: 100%;
  height: 555px;
}

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

@media (max-width: 1199px) {
  .faq-img {
    margin: 0 auto;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .faq-img {
    padding-left: 0;
    height: auto;
  }
}

.faq-content-2 .accordion {
  border-radius: 0;
}

.faq-content-2 .accordion-item {
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.faq-content-2 .accordion-item:not(:last-of-type) {
  margin-bottom: 20px;
}

.faq-content-2 .accordion-item .accordion-header .accordion-button {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  border: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 22px 30px;
  border: 1px solid var(--rr-color-border-1);
  border-radius: 0;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  .faq-content-2 .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-content-2 .accordion-item .accordion-header .accordion-button {
    padding: 22px 50px 22px 20px;
  }
}

.faq-content-2 .accordion-item .accordion-header .accordion-button:after {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  content: "\f175";
  color: var(--rr-color-common-white);
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.faq-content-2 .accordion-item .accordion-header .accordion-button:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.faq-content-2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
}

.faq-content-2 .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  transform: translateY(-50%) rotate(180deg);
  color: var(--rr-color-common-white);
  top: 50%;
}

.faq-content-2 .accordion-item .accordion-body {
  padding: 20px 30px 10px 30px;
}

.faq-widget {
  background-color: var(--rr-color-bg-1);
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .faq-widget {
    padding: 30px 20px;
  }
}

.faq-widget .search-box {
  position: relative;
}

.faq-widget .search-box .form-control {
  background-color: #0A0D13;
  padding: 14.5px 50px 14.5px 20px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #0A0D13;
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.faq-widget .search-box .form-control::-webkit-input-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.faq-widget .search-box .form-control:-moz-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.faq-widget .search-box .form-control::-moz-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.faq-widget .search-box .form-control:-ms-input-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.faq-widget .search-box .search-btn {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  font-size: 16px;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
}

.faq-sponsor {
  position: relative;
}

.faq-sponsor img {
  filter: grayscale(1);
}

.faq-sponsor .sponsor-text {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  position: absolute;
  top: 30px;
  left: 30px;
}

.faq-sponsor .sponsor-text-2 {
  background-color: var(--rr-color-theme-primary);
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 20px 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 20px 0 0 0;
}

.faq-thumb-15 {
  width: 100%;
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .faq-thumb-15 {
    text-align: center;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-thumb-15 img {
    width: 100%;
  }
}

.faq-thumb-15 .faq-main-thumb {
  padding: 15px;
  margin-left: 64px;
  display: inline-block;
  background-color: var(--rr-color-bg-1);
}

@media only screen and (max-width: 767px) {
  .faq-thumb-15 .faq-main-thumb {
    display: block;
    margin-left: 0;
  }
}

.faq-thumb-15 .faq-main-thumb .image-1 {
  text-align: start;
}

.faq-thumb-15 .image-2 {
  position: absolute;
  left: -75px;
  top: 225px;
}

@media (max-width: 1399px) {
  .faq-thumb-15 .image-2 {
    left: 0;
  }
}

@media (max-width: 1199px) {
  .faq-thumb-15 .image-2 {
    top: auto;
    bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-thumb-15 .image-2 {
    position: inherit;
    margin-top: 20px;
    bottom: 0;
  }
}

.faq-thumb-15 .image-3 {
  margin-top: -65px;
  text-align: end;
  margin-right: 68px;
}

@media (max-width: 1399px) {
  .faq-thumb-15 .image-3 {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .faq-thumb-15 .image-3 {
    margin-top: 20px;
  }
}

.faq-content-15 .faq-wrap .accordion-button {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  padding: 17.5px 30px;
  background-color: inherit;
  color: var(--rr-color-common-white);
}

@media (max-width: 1199px) {
  .faq-content-15 .faq-wrap .accordion-button {
    line-height: 1.3;
  }
}

@media only screen and (max-width: 767px) {
  .faq-content-15 .faq-wrap .accordion-button {
    font-size: 16px;
    padding: 17.5px 20px;
  }
}

.faq-content-15 .faq-wrap .accordion-button:focus {
  z-index: 3;
  border-color: inherit;
  outline: 0;
  box-shadow: inherit;
}

.faq-content-15 .faq-wrap .accordion-button::after {
  content: "\f107";
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  background-image: inherit;
  background-repeat: no-repeat;
  font-family: "Font Awesome 6 Pro";
}

@media only screen and (max-width: 767px) {
  .faq-content-15 .faq-wrap .accordion-button::after {
    display: none;
  }
}

.faq-content-15 .faq-wrap .accordion-button:not(.collapsed) {
  color: inherit;
  box-shadow: none;
  background-color: var(--rr-color-theme-primary);
}

.faq-content-15 .faq-wrap .accordion-button:not(.collapsed)::after {
  content: "\f106";
  transform: none;
  background-image: inherit;
}

.faq-content-15 .faq-wrap .accordion-body {
  padding: 22px 30px;
  padding-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .faq-content-15 .faq-wrap .accordion-body {
    padding: 20px;
  }
}

.faq-content-15 .faq-wrap .accordion-body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  color: var(--rr-color-text-body);
}

.faq-content-15 .faq-wrap .accordion-item {
  color: inherit;
  background-color: #11151C;
  border: none;
  margin-bottom: 20px;
}

.faq-content-15 .faq-wrap .accordion-item:last-of-type {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.faq-content-15 .faq-wrap .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.faq-content-15 .faq-wrap .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* !END: Theme Faq CSS */
/**----------------------------------------
START: Testi CSS
----------------------------------------*/
.testi-carousel {
  overflow: visible;
  padding-top: 90px;
  padding-bottom: 80px;
}

.testi-carousel .swiper-pagination {
  bottom: 0;
}

.testi-carousel .swiper-pagination .swiper-pagination-bullet {
  height: 15px;
  width: 15px;
  border: 1px solid var(--rr-color-border-1);
  opacity: 1;
}

.testi-item {
  background-color: var(--rr-color-bg-1);
  padding: 100px 40px 40px 40px;
  position: relative;
}

.testi-item .testi-thumb {
  height: 160px;
  width: 160px;
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid #02050a;
  border-radius: 50%;
}

.testi-item .testi-thumb img {
  object-fit: cover;
}

.testi-item .testi-content .author {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.testi-item .testi-content .author span {
  color: var(--rr-color-theme-primary);
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin-top: 15px;
}

.testi-wrap {
  padding-top: 90px;
}

@media only screen and (max-width: 992px) {
  .testi-item.item-3 {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .testi-item.item-3 {
    margin-bottom: 80px;
  }
}

.testi-content-4 {
  padding-right: 40px;
}

@media only screen and (max-width: 992px) {
  .testi-content-4 {
    padding-right: 0;
  }
}

.testi-top {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 15px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.testi-top:before {
  background-color: var(--rr-color-border-1);
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}

.testi-top .quote {
  background-color: var(--rr-color-bg-1);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--rr-color-border-1);
}

.testi-top .quote img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.testi-top .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.testi-top .swiper-arrow .swiper-nav {
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-color-common-white);
  font-size: 14px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.testi-top .swiper-arrow .swiper-nav:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.testi-box p {
  font-size: 22px;
  margin-bottom: 40px;
  line-height: 1.5;
}

.testi-box .author-box {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.testi-box .author-box img {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 3px solid var(--rr-color-theme-primary);
}

.testi-box .author-box .name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.testi-box .author-box .name span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: var(--rr-color-text-body);
  margin-top: 10px;
}

.testi-img-4 {
  max-width: 630px;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .testi-img-4 {
    margin: 0 auto;
    margin-top: 20px;
  }
}

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

.testi-carousel-wrap .testi-thumb-wrap {
  max-width: 310px;
  width: 100%;
  margin-bottom: 35px;
}

.testi-carousel-wrap .testi-thumb-wrap .thumb-carousel .swiper-slide .testi-thumb {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid transparent;
  cursor: pointer;
}

.testi-carousel-wrap .testi-thumb-wrap .thumb-carousel .swiper-slide.swiper-slide-thumb-active .testi-thumb {
  border: 3px solid var(--rr-color-theme-primary);
}

.testi-carousel-wrap .content-carousel .testi-content {
  max-width: 640px;
}

.testi-carousel-wrap .content-carousel .testi-content p {
  font-size: 18px;
  margin-bottom: 30px;
}

.testi-carousel-wrap .content-carousel .testi-content .author-info .name {
  font-size: 24px;
  margin-bottom: 5px;
}

.testi-carousel-wrap .content-carousel .testi-content .author-info span {
  font-size: 14px;
}

.testi-img-5 {
  max-width: 640px;
  width: 100%;
  height: 100%;
  margin-left: auto;
}

@media only screen and (max-width: 992px) {
  .testi-img-5 {
    margin: 0 auto;
    margin-top: 40px;
    height: auto;
  }
}

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

.testimonial-section-8 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.testimonial-section-8 .overlay {
  background: linear-gradient(270deg, rgba(12, 24, 30, 0.27) 12.7%, rgba(12, 19, 30, 0.99) 68.39%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.testi-card {
  max-width: 795px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .testi-card {
    max-width: 470px;
  }
}

.testi-card .review {
  margin-bottom: 20px;
}

.testi-card .review li {
  display: inline-flex;
  color: #ffcc00;
}

.testi-card .review li:not(:last-of-type) {
  margin-right: 5px;
}

.testi-card p {
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
  line-height: 1.6;
}

@media only screen and (max-width: 992px) {
  .testi-card p {
    font-size: 20px;
  }
}

.testi-card .testi-author {
  display: grid;
  align-items: center;
  grid-template-columns: 65px 1fr;
  grid-gap: 20px;
}

.testi-card .testi-author .author-img {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  overflow: hidden;
}

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

.testi-card .testi-author .content .name {
  font-size: 20px;
  font-weight: 700;
}

.testi-card .testi-author .content span {
  color: var(--rr-color-theme-primary);
}

@media (max-width: 1700px) {
  .testi-left-content {
    margin-left: 150px;
  }
}

@media (max-width: 1600px) {
  .testi-left-content {
    margin-left: 180px;
  }
}

@media only screen and (max-width: 992px) {
  .testi-left-content {
    margin-left: 0;
    padding: 0 15px;
  }
}

.testi-left-content .section-heading .section-title {
  margin-right: auto;
  margin-left: 0;
}

.testi-carousel-wrap-2 {
  position: relative;
}

.testi-carousel-wrap-2 .testi-carousel-4 {
  height: 305px;
}

@media only screen and (max-width: 767px) {
  .testi-carousel-wrap-2 .testi-carousel-4 {
    height: 470px;
  }
}

.testi-carousel-wrap-2 .swiper-pagination {
  position: absolute;
  top: 0;
  left: -130px;
  transform: translate(0);
}

@media only screen and (max-width: 992px) {
  .testi-carousel-wrap-2 .swiper-pagination {
    display: none;
  }
}

.testi-carousel-wrap-2 .swiper-pagination .swiper-pagination-bullet {
  font-family: var(--rr-ff-heading);
  background-color: #1a2332;
  color: var(--rr-color-common-white);
  font-weight: 700;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 1;
}

.testi-carousel-wrap-2 .swiper-pagination .swiper-pagination-bullet:not(:last-of-type) {
  margin-bottom: 15px;
}

.testi-carousel-wrap-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--rr-color-theme-primary);
}

.testimonial-section-7 {
  background-color: var(--rr-color-bg-1);
}

.testi-carousel-5 {
  overflow: visible;
}

.testi-item-7 {
  background-color: #191f27;
  padding: 60px;
}

@media (max-width: 1199px) {
  .testi-item-7 {
    padding: 40px 20px;
  }
}

.testi-item-7 .review {
  margin-bottom: 20px;
}

.testi-item-7 .review li {
  display: inline-flex;
  font-size: 16px;
  color: #fbbc04;
}

.testi-item-7 .review li:not(:last-of-type) {
  margin-right: 7px;
}

.testi-item-7 p {
  font-size: 18px;
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid #363b42;
}

.testi-item-7 .testi-author-box {
  display: grid;
  align-items: center;
  grid-template-columns: 70px 1fr;
  grid-gap: 20px;
}

.testi-item-7 .testi-author-box .author-img {
  width: 70px;
  height: 70px;
}

.testi-item-7 .testi-author-box .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.testi-item-7 .testi-author-box .content .name {
  font-size: 20px;
  font-weight: 700;
}

.testi-item-7 .testi-author-box .content span {
  color: var(--rr-color-theme-primary);
}

.testimonial-section-9 {
  position: relative;
  z-index: 1;
}

.testimonial-section-9 .testi-bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.testi-content-9 .swiper-arrow {
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  bottom: 10px;
  right: 0;
  z-index: 5;
}

@media only screen and (max-width: 767px) {
  .testi-content-9 .swiper-arrow {
    position: relative;
    bottom: 0;
    margin-top: 30px;
  }
}

.testi-content-9 .swiper-arrow .swiper-nav {
  background-color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-common-white);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-color-theme-primary);
  font-size: 14px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.testi-content-9 .swiper-arrow .swiper-nav:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.testi-img-6 {
  width: 100%;
  height: 380px;
}

@media only screen and (max-width: 992px) {
  .testi-img-6 {
    margin-bottom: 40px;
  }
}

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

.testimonial-section-12 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.testimonial-section-12 .bg-shape {
  position: absolute;
  bottom: -50%;
  left: 0;
  z-index: -1;
}

@media (max-width: 1199px) {
  .testimonial-section-12 .bg-shape {
    bottom: -24%;
  }
}

.testi-item-4 {
  background-color: var(--rr-color-bg-1);
  padding: 50px;
  border: 1px solid #2D343E;
}

@media (max-width: 1199px) {
  .testi-item-4 {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .testi-item-4 {
    padding: 40px 20px;
  }
}

.testi-item-4 .testi-img {
  margin-bottom: 35px;
}

.testi-item-4 p {
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #2D343E;
}

.testi-item-4 .testi-author-box {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
}

.testi-item-4 .testi-author-box .img-box {
  height: 60px;
  width: 60px;
}

.testi-item-4 .testi-author-box .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.testi-item-4 .testi-author-box .content .name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.testi-item-4 .testi-author-box .content span {
  font-size: 16px;
  font-weight: 400;
  color: var(--rr-color-common-white);
  line-height: 1;
}

.testimonial-section-13 {
  background: linear-gradient(270deg, rgba(12, 24, 30, 0.27) 12.7%, rgba(12, 19, 30, 0.99) 68.39%);
}

.testimonial-section-13 .testi-shapes-13 .shape-1 {
  position: absolute;
  left: -86px;
  top: 79px;
  width: 926px;
  height: 926px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(14, 89, 242, 0.176) 0%, rgba(196, 196, 196, 0) 100%);
  border-radius: 50%;
}

.testimonial-section-13 .testi-shapes-13 .shape-2 {
  position: absolute;
  top: -473px;
  right: -99px;
  width: 889px;
  height: 889px;
  background: #3F5AF3;
  filter: blur(250px);
}

@media only screen and (max-width: 767px) {
  .testimonial-section-13 .testi-shapes-13 .shape-2 {
    display: none;
  }
}

.testimonial-section-13 .testi-shapes-13 .shape-3 {
  position: absolute;
  bottom: -80px;
  right: 210px;
}

@media (max-width: 1600px) {
  .testimonial-section-13 .testi-shapes-13 .shape-3 {
    right: 0;
  }
}

@media (max-width: 1399px) {
  .testimonial-section-13 .testi-shapes-13 .shape-3 {
    display: none;
  }
}

.testi-wrapper-14 {
  max-width: 678px;
  padding: 40px;
  padding-bottom: 33px;
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-grey-2);
}

@media (max-width: 1199px) {
  .testi-wrapper-14 {
    padding: 25px;
  }
}

@media only screen and (max-width: 992px) {
  .testi-wrapper-14 {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .testi-wrapper-14 {
    padding: 20px;
  }
}

.testi-wrapper-14>p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
  color: var(--rr-color-common-white);
}

.testi-wrapper-14 .testi-author {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 21px;
  justify-content: space-between;
  border-bottom: 1px solid var(--rr-color-grey-2);
}

@media only screen and (max-width: 767px) {
  .testi-wrapper-14 .testi-author .testi-quote {
    display: none;
  }
}

.testi-wrapper-14 .testi-author .testi-author-info {
  display: flex;
  align-items: center;
  gap: 17px;
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-author-thumb {
  width: 50px;
  height: 50px;
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 5px;
  color: var(--rr-color-common-white);
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-position {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--rr-color-theme-primary);
}

.testi-section-14-shape-1 {
  width: 770px;
  height: 770px;
  opacity: 0.7;
  right: -242px;
  top: -339px;
  position: absolute;
  filter: blur(60px);
  border-radius: 500px;
  border: 120px solid var(--rr-color-theme-primary);
}

.testi-section-14-shape-2 {
  width: 876px;
  height: 876px;
  left: -232px;
  bottom: -477px;
  opacity: 0.5;
  position: absolute;
  filter: blur(175px);
  border-radius: 500px;
  background: var(--rr-color-theme-primary);
}

.testi-wrapper-14 {
  max-width: 678px;
  padding: 40px;
  padding-bottom: 33px;
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-grey-2);
}

@media (max-width: 1199px) {
  .testi-wrapper-14 {
    padding: 25px;
  }
}

@media only screen and (max-width: 992px) {
  .testi-wrapper-14 {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .testi-wrapper-14 {
    padding: 20px;
  }
}

.testi-wrapper-14>p {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
  color: var(--rr-color-common-white);
}

.testi-wrapper-14 .testi-author {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 21px;
  justify-content: space-between;
  border-bottom: 1px solid var(--rr-color-grey-2);
}

@media only screen and (max-width: 767px) {
  .testi-wrapper-14 .testi-author .testi-quote {
    display: none;
  }
}

.testi-wrapper-14 .testi-author .testi-author-info {
  display: flex;
  align-items: center;
  gap: 17px;
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-author-thumb {
  width: 50px;
  height: 50px;
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 500px;
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 5px;
  color: var(--rr-color-common-white);
}

.testi-wrapper-14 .testi-author .testi-author-info .testi-position {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--rr-color-theme-primary);
}

.testi-slide-15 {
  margin: 0 -80px;
}

@media only screen and (max-width: 767px) {
  .testi-slide-15 {
    margin: 0 10px;
  }
}

.testimonial-wrap-15 {
  max-width: 678px;
  backdrop-filter: blur(60px);
  background: rgba(17, 21, 28, 0.6);
  border: 1px solid var(--rr-color-grey-2);
}

.testimonial-wrap-15>p {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
  padding: 42px 50px;
  padding-bottom: 32px;
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .testimonial-wrap-15>p {
    font-size: 16px;
    line-height: 26px;
    padding: 20px;
  }
}

.testimonial-wrap-15 .testi-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px 50px;
  background: var(--rr-color-bg-1);
  border-top: 1px solid var(--rr-color-grey-2);
}

@media only screen and (max-width: 767px) {
  .testimonial-wrap-15 .testi-info {
    padding: 20px;
  }
}

.testimonial-wrap-15 .testi-info .testi-author {
  display: flex;
  align-items: center;
  gap: 16px;
}

.testimonial-wrap-15 .testi-info .testi-author .testi-author-thumb {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.testimonial-wrap-15 .testi-info .testi-author .testi-author-thumb img {
  border-radius: 500px;
}

.testimonial-wrap-15 .testi-info .testi-author .name {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 3px;
  color: var(--rr-color-common-white);
}

.testimonial-wrap-15 .testi-info .testi-author .position {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  color: #66667A;
  margin-bottom: 0;
}

.testimonial-wrap-15 .testi-info .testi-stat {
  gap: 4px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .testimonial-wrap-15 .testi-info .testi-stat {
    display: none;
  }
}

.testimonial-wrap-15 .testi-info .testi-stat span i {
  font-size: 14px;
  color: #FFB400;
}

.testimonial-section-16-section .swiper-3d,
.testimonial-section-16-section .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
  height: 506px;
  top: 0px;
}

@media (max-width: 1199px) {

  .testimonial-section-16-section .swiper-3d,
  .testimonial-section-16-section .swiper-3d.swiper-css-mode .swiper-wrapper {
    height: 550px;
  }
}

@media only screen and (max-width: 992px) {

  .testimonial-section-16-section .swiper-3d,
  .testimonial-section-16-section .swiper-3d.swiper-css-mode .swiper-wrapper {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {

  .testimonial-section-16-section .swiper-3d,
  .testimonial-section-16-section .swiper-3d.swiper-css-mode .swiper-wrapper {
    height: 100%;
  }
}

.testimonial-section-16-section .testimonial-carousel-16 .swiper-slide-active {
  background: #11151C !important;
  border-radius: 15px;
}

.testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide {
  width: 770px !important;
  transform-origin: top;
  background: #11151C;
  border-radius: 15px;
}

@media (max-width: 1199px) {
  .testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide {
    width: 500px !important;
  }
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide {
    width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
}

.testimonial-section-16-area {
  background: #F2F3F4;
}

.testimonial-section-16-card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 45px 30px;
  margin-right: -40px;
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-card {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.testimonial-section-16-card .rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.testimonial-section-16-card .rating span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #000000;
}

.testimonial-section-16-card .rating .star i {
  color: #3F5AF3;
}

.testimonial-section-16-card .Reviews-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 7px;
  margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-card .Reviews-box {
    margin-bottom: 40px;
  }
}

.testimonial-section-16-card .Reviews span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}

.testimonial-section-16-card .swiper-arrow {
  display: flex;
  align-items: center;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav i {
  color: #000000;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav:hover {
  background: #3F5AF3;
  border: none;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav:hover i {
  color: white;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav-right {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  margin-left: -8px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav-right i {
  color: #000000;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav-right:hover {
  background: #3F5AF3;
  border: none;
}

.testimonial-section-16-card .swiper-arrow .swiper-nav-right:hover i {
  color: white;
}

.testimonial-section-16-heading {
  margin-bottom: 35px;
}

.testimonial-section-16-heading .sub-title {
  font-family: var(--rr-ff-heading);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #3F5AF3;
  border: 1px solid rgba(17, 21, 28, 0.1);
  border-radius: 21px;
  display: inline-block;
  padding: 9.5px 16px;
}

.testimonial-section-16-heading .title {
  margin-top: 11px;
  font-family: var(--rr-ff-heading);
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: #11151C;
}

@media (max-width: 1199px) {
  .testimonial-section-16-heading .title {
    font-size: 32px;
    line-height: 42px;
  }
}

.testimonial-section-16-section {
  margin-left: 75px;
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-section {
    margin: 0 15px;
  }
}

.testimonial-section-16-section .testimonial-wrapper {
  text-align: center;
}

.testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail {
  margin-top: 30px;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 50px;
}

@media (max-width: 1199px) {
  .testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail br {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

.testimonial-section-16-section .testimonial-wrapper .wrapper-img img {
  border-radius: 100px;
  width: 120px;
  height: 100px;
  object-fit: cover;
}

.testimonial-section-16-section .aurthor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-section .aurthor {
    padding-top: 20px;
  }
}

.testimonial-section-16-section .aurthor .name {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
}

.testimonial-section-16-section .aurthor .name h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;
  margin-right: 10px;
}

.testimonial-section-16-section .aurthor .title h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;
}

.testimonial-section-16-item {
  padding: 65px 55px 50px 55px;
  border-radius: 15px;
  position: relative;
}

@media (max-width: 1199px) {
  .testimonial-section-16-item {
    padding: 55px 24px 50px 25px;
  }
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-item {
    padding: 30px 20px 30px 20px;
  }
}

.testimonial-section-16-item .swiper-slide-shadow {
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.testimonial-section-16-item .icon {
  position: absolute;
  right: 30px;
  border: 5.5px solid rgba(255, 255, 255, 0.03);
  border-radius: 70px;
  width: 81px;
  height: 81px;
  top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-item .icon {
    right: 5px;
  }
}

.testimonial-section-16-item .icon i {
  color: #3F5AF3;
  font-size: 42px;
}

.testimonial-section-16-wrapper .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  position: relative;
  z-index: 5;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-wrapper .swiper-pagination {
    margin-top: 50px;
  }
}

.testimonial-section-16-wrapper .swiper-pagination::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 606px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 1700px) {
  .testimonial-section-16-wrapper .swiper-pagination::before {
    width: 590px;
  }
}

@media (max-width: 1399px) {
  .testimonial-section-16-wrapper .swiper-pagination::before {
    width: 560px;
  }
}

@media (max-width: 1199px) {
  .testimonial-section-16-wrapper .swiper-pagination::before {
    width: 440px;
  }
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-wrapper .swiper-pagination::before {
    width: 330px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-wrapper .swiper-pagination::before {
    display: none;
  }
}

.testimonial-section-16-wrapper .swiper-pagination::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 606px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 1700px) {
  .testimonial-section-16-wrapper .swiper-pagination::after {
    width: 590px;
  }
}

@media (max-width: 1399px) {
  .testimonial-section-16-wrapper .swiper-pagination::after {
    width: 560px;
  }
}

@media (max-width: 1199px) {
  .testimonial-section-16-wrapper .swiper-pagination::after {
    width: 440px;
  }
}

@media only screen and (max-width: 992px) {
  .testimonial-section-16-wrapper .swiper-pagination::after {
    width: 330px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-16-wrapper .swiper-pagination::after {
    display: none;
  }
}

.testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #C3C3C3;
  opacity: 1 !important;
  border-radius: 50% !important;
  margin: 0 4px !important;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #11151C;
  transform: scale(1.3);
  width: 9.3px !important;
  height: 9.3px !important;
}

.testimonial-section-16-left {
  border: 1px solid red;
}

.testimonial-section-16-bottom {
  display: flex;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  color: #000000;
  width: 766px;
}

.swiper-slide swiper-slide-duplicate swiper-slide-prev swiper-slide-duplicate-next {
  width: 766px;
  z-index: 1;
  transform: translate3d(calc(13% - 1532px), 0px, -200px) rotateZ(0deg) scale(1);
  transition-duration: 0ms;
}

.testimonial-section-17-wrapper .swiper-pagination {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-17-wrapper .swiper-pagination {
    margin-top: 40px;
  }
}

.testimonial-section-17-wrapper .swiper-pagination-2 {
  z-index: 5;
  position: relative;
  pointer-events: auto;
  bottom: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-section-17-wrapper .swiper-pagination-2 .swiper-horizontal>.swiper-pagination-bullets,
.testimonial-section-17-wrapper .swiper-pagination-2 .swiper-pagination-bullets.swiper-pagination-horizontal,
.testimonial-section-17-wrapper .swiper-pagination-2 .swiper-pagination-custom,
.testimonial-section-17-wrapper .swiper-pagination-2 .swiper-pagination-fraction {
  bottom: -10px;
  left: 0;
  width: 100%;
}

.testimonial-section-17-wrapper .swiper-pagination-2 .swiper-pagination-bullet {
  background: #333333;
  width: 12px;
  height: 12px;
  opacity: 1;
  cursor: pointer;
}

.testimonial-section-17-wrapper .swiper-pagination-2 .swiper-pagination-bullet-active {
  background: #FFFFFF;
  opacity: 1;
}

.testimonial-section-17-wrapper .custom-container {
  max-width: 1850px;
}

.testimonial-section-17-wrapper .team-section-17-info .title {
  padding-left: 0px;
}

.testimonial-section-17-wrapper .swiper-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav i {
  color: white;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav:hover {
  background: #3F5AF3;
  border: none;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav:hover i {
  color: white;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
  border-radius: 100%;
  margin-left: -8px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right i {
  color: white;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right:hover {
  background: #3F5AF3;
  border: none;
}

.testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right:hover i {
  color: white;
}

.testimonial-section-17-item {
  border: 1px solid rgba(238, 238, 238, 0.1);
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
}

.testimonial-section-17-thumb {
  position: relative;
}

@media (max-width: 1600px) {
  .testimonial-section-17-thumb {
    width: 45%;
  }
}

@media (max-width: 1199px) {
  .testimonial-section-17-thumb {
    width: 45%;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-17-thumb {
    width: 100%;
    height: 350px;
  }
}

.testimonial-section-17-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.testimonial-section-17-content {
  padding: 50px 20px 40px 45px;
}

@media (max-width: 1600px) {
  .testimonial-section-17-content {
    width: 55%;
  }
}

@media (max-width: 1199px) {
  .testimonial-section-17-content {
    width: 55%;
    padding: 50px 3px 50px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-17-content {
    padding: 40px 10px 40px 10px;
    width: 100%;
  }
}

.testimonial-section-17-content .title {
  margin-bottom: 50px;
  margin-top: 30px;
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #FFFFFF;
}

@media (max-width: 1600px) {
  .testimonial-section-17-content .title br {
    display: none;
  }
}

@media (max-width: 1600px) {
  .testimonial-section-17-content .title {
    font-size: 22px;
    line-height: 32px;
  }
}

@media (max-width: 1199px) {
  .testimonial-section-17-content .title {
    font-size: 20px;
    margin-bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-17-content .title {
    font-size: 20px;
    line-height: 27px;
  }
}

.testimonial-section-17-content .title span {
  color: #0E0D0D;
}

.testimonial-section-17-content .desg .name {
  font-weight: 600;
  font-size: 28px;
  line-height: 45px;
  color: #FFFFFF;
  margin-bottom: 0;
}

.testimonial-section-17-content .desg span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

.testimonial-section-17-content .title {
  margin-bottom: 39px;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-17-content .title {
    margin-bottom: 20px;
  }
}

@media (max-width: 1199px) {
  .testimonial-section-18__wrapper {
    padding-top: 90px;
  }
}

.testimonial-section-18__wrapper .section-heading-18-info .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

.testimonial-section-18__area {
  margin-bottom: -1px;
}

.testimonial-section-18__wrap {
  text-align: center;
  position: relative;
  padding-top: 130px;
  padding-bottom: 130px;
}

@media (max-width: 1199px) {
  .testimonial-section-18__wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-18__wrap {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}

.testimonial-section-18__wrap .shapes .shape-1 {
  top: -10px;
  left: 0;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-18__wrap .shapes .shape-1 {
    display: none;
  }
}

.testimonial-section-18__wrap .shapes .shape-2 {
  top: 0px;
  left: 0;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-18__wrap .shapes .shape-2 {
    display: none;
  }
}

.testimonial-section-18__wrap .swiper-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 4;
  margin-top: 30px;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav i {
  color: white;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav:hover {
  background: #3F5AF3;
  border: none;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav:hover i {
  color: white;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav-right {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
  border-radius: 100%;
  margin-left: -8px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav-right i {
  color: white;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav-right:hover {
  background: #3F5AF3;
  border: none;
}

.testimonial-section-18__wrap .swiper-arrow .swiper-nav-right:hover i {
  color: white;
}

.testimonial-section-18__item {
  position: relative;
  z-index: 3;
}

.testimonial-section-18__item .author-info {
  max-width: 200px;
  margin: 0 auto;
}

.testimonial-section-18__item .author-img-wrap {
  display: flex;
  position: relative;
  margin-bottom: 10px;
}

.testimonial-section-18__item .author-img-wrap .author-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 100%;
}

.testimonial-section-18__item .author-img-wrap .author-img img {
  border-radius: 100px;
  width: 100px;
  height: 100px;
}

.testimonial-section-18__item .author-img-wrap .quote {
  background: #3F5AF3;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -17px;
  border: 3px solid #02050A;
}

.testimonial-section-18__item .author-details .name {
  font-weight: 600;
  font-size: 28px;
  line-height: 45px;
  color: #FFFFFF;
  margin-bottom: 0;
}

.testimonial-section-18__item .author-details span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
}

.testimonial-section-18__content {
  margin: 0 auto;
}

.testimonial-section-18__content .decs {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #FFFFFF;
}

@media only screen and (max-width: 992px) {
  .testimonial-section-18__content .decs {
    font-size: 20px;
    line-height: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-section-18__content .decs {
    font-size: 17px;
    line-height: 22px;
  }
}

.testimonial-section-18__wrap .swiper-pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  position: relative;
  z-index: 5;
}

.testimonial-section-18__wrap .swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #333333 !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  margin: 0 5px !important;
  transition: all 0.3s ease-in-out;
}

.testimonial-section-18__wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rr-color-common-white) !important;
  transform: scale(1.3) !important;
}

.testimonial-section-19 .section-heading-19__info {
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.testimonial-section-19__item-wrapper {
  max-width: 942px;
  margin: 0 auto;
}

.testimonial-section-19__item-wrapper .icon {
  text-align: center;
}

.testimonial-section-19__content {
  text-align: center;
  margin-top: 58px;
  margin-bottom: 30px;
}

.testimonial-section-19__content .decs {
  font-weight: 400;
  font-size: 40px;
  line-height: 46px;
  color: #000000;
  font-family: var(--rr-ff-heading-2);
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  .testimonial-section-19__content .decs {
    font-size: 30px;
    line-height: 31px;
  }
}

.testimonial-section-19__content .name {
  font-weight: 400;
  font-size: 32px;
  line-height: 1;
  color: #000000;
  font-family: var(--rr-ff-heading-2);
  margin-bottom: 0;
}

.testimonial-section-19__content span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
  font-family: var(--rr-ff-body-2);
  margin: 0;
}

.testimonial-section-19__thumb {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 80px;
  max-width: 430px;
  height: 100%;
  margin: 0 auto;
}

.testimonial-section-19__thumb img {
  max-width: 149px;
  height: 100%;
  border-radius: 100px;
  object-fit: cover;
  transition: all 0.4s ease;
}

@media only screen and (max-width: 475px) {
  .testimonial-section-19__thumb img {
    max-width: 90px;
  }
}

.testimonial-section-19__thumb .testi-thumb {
  margin-top: 55px;
}

.testimonial-section-19__thumb .testimonial-19-slider__gallery .swiper-wrapper .swiper-slide-active {
  z-index: 2;
  position: relative;
}

.testimonial-section-19__thumb .testimonial-19-slider__gallery .swiper-wrapper .swiper-slide-active .testi-thumb img {
  transform: translateY(-35px) scale(1.1);
}

/* !END: Theme Testi CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.project-item {
  background-color: transparent;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.project-item .project-content {
  display: grid;
  grid-template-columns: 65px 1fr;
  align-items: start;
  grid-gap: 15px;
}

@media only screen and (max-width: 767px) {
  .project-item .project-content {
    grid-template-columns: 1fr;
  }
}

.project-item .project-content .number {
  background-color: #11151c;
  color: var(--rr-color-common-white);
  font-size: 20px;
  font-weight: 700;
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--rr-color-border-1);
}

.project-item .project-content .project-right {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-item .project-content .project-right .category {
  font-size: 14px;
  color: var(--rr-color-theme-primary);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}

.project-item .project-content .project-right .title {
  color: var(--rr-color-common-white);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .project-item .project-content .project-right .title {
    font-size: 24px;
  }
}

.project-item .project-content .project-right .hover-content p {
  margin-bottom: 25px;
  width: 100%;
}

.project-accordion .accordion-item {
  position: relative;
  border: none;
  padding-bottom: 40px;
  padding-top: 40px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.project-accordion .accordion-item:first-of-type {
  border-top: 1px solid var(--rr-color-border-1);
}

.project-accordion .accordion-item .accordion-header {
  background-color: transparent;
}

.project-accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.project-accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}

.project-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .project-content .number {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.project-accordion .accordion-item .accordion-body {
  padding: 0;
  padding-top: 35px;
  padding-left: 80px;
  padding-bottom: 55px;
}

@media only screen and (max-width: 992px) {
  .project-accordion .accordion-item .accordion-body {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 992px) {
  .project-accordion .accordion-item .accordion-body {
    padding-left: 0;
  }
}

.project-accordion .accordion-item .accordion-body .hover-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

.project-accordion .accordion-item .accordion-body .hover-content .content-left p {
  max-width: 560px;
  width: 100%;
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .project-accordion .accordion-item .accordion-body .hover-content .content-left p {
    max-width: 500px;
  }
}

.project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb {
  max-width: 600px;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 40px;
  right: 0;
  opacity: 0;
}

@media (max-width: 1199px) {
  .project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb {
    max-width: 370px;
  }
}

@media only screen and (max-width: 992px) {
  .project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb {
    position: inherit;
    max-width: 100%;
  }
}

.project-accordion .accordion-item .show .accordion-body .content-right {
  margin-top: -100px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .project-accordion .accordion-item .show .accordion-body .content-right {
    margin-top: 20px;
  }
}

.project-accordion .accordion-item .show .accordion-body .content-right .project-thumb {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-top {
  position: relative;
}

.project-top .swiper-pagination {
  color: var(--rr-color-common-white);
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  bottom: 0;
  transform: translate(-50%);
  width: auto;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

@media only screen and (max-width: 767px) {
  .project-top .swiper-pagination {
    display: none;
  }
}

.project-top .swiper-arrow {
  color: var(--rr-color-common-white);
  position: absolute;
  left: auto;
  right: -70px;
  top: 50%;
  bottom: 0;
  transform: translate(-50%);
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .project-top .swiper-arrow {
    display: none;
  }
}

.project-top .swiper-arrow .swiper-nav.swiper-next {
  margin-right: 110px;
}

.project-carousel {
  overflow: visible;
}

.project-box {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-box .shape {
  background-color: #17588A;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 11px;
  left: -10px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-box .project-thumb {
  height: 600px;
  width: 100%;
}

@media (max-width: 1199px) {
  .project-box .project-thumb {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .project-box .project-thumb {
    height: 400px;
  }
}

.project-box .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-box .project-content {
  position: absolute;
  bottom: 30px;
  left: 50px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width: 1199px) {
  .project-box .project-content {
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .project-box .project-content {
    bottom: 10px;
    left: 20px;
  }
}

.project-box .project-content span {
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .project-box .project-content span {
    font-size: 12px;
  }
}

.project-box .project-content .title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .project-box .project-content .title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .project-box .project-content .title {
    font-size: 16px;
  }
}

.project-box .project-content .title a {
  color: var(--rr-color-common-white);
}

.project-box .project-btn {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 120px;
  width: 120px;
  font-size: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.project-box .project-btn i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.project-box .project-btn:hover i {
  transform: rotate(0);
}

@media only screen and (max-width: 767px) {
  .project-box .project-btn {
    height: 80px;
    width: 80px;
    font-size: 24px;
  }
}

.project-box:hover .project-thumb img {
  filter: grayscale(1);
}

.project-box:hover .project-content {
  bottom: 50px;
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .project-box:hover .project-content {
    bottom: 20px;
  }
}

.project-box:hover .project-btn {
  transform: translate(-50%, -50%) scale(1);
}

.project-box:hover .shape {
  top: 1px;
  left: 0px;
  visibility: visible;
  opacity: 1;
}

.project-container {
  max-width: 1750px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  overflow: hidden;
}

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

.project-card .project-img {
  height: 500px;
  width: 100%;
  position: relative;
  z-index: 1;
}

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

.project-card .project-img .overlay {
  background: #3c4368;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.project-card .project-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 2;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .project-card .project-content {
    left: 20px;
  }
}

.project-card .project-content span {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: capitalize;
  display: block;
}

.project-card .project-content .title {
  color: var(--rr-color-common-white);
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.project-card .project-content .view-btn {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
}

.project-card .project-content .view-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-card .project-content .view-btn:hover {
  color: var(--rr-color-theme-primary);
}

.project-card .project-content .view-btn:hover i {
  transform: rotate(0);
}

.project-card .arrow {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .project-card .arrow {
    right: 20px;
    top: 30px;
  }
}

.project-card .arrow a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  font-size: 30px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-card .arrow a i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-card .arrow a:hover i {
  transform: rotate(0);
}

.project-carousel-2 {
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

.project-carousel-2 .swiper-slide .project-card .project-img .overlay {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.project-carousel-2 .swiper-slide.swiper-slide-active .project-card .project-img .overlay {
  visibility: visible;
  opacity: 1;
}

.project-carousel-2 .swiper-slide.swiper-slide-active .project-card .project-content {
  visibility: visible;
  opacity: 1;
}

.project-carousel-2 .swiper-slide.swiper-slide-active .project-card .arrow {
  visibility: visible;
  opacity: 1;
}

.project-section-8 .project-container {
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

.project-box-2 {
  position: relative;
  z-index: 1;
}

.project-box-2:before {
  background: linear-gradient(180deg, rgba(8, 19, 78, 0) 47.46%, #0b1b76 100%);
  mix-blend-mode: normal;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}

.project-box-2:after {
  background: #3f5af3;
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-box-2 .project-img {
  height: 100%;
  width: 100%;
}

.project-box-2 .project-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-box-2 .project-content {
  right: 30px;
}

.project-box-2 .project-content span {
  margin-bottom: 20px;
}

.project-box-2 .project-content .title {
  margin-bottom: 30px;
}

@media (max-width: 1399px) {
  .project-box-2 .project-content .title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .project-box-2 .project-content .title {
    font-size: 20px;
  }
}

.project-box-2 .project-content .project-btn-2 a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.project-box-2 .project-content .project-btn-2 a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.project-box-2:hover:after,
.project-box-2:hover:before {
  visibility: visible;
  opacity: 1;
}

.project-box-2:hover .project-img img {
  filter: saturate(0);
}

@media (max-width: 1399px) {
  .project-box-2:hover .project-content {
    bottom: 20px;
    left: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .project-box-2.first-box {
    height: 450px;
    margin-bottom: 24px;
  }
}

.project-box-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

@media only screen and (max-width: 767px) {
  .project-box-wrap {
    grid-template-columns: 1fr;
  }
}

.project-box-wrap .project-box .project-content {
  left: 20px;
  right: 20px;
}

.project-box-wrap .project-box .project-content .title {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .project-box-wrap .project-box .project-content .title {
    font-size: 22px;
  }
}

.project-box-wrap .project-box:hover .project-content {
  left: 20px;
}

.project-section-7 .project-container {
  max-width: 1830px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.project-box-4:before {
  display: none;
}

.project-box-4:after {
  background-color: var(--rr-color-theme-primary);
  mix-blend-mode: inherit;
}

.project-box-4 .project-img {
  height: 600px;
}

@media (max-width: 1199px) {
  .project-box-4 .project-img {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .project-box-4 .project-img {
    height: 350px;
  }
}

.project-box-4 .project-content .project-btn-2 {
  display: inline-block;
  border: 1px solid var(--rr-color-common-white);
  border-radius: 50%;
}

.project-carousel-3 {
  height: 400px;
  max-width: 1146px;
  width: 100%;
  overflow: visible;
  overflow-y: clip;
  margin-left: 0;
}

@media only screen and (max-width: 992px) {
  .project-carousel-3 {
    max-width: 500px;
    height: auto;
  }
}

.project-carousel-3 .project-box-5 {
  background-color: var(--rr-color-bg-1);
  height: 400px;
  display: grid;
  align-items: center;
  grid-template-columns: 560px 1fr;
  grid-gap: 70px;
}

@media only screen and (max-width: 992px) {
  .project-carousel-3 .project-box-5 {
    height: auto;
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
}

.project-carousel-3 .project-box-5:after {
  display: none;
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content {
  padding: 20px 0;
}

@media only screen and (max-width: 992px) {
  .project-carousel-3 .project-box-5 .project-content-wrap .project-content {
    padding: 0 30px 30px 30px;
  }
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content span {
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .project-carousel-3 .project-box-5 .project-content-wrap .project-content span {
    font-size: 12px;
  }
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}

@media only screen and (max-width: 992px) {
  .project-carousel-3 .project-box-5 .project-content-wrap .project-content .title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .project-carousel-3 .project-box-5 .project-content-wrap .project-content .title {
    font-size: 24px;
  }
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content .title a {
  color: var(--rr-color-common-white);
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content .title a:hover {
  color: var(--rr-color-theme-primary);
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content .project-btn a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 60px;
  width: 60px;
  font-size: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.project-carousel-3 .project-box-5 .project-content-wrap .project-content .project-btn a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.project-carousel-3 .project-box-5 .project-img {
  height: 400px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .project-carousel-3 .project-box-5 .project-img {
    height: 300px;
  }
}

.project-carousel-3 .project-box-5 .project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-item-wrapper {
  padding: 30px;
  background-color: #141922;
  border: 1px solid #2d343e;
  margin: 0;
}

@media only screen and (max-width: 992px) {
  .project-item-wrapper {
    padding: 15px 20px 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .project-item-wrapper {
    padding: 15px 0px 40px 0px;
  }
}

.project-item-2 .project-thumb {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .project-item-2 .project-thumb {
    height: auto;
  }
}

.project-item-2 .project-thumb img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.project-item-2 .project-thumb .shape {
  height: 150%;
  width: 150%;
}

.project-item-2 .project-btn {
  top: 32%;
  left: 74%;
}

.project-item-2:hover .project-thumb .shape {
  top: -40%;
}

.project-section-12 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.project-section-12 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
}

.project-section-12 .shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 992px) {
  .project-section-12 .project-header-left {
    margin-bottom: 40px;
  }
}

@media (max-width: 1199px) {
  .project-section-12 .project-header-left p br {
    display: none;
  }
}

.project-item-3 {
  position: relative;
}

.project-item-3:not(:last-of-type) {
  margin-bottom: 24px;
}

.project-item-3 .project-thumb {
  height: 497px;
}

@media only screen and (max-width: 767px) {
  .project-item-3 .project-thumb {
    height: 400px;
  }
}

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

.project-item-3 .project-content {
  background-color: var(--rr-color-common-white);
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 92%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .project-item-3 .project-content {
    padding: 30px 20px;
  }
}

.project-item-3 .project-content .left-content span {
  color: var(--rr-color-heading-primary);
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 1;
}

.project-item-3 .project-content .left-content .title {
  color: var(--rr-color-heading-primary);
  font-weight: 700;
  margin-bottom: 0;
}

.project-item-3 .project-content .arrow a {
  background-color: var(--rr-color-theme-primary);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-color-common-white);
  border-radius: 50%;
}

.project-item-3 .project-content .arrow a:hover {
  background-color: var(--rr-color-heading-primary);
  color: var(--rr-color-common-white);
}

.project-section-13 {
  position: relative;
  background-color: var(--rr-color-bg-1);
}

.project-section-13 .shapes .shape-1 {
  position: absolute;
  top: 245px;
  right: 78px;
}

.project-section-13 .project-box-2::before {
  display: none;
}

.project-section-13 .project-box-2::after {
  display: none;
}

.project-section-13 .project-box-2 .project-img img {
  filter: saturate(1);
}

.project-section-13 .project-box-2 .project-content {
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.project-section-13 .project-box-2 .project-content .project-btn-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-section-13 .project-box-2 .project-content .project-btn-2 a {
  outline: 20px solid var(--rr-color-theme-primary);
  height: 74px;
  width: 74px;
  cursor: pointer;
}

.project-section-13 .project-box-2 .project-content .project-btn-2 a:hover {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
}

.project-section-13 .project-box-wrap .project-box:hover .project-content {
  left: 50%;
}

.project-wrap-14 {
  margin: 0 -342px;
}

@media (max-width: 1199px) {
  .project-wrap-14 {
    margin: 0px;
    margin-right: -140px;
  }
}

@media only screen and (max-width: 992px) {
  .project-wrap-14 {
    margin-right: 0px;
  }
}

.project-wrap-14 .project-slide-14 {
  overflow: visible;
}

.project-wrap-14 .project-item-14 {
  max-width: 630px;
  padding: 30px;
  overflow: hidden;
  padding-bottom: 23px;
  transition: all 0.3s ease-in-out;
  background: var(--rr-color-bg-1);
  height: 553px;
}

@media only screen and (max-width: 767px) {
  .project-wrap-14 .project-item-14 {
    margin: 0 auto;
  }
}

.project-wrap-14 .project-item-14:hover {
  margin-top: -20px;
}

.project-wrap-14 .project-item-14:hover .project-thumb {
  max-height: 300px;
}

.project-wrap-14 .project-item-14:hover .project-btn {
  opacity: 1;
  height: auto;
  padding-top: 22px;
  padding-bottom: 7px;
}

.project-wrap-14 .project-item-14 .project-thumb {
  max-width: 570px;
  max-height: 380px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.project-wrap-14 .project-item-14 .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-wrap-14 .project-item-14 .project-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  color: var(--rr-color-common-white);
}

.project-wrap-14 .project-item-14 .project-content .project-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  margin-top: 20px;
  margin-bottom: 11px;
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .project-wrap-14 .project-item-14 .project-content .project-title {
    font-size: 19px;
    line-height: 25px;
  }
}

.project-wrap-14 .project-item-14 .project-btn {
  height: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.3s, height 0.3s, padding 0.3s;
}

.project-wrap-14 .project-item-14 .project-btn a {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: 12px 15px;
  padding-left: 25px;
  justify-content: space-between;
  color: var(--rr-color-common-white);
  background-color: var(--rr-color-theme-primary);
}

.project-wrap-14 .project-item-14 .project-btn a i {
  font-size: 26px;
}

.project-section-15 {
  background: #11151C;
}

.project-wrapper-15 {
  gap: 49px;
  display: flex;
  padding: 72px 0 74px 60px;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 1399px) {
  .project-wrapper-15 {
    max-width: 670px;
    gap: 30px;
    padding: 72px 0 74px 40px;
  }
}

@media (max-width: 1199px) {
  .project-wrapper-15 {
    max-width: 561px;
    padding: 40px;
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .project-wrapper-15 {
    max-width: 100%;
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .project-wrapper-15 {
    gap: 15px;
    flex-wrap: wrap;
  }
}

.project-item-15 {
  z-index: 9;
  position: relative;
  border: 1px solid var(--rr-color-grey-2);
  background-color: var(--rr-color-common-black);
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.project-item-15::before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  position: absolute;
  transition: all 0.5s ease-in-out;
  background: linear-gradient(180deg, rgba(63, 90, 243, 0) 49.25%, #3F5AF3 100%);
}

.project-item-15:hover::before,
.project-item-15.active::before {
  opacity: 1;
  visibility: visible;
}

.project-item-15:hover .project-wrapper-15,
.project-item-15.active .project-wrapper-15 {
  padding: 50px 0 55px 60px;
}

@media (max-width: 1399px) {

  .project-item-15:hover .project-wrapper-15,
  .project-item-15.active .project-wrapper-15 {
    padding: 50px 0 55px 40px;
  }
}

@media (max-width: 1199px) {

  .project-item-15:hover .project-wrapper-15,
  .project-item-15.active .project-wrapper-15 {
    padding: 40px;
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {

  .project-item-15:hover .project-wrapper-15,
  .project-item-15.active .project-wrapper-15 {
    padding: 30px;
  }
}

.project-item-15:hover .project-wrapper-15 .project-btn,
.project-item-15.active .project-wrapper-15 .project-btn {
  opacity: 1;
  height: auto;
  padding-top: 38px;
}

.project-item-15:hover .project-wrapper-15 .project-title,
.project-item-15.active .project-wrapper-15 .project-title {
  font-size: 30px;
}

.project-item-15 .project-number span {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: var(--rr-color-common-white);
}

.project-item-15 .project-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--rr-color-common-white) !important;
}

@media only screen and (max-width: 767px) {
  .project-item-15 .project-title {
    font-size: 22px;
    line-height: 1.2;
  }
}

.project-item-15 .project-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 30px;
  color: var(--rr-color-text-body);
}

@media (max-width: 1399px) {
  .project-item-15 .project-content p br {
    display: none;
  }
}

.project-item-15 .project-list {
  list-style: none;
}

.project-item-15 .project-list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 14px;
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .project-item-15 .project-list li {
    line-height: 1.3;
  }
}

.project-item-15 .project-list li:last-of-type {
  margin-bottom: 0;
}

.project-item-15 .project-list li span {
  font-weight: 600;
}

.project-item-15 .project-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 30px;
  margin-right: 10px;
  display: inline-block;
  transform: translateY(-1px);
  background-color: var(--rr-color-common-white);
}

.project-item-15 .project-thumb {
  padding: 40px;
}

@media (max-width: 1199px) {
  .project-item-15 .project-thumb {
    padding: 30px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .project-item-15 .project-thumb {
    display: none;
  }
}

.project-item-15 .project-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-item-15 .project-btn {
  opacity: 0;
  height: 0;
  padding: 0;
  transition: opacity 0.5s, height 0.5s, margin 0.3s, padding 0.5s;
}

.project-item-15 .project-btn .rr-primary-btn {
  font-weight: 700;
  padding: 17px 23.6px;
  color: var(--rr-color-theme-primary);
  background-color: var(--rr-color-common-white);
}

.project-item-15 .project-btn .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.project-item-15 .project-btn .rr-primary-btn::before {
  background-color: var(--rr-color-theme-primary);
}

.project-section-16__area .section-heading-16 .title {
  padding-left: 100px;
}

@media (max-width: 1399px) {
  .project-section-16__area .section-heading-16 .title {
    padding-left: 50px;
  }
}

@media (max-width: 1199px) {
  .project-section-16__area .section-heading-16 .title {
    padding-left: 0;
  }
}

.project-section-16__area .swiper-arrow {
  display: flex;
  align-items: center;
}

.project-section-16__area .swiper-arrow .swiper-nav {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.project-section-16__area .swiper-arrow .swiper-nav i {
  color: #000000;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.project-section-16__area .swiper-arrow .swiper-nav:hover {
  background: #3F5AF3;
  border: none;
}

.project-section-16__area .swiper-arrow .swiper-nav:hover i {
  color: white;
}

.project-section-16__area .swiper-arrow .swiper-nav-right {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  margin-left: -8px;
  transition: all 0.3s ease-in-out;
}

.project-section-16__area .swiper-arrow .swiper-nav-right i {
  color: #000000;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.project-section-16__area .swiper-arrow .swiper-nav-right:hover {
  background: #3F5AF3;
  border: none;
}

.project-section-16__area .swiper-arrow .swiper-nav-right:hover i {
  color: white;
}

.project-section-16__thumb {
  height: 427px;
  width: 100%;
  transition: all 0.4s ease;
  transform-origin: center center;
  transition: all 0.8s ease-in-out;
  cursor: none;
}

@media only screen and (max-width: 992px) {
  .project-section-16__thumb {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .project-section-16__thumb {
    height: 250px;
  }
}

.project-section-16__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  cursor: none;
}

.project-section-16__wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-top: 30px;
}

.project-section-16__wrapper .project-carousel {
  overflow: hidden;
}

@media (max-width: 1700px) {
  .project-section-16__wrapper .swiper-slide-active {
    margin-right: 20px !important;
  }
}

@media (max-width: 1600px) {
  .project-section-16__wrapper .swiper-slide-active {
    margin-right: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .project-section-16__wrapper .swiper-slide-active {
    margin-right: 21px !important;
    margin-left: 33px;
  }
}

.project-section-16__wrapper .swiper-slide-active .project-section-16__thumb {
  height: 488px;
  width: 737px;
  max-width: 700px;
  padding-right: 20px;
  padding-left: 15px;
  transition: all 0.8s ease-in-out;
}

@media (max-width: 1700px) {
  .project-section-16__wrapper .swiper-slide-active .project-section-16__thumb {
    width: 100%;
    padding-right: 0px;
  }
}

@media (max-width: 1600px) {
  .project-section-16__wrapper .swiper-slide-active .project-section-16__thumb {
    width: 100%;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 992px) {
  .project-section-16__wrapper .swiper-slide-active .project-section-16__thumb {
    width: 100%;
    padding-right: 0px;
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .project-section-16__wrapper .swiper-slide-active .project-section-16__thumb {
    width: 100%;
    padding-right: 0px;
    height: 250px;
  }
}

.project-section-16__wrapper .swiper-wrapper {
  align-items: center;
}

.project-section-16__wrapper .swiper-wrapper .swiper-slide-prev {
  margin-right: 0px !important;
}

.project-section-16__marketing {
  text-align: center;
  margin-top: 20px;
}

.project-section-16__marketing .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  color: #000000;
  margin-bottom: 13px;
}

.project-section-16__marketing .rr-primary-btn {
  padding: 8px 19px;
  border-radius: 30px;
}

.project-section-17-area {
  margin-bottom: -1px;
}

@media (max-width: 1199px) {
  .project-section-17-area {
    padding-top: 0;
    padding-bottom: 100px;
  }
}

.project-section-17-area .team-section-17-info .title {
  padding-left: 204px;
}

@media (max-width: 1399px) {
  .project-section-17-area .team-section-17-info .title {
    padding-left: 0;
  }
}

.project-section-17__wrapper {
  display: flex;
  gap: 30px;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-top: 70px;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 992px) {
  .project-section-17__wrapper {
    flex-direction: column;
    gap: 20px;
  }
}

.project-section-17__item {
  width: 245px;
  height: 592px;
  transition: all 0.5s ease;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

@media only screen and (max-width: 992px) {
  .project-section-17__item {
    width: 100%;
    height: 350px;
  }
}

.project-section-17__item::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(17, 21, 28, 0.3019607843);
  left: 0;
}

.project-section-17__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 15px;
}

.project-section-17__item .content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
  position: absolute;
  bottom: -200px;
  left: 50%;
  transform: translate(-50%, 0px);
  width: calc(100% - 100px);
  z-index: 1;
  width: 100%;
  padding-right: 30px;
  padding-left: 135px;
  padding: 23px 30px 10px 135px;
}

@media only screen and (max-width: 767px) {
  .project-section-17__item .content {
    padding: 23px 0px 10px 135px;
  }
}

.project-section-17__item .content span {
  color: #151515;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  text-transform: uppercase;
  font-family: var(--font_instrument);
  margin-bottom: 20px;
}

.project-section-17__item .content .text {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .project-section-17__item .content .text {
    flex-wrap: wrap;
  }
}

.project-section-17__item .content .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
}

@media (max-width: 1600px) {
  .project-section-17__item .content .decs br {
    display: none;
  }
}

.project-section-17__item .vertical-text {
  position: absolute;
  transform: rotate(-90deg);
  background: #11151C;
  padding: 13px 20px;
  border-radius: 0px 20px 20px 0;
  left: -70px;
  bottom: -200px;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
}

.project-section-17__item .vertical-text h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 27px;
  color: #FFFFFF;
}

.project-section-17__item .vertical-text span {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #999999;
  margin-top: 5px;
}

.project-section-17__item.active {
  width: 520px;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  .project-section-17__item.active {
    width: 100%;
  }
}

.project-section-17__item.active .content {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  bottom: 0px;
  background: rgba(17, 21, 28, 0.35);
  backdrop-filter: blur(7px);
  border-radius: 0px;
}

.project-section-17__item.active .vertical-text {
  position: absolute;
  transform: rotate(-90deg);
  background: #11151C;
  padding: 13px 20px;
  border-radius: 0px 20px 20px 0;
  left: -70px;
  bottom: 100px;
  z-index: 4;
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease;
}

.project-section-17-btn {
  margin-top: 70px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .project-section-17-btn {
    margin-top: 40px;
  }
}

.project-section-17-btn .rr-primary-btn {
  border-radius: 30px;
  padding: 21.5px 31px;
}

.section-heading-18 {
  margin-bottom: 53px;
}

.section-heading-18-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.section-heading-18-info .sub-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding-left: 15px;
  position: relative;
}

.section-heading-18-info .sub-title::before {
  position: absolute;
  content: "";
  left: 0;
  top: 30%;
  background: #3F5AF3;
  height: 7px;
  width: 7px;
  border-radius: 100%;
}

.section-heading-18-info .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
  padding-left: 136px;
}

@media (max-width: 1199px) {
  .section-heading-18-info .title {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 992px) {
  .section-heading-18-info .title {
    font-size: 36px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading-18-info .title {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading-18-info .title br {
    display: none;
  }
}

.section-heading-18-info .rr-primary-btn {
  border-radius: 30px;
  padding: 19.5px 26.3px;
}

.project-section-18-wrapper {
  margin-top: -1px;
}

@media (max-width: 1199px) {
  .project-section-18-wrapper {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .project-section-18-wrapper {
    padding-bottom: 30px;
  }
}

.project-section-18-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.project-section-18-wrap:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .project-section-18-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.project-section-18-item {
  margin-bottom: 12px;
}

.project-section-18-item:last-child {
  margin-bottom: 0;
}

.project-section-18-thumb {
  cursor: none;
}

.project-section-18-thumb img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-section-18-content {
  margin-top: 20px;
}

.project-section-18-content .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  color: #FFFFFF;
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .project-section-18-content .title {
    font-size: 24px;
    line-height: 31px;
  }
}

.project-section-18-content span {
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0;
}

@media only screen and (max-width: 992px) {
  .project-section-18-item {
    margin-bottom: 30px;
  }
}

.portfolio-section-19 .section-heading-19__info .title {
  padding-right: 8px;
}

.portfolio-section-19__wrapper {
  margin-top: -1px;
}

.portfolio-section-19__thumb {
  position: relative;
}

.portfolio-section-19__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portfolio-section-19__content {
  position: absolute;
  top: 50%;
  left: 44%;
}

@media only screen and (max-width: 767px) {
  .portfolio-section-19__content {
    left: 25%;
  }
}

@media only screen and (max-width: 575px) {
  .portfolio-section-19__content {
    left: 5%;
  }
}

.portfolio-section-19__content .title {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  font-family: var(--rr-ff-body-2);
}

.portfolio-19 {
  height: 100vh;
  max-width: 100vw;
  max-width: 100vw;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .portfolio-19 {
    height: 65vh;
  }
}

.portfolio-19__content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.portfolio-19__content .title {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  font-family: var(--rr-ff-body-2);
}

.portfolio-19__item {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.portfolio-19 .swiper-slide-active .portfolio-19__item {
  animation-name: qodef-animate-slide-out;
  animation-duration: 1.3s;
  animation-fill-mode: forwards;
}

.portfolio-19 .swiper-slide-active .portfolio-19__content-title {
  transition: all 2200ms ease;
  animation: slideFadeIn 2.2s ease forwards;
}

.portfolio-19 .swiper-slide-active .portfolio-19__list {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2000ms ease;
}

.portfolio-19 .swiper {
  height: 100vh;
  max-width: 100vw;
  max-width: 100vw;
}

@media only screen and (max-width: 992px) {
  .portfolio-19 .swiper {
    height: 75vh;
  }
}

.portfolio-19 img {
  margin: 0 !important;
  padding: 0 !important;
}

.portfolio-19 .swiper-slicer-image {
  max-width: unset;
}

.portfolio-19 .swiper-pagination-bullet::before {
  content: "";
  width: 150px;
  height: 100%;
  position: absolute;
  transition: 0.6s;
  z-index: 9;
  left: 0;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
}

.portfolio-19 .swiper-pagination-bullet::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  transition: 0.6s;
  z-index: 8;
  left: 0;
  background-color: white;
}

.portfolio-19 .swiper-pagination-bullet-active::after {
  opacity: 1;
  width: 100%;
}

/* !END: Theme Project CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.post-card-wrap:not(:last-of-type) {
  margin-bottom: 30px;
}

.post-card {
  background-color: var(--rr-color-bg-1);
  display: grid;
  align-items: center;
  grid-template-columns: 570px 1fr;
  grid-gap: 40px;
  padding: 30px;
  border: 1px solid var(--rr-color-border-1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
  .post-card {
    grid-template-columns: 470px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .post-card {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .post-card {
    padding: 30px 20px;
  }
}

.post-card .post-thumb {
  position: relative;
  height: 240px;
  overflow: hidden;
}

.post-card .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
  transform: scale(1);
}

.post-card .post-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 30px;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .post-card .post-content .title {
    font-size: 18px;
  }
}

.post-card .post-content .title a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-card .post-content .title a:hover {
  color: var(--rr-color-common-white);
  background-size: 100% 2px;
}

.post-card .post-content .rr-primary-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-border-1);
  padding: 14.5px 30px;
}

.post-card .post-content .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.post-card:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.post-card:hover .post-thumb img {
  transform: scale(1.02);
}

.post-meta {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 20px;
}

.post-meta li {
  font-family: var(--rr-ff-body);
  color: #B0B2B7;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.post-meta li i {
  font-size: 14px;
}

.post-meta li:not(:last-of-type) {
  margin-right: 20px;
}

.post-meta li a:hover {
  color: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 767px) {
  .post-meta li {
    font-size: 12px;
  }
}

.post-content-wrap .post-meta {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 20px;
}

.post-content-wrap .post-meta li {
  font-family: var(--rr-ff-body);
  color: #B0B2B7;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.post-content-wrap .post-meta li i {
  font-size: 14px;
}

.post-content-wrap .post-meta li:not(:last-of-type) {
  margin-right: 20px;
}

.post-content-wrap .post-meta li a:hover {
  color: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 767px) {
  .post-content-wrap .post-meta li {
    font-size: 12px;
  }
}

.post-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 30px;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .post-content .title {
    font-size: 18px;
  }
}

.post-content .title a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-content .title a:hover {
  color: var(--rr-color-common-white);
  background-size: 100% 2px;
}

.post-content .blog-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-border-1);
  padding: 14.5px 30px;
}

.post-content .blog-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.post-card-2 {
  position: relative;
  z-index: 1;
}

.post-card-2 .post-thumb {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .post-card-2 .post-thumb {
    height: 420px;
    width: 100%;
  }

  .post-card-2 .post-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
  }
}

.post-card-2 .post-thumb img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-card-2 .post-thumb:before {
  background: linear-gradient(180deg, rgba(2, 5, 10, 0) 0%, rgba(29, 37, 81, 0.95) 51.08%);
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.post-card-2 .post-thumb:after {
  background: linear-gradient(180deg, rgba(14, 32, 147, 0.7) 0%, #3F5AF3 88.88%);
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.post-card-2 .post-content-wrap {
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 2;
  padding-right: 50px;
}

@media only screen and (max-width: 992px) {
  .post-card-2 .post-content-wrap {
    left: 30px;
    bottom: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .post-card-2 .post-content-wrap {
    left: 20px;
    bottom: 20px;
    padding-right: 20px;
  }
}

.post-card-2 .post-content-wrap .post-content .post-meta li {
  color: var(--rr-color-common-white);
}

.post-card-2 .post-content-wrap .post-content .title {
  font-weight: 700;
}

.post-card-2 .post-content-wrap .post-content .title a {
  background: linear-gradient(var(--rr-color-common-white) 0%, var(--rr-color-common-white) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-card-2 .post-content-wrap .post-content .title a:hover {
  color: var(--rr-color-common-white);
  background-size: 100% 2px;
}

.post-card-2 .post-content-wrap .post-content .rr-primary-btn {
  padding: 14.5px 30px;
}

.post-card-2:hover .post-thumb:before {
  visibility: hidden;
  opacity: 0;
}

.post-card-2:hover .post-thumb:after {
  visibility: visible;
  opacity: 1;
}

.post-card-2.card-3 .post-content-wrap {
  position: inherit;
  top: 0;
  left: 0;
  padding: 0;
}

.post-card-2.card-3 .post-content-wrap .post-content .post-meta li {
  color: var(--rr-color-text-body);
}

.post-card-2.card-3 .post-content-wrap .post-content .title a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.post-card-2.card-3 .post-content-wrap .post-content .title a:hover {
  color: var(--rr-color-theme-primary);
  background-size: 100% 2px;
}

.post-card-2.card-3 .post-thumb {
  height: 350px;
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
}

.post-card-2.card-3 .post-thumb:after,
.post-card-2.card-3 .post-thumb:before {
  display: none;
}

.post-card-2.card-3 .post-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.post-card-2.card-3:hover .post-thumb img {
  transform: scale(1.02);
}

.post-card-2.inner-blog .post-thumb {
  height: 500px;
}

@media only screen and (max-width: 992px) {
  .post-card-2.inner-blog .post-thumb {
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .post-card-2.inner-blog .post-thumb {
    height: 300px;
  }
}

.post-card-2.inner-blog .post-content .title {
  font-size: 30px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .post-card-2.inner-blog .post-content .title {
    font-size: 24px;
  }
}

.post-card-2.inner-blog .post-content p {
  max-width: 850px;
  width: 100%;
  margin-bottom: 35px;
}

.post-card-2.inner-blog .post-content .rr-primary-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-border-1);
}

.post-card-2.inner-blog .post-content .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.post-card-2.inner-blog .post-content .rr-primary-btn:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.post-card-2.inner-blog:not(:last-of-type) {
  margin-bottom: 55px;
}

.post-card-2.inner-blog-2 {
  display: grid;
  align-items: center;
  grid-template-columns: 620px 1fr;
  grid-gap: 40px;
}

@media (max-width: 1199px) {
  .post-card-2.inner-blog-2 {
    grid-template-columns: 420px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .post-card-2.inner-blog-2 {
    grid-template-columns: 1fr;
  }
}

.post-card-2.inner-blog-2:not(:last-of-type) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.post-card-2.inner-blog-2 .post-thumb {
  height: 380px;
  width: 100%;
  margin-bottom: 0;
}

.post-card-2.inner-blog-2 .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: top;
}

.post-card-2.inner-blog-2 .post-content {
  margin-top: 0;
}

.post-card-2.inner-blog-2 .post-content .title {
  font-size: 36px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .post-card-2.inner-blog-2 .post-content .title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .post-card-2.inner-blog-2 .post-content .title {
    font-size: 24px;
  }
}

.post-card-2.inner-blog-2 .post-content p {
  margin-bottom: 25px;
}

.post-card-2.inner-blog-2 .post-content .rr-primary-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-border-1);
}

.post-card-2.inner-blog-2 .post-content .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.post-card-2.inner-blog-2 .post-content .rr-primary-btn:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.post-card-2.card-4 .post-thumb {
  height: 320px;
}

.post-card-2.card-4 .post-content-wrap .post-content .post-meta {
  column-gap: 0px;
}

.post-card-2.card-4 .post-content-wrap .post-content .post-meta li {
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
}

.post-card-2.card-4 .post-content-wrap .post-content .post-meta li:nth-child(1) {
  color: var(--rr-color-theme-primary);
}

.post-card-2.card-4 .post-content-wrap .post-content .post-meta li:not(:last-of-type) {
  margin-right: 10px;
  padding-right: 15px;
}

.post-card-2.card-4 .post-content-wrap .post-content .post-meta li:not(:last-of-type):before {
  color: var(--rr-color-text-body);
  content: "/";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.post-card-2.card-4 .post-content-wrap .post-content .title {
  margin-bottom: 30px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .post-card-2.post-card-3 {
    height: 100%;
  }

  .post-card-2.post-card-3 .post-thumb {
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .post-card-2.post-card-3 {
    height: 350px;
  }
}

.blog-section-3 {
  position: relative;
  z-index: 1;
}

.blog-section-3 .shapes .shape {
  position: absolute;
}

.blog-section-3 .shapes .shape.shape-1 {
  top: 3%;
  left: 6%;
}

.blog-section-3 .shapes .shape.shape-2 {
  bottom: 20%;
  right: 0px;
}

.grid-post-wrap {
  padding-right: 31px;
  border-right: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 992px) {
  .grid-post-wrap {
    padding-right: 0;
    border: none;
    margin-bottom: 50px;
  }
}

.pagination-wrap {
  display: flex;
  align-items: center;
  list-style: none;
  column-gap: 10px;
}

.pagination-wrap li a {
  background-color: transparent;
  color: var(--rr-color-common-white);
  font-weight: 700;
  height: 50px;
  width: 50px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1px solid var(--rr-color-border-1);
}

.pagination-wrap li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.pagination-wrap li .active {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.post-card.card-6 {
  grid-template-columns: 200px 1fr;
}

@media (max-width: 1199px) {
  .post-card.card-6 {
    grid-gap: 20px;
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 992px) {
  .post-card.card-6 {
    grid-gap: 40px;
    padding: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .post-card.card-6 {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    padding: 30px 20px;
  }
}

.post-card.card-6 .post-thumb {
  height: 164px;
  max-width: 200px;
}

@media only screen and (max-width: 767px) {
  .post-card.card-6 .post-thumb {
    max-width: 100%;
    height: 250px;
  }
}

.post-card.card-6 .post-meta {
  margin-bottom: 15px;
}

@media (max-width: 1199px) {
  .post-card.card-6 .post-meta li {
    font-size: 13px;
  }
}

@media only screen and (max-width: 992px) {
  .post-card.card-6 .post-meta li {
    font-size: 14px;
  }
}

.post-card.card-6 .post-content .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .post-card.card-6 .post-content .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 992px) {
  .post-card.card-6 .post-content .title {
    font-size: 20px;
  }
}

.post-card.card-6 .post-content .title a:hover {
  color: var(--rr-color-theme-primary);
}

.post-card.card-6 .post-content .blog-btn {
  border: 1px solid #E3E3ED;
  border-radius: 100px;
}

.post-card.card-6 .post-content .blog-btn:before {
  background-color: var(--rr-color-common-white);
}

.post-card.card-6 .post-content .blog-btn:hover {
  color: var(--rr-color-heading-primary);
}

.post-card.card-6.card-8 {
  grid-template-columns: 1fr;
  grid-gap: 0;
}

.post-card.card-6.card-8 .post-thumb {
  width: 100%;
  max-width: 100%;
  height: 270px;
  margin-bottom: 0;
  overflow: hidden;
}

.post-card.card-6.card-8 .post-meta {
  background-color: var(--rr-color-theme-primary);
  padding: 7px 20px;
  margin-bottom: 25px;
}

.post-card.card-6.card-8 .post-meta li {
  color: var(--rr-color-common-white);
  font-size: 14px;
}

.post-card.card-6.card-8 .post-meta li:not(:last-of-type) {
  margin-right: 30px;
}

.post-card.card-6.card-8 .post-content .title {
  font-size: 24px;
  margin-bottom: 30px;
}

.post-card.card-6.card-8 .post-content .blog-btn {
  border-radius: 0;
}

.post-card.card-6.grid-post {
  padding: 0;
  grid-template-columns: 312px 1fr;
  grid-gap: 0;
}

@media only screen and (max-width: 767px) {
  .post-card.card-6.grid-post {
    grid-template-columns: 1fr;
  }
}

.post-card.card-6.grid-post .post-thumb {
  max-width: 312px;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .post-card.card-6.grid-post .post-thumb {
    max-width: 100%;
    height: 300px;
  }
}

.post-card.card-6.grid-post .post-content {
  padding: 50px 40px;
}

@media (max-width: 1199px) {
  .post-card.card-6.grid-post .post-content {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .post-card.card-6.grid-post .post-content {
    padding: 30px 20px;
  }
}

.post-card.card-6.grid-post .post-content .post-meta li i {
  color: var(--rr-color-theme-primary);
}

.post-card.card-6.grid-post .post-content .title {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .post-card.card-6.grid-post .post-content .title {
    font-size: 20px;
  }
}

.post-card.card-6.grid-post .post-content .blog-btn {
  padding: 0;
  border: none;
  color: var(--rr-color-theme-primary);
  border-radius: 0;
  padding-bottom: 5px;
}

.post-card.card-6.grid-post .post-content .blog-btn:before {
  display: none;
}

.post-card.card-6.grid-post .post-content .blog-btn:after {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 1px;
  left: 0;
}

.post-card.card-6.grid-post .post-content .blog-btn i {
  margin-top: 2px;
  transform: rotate(0);
}

.post-card.card-6.grid-post.grid-post-2 {
  grid-template-columns: 1fr;
}

.post-card.card-6.grid-post.grid-post-2 .post-thumb {
  height: 255px;
  max-width: 100%;
}

.post-card-10 {
  height: 500px;
  position: relative;
  z-index: 1;
}

.post-card-10 .post-thumb {
  position: relative;
  height: 100%;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.post-card-10 .post-thumb:hover img {
  transform: scale(1.1);
}

.post-card-10 .post-thumb:before,
.post-card-10 .post-thumb:after {
  display: none;
}

.post-card-10 .post-thumb .overlay {
  background: linear-gradient(180deg, rgba(20, 24, 46, 0.25) 47.69%, #0D0E15 89.42%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.post-card-10 .post-thumb img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.post-card-10 .post-content-wrap {
  left: 40px;
  bottom: 40px;
  right: 40px;
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .post-card-10 .post-content-wrap {
    left: 20px;
    right: 20px;
  }
}

.post-card-10 .post-content-wrap .post-content .category {
  background-color: var(--rr-color-theme-primary);
  display: inline-block;
  color: var(--rr-color-common-white);
  font-weight: 600;
  padding: 8px 15px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
}

.post-card-10 .post-content-wrap .post-content .title {
  font-size: 24px;
  margin-bottom: 20px;
}

.post-card-10 .post-content-wrap .post-content .post-meta {
  margin-bottom: 0;
}

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

.blog-11 .bg-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.post-card.card-6.card-8.card-12 .post-thumb {
  height: 350px;
}

.post-card.card-6.card-8.card-12 .post-content .post-meta {
  background-color: transparent;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 20px;
}

.post-card.card-6.card-8.card-12 .post-content .post-meta li {
  color: var(--rr-color-text-body);
}

.post-card.card-6.card-8.card-12 .post-content .blog-btn {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

.post-card.card-6.card-8.card-12 .post-content .blog-btn:hover {
  border: 1px solid var(--rr-color-common-white);
}

.blog-section-13 .post-card-2 {
  background-color: var(--rr-color-bg-1);
}

.blog-section-13 .post-card-2.card-3 .post-thumb {
  margin-bottom: 0;
  height: 100%;
  position: relative;
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box {
  background-color: var(--rr-color-bg-1);
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  border-bottom: 1px solid #2D343E;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 382px) {
  .blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box {
    padding-bottom: 10px;
  }
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta {
  margin-bottom: 0;
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta .number {
  color: var(--rr-color-common-white);
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta .number span {
  color: var(--rr-color-common-white);
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta .cta i {
  color: var(--rr-color-theme-primary);
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta .cta span {
  color: var(--rr-color-common-white);
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta .cta .cta-title {
  margin-left: 5px;
}

.blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta-number {
  background-color: var(--rr-color-theme-primary);
  padding: 6px 12px 8px 16px;
}

.blog-section-13 .post-card-2 .post-content-wrap {
  padding: 30px 33px 30px 33px;
}

.blog-section-13 .post-card-2 .post-content-wrap .post-content .title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}

.blog-section-13 .post-card-2 .post-content-wrap .post-content .rr-primary-btn {
  padding: 12px 24px;
  border-radius: 100px;
}

.blog-section-15 {
  position: relative;
}

.blog-section-15 .shape-wrapper .shape {
  position: absolute;
  top: 168px;
  right: -460px;
  width: 1016px;
  height: 1016px;
  opacity: 0.43;
  border: 150px solid #3F5AF3;
  filter: blur(50px);
  border-radius: 50%;
}

.blog-section-15 .post-card-2.card-3 {
  background: #11151C;
}

.blog-section-15 .post-card-2.card-3 .post-thumb {
  margin-bottom: 0;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content {
  padding: 35px 30px 28px 30px;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .post-meta {
  margin-bottom: 10px;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .post-meta li {
  text-transform: capitalize;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .post-meta li i {
  color: var(--rr-color-theme-primary);
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .title a {
  font-size: 20px;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .btn-15 {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #3F5AF3;
  position: relative;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .btn-15::before {
  background-color: #3F5AF3;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -3px;
  left: 0;
  content: "";
  transition: all 0.3s ease-in-out;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .btn-15:hover {
  color: var(--rr-color-common-white);
  transition: all 0.3s ease-in-out;
}

.blog-section-15 .post-card-2.card-3 .post-content-wrap .post-content .btn-15:hover::before {
  background-color: var(--rr-color-common-white);
}

@media only screen and (max-width: 992px) {
  .blog-section-16__card {
    margin-bottom: 30px;
  }
}

.blog-section-16__thumb {
  margin-right: 5px;
}

@media only screen and (max-width: 992px) {
  .blog-section-16__thumb {
    margin-right: 0;
  }
}

.blog-section-16__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.blog-section-16__content .title {
  font-family: var(--rr-ff-body);
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #0F0F0F;
  margin-top: 17px;
  margin-bottom: 22px;
}

@media only screen and (max-width: 992px) {
  .blog-section-16__content .title {
    line-height: 28px;
  }
}

.blog-section-16__content .title a {
  background: linear-gradient(#0F0F0F 0%, #0F0F0F 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  color: #0E0D0D;
  transition: all 0.3s ease-in-out;
}

.blog-section-16__content .title a:hover {
  color: #0F0F0F;
  background-size: 100% 2px;
}

.blog-section-16__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}

@media (max-width: 1399px) {
  .blog-section-16__meta .avatar {
    margin-bottom: 10px;
  }
}

.blog-section-16__meta .avatar img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
}

.blog-section-16__meta .avatar span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #696969;
  display: inline-block;
  margin-left: 7px;
}

.blog-section-16__meta .avatar span strong {
  color: #0F0F0F;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.blog-section-16__meta .date span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.5);
  background: #FFFFFF;
  border: 1px solid rgba(15, 15, 15, 0.1);
  border-radius: 30px;
  padding: 4.5px 15.5px;
  display: inline-block;
}

.section-heading-16 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 55px;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.section-heading-16 .sub-title {
  font-family: var(--rr-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #3F5AF3;
  display: inline-block;
  padding: 10px 19.5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  margin-bottom: auto;
  display: flex;
}

.section-heading-16 .title {
  font-family: var(--rr-ff-body);
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: #000000;
  padding-left: 20px;
}

@media (max-width: 1199px) {
  .section-heading-16 .title {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading-16 .title {
    font-size: 28px;
    line-height: 36px;
  }

  .section-heading-16 .title br {
    display: none;
  }
}

.section-heading-16 .rr-primary-btn {
  background: #3F5AF3;
  border-radius: 30px;
  margin-bottom: auto;
  padding: 20px 31px;
}

.blog-section-17-wrapper {
  margin-top: -1px;
  margin-bottom: -1px;
}

.blog-section-17-wrapper .team-section-17-info .title {
  padding-left: 25px;
}

@media (max-width: 1199px) {
  .blog-section-17-wrapper .team-section-17-info .title {
    padding-left: 0;
  }
}

.blog-section-17-wrapper .team-section-17-info .rr-primary-btn {
  border-radius: 30px;
}

.blog-section-17-wrap {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 40px;
  margin-right: -37px;
}

@media (max-width: 1399px) {
  .blog-section-17-wrap {
    padding: 30px 10px 30px 20px;
  }
}

@media only screen and (max-width: 992px) {
  .blog-section-17-wrap {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .blog-section-17-wrap {
    padding: 30px 10px 30px 10px;
  }
}

.blog-section-17-wrap .grid-post {
  display: grid;
  align-items: center;
  grid-template-columns: 350px 1fr;
  overflow: hidden;
}

@media (max-width: 1600px) {
  .blog-section-17-wrap .grid-post {
    grid-template-columns: 310px 1fr;
  }
}

@media (max-width: 1399px) {
  .blog-section-17-wrap .grid-post {
    grid-template-columns: 290px 1fr;
  }
}

@media (max-width: 1199px) {
  .blog-section-17-wrap .grid-post {
    grid-template-columns: 220px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .blog-section-17-wrap .grid-post {
    grid-template-columns: 300px 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .blog-section-17-wrap .grid-post {
    grid-template-columns: 1fr;
  }
}

.blog-section-17-content {
  padding-left: 35px;
}

@media only screen and (max-width: 767px) {
  .blog-section-17-content {
    padding-left: 0;
  }
}

.blog-section-17-content .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 33px;
}

@media (max-width: 1199px) {
  .blog-section-17-content .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 27px;
  }
}

.blog-section-17-content .title a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog-section-17-content .title a:hover {
  color: #3F5AF3;
  background-size: 100% 2px;
}

.blog-section-17-content .post-meta {
  display: flex;
  gap: 30px;
  margin-left: 15px;
  flex-wrap: wrap;
}

.blog-section-17-content .post-meta span {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}

.blog-section-17-content .post-meta span strong {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.blog-section-17-content .post-meta span::before {
  position: absolute;
  content: "";
  left: -15px;
  top: 7px;
  height: 5px;
  width: 5px;
  background: #3F5AF3;
  border-radius: 100%;
}

@media only screen and (max-width: 767px) {
  .blog-section-17-content .post-meta span::before {
    left: -7px;
  }
}

.blog-section-17-btn .rr-primary-btn {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  color: rgba(255, 255, 255, 0.5);
  padding: 16.5px 32.4px;
}

.blog-section-17-btn .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.blog-section-17-btn .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.blog-section-17-thumb {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .blog-section-17-thumb {
    height: 250px;
    margin-bottom: 30px;
  }
}

.blog-section-17-thumb img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-section-17-item {
  margin-left: 44px;
}

@media only screen and (max-width: 992px) {
  .blog-section-17-item {
    margin-left: 0;
  }
}

.blog-section-17-item .post-thumb {
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .blog-section-17-item .post-thumb {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-section-17-item .post-thumb {
    height: 100%;
  }
}

.blog-section-17-item .post-thumb::before {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.blog-section-17-item .post-thumb img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-section-17-item .post-content {
  position: absolute;
  bottom: 45px;
  left: 40px;
  z-index: 3;
}

@media only screen and (max-width: 767px) {
  .blog-section-17-item .post-content {
    bottom: 10px;
    left: 10px;
  }
}

.blog-section-17-item .post-content .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
  margin-bottom: 35px;
}

@media (max-width: 1199px) {
  .blog-section-17-item .post-content .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 27px;
  }
}

.blog-section-17-item .post-content .title a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog-section-17-item .post-content .title a:hover {
  color: #3F5AF3;
  background-size: 100% 2px;
}

.blog-section-17-meta {
  display: flex;
  gap: 30px;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 3;
}

@media only screen and (max-width: 767px) {
  .blog-section-17-meta {
    gap: 10px;
    left: 10px;
    top: 10px;
  }
}

.blog-section-17-meta span {
  margin-left: 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  position: relative;
}

.blog-section-17-meta span::before {
  position: absolute;
  content: "";
  left: -15px;
  top: 7px;
  height: 5px;
  width: 5px;
  background: #3F5AF3;
  border-radius: 100%;
}

.section-heading-19__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 50px;
}

.section-heading-19__info .sub-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #111111;
  font-family: var(--rr-ff-body-2);
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 21px;
  padding: 6.5px 15px;
  margin: 0 0 auto;
}

.section-heading-19__info .title {
  font-weight: 400;
  font-size: 64px;
  line-height: 74px;
  font-family: var(--rr-ff-heading-2);
  padding-right: 60px;
}

@media (max-width: 1399px) {
  .section-heading-19__info .title {
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .section-heading-19__info .title {
    font-size: 35px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 992px) {
  .section-heading-19__info .title {
    font-size: 35px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .section-heading-19__info .title {
    font-size: 32px;
    line-height: 33px;
  }
}

.section-heading-19__info .decs {
  font-family: var(--rr-ff-body-2);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 auto;
}

.blog-section-19__wrapper {
  background: var(--rr-color-common-white);
  overflow: hidden;
}

.blog-section-19__thumb {
  margin-right: 5px;
}

@media only screen and (max-width: 992px) {
  .blog-section-19__thumb {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-section-19__thumb {
    height: 100%;
  }
}

.blog-section-19__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-section-19__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-section-19__video .blog-19-video {
  object-fit: cover;
  width: 100%;
  height: 488px;
}

@media (max-width: 1600px) {
  .blog-section-19__video .blog-19-video {
    height: 368px;
  }
}

@media (max-width: 1399px) {
  .blog-section-19__video .blog-19-video {
    height: 312px;
  }
}

@media (max-width: 1199px) {
  .blog-section-19__video .blog-19-video {
    height: 255px;
  }
}

@media only screen and (max-width: 992px) {
  .blog-section-19__video .blog-19-video {
    height: 100%;
  }
}

.blog-section-19__content {
  margin-top: 30px;
}

.blog-section-19__content .title {
  font-family: var(--rr-ff-heading-2);
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
  color: #111111;
  margin-bottom: 7px;
}

@media (max-width: 1399px) {
  .blog-section-19__content .title {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (max-width: 1199px) {
  .blog-section-19__content .title {
    font-size: 30px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-section-19__content .title {
    font-size: 24px;
    line-height: 28px;
  }
}

@media (max-width: 1199px) {
  .blog-section-19__content .title br {
    display: none;
  }
}

.blog-section-19__content .title a {
  background: linear-gradient(var(--rr-color-theme-primary) 0%, var(--rr-color-theme-primary) 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog-section-19__content .title a:hover {
  color: #3F5AF3;
  background-size: 100% 2px;
}

.blog-section-19__content .date h3 {
  font-family: var(--rr-ff-body-2);
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  color: #555555;
}

.blog-section-19__content .date h3 span {
  color: #111111;
}

@media only screen and (max-width: 992px) {
  .blog-section-19__item {
    margin-bottom: 30px;
  }
}

/* !END: Theme Blog CSS */
/**----------------------------------------
START: Sponsor CSS
----------------------------------------*/
.sponsor-wrap {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid var(--rr-color-bg-1);
}

@media only screen and (max-width: 767px) {
  .sponsor-wrap {
    grid-template-columns: 1fr;
  }
}

.sponsor-wrap .sponsor-item {
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

@media only screen and (max-width: 767px) {
  .sponsor-wrap .sponsor-item {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.sponsor-wrap .sponsor-item .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .sponsor-wrap .sponsor-item .title {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .sponsor-wrap .sponsor-item .title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .sponsor-wrap .sponsor-item .title {
    padding-left: 0;
  }
}

.sponsor-wrap .sponsor-item.item-1 {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .sponsor-wrap .sponsor-item.item-1 {
    text-align: center;
  }
}

.sponsor-wrap .sponsor-item:not(:last-of-type) {
  border-right: 1px solid var(--rr-color-bg-1);
}

@media only screen and (max-width: 767px) {
  .sponsor-wrap .sponsor-item:not(:last-of-type) {
    border-right: none;
    border-bottom: 1px solid var(--rr-color-bg-1);
  }
}

@media only screen and (max-width: 992px) {
  .sponsor-wrap .sponsor-item img {
    max-width: 75px;
  }
}

.sponsor-carousel-2 .sponsor-item img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.sponsor-header .title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5;
  text-transform: uppercase;
  margin-bottom: 60px;
}

.sponsor-header .title br {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sponsor-header .title {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1.7;
  }

  .sponsor-header .title br {
    display: block;
  }
}

.sponsor-card img {
  width: auto;
  height: auto;
}

.sponsor-text.text-2 .title {
  font-size: 14px;
  font-weight: 700;
}

.sponsor-carousel-2 .sponsor-item-2 img {
  height: 75px;
}

.sponsor-8 {
  background-color: var(--rr-color-theme-primary);
}

.sponsor-card-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sponsor-card-2 img {
  width: 150px;
}

/* !END: Theme Sponsor CSS */
/**----------------------------------------
    START: Page Header CSS
----------------------------------------*/
.page-header {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #237687;
}

.page-header .overlay {
  background-color: rgba(2, 5, 10, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.page-header .shape {
  position: absolute;
  z-index: -1;
}

.page-header .shape.shape-1 {
  mix-blend-mode: multiply;
  top: 0;
  right: 0;
}

.page-header .shape.shape-2 {
  bottom: 0;
  left: 0;
}

.page-header .shape.shape-3 {
  bottom: 0;
  left: 0;
}

.page-header .page-header-content {
  padding: 180px 0 100px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  .page-header .page-header-content {
    padding: 120px 0 80px 0;
  }
}

.page-header .page-header-content .title {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 767px) {
  .page-header .page-header-content .title {
    line-height: 1.3em;
  }
}

.page-header .page-header-content .title:before {
  background: linear-gradient(270deg, #237687 0%, transparent 100%);
  content: "";
  width: 100%;
  height: 76%;
  position: absolute;
  top: 15%;
  right: 0;
  z-index: -1;
  opacity: 0.95;
}

@media only screen and (max-width: 767px) {
  .page-header .page-header-content .title:before {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .page-header .page-header-content .title {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .page-header .page-header-content .title {
    font-size: 29px;
  }
}

.page-header .page-header-content .sub-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

@media only screen and (max-width: 767px) {
  .page-header .page-header-content .sub-title {
    font-size: 12px;
    letter-spacing: 1px;
  }
}

.page-header .page-header-content .sub-title .home {
  color: rgba(255, 255, 255, 0.85);
  position: relative;
  padding-right: 28px;
  margin-right: 8px;
  transition: color 0.3s ease;
}

.page-header .page-header-content .sub-title .home:hover {
  color: #fff;
}

.page-header .page-header-content .sub-title .home:before {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 11px;
  font-weight: 700;
  content: "\f324";
  color: var(--rr-color-theme-secondary);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  cursor: pointer;
}

.page-header .page-header-content .sub-title .home:hover:before {
  color: #fff;
  transform: translateY(-50%) translateX(3px);
}

.page-header .page-header-content .sub-title .inner-page {
  color: #fff;
  transition: color 0.3s ease;
}

.page-header .page-header-content .sub-title .inner-page:hover {
  color: var(--rr-color-theme-secondary);
}

@media only screen and (max-width: 767px) {
  .page-header .page-header-content .sub-title a {
    line-height: 2;
  }
}

/* !END: Page Header CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.contact-content {
  background-color: var(--rr-color-bg-1);
  padding: 40px 50px;
  border: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .contact-content {
    padding: 30px 20px;
  }
}

.contact-content .section-heading {
  margin-bottom: 30px;
}

.contact-content .section-heading .section-title {
  font-size: 36px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .contact-content .section-heading .section-title {
    font-size: 32px;
  }
}

.contact-content .contact-list .list-item {
  display: grid;
  align-items: center;
  grid-template-columns: 75px 1fr;
  grid-gap: 20px;
}

.contact-content .contact-list .list-item:not(:last-of-type) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .contact-content .contact-list .list-item {
    grid-template-columns: 1fr;
  }
}

.contact-content .contact-list .list-item .icon {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-theme-primary);
  font-size: 30px;
  height: 75px;
  width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-content .contact-list .list-item .content .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}

.contact-content .contact-list .list-item .content p {
  margin-bottom: 0;
}

.contact-content .contact-list .list-item .content a {
  display: block;
}

.contact-content .contact-list .list-item .content span {
  display: block;
}

.contact-content .contact-list .list-item:hover .icon {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.contact-wrap {
  background-color: var(--rr-color-grey-1);
  padding: 60px;
  align-items: end;
}

@media only screen and (max-width: 767px) {
  .contact-wrap {
    padding: 40px 20px;
  }
}

.contact-wrap .section-heading .section-title {
  margin: 0;
}

.blog-contact-form.form-2 {
  border: 1px solid var(--rr-color-border-1);
}

.map-wrapper {
  margin-bottom: -10px;
}

/* !END: Theme Contact CSS */
/**----------------------------------------
START: Reward CSS
----------------------------------------*/
@media only screen and (max-width: 767px) {
  .reward-section .section-heading .sub-heading {
    line-height: 1.5;
  }
}

.reward-item {
  background-color: var(--rr-color-bg-1);
  display: grid;
  align-items: center;
  grid-template-columns: 20% 1fr;
  grid-gap: 30px;
  padding: 40px 80px;
  border: 1px solid var(--rr-color-border-1);
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .reward-item {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .reward-item {
    padding: 40px 30px;
  }
}

.reward-item:not(:last-of-type) {
  margin-bottom: 25px;
}

.reward-item .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.reward-item .bg-img:before {
  background-color: #3F5AF3;
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.reward-item .reward-left .date {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.reward-item .reward-right-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

.reward-item .reward-right-wrap .reward-middle .title {
  color: #464B54;
  font-size: 54px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 992px) {
  .reward-item .reward-right-wrap .reward-middle .title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .reward-item .reward-right-wrap .reward-middle .title {
    font-size: 26px;
    line-height: 1.5;
  }
}

.reward-item .reward-right-wrap .reward-right .number {
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 700;
  height: 65px;
  width: 65px;
  display: block;
  border: 1px solid var(--rr-color-border-1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.reward-item:hover {
  border: 1px solid transparent;
}

.reward-item:hover .bg-img {
  visibility: visible;
  opacity: 1;
}

.reward-item:hover .reward-left .date {
  color: var(--rr-color-common-white);
}

.reward-item:hover .reward-middle .title {
  color: var(--rr-color-common-white);
}

.reward-item:hover .reward-right .number {
  border: 1px solid var(--rr-color-common-white);
  color: var(--rr-color-common-white);
}

/* !END: Reward CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.team-item {
  overflow: hidden;
}

.team-item .team-thumb {
  position: relative;
  height: 420px;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}

.team-item .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item .team-thumb:before {
  background: rgb(63, 90, 243);
  background: linear-gradient(0deg, rgb(63, 90, 243) 0%, rgba(63, 90, 243, 0.0088410364) 70%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -50px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item .team-thumb:after {
  background: rgb(63, 90, 243);
  background: linear-gradient(0deg, rgb(63, 90, 243) 0%, rgba(63, 90, 243, 0.0088410364) 70%);
  content: "";
  mix-blend-mode: saturation;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -50px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item .team-thumb .team-social-2 {
  list-style: none;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item .team-thumb .team-social-2 li {
  display: inline-flex;
}

.team-item .team-thumb .team-social-2 li:not(:last-of-type) {
  margin-right: 7px;
}

.team-item .team-thumb .team-social-2 li a {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  font-size: 14px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-item .team-thumb .team-social-2 li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.team-item .team-thumb:hover .team-social-2 {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.team-item .team-content .title {
  font-weight: 700;
}

.team-item .team-content span {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.team-item:hover .team-thumb {
  background-color: rgba(63, 90, 243, 0.7);
}

.team-item:hover .team-thumb img {
  mix-blend-mode: multiply;
  filter: grayscale(1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item:hover .team-thumb:after,
.team-item:hover .team-thumb:before {
  visibility: visible;
  opacity: 1;
  bottom: 0;
  transition-delay: 300ms;
}

.team-item:hover .team-thumb .team-social {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}

.team-section-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.team-item-2 {
  position: relative;
}

.team-item-2 .team-thumb {
  margin-bottom: 0;
}

.team-item-2 .team-content {
  background-color: var(--rr-color-bg-1);
  text-align: center;
  padding: 25px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  border: 1px solid var(--rr-color-border-1);
  border-top: none;
}

.team-item-2 .team-content span {
  font-size: 16px;
  color: var(--rr-color-theme-primary);
  font-weight: 400;
  text-transform: capitalize;
}

.team-item-2 .team-social-2 {
  list-style: none;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 135px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item-2 .team-social-2 li {
  display: inline-flex;
}

.team-item-2 .team-social-2 li:not(:last-of-type) {
  margin-right: 7px;
}

.team-item-2 .team-social-2 li a {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  font-size: 14px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-item-2 .team-social-2 li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.team-item-2:hover .team-social-2 {
  visibility: visible;
  opacity: 1;
  bottom: 150px;
}

.team-item-3 .team-thumb {
  position: relative;
  height: 333px;
  overflow: hidden;
}

.team-item-3 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  filter: saturate(0.6);
}

.team-item-3 .team-thumb:before {
  background: linear-gradient(180deg, rgba(14, 21, 64, 0) 0%, #3F5AF3 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-item-3 .team-thumb .team-social {
  list-style: none;
  position: absolute;
  bottom: 30px;
  left: 20px;
  z-index: 3;
}

.team-item-3 .team-thumb .team-social li {
  transform: translateX(-10px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-item-3 .team-thumb .team-social li:not(:last-of-type) {
  margin-bottom: 10px;
}

.team-item-3 .team-thumb .team-social li a {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #1E2228;
  border-radius: 50%;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.team-item-3 .team-thumb .team-social li a:hover {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

.team-item-3 .team-thumb .team-social li:nth-child(2) {
  transition-delay: 150ms;
}

.team-item-3 .team-thumb .team-social li:nth-child(3) {
  transition-delay: 200ms;
}

.team-item-3 .team-thumb .team-social li:nth-child(4) {
  transition-delay: 250ms;
}

.team-item-3 .team-thumb .team-social li:nth-child(5) {
  transition-delay: 300ms;
}

.team-item-3 .team-thumb .team-social li:nth-child(6) {
  transition-delay: 350ms;
}

.team-item-3 .team-thumb .team-social li:nth-child(7) {
  transition-delay: 400ms;
}

.team-item-3 .team-content {
  background-color: var(--rr-color-bg-1);
  padding: 30px;
}

.team-item-3 .team-content .title {
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}

.team-item-3 .team-content span {
  color: var(--rr-color-theme-primary);
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.team-item-3:hover .team-thumb img {
  filter: saturate(0);
}

.team-item-3:hover .team-thumb:before {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}

.team-item-3:hover .team-thumb .team-social li {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.team-item-wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 24px;
  padding: 0 30px;
}

@media (max-width: 1399px) {
  .team-item-wrap {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 2fr;
  }
}

@media (max-width: 1199px) {
  .team-item-wrap {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 3fr;
  }
}

@media only screen and (max-width: 767px) {
  .team-item-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 6fr;
  }
}

.team-item-4 {
  height: 420px;
  width: 100%;
  position: relative;
}

.team-item-4 .team-thumb {
  width: 100%;
  height: 100%;
}

.team-item-4 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-item-4 .team-content {
  background-color: var(--rr-color-theme-primary);
  text-align: center;
  padding: 25px 20px 20px 20px;
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team-item-4 .team-content .title {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 5px;
}

.team-item-4 .team-content .title a {
  color: var(--rr-color-common-white);
}

.team-item-4 .team-content span {
  font-family: var(--rr-ff-body);
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 500;
}

.team-item-4:hover .team-content {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}

.team-item-9 {
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 60px;
  text-align: center;
}

.team-item-9 .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.team-item-9 .category {
  font-size: 80px;
  color: rgba(255, 255, 255, 0.1);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.team-item-9 .team-thumb {
  height: 220px;
  width: 220px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 40px;
}

.team-item-9 .team-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.team-item-9 .team-content {
  padding: 0 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.team-item-9 .team-content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.team-item-9 .team-content span {
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  font-weight: 600;
}

.team-item-9 .team-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 10px;
  padding: 10px 20px;
}

.team-item-9 .team-bottom a {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: var(--rr-color-common-white);
  font-weight: 600;
}

.team-item-9 .team-bottom a:hover {
  color: var(--rr-color-theme-primary);
}

.team-item-11 {
  position: relative;
}

.team-item-11 .line-box {
  width: 90%;
  height: 437px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #2D343E;
  z-index: 6;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item-11 .team-thumb {
  height: 353px;
}

.team-item-11 .team-thumb:before {
  display: none;
}

.team-item-11 .team-thumb .team-social-2 {
  list-style: none;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 40px;
  transform: translateX(0);
  z-index: 6;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-item-11 .team-thumb .team-social-2 li {
  display: inline-flex;
}

.team-item-11 .team-thumb .team-social-2 li:not(:last-of-type) {
  margin-right: 5px;
}

.team-item-11 .team-thumb .team-social-2 li a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
  font-size: 14px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-item-11 .team-thumb .team-social-2 li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.team-item-11 .team-content {
  background-color: transparent;
  padding-left: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  z-index: 6;
}

.team-item-11:hover .team-thumb img {
  filter: inherit;
}

.team-item-11:hover .team-thumb .team-social-2 {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}

.team-item-11:hover .line-box {
  border: 1px solid var(--rr-color-theme-primary);
}

.team-card {
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}

.team-card .shape-1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}

.team-card .shape-1 img {
  width: 100%;
}

.team-card .shape-2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}

.team-card .shape-2 img {
  width: 100%;
}

.team-card .team-thumb {
  background-color: #11151C;
  border: 1px solid #2D343E;
  height: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: end;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .team-card .team-thumb {
    height: 380px;
  }
}

.team-card .team-content {
  width: 100%;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.team-card .team-content .title {
  color: var(--rr-color-common-white);
}

.team-card .team-content span {
  color: var(--rr-color-common-white);
}

.team-card .team-content .team-social {
  margin-top: 20px;
}

.team-card .team-content .team-social li {
  display: inline-flex;
  justify-content: center;
}

.team-card .team-content .team-social li:not(:last-of-type) {
  margin-right: 5px;
}

.team-card .team-content .team-social li a {
  background-color: var(--rr-color-heading-primary);
  color: var(--rr-color-common-white);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
}

.team-card .team-content .team-social li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.mb-minus-30 {
  margin-bottom: -30px;
}

.team-bg-15 {
  background-color: #02050A;
}

.text_white {
  color: var(--rr-color-common-white);
}

.section-heading-15 .sub-heading {
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .section-heading-15 .section-title {
    font-size: 28px;
  }
}

.team-section-14 .team-wrapper-15 {
  padding: 0;
  padding-bottom: 0;
}

.team-section-14 .team-wrapper-15 .team-content {
  display: flex;
  align-items: start;
  padding: 26px 30px;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}

.team-section-14 .team-wrapper-15 .team-name {
  margin-top: 0;
  text-align: start;
}

.team-section-14 .team-wrapper-15 .team-name a:hover {
  color: var(--rr-color-common-white);
}

.team-section-14 .team-wrapper-15 .team-position {
  text-align: start;
  color: var(--rr-color-text-body);
}

.team-section-14 .team-wrapper-15 .team-social a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  color: var(--rr-color-theme-primary);
  background: var(--rr-color-common-white);
}

.team-section-14 .team-wrapper-15 .team-social a i {
  font-weight: 900;
  font-size: 16px;
}

.team-section-14 .team-wrapper-15:hover .team-content {
  background-color: var(--rr-color-theme-primary);
}

.team-section-14 .team-wrapper-15:hover .team-content .team-position {
  color: var(--rr-color-common-white);
}

.team-section-14 .team-slide-14-arrow {
  width: 60px;
  height: 60px;
  top: 40%;
  right: -120px;
  display: flex;
  font-size: 16px;
  position: absolute;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  backdrop-filter: blur(60px);
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.team-section-14 .team-slide-14-arrow.swiper-prev {
  right: auto;
  left: -120px;
}

@media (max-width: 1700px) {
  .team-section-14 .team-slide-14-arrow.swiper-prev {
    left: -90px;
  }
}

@media (max-width: 1700px) {
  .team-section-14 .team-slide-14-arrow {
    right: -90px;
  }
}

@media (max-width: 1600px) {
  .team-section-14 .team-slide-14-arrow {
    display: none;
  }
}

.team-section-14 .team-slide-14-arrow:hover {
  color: var(--rr-color-theme-primary);
  background-color: var(--rr-color-common-white);
}

.team-wrapper-15 {
  padding: 20px;
  padding-bottom: 27px;
  background: var(--rr-color-bg-1);
}

.team-wrapper-15:hover .team-thumb .team-social {
  opacity: 1;
  bottom: 0;
  visibility: visible;
}

@media (max-width: 1199px) {
  .team-wrapper-15 {
    padding: 15px;
    padding-bottom: 27px;
  }
}

@media only screen and (max-width: 767px) {
  .team-wrapper-15 {
    max-width: 327px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.team-wrapper-15 .team-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  margin-bottom: 11px;
  margin-top: 25px;
}

@media (max-width: 1199px) {
  .team-wrapper-15 .team-name {
    font-size: 20px;
  }
}

.team-wrapper-15 .team-position {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
  color: var(--rr-color-theme-primary);
}

.team-wrapper-15 .team-thumb {
  text-align: center;
  overflow: hidden;
  position: relative;
}

.team-wrapper-15 .team-thumb img {
  transition: all 0.3s ease-in-out;
}

.team-wrapper-15 .team-thumb img:hover {
  transform: scale(1.1);
}

.team-wrapper-15 .team-thumb .team-social {
  opacity: 0;
  gap: 24px;
  visibility: hidden;
  padding: 8px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 203px;
  transition: all 0.3s ease-in-out;
  background-color: var(--rr-color-theme-primary);
}

.team-wrapper-15 .team-thumb .team-social a i {
  width: auto;
  height: 12px;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 992px) {
  .team-section-16__item {
    margin-bottom: 20px;
  }
}

.team-section-16__social {
  position: relative;
  z-index: 999;
}

.team-section-16__social span {
  color: #FFFFFF;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  font-size: 30px;
  cursor: pointer;
  right: 10px;
  bottom: -20px;
  position: absolute;
  z-index: 2;
  background: #1F2632;
  border: 2px solid #FFFFFF;
}

.team-section-16__social a {
  z-index: 1;
  right: 21px;
  width: 35px;
  bottom: -10px;
  height: 35px;
  display: flex;
  font-size: 18px;
  position: absolute;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  transition: all 0.3s ease-in-out;
  color: white;
  background: #1F2632;
  border: 1px solid #FFFFFF;
}

.team-section-16__social a i {
  font-size: 15px;
}

.team-section-16__social a:hover {
  background-color: #3F5AF3;
}

.team-section-16__social_2 a:hover {
  color: red;
  background-color: #3F5AF3;
}

.team-section-16__thumb img {
  border-radius: 15px;
}

.team-section-16__thumb:hover .team-section-16__social span {
  color: white;
  background-color: #3F5AF3;
}

.team-section-16__thumb:hover .team-section-16__social span i {
  font-size: 30px;
}

.team-section-16__thumb:hover .team-section-16__social a:nth-child(2) {
  right: 20px;
  bottom: 41px;
  width: 35px;
  height: 35px;
  transition: all 0.3s ease-in-out;
}

.team-section-16__thumb:hover .team-section-16__social a:nth-child(3) {
  right: 20px;
  bottom: 83px;
  transition: all 0.4s ease-in-out;
  width: 35px;
  height: 35px;
}

.team-section-16__thumb:hover .team-section-16__social a:nth-child(4) {
  right: 20px;
  bottom: 126px;
  width: 35px;
  height: 35px;
  transition: all 0.5s ease-in-out;
}

.team-section-16__thumb:hover .team-section-16__social a:nth-child(5) {
  right: 20px;
  bottom: 168px;
  width: 35px;
  height: 35px;
  transition: all 0.6s ease-in-out;
}

.team-section-16__thumb img {
  width: 100%;
  height: 100%;
}

.team-section-16__text {
  margin-top: 12px;
}

.team-section-16__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
}

.team-section-16__position {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}

.team-section-17-item {
  text-align: center;
}

.team-section-17-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 53px;
  position: relative;
  z-index: 2;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .team-section-17-info {
    gap: 20px;
    margin-bottom: 40px;
  }
}

.team-section-17-info .sub-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #3F5AF3;
  display: inline-block;
  padding: 10px 17px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 21px;
}

.team-section-17-info .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
  padding-left: 100px;
}

@media (max-width: 1399px) {
  .team-section-17-info .title {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .team-section-17-info .title {
    font-size: 27px;
    line-height: 36px;
  }
}

.team-section-17-info .decs {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

.team-section-17-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 65px;
}

@media only screen and (max-width: 767px) {
  .team-section-17-wrap {
    margin-bottom: 45px;
  }
}

.team-section-17-content {
  margin-top: 25px;
}

.team-section-17-content .title {
  font-weight: 600;
  font-size: 25px;
  line-height: 26px;
  color: #FFFFFF;
}

.team-section-17-content span {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
}

.team-section-17-thumb {
  max-width: 340px;
  max-height: 340px;
  text-align: center;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .team-section-17-thumb {
    padding: 0 10px;
  }
}

.team-section-17-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-section-17-area {
  overflow: hidden;
}

.team-section-17-area .swiper-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-section-17-area .swiper-arrow .swiper-nav {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.team-section-17-area .swiper-arrow .swiper-nav i {
  color: white;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.team-section-17-area .swiper-arrow .swiper-nav:hover {
  background: #3F5AF3;
  border: none;
}

.team-section-17-area .swiper-arrow .swiper-nav:hover i {
  color: white;
}

.team-section-17-area .swiper-arrow .swiper-nav-right {
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EEEEEE;
  border-radius: 100%;
  margin-left: -8px;
  transition: all 0.3s ease-in-out;
}

.team-section-17-area .swiper-arrow .swiper-nav-right i {
  color: white;
  font-size: 22px;
  transition: all 0.3s ease-in-out;
}

.team-section-17-area .swiper-arrow .swiper-nav-right:hover {
  background: #3F5AF3;
  border: none;
}

.team-section-17-area .swiper-arrow .swiper-nav-right:hover i {
  color: white;
}

.running-section-17 {
  margin-bottom: -1px;
}

.team-section-19__wrapper {
  background: var(--rr-color-common-white);
}

.team-section-19__thumb {
  position: relative;
}

.team-section-19__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-section-19__thumb:hover .team-section-19__content {
  opacity: 1;
  visibility: visible;
  bottom: 35px;
}

@media only screen and (max-width: 992px) {
  .team-section-19__item {
    margin-bottom: 40px;
  }
}

.team-section-19__content {
  position: absolute;
  background: #3F5AF3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 15.5px 25px;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.team-section-19__content .name {
  font-family: var(--rr-ff-heading-2);
  font-weight: 400;
  font-size: 32px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .team-section-19__content .name {
    font-size: 25px;
    line-height: 30px;
  }
}

.team-section-19__content .name a {
  transition: all 0.3s ease-in-out;
}

.team-section-19__content .name:hover a {
  color: #000000;
}

.team-section-19__content span {
  font-family: var(--rr-ff-body-2);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
}

/* !END: Team CSS */
/**----------------------------------------
START: Counter CSS
----------------------------------------*/
.counter-item {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .counter-item {
    justify-content: center;
  }
}

.counter-item .title {
  color: var(--rr-color-theme-primary);
  font-size: 120px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

@media (max-width: 1199px) {
  .counter-item .title {
    font-size: 66px;
  }
}

@media only screen and (max-width: 992px) {
  .counter-item .title {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item .title {
    font-size: 65px;
  }
}

.counter-item .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.counter-item .title .odometer-digit-spacer {
  padding-right: 2px;
}

.counter-item p {
  font-size: 20px;
  color: var(--rr-color-common-white);
  margin-bottom: 0;
  margin-left: -20px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .counter-item p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .counter-item p {
    font-size: 15px;
    line-height: 1.2;
  }

  .counter-item p br {
    display: block;
  }
}

.counter-2 {
  padding: 100px 0;
}

@media only screen and (max-width: 992px) {
  .counter-2 {
    padding: 40px 0;
  }
}

.counter-area {
  background-color: var(--rr-color-bg-1);
  border-top: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 992px) {
  .counter-area {
    padding: 70px 0;
  }
}

.counter-container {
  max-width: 1760px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

.counter-card-2 {
  display: flex;
  align-items: center;
  column-gap: 25px;
  border-right: 1px solid var(--rr-color-border-1);
  padding: 80px 0;
}

@media (max-width: 1600px) {
  .counter-card-2 {
    flex-direction: column;
    row-gap: 20px;
    align-items: start;
    padding-left: 40px;
  }
}

@media (max-width: 1199px) {
  .counter-card-2 {
    padding-right: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .counter-card-2 {
    border-right: none;
    padding: 0;
  }
}

.counter-card-2.item-4 {
  border-right: none;
}

.counter-card-2.card-space {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 992px) {
  .counter-card-2.card-space {
    padding: 0;
  }
}

.counter-card-2 .title {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}

@media (max-width: 1700px) {
  .counter-card-2 .title {
    font-size: 40px;
  }
}

.counter-card-2 .title .odometer-auto-theme {
  line-height: 1;
  font-family: inherit;
}

.counter-card-2 .counter-right .sub-title {
  font-size: 24px;
  margin-bottom: 15px;
}

.counter-card-2 .counter-right p {
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .counter-card-2 .counter-right p br {
    display: none;
  }
}

.counter-content-left-2 {
  position: relative;
  z-index: 1;
  max-width: 630px;
  width: 100%;
}

.counter-content-left-2 p {
  color: #74787C;
}

.counter-box-wrapper {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 278px;
  max-width: 678px;
  width: 100%;
}

@media (max-width: 1199px) {
  .counter-box-wrapper {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .counter-box-wrapper {
    grid-template-columns: 1fr;
  }
}

.counter-box-wrapper .counter-box-wrap {
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .counter-box-wrapper .counter-box-wrap {
    padding: 50px 20px;
  }
}

.counter-box-wrapper .counter-box-wrap .counter-box {
  display: grid;
  align-items: center;
  grid-template-columns: 85px 1fr;
  grid-gap: 30px;
}

.counter-box-wrapper .counter-box-wrap .counter-box:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #1F242E;
}

.counter-box-wrapper .counter-box-wrap .counter-box .icon {
  background-color: var(--rr-color-theme-primary);
  height: 85px;
  width: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  grid-gap: 30px;
}

.counter-box-wrapper .counter-box-wrap .counter-box .content .title {
  font-family: var(--rr-ff-heading);
  font-size: 48px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.counter-box-wrapper .counter-box-wrap .counter-box .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.counter-box-wrapper .counter-box-wrap .counter-box .content p {
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}

.content-box-img {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .content-box-img {
    height: 350px;
  }
}

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

.counter-area-7 {
  background-color: var(--rr-color-bg-1);
  padding: 80px 0;
}

.counter-card-3 {
  padding: 0;
  border-right: none;
}

@media only screen and (max-width: 992px) {
  .counter-card-3 {
    justify-content: center;
    align-items: center;
  }
}

.counter-card-3 .title {
  line-height: 1;
}

@media only screen and (max-width: 992px) {
  .counter-card-3 .counter-right {
    text-align: center;
  }
}

.counter-card-3 .counter-right .sub-title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.counter-card-3 .counter-right p {
  color: var(--rr-color-common-white);
  font-size: 14px;
  line-height: 1.5;
}

.counter-card-3 .counter-right p br {
  display: block;
}

.counter-item-wrap {
  border-bottom: 1px solid #2D343E;
}

/* !END: Counter CSS */
/**----------------------------------------
START: Newsletter CSS
----------------------------------------*/
.newsletter-form {
  position: relative;
}

.newsletter-form .form-control {
  background-color: #0A0D13;
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-border-1);
  box-shadow: none;
  outline: none;
  padding: 24.5px 290px 24.5px 70px;
  border-radius: 0;
}

.newsletter-form .form-control::-webkit-input-placeholder {
  background-color: #0A0D13;
  color: var(--rr-color-common-white);
}

.newsletter-form .form-control:-moz-placeholder {
  background-color: #0A0D13;
  color: var(--rr-color-common-white);
}

.newsletter-form .form-control::-moz-placeholder {
  background-color: #0A0D13;
  color: var(--rr-color-common-white);
}

.newsletter-form .form-control:-ms-input-placeholder {
  background-color: #0A0D13;
  color: var(--rr-color-common-white);
}

.newsletter-form .form-control:focus {
  background-color: #0A0D13;
}

@media only screen and (max-width: 767px) {
  .newsletter-form .form-control {
    padding: 24.5px 20px;
  }
}

.newsletter-form .icon {
  color: var(--rr-color-common-white);
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .newsletter-form .icon {
    display: none;
  }
}

.newsletter-form .submit-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.newsletter-form .submit-btn .rr-primary-btn {
  padding: 19.5px 30px;
}

@media only screen and (max-width: 767px) {
  .newsletter-form .submit-btn {
    margin-top: 20px;
    position: inherit;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}

/* !END: Newsletter CSS */
/**----------------------------------------
START: Brand CSS
----------------------------------------*/
.brand-section {
  overflow: hidden;
}

.brand-wrap {
  background-color: var(--rr-color-bg-1);
  max-width: 1840px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.brand-wrap .round-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.brand-wrap .brand-img-wrap {
  background-color: var(--rr-color-bg-1);
  mask-image: url(../img/images/mask-img-1.png);
  mask-repeat: no-repeat;
  mask-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.brand-wrap .brand-img-wrap .brand-img {
  position: relative;
  height: 100%;
  width: 100%;
}

.brand-wrap .brand-img-wrap .brand-img:before {
  background-color: #3F5AF3;
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.brand-wrap .brand-img-wrap .brand-img img {
  width: 883px;
  height: 640px;
  position: absolute;
  top: -7%;
  right: -3%;
  object-position: center;
  object-fit: cover;
  filter: saturate(0);
}

.brand-content .section-heading .section-title {
  margin-bottom: 30px;
}

.brand-content .section-heading p {
  margin-bottom: 30px;
  max-width: 690px;
  width: 100%;
}

.brand-content .brand-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 30px;
  list-style: none;
  position: relative;
  z-index: 1;
}

.brand-content .brand-list li:not(:last-of-type) {
  margin-right: 100px;
}

@media (max-width: 1199px) {
  .brand-content .brand-list li:not(:last-of-type) {
    margin-right: 50px;
  }
}

.brand-content .brand-list li a {
  display: block;
  max-width: 76px;
  width: 100%;
  height: 76px;
}

.brand-2 {
  background-color: #05080E;
}

.client-section-16-area {
  overflow: hidden;
}

.client-section-16-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 900px;
}

@media (max-width: 1399px) {
  .client-section-16-wrapper {
    height: 750px;
  }
}

@media (max-width: 1199px) {
  .client-section-16-wrapper {
    height: 650px;
  }
}

@media only screen and (max-width: 992px) {
  .client-section-16-wrapper {
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .client-section-16-wrapper {
    height: 300px;
  }
}

.client-section-16-wrapper img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}

@media only screen and (max-width: 992px) {
  .client-section-16-wrapper img {
    transform: translateY(0) !important;
  }
}

.client-section-16-inner {
  position: absolute;
  bottom: 0;
  left: 300px;
  max-width: 1620px;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  border-radius: 15px 0 0 0;
  margin: 0 0 0 auto;
}

@media (max-width: 1399px) {
  .client-section-16-inner {
    left: 150px;
  }
}

@media only screen and (max-width: 992px) {
  .client-section-16-inner {
    left: 0px;
  }
}

.client-section-16-inner .clients-wrapper {
  display: flex;
  margin-left: 15px;
}

.client-section-16-inner .client-box {
  padding: 35px 0;
  margin-right: 45px;
}

@media only screen and (max-width: 767px) {
  .client-section-16-inner .client-box {
    margin-right: 20px;
  }
}

.client-section-16-inner .video-wrapper-box {
  display: flex;
  align-items: center;
  padding-left: 35px;
  padding-right: 35px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.client-section-16-inner .video-wrapper-box i {
  color: #000000;
  font-size: 29px;
}

.clients-wrapper .swiper .swiper-wrapper .swiper-slide {
  width: auto !important;
}

.clients-wrapper .h1-brand__slider .swiper-wrapper {
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: space-between;
  transition-timing-function: linear;
}

.clients-wrapper .h1-brand__slider .swiper-wrapper .swiper-slide {
  width: auto;
}

/* !END: Brand CSS */
/**----------------------------------------
START: Cta CSS
----------------------------------------*/
.cta-wrap .section-heading .section-title {
  font-size: 60px;
}

@media (max-width: 1199px) {
  .cta-wrap .section-heading .section-title {
    max-width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .cta-wrap .section-heading .section-title {
    font-size: 32px;
  }
}

.cta-wrap .cta-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-wrap .cta-thumb-wrap img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  filter: grayscale(1);
}

.cta-wrap .cta-thumb-wrap .cta-btn {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  height: 120px;
  width: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #02050A;
  font-size: 30px;
  margin-left: -50px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cta-wrap .cta-thumb-wrap .cta-btn i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cta-wrap .cta-thumb-wrap .cta-btn:hover i {
  transform: rotate(0);
}

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

.service-cta .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: saturate(0);
}

.service-cta .overlay {
  background-color: var(--rr-color-theme-primary);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.service-cta-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 100px 0;
  flex-wrap: wrap;
  row-gap: 30px;
}

@media only screen and (max-width: 992px) {
  .service-cta-wrap {
    padding: 60px 0;
  }
}

.service-cta-wrap .section-heading .sub-heading {
  color: var(--rr-color-common-white);
}

.service-cta-wrap .section-heading .sub-heading:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.service-cta-wrap .cta-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-common-white);
}

.service-cta-wrap .cta-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.service-cta-wrap .cta-btn:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.cta-section-5 {
  position: relative;
  z-index: 1;
}

.cta-section-5 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-section-5 .overlay {
  background: #3F5AF3;
  mix-blend-mode: multiply;
  transform: rotate(180deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-section-5 .overlay-2 {
  background: linear-gradient(266.79deg, #1C1C1C 51.86%, rgba(28, 28, 28, 0.32) 78.29%);
  mix-blend-mode: difference;
  opacity: 0.47;
  transform: rotate(180deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-section-5 .overlay-3 {
  background: linear-gradient(266.79deg, #1C1C1C 51.86%, rgba(28, 28, 28, 0.32) 78.29%);
  mix-blend-mode: multiply;
  opacity: 0.15;
  transform: rotate(180deg);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-wrap-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 40px;
}

.cta-wrap-5 .section-heading .sub-heading {
  color: var(--rr-color-common-white);
}

.cta-wrap-5 .section-heading .sub-heading:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.cta-wrap-5 .cta-btn .rr-primary-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(8.5px);
  border-radius: 100px;
  padding: 18px 30px;
}

.cta-section-7 {
  position: relative;
  z-index: 1;
}

.cta-section-7 .bg-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: saturate(0);
}

.cta-section-7 .bg-item .overlay {
  background: #BCC6FF;
  mix-blend-mode: multiply;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-section-7 .bg-item .round-shape {
  background: #3F5AF3;
  mix-blend-mode: multiply;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 940px;
  height: 870px;
  border-radius: 50%;
}

.cta-section-7 .bg-item .round-shape-2 {
  background: rgba(4, 12, 56, 0.2);
  mix-blend-mode: multiply;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 966px;
  height: 1070px;
  border-radius: 50%;
}

.cta-content-wrap {
  padding: 50px 0;
}

.cta-content-wrap .title {
  font-size: 80px;
  font-weight: 800;
  margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
  .cta-content-wrap .title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-content-wrap .title {
    font-size: 36px;
  }
}

.cta-content-wrap .cta-btn .rr-primary-btn {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
}

.cta-content-wrap .cta-btn .rr-primary-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.cta-content-wrap .cta-btn .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.cta-8 .bg-img {
  filter: saturate(0);
}

.cta-8 .overlay {
  background: rgba(7, 10, 22, 0.86);
  mix-blend-mode: normal;
  transform: rotate(180deg);
}

.cta-8 .overlay-2 {
  background: linear-gradient(266.79deg, #1C1C1C 51.86%, rgba(28, 28, 28, 0.32) 78.29%);
  mix-blend-mode: difference;
  opacity: 0.47;
  transform: rotate(180deg);
}

.cta-8 .overlay-3 {
  background: linear-gradient(266.79deg, #1C1C1C 51.86%, rgba(28, 28, 28, 0.32) 78.29%);
  mix-blend-mode: multiply;
  opacity: 0.15;
  transform: rotate(180deg);
}

.cta-wrap-8 .cta-btn .rr-primary-btn {
  border-radius: 0;
}

.cta-contact-area {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
}

.cta-contact-area:before {
  background-color: #02050A;
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-contact-wrap {
  background-color: var(--rr-color-theme-primary);
  padding: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .cta-contact-wrap {
    padding: 100px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-contact-wrap {
    padding: 50px 20px;
  }
}

.cta-contact-wrap .cta-contact-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  max-width: 550px;
  height: 100%;
  width: 100%;
}

@media (max-width: 1199px) {
  .cta-contact-wrap .cta-contact-img {
    right: -22%;
  }
}

@media (max-width: 1199px) {
  .cta-contact-wrap .cta-contact-img {
    display: none;
  }
}

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

.cta-contact-wrap .section-heading .sub-heading {
  color: var(--rr-color-common-white);
}

.cta-contact-wrap .section-heading .sub-heading:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}

.cta-contact-wrap .section-heading .section-title {
  font-size: 40px;
}

@media only screen and (max-width: 767px) {
  .cta-contact-wrap .section-heading .section-title {
    font-size: 32px;
  }
}

.cta-contact-wrap .cta-contact-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 20px;
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-btn .rr-primary-btn {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-btn .rr-primary-btn:before {
  background-color: var(--rr-color-bg-1);
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-btn .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-info {
  display: grid;
  align-items: center;
  grid-template-columns: 55px 1fr;
  grid-gap: 20px;
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-info .icon {
  background-color: var(--rr-color-common-white);
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-color-theme-primary);
  border-radius: 50%;
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-info .content span {
  color: var(--rr-color-common-white);
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

.cta-contact-wrap .cta-contact-btn-wrap .cta-contact-info .content a {
  color: var(--rr-color-common-white);
  font-weight: 700;
  font-size: 24px;
}

.cta-contact-wrap-2 {
  overflow: hidden;
}

.cta-contact-wrap-2 .cta-contact-img-2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

@media (max-width: 1199px) {
  .cta-contact-wrap-2 .cta-contact-img-2 {
    max-width: 600px;
  }
}

@media only screen and (max-width: 992px) {
  .cta-contact-wrap-2 .cta-contact-img-2 {
    display: none;
  }
}

.cta-contact-wrap-2 .cta-contact-img-2 img {
  height: 100%;
  object-fit: cover;
}

.cta-section-13 .section-heading .sub-heading {
  margin-bottom: 0;
  margin-bottom: 10px;
}

.cta-section-13 .section-heading .section-title {
  font-size: 40px;
}

.cta-section-14 .cta-wrap-5 {
  display: block;
}

.cta-section-14 .cta-wrap-5 .section-heading .sub-heading {
  margin-bottom: 8px;
  padding: 0;
}

.cta-section-14 .cta-wrap-5 .section-heading .sub-heading::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  .cta-section-14 .cta-wrap-5 .section-heading .section-title {
    font-size: 26px;
  }
}

.cta-section-14 .cta-wrap-5 .cta-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-top: 33px;
}

.cta-section-14 .cta-wrap-5 .cta-btn .cta-btn-14 {
  background-color: var(--rr-color-common-white);
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  color: var(--rr-color-heading-primary);
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

.cta-section-14 .cta-wrap-5 .cta-btn .cta-btn-14:hover {
  color: var(--rr-color-theme-primary);
}

.cta-section-14 .cta-wrap-5 .cta-btn .cta-btn-14 i {
  color: var(--rr-color-theme-primary);
  margin-right: 7px;
}

.cta-section-bg-15 {
  position: relative;
  overflow: hidden;
  padding-top: 115px;
}

@media only screen and (max-width: 992px) {
  .cta-section-bg-15 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section-bg-15 {
    padding-top: 70px;
  }
}

.cta-section-bg-15::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(17, 21, 28, 0.88) 0%, var(--rr-color-bg-1) 100%);
}

.cta-section-bg-15 .cta-wrap-15 {
  padding-bottom: 115px;
}

@media only screen and (max-width: 992px) {
  .cta-section-bg-15 .cta-wrap-15 {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section-bg-15 .cta-wrap-15 {
    padding-bottom: 50px;
  }
}

.cta-section-bg-15 .cta-btn-wrap-15 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.cta-section-bg-15 .cta-btn-wrap-15 .rr-primary-btn {
  padding: 17px 32.2px;
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call .cta-call-icon span {
  width: 50px;
  height: 50px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call .cta-call-info span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: block;
  margin-top: 3px;
  color: var(--rr-color-text-body);
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call .cta-call-info .contact {
  display: flex;
  align-items: end;
  margin-bottom: 8px;
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call .cta-call-info .contact span {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--rr-color-theme-primary);
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call .cta-call-info .contact a {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--rr-color-theme-primary);
}

.cta-section-bg-15 .cta-btn-wrap-15 .cta-call .cta-call-info .contact a:hover {
  color: var(--rr-color-common-white);
}

.cta-section-bg-15 .brand-wrap-15 {
  padding: 52.5px 0;
  position: relative;
  border-top: 1px solid var(--rr-color-grey-2);
}

@media only screen and (max-width: 992px) {
  .cta-section-bg-15 .brand-wrap-15 {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .cta-section-bg-15 .brand-wrap-15 {
    padding: 19px 0;
  }
}

.cta-section-bg-15 .brand-wrap-15 .swiper-wrapper {
  display: flex;
  align-items: center;
  transition-timing-function: linear;
}

.cta-section-bg-15 .brand-wrap-15 .swiper-wrapper .swiper-slide {
  width: auto;
}

/* !END: Cta CSS */
/**----------------------------------------
    START: Pricing CSS
----------------------------------------*/
.pricing-tab .nav-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-tab .nav-wrap .nav-tabs {
  background-color: var(--rr-color-common-white);
  display: inline-flex;
  align-items: center;
  border-bottom: none;
  border-radius: 100px;
  padding: 10px;
  margin-bottom: 30px;
}

.pricing-tab .nav-wrap .nav-tabs .nav-link {
  color: var(--rr-color-heading-primary);
  font-size: 16px;
  font-weight: 600;
  border-radius: 100px;
  border: none;
  margin: 0 auto;
  margin-bottom: 0;
}

.pricing-tab .nav-wrap .nav-tabs .nav-link.active {
  background-color: rgba(63, 90, 243, 0.1);
  color: var(--rr-color-heading-primary);
  border: none;
  margin-bottom: 0;
}

.pricing-tab .nav-wrap .nav-tabs .nav-link span {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  font-size: 12px;
  padding: 3px 10px;
  font-weight: 700;
  border-radius: 100px;
}

.tab-pane.active.show .row {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fade-in-bottom;
  animation-name: fade-in-bottom;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: both;
  transition: all 0.8s ease-in-out;
  transition-duration: 2000ms;
  animation-delay: 0.1s;
}

.pricing-item {
  background-color: var(--rr-color-bg-1);
  padding: 40px 50px;
  border: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .pricing-item {
    padding: 30px 20px;
  }
}

.pricing-item .plan {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

.pricing-item .price {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}

.pricing-item span {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 500;
}

.pricing-item .pricing-btn-wrap {
  margin: 30px 0 35px 0;
}

.pricing-item .pricing-btn-wrap .pricing-btn {
  width: 100%;
  justify-content: center;
}

.pricing-item .pricing-btn-wrap .pricing-btn:before {
  background-color: var(--rr-color-common-white);
}

.pricing-item .pricing-btn-wrap .pricing-btn:hover {
  color: var(--rr-color-heading-primary);
}

.pricing-item .pricing-btn-wrap .pricing-btn:not(:last-of-type) {
  margin-bottom: 10px;
}

.pricing-item .pricing-btn-wrap .pricing-btn:nth-child(2) {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
}

.pricing-item .pricing-btn-wrap .pricing-btn:nth-child(2):before {
  background-color: var(--rr-color-theme-primary);
}

.pricing-item .pricing-btn-wrap .pricing-btn:nth-child(2):hover {
  color: var(--rr-color-common-white);
}

.pricing-item .feature {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.pricing-item p {
  font-size: 16px;
}

.pricing-item p:last-child {
  margin-bottom: 0;
}

.pricing-item-wrap {
  margin-left: 50px;
}

@media only screen and (max-width: 992px) {
  .pricing-item-wrap {
    margin-left: 0;
  }
}

.pricing-item-2 {
  background-color: var(--rr-color-bg-1);
  padding: 40px 100px 40px 50px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

@media only screen and (max-width: 767px) {
  .pricing-item-2 {
    padding: 40px 20px;
  }
}

.pricing-item-2:not(:last-of-type) {
  margin-bottom: 24px;
}

.pricing-item-2 .pricing-left .price {
  font-size: 48px;
  color: var(--rr-color-theme-primary);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
}

.pricing-item-2 .pricing-left .title {
  font-size: 24px;
  color: var(--rr-color-common-white);
  margin-bottom: 30px;
}

.pricing-item-2 .pricing-left .rr-primary-btn {
  padding: 22px 50px;
}

.pricing-item-2 .pricing-list {
  list-style: none;
}

.pricing-item-2 .pricing-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.pricing-item-2 .pricing-list li i {
  color: var(--rr-color-theme-primary);
}

.pricing-item-2 .pricing-list li:not(:last-of-type) {
  margin-bottom: 10px;
}

.py-200 {
  padding: 100px 0;
}

.pricing__card {
  border: 1px solid #2d343e;
  padding: 60px 60px 60px 51px;
  background: #11151C;
}

@media only screen and (max-width: 767px) {
  .pricing__card {
    padding: 30px;
  }
}

.pricing__content_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.pricing__content_wrap .pricing__sub-title {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}

.pricing__content_wrap .pricing__curency {
  font-weight: 700;
  font-size: 40px;
  color: #fff;
}

.pricing__content_wrap .pricing__curency sub {
  font-weight: 400;
  font-size: 16px;
}

.pricing__content_wrap .pricing__badge_text {
  font-weight: 600;
  font-size: 16px;
  color: #3f5af3;
  border: 1px solid #3f5af3;
  border-radius: 100px;
  background-color: #fff;
  padding: 7px 21px;
  display: inline-block;
}

.pricing__list {
  padding: 25px 0;
  margin-top: 27px;
  border-top: 1px solid #2d343e;
}

.pricing__list .pricing__list_title {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.pricing__list ul {
  padding-left: 20px;
}

.pricing__list ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 212%;
  letter-spacing: -0.02em;
  color: #b0b2b7;
}

.pricing__btn__wrap .rr-primary-btn {
  width: 100%;
  justify-content: center;
}

.pricing_z_index {
  z-index: 99;
  position: relative;
}

.overley__color {
  position: relative;
}

.overley__color::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.98) 0%, rgba(28, 34, 61, 0.96) 100%);
}

/* !END: Pricing CSS */
/**----------------------------------------
    START: Appointment CSS
----------------------------------------*/
.appointment-section {
  overflow: hidden;
}

.appointment-wrap {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
}

.appointment-wrap:after {
  background-color: var(--rr-color-bg-1);
  content: "";
  height: 100%;
  width: 3000px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.appointment-wrap>div {
  padding: 0;
}

.appointment-wrap .appointment-img {
  width: 100%;
  height: 100%;
  max-width: 560px;
}

@media only screen and (max-width: 992px) {
  .appointment-wrap .appointment-img {
    height: 600px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-img {
    height: 450px;
  }
}

.appointment-wrap .appointment-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.appointment-wrap .appointment-content {
  padding-left: 70px;
}

@media (max-width: 1399px) {
  .appointment-wrap .appointment-content {
    padding-left: 40px;
    padding-right: 30px;
  }
}

@media (max-width: 1199px) {
  .appointment-wrap .appointment-content {
    padding: 30px 20px 70px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-content {
    padding: 30px 20px 70px 20px;
  }
}

@media (max-width: 1199px) {
  .appointment-wrap .appointment-content .section-heading {
    margin-bottom: 30px;
  }
}

.appointment-wrap .appointment-content .section-heading .section-title {
  line-height: 1.5;
}

@media (max-width: 1199px) {
  .appointment-wrap .appointment-content .section-heading .section-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .appointment-wrap .appointment-content .section-heading .section-title {
    font-size: 24px;
  }
}

.appointment-wrap .appointment-content .appointment-form .form-control {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-common-white);
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 18px 20px;
  margin-bottom: 25px;
}

.appointment-wrap .appointment-content .appointment-form .form-control::-webkit-input-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
}

.appointment-wrap .appointment-content .appointment-form .form-control:-moz-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
}

.appointment-wrap .appointment-content .appointment-form .form-control::-moz-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
}

.appointment-wrap .appointment-content .appointment-form .form-control:-ms-input-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
}

/* !END: Appointment CSS */
/**----------------------------------------
    START: Case Study CSS
----------------------------------------*/
.cs-item {
  background-color: var(--rr-color-bg-1);
  padding: 40px;
}

@media only screen and (max-width: 992px) {
  .cs-item {
    padding: 20px;
  }
}

.cs-item .cs-thumb {
  position: relative;
}

.cs-item .cs-thumb:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cs-item .cs-thumb .cs-btn {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 120px;
  width: 120px;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  transition-delay: 200ms;
}

.cs-item .cs-thumb .cs-btn i {
  transform: rotate(-45deg);
}

.cs-item .cs-thumb .cs-btn:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 992px) {
  .cs-item .cs-thumb .cs-btn {
    height: 80px;
    width: 80px;
    font-size: 30px;
  }
}

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

.cs-item .cs-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 15px;
  column-gap: 20px;
  margin-top: 40px;
}

@media only screen and (max-width: 992px) {
  .cs-item .cs-content {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-item .cs-content {
    column-gap: 10px;
  }
}

.cs-item .cs-content span {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
  font-size: 14px;
  font-weight: 700;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.cs-item .cs-content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .cs-item .cs-content .title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .cs-item .cs-content .title {
    font-size: 15px;
  }
}

.cs-item:hover .cs-thumb:before {
  visibility: visible;
  opacity: 1;
}

.cs-item:hover .cs-thumb .cs-btn {
  transform: translate(-50%, -50%) scale(1);
}

.cs-item:hover .cs-content span {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

/* !END: Case Study CSS */
/**----------------------------------------
    START: Grow CSS
----------------------------------------*/
.grow-item {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 30px;
}

@media only screen and (max-width: 767px) {
  .grow-item {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}

.grow-item .grow-icon {
  background: radial-gradient(50% 5688.89% at 50% 50%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #3E3E3E;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.grow-item .grow-icon svg {
  color: var(--rr-color-common-white);
}

.grow-item .grow-content .top-content {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.grow-item .grow-content .top-content .title {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .grow-item .grow-content .top-content .title {
    font-size: 30px;
  }
}

.grow-item .grow-content .top-content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.grow-item .grow-content .top-content .title .odometer-digit-spacer {
  padding-right: 2px;
}

.grow-item .grow-content .top-content p {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 10px;
}

@media (max-width: 1199px) {
  .grow-item .grow-content p br {
    display: none;
  }
}

.grow-item .grow-content p:last-child {
  margin-bottom: 0;
}

.growth-content {
  max-width: 590px;
  width: 100%;
}

.growth-content .growth-items {
  margin-bottom: 50px;
}

.growth-content .growth-items .growth-item {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 30px;
}

.growth-content .growth-items .growth-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #1E2228;
}

@media only screen and (max-width: 767px) {
  .growth-content .growth-items .growth-item {
    grid-template-columns: 1fr;
  }
}

.growth-content .growth-items .growth-item .number {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #1E2228;
}

.growth-content .growth-items .growth-item .content .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.growth-content .growth-items .growth-item .content p {
  margin-bottom: 0;
}

.growth-img-wrap {
  max-width: 690px;
  width: 100%;
  height: 624px;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .growth-img-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .growth-img-wrap {
    height: 450px;
  }
}

.growth-img-wrap .growth-img-1 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 553px;
  width: 100%;
  height: 100%;
}

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

.growth-img-wrap .growth-img-2 {
  max-width: 246px;
  width: 100%;
  height: 246px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.growth-img-wrap .growth-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 7px solid var(--rr-color-bg-1);
}

.growth-img-wrap .growth-text {
  position: absolute;
  bottom: 20%;
  right: -50%;
}

@media only screen and (max-width: 992px) {
  .growth-img-wrap .growth-text {
    right: -10%;
  }
}

@media only screen and (max-width: 767px) {
  .growth-img-wrap .growth-text {
    display: none;
  }
}

.growth-img-wrap .growth-text span {
  font-family: var(--rr-ff-heading);
  color: var(--rr-color-theme-primary);
  font-size: 150px;
  font-weight: 700;
  text-transform: uppercase;
}

.grow-section-2 {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
}

.grow-section-2 .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

/* !END: Grow CSS */
/**----------------------------------------
START: Sidebar CSS
----------------------------------------*/
#sidebar-overlay,
.sidebar-trigger,
.sidebar-area {
  display: none;
}

.sidebar-trigger {
  display: block;
}

.sidebar-area {
  background-color: var(--rr-color-bg-1);
  border-left: 1px solid var(--rr-color-border-1);
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: 450px;
  height: 100%;
  z-index: 99;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-y: auto;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  padding: 60px 40px;
}

.open-sidebar .sidebar-area {
  right: 0;
  visibility: visible;
  transform: translate(0);
}

.sidebar-trigger.close {
  position: absolute;
  right: 30px;
  top: 63px;
  color: var(--grey-color);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sidebar-trigger.close:hover {
  color: var(--rr-color-theme-primary);
}

.sidebar-trigger.close svg {
  fill: currentColor;
  stroke: none;
  width: 20px;
  height: 20px;
}

.sidebar-content .site-logo {
  margin-bottom: 40px;
}

.sidebar-content .site-logo img {
  max-width: 200px;
}

.sidebar-content .sidebar-info li {
  font-size: 18px;
}

.sidebar-content .sidebar-social li {
  display: inline-block;
  margin: 0 3px;
  padding-top: 30px;
}

.sidebar-content .sidebar-social li a {
  display: inline-block;
  border: 1px solid var(--border-1);
  font-size: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.sidebar-content .sidebar-social li a:after {
  background-color: var(--primary-color);
  width: 40px;
  height: 40px;
  border-radius: 59%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.sidebar-content .sidebar-social li a:hover {
  border: 1px solid var(--primary-color);
  color: #fff;
}

.sidebar-content .sidebar-social li:hover a:after {
  visibility: visible;
  opacity: 1;
  transition: 0.4s;
  transform: translate(-50%, -50%) scale(1);
}

.sidebar-content .list-post-area {
  margin: 50px 0 20px 0;
}

/*Scrollbar Style*/
.sidebar-area::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.sidebar-area::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #ccc;
}

.sidebar-area::selection {
  background-color: #999;
  color: #fff;
}

.sidebar-area-webkit-::selection {
  background-color: #999;
  color: #fff;
}

.sidebar-area::-moz-selection {
  background-color: #999;
  color: #fff;
}

#sidebar-overlay {
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: all 0s ease-in-out;
  width: calc(100% - 400px);
  z-index: -1;
}

.open-sidebar #sidebar-overlay {
  opacity: 1;
  z-index: 1002;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.3s;
}

@media (max-width: 992px) {
  .sidebar-content .list-post-area.list-2 {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }

  .sidebar-area {
    width: 400px;
    padding: 60px 30px;
    justify-content: center;
  }

  .side-menu-logo {
    margin-bottom: 50px;
  }

  .side-menu-wrap {
    margin-bottom: 70px;
  }

  .side-menu-header h3 {
    display: none;
  }

  .side-menu-list li a {
    font-size: 14px;
  }

  .side-menu-list li p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .sidebar-area {
    width: 320px;
    padding: 60px 20px 60px 20px;
  }

  .sidebar-content .list-post-area.list-2 .list-post-card .post-img {
    height: 90px;
    width: 90px;
  }

  .sidebar-content .list-post-area.list-2 .list-post-card {
    grid-template-columns: 90px 1fr;
  }
}

.side-menu-logo {
  max-width: 150px;
}

.side-menu-about {
  margin: 50px 0 50px 0;
}

@media only screen and (max-width: 992px) {
  .side-menu-about {
    display: none;
  }
}

.side-menu-about p {
  margin: 25px 0;
}

.side-menu-header h3 {
  font-size: 30px;
  font-weight: 600px;
  line-height: 1;
  font-weight: 600;
}

.side-menu-content .side-menu-header,
.side-menu-about .side-menu-header {
  margin-bottom: 20px;
}

.side-menu-list {
  margin: 25px 0 35px 0;
}

.side-menu-list li {
  display: flex;
  align-items: center;
}

.side-menu-list li:not(:last-of-type) {
  margin-bottom: 20px;
}

.side-menu-list li i {
  background-color: var(--rr-color-theme-primary);
  font-size: 12px;
  color: var(--rr-color-common-white);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid var(--rr-color-border-1);
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}

.side-menu-list li:hover i {
  background-color: var(--rr-color-theme-primary);
  color: #fff;
}

.side-menu-list li p {
  padding-left: 10px;
  margin-bottom: 0;
}

.side-menu-list li a {
  font-size: 16px;
  color: var(--rr-color-text-body);
  padding-left: 10px;
}

.side-menu-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.side-menu-social {
  margin-top: 40px;
  list-style: none;
}

.side-menu-social li {
  display: inline-flex;
}

.side-menu-social li:not(:last-of-type) {
  margin-right: 10px;
}

.side-menu-social li a {
  background-color: var(--rr-color-border-1);
  font-size: 17px;
  color: var(--rr-color-common-white);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rr-color-border-1);
}

.side-menu-social li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

/* !END: Sidebar CSS */
/**----------------------------------------
    START: Service Details CSS
----------------------------------------*/
.sidebar-content-wrap {
  padding-right: 30px;
}

@media only screen and (max-width: 992px) {
  .sidebar-content-wrap {
    padding-right: 0;
  }
}

.service-details-img {
  height: 500px;
  width: 100%;
  margin-bottom: 40px;
}

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

.service-details-content .title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .service-details-content .title {
    font-size: 24px;
  }
}

.service-details-content .service-details-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .service-details-content .service-details-items {
    grid-template-columns: 1fr;
  }
}

.service-details-content .service-details-items .service-details-item {
  background-color: var(--rr-color-bg-1);
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 30px;
  padding: 30px;
  border: 1px solid var(--rr-color-border-1);
}

@media (max-width: 1199px) {
  .service-details-content .service-details-items .service-details-item {
    grid-template-columns: 1fr;
  }
}

.service-details-content .service-details-items .service-details-item .icon svg {
  color: var(--rr-color-theme-primary);
}

.service-details-content .service-details-items .service-details-item .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.service-details-content .service-details-items .service-details-item p:last-child {
  margin-bottom: 0;
}

.service-details-content .details-box-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

@media only screen and (max-width: 767px) {
  .service-details-content .details-box-wrap {
    grid-template-columns: 1fr;
  }
}

.service-details-content .details-box-wrap .details-box {
  background-color: var(--rr-color-bg-1);
  padding: 30px;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 30px;
  border: 1px solid var(--rr-color-border-1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
  .service-details-content .details-box-wrap .details-box {
    grid-template-columns: 1fr;
  }
}

.service-details-content .details-box-wrap .details-box span {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  display: block;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.service-details-content .details-box-wrap .details-box .content .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.service-details-content .details-box-wrap .details-box .content p:last-child {
  margin-bottom: 0;
}

.service-details-content .details-box-wrap .details-box:hover {
  border-left: 1px solid var(--rr-color-theme-primary);
}

.service-widget {
  background-color: var(--rr-color-bg-1);
  padding: 35px 40px;
  border: 1px solid var(--rr-color-border-1);
}

.service-widget:not(:last-of-type) {
  margin-bottom: 40px;
}

.service-widget .widget-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}

.service-widget .category-list {
  list-style: none;
}

.service-widget .category-list li:not(:last-of-type) {
  margin-bottom: 15px;
}

.service-widget .category-list li a {
  background-color: #191F27;
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  padding: 10px 25px;
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.service-widget .category-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.service-widget .category-list li.active a {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.download-area .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.download-area .download-item:not(:last-of-type) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.download-area .download-item .left-item {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.download-area .download-item .left-item .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
}

.download-area .download-item .left-item a {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.download-area .download-item .download-btn {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-area .download-item .download-btn:hover {
  background-color: #191F27;
}

/* !END: Service Details CSS */
/**----------------------------------------
START: Blog Details CSS
----------------------------------------*/
.blog-details-wrap {
  padding-right: 31px;
  border-right: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 992px) {
  .blog-details-wrap {
    padding-right: 0;
    border-right: none;
  }
}

.blog-details-img {
  width: 100%;
  height: 500px;
}

.blog-details-img img {
  height: 100%;
  width: 100%;
  /* object-fit: cover; */
  object-position: top;
}

@media only screen and (max-width: 992px) {
  .blog-details-img {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details-img {
    height: 300px;
  }
}

@media only screen and (max-width: 992px) {
  .blog-details-content {
    margin-bottom: 40px;
  }
}

.blog-details-content .details-title {
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
}

@media only screen and (max-width: 992px) {
  .blog-details-content .details-title {
    font-size: 24px;
  }
}

.blog-details-content .details-img-wrap {
  display: flex;
  align-items: center;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 24px;
}

.blog-details-content .details-img-wrap img {
  max-width: 430px;
  width: 100%;
}

@media (max-width: 1199px) {
  .blog-details-content .details-img-wrap img {
    max-width: 280px;
  }
}

@media only screen and (max-width: 992px) {
  .blog-details-content .details-img-wrap img {
    max-width: 350px;
  }
}

.blog-details-content .blog-details-thumb {
  height: 400px;
  width: 100%;
}

.blog-details-content .blog-details-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-details-thumb {
    height: 300px;
  }
}

blockquote {
  background-color: var(--rr-color-bg-1);
  display: grid;
  align-items: center;
  grid-template-columns: 150px 1fr;
}

@media only screen and (max-width: 767px) {
  blockquote {
    grid-template-columns: 1fr;
  }
}

blockquote .icon {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  font-size: 40px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  blockquote .icon {
    padding: 30px 0;
  }
}

blockquote .content {
  padding: 35px 40px;
}

blockquote .content p {
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
  text-transform: uppercase;
  margin-bottom: 20px;
}

blockquote .content .author {
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  position: relative;
  padding-left: 50px;
  line-height: 1;
}

blockquote .content .author:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  width: 30px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.tags {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 30px;
}

.tags .tag-left {
  display: flex;
  align-items: center;
}

.tags .tag-left .tag-list {
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}

.tags .tag-left .tag-list li a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--rr-color-common-white);
  padding: 12px 30px;
  border: 1px solid var(--rr-color-border-1);
  border-radius: 100px;
}

.tags .tag-left .tag-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.tags .social-list-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.tags .social-list-wrap .follow {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.tags .social-list-wrap .social-list {
  display: flex;
  align-items: center;
  column-gap: 15px;
  list-style: none;
}

.tags .social-list-wrap .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.tags .social-list-wrap .social-list li a {
  color: var(--rr-color-common-white);
  font-size: 15px;
}

.tags .social-list-wrap .social-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.next-prev-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 30px 0;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
  margin: 50px 0 0 0;
}

.next-prev-wrap .post-btn {
  margin-bottom: 0;
}

.next-prev-wrap .post-btn a {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 600;
  column-gap: 10px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.next-prev-wrap .post-btn a:hover {
  color: var(--rr-color-theme-primary);
}

.next-prev-wrap .post-btn a .icon {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--rr-color-border-1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.next-prev-wrap .post-btn a .icon:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.blog-author-wrap {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.blog-author-item {
  background-color: var(--rr-color-bg-1);
  border: 1px solid var(--rr-color-border-1);
  padding: 40px;
  display: grid;
  align-items: center;
  grid-template-columns: 200px 1fr;
  grid-gap: 35px;
}

@media only screen and (max-width: 767px) {
  .blog-author-item {
    grid-template-columns: 1fr;
    grid-gap: 25px;
    padding: 25px;
  }
}

.blog-author-item .author-img {
  max-width: 200px;
  height: 170px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .blog-author-item .author-img {
    max-width: 100%;
  }
}

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

.blog-author-item .content .name {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.blog-author-item .content p {
  margin-bottom: 25px;
}

.blog-author-item .content .social-list {
  display: flex;
  align-items: center;
  list-style: none;
}

.blog-author-item .content .social-list li a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-bg-1);
  font-size: 13px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-author-item .content .social-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.blog-author-item .content .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.comments-area .section-heading .section-title {
  font-size: 40px;
}

@media only screen and (max-width: 992px) {
  .comments-area .section-heading .section-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .comments-area .section-heading .section-title {
    font-size: 26px;
  }
}

.comment-item {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 110px 1fr;
  grid-gap: 25px;
}

@media only screen and (max-width: 767px) {
  .comment-item {
    grid-template-columns: 1fr;
  }
}

.comment-item .reply {
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .comment-item .reply {
    position: inherit;
    top: 0;
    left: 0;
    margin-top: 20px;
  }
}

.comment-item .comment-thumb img {
  height: 100%;
  width: 110px;
  object-fit: cover;
  object-position: top;
}

.comment-item .comment-info .comments-meta {
  margin-bottom: 10px;
}

.comment-item .comment-info .comments-meta span {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.comment-item .comment-info .author {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.comment-item .comment-info p {
  font-size: 16px;
  margin-bottom: 0;
}

.comment-item.item-2 {
  padding-left: 135px;
}

@media only screen and (max-width: 767px) {
  .comment-item.item-2 {
    padding-left: 0;
  }
}

.comment-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.blog-contact-form {
  background-color: var(--rr-color-bg-1);
  padding: 75px 70px;
}

@media only screen and (max-width: 767px) {
  .blog-contact-form {
    padding: 30px 20px;
  }
}

.blog-contact-form .title {
  font-size: 40px;
  font-weight: 700;
}

@media only screen and (max-width: 992px) {
  .blog-contact-form .title {
    font-size: 28px;
  }
}

.blog-contact-form p {
  margin-bottom: 30px;
}

.blog-contact-form .request-form .form-item {
  position: relative;
}

.blog-contact-form .request-form .form-item .form-control {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
  box-shadow: none;
  border: none;
  padding: 15.5px 30px;
  border-radius: 0;
  margin-bottom: 25px;
  width: 100%;
}

.blog-contact-form .request-form .form-item .form-control::-webkit-input-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.blog-contact-form .request-form .form-item .form-control:-moz-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.blog-contact-form .request-form .form-item .form-control::-moz-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.blog-contact-form .request-form .form-item .form-control:-ms-input-placeholder {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 400;
}

.blog-contact-form .request-form .form-item .form-control.nice-select {
  height: auto;
  line-height: inherit;
  padding: 15.5px 30px;
}

.blog-contact-form .request-form .form-item .form-control.nice-select:after {
  top: 46%;
  width: 10px;
  height: 10px;
  border-color: var(--rr-color-text-body);
  border-bottom: 1px solid var(--rr-color-text-body);
  border-right: 1px solid var(--rr-color-text-body);
  right: 35px;
}

.blog-contact-form .request-form .form-item .form-control.nice-select .list {
  background-color: var(--rr-color-border-1);
  width: 100%;
}

.blog-contact-form .request-form .form-item .form-control.nice-select .list li {
  padding-left: 30px;
}

.blog-contact-form .request-form .form-item .icon {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.blog-contact-form .request-form .form-item.message-item .icon {
  top: 25px;
}

.sidebar-widget {
  padding-left: 10px;
}

.sidebar-widget:not(:last-of-type) {
  margin-bottom: 50px;
}

@media only screen and (max-width: 992px) {
  .sidebar-widget {
    padding-left: 0;
  }
}

.sidebar-widget .search-form {
  position: relative;
}

.sidebar-widget .search-form .form-control {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  font-size: 16px;
  border: none;
  border-bottom: 1px solid var(--rr-color-border-1);
  border-radius: 0;
  box-shadow: none;
  padding: 15px 0;
  padding-left: 20px;
  padding-right: 30px;
}

.sidebar-widget .search-form .form-control::-webkit-input-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
}

.sidebar-widget .search-form .form-control:-moz-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
}

.sidebar-widget .search-form .form-control::-moz-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
}

.sidebar-widget .search-form .form-control:-ms-input-placeholder {
  color: var(--rr-color-common-white);
  font-size: 16px;
}

.sidebar-widget .search-form .search-btn {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  height: 100%;
  width: 55px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.sidebar-widget .widget-title {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 30px;
}

.sidebar-widget.blog-author img {
  height: 220px;
  width: 220px;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.sidebar-widget.blog-author .name {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.sidebar-widget.blog-author p {
  margin-bottom: 25px;
}

.sidebar-widget.blog-author .social-list {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

.sidebar-widget.blog-author .social-list li a {
  color: var(--rr-color-common-white);
  font-size: 15px;
  /* display: block; */
}

.sidebar-widget.blog-author .social-list li:not(:last-of-type) {
  margin-right: 15px;
}

.sidebar-widget .category-list {
  list-style: none;
}

.sidebar-widget .category-list li:not(:last-of-type) {
  /* margin-bottom: 15px; */
}

.sidebar-widget .category-list li a {
  background-color: var(--rr-color-bg-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid var(--rr-color-border-1);
  padding: 12px 20px;
}

.sidebar-widget .category-list li a:not(:last-of-type) {
  margin-bottom: 20px;
}

.sidebar-widget .category-list li a i {
  color: var(--rr-color-theme-primary);
}

.sidebar-widget .category-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.sidebar-widget .category-list li a:hover i {
  color: var(--rr-color-common-white);
}

.sidebar-widget .blog-gallery-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 10px;
}

@media (max-width: 1399px) {
  .sidebar-widget .blog-gallery-wrap {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 992px) {
  .sidebar-widget .blog-gallery-wrap {
    display: flex;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
}

.sidebar-widget .blog-gallery-wrap .gallary-img {
  height: 100px;
  width: 100px;
}

.sidebar-widget .tags {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 20px;
  list-style: none;
  column-gap: 0;
  margin: 0;
}

.sidebar-widget .tags li:not(:last-of-type) {
  margin-right: 10px;
}

.sidebar-widget .tags li a {
  font-family: var(--rr-ff-body);
  font-size: 14px;
  font-weight: 600;
  padding: 8px 20px;
  border: 1px solid var(--rr-color-border-1);
}

.sidebar-widget .tags li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

.sidebar-widget .sidebar-post {
  display: grid;
  align-items: center;
  grid-template-columns: 95px 1fr;
  grid-gap: 0px;
}

.sidebar-widget .sidebar-post:not(:last-of-type) {
  margin-bottom: 20px;
}

.sidebar-widget .sidebar-post img {
  width: 100px;
  height: 100%;
  object-fit: cover;
}

.sidebar-widget .sidebar-post .post-content {
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content {
    padding-left: 10px;
  }
}

.sidebar-widget .sidebar-post .post-content .post-meta {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 5px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content .post-meta {
    column-gap: 5px;
  }
}

.sidebar-widget .sidebar-post .post-content .post-meta li {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  column-gap: 10px;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content .post-meta li {
    font-size: 13px;
  }
}

.sidebar-widget .sidebar-post .post-content .title {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-post .post-content .title {
    font-size: 14px;
  }
}

.sidebar-widget .sidebar-post .post-content .title a:hover {
  color: var(--rr-color-theme-primary);
}

/* Blog default tables — dark / light */
.blog-details .blog-details-content table,
.blog-details .blog-details-content .wp-block-table table,
.blog-details .entry-content table,
.article-details-page .blog-details-content table {
  width: 100%;
  max-width: 100%;
  margin: 1.5rem 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  border-radius: 0;
  border: 1px solid var(--rr-color-theme-primary, #237687);
}

.blog-details .blog-details-content .wp-block-table,
.blog-details .entry-content .wp-block-table,
.article-details-page .blog-details-content .wp-block-table,
.blog-details .blog-details-content > .table-responsive,
.blog-details .entry-content > .table-responsive {
  margin: 1.5rem 0;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.blog-details .blog-details-content .wp-block-table table,
.blog-details .entry-content .wp-block-table table,
.article-details-page .blog-details-content .wp-block-table table {
  margin: 0;
  width: 100%;
  min-width: 0;
}

.blog-details .blog-details-content table th,
.blog-details .blog-details-content table td,
.blog-details .blog-details-content .wp-block-table table th,
.blog-details .blog-details-content .wp-block-table table td,
.blog-details .entry-content table th,
.blog-details .entry-content table td,
.article-details-page .blog-details-content table th,
.article-details-page .blog-details-content table td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.55;
  border: 1px solid var(--rr-color-theme-primary, #237687);
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  min-width: 0;
  max-width: 100%;
}

.blog-details .blog-details-content table th,
.blog-details .blog-details-content .wp-block-table table th,
.blog-details .entry-content table th,
.article-details-page .blog-details-content table th {
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-sbold, 600);
}

.blog-details .blog-details-content table caption,
.blog-details .entry-content table caption,
.article-details-page .blog-details-content table caption {
  caption-side: bottom;
  padding-top: 12px;
  font-size: 14px;
  text-align: left;
}

.blog-details .blog-details-content table a,
.blog-details .entry-content table a,
.article-details-page .blog-details-content table a {
  color: var(--rr-color-theme-primary, #237687);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-details .blog-details-content table a:hover,
.blog-details .entry-content table a:hover,
.article-details-page .blog-details-content table a:hover {
  color: var(--rr-color-theme-primary, #237687);
  opacity: 0.85;
}

/* Dark */
[data-theme=dark] .blog-details .blog-details-content table,
[data-theme=dark] .blog-details .blog-details-content .wp-block-table table,
[data-theme=dark] .blog-details .entry-content table,
[data-theme=dark] .article-details-page .blog-details-content table,
.blog-details .blog-details-content table,
.blog-details .blog-details-content .wp-block-table table,
.blog-details .entry-content table,
.article-details-page .blog-details-content table {
  background-color: transparent;
  border-color: var(--rr-color-theme-primary, #237687);
}

[data-theme=dark] .blog-details .blog-details-content table th,
[data-theme=dark] .blog-details .blog-details-content .wp-block-table table th,
[data-theme=dark] .blog-details .entry-content table th,
[data-theme=dark] .article-details-page .blog-details-content table th,
.blog-details .blog-details-content table th,
.blog-details .blog-details-content .wp-block-table table th,
.blog-details .entry-content table th,
.article-details-page .blog-details-content table th {
  color: var(--rr-color-common-white, #ffffff);
  background-color: rgba(35, 118, 135, 0.18);
  border-color: var(--rr-color-theme-primary, #237687);
}

[data-theme=dark] .blog-details .blog-details-content table td,
[data-theme=dark] .blog-details .blog-details-content .wp-block-table table td,
[data-theme=dark] .blog-details .entry-content table td,
[data-theme=dark] .article-details-page .blog-details-content table td,
.blog-details .blog-details-content table td,
.blog-details .blog-details-content .wp-block-table table td,
.blog-details .entry-content table td,
.article-details-page .blog-details-content table td {
  color: var(--rr-color-text-body, #B0B2B7);
  background-color: transparent;
  border-color: var(--rr-color-theme-primary, #237687);
}

[data-theme=dark] .blog-details .blog-details-content table tr:nth-child(even) td,
[data-theme=dark] .blog-details .entry-content table tr:nth-child(even) td,
[data-theme=dark] .article-details-page .blog-details-content table tr:nth-child(even) td,
.blog-details .blog-details-content table tr:nth-child(even) td,
.blog-details .entry-content table tr:nth-child(even) td,
.article-details-page .blog-details-content table tr:nth-child(even) td {
  background-color: rgba(35, 118, 135, 0.06);
}

[data-theme=dark] .blog-details .blog-details-content table tr:hover td,
[data-theme=dark] .blog-details .entry-content table tr:hover td,
[data-theme=dark] .article-details-page .blog-details-content table tr:hover td,
.blog-details .blog-details-content table tr:hover td,
.blog-details .entry-content table tr:hover td,
.article-details-page .blog-details-content table tr:hover td {
  color: var(--rr-color-common-white, #ffffff);
  background-color: rgba(35, 118, 135, 0.12);
}

[data-theme=dark] .blog-details .blog-details-content table caption,
[data-theme=dark] .blog-details .entry-content table caption,
[data-theme=dark] .article-details-page .blog-details-content table caption,
.blog-details .blog-details-content table caption,
.blog-details .entry-content table caption,
.article-details-page .blog-details-content table caption {
  color: var(--rr-color-text-body, #B0B2B7);
}

/* Light */
[data-theme=light] .blog-details .blog-details-content table,
[data-theme=light] .blog-details .blog-details-content .wp-block-table table,
[data-theme=light] .blog-details .entry-content table,
[data-theme=light] .article-details-page .blog-details-content table {
  background-color: #ffffff;
  border-color: var(--rr-color-theme-primary, #237687);
}

[data-theme=light] .blog-details .blog-details-content table th,
[data-theme=light] .blog-details .blog-details-content .wp-block-table table th,
[data-theme=light] .blog-details .entry-content table th,
[data-theme=light] .article-details-page .blog-details-content table th {
  color: var(--rr-color-heading-primary, #11151C);
  background-color: rgba(35, 118, 135, 0.1);
  border-color: var(--rr-color-theme-primary, #237687);
}

[data-theme=light] .blog-details .blog-details-content table td,
[data-theme=light] .blog-details .blog-details-content .wp-block-table table td,
[data-theme=light] .blog-details .entry-content table td,
[data-theme=light] .article-details-page .blog-details-content table td {
  color: var(--rr-color-text-body-light, #74787C);
  background-color: #ffffff;
  border-color: var(--rr-color-theme-primary, #237687);
}

[data-theme=light] .blog-details .blog-details-content table tr:nth-child(even) td,
[data-theme=light] .blog-details .entry-content table tr:nth-child(even) td,
[data-theme=light] .article-details-page .blog-details-content table tr:nth-child(even) td {
  background-color: rgba(35, 118, 135, 0.04);
}

[data-theme=light] .blog-details .blog-details-content table tr:hover td,
[data-theme=light] .blog-details .entry-content table tr:hover td,
[data-theme=light] .article-details-page .blog-details-content table tr:hover td {
  color: var(--rr-color-heading-primary, #11151C);
  background-color: rgba(35, 118, 135, 0.08);
}

[data-theme=light] .blog-details .blog-details-content table caption,
[data-theme=light] .blog-details .entry-content table caption,
[data-theme=light] .article-details-page .blog-details-content table caption {
  color: var(--rr-color-text-body-light, #74787C);
}

/* Tablet — compact, all columns fit */
@media only screen and (max-width: 991px) {
  .blog-details .blog-details-content,
  .blog-details .entry-content,
  .article-details-page .blog-details-content {
    overflow-x: visible;
  }

  .blog-details .blog-details-content table,
  .blog-details .blog-details-content .wp-block-table table,
  .blog-details .entry-content table,
  .article-details-page .blog-details-content table {
    display: table;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    margin: 1.25rem 0;
  }

  .blog-details .blog-details-content .wp-block-table,
  .blog-details .entry-content .wp-block-table,
  .article-details-page .blog-details-content .wp-block-table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .blog-details .blog-details-content table th,
  .blog-details .blog-details-content table td,
  .blog-details .blog-details-content .wp-block-table table th,
  .blog-details .blog-details-content .wp-block-table table td,
  .blog-details .entry-content table th,
  .blog-details .entry-content table td,
  .article-details-page .blog-details-content table th,
  .article-details-page .blog-details-content table td {
    padding: 10px 8px;
    font-size: 13px;
    line-height: 1.45;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    hyphens: auto;
  }
}

/* Mobile — tighter cells so every column stays visible */
@media only screen and (max-width: 767px) {
  .blog-details .blog-details-content table,
  .blog-details .blog-details-content .wp-block-table table,
  .blog-details .entry-content table,
  .article-details-page .blog-details-content table {
    display: table;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    margin: 1rem 0;
  }

  .blog-details .blog-details-content .wp-block-table,
  .blog-details .entry-content .wp-block-table,
  .article-details-page .blog-details-content .wp-block-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .blog-details .blog-details-content table th,
  .blog-details .blog-details-content table td,
  .blog-details .blog-details-content .wp-block-table table th,
  .blog-details .blog-details-content .wp-block-table table td,
  .blog-details .entry-content table th,
  .blog-details .entry-content table td,
  .article-details-page .blog-details-content table th,
  .article-details-page .blog-details-content table td {
    padding: 8px 5px;
    font-size: 11px;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    hyphens: auto;
  }

  .blog-details .blog-details-content table caption,
  .blog-details .entry-content table caption,
  .article-details-page .blog-details-content table caption {
    font-size: 12px;
    padding-top: 8px;
  }
}

/* Extra-small phones */
@media only screen and (max-width: 480px) {
  .blog-details .blog-details-content table th,
  .blog-details .blog-details-content table td,
  .blog-details .blog-details-content .wp-block-table table th,
  .blog-details .blog-details-content .wp-block-table table td,
  .blog-details .entry-content table th,
  .blog-details .entry-content table td,
  .article-details-page .blog-details-content table th,
  .article-details-page .blog-details-content table td {
    padding: 6px 4px;
    font-size: 10px;
    line-height: 1.35;
  }
}

/* !END: Theme Blog Details CSS */
/**----------------------------------------
    START: Team Details CSS
----------------------------------------*/
.author-wrap {
  background-color: var(--rr-color-bg-1);
  padding: 60px;
}

@media (max-width: 1199px) {
  .author-wrap {
    padding: 60px 30px;
  }
}

@media only screen and (max-width: 992px) {
  .author-wrap {
    padding: 50px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .author-wrap {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 992px) {
  .author-wrap .author-img {
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .author-wrap .author-content {
    margin-top: 40px;
  }
}

.author-wrap .author-content .name {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .author-wrap .author-content .name {
    font-size: 32px;
  }
}

.author-wrap .author-content .name span {
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

.author-wrap .author-content p {
  margin-bottom: 40px;
}

.author-wrap .author-content .author-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .author-wrap .author-content .author-items {
    grid-template-columns: 1fr;
  }
}

.author-wrap .author-content .author-items .author-item {
  padding: 30px 0;
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
  grid-gap: 15px;
}

.author-wrap .author-content .author-items .author-item .icon {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.author-wrap .author-content .author-items .author-item .content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .author-wrap .author-content .author-items .author-item .content h4 {
    font-size: 15px;
  }
}

.author-wrap .author-content .author-items .author-item .content h4 span {
  color: var(--rr-color-text-body);
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.author-wrap .author-content .author-items .author-item:nth-child(1) {
  border-bottom: 1px solid var(--rr-color-border-1);
  border-right: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .author-wrap .author-content .author-items .author-item:nth-child(1) {
    border: none;
    padding-left: 0;
  }
}

.author-wrap .author-content .author-items .author-item:nth-child(2) {
  padding-left: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .author-wrap .author-content .author-items .author-item:nth-child(2) {
    border: none;
    padding-left: 0;
  }
}

.author-wrap .author-content .author-items .author-item:nth-child(3) {
  border-right: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .author-wrap .author-content .author-items .author-item:nth-child(3) {
    border: none;
    padding-left: 0;
  }
}

.author-wrap .author-content .author-items .author-item:nth-child(4) {
  padding-left: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .author-wrap .author-content .author-items .author-item:nth-child(4) {
    border: none;
    padding-left: 0;
  }
}

.author-wrap .author-content .author-items .author-item:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-1);
}

.expertise-content {
  padding-right: 30px;
}

@media only screen and (max-width: 992px) {
  .expertise-content {
    padding-right: 0;
  }
}

.expertise-content .section-heading {
  margin-bottom: 40px;
}

.expertise-content .section-heading .section-title {
  margin-bottom: 30px;
}

.details-progress {
  list-style: none;
}

.details-progress .skills-item {
  overflow: hidden;
}

.details-progress .skills-item:not(:last-of-type) {
  margin-bottom: 40px;
}

.details-progress .skills-item .title {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.details-progress .skills-item .progress {
  height: 5px;
  overflow: visible;
}

.details-progress .skills-item .progress .progress-bar {
  background-color: var(--rr-color-theme-primary);
  position: relative;
  overflow: visible;
}

.details-progress .skills-item .progress .progress-bar span {
  position: absolute;
  top: -38px;
  right: -15px;
  font-size: 16px;
  font-weight: 600;
  color: var(--rr-color-common-white);
}

.expertise-img-wrap {
  max-width: 665px;
  height: 600px;
  width: 100%;
  position: relative;
  padding-left: 30px;
}

@media (max-width: 1199px) {
  .expertise-img-wrap {
    margin: 0 auto;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .expertise-img-wrap {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .expertise-img-wrap {
    margin-top: 0;
  }
}

.expertise-img-wrap .bg-shape {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.expertise-img-wrap .exp-img {
  position: absolute;
  filter: saturate(0);
  z-index: 1;
}

.expertise-img-wrap .exp-img.img-1 {
  height: 220px;
  width: 220px;
  border-radius: 50%;
  top: 20px;
  left: 80px;
}

@media only screen and (max-width: 767px) {
  .expertise-img-wrap .exp-img.img-1 {
    left: 50%;
    transform: translateX(-50%);
  }
}

.expertise-img-wrap .exp-img.img-2 {
  height: 280px;
  width: 280px;
  top: 50px;
  right: 50px;
}

@media only screen and (max-width: 767px) {
  .expertise-img-wrap .exp-img.img-2 {
    display: none;
  }
}

.expertise-img-wrap .exp-img.img-3 {
  height: 290px;
  width: 290px;
  bottom: 30px;
  left: 60px;
}

@media only screen and (max-width: 767px) {
  .expertise-img-wrap .exp-img.img-3 {
    left: 50%;
    transform: translateX(-50%);
  }
}

/* !END: Team Details CSS */
/**----------------------------------------
    START: Project Details CSS
----------------------------------------*/
.project-details-content .project-details-img {
  height: 700px;
  width: 100%;
}

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

@media only screen and (max-width: 992px) {
  .project-details-content .project-details-img {
    height: 500px;
  }
}

@media only screen and (max-width: 992px) {
  .project-details-content .project-details-img {
    height: 400px;
  }
}

.project-details-content .project-details-items {
  background-color: var(--rr-color-bg-1);
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 25px;
  column-gap: 20px;
  margin-top: 30px;
  margin-bottom: 65px;
  border: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 992px) {
  .project-details-content .project-details-items {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .project-details-content .project-details-items {
    padding: 40px 20px;
  }
}

.project-details-content .project-details-items .project-details-item {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr;
  grid-gap: 20px;
}

.project-details-content .project-details-items .project-details-item .icon {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-common-white);
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.project-details-content .project-details-items .project-details-item .content span {
  display: block;
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .project-details-content .project-details-items .project-details-item .content span {
    font-size: 12px;
  }
}

.project-details-content .project-details-items .project-details-item .content .item-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .project-details-content .project-details-items .project-details-item .content .item-title {
    font-size: 15px;
  }
}

.project-details-content .details-title {
  font-size: 30px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .project-details-content .details-title {
    font-size: 22px;
  }
}

.project-details-wrap {
  margin-top: 70px;
}

.project-details-wrap .project-details-left {
  padding-right: 20px;
}

@media only screen and (max-width: 992px) {
  .project-details-wrap .project-details-left {
    padding-bottom: 40px;
    padding-right: 0;
  }
}

.project-details-wrap .project-details-left .details-item:not(:last-of-type) {
  margin-bottom: 50px;
}

.project-details-wrap .project-details-left .details-item .details-title {
  margin-bottom: 30px;
}

.project-details-wrap .project-details-left .details-item p {
  margin-bottom: 0;
}

.project-details-wrap .project-details-left .details-item p span {
  color: var(--rr-color-theme-primary);
}

.project-details-wrap .project-details-left .details-item p.desc {
  margin-bottom: 30px;
}

.project-details-wrap .project-details-thumb .details-thumb:not(:last-of-type) {
  margin-bottom: 25px;
}

@media only screen and (max-width: 992px) {
  .project-details-wrap .project-details-thumb .details-thumb {
    text-align: center;
  }
}

/* !END: Project Details CSS */
/**----------------------------------------
    START: Shop CSS
----------------------------------------*/
.shop-top {
  margin-bottom: 30px;
}

.shop-top .left-content {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.shop-top .select-control {
  background-color: transparent;
  border: 1px solid var(--rr-color-border-1);
  padding: 14px 30px;
  padding-right: 60px;
  height: auto;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.shop-top .select-control:after {
  border: none;
  height: auto;
  width: auto;
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "\f0d7";
  color: var(--rr-color-text-body);
  position: absolute;
  top: 63%;
  right: 20px;
  transform: translateY(-50%);
}

.shop-top .select-control .list {
  background-color: var(--rr-color-bg-1);
  width: 100%;
}

.shop-top .select-control.open:after {
  transform: translateY(-50%);
}

.shop-item {
  background-color: var(--rr-color-bg-1);
  padding: 30px;
}

.shop-item .shop-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.shop-item .shop-thumb img {
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.shop-item .shop-thumb .overlay {
  background-color: rgba(11, 11, 16, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.shop-item .shop-thumb .sale {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 5px 20px;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 2;
}

.shop-item .shop-thumb .shop-list {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}

.shop-item .shop-thumb .shop-list li {
  display: inline-flex;
}

.shop-item .shop-thumb .shop-list li:not(:last-of-type) {
  margin-right: 10px;
}

.shop-item .shop-thumb .shop-list li a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-bg-1);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.shop-item .shop-thumb .shop-list li a i {
  line-height: 1;
  display: block;
}

.shop-item .shop-thumb .shop-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.shop-item .shop-content {
  margin-top: 30px;
}

.shop-item .shop-content .category {
  font-size: 12px;
  font-weight: 600;
  color: var(--rr-color-text-body);
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.shop-item .shop-content .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

.shop-item .shop-content .title span {
  color: var(--rr-color-theme-primary);
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.shop-item .shop-content .title span .offer {
  margin-top: 0;
  margin-right: 10px;
  text-decoration: line-through;
  color: var(--rr-color-text-body);
}

.shop-item:hover .shop-thumb img {
  transform: scale(1.05);
}

.shop-item:hover .shop-thumb .overlay {
  visibility: visible;
  opacity: 1;
}

.shop-item:hover .shop-thumb .shop-list {
  top: 50%;
  visibility: visible;
  opacity: 1;
}

.tab-navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.tab-navigation button {
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 0;
  margin-right: 30px;
  padding-bottom: 10px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tab-navigation button:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--rr-color-theme-primary);
  transition: 0.5s;
  opacity: 0;
}

.tab-navigation button.active:after {
  opacity: 1;
  width: 100%;
}

.tab-navigation button.active,
.tab-navigation button:hover {
  color: var(--rr-color-theme-primary);
}

/*** 7.2 - Tab Description ***/
.tab-content .tab-pane {
  margin-top: 40px;
}

.description-meta {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 10px;
}

.description-meta li span {
  color: var(--rr-color-theme-primary);
  font-weight: 600;
  margin-right: 5px;
}

/*** 7.3 - Tab Additional Information ***/
.product-table {
  background-color: var(--rr-color-bg-1);
  margin: 0;
  margin-top: 40px;
  --bs-table-bg: transparent;
}

.product-table:not(caption)>*>* {
  border-bottom: 1px solid var(--rr-color-border-1);
}

.product-table> :not(:last-child)> :last-child>* {
  border-color: rgba(255, 255, 255, 0.1);
}

.product-table tbody tr td,
.product-table thead tr th {
  text-align: center;
}

.product-table tbody tr td:not(:last-of-type),
.product-table thead tr th:not(:last-of-type) {
  border-right: 1px solid var(--rr-color-border-1);
}

.product-table tbody tr td:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-1);
}

.product-table thead tr th {
  color: var(--rr-color-theme-primary);
}

.product-table tbody tr td {
  padding: 15px 0;
  color: #fff;
}

/*** 7.4 - Tab Review ***/
.review .comment-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.review .comment-list>li {
  background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.3) 50%, rgba(105, 85, 180, 0.1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 30px;
  align-items: center;
  padding: 40px;
}

.review .comment-list .comment-thumb img {
  border-radius: 50%;
}

.review .comment-list .comment-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review .comment-list .comment-text h3 span {
  font-size: 14px;
  font-weight: 600;
  color: #ddd;
  display: block;
}

.review .comment-list .comment-text p {
  margin: 0;
}

/* !END: Shop CSS */
/**----------------------------------------
    START: Cart CSS
----------------------------------------*/
.cart-table {
  background-color: var(--rr-color-bg-1);
}

@media only screen and (max-width: 992px) {
  .cart-table {
    overflow: scroll;
  }
}

@media only screen and (max-width: 992px) {
  .cart-table table {
    width: 900px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table table {
    width: 800px;
  }
}

.cart-table thead {
  border: none;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.cart-table thead tr th {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  border-bottom: none;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 25px 0;
}

.cart-table thead tr th.product-subtotal {
  text-align: right;
  padding-right: 30px;
}

.cart-table tbody {
  border: none;
  border-bottom: 1px solid var(--rr-color-border-1);
  padding: 30px 0;
}

.cart-table tbody tr {
  vertical-align: baseline;
}

.cart-table tbody tr td {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  padding: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.cart-table tbody tr td.product-remove {
  text-align: center;
  padding: 0 25px;
}

.cart-table tbody tr td.product-thumbnail {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 15px;
  column-gap: 15px;
}

@media only screen and (max-width: 992px) {
  .cart-table tbody tr td.product-thumbnail {
    padding-right: 30px;
  }
}

.cart-table tbody tr td.product-thumbnail .category {
  color: var(--rr-color-theme-primary);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
}

.cart-table tbody tr td.product-thumbnail .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.cart-table tbody tr td.product-price {
  font-size: 16px;
  font-weight: 600;
  padding-right: 70px;
}

@media only screen and (max-width: 992px) {
  .cart-table tbody tr td.product-price {
    padding-right: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table tbody tr td.product-price {
    padding-right: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .cart-table tbody tr td.product-quantity {
    padding-right: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table tbody tr td.product-quantity {
    padding-right: 0;
  }
}

.cart-table tbody tr td.product-quantity input {
  background-color: transparent;
  color: #fff;
  border-radius: 0;
  border: 1px solid var(--rr-color-border-1);
  height: 50px;
  text-align: center;
  outline: none;
  box-shadow: none;
  padding: 0 8px;
}

.cart-table tbody tr td.product-subtotal {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .cart-table tbody tr td.product-subtotal {
    padding-right: 20px;
  }
}

.cart-table.table-2 thead {
  background-color: #fff;
}

.cart-btn-wrap {
  background-color: var(--rr-color-bg-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  padding: 30px;
}

.cart-btn-wrap .left-item {
  display: grid;
  grid-template-columns: 295px 1fr;
  align-items: center;
  grid-gap: 10px;
}

@media only screen and (max-width: 767px) {
  .cart-btn-wrap .left-item {
    grid-template-columns: 1fr;
  }
}

.cart-btn-wrap .left-item .form-control {
  background-color: var(--rr-color-border-1);
  box-shadow: none;
  font-size: 14px;
  border: 1px solid transparent;
  color: var(--rr-color-text-body);
  padding: 14px 20px;
  border-radius: 0;
}

.cart-btn-wrap .left-item .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: var(--rr-color-text-body);
}

.cart-btn-wrap .left-item .form-control:-moz-placeholder {
  font-size: 14px;
  color: var(--rr-color-text-body);
}

.cart-btn-wrap .left-item .form-control::-moz-placeholder {
  font-size: 14px;
  color: var(--rr-color-text-body);
}

.cart-btn-wrap .left-item .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: var(--rr-color-text-body);
}

.cart-btn-wrap .left-item .rr-primary-btn {
  font-size: 14px;
  padding: 17px 30px;
  border: none;
}

.cart-btn-wrap .update-btn {
  background-color: transparent;
  font-size: 14px;
  padding: 17px 30px;
  border: 1px solid var(--rr-color-border-1);
  text-transform: uppercase;
}

.cart-btn-wrap .update-btn:before {
  background-color: var(--rr-color-theme-primary);
}

.cart-btn-wrap .update-btn:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

.cart-box-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .cart-box-title {
    font-size: 28px;
  }
}

.checkout-wrapper {
  background-color: var(--rr-color-bg-1);
  max-width: 600px;
  width: 100%;
  border: 1px solid var(--rr-color-border-1);
  padding: 35px 0;
}

.checkout-wrapper .checkout-item {
  display: flex;
  align-items: center;
  align-items: start;
  column-gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 15px;
  padding-left: 35px;
  padding-right: 35px;
}

@media only screen and (max-width: 767px) {
  .checkout-wrapper .checkout-item {
    align-items: center;
  }
}

.checkout-wrapper .checkout-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

.checkout-wrapper .checkout-item .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

.checkout-wrapper .checkout-item span {
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 400;
}

.checkout-wrapper .checkout-item p {
  font-size: 14px;
  font-weight: 200;
  line-height: 1.8;
  margin: 20px 0;
}

.checkout-wrapper .checkout-item .checkout-option-wrapper .shipping-option label {
  font-size: 16px;
  color: var(--rr-color-common-white);
  font-weight: 400;
  margin-left: 10px;
  cursor: pointer;
}

.checkout-wrapper .checkout-item .checkout-option-wrapper .shipping-option:not(:last-of-type) {
  margin-bottom: 10px;
}

.checkout-proceed {
  margin-top: 30px;
}

/* !END: Cart CSS */
/**----------------------------------------
    START: Page Header CSS
----------------------------------------*/
.checkout-top {
  margin-bottom: 80px;
}

@media only screen and (max-width: 992px) {
  .checkout-top {
    margin-bottom: 40px;
  }
}

.checkout-top .coupon-list .verify-item .title {
  background-color: var(--rr-color-bg-1);
  width: 100%;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.checkout-top .coupon-list .verify-item .title:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.checkout-top .coupon-list .verify-item .title button {
  font-weight: 600;
  margin: 0 5px;
  text-decoration: underline;
}

.checkout-top .coupon-list .verify-item .login-form {
  padding-top: 30px;
  display: none;
}

.checkout-top .coupon-list .verify-item .login-form .form-control {
  background-color: var(--rr-color-bg-1);
  padding: 15px 30px;
  border: none;
  box-shadow: none;
  font-size: 14px;
  color: var(--rr-color-text-body);
  border-radius: 0;
  margin-bottom: 20px;
  max-width: 700px;
  width: 100%;
}

.checkout-top .coupon-list .verify-item .login-form .form-control::-webkit-input-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-top .coupon-list .verify-item .login-form .form-control:-moz-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-top .coupon-list .verify-item .login-form .form-control::-moz-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-top .coupon-list .verify-item .login-form .form-control:-ms-input-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-top .coupon-list .verify-item .checkbox-wrap {
  max-width: 700px;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout-top .coupon-list .verify-item .checkbox-wrap .checkbox-item {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.checkout-top .coupon-list .verify-item .checkbox-wrap .checkbox-item label {
  color: var(--rr-color-common-white);
  cursor: pointer;
}

.checkout-top .coupon-list .verify-item .checkbox-wrap .forgot {
  color: var(--rr-color-common-white);
  font-weight: 600;
}

.checkout-top .coupon-list .verify-item .checkbox-wrap .forgot:hover {
  color: var(--rr-color-theme-primary);
}

.checkout-left {
  padding-right: 10px;
}

@media only screen and (max-width: 992px) {
  .checkout-left {
    padding-right: 0;
  }
}

.checkout-left .form-header {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}

.checkout-form-wrap .form-group:not(:last-of-type) {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .checkout-form-wrap .form-item.name {
    margin-bottom: 30px;
  }
}

.checkout-form-wrap .form-item .form-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.checkout-form-wrap .form-item .form-control {
  padding: 18px 20px;
  background-color: var(--rr-color-bg-1);
  border: none;
  box-shadow: none;
  font-size: 16px;
  color: var(--rr-color-text-body);
  border-radius: 0;
}

.checkout-form-wrap .form-item .form-control::-webkit-input-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-form-wrap .form-item .form-control:-moz-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-form-wrap .form-item .form-control::-moz-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-form-wrap .form-item .form-control:-ms-input-placeholder {
  color: var(--rr-color-text-body);
}

.checkout-form-wrap .form-item .form-control.street-control {
  margin-bottom: 20px;
}

.checkout-form-wrap .form-item .form-control.nice-select {
  width: 100%;
  height: auto;
  line-height: inherit;
  padding: 18px 20px;
}

.checkout-form-wrap .form-item .form-control.nice-select:after {
  top: 46%;
  width: 10px;
  height: 10px;
  border-color: var(--rr-color-text-body);
  border-bottom: 1px solid var(--rr-color-text-body);
  border-right: 1px solid var(--rr-color-text-body);
  right: 25px;
}

.checkout-form-wrap .form-item .form-control.nice-select .list {
  background-color: var(--rr-color-bg-1);
  width: 100%;
  border-radius: 0;
}

.checkout-form-wrap .form-item .form-control.nice-select .list li {
  padding-left: 20px;
}

.checkout-right {
  padding-left: 10px;
}

@media only screen and (max-width: 992px) {
  .checkout-right {
    margin-top: 50px;
    padding-left: 0;
  }
}

.checkout-right .form-header {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}

.order-box {
  background-color: var(--rr-color-bg-1);
  padding: 30px 40px;
  border: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .order-box {
    padding: 30px 20px;
  }
}

.order-box .order-item {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-gap: 20px;
}

.order-box .order-item:not(:last-of-type) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .order-box .order-item {
    grid-template-columns: 1fr;
  }
}

.order-box .order-item .order-left .order-img {
  height: 80px;
  width: 80px;
}

.order-box .order-item .order-left .order-img img {
  width: 100%;
  height: 100%;
}

.order-box .order-item .order-left .product {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}

.order-box .order-item .order-left .left-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--rr-color-common-white);
  line-height: 1;
}

.order-box .order-item .order-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}

.order-box .order-item .order-right .content .category {
  color: var(--rr-color-theme-primary);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  display: block;
  line-height: 1;
  margin-bottom: 15px;
}

.order-box .order-item .order-right .content .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}

.order-box .order-item .order-right .price {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
}

.order-box .order-item .order-right .right-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--rr-color-common-white);
  line-height: 1;
}

.order-box .order-item .order-right .right-title span {
  color: var(--rr-color-text-body);
  font-weight: 200;
  margin-right: 10px;
}

.order-box .order-item .order-right .right-title.title-2 {
  color: var(--rr-color-theme-primary);
}

.order-box .order-item.item-1 {
  grid-template-columns: 200px 1fr;
}

@media only screen and (max-width: 767px) {
  .order-box .order-item.item-1 {
    grid-template-columns: 100px 1fr;
  }
}

.order-box .order-item.item-1 .order-right {
  justify-content: end;
}

.payment-option-wrap {
  margin-top: 40px;
}

.payment-option-wrap .payment-option .shipping-option:not(:last-of-type) {
  margin-bottom: 20px;
}

.payment-option-wrap .payment-option .shipping-option label {
  font-size: 16px;
  font-weight: 400;
  color: var(--rr-color-common-white);
  margin-left: 5px;
}

.payment-option-wrap .payment-option .shipping-option .options input {
  margin-bottom: 15px;
}

.payment-option-wrap .desc {
  margin: 20px 0;
}

.payment-option-wrap .form-check {
  margin-bottom: 40px;
}

.payment-option-wrap .form-check .form-check-input {
  background-color: transparent;
  border: 1px solid var(--rr-color-border-1);
  box-shadow: none;
}

.payment-option-wrap .form-check .form-check-label {
  cursor: pointer;
}

.payment-option-wrap .order-btn {
  width: 100%;
  justify-content: center;
}

/* !END: Page Header CSS */
/**----------------------------------------
    START: Error CSS
----------------------------------------*/
.error-content .text {
  font-size: 80px;
  font-weight: 500;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .error-content .text {
    font-size: 60px;
  }
}

.error-content .text span {
  font-size: 40px;
  color: rgba(255, 255, 255, 0.3);
  display: block;
  margin-top: 20px;
}

/* !END: Error CSS */
/**----------------------------------------
    START: Accordion CSS
----------------------------------------*/
.accordion-container {
  max-width: 1790px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}

.runok-accordion-2 {
  writing-mode: vertical-rl;
  height: 700px;
}

.runok-accordion-2 .accordion-item {
  background-color: var(--rr-color-bg-1);
  border: none;
}

.runok-accordion-2 .accordion-item .accordion-button {
  height: 100%;
}

.runok-accordion-2 .accordion-item .accordion-body {
  background-color: var(--rr-color-bg-1);
}

.runok-accordion-2 .accordion-item .accordion-body .accordion-img {
  max-width: 580px;
  width: 100%;
  height: 540px;
  margin: auto;
}

.runok-accordion-2 .accordion-item .accordion-body .accordion-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* !END: Accordion CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.slider-section {
  position: relative;
  overflow: hidden;
}

.slider-section .slider-tab-wrap {
  position: absolute;
  bottom: 80px;
  left: 250px;
  z-index: 2;
  max-width: 750px;
  width: 100%;
}

@media (max-width: 1600px) {
  .slider-section .slider-tab-wrap {
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

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

.slider-item {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.slider-item .overlay {
  background: #0E0E14;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.73;
}

.slider-item .shape {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.slider-item .shape img {
  height: 100%;
}

.slider-item .slide-img-wrap {
  height: 960px;
}

@media only screen and (max-width: 992px) {
  .slider-item .slide-img-wrap {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-item .slide-img-wrap {
    height: 450px;
  }
}

.slider-item .slide-img-wrap img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.slider-item .slider-content-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  width: 100%;
  z-index: 10;
}

.slider-item .slider-content-wrap .hero-content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
}

@media only screen and (max-width: 992px) {
  .slider-item .slider-content-wrap .hero-content-wrap {
    margin-bottom: 170px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-item .slider-content-wrap .hero-content-wrap {
    flex-wrap: wrap;
    row-gap: 25px;
    margin-bottom: 0px;
  }
}

.slider-item .slider-content-wrap .hero-content-wrap .hero-content {
  padding: 0;
  margin-left: 0;
}

.slider-item .slider-content-wrap .hero-content-wrap .slider-btn-wrap .slider-btn {
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(3.5px);
  font-size: 60px;
  color: var(--rr-color-common-white);
  height: 200px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 767px) {
  .slider-item .slider-content-wrap .hero-content-wrap .slider-btn-wrap .slider-btn {
    height: 100px;
    width: 100px;
    font-size: 30px;
  }
}

.slider-item .slider-content-wrap .hero-content-wrap .slider-btn-wrap .slider-btn i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.slider-item .slider-content-wrap .hero-content-wrap .slider-btn-wrap .slider-btn:hover i {
  transform: rotate(0);
}

@media only screen and (max-width: 767px) {
  .slider-tab-wrap {
    display: none;
  }
}

.slider-tab-wrap .swiper-slide .slider-tab-btn {
  font-family: var(--rr-ff-heading);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(30px);
  font-size: 14px;
  font-weight: 600;
  padding: 6px 30px;
  text-align: center;
  cursor: pointer;
}

.slider-tab-wrap .swiper-slide.swiper-slide-thumb-active {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
}

.runok-swiper-pagination {
  height: 100%;
  width: auto !important;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50px !important;
  z-index: 2;
}

@media (max-width: 1399px) {
  .runok-swiper-pagination {
    left: 25px !important;
  }
}

@media (max-width: 1250px) {
  .runok-swiper-pagination {
    display: none;
  }
}

.runok-swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  opacity: 1;
  display: block;
}

.runok-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid var(--rr-color-common-white);
}

.runok-swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  background-color: var(--rr-color-common-white);
  width: 5px;
  height: 5px;
  border: 1px solid var(--rr-color-common-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.runok-swiper-pagination .swiper-pagination-bullet:not(:last-of-type) {
  margin-bottom: 10px;
}

.runok-slider-2 .slider-item .overlay {
  background: #11151C;
  mix-blend-mode: multiply;
  opacity: 0.72;
}

.runok-slider-2 .slider-item .slider-content {
  margin-top: 180px;
  max-width: 660px;
  width: 100%;
}

@media (max-width: 1700px) {
  .runok-slider-2 .slider-item .slider-content {
    margin-left: 150px;
  }
}

@media (max-width: 1600px) {
  .runok-slider-2 .slider-item .slider-content {
    margin-left: 200px;
  }
}

@media only screen and (max-width: 992px) {
  .runok-slider-2 .slider-item .slider-content {
    margin-top: 0;
    margin-left: 0;
  }
}

.runok-slider-2 .slider-item .slider-content .section-heading {
  padding-bottom: 40px;
  margin-bottom: 50px;
  position: relative;
}

.runok-slider-2 .slider-item .slider-content .section-heading .border-line {
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.runok-slider-2 .slider-item .slider-content .section-heading .sub-heading {
  color: var(--rr-color-common-white);
  padding-left: 50px;
}

.runok-slider-2 .slider-item .slider-content .section-heading .sub-heading:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  width: 37px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.runok-slider-2 .slider-item .slider-content .section-heading .section-title {
  font-size: 60px;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .runok-slider-2 .slider-item .slider-content .section-heading .section-title {
    font-size: 27px;
  }
}

.runok-slider-2 .slider-item .slider-content .slider-btn-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 30px;
}

.runok-slider-2 .slider-item .slider-content .slider-btn-wrap .slider-text-btn {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 600;
}

.runok-slider-2 .slider-item .slider-content .slider-btn-wrap .slider-text-btn:hover {
  color: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 992px) {
  .runok-slider-2 .slider-arrow {
    display: none;
  }
}

.runok-slider-2 .slider-arrow .slider-nav {
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(3.5px);
  color: var(--rr-color-common-white);
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 100px;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 1700px) {
  .runok-slider-2 .slider-arrow .slider-nav {
    left: 50px;
  }
}

.runok-slider-2 .slider-arrow .slider-nav.slider-next {
  left: auto;
  right: 100px;
}

@media (max-width: 1700px) {
  .runok-slider-2 .slider-arrow .slider-nav.slider-next {
    right: 50px;
  }
}

.slider-section-3 {
  position: relative;
  z-index: 1;
}

.slider-section-3 .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.runok-slider-3 .slider-item {
  position: relative;
  z-index: 1;
}

.runok-slider-3 .slider-item .slider-content-wrap {
  padding: 320px 0 130px 0;
  position: inherit;
  top: 0;
  left: 0;
  transform: translate(0);
}

@media only screen and (max-width: 992px) {
  .runok-slider-3 .slider-item .slider-content-wrap {
    padding: 120px 0 140px 0;
  }
}

@media only screen and (max-width: 767px) {
  .runok-slider-3 .slider-item .slider-content-wrap {
    padding: 80px 0;
  }
}

@media (max-width: 1600px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content {
    padding-left: 150px;
  }
}

@media only screen and (max-width: 992px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content {
    padding-left: 0;
  }
}

.runok-slider-3 .slider-item .slider-content-wrap .slider-content .sub-heading {
  font-style: italic;
  font-size: 80px;
  font-weight: 200;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content .sub-heading {
    font-size: 50px;
  }
}

.runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-title {
  font-size: 120px;
  font-weight: 800;
  margin-bottom: 10px;
}

@media (max-width: 1600px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-title {
    font-size: 90px;
  }
}

@media only screen and (max-width: 992px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-title {
    font-size: 60px;
  }
}

.runok-slider-3 .slider-item .slider-content-wrap .slider-content p {
  color: var(--rr-color-text-body);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 60px;
}

.runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-btn {
  background-color: transparent;
  border: 1px solid var(--rr-color-common-white);
  padding: 26px 30px;
}

@media only screen and (max-width: 767px) {
  .runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-btn {
    padding: 20px 30px;
  }
}

.runok-slider-3 .slider-item .slider-right-item {
  position: absolute;
  top: 60%;
  right: 100px;
  transform: translateY(-50%);
}

@media (max-width: 1600px) {
  .runok-slider-3 .slider-item .slider-right-item {
    right: 0px;
  }
}

@media (max-width: 1199px) {
  .runok-slider-3 .slider-item .slider-right-item {
    display: none;
  }
}

.runok-slider-3 .slider-item .slider-right-item .slider-img-wrap {
  max-width: 575px;
  width: 100%;
  height: 577px;
}

.runok-slider-3 .slider-item .slider-right-item .slider-img-wrap img {
  width: 100%;
  height: 100%;
}

.runok-slider-3 .runok-swiper-pagination-2 {
  width: 45px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 150px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  z-index: 10;
}

@media (max-width: 1600px) {
  .runok-slider-3 .runok-swiper-pagination-2 {
    left: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .runok-slider-3 .runok-swiper-pagination-2 {
    top: 40%;
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .runok-slider-3 .runok-swiper-pagination-2 {
    display: none;
  }
}

.runok-slider-3 .runok-swiper-pagination-2 .swiper-pagination-bullet {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  border-radius: 50%;
  opacity: 1;
}

.runok-slider-3 .runok-swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

/* Text Animation */
.runok-animation,
.runok-animation span {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.runok-animation span {
  display: inline-block;
}

/* Fade Effect */
.runok-fadeIn {
  animation-name: asFadeIn;
}

@keyframes asFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.runok-fadeInLeft {
  animation-name: asFadeInLeft;
}

@keyframes asFadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }

  to {
    opacity: 1;
  }
}

.runok-fadeInRight {
  animation-name: asFadeInRight;
}

@keyframes asFadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }

  to {
    opacity: 1;
  }
}

.runok-fadeInDown {
  animation-name: asFadeInTop;
}

@keyframes asFadeInTop {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }

  to {
    opacity: 1;
  }
}

.runok-fadeInUp {
  animation-name: asFadeInBottom;
}

@keyframes asFadeInBottom {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
  }
}

/* Move From Effect */
.runok-moveFromLeft {
  animation-name: asMoveFromLeft;
}

@keyframes asMoveFromLeft {
  from {
    visibility: hidden;
    transform: translateX(-50px);
  }

  to {
    visibility: visible;
  }
}

.runok-moveFromRight {
  animation-name: asMoveFromRight;
}

@keyframes asMoveFromRight {
  from {
    visibility: hidden;
    transform: translateX(50px);
  }

  to {
    visibility: visible;
  }
}

.runok-moveFromTop {
  animation-name: asMoveFromTop;
}

@keyframes asMoveFromTop {
  from {
    visibility: hidden;
    transform: translateY(-50px);
  }

  to {
    visibility: visible;
  }
}

.runok-moveFromBottom {
  animation-name: asMoveFromBottom;
}

@keyframes asMoveFromBottom {
  from {
    visibility: hidden;
    transform: translateY(50px);
  }

  to {
    visibility: visible;
  }
}

/* Blur Effect */
.runok-blurIn {
  animation-name: asBlurIn;
}

@keyframes asBlurIn {
  from {
    filter: blur(20px);
    opacity: 0;
  }
}

.runok-blurInLeft {
  animation-name: asBlurInLeft;
}

@keyframes asBlurInLeft {
  from {
    transform: translateX(50px);
    filter: blur(20px);
    opacity: 0;
  }
}

.runok-blurInRight {
  animation-name: asBlurInRight;
}

@keyframes asBlurInRight {
  from {
    transform: translateX(-50px);
    filter: blur(20px);
    opacity: 0;
  }
}

.runok-blurInTop {
  animation-name: asBlurInTop;
}

@keyframes asBlurInTop {
  from {
    transform: translateY(50px);
    filter: blur(20px);
    opacity: 0;
  }
}

.runok-blurInBottom {
  animation-name: asBlurInBottom;
}

@keyframes asBlurInBottom {
  from {
    transform: translateY(-50px);
    filter: blur(20px);
    opacity: 0;
  }
}

/* Zoom Effect */
.runok-zoomIn {
  animation-name: asZoomIn;
}

@keyframes asZoomIn {
  from {
    transform: scale(5);
    opacity: 0;
  }
}

.runok-zoomInLeft {
  animation-name: asZoomInLeft;
}

@keyframes asZoomInLeft {
  from {
    transform: scale(5) translateX(-50%);
    opacity: 0;
  }
}

.runok-zoomInRight {
  animation-name: asZoomInRight;
}

@keyframes asZoomInRight {
  from {
    transform: scale(5) translateX(50%);
    opacity: 0;
  }
}

.runok-zoomInTop {
  animation-name: asZoomInTop;
}

@keyframes asZoomInTop {
  from {
    transform: scale(10) translateY(-50%);
    opacity: 0;
  }
}

.runok-zoomInBottom {
  animation-name: asZoomInBottom;
}

@keyframes asZoomInBottom {
  from {
    transform: scale(10) translateY(50%);
    opacity: 0;
  }
}

/* Flip Effect */
.runok-flipInTop {
  animation-name: asFlipInTop;
}

@keyframes asFlipInTop {
  from {
    transform: perspective(600px);
    opacity: 0;
  }

  30% {
    transform: perspective(600px) rotateX(180deg);
    transform-origin: 0 0;
    animation-timing-function: ease-out;
  }

  to {
    transform: perspective(600px);
  }
}

.runok-flipInBottom {
  animation-name: asFlipInBottom;
}

@keyframes asFlipInBottom {
  from {
    transform: perspective(600px);
    opacity: 0;
  }

  30% {
    transform: perspective(600px) rotateX(180deg);
    transform-origin: bottom;
    animation-timing-function: ease-out;
  }

  to {
    transform: perspective(600px);
  }
}

/* Roll Effect */
.runok-rollFromLeft {
  animation-name: asRollFromLeft;
}

@keyframes asRollFromLeft {
  from {
    transform: translateX(-60px) perspective(600px) rotateY(180deg);
    opacity: 0;
  }
}

.runok-rollFromRight {
  animation-name: asRollFromRight;
}

@keyframes asRollFromRight {
  from {
    transform: translateX(60px) perspective(600px) rotateY(-180deg);
    opacity: 0;
  }
}

.runok-rollFromTop {
  animation-name: asRollFromTop;
}

@keyframes asRollFromTop {
  from {
    transform: translateY(-60px) perspective(600px) rotateX(180deg);
    opacity: 0;
  }
}

.runok-rollFromBottom {
  animation-name: asRollFromBottom;
}

@keyframes asRollFromBottom {
  from {
    transform: translateY(60px) perspective(600px) rotateX(-180deg);
    opacity: 0;
  }
}

/* Rotate Skate Effect */
.runok-rotateSkateInRight {
  animation-name: asRotateSkateInRight;
}

@keyframes asRotateSkateInRight {
  from {
    transform: scaleX(0.2) translateX(100px);
    opacity: 0;
  }
}

.runok-rotateSkateInLeft {
  animation-name: asRotateSkateInLeft;
}

@keyframes asRotateSkateInLeft {
  from {
    transform: scaleX(0.2) translateX(-100px);
    opacity: 0;
  }
}

.runok-rotateSkateInTop {
  animation-name: asRotateSkateInTop;
}

@keyframes asRotateSkateInTop {
  from {
    transform: scaleY(0.2) translateY(-100px);
    opacity: 0;
  }
}

.runok-rotateSkateInBottom {
  animation-name: asRotateSkateInBottom;
}

@keyframes asRotateSkateInBottom {
  from {
    transform: scaleY(0.2) translateY(100px);
    opacity: 0;
  }
}

/* PopUp Effect */
.runok-popUp {
  animation-name: asPopUp;
}

@keyframes asPopUp {
  0% {
    visibility: hidden;
  }

  50% {
    transform: scale(1.1);
    visibility: visible;
  }
}

.runok-popUpLeft {
  animation-name: asPopUpLeft;
}

@keyframes asPopUpLeft {
  0% {
    visibility: hidden;
  }

  50% {
    visibility: visible;
    transform: translateX(-20px) scale(1.1);
    animation-timing-function: ease-in;
  }
}

.runok-popUpRight {
  animation-name: asPopUpRight;
}

@keyframes asPopUpRight {
  0% {
    visibility: hidden;
  }

  50% {
    visibility: visible;
    transform: translateX(20px) scale(1.1);
    animation-timing-function: ease-in;
  }
}

/* Kenburns Top */
.swiper-slide-active .kenburns-top {
  -webkit-animation-name: kenburns-top;
  animation-name: kenburns-top;
}

@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }

  100% {
    -webkit-transform: scale(1.08) translateY(-15px);
    transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }

  100% {
    -webkit-transform: scale(1.08) translateY(-15px);
    transform: scale(1.08) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

/* !END: Theme Slider CSS */
/**----------------------------------------
    START: Exp CSS
----------------------------------------*/
.exp-content {
  padding-right: 20px;
}

@media only screen and (max-width: 992px) {
  .exp-content {
    padding-right: 0;
  }
}

.exp-content .skills-items {
  list-style: none;
  margin-top: 30px;
}

.exp-content .skills-items .skills-item {
  overflow: hidden;
}

.exp-content .skills-items .skills-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.exp-content .skills-items .skills-item .title {
  font-family: var(--rr-ff-body);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}

.exp-content .skills-items .skills-item .progress {
  height: 4px;
  overflow: visible;
}

.exp-content .skills-items .skills-item .progress .progress-bar {
  background-color: var(--rr-color-theme-primary);
  border-radius: 20px;
  position: relative;
  overflow: visible;
}

.exp-content .skills-items .skills-item .progress .progress-bar span {
  position: absolute;
  top: -35px;
  right: -15px;
  font-size: 14px;
  font-weight: 600;
  color: var(--rr-color-common-white);
}

.exp-img {
  height: 100%;
  max-width: 678px;
  width: 100%;
  padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .exp-img {
    padding-left: 0;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .exp-img {
    height: 350px;
  }
}

.exp-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0) contrast(110%);
}

.exp-section-2 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  position: relative;
  z-index: 1;
}

.exp-section-2 .shapes .shape {
  position: absolute;
  z-index: -1;
}

.exp-section-2 .shapes .shape.shape-1 {
  position: absolute;
  top: 30%;
  right: 80px;
}

.exp-section-2 .shapes .shape.shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.exp-section-2 .shapes .shape.shape-2 img {
  width: 100%;
  height: 100%;
}

.exp-content-2 {
  margin-right: 40px;
}

@media only screen and (max-width: 992px) {
  .exp-content-2 {
    margin-bottom: 40px;
    margin-right: 0;
  }
}

.exp-content-2 .skills-items .skills-item .progress {
  height: 8px;
}

.exp-content-2 .skills-items .skills-item .progress .progress-bar {
  border-radius: 0;
}

.exp-img-wrap {
  position: relative;
  max-width: 503px;
  width: 100%;
  height: 537px;
  margin-left: 40px;
}

@media (max-width: 1199px) {
  .exp-img-wrap {
    margin-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  .exp-img-wrap {
    margin: 0 auto;
  }
}

.exp-img-wrap .exp-img-1 {
  height: 274px;
  max-width: 243px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 120px 0 120px 0;
  overflow: hidden;
}

.exp-img-wrap .exp-img-2 {
  height: 203px;
  max-width: 203px;
  width: 100%;
  position: absolute;
  top: 35px;
  right: 35px;
  border-radius: 150px 150px 150px 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .exp-img-wrap .exp-img-2 {
    display: none;
  }
}

.exp-img-wrap .exp-img-3 {
  height: 203px;
  max-width: 203px;
  width: 100%;
  position: absolute;
  bottom: 35px;
  left: 35px;
  border-radius: 150px 150px 150px 0;
  overflow: hidden;
}

.exp-img-wrap .exp-img-4 {
  height: 274px;
  max-width: 243px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 120px 0 120px 0;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .exp-img-wrap .exp-img-4 {
    display: none;
  }
}

.exp-section-14 {
  background-color: #16181D;
  position: relative;
}

.exp-section-14 .shape-wrapper .shape-1 {
  position: absolute;
  width: 2214px;
  height: 368.04px;
  top: -335px;
  left: -211px;
  background: rgba(240, 242, 248, 0.012);
  transform: rotate(-21.2deg);
}

.exp-section-14 .shape-wrapper .shape-2 {
  position: absolute;
  width: 2214px;
  height: 356.04px;
  left: -180.43px;
  top: 203px;
  background: rgba(240, 242, 248, 0.012);
  transform: rotate(-21.2deg);
}

.exp-section-14 .shape-wrapper .shape-3 {
  position: absolute;
  width: 2214px;
  height: 439.78px;
  left: 200.72px;
  bottom: -110px;
  background: rgba(240, 242, 248, 0.012);
  transform: rotate(-21.2deg);
}

.exp-section-14 .exp-content {
  margin-right: 0;
  padding-right: 0;
}

.exp-section-14 .exp-content .section-heading .sub-heading {
  margin-bottom: 10px;
}

.exp-section-14 .exp-content p {
  font-size: 15px;
  margin-bottom: 0;
}

.exp-section-14 .exp-content .skills-items {
  margin-top: 59px;
}

.exp-section-14 .exp-content .skills-items .skills-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.exp-section-14 .exp-content .skills-items .skills-item .progress {
  background-color: transparent;
  border: 1px solid #2D343E;
  height: 16px;
  overflow: visible;
  border-radius: 0;
  padding: 5px 0px 5px 5px;
}

.exp-section-14 .exp-content .skills-items .skills-item .progress .progress-bar {
  background-color: var(--rr-color-theme-primary);
  border-radius: 0;
  position: relative;
  overflow: visible;
}

.exp-section-14 .exp-content .skills-items .skills-item .progress .progress-bar span {
  position: absolute;
  top: -35px;
  right: -15px;
  font-size: 14px;
  font-weight: 600;
  color: var(--rr-color-common-white);
}

.exp-section-14 .exp-content-2 {
  margin-right: 0;
}

.exp-section-14 .exp-img-wrap {
  margin-left: 78px;
  max-width: 600px;
}

@media only screen and (max-width: 767px) {
  .exp-section-14 .exp-img-wrap {
    margin-left: 0;
  }
}

.exp-section-14 .exp-img-wrap .exp-img-1 {
  max-width: 290px;
}

.exp-section-14 .exp-img-wrap .exp-img-2 {
  max-width: 290px;
  height: 274px;
  border-radius: 150px 150px 150px 0px;
  top: 0;
  right: 0;
}

.exp-section-14 .exp-img-wrap .exp-img-3 {
  max-width: 290px;
  height: 311px;
  left: 0;
  bottom: -64px;
  border-radius: 150px 0px 150px 150px;
}

.exp-section-14 .exp-img-wrap .exp-img-4 {
  border-radius: 120px 0px;
  max-width: 290px;
  height: 311px;
  bottom: -64px;
}

/* !END: Exp CSS */
/**----------------------------------------
    START: Content CSS
----------------------------------------*/
.content-section {
  position: relative;
  z-index: 1;
}

.content-section .shape {
  background: rgba(63, 90, 243, 0.1);
  mix-blend-mode: normal;
  filter: blur(400px);
  width: 1204px;
  height: 933px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.content-section .content-container {
  max-width: 1630px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.content-img-wrap {
  height: 605px;
  max-width: 745px;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .content-img-wrap {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .content-img-wrap {
    height: 450px;
  }
}

.content-img-wrap .content-img {
  height: 605px;
  max-width: 616px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .content-img-wrap .content-img {
    height: 450px;
  }
}

.content-img-wrap .content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 8px solid #11151C;
}

.content-img-wrap .content-counter {
  background-color: var(--rr-color-theme-primary);
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr;
  grid-gap: 20px;
  position: absolute;
  left: 0;
  bottom: 90px;
  padding: 20px 30px;
  border: 10px solid #11151C;
}

.content-img-wrap .content-counter .icon {
  color: var(--rr-color-common-white);
  font-size: 46px;
}

.content-img-wrap .content-counter .content .title {
  font-family: var(--rr-ff-body);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}

.content-img-wrap .content-counter .content .title .odometer-auto-theme {
  font-family: inherit;
  line-height: 1;
}

.content-img-wrap .content-counter .content p {
  color: var(--rr-color-common-white);
  margin-bottom: 0;
  font-weight: 500;
  text-transform: uppercase;
}

.content-info {
  max-width: 700px;
  width: 100%;
}

.content-info .content-list li {
  display: grid;
  align-items: center;
  grid-template-columns: 55px 1fr;
  grid-gap: 20px;
}

.content-info .content-list li:not(:last-of-type) {
  margin-bottom: 15px;
}

.content-info .content-list li .number {
  background-color: var(--rr-color-bg-1);
  color: var(--rr-color-common-white);
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #1E2228;
}

.content-info .content-list li .list-info {
  font-size: 18px;
  color: var(--rr-color-text-body);
  font-weight: 400;
  line-height: 1.7;
}

.content-info .content-list li .list-info span {
  color: var(--rr-color-common-white);
  font-weight: 600;
  margin-right: 5px;
}

.content-info .content-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 20px;
}

/* !END: Content CSS */
/**----------------------------------------
    START: Request CSS
----------------------------------------*/
.req-wrap {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
  padding: 80px;
  margin: 0;
}

@media only screen and (max-width: 992px) {
  .req-wrap {
    padding: 60px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .req-wrap {
    padding: 40px 20px;
  }
}

.req-wrap>div {
  padding: 0;
}

.req-wrap .req-img {
  height: 100%;
  width: 39%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 992px) {
  .req-wrap .req-img {
    display: none;
  }
}

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

.request-content {
  padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .request-content {
    padding-left: 0;
  }
}

.request-content .request-form .form-item label {
  color: #8B8E92;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}

.request-content .request-form .form-item .form-control {
  background-color: #0C0D10;
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 400;
  padding: 15px 20px;
  border: 1px solid #1E2228;
  box-shadow: none;
  margin-bottom: 20px;
}

.request-content .request-form .form-item .form-control::-webkit-input-placeholder {
  color: #515357;
}

.request-content .request-form .form-item .form-control:-moz-placeholder {
  color: #515357;
}

.request-content .request-form .form-item .form-control::-moz-placeholder {
  color: #515357;
}

.request-content .request-form .form-item .form-control:-ms-input-placeholder {
  color: #515357;
}

.request-content .request-form .form-btn {
  margin-top: 20px;
}

.req-wrap-2 .request-content-2 {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
  padding: 80px;
}

@media only screen and (max-width: 992px) {
  .req-wrap-2 .request-content-2 {
    padding: 40px 20px;
  }
}

.req-img-2 {
  height: 100%;
  max-width: 515px;
  width: 100%;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 992px) {
  .req-img-2 {
    height: 713px;
    margin: 0 auto;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .req-img-2 {
    height: 450px;
  }
}

.req-img-2 .req-man {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.req-img-2 .req-man-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
}

.req-img-2 .req-man-shape img {
  height: 100%;
}

.req-wrap-3 {
  padding: 50px;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  border: 1px solid #2D343E;
}

@media only screen and (max-width: 992px) {
  .req-wrap-3 {
    padding-right: 0;
  }
}

.req-wrap-3 .request-content {
  padding-left: 60px;
}

@media only screen and (max-width: 992px) {
  .req-wrap-3 .request-content {
    padding: 50px;
    border-top: 1px solid #2D343E;
  }
}

@media only screen and (max-width: 767px) {
  .req-wrap-3 .request-content {
    padding: 50px 20px;
  }
}

.req-wrap-3 .request-content .request-form .form-item {
  margin-bottom: 40px;
}

.req-wrap-3 .request-content .request-form .form-item label {
  color: var(--rr-color-common-white);
}

.req-wrap-3 .request-content .request-form .form-item .form-control {
  background-color: transparent;
  border: 1px solid #237687;
  border-radius: 0;
  color: #B0B2B7;
  font-size: 16px;
}

.req-wrap-3 .request-content .request-form .form-item .form-control::-webkit-input-placeholder {
  color: #B0B2B7;
}

.req-wrap-3 .request-content .request-form .form-item .form-control:-moz-placeholder {
  color: #B0B2B7;
}

.req-wrap-3 .request-content .request-form .form-item .form-control::-moz-placeholder {
  color: #B0B2B7;
}

.req-wrap-3 .request-content .request-form .form-item .form-control:-ms-input-placeholder {
  color: #B0B2B7;
}

.req-contact {
  border-right: 1px solid #2D343E;
}

@media only screen and (max-width: 992px) {
  .req-contact {
    border: none;
  }
}

.req-contact-item {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 1fr;
  grid-gap: 25px;
  padding-right: 50px;
  padding-left: 50px;
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .req-contact-item {
    grid-template-columns: 1fr;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 50px;
  }
}

.req-contact-item:not(:last-of-type) {
  padding-bottom: 40px;
  border-bottom: 1px solid #2D343E;
}

.req-contact-item:not(:first-of-type) {
  padding-top: 50px;
}

.req-contact-item .icon {
  color: var(--rr-color-common-white);
  font-size: 20px;
  height: 80px;
  width: 80px;
  border: 1px solid #2D343E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.req-contact-item .content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.req-contact-item .content p {
  margin-bottom: 0;
}

.req-contact-item .content ul {
  list-style: none;
}

.req-contact-item.item-2 {
  padding-bottom: 50px;
}

.request-section-13 {
  position: relative;
}

.request-section-13 .shapes .shape-1 {
  position: absolute;
  top: -1167px;
  right: -889px;
}

.request-section-13 .req-wrap {
  background: #090C11;
  border: 1px solid #2D343E;
  position: relative;
  z-index: 1;
  padding: 30px;
  margin: 0;
}

@media only screen and (max-width: 992px) {
  .request-section-13 .req-wrap {
    padding: 10px;
  }
}

.request-section-13 .req-wrap .req-img {
  height: 590px;
  width: 600px;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
}

.request-section-13 .req-wrap .request-content {
  margin-left: 77px;
  padding-left: 0;
  background-color: var(--rr-color-bg-1);
  border: 1px solid #2D343E;
}

@media only screen and (max-width: 992px) {
  .request-section-13 .req-wrap .request-content {
    margin-left: 0px;
  }
}

.request-section-13 .req-wrap .request-content .form-title {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: var(--rr-color-common-white);
  padding: 35px 50px;
}

@media only screen and (max-width: 992px) {
  .request-section-13 .req-wrap .request-content .form-title {
    padding: 25px 20px;
  }
}

.request-section-13 .req-wrap .request-content .request-form {
  border-top: 1px solid #2D343E;
  padding: 33px 50px 50px 50px;
}

@media only screen and (max-width: 992px) {
  .request-section-13 .req-wrap .request-content .request-form {
    padding: 33px 10px 50px 10px;
  }
}

.request-section-13 .req-wrap .request-content .request-form .form-group .form-item label {
  margin-bottom: 6px;
}

.request-section-13 .req-wrap .request-content .request-form .form-group .form-item .form-control {
  background-color: transparent;
  border-color: #2D343E;
  border-radius: 0;
  padding: 13.5px 20px;
}

.request-section-13 .req-wrap .request-content .request-form .form-group .form-item .address {
  height: 100px;
  margin-bottom: 0;
}

.request-section-13 .req-wrap .request-content .request-form .form-btn {
  margin-top: 15px;
}

.request-section-13 .req-wrap .request-content .request-form .form-btn .rr-primary-btn {
  width: 100%;
  justify-content: center;
  padding: 19.5px 30px;
}

/* !END: Request CSS */
/**----------------------------------------
    START: Award CSS
----------------------------------------*/
.award-item {
  background-color: var(--rr-color-bg-1);
  padding: 50px 40px;
}

.award-item span {
  background: radial-gradient(50% 5688.89% at 50% 50%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #3E3E3E;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 40px;
  font-weight: 800;
  color: var(--rr-color-common-white);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--rr-color-common-white);
}

.award-item .title {
  margin: 35px 0 25px 0;
}

.award-item p {
  margin-bottom: 0;
}

.award-item-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 40px;
  border: 1px solid #2D343E;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .award-item-2 {
    padding: 30px 20px;
  }
}

.award-item-2:not(:last-of-type) {
  border-bottom: none;
}

.award-item-2 .left-content span {
  color: var(--rr-color-common-white);
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.award-item-2 .left-content .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .award-item-2 .left-content .title {
    font-size: 22px;
    line-height: 1.5;
  }
}

.award-item-2 .date span {
  color: var(--rr-color-common-white);
}

.award-section-18-wrapper {
  margin-bottom: -1px;
}

@media (max-width: 1199px) {
  .award-section-18-wrapper {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .award-section-18-wrapper {
    padding-top: 30px;
  }
}

.award-section-18-info {
  display: flex;
  gap: 460px;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  .award-section-18-info {
    gap: 20px;
    justify-content: space-between;
  }
}

.award-section-18-info .sub-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  padding-left: 15px;
  position: relative;
}

.award-section-18-info .sub-title::after {
  position: absolute;
  content: "";
  left: 0;
  top: 25%;
  background: #3F5AF3;
  height: 7px;
  width: 7px;
  border-radius: 100%;
}

.award-section-18-info .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
}

@media only screen and (max-width: 992px) {
  .award-section-18-info .title {
    font-size: 42px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .award-section-18-info .title {
    font-size: 25px;
    line-height: 32px;
  }
}

.award-section-18-top {
  margin-bottom: 8px;
  margin-top: 60px;
  display: grid;
  grid-template-columns: 395px 960px 1fr;
  align-items: center;
}

@media (max-width: 1399px) {
  .award-section-18-top {
    grid-template-columns: 304px 810px 1fr;
  }
}

@media (max-width: 1199px) {
  .award-section-18-top {
    grid-template-columns: 230px 685px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .award-section-18-top {
    grid-template-columns: 200px 470px 1fr;
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .award-section-18-top {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
}

.award-section-18-top .hosted h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.award-section-18-top .title h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.award-section-18-top .time h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.award-section-18-item {
  display: grid;
  grid-template-columns: 395px 900px 1fr;
  padding: 37px 0 25px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1399px) {
  .award-section-18-item {
    grid-template-columns: 300px 700px 1fr;
  }
}

@media (max-width: 1199px) {
  .award-section-18-item {
    grid-template-columns: 225px 480px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .award-section-18-item {
    grid-template-columns: 1fr;
    row-gap: 6px;
    padding: 30px 0 20px 0;
  }
}

.award-section-18-item .name {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
}

.award-section-18-item .text {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1199px) {
  .award-section-18-item .text {
    line-height: 1.3;
  }
}

@media only screen and (max-width: 767px) {
  .award-section-18-item .text {
    font-size: 21px;
    line-height: 1;
  }
}

.award-section-18-item .time {
  text-align: end;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .award-section-18-item .time {
    text-align: inherit;
  }
}

.award-section-18-wrap .award-section-18-item:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.award-section-18-item:hover {
  background: #11151C;
}

.award-section-18-item:hover .name {
  color: var(--rr-color-common-white);
  margin-left: 20px;
}

.award-section-18-item:hover .text {
  color: var(--rr-color-common-white);
}

.award-section-18-item:hover .time {
  color: var(--rr-color-common-white);
  margin-right: 20px;
}

/* !END: Award CSS */
/**----------------------------------------
    START: Choose Us CSS
----------------------------------------*/
.choose-us {
  background-color: var(--rr-color-bg-1);
  position: relative;
  z-index: 1;
}

.choose-us .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.choose-us-img {
  max-width: 597px;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 992px) {
  .choose-us-img {
    height: auto;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .choose-us-img {
    height: 350px;
  }
}

.choose-us-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* filter: saturate(0) contrast(110%); */
}

.choose-us-content .choose-list li {
  color: #B0B2B7;
  font-size: 18px;
  font-weight: 400;
  display: grid;
  align-items: center;
  grid-template-columns: 45px 1fr;
  grid-gap: 15px;
}

@media only screen and (max-width: 767px) {
  .choose-us-content .choose-list li {
    font-size: 15px;
  }
}

.choose-us-content .choose-list li:not(:last-of-type) {
  margin-bottom: 25px;
}

.choose-us-content .choose-list li .icon {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* !END: Choose Us CSS */
/**----------------------------------------
    START: Shop Details CSS
----------------------------------------*/
.product-details-wrap {
  position: relative;
  height: 620px;
}

@media only screen and (max-width: 767px) {
  .product-details-wrap {
    height: 450px;
  }
}

.product-details-wrap .sale {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 100px;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
}

.product-details-wrap .product-gallary .gallary-item {
  background-color: var(--rr-color-common-white);
  height: 620px;
}

@media only screen and (max-width: 767px) {
  .product-details-wrap .product-gallary .gallary-item {
    height: 450px;
  }
}

.product-details-wrap .product-gallary .gallary-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center -60px;
}

@media only screen and (max-width: 767px) {
  .product-details-wrap .product-gallary .gallary-item img {
    object-position: center -40px;
  }
}

.product-details-wrap .product-gallary-thumb {
  position: absolute;
  left: 50px;
  bottom: 30px;
  width: 100%;
  max-width: 290px;
}

@media only screen and (max-width: 767px) {
  .product-details-wrap .product-gallary-thumb {
    max-width: 100%;
    padding: 0 15px;
    left: 0;
  }
}

.product-details-wrap .product-gallary-thumb .thumb-item {
  height: 90px;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEE0E3;
  cursor: pointer;
}

.product-details-wrap .product-gallary-thumb .thumb-item img {
  width: auto;
  height: auto;
  object-fit: inherit;
}

.product-details-wrap .product-gallary-thumb .swiper-slide-thumb-active .thumb-item {
  border: 1px solid var(--rr-color-theme-primary);
}

.product-info {
  padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .product-info {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-info {
    padding-top: 40px;
  }
}

.product-info .category {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: block;
}

.product-info .title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
  .product-info .title {
    font-size: 24px;
  }
}

.product-info .rating-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.product-info .rating-wrap .rating {
  display: flex;
  align-items: center;
  list-style: none;
}

.product-info .rating-wrap .rating li {
  color: #F9B317;
}

.product-info .rating-wrap .rating li:not(:last-of-type) {
  margin-right: 5px;
}

.product-info .rating-wrap span {
  color: var(--rr-color-common-white);
  font-size: 16px;
  font-weight: 500;
  margin-left: 20px;
}

.product-info .price {
  font-size: 22px;
  nav-down: 600;
  margin-bottom: 30px;
}

.product-info .desc {
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
  padding: 20px 0;
  margin-bottom: 0;
  margin-bottom: 30px;
}

.product-info .details-list {
  list-style: none;
}

.product-info .details-list li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: var(--rr-color-common-white);
}

.product-info .details-list li i {
  width: 20px;
}

.product-info .details-list li:not(:last-of-type) {
  margin-bottom: 10px;
}

.product-info .product-btn {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin: 30px 0;
}

.product-info .product-btn input {
  background-color: var(--rr-color-theme-primary);
  color: #fff;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  text-align: center;
}

.product-info .product-btn .cart-btn {
  border-radius: 100px;
  padding: 15px 30px;
}

.product-info .product-meta {
  list-style: none;
}

.product-info .product-meta li {
  font-size: 16px;
  font-weight: 400;
}

.product-info .product-meta li a {
  padding-left: 10px;
}

.product-info .product-meta li:not(:last-of-type) {
  margin-bottom: 5px;
}

.reviewr-wrap {
  padding-right: 20px;
}

@media only screen and (max-width: 992px) {
  .reviewr-wrap {
    padding-right: 0;
    margin-bottom: 50px;
  }
}

.reviewr-wrap .review-list .review-item {
  display: grid;
  align-items: center;
  grid-template-columns: 90px 1fr;
  grid-gap: 15px;
  padding: 30px;
  border: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .reviewr-wrap .review-list .review-item {
    grid-template-columns: 1fr;
  }
}

.reviewr-wrap .review-list .review-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.reviewr-wrap .review-list .review-item img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
}

.reviewr-wrap .review-list .review-item .content .content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}

.reviewr-wrap .review-list .review-item .content .content-top .name {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.reviewr-wrap .review-list .review-item .content .content-top .name span {
  font-size: 15px;
  display: block;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 7px;
}

.reviewr-wrap .review-list .review-item .content .content-top ul {
  list-style: none;
}

.reviewr-wrap .review-list .review-item .content .content-top ul li {
  display: inline-flex;
  color: #FFB21D;
}

.reviewr-wrap .review-list .review-item .content .content-top ul li:not(:last-of-type) {
  margin-right: 2px;
}

.reviewr-wrap .review-list .review-item .content p {
  margin-bottom: 0;
}

.review-form-wrap .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.review-form-wrap .publish {
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}

.review-form-wrap .review-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.review-form-wrap .review-box span {
  color: var(--rr-color-common-white);
}

.review-form-wrap .review-box .review {
  list-style: none;
}

.review-form-wrap .review-box .review li {
  display: inline-flex;
  color: #FFB21D;
}

.review-form-wrap .review-box .review li:not(:last-of-type) {
  margin-right: 2px;
}

.review-form-wrap .review-form {
  background-color: transparent;
  padding: 0;
  border: none;
  margin-top: 40px;
}

.review-form-wrap .checkbox-wrap {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.review-form-wrap .checkbox-wrap input {
  width: 15px;
  height: 15px;
}

.review-form-wrap .checkbox-wrap label {
  color: var(--rr-color-common-white);
  cursor: pointer;
  margin-left: 10px;
}

.review-form-wrap .submit-btn .rr-primary-btn {
  padding: 15px 35px;
}

/* !END: Shop Details CSS */
/**----------------------------------------
START: Footer CSS
----------------------------------------*/
.footer-section {
  position: relative;
  z-index: 1;
}

.footer-section .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.footer-wrap {
  padding: 130px 0;
}

@media only screen and (max-width: 992px) {
  .footer-wrap {
    padding: 80px 0 0 0;
  }
}

@media only screen and (max-width: 992px) {
  .footer-widget {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget {
    margin-bottom: 50px;
  }
}

.footer-widget .widget-header {
  margin-bottom: 45px;
}

.footer-widget .widget-header .footer-logo {
  max-width: 170px;
}

.footer-widget .widget-header .widget-title {
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 700;
  position: relative;
}

.footer-widget .widget-header .widget-title:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  height: 5px;
  width: 80px;
  position: absolute;
  bottom: -8px;
  left: 0;
}

.footer-widget .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 30px;
  text-transform: uppercase;
}

.footer-widget .title span {
  color: var(--rr-color-text-body);
  display: block;
  margin-top: 10px;
  text-transform: inherit;
  font-weight: 400;
}

.footer-widget .footer-list {
  list-style: none;
}

.footer-widget .footer-list li {
  color: rgba(255, 255, 255, 0.8);
}

.footer-widget .footer-list li a {
  font-family: var(--rr-ff-body);
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.footer-widget .footer-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.footer-widget .footer-list li:not(:last-of-type) {
  margin-bottom: 20px;
}

.footer-widget .footer-form {
  position: relative;
  margin-top: 30px;
}

.footer-widget .footer-form .form-control {
  background-color: var(--rr-color-border-1);
  padding: 15px 104px 15px 15px;
  color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
  border: none;
  border-radius: 4px;
}

.footer-widget .footer-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-widget .footer-form .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-widget .footer-form .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-widget .footer-form .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.footer-widget .footer-form .submit {
  background-color: var(--rr-color-theme-primary);
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 0 20px;
  border-radius: 4px;
}

.footer-widget .address-list {
  list-style: none;
  margin-bottom: 30px;
}

.footer-widget .address-list li {
  font-family: var(--rr-ff-body);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  column-gap: 10px;
}

.footer-widget .address-list li:not(:last-of-type) {
  margin-bottom: 15px;
}

.footer-widget .address-list li i {
  color: var(--rr-color-theme-primary);
  line-height: 1;
  margin-top: 6px;
}

.footer-widget .address-list li a {
  border-bottom: 1px solid transparent;
}

.footer-widget .address-list li a:hover {
  color: var(--rr-color-theme-primary);
  border-bottom: 1px solid var(--rr-color-theme-primary);
}

.footer-widget .social-list {
  display: flex;
  align-items: center;
  list-style: none;
}

.footer-widget .social-list li a {
  background-color: transparent;
  color: var(--rr-color-common-white);
  font-size: 14px;
  height: 40px;
  width: 40px;
  border-radius: 0;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-widget .social-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.footer-widget .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.footer-widget .form-check {
  margin-top: 30px;
}

.footer-widget .form-check .form-check-input {
  background-color: var(--rr-color-common-white);
  border: none;
  box-shadow: none;
  height: 17px;
  width: 17px;
}

.footer-widget .form-check .form-check-input:checked[type=checkbox] {
  box-shadow: none;
}

.footer-widget .form-check .form-check-label {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.footer-widget.footer-col-2 {
  padding-left: 70px;
}

@media only screen and (max-width: 992px) {
  .footer-widget.footer-col-2 {
    padding-left: 0;
  }
}

.footer-widget.footer-col-2 .footer-list li a {
  position: relative;
  padding-left: 30px;
}

.footer-widget.footer-col-2 .footer-list li a:before {
  background-image: none;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 700;
  content: "\f356";
  color: var(--rr-color-text-body);
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.footer-widget.footer-col-2 .footer-list li a:hover:before {
  color: var(--rr-color-theme-primary);
  left: 5px;
}

.footer-widget.widget-3 {
  padding-left: 30px;
}

@media only screen and (max-width: 992px) {
  .footer-widget.widget-3 {
    padding-left: 0;
  }
}

.copyright-area {
  border-top: 1px solid var(--rr-color-border-1);
  padding: 20px 0;
}

@media only screen and (max-width: 992px) {
  .copyright-area {
    padding: 40px 0;
  }
}

.copyright-content {
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .copyright-content {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .copyright-content {
    row-gap: 20px;
  }
}

.copyright-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-family: var(--rr-ff-body);
  margin: 0;
}

.copyright-content p span {
  color: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 767px) {
  .copyright-content p {
    text-align: center;
  }
}

.copyright-content .social-list {
  display: flex;
  align-items: center;
  justify-content: end;
  list-style: none;
}

@media only screen and (max-width: 767px) {
  .copyright-content .social-list {
    justify-content: center;
  }
}

.copyright-content .social-list li a {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-common-white);
  font-size: 13px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copyright-content .social-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.copyright-content .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 100px 0 60px 0;
  margin-bottom: 80px;
  border-bottom: 1px solid var(--rr-color-border-1);
}

@media only screen and (max-width: 767px) {
  .footer-top {
    padding: 50px 0;
    margin-bottom: 50px;
  }
}

@media (max-width: 1199px) {
  .footer-top .footer-logo img {
    max-width: 150px;
  }
}

.footer-top .social-list {
  display: flex;
  align-items: center;
  list-style: none;
}

.footer-top .social-list li a {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-common-white);
  font-size: 13px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-top .social-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.footer-top .social-list li:not(:last-of-type) {
  margin-right: 10px;
}

.footer-2 .footer-wrap {
  padding-top: 0;
  padding-bottom: 80px;
}

@media only screen and (max-width: 992px) {
  .footer-2 .footer-wrap {
    padding-bottom: 0;
  }
}

.footer-2 .copyright-content p {
  color: var(--rr-color-common-white);
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .footer-2 .copyright-content p {
    text-align: center;
    margin-bottom: 15px !important;
  }
}

.footer-2 .copyright-content .copyright-list {
  display: flex;
  align-items: center;
  justify-content: end;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
}

@media only screen and (max-width: 992px) {
  .footer-2 .copyright-content .copyright-list {
    justify-content: center;
  }
}

.footer-2 .copyright-content .copyright-list li {
  position: relative;
}

.footer-2 .copyright-content .copyright-list li:not(:last-of-type) {
  padding-right: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 767px) {
  .footer-2 .copyright-content .copyright-list li:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 0;
  }
}

.footer-2 .copyright-content .copyright-list li:not(:last-of-type):before {
  content: "|";
  color: var(--rr-color-common-white);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .footer-2 .copyright-content .copyright-list li:not(:last-of-type):before {
    display: none;
  }
}

.footer-2 .copyright-content .copyright-list li a {
  color: var(--rr-color-common-white);
}

.footer-2 .copyright-content .copyright-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.footer-2 .copyright-content .copyright-list-16 li {
  position: relative;
}

.footer-2 .copyright-content .copyright-list-16 li:not(:last-of-type) {
  padding-right: 12px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .footer-2 .copyright-content .copyright-list-16 li:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 0;
  }
}

.footer-3 .footer-top {
  padding-bottom: 90px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .footer-3 .footer-top {
    padding: 50px 0;
  }
}

.footer-3 .footer-top .title {
  font-size: 80px;
  margin-bottom: 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
  .footer-3 .footer-top .title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-3 .footer-top .title {
    font-size: 30px;
  }
}

.footer-3 .footer-top .footer-btn {
  color: var(--rr-color-common-white);
  font-size: 30px;
  height: 130px;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--rr-color-theme-primary);
}

.footer-3 .footer-top .footer-btn i {
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer-3 .footer-top .footer-btn:hover i {
  transform: rotate(0deg);
}

.footer-3 .footer-wrap {
  border-bottom: 1px solid var(--rr-color-border-1);
  padding: 30px 0;
}

.footer-3 .footer-wrap .footer-text-social {
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 15px;
}

@media only screen and (max-width: 767px) {
  .footer-3 .footer-wrap .footer-text-social {
    justify-content: start;
  }
}

.footer-3 .footer-wrap .footer-text-social li {
  line-height: 1;
}

.footer-3 .footer-wrap .footer-text-social li:not(:last-of-type) {
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .footer-3 .footer-wrap .footer-text-social li:not(:last-of-type) {
    margin-right: 20px;
  }
}

.footer-3 .footer-wrap .footer-text-social li a {
  color: var(--rr-color-common-white);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.footer-3 .footer-wrap .footer-text-social li a:hover {
  color: var(--rr-color-theme-primary);
}

.footer-3 .copyright-area {
  border-top: none;
}

.footer-3 .copyright-area .site-logo {
  max-width: 170px;
}

.footer-4 .footer-wrap {
  padding: 130px 0;
}

@media only screen and (max-width: 992px) {
  .footer-4 .footer-wrap {
    padding: 80px 0 0 0;
  }
}

.footer-4 .logo-widget p {
  margin-bottom: 40px;
}

.footer-4 .logo-widget .social-list li a {
  background-color: #1E2228;
  border-radius: 50%;
  border: none;
}

.footer-4 .logo-widget .social-list li a:hover {
  background-color: var(--rr-color-theme-primary);
}

@media only screen and (max-width: 767px) {
  .copyright-content.content-2 .site-logo {
    margin: 0 auto;
  }
}

.copyright-content.content-2 p {
  text-align: right;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .copyright-content.content-2 p {
    text-align: center;
  }
}

.footer-12 {
  background-color: #11151C;
}

.footer-12 .footer-wrap {
  padding: 120px 0 65px 0;
}

@media only screen and (max-width: 992px) {
  .footer-12 .footer-wrap {
    padding-bottom: 0;
    padding-top: 80px;
  }
}

.footer-12 .footer-widget.mail-widget {
  display: grid;
  align-items: center;
  grid-template-columns: 140px 1fr;
  grid-gap: 30px;
}

@media (max-width: 1199px) {
  .footer-12 .footer-widget.mail-widget {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 992px) {
  .footer-12 .footer-widget.mail-widget {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-12 .footer-widget.mail-widget {
    grid-template-columns: 1fr;
  }
}

.footer-12 .footer-widget.mail-widget .icon-wrapper {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  height: 140px;
  width: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-12 .footer-widget.mail-widget .icon-wrapper .icon {
  height: 116px;
  width: 116px;
  border-radius: 50%;
  border: 1px solid var(--rr-color-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rr-color-common-white);
  font-size: 30px;
}

.footer-12 .footer-widget.mail-widget .content a {
  color: var(--rr-color-common-white);
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
  font-family: var(--rr-ff-body);
  display: inline-block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .footer-12 .footer-widget.mail-widget .content a {
    font-size: 30px;
  }
}

.footer-12 .footer-widget.mail-widget .content a:hover {
  color: var(--rr-color-theme-primary);
}

.footer-12 .footer-widget.mail-widget .content p {
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .footer-12 .footer-widget.mail-widget .content p {
    font-size: 14px;
  }
}

.footer-12 .footer-widget.website-widget {
  padding-left: 70px;
}

@media only screen and (max-width: 992px) {
  .footer-12 .footer-widget.website-widget {
    padding-left: 0;
  }
}

.footer-12 .footer-widget.website-widget .footer-website:not(:last-of-type) {
  margin-bottom: 40px;
}

.footer-12 .footer-widget.website-widget .footer-website span {
  color: var(--rr-color-common-white);
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}

.footer-12 .footer-widget.website-widget .footer-website a {
  color: var(--rr-color-common-white);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.footer-12 .footer-widget.subscribe-widget {
  padding-left: 70px;
}

@media (max-width: 1199px) {
  .footer-12 .footer-widget.subscribe-widget {
    padding-left: 0;
  }
}

.footer-top-15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  padding-left: 40px;
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

@media only screen and (max-width: 767px) {
  .footer-top-15 {
    gap: 20px;
    flex-wrap: wrap;
    padding-left: 25px;
  }
}

.footer-top-15 .footer-menu {
  gap: 68px;
  flex-wrap: wrap;
  list-style: none;
  display: inline-flex;
  align-items: center;
}

@media only screen and (max-width: 992px) {
  .footer-top-15 .footer-menu {
    gap: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-top-15 .footer-menu {
    gap: 20px;
  }
}

.footer-top-15 .footer-menu li {
  display: inline-block;
}

.footer-top-15 .footer-menu li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: var(--rr-color-common-white);
}

.footer-top-15 .footer-menu li:hover a {
  color: var(--rr-color-theme-primary);
}

.footer-top-15 .footer-btn .rr-primary-btn {
  font-weight: 700;
  padding: 17px 27.5px;
  color: var(--rr-color-theme-primary);
  background-color: var(--rr-color-common-white);
}

.footer-top-15 .footer-btn .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

.footer-top-15 .footer-btn .rr-primary-btn::before {
  background-color: var(--rr-color-theme-primary);
}

.footer-wrap-15 {
  padding: 80px 0;
  padding-bottom: 62px;
}

.footer-widget-15 .footer-logo img {
  max-width: 170px;
}

.footer-widget-15.widget-col-1 p {
  line-height: 26px;
  margin-bottom: 23px;
}

.footer-widget-15.widget-col-1,
.footer-widget-15.widget-col-2 {
  position: relative;
}

.footer-widget-15.widget-col-1::after,
.footer-widget-15.widget-col-2::after {
  content: "";
  width: 1px;
  height: 221px;
  top: 0;
  right: 40px;
  position: absolute;
  background-color: var(--rr-color-grey-2);
}

@media (max-width: 1199px) {

  .footer-widget-15.widget-col-1::after,
  .footer-widget-15.widget-col-2::after {
    display: none;
  }
}

.footer-widget-15.widget-col-2 {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .footer-widget-15.widget-col-2 {
    margin-left: 0;
  }
}

.footer-widget-15.widget-col-2::after {
  right: 60px;
}

.footer-widget-15.widget-col-3 p {
  margin-bottom: 32px;
  line-height: 26px;
}

@media (max-width: 1199px) {
  .footer-widget-15.widget-col-3 p br {
    display: none;
  }
}

.footer-widget-15.widget-col-3 .widget-title {
  font-size: 30px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  .footer-widget-15.widget-col-3 .widget-title {
    line-height: 1.1;
  }
}

.footer-widget-15 .footer-social {
  display: flex;
  align-items: center;
  gap: 7px;
}

.footer-widget-15 .footer-social a {
  width: 51px;
  height: 51px;
  display: inline-flex;
  border-radius: 500px;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--rr-color-grey-2);
}

.footer-widget-15 .footer-social a:hover {
  color: var(--rr-color-common-white);
  border-color: var(--rr-color-theme-primary);
  background-color: var(--rr-color-theme-primary);
}

.footer-widget-15 .widget-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 24px;
  color: var(--rr-color-common-white);
}

.footer-widget-15 .address-list {
  list-style: none;
}

.footer-widget-15 .address-list li {
  display: flex;
  align-items: start;
  gap: 18px;
  margin-bottom: 16px;
}

.footer-widget-15 .address-list li span {
  font-size: 14px;
  color: var(--rr-color-theme-primary);
}

.footer-widget-15 .address-list li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  transform: translateY(-1px);
  color: var(--rr-color-text-body);
}

.footer-widget-15 .address-list li a:hover {
  color: var(--rr-color-theme-primary);
}

.footer-widget-15 .address-list li:first-of-type span {
  font-size: 20px;
}

.footer-widget-15 .footer-form .rr-subscribe-form {
  max-width: 440px;
  position: relative;
}

.footer-widget-15 .footer-form .form-control {
  max-width: 440px;
  width: 100%;
  height: 60px;
  padding: 10px 30px;
  padding-right: 200px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .footer-widget-15 .footer-form .form-control {
    padding: 10px 30px;
  }
}

.footer-widget-15 .footer-form .form-control:focus {
  border-color: inherit;
  outline: 0;
  box-shadow: none;
  background-color: var(--rr-color-common-white);
}

.footer-widget-15 .footer-form .rr-primary-btn {
  padding: 17px 34px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .footer-widget-15 .footer-form .rr-primary-btn {
    position: inherit;
    right: 0px;
    margin-top: 5px;
    transform: translateY(0%);
  }
}

.copyright-15 {
  padding: 21.5px 0;
  padding-bottom: 42px;
}

@media only screen and (max-width: 767px) {
  .copyright-15 .copyright-content-15 .row {
    flex-direction: column-reverse;
  }
}

.copyright-15 .copyright-content-15 p {
  margin-bottom: 0;
  color: var(--rr-color-common-white);
}

@media only screen and (max-width: 767px) {
  .copyright-15 .copyright-content-15 p {
    text-align: center;
  }
}

.copyright-15 .copyright-menu {
  list-style: none;
  gap: 30px;
  display: flex;
  align-items: center;
  justify-content: end;
}

@media only screen and (max-width: 767px) {
  .copyright-15 .copyright-menu {
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}

.copyright-15 .copyright-menu li a {
  font-weight: 500;
  color: var(--rr-color-common-white);
}

.copyright-15 .copyright-menu li a:hover {
  color: var(--rr-color-theme-primary);
}

.footer-16 .footer-top {
  margin-left: 28px;
  margin-right: 28px;
  margin-bottom: 96px;
}

@media (max-width: 1199px) {
  .footer-16 .footer-top {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 992px) {
  .footer-16 .footer-top {
    margin-bottom: 50px;
  }
}

.footer-16 .footer-wrap {
  margin-left: 18px;
  margin-right: 18px;
  padding-bottom: 53px;
}

@media (max-width: 1199px) {
  .footer-16 .footer-wrap {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 992px) {
  .footer-16 .footer-wrap {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0;
  }
}

.footer-16 .footer-wrap>div:nth-child(2) .footer-widget {
  margin-left: 60px;
}

@media (max-width: 1399px) {
  .footer-16 .footer-wrap>div:nth-child(2) .footer-widget {
    margin-left: 36px;
  }
}

@media (max-width: 1199px) {
  .footer-16 .footer-wrap>div:nth-child(2) .footer-widget {
    margin-left: 0px;
  }
}

.footer-16 .footer-wrap>div:nth-child(3) .footer-widget {
  margin-left: 85px;
}

@media (max-width: 1199px) {
  .footer-16 .footer-wrap>div:nth-child(3) .footer-widget {
    margin-left: 0px;
  }
}

.footer-16 .footer-wrap .footer-widget .footer-form {
  margin-top: 40px;
}

.footer-16 .footer-wrap .footer-widget .footer-form .form-control {
  border-radius: 25px;
  padding: 15px 104px 15px 26px;
}

.footer-16 .footer-wrap .footer-widget .footer-form .submit {
  border-radius: 25px;
  right: 0px;
}

.footer-16 .footer-wrap .footer-widget .widget-header {
  margin-bottom: 22px;
}

.footer-16 .footer-wrap .footer-widget .widget-header .widget-title {
  position: relative;
}

@media (max-width: 1199px) {
  .footer-16 .footer-wrap .footer-widget .widget-header .widget-title {
    font-size: 21px;
  }
}

.footer-16 .footer-wrap .footer-widget .widget-header .widget-title:before {
  background-color: var(--rr-color-theme-primary);
  content: "";
  height: 5px;
  width: 80px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.footer-16 .footer-wrap .footer-widget .footer-list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 42px;
  color: #B0B2B7;
  margin-bottom: 0;
}

.footer-16 .footer-wrap .footer-widget .address-list li {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #B0B2B7;
  margin-bottom: 13px;
}

.footer-16 .footer-wrap .footer-widget .address-list li:first-child {
  margin-top: 30px;
}

.footer-16 .footer-wrap .footer-widget .address-list li:last-child {
  margin-bottom: 0;
  margin-top: 25px;
}

.footer-16 .footer-wrap .footer-widget .form-check-input {
  border: 1px solid #1E2228;
  border-radius: 3px;
}

.copyright-area-16 {
  padding: 23px 0;
}

.copyright-area-16 .copyright-content {
  margin-left: 20px;
  margin-right: 20px;
}

@media (max-width: 1199px) {
  .copyright-area-16 .copyright-content {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.copyright-area-16 .copyright-content .decs {
  color: white;
}

.copyright-area-16 .copyright-list:not(:last-of-type) {
  padding-right: 12px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .copyright-area-16 .copyright-list:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 0;
  }
}

.footer-section-19 .footer-section-19-wrapper {
  background: #111111;
}

.footer-section-19 .footer-section-19-wrapper .footer-widget-copyright {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.footer-section-19 .footer-section-19-wrapper .footer-widget-copyright .footer-text {
  font-weight: 600;
  font-size: 359.71px;
  line-height: 320.71px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: var(--rr-ff-heading);
  display: block;
  margin-bottom: -25px;
  margin-left: -27px;
}

@media (max-width: 1600px) {
  .footer-section-19 .footer-section-19-wrapper .footer-widget-copyright .footer-text {
    font-size: 250.71px;
    line-height: 300.71px;
    margin-left: -20px;
  }
}

@media (max-width: 1199px) {
  .footer-section-19 .footer-section-19-wrapper .footer-widget-copyright .footer-text {
    font-size: 195.71px;
    line-height: 225.71px;
    margin-left: -14px;
  }
}

@media only screen and (max-width: 992px) {
  .footer-section-19 .footer-section-19-wrapper .footer-widget-copyright .footer-text {
    font-size: 142.71px;
    line-height: 170.71px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-section-19 .footer-section-19-wrapper .footer-widget-copyright .footer-text {
    font-size: 80.71px;
    line-height: 140.71px;
    margin-left: 0px;
  }
}

.footer-section-19 .footer-section-19-wrapper .footer-widget-copyright p {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: var(--rr-ff-body-2);
  padding-bottom: 40px;
  margin: auto 0 0 0;
}

.footer-section-19 .footer-section-19-wrapper .footer-widget-wrapper-box {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .footer-section-19 .footer-section-19-wrapper .footer-widget-wrapper-box {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-section-19 .footer-widget-form {
    margin-bottom: 30px;
  }
}

.footer-section-19 .footer-widget-form .subscribe-form {
  max-width: 400px;
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field {
  display: flex;
  gap: 10px;
  background-color: rgba(17, 17, 17, 0.05);
  padding: 18px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field input {
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--rr-color-common-white);
  font-family: var(--rr-ff-body-2);
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field input::-webkit-input-placeholder {
  color: #555555;
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field input:-moz-placeholder {
  color: #555555;
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field input::-moz-placeholder {
  color: #555555;
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field input:-ms-input-placeholder {
  color: #555555;
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field input:-webkit-autofill,
.footer-section-19 .footer-widget-form .subscribe-form .input-field input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

.footer-section-19 .footer-widget-form .subscribe-form .input-field .subscribe-btn i {
  color: var(--rr-color-common-white);
}

.footer-section-19 .footer-widget-box {
  margin-left: 90px;
}

@media (max-width: 1600px) {
  .footer-section-19 .footer-widget-box {
    margin-left: 50px;
  }
}

@media (max-width: 1399px) {
  .footer-section-19 .footer-widget-box {
    margin-left: 30px;
  }
}

@media (max-width: 1199px) {
  .footer-section-19 .footer-widget-box {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 992px) {
  .footer-section-19 .footer-widget-box {
    margin-bottom: 30px;
  }
}

.footer-section-19 .footer-widget-box-2 {
  margin-left: 50px;
}

@media (max-width: 1600px) {
  .footer-section-19 .footer-widget-box-2 {
    margin-left: 20px;
  }
}

@media (max-width: 1399px) {
  .footer-section-19 .footer-widget-box-2 {
    margin-left: 0px;
  }
}

.footer-section-19 .footer-widget-box .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #555555;
  margin-bottom: 24px;
}

.footer-section-19 .footer-widget-box .footer-nav-list li {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: var(--rr-ff-body-2);
  list-style: none;
}

/* !END: Theme Footer CSS */
/* Common Colors */
[data-theme=light] body {
  background-color: var(--rr-color-common-white);
  color: #74787C;
}

[data-theme=light] h1,
[data-theme=light] h2,
[data-theme=light] h3,
[data-theme=light] h4,
[data-theme=light] h5,
[data-theme=light] h6 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-3d-anim-deliverables h2 {
  color: #ffffff;
}

[data-theme=light] .gc-3d-anim-deliverables p {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-hero h1.gc-video-3d-hero-title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-challenges p {
  color: black;
}



[data-theme=light] .gc-video-3d-hero h3 {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-hero p {
  color: #ffffff;
}

[data-theme=light] p {
  color: #1b1e21;
}


[data-theme=light] .section-heading .section-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .section-heading .bg-text {
  color: #f8f8f8;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #E8E9EF;
}

[data-theme=light] .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .blog-author.text-center ul.social-list li a i {
  color: var(--rr-color-common-dark);
}

[data-theme=light] .blog-author.text-center ul.social-list li:hover a i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger svg {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger:hover {
  border: 1px solid var(--rr-color-theme-primary) !important;
}

[data-theme=light] .dark-img {
  display: none;
}

[data-theme=light] .light-img {
  display: block;
}

[data-theme=light] .header.fixed {
  background-color: var(--rr-color-common-white);
  border-bottom: 1px solid #efefef;
}

[data-theme=light] .header .primary-header-inner .header-logo .logo-dark {
  display: none;
}

[data-theme=light] .header .primary-header-inner .header-logo .logo-light {
  display: block;
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li ul li a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li ul li a:hover {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li ul li a:before {
  bottom: -1px;
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.active a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.active ul li a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.active ul li a:hover {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .primary-header.fixed .primary-header-inner {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .hero-section .hero-bg-shape {
  opacity: 0.1;
}

[data-theme=light] .hero-content .bottom-title,
[data-theme=light] .hero-content .sub-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-content .title {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-content .title:before {
  display: none;
}

[data-theme=light] .process-section .bg-shape {
  opacity: 0.03;
}

[data-theme=light] .process-item .process-icon {
  background-color: #F2F3F4;
}

[data-theme=light] .process-item .process-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-section .round-shape {
  opacity: 0.05;
}

[data-theme=light] .about-wrap {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .about-wrap .shape {
  opacity: 0.05;
}

[data-theme=light] .about-wrap .about-text {
  bottom: 50px;
}

[data-theme=light] .about-wrap .about-img-wrap .about-img-2 .img-2 {
  border-right: 10px solid var(--rr-color-grey-light);
  border-top: 10px solid var(--rr-color-grey-light);
}

[data-theme=light] .service-section .shape {
  opacity: 0.05;
}

[data-theme=light] .service-section .bg-color {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .service-item:hover .service-text a {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .faq-section .faq-top-shape {
  background-color: rgba(63, 90, 243, 0.18);
}

[data-theme=light] .faq-section .faq-shape {
  opacity: 0.05;
}

[data-theme=light] .faq-content .accordion .accordion-item {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .faq-content .accordion .accordion-item:first-child {
  border-top: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .faq-content .accordion .accordion-item .accordion-button {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .faq-content .accordion .accordion-item .accordion-button:after {
  border: 1px solid var(--rr-color-border-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .faq-content .accordion .accordion-item .accordion-button:not(.collapsed):after {
  border: 1px solid var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .faq-content .accordion .accordion-item .accordion-body {
  color: #74787C;
}

[data-theme=light] .running-text.testi ul li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .running-text.testi ul li:nth-child(2) {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .testi-item {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .testi-item .testi-thumb {
  border: 10px solid var(--rr-color-common-white);
}

[data-theme=light] .testi-carousel .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
}

[data-theme=light] .testi-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .project-item .project-content .project-right .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-accordion .accordion-item {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .project-accordion .accordion-item:first-child {
  border-top: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .project-accordion .accordion-item .accordion-button {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-accordion .accordion-item .accordion-button .project-content .number {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .project-accordion .accordion-item .accordion-button:not(.collapsed) .project-content .number {
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .project-accordion .accordion-item .accordion-body {
  color: #74787C;
}

[data-theme=light] .running-text.running-1 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .running-text.running-1 ul li {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .mobile-side-menu {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .mobile-side-menu .side-menu-head .mobile-side-menu-close {
  border: 1px solid var(--rr-color-border-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .mobile-side-menu .side-menu-list li a,
[data-theme=light] .mobile-side-menu .side-menu-list li span,
[data-theme=light] .mobile-side-menu .side-menu-list li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .footer-3 .footer-top .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .sidebar-area {
  border-left: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .post-card {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .post-card .post-content .title a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .post-card .post-content .rr-primary-btn {
  border: 1px solid #1E2228;
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .post-card .post-content .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-2 .hero-text .inner-text {
  color: #f8f8f8;
}

[data-theme=light] .hero-section-2 .hero-text .inner-text .container-svg {
  display: none;
}

[data-theme=light] .service-top .swiper-pagination {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-top .swiper-arrow .swiper-nav {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .process-box {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .process-box .number {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .process-box .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .process-box .read-more:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .reward-item {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .reward-item .reward-middle .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .reward-item .reward-right .number {
  border: 1px solid var(--rr-color-border-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .reward-item:hover .reward-middle .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .reward-item:hover .reward-right .number {
  border: 1px solid var(--rr-color-common-white);
  color: var(--rr-color-common-white);
}

[data-theme=light] .counter-item .title {
  color: rgba(63, 90, 243, 0.14);
}

[data-theme=light] .about-wrap-3 {
  background-color: var(--rr-color-grey-light);
  background-image: inherit !important;
}

[data-theme=light] .about-wrap-3 .about-text .mission {
  color: #F8F8F8;
}

[data-theme=light] .newsletter-form .form-control {
  background-color: var(--rr-color-grey-light);
  outline: none;
  box-shadow: none;
  margin: 0;
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .newsletter-form .form-control:focus {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .brand-wrap {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .post-card-2 .post-content-wrap .post-content .title a {
  color: var(--rr-color-common-white);
}

[data-theme=light] .cta-wrap .cta-thumb-wrap .cta-btn {
  border: 10px solid var(--rr-color-common-white);
}

[data-theme=light] .hero-section-2 .hero-sidebar .sidebar-icon .sidebar-trigger {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-3 .round-shape {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .hero-section-3 .round-shape-2 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .hero-section-3 .border-shape {
  opacity: 0.1;
}

[data-theme=light] .hero-content-3 .title span:before {
  background-image: url(../img/shapes/hero-shape-4-light.png);
}

[data-theme=light] .about-section-4 .shape {
  opacity: 0.1;
}

[data-theme=light] .about-img-wrap-4 .img-2 {
  border-top: 10px solid var(--rr-color-common-white);
  border-right: 10px solid var(--rr-color-common-white);
}

[data-theme=light] .service-box-wrap .service-box {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .service-box-wrap .service-box .number {
  color: rgba(63, 90, 243, 0.14);
}

[data-theme=light] .process-section-3 {
  background-image: none !important;
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .project-top .swiper-arrow {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-top .swiper-pagination {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .process-item-2 {
  background-color: var(--rr-color-common-white);
  border: none;
}

[data-theme=light] .process-item-2 .icon {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .process-item-2 .icon svg {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .process-item-2:hover .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .team-section-2 {
  background-image: none !important;
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .team-item-2 .team-content {
  background-color: var(--rr-color-common-white);
  border: none;
}

[data-theme=light] .pricing-tab .nav-wrap .nav-tabs {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .pricing-tab .nav-wrap .nav-tabs .nav-link.active {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .pricing-item {
  background-color: var(--rr-color-grey-light);
  border: none;
}

[data-theme=light] .pricing-item .price {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .pricing-item span {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .appointment-wrap {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .appointment-wrap:after {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .appointment-wrap .appointment-content .appointment-form .form-control {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .blog-section-3 .shapes .shape {
  opacity: 0.1;
}

[data-theme=light] .post-card-2.card-3 .post-content-wrap .post-content .post-meta li {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .post-card-2.card-3 .post-content-wrap .post-content .title a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .post-card-2.card-3 .post-content-wrap .post-content .title a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header-3 .top-bar {
  border-bottom: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .header-3 .top-bar-inner .site-logo .logo-dark {
  display: none;
}

[data-theme=light] .header-3 .top-bar-inner .site-logo .logo-light {
  display: block;
}

[data-theme=light] .header-3 .top-bar-inner .top-bar-items .top-bar-item .icon {
  background-color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-border-light);
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header-3 .top-bar-inner .top-bar-items .top-bar-item .content a,
[data-theme=light] .header-3 .top-bar-inner .top-bar-items .top-bar-item .content p {
  color: var(--rr-color-heading-primary);
  font-weight: 600;
}

[data-theme=light] .header-3 .top-bar-inner .top-bar-items .top-bar-item .content a:hover {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header-3 .top-bar-inner .top-bar-items .top-bar-item:not(:last-of-type) {
  border-right: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .header-3 .primary-header.fixed {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .hero-content-4 .title span {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .service-item-3 {
  background-color: var(--rr-color-grey-light);
  border: none;
}

[data-theme=light] .service-item-3 .service-icon {
  background-color: var(--rr-color-common-white);
  border: none;
}

[data-theme=light] .service-item-3 .service-icon svg {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .about-tab .nav-tabs .nav-link {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-tab .nav-tabs .nav-link.active {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .testi-top .quote {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-grey-light);
}

[data-theme=light] .testi-top:before {
  background-color: var(--rr-color-border-light);
}

[data-theme=light] .testi-top .swiper-arrow .swiper-nav {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-grey-light);
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .testi-top .swiper-arrow .swiper-nav:hover {
  background-color: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .cs-item {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .grow-item .grow-icon {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-grey-light);
}

[data-theme=light] .grow-item .grow-icon svg {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .page-header-content .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .page-header-content .sub-title .inner-page {
  color: var(--rr-color-common-white);
}

[data-theme=light] .inner-header.fixed {
  background-color: var(--rr-color-bg-1);
  border: none;
}

[data-theme=light] .inner-header .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=light] .inner-header .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .inner-header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {
  color: var(--rr-color-common-white);
}

[data-theme=light] .inner-header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

[data-theme=light] .inner-header .primary-header.fixed .primary-header-inner {
  background-color: var(--rr-color-bg-1);
}

[data-theme=light] .inner-header .primary-header.fixed .primary-header-inner .header-menu-wrap ul li ul {
  top: 113px;
}

[data-theme=light] .author-wrap {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .author-wrap .author-content .author-items {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .author-wrap .author-content .author-items .author-item {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .author-wrap .author-content .author-items .author-item .content h4 span {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .details-progress .skills-item .progress .progress-bar span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-details-content .project-details-items {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .project-details-content .project-details-items .project-details-item .icon {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .project-details-content blockquote {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .project-details-content blockquote .content p {
  color: var(--rr-color-heading-primary);
  margin-bottom: 15px;
}

[data-theme=light] .tags .tag-left .tag-list li a {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
  font-weight: 500;
}

[data-theme=light] .tags .tag-left .tag-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .tags .social-list-wrap .social-list li a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .tags .social-list-wrap .social-list li a:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .next-prev-wrap {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .next-prev-wrap .post-btn a {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .next-prev-wrap .post-btn a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .next-prev-wrap .post-btn a .icon {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
  border: 1px solid var(--rr-color-grey-light);
}

[data-theme=light] .blog-contact-form {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .blog-contact-form .request-form .form-item .form-control {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .blog-contact-form .request-form .form-item .form-control.nice-select .list {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .blog-contact-form .request-form .form-item .form-control.nice-select .list li {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .comment-item:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .faq-content-2 .accordion-item .accordion-header .accordion-button,
[data-theme=light] .faq-content-2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
  border: 1px solid transparent;
}

[data-theme=light] .faq-widget {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .faq-widget .search-box .form-control {
  background-color: var(--rr-color-common-white);
  border-color: var(--rr-color-grey-light);
}

[data-theme=light] .faq-sponsor .sponsor-text-2 {
  color: var(--rr-color-common-white);
}

[data-theme=light] .error-content .text span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-cta-wrap .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .service-details-content .details-box-wrap .details-box,
[data-theme=light] .service-details-content .service-details-items .service-details-item {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .service-widget {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .service-widget .category-list li a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-widget .category-list li:hover a,
[data-theme=light] .service-widget .category-list li.active a {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .download-area .download-item:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .shop-top .select-control {
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .shop-top .select-control .list {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .shop-item {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .shop-item .shop-content .category {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .shop-item .shop-content .title span .offer {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .product-details-wrap .product-gallary .gallary-item {
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .product-info .desc {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .product-info .details-list li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .tab-navigation button {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .tab-navigation button.active,
[data-theme=light] .tab-navigation button:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .reviewr-wrap .review-list .review-item {
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .reviewr-wrap .review-list .review-item .content .content-top .name span {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .blog-contact-form.form-2 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .review-form-wrap .review-box span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .blog-contact-form.form-2 .request-form .form-item .form-control {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .review-form-wrap .checkbox-wrap label {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .cart-table {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .cart-table thead tr {
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .cart-table thead tr th {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .cart-table tbody tr td {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .cart-table tbody tr td.product-quantity input {
  color: var(--rr-color-heading-primary);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .cart-btn-wrap {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .cart-btn-wrap .left-item .form-control {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .cart-btn-wrap .update-btn {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .cart-btn-wrap .update-btn:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .checkout-wrapper {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .checkout-wrapper .checkout-item {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .checkout-wrapper .checkout-item span {
  color: var(--rr-color-heading-primary);
  font-weight: 500;
}

[data-theme=light] .checkout-wrapper .checkout-item .checkout-option-wrapper .shipping-option label {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .checkout-top .coupon-list .verify-item .title {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .checkout-top .coupon-list .verify-item .title:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .checkout-top .coupon-list .verify-item .login-form .form-control {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .checkout-form-wrap .form-item .form-control {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .order-box {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .order-box .order-item:not(:last-of-type) {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .order-box .order-item .order-left .product {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .payment-option-wrap .payment-option .shipping-option label,
[data-theme=light] .order-box .order-item .order-right .right-title span,
[data-theme=light] .order-box .order-item .order-right .right-title,
[data-theme=light] .order-box .order-item .order-left .left-title,
[data-theme=light] .order-box .order-item .order-right .price,
[data-theme=light] .order-box .order-item.item-1 .order-right .price {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .post-card-2.inner-blog .post-content .rr-primary-btn {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .post-card-2.inner-blog .post-content .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .grid-post-wrap {
  border-right: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .pagination-wrap li a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .pagination-wrap li a:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .pagination-wrap li a.active {
  color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .sidebar-widget .category-list li a {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
  border-bottom: none;
}

[data-theme=light] .sidebar-widget .category-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .sidebar-widget .tags li a {
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .post-card-2.inner-blog-2 .post-content .rr-primary-btn {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .post-card-2.inner-blog-2 .post-content .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .post-card-2.inner-blog-2:not(:last-of-type) {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .post-meta li {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .blog-details-content blockquote .content {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .blog-details-content blockquote .content p {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .blog-author-item {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-grey-light);
}

[data-theme=light] .blog-details-wrap,
[data-theme=light] .blog-author-wrap {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .contact-content {
  background-color: var(--rr-color-grey-light);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .blog-contact-form.form-2,
[data-theme=light] .contact-content .contact-list .list-item {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .contact-content .contact-list .list-item .icon {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .sidebar-area {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .side-menu-list li i {
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .mean-bar .mean-nav.mean-nav>ul li a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .mean-bar .mean-nav.mean-nav>ul li {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .mean-bar .mean-nav.mean-nav>ul li a.mean-expand {
  color: var(--rr-color-common-white);
}

@media (max-width: 992px) {

  [data-theme=light] .header-6,
  [data-theme=light] .header-5 {
    background-color: var(--rr-color-bg-1);
  }

  [data-theme=light] .header-5 .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle {
    color: var(--rr-color-common-white);
  }
}

[data-theme=light] .header-5 .primary-header .primary-header-inner .header-right .header-contact .content span,
[data-theme=light] .header-5 .top-bar .top-bar-inner .top-bar-right .top-bar-social .social-list li,
[data-theme=light] .header-5 .top-bar .top-bar-inner .top-bar-right .top-bar-social span,
[data-theme=light] .header-5 .top-bar .top-bar-inner .top-bar-right .top-right-list li,
[data-theme=light] .header-5 .top-bar .top-bar-inner .top-bar-list li {
  color: var(--rr-color-text-body);
}

[data-theme=light] .header-5 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after,
[data-theme=light] .header-5 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=light] .header-5 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header-5.fixed {
  background-color: var(--rr-color-bg-1);
  border: none;
}

[data-theme=light] .header-6.fixed {
  background-color: transparent;
  border: none;
}

[data-theme=light] .header-18.fixed {
  background-color: transparent;
  border: none;
  background: var(--rr-color-common-white);
}

[data-theme=light] .header-19.fixed {
  background-color: transparent;
  border: none;
  background: var(--rr-color-common-white);
}

[data-theme=light] .runok-slider .slider-item .hero-content .bottom-title,
[data-theme=light] .runok-slider .slider-item .hero-content .sub-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .runok-slider .slider-item .hero-content .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .runok-slider .slider-item .hero-content .title:before {
  display: block;
}

[data-theme=light] .about-content-6 .section-heading {
  border-bottom: 1px solid #E6E6E6;
}

[data-theme=light] .about-content-7 .about-list-wrap span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-card {
  background-color: var(--rr-color-common-white);
  border: 1px solid #E6E6E6;
}

[data-theme=light] .service-card .icon {
  background: #E8EDF9;
}

[data-theme=light] .service-card .content .read-more {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .process-counter {
  border-bottom: 1px solid #E6E6E6;
}

[data-theme=light] .process-counter.new {
  border-bottom: unset;
}

[data-theme=light] .process-counter .counter-card {
  border-right: 1px solid #E6E6E6;
}

[data-theme=light] .process-counter.new .counter-card {
  border-right: unset;
}

[data-theme=light] .process-counter .counter-card.card-4 {
  border-right: none;
}

[data-theme=light] .process-counter .counter-card .icon {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .process-item .process-icon.icon-2 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .post-card-2.card-4 .post-content-wrap .post-content .post-meta li:nth-child(1) {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .cta-wrap-5 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .sponsor-section-6 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .footer-widget .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .footer-widget .title span {
  color: var(--rr-color-text-body);
}

[data-theme=light] .footer-widget p {
  color: var(--rr-color-text-body);
}

[data-theme=light] .footer-widget .form-check .form-check-label {
  color: var(--rr-color-text-body);
}

[data-theme=light] .copyright-content p {
  color: var(--rr-color-text-body);
}

[data-theme=light] .slider-tab-wrap .swiper-slide .slider-tab-btn {
  color: var(--rr-color-common-white);
}

[data-theme=light] .slider-tab-wrap .swiper-slide.swiper-slide-thumb-active .slider-tab-btn {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header-6 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after,
[data-theme=light] .header-6 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=light] .header-6 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header-16 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after,
[data-theme=light] .header-16 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=light] .header-16 .primary-header-inner .header-menu-wrap ul li a {
  color: #000000;
}

[data-theme=light] .header-18 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after,
[data-theme=light] .header-18 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=light] .header-18 .primary-header-inner .header-menu-wrap ul li a {
  color: #000000;
}

[data-theme=light] .header-17 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after,
[data-theme=light] .header-17 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=light] .header-17 .primary-header-inner .header-menu-wrap ul li a {
  color: #02050A;
}

[data-theme=light] .header-6 .primary-header.fixed .primary-header-inner,
[data-theme=light] .header-6 .primary-header.fixed {
  background-color: var(--rr-color-bg-1);
}

[data-theme=light] .runok-slider-2 .slider-item .slider-content .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .process-section-3 {
  background-color: var(--rr-color-common-white);
  border-bottom: 1px solid #E6E6E6;
}

[data-theme=light] .process-section-3 .process-item-2 {
  border: 1px solid #E6E6E6;
}

[data-theme=light] .exp-content .skills-items .skills-item .progress .progress-bar span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .choose-us {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .choose-us-content .choose-list li {
  color: #74787C;
}

[data-theme=light] .counter-area {
  background-color: var(--rr-color-grey-light);
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
}

[data-theme=light] .counter-card-2 {
  border-right: 1px solid #E6E6E6;
}

[data-theme=light] .service-card-2 {
  background-color: var(--rr-color-common-white);
  border: 1px solid #E6E6E6;
}

[data-theme=light] .pricing-section {
  border-bottom: 1px solid #E6E6E6;
}

[data-theme=light] .blog-section-6 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .post-card.card-6 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .post-card.card-6 .post-content-wrap .post-content .blog-btn:before {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .contact-content .contact-list .list-item:hover .icon {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-5 .shapes .shape.shape-1 {
  opacity: 0.2;
}

[data-theme=light] .hero-section-5 .shapes .shape.shape-2 img {
  opacity: 0.05;
}

[data-theme=light] .counter-box-wrapper {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .cta-section-7 .cta-content-wrap .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .team-item-3 .team-content {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .growth-content .growth-items .growth-item .number {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .growth-content .growth-items .growth-item:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .testimonial-section-7 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .testi-item-7 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .counter-area-7 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .counter-card-3 .counter-right p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .brand-2 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .header-8 .primary-header .primary-header-inner {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger {
  border: none !important;
}

[data-theme=light] .header-8 .primary-header .primary-header-inner .header-right-wrap .header-right .sidebar-icon .sidebar-trigger:hover {
  border: none;
}

[data-theme=light] .header-8.fixed {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .header-8.fixed .primary-header .primary-header-inner {
  border-color: transparent;
}

[data-theme=light] .line-wrap {
  display: none;
}

[data-theme=light] .runok-slider-3 .slider-item .slider-content-wrap .slider-content p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .runok-slider-3 .slider-item .slider-content-wrap .slider-content .slider-btn {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .running-text.running-4 ul li {
  color: var(--rr-color-text-body-light);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--rr-color-text-body-light);
}

[data-theme=light] .about-content-8 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .service-item-4 .service-content {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .service-item-4 .service-content .number {
  color: var(--rr-color-heading-primary);
  opacity: 0.2;
}

[data-theme=light] .content-img-wrap .content-counter .content .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .content-info .content-list li .number {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .content-info .content-list li .list-info {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .content-info .content-list li .list-info span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testi-left-content .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testi-card .testi-author .content .name {
  color: var(--rr-color-common-white);
}

[data-theme=light] .req-wrap {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .request-content .request-form .form-item .form-control {
  background-color: var(--rr-color-common-white);
  border: 1px solid #237687;
}

[data-theme=light] .post-card.card-6.card-8 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .sponsor-8 {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-9 .bg-item .round-shape {
  opacity: 0.05;
}

[data-theme=light] .hero-section-9 .bg-item .shape.shape-1 {
  display: none;
}

[data-theme=light] .header-9 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .about-container-9 .shape-2 {
  opacity: 0.05;
}

[data-theme=light] .service-item-5 .service-content {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .service-item-5 .service-content .read-more {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-item-5 .service-content .read-more:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .service-item-5 .service-content .read-more:hover:before {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .service-item-5 .service-content .read-more:before {
  background-color: var(--rr-color-heading-primary);
}

[data-theme=light] .grow-top .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .grow-item .grow-content .top-content .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .grow-item .grow-content .top-content p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .team-item-9 {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .team-item-9 .category {
  color: var(--rr-color-heading-primary);
  opacity: 0.1;
}

[data-theme=light] .team-item-9 .team-content {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .team-item-9 .team-bottom a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .team-item-9 .team-bottom a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .testi-content-9 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testi-box .author-box .name {
  color: var(--rr-color-common-white);
}

[data-theme=light] .pricing-item-2 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .pricing-item-2 .pricing-left .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .pricing-item-2 .pricing-list li {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .cta-contact-wrap .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .running-text.running-7 ul li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .running-text.running-7 ul li.colors {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-info-3 .sub-title,
[data-theme=light] .hero-info-3 .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header-10 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid var(--rr-color-bg-1);
}

[data-theme=light] .header-16 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

[data-theme=light] .header-17 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

[data-theme=light] .header-18 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background: inherit;
}

[data-theme=light] .header-19 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background: inherit;
}

[data-theme=light] .grow-item-2 .grow-content .top-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .grow-item-2 .grow-content .top-content p {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-content-10 .about-exp-box .year {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .about-content-10 .about-exp-box {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .service-item-wrap .service-item-10 {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .exp-content-2 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .exp-content-2 .skills-items .skills-item .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .exp-content-2 .skills-items .skills-item .progress .progress-bar span {
  color: var(--rr-color-common-white);
}

[data-theme=light] .award-item {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .award-item span {
  border-color: var(--rr-color-theme-primary);
  color: var(--rr-color-theme-primary);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--rr-color-theme-primary);
}

[data-theme=light] .testi-box-2 .author-box .name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testi-box-2 .author-box .name span {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .req-wrap-2 .request-content-2 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .footer-10 .shape {
  display: none;
}

[data-theme=light] .cta-contact-area:before {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .hero-content-5 .rr-primary-btn {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .hero-content-5 .rr-primary-btn:before {
  background-color: var(--rr-color-heading-primary);
  border: 1px solid var(--rr-color-heading-primary);
}

[data-theme=light] .counter-box-wrapper .counter-box-wrap .counter-box .content p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .counter-box-wrapper .counter-box-wrap .counter-box:not(:last-of-type) {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .header-7 .primary-header-inner .header-logo .logo-light {
  display: block;
}

[data-theme=light] .header-7 .primary-header-inner .header-logo .logo-light-2 {
  display: none;
}

[data-theme=light] .header-7.fixed .primary-header-inner .header-logo .logo-light {
  display: none;
}

[data-theme=light] .header-7.fixed .primary-header-inner .header-logo .logo-light-2 {
  display: block;
}

[data-theme=light] .testi-item-7 p {
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .hero-contact-items ul li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-wrap-9 .about-content-wrap-9 .about-content-bottom .about-card .read-more:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .sponsor-9 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .header-7 .primary-header .primary-header-inner .header-right-wrap .header-right .search-icon {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-img-wrap-11 .about-img-2 img {
  border-color: var(--rr-color-common-white);
}

[data-theme=light] .about-img-wrap-11 .about-counter-box .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .about-content-11 .about-items .about-item .number {
  background-color: var(--rr-color-theme-primary);
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .service-section-11 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .team-item-11 .team-content {
  background-color: transparent;
}

[data-theme=light] .team-item-11 .line-box {
  opacity: 0.5;
}

[data-theme=light] .project-11 {
  background-color: var(--rr-color-common-white);
  padding-top: 0;
}

[data-theme=light] .project-item-wrapper {
  background-color: var(--rr-color-grey-light);
  border: none;
}

[data-theme=light] .hero-info-5 .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-info-4 p {
  color: var(--rr-color-common-white);
}

[data-theme=light] .about-content-11 .about-items .about-item:not(:last-of-type) {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .counter-12 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .counter-item-wrap {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .service-section-12 {
  background-color: var(--rr-color-common-white);
  padding-bottom: 0;
}

[data-theme=light] .service-item-12,
[data-theme=light] .service-item-11 {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .service-item-12 .icon,
[data-theme=light] .service-item-11 .icon {
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .project-header-left .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .process-12 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .process-item-3 .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testi-item-4 {
  background-color: var(--rr-color-grey-light);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .testi-item-4 p {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .testi-item-4 .testi-author-box .content span {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .award-section-2 {
  background-color: var(--rr-color-common-white);
  padding-bottom: 0;
}

[data-theme=light] .award-item-2 .left-content span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .award-item-2 {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .post-card.card-6.card-8.card-12 .post-content .post-meta li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .post-card.card-6.card-8.card-12 .post-content .blog-btn {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .post-card.card-6.card-8.card-12 .post-content .blog-btn:hover {
  border: 1px solid var(--rr-color-theme-primary);
}

[data-theme=light] .req-contact,
[data-theme=light] .req-contact-item .icon,
[data-theme=light] .req-contact-item,
[data-theme=light] .req-wrap-3 {
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .req-contact-item .icon {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .req-wrap-3 .request-content .request-form .form-item label {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .req-wrap-3 .request-content .request-form .form-item .form-control {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .project-11 {
  padding-bottom: 0;
}

@media (min-width: 993px) {
  [data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    background-color: var(--rr-color-common-white);
  }

  [data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul li {
    border: none;
  }

  [data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul li a:hover {
    color: var(--rr-color-theme-primary);
  }
}

[data-theme=light] .hero-section-13 .hero-info-3 .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-btn-wrap-2 .rr-primary-btn-custom {
  color: var(--rr-color-heading-primary);
  border-color: #74787C !important;
}

[data-theme=light] .service-section-13-bg-color {
  background: var(--rr-color-common-white);
}

[data-theme=light] .service-section-13 {
  padding-top: 0;
}

[data-theme=light] .service-section-13 .service-item-13 {
  background: var(--rr-color-common-white);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .service-section-13 .service-item-13 .rr-primary-btn {
  color: var(--rr-color-common-white);
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .service-section-13 .service-item-13 .rr-primary-btn::before {
  background: rgba(255, 255, 255, 0.2);
}

[data-theme=light] .project-section-13 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .blog-section-13 .post-card-2 {
  background-color: var(--rr-color-common-white);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box .post-meta .cta span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-section-14 .hero-info-3 .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success .about-success-item .content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .team-bg-15 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .team-section-14 .team-wrapper-15 .team-name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .team-section-14 .team-slide-14-arrow {
  background-color: var(--rr-color-grey-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .pricing__area {
  padding-bottom: 120px;
}

[data-theme=light] .exp-section-14 {
  background-color: var(--rr-color-common-white);
  padding-top: 0;
}

[data-theme=light] .exp-section-14 .exp-content-2 .section-heading .section-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .exp-section-14 .exp-content .skills-items .skills-item .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .exp-section-14 .exp-content .skills-items .skills-item .progress .progress-bar span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-section-14 {
  padding-top: 0;
}

[data-theme=light] .project-item-14 {
  background-color: var(--rr-color-common-white);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .project-wrap-14 .project-item-14 .project-content .project-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-wrap-14 .project-item-14 .project-content p {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testi-section-14 {
  background-color: var(--rr-color-common-white);
  padding-top: 0;
}

[data-theme=light] .testi-section-14-shape-1 {
  display: none;
}

[data-theme=light] .testi-section-14-shape-2 {
  display: none;
}

[data-theme=light] .testi-wrapper-14 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .about-contect-15 .about-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header-15.fixed {
  background-color: var(--rr-color-bg-1);
}

[data-theme=light] .cta-wrap-15 .section-heading-15 .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .service-section-15 {
  padding-top: 120px;
}

[data-theme=light] .project-section-15 {
  background-color: var(--rr-color-common-white);
  padding-top: 0;
}

[data-theme=light] .team-section-15 {
  padding-top: 0;
}

[data-theme=light] .testimonial-wrap-15 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .blog-section-15 .post-card-2.card-3 {
  background-color: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-heading-primary);
}

[data-theme=light] .hero-section-13 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn-custom:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .hero-section-14 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn-custom {
  color: var(--rr-color-common-white);
}

[data-theme=light] .process-15 .section-heading .bg-text {
  display: none;
}

[data-theme=light] .service-section-14 {
  padding-top: 120px;
}

[data-theme=light] .exp-section-14 .exp-content .skills-items .skills-item .progress {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .testi-wrapper-14 {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .testi-wrapper-14 .testi-author {
  border-bottom: 1px solid #e5e5e5;
}

[data-theme=light] .request-section-13 .req-wrap {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .faq-content-15 .faq-wrap .accordion-button:not(.collapsed) {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-wrap-15 {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .blog-section-13 .post-card-2.card-3 .post-thumb .post-meta-box {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .sponsor-wrap {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .sponsor-wrap .sponsor-item:not(:last-of-type) {
  border-right: 1px solid #e5e5e5;
}

[data-theme=light] .about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success {
  border-bottom: 1px solid #e5e5e5;
}

[data-theme=light] .blog-section-15 .post-card-2.card-3 {
  border: 1px solid #e5e5e5;
}

[data-theme=light] .header-15 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid var(--rr-color-common-white);
}

[data-theme=light] .team-wrapper-15 .team-name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .team-wrapper-15 {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .service-section-15 .service-item-13 .service-item-13-inner {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .service-section-15 .service-item-13 .icon svg path {
  fill: var(--rr-color-heading-primary);
}

[data-theme=light] .about-contect-15 .about-card {
  background-color: var(--rr-color-grey-light);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .about-contect-15 .about-card .about-card-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-contect-15 .about-card p {
  color: #74787C;
}

[data-theme=light] .project-item-15 {
  background-color: var(--rr-color-grey-light);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .project-item-15 .project-title {
  color: var(--rr-color-heading-primary) !important;
}

[data-theme=light] .project-item-15 .project-number span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-item-15 .project-content p {
  color: #74787C;
}

[data-theme=light] .project-item-15 .project-list li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-item-15 .project-list li::before {
  background-color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-wrap-15 .testi-info {
  background-color: var(--rr-color-grey-light);
  border-top: 1px solid #e5e5e5;
}

[data-theme=light] .testimonial-wrap-15 .testi-info .testi-author .name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .faq-content-15 .faq-wrap .accordion-item {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .faq-content-15 .faq-wrap .accordion-body p {
  color: #74787C;
}

[data-theme=light] .faq-content-15 .faq-wrap .accordion-button {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-section-14 .about-content-4 .about-counter-wrap .about-counter-15 .about-success .about-success-item .icon {
  background-color: var(--rr-color-grey-light);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .service-wrap-14 .service-item-14 {
  background-color: var(--rr-color-grey-light);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .service-wrap-14 .service-item-14 .service-content .service-title {
  color: #74787C;
}

[data-theme=light] .team-section-14 .team-wrapper-15:hover .team-content .team-name {
  color: var(--rr-color-common-white);
}

[data-theme=light] .tech__area {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .feature-section-13 .feature-wrap {
  background-color: var(--rr-color-grey-light);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .feature-section-13 .feature-wrap .feature-item {
  border-right: 1px solid #e5e5e5;
}

[data-theme=light] .feature-section-13 .feature-wrap .feature-item .content .count {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .feature-section-13 .feature-wrap .feature-item .content .count span {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .feature-section-13 .feature-wrap .feature-item .content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .feature-section-13 .feature-wrap .feature-item .content p {
  color: #74787C;
}

[data-theme=light] .best-quality-13 .about-img-wrap-11 .about-img-2 {
  border-color: var(--rr-color-common-white);
}

[data-theme=light] .best-quality-13 .about-img-wrap-11 .about-img-3 {
  border-color: var(--rr-color-common-white);
}

[data-theme=light] .request-section-13 .req-wrap .request-content {
  background-color: var(--rr-color-grey-light);
  border: 1px solid #e5e5e5;
}

[data-theme=light] .request-section-13 .req-wrap .request-content .request-form {
  border-top: 1px solid #e5e5e5;
}

[data-theme=light] .request-section-13 .req-wrap .request-content .request-form .form-group .form-item .form-control {
  border-color: #e5e5e5;
}

[data-theme=light] .request-section-13 .req-wrap .request-content .form-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testi-wrapper-14 .testi-author .testi-author-info .testi-name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .newsletter-form .form-control {
  background-color: var(--rr-color-bg-1);
}

[data-theme=light] .header-13 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  border: 1px solid #2D343E;
}

[data-theme=light] .hero-section-14 .hero-info-3 .hero-btn-wrap-2 .rr-primary-btn-custom:hover {
  border-color: var(--rr-color-theme-primary) !important;
}

[data-theme=light] .header-17 .primary-header {
  background: var(--rr-color-common-white);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li a {
  color: #02050A;
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children {
  color: #02050A;
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header .primary-header-inner .header-menu-wrap ul li.active.menu-item-has-children:after {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header-5 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header-6 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header-16 .primary-header-inner .header-menu-wrap ul li a {
  color: #02050A;
}

[data-theme=light] .header-17 .primary-header-inner .header-menu-wrap ul li a {
  color: #02050A;
}

[data-theme=light] .hero-section-17-content .title {
  color: #02050A;
}

[data-theme=light] .hero-section-17-content .decs {
  color: #74787C;
}

[data-theme=light] .hero-section-17-btn .Watch {
  color: #02050A;
}

[data-theme=light] .hero-section-17-btn .Watch:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-17-btn-box .play-btn i {
  color: #02050A;
}

[data-theme=light] .hero-section-17-btn-box .play-btn {
  border: 1px solid rgba(2, 5, 10, 0.5);
}

[data-theme=light] .hero-section-17-wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .hero-section-17-wrap .content .decs {
  color: #74787C;
}

[data-theme=light] .about-section-17-content .title {
  color: #02050A;
}

[data-theme=light] .about-section-17-content .decs {
  color: #74787C;
}

[data-theme=light] .about-section-17-counter .counter {
  color: #02050A;
}

[data-theme=light] .about-section-17-counter .decs {
  color: #74787C;
}

[data-theme=light] .about-section-17-area {
  background: white;
}

[data-theme=light] .about-section-17-wrapper::before {
  background: #F2F3F4;
}

[data-theme=light] .team-section-17-info .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .team-section-17-info .decs {
  color: #74787C;
}

[data-theme=light] .team-section-17-info .sub-title {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .project-section-17-area {
  background: var(--rr-color-common-white);
}

[data-theme=light] .project-section-17__item {
  border-radius: 15px;
}

[data-theme=light] .service-section-17-area {
  background: var(--rr-color-common-white);
}

[data-theme=light] .service-section-17-item {
  border-top: 1px solid rgba(2, 5, 10, 0.3);
  border-bottom: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .service-section-17-arrow {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .service-section-17-left .content .title {
  color: rgba(2, 5, 10, 0.6);
}

[data-theme=light] .service-section-17-left .content span {
  color: rgba(2, 5, 10, 0.6);
}

[data-theme=light] .service-section-17-text .decs {
  color: #74787C;
}

[data-theme=light] .service-section-17-arrow i {
  color: #02050A;
}

[data-theme=light] .service-section-17-item:hover .content span {
  color: #02050A;
}

[data-theme=light] .service-section-17-item:hover .content .title {
  color: #02050A;
}

[data-theme=light] .team-section-17-wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .team-section-17-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .team-section-17-content span {
  color: #74787C;
}

[data-theme=light] .team-section-17-area .swiper-arrow .swiper-nav {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .team-section-17-area .swiper-arrow .swiper-nav i {
  color: #02050A;
}

[data-theme=light] .team-section-17-area .swiper-arrow .swiper-nav-right {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .team-section-17-area .swiper-arrow .swiper-nav:hover i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .team-section-17-area .swiper-arrow .swiper-nav-right i {
  color: #02050A;
}

[data-theme=light] .team-section-17-area .swiper-arrow .swiper-nav-right:hover i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .running-section-17 {
  background: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-section-17-wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-section-17-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-section-17-item {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .testimonial-section-17-content .desg .name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-section-17-content .desg span {
  color: #74787C;
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-pagination-2 .swiper-pagination-bullet-active {
  background: var(--rr-color-theme-primary);
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-arrow .swiper-nav {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-arrow .swiper-nav i {
  color: #02050A;
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right i {
  color: #02050A;
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-arrow .swiper-nav:hover i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-section-17-wrapper .swiper-arrow .swiper-nav-right:hover i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .blog-section-17-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .blog-section-17-content .post-meta span strong {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .blog-section-17-content .post-meta span {
  color: #74787C;
}

[data-theme=light] .blog-section-17-item .post-content .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .blog-section-17-wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .blog-section-17-wrap {
  border: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .blog-section-17-btn .rr-primary-btn {
  border: 1px solid rgba(2, 5, 10, 0.3);
  color: #74787C;
}

[data-theme=light] .blog-section-17-btn .rr-primary-btn-2 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #74787C;
}

[data-theme=light] .blog-section-17-btn .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .hero-section-17-border {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(2, 5, 10, 0.5) 98.92%);
}

[data-theme=light] .header-17 .primary-header .primary-header-inner-17 .header-logo {
  border-right: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .header-17 .primary-header .primary-header-inner {
  border-bottom: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .header-17 .header-right-wrap {
  border-left: 1px solid rgba(2, 5, 10, 0.3);
}

[data-theme=light] .hero-section-18__content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-section-18__item .decs {
  color: #74787C;
}

[data-theme=light] .header-19 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-section-18__text .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-section-18__info .sub-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-section-18__text .decs {
  color: #74787C;
}

[data-theme=light] .about-section-18__wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .about-section-18__info .sub-title::before {
  background: #74787C;
}

[data-theme=light] .service-section-18__info .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__info .sub-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-1 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-2 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-3 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-4 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-5 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-6 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-7 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-8 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-9 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-10 {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__center-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__center-content .decs {
  color: #74787C;
}

[data-theme=light] .service-section-18__wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .service-section-18__item {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__center-content .icon {
  border: 1.5px solid rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__center-content::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__border {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__center-content .arrow-btn i {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-18__item .step-1::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-2::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-3::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-4::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-5::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-6::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-7::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-8::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-9::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__item .step-10::before {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme=light] .service-section-18__center-content .icon:hover i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .section-heading-18-info .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .section-heading-18-info .sub-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-section-18-content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .project-section-18-content span {
  color: #74787C;
}

[data-theme=light] .project-section-18-wrapper {
  background: #fff;
}

[data-theme=light] .testimonial-section-18__content .decs {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-section-18__item .author-details .name {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-section-18__item .author-details span {
  color: #74787C;
}

[data-theme=light] .testimonial-section-18__wrap .swiper-arrow .swiper-nav i {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-section-18__wrap .swiper-arrow .swiper-nav-right i {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .testimonial-section-18__wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rr-color-theme-primary) !important;
}

[data-theme=light] .testimonial-section-18__wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-section-18__wrap .swiper-arrow .swiper-nav-right:hover i {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-section-18__wrap .shapes .shape-1 {
  top: 67px;
}

[data-theme=light] .award-section-18-wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .award-section-18-info .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .award-section-18-info .sub-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .award-section-18-top .hosted h3 {
  color: #74787C;
}

[data-theme=light] .award-section-18-top .title h3 {
  color: #74787C;
}

[data-theme=light] .award-section-18-top .time h3 {
  color: #74787C;
}

[data-theme=light] .award-section-18-item .name {
  color: #74787C;
}

[data-theme=light] .award-section-18-item .text {
  color: #74787C;
}

[data-theme=light] .award-section-18-item .time {
  color: #74787C;
}

[data-theme=light] .award-section-18-wrap .award-section-18-item:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme=light] .award-section-18-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme=light] .award-section-18-item:hover .name {
  color: var(--rr-color-common-white);
}

[data-theme=light] .award-section-18-item:hover .text {
  color: var(--rr-color-common-white);
}

[data-theme=light] .award-section-18-item:hover .time {
  color: var(--rr-color-common-white);
}

[data-theme=light] .hero-section-18__wrapper {
  background: var(--rr-color-common-white);
}

[data-theme=light] .header-18 .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-18__wrapper .shapes .shape-1::before {
  display: none;
}

[data-theme=light] .hero-section-18__wrapper .shapes .shape-1::after {
  display: none;
}

[data-theme=light] .testimonial-section-18__item .author-img-wrap .quote {
  border: 3px solid white;
}

[data-theme=light] .header-16 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger svg {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header-17 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  background: inherit;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme=dark] .header-16 .primary-header .primary-header-inner {
  background: #02050A;
}

[data-theme=dark] .hero-section-16__area .social-sidebar .follow-text {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .hero-section-16__area .social-sidebar .line {
  background: rgba(255, 255, 255, 0.3);
}

[data-theme=dark] .hero-section-16__area .social-sidebar .social-links li a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .highlight-section-16__content .decs {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .highlight-section-16__content {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .highlight-section-16__wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #02050A;
}

[data-theme=dark] .header .primary-header-inner .header-menu-wrap ul li.active-16 ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__info .sub-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__info .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__info .decs {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__btn .work {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__counter-2 .counters-item .decs {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__counter-2 .counters-item .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-16__counter-2 .counters-item .title span {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .explore-16-content .decs {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .explore-16-content .name {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .explore-16-content .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .explore-16-content {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .explore-16-item {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .project-section-16__area .section-heading-16 .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .project-section-16__area .swiper-arrow .swiper-nav {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .project-section-16__area .swiper-arrow .swiper-nav i {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .project-section-16__area .swiper-arrow .swiper-nav-right {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .project-section-16__area .swiper-arrow .swiper-nav-right i {
  color: #fff;
}

[data-theme=dark] .testimonial-section-16-area {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
}

[data-theme=dark] .testimonial-section-16-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .testimonial-section-16-heading .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-16-card .Reviews span {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-16-card .rating span {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-16-card .swiper-arrow .swiper-nav-right {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .testimonial-section-16-card .swiper-arrow .swiper-nav-right i {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-16-card .swiper-arrow .swiper-nav {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .testimonial-section-16-card .swiper-arrow .swiper-nav i {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .counter-section-7 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
}

[data-theme=dark] .section-heading-16 .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .blog-section-16__content .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .blog-section-16__content .title a {
  color: var(--rr-color-common-white);
  background: linear-gradient(#fff 0%, #fff 98%);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: left 100%;
  color: var(--rr-color-common-white);
  transition: all 0.3s ease-in-out;
}

[data-theme=dark] .blog-section-16__content .title a:hover {
  color: var(--rr-color-common-white);
  background-size: 100% 2px;
}

[data-theme=dark] .blog-section-16__meta .avatar span strong {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme=dark] .blog-section-16__meta .date span {
  color: #02050A;
}

[data-theme=dark] .section-heading-16 .sub-title {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .team-section-16__name {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .team-section-16__position {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme=dark] .header .primary-header-inner .header-menu-wrap ul li.active-16.menu-item-has-children:after {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .header .primary-header-inner .header-menu-wrap ul li.active-16 ul li a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  border-radius: 50%;
}

[data-theme=dark] .header-18 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .header-17 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  border-radius: 50%;
}

[data-theme=dark] .header-19 .primary-header .primary-header-inner {
  background: inherit;
}

[data-theme=dark] .header-19 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: inherit;
}

[data-theme=dark] .about-section-19__info .sub-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-19__info .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-19__wrapper {
  background: #02050A;
}

[data-theme=dark] .about-section-19__content .decs {
  color: #74787C;
}

[data-theme=dark] .section-heading-19__info .sub-title {
  color: var(--rr-color-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .section-heading-19__info .decs {
  color: rgba(255, 255, 255, 0.5);
}

[data-theme=dark] .portfolio-section-19__wrapper {
  background: #02050A;
}

[data-theme=dark] .service-section-19-content-box .title {
  color: #74787C;
}

[data-theme=dark] .service-section-19-content-box .content:hover .title a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .service-section-19-item-wrapper .number h3 {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .service-section-19-wrapper {
  background: #02050A;
}

[data-theme=dark] .testimonial-section-19__content .decs {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-19__content .name {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-19__content span {
  color: #74787C;
}

[data-theme=dark] .testimonial-section-19__wrapper {
  background: #02050A;
}

[data-theme=dark] .team-section-19__wrapper {
  background: #02050A;
}

[data-theme=dark] .blog-section-19__wrapper {
  background: #02050A;
}

[data-theme=dark] .blog-section-19__content .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .blog-section-19__content .date h3 {
  color: #74787C;
}

[data-theme=dark] .blog-section-19__content .date h3 span {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .header-18.fixed {
  background-color: transparent;
  border: none;
  background: #02050A;
}

[data-theme=dark] .header-18 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: inherit;
}

[data-theme=dark] .header-19 .primary-header-inner .header-right-wrap .header-right .sidebar-trigger {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: inherit;
}

[data-theme=dark] .header-18 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after,
[data-theme=dark] .header-18 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=dark] .header-18 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rr-color-theme-primary);
}

[data-theme=dark] .header .primary-header-inner .header-menu-wrap ul li a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .header-19.fixed {
  background-color: transparent;
  border: none;
  background: #02050A;
}

[data-theme=dark] .header-19 .primary-header-inner .header-menu-wrap ul li a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .service-section-19-content-box .content-2 .title {
  border-bottom: 5px solid #74787C;
}

[data-theme=dark] .service-section-19-content-box .content-2:hover .title {
  color: var(--rr-color-common-white);
  border-bottom: 5px solid white;
}

[data-theme=dark] .header-16 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  background: inherit;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .about-section-16__area {
  background: #02050A;
}

[data-theme=dark] .team-section-16__area {
  background: #02050A;
}

[data-theme=dark] .client-section-16-area {
  background: #02050A;
}

[data-theme=dark] .blog-section-16__area {
  background: #02050A;
}

[data-theme=dark] .project-section-16__area {
  background: #02050A;
}

[data-theme=dark] .header-18 .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .about-section-16-img-box .img-2 {
  border: 10px solid #02050A;
}

/**----------------------------------------
    START: RTL CSS
----------------------------------------*/
.rtl {
  direction: rtl;
}

.rtl .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a {
  text-align: right;
  padding-right: 0;
  padding-left: 15px;
}

.rtl .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after {
  right: auto;
  left: 0;
}

.rtl .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li a {
  padding-right: 20px;
}

.rtl .header .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
  transform: translateY(36px) translateX(10px);
}

.rtl .header .primary-header-inner .header-menu-wrap ul li:first-child {
  margin: 0 25px;
}

.rtl .header .primary-header-inner .header-menu-wrap ul li:last-child {
  margin: 0 25px;
  margin-left: 0;
}

.rtl .header .primary-header-inner .header-menu-wrap ul li ul li:first-child {
  margin: 0;
}

.rtl .header .primary-header-inner .header-menu-wrap ul li ul li:last-child {
  margin: 0;
}

.rtl .header-2 .primary-header-inner .header-menu-wrap ul li.mega-menu:after {
  transform: translateY(45px) translateX(10px);
}

.rtl .rr-primary-btn i {
  margin-right: 10px;
  font-size: 14px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}

.rtl .faq-content .accordion .accordion-item .accordion-button:after {
  margin-right: auto;
  margin-left: 0;
}

.rtl .project-accordion .accordion-item .accordion-body .hover-content .content-right .project-thumb {
  right: auto;
  left: 0;
}

.rtl .project-item .project-content .project-right {
  text-align: right;
}

.rtl .footer-widget .widget-header .widget-title:before {
  display: none;
}

.rtl .footer-widget .footer-form .submit {
  right: auto;
  left: 0;
}

.rtl .footer-widget .footer-form .form-control {
  padding: 15px 15px 15px 104px;
}

.rtl .footer-widget.footer-col-2 {
  padding-left: 0;
  padding-right: 70px;
}

@media only screen and (max-width: 992px) {
  .rtl .footer-widget.footer-col-2 {
    padding-right: 0;
  }
}

.rtl .about-content-2 {
  padding-left: 0;
  padding-right: 50px;
}

@media only screen and (max-width: 992px) {
  .rtl .about-content-2 {
    padding-right: 0;
  }
}

.rtl .newsletter-form .form-control {
  padding: 24.5px 70px 24.5px 290px;
}

.rtl .newsletter-form .icon {
  left: auto;
  right: 35px;
}

.rtl .brand-wrap .brand-img-wrap {
  display: none;
}

.rtl .newsletter-form .submit-btn {
  right: auto;
  left: 20px;
}

/* !END: RTL CSS */
.skill-section-18 {
  margin-top: -1px;
}

.skill-section-18__wrapper {
  background: #11151C;
}

@media (max-width: 1199px) {
  .skill-section-18__wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.skill-section-18__wrap {
  display: grid;
  grid-template-columns: 707px 1fr;
}

@media (max-width: 1399px) {
  .skill-section-18__wrap {
    grid-template-columns: 570px 1fr;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__wrap {
    grid-template-columns: 410px 1fr;
  }
}

@media only screen and (max-width: 992px) {
  .skill-section-18__wrap {
    grid-template-columns: 1fr;
  }
}

.skill-section-18__content {
  display: flex;
  gap: 100px;
  margin-left: 20px;
  flex-wrap: wrap;
}

@media (max-width: 1399px) {
  .skill-section-18__content {
    gap: 50px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__content {
    gap: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .skill-section-18__content {
    justify-content: space-between;
    margin-left: 0;
    gap: 0;
  }
}

@media only screen and (max-width: 992px) {
  .skill-section-18__sub-title {
    margin-bottom: 30px;
  }
}

.skill-section-18__sub-title .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  color: #FFFFFF;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .skill-section-18__sub-title .title {
    font-size: 36px;
    line-height: 41px;
  }
}

.skill-section-18__sub-title .title::before {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
  width: 520px;
}

@media (max-width: 1399px) {
  .skill-section-18__sub-title .title::before {
    width: 390px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__sub-title .title::before {
    width: 235px;
  }
}

@media only screen and (max-width: 992px) {
  .skill-section-18__sub-title .title::before {
    left: 24%;
  }
}

@media only screen and (max-width: 767px) {
  .skill-section-18__sub-title .title::before {
    display: none;
  }
}

.skill-section-18__list {
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .skill-section-18__list {
    margin-bottom: 30px;
  }
}

.skill-section-18__list .title {
  font-weight: 600;
  font-size: 36px;
  line-height: 58px;
  color: #FFFFFF;
  margin-bottom: 4px;
}

@media (max-width: 1600px) {
  .skill-section-18__list .title {
    font-size: 32px;
    line-height: 55px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__list .title {
    font-size: 30px;
    line-height: 42px;
  }
}

.skill-section-18__list ul li {
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.5);
  padding-left: 25px;
  position: relative;
}

.skill-section-18__list ul li::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  left: 6px;
  top: 40%;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
}

.skill-section-18__item-wrapper {
  display: flex;
  margin-top: 40px;
}

@media (max-width: 1199px) {
  .skill-section-18__item-wrapper {
    flex-wrap: wrap;
  }
}

.skill-section-18__items {
  width: 100%;
}

.skill-section-18__items-2 {
  position: relative;
}

.skill-section-18__items-2::before {
  content: "";
  position: absolute;
  left: 80px;
  top: 59px;
  width: 1px;
  height: 332px;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1399px) {
  .skill-section-18__items-2::before {
    left: 45px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__items-2::before {
    display: none;
  }
}

.skill-section-18__items .skill-item {
  display: grid;
  grid-template-columns: 116px 1fr;
  margin-bottom: 50px;
}

@media (max-width: 1199px) {
  .skill-section-18__items .skill-item {
    grid-template-columns: 116px 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .skill-section-18__items .skill-item {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
}

.skill-section-18__items .skill-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .skill-section-18__items .skill-item:last-child {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-section-18__items .skill-item:last-child {
    margin-bottom: 30px;
  }
}

.skill-section-18__items .skill-item .icon {
  height: 116px;
  width: 116px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skill-section-18__items .skill-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 15px;
  padding: 20px 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 58px;
  position: relative;
  width: 512px;
}

@media (max-width: 1600px) {
  .skill-section-18__items .skill-content {
    width: 485px;
  }
}

@media (max-width: 1399px) {
  .skill-section-18__items .skill-content {
    width: 425px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__items .skill-content {
    width: 100%;
  }
}

.skill-section-18__items .skill-content .left-content .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 30px;
  color: #FFFFFF;
}

.skill-section-18__items .skill-content .left-content span {
  font-weight: 500;
  font-size: 15px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
}

.skill-section-18__items .skill-content .text-span {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: var(--rr-color-common-white);
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}

.skill-section-18__items .skill-content .text-span:hover {
  background: #3F5AF3;
}

.skill-section-18__items .skill-content .text-span:hover a {
  color: var(--rr-color-common-white);
}

.skill-section-18__items .skill-item-2 {
  display: grid;
  grid-template-columns: 512px 1fr;
  position: relative;
  padding-left: 160px;
}

@media (max-width: 1600px) {
  .skill-section-18__items .skill-item-2 {
    grid-template-columns: 485px 1fr;
  }
}

@media (max-width: 1399px) {
  .skill-section-18__items .skill-item-2 {
    grid-template-columns: 425px 1fr;
    padding-left: 90px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__items .skill-item-2 {
    grid-template-columns: 1fr auto;
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-section-18__items .skill-item-2 {
    grid-template-columns: auto;
    padding-left: 0px;
  }
}

.skill-section-18__items .skill-item-2::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 170px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1700px) {
  .skill-section-18__items .skill-item-2::before {
    left: -12px;
    top: 50%;
    width: 174px;
  }
}

@media (max-width: 1600px) {
  .skill-section-18__items .skill-item-2::before {
    left: -14px;
    top: 50%;
    width: 174px;
  }
}

@media (max-width: 1399px) {
  .skill-section-18__items .skill-item-2::before {
    width: 95px;
    left: -5px;
  }
}

@media (max-width: 1199px) {
  .skill-section-18__items .skill-item-2::before {
    display: none;
  }
}

.experience-section-19__wrapper {
  position: relative;
  max-height: 1000px;
  overflow: hidden;
}

.experience-section-19__wrapper .experience-19-video {
  width: 100%;
  max-height: 1000px;
  object-fit: cover;
}

.experience-section-19__item {
  position: absolute;
  top: 48%;
  left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0 30px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .experience-section-19__item {
    top: 45px;
    padding: 0 6px;
  }
}

.experience-section-19__content .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #999999;
  text-align: center;
  margin: 0;
}

.experience-section-19__content span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}

.service-section-13.service-section-15 .content img {
  max-width: 100%;
  padding-top: 20px;
}

.ai-quote-banner-11 .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-section-10 {
  padding-top: 110px;
  background-color: #0D1F2D;
  border-bottom: 1px solid #6E7682;
}

@media (max-width: 991px) {
  .about-section-10 {
    padding-top: 0 !important;
  }
}

.service-section-13.service-section-15.pt-120.pb-120 {
  background-color: #0D1F2D;
}

/* ===== index.html — dark / light theme sections ===== */

/* --- index.html section decorative shape images (#237687) --- */
.about-img-wrap-5 .shapes img,
.process-4 .process-bg-shape img,
.about-img-wrap-11 .img-wrap-shape img,
.blog-section.blog-11 .bg-shape img {
  filter: var(--gc-shape-color-filter);
}

/* Hero shapes — original look in dark, teal tint in light */
[data-theme=dark] .hero-section-11 .bg-shape img,
[data-theme=dark] .hero-section-11 .shapes .shape-2 img {
  filter: none;
}

[data-theme=dark] .hero-section-11 .shapes .shape-1 {
  line-height: 0;
}

[data-theme=dark] .hero-section-11 .shapes .shape-1 img {
  visibility: hidden;
}

[data-theme=dark] .hero-section-11 .shapes .shape-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(45deg,
      transparent 40%,
      color-mix(in srgb, var(--rr-color-theme-primary) 35%, transparent) 50%,
      transparent 60%),
    var(--rr-color-theme-primary);
  -webkit-mask-image: url("../img/new-update/hero-shape-22.png");
  mask-image: url("../img/new-update/hero-shape-22.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}

/* Light hero shapes: mask tint (no CSS filter — avoids scroll jank with ScrollSmoother) */
[data-theme=light] .hero-section-11 .bg-shape img,
[data-theme=light] .hero-section-11 .shapes img {
  filter: none;
  visibility: hidden;
}

[data-theme=light] .hero-section-11 .bg-shape {
  line-height: 0;
}

[data-theme=light] .hero-section-11 .bg-shape::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--rr-color-theme-primary);
  -webkit-mask-image: url("../img/new-update/hero-shape-1.png");
  mask-image: url("../img/new-update/hero-shape-1.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}

[data-theme=light] .hero-section-11 .shapes .shape-1 {
  line-height: 0;
}

[data-theme=light] .hero-section-11 .shapes .shape-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--rr-color-theme-primary);
  -webkit-mask-image: url("../img/new-update/hero-shape-22.png");
  mask-image: url("../img/new-update/hero-shape-22.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}

[data-theme=light] .hero-section-11 .shapes .shape-2 {
  line-height: 0;
}

[data-theme=light] .hero-section-11 .shapes .shape-2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--rr-color-theme-primary);
  -webkit-mask-image: url("../img/new-update/hero-shape-3.png");
  mask-image: url("../img/new-update/hero-shape-3.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}

[data-theme=light] .blog-section.blog-11 .bg-shape {
  opacity: 0.08;
}

[data-theme=light] .about-img-wrap-5 .shapes .shape,
[data-theme=light] .about-img-wrap-11 .img-wrap-shape,
[data-theme=light] .process-4 .process-bg-shape {
  opacity: 0.08;
}

[data-theme=dark] .blog-section.blog-11 .bg-shape,
[data-theme=dark] .about-img-wrap-5 .shapes .shape,
[data-theme=dark] .about-img-wrap-11 .img-wrap-shape,
[data-theme=dark] .process-4 .process-bg-shape {
  opacity: 1;
}

/* --- Dark theme --- */
[data-theme=dark] .hero-section-11 {
  background-color: #02050A;
  background-image: none;
}

[data-theme=dark] .hero-section-11 .bg-shape {
  opacity: 1;
}

[data-theme=dark] .hero-section-11 .shapes .shape-1 {
  opacity: 0.1;
}

[data-theme=dark] .hero-section-11 .shapes .shape-2 {
  opacity: 1;
}

[data-theme=dark] .hero-section-11 .hero-info-3 .title,
[data-theme=dark] .hero-section-11 .hero-info-4 .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .hero-section-11 .hero-info-4 p {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .hero-section-11 .hero-info-3 .hero-btn-wrap .rr-primary-btn:nth-child(1) {
  background-color: var(--rr-color-border-1);
  color: var(--rr-color-common-white);
  border: none;
}

[data-theme=dark] .hero-section-11 .hero-info-3 .hero-btn-wrap.two .rr-primary-btn:nth-child(1) {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: none;

}

[data-theme=dark] .hero-section-11 .hero-info-3 .hero-btn-wrap .rr-primary-btn:nth-child(2) {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border: none;
}

[data-theme=dark] .hero-section-11 .service-card-info .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .hero-section-11 .service-card-info p {
  color: var(--rr-color-text-body);
}

[data-theme=dark] .hero-section-11 .hero-services-orb {
  opacity: 1;
}

[data-theme=dark] .process-counter.new {
  background-color: unset;
  border-bottom-color: #6E7682;
}

[data-theme=dark] .process-counter {
  background-color: #0D1F2D;
  border-bottom-color: #237687;
}

[data-theme=dark] .process-counter .counter-card {
  border-right-color: #237687;
}

[data-theme=dark] .process-counter .counter-card .content .title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .process-counter .counter-card .content p {
  color: var(--rr-color-text-body);
}

[data-theme=dark] .process-counter .counter-card .icon {
  background-color: #4a9d9c;
}

[data-theme=dark] .about-section-10 {
  background-color: #0D1F2D;
  border-bottom-color: #237687;
}

[data-theme=dark] .about-section-10 .sub-heading {
  color: var(--rr-color-grey-1);
}

[data-theme=dark] .about-section-10 .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .about-section-10 .about-content-7 .about-list-wrap .about-list li {
  color: var(--rr-color-text-body);
}

[data-theme=dark] .service-section-13.service-section-15.pt-120.pb-120 {
  background-color: #0D1F2D;
  padding-top: 120px;
  padding-bottom: 120px;
}

/* Sub-heading primary teal on dark section was ~3.2:1 — bump for WCAG AA */
[data-theme=dark] .service-section-13.service-section-15 .sub-heading {
  color: #7ECAD6;
}

[data-theme=dark] .service-section-13.service-section-15 .gc-bg-removal-techniques-desc {
  color: #D1D5DB;
}

[data-theme=light] .service-section-13.service-section-15 .gc-bg-removal-techniques-desc {
  color: #4B5563;
}

[data-theme=dark] .service-section-15 .service-item-13 .service-item-13-inner {
  background-color: #11151C;
  border-radius: 20px;
}

[data-theme=dark] .service-section-15 .service-item-13 .content .title a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .service-section-15 .service-item-13 .content .dec {
  color: var(--rr-color-text-body);
}

[data-theme=dark] .ai-quote-banner-11 {
  background-color: #0D1F2D;
  border-top-color: rgba(35, 118, 135, 0.15);
  border-bottom-color: rgba(35, 118, 135, 0.15);
}

[data-theme=dark] .ai-quote-banner-11 .ai-quote-content {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.88) 0%, rgba(13, 31, 45, 0.72) 100%);
  border-color: rgba(35, 118, 135, 0.3);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.32);
}

[data-theme=dark] .ai-quote-banner-11 .ai-quote-title {
  color: #ffffff;
}

[data-theme=dark] .ai-quote-banner-11 .ai-quote-subtitle {
  color: rgba(255, 255, 255, 0.74);
}

[data-theme=dark] .ai-quote-banner-11 .ai-quote-features li {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.05);
}

[data-theme=dark] .industries-marquee-section-11 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.82) 0%, rgba(13, 31, 45, 0.58) 100%);
  border-top-color: var(--rr-color-border-1);
  border-bottom-color: var(--rr-color-border-1);
}

[data-theme=dark] .industries-marquee-section-11::before {
  background: linear-gradient(90deg, #02050A 0%, rgba(2, 5, 10, 0) 100%);
}

[data-theme=dark] .industries-marquee-section-11::after {
  background: linear-gradient(270deg, #02050A 0%, rgba(2, 5, 10, 0) 100%);
}

[data-theme=dark] .industries-marquee-section-11 .sub-heading {
  color: var(--rr-color-grey-1);
}

[data-theme=dark] .industries-marquee-section-11 .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .industry-item-11 .industry-title {
  color: var(--rr-color-common-white);
}

/* --- Light theme --- */
[data-theme=light] .hero-section-11 {
  background-color: var(--rr-color-common-white);
  background-image:
    radial-gradient(ellipse 80% 60% at 12% 18%, color-mix(in srgb, var(--rr-color-theme-primary) 14%, transparent), transparent),
    radial-gradient(ellipse 70% 55% at 88% 78%, color-mix(in srgb, var(--rr-color-theme-secondary) 12%, transparent), transparent);
}

[data-theme=light] .hero-section-11 .bg-shape {
  opacity: 0.12;
}

[data-theme=light] .hero-section-11 .shapes .shape-1 {
  opacity: 0.14;
}

[data-theme=light] .hero-section-11 .shapes .shape-2 {
  opacity: 0.14;
}

[data-theme=light] .hero-section-11 .hero-info-3 .title,
[data-theme=light] .hero-section-11 .hero-info-4 .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-section-11 .hero-info-4 p {
  color: #353739;
}

[data-theme=light] .hero-section-11 .hero-info-3 .hero-btn-wrap .rr-primary-btn:nth-child(1) {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .hero-section-11 .hero-info-3 .hero-btn-wrap .rr-primary-btn:nth-child(2) {
  background-color: transparent;
  color: var(--rr-color-heading-primary);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .hero-section-11 .hero-info-3 .hero-btn-wrap .rr-primary-btn:nth-child(2):hover {
  color: var(--rr-color-common-white);
  border-color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-11 .service-card-info .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .hero-section-11 .service-card-info p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .hero-section-11 .service-card-img {
  background: linear-gradient(145deg,
      color-mix(in srgb, var(--rr-color-theme-primary) 10%, #ffffff),
      #ffffff);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 22%, var(--rr-color-border-light));
  box-shadow:
    0 16px 32px rgba(17, 21, 28, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.85) inset;
}

[data-theme=light] .hero-section-11 .hero-service-card:hover .service-card-img {
  border-color: var(--rr-color-theme-primary);
  background: linear-gradient(145deg,
      color-mix(in srgb, var(--rr-color-theme-primary) 16%, #ffffff),
      #ffffff);
  box-shadow:
    0 20px 36px rgba(35, 118, 135, 0.16),
    0 0 24px color-mix(in srgb, var(--rr-color-theme-primary) 18%, transparent);
}

[data-theme=light] .hero-section-11 .hero-services-orb {
  opacity: 0.3;
}

[data-theme=light] .hero-section-11 .hero-service-card:hover .service-card-info .title {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .hero-section-11 .hero-service-card:hover .service-card-info p {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .process-counter {
  background-color: var(--rr-color-common-white);
  border-bottom-color: #237687;
}

[data-theme=light] .process-counter.new {
  background-color: unset;
  border-bottom-color: #237687;
}

[data-theme=light] .process-counter .counter-card {
  border-right-color: #237687;
}

[data-theme=light] .process-counter .counter-card.card-4 {
  border-right: none;
}

[data-theme=light] .process-counter .counter-card .icon {
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .process-counter.new .counter-card .icon {
  background-color: #0b9762;
}


[data-theme=light] .process-counter .counter-card .content .title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .process-counter.new .counter-card .content .title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .process-counter .counter-card .content p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .about-section-10 {
  background-color: var(--rr-color-common-white);
  border-bottom-color: var(--rr-color-border-light);
}

[data-theme=light] .about-section-10 .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .about-section-10 .section-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .about-section-10 .about-content-10 .about-exp-box p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .about-section-10 .about-content-7 .about-list-wrap .about-list li {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .service-section-13.service-section-15.pt-120.pb-120 {
  background-color: var(--rr-color-grey-1);
  padding-top: 120px;
  padding-bottom: 120px;
}

[data-theme=light] .service-section-13.service-section-15 .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .service-section-13.service-section-15 .section-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-15 .service-item-13 {
  background-color: var(--rr-color-common-white);
  border-color: var(--rr-color-border-light);
  border-radius: 20px;
}

[data-theme=light] .service-section-15 .service-item-13 .service-item-13-inner {
  background: linear-gradient(135deg, #fff 0%, #cfe2e6 100%);
  border-radius: 20px;
}

[data-theme=light] .service-section-15 .service-item-13 .content .title a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .service-section-15 .service-item-13 .content .dec {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .service-section-15 .service-item-13 .content .rr-primary-btn {
  color: var(--rr-color-common-white);
  background-color: var(--rr-color-theme-primary);
}

[data-theme=light] .service-section-15 .service-item-13 .content .rr-primary-btn:hover {
  color: var(--rr-color-common-white);
}

[data-theme=light] .ai-quote-banner-11 {
  background-color: #eef3f6;
  border-top-color: var(--rr-color-border-light);
  border-bottom-color: var(--rr-color-border-light);
}

[data-theme=light] .ai-quote-banner-11::before {
  background:
    radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--rr-color-theme-primary) 10%, transparent) 0%, transparent 42%),
    radial-gradient(circle at 85% 75%, color-mix(in srgb, var(--rr-color-theme-secondary) 8%, transparent) 0%, transparent 38%);
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-bg-image {
  opacity: 0.68;
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-overlay {
  background:
    linear-gradient(105deg, rgba(0, 0, 0, 0.3) 0%, rgba(4, 4, 4, 0.15) 38%, rgba(0, 0, 0, 0.37) 62%, rgba(0, 0, 0, 0.31) 100%), radial-gradient(circle at 20% 50%, color-mix(in srgb, var(--rr-color-theme-primary) 8%, #0000003d) 0%, #0000 48%)
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-content {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 248, 248, 0.9) 100%);
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 22%, var(--rr-color-border-light));
  box-shadow: 0 16px 40px rgba(17, 21, 28, 0.1);
  backdrop-filter: blur(6px);
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-badge {
  background: color-mix(in srgb, var(--rr-color-theme-primary) 12%, #ffffff);
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 28%, var(--rr-color-border-light));
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-subtitle {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-features li {
  color: var(--rr-color-heading-primary);
  background: var(--rr-color-common-white);
  border-color: var(--rr-color-border-light);
}

[data-theme=light] .ai-quote-banner-11 .ai-quote-features li:hover {
  background: color-mix(in srgb, var(--rr-color-theme-primary) 8%, #ffffff);
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 25%, var(--rr-color-border-light));
}

@media (max-width: 767px) {
  [data-theme=light] .ai-quote-banner-11 .ai-quote-bg-image {
    opacity: 0.62;
  }

  [data-theme=light] .ai-quote-banner-11 .ai-quote-overlay {
    background:
      linear-gradient(105deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.45) 45%, rgba(255, 255, 255, 0.18) 100%);
  }
}

[data-theme=light] .industries-marquee-section-11 {
  background: var(--rr-color-common-white);
  border-top-color: var(--rr-color-border-light);
  border-bottom-color: var(--rr-color-border-light);
}

[data-theme=light] .industries-marquee-section-11::before {
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

[data-theme=light] .industries-marquee-section-11::after {
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

[data-theme=light] .industries-marquee-section-11 .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .industries-marquee-section-11 .section-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .industry-item-11 {
  border-right-color: color-mix(in srgb, var(--rr-color-theme-primary) 30%, var(--rr-color-border-light));
}

[data-theme=light] .industry-item-11:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--rr-color-theme-primary) 8%, transparent) 0%, transparent 100%);
}

[data-theme=light] .industry-item-11 .industry-img-frame {
  background: linear-gradient(145deg,
      color-mix(in srgb, var(--rr-color-theme-primary) 12%, #ffffff),
      color-mix(in srgb, var(--rr-color-theme-secondary) 8%, #ffffff));
}

[data-theme=light] .industry-item-11 .industry-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .industry-item-11:hover .industry-title {
  color: var(--rr-color-theme-primary);
}

/* Footer logo — light / dark */
.footer-top .footer-logo .logo-light {
  display: none;
}

[data-theme=light] .footer-top .footer-logo .logo-dark {
  display: none;
}

[data-theme=light] .footer-top .footer-logo .logo-light {
  display: block;
}

/* ===== index.html — header, footer, delivery, project, faq ===== */

/* --- Header 11 --- */
[data-theme=dark] .header.header-11,
[data-theme=dark] .header.header-11.fixed {
  background-color: #0D1F2D;
}

[data-theme=dark] .header.header-11:before {
  background: rgba(0, 0, 0, 0.25);
}

[data-theme=dark] .header.header-11 .primary-header .primary-header-inner .header-menu-wrap ul li a,
[data-theme=dark] .header.header-11 .primary-header .primary-header-inner .header-menu-wrap ul li.active a {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .header.header-11 .primary-header .primary-header-inner .header-menu-wrap ul li a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .header.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger {
border-color: #237687;}

[data-theme=dark] .header.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger svg {
  color: var(--rr-color-common-white);
}

[data-theme=light] .header.header-11,
[data-theme=light] .header.header-11.fixed {
  background-color: var(--rr-color-common-white);
  border-bottom: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .header.header-11:before {
  background: rgba(255, 255, 255, 0.9);
}

[data-theme=light] .header.header-5.header-11 .primary-header-inner .header-menu-wrap ul li a,
[data-theme=light] .header.header-5.header-11 .primary-header-inner .header-menu-wrap ul li.active a,
[data-theme=light] .header.header-5.header-11 .primary-header-inner .header-menu-wrap ul li.menu-item-has-children:after {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .header.header-5.header-11 .primary-header-inner .header-menu-wrap ul li a:hover,
[data-theme=light] .header.header-5.header-11 .primary-header-inner .header-menu-wrap ul li.active a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger {
  border-color: #237687;
}

[data-theme=light] .header.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger svg {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .header.header-11 .primary-header .primary-header-inner .header-right .sidebar-trigger:hover {
  border-color: var(--rr-color-theme-primary);
}

@media (max-width: 992px) {
  [data-theme=light] .header.header-5.header-11 {
    background-color: var(--rr-color-common-white);
  }
}

/* --- Footer 2 --- */
[data-theme=dark] .footer-section.footer-2.bg-dark-1 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.82) 0%, rgba(13, 31, 45, 0.58) 100%);
}

[data-theme=dark] .footer-section.footer-2 .footer-widget .widget-header .widget-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .footer-section.footer-2 .footer-widget .footer-list li,
[data-theme=dark] .footer-section.footer-2 .footer-widget .footer-list li a,
[data-theme=dark] .footer-section.footer-2 .footer-widget .address-list li,
[data-theme=dark] .footer-section.footer-2 .footer-widget .address-list li a {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme=dark] .footer-section.footer-2 .footer-top {
  border-bottom-color: #237687;
}

[data-theme=dark] .footer-section.footer-2 .copyright-area {
  border-top-color: #237687;
}

[data-theme=dark] .footer-section.footer-2 .footer-2 .copyright-content p,
[data-theme=dark] .footer-section.footer-2 .copyright-content p {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .footer-section.footer-2 .footer-2 .copyright-content .copyright-list li a {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme=dark] .footer-section.footer-2 .footer-2 .copyright-content .copyright-list li:not(:last-of-type):before {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .footer-section.footer-2 .footer-widget .footer-form .form-control {
  background-color: #152225;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid #237687;
}

[data-theme=dark] .footer-section.footer-2 .footer-widget .form-check .form-check-label {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme=light] .footer-section.footer-2.bg-dark-1 {
  background: var(--rr-color-grey-1);
}

[data-theme=light] .footer-section.footer-2 .footer-widget .widget-header .widget-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .footer-section.footer-2 .footer-widget .footer-list li,
[data-theme=light] .footer-section.footer-2 .footer-widget .footer-list li a,
[data-theme=light] .footer-section.footer-2 .footer-widget .address-list li,
[data-theme=light] .footer-section.footer-2 .footer-widget .address-list li a {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .footer-section.footer-2 .footer-top {
  border-bottom-color: #237687;
}

[data-theme=light] .footer-section.footer-2 .copyright-area {
  border-top-color: #237687;
}

[data-theme=light] .footer-section.footer-2 .footer-2 .copyright-content p,
[data-theme=light] .footer-section.footer-2 .copyright-content p {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .footer-section.footer-2 .footer-2 .copyright-content .copyright-list li a {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .footer-section.footer-2 .footer-2 .copyright-content .copyright-list li:not(:last-of-type):before {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .footer-section.footer-2 .footer-top .social-list li a {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
  border: 1px solid var(--rr-color-border-light);
}

[data-theme=light] .footer-section.footer-2 .footer-top .social-list li a:hover {
  background-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  border-color: var(--rr-color-theme-primary);
}

[data-theme=light] .footer-section.footer-2 .footer-widget .footer-form .form-control {
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
  border: 1px solid #237687;
}

[data-theme=light] .footer-section.footer-2 .footer-widget .footer-form .form-control::-webkit-input-placeholder {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .footer-section.footer-2 .footer-widget .form-check .form-check-label {
  color: var(--rr-color-common-white);
}

/* --- Delivery speed section 11 --- */
[data-theme=dark] .delivery-speed-section-11 {
  background-color: #0D1F2D;
}

[data-theme=dark] .delivery-speed-section-11 .delivery-speed-panel {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border: 1px solid rgba(35, 118, 135, 0.24);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

[data-theme=dark] .delivery-speed-section-11 .delivery-speed-title {
  color: #ffffff;
}

[data-theme=dark] .delivery-speed-section-11 .delivery-speed-desc {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=dark] .delivery-speed-section-11 .delivery-stat-card {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme=dark] .delivery-speed-section-11 .delivery-stat-label {
  color: rgba(255, 255, 255, 0.58);
}

[data-theme=light] .delivery-speed-section-11 {
  background-color: var(--rr-color-common-white);
  background-image: radial-gradient(ellipse 80% 60% at 12% 18%, color-mix(in srgb, var(--rr-color-theme-primary) 14%, transparent), transparent), radial-gradient(ellipse 70% 55% at 88% 78%, color-mix(in srgb, var(--rr-color-theme-secondary) 12%, transparent), transparent);
}

[data-theme=light] .delivery-speed-section-11 .delivery-speed-panel {
  background: linear-gradient(135deg, #fff 0%, #cfe2e6 100%);
  border-color: var(--rr-color-border-light);
  box-shadow: 0 12px 32px rgba(17, 21, 28, 0.06);
}

[data-theme=light] .delivery-speed-section-11 .delivery-speed-badge {
  background-color: color-mix(in srgb, var(--rr-color-theme-primary) 12%, #ffffff);
}

[data-theme=light] .delivery-speed-section-11 .delivery-speed-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .delivery-speed-section-11 .delivery-speed-desc {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .delivery-speed-section-11 .delivery-stat-card {
  background-color: var(--rr-color-common-white);
  border-color: var(--rr-color-border-light);
  box-shadow: 0 8px 24px rgba(17, 21, 28, 0.05);
}

[data-theme=light] .delivery-speed-section-11 .delivery-stat-card:hover {
  background-color: color-mix(in srgb, var(--rr-color-theme-primary) 8%, #ffffff);
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 35%, var(--rr-color-border-light));
  box-shadow: 0 18px 36px rgba(35, 118, 135, 0.12);
}

[data-theme=light] .delivery-speed-section-11 .delivery-stat-label {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .delivery-speed-section-11 .delivery-stat-card:hover .delivery-stat-label {
  color: var(--rr-color-heading-primary);
}

/* --- Project section 11 --- */
[data-theme=dark] .project-section.project-11.bg-dark-1 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.82) 0%, rgba(13, 31, 45, 0.58) 100%);
}

[data-theme=dark] .project-section.project-11 .sub-heading {
  color: var(--rr-color-grey-1);
}

[data-theme=dark] .project-section.project-11 .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .project-section.project-11.bg-dark-1 {
  background: var(--rr-color-grey-1);
}

[data-theme=light] .project-section.project-11.pt-130.pb-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

[data-theme=dark] .project-section.project-11.pt-130.pb-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

[data-theme=light] .project-section.project-11 .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .project-section.project-11 .section-title {
  color: var(--rr-color-heading-primary);
}

/* --- FAQ section --- */
[data-theme=dark] .faq-section.pt-130.pb-130 {
  background-color: #0D1F2D;
  border-top: 1px solid;
}

[data-theme=dark] .faq-section .faq-content .section-heading .sub-heading {
  color: var(--rr-color-grey-1);
}

[data-theme=dark] .faq-section .faq-content .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .faq-section .faq-top-shape {
  background-color: #1F252F;
}

[data-theme=light] .faq-section.pt-130.pb-130 {
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .faq-section .faq-content .section-heading .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .faq-section .faq-content .section-heading .section-title {
  color: var(--rr-color-heading-primary);
}

/* ===== index.html — testimonial & blog sub-headings ===== */
[data-theme=dark] .testimonial-section-7 .section-heading .sub-heading,
[data-theme=dark] .blog-section.blog-11 .section-heading .sub-heading {
  color: var(--rr-color-grey-1);
}

[data-theme=dark] .testimonial-section-7 .section-heading .sub-heading:before,
[data-theme=dark] .blog-section.blog-11 .section-heading .sub-heading:before {
  background: linear-gradient(270deg, var(--rr-color-theme-primary) 0%, transparent 100%);
}

[data-theme=dark] .testimonial-section-7 .section-heading .sub-heading:after,
[data-theme=dark] .blog-section.blog-11 .section-heading .sub-heading:after {
  background: linear-gradient(90deg, var(--rr-color-theme-primary) 0%, transparent 100%);
}

[data-theme=dark] .testimonial-section-7 .section-heading .section-title,
[data-theme=dark] .blog-section.blog-11 .section-heading .section-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .testimonial-section-7 .section-heading .sub-heading,
[data-theme=light] .testimonial-section-7 .section-heading .sub-heading .line,
[data-theme=light] .blog-section.blog-11 .section-heading .sub-heading,
[data-theme=light] .blog-section.blog-11 .section-heading .sub-heading .line {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .testimonial-section-7 .section-heading .sub-heading:before,
[data-theme=light] .blog-section.blog-11 .section-heading .sub-heading:before {
  background: linear-gradient(270deg, var(--rr-color-theme-primary) 0%, transparent 100%);
}

[data-theme=light] .testimonial-section-7 .section-heading .sub-heading:after,
[data-theme=light] .blog-section.blog-11 .section-heading .sub-heading:after {
  background: linear-gradient(90deg, var(--rr-color-theme-primary) 0%, transparent 100%);
}

[data-theme=light] .testimonial-section-7 .section-heading .section-title,
[data-theme=light] .testimonial-section-7 .section-heading .section-title .word,
[data-theme=light] .blog-section.blog-11 .section-heading .section-title,
[data-theme=light] .blog-section.blog-11 .section-heading .section-title .word {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .blog-section.blog-11 {
  background-color: var(--rr-color-common-white);
}

[data-theme=dark] .blog-section.blog-11 {
  background-color: #02050A;
}

[data-theme=dark] .delivery-speed-section-11 .delivery-stat-value {
  display: block;
  margin-bottom: 10px;
  color: var(--rr-color-common-white);
  font-size: clamp(42px, 3.5vw, 56px);
  font-weight: 700;
  line-height: 1;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s ease;
}



[data-theme=light] .delivery-speed-section-11 .delivery-stat-value {
  display: block;
  margin-bottom: 10px;
  color: var(--rr-color-common-black);
  font-size: clamp(42px, 3.5vw, 56px);
  font-weight: 700;
  line-height: 1;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s ease;
}


.testimonial-section-7 .section-heading .sub-heading,
.blog-section.blog-11 .section-heading .sub-heading {
  overflow: visible;
}

/* ===== Graphics Solutions — hero banner ===== */
.graphics-solutions-hero {
  position: relative;
  overflow: hidden;
}

.graphics-solutions-hero .gc-hero-row {
  row-gap: 0;
}

.graphics-solutions-hero .gc-hero-title {
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.12;
  font-weight: 800;
}

@keyframes gcHeroSliderFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes gcHeroSlideIn {
  from {
    opacity: 0;
    transform: scale(0.94) translateY(16px);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.graphics-solutions-hero .gc-hero-content {
  position: relative;
  z-index: 2;
}

.graphics-solutions-hero .gc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.graphics-solutions-hero .gc-hero-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.graphics-solutions-hero .gc-hero-title {
  margin-bottom: 22px;
  position: relative;
  padding-bottom: 18px;
}

.graphics-solutions-hero .gc-hero-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-secondary);
}

.graphics-solutions-hero .gc-hero-desc {
  margin-bottom: 28px;
  font-size: 17px;
  line-height: 1.75;
  max-width: 540px;
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .graphics-solutions-hero .gc-hero-desc {
  color: var(--rr-color-text-body-light);
}

.graphics-solutions-hero .gc-hero-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
}

.graphics-solutions-hero .gc-hero-features li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.graphics-solutions-hero .gc-hero-features li i {
  font-size: 10px;
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-features li {
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=light] .graphics-solutions-hero .gc-hero-features li {
  color: var(--rr-color-heading-primary);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 16%, var(--rr-color-border-light));
}

.graphics-solutions-hero .gc-hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.graphics-solutions-hero .gc-hero-btn-outline,
.graphics-solutions-hero .gc-hero-btns .rr-primary-btn.gc-hero-btn-outline,
.gc-ppc-roi-section .gc-hero-btn-outline,
.gc-ppc-hero-btns .gc-hero-btn-outline {
  background-color: var(--rr-color-theme-primary, #237687) !important;
  border: 1px solid var(--rr-color-theme-primary, #237687) !important;
  color: var(--rr-color-common-white, #ffffff) !important;
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-btn-outline,
[data-theme=dark] .gc-ppc-roi-section .gc-hero-btn-outline,
[data-theme=dark] .gc-ppc-hero-btns .gc-hero-btn-outline {
  background-color: var(--rr-color-theme-primary, #237687) !important;
  border-color: var(--rr-color-theme-primary, #237687) !important;
  color: var(--rr-color-common-white, #ffffff) !important;
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-btn-outline:hover,
[data-theme=dark] .gc-ppc-roi-section .gc-hero-btn-outline:hover,
[data-theme=dark] .gc-ppc-hero-btns .gc-hero-btn-outline:hover {
  background-color: var(--rr-color-theme-primary, #237687) !important;
  color: var(--rr-color-common-white, #ffffff) !important;
}

[data-theme=light] .graphics-solutions-hero .gc-hero-btn-outline,
[data-theme=light] .gc-ppc-roi-section .gc-hero-btn-outline,
[data-theme=light] .gc-ppc-hero-btns .gc-hero-btn-outline {
  background-color: var(--rr-color-theme-primary, #237687) !important;
  border-color: var(--rr-color-theme-primary, #237687) !important;
  color: var(--rr-color-common-white, #ffffff) !important;
}

[data-theme=light] .graphics-solutions-hero .gc-hero-btn-outline:hover,
[data-theme=light] .gc-ppc-roi-section .gc-hero-btn-outline:hover,
[data-theme=light] .gc-ppc-hero-btns .gc-hero-btn-outline:hover {
  background-color: var(--rr-color-theme-primary, #237687) !important;
  color: var(--rr-color-common-white, #ffffff) !important;
}

.graphics-solutions-hero .gc-hero-slider-wrap {
  position: relative;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 16px 64px;
  z-index: 2;
  animation: gcHeroSliderFloat 5.5s ease-in-out infinite;
}

.graphics-solutions-hero .gc-hero-slider-wrap::before {
  content: "";
  position: absolute;
  inset: 8px 8px 56px;
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.22) 0%, rgba(255, 194, 38, 0.12) 100%);
  filter: blur(28px);
  opacity: 0.75;
  z-index: 0;
  pointer-events: none;
}

.graphics-solutions-hero .gc-hero-slider-stack {
  position: absolute;
  inset: 36px 8px 80px;
  z-index: 0;
  pointer-events: none;
}

.graphics-solutions-hero .gc-hero-stack-card {
  position: absolute;
  inset: 0;
  border-radius: 28px;
  transform-origin: center bottom;
}

.graphics-solutions-hero .gc-hero-stack-card-1 {
  transform: rotate(5deg) translate(22px, 22px) scale(0.94);
  opacity: 0.4;
}

.graphics-solutions-hero .gc-hero-stack-card-2 {
  transform: rotate(-4deg) translate(10px, 12px) scale(0.97);
  opacity: 0.6;
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-stack-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .graphics-solutions-hero .gc-hero-stack-card {
  background: #efe8dc;
  border: 1px solid rgba(17, 21, 28, 0.06);
}

.graphics-solutions-hero .gc-hero-service-slider {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.graphics-solutions-hero .gc-hero-slide-card {
  border-radius: 28px;
  overflow: hidden;
  transition:
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.5s ease;
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-slide-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    0 32px 64px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-theme=light] .graphics-solutions-hero .gc-hero-slide-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow:
    0 32px 64px rgba(17, 21, 28, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.graphics-solutions-hero .gc-hero-slide-img {
  height: 380px;
  overflow: hidden;
  position: relative;
}

.graphics-solutions-hero .gc-hero-slide-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.28) 100%);
  pointer-events: none;
}

.graphics-solutions-hero .gc-hero-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.graphics-solutions-hero .gc-hero-slide-title {
  margin: 0;
  padding: 24px 28px 28px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-slide-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .graphics-solutions-hero .gc-hero-slide-title {
  color: var(--rr-color-heading-primary);
}

.graphics-solutions-hero .gc-hero-service-slider .swiper-slide-active .gc-hero-slide-card {
  animation: gcHeroSlideIn 0.65s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.graphics-solutions-hero .gc-hero-service-slider .swiper-slide-active .gc-hero-slide-img img {
  transform: scale(1.08);
}

[data-theme=dark] .graphics-solutions-hero .gc-hero-service-slider .swiper-slide-active .gc-hero-slide-card {
  box-shadow:
    0 36px 72px rgba(0, 0, 0, 0.48),
    0 0 48px rgba(35, 118, 135, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

[data-theme=light] .graphics-solutions-hero .gc-hero-service-slider .swiper-slide-active .gc-hero-slide-card {
  box-shadow:
    0 36px 72px rgba(35, 118, 135, 0.2),
    0 0 36px rgba(35, 118, 135, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.graphics-solutions-hero .gc-hero-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 26px;
}

.graphics-solutions-hero .gc-hero-slider-prev,
.graphics-solutions-hero .gc-hero-slider-next {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 118, 135, 0.4);
  background: rgba(35, 118, 135, 0.14);
  color: var(--rr-color-theme-primary);
  font-size: 16px;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.graphics-solutions-hero .gc-hero-slider-prev:hover,
.graphics-solutions-hero .gc-hero-slider-next:hover {
  transform: scale(1.1);
  background: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  box-shadow: 0 8px 24px rgba(35, 118, 135, 0.35);
}

.graphics-solutions-hero .gc-hero-slider-pagination {
  position: static;
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.graphics-solutions-hero .gc-hero-slider-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  opacity: 0.4;
  background: var(--rr-color-theme-primary);
  transition: width 0.35s ease, opacity 0.35s ease;
}

.graphics-solutions-hero .gc-hero-slider-pagination .swiper-pagination-bullet-active {
  width: 28px;
  border-radius: 999px;
  opacity: 1;
}

@media (max-width: 1199px) {
  .graphics-solutions-hero .gc-hero-slider-wrap {
    max-width: 480px;
  }

  .graphics-solutions-hero .gc-hero-slide-img {
    height: 340px;
  }
}

@media (min-width: 992px) and (max-width: 1319px) {
  .graphics-solutions-hero .gc-hero-row {
    row-gap: 24px;
  }

  .graphics-solutions-hero .gc-hero-title {
    font-size: clamp(34px, 3.8vw, 46px);
    line-height: 1.18;
  }

  .graphics-solutions-hero .gc-hero-desc {
    font-size: 16px;
    line-height: 1.68;
    max-width: 100%;
  }

  .graphics-solutions-hero .gc-hero-features li {
    font-size: 12px;
    padding: 8px 12px;
  }

  .graphics-solutions-hero .gc-hero-slider-wrap {
    max-width: 400px;
    padding-bottom: 56px;
  }

  .graphics-solutions-hero .gc-hero-slide-img {
    height: 290px;
  }
}

@media (max-width: 991px) {
  .graphics-solutions-hero .gc-hero-row {
    text-align: center;
  }

  .graphics-solutions-hero .gc-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .graphics-solutions-hero .gc-hero-eyebrow {
    justify-content: center;
  }

  .graphics-solutions-hero .gc-hero-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .graphics-solutions-hero .gc-hero-desc {
    max-width: 100%;
  }

  .graphics-solutions-hero .gc-hero-features {
    justify-content: center;
  }

  .graphics-solutions-hero .gc-hero-btns {
    justify-content: center;
    width: 100%;
  }

  .graphics-solutions-hero .gc-hero-slider-wrap {
    margin-top: 48px;
    max-width: 440px;
  }

  .graphics-solutions-hero .gc-hero-slide-img {
    height: 320px;
  }

  .graphics-solutions-hero .gc-hero-btns {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .graphics-solutions-hero .hero-row-11 {
    padding-top: 24px;
    padding-bottom: 44px;
  }

  .graphics-solutions-hero .gc-hero-features li {
    font-size: 12px;
    padding: 8px 12px;
  }

  .graphics-solutions-hero .gc-hero-slider-wrap {
    max-width: 100%;
    padding: 12px 0 56px;
  }

  .graphics-solutions-hero .gc-hero-slide-img {
    height: 300px;
  }
}

@media (max-width: 575px) {
  .graphics-solutions-hero .hero-row-11 {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .graphics-solutions-hero .gc-hero-eyebrow {
    font-size: 11px;
    gap: 10px;
    margin-bottom: 16px;
  }

  .graphics-solutions-hero .gc-hero-eyebrow::before {
    width: 28px;
  }

  .graphics-solutions-hero .gc-hero-title {
    padding-bottom: 14px;
    margin-bottom: 16px;
  }

  .graphics-solutions-hero .gc-hero-desc {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 22px;
  }

  .graphics-solutions-hero .gc-hero-features {
    gap: 8px;
    margin-bottom: 26px;
  }

  .graphics-solutions-hero .gc-hero-btns {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .graphics-solutions-hero .gc-hero-btns .rr-primary-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .graphics-solutions-hero .gc-hero-slide-title {
    font-size: 20px;
    padding: 18px 20px 22px;
  }

  .graphics-solutions-hero .gc-hero-slide-img {
    height: 280px;
  }

  .graphics-solutions-hero .gc-hero-slider-wrap {
    max-width: 100%;
    padding-bottom: 48px;
  }

  .graphics-solutions-hero .gc-hero-slider-prev,
  .graphics-solutions-hero .gc-hero-slider-next {
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .graphics-solutions-hero .gc-hero-slider-wrap {
    animation: none;
  }

  .graphics-solutions-hero .gc-hero-service-slider .swiper-slide-active .gc-hero-slide-card,
  .graphics-solutions-hero .gc-hero-slide-img img,
  .graphics-solutions-hero .gc-hero-slider-prev,
  .graphics-solutions-hero .gc-hero-slider-next {
    animation: none;
    transition: none;
  }
}

/* ===== Graphics Solutions — services grid ===== */
.gc-services-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
}

.gc-services-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(35, 118, 135, 0.1) 0%, transparent 42%),
    radial-gradient(circle at 82% 80%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.gc-services-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-services-section {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .gc-services-section {
  background: linear-gradient(145deg, rgba(248, 246, 240, 0.98) 0%, rgba(241, 245, 248, 0.94) 100%);
  border-color: var(--rr-color-border-light);
}

.gc-services-heading {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.gc-services-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.gc-services-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-services-desc {
  max-width: 620px;
  margin: 20px auto 0;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-services-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-services-desc {
  color: var(--rr-color-text-body-light);
}

/* ---------- 3D Service Card ---------- */
.gc-service-3d-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
              box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
}

.gc-service-3d-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5),
              0 0 40px rgba(11, 89, 105, 0.25);
}

[data-theme=dark] .gc-service-3d-card {
  background: linear-gradient(135deg, #020c12 0%, #072a35 50%, #0a1520 100%);
  background-size: 300% 300%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3),
              0 0 15px rgba(11, 89, 105, 0.08);
}

@keyframes gcWaterFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

[data-theme=dark] .gc-service-3d-card:hover {
  animation: none;
  box-shadow: 0 30px 60px rgb(10 21 24 / 50%), 0 0 50px rgba(10, 41, 45, 0.55);
}

[data-theme=light] .gc-service-3d-card {
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

[data-theme=light] .gc-service-3d-card:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12),
              0 0 40px rgba(11, 89, 105, 0.15);
}

/* ---------- Card Background ---------- */
.gc-service-3d-card-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #020c12 0%, #072a35 50%, #0a1520 100%);
  background-size: 300% 300%;
  border-radius: 24px;
  z-index: 0;
  transition: background 0.8s ease;
  animation: gcWaterFlow 10s ease-in-out infinite;
}

.gc-service-3d-card:hover .gc-service-3d-card-bg {
  background: linear-gradient(135deg, #041420 0%, #0a4050 50%, #0e1e2a 100%);
  background-size: 300% 300%;
}

@keyframes gcWaterFlowFast {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

[data-theme=light] .gc-service-3d-card-bg {
  background: linear-gradient(
77deg, #bde4ec 0%, #f5f7fa 50%, #eef1f5 100%);
  background-size: 300% 300%;
  border-radius: 24px;
  animation: none;
}

@keyframes gcWaterFlowLight {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

[data-theme=light] .gc-service-3d-card:hover .gc-service-3d-card-bg {
  background: linear-gradient(135deg, #ffffff 0%, #f0f4f8 50%, #e8edf2 100%);
  background-size: 300% 300%;
  animation: gcWaterFlowLightFast 3s ease-in-out infinite;
}

@keyframes gcWaterFlowLightFast {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ---------- Glow Effect ---------- */
.gc-service-3d-card-glow {
  position: absolute;
  top: -80%;
  left: -80%;
  width: 260%;
  height: 260%;
  background: radial-gradient(
    circle at 30% 30%,
    rgba(11, 89, 105, 0.2) 0%,
    rgba(11, 89, 105, 0.06) 30%,
    transparent 60%
  );
  z-index: 1;
  opacity: 0.5;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.gc-service-3d-card:hover .gc-service-3d-card-glow {
  opacity: 0.9;
}

[data-theme=light] .gc-service-3d-card-glow {
  background: radial-gradient(
    circle at 30% 30%,
    rgba(11, 89, 105, 0.08) 0%,
    rgba(11, 89, 105, 0.02) 30%,
    transparent 60%
  );
}

/* ---------- Animated Border ---------- */
.gc-service-3d-card-border {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  padding: 2px;
  background: linear-gradient(
    135deg,
    rgba(11, 89, 105, 0.5) 0%,
    rgba(255, 194, 38, 0.2) 25%,
    transparent 50%,
    rgba(255, 194, 38, 0.2) 75%,
    rgba(11, 89, 105, 0.5) 100%
  );
  background-size: 400% 400%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gc-service-3d-card:hover .gc-service-3d-card-border {
  opacity: 1;
  animation: gcBorderRotate 3s linear infinite;
}

@keyframes gcBorderRotate {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

[data-theme=light] .gc-service-3d-card-border {
  background: linear-gradient(
    135deg,
    rgba(11, 89, 105, 0.35) 0%,
    rgba(255, 194, 38, 0.15) 25%,
    transparent 50%,
    rgba(255, 194, 38, 0.15) 75%,
    rgba(11, 89, 105, 0.35) 100%
  );
  background-size: 400% 400%;
}

/* ---------- Card Inner ---------- */
.gc-service-3d-card-inner {
  position: relative;
  z-index: 3;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ---------- Card Image ---------- */
.gc-service-3d-card-img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 24px 24px 0 0;
  margin: 0;
  padding: 0;
  display: block;
  transition: filter 0.5s ease;
  filter: brightness(0.85);
}

.gc-service-3d-card:hover .gc-service-3d-card-img {
  filter: brightness(1);
}

[data-theme=light] .gc-service-3d-card-img {
  filter: brightness(1);
}

[data-theme=light] .gc-service-3d-card:hover .gc-service-3d-card-img {
  filter: brightness(1.05);
}

/* ---------- Card Number ---------- */
.gc-service-3d-card-number {
  font-size: 64px;
  font-weight: 900;
  line-height: 1;
  padding: 24px 35px 8px;
  transition: color 0.4s ease, text-shadow 0.4s ease;
  user-select: none;
}

/* Large text needs ≥3:1; keep brand teal but readable on dark cards */
[data-theme=dark] .gc-service-3d-card-number {
  color: #7ECAD6;
  text-shadow: 0 0 20px rgba(11, 89, 105, 0.35);
  -webkit-text-fill-color: #7ECAD6;
}

[data-theme=dark] .gc-service-3d-card:hover .gc-service-3d-card-number {
  color: #A8D5DE;
  -webkit-text-fill-color: #A8D5DE;
  text-shadow: 0 0 30px rgba(11, 89, 105, 0.5);
}

[data-theme=light] .gc-service-3d-card-number {
  color: #0B5969;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #0B5969;
}

/* ---------- Card Content ---------- */
.gc-service-3d-card-content {
  padding: 0 35px 35px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ---------- List Styles ---------- */
.gc-service-3d-card-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.gc-service-3d-card-content ul li {
  padding: 8px 0 8px 24px;
  position: relative;
  font-size: 15px;
  line-height: 1.6;
  transition: color 0.3s ease;
}

.gc-service-3d-card-content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

[data-theme=dark] .gc-service-3d-card-content ul li {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme=dark] .gc-service-3d-card-content ul li::before {
  background: rgba(11, 89, 105, 0.6);
  box-shadow: 0 0 6px rgba(11, 89, 105, 0.3);
}

[data-theme=dark] .gc-service-3d-card:hover .gc-service-3d-card-content ul li::before {
  background: var(--rr-color-theme-primary);
  box-shadow: 0 0 10px rgba(11, 89, 105, 0.5);
}

[data-theme=dark] .gc-service-3d-card:hover .gc-service-3d-card-content ul li {
  color: rgba(255, 255, 255, 0.85);
}

[data-theme=light] .gc-service-3d-card-content ul li {
  color: #444;
}

[data-theme=light] .gc-service-3d-card-content ul li::before {
  background: rgba(11, 89, 105, 0.3);
}

[data-theme=light] .gc-service-3d-card:hover .gc-service-3d-card-content ul li::before {
  background: var(--rr-color-theme-primary);
  box-shadow: 0 0 8px rgba(11, 89, 105, 0.3);
}

[data-theme=light] .gc-service-3d-card:hover .gc-service-3d-card-content ul li {
  color: #222;
}

/* ---------- Checkmark Style ---------- */
.gc-service-3d-card-content ul li.check::before {
  content: '\2713';
  width: auto;
  height: auto;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
}

[data-theme=dark] .gc-service-3d-card-content ul li.check::before {
  color: var(--rr-color-theme-primary);
  background: rgba(11, 89, 105, 0.15);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(11, 89, 105, 0.3);
}

[data-theme=light] .gc-service-3d-card-content ul li.check::before {
  color: #0b5969;
  background: rgba(11, 89, 105, 0.1);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

/* ---------- Table Styles ---------- */
.gc-service-3d-card-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.gc-service-3d-card-content table th,
.gc-service-3d-card-content table td {
  padding: 10px 12px;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme=dark] .gc-service-3d-card-content table th {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}

[data-theme=dark] .gc-service-3d-card-content table td {
  color: rgba(255, 255, 255, 0.65);
}

[data-theme=dark] .gc-service-3d-card-content table tr:hover td {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(11, 89, 105, 0.08);
}

[data-theme=light] .gc-service-3d-card-content table th {
  color: #1a1a2e;
  font-weight: 600;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme=light] .gc-service-3d-card-content table td {
  color: #555;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

[data-theme=light] .gc-service-3d-card-content table tr:hover td {
  color: #222;
  background: rgba(11, 89, 105, 0.04);
}

/* ---------- Card Title ---------- */
.gc-service-3d-card-title {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.3px;
  transition: color 0.4s ease;
}

.gc-service-3d-card-title a {
  text-decoration: none;
  transition: color 0.4s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-theme=dark] .gc-service-3d-card-title a {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[data-theme=dark] .gc-service-3d-card:hover .gc-service-3d-card-title a {
  color: var(--rr-color-theme-primary);
  text-shadow: 0 0 15px rgba(11, 89, 105, 0.5);
}

[data-theme=light] .gc-service-3d-card-title a {
  color: #1a1a2e;
}

[data-theme=light] .gc-service-3d-card:hover .gc-service-3d-card-title a {
  color: var(--rr-color-theme-primary);
}

/* ---------- Card Description ---------- */
.gc-service-3d-card-desc {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 20px;
  transition: color 0.4s ease;
}

[data-theme=dark] .gc-service-3d-card-desc {
  color: rgba(255, 255, 255, 0.65);
}

[data-theme=light] .gc-service-3d-card-desc {
  color: var(--rr-color-text-body-light);
}

/* ---------- Icon ---------- */
.gc-service-3d-card-icon {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background: rgba(11, 89, 105, 0.15);
  border: 1px solid rgba(11, 89, 105, 0.3);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  overflow: hidden;
}

.gc-service-3d-card-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0b5969 0%, var(--rr-color-theme-primary) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: 20px;
}

.gc-service-3d-card:hover .gc-service-3d-card-icon {
  transform: scale(1.05);
  border-color: transparent;
  box-shadow: 0 10px 30px rgba(11, 89, 105, 0.4);
}

.gc-service-3d-card:hover .gc-service-3d-card-icon::before {
  opacity: 1;
}

.gc-service-3d-card-icon img,
.gc-service-3d-card-icon i,
.gc-service-3d-card-icon svg {
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  object-fit: contain;
  transition: all 0.4s ease;
}

.gc-service-3d-card-icon img {
  filter: brightness(1.3) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.gc-service-3d-card:hover .gc-service-3d-card-icon img,
.gc-service-3d-card:hover .gc-service-3d-card-icon i,
.gc-service-3d-card:hover .gc-service-3d-card-icon svg {
  transform: scale(1.1);
  filter: brightness(1.5) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}

/* ---------- Button ---------- */
.gc-service-3d-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #0b5969 0%, var(--rr-color-theme-primary) 100%);
  color: var(--rr-color-common-white);
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: auto;
  align-self: flex-start;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  z-index: 1;
  box-shadow: 0 4px 15px rgba(11, 89, 105, 0.35);
}

.gc-service-3d-card-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s ease;
}

.gc-service-3d-card-btn:hover::before {
  left: 100%;
}

.gc-service-3d-card-btn:hover {
  transform: translateX(5px);
  box-shadow: 0 10px 30px rgba(11, 89, 105, 0.55),
              0 0 25px rgba(11, 89, 105, 0.35);
}

.gc-service-3d-card-btn-text {
  position: relative;
  z-index: 2;
  color: var(--rr-color-common-white);
}

.gc-service-3d-card-btn-icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.gc-service-3d-card-btn-icon i {
  font-size: 16px;
  color: var(--rr-color-common-white);
}

.gc-service-3d-card:hover .gc-service-3d-card-btn-icon {
  transform: translateX(5px);
}

[data-theme=light] .gc-service-3d-card-btn {
  box-shadow: 0 4px 15px rgba(11, 89, 105, 0.25);
}

[data-theme=light] .gc-service-3d-card-btn:hover {
  box-shadow: 0 10px 30px rgba(11, 89, 105, 0.4);
}

/* ---------- Corner Decorations ---------- */
.gc-service-3d-card-corner {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 4;
  pointer-events: none;
}

.gc-service-3d-card-corner-tl {
  top: 12px;
  left: 12px;
  border-top: 2px solid rgba(11, 89, 105, 0.6);
  border-left: 2px solid rgba(11, 89, 105, 0.6);
  border-radius: 8px 0 0 0;
  transition: all 0.4s ease;
}

.gc-service-3d-card:hover .gc-service-3d-card-corner-tl {
  border-color: var(--rr-color-theme-primary);
  top: 8px;
  left: 8px;
  /* box-shadow: 0 0 10px rgba(11, 89, 105, 0.4); */
}

.gc-service-3d-card-corner-br {
  bottom: 12px;
  right: 12px;
  border-bottom: 2px solid rgba(255, 194, 38, 0.5);
  border-right: 2px solid rgba(255, 194, 38, 0.5);
  border-radius: 0 0 8px 0;
  transition: all 0.4s ease;
}

.gc-service-3d-card:hover .gc-service-3d-card-corner-br {
  border-color: var(--rr-color-theme-secondary);
  bottom: 8px;
  right: 8px;
  /* box-shadow: 0 0 10px rgba(255, 194, 38, 0.4); */
}

[data-theme=light] .gc-service-3d-card-corner-tl {
  border-color: rgba(11, 89, 105, 0.35);
}

[data-theme=light] .gc-service-3d-card-corner-br {
  border-color: rgba(255, 194, 38, 0.25);
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .gc-service-3d-card-number {
    font-size: 56px;
    padding: 18px 28px 8px;
  }
  .gc-service-3d-card-content {
    padding: 0 28px 28px;
  }
}

@media (max-width: 767px) {
  .gc-service-3d-card-number {
    font-size: 48px;
    padding: 14px 20px 8px;
  }
  .gc-service-3d-card-content {
    padding: 0 20px 20px;
  }
  .gc-service-3d-card-img {
    height: 100px;
  }
}

@media (max-width: 575px) {
  .gc-service-3d-card-number {
    font-size: 40px;
    padding: 12px 16px 8px;
  }
  .gc-service-3d-card-content {
    padding: 0 16px 16px;
  }
  .gc-service-3d-card-img {
    height: 90px;
  }
}

/* ---------- 3D Service Card End ---------- */

.gc-service-card {
  height: 100%;
  padding: 34px 28px 32px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.gc-service-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.4s ease;
}

[data-theme=dark] .gc-service-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

[data-theme=light] .gc-service-card {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafb 100%);
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 12px 34px rgba(17, 21, 28, 0.07);
}

.gc-service-card-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease, background-color 0.35s ease, color 0.35s ease;
}

.gc-service-card-icon i {
  font-size: 24px;
  line-height: 1;
}

.gc-service-card-icon--1 {
  background: rgba(35, 118, 135, 0.14);
  color: var(--rr-color-theme-primary);
}

.gc-service-card-icon--2 {
  background: rgba(255, 194, 38, 0.18);
  color: #c98f00;
}

.gc-service-card-icon--3 {
  background: rgba(35, 118, 135, 0.12);
  color: #2d8fa3;
}

.gc-service-card-icon--4 {
  background: rgba(220, 120, 90, 0.14);
  color: #c75f42;
}

.gc-service-card-icon--5 {
  background: rgba(35, 118, 135, 0.14);
  color: var(--rr-color-theme-primary);
}

.gc-service-card-icon--6 {
  background: rgba(255, 194, 38, 0.18);
  color: #c98f00;
}

.gc-service-card-icon--7 {
  background: rgba(120, 160, 200, 0.16);
  color: #4a7ea8;
}

.gc-service-card-icon--8 {
  background: rgba(35, 118, 135, 0.12);
  color: #2d8fa3;
}

.gc-service-card-title {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-service-card-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .gc-service-card-title {
  color: var(--rr-color-heading-primary);
}

.gc-service-card-desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-service-card-desc {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme=light] .gc-service-card-desc {
  color: var(--rr-color-text-body-light);
}

.gc-service-card:hover {
  transform: translateY(-10px);
}

[data-theme=dark] .gc-service-card:hover {
  border-color: rgba(35, 118, 135, 0.45);
  background: linear-gradient(165deg, rgba(35, 118, 135, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.3),
    0 0 28px rgba(35, 118, 135, 0.14);
}

[data-theme=light] .gc-service-card:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 28%, var(--rr-color-border-light));
  box-shadow:
    0 22px 44px rgba(35, 118, 135, 0.12),
    0 0 24px rgba(35, 118, 135, 0.06);
}

.gc-service-card:hover::after {
  width: 100%;
}

.gc-service-card:hover .gc-service-card-icon {
  transform: scale(1.1) translateY(-2px);
  background: var(--rr-color-theme-primary);
}

.gc-service-card:hover .gc-service-card-icon i {
  color: var(--rr-color-common-white);
}

.gc-service-card:hover .gc-service-card-title {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-service-card:hover .gc-service-card-title {
  color: #4eb3c4;
}

[data-theme=dark] .gc-service-card:hover .gc-service-card-desc {
  color: rgba(255, 255, 255, 0.78);
}

.gc-service-card-body {
  position: relative;
  z-index: 2;
  transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-service-card[data-compare] .gc-service-card-compare {
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.94);
  border-radius: inherit;
  overflow: hidden;
  transition:
    opacity 0.42s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.48s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.42s ease;
  pointer-events: none;
}

.gc-service-card[data-compare].is-compare-active .gc-service-card-compare {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  pointer-events: auto;
}

.gc-service-card[data-compare].is-compare-active .gc-service-card-body {
  opacity: 0;
  transform: scale(0.96);
  pointer-events: none;
}

.gc-service-card-compare-view {
  position: relative;
  width: 100%;
  height: 100%;
  --compare-x: 50%;
  overflow: hidden;
  cursor: ew-resize;
  user-select: none;
  -webkit-user-select: none;
}

.gc-compare-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

.gc-compare-img--after {
  z-index: 1;
}

.gc-compare-img--before {
  z-index: 2;
  clip-path: polygon(0 0, var(--compare-x) 0, var(--compare-x) 100%, 0 100%);
  will-change: clip-path;
}

.gc-service-card-compare-view.is-comparing .gc-compare-img--before,
.gc-service-card-compare-view.is-comparing .gc-compare-divider::before,
.gc-service-card-compare-view.is-comparing .gc-compare-knob {
  transition: none !important;
}

.gc-compare-divider {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.gc-compare-divider::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--compare-x);
  width: 3px;
  transform: translateX(-50%);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(255, 255, 255, 0.95) 18%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.95) 82%,
      rgba(255, 255, 255, 0.15) 100%);
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.55),
    0 0 8px rgba(35, 118, 135, 0.45);
  transition: left 0.12s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-compare-knob {
  position: absolute;
  top: 50%;
  left: var(--compare-x);
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.95);
  background: linear-gradient(145deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.28),
    0 0 0 6px rgba(35, 118, 135, 0.18);
  transition: left 0.12s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s ease;
}

.gc-compare-knob::before,
.gc-compare-knob::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: translateY(-50%);
}

.gc-compare-knob::before {
  left: 9px;
  border-right: 6px solid rgba(255, 255, 255, 0.95);
}

.gc-compare-knob::after {
  right: 9px;
  border-left: 6px solid rgba(255, 255, 255, 0.95);
}

.gc-service-card-compare-view:hover .gc-compare-knob {
  transform: translate(-50%, -50%) scale(1.06);
}

.gc-compare-tag {
  position: absolute;
  top: 14px;
  z-index: 5;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.gc-compare-tag--before {
  left: 14px;
  background: rgba(17, 21, 28, 0.72);
  color: #fff;
  backdrop-filter: blur(6px);
}

.gc-compare-tag--after {
  right: 14px;
  background: rgba(35, 118, 135, 0.88);
  color: #fff;
  backdrop-filter: blur(6px);
}

.gc-service-card[data-compare].is-compare-active .gc-compare-tag {
  animation: gcCompareTagIn 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.12s both;
}

.gc-compare-hint {
  position: absolute;
  left: 50%;
  bottom: 58px;
  z-index: 5;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(17, 21, 28, 0.62);
  backdrop-filter: blur(8px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gc-service-card[data-compare].is-compare-active .gc-compare-hint {
  opacity: 1;
  animation: gcCompareHintPulse 2.4s ease-in-out 0.5s infinite;
}

.gc-compare-hint i {
  font-size: 13px;
  opacity: 0.9;
}

.gc-compare-details-btn {
  position: absolute;
  left: 50%;
  bottom: 14px;
  z-index: 6;
  transform: translateX(-50%) translateY(10px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 22px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: var(--rr-color-common-white);
  background: linear-gradient(135deg, var(--rr-color-theme-primary) 0%, var(--rr-color-theme-secondary) 100%);
  box-shadow:
    0 10px 28px rgba(35, 118, 135, 0.38),
    0 0 0 1px rgba(255, 255, 255, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.35s ease,
    box-shadow 0.3s ease;
}

.gc-compare-details-btn i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.gc-service-card[data-compare].is-compare-active .gc-compare-details-btn {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
  animation: gcCompareDetailsIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.18s both;
}

.gc-compare-details-btn:hover {
  color: var(--rr-color-common-white);
  box-shadow:
    0 14px 36px rgba(35, 118, 135, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.2);
}

.gc-compare-details-btn:hover i {
  transform: translateX(3px);
}

@keyframes gcCompareDetailsIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes gcCompareTagIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes gcCompareHintPulse {

  0%,
  100% {
    opacity: 0.88;
  }

  50% {
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .gc-service-card {
    padding: 30px 24px 28px;
    height: 300px !important;
    min-height: auto;
  }

  .gc-service-card-compare-view {
    height: 100% !important;
    aspect-ratio: auto;
  }

  .gc-compare-img {
    object-fit: contain !important;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 575px) {
  .gc-services-desc {
    font-size: 16px;
  }

  .gc-service-card {
    padding: 26px 22px 24px;
    border-radius: 16px;
  }

  .gc-service-card-title {
    font-size: 18px;
  }

  .gc-compare-details-btn {
    padding: 10px 18px;
    font-size: 12px;
  }

  .gc-compare-hint {
    bottom: 52px;
    font-size: 11px;
    padding: 6px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-service-card,
  .gc-service-card::after,
  .gc-service-card-icon,
  .gc-service-card-title,
  .gc-service-card-desc,
  .gc-service-card-body,
  .gc-service-card[data-compare] .gc-service-card-compare,
  .gc-compare-img--before,
  .gc-compare-divider::before,
  .gc-compare-knob {
    transition: none;
  }

  .gc-service-card:hover {
    transform: none;
  }

  .gc-service-card:hover .gc-service-card-icon {
    transform: none;
  }

  .gc-service-card[data-compare].is-compare-active .gc-compare-tag,
  .gc-service-card[data-compare].is-compare-active .gc-compare-hint,
  .gc-service-card[data-compare].is-compare-active .gc-compare-details-btn {
    animation: none;
  }
}

/* ===== Graphics Solutions — how we work process ===== */
.gc-process-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
  border-bottom: 1px solid var(--rr-color-border-1);
}

.gc-process-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 22%, rgba(35, 118, 135, 0.12) 0%, transparent 44%),
    radial-gradient(circle at 86% 78%, rgba(255, 194, 38, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(35, 118, 135, 0.04) 0%, transparent 62%);
  pointer-events: none;
  z-index: 0;
}

.gc-process-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(35, 118, 135, 0.03) 50%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.gc-process-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-process-section {
  background: linear-gradient(155deg, rgba(10, 24, 36, 0.98) 0%, rgba(8, 20, 30, 0.94) 48%, rgba(13, 31, 45, 0.96) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .gc-process-section {
  background: linear-gradient(155deg, rgba(252, 250, 245, 0.98) 0%, rgba(241, 245, 248, 0.96) 50%, rgba(248, 246, 240, 0.98) 100%);
  border-color: var(--rr-color-border-light);
}

.gc-process-heading {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
}

.gc-process-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 0;
  overflow: visible;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-process-eyebrow::before,
.gc-process-eyebrow::after {
  content: "";
  width: 36px;
  height: 2px;
  position: static;
  transform: none;
  opacity: 1;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-process-desc {
  max-width: 560px;
  margin: 20px auto 0;
  font-size: 17px;
  line-height: 1.75;
  text-align: center;
}

[data-theme=dark] .gc-process-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-process-desc {
  color: var(--rr-color-text-body-light);
}

.gc-process-col {
  position: relative;
}

.gc-process-card {
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  transition:
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.45s ease,
    border-color 0.35s ease;
}

.gc-process-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  z-index: 5;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.45s ease;
}

[data-theme=dark] .gc-process-card {
  background: linear-gradient(168deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 55%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(255, 255, 255, 0.11);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[data-theme=light] .gc-process-card {
  background: linear-gradient(168deg, #ffffff 0%, #f9fbfc 55%, #f5f8fa 100%);
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow:
    0 14px 38px rgba(17, 21, 28, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .choose-us {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
}

.gc-process-card-head {
  padding: 32px 28px 28px;
  min-height: 118px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.gc-process-card-head::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.94;
  transition: opacity 0.35s ease, transform 0.5s ease;
}

.gc-process-card-head::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -28px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  pointer-events: none;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
}

.gc-process-card--1 .gc-process-card-head::before {
  background: linear-gradient(135deg, #1f6b7a 0%, #237687 42%, #2d9aad 100%);
}

.gc-process-card--2 .gc-process-card-head::before {
  background: linear-gradient(135deg, #d94f3d 0%, #e85d4a 42%, #f08878 100%);
}

.gc-process-card--3 .gc-process-card-head::before {
  background: linear-gradient(135deg, #d49512 0%, #e8a820 42%, #ffd04a 100%);
}

.gc-process-card--4 .gc-process-card-head::before {
  background: linear-gradient(135deg, #1a5c6a 0%, #237687 42%, #2d8fa3 100%);
}

.gc-process-card-num {
  position: relative;
  z-index: 1;
  display: block;
  font-size: clamp(44px, 4.2vw, 58px);
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
  letter-spacing: -0.03em;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-process-card-num::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 36px;
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.55);
  transition: width 0.4s ease;
}

.gc-process-card-body {
  padding: 28px 28px 34px;
  position: relative;
}

.gc-process-card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(35, 118, 135, 0.18), transparent);
}

[data-theme=dark] .gc-process-card-body::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

.gc-process-card-title {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  transition: color 0.35s ease, transform 0.35s ease;
}

[data-theme=dark] .gc-process-card-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .gc-process-card-title {
  color: var(--rr-color-heading-primary);
}

.gc-process-card-desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-process-card-desc {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme=light] .gc-process-card-desc {
  color: var(--rr-color-text-body-light);
}

.gc-process-card:hover {
  transform: translateY(-12px);
}

.gc-process-card:hover::after {
  width: 100%;
}

[data-theme=dark] .gc-process-card:hover {
  border-color: rgba(35, 118, 135, 0.48);
  box-shadow:
    0 28px 56px rgba(0, 0, 0, 0.34),
    0 0 40px rgba(35, 118, 135, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

[data-theme=light] .gc-process-card:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 30%, var(--rr-color-border-light));
  box-shadow:
    0 28px 56px rgba(35, 118, 135, 0.16),
    0 0 32px rgba(35, 118, 135, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

.gc-process-card--1:hover {
  border-color: rgba(35, 118, 135, 0.45) !important;
}

.gc-process-card--2:hover {
  border-color: rgba(232, 93, 74, 0.42) !important;
}

.gc-process-card--3:hover {
  border-color: rgba(232, 168, 32, 0.45) !important;
}

.gc-process-card--4:hover {
  border-color: rgba(35, 118, 135, 0.45) !important;
}

.gc-process-card:hover .gc-process-card-head::before {
  opacity: 1;
  transform: scale(1.03);
}

.gc-process-card:hover .gc-process-card-head::after {
  transform: scale(1.15) translate(-6px, 6px);
  opacity: 0.22;
}

.gc-process-card:hover .gc-process-card-num {
  transform: scale(1.05) translateY(-2px);
}

.gc-process-card:hover .gc-process-card-num::after {
  width: 52px;
}

.gc-process-card:hover .gc-process-card-title {
  color: var(--rr-color-theme-primary);
  transform: translateX(2px);
}

[data-theme=dark] .gc-process-card:hover .gc-process-card-title {
  color: #4eb3c4;
}

[data-theme=dark] .gc-process-card:hover .gc-process-card-desc {
  color: rgba(255, 255, 255, 0.8);
}

.gc-process-arrow {
  display: none;
}

@media (min-width: 992px) {
  .gc-process-col:not(:last-child) .gc-process-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translate(50%, -50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    z-index: 3;
    font-size: 13px;
    pointer-events: none;
    transition: transform 0.35s ease, background-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
  }

  [data-theme=dark] .gc-process-col:not(:last-child) .gc-process-arrow {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  }

  [data-theme=light] .gc-process-col:not(:last-child) .gc-process-arrow {
    background: linear-gradient(145deg, #ffffff 0%, #f5f8fa 100%);
    border: 1px solid rgba(17, 21, 28, 0.08);
    color: rgba(17, 21, 28, 0.45);
    box-shadow: 0 6px 16px rgba(17, 21, 28, 0.08);
  }

  .gc-process-col:hover .gc-process-arrow {
    transform: translate(50%, -50%) scale(1.14);
    color: var(--rr-color-theme-primary);
    box-shadow: 0 8px 22px rgba(35, 118, 135, 0.2);
  }

  [data-theme=light] .gc-process-col:hover .gc-process-arrow {
    border-color: rgba(35, 118, 135, 0.32);
  }
}

@media (max-width: 991px) {
  .gc-process-heading {
    margin-bottom: 44px;
  }

  .gc-process-card-body {
    padding: 24px 24px 30px;
  }

  .gc-process-card-body::before {
    left: 24px;
    right: 24px;
  }
}

@media (max-width: 575px) {
  .gc-process-desc {
    font-size: 16px;
  }

  .gc-process-card {
    border-radius: 18px;
  }

  .gc-process-card-head {
    padding: 26px 22px 22px;
    min-height: 104px;
  }

  .gc-process-card-body {
    padding: 20px 22px 28px;
  }

  .gc-process-card-body::before {
    left: 22px;
    right: 22px;
  }

  .gc-process-card-title {
    font-size: 18px;
  }

  .gc-process-eyebrow::before,
  .gc-process-eyebrow::after {
    width: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-process-card,
  .gc-process-card::after,
  .gc-process-card-head::before,
  .gc-process-card-head::after,
  .gc-process-card-num,
  .gc-process-card-num::after,
  .gc-process-card-title,
  .gc-process-card-desc,
  .gc-process-arrow {
    transition: none;
  }

  .gc-process-card:hover {
    transform: none;
  }

  .gc-process-card:hover .gc-process-card-head::before,
  .gc-process-card:hover .gc-process-card-num {
    transform: none;
  }

  .gc-process-card:hover .gc-process-card-title {
    transform: none;
  }
}

/* ===== Graphics Solutions — CTA banner ===== */
.gc-cta-section {
  position: relative;
  overflow: hidden;
}

.gc-cta-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(35, 118, 135, 0.1) 0%, transparent 42%),
    radial-gradient(circle at 80% 70%, rgba(255, 194, 38, 0.07) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.gc-cta-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-cta-section {
  background: linear-gradient(180deg, rgba(8, 20, 30, 0.98) 0%, #02050a 100%);
}

[data-theme=light] .gc-cta-section {
  background: linear-gradient(180deg, rgba(248, 246, 240, 0.6) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.gc-cta-banner {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  isolation: isolate;
}

.gc-cta-banner-glow {
  position: absolute;
  inset: -40% -10%;
  background:
    radial-gradient(circle at 30% 40%, rgba(35, 118, 135, 0.18) 0%, transparent 50%),
    radial-gradient(circle at 70% 60%, rgba(255, 194, 38, 0.1) 0%, transparent 45%);
  pointer-events: none;
  z-index: 0;
}

[data-theme=dark] .gc-cta-banner {
  background: linear-gradient(155deg, rgba(18, 38, 52, 0.98) 0%, rgba(13, 31, 45, 0.96) 50%, rgba(10, 26, 38, 0.98) 100%);
  border: 1px solid rgba(35, 118, 135, 0.28);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[data-theme=light] .gc-cta-banner {
  background: linear-gradient(155deg, #f8f5ef 0%, #f3efe8 48%, #efe9df 100%);
  border: 1px solid rgba(35, 118, 135, 0.12);
  box-shadow:
    0 24px 56px rgba(35, 118, 135, 0.1),
    0 8px 24px rgba(17, 21, 28, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.gc-cta-banner-inner {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  padding: 56px 48px 52px;
}

.gc-cta-title {
  margin-bottom: 20px;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

[data-theme=dark] .gc-cta-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .gc-cta-title {
  color: var(--rr-color-heading-primary);
}

.gc-cta-desc {
  margin: 0 auto 28px;
  max-width: 680px;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-cta-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-cta-desc {
  color: var(--rr-color-text-body-light);
}

.gc-cta-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}

.gc-cta-badges li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  transition: border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.gc-cta-badges li i {
  font-size: 9px;
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-cta-badges li {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(35, 118, 135, 0.16);
  border: 1px solid rgba(35, 118, 135, 0.32);
}

[data-theme=light] .gc-cta-badges li {
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.1);
  border: 1px solid rgba(35, 118, 135, 0.18);
}

.gc-cta-badges li:hover {
  transform: translateY(-2px);
}

[data-theme=dark] .gc-cta-badges li:hover {
  background: rgba(35, 118, 135, 0.24);
  border-color: rgba(35, 118, 135, 0.45);
}

[data-theme=light] .gc-cta-badges li:hover {
  background: rgba(35, 118, 135, 0.14);
  border-color: rgba(35, 118, 135, 0.28);
}

.gc-cta-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}

.gc-cta-btn-outline {
  background: transparent !important;
  border: 1px solid currentColor;
}

[data-theme=dark] .gc-cta-btn-outline {
  color: var(--rr-color-common-white) !important;
  border-color: rgba(255, 255, 255, 0.35);
}

[data-theme=dark] .gc-cta-btn-outline:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--rr-color-common-white) !important;
}

[data-theme=light] .gc-cta-btn-outline {
  color: var(--rr-color-heading-primary) !important;
  border-color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-cta-btn-outline:hover {
  background: var(--rr-color-heading-primary) !important;
  color: var(--rr-color-common-white) !important;
}

.gc-cta-note {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  font-style: italic;
}

[data-theme=dark] .gc-cta-note {
  color: rgba(255, 255, 255, 0.48);
}

[data-theme=light] .gc-cta-note {
  color: rgba(17, 21, 28, 0.52);
}

@media (max-width: 991px) {
  .gc-cta-banner-inner {
    padding: 44px 32px 40px;
  }
}

@media (max-width: 575px) {
  .gc-cta-banner {
    border-radius: 22px;
  }

  .gc-cta-banner-inner {
    padding: 36px 22px 34px;
  }

  .gc-cta-desc {
    font-size: 15px;
    margin-bottom: 22px;
  }

  .gc-cta-badges {
    gap: 8px;
    margin-bottom: 26px;
  }

  .gc-cta-badges li {
    font-size: 12px;
    padding: 8px 13px;
  }

  .gc-cta-btns {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .gc-cta-btns .rr-primary-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .gc-cta-note {
    font-size: 13px;
  }
}

/*
 * GC reusable sections (WordPress-ready)
 * — Each block uses a unique wrapper: .gc-{name}-section
 * — Scope ALL styles to that wrapper, never body.*-page
 * — Copy <section class="gc-*-section"> HTML anywhere; design stays intact
 */

/* ===== PPC ROI hero banner (section-independent — copy gc-ppc-roi-section anywhere) ===== */
.gc-ppc-roi-section {
  position: relative;
  overflow: hidden;
}

.gc-ppc-roi-section .gc-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-ppc-roi-section .gc-hero-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-ppc-roi-section .gc-hero-btn-outline {
  background: transparent !important;
  border: 2px solid rgba(35, 118, 135, 0.45) !important;
  color: var(--rr-color-theme-primary) !important;
  box-shadow: none !important;
}

[data-theme=dark] .gc-ppc-roi-section .gc-hero-btn-outline {
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

[data-theme=dark] .gc-ppc-roi-section .gc-hero-btn-outline:hover {
  background: var(--rr-color-theme-primary) !important;
  border-color: var(--rr-color-theme-primary) !important;
  color: #ffffff !important;
}

[data-theme=light] .gc-ppc-roi-section .gc-hero-btn-outline {
  border-color: rgba(35, 118, 135, 0.45) !important;
  color: var(--rr-color-theme-primary) !important;
}

[data-theme=light] .gc-ppc-roi-section .gc-hero-btn-outline:hover {
  background: var(--rr-color-theme-primary) !important;
  border-color: var(--rr-color-theme-primary) !important;
  color: #ffffff !important;
}

.gc-ppc-roi-row {
  position: relative;
  z-index: 2;
  row-gap: 48px;
}

.gc-ppc-hero-content {
  position: relative;
  z-index: 2;
}

.gc-ppc-hero-title {
  margin-bottom: 22px;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.15;
  position: relative;
  padding-bottom: 18px;
  font-weight: 800;
}

[data-theme=dark] .gc-ppc-roi-section .gc-ppc-hero-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .gc-ppc-roi-section .gc-ppc-hero-title {
  color: var(--rr-color-heading-primary);
}

.gc-ppc-hero-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-secondary);
}

.gc-ppc-hero-desc {
  margin-bottom: 26px;
  font-size: 17px;
  line-height: 1.75;
  max-width: 540px;
}

[data-theme=dark] .gc-ppc-hero-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-ppc-hero-desc {
  color: var(--rr-color-text-body-light);
}

.gc-ppc-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}

.gc-ppc-platforms li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  transition: border-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.gc-ppc-platforms li i {
  font-size: 14px;
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-ppc-platforms li {
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=light] .gc-ppc-platforms li {
  color: var(--rr-color-heading-primary);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 16%, var(--rr-color-border-light));
}

.gc-ppc-platforms li:hover {
  transform: translateY(-2px);
}

.gc-ppc-hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.gc-ppc-dashboard-wrap {
  position: relative;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}

.gc-ppc-dashboard-wrap::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.18) 0%, rgba(255, 194, 38, 0.08) 100%);
  opacity: 0.65;
  z-index: 0;
  pointer-events: none;
}

.gc-ppc-dashboard-card {
  position: relative;
  z-index: 1;
  border-radius: 18px;
  padding: 14px 18px 16px;
  overflow: hidden;
  contain: layout style paint;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gc-ppc-dashboard-card::after {
  display: none;
}

.gc-ppc-dashboard-card>* {
  position: relative;
  z-index: 1;
}

.gc-ppc-dashboard-toolbar {
  display: none;
}

.gc-ppc-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

[data-theme=dark] .gc-ppc-dashboard-card {
  background: linear-gradient(165deg, rgba(22, 32, 44, 0.98) 0%, rgba(14, 22, 32, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[data-theme=light] .gc-ppc-dashboard-card {
  background: linear-gradient(165deg, #1a2332 0%, #121a26 100%);
  border: 1px solid rgba(17, 21, 28, 0.12);
  box-shadow:
    0 16px 40px rgba(17, 21, 28, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gc-ppc-dashboard-wrap:hover .gc-ppc-dashboard-card {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-ppc-dashboard-wrap:hover .gc-ppc-dashboard-card {
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.42),
    0 0 24px rgba(35, 118, 135, 0.1);
}

.gc-ppc-dashboard-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.gc-ppc-dashboard-live {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #6ee7a0;
}

.gc-ppc-dashboard-sub {
  display: none;
}

.gc-ppc-dashboard-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
}

.gc-ppc-dashboard-status {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6ee7a0;
  background: rgba(110, 231, 160, 0.14);
  border: 1px solid rgba(110, 231, 160, 0.28);
  flex-shrink: 0;
}

.gc-ppc-dashboard-metrics {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}

.gc-ppc-metric-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.gc-ppc-metric-label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
}

.gc-ppc-metric-value {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.gc-ppc-metric-bar {
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.gc-ppc-metric-bar span {
  --bar-scale: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transform: scaleX(var(--bar-scale));
  transform-origin: left center;
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-ppc-dashboard-card.is-live .gc-ppc-metric-bar span {
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-ppc-metric:nth-child(1) .gc-ppc-metric-bar span {
  transition-delay: 0.03s;
}

.gc-ppc-metric:nth-child(2) .gc-ppc-metric-bar span {
  transition-delay: 0.08s;
}

.gc-ppc-metric:nth-child(3) .gc-ppc-metric-bar span {
  transition-delay: 0.13s;
}

.gc-ppc-metric:nth-child(4) .gc-ppc-metric-bar span {
  transition-delay: 0.18s;
}

.gc-ppc-dashboard-chart {
  display: none;
}

.gc-ppc-metric--roi .gc-ppc-metric-value {
  color: #6ee7a0;
}

.gc-ppc-metric--roi .gc-ppc-metric-bar span {
  background: linear-gradient(90deg, #3ecf8e 0%, #6ee7a0 100%);
}

.gc-ppc-metric--roas .gc-ppc-metric-value {
  color: #60a5fa;
}

.gc-ppc-metric--roas .gc-ppc-metric-bar span {
  background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);
}

.gc-ppc-metric--cpc .gc-ppc-metric-value {
  color: #f87171;
}

.gc-ppc-metric--cpc .gc-ppc-metric-bar span {
  background: linear-gradient(90deg, #ef4444 0%, #f87171 100%);
}

.gc-ppc-metric--conv .gc-ppc-metric-value {
  color: #c084fc;
}

.gc-ppc-metric--conv .gc-ppc-metric-bar span {
  background: linear-gradient(90deg, #a855f7 0%, #c084fc 100%);
}

.gc-ppc-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.gc-ppc-stat-card {
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.gc-ppc-stat-value {
  display: block;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  color: #60a5fa;
}

.gc-ppc-stat-label {
  display: block;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.52);
}

.gc-ppc-dashboard-wrap:hover .gc-ppc-stat-card {
  border-color: rgba(96, 165, 250, 0.22);
  background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 991px) {
  .gc-ppc-roi-row {
    text-align: center;
  }

  .gc-ppc-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gc-ppc-hero-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .gc-ppc-hero-desc {
    max-width: 100%;
  }

  .gc-ppc-platforms {
    justify-content: center;
  }

  .gc-ppc-hero-btns {
    justify-content: center;
  }

  .gc-ppc-dashboard-wrap {
    max-width: 480px;
    margin-top: 8px;
  }
}

@media (max-width: 575px) {
  .gc-ppc-hero-title {
    padding-bottom: 14px;
    margin-bottom: 16px;
  }

  .gc-ppc-hero-desc {
    font-size: 15px;
    margin-bottom: 22px;
  }

  .gc-ppc-platforms li {
    font-size: 12px;
    padding: 8px 12px;
  }

  .gc-ppc-hero-btns {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 320px;
  }

  .gc-ppc-hero-btns .rr-primary-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .gc-ppc-dashboard-card {
    padding: 12px 14px 14px;
    border-radius: 14px;
  }

  .gc-ppc-dashboard-title {
    font-size: 16px;
  }

  .gc-ppc-dashboard-stats {
    gap: 10px;
  }

  .gc-ppc-stat-card {
    padding: 8px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-ppc-dashboard-card,
  .gc-ppc-metric-bar span,
  .gc-ppc-platforms li {
    transition: none;
  }

  .gc-ppc-dashboard-wrap:hover .gc-ppc-dashboard-card {
    transform: none;
  }
}

/* ===== Email page — enhanced dashboard (gc-email-dashboard-pro, text unchanged) ===== */
.gc-email-dashboard-pro {
  max-width: 100%;
  width: 100%;
}

.gc-email-dashboard-pro::before {
  inset: -10px;
  border-radius: 26px;
  opacity: 0.75;
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.26) 0%, rgba(255, 194, 38, 0.12) 48%, rgba(35, 118, 135, 0.18) 100%);
}

.gc-email-dashboard-pro-glow {
  position: absolute;
  inset: -28px -12px -12px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(35, 118, 135, 0.18) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}

.gc-email-dashboard-pro .gc-ppc-dashboard-card {
  padding: 20px 22px 18px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.gc-email-dashboard-pro .gc-ppc-dashboard-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 26px 26px;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

[data-theme=light] .gc-email-dashboard-pro .gc-ppc-dashboard-card {
  box-shadow:
    0 36px 80px rgba(17, 21, 28, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.gc-email-dashboard-pro .gc-ppc-dashboard-header {
  margin-bottom: 16px;
  padding-bottom: 0;
  border-bottom: none;
}

.gc-email-dashboard-pro .gc-ppc-dashboard-live {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 0 rgba(110, 231, 160, 0.55);
  animation: gcEmailDashboardProPulse 2.2s ease-in-out infinite;
}

@keyframes gcEmailDashboardProPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(110, 231, 160, 0.55);
  }

  50% {
    box-shadow: 0 0 0 8px rgba(110, 231, 160, 0);
  }
}

.gc-email-dashboard-pro .gc-ppc-dashboard-title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #ffffff;
}

[data-theme=dark] .gc-email-dashboard-pro .gc-ppc-dashboard-title,
[data-theme=light] .gc-email-dashboard-pro .gc-ppc-dashboard-title {
  color: #ffffff;
}

.gc-email-dashboard-pro .gc-ppc-dashboard-status {
  padding: 4px 12px;
  font-size: 10px;
  letter-spacing: 0.05em;
}

/* Decorative performance chart — no text */
.gc-email-dashboard-pro-visual {
  position: relative;
  height: 88px;
  margin-bottom: 16px;
  padding: 12px 14px 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  overflow: hidden;
}

.gc-email-dashboard-pro-visual::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 12px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.gc-email-dashboard-pro-bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 7px;
  height: 100%;
}

.gc-email-dashboard-pro-bars span {
  flex: 1;
  max-width: 24px;
  height: var(--h, 50%);
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(180deg, rgba(35, 118, 135, 0.95) 0%, rgba(35, 118, 135, 0.3) 100%);
  transform-origin: bottom center;
  transform: scaleY(0.12);
  opacity: 0.5;
  transition: transform 0.75s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}

.gc-email-dashboard-pro-bars span:nth-child(odd) {
  background: linear-gradient(180deg, rgba(255, 194, 38, 0.95) 0%, rgba(255, 194, 38, 0.28) 100%);
}

.gc-email-dashboard-pro .gc-ppc-dashboard-card.is-live .gc-email-dashboard-pro-bars span {
  transform: scaleY(1);
  opacity: 1;
}

.gc-email-dashboard-pro-bars span:nth-child(1) { transition-delay: 0.03s; }
.gc-email-dashboard-pro-bars span:nth-child(2) { transition-delay: 0.07s; }
.gc-email-dashboard-pro-bars span:nth-child(3) { transition-delay: 0.11s; }
.gc-email-dashboard-pro-bars span:nth-child(4) { transition-delay: 0.15s; }
.gc-email-dashboard-pro-bars span:nth-child(5) { transition-delay: 0.19s; }
.gc-email-dashboard-pro-bars span:nth-child(6) { transition-delay: 0.23s; }
.gc-email-dashboard-pro-bars span:nth-child(7) { transition-delay: 0.27s; }
.gc-email-dashboard-pro-bars span:nth-child(8) { transition-delay: 0.31s; }
.gc-email-dashboard-pro-bars span:nth-child(9) { transition-delay: 0.35s; }
.gc-email-dashboard-pro-bars span:nth-child(10) { transition-delay: 0.39s; }
.gc-email-dashboard-pro-bars span:nth-child(11) { transition-delay: 0.43s; }
.gc-email-dashboard-pro-bars span:nth-child(12) { transition-delay: 0.47s; }

/* Large metric tiles */
.gc-email-dashboard-pro-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 0;
}

.gc-email-dashboard-pro .gc-ppc-metric {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 14px 12px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.gc-email-dashboard-pro:hover .gc-ppc-metric {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.12);
}

.gc-email-dashboard-pro .gc-ppc-metric--roi {
  background: linear-gradient(145deg, rgba(110, 231, 160, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(110, 231, 160, 0.2);
}

.gc-email-dashboard-pro .gc-ppc-metric--roas {
  background: linear-gradient(145deg, rgba(96, 165, 250, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(96, 165, 250, 0.2);
}

.gc-email-dashboard-pro .gc-ppc-metric--cpc {
  background: linear-gradient(145deg, rgba(248, 113, 113, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(248, 113, 113, 0.2);
}

.gc-email-dashboard-pro .gc-ppc-metric--conv {
  background: linear-gradient(145deg, rgba(192, 132, 252, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(192, 132, 252, 0.2);
}

.gc-email-dashboard-pro .gc-ppc-metric-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 0;
}

.gc-email-dashboard-pro .gc-ppc-metric-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.gc-email-dashboard-pro .gc-ppc-metric-value {
  font-size: clamp(20px, 2.2vw, 24px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
}

.gc-email-dashboard-pro .gc-ppc-metric-bar {
  height: 6px;
  margin-top: auto;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.gc-email-dashboard-pro:hover .gc-ppc-dashboard-card {
  transform: translateY(-6px);
}

[data-theme=dark] .gc-email-dashboard-pro:hover .gc-ppc-dashboard-card {
  box-shadow:
    0 36px 80px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(35, 118, 135, 0.14);
}

@media (min-width: 992px) {
  .gc-email-dashboard-pro {
    max-width: 560px;
    margin-left: auto;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .gc-email-dashboard-pro {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
  }
}

@media (max-width: 575px) {
  .gc-email-dashboard-pro .gc-ppc-dashboard-card {
    padding: 18px 16px 16px;
    border-radius: 16px;
  }

  .gc-email-dashboard-pro-visual {
    height: 76px;
    margin-bottom: 14px;
  }

  .gc-email-dashboard-pro-metrics {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .gc-email-dashboard-pro .gc-ppc-dashboard-title {
    font-size: 16px;
  }

  .gc-email-dashboard-pro .gc-ppc-metric {
    padding: 12px 12px 10px;
  }

  .gc-email-dashboard-pro .gc-ppc-metric-value {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-email-dashboard-pro .gc-ppc-dashboard-live,
  .gc-email-dashboard-pro-bars span {
    animation: none;
    transition: none;
  }

  .gc-email-dashboard-pro .gc-ppc-dashboard-card.is-live .gc-email-dashboard-pro-bars span {
    transform: scaleY(1);
    opacity: 1;
  }

  .gc-email-dashboard-pro:hover .gc-ppc-dashboard-card {
    transform: none;
  }
}

/* ===== Email marketing — Why Choose section (gc-email-why-section) ===== */
.gc-email-why-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-email-why-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(35, 118, 135, 0.14) 0%, transparent 44%),
    radial-gradient(circle at 88% 82%, rgba(255, 194, 38, 0.08) 0%, transparent 42%);
  pointer-events: none;
  z-index: 0;
}

.gc-email-why-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-email-why-section {
  background: linear-gradient(160deg, rgba(6, 14, 22, 0.98) 0%, rgba(10, 22, 34, 0.97) 48%, rgba(8, 18, 28, 0.98) 100%);
  border-color: rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-email-why-section {
  background: linear-gradient(160deg, #f4f8f9 0%, #faf8f3 50%, #f6fafb 100%);
  border-color: var(--rr-color-border-light);
}

.gc-email-why-heading {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 52px;
}

.gc-email-why-title {
  margin-bottom: 18px;
}

[data-theme=dark] .gc-email-why-section .gc-email-why-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .gc-email-why-section .gc-email-why-title {
  color: var(--rr-color-heading-primary);
}

.gc-email-why-desc {
  max-width: 700px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.75;
  text-align: center;
}

[data-theme=dark] .gc-email-why-desc {
  color: rgba(255, 255, 255, 0.66);
}

[data-theme=light] .gc-email-why-desc {
  color: var(--rr-color-text-body-light);
}

.gc-email-why-grid {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.gc-email-why-card {
  position: relative;
  height: 100%;
  padding: 32px 30px 28px;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s ease, box-shadow 0.4s ease, background-color 0.35s ease;
}

.gc-email-why-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  background: linear-gradient(135deg, rgba(35, 118, 135, 0.12) 0%, transparent 55%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.gc-email-why-card:hover {
  transform: translateY(-6px);
}

.gc-email-why-card:hover::before {
  opacity: 1;
}

[data-theme=dark] .gc-email-why-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
}

[data-theme=dark] .gc-email-why-card:hover {
  border-color: rgba(94, 234, 212, 0.28);
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.32),
    0 0 24px rgba(35, 118, 135, 0.12);
}

[data-theme=light] .gc-email-why-card {
  background: #ffffff;
  border: 1px solid rgba(35, 118, 135, 0.1);
  box-shadow: 0 10px 36px rgba(35, 118, 135, 0.08);
}

[data-theme=light] .gc-email-why-card:hover {
  border-color: rgba(35, 118, 135, 0.22);
  box-shadow:
    0 18px 44px rgba(35, 118, 135, 0.14),
    0 0 0 1px rgba(35, 118, 135, 0.06);
}

.gc-email-why-card-title {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  transition: color 0.3s ease;
}

[data-theme=dark] .gc-email-why-card-title {
  color: #5eead4;
}

[data-theme=light] .gc-email-why-card-title {
  color: #237687;
}

.gc-email-why-card:hover .gc-email-why-card-title {
  color: #ffc226;
}

[data-theme=light] .gc-email-why-card:hover .gc-email-why-card-title {
  color: #1a6273;
}

.gc-email-why-card-desc {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  transition: color 0.3s ease;
}

[data-theme=dark] .gc-email-why-card-desc {
  color: rgba(255, 255, 255, 0.58);
}

[data-theme=light] .gc-email-why-card-desc {
  color: #74787C;
}

.gc-email-why-card:hover .gc-email-why-card-desc {
  color: rgba(255, 255, 255, 0.72);
}

[data-theme=light] .gc-email-why-card:hover .gc-email-why-card-desc {
  color: #5a5f66;
}

.gc-email-why-grid > div:nth-child(1) .gc-email-why-card {
  transition-delay: 0.02s;
}

.gc-email-why-grid > div:nth-child(2) .gc-email-why-card {
  transition-delay: 0.08s;
}

.gc-email-why-grid > div:nth-child(3) .gc-email-why-card {
  transition-delay: 0.14s;
}

.gc-email-why-grid > div:nth-child(4) .gc-email-why-card {
  transition-delay: 0.2s;
}

@media (max-width: 767px) {
  .gc-email-why-heading {
    margin-bottom: 40px;
  }

  .gc-email-why-desc {
    font-size: 16px;
  }

  .gc-email-why-card {
    padding: 26px 22px 24px;
  }

  .gc-email-why-card-title {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .gc-email-why-card-desc {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-email-why-card,
  .gc-email-why-card::before,
  .gc-email-why-card-title,
  .gc-email-why-card-desc {
    transition: none;
  }

  .gc-email-why-card:hover {
    transform: none;
  }
}

/* ===== PPC Marketing Services — pain points section ===== */
.gc-ppc-pain-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-ppc-pain-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 24%, rgba(35, 118, 135, 0.11) 0%, transparent 42%),
    radial-gradient(circle at 84% 76%, rgba(255, 194, 38, 0.07) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.gc-ppc-pain-section .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-ppc-pain-section {
  background: linear-gradient(155deg, rgba(8, 20, 30, 0.98) 0%, rgba(13, 31, 45, 0.96) 50%, rgba(10, 24, 36, 0.98) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme=light] .gc-ppc-pain-section {
  background: linear-gradient(155deg, rgba(241, 245, 248, 0.96) 0%, rgba(248, 246, 240, 0.98) 50%, rgba(252, 250, 245, 0.98) 100%);
  border-color: var(--rr-color-border-light);
}

.gc-ppc-pain-heading {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 52px;
}

.gc-ppc-pain-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
  padding: 0;
  overflow: visible;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-ppc-pain-eyebrow::before,
.gc-ppc-pain-eyebrow::after {
  content: "";
  width: 36px;
  height: 2px;
  position: static;
  transform: none;
  opacity: 1;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-ppc-pain-desc {
  max-width: 760px;
  margin: 20px auto 0;
  font-size: 17px;
  line-height: 1.75;
  text-align: center;
}

[data-theme=dark] .gc-ppc-pain-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-ppc-pain-desc {
  color: var(--rr-color-text-body-light);
}

.gc-ppc-pain-cards {
  margin-bottom: 0;
}

.gc-ppc-pain-card {
  height: 100%;
  padding: 34px 30px 32px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.45s ease,
    border-color 0.35s ease;
}

.gc-ppc-pain-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  z-index: 2;
  transition: width 0.45s ease;
}

.gc-ppc-pain-card--1::after {
  background: linear-gradient(90deg, #237687, #2d9aad);
}

.gc-ppc-pain-card--2::after {
  background: linear-gradient(90deg, #e85d4a, #f07868);
}

.gc-ppc-pain-card--3::after {
  background: linear-gradient(90deg, #e8a820, #ffc226);
}

[data-theme=dark] .gc-ppc-pain-card {
  background: linear-gradient(168deg, rgba(255, 248, 242, 0.1) 0%, rgba(255, 240, 228, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .gc-ppc-pain-card {
  background: linear-gradient(168deg, #fff8f2 0%, #ffefe3 55%, #ffe8d8 100%);
  border: 1px solid rgba(232, 93, 74, 0.1);
  box-shadow:
    0 16px 40px rgba(232, 93, 74, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.gc-ppc-pain-card-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transition: transform 0.4s ease, box-shadow 0.35s ease;
}

.gc-ppc-pain-card--1 .gc-ppc-pain-card-icon {
  color: #237687;
  background: rgba(35, 118, 135, 0.16);
  border: 1px solid rgba(35, 118, 135, 0.22);
}

.gc-ppc-pain-card--2 .gc-ppc-pain-card-icon {
  color: #c75f42;
  background: rgba(232, 93, 74, 0.16);
  border: 1px solid rgba(232, 93, 74, 0.22);
}

.gc-ppc-pain-card--3 .gc-ppc-pain-card-icon {
  color: #b8860b;
  background: rgba(232, 168, 32, 0.18);
  border: 1px solid rgba(232, 168, 32, 0.24);
}

[data-theme=dark] .gc-ppc-pain-card-title {
  color: #fff5ee;
}

[data-theme=light] .gc-ppc-pain-card-title {
  color: #3d2a22;
}

.gc-ppc-pain-card-title {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-ppc-pain-card-desc {
  color: rgba(255, 245, 238, 0.72);
}

[data-theme=light] .gc-ppc-pain-card-desc {
  color: rgba(61, 42, 34, 0.72);
}

.gc-ppc-pain-card-desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  transition: color 0.35s ease;
}

.gc-ppc-pain-card:hover {
  transform: translateY(-10px);
}

.gc-ppc-pain-card:hover::after {
  width: 100%;
}

[data-theme=dark] .gc-ppc-pain-card:hover {
  border-color: rgba(35, 118, 135, 0.38);
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.32),
    0 0 32px rgba(35, 118, 135, 0.1);
}

[data-theme=light] .gc-ppc-pain-card:hover {
  border-color: rgba(232, 93, 74, 0.22);
  box-shadow:
    0 24px 52px rgba(232, 93, 74, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

.gc-ppc-pain-card:hover .gc-ppc-pain-card-icon {
  transform: scale(1.08) translateY(-2px);
}

.gc-ppc-pain-card--1:hover .gc-ppc-pain-card-title {
  color: #4eb3c4;
}

[data-theme=light] .gc-ppc-pain-card--1:hover .gc-ppc-pain-card-title {
  color: #237687;
}

.gc-ppc-pain-card--2:hover .gc-ppc-pain-card-title {
  color: #e85d4a;
}

.gc-ppc-pain-card--3:hover .gc-ppc-pain-card-title {
  color: #c98f00;
}

@media (max-width: 991px) {
  .gc-ppc-pain-heading {
    margin-bottom: 44px;
  }

  .gc-ppc-pain-cards {
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .gc-ppc-pain-desc {
    font-size: 15px;
  }

  .gc-ppc-pain-card {
    padding: 28px 24px 26px;
    border-radius: 18px;
  }

  .gc-ppc-pain-card-title {
    font-size: 20px;
  }

  .gc-ppc-pain-eyebrow::before,
  .gc-ppc-pain-eyebrow::after {
    width: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-ppc-pain-card,
  .gc-ppc-pain-card::after,
  .gc-ppc-pain-card-icon {
    transition: none;
  }

  .gc-ppc-pain-card:hover {
    transform: none;
  }

  .gc-ppc-pain-card:hover .gc-ppc-pain-card-icon {
    transform: none;
  }
}

/* ===== PPC Marketing Services — quote banner ===== */
.gc-ppc-quote-banner-section {
  position: relative;
  overflow: hidden;
  padding: 88px 0 96px;
  margin-top: -1px;
}

.gc-ppc-quote-banner-section .container {
  position: relative;
  z-index: 2;
}

[data-theme=dark] .gc-ppc-quote-banner-section {
  background: linear-gradient(180deg,
      rgba(10, 24, 36, 1) 0%,
      rgba(15, 38, 52, 1) 12%,
      rgba(26, 74, 88, 1) 38%,
      rgba(35, 118, 135, 1) 62%,
      rgba(30, 101, 117, 1) 82%,
      rgba(26, 92, 106, 1) 100%);
}

[data-theme=light] .gc-ppc-quote-banner-section {
  background: linear-gradient(180deg,
      rgba(248, 246, 240, 1) 0%,
      rgba(232, 244, 246, 1) 10%,
      rgba(200, 228, 234, 1) 28%,
      rgba(35, 118, 135, 1) 55%,
      rgba(31, 107, 122, 1) 78%,
      rgba(26, 92, 106, 1) 100%);
}

.gc-ppc-quote-banner-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.22;
}

.gc-ppc-quote-banner-bg-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

[data-theme=light] .gc-ppc-quote-banner-bg-shape {
  opacity: 0.14;
}

.gc-ppc-quote-banner-shapes {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.gc-ppc-quote-shape {
  position: absolute;
  display: block;
  pointer-events: none;
}

.gc-ppc-quote-shape img {
  display: block;
  max-width: none;
}

.gc-ppc-quote-shape-1 {
  right: -4%;
  bottom: -8%;
  opacity: 0.18;
}

.gc-ppc-quote-shape-1 img {
  width: min(420px, 42vw);
}

.gc-ppc-quote-shape-2 {
  left: -2%;
  top: 8%;
  opacity: 0.2;
}

.gc-ppc-quote-shape-2 img {
  width: min(280px, 30vw);
}

[data-theme=light] .gc-ppc-quote-shape-1,
[data-theme=light] .gc-ppc-quote-shape-2 {
  opacity: 0.12;
}

.gc-ppc-quote-banner-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 12px;
}

.gc-ppc-quote-banner-title {
  margin-bottom: 18px;
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-wrap: balance;
}

.gc-ppc-quote-banner-desc {
  max-width: 640px;
  margin: 0 auto 30px;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.9);
  text-wrap: pretty;
}

.gc-ppc-quote-banner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  padding: 15px 34px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #1a5c6a !important;
  border: none;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease !important;
}

.gc-ppc-quote-banner-btn:hover {
  transform: translateY(-2px);
  background: #f8f6f0 !important;
  color: #134a56 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

.gc-ppc-quote-banner-btn::before {
  display: none !important;
}

[data-theme=light] .gc-ppc-quote-banner-title,
[data-theme=light] .gc-ppc-quote-banner-desc {
  color: #ffffff;
}

[data-theme=light] .gc-ppc-quote-banner-desc {
  color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 991px) {
  .gc-ppc-quote-banner-section {
    padding: 72px 0 80px;
  }

  .gc-ppc-quote-shape-1 img {
    width: min(320px, 50vw);
  }

  .gc-ppc-quote-shape-2 img {
    width: min(220px, 36vw);
  }
}

@media (max-width: 767px) {
  .gc-ppc-quote-banner-section {
    padding: 64px 0 72px;
  }

  .gc-ppc-quote-banner-content {
    padding: 0 4px;
  }

  .gc-ppc-quote-shape-2 {
    top: 4%;
    opacity: 0.14;
  }

  .gc-ppc-quote-shape-1 {
    bottom: -4%;
    opacity: 0.14;
  }
}

@media (max-width: 575px) {
  .gc-ppc-quote-banner-section {
    padding: 56px 0 64px;
  }

  .gc-ppc-quote-banner-title {
    margin-bottom: 14px;
    font-size: clamp(22px, 6.5vw, 28px);
    line-height: 1.28;
  }

  .gc-ppc-quote-banner-desc {
    font-size: 15px;
    line-height: 1.68;
    margin-bottom: 26px;
  }

  .gc-ppc-quote-banner-btn {
    width: 100%;
    max-width: 300px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ppc-quote-banner-btn {
    transition: none;
  }

  .gc-ppc-quote-banner-btn:hover {
    transform: none;
  }
}

/* ===== Background Removal — hero section ===== */
.gc-bg-removal-hero {
  position: relative;
  overflow: hidden;
}

.gc-bg-removal-hero-content {
  position: relative;
  z-index: 2;
}

.gc-bg-removal-title {
  margin-bottom: 22px;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.14;
  position: relative;
  padding-bottom: 18px;
  font-weight: 800;
}

.gc-bg-removal-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-secondary);
}

.gc-bg-removal-desc {
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 1.75;
  max-width: 540px;
}

.gc-bg-removal-desc--2 {
  margin-bottom: 26px;
}

[data-theme=dark] .gc-bg-removal-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-bg-removal-desc {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-features {
  margin-bottom: 32px;
}

.gc-bg-removal-btns .rr-primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.gc-bg-removal-btns .rr-primary-btn i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

.gc-bg-removal-btns .rr-primary-btn:hover i {
  transform: translateX(4px);
}

.gc-bg-removal-compare-wrap {
  position: relative;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}

.gc-bg-removal-compare-wrap::before {
  content: "";
  position: absolute;
  inset: 10px 10px 56px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.2) 0%, rgba(255, 194, 38, 0.1) 100%);
  filter: blur(24px);
  opacity: 0.8;
  z-index: 0;
  pointer-events: none;
}

.gc-bg-removal-compare-card {
  position: relative;
  z-index: 1;
  border-radius: 22px;
  padding: 22px 22px 18px;
  transition: box-shadow 0.4s ease, border-color 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-compare-card {
  background: linear-gradient(168deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 24px 56px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-bg-removal-compare-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow:
    0 24px 56px rgba(35, 118, 135, 0.12),
    0 8px 24px rgba(17, 21, 28, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.gc-bg-removal-compare-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 16px;
}

.gc-bg-removal-compare-label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

[data-theme=dark] .gc-bg-removal-compare-label {
  color: rgba(255, 255, 255, 0.72);
}

[data-theme=light] .gc-bg-removal-compare-label {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-compare-arrow {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.22);
}

.gc-bg-removal-compare-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 18px;
}

.gc-bg-removal-panel {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: rgba(17, 21, 28, 0.04);
}

[data-theme=dark] .gc-bg-removal-panel {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-bg-removal-panel {
  border: 1px solid rgba(17, 21, 28, 0.06);
}

.gc-bg-removal-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-bg-removal-panel--after {
  background:
    linear-gradient(45deg, rgba(35, 118, 135, 0.06) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(35, 118, 135, 0.06) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(35, 118, 135, 0.06) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(35, 118, 135, 0.06) 75%);
  background-size: 16px 16px;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-color: #f4f6f8;
}

[data-theme=dark] .gc-bg-removal-panel--after {
  background-color: rgba(255, 255, 255, 0.04);
}

.gc-bg-removal-compare-wrap.is-switching .gc-bg-removal-panel img {
  opacity: 0.55;
  transform: scale(0.97);
}

.gc-bg-removal-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.gc-bg-removal-tab {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

[data-theme=dark] .gc-bg-removal-tab {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

[data-theme=light] .gc-bg-removal-tab {
  color: rgba(17, 21, 28, 0.45);
  border-color: rgba(17, 21, 28, 0.08);
  background: rgba(248, 246, 240, 0.8);
}

.gc-bg-removal-tab:hover {
  transform: translateY(-2px);
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-bg-removal-tab:hover {
  border-color: rgba(35, 118, 135, 0.35);
  background: rgba(35, 118, 135, 0.12);
}

[data-theme=light] .gc-bg-removal-tab:hover {
  border-color: rgba(35, 118, 135, 0.25);
  background: rgba(35, 118, 135, 0.08);
}

.gc-bg-removal-tab.active {
  color: #ffffff;
  background: linear-gradient(135deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  border-color: transparent;
  box-shadow: 0 8px 22px rgba(35, 118, 135, 0.32);
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .gc-bg-removal-hero-row {
    row-gap: 48px;
  }

  .gc-bg-removal-hero-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gc-bg-removal-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .gc-bg-removal-desc {
    max-width: 100%;
  }

  .gc-bg-removal-features {
    justify-content: center;
  }

  .gc-bg-removal-compare-wrap {
    max-width: 480px;
  }
}

@media (max-width: 575px) {
  .gc-bg-removal-desc {
    font-size: 15px;
  }

  .gc-bg-removal-compare-card {
    padding: 18px 16px 16px;
    border-radius: 18px;
  }

  .gc-bg-removal-compare-panels {
    gap: 10px;
  }

  .gc-bg-removal-tab {
    width: 44px;
    height: 44px;
    font-size: 18px;
    border-radius: 10px;
  }

  .gc-bg-removal-btns .rr-primary-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-bg-removal-panel img,
  .gc-bg-removal-tab,
  .gc-bg-removal-btns .rr-primary-btn i {
    transition: none;
  }

  .gc-bg-removal-tab.active,
  .gc-bg-removal-tab:hover {
    transform: none;
  }
}

/* ===== Background Removal — what is section ===== */
.gc-bg-removal-about .gc-bg-removal-about-content {
  justify-content: flex-start;
}

.gc-bg-removal-about .delivery-speed-title {
  margin-bottom: 24px;
}

.gc-bg-removal-callout {
  margin-bottom: 22px;
  padding: 22px 24px 22px 28px;
  border-radius: 14px;
  border-left: 4px solid var(--rr-color-theme-primary);
  position: relative;
  overflow: hidden;
}

.gc-bg-removal-callout p {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.65;
}

[data-theme=dark] .gc-bg-removal-callout {
  background: rgba(255, 255, 255, 0.05);
  border-left-color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-bg-removal-callout p {
  color: rgba(255, 255, 255, 0.92);
}

[data-theme=light] .gc-bg-removal-callout {
  background: #f8f5ef;
  border-left-color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-bg-removal-callout p {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  height: 100%;
}

.gc-bg-removal-benefit-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  min-height: auto;
  padding: 40px 22px;
  border-radius: 16px;
  text-align: left;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-benefit-card {
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme=light] .gc-bg-removal-benefit-card {
  background-color: #f8f5ef;
  border: 1px solid rgba(17, 21, 28, 0.06);
  box-shadow: 0 8px 24px rgba(17, 21, 28, 0.04);
}

.gc-bg-removal-benefit-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.35s ease;
}

.gc-bg-removal-benefit-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
  color: #ffffff;
  background: var(--rr-color-theme-primary);
  border: 1px solid transparent;
  opacity: 1;
  visibility: visible;
  transition: transform 0.35s ease, background-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
}

.gc-bg-removal-benefit-card p {
  margin: 0;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-benefit-card p {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme=light] .gc-bg-removal-benefit-card p {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-benefit-card:hover {
  transform: translateY(-6px);
}

[data-theme=dark] .gc-bg-removal-benefit-card:hover {
  background-color: rgba(35, 118, 135, 0.1);
  border-color: rgba(35, 118, 135, 0.35);
  box-shadow:
    0 16px 32px rgba(0, 0, 0, 0.24),
    0 0 24px rgba(35, 118, 135, 0.12);
}

[data-theme=light] .gc-bg-removal-benefit-card:hover {
  background-color: #ffffff;
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 28%, var(--rr-color-border-light));
  box-shadow: 0 16px 36px rgba(35, 118, 135, 0.1);
}

.gc-bg-removal-benefit-card:hover::after {
  width: 100%;
}

.gc-bg-removal-benefit-card:hover .gc-bg-removal-benefit-icon {
  transform: scale(1.08);
  background: var(--rr-color-theme-primary);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(35, 118, 135, 0.32);
}

[data-theme=dark] .gc-bg-removal-benefit-card:hover p {
  color: #ffffff;
}

[data-theme=light] .gc-bg-removal-benefit-card:hover p {
  color: var(--rr-color-theme-primary);
}

@media (max-width: 991px) {
  .gc-bg-removal-about-content {
    margin-bottom: 12px;
  }

  .gc-bg-removal-benefit-card {
    padding: 18px 20px;
  }
}

@media (max-width: 575px) {
  .gc-bg-removal-benefits-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .gc-bg-removal-callout {
    padding: 18px 18px 18px 22px;
  }

  .gc-bg-removal-callout p {
    font-size: 16px;
  }

  .gc-bg-removal-benefit-card {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-bg-removal-benefit-card,
  .gc-bg-removal-benefit-card::after,
  .gc-bg-removal-benefit-icon,
  .gc-bg-removal-benefit-card p {
    transition: none;
  }

  .gc-bg-removal-benefit-card:hover {
    transform: none;
  }

  .gc-bg-removal-benefit-card:hover .gc-bg-removal-benefit-icon {
    transform: none;
  }
}

/* ===== Background Removal — services section ===== */
.gc-bg-removal-services {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-bg-removal-services::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 18%, rgba(35, 118, 135, 0.1) 0%, transparent 44%),
    radial-gradient(circle at 86% 82%, rgba(255, 194, 38, 0.07) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.gc-bg-removal-services .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-bg-removal-services {
  background: linear-gradient(160deg, rgba(8, 20, 30, 0.98) 0%, rgba(13, 31, 45, 0.94) 100%);
  border-color: rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-bg-removal-services {
  background: linear-gradient(160deg, #ffffff 0%, #f8f6f0 100%);
  border-color: var(--rr-color-border-light);
}

.gc-bg-removal-services-heading {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
}

.gc-bg-removal-services-heading .sub-heading::before,
.gc-bg-removal-services-heading .sub-heading::after {
  display: none;
}

.gc-bg-removal-services-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.gc-bg-removal-services-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-bg-removal-services-desc {
  max-width: 640px;
  margin: 20px auto 0;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-bg-removal-services-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-bg-removal-services-desc {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-service-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  transition:
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.45s ease,
    border-color 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-service-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .gc-bg-removal-service-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 14px 36px rgba(17, 21, 28, 0.06);
}

.gc-bg-removal-service-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.45s ease;
  z-index: 3;
}

.gc-bg-removal-service-card:hover {
  transform: translateY(-8px);
}

[data-theme=dark] .gc-bg-removal-service-card:hover {
  border-color: rgba(35, 118, 135, 0.35);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.32),
    0 0 28px rgba(35, 118, 135, 0.12);
}

[data-theme=light] .gc-bg-removal-service-card:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 24%, var(--rr-color-border-light));
  box-shadow: 0 22px 44px rgba(35, 118, 135, 0.12);
}

.gc-bg-removal-service-card:hover::after {
  width: 100%;
}

.gc-bg-removal-service-compare {
  position: relative;
  flex-shrink: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.gc-bg-removal-service-compare-view {
  position: relative;
  width: 100%;
  height: 100%;
  --compare-x: 50%;
  overflow: hidden;
  cursor: ew-resize;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  contain: layout style paint;
}

.gc-bg-removal-compare-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

.gc-bg-removal-compare-img--after {
  z-index: 1;
}

.gc-bg-removal-compare-img--before {
  z-index: 2;
  clip-path: polygon(0 0, var(--compare-x) 0, var(--compare-x) 100%, 0 100%);
  transition: none;
}

.gc-bg-removal-service-compare-view.is-compare-dragging .gc-bg-removal-compare-img--before {
  will-change: clip-path;
}

.gc-bg-removal-service-compare-view.is-compare-resetting .gc-bg-removal-compare-img--before {
  will-change: clip-path;
  transition: clip-path 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.gc-bg-removal-compare-divider {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.gc-bg-removal-compare-divider::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--compare-x);
  width: 3px;
  transform: translate3d(-50%, 0, 0);
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(255, 255, 255, 0.95) 18%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.95) 82%,
      rgba(255, 255, 255, 0.15) 100%);
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.55),
    0 0 8px rgba(35, 118, 135, 0.45);
  transition: none;
}

.gc-bg-removal-service-compare-view.is-compare-dragging .gc-bg-removal-compare-divider::before {
  will-change: left;
}

.gc-bg-removal-service-compare-view.is-compare-resetting .gc-bg-removal-compare-divider::before {
  will-change: left;
  transition: left 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.gc-bg-removal-compare-knob {
  position: absolute;
  top: 50%;
  left: var(--compare-x);
  width: 42px;
  height: 42px;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.95);
  background: linear-gradient(145deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.28),
    0 0 0 6px rgba(35, 118, 135, 0.18);
  transition: none;
}

.gc-bg-removal-service-compare-view.is-compare-dragging .gc-bg-removal-compare-knob {
  will-change: left;
}

.gc-bg-removal-service-compare-view.is-compare-resetting .gc-bg-removal-compare-knob {
  will-change: left;
  transition: left 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.gc-bg-removal-compare-knob::before,
.gc-bg-removal-compare-knob::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: translateY(-50%);
}

.gc-bg-removal-compare-knob::before {
  left: 10px;
  border-right: 6px solid rgba(255, 255, 255, 0.95);
}

.gc-bg-removal-compare-knob::after {
  right: 10px;
  border-left: 6px solid rgba(255, 255, 255, 0.95);
}

.gc-bg-removal-service-compare-view:hover .gc-bg-removal-compare-knob {
  transform: translate3d(-50%, -50%, 0) scale(1.08);
}

.gc-bg-removal-service-compare-view.is-compare-dragging:hover .gc-bg-removal-compare-knob {
  transform: translate3d(-50%, -50%, 0);
}

.gc-bg-removal-compare-tag {
  position: absolute;
  top: 14px;
  z-index: 5;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  pointer-events: none;
}

.gc-bg-removal-compare-tag--before {
  left: 14px;
  background: rgba(17, 21, 28, 0.72);
  color: #fff;
  backdrop-filter: blur(6px);
}

.gc-bg-removal-compare-tag--after {
  right: 14px;
  background: rgba(35, 118, 135, 0.88);
  color: #fff;
  backdrop-filter: blur(6px);
}

.gc-bg-removal-service-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 28px 28px 30px;
}

[data-theme=dark] .gc-bg-removal-service-body {
  background: rgba(255, 255, 255, 0.03);
}

[data-theme=light] .gc-bg-removal-service-body {
  background: #f9f8f4;
}

.gc-bg-removal-service-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.gc-bg-removal-service-title {
  margin: 0;
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.25;
  flex: 1;
}

[data-theme=dark] .gc-bg-removal-service-title {
  color: #ffffff;
}

[data-theme=light] .gc-bg-removal-service-title {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-service-price {
  text-align: right;
  flex-shrink: 0;
}

.gc-bg-removal-service-price .amount {
  display: block;
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

[data-theme=dark] .gc-bg-removal-service-price .amount {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .gc-bg-removal-service-price .amount {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-service-price .label {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  opacity: 0.72;
}

[data-theme=dark] .gc-bg-removal-service-price .label {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=light] .gc-bg-removal-service-price .label {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-service-desc {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.7;
  flex: 1;
}

[data-theme=dark] .gc-bg-removal-service-desc {
  color: rgba(255, 255, 255, 0.72);
}

[data-theme=light] .gc-bg-removal-service-desc {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-service-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: flex-start;
  padding: 14px 26px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease;
}

[data-theme=light] .gc-bg-removal-service-btn {
  background: #11151c;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(17, 21, 28, 0.18);
}

[data-theme=light] .gc-bg-removal-service-btn:hover {
  background: var(--rr-color-theme-primary);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(35, 118, 135, 0.28);
}

[data-theme=dark] .gc-bg-removal-service-btn {
  background: linear-gradient(135deg, var(--rr-color-theme-primary), color-mix(in srgb, var(--rr-color-theme-primary) 70%, var(--rr-color-theme-secondary)));
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

[data-theme=dark] .gc-bg-removal-service-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(35, 118, 135, 0.32);
}

.gc-bg-removal-service-btn i {
  font-size: 13px;
  transition: transform 0.3s ease;
}

.gc-bg-removal-service-btn:hover i {
  transform: translateX(4px);
}

@media (max-width: 991px) {
  .gc-bg-removal-services-heading {
    margin-bottom: 44px;
  }

  .gc-bg-removal-service-body {
    padding: 24px 22px 26px;
  }
}

@media (max-width: 575px) {
  .gc-bg-removal-service-top {
    flex-direction: column;
    gap: 10px;
  }

  .gc-bg-removal-service-price {
    text-align: left;
  }

  .gc-bg-removal-service-btn {
    width: 100%;
  }

  .gc-bg-removal-compare-knob {
    width: 36px;
    height: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-bg-removal-service-card,
  .gc-bg-removal-service-card::after,
  .gc-bg-removal-service-btn,
  .gc-bg-removal-service-btn i,
  .gc-bg-removal-compare-img--before,
  .gc-bg-removal-compare-divider::before,
  .gc-bg-removal-compare-knob {
    transition: none;
  }

  .gc-bg-removal-service-card:hover {
    transform: none;
  }
}

/* ===== Background Removal — techniques comparison ===== */
.gc-bg-removal-techniques {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-bg-removal-techniques::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 88% 22%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 12% 78%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.gc-bg-removal-techniques .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-bg-removal-techniques {
  background: linear-gradient(160deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.98) 100%);
  border-color: rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-bg-removal-techniques {
  background: linear-gradient(160deg, #f8f6f0 0%, #ffffff 100%);
  border-color: var(--rr-color-border-light);
}

.gc-bg-removal-techniques-heading {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
}

.gc-bg-removal-techniques-desc {
  max-width: 680px;
  margin: 18px auto 0;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-bg-removal-techniques-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-bg-removal-techniques-desc {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-techniques-visual {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.45s ease;
}

[data-theme=dark] .gc-bg-removal-techniques-visual {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
}

[data-theme=light] .gc-bg-removal-techniques-visual {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 18px 44px rgba(17, 21, 28, 0.08);
}

.gc-bg-removal-techniques-visual img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  display: block;
}

.gc-bg-removal-techniques-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gc-bg-removal-technique-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 22px 22px 20px;
  border-radius: 16px;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    background-color 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-technique-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-bg-removal-technique-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 10px 28px rgba(17, 21, 28, 0.05);
}

.gc-bg-removal-technique-card:hover {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-bg-removal-technique-card:hover {
  border-color: rgba(35, 118, 135, 0.32);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .gc-bg-removal-technique-card:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 22%, var(--rr-color-border-light));
  box-shadow: 0 14px 32px rgba(35, 118, 135, 0.1);
}

.gc-bg-removal-technique-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 12px;
  color: #ffffff;
  background: var(--rr-color-theme-primary);
  box-shadow: 0 6px 16px rgba(35, 118, 135, 0.28);
}

.gc-bg-removal-technique-copy h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
}

[data-theme=dark] .gc-bg-removal-technique-copy h3 {
  color: #ffffff;
}

[data-theme=light] .gc-bg-removal-technique-copy h3 {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-technique-copy p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

[data-theme=dark] .gc-bg-removal-technique-copy p {
  color: rgba(255, 255, 255, 0.72);
}

[data-theme=light] .gc-bg-removal-technique-copy p {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-techniques-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 8px;
}

.gc-bg-removal-techniques-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 1 1 220px;
  min-height: 54px;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}

.gc-bg-removal-techniques-btn i {
  font-size: 13px;
  transition: transform 0.3s ease;
}

.gc-bg-removal-techniques-btn:hover i {
  transform: translateX(4px);
}

[data-theme=light] .gc-bg-removal-techniques-btn--primary {
  background: #11151c;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(17, 21, 28, 0.18);
}

[data-theme=light] .gc-bg-removal-techniques-btn--primary:hover {
  background: var(--rr-color-theme-primary);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(35, 118, 135, 0.28);
}

[data-theme=light] .gc-bg-removal-techniques-btn--secondary {
  background: transparent;
  color: var(--rr-color-heading-primary);
  border: 1px solid rgba(17, 21, 28, 0.14);
}

[data-theme=light] .gc-bg-removal-techniques-btn--secondary:hover {
  border-color: var(--rr-color-theme-primary);
  color: var(--rr-color-theme-primary);
  transform: translateY(-2px);
}

[data-theme=dark] .gc-bg-removal-techniques-btn--primary {
  background: linear-gradient(135deg, var(--rr-color-theme-primary), color-mix(in srgb, var(--rr-color-theme-primary) 70%, var(--rr-color-theme-secondary)));
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

[data-theme=dark] .gc-bg-removal-techniques-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(35, 118, 135, 0.32);
}

[data-theme=dark] .gc-bg-removal-techniques-btn--secondary {
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  line-height: 1.5;
}

[data-theme=dark] .gc-bg-removal-techniques-btn--secondary:hover {
  border-color: rgba(35, 118, 135, 0.45);
  background: rgba(35, 118, 135, 0.12);
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .gc-bg-removal-techniques-heading {
    margin-bottom: 44px;
  }

  .gc-bg-removal-techniques-visual {
    min-height: 320px;
    margin-bottom: 8px;
  }
}

@media (max-width: 575px) {
  .gc-bg-removal-techniques-btns {
    flex-direction: column;
  }

  .gc-bg-removal-techniques-btn {
    flex: 1 1 auto;
    width: 100%;
  }

  .gc-bg-removal-technique-card {
    padding: 18px 18px 18px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-bg-removal-techniques-visual,
  .gc-bg-removal-technique-card,
  .gc-bg-removal-techniques-btn,
  .gc-bg-removal-techniques-btn i {
    transition: none;
  }

  .gc-bg-removal-technique-card:hover,
  .gc-bg-removal-techniques-btn:hover {
    transform: none;
  }
}

/* ===== Background Removal — why choose us ===== */
.gc-bg-removal-why-choose {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-bg-removal-why-choose::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 24%, rgba(255, 194, 38, 0.07) 0%, transparent 42%),
    radial-gradient(circle at 90% 76%, rgba(35, 118, 135, 0.1) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

.gc-bg-removal-why-choose .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-bg-removal-why-choose {
  background: linear-gradient(160deg, rgba(8, 20, 30, 0.98) 0%, rgba(13, 31, 45, 0.94) 100%);
  border-color: rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-bg-removal-why-choose {
  background: linear-gradient(160deg, #ffffff 0%, #f8f6f0 100%);
  border-color: var(--rr-color-border-light);
}

.gc-bg-removal-why-video {
  position: relative;
}

.gc-bg-removal-why-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.45s ease;
}

[data-theme=dark] .gc-bg-removal-why-video-frame {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    0 24px 56px rgba(0, 0, 0, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

[data-theme=light] .gc-bg-removal-why-video-frame {
  background: #11151c;
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow: 0 22px 48px rgba(17, 21, 28, 0.12);
}

.gc-bg-removal-why-video-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  z-index: 2;
}

.gc-bg-removal-why-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.gc-bg-removal-why-video {
  width: 100%;
  max-width: 100%;
}

.gc-bg-removal-why-video-frame {
  aspect-ratio: 5 / 6 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.gc-bg-removal-why-video-frame iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  display: block !important;
}

.gc-bg-removal-why-video:hover .gc-bg-removal-why-video-frame {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-bg-removal-why-video:hover .gc-bg-removal-why-video-frame {
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.34),
    0 0 32px rgba(35, 118, 135, 0.14);
}

[data-theme=light] .gc-bg-removal-why-video:hover .gc-bg-removal-why-video-frame {
  box-shadow: 0 28px 56px rgba(35, 118, 135, 0.16);
}

.gc-bg-removal-why-heading {
  margin-bottom: 28px;
}

.gc-bg-removal-why-heading .sub-heading::before,
.gc-bg-removal-why-heading .sub-heading::after {
  display: none;
}

.gc-bg-removal-why-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.gc-bg-removal-why-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-bg-removal-why-heading .section-title {
  margin-bottom: 16px;
}

.gc-bg-removal-why-intro {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  max-width: 560px;
}

[data-theme=dark] .gc-bg-removal-why-intro {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-bg-removal-why-intro {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-why-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.gc-bg-removal-why-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 20px 20px 18px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    background-color 0.35s ease;
}

.gc-bg-removal-why-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-why-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-bg-removal-why-item {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 10px 28px rgba(17, 21, 28, 0.05);
}

.gc-bg-removal-why-item:hover {
  transform: translateX(6px);
}

[data-theme=dark] .gc-bg-removal-why-item:hover {
  border-color: rgba(35, 118, 135, 0.32);
  background: rgba(35, 118, 135, 0.08);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

[data-theme=light] .gc-bg-removal-why-item:hover {
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 24%, var(--rr-color-border-light));
  box-shadow: 0 14px 32px rgba(35, 118, 135, 0.1);
}

.gc-bg-removal-why-item:hover::after {
  width: 100%;
}

.gc-bg-removal-why-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.2);
  transition:
    transform 0.35s ease,
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease;
}

.gc-bg-removal-why-item:hover .gc-bg-removal-why-icon {
  transform: scale(1.06);
  background: var(--rr-color-theme-primary);
  color: #ffffff;
  border-color: transparent;
}

.gc-bg-removal-why-copy h3 {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.35;
}

[data-theme=dark] .gc-bg-removal-why-copy h3 {
  color: #ffffff;
}

[data-theme=light] .gc-bg-removal-why-copy h3 {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-why-copy p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

[data-theme=dark] .gc-bg-removal-why-copy p {
  color: rgba(255, 255, 255, 0.72);
}

[data-theme=light] .gc-bg-removal-why-copy p {
  color: var(--rr-color-text-body-light);
}

@media (max-width: 991px) {
  .gc-bg-removal-why-content {
    margin-top: 8px;
  }

  .gc-bg-removal-why-video-frame {
    aspect-ratio: 5 / 6;
  }
}

@media (max-width: 575px) {
  .gc-bg-removal-why-item {
    padding: 18px 16px;
    gap: 14px;
  }

  .gc-bg-removal-why-icon {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }

  .gc-bg-removal-why-item:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-bg-removal-why-video-frame,
  .gc-bg-removal-why-item,
  .gc-bg-removal-why-item::after,
  .gc-bg-removal-why-icon {
    transition: none;
  }

  .gc-bg-removal-why-video:hover .gc-bg-removal-why-video-frame,
  .gc-bg-removal-why-item:hover,
  .gc-bg-removal-why-item:hover .gc-bg-removal-why-icon {
    transform: none;
  }
}

/* ===== Background Removal — CTA banner ===== */
.gc-bg-removal-cta {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-bg-removal-cta-dots {
  position: absolute;
  width: clamp(120px, 18vw, 220px);
  height: clamp(120px, 18vw, 220px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.45;
  background-image: radial-gradient(circle, rgba(35, 118, 135, 0.42) 1.2px, transparent 1.2px);
  background-size: 14px 14px;
  mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
}

.gc-bg-removal-cta-dots--tl {
  top: 28px;
  left: 28px;
}

.gc-bg-removal-cta-dots--br {
  right: 28px;
  bottom: 28px;
}

[data-theme=light] .gc-bg-removal-cta-dots {
  opacity: 0.28;
  background-image: radial-gradient(circle, rgba(35, 118, 135, 0.28) 1.2px, transparent 1.2px);
}

.gc-bg-removal-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(35, 118, 135, 0.14) 0%, transparent 44%),
    radial-gradient(circle at 82% 78%, rgba(35, 118, 135, 0.1) 0%, transparent 40%),
    radial-gradient(circle at 50% 100%, rgba(255, 194, 38, 0.05) 0%, transparent 36%);
  pointer-events: none;
  z-index: 0;
}

.gc-bg-removal-cta .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-bg-removal-cta {
  background: linear-gradient(180deg, rgba(8, 20, 30, 0.98) 0%, #02050a 100%);
  border-color: rgba(110, 118, 130, 0.24);
}

[data-theme=light] .gc-bg-removal-cta {
  background: linear-gradient(180deg, rgba(248, 246, 240, 0.55) 0%, #ffffff 100%);
  border-color: var(--rr-color-border-light);
}

.gc-bg-removal-cta-panel {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  isolation: isolate;
}

.gc-bg-removal-cta-glow {
  position: absolute;
  inset: -35% -8%;
  background:
    radial-gradient(circle at 28% 38%, rgba(35, 118, 135, 0.22) 0%, transparent 52%),
    radial-gradient(circle at 72% 62%, rgba(255, 194, 38, 0.08) 0%, transparent 46%);
  pointer-events: none;
  z-index: 0;
}

[data-theme=dark] .gc-bg-removal-cta-panel {
  background: linear-gradient(155deg, rgba(16, 34, 48, 0.98) 0%, rgba(10, 24, 36, 0.98) 52%, rgba(8, 20, 30, 0.99) 100%);
  border: 1px solid rgba(35, 118, 135, 0.28);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-theme=light] .gc-bg-removal-cta-panel {
  background: linear-gradient(155deg, #f8f5ef 0%, #f2eee6 50%, #ece7de 100%);
  border: 1px solid rgba(35, 118, 135, 0.14);
  box-shadow:
    0 24px 56px rgba(35, 118, 135, 0.1),
    0 8px 24px rgba(17, 21, 28, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.gc-bg-removal-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 860px;
  margin: 0 auto;
  padding: 58px 40px 52px;
}

.gc-bg-removal-cta-icon-wrap {
  position: relative;
  width: 72px;
  height: 72px;
  margin: 0 auto 28px;
}

.gc-bg-removal-cta-icon {
  position: relative;
  z-index: 2;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
  background: linear-gradient(145deg, var(--rr-color-theme-primary), color-mix(in srgb, var(--rr-color-theme-primary) 72%, var(--rr-color-theme-secondary)));
  box-shadow:
    0 12px 28px rgba(35, 118, 135, 0.35),
    0 0 0 8px rgba(35, 118, 135, 0.12);
}

.gc-bg-removal-cta-icon-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 1px solid rgba(35, 118, 135, 0.28);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.gc-bg-removal-cta-icon-ring--1 {
  width: 92px;
  height: 92px;
  animation: gcBgRemovalCtaPulse 2.8s ease-out infinite;
}

.gc-bg-removal-cta-icon-ring--2 {
  width: 112px;
  height: 112px;
  animation: gcBgRemovalCtaPulse 2.8s ease-out 0.6s infinite;
}

@keyframes gcBgRemovalCtaPulse {
  0% {
    opacity: 0.65;
    transform: translate(-50%, -50%) scale(0.92);
  }

  70%,
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.18);
  }
}

.gc-bg-removal-cta-title {
  margin-bottom: 18px;
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
}

[data-theme=dark] .gc-bg-removal-cta-title {
  color: #ffffff;
}

[data-theme=light] .gc-bg-removal-cta-title {
  color: var(--rr-color-heading-primary);
}

.gc-bg-removal-cta-desc {
  max-width: 620px;
  margin: 0 auto 32px;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-bg-removal-cta-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-bg-removal-cta-desc {
  color: var(--rr-color-text-body-light);
}

.gc-bg-removal-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: min(100%, 360px);
  min-height: 58px;
  padding: 16px 28px;
  margin-bottom: 34px;
  border-radius: 16px;
  text-decoration: none;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease,
    background-color 0.35s ease,
    color 0.35s ease;
}

[data-theme=dark] .gc-bg-removal-cta-btn {
  background: #ffffff;
  color: var(--rr-color-theme-primary);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-bg-removal-cta-btn {
  background: #ffffff;
  color: var(--rr-color-theme-primary);
  border: 1px solid rgba(35, 118, 135, 0.12);
  box-shadow: 0 16px 36px rgba(35, 118, 135, 0.14);
}

.gc-bg-removal-cta-btn:hover {
  transform: translateY(-3px);
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-bg-removal-cta-btn:hover {
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(35, 118, 135, 0.18);
}

[data-theme=light] .gc-bg-removal-cta-btn:hover {
  box-shadow: 0 22px 44px rgba(35, 118, 135, 0.2);
}

.gc-bg-removal-cta-btn-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  background: rgba(35, 118, 135, 0.1);
}

.gc-bg-removal-cta-btn-text {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.gc-bg-removal-cta-btn-arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
}

.gc-bg-removal-cta-btn:hover .gc-bg-removal-cta-btn-arrow {
  transform: translateX(4px);
}

.gc-bg-removal-cta-trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.gc-bg-removal-cta-trust li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 22px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.gc-bg-removal-cta-trust li i {
  font-size: 16px;
  color: var(--rr-color-theme-primary);
}

.gc-bg-removal-cta-trust li:not(:last-child) {
  border-right: 1px solid rgba(35, 118, 135, 0.22);
}

[data-theme=dark] .gc-bg-removal-cta-trust li {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .gc-bg-removal-cta-trust li:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.12);
}

[data-theme=light] .gc-bg-removal-cta-trust li {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-bg-removal-cta-trust li:not(:last-child) {
  border-right-color: rgba(17, 21, 28, 0.1);
}

@media (max-width: 767px) {
  .gc-bg-removal-cta-inner {
    padding: 48px 24px 42px;
  }

  .gc-bg-removal-cta-trust {
    flex-direction: column;
    gap: 12px;
  }

  .gc-bg-removal-cta-trust li {
    width: 100%;
    justify-content: center;
    padding: 0;
    border-right: none !important;
  }

  .gc-bg-removal-cta-btn {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 575px) {
  .gc-bg-removal-cta-dots {
    display: none;
  }

  .gc-bg-removal-cta-icon-wrap {
    width: 64px;
    height: 64px;
    margin-bottom: 22px;
  }

  .gc-bg-removal-cta-icon {
    width: 64px;
    height: 64px;
    font-size: 22px;
  }

  .gc-bg-removal-cta-icon-ring--1 {
    width: 82px;
    height: 82px;
  }

  .gc-bg-removal-cta-icon-ring--2 {
    width: 98px;
    height: 98px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-bg-removal-cta-icon-ring--1,
  .gc-bg-removal-cta-icon-ring--2,
  .gc-bg-removal-cta-btn,
  .gc-bg-removal-cta-btn-arrow {
    animation: none;
    transition: none;
  }

  .gc-bg-removal-cta-btn:hover {
    transform: none;
  }

  .gc-bg-removal-cta-btn:hover .gc-bg-removal-cta-btn-arrow {
    transform: none;
  }
}

/* ===== Graphics Solutions — price calculator ===== */
.gc-price-calculator-section {
  background-color: #02050A;
}

.gc-price-calculator-heading {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.gc-price-calculator-heading .sub-heading {
  color: var(--rr-color-theme-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.gc-price-calculator-title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(28px, 3vw, 42px);
  margin-bottom: 18px;
}

.gc-price-calculator-desc {
  max-width: 760px;
  margin: 0 auto;
  color: var(--rr-color-text-body);
  font-size: 16px;
  line-height: 1.75;
}

.gc-price-calculator-card {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.92) 0%, rgba(13, 31, 45, 0.78) 100%);
  border: 1px solid rgba(35, 118, 135, 0.22);
  border-radius: 24px;
  overflow: visible;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  isolation: isolate;
}

.gc-price-calculator-form {
  height: 100%;
  padding: 48px 42px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px 0 0 24px;
  overflow: visible;
}

.gc-price-calculator-form .form-item {
  margin-bottom: 28px;
}

.gc-price-calculator-form .form-item--service {
  position: relative;
  z-index: 30;
  margin-bottom: 32px;
}

.gc-price-calculator-form label {
  display: block;
  margin-bottom: 12px;
  color: var(--rr-color-common-white);
  font-size: 15px;
  font-weight: 600;
}

.gc-price-calculator-form .form-control {
  width: 100%;
  min-height: 54px;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(255, 255, 255, 0.04);
  color: var(--rr-color-common-white);
  font-size: 16px;
  line-height: 1.4;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.gc-price-calculator-form .form-control:focus {
  outline: none;
  border-color: var(--rr-color-theme-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-color-theme-primary) 22%, transparent);
  background-color: rgba(255, 255, 255, 0.06);
}

.gc-price-calculator-form select.gc-native-select {
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 18px) 50%;
  padding-right: 44px;
}

.gc-price-calculator-form select.gc-native-select option {
  color: #11151C;
  background-color: #ffffff;
}

.gc-price-calculator-btn {
  width: 100%;
  justify-content: center;
  border-radius: 8px;
  margin-top: 4px;
  padding: 20px 30px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 1;
}

.gc-price-calculator-note {
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.gc-price-calculator-result {
  height: 100%;
  padding: 48px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 24px 24px 0;
  transition: opacity 0.3s ease;
}

.gc-price-calculator-result.is-updated {
  opacity: 0.92;
}

.gc-price-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 34px;
}

.gc-price-preview-item {
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.gc-price-preview-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.28s ease, transform 0.28s ease;
}

.gc-price-preview-item img.is-swapping {
  opacity: 0.45;
  transform: scale(1.02);
}

.gc-price-summary-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
}

.gc-price-summary-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
}

.gc-price-summary-list li:last-child {
  border-bottom: none;
}

.gc-price-summary-list .value {
  color: var(--rr-color-theme-primary);
  font-weight: 700;
}

.gc-price-summary-list .is-hidden {
  display: none;
}

.gc-estimated-price-wrap {
  padding-top: 8px;
}

.gc-estimated-label {
  display: block;
  margin-bottom: 8px;
  color: var(--rr-color-common-white);
  font-size: 18px;
  font-weight: 600;
}

.gc-estimated-price {
  display: block;
  color: var(--rr-color-theme-primary);
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.1;
}

[data-theme=light] .gc-price-calculator-section {
  background-color: var(--rr-color-grey-1);
}

[data-theme=light] .gc-price-calculator-heading .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .gc-price-calculator-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-price-calculator-desc {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .gc-price-calculator-card {
  background: var(--rr-color-common-white);
  border-color: var(--rr-color-border-light);
  box-shadow: 0 20px 50px rgba(17, 21, 28, 0.08);
}

[data-theme=light] .gc-price-calculator-form {
  border-right-color: var(--rr-color-border-light);
}

[data-theme=light] .gc-price-calculator-form label {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-price-calculator-form .form-control {
  background-color: var(--rr-color-grey-1);
  border-color: var(--rr-color-border-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-price-calculator-form select.gc-native-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2311151C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-theme=light] .gc-price-calculator-form select.gc-native-select option {
  color: var(--rr-color-heading-primary);
  background-color: var(--rr-color-common-white);
}

[data-theme=light] .gc-price-calculator-note {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .gc-price-preview-item {
  border-color: var(--rr-color-border-light);
  background: var(--rr-color-grey-1);
}

[data-theme=light] .gc-price-summary-list li {
  color: var(--rr-color-text-body-light);
  border-bottom-color: var(--rr-color-border-light);
}

[data-theme=light] .gc-estimated-label {
  color: var(--rr-color-heading-primary);
}

[data-theme=dark] .gc-price-calculator-title {
  color: var(--rr-color-common-white);
}

@media (max-width: 991px) {

  .gc-price-calculator-form,
  .gc-price-calculator-result {
    padding: 32px 24px;
  }

  .gc-price-calculator-form {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  [data-theme=light] .gc-price-calculator-form {
    border-bottom-color: var(--rr-color-border-light);
  }
}

@media (max-width: 575px) {
  .gc-price-preview-grid {
    gap: 12px;
  }

  .gc-price-summary-list li {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Graphics Solutions – page header breadcrumb (light / dark) */
[data-theme=light] .page-header.page-header-theme {
  background-color: #237687 !important;
  background-image: none !important;
}

[data-theme=light] .page-header.page-header-theme .overlay {
  background: linear-gradient(135deg, rgba(35, 118, 135, 0.92) 0%, rgba(26, 92, 106, 0.88) 100%);
}

[data-theme=light] .page-header.page-header-theme .shape {
  opacity: 0.15;
}

[data-theme=light] .page-header.page-header-theme .page-header-content .title {
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

[data-theme=light] .page-header.page-header-theme .page-header-content .title:before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  opacity: 1;
}

[data-theme=light] .page-header.page-header-theme .page-header-content .sub-title .home {
  color: rgba(255, 255, 255, 0.9);
}

[data-theme=light] .page-header.page-header-theme .page-header-content .sub-title .home:before {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .page-header.page-header-theme .page-header-content .sub-title .inner-page {
  color: #fff;
}

[data-theme=dark] .page-header.page-header-theme {
  background-color: #237687 !important;
}

[data-theme=dark] .page-header.page-header-theme .overlay {
  background: linear-gradient(135deg, rgba(2, 5, 10, 0.85) 0%, rgba(10, 14, 23, 0.9) 100%);
}

[data-theme=dark] .page-header.page-header-theme .page-header-content .title {
  color: var(--rr-color-common-white);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme=dark] .page-header.page-header-theme .page-header-content .title:before {
  background: linear-gradient(270deg, rgba(99, 102, 241, 0.3) 0%, transparent 100%);
  opacity: 1;
}

[data-theme=dark] .page-header.page-header-theme .page-header-content .sub-title .home {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme=dark] .page-header.page-header-theme .page-header-content .sub-title .home:before {
  color: var(--rr-color-theme-secondary);
}

[data-theme=dark] .page-header.page-header-theme .page-header-content .sub-title .inner-page {
  color: var(--rr-color-common-white);
}

/* ===== Graphics Solutions — free quote form ===== */
.gc-free-quote-section {
  background-color: #0D1F2D;
}

.gc-free-quote-heading {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.gc-free-quote-heading .sub-heading {
  color: var(--rr-color-theme-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.gc-free-quote-title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(28px, 3vw, 42px);
  margin-bottom: 16px;
  color: var(--rr-color-common-white);
}

.gc-free-quote-desc {
  max-width: 680px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
}

.gc-free-quote-card {
  background: var(--rr-color-common-white);
  border-radius: 20px;
  padding: clamp(28px, 4vw, 48px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
}

.gc-free-quote-form .form-item {
  margin-bottom: 0;
}

.gc-free-quote-form .form-item>label {
  display: block;
  margin-bottom: 10px;
  color: var(--rr-color-heading-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.gc-free-quote-form label .required {
  color: var(--rr-color-text-body-light);
  font-weight: 600;
}

.gc-free-quote-form .form-control {
  width: 100%;
  min-height: 50px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--rr-color-border-light);
  background-color: var(--rr-color-common-white);
  color: var(--rr-color-heading-primary);
  font-size: 15px;
  line-height: 1.4;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.gc-free-quote-form .form-control:focus {
  outline: none;
  border-color: var(--rr-color-theme-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-color-theme-primary) 18%, transparent);
}

.gc-free-quote-form .form-control::placeholder {
  color: #aab0b6;
}

.gc-free-quote-form .gc-quote-textarea {
  min-height: 140px;
  resize: vertical;
}

.gc-free-quote-options-row {
  margin-top: 8px;
}

.gc-free-quote-form label .gc-upload-limit {
  color: var(--rr-color-text-body-light);
  font-weight: 600;
}

.gc-upload-zone {
  position: relative;
  min-height: 220px;
  border: 2px dashed var(--rr-color-border-light);
  border-radius: 12px;
  background: var(--rr-color-grey-1);
  cursor: pointer;
  transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.gc-upload-zone:hover,
.gc-upload-zone.is-dragover,
.gc-upload-zone:focus-visible {
  border-color: var(--rr-color-theme-primary);
  background: color-mix(in srgb, var(--rr-color-theme-primary) 6%, var(--rr-color-grey-1));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-color-theme-primary) 12%, transparent);
  outline: none;
}

.gc-upload-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.gc-upload-zone-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 24px 20px;
  text-align: center;
}

.gc-upload-zone.has-files .gc-upload-zone-inner {
  min-height: 120px;
  padding-bottom: 12px;
}

.gc-upload-icon {
  font-size: 34px;
  color: var(--rr-color-theme-primary);
  margin-bottom: 12px;
}

.gc-upload-title {
  margin: 0 0 6px;
  color: var(--rr-color-heading-primary);
  font-size: 16px;
  font-weight: 700;
}

.gc-upload-or {
  margin: 0 0 10px;
  color: var(--rr-color-text-body-light);
  font-size: 14px;
}

.gc-upload-browse {
  border: none;
  background: none;
  padding: 0;
  color: var(--rr-color-theme-primary);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.gc-upload-browse:hover {
  color: color-mix(in srgb, var(--rr-color-theme-primary) 80%, #000);
}

.gc-upload-file-list {
  list-style: none;
  margin: 0;
  padding: 0 16px 16px;
  width: 100%;
}

.gc-upload-file-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-top: 8px;
  border-radius: 8px;
  background: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-border-light);
}

.gc-upload-file-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--rr-color-heading-primary);
  font-size: 14px;
  font-weight: 600;
}

.gc-upload-file-size {
  color: var(--rr-color-text-body-light);
  font-size: 13px;
  white-space: nowrap;
}

.gc-upload-file-remove {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: rgba(17, 21, 28, 0.06);
  color: var(--rr-color-heading-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.gc-upload-file-remove:hover {
  background: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

.gc-check-list {
  list-style: none;
  margin: 0;
  padding: 14px 16px;
/*   border: 1px solid var(--rr-color-border-light); */
  border-radius: 12px;
/*   background: var(--rr-color-grey-1); */
  max-height: 220px;
  overflow-y: auto;
}

.gc-check-list li+li {
  margin-top: 10px;
}

.gc-check-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  user-select: none;
  position: relative;
  width: 100%;
}

.gc-check-item input {
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: 0;
  opacity: 0;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}

.gc-check-box {
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid var(--rr-color-border-light);
  background: var(--rr-color-common-white);
  position: relative;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.gc-check-item--radio .gc-check-box {
  border-radius: 50%;
}

.gc-check-box::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid var(--rr-color-common-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.15s ease;
}

.gc-check-item--radio .gc-check-box::after {
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 50%;
  background: var(--rr-color-common-white);
  transform: translate(-50%, -50%) scale(0);
}

.gc-check-item input:checked+.gc-check-box {
  background: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
}

.gc-check-item input:checked+.gc-check-box::after {
  transform: rotate(45deg) scale(1);
}

.gc-check-item--radio input:checked+.gc-check-box::after {
  transform: translate(-50%, -50%) scale(1);
}

.gc-check-item input:focus-visible+.gc-check-box {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-color-theme-primary) 22%, transparent);
}

.gc-check-label {
  color: var(--rr-color-heading-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.gc-free-quote-form .form-item--instructions {
  margin-top: 8px;
}

.gc-free-quote-submit {
  width: 100%;
  justify-content: center;
  margin-top: 28px;
  padding: 20px 30px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.gc-free-quote-submit:disabled {
  opacity: 0.72;
  cursor: not-allowed;
}

/* Light theme */
[data-theme=light] .gc-free-quote-section {
  background-color: var(--rr-color-grey-light);
}

[data-theme=light] .gc-free-quote-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-free-quote-desc {
  color: var(--rr-color-text-body-light);
}

[data-theme=light] .gc-free-quote-card {
  background: var(--rr-color-common-white);
  border: 1px solid var(--rr-color-border-light);
  box-shadow: 0 20px 50px rgba(17, 21, 28, 0.08);
}

/* Dark theme */
[data-theme=dark] .gc-free-quote-section {
  background-color: #0D1F2D;
}

[data-theme=dark] .gc-free-quote-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .gc-free-quote-desc {
  color: rgba(255, 255, 255, 0.78);
}

[data-theme=dark] .gc-free-quote-card {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border: 1px solid rgba(35, 118, 135, 0.24);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

[data-theme=dark] .gc-free-quote-form .form-item>label {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .gc-free-quote-form label .required,
[data-theme=dark] .gc-free-quote-form label .gc-upload-limit {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=dark] .gc-free-quote-form .form-control {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--rr-color-common-white);
}

[data-theme=dark] .gc-free-quote-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.42);
}

[data-theme=dark] .gc-upload-zone {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.16);
}

[data-theme=dark] .gc-upload-zone:hover,
[data-theme=dark] .gc-upload-zone.is-dragover,
[data-theme=dark] .gc-upload-zone:focus-visible {
  background: color-mix(in srgb, var(--rr-color-theme-primary) 10%, rgba(255, 255, 255, 0.03));
}

[data-theme=dark] .gc-upload-title {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .gc-upload-or {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=dark] .gc-upload-browse {
  color: var(--rr-color-theme-secondary);
}

[data-theme=dark] .gc-upload-file-item {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme=dark] .gc-upload-file-name {
  color: var(--rr-color-common-white);
}

[data-theme=dark] .gc-upload-file-size {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=dark] .gc-upload-file-remove {
  background: rgba(255, 255, 255, 0.08);
  color: var(--rr-color-common-white);
}

[data-theme=dark] .gc-check-list {
/*   background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.12); */
}

[data-theme=dark] .gc-check-box {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.2);
}

[data-theme=dark] .gc-check-label {
  color: rgba(255, 255, 255, 0.88);
}

@media (max-width: 767px) {
  .gc-free-quote-card {
    padding: 24px 18px;
  }

  .gc-check-list {
    max-height: none;
  }

  .gc-upload-zone-inner {
    min-height: 180px;
  }
}

/* ===== Index — fixed left side quick nav (soft 3D) ===== */
.gc-fixed-side-nav {
  --gc-fsn-depth: 3px;
  --gc-fsn-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
  --gc-fsn-radius-end: 10px;
  --gc-fsn-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
  --gc-fsn-shadow-hover: 0 3px 8px rgba(0, 0, 0, 0.18);
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 998;
  pointer-events: none;
}

.gc-fixed-side-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.gc-fixed-side-nav-list li {
  width: 56px;
  overflow: visible;
  transition: width 0.4s var(--gc-fsn-ease);
}

.gc-fixed-side-nav-list li:hover,
.gc-fixed-side-nav-list li:focus-within {
  width: 230px;
  z-index: 3;
}

.gc-fixed-side-nav-item {
  --gc-fsn-face: #237687;
  --gc-fsn-edge: #14505c;
  --gc-fsn-top: rgba(255, 255, 255, 0.14);
  position: relative;
  display: block;
  width: 100%;
  min-height: 56px;
  text-decoration: none;
  color: var(--rr-color-common-white);
  pointer-events: auto;
  transform: none;
  transition: filter 0.35s ease;
  /* Keep flush to left — no hover translate that opens a left gap */
  margin-left: 0;
  left: 0;
}

.gc-fixed-side-nav-depth {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, var(--gc-fsn-edge) 0%, color-mix(in srgb, var(--gc-fsn-edge) 80%, #000) 100%);
  transform: translate3d(var(--gc-fsn-depth), 2px, 0);
  opacity: 0.85;
  z-index: 0;
  pointer-events: none;
  transition: transform 0.35s var(--gc-fsn-ease), opacity 0.35s ease;
  /* Thin edge shadow that follows radius */
  box-shadow: var(--gc-fsn-shadow);
}

.gc-fixed-side-nav-face {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 56px;
  border-radius: inherit;
  background:
    linear-gradient(160deg, var(--gc-fsn-top) 0%, transparent 40%),
    linear-gradient(180deg, color-mix(in srgb, var(--gc-fsn-face) 90%, #fff) 0%, var(--gc-fsn-face) 55%, color-mix(in srgb, var(--gc-fsn-face) 85%, #000) 100%);
  border: 1px solid color-mix(in srgb, var(--gc-fsn-face) 65%, #fff);
  border-left: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -4px 8px rgba(0, 0, 0, 0.08),
    var(--gc-fsn-shadow);
  overflow: hidden;
}

.gc-fixed-side-nav-shine {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    110deg,
    transparent 35%,
    rgba(255, 255, 255, 0.14) 50%,
    transparent 65%
  );
  transform: translateX(-130%);
  opacity: 0;
}

.gc-fixed-side-nav-list li.is-active {
  z-index: 2;
}

.gc-fixed-side-nav-item.is-active .gc-fixed-side-nav-face {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -4px 8px rgba(0, 0, 0, 0.08),
    0 0 10px color-mix(in srgb, var(--gc-fsn-face) 22%, transparent),
    var(--gc-fsn-shadow);
}

.gc-fixed-side-nav-item.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 3px 0 0 3px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #ffc226 100%);
  box-shadow: -1px 0 6px rgba(255, 194, 38, 0.28);
  z-index: 4;
}

/* Hover: expand only — stay flush left, thinner shadow */
.gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-item,
.gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-item {
  transform: none;
}

.gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-face,
.gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-face {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -4px 8px rgba(0, 0, 0, 0.08),
    var(--gc-fsn-shadow-hover);
}

.gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-depth,
.gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-depth {
  transform: translate3d(var(--gc-fsn-depth), 2px, 0);
  box-shadow: var(--gc-fsn-shadow-hover);
}

.gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-shine,
.gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-shine {
  opacity: 1;
  animation: gc-fsn-shine 1s var(--gc-fsn-ease) forwards;
}

.gc-fixed-side-nav-icon {
  position: relative;
  z-index: 1;
  width: 56px;
  min-width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  color: var(--rr-color-common-white);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
}

.gc-fixed-side-nav-label {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--rr-color-common-white);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    padding 0.4s var(--gc-fsn-ease);
}

.gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-label,
.gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-label {
  opacity: 1;
  visibility: visible;
  padding: 0 18px 0 4px;
}

.gc-fixed-side-nav-item--1 {
  --gc-fsn-face: var(--rr-color-theme-primary);
  --gc-fsn-edge: color-mix(in srgb, var(--rr-color-theme-primary) 60%, #041018);
}

.gc-fixed-side-nav-item--2 {
  --gc-fsn-face: #3b82c4;
  --gc-fsn-edge: #1a446c;
}

.gc-fixed-side-nav-item--3 {
  --gc-fsn-face: #1e4a72;
  --gc-fsn-edge: #0c243a;
}

.gc-fixed-side-nav-item--4 {
  --gc-fsn-face: #3d4f5f;
  --gc-fsn-edge: #1b262f;
}

/* Matching radius on item + face + depth + shine so shadow follows the curve */
.gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-item,
.gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-face,
.gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-depth,
.gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-shine {
  border-radius: 0 var(--gc-fsn-radius-end) 6px 0;
}

.gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-item,
.gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-face,
.gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-depth,
.gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-shine {
  border-radius: 0 6px var(--gc-fsn-radius-end) 0;
}

.gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-item,
.gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-face,
.gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-depth,
.gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-shine {
  border-radius: 0 8px 8px 0;
}

.gc-fixed-side-nav-list li:only-child .gc-fixed-side-nav-item,
.gc-fixed-side-nav-list li:only-child .gc-fixed-side-nav-face,
.gc-fixed-side-nav-list li:only-child .gc-fixed-side-nav-depth,
.gc-fixed-side-nav-list li:only-child .gc-fixed-side-nav-shine {
  border-radius: 0 var(--gc-fsn-radius-end) var(--gc-fsn-radius-end) 0;
}

@keyframes gc-fsn-shine {
  0% {
    transform: translateX(-130%);
    opacity: 0;
  }

  25% {
    opacity: 0.7;
  }

  100% {
    transform: translateX(130%);
    opacity: 0;
  }
}

/* Light theme — soft, light 3D edge (not black-heavy) */
[data-theme=light] .gc-fixed-side-nav {
  --gc-fsn-depth: 2px;
  --gc-fsn-shadow: 0 1px 2px rgba(17, 21, 28, 0.04);
  --gc-fsn-shadow-hover: 0 1px 4px rgba(17, 21, 28, 0.06);
}

[data-theme=light] .gc-fixed-side-nav-depth {
  opacity: 0.32;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--gc-fsn-edge) 55%, #fff) 0%,
    color-mix(in srgb, var(--gc-fsn-edge) 40%, #e8eef1) 100%
  );
  box-shadow: 0 1px 2px rgba(17, 21, 28, 0.05);
}

[data-theme=light] .gc-fixed-side-nav-face {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -3px 6px rgba(0, 0, 0, 0.04),
    var(--gc-fsn-shadow);
}

[data-theme=light] .gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-face,
[data-theme=light] .gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-face {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -3px 6px rgba(0, 0, 0, 0.04),
    var(--gc-fsn-shadow-hover);
}

[data-theme=light] .gc-fixed-side-nav-item.is-active::after {
  background: linear-gradient(180deg, #fff7d6 0%, #ffc226 100%);
  box-shadow: -1px 0 4px rgba(255, 194, 38, 0.2);
}

[data-theme=light] .gc-fixed-side-nav-item--1 {
  --gc-fsn-face: var(--rr-color-theme-primary);
  --gc-fsn-edge: color-mix(in srgb, var(--rr-color-theme-primary) 45%, #c5d9de);
}

[data-theme=light] .gc-fixed-side-nav-item--2 {
  --gc-fsn-face: #4a90d9;
  --gc-fsn-edge: color-mix(in srgb, #4a90d9 42%, #d0e0ef);
}

[data-theme=light] .gc-fixed-side-nav-item--3 {
  --gc-fsn-face: #2563a8;
  --gc-fsn-edge: color-mix(in srgb, #2563a8 40%, #cfdceb);
}

[data-theme=light] .gc-fixed-side-nav-item--4 {
  --gc-fsn-face: #526678;
  --gc-fsn-edge: color-mix(in srgb, #526678 38%, #d5dde4);
}

[data-theme=light] .gc-fixed-side-nav-icon,
[data-theme=light] .gc-fixed-side-nav-label {
  color: var(--rr-color-common-white);
}

/* Dark theme — thin but slightly stronger for contrast */
[data-theme=dark] .gc-fixed-side-nav {
  --gc-fsn-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
  --gc-fsn-shadow-hover: 0 3px 8px rgba(0, 0, 0, 0.34);
}

[data-theme=dark] .gc-fixed-side-nav-item.is-active::after {
  background: linear-gradient(180deg, #fff7d6 0%, #ffc226 100%);
  box-shadow: -1px 0 5px rgba(255, 194, 38, 0.3);
}

[data-theme=dark] .gc-fixed-side-nav-item--1 {
  --gc-fsn-face: var(--rr-color-theme-primary);
  --gc-fsn-edge: color-mix(in srgb, var(--rr-color-theme-primary) 45%, #000);
}

[data-theme=dark] .gc-fixed-side-nav-item--2 {
  --gc-fsn-face: #2f6fad;
  --gc-fsn-edge: #143a5e;
}

[data-theme=dark] .gc-fixed-side-nav-item--3 {
  --gc-fsn-face: #163d63;
  --gc-fsn-edge: #081d31;
}

[data-theme=dark] .gc-fixed-side-nav-item--4 {
  --gc-fsn-face: #2a3844;
  --gc-fsn-edge: #12181e;
}

[data-theme=dark] .gc-fixed-side-nav-icon,
[data-theme=dark] .gc-fixed-side-nav-label {
  color: var(--rr-color-common-white);
}

/* Tablet (768px–1199px): smaller nav */
@media (max-width: 1199px) {
  .gc-fixed-side-nav {
    --gc-fsn-depth: 2px;
    --gc-fsn-radius-end: 8px;
    opacity: 0.75;
    transition: opacity 0.3s ease;
  }

  .gc-fixed-side-nav:hover {
    opacity: 1;
  }

  .gc-fixed-side-nav-list {
    gap: 3px;
  }

  .gc-fixed-side-nav-list li {
    width: 44px;
  }

  .gc-fixed-side-nav-list li:hover,
  .gc-fixed-side-nav-list li:focus-within {
    width: 210px;
  }

  .gc-fixed-side-nav-item {
    min-height: 44px;
  }

  .gc-fixed-side-nav-depth {
    transform: translate3d(var(--gc-fsn-depth), 2px, 0);
  }

  .gc-fixed-side-nav-face {
    min-height: 44px;
  }

  .gc-fixed-side-nav-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    font-size: 18px;
  }

  .gc-fixed-side-nav-label {
    font-size: 13px;
  }

  .gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-label,
  .gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-label {
    padding: 0 14px 0 3px;
  }
}

/* Mobile (<768px): compact nav */
@media (max-width: 767px) {
  .gc-fixed-side-nav {
    --gc-fsn-depth: 2px;
    --gc-fsn-radius-end: 6px;
    --gc-fsn-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    --gc-fsn-shadow-hover: 0 2px 6px rgba(0, 0, 0, 0.16);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }

  .gc-fixed-side-nav:hover {
    opacity: 1;
  }

  .gc-fixed-side-nav-list {
    gap: 2px;
  }

  .gc-fixed-side-nav-list li {
    width: 38px;
  }

  .gc-fixed-side-nav-list li:hover,
  .gc-fixed-side-nav-list li:focus-within {
    width: 180px;
  }

  .gc-fixed-side-nav-item {
    min-height: 38px;
  }

  .gc-fixed-side-nav-depth {
    transform: translate3d(1px, 1px, 0);
  }

  .gc-fixed-side-nav-face {
    min-height: 38px;
    border-radius: 0 var(--gc-fsn-radius-end) var(--gc-fsn-radius-end) 0;
  }

  .gc-fixed-side-nav-icon {
    width: 38px;
    min-width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .gc-fixed-side-nav-label {
    font-size: 12px;
  }

  .gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-label,
  .gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-label 
    padding: 0 12px 0 3px;
  }

  .gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-item,
  .gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-face,
  .gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-depth,
  .gc-fixed-side-nav-list li:first-child .gc-fixed-side-nav-shine {
    border-radius: 6px var(--gc-fsn-radius-end) 0 0;
  }

  .gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-item,
  .gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-face,
  .gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-depth,
  .gc-fixed-side-nav-list li:last-child .gc-fixed-side-nav-shine {
    border-radius: 0 0 var(--gc-fsn-radius-end) 6px;
  }

  .gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-item,
  .gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-face,
  .gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-depth,
  .gc-fixed-side-nav-list li:not(:first-child):not(:last-child) .gc-fixed-side-nav-shine {
    border-radius: 0;
  }

  .gc-fixed-side-nav-item.is-active::after {
    top: 6px;
    bottom: 6px;
    width: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-fixed-side-nav-item,
  .gc-fixed-side-nav-list li,
  .gc-fixed-side-nav-depth,
  .gc-fixed-side-nav-label,
  .gc-fixed-side-nav-shine {
    transition: none !important;
    animation: none !important;
  }

  .gc-fixed-side-nav-list li:hover .gc-fixed-side-nav-item,
  .gc-fixed-side-nav-list li:focus-within .gc-fixed-side-nav-item {
    transform: none;
  }
}

/* Laptop screens (e.g. 1365px): keep left/right section gap like larger desktops */
@media (min-width: 1200px) and (max-width: 1499px) {
  body:has(.gc-fixed-side-nav) {
    /* --gc-page-gutter-left: 72px;
    --gc-page-gutter-right: clamp(28px, 3vw, 40px); */
  }

  body:has(.gc-fixed-side-nav) #smooth-content {
    padding-left: var(--gc-page-gutter-left);
    padding-right: var(--gc-page-gutter-right);
  }

  body:has(.gc-fixed-side-nav) .header-11 .primary-header {
    padding-left: var(--gc-page-gutter-left);
    padding-right: var(--gc-page-gutter-right);
  }

  body:has(.gc-fixed-side-nav) #smooth-content .container,
  body:has(.gc-fixed-side-nav) .header-11 .header-container {
    padding-left: clamp(16px, 2vw, 28px);
    padding-right: clamp(16px, 2vw, 28px);
  }
}

/* ===== Theme switch — modern pill toggle (vertical, middle-right) ===== */
.gc-theme-switch,
#theme-toogle.switcher-button {
  position: fixed;
  top: 50%;
  right: 16px;
  bottom: auto;
  left: auto;
  z-index: 100;
  transform: translateY(-50%);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.gc-theme-switch-track {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 40px;
  height: 78px;
  padding: 8px 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #0d1f2d 0%, #02050a 100%);
  border: 1px solid rgba(35, 118, 135, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.35s ease;
}

.gc-theme-switch-icon {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 1;
  transition: color 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
}

.gc-theme-switch-icon--sun {
  color: transparent;
  opacity: 0.4;
}

.gc-theme-switch-sun-svg {
  display: block;
  width: 16px;
  height: 16px;
  overflow: visible;
  transition: width 0.35s ease, height 0.35s ease, filter 0.35s ease;
}

.gc-theme-switch-icon--moon {
  color: rgba(255, 255, 255, 0.88);
}

.gc-theme-switch-thumb {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--rr-color-theme-primary) 0%, #1a5a68 100%);
  box-shadow: 0 4px 14px rgba(35, 118, 135, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: transform 0.42s cubic-bezier(0.34, 1.35, 0.64, 1), background 0.4s ease, box-shadow 0.4s ease;
  z-index: 1;
}

[data-theme=dark] .gc-theme-switch-thumb {
  transform: translateY(38px);
}

[data-theme=dark] .gc-theme-switch-icon--sun {
  opacity: 0.4;
}

[data-theme=dark] .gc-theme-switch-icon--moon {
  color: var(--rr-color-common-white);
  transform: scale(1.08);
}

[data-theme=light] .gc-theme-switch-track {
  background: linear-gradient(180deg, #e8ecef 0%, #d5dbe0 100%);
  border-color: var(--rr-color-theme-primary) !important;
  box-shadow: 0 8px 22px rgba(17, 21, 28, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

[data-theme=light] .gc-theme-switch-icon--sun {
  opacity: 1;
  transform: scale(1.2);
}

[data-theme=light] .gc-theme-switch-icon--sun .gc-theme-switch-sun-svg {
  width: 18px;
  height: 18px;
}

[data-theme=light] .gc-theme-switch-icon--sun .gc-theme-switch-sun-rays {
  fill: #ff9a3c;
}

[data-theme=light] .gc-theme-switch-icon--sun .gc-theme-switch-sun-core {
  fill: #d85d69;
}

[data-theme=light] .gc-theme-switch-icon--moon {
  color: rgba(17, 21, 28, 0.28);
}

[data-theme=light] .gc-theme-switch-thumb {
  transform: translateY(0);
  /* Same active bg as dark-mode moon thumb */
  background: linear-gradient(145deg, var(--rr-color-theme-primary) 0%, #1a5a68 100%);
  box-shadow: 0 4px 14px rgba(35, 118, 135, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.gc-theme-switch:hover .gc-theme-switch-track {
  border-color: var(--rr-color-theme-primary);
  box-shadow: 0 10px 28px rgba(35, 118, 135, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-theme-switch:hover .gc-theme-switch-track {
  border-color: var(--rr-color-theme-primary) !important;
  box-shadow: 0 12px 30px rgba(17, 21, 28, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.gc-theme-switch:focus-visible {
  outline: none;
}

.gc-theme-switch:focus-visible .gc-theme-switch-track {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--rr-color-theme-primary) 35%, transparent), 0 8px 24px rgba(0, 0, 0, 0.25);
}

.gc-theme-switch:active .gc-theme-switch-thumb {
  transform: translateY(0) scale(0.94);
}

[data-theme=dark] .gc-theme-switch:active .gc-theme-switch-thumb {
  transform: translateY(38px) scale(0.94);
}

/* Legacy switcher-button fallback (other pages) */
#theme-toogle.switcher-button {
  width: 40px;
  height: 78px;
  border-radius: 999px;
  background: linear-gradient(180deg, #0d1f2d 0%, #02050a 100%);
  border: 1px solid rgba(35, 118, 135, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

#theme-toogle.switcher-button .switcher-button-inner-left,
#theme-toogle.switcher-button .switcher-button-inner {
  display: none !important;
}

#theme-toogle.switcher-button::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--rr-color-theme-primary) 0%, #1a5a68 100%);
  box-shadow: 0 4px 14px rgba(35, 118, 135, 0.45);
  transition: transform 0.42s cubic-bezier(0.34, 1.35, 0.64, 1);
}

[data-theme=light] #theme-toogle.switcher-button {
  background: linear-gradient(180deg, #ffffff 0%, #f0f4f6 100%);
  border-color: var(--rr-color-theme-primary) !important;
}

[data-theme=light] #theme-toogle.switcher-button::after {
  background: linear-gradient(145deg, #ffb347 0%, #ff7a18 42%, #e85d04 100%);
  box-shadow: 0 4px 16px rgba(232, 93, 4, 0.5), 0 0 18px rgba(255, 122, 24, 0.45);
}

[data-theme=dark] #theme-toogle.switcher-button::after {
  transform: translateY(38px);
}

@media (max-width: 992px) {

  .gc-theme-switch,
  #theme-toogle.switcher-button {
    right: 12px;
  }
}

@media (max-width: 767px) {

  .gc-theme-switch,
  #theme-toogle.switcher-button {
    right: 10px;
  }

  .gc-theme-switch-track {
    width: 38px;
    height: 72px;
  }

  .gc-theme-switch-thumb {
    width: 30px;
    height: 30px;
  }

  [data-theme=dark] .gc-theme-switch-thumb {
    transform: translateY(34px);
  }

  [data-theme=dark] .gc-theme-switch:active .gc-theme-switch-thumb {
    transform: translateY(34px) scale(0.94);
  }

  [data-theme=dark] #theme-toogle.switcher-button::after {
    transform: translateY(34px);
  }
}

/* ===== Graphics Solutions — portfolio gallery ===== */
.gc-portfolio-gallery-section {
  background-color: #02050A;
}

.gc-portfolio-heading {
  margin-bottom: 42px;
}

.gc-portfolio-heading .sub-heading {
  color: var(--rr-color-theme-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.gc-portfolio-title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(28px, 3vw, 42px);
}

.gc-portfolio-tabs-wrap {
  margin-bottom: 40px;
}

.gc-portfolio-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.gc-portfolio-tab {
  border: 1px solid rgba(35, 118, 135, 0.35);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.82);
  padding: 11px 18px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;
}

.gc-portfolio-tab:hover {
  color: var(--rr-color-common-white);
  border-color: var(--rr-color-theme-primary);
  transform: translateY(-2px);
}

.gc-portfolio-tab.active {
  background: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
  box-shadow: 0 8px 22px rgba(35, 118, 135, 0.35);
}

.gc-portfolio-grid-wrap {
  position: relative;
}

.gc-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.gc-portfolio-grid-item {
  min-width: 0;
}

.gc-portfolio-grid-item.is-hidden {
  display: none !important;
}

.gc-portfolio-grid-wrap.is-tab-switching {
  pointer-events: none;
}

.gc-portfolio-grid.is-filtering-out .gc-portfolio-grid-item:not(.is-hidden) {
  opacity: 0;
  transform: translateY(16px) scale(0.97);
  transition: opacity 0.34s ease, transform 0.34s ease;
}

.gc-portfolio-grid.is-filtering-in .gc-portfolio-grid-item.is-filter-in {
  animation: gcPortfolioFilterIn 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--gc-filter-delay, 0s);
}

@keyframes gcPortfolioFilterIn {
  from {
    opacity: 0;
    transform: translateY(32px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 1199px) {
  .gc-portfolio-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .gc-portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .gc-portfolio-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.gc-portfolio-card {
  background: rgba(13, 31, 45, 0.72);
  border: 1px solid rgba(35, 118, 135, 0.2);
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.gc-portfolio-card:hover {
  transform: translateY(-8px);
  border-color: rgba(35, 118, 135, 0.45);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

.gc-portfolio-card-media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}

.gc-portfolio-card-img {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.04);
  transition: opacity 0.65s ease, visibility 0.65s ease, transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 0;
}

.gc-portfolio-card-img.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 1;
}

.gc-portfolio-card.is-hover-preview .gc-portfolio-card-img.is-active {
  transform: scale(1.05);
}

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

.gc-portfolio-card-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.18) 50%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 0.7s ease;
  pointer-events: none;
  z-index: 2;
}

.gc-portfolio-card:hover .gc-portfolio-card-shine {
  transform: translateX(120%);
}

.gc-portfolio-card-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 7px;
  pointer-events: none;
}

.gc-portfolio-card-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;
}

.gc-portfolio-card-dots span.is-active {
  opacity: 1;
  transform: scale(1.25);
  background: var(--rr-color-theme-primary);
}

[data-theme=light] .gc-portfolio-card-dots span {
  background: rgba(17, 21, 28, 0.28);
}

[data-theme=light] .gc-portfolio-card-dots span.is-active {
  background: var(--rr-color-theme-primary);
}

.gc-portfolio-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.gc-portfolio-card-title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.gc-portfolio-card-title a {
  color: var(--rr-color-common-white);
  text-decoration: none;
  transition: color 0.25s ease;
}

.gc-portfolio-card-title a:hover {
  color: var(--rr-color-theme-primary);
}

.gc-portfolio-card-link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rr-color-theme-primary);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: color 0.25s ease, gap 0.25s ease;
}

.gc-portfolio-card-link i {
  font-size: 12px;
  transition: transform 0.25s ease;
}

.gc-portfolio-card-link:hover {
  color: var(--rr-color-theme-secondary);
  gap: 12px;
}

.gc-portfolio-card-link:hover i {
  transform: translateX(3px);
}

[data-theme=light] .gc-portfolio-gallery-section {
  background-color: var(--rr-color-grey-1);
}

[data-theme=light] .gc-portfolio-title {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-portfolio-tab {
  background: var(--rr-color-common-white);
  border-color: var(--rr-color-border-light);
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-portfolio-tab:hover {
  border-color: var(--rr-color-theme-primary);
  color: var(--rr-color-theme-primary);
}

[data-theme=light] .gc-portfolio-tab.active {
  background: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
  color: var(--rr-color-common-white);
}

[data-theme=light] .gc-portfolio-card {
  background: var(--rr-color-common-white);
  border-color: var(--rr-color-border-light);
  box-shadow: 0 12px 30px rgba(17, 21, 28, 0.06);
}

[data-theme=light] .gc-portfolio-card:hover {
  box-shadow: 0 20px 44px rgba(17, 21, 28, 0.12);
  border-color: rgba(35, 118, 135, 0.35);
}

[data-theme=light] .gc-portfolio-card-footer {
  border-top-color: var(--rr-color-border-light);
}

[data-theme=light] .gc-portfolio-card-title a {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-portfolio-card-title a:hover {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-portfolio-gallery-section {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(253, 253, 253, 0.91);
}


[data-theme=dark] .testimonial-section-7 {
  background: linear-gradient(155deg, rgba(10, 24, 36, 0.98) 0%, rgba(8, 20, 30, 0.94) 48%, rgba(13, 31, 45, 0.96) 100%);
  border-color: rgba(253, 253, 253, 0.91);
}

[data-theme=dark] .gc-price-calculator-section {
  background: linear-gradient(155deg, rgba(10, 24, 36, 0.98) 0%, rgba(8, 20, 30, 0.94) 48%, rgba(13, 31, 45, 0.96) 100%);
  border-color: rgba(253, 253, 253, 0.91);
}

[data-theme=dark] .gc-portfolio-title {
  color: var(--rr-color-common-white);
}

[data-theme=light] .process-section-3 .sub-heading {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .process-section-3 .sub-heading {
  color: var(--rr-color-grey-1);
}

[data-theme="dark"] .process-section-3 {
  background-color: rgb(13, 31, 45);
  border-bottom-color: rgb(110, 118, 130);
}

[data-theme="light"] .process-section-3 {
  background-color: var(--rr-color-common-white);
  border-bottom-color: rgb(230, 230, 230);
}

[data-theme=dark] .process-item-2 {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border: 1px solid rgba(35, 118, 135, 0.24);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .process-section-3 {
  background-color: rgb(13, 31, 45);
  border-bottom-color: rgb(110, 118, 130);
}

[data-theme="dark"] .process-section-3.ppc {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-color: rgba(110, 118, 130, 0.35);
}

[data-theme="dark"] .sponsor-section {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-bottom-color: rgb(110, 118, 130);
}



@media (max-width: 767px) {
  .gc-portfolio-tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }

  .gc-portfolio-tab {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .gc-portfolio-card-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ===== Color Correction — accuracy showcase ===== */
.gc-color-accuracy {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--rr-color-border-1);
}

.gc-color-accuracy::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(35, 118, 135, 0.09) 0%, transparent 42%),
    radial-gradient(circle at 88% 80%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.gc-color-accuracy .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-color-accuracy {
  background: linear-gradient(160deg, rgba(8, 20, 30, 0.98) 0%, rgba(13, 31, 45, 0.94) 100%);
  border-color: rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-color-accuracy {
  background: linear-gradient(160deg, #ffffff 0%, #f8f6f0 100%);
  border-color: var(--rr-color-border-light);
}

.gc-color-accuracy-card {
  padding: 18px;
  border-radius: 28px;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.45s ease;
}

[data-theme=dark] .gc-color-accuracy-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}

[data-theme=light] .gc-color-accuracy-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 22px 48px rgba(17, 21, 28, 0.08);
}

.gc-color-accuracy-showcase:hover .gc-color-accuracy-card {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-color-accuracy-showcase:hover .gc-color-accuracy-card {
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.34),
    0 0 32px rgba(35, 118, 135, 0.12);
}

.gc-color-accuracy-stage {
  position: relative;
  min-height: 420px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 72px 48px 40px;
  background-color: var(--stage-bg, #c4a57a);
  transition: background-color 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-color-accuracy-stage img {
  width: min(100%, 340px);
  height: auto;
  max-height: 300px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.18));
  transition:
    opacity 0.32s ease,
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-color-accuracy-showcase.is-switching .gc-color-accuracy-stage img {
  opacity: 0.82;
  transform: scale(0.96);
}

.gc-color-accuracy-swatches {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 3;
}

.gc-color-accuracy-swatch {
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  background-color: var(--swatch-color, #c4a57a);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.28),
    0 4px 12px rgba(0, 0, 0, 0.16);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    outline-color 0.28s ease;
  outline: 2px solid transparent;
  outline-offset: 3px;
}

.gc-color-accuracy-swatch:hover {
  transform: scale(1.08);
}

.gc-color-accuracy-swatch.active {
  outline-color: var(--rr-color-theme-primary);
  transform: scale(1.12);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.45),
    0 8px 18px rgba(0, 0, 0, 0.22);
}

.gc-color-accuracy-badge {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 14px;
  backdrop-filter: blur(10px);
}

[data-theme=dark] .gc-color-accuracy-badge {
  background: rgba(8, 20, 30, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

[data-theme=light] .gc-color-accuracy-badge {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow: 0 10px 24px rgba(17, 21, 28, 0.1);
}

.gc-color-accuracy-badge span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.gc-color-accuracy-badge i {
  color: var(--rr-color-theme-primary);
  font-size: 12px;
}

[data-theme=dark] .gc-color-accuracy-badge span {
  color: rgba(255, 255, 255, 0.9);
}

[data-theme=light] .gc-color-accuracy-badge span {
  color: var(--rr-color-heading-primary);
}

.gc-color-accuracy-heading {
  margin-bottom: 32px;
}

.gc-color-accuracy-heading .sub-heading::before,
.gc-color-accuracy-heading .sub-heading::after {
  display: none;
}

.gc-color-accuracy-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.gc-color-accuracy-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-color-accuracy-heading .section-title {
  margin-bottom: 18px;
}

.gc-color-accuracy-intro {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  max-width: 560px;
}

[data-theme=dark] .gc-color-accuracy-intro {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-color-accuracy-intro {
  color: var(--rr-color-text-body-light);
}

.gc-color-accuracy-benefits {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gc-color-accuracy-benefit {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(35, 118, 135, 0.14);
  transition: transform 0.35s ease, padding-left 0.35s ease;
}

.gc-color-accuracy-benefit:first-child {
  padding-top: 0;
}

.gc-color-accuracy-benefit:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gc-color-accuracy-benefit:hover {
  padding-left: 6px;
}

.gc-color-accuracy-num {
  flex-shrink: 0;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  opacity: 0.28;
}

[data-theme=dark] .gc-color-accuracy-num {
  color: #ffffff;
}

[data-theme=light] .gc-color-accuracy-num {
  color: var(--rr-color-heading-primary);
}

.gc-color-accuracy-benefit-copy h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.35;
}

[data-theme=dark] .gc-color-accuracy-benefit-copy h3 {
  color: #ffffff;
}

[data-theme=light] .gc-color-accuracy-benefit-copy h3 {
  color: var(--rr-color-heading-primary);
}

.gc-color-accuracy-benefit-copy p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

[data-theme=dark] .gc-color-accuracy-benefit-copy p {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-color-accuracy-benefit-copy p {
  color: var(--rr-color-text-body-light);
}

@media (max-width: 991px) {
  .gc-color-accuracy-content {
    margin-top: 12px;
  }

  .gc-color-accuracy-stage {
    min-height: 360px;
    padding: 40px 64px 40px 28px;
  }
}

@media (max-width: 575px) {
  .gc-color-accuracy-card {
    padding: 12px;
  }

  .gc-color-accuracy-stage {
    min-height: 320px;
    padding: 36px 16px 72px;
  }

  .gc-color-accuracy-swatches {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 14px;
    transform: translateX(-50%);
    flex-direction: row;
    gap: 8px;
  }

  .gc-color-accuracy-swatch {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }

  .gc-color-accuracy-badge {
    left: 12px;
    bottom: auto;
    top: 12px;
    padding: 10px 12px;
    gap: 6px;
  }

  .gc-color-accuracy-badge span {
    font-size: 11px;
  }

  .gc-color-accuracy-benefit {
    gap: 16px;
    padding: 18px 0;
  }

  .gc-color-accuracy-benefit:hover {
    padding-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-color-accuracy-card,
  .gc-color-accuracy-stage,
  .gc-color-accuracy-stage img,
  .gc-color-accuracy-swatch,
  .gc-color-accuracy-benefit {
    transition: none;
  }

  .gc-color-accuracy-showcase:hover .gc-color-accuracy-card,
  .gc-color-accuracy-swatch:hover,
  .gc-color-accuracy-swatch.active,
  .gc-color-accuracy-benefit:hover {
    transform: none;
  }
}

/* ===== Video & 3D Solution — hero banner ===== */
.gc-video-3d-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--rr-color-border-1);
  padding-top: 140px;
  padding-bottom: 90px;
}

.gc-video-3d-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(35, 118, 135, 0.16) 0%, transparent 42%),
    radial-gradient(circle at 88% 22%, rgba(255, 194, 38, 0.08) 0%, transparent 38%),
    radial-gradient(circle at 70% 88%, rgba(35, 118, 135, 0.1) 0%, transparent 40%);
}

.gc-video-3d-hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.35;
  mask-image: radial-gradient(circle at center, #000 0%, transparent 78%);
}

.gc-video-3d-hero .container {
  position: relative;
  z-index: 1;
  padding-left: clamp(16px, 3vw, 24px);
  padding-right: clamp(16px, 3vw, 24px);
}

[data-theme=dark] .gc-video-3d-hero {
  background: linear-gradient(160deg, #02050a 0%, rgba(8, 20, 30, 0.98) 48%, rgba(13, 31, 45, 0.96) 100%);
  border-color: rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-video-3d-hero {
  background: linear-gradient(160deg, #0d1f2d 0%, #132636 52%, #1a3144 100%);
  border-color: rgba(35, 118, 135, 0.18);
}

.gc-video-3d-hero-row {
  margin-bottom: 0;
}

.gc-video-3d-hero-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

.gc-video-3d-hero-content {
  flex: 1 1 auto;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process {
  flex-shrink: 0;
  margin-top: auto;
  padding-top: 28px;
  background: transparent;
  border: none;
  /* border-top: 1px solid rgba(255, 255, 255, 0.12); */
}

[data-theme=light] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.14);
}

[data-theme=dark] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process {
  background: transparent;
  border-bottom: none;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .process-counter-wrap {
  margin: 0;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .process-counter-wrap>div:not(:first-of-type) .counter-card {
  padding-left: 12px !important;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 14px;
  margin: 0;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0;
  background: transparent;
  transition:
    transform 0.32s ease,
    background-color 0.32s ease;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .process-counter-wrap>div:last-child .counter-card,
.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card.card-4 {
  border-right: none;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  flex-shrink: 0;
  background: rgba(35, 118, 135, 0.18);
  border: 1px solid rgba(35, 118, 135, 0.32);
  transition: background-color 0.32s ease, border-color 0.32s ease, transform 0.32s ease;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card:hover .icon {
  background: var(--rr-color-theme-primary);
  border-color: transparent;
  transform: scale(1.05);
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .icon img {
  width: 22px;
  height: 22px;
  filter: brightness(0) invert(1);
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .content .title {
  margin-bottom: 4px;
  font-size: clamp(22px, 2.2vw, 20px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .content p {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: none;
  color: rgba(255, 255, 255, 0.55);
}

[data-theme=light] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card {
  border-right-color: rgba(255, 255, 255, 0.12);
}

[data-theme=light] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .content .title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .content p {
  color: rgba(255, 255, 255, 0.58);
}

[data-theme=light] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .icon {
  background: rgba(35, 118, 135, 0.22);
  border-color: rgba(35, 118, 135, 0.38);
}

[data-theme=dark] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .content .title {
  color: #ffffff;
}

[data-theme=dark] .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .content p {
  color: rgba(255, 255, 255, 0.55);
}

.gc-video-3d-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  border: 1px solid rgba(35, 118, 135, 0.35);
  color: rgba(255, 255, 255, 0.88);
  background: rgba(35, 118, 135, 0.1);
}

.gc-video-3d-hero-pill--live {
  margin-bottom: 16px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
}

.gc-video-3d-hero-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--rr-color-theme-primary);
  box-shadow: 0 0 10px rgba(35, 118, 135, 0.55);
}

.gc-video-3d-hero-pill-dot--pulse {
  animation: gcVideo3dPulse 2s ease-in-out infinite;
}

@keyframes gcVideo3dPulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.55;
    transform: scale(0.88);
  }
}

.gc-video-3d-hero-title {
  margin-bottom: 22px;
  font-size: clamp(34px, 4.8vw, 58px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.gc-video-3d-hero-accent {
  display: inline;
}

.gc-video-3d-hero-accent--primary {
  color: #01d585;
}

.gc-video-3d-hero-accent--secondary {
  color: var(--rr-color-theme-secondary);
}

.gc-video-3d-hero-desc {
  margin: 0 0 32px;
  max-width: 560px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.68);
}

.gc-video-3d-hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.gc-video-3d-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 14px 24px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease;
}

.gc-video-3d-hero-btn--primary {
  background: #ffffff;
  color: #11151c;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.gc-video-3d-hero-btn--primary:hover {
  transform: translateY(-2px);
  background: var(--rr-color-theme-primary);
  color: #ffffff;
  box-shadow: 0 16px 32px rgba(35, 118, 135, 0.32);
}

.gc-video-3d-hero-btn--secondary {
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.gc-video-3d-hero-btn--secondary:hover {
  transform: translateY(-2px);
  border-color: rgba(35, 118, 135, 0.45);
  background: rgba(35, 118, 135, 0.14);
}

.gc-video-3d-hero-cards {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.gc-video-3d-hero-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 22px 22px 20px;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.gc-video-3d-hero-card:hover {
  transform: translateY(-4px);
}

.gc-video-3d-hero-card--featured {
  margin-bottom: 14px;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.28) 0%, rgba(35, 118, 135, 0.12) 100%);
  border: 1px solid rgba(35, 118, 135, 0.35);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

.gc-video-3d-hero-card--featured::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 88% 12%, rgba(255, 194, 38, 0.12) 0%, transparent 42%);
  pointer-events: none;
}

.gc-video-3d-hero-card--compact {
  height: 100%;
  min-height: 148px;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.gc-video-3d-hero-card--stat {
  justify-content: center;
  background: linear-gradient(145deg, color-mix(in srgb, var(--rr-color-theme-secondary) 88%, #fff) 0%, #cc6408 100%);
  border: 1px solid rgba(255, 194, 38, 0.35);
  box-shadow: 0 14px 32px rgba(255, 194, 38, 0.18);
}

.gc-video-3d-hero-card-label {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.gc-video-3d-hero-card--featured .gc-video-3d-hero-card-label {
  color: rgba(255, 255, 255, 0.82);
}

.gc-video-3d-hero-card-title {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.35;
  color: #ffffff;
}

.gc-video-3d-hero-card-desc {
  margin: 0 0 auto;
  padding-bottom: 16px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
}

.gc-video-3d-hero-card-foot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-size: 13px;
  font-weight: 600;
  color: var(--rr-color-theme-primary);
}

.gc-video-3d-hero-card-foot--muted {
  color: rgba(255, 255, 255, 0.55);
}

.gc-video-3d-hero-stat-value {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(34px, 4vw, 44px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.gc-video-3d-hero-stat-label {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
}

.gc-video-3d-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.gc-video-3d-hero-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 28px;
}

.gc-video-3d-hero-stat:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.gc-video-3d-hero-stat-num {
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.gc-video-3d-hero-stat-text {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.55);
}

@media (max-width: 991px) {
  .gc-video-3d-hero {
    padding-top: 100px;
    padding-bottom: 72px;
  }

  .gc-video-3d-hero-row {
    margin-bottom: 0;
    row-gap: 40px;
  }

  .gc-video-3d-hero-left {
    margin-bottom: 0;
  }

  .gc-video-3d-hero-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gc-video-3d-hero-desc {
    max-width: 100%;
  }

  .gc-video-3d-hero-btns {
    justify-content: center;
    width: 100%;
  }

  .gc-video-3d-hero-cards {
    margin-top: 0;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process {
    width: 100%;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 14px 12px;
    margin-bottom: 0;
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .process-counter-wrap>div:nth-last-child(-n+2) .counter-card {
    border-bottom: none;
  }

  .gc-video-3d-hero-stat {
    padding: 8px 18px;
  }
}

@media (max-width: 767px) {
  .gc-video-3d-hero {
    padding-top: 92px;
    padding-bottom: 56px;
  }

  .gc-video-3d-hero .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gc-video-3d-hero-title {
    font-size: clamp(28px, 8vw, 40px);
    margin-bottom: 18px;
  }

  .gc-video-3d-hero-desc {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 26px;
  }

  .gc-video-3d-hero-stats {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 24px;
  }

  .gc-video-3d-hero-stat {
    padding: 0;
    border-right: none !important;
    align-items: center;
    text-align: center;
  }

  .gc-video-3d-hero-btns {
    flex-direction: column;
  }

  .gc-video-3d-hero-btn {
    width: 100%;
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card {
    padding: 14px 12px;
    margin-bottom: 0;
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .process-counter-wrap>div:nth-last-child(-n+2) .counter-card {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .process-counter-wrap>div:last-child .counter-card {
    border-bottom: none;
  }
}

@media (max-width: 575px) {
  .gc-video-3d-hero {
    padding-top: 84px;
    padding-bottom: 48px;
  }

  .gc-video-3d-hero .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 12px;
    padding: 14px 10px;
  }

  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }

  .gc-video-3d-hero-card {
    padding: 18px 16px;
  }

  .gc-video-3d-hero-card--featured {
    min-height: auto;
  }

  .gc-video-3d-hero-card--compact {
    min-height: 132px;
  }

  .gc-video-3d-hero-cards {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-video-3d-hero-pill-dot--pulse,
  .gc-video-3d-hero-card,
  .gc-video-3d-hero-btn,
  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card,
  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card .icon {
    animation: none;
    transition: none;
  }

  .gc-video-3d-hero-card:hover,
  .gc-video-3d-hero-btn:hover,
  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card:hover,
  .gc-video-3d-hero .process-counter.new.gc-video-3d-hero-process .counter-card:hover .icon {
    transform: none;
  }
}

/* ===== Video & 3D Solution — challenges section ===== */
.gc-video-3d-challenges {
  position: relative;
  overflow: hidden;
}

.gc-video-3d-challenges::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 24%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 82% 76%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
}

.gc-video-3d-challenges .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-video-3d-challenges {
  background: linear-gradient(180deg, rgba(8, 20, 30, 0.98) 0%, #02050a 100%);
}

[data-theme=light] .gc-video-3d-challenges {
  background: linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%);
}

.gc-video-3d-challenges-panel {
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.12);
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}

[data-theme=dark] .gc-video-3d-challenges-panel {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.32);
}

[data-theme=light] .gc-video-3d-challenges-panel {
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow: 0 22px 48px rgba(17, 21, 28, 0.08);
}

.gc-video-3d-challenges-visual {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 48px 40px 36px;
  background: linear-gradient(155deg, rgba(35, 118, 135, 0.42) 0%, rgba(35, 118, 135, 0.22) 48%, rgba(13, 31, 45, 0.92) 100%);
  overflow: hidden;
}

.gc-video-3d-challenges-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 194, 38, 0.14) 0%, transparent 42%),
    radial-gradient(circle at 20% 80%, rgba(35, 118, 135, 0.2) 0%, transparent 45%);
  pointer-events: none;
}

[data-theme=light] .gc-video-3d-challenges-visual {
  background: linear-gradient(155deg, rgba(35, 118, 135, 0.16) 0%, rgba(35, 118, 135, 0.08) 50%, rgba(248, 246, 240, 0.95) 100%);
}

[data-theme=light] .gc-video-3d-challenges-visual-caption {
  color: var(--rr-color-heading-primary);
}

.gc-video-edit-studio {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  z-index: 1;
}

.gc-video-edit-app {
  width: 100%;
  max-width: 340px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(8, 16, 26, 0.82);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
}

[data-theme=light] .gc-video-edit-app {
  border-color: rgba(35, 118, 135, 0.16);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 40px rgba(35, 118, 135, 0.12);
}

.gc-video-edit-topbar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-video-edit-topbar {
  border-bottom-color: rgba(17, 21, 28, 0.08);
}

.gc-video-edit-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.gc-video-edit-dot--red {
  background: #ff5f57;
}

.gc-video-edit-dot--yellow {
  background: #febc2e;
}

.gc-video-edit-dot--green {
  background: #28c840;
}

.gc-video-edit-app-name {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.55);
}

[data-theme=light] .gc-video-edit-app-name {
  color: var(--rr-color-text-body-light);
}

.gc-video-edit-preview {
  padding: 12px 12px 8px;
}

.gc-video-edit-preview-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(35, 118, 135, 0.45) 0%, rgba(13, 31, 45, 0.9) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme=light] .gc-video-edit-preview-frame {
  background:
    linear-gradient(135deg, rgba(35, 118, 135, 0.22) 0%, rgba(226, 236, 239, 0.95) 100%);
  border-color: rgba(35, 118, 135, 0.14);
}

.gc-video-edit-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.gc-video-edit-play i {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  padding-left: 3px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);
  animation: gcVideoEditPlayPulse 2.8s ease-in-out infinite;
}

@keyframes gcVideoEditPlayPulse {

  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.06);
    opacity: 0.88;
  }
}

.gc-video-edit-scrub {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 38%;
  background: linear-gradient(90deg, var(--rr-color-theme-secondary), #ffc226);
  transform-origin: left center;
  animation: gcVideoEditScrub 4.5s ease-in-out infinite;
}

@keyframes gcVideoEditScrub {
  0% {
    transform: scaleX(0.15);
  }

  50% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0.15);
  }
}

.gc-video-edit-timecode {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 194, 38, 0.9);
}

[data-theme=light] .gc-video-edit-timecode {
  color: var(--rr-color-theme-primary);
}

.gc-video-edit-tools {
  display: flex;
  gap: 8px;
  padding: 0 12px 10px;
}

.gc-video-edit-tools span {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.62);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-video-edit-tools span {
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.08);
  border-color: rgba(35, 118, 135, 0.12);
}

.gc-video-edit-timeline {
  position: relative;
  padding: 10px 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

[data-theme=light] .gc-video-edit-timeline {
  border-top-color: rgba(17, 21, 28, 0.08);
  background: rgba(35, 118, 135, 0.05);
}

.gc-video-edit-track {
  position: relative;
  height: 14px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

[data-theme=light] .gc-video-edit-track {
  background: rgba(17, 21, 28, 0.06);
}

.gc-video-edit-track--video {
  margin-bottom: 8px;
}

.gc-video-edit-clip {
  position: absolute;
  top: 2px;
  bottom: 2px;
  border-radius: 4px;
}

.gc-video-edit-clip--1 {
  left: 4%;
  width: 28%;
  background: linear-gradient(90deg, #237687, #3a9aad);
}

.gc-video-edit-clip--2 {
  left: 34%;
  width: 22%;
  background: linear-gradient(90deg, #4a90d9, #60a5fa);
}

.gc-video-edit-clip--3 {
  left: 58%;
  width: 30%;
  background: linear-gradient(90deg, #a855f7, #c084fc);
}

.gc-video-edit-clip--a1 {
  left: 8%;
  width: 36%;
  background: linear-gradient(90deg, #059669, #34d399);
}

.gc-video-edit-clip--a2 {
  left: 48%;
  width: 26%;
  background: linear-gradient(90deg, #d97706, #fbbf24);
}

.gc-video-edit-playhead {
  position: absolute;
  top: 8px;
  bottom: 14px;
  left: 0;
  width: 2px;
  border-radius: 2px;
  background: #ffc226;
  box-shadow: 0 0 8px rgba(255, 194, 38, 0.65);
  animation: gcVideoEditPlayhead 4.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes gcVideoEditPlayhead {
  0% {
    left: 6%;
  }

  50% {
    left: 82%;
  }

  100% {
    left: 6%;
  }
}

.gc-video-3d-challenges-visual-caption {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
}

.gc-video-3d-challenges-content {
  height: 100%;
  padding: 48px 48px 44px 44px;
}

[data-theme=dark] .gc-video-3d-challenges-content {
  background: rgba(255, 255, 255, 0.03);
}

[data-theme=light] .gc-video-3d-challenges-content {
  background: #ffffff;
}

.gc-video-3d-challenges-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.gc-video-3d-challenges-eyebrow::before,
.gc-video-3d-challenges-content .sub-heading::before,
.gc-video-3d-challenges-content .sub-heading::after {
  display: none;
}

.gc-video-3d-challenges-eyebrow::before {
  display: block;
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
}

.gc-video-3d-challenges-title {
  margin-bottom: 28px;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

[data-theme=dark] .gc-video-3d-challenges-title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-challenges-title {
  color: var(--rr-color-heading-primary);
}

.gc-video-3d-challenges-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gc-video-3d-challenge-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px 0;
  border-bottom: 1px solid rgba(35, 118, 135, 0.14);
  transition: transform 0.32s ease, padding-left 0.32s ease;
}

.gc-video-3d-challenge-item:first-child {
  padding-top: 0;
}

.gc-video-3d-challenge-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.gc-video-3d-challenge-item:hover {
  padding-left: 6px;
}

[data-theme=dark] .gc-video-3d-challenge-item {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-video-3d-challenge-item {
  border-bottom-color: rgba(17, 21, 28, 0.08);
}

.gc-video-3d-challenge-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.22);
  transition:
    transform 0.32s ease,
    background-color 0.32s ease,
    color 0.32s ease,
    border-color 0.32s ease;
}

.gc-video-3d-challenge-item:hover .gc-video-3d-challenge-icon {
  transform: scale(1.06);
  background: var(--rr-color-theme-primary);
  color: #ffffff;
  border-color: transparent;
}

.gc-video-3d-challenge-copy h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.35;
}

[data-theme=dark] .gc-video-3d-challenge-copy h3 {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-challenge-copy h3 {
  color: var(--rr-color-heading-primary);
}

.gc-video-3d-challenge-copy p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

[data-theme=dark] .gc-video-3d-challenge-copy p {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-video-3d-challenge-copy p {
  color: var(--rr-color-text-body-light);
}

@media (max-width: 991px) {
  .gc-video-3d-challenges-visual {
    min-height: 320px;
    padding: 36px 28px 28px;
  }

  .gc-video-edit-studio {
    min-height: 240px;
  }

  .gc-video-edit-app {
    max-width: 100%;
  }

  .gc-video-3d-challenges-content {
    padding: 36px 28px 32px;
  }

  .gc-video-3d-challenges-title {
    font-size: clamp(28px, 4.2vw, 38px);
  }
}

@media (max-width: 767px) {
  .gc-video-3d-challenges .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gc-video-3d-challenges-title {
    font-size: clamp(24px, 6.5vw, 32px);
  }
}

@media (max-width: 575px) {
  .gc-video-3d-challenges-panel {
    border-radius: 16px;
  }

  .gc-video-3d-challenges-visual {
    min-height: 280px;
    padding: 28px 22px 24px;
  }

  .gc-video-3d-challenges-content {
    padding: 28px 22px 26px;
  }

  .gc-video-3d-challenge-item {
    gap: 14px;
    padding: 18px 0;
  }

  .gc-video-3d-challenge-item:hover {
    padding-left: 0;
  }

  .gc-video-3d-challenge-icon {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }

  .gc-video-3d-challenges-title {
    font-size: clamp(22px, 7vw, 28px);
  }

  .gc-video-3d-challenge-copy h3 {
    font-size: 16px;
  }

  .gc-video-3d-challenge-copy p {
    font-size: 14px;
    line-height: 1.65;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-video-3d-challenges-panel,
  .gc-video-3d-challenge-item,
  .gc-video-3d-challenge-icon {
    transition: none;
  }

  .gc-video-3d-challenge-item:hover,
  .gc-video-3d-challenge-item:hover .gc-video-3d-challenge-icon {
    transform: none;
    padding-left: 0;
  }

  .gc-video-edit-play i,
  .gc-video-edit-scrub,
  .gc-video-edit-playhead {
    animation: none;
  }
}

/* ===== Video & 3D Solution — industries section ===== */
.gc-video-3d-industries {
  position: relative;
  overflow: hidden;
}

.gc-video-3d-industries::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
}

.gc-video-3d-industries .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-video-3d-industries {
  background: linear-gradient(180deg, rgba(8, 20, 30, 0.98) 0%, #02050a 100%);
  border-top: 1px solid #237687;
}

[data-theme=light] .gc-video-3d-industries {
  background: linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%);
  border-top: 1px solid #237687;
}

.gc-video-3d-industries-heading {
  max-width: 760px;
  margin-bottom: 48px;
}

.gc-video-3d-industries-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-video-3d-industries-eyebrow::before {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-video-3d-industries-title {
  margin: 0 0 18px;
  font-size: clamp(30px, 4.2vw, 46px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

[data-theme=dark] .gc-video-3d-industries-title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-industries-title {
  color: var(--rr-color-heading-primary);
}

.gc-video-3d-industries-desc {
  margin: 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-video-3d-industries-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-video-3d-industries-desc {
  color: var(--rr-color-text-body-light);
}

.gc-video-3d-industries-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
}

[data-theme=dark] .gc-video-3d-industries-grid {
  border: 1px solid #237687;
  background: #237687;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .gc-video-3d-industries-grid {
  border: 1px solid #237687;
  background: #237687;
  box-shadow: 0 18px 42px rgba(17, 21, 28, 0.06);
}

.gc-video-3d-industry-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 168px;
  padding: 34px 20px;
  text-align: center;
  border: none;
  transition:
    background-color 0.32s ease,
    transform 0.32s ease;
}

[data-theme=dark] .gc-video-3d-industry-item {
  background: rgba(8, 20, 30, 0.98);
}

[data-theme=light] .gc-video-3d-industry-item {
  background: #ffffff;
}

.gc-video-3d-industry-item:hover {
  background: #237687;
}

[data-theme=dark] .gc-video-3d-industry-item:hover {
  background: #237687;
}

[data-theme=light] .gc-video-3d-industry-item:hover {
  background: #237687;
}

.gc-video-3d-industry-item:hover .gc-video-3d-industry-label {
  color: #ffffff;
}

.gc-video-3d-industry-icon {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 24px;
  line-height: 1;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid #237687;
  transition:
    transform 0.32s ease,
    background-color 0.32s ease,
    color 0.32s ease,
    border-color 0.32s ease,
    box-shadow 0.32s ease;
}

[data-theme=dark] .gc-video-3d-industry-icon {
  background: rgba(35, 118, 135, 0.18);
  border-color: #237687;
  color: #ffffff;
}

.gc-video-3d-industry-item:hover .gc-video-3d-industry-icon {
  transform: translateY(-3px);
  background: #ffffff;
  border-color: #ffffff;
  color: #237687;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.gc-video-3d-industry-label {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

[data-theme=dark] .gc-video-3d-industry-label {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme=light] .gc-video-3d-industry-label {
  color: var(--rr-color-heading-primary);
}

@media (max-width: 991px) {
  .gc-video-3d-industries-heading {
    margin-bottom: 36px;
  }

  .gc-video-3d-industries-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 18px;
  }

  .gc-video-3d-industry-item {
    min-height: 148px;
    padding: 28px 16px;
  }
}

@media (max-width: 767px) {
  .gc-video-3d-industries .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gc-video-3d-industries-title {
    font-size: clamp(26px, 6vw, 34px);
  }

  .gc-video-3d-industries-desc {
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .gc-video-3d-industries .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gc-video-3d-industries-heading {
    margin-bottom: 28px;
  }

  .gc-video-3d-industries-grid {
    grid-template-columns: 1fr;
    border-radius: 16px;
  }

  .gc-video-3d-industry-item {
    min-height: auto;
    padding: 24px 18px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 14px;
    text-align: left;
  }

  .gc-video-3d-industry-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    font-size: 20px;
    margin-bottom: 0;
  }

  .gc-video-3d-industry-label {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-video-3d-industry-item,
  .gc-video-3d-industry-icon {
    transition: none;
  }

  .gc-video-3d-industry-item:hover,
  .gc-video-3d-industry-item:hover .gc-video-3d-industry-icon {
    transform: none;
  }
}

/* ===== Video & 3D Solution — work process section ===== */
.gc-video-3d-process {
  position: relative;
  overflow: hidden;
}

.gc-video-3d-process::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 24%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 82% 76%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
}

.gc-video-3d-process .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-video-3d-process {
  background: linear-gradient(180deg, rgba(8, 20, 30, 0.98) 0%, #02050a 100%);
  border-top: 1px solid rgba(110, 118, 130, 0.28);
}

[data-theme=light] .gc-video-3d-process {
  background: linear-gradient(180deg, #ffffff 0%, #f8f6f0 100%);
  border-top: 1px solid rgba(17, 21, 28, 0.06);
}

.gc-video-3d-process-heading {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px;
}

.gc-video-3d-process-heading .sub-heading::before,
.gc-video-3d-process-heading .sub-heading::after {
  display: none;
}

.gc-video-3d-process-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-video-3d-process-eyebrow::before,
.gc-video-3d-process-eyebrow::after {
  content: "";
  width: 36px;
  height: 2px;
  background: var(--rr-color-theme-secondary);
  flex-shrink: 0;
}

.gc-video-3d-process-title {
  margin: 0;
  font-size: clamp(30px, 4.2vw, 46px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

[data-theme=dark] .gc-video-3d-process-title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-process-title {
  color: var(--rr-color-heading-primary);
}

.gc-video-3d-process-step {
  height: 100%;
  text-align: center;
}

.gc-video-3d-process-icon {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gc-video-3d-process-icon-arc {
  position: absolute;
  top: 6px;
  left: 10px;
  width: 132px;
  height: 132px;
  border: 1.5px solid var(--rr-color-theme-primary);
  border-radius: 50%;
  z-index: 0;
  transition:
    top 0.35s ease,
    left 0.35s ease,
    transform 0.35s ease,
    border-color 0.35s ease;
}

.gc-video-3d-process-icon-circle {
  position: relative;
  z-index: 1;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease,
    border-color 0.35s ease;
}

[data-theme=dark] .gc-video-3d-process-icon-circle {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

[data-theme=light] .gc-video-3d-process-icon-circle {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.06);
  box-shadow: 0 14px 36px rgba(17, 21, 28, 0.08);
}

.gc-video-3d-process-icon-circle img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.gc-video-3d-process-step-title {
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
}

[data-theme=dark] .gc-video-3d-process-step-title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-process-step-title {
  color: var(--rr-color-heading-primary);
}

.gc-video-3d-process-copy p {
  margin: 0 auto;
  max-width: 260px;
  font-size: 15px;
  line-height: 1.7;
}

[data-theme=dark] .gc-video-3d-process-copy p {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=light] .gc-video-3d-process-copy p {
  color: var(--rr-color-text-body-light);
}

.gc-video-3d-process-step:hover .gc-video-3d-process-icon-arc {
  top: 12px;
  left: 22px;
  border-color: color-mix(in srgb, var(--rr-color-theme-primary) 78%, var(--rr-color-theme-secondary));
}

.gc-video-3d-process-step:hover .gc-video-3d-process-icon-circle {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-video-3d-process-step:hover .gc-video-3d-process-icon-circle {
  background: rgba(35, 118, 135, 0.12);
  border-color: rgba(35, 118, 135, 0.35);
  box-shadow: 0 18px 40px rgba(35, 118, 135, 0.16);
}

[data-theme=light] .gc-video-3d-process-step:hover .gc-video-3d-process-icon-circle {
  box-shadow: 0 18px 40px rgba(35, 118, 135, 0.14);
}

.gc-video-3d-process-step:hover .gc-video-3d-process-icon-circle img {
  animation: gcVideo3dProcessWobble 0.8s ease-in-out 1;
}

@keyframes gcVideo3dProcessWobble {
  16.65% {
    transform: translateY(6px);
  }

  33.3% {
    transform: translateY(-4px);
  }

  49.95% {
    transform: translateY(3px);
  }

  66.6% {
    transform: translateY(-2px);
  }

  83.25% {
    transform: translateY(1px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .gc-video-3d-process-heading {
    margin-bottom: 44px;
  }

  .gc-video-3d-process-icon {
    width: 148px;
    height: 148px;
    margin-bottom: 28px;
  }

  .gc-video-3d-process-icon-arc {
    width: 122px;
    height: 122px;
    left: 8px;
  }

  .gc-video-3d-process-icon-circle {
    width: 120px;
    height: 120px;
  }

  .gc-video-3d-process-icon-circle img {
    width: 48px;
    height: 48px;
  }

  .gc-video-3d-process-step-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .gc-video-3d-process .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gc-video-3d-process-title {
    font-size: clamp(26px, 6vw, 34px);
  }

  .gc-video-3d-process-step {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
  .gc-video-3d-process .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gc-video-3d-process-heading {
    margin-bottom: 36px;
  }

  .gc-video-3d-process-icon {
    width: 136px;
    height: 136px;
  }

  .gc-video-3d-process-icon-arc {
    width: 112px;
    height: 112px;
  }

  .gc-video-3d-process-icon-circle {
    width: 110px;
    height: 110px;
  }

  .gc-video-3d-process-copy p {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-video-3d-process-icon-arc,
  .gc-video-3d-process-icon-circle,
  .gc-video-3d-process-icon-circle img {
    animation: none;
    transition: none;
  }

  .gc-video-3d-process-step:hover .gc-video-3d-process-icon-arc,
  .gc-video-3d-process-step:hover .gc-video-3d-process-icon-circle,
  .gc-video-3d-process-step:hover .gc-video-3d-process-icon-circle img {
    transform: none;
    top: 6px;
    left: 10px;
  }
}

/* ===== Video & 3D Solution — dual-service CTA banner ===== */
.gc-video-3d-cta {
  position: relative;
  overflow: hidden;
}

.gc-video-3d-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 14% 22%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 86% 78%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
}

.gc-video-3d-cta .container {
  position: relative;
  z-index: 1;
}

[data-theme=dark] .gc-video-3d-cta {
  background: linear-gradient(180deg, rgba(8, 20, 30, 0.98) 0%, #02050a 100%);
}

[data-theme=light] .gc-video-3d-cta {
  background: linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%);
}

.gc-video-3d-cta-banner {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 24px;
  padding: clamp(36px, 5vw, 56px) clamp(28px, 4vw, 52px);
}

[data-theme=dark] .gc-video-3d-cta-banner {
  background:
    linear-gradient(135deg, rgba(10, 42, 38, 0.98) 0%, rgba(8, 34, 30, 0.98) 42%, rgba(13, 52, 46, 0.96) 100%);
  border: 1px solid rgba(35, 118, 135, 0.32);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[data-theme=light] .gc-video-3d-cta-banner {
  background:
    linear-gradient(135deg, rgba(35, 118, 135, 0.92) 0%, rgba(28, 98, 88, 0.94) 48%, rgba(22, 78, 70, 0.96) 100%);
  border: 1px solid rgba(35, 118, 135, 0.22);
  box-shadow:
    0 24px 56px rgba(35, 118, 135, 0.18),
    0 8px 24px rgba(17, 21, 28, 0.08);
}

.gc-video-3d-cta-circles {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.gc-video-3d-cta-circle {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

.gc-video-3d-cta-circle--1 {
  width: clamp(180px, 22vw, 280px);
  height: clamp(180px, 22vw, 280px);
  top: -18%;
  right: 8%;
}

.gc-video-3d-cta-circle--2 {
  width: clamp(140px, 18vw, 220px);
  height: clamp(140px, 18vw, 220px);
  top: 28%;
  right: 22%;
  opacity: 0.75;
}

.gc-video-3d-cta-circle--3 {
  width: clamp(120px, 14vw, 180px);
  height: clamp(120px, 14vw, 180px);
  bottom: -12%;
  right: 34%;
  opacity: 0.6;
}

.gc-video-3d-cta-circle--4 {
  width: clamp(100px, 12vw, 150px);
  height: clamp(100px, 12vw, 150px);
  top: 8%;
  left: 58%;
  opacity: 0.45;
}

.gc-video-3d-cta-content,
.gc-video-3d-cta-actions {
  position: relative;
  z-index: 1;
}

.gc-video-3d-cta-eyebrow {
  display: block;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.gc-video-3d-cta-title {
  margin: 0 0 18px;
  font-size: clamp(28px, 3.8vw, 42px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.gc-video-3d-cta-desc {
  margin: 0;
  max-width: 620px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.78);
}

.gc-video-3d-cta-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  max-width: 320px;
  margin-left: auto;
}

.gc-video-3d-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  transition:
    transform 0.32s ease,
    box-shadow 0.32s ease,
    background-color 0.32s ease,
    border-color 0.32s ease,
    color 0.32s ease;
}

.gc-video-3d-cta-btn--primary {
  background: rgba(255, 255, 255, 0.96);
  color: #0f2a24;
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.gc-video-3d-cta-btn--primary:hover {
  transform: translateY(-2px);
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}

.gc-video-3d-cta-btn--secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.gc-video-3d-cta-btn--secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.42);
}

[data-theme=light] .gc-video-3d-cta-eyebrow {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme=light] .gc-video-3d-cta-title {
  color: #ffffff;
}

[data-theme=light] .gc-video-3d-cta-desc {
  color: rgba(255, 255, 255, 0.88);
}

[data-theme=light] .gc-video-3d-cta-btn--primary {
  background: #ffffff;
  color: #0f2a24;
  border-color: #ffffff;
}

[data-theme=light] .gc-video-3d-cta-btn--secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.34);
}

@media (max-width: 991px) {
  .gc-video-3d-cta-banner {
    border-radius: 20px;
  }

  .gc-video-3d-cta-actions {
    max-width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .gc-video-3d-cta .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gc-video-3d-cta-title {
    font-size: clamp(24px, 6.5vw, 32px);
  }

  .gc-video-3d-cta-desc {
    font-size: 15px;
  }

  .gc-video-3d-cta-circle--4 {
    display: none;
  }
}

@media (max-width: 575px) {
  .gc-video-3d-cta .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gc-video-3d-cta-banner {
    border-radius: 18px;
    padding: 28px 22px;
  }

  .gc-video-3d-cta-btn {
    width: 100%;
    min-height: 50px;
  }

  .gc-video-3d-cta-circle--2,
  .gc-video-3d-cta-circle--3 {
    opacity: 0.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-video-3d-cta-btn {
    transition: none;
  }

  .gc-video-3d-cta-btn:hover {
    transform: none;
  }
}

/* ===== 3D Animation Service — hero ===== */
.gc-3d-anim-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gc-3d-anim-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 8% 20%, rgba(35, 118, 135, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 92% 15%, rgba(35, 118, 135, 0.06) 0%, transparent 40%);
}

[data-theme=light] .gc-3d-anim-hero {
  background: linear-gradient(180deg, #f4faf8 0%, #eef6f3 55%, #f8fbfa 100%);
}

[data-theme=dark] .gc-3d-anim-hero {
  background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 55%, #0a1520 100%);
}

.gc-3d-anim-hero .container {
  position: relative;
  z-index: 1;
  padding-left: clamp(16px, 3vw, 24px);
  padding-right: clamp(16px, 3vw, 24px);
}

.gc-3d-anim-hero-reveal {
  opacity: 0;
  transform: translateY(26px);
  animation: gc-3d-anim-hero-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.gc-3d-anim-hero-reveal--1 {
  animation-delay: 0.05s;
}

.gc-3d-anim-hero-reveal--2 {
  animation-delay: 0.12s;
}

.gc-3d-anim-hero-reveal--3 {
  animation-delay: 0.2s;
}

.gc-3d-anim-hero-reveal--4 {
  animation-delay: 0.28s;
}

.gc-3d-anim-hero-reveal--5 {
  animation-delay: 0.36s;
}

.gc-3d-anim-hero-reveal--6 {
  animation-delay: 0.44s;
}

.gc-3d-anim-hero-reveal--7 {
  animation-delay: 0.52s;
}

@keyframes gc-3d-anim-hero-in {
  from {
    opacity: 0;
    transform: translateY(26px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gc-3d-anim-hero-content {
  text-align: left;
}

.gc-3d-anim-hero-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.4;
}

.gc-3d-anim-hero-breadcrumb a {
  color: rgba(35, 118, 135, 0.85);
  text-decoration: none;
  transition: color 0.25s ease;
}

.gc-3d-anim-hero-breadcrumb a:hover {
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-hero-breadcrumb .sep {
  color: rgba(35, 118, 135, 0.45);
  font-size: 11px;
}

.gc-3d-anim-hero-breadcrumb .current {
  color: rgba(13, 31, 45, 0.65);
}

[data-theme=dark] .gc-3d-anim-hero-breadcrumb .current {
  color: rgba(255, 255, 255, 0.65);
}

.gc-3d-anim-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  margin-bottom: 22px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.2);
}

.gc-3d-anim-hero-badge i {
  font-size: 11px;
  color: var(--rr-color-theme-secondary);
}

.gc-3d-anim-hero-title {
  margin-bottom: 16px;
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0d1f2d;
}

[data-theme=dark] .gc-3d-anim-hero-title {
  color: #fff;
}

.gc-3d-anim-hero-accent {
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-hero-subtitle {
  margin-bottom: 14px;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 600;
  line-height: 1.45;
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-hero-desc {
  max-width: 540px;
  margin-bottom: 28px;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(13, 31, 45, 0.72);
}

[data-theme=dark] .gc-3d-anim-hero-desc {
  color: rgba(255, 255, 255, 0.72);
}

.gc-3d-anim-hero-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.gc-3d-anim-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border: 2px solid transparent;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.gc-3d-anim-hero-btn--primary {
  color: #fff;
  background: var(--rr-color-theme-primary);
  box-shadow: 0 10px 28px rgba(35, 118, 135, 0.28);
}

.gc-3d-anim-hero-btn--primary:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(35, 118, 135, 0.35);
}

.gc-3d-anim-hero-btn--outline {
  color: var(--rr-color-theme-primary);
  background: transparent;
  border-color: rgba(35, 118, 135, 0.45);
}

.gc-3d-anim-hero-btn--outline:hover {
  color: #fff;
  background: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
  transform: translateY(-2px);
}

.gc-3d-anim-hero-features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-3d-anim-hero-features {
  color: rgba(255, 255, 255, 0.55);
}

.gc-3d-anim-hero-features li:not(:last-child)::after {
  content: "•";
  margin: 0 12px;
  color: rgba(35, 118, 135, 0.45);
}

.gc-3d-anim-hero-visual-wrap {
  width: 100%;
}

.gc-3d-anim-hero-visual {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-align: center;
}

.gc-3d-anim-hero-visual-inner {
  position: relative;
  min-height: clamp(280px, 42vw, 360px);
  padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 36px) clamp(24px, 4vw, 32px);
  border-radius: 20px;
  background: linear-gradient(145deg, #dff3ec 0%, #c8e8dc 45%, #d4efe6 100%);
  border: 1px solid rgba(35, 118, 135, 0.14);
  box-shadow: 0 18px 48px rgba(35, 118, 135, 0.1);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

[data-theme=dark] .gc-3d-anim-hero-visual-inner {
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.22) 0%, rgba(20, 60, 72, 0.35) 100%);
  border-color: rgba(35, 118, 135, 0.28);
}

.gc-3d-anim-hero-visual:hover .gc-3d-anim-hero-visual-inner,
.gc-3d-anim-hero-visual:focus-visible .gc-3d-anim-hero-visual-inner {
  transform: translateY(-4px);
  box-shadow: 0 24px 56px rgba(35, 118, 135, 0.16);
}

.gc-3d-anim-cube-stage {
  position: relative;
  width: 220px;
  height: 200px;
  margin: 0 auto 22px;
}

.gc-3d-anim-cube-glow {
  position: absolute;
  left: 50%;
  top: 42%;
  width: 140px;
  height: 140px;
  margin-left: -70px;
  margin-top: -70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(35, 118, 135, 0.35) 0%, rgba(35, 118, 135, 0) 70%);
  filter: blur(8px);
  animation: gc-3d-anim-cube-pulse 3s ease-in-out infinite;
}

.gc-3d-anim-cube-spinner {
  position: absolute;
  left: 50%;
  top: 38%;
  width: 110px;
  height: 110px;
  margin-left: -55px;
  margin-top: -55px;
  perspective: 900px;
  transform-style: preserve-3d;
  animation: gc-3d-anim-cube-float 4.5s ease-in-out infinite;
}

.gc-3d-anim-cube {
  position: relative;
  width: 110px;
  height: 110px;
  transform-style: preserve-3d;
  animation: gc-3d-anim-cube-spin 16s linear infinite;
}

.gc-3d-anim-cube-face {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.12);
  backface-visibility: hidden;
}

.gc-3d-anim-cube-face--front {
  transform: rotateY(0deg) translateZ(55px);
  background: linear-gradient(135deg, #2d8a9e 0%, #237687 55%, #1a5c6a 100%);
}

.gc-3d-anim-cube-face--back {
  transform: rotateY(180deg) translateZ(55px);
  background: linear-gradient(135deg, #1a5c6a 0%, #134652 100%);
}

.gc-3d-anim-cube-face--right {
  transform: rotateY(90deg) translateZ(55px);
  background: linear-gradient(135deg, #3199ae 0%, #278498 100%);
}

.gc-3d-anim-cube-face--left {
  transform: rotateY(-90deg) translateZ(55px);
  background: linear-gradient(135deg, #278498 0%, #1f6f80 100%);
}

.gc-3d-anim-cube-face--top {
  transform: rotateX(90deg) translateZ(55px);
  background: linear-gradient(135deg, #4eb3c7 0%, #37a0b5 45%, #237687 100%);
  box-shadow: inset 0 8px 20px rgba(255, 255, 255, 0.35);
}

.gc-3d-anim-cube-face--bottom {
  transform: rotateX(-90deg) translateZ(55px);
  background: linear-gradient(135deg, #134652 0%, #0d3540 100%);
}

.gc-3d-anim-cube-face::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px dashed rgba(255, 255, 255, 0.28);
  border-radius: 4px;
}

.gc-3d-anim-cube-shadow {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 120px;
  height: 18px;
  margin-left: -60px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(35, 118, 135, 0.35) 0%, rgba(35, 118, 135, 0) 72%);
  filter: blur(2px);
  animation: gc-3d-anim-cube-shadow 4.5s ease-in-out infinite;
}

@keyframes gc-3d-anim-cube-spin {
  0% {
    transform: rotateX(-22deg) rotateY(0deg);
  }

  100% {
    transform: rotateX(-22deg) rotateY(360deg);
  }
}

@keyframes gc-3d-anim-cube-float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

@keyframes gc-3d-anim-cube-pulse {

  0%,
  100% {
    opacity: 0.55;
    transform: scale(1);
  }

  50% {
    opacity: 0.9;
    transform: scale(1.08);
  }
}

@keyframes gc-3d-anim-cube-shadow {

  0%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }

  50% {
    transform: scale(0.85);
    opacity: 0.45;
  }
}

.gc-3d-anim-hero-showreel {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-3d-anim-hero-showreel {
  color: rgba(255, 255, 255, 0.65);
}

.gc-3d-anim-hero-showreel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 10px;
  color: var(--rr-color-theme-primary);
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 4px 12px rgba(35, 118, 135, 0.15);
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.gc-3d-anim-hero-visual:hover .gc-3d-anim-hero-showreel-icon {
  transform: scale(1.08);
  color: #fff;
  background: var(--rr-color-theme-primary);
}

.gc-3d-anim-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.gc-3d-anim-hero-stat {
  padding: 18px 14px;
  border-radius: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(35, 118, 135, 0.1);
  box-shadow: 0 8px 24px rgba(13, 31, 45, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

[data-theme=dark] .gc-3d-anim-hero-stat {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.gc-3d-anim-hero-stat:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(35, 118, 135, 0.1);
}

.gc-3d-anim-hero-stat-value {
  display: block;
  margin-bottom: 4px;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1.1;
  color: #0d1f2d;
}

[data-theme=dark] .gc-3d-anim-hero-stat-value {
  color: #fff;
}

.gc-3d-anim-hero-stat-label {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-3d-anim-hero-stat-label {
  color: rgba(255, 255, 255, 0.55);
}

body.gc-3d-anim-video-open {
  overflow: hidden;
}

.gc-3d-anim-video-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  box-sizing: border-box;
}

.gc-3d-anim-video-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gc-3d-anim-video-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 8, 14, 0.88);
}

.gc-3d-anim-video-modal-dialog {
  position: relative;
  z-index: 2;
  width: min(920px, 100%);
  max-height: min(100dvh - 32px, 100vh - 32px);
  margin: 0;
  transform: translateY(16px) scale(0.98);
  transition: transform 0.35s ease;
}

.gc-3d-anim-video-modal.is-open .gc-3d-anim-video-modal-dialog {
  transform: translateY(0) scale(1);
}

.gc-3d-anim-video-modal-close {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  font-size: 18px;
  color: #0d1f2d;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.gc-3d-anim-video-modal-close:hover {
  transform: scale(1.06);
  color: #fff;
  background: var(--rr-color-theme-primary);
}

.gc-3d-anim-video-modal-body {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #000;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}

.gc-3d-anim-video-frame {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  background: #000;
}

.gc-3d-anim-video-poster {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0d1f2d center/cover no-repeat;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gc-3d-anim-video-poster::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(13, 31, 45, 0.35);
}

.gc-3d-anim-video-poster.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.gc-3d-anim-video-play-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  padding: 0;
  border: none;
  border-radius: 50%;
  font-size: 24px;
  color: var(--rr-color-theme-primary);
  background: #fff;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.gc-3d-anim-video-play-btn i {
  margin-left: 4px;
}

.gc-3d-anim-video-play-btn:hover {
  transform: scale(1.08);
  color: #fff;
  background: var(--rr-color-theme-primary);
}

.gc-3d-anim-video-iframe {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: none;
  background: #000;
}

.gc-3d-anim-video-modal .gc-3d-anim-video-iframe {
  opacity: 0;
  visibility: hidden;
}

.gc-3d-anim-video-modal .gc-3d-anim-video-iframe.is-visible {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991px) {
  .gc-3d-anim-hero-row {
    text-align: center;
  }

  .gc-3d-anim-hero-content {
    text-align: center;
  }

  .gc-3d-anim-hero-breadcrumb,
  .gc-3d-anim-hero-btns,
  .gc-3d-anim-hero-features {
    justify-content: center;
  }

  .gc-3d-anim-hero-desc {
    margin-left: auto;
    margin-right: auto;
  }

  .gc-3d-anim-hero-visual-wrap {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .gc-3d-anim-video-modal {
    align-items: center;
    padding: 16px;
  }

  .gc-3d-anim-video-modal-dialog {
    width: 100%;
    max-width: 720px;
    max-height: min(100dvh - 32px, 100vh - 32px);
  }

  .gc-3d-anim-video-modal-close {
    top: -10px;
    right: -10px;
    margin: 0;
  }

  .gc-3d-anim-video-modal-body {
    margin: 0 auto;
    width: 100%;
    max-height: none;
    aspect-ratio: auto;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-hero-btns {
    flex-direction: column;
    width: 100%;
  }

  .gc-3d-anim-hero-btn {
    width: 100%;
  }

  .gc-3d-anim-hero-stats {
    grid-template-columns: 1fr;
  }

  .gc-3d-anim-hero-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    padding: 14px 18px;
  }

  .gc-3d-anim-hero-stat-value {
    margin-bottom: 0;
    min-width: 48px;
  }

  .gc-3d-anim-video-modal-close {
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    margin: 0;
  }

  .gc-3d-anim-video-modal {
    padding: 12px;
    align-items: center;
  }

  .gc-3d-anim-video-modal-dialog {
    width: 100%;
    max-width: 100%;
    max-height: min(100dvh - 24px, 100vh - 24px);
  }

  .gc-3d-anim-video-modal-body {
    margin: 0 auto;
    border-radius: 12px;
    width: 100%;
    max-height: none;
    aspect-ratio: auto;
  }

  .gc-3d-anim-video-iframe.is-visible {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(1.28);
    transform-origin: center center;
  }

  .gc-3d-anim-cube-stage {
    width: 190px;
    height: 170px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-3d-anim-hero-reveal {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .gc-3d-anim-cube,
  .gc-3d-anim-cube-spinner,
  .gc-3d-anim-cube-glow,
  .gc-3d-anim-cube-shadow {
    animation: none;
  }

  .gc-3d-anim-hero-btn,
  .gc-3d-anim-hero-visual-inner,
  .gc-3d-anim-hero-stat,
  .gc-3d-anim-video-modal,
  .gc-3d-anim-video-modal-dialog,
  .gc-3d-anim-video-play-btn,
  .gc-3d-anim-video-modal-close {
    transition: none;
  }
}

/* ===== 3D Animation Service — what we do ===== */
.gc-3d-anim-what-we-do {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(35, 118, 135, 0.1);
}

[data-theme=light] .gc-3d-anim-what-we-do {
  background: #ffffff;
}

[data-theme=dark] .gc-3d-anim-what-we-do {
  background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 100%);
  border-top-color: rgba(110, 118, 130, 0.22);
}

.gc-3d-anim-what-content {
  max-width: 560px;
}

.gc-3d-anim-what-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-what-title {
  margin-bottom: 0;
  padding-bottom: 18px;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #11151c;
  position: relative;
}

.gc-3d-anim-what-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-what-title {
  color: #ffffff;
}

.gc-3d-anim-what-accent {
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-what-desc {
  margin-top: 22px;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(17, 21, 28, 0.72);
}

[data-theme=dark] .gc-3d-anim-what-desc {
  color: rgba(255, 255, 255, 0.72);
}

.gc-3d-anim-what-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-3d-anim-what-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.gc-3d-anim-what-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  font-size: 20px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.1);
  border: 1px solid rgba(35, 118, 135, 0.16);
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

[data-theme=dark] .gc-3d-anim-what-icon {
  background: rgba(35, 118, 135, 0.16);
  border-color: rgba(35, 118, 135, 0.28);
}

.gc-3d-anim-what-item:hover .gc-3d-anim-what-icon {
  transform: translateY(-3px);
  color: #ffffff;
  background: var(--rr-color-theme-primary);
  box-shadow: 0 10px 24px rgba(35, 118, 135, 0.28);
}

.gc-3d-anim-what-item-copy h3 {
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  color: #11151c;
}

[data-theme=dark] .gc-3d-anim-what-item-copy h3 {
  color: #ffffff;
}

.gc-3d-anim-what-item-copy p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(17, 21, 28, 0.62);
}

[data-theme=dark] .gc-3d-anim-what-item-copy p {
  color: rgba(255, 255, 255, 0.62);
}

.gc-3d-anim-what-visual {
  position: relative;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.gc-3d-anim-what-visual-glow {
  position: absolute;
  inset: 8% 6% -6% 6%;
  border-radius: 28px;
  background: radial-gradient(circle at 50% 50%, rgba(35, 118, 135, 0.22) 0%, rgba(35, 118, 135, 0) 72%);
  filter: blur(18px);
  pointer-events: none;
  z-index: 0;
}

.gc-3d-anim-what-visual-frame {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 24px;
  aspect-ratio: 4 / 3.35;
  background: linear-gradient(145deg, #eef6f3 0%, #e3f0ec 100%);
  border: 1px solid rgba(35, 118, 135, 0.14);
  box-shadow:
    0 24px 56px rgba(35, 118, 135, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

[data-theme=dark] .gc-3d-anim-what-visual-frame {
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.18) 0%, rgba(13, 31, 45, 0.55) 100%);
  border-color: rgba(35, 118, 135, 0.28);
  box-shadow:
    0 28px 60px rgba(0, 0, 0, 0.32),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.gc-3d-anim-what-visual-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.gc-3d-anim-what-visual-frame:hover {
  transform: translateY(-6px);
  box-shadow:
    0 32px 64px rgba(35, 118, 135, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.gc-3d-anim-what-visual-frame:hover img {
  transform: scale(1.04);
}

.gc-3d-anim-what-visual-overlay {
  position: absolute;
  inset: auto 0 0 0;
  padding: 18px 20px;
  background: linear-gradient(180deg, rgba(13, 31, 45, 0) 0%, rgba(13, 31, 45, 0.72) 100%);
}

.gc-3d-anim-what-visual-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(6px);
}

.gc-3d-anim-what-visual-label i {
  font-size: 14px;
  color: var(--rr-color-theme-secondary);
}

@media (max-width: 991px) {
  .gc-3d-anim-what-row {
    text-align: center;
  }

  .gc-3d-anim-what-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .gc-3d-anim-what-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .gc-3d-anim-what-item {
    text-align: left;
  }

  .gc-3d-anim-what-visual {
    margin-top: 12px;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-what-desc {
    font-size: 15px;
  }

  .gc-3d-anim-what-item {
    gap: 14px;
  }

  .gc-3d-anim-what-icon {
    width: 46px;
    height: 46px;
    font-size: 18px;
  }

  .gc-3d-anim-what-visual-frame {
    border-radius: 18px;
  }

  .gc-3d-anim-what-visual-label {
    font-size: 11px;
    padding: 7px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-3d-anim-what-icon,
  .gc-3d-anim-what-visual-frame,
  .gc-3d-anim-what-visual-frame img {
    transition: none;
  }

  .gc-3d-anim-what-item:hover .gc-3d-anim-what-icon,
  .gc-3d-anim-what-visual-frame:hover {
    transform: none;
  }
}

/* ===== 3D Animation Service — why choose us ===== */
.gc-3d-anim-why-choose {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(35, 118, 135, 0.1);
}

.gc-3d-anim-why-choose::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 8% 18%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 92% 82%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.gc-3d-anim-why-choose .container {
  position: relative;
  z-index: 1;
}

[data-theme=light] .gc-3d-anim-why-choose {
  background: linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%);
}

[data-theme=dark] .gc-3d-anim-why-choose {
  background: linear-gradient(180deg, #0d1f2d 0%, #0a1520 100%);
  border-top-color: rgba(110, 118, 130, 0.22);
}

.gc-3d-anim-why-header {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.gc-3d-anim-why-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-why-title {
  margin-bottom: 0;
  padding-bottom: 18px;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #11151c;
  position: relative;
}

.gc-3d-anim-why-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-primary);
  transform: translateX(-50%);
}

[data-theme=dark] .gc-3d-anim-why-title {
  color: #ffffff;
}

.gc-3d-anim-why-accent {
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-why-intro {
  margin: 22px auto 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(17, 21, 28, 0.72);
}

[data-theme=dark] .gc-3d-anim-why-intro {
  color: rgba(255, 255, 255, 0.72);
}

.gc-3d-anim-why-grid {
  --gc-3d-anim-why-gap: 24px;
}

.gc-3d-anim-why-card {
  height: 100%;
  padding: 28px 26px 26px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.gc-3d-anim-why-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  background: linear-gradient(135deg, rgba(35, 118, 135, 0.06) 0%, rgba(35, 118, 135, 0) 55%);
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.gc-3d-anim-why-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: width 0.4s ease;
}

[data-theme=light] .gc-3d-anim-why-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow: 0 12px 32px rgba(17, 21, 28, 0.05);
}

[data-theme=dark] .gc-3d-anim-why-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

.gc-3d-anim-why-card:hover {
  transform: translateY(-8px);
}

[data-theme=light] .gc-3d-anim-why-card:hover {
  border-color: rgba(35, 118, 135, 0.42);
  box-shadow:
    0 22px 48px rgba(35, 118, 135, 0.12),
    0 0 0 1px rgba(35, 118, 135, 0.08);
}

[data-theme=dark] .gc-3d-anim-why-card:hover {
  border-color: rgba(35, 118, 135, 0.45);
  background: rgba(35, 118, 135, 0.08);
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.28),
    0 0 28px rgba(35, 118, 135, 0.12);
}

.gc-3d-anim-why-card:hover::before {
  opacity: 1;
}

.gc-3d-anim-why-card:hover::after {
  width: 100%;
}

.gc-3d-anim-why-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 14px;
  font-size: 20px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.1);
  border: 1px solid rgba(35, 118, 135, 0.16);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease,
    box-shadow 0.35s ease;
}

[data-theme=dark] .gc-3d-anim-why-card-icon {
  background: rgba(35, 118, 135, 0.16);
  border-color: rgba(35, 118, 135, 0.28);
}

.gc-3d-anim-why-card:hover .gc-3d-anim-why-card-icon {
  transform: translateY(-3px) scale(1.04);
  color: #ffffff;
  background: var(--rr-color-theme-primary);
  box-shadow: 0 10px 24px rgba(35, 118, 135, 0.28);
}

.gc-3d-anim-why-card h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #11151c;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-3d-anim-why-card h3 {
  color: #ffffff;
}

.gc-3d-anim-why-card:hover h3 {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-why-card:hover h3 {
  color: #ffffff;
}

.gc-3d-anim-why-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.68;
  color: rgba(17, 21, 28, 0.62);
}

[data-theme=dark] .gc-3d-anim-why-card p {
  color: rgba(255, 255, 255, 0.62);
}

@media (max-width: 991px) {
  .gc-3d-anim-why-header {
    margin-bottom: 36px;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-why-intro {
    font-size: 16px;
  }

  .gc-3d-anim-why-card {
    padding: 24px 22px 22px;
  }

  .gc-3d-anim-why-card-icon {
    width: 46px;
    height: 46px;
    font-size: 18px;
    margin-bottom: 16px;
  }

  .gc-3d-anim-why-card h3 {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-3d-anim-why-card,
  .gc-3d-anim-why-card-icon,
  .gc-3d-anim-why-card::before,
  .gc-3d-anim-why-card::after {
    transition: none;
  }

  .gc-3d-anim-why-card:hover,
  .gc-3d-anim-why-card:hover .gc-3d-anim-why-card-icon {
    transform: none;
  }
}

/* ===== 3D Animation Service — animation types ===== */
.gc-3d-anim-types {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(35, 118, 135, 0.1);
}

.gc-3d-anim-types::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 22%, rgba(35, 118, 135, 0.07) 0%, transparent 40%),
    radial-gradient(circle at 88% 78%, rgba(255, 194, 38, 0.05) 0%, transparent 36%);
  pointer-events: none;
  z-index: 0;
}

.gc-3d-anim-types .container {
  position: relative;
  z-index: 1;
}

[data-theme=light] .gc-3d-anim-types {
  background: linear-gradient(180deg, #ffffff 0%, #f8f6f0 100%);
}

[data-theme=dark] .gc-3d-anim-types {
  background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 100%);
  border-top-color: rgba(110, 118, 130, 0.22);
}

.gc-3d-anim-types-header {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.gc-3d-anim-types-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-types-title {
  margin-bottom: 0;
  padding-bottom: 18px;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #11151c;
  position: relative;
}

.gc-3d-anim-types-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-primary);
  transform: translateX(-50%);
}

[data-theme=dark] .gc-3d-anim-types-title {
  color: #ffffff;
}

.gc-3d-anim-types-accent {
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-types-intro {
  margin: 22px auto 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(17, 21, 28, 0.72);
}

[data-theme=dark] .gc-3d-anim-types-intro {
  color: rgba(255, 255, 255, 0.72);
}

.gc-3d-anim-type-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 28px 28px 24px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

.gc-3d-anim-type-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transition: box-shadow 0.35s ease, opacity 0.35s ease;
}

[data-theme=light] .gc-3d-anim-type-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.07);
  box-shadow: 0 12px 34px rgba(17, 21, 28, 0.06);
}

[data-theme=dark] .gc-3d-anim-type-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

.gc-3d-anim-type-card:hover {
  transform: translateY(-8px);
}

[data-theme=light] .gc-3d-anim-type-card:hover {
  border-color: rgba(35, 118, 135, 0.2);
  box-shadow:
    0 22px 48px rgba(35, 118, 135, 0.12),
    0 0 0 1px rgba(35, 118, 135, 0.06);
}

[data-theme=dark] .gc-3d-anim-type-card:hover {
  border-color: rgba(35, 118, 135, 0.35);
  background: rgba(35, 118, 135, 0.08);
  box-shadow:
    0 24px 52px rgba(0, 0, 0, 0.28),
    0 0 24px rgba(35, 118, 135, 0.14);
}

.gc-3d-anim-type-card:hover::before {
  box-shadow: 0 0 20px rgba(35, 118, 135, 0.55);
}

.gc-3d-anim-type-label {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-type-card h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  color: #11151c;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-3d-anim-type-card h3 {
  color: #ffffff;
}

.gc-3d-anim-type-card:hover h3 {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-type-card:hover h3 {
  color: #ffffff;
}

.gc-3d-anim-type-card p {
  flex: 1;
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.68;
  color: rgba(17, 21, 28, 0.62);
}

[data-theme=dark] .gc-3d-anim-type-card p {
  color: rgba(255, 255, 255, 0.62);
}

.gc-3d-anim-type-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

.gc-3d-anim-type-tags li {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease;
}

[data-theme=light] .gc-3d-anim-type-tags li {
  color: rgba(17, 21, 28, 0.68);
  background: rgba(17, 21, 28, 0.04);
  border: 1px solid rgba(17, 21, 28, 0.08);
}

[data-theme=dark] .gc-3d-anim-type-tags li {
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.gc-3d-anim-type-card:hover .gc-3d-anim-type-tags li {
  border-color: rgba(35, 118, 135, 0.22);
}

[data-theme=light] .gc-3d-anim-type-card:hover .gc-3d-anim-type-tags li {
  background: rgba(35, 118, 135, 0.08);
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-type-card:hover .gc-3d-anim-type-tags li {
  background: rgba(35, 118, 135, 0.16);
  color: #ffffff;
}

@media (max-width: 991px) {
  .gc-3d-anim-types-header {
    margin-bottom: 36px;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-types-intro {
    font-size: 16px;
  }

  .gc-3d-anim-type-card {
    padding: 24px 22px 20px;
  }

  .gc-3d-anim-type-card h3 {
    font-size: 18px;
  }

  .gc-3d-anim-type-tags li {
    font-size: 11px;
    padding: 5px 10px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-3d-anim-type-card,
  .gc-3d-anim-type-card::before,
  .gc-3d-anim-type-tags li {
    transition: none;
  }

  .gc-3d-anim-type-card:hover {
    transform: none;
  }
}

/* ===== 3D Animation Service — production process ===== */
.gc-3d-anim-process {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(35, 118, 135, 0.1);
}

.gc-3d-anim-process::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(35, 118, 135, 0.07) 0%, transparent 42%),
    radial-gradient(circle at 90% 80%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.gc-3d-anim-process .container {
  position: relative;
  z-index: 1;
}

[data-theme=light] .gc-3d-anim-process {
  background: linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%);
}

[data-theme=dark] .gc-3d-anim-process {
  background: linear-gradient(180deg, #0d1f2d 0%, #0a1520 100%);
  border-top-color: rgba(110, 118, 130, 0.22);
}

.gc-3d-anim-process-header {
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}

.gc-3d-anim-process-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-process-title {
  margin-bottom: 0;
  padding-bottom: 18px;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #11151c;
  position: relative;
}

.gc-3d-anim-process-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-primary);
  transform: translateX(-50%);
}

[data-theme=dark] .gc-3d-anim-process-title {
  color: #ffffff;
}

.gc-3d-anim-process-accent {
  color: var(--rr-color-theme-primary);
}

.gc-3d-anim-process-intro {
  margin: 22px auto 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(17, 21, 28, 0.72);
}

[data-theme=dark] .gc-3d-anim-process-intro {
  color: rgba(255, 255, 255, 0.72);
}

.gc-3d-anim-process-timeline {
  position: relative;
}

.gc-3d-anim-process-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: gc-3d-anim-process;
}

.gc-3d-anim-process-step {
  position: relative;
  text-align: center;
}

.gc-3d-anim-process-step::before {
  content: "";
  position: absolute;
  top: 28px;
  left: calc(50% + 28px);
  width: calc(100% - 56px + 28px);
  height: 2px;
  background: rgba(35, 118, 135, 0.22);
  pointer-events: none;
  z-index: 0;
}

[data-theme=dark] .gc-3d-anim-process-step::before {
  background: rgba(35, 118, 135, 0.35);
}

.gc-3d-anim-process-step:last-child::before {
  display: none;
}

.gc-3d-anim-process-num {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: var(--rr-color-theme-primary);
  background: #ffffff;
  border: 2px solid rgba(35, 118, 135, 0.45);
  box-shadow: 0 10px 24px rgba(35, 118, 135, 0.08);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

[data-theme=dark] .gc-3d-anim-process-num {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(35, 118, 135, 0.5);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.gc-3d-anim-process-step.is-active .gc-3d-anim-process-num,
.gc-3d-anim-process-step:hover .gc-3d-anim-process-num {
  color: #ffffff;
  background: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
  box-shadow: 0 14px 32px rgba(35, 118, 135, 0.32);
  transform: scale(1.06);
}

.gc-3d-anim-process-copy h3 {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  color: #11151c;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-3d-anim-process-copy h3 {
  color: #ffffff;
}

.gc-3d-anim-process-step:hover .gc-3d-anim-process-copy h3 {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-process-step:hover .gc-3d-anim-process-copy h3 {
  color: #ffffff;
}

.gc-3d-anim-process-copy p {
  margin: 0 auto;
  max-width: 220px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(17, 21, 28, 0.62);
}

[data-theme=dark] .gc-3d-anim-process-copy p {
  color: rgba(255, 255, 255, 0.62);
}

@media (max-width: 1199px) {
  .gc-3d-anim-process-steps {
    gap: 20px;
  }

  .gc-3d-anim-process-copy p {
    max-width: 100%;
    font-size: 13px;
  }

  .gc-3d-anim-process-copy h3 {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .gc-3d-anim-process-header {
    margin-bottom: 40px;
  }

  .gc-3d-anim-process-steps {
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 560px;
    margin: 0 auto;
    padding-left: 8px;
  }

  .gc-3d-anim-process-step {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 20px;
    align-items: start;
    text-align: left;
    padding-bottom: 32px;
  }

  .gc-3d-anim-process-step:last-child {
    padding-bottom: 0;
  }

  .gc-3d-anim-process-step::before {
    top: 56px;
    left: 27px;
    width: 2px;
    height: calc(100% - 28px);
  }

  .gc-3d-anim-process-num {
    margin-bottom: 0;
  }

  .gc-3d-anim-process-copy p {
    max-width: none;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-process-intro {
    font-size: 16px;
  }

  .gc-3d-anim-process-step {
    grid-template-columns: 48px 1fr;
    gap: 16px;
  }

  .gc-3d-anim-process-num {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }

  .gc-3d-anim-process-step::before {
    left: 23px;
    top: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-3d-anim-process-num {
    transition: none;
  }

  .gc-3d-anim-process-step.is-active .gc-3d-anim-process-num,
  .gc-3d-anim-process-step:hover .gc-3d-anim-process-num {
    transform: none;
  }
}

/* ===== 3D Animation Service — project deliverables ===== */
.gc-3d-anim-deliverables {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.gc-3d-anim-deliverables::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(255, 194, 38, 0.1) 0%, transparent 36%);
  pointer-events: none;
  z-index: 0;
}

.gc-3d-anim-deliverables .container {
  position: relative;
  z-index: 1;
}

[data-theme=light] .gc-3d-anim-deliverables {
  background: linear-gradient(135deg, #237687 0%, #1a5561 52%, #164a55 100%);
}

[data-theme=dark] .gc-3d-anim-deliverables {
  background: linear-gradient(135deg, #0c2229 0%, #123038 52%, #0a1c22 100%);
  border-top-color: rgba(110, 118, 130, 0.2);
}

.gc-3d-anim-deliverables-header {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.gc-3d-anim-deliverables-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.gc-3d-anim-deliverables-title {
  margin-bottom: 0;
  padding-bottom: 18px;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #ffffff;
  position: relative;
}

.gc-3d-anim-deliverables-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-secondary);
  transform: translateX(-50%);
}

.gc-3d-anim-deliverables-intro {
  margin: 22px auto 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.78);
}

.gc-3d-anim-deliverables-card {
  height: 100%;
  padding: 32px 24px 28px;
  border-radius: 18px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

[data-theme=light] .gc-3d-anim-deliverables-card {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(8px);
}

[data-theme=dark] .gc-3d-anim-deliverables-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(8px);
}

.gc-3d-anim-deliverables-card:hover {
  transform: translateY(-8px);
}

[data-theme=light] .gc-3d-anim-deliverables-card:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 24px 52px rgba(0, 0, 0, 0.18);
}

[data-theme=dark] .gc-3d-anim-deliverables-card:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.3);
}

.gc-3d-anim-deliverables-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  border-radius: 14px;
  font-size: 22px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  transition:
    transform 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.gc-3d-anim-deliverables-card:hover .gc-3d-anim-deliverables-icon {
  transform: translateY(-4px) scale(1.05);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.gc-3d-anim-deliverables-card h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #ffffff;
}

.gc-3d-anim-deliverables-card p {
  margin: 0 auto;
  max-width: 240px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 991px) {
  .gc-3d-anim-deliverables-header {
    margin-bottom: 36px;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-deliverables-intro {
    font-size: 16px;
  }

  .gc-3d-anim-deliverables-card {
    padding: 28px 22px 24px;
  }

  .gc-3d-anim-deliverables-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-bottom: 16px;
  }

  .gc-3d-anim-deliverables-card h3 {
    font-size: 17px;
  }

  .gc-3d-anim-deliverables-card p {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-3d-anim-deliverables-card,
  .gc-3d-anim-deliverables-icon {
    transition: none;
  }

  .gc-3d-anim-deliverables-card:hover,
  .gc-3d-anim-deliverables-card:hover .gc-3d-anim-deliverables-icon {
    transform: none;
  }
}

/* ===== 3D Animation Service — software stack ===== */
.gc-3d-anim-stack {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(35, 118, 135, 0.1);
}

.gc-3d-anim-stack::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

[data-theme=light] .gc-3d-anim-stack::before {
  background:
    radial-gradient(circle at 10% 22%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 90% 78%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
}

[data-theme=dark] .gc-3d-anim-stack::before {
  background:
    radial-gradient(circle at 14% 24%, rgba(35, 118, 135, 0.14) 0%, transparent 42%),
    radial-gradient(circle at 88% 76%, rgba(255, 194, 38, 0.08) 0%, transparent 38%);
}

.gc-3d-anim-stack .container {
  position: relative;
  z-index: 1;
}

[data-theme=light] .gc-3d-anim-stack {
  background: linear-gradient(180deg, #ffffff 0%, #f8f6f0 100%);
  border-top-color: rgba(35, 118, 135, 0.1);
}

[data-theme=dark] .gc-3d-anim-stack {
  background: linear-gradient(135deg, #081820 0%, #0c2229 48%, #0a1c22 100%);
  border-top-color: rgba(110, 118, 130, 0.2);
}

.gc-3d-anim-stack-content {
  max-width: 480px;
}

.gc-3d-anim-stack-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-stack-eyebrow {
  color: rgba(255, 255, 255, 0.82);
}

.gc-3d-anim-stack-rule {
  display: block;
  width: 56px;
  height: 4px;
  margin-bottom: 22px;
  border-radius: 4px;
  background: var(--rr-color-theme-secondary);
}

.gc-3d-anim-stack-title {
  margin-bottom: 0;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #11151c;
}

[data-theme=dark] .gc-3d-anim-stack-title {
  color: #ffffff;
}

.gc-3d-anim-stack-accent {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-anim-stack-accent {
  color: #5ec4d6;
}

.gc-3d-anim-stack-intro {
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(17, 21, 28, 0.72);
}

[data-theme=dark] .gc-3d-anim-stack-intro {
  color: rgba(255, 255, 255, 0.76);
}

.gc-3d-anim-stack-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gc-3d-anim-stack-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 72px;
  padding: 14px 16px;
  border-radius: 14px;
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease;
}

[data-theme=light] .gc-3d-anim-stack-card {
  background: #ffffff;
  border: 1px solid rgba(17, 21, 28, 0.08);
  box-shadow: 0 12px 32px rgba(17, 21, 28, 0.06);
}

[data-theme=dark] .gc-3d-anim-stack-card {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(8px);
}

[data-theme=light] .gc-3d-anim-stack-card:hover {
  transform: translateY(-4px);
  background: #ffffff;
  border-color: rgba(35, 118, 135, 0.28);
  box-shadow: 0 18px 40px rgba(35, 118, 135, 0.12);
}

[data-theme=dark] .gc-3d-anim-stack-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.11);
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.gc-3d-anim-stack-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #ffffff;
  transition: transform 0.35s ease;
}

.gc-3d-anim-stack-card:hover .gc-3d-anim-stack-logo {
  transform: scale(1.06);
}

.gc-3d-anim-stack-logo--blender {
  background: linear-gradient(135deg, #e87d0d 0%, #265787 100%);
}

.gc-3d-anim-stack-logo--c4d {
  background: #011a6a;
  font-size: 9px;
}

.gc-3d-anim-stack-logo--max {
  background: linear-gradient(135deg, #059cb6 0%, #007a8f 100%);
}

.gc-3d-anim-stack-logo--maya {
  background: linear-gradient(135deg, #37a5cc 0%, #1f7ea0 100%);
}

.gc-3d-anim-stack-logo--unreal {
  background: #101010;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 10px;
}

.gc-3d-anim-stack-logo--ae,
.gc-3d-anim-stack-logo--pr {
  background: #2b2b2b;
  color: #c8b6ff;
  font-size: 12px;
  font-weight: 700;
}

.gc-3d-anim-stack-logo--ps {
  background: #001e36;
  color: #31a8ff;
  font-size: 12px;
  font-weight: 700;
}

.gc-3d-anim-stack-logo--ai-brand {
  background: #330000;
  color: #ff9a00;
  font-size: 12px;
  font-weight: 700;
}

.gc-3d-anim-stack-logo--substance {
  background: linear-gradient(135deg, #ff3366 0%, #cc1144 100%);
}

.gc-3d-anim-stack-logo--zbrush {
  background: #2a2a2a;
  border: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 14px;
}

.gc-3d-anim-stack-logo--vray {
  background: linear-gradient(135deg, #0077c8 0%, #005a99 100%);
  font-size: 13px;
}

.gc-3d-anim-stack-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #11151c;
}

[data-theme=dark] .gc-3d-anim-stack-name {
  color: #ffffff;
}

/* GC 3D Stack widgets — responsive layout */
@media (min-width: 992px) and (max-width: 1199px) {
  .gc-3d-anim-stack.pt-130 {
    padding-top: 96px;
  }

  .gc-3d-anim-stack.pb-130 {
    padding-bottom: 96px;
  }

  .gc-3d-anim-stack-row {
    row-gap: 28px;
  }

  .gc-3d-anim-stack-content {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    text-align: center;
  }

  .gc-3d-anim-stack-rule {
    margin-left: auto;
    margin-right: auto;
  }

  .gc-3d-anim-stack-grid {
    gap: 10px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gc-3d-anim-stack-card {
    min-height: 68px;
    padding: 12px 14px;
  }

  .gc-3d-anim-stack-logo {
    width: 40px;
    height: 40px;
    font-size: 11px;
  }

  .gc-3d-anim-stack-name {
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  .gc-3d-anim-stack-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  .gc-3d-anim-stack.pt-130 {
    padding-top: 72px;
  }

  .gc-3d-anim-stack.pb-130 {
    padding-bottom: 72px;
  }

  .gc-3d-anim-stack-row {
    row-gap: 24px;
  }

  .gc-3d-anim-stack-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    text-align: center;
  }

  .gc-3d-anim-stack-rule {
    margin-left: auto;
    margin-right: auto;
  }

  .gc-3d-anim-stack-grid {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .gc-3d-anim-stack.pt-130 {
    padding-top: 70px;
  }

  .gc-3d-anim-stack.pb-130 {
    padding-bottom: 70px;
  }

  .gc-3d-anim-stack-title {
    font-size: clamp(1.45rem, 5.8vw, 2rem);
  }

  .gc-3d-anim-stack-intro {
    font-size: 16px;
    line-height: 1.65;
  }

  .gc-3d-anim-stack-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
    max-width: 100%;
  }

  .gc-3d-anim-stack-name {
    font-size: 13px;
    line-height: 1.35;
    word-break: break-word;
    overflow-wrap: anywhere;
    min-width: 0;
  }
}

@media (max-width: 575px) {
  .gc-3d-anim-stack.pt-130 {
    padding-top: 70px;
  }

  .gc-3d-anim-stack.pb-130 {
    padding-bottom: 70px;
  }

  .gc-3d-anim-stack-grid {
    grid-template-columns: 1fr !important;
  }

  .gc-3d-anim-stack-intro {
    font-size: 15px;
  }

  .gc-3d-anim-stack-card {
    min-height: 64px;
    padding: 12px 14px;
  }

  .gc-3d-anim-stack-logo {
    width: 38px;
    height: 38px;
    font-size: 10px;
  }

  .gc-3d-anim-stack-name {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-3d-anim-stack-card,
  .gc-3d-anim-stack-logo {
    transition: none;
  }

  .gc-3d-anim-stack-card:hover,
  .gc-3d-anim-stack-card:hover .gc-3d-anim-stack-logo {
    transform: none;
  }
}

/* --- Header Get Quote button --- */
.gc-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.header-11 .primary-header-inner .header-right {
  flex-shrink: 0;
}

.header-11 .primary-header-inner .header-menu-wrap,
.header-11 .primary-header-inner .header-left {
  min-width: 0;
}

.gc-header-quote-btn {
  --gc-quote-run: #237687;
  --gc-quote-base: #0d1f2d;
  --gc-quote-border: #237687;
  --gc-quote-text: #e8f4f6;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  width: max-content;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  isolation: isolate;
  color: var(--gc-quote-text);
  background-color: var(--gc-quote-base) !important;
  background-image: none !important;
  border: 1.5px solid var(--gc-quote-border);
  box-shadow: none;
  transform: none;
  transition:
    color 0.35s ease,
    border-color 0.35s ease,
    background-color 0.35s ease;
}

/* Running teal fill — slides L↔R behind the label */
.gc-header-quote-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 42%;
  border-radius: inherit;
  background: var(--gc-quote-run);
  box-shadow: 0 0 18px rgba(35, 118, 135, 0.45);
  transform: translateX(0);
  animation: gc-header-quote-btn-run 2.2s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
  transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
  pointer-events: none;
  z-index: 0;
}

.gc-header-quote-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 48%,
    transparent 100%
  );
  opacity: 0.55;
  pointer-events: none;
  z-index: 0;
}

@keyframes gc-header-quote-btn-run {
  0% {
    transform: translateX(0);
  }

  100% {
    /* width 42% → travel remaining 58% of button = ~138% of self */
    transform: translateX(138%);
  }
}

.gc-header-quote-btn-text {
  display: inline-block;
  transform: translateZ(0);
}

.gc-header-quote-btn:hover {
  color: #ffffff;
  border-color: #2a8a9d;
}

.gc-header-quote-btn:hover::before {
  animation: none;
  width: 100%;
  transform: none;
  box-shadow: none;
}

.gc-header-quote-btn:hover::after {
  opacity: 0.25;
}

.gc-header-quote-btn > * {
  position: relative;
  z-index: 1;
}

[data-theme=light] .gc-header-quote-btn {
  --gc-quote-run: #237687;
  --gc-quote-base: #ffffff;
  --gc-quote-border: #237687;
  --gc-quote-text: #0d1f2d;
  color: var(--gc-quote-text) !important;
  background-color: var(--gc-quote-base) !important;
}

[data-theme=light] .gc-header-quote-btn:hover {
  color: #ffffff !important;
  border-color: #237687;
}

[data-theme=light] .gc-header-quote-btn-arrow {
  background: rgba(13, 31, 45, 0.08);
}

[data-theme=light] .gc-header-quote-btn:hover .gc-header-quote-btn-arrow {
  background: rgba(255, 255, 255, 0.28);
}

[data-theme=light] .gc-header-quote-btn-icon i,
[data-theme=light] .gc-header-quote-btn-arrow i {
  color: inherit;
}

[data-theme=light] .gc-header-quote-btn-icon svg,
[data-theme=light] .gc-header-quote-btn-arrow svg {
  fill: currentColor;
}

[data-theme=dark] .gc-header-quote-btn {
  --gc-quote-run: #237687;
  --gc-quote-base: #0d1f2d;
  --gc-quote-border: #3a9aab;
  --gc-quote-text: #f2fbfd;
  color: var(--gc-quote-text);
  background-color: var(--gc-quote-base) !important;
}

[data-theme=dark] .gc-header-quote-btn:hover {
  color: #ffffff;
}

.gc-header-quote-btn:focus-visible {
  outline: 2px solid var(--rr-color-theme-primary);
  outline-offset: 3px;
}

.gc-header-quote-btn-icon {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

.gc-header-quote-btn-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  flex-shrink: 0;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background 0.35s ease;
}

.gc-header-quote-btn-arrow i {
  font-size: 11px;
  transition: transform 0.35s ease;
}

.gc-header-quote-btn:hover .gc-header-quote-btn-arrow {
  background: rgba(255, 255, 255, 0.28);
  transform: translateX(2px);
}

.gc-header-quote-btn:hover .gc-header-quote-btn-arrow i {
  transform: translateX(1px);
}

.gc-header-actions .sidebar-icon {
  flex-shrink: 0;
}

.gc-header-actions .sidebar-trigger {
  transition:
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    background-color 0.35s ease;
}

.gc-header-actions .sidebar-trigger:hover {
  transform: translateY(-1px);
}

@media (max-width: 1199px) {
  .gc-header-quote-btn {
    min-height: 48px;
    padding: 0 18px;
    font-size: 13px;
    gap: 8px;
  }

  .gc-header-quote-btn-arrow {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 991px) {
  .gc-header-actions {
    gap: 10px;
  }

  .gc-header-quote-btn {
    min-height: 46px;
    padding: 0 16px;
  }
}

@media (max-width: 767px) {
  .gc-header-actions {
    gap: 10px;
  }

  .gc-header-quote-btn {
    min-height: unset;
    width: 52px;
    height: 52px;
    padding: 0;
    gap: 0;
  }

  .gc-header-quote-btn-text,
  .gc-header-quote-btn-arrow {
    display: none;
  }

  .gc-header-quote-btn-icon {
    display: inline-flex;
  }
}

@media (max-width: 575px) {
  .gc-header-quote-btn {
    width: 48px;
    height: 48px;
  }

  .gc-header-quote-btn-icon {
    font-size: 17px;
  }

  .gc-header-actions {
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-header-quote-btn,
  .gc-header-quote-btn::before,
  .gc-header-quote-btn::after,
  .gc-header-quote-btn-text,
  .gc-header-quote-btn-arrow,
  .gc-header-quote-btn-arrow i,
  .gc-header-actions .sidebar-trigger {
    transition: none;
    animation: none !important;
  }

  .gc-header-quote-btn:hover,
  .gc-header-actions .sidebar-trigger:hover {
    transform: none;
  }

  .gc-header-quote-btn:hover .gc-header-quote-btn-arrow i {
    transform: none;
  }
}

/* ===== Social Media Marketing — hero section (full-width hero-section-11) ===== */
.gc-social-hero {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.gc-social-hero .container {
  position: relative;
  z-index: 2;
}

.gc-social-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

[data-theme=light] .gc-social-hero-eyebrow {
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.1);
  border-color: rgba(35, 118, 135, 0.18);
}

.gc-social-hero .hero-info-4 .title {
  margin-bottom: 20px;
}

.gc-social-hero-thumb {
  position: relative;
  z-index: 2;
  padding-left: clamp(0px, 2vw, 24px);
}

.gc-social-hero-thumb img {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 360px;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .gc-social-hero-thumb img {
  border-color: rgba(35, 118, 135, 0.12);
  box-shadow: 0 20px 44px rgba(35, 118, 135, 0.12);
}

@media (max-width: 1199px) {
  .gc-social-hero-thumb {
    max-width: 640px;
    margin: 32px auto 0;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .gc-social-hero-thumb img {
    min-height: 260px;
  }
}

/* ===== Social Media Marketing — about section ===== */
.gc-social-about {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gc-social-about::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 8% 20%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 92% 78%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
}

.gc-social-about .container {
  position: relative;
  z-index: 2;
}

[data-theme=dark] .gc-social-about {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme=light] .gc-social-about {
  background: linear-gradient(145deg, #ffffff 0%, #f8f6f0 52%, #f0f7f8 100%);
  border-top: 1px solid rgba(35, 118, 135, 0.12);
}

[data-theme=light] .gc-social-about::before {
  background:
    radial-gradient(circle at 10% 18%, rgba(35, 118, 135, 0.06) 0%, transparent 44%),
    radial-gradient(circle at 90% 82%, rgba(255, 194, 38, 0.04) 0%, transparent 40%);
}

.gc-social-about .about-section-16-img-box .img-1 {
  width: 100%;
  max-width: 520px;
  height: 603px;
  border-radius: 18px;
  overflow: hidden;
  visibility: visible;
  position: relative;
}

.gc-social-about .about-section-16-img-box .img-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
  transform: none;
}

[data-theme=dark] .gc-social-about .about-section-16-img-box .img-1 {
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-social-about .about-section-16-img-box .img-1 {
  box-shadow: 0 20px 44px rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.1);
}

[data-theme=dark] .gc-social-about .about-section-16-img-box .img-2 {
  border-color: rgba(8, 20, 30, 1);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}

[data-theme=light] .gc-social-about .about-section-16-img-box .img-2 {
  border-color: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(35, 118, 135, 0.16);
}

.gc-social-about .about-section-16-img-box .img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gc-social-about .about-section-16__info .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}

[data-theme=dark] .gc-social-about .about-section-16__info .sub-title {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

[data-theme=light] .gc-social-about .about-section-16__info .sub-title {
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.1);
  border: 1px solid rgba(35, 118, 135, 0.18);
}

.gc-social-about .about-section-16__info .title {
  font-size: clamp(30px, 4.2vw, 64px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  margin-top: 16px;
  margin-bottom: 20px;
}

[data-theme=dark] .gc-social-about .about-section-16__info .title {
  color: #ffffff;
}

[data-theme=light] .gc-social-about .about-section-16__info .title {
  color: var(--rr-color-heading-primary);
}

.gc-social-about .about-section-16__info .decs {
  font-size: clamp(15px, 1.5vw, 16px);
  line-height: 1.75;
  margin-bottom: clamp(32px, 4vw, 48px);
  max-width: 560px;
}

[data-theme=dark] .gc-social-about .about-section-16__info .decs {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=light] .gc-social-about .about-section-16__info .decs {
  color: var(--rr-color-text-body-light);
}

.gc-social-about .about-section-16__btn {
  gap: clamp(14px, 2vw, 20px);
  margin-bottom: clamp(32px, 4vw, 50px);
}

.gc-social-about .about-section-16__btn .rr-primary-btn {
  padding: 16px 32px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--rr-color-theme-primary) 0%, #1a5561 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 28px rgba(35, 118, 135, 0.28);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.gc-social-about .about-section-16__btn .rr-primary-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(35, 118, 135, 0.34);
}

[data-theme=light] .gc-social-about .about-section-16__btn .rr-primary-btn {
  color: #ffffff;
}

.gc-social-about .about-section-16__btn .work {
  font-weight: 600;
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
}

.gc-social-about .about-section-16__btn .work::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.gc-social-about .about-section-16__btn .work:hover::after {
  transform: scaleX(0.6);
  transform-origin: right;
}

[data-theme=dark] .gc-social-about .about-section-16__btn .work {
  color: rgba(255, 255, 255, 0.88);
}

[data-theme=dark] .gc-social-about .about-section-16__btn .work:hover {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .gc-social-about .about-section-16__btn .work {
  color: var(--rr-color-heading-primary);
}

[data-theme=light] .gc-social-about .about-section-16__btn .work:hover {
  color: var(--rr-color-theme-primary);
}

.gc-social-about .about-section-16__counter-2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.4vw, 16px);
  flex-wrap: unset;
}

.gc-social-about .about-section-16__counter-2 .counters-item {
  flex: unset;
  min-width: 0;
  padding: 16px 14px;
  border-radius: 12px;
  border-right: none;
  padding-right: 14px;
  text-align: center;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme=dark] .gc-social-about .about-section-16__counter-2 .counters-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-social-about .about-section-16__counter-2 .counters-item {
  background: #ffffff;
  border: 1px solid rgba(35, 118, 135, 0.1);
  box-shadow: 0 10px 28px rgba(35, 118, 135, 0.08);
}

.gc-social-about .about-section-16__counter-2 .counters-item:hover {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-social-about .about-section-16__counter-2 .counters-item:hover {
  background: rgba(35, 118, 135, 0.12);
  border-color: rgba(35, 118, 135, 0.28);
}

[data-theme=light] .gc-social-about .about-section-16__counter-2 .counters-item:hover {
  background: #ffffff;
  border-color: rgba(35, 118, 135, 0.22);
  box-shadow: 0 16px 36px rgba(35, 118, 135, 0.12);
}

.gc-social-about .about-section-16__counter-2 .counters-item:last-child {
  padding-left: 14px;
}

.gc-social-about .about-section-16__counter-2 .counters-item .decs {
  font-size: clamp(11px, 1.1vw, 13px);
  line-height: 1.45;
  margin-bottom: 8px;
}

[data-theme=dark] .gc-social-about .about-section-16__counter-2 .counters-item .decs {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=light] .gc-social-about .about-section-16__counter-2 .counters-item .decs {
  color: var(--rr-color-text-body-light);
}

.gc-social-about .about-section-16__counter-2 .counters-item .title,
.gc-social-about .about-section-16__counter-2 .counters-item .title span {
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1;
  font-weight: 700;
  justify-content: center;
}

[data-theme=dark] .gc-social-about .about-section-16__counter-2 .counters-item .title,
[data-theme=dark] .gc-social-about .about-section-16__counter-2 .counters-item .title span {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .gc-social-about .about-section-16__counter-2 .counters-item .title,
[data-theme=light] .gc-social-about .about-section-16__counter-2 .counters-item .title span {
  color: var(--rr-color-theme-primary);
}

@media (max-width: 1199px) {
  .gc-social-about .about-section-16__item {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .gc-social-about.pt-130 {
    padding-top: 90px;
  }

  .gc-social-about.pb-130 {
    padding-bottom: 90px;
  }

  .gc-social-about .about-section-16-img-box {
    max-width: 560px;
    margin: 0 auto;
  }

  .gc-social-about .about-section-16-img-box .img-1 {
    max-width: 100%;
    height: 480px;
  }

  .gc-social-about .about-section-16-img-box .img-2 {
    bottom: -24px;
    right: 0;
    max-width: 240px;
    height: 250px;
  }

  .gc-social-about .about-section-16__item {
    margin-top: 48px;
  }

  .gc-social-about .about-section-16__counter-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .gc-social-about .about-section-16__counter-2 .counters-item {
    padding: 14px 10px;
  }

  .gc-social-about .about-section-16__counter-2 .counters-item:last-child {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .gc-social-about.pt-130 {
    padding-top: 70px;
  }

  .gc-social-about.pb-130 {
    padding-bottom: 70px;
  }

  .gc-social-about .about-section-16-img-box .img-1 {
    height: clamp(280px, 70vw, 400px);
  }

  .gc-social-about .about-section-16-img-box .img-2 {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 100%;
    height: auto;
    margin-top: 20px;
    border-width: 6px;
  }

  .gc-social-about .about-section-16-img-box .img-2 img {
    aspect-ratio: 4 / 3;
  }

  .gc-social-about .about-section-16__info .decs br {
    display: none;
  }

  .gc-social-about .about-section-16__btn {
    flex-direction: column;
    align-items: flex-start;
  }

  .gc-social-about .about-section-16__btn .rr-primary-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .gc-social-about .about-section-16__counter-2 {
    gap: 8px;
  }

  .gc-social-about .about-section-16__counter-2 .counters-item {
    padding: 12px 8px;
  }

  .gc-social-about .about-section-16__counter-2 .counters-item .decs {
    font-size: 10px;
    margin-bottom: 6px;
  }

  .gc-social-about .about-section-16__counter-2 .counters-item .title,
  .gc-social-about .about-section-16__counter-2 .counters-item .title span {
    font-size: clamp(22px, 6vw, 28px);
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-social-about .about-section-16__btn .rr-primary-btn,
  .gc-social-about .about-section-16__counter-2 .counters-item {
    transition: none;
  }

  .gc-social-about .about-section-16__btn .rr-primary-btn:hover,
  .gc-social-about .about-section-16__counter-2 .counters-item:hover {
    transform: none;
  }
}

[data-theme=dark] .service-section-16__wrapper {
  background-color: #0D1F2D;
}

/* ===== gc-social-services section (light mode — marketing pages) ===== */
html[data-theme=light] .gc-social-services .service-section-16__wrapper {
  background: linear-gradient(145deg, #ffffff 0%, #f8f6f0 50%, #eef6f7 100%) !important;
}

html[data-theme=light] .gc-social-services .service-section-16__info .title {
  color: #11151C !important;
}

html[data-theme=light] .gc-social-services .service-section-16__info .decs {
  color: #74787C !important;
}

html[data-theme=light] .gc-social-services .service-section-16__info .sercice h3 {
  color: rgba(35, 118, 135, 0.08) !important;
}

html[data-theme=light] .gc-social-services .service-section-16__item {
  background: #ffffff !important;
  border: 1px solid rgba(35, 118, 135, 0.12) !important;
  box-shadow: 0 12px 32px rgba(35, 118, 135, 0.1) !important;
}

html[data-theme=light] .gc-social-services .service-section-16__content .number span {
  color: #237687 !important;
}

html[data-theme=light] .gc-social-services .service-section-16__content .name a,
html[data-theme=light] .gc-social-services .service-section-16__content .name a {
  color: #11151C !important;
  line-height: 1.2;
}

html[data-theme=light] .gc-social-services .service-section-16__content .decs {
  color: #74787C !important;
}

html[data-theme=light] .gc-social-services .service-section-16__more a {
  color: #11151C !important;
  border-bottom-color: rgba(35, 118, 135, 0.4) !important;
}

html[data-theme=light] .gc-social-services .service-section-16__more a:hover {
  color: #237687 !important;
  border-bottom-color: #237687 !important;
}

html[data-theme=light] .gc-social-services .service-section-16__btn .rr-primary-btn {
  background: #237687 !important;
  color: #ffffff !important;
}

html[data-theme=light] .gc-social-services .running-text.running-5 {
  background: #237687 !important;
}

html[data-theme=light] .gc-social-services .running-text.running-5 ul li {
  color: #ffffff !important;
}

html[data-theme=light] .gc-social-services .running-text.running-5 ul li i {
  color: #ffc226 !important;
}

html[data-theme=light] .gc-social-services .service-section-16__wrapper .shapes img {
  opacity: 0.25;
}

/* ===== gc-social-testimonial section (marketing pages) ===== */
.gc-social-testimonial {
  position: relative;
  overflow: hidden;
}

.gc-social-testimonial .testimonial-section-16-card {
  border-radius: 18px;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.gc-social-testimonial .testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide,
.gc-social-testimonial .testimonial-section-16-section .testimonial-carousel-16 .swiper-slide-active {
  overflow: hidden;
  box-shadow: none !important;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.gc-social-testimonial .swiper-slide-shadow,
.gc-social-testimonial .swiper-slide-shadow-left,
.gc-social-testimonial .swiper-slide-shadow-right,
.gc-social-testimonial .swiper-slide-shadow-top,
.gc-social-testimonial .swiper-slide-shadow-bottom,
.gc-social-testimonial .testimonial-section-16-item .swiper-slide-shadow {
  display: none !important;
}

.gc-social-testimonial .testimonial-section-16-heading .sub-title {
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
}

.gc-social-testimonial .testimonial-section-16-heading .title {
  font-size: clamp(28px, 3.6vw, 48px);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav,
.gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right {
  width: 56px;
  height: 56px;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.gc-social-testimonial .testimonial-section-16-item {
  padding: clamp(28px, 4vw, 55px) clamp(20px, 3.5vw, 45px) clamp(24px, 3vw, 40px);
  height: 100%;
}

.gc-social-testimonial .testimonial-section-16-item .icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  top: clamp(16px, 2.5vw, 28px);
  right: clamp(12px, 2vw, 24px);
}

.gc-social-testimonial .testimonial-section-16-item .icon svg path {
  fill: currentColor;
}

.gc-social-testimonial .testimonial-section-16-section .testimonial-wrapper .wrapper-img img {
  width: 96px;
  height: 96px;
  border: 3px solid transparent;
}

.gc-social-testimonial .testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail {
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.65;
  font-weight: 600;
  margin-bottom: clamp(24px, 3vw, 40px);
}

.gc-social-testimonial .testimonial-section-16-section .aurthor {
  padding-top: clamp(16px, 2.5vw, 24px);
}

.gc-social-testimonial .testimonial-section-16-section .aurthor .name h5,
.gc-social-testimonial .testimonial-section-16-section .aurthor .title h4 {
  font-size: clamp(16px, 1.8vw, 20px);
}

.gc-social-testimonial .testimonial-section-16-section .aurthor .name span {
  font-size: 14px;
  font-weight: 500;
}

.gc-social-testimonial .Reviews-box .gc-reviews-brand {
  display: block;
  width: auto;
  max-height: 28px;
  object-fit: contain;
}

.gc-social-testimonial .Reviews-box .gc-reviews-brand--light {
  display: none;
}

html[data-theme=light] .gc-social-testimonial .Reviews-box .gc-reviews-brand--dark {
  display: none;
}

html[data-theme=light] .gc-social-testimonial .Reviews-box .gc-reviews-brand--light {
  display: block;
}

html[data-theme=dark] .gc-social-testimonial .Reviews-box .gc-reviews-brand--dark {
  display: block;
}

html[data-theme=dark] .gc-social-testimonial .Reviews-box .gc-reviews-brand--light {
  display: none;
}

/* --- Dark mode --- */
html[data-theme=dark] .gc-social-testimonial {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card {
  background: #0d1f2d;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-heading .sub-title {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-heading .title {
  color: #ffffff;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .rating span,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .Reviews span {
  color: rgba(255, 255, 255, 0.88);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .rating .star i {
  color: #ffc226;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #081420;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav i,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right i {
  color: rgba(255, 255, 255, 0.88);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav:hover,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right:hover {
  background: #237687;
  border-color: #237687;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav:hover i,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right:hover i {
  color: #ffffff;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide {
  background: #081420 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .testimonial-carousel-16 .swiper-slide-active {
  background: #0d1f2d !important;
  border: 1px solid rgba(35, 118, 135, 0.4) !important;
  box-shadow: none !important;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-item .icon {
  border-color: rgba(35, 118, 135, 0.25);
  background: #081420;
  color: #ffc226;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail {
  color: rgba(255, 255, 255, 0.92);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .aurthor {
  border-top-color: rgba(255, 255, 255, 0.1);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .aurthor .name h5,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .aurthor .title h4 {
  color: #ffffff;
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .aurthor .name span {
  color: rgba(255, 255, 255, 0.58);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-section .testimonial-wrapper .wrapper-img img {
  border-color: rgba(35, 118, 135, 0.35);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination::before,
html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination::after {
  background: rgba(255, 255, 255, 0.1);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.28);
}

html[data-theme=dark] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffc226 !important;
}

/* --- Light mode --- */
html[data-theme=light] .gc-social-testimonial {
  background: #f2f3f4;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  box-shadow: none;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-heading .sub-title {
  color: #237687;
  background: rgba(35, 118, 135, 0.08);
  border: 1px solid rgba(35, 118, 135, 0.16);
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-heading .title {
  color: #11151C;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .rating span,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .Reviews span {
  color: #11151C;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .rating .star i {
  color: #237687;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right {
  border: 1px solid rgba(35, 118, 135, 0.16);
  background: #ffffff;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav i,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right i {
  color: #11151C;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav:hover,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right:hover {
  background: #237687;
  border-color: #237687;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav:hover i,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-card .swiper-arrow .swiper-nav-right:hover i {
  color: #ffffff;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .testimonial-carousel-16 .swiper-wrapper .swiper-slide,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .testimonial-carousel-16 .swiper-slide-active {
  background: #ffffff !important;
  border: 1px solid #e4e4e4 !important;
  box-shadow: none !important;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-item .icon {
  border-color: #e4e4e4;
  background: #f8f8f8;
  color: #237687;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .testimonial-wrapper .wrapper-content .wrapper-detail {
  color: #11151C !important;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .aurthor {
  border-top-color: #e4e4e4;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .aurthor .name h5,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .aurthor .title h4 {
  color: #11151C !important;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .aurthor .name span {
  color: #74787C;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-section .testimonial-wrapper .wrapper-img img {
  border-color: #e4e4e4;
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination::before,
html[data-theme=light] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination::after {
  background: rgba(35, 118, 135, 0.14);
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet {
  background: rgba(35, 118, 135, 0.22);
}

html[data-theme=light] .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #237687 !important;
}

@media (max-width: 991px) {
  .gc-social-testimonial.pt-130 {
    padding-top: 90px;
  }

  .gc-social-testimonial.pb-130 {
    padding-bottom: 90px;
  }

  .gc-social-testimonial .testimonial-section-16-card {
    margin-right: 0;
    margin-bottom: 24px;
  }

  .gc-social-testimonial .testimonial-section-16-section {
    margin-left: 0;
  }

  .gc-social-testimonial .testimonial-section-16-section .swiper-3d,
  .gc-social-testimonial .testimonial-section-16-section .swiper-3d.swiper-css-mode .swiper-wrapper {
    height: auto;
    min-height: 420px;
  }
}

@media (max-width: 767px) {
  .gc-social-testimonial.pt-130 {
    padding-top: 70px;
  }

  .gc-social-testimonial.pb-130 {
    padding-bottom: 70px;
  }

  .gc-social-testimonial .testimonial-section-16-card {
    padding: 28px 20px;
  }

  .gc-social-testimonial .testimonial-section-16-card .Reviews-box {
    margin-bottom: 32px;
  }

  .gc-social-testimonial .testimonial-section-16-section .swiper-3d,
  .gc-social-testimonial .testimonial-section-16-section .swiper-3d.swiper-css-mode .swiper-wrapper {
    min-height: 380px;
  }

  .gc-social-testimonial .testimonial-section-16-section .aurthor {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .gc-social-testimonial .testimonial-section-16-wrapper .swiper-pagination {
    margin-top: 40px;
  }
}

/* ===== Search Engine Optimization — services section ===== */
.gc-seo-services {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gc-seo-services::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(35, 118, 135, 0.1) 0%, transparent 44%),
    radial-gradient(circle at 88% 82%, rgba(255, 194, 38, 0.06) 0%, transparent 40%);
}

.gc-seo-services .container {
  position: relative;
  z-index: 2;
}

[data-theme=dark] .gc-seo-services {
  background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

[data-theme=light] .gc-seo-services {
  background: linear-gradient(145deg, #ffffff 0%, #f8f6f0 50%, #eef6f7 100%);
  border-top: 1px solid rgba(35, 118, 135, 0.1);
  border-bottom: 1px solid rgba(35, 118, 135, 0.06);
}

[data-theme=light] .gc-seo-services::before {
  background:
    radial-gradient(circle at 8% 22%, rgba(35, 118, 135, 0.08) 0%, transparent 46%),
    radial-gradient(circle at 92% 78%, rgba(255, 194, 38, 0.07) 0%, transparent 42%);
}

[data-theme=light] .gc-seo-services::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.45;
  background-image:
    linear-gradient(rgba(35, 118, 135, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 118, 135, 0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, transparent 88%);
}

.gc-seo-services .section-heading {
  margin-bottom: clamp(40px, 5vw, 64px);
}

.gc-seo-services__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: clamp(40px, 5vw, 56px);
  text-align: center;
}

.gc-seo-services__btn .rr-primary-btn {
  border-radius: 999px;
  padding: 18px 36px;
  background: linear-gradient(135deg, var(--rr-color-theme-primary) 0%, #1a5561 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 28px rgba(35, 118, 135, 0.28);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.gc-seo-services__btn .rr-primary-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(35, 118, 135, 0.34);
}

[data-theme=light] .gc-seo-services__btn .rr-primary-btn {
  color: #ffffff;
}

.gc-seo-services .section-heading .sub-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 7px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  overflow: visible;
}

.gc-seo-services .section-heading .sub-heading::before,
.gc-seo-services .section-heading .sub-heading::after {
  display: none !important;
}

[data-theme=dark] .gc-seo-services .section-heading .sub-heading {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

[data-theme=light] .gc-seo-services .section-heading .sub-heading {
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.1);
  border: 1px solid rgba(35, 118, 135, 0.18);
}

.gc-seo-services .section-heading .section-title {
  font-size: clamp(30px, 4.5vw, 56px);
  line-height: 1.14;
  letter-spacing: -0.02em;
  margin: 0;
}

[data-theme=dark] .gc-seo-services .section-heading .section-title {
  color: #ffffff;
}

[data-theme=light] .gc-seo-services .section-heading .section-title {
  color: var(--rr-color-heading-primary);
}

.gc-seo-service-card {
  display: grid;
  grid-template-columns: 85px 1fr;
  grid-gap: clamp(20px, 3vw, 30px);
  align-items: start;
  height: 100%;
  padding: clamp(28px, 3.5vw, 40px);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: default;
  user-select: none;
  transition:
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.gc-seo-service-card::before {
  content: "";
  position: absolute;
  top: -40%;
  left: 20%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--rr-color-theme-primary);
  opacity: 0;
  filter: blur(70px);
  transition: opacity 0.45s ease;
  pointer-events: none;
  z-index: 0;
}

.gc-seo-service-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--rr-color-theme-primary), var(--rr-color-theme-secondary), transparent);
  transform: translateX(-50%);
  transition: width 0.45s ease;
  pointer-events: none;
  z-index: 3;
}

[data-theme=dark] .gc-seo-service-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

[data-theme=light] .gc-seo-service-card {
  background: #ffffff;
  border: 1px solid rgba(35, 118, 135, 0.12);
  box-shadow: 0 12px 32px rgba(35, 118, 135, 0.08);
}

[data-theme=light] .gc-seo-service-card-shape img {
  opacity: 0.22;
  filter: none;
}

.gc-seo-service-card-shape {
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.85) rotate(-8deg);
  transition:
    opacity 0.45s ease,
    visibility 0.45s ease,
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.gc-seo-service-card-shape img {
  max-width: 120px;
  opacity: 0.35;
}

.gc-seo-service-card-icon {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  transition:
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.35s ease,
    box-shadow 0.35s ease,
    color 0.35s ease;
}

.gc-seo-service-card-icon::before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.35s ease, transform 0.35s ease;
}

.gc-seo-service-card-icon i {
  font-size: 32px;
  line-height: 1;
  transition: transform 0.45s ease, color 0.35s ease;
}

.gc-seo-service-card-icon--1 {
  background: rgba(35, 118, 135, 0.14);
  color: var(--rr-color-theme-primary);
}

.gc-seo-service-card-icon--2 {
  background: rgba(255, 194, 38, 0.18);
  color: #c98f00;
}

.gc-seo-service-card-icon--3 {
  background: rgba(35, 118, 135, 0.12);
  color: #2d8fa3;
}

.gc-seo-service-card-icon--4 {
  background: rgba(255, 194, 38, 0.16);
  color: #d4a017;
}

[data-theme=dark] .gc-seo-service-card-icon {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

[data-theme=dark] .gc-seo-service-card-icon--1,
[data-theme=dark] .gc-seo-service-card-icon--3 {
  color: var(--rr-color-theme-secondary);
}

[data-theme=dark] .gc-seo-service-card-icon--2,
[data-theme=dark] .gc-seo-service-card-icon--4 {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .gc-seo-service-card-icon {
  box-shadow: 0 8px 20px rgba(35, 118, 135, 0.08);
}

[data-theme=light] .gc-seo-service-card-icon--1,
[data-theme=light] .gc-seo-service-card-icon--3 {
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.16);
  color: #237687;
}

[data-theme=light] .gc-seo-service-card-icon--2,
[data-theme=light] .gc-seo-service-card-icon--4 {
  background: rgba(255, 194, 38, 0.16);
  border: 1px solid rgba(255, 194, 38, 0.28);
  color: #b8860b;
}

.gc-seo-service-card-content {
  position: relative;
  z-index: 2;
}

.gc-seo-service-card-content .title {
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 14px;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-seo-service-card-content .title {
  color: #ffffff;
}

[data-theme=light] .gc-seo-service-card-content .title {
  color: var(--rr-color-heading-primary);
}

.gc-seo-service-card-content p {
  margin: 0;
  font-size: clamp(14px, 1.5vw, 15px);
  line-height: 1.72;
  transition: color 0.35s ease;
}

[data-theme=dark] .gc-seo-service-card-content p {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=light] .gc-seo-service-card-content p {
  color: var(--rr-color-text-body-light);
}

.gc-seo-service-card:hover {
  transform: translateY(-10px);
}

[data-theme=dark] .gc-seo-service-card:hover {
  border-color: rgba(35, 118, 135, 0.5);
  background: linear-gradient(165deg, rgba(35, 118, 135, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%);
  box-shadow:
    0 26px 50px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(35, 118, 135, 0.16);
}

[data-theme=light] .gc-seo-service-card:hover {
  border-color: rgba(35, 118, 135, 0.32);
  background: linear-gradient(165deg, #ffffff 0%, rgba(35, 118, 135, 0.04) 100%);
  box-shadow:
    0 18px 40px rgba(35, 118, 135, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.gc-seo-service-card:hover::before {
  opacity: 0.28;
}

.gc-seo-service-card:hover::after {
  width: 72%;
}

.gc-seo-service-card:hover .gc-seo-service-card-shape {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.gc-seo-service-card:hover .gc-seo-service-card-icon {
  transform: scale(1.08) translateY(-3px);
  background-color: var(--rr-color-theme-primary);
  box-shadow: 0 14px 28px rgba(35, 118, 135, 0.35);
}

.gc-seo-service-card:hover .gc-seo-service-card-icon::before {
  border-color: rgba(255, 194, 38, 0.35);
  transform: scale(1.06);
}

.gc-seo-service-card:hover .gc-seo-service-card-icon i {
  transform: scale(1.06);
  color: #ffffff;
}

[data-theme=dark] .gc-seo-service-card:hover .gc-seo-service-card-content .title {
  color: var(--rr-color-theme-secondary);
}

[data-theme=light] .gc-seo-service-card:hover .gc-seo-service-card-content .title {
  color: var(--rr-color-theme-primary);
}

@media (max-width: 991px) {
  .gc-seo-service-card {
    grid-template-columns: 72px 1fr;
    padding: 28px 24px;
  }

  .gc-seo-service-card-icon {
    width: 72px;
    height: 72px;
  }

  .gc-seo-service-card-icon i {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .gc-seo-services .section-heading {
    margin-bottom: 36px;
  }

  .gc-seo-service-card {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 32px 24px;
  }

  .gc-seo-service-card-icon {
    margin: 0 auto;
  }

  .gc-seo-service-card-shape {
    top: -10px;
    left: 50%;
    transform: translateX(-50%) scale(0.85) rotate(-8deg);
  }

  .gc-seo-service-card:hover .gc-seo-service-card-shape {
    transform: translateX(-50%) scale(1) rotate(0deg);
  }

  .gc-seo-service-card:hover {
    transform: translateY(-6px);
  }
}

@media (prefers-reduced-motion: reduce) {

  .gc-seo-service-card,
  .gc-seo-service-card::before,
  .gc-seo-service-card::after,
  .gc-seo-service-card-icon,
  .gc-seo-service-card-shape {
    transition: none;
  }

  .gc-seo-service-card:hover {
    transform: none;
  }
}

/* SEO services — light mode polish (section-scoped overrides for global theme conflicts) */
html[data-theme=light] .gc-seo-services .section-heading .sub-heading {
  color: #237687 !important;
  background: rgba(35, 118, 135, 0.1) !important;
  border: 1px solid rgba(35, 118, 135, 0.18) !important;
}

html[data-theme=light] .gc-seo-services .section-heading .section-title {
  color: #11151C !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card-content .title {
  color: #11151C !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card-content p {
  color: #74787C !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card {
  background: #ffffff !important;
  border: 1px solid rgba(35, 118, 135, 0.12) !important;
  box-shadow: 0 12px 32px rgba(35, 118, 135, 0.08) !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card:hover {
  border-color: rgba(35, 118, 135, 0.32) !important;
  background: linear-gradient(165deg, #ffffff 0%, rgba(35, 118, 135, 0.05) 100%) !important;
  box-shadow: 0 18px 40px rgba(35, 118, 135, 0.14) !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card:hover .gc-seo-service-card-content .title {
  color: #237687 !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card-icon--1,
html[data-theme=light] .gc-seo-services .gc-seo-service-card-icon--3 {
  background: rgba(35, 118, 135, 0.12) !important;
  border: 1px solid rgba(35, 118, 135, 0.18) !important;
  color: #237687 !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card-icon--2,
html[data-theme=light] .gc-seo-services .gc-seo-service-card-icon--4 {
  background: rgba(255, 194, 38, 0.16) !important;
  border: 1px solid rgba(255, 194, 38, 0.3) !important;
  color: #b8860b !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card:hover .gc-seo-service-card-icon {
  background: #237687 !important;
  border-color: rgba(35, 118, 135, 0.4) !important;
  box-shadow: 0 14px 28px rgba(35, 118, 135, 0.22) !important;
}

html[data-theme=light] .gc-seo-services .gc-seo-service-card:hover .gc-seo-service-card-icon i {
  color: #ffffff !important;
}

/* ===== Title Animation — hero ===== */
.gc-title-anim-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gc-title-anim-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 10% 18%, rgba(35, 118, 135, 0.1) 0%, transparent 44%),
    radial-gradient(circle at 88% 22%, rgba(255, 194, 38, 0.08) 0%, transparent 40%);
}

[data-theme=light] .gc-title-anim-hero {
  background: linear-gradient(180deg, #f4faf8 0%, #eef6f3 55%, #f8fbfa 100%);
}

[data-theme=dark] .gc-title-anim-hero {
  background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 55%, #0a1520 100%);
}

.gc-title-anim-hero .container {
  position: relative;
  z-index: 1;
  padding-left: clamp(16px, 3vw, 24px);
  padding-right: clamp(16px, 3vw, 24px);
}

.gc-title-anim-hero-reveal {
  opacity: 1;
  transform: none;
}

.gc-title-anim-hero-content {
  text-align: left;
}

.gc-title-anim-hero-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.4;
}

.gc-title-anim-hero-breadcrumb a {
  color: rgba(35, 118, 135, 0.85);
  text-decoration: none;
  transition: color 0.25s ease;
}

.gc-title-anim-hero-breadcrumb a:hover {
  color: var(--rr-color-theme-primary);
}

.gc-title-anim-hero-breadcrumb .sep {
  color: rgba(35, 118, 135, 0.45);
  font-size: 11px;
}

.gc-title-anim-hero-breadcrumb .current {
  color: rgba(13, 31, 45, 0.65);
}

[data-theme=dark] .gc-title-anim-hero-breadcrumb .current {
  color: rgba(255, 255, 255, 0.65);
}

.gc-title-anim-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  margin-bottom: 22px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
  border: 1px solid rgba(35, 118, 135, 0.2);
}

.gc-title-anim-hero-badge i {
  font-size: 11px;
  color: var(--rr-color-theme-secondary);
}

.gc-title-anim-hero-title {
  margin-bottom: 16px;
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0d1f2d;
}

[data-theme=dark] .gc-title-anim-hero-title {
  color: #fff;
}

.gc-title-anim-hero-accent {
  color: var(--rr-color-theme-primary);
}

.gc-title-anim-hero-subtitle {
  margin-bottom: 14px;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 600;
  line-height: 1.45;
  color: var(--rr-color-theme-primary);
}

.gc-title-anim-hero-desc {
  max-width: 540px;
  margin-bottom: 28px;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(13, 31, 45, 0.72);
}

[data-theme=dark] .gc-title-anim-hero-desc {
  color: rgba(255, 255, 255, 0.72);
}

.gc-title-anim-hero-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.gc-title-anim-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border: 2px solid transparent;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.gc-title-anim-hero-btn--primary {
  color: #fff;
  background: var(--rr-color-theme-primary);
  box-shadow: 0 10px 28px rgba(35, 118, 135, 0.28);
}

.gc-title-anim-hero-btn--primary:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(35, 118, 135, 0.35);
}

.gc-title-anim-hero-btn--outline {
  color: var(--rr-color-theme-primary);
  background: transparent;
  border-color: rgba(35, 118, 135, 0.45);
}

.gc-title-anim-hero-btn--outline:hover {
  color: #fff;
  background: var(--rr-color-theme-primary);
  border-color: var(--rr-color-theme-primary);
  transform: translateY(-2px);
}

.gc-title-anim-hero-features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-title-anim-hero-features {
  color: rgba(255, 255, 255, 0.55);
}

.gc-title-anim-hero-features li:not(:last-child)::after {
  content: "•";
  margin: 0 12px;
  color: rgba(35, 118, 135, 0.45);
}

.gc-title-anim-hero-visual-wrap {
  width: 100%;
}

.gc-title-anim-hero-preview {
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-align: center;
}

.gc-title-anim-hero-preview-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: clamp(280px, 42vw, 360px);
  padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 36px) clamp(24px, 4vw, 32px);
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(145deg, #dff3ec 0%, #c8e8dc 45%, #d4efe6 100%);
  border: 1px solid rgba(35, 118, 135, 0.14);
  box-shadow: 0 18px 48px rgba(35, 118, 135, 0.1);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

[data-theme=dark] .gc-title-anim-hero-preview-inner {
  background: linear-gradient(145deg, rgba(35, 118, 135, 0.22) 0%, rgba(20, 60, 72, 0.35) 100%);
  border-color: rgba(35, 118, 135, 0.28);
}

.gc-title-anim-hero-preview:hover .gc-title-anim-hero-preview-inner,
.gc-title-anim-hero-preview:focus-visible .gc-title-anim-hero-preview-inner {
  transform: translateY(-4px);
  box-shadow: 0 24px 56px rgba(35, 118, 135, 0.16);
}

.gc-title-anim-hero-preview-eyebrow {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(35, 118, 135, 0.75);
}

.gc-title-anim-hero-preview-brand {
  position: relative;
  z-index: 1;
  display: block;
  font-size: clamp(2rem, 5.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
  animation: gc-title-anim-brand-soft 5s ease-in-out infinite;
}

@keyframes gc-title-anim-brand-soft {
  0%, 100% {
    opacity: 1;
    letter-spacing: 0.04em;
    color: #237687;
  }

  50% {
    opacity: 0.9;
    letter-spacing: 0.07em;
    color: #2d8fa3;
  }
}

.gc-title-anim-hero-preview-tag {
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-title-anim-hero-preview-tag {
  color: rgba(255, 255, 255, 0.62);
}

[data-theme=dark] .gc-title-anim-hero-preview-brand {
  animation: gc-title-anim-brand-soft-dark 5s ease-in-out infinite;
}

@keyframes gc-title-anim-brand-soft-dark {
  0%, 100% {
    opacity: 1;
    letter-spacing: 0.04em;
    color: #5eb3c4;
  }

  50% {
    opacity: 0.92;
    letter-spacing: 0.07em;
    color: #7ec8d6;
  }
}

.gc-title-anim-hero-preview-play {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-title-anim-hero-preview-play {
  color: rgba(255, 255, 255, 0.65);
}

.gc-title-anim-hero-preview-play-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 10px;
  color: var(--rr-color-theme-primary);
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 4px 12px rgba(35, 118, 135, 0.15);
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.gc-title-anim-hero-preview:hover .gc-title-anim-hero-preview-play-icon {
  transform: scale(1.08);
  color: #fff;
  background: var(--rr-color-theme-primary);
}

.gc-title-anim-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.gc-title-anim-hero-stat {
  padding: 18px 14px;
  border-radius: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(35, 118, 135, 0.1);
  box-shadow: 0 8px 24px rgba(13, 31, 45, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

[data-theme=dark] .gc-title-anim-hero-stat {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.gc-title-anim-hero-stat:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(35, 118, 135, 0.1);
}

.gc-title-anim-hero-stat-value {
  display: block;
  margin-bottom: 4px;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1.1;
  color: #0d1f2d;
}

[data-theme=dark] .gc-title-anim-hero-stat-value {
  color: #fff;
}

.gc-title-anim-hero-stat-label {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(13, 31, 45, 0.55);
}

[data-theme=dark] .gc-title-anim-hero-stat-label {
  color: rgba(255, 255, 255, 0.55);
}

@media (max-width: 991px) {
  .gc-title-anim-hero-row {
    text-align: center;
  }

  .gc-title-anim-hero-content {
    text-align: center;
  }

  .gc-title-anim-hero-breadcrumb,
  .gc-title-anim-hero-btns,
  .gc-title-anim-hero-features {
    justify-content: center;
  }

  .gc-title-anim-hero-desc {
    margin-left: auto;
    margin-right: auto;
  }

  .gc-title-anim-hero-visual-wrap {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .gc-title-anim-hero-btns {
    flex-direction: column;
    width: 100%;
  }

  .gc-title-anim-hero-btn {
    width: 100%;
  }

  .gc-title-anim-hero-stats {
    grid-template-columns: 1fr;
  }

  .gc-title-anim-hero-stat {
    padding: 16px 12px;
  }

  .gc-title-anim-hero-stat-value {
    font-size: 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-title-anim-hero-preview-brand {
    animation: none !important;
    opacity: 1 !important;
    letter-spacing: 0.05em !important;
    color: var(--rr-color-theme-primary) !important;
  }
}

/* ===== 3D Rendering — hero (extends gc-title-anim-hero + gc-3d-render-hero) ===== */
.gc-3d-render-comparison-wrap {
  width: 100%;
  max-width: 560px;
  margin-left: auto;
}

.gc-3d-render-comparison-panel {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(35, 118, 135, 0.14);
  background: linear-gradient(145deg, rgba(232, 247, 243, 0.95) 0%, rgba(220, 241, 236, 0.88) 100%);
  box-shadow: 0 20px 48px rgba(35, 118, 135, 0.12);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

[data-theme=dark] .gc-3d-render-comparison-panel {
  background: linear-gradient(145deg, rgba(18, 32, 44, 0.96) 0%, rgba(12, 24, 36, 0.94) 100%);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.35);
}

.gc-3d-render-comparison-wrap:hover .gc-3d-render-comparison-panel {
  transform: translateY(-4px);
}

[data-theme=dark] .gc-3d-render-comparison-wrap:hover .gc-3d-render-comparison-panel {
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.42);
}

.gc-3d-render-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.gc-3d-render-compare-card {
  position: relative;
  min-height: 220px;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.gc-3d-render-comparison-wrap:hover .gc-3d-render-compare-card--pro {
  transform: translateY(-3px);
}

.gc-3d-render-compare-card--basic {
  background: linear-gradient(180deg, #c8cdd4 0%, #aeb6c0 100%);
  border: 1px solid rgba(255, 255, 255, 0.35);
}

[data-theme=dark] .gc-3d-render-compare-card--basic {
  background: linear-gradient(180deg, #5a6470 0%, #434b56 100%);
  border-color: rgba(255, 255, 255, 0.12);
}

.gc-3d-render-compare-card--pro {
  background: radial-gradient(circle at 50% 35%, rgba(45, 74, 110, 0.95) 0%, rgba(14, 26, 42, 0.98) 72%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gc-3d-render-compare-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 28px 16px 40px;
}

.gc-3d-render-compare-visual img {
  width: auto;
  max-width: 78%;
  max-height: 130px;
  object-fit: contain;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.35));
  transition: transform 0.4s ease;
}

.gc-3d-render-comparison-wrap:hover .gc-3d-render-compare-visual img {
  transform: scale(1.04);
}

.gc-3d-render-wireframe {
  display: block;
  width: 72px;
  height: 96px;
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.18) 100%);
  border: 2px dashed rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
  animation: gc3dRenderWirePulse 3s ease-in-out infinite;
}

[data-theme=dark] .gc-3d-render-wireframe {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(255, 255, 255, 0.35);
}

@keyframes gc3dRenderWirePulse {
  0%, 100% {
    opacity: 0.72;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.03);
  }
}

.gc-3d-render-compare-badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ffffff;
}

.gc-3d-render-compare-card--basic .gc-3d-render-compare-badge {
  background: rgba(55, 65, 81, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.gc-3d-render-compare-card--pro .gc-3d-render-compare-badge {
  background: rgba(22, 78, 62, 0.92);
  border: 1px solid rgba(110, 231, 160, 0.28);
}

.gc-3d-render-comparison-caption {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  text-align: center;
}

.gc-3d-render-comparison-caption-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-bottom: 2px;
  border-radius: 8px;
  font-size: 13px;
  color: var(--rr-color-theme-primary);
  background: rgba(35, 118, 135, 0.12);
}

[data-theme=dark] .gc-3d-render-comparison-caption-icon {
  color: #5eead4;
  background: rgba(94, 234, 212, 0.12);
}

.gc-3d-render-comparison-caption-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .gc-3d-render-comparison-caption-title {
  color: #5eead4;
}

.gc-3d-render-comparison-caption-note {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(13, 31, 45, 0.52);
}

[data-theme=dark] .gc-3d-render-comparison-caption-note {
  color: rgba(255, 255, 255, 0.48);
}

.gc-3d-render-hero-stats {
  margin-top: 18px;
}

@media (max-width: 991px) {
  .gc-3d-render-comparison-wrap {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
  .gc-3d-render-comparison-panel {
    padding: 14px;
    border-radius: 18px;
  }

  .gc-3d-render-comparison-grid {
    gap: 10px;
  }

  .gc-3d-render-compare-card {
    min-height: 190px;
  }

  .gc-3d-render-compare-visual {
    min-height: 150px;
    padding: 22px 12px 36px;
  }

  .gc-3d-render-wireframe {
    width: 58px;
    height: 78px;
  }

  .gc-3d-render-compare-badge {
    left: 8px;
    bottom: 8px;
    font-size: 9px;
    padding: 4px 9px;
  }

  .gc-3d-render-hero-stats {
    margin-top: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-3d-render-wireframe,
  .gc-3d-render-comparison-panel,
  .gc-3d-render-compare-card,
  .gc-3d-render-compare-visual img {
    animation: none;
    transition: none;
  }

  .gc-3d-render-comparison-wrap:hover .gc-3d-render-comparison-panel,
  .gc-3d-render-comparison-wrap:hover .gc-3d-render-compare-card--pro,
  .gc-3d-render-comparison-wrap:hover .gc-3d-render-compare-visual img {
    transform: none;
  }
}

/* ===== FAQ tab section (gc-faq-tabs-section) — WordPress-ready ===== */
.gc-faq-tabs-section {
  position: relative;
  overflow: hidden;
}

.gc-faq-tabs-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

[data-theme=light] .gc-faq-tabs-section {
  background: #f5f2ea;
}

[data-theme=light] .gc-faq-tabs-section::before {
  background:
    radial-gradient(circle at 8% 12%, rgba(35, 118, 135, 0.06) 0%, transparent 42%),
    radial-gradient(circle at 92% 88%, rgba(255, 194, 38, 0.05) 0%, transparent 40%);
}

[data-theme=dark] .gc-faq-tabs-section {
  background: linear-gradient(165deg, rgba(6, 14, 22, 0.98) 0%, rgba(10, 22, 34, 0.97) 50%, rgba(8, 18, 28, 0.98) 100%);
  border-top: 1px solid rgba(110, 118, 130, 0.22);
  border-bottom: 1px solid rgba(110, 118, 130, 0.22);
}

[data-theme=dark] .gc-faq-tabs-section::before {
  background:
    radial-gradient(circle at 10% 15%, rgba(35, 118, 135, 0.16) 0%, transparent 44%),
    radial-gradient(circle at 90% 85%, rgba(255, 194, 38, 0.07) 0%, transparent 42%);
}

.gc-faq-tabs-section .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gc-faq-tabs-header {
  max-width: 920px;
  width: 100%;
  margin: 0 auto 36px;
  text-align: center;
}

.gc-faq-tabs-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 18px;
  font-family: var(--rr-ff-heading);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

[data-theme=light] .gc-faq-tabs-label {
  color: #237687;
}

[data-theme=dark] .gc-faq-tabs-label {
  color: #5eead4;
}

.gc-faq-tabs-label-line {
  display: inline-block;
  width: 28px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  flex-shrink: 0;
}

.gc-faq-tabs-title {
  margin: 0 auto 22px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-align: center;
}

[data-theme=light] .gc-faq-tabs-title {
  color: #111111;
}

[data-theme=dark] .gc-faq-tabs-title {
  color: #ffffff;
}

.gc-faq-tabs-intro {
  max-width: 860px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.75;
  text-align: center;
}

[data-theme=light] .gc-faq-tabs-intro {
  color: #5a5a5a;
}

[data-theme=dark] .gc-faq-tabs-intro {
  color: rgba(255, 255, 255, 0.68);
}

.gc-faq-tabs-intro a {
  color: #237687;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.25s ease;
}

[data-theme=dark] .gc-faq-tabs-intro a {
  color: #5eead4;
}

.gc-faq-tabs-intro a:hover {
  color: #ffc226;
}

.gc-faq-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 40px;
  width: 100%;
  max-width: 980px;
}

.gc-faq-tabs-btn {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 12px 22px;
  font-family: var(--rr-ff-heading);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.25s ease;
}

[data-theme=light] .gc-faq-tabs-btn {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
  color: #222222;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

[data-theme=light] .gc-faq-tabs-btn:hover {
  border-color: rgba(35, 118, 135, 0.35);
  color: #237687;
}

[data-theme=light] .gc-faq-tabs-btn.is-active {
  background: #237687;
  border-color: #237687;
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(35, 118, 135, 0.22);
}

[data-theme=dark] .gc-faq-tabs-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.82);
}

[data-theme=dark] .gc-faq-tabs-btn:hover {
  border-color: rgba(94, 234, 212, 0.35);
  color: #5eead4;
}

[data-theme=dark] .gc-faq-tabs-btn.is-active {
  background: linear-gradient(135deg, rgba(35, 118, 135, 0.95) 0%, rgba(35, 118, 135, 0.72) 100%);
  border-color: rgba(94, 234, 212, 0.45);
  color: #ffffff;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.28),
    0 0 20px rgba(35, 118, 135, 0.18);
}

.gc-faq-tabs-btn:active {
  transform: scale(0.98);
}

.gc-faq-tabs-panel {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.gc-faq-tabs-empty {
  padding: 28px 24px;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
}

[data-theme=light] .gc-faq-tabs-empty {
  background: rgba(255, 255, 255, 0.7);
  border: 1px dashed rgba(35, 118, 135, 0.25);
  color: #666666;
}

[data-theme=dark] .gc-faq-tabs-empty {
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(94, 234, 212, 0.22);
  color: rgba(255, 255, 255, 0.6);
}

.gc-faq-tabs-item {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.gc-faq-tabs-item.is-hidden {
  display: none;
}

.gc-faq-tabs-accordion {
  border-radius: 0;
}

.gc-faq-tabs-accordion .accordion-item {
  background: transparent;
  border: none;
  border-radius: 0;
}

.gc-faq-tabs-accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 14px;
}

.gc-faq-tabs-accordion .accordion-button {
  position: relative;
  border: none;
  border-radius: 12px;
  box-shadow: none;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
  padding: 20px 56px 20px 24px;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

[data-theme=light] .gc-faq-tabs-accordion .accordion-button {
  background: #ffffff;
  color: #1a1a1a;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

[data-theme=light] .gc-faq-tabs-accordion .accordion-button:not(.collapsed) {
  background: #ffffff;
  color: #237687;
  border-color: rgba(35, 118, 135, 0.28);
  box-shadow: 0 8px 24px rgba(35, 118, 135, 0.1);
}

[data-theme=dark] .gc-faq-tabs-accordion .accordion-button {
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=dark] .gc-faq-tabs-accordion .accordion-button:not(.collapsed) {
  background: rgba(35, 118, 135, 0.14);
  color: #5eead4;
  border-color: rgba(94, 234, 212, 0.28);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

.gc-faq-tabs-accordion .accordion-button::after {
  background-image: none;
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 14px;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  transition: transform 0.3s ease, color 0.3s ease;
}

[data-theme=light] .gc-faq-tabs-accordion .accordion-button::after {
  color: #237687;
}

[data-theme=dark] .gc-faq-tabs-accordion .accordion-button::after {
  color: #5eead4;
}

.gc-faq-tabs-accordion .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(180deg);
}

.gc-faq-tabs-accordion .accordion-body {
  padding: 6px 24px 18px;
}

.gc-faq-tabs-accordion .accordion-body p {
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
}

[data-theme=light] .gc-faq-tabs-accordion .accordion-body p {
  color: #555555;
}

[data-theme=dark] .gc-faq-tabs-accordion .accordion-body p {
  color: rgba(255, 255, 255, 0.66);
}

.gc-faq-tabs-accordion .accordion-body a {
  color: #237687;
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-theme=dark] .gc-faq-tabs-accordion .accordion-body a {
  color: #5eead4;
}

@media only screen and (max-width: 767px) {
  .gc-faq-tabs-header {
    margin-bottom: 28px;
  }

  .gc-faq-tabs-nav {
    gap: 10px;
    margin-bottom: 28px;
  }

  .gc-faq-tabs-btn {
    padding: 10px 16px;
    font-size: 14px;
  }

  .gc-faq-tabs-intro {
    font-size: 16px;
  }

  .gc-faq-tabs-accordion .accordion-button {
    font-size: 15px;
    padding: 18px 48px 18px 18px;
  }
}

@media only screen and (max-width: 575px) {
  .gc-faq-tabs-nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .gc-faq-tabs-nav::-webkit-scrollbar {
    display: none;
  }

  .gc-faq-tabs-btn {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

.gc-faq-tabs-section:has(+ .gc-faq-cta-section) {
  padding-bottom: 56px;
}

/* ===== FAQ page — CTA banner (gc-faq-cta-section) — WordPress-ready ===== */
.gc-faq-cta-section {
  position: relative;
  padding-top: 40px;
  margin-top: 0;
}

[data-theme=light] .gc-faq-cta-section {
  background: #f5f2ea;
}

[data-theme=dark] .gc-faq-cta-section {
  background: linear-gradient(165deg, rgba(6, 14, 22, 0.98) 0%, rgba(10, 22, 34, 0.97) 50%, rgba(8, 18, 28, 0.98) 100%);
  border-top: 1px solid rgba(110, 118, 130, 0.18);
}

.gc-faq-cta-section .container {
  max-width: 980px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.gc-faq-cta-banner {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
  width: 100%;
}

.gc-faq-cta-banner-glow {
  position: absolute;
  inset: -30% -5%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 50%, rgba(255, 194, 38, 0.14) 0%, transparent 42%),
    radial-gradient(circle at 88% 40%, rgba(94, 234, 212, 0.16) 0%, transparent 46%);
}

[data-theme=dark] .gc-faq-cta-banner {
  background: linear-gradient(135deg, #122830 0%, #237687 48%, #1a5561 100%);
  border: 1px solid rgba(94, 234, 212, 0.22);
  box-shadow:
    0 24px 56px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

[data-theme=light] .gc-faq-cta-banner {
  background: linear-gradient(135deg, #1a5561 0%, #237687 50%, #1f6674 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    0 22px 48px rgba(35, 118, 135, 0.28),
    0 8px 24px rgba(17, 21, 28, 0.1);
}

.gc-faq-cta-banner-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding: 44px 52px;
}

.gc-faq-cta-content {
  flex: 1 1 auto;
  min-width: 0;
}

.gc-faq-cta-title {
  margin: 0 0 10px;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.gc-faq-cta-desc {
  margin: 0;
  max-width: 620px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.85);
}

[data-theme=light] .gc-faq-cta-banner h2.gc-faq-cta-title,
[data-theme=dark] .gc-faq-cta-banner h2.gc-faq-cta-title {
  color: #ffffff;
}

[data-theme=light] .gc-faq-cta-banner p.gc-faq-cta-desc,
[data-theme=dark] .gc-faq-cta-banner p.gc-faq-cta-desc {
  color: rgba(255, 255, 255, 0.85);
}

.gc-faq-cta-action {
  flex: 0 0 auto;
}

.gc-faq-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  padding: 14px 30px;
  border-radius: 12px;
  border: 1.5px solid rgba(255, 255, 255, 0.72);
  background: transparent;
  color: #ffffff !important;
  font-family: var(--rr-ff-heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.25s ease;
}

[data-theme=light] .gc-faq-cta-banner .gc-faq-cta-btn {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.75);
}

.gc-faq-cta-btn:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #237687 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.gc-faq-cta-btn:active {
  transform: scale(0.98);
}

@media only screen and (max-width: 991px) {
  .gc-faq-cta-banner-inner {
    padding: 38px 36px;
    gap: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .gc-faq-cta-section {
    padding-top: 32px;
  }

  .gc-faq-cta-banner-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 28px;
  }

  .gc-faq-cta-desc {
    max-width: none;
  }

  .gc-faq-cta-action {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .gc-faq-cta-btn {
    width: 100%;
    max-width: 280px;
  }
}

@media only screen and (max-width: 575px) {
  .gc-faq-cta-banner {
    border-radius: 16px;
  }

  .gc-faq-cta-banner-inner {
    padding: 32px 22px;
  }

  .gc-faq-cta-title {
    font-size: 24px;
  }

  .gc-faq-cta-desc {
    font-size: 15px;
  }
}

/* ===== Refund Policy page (gc-refund-policy-section) — WordPress-ready ===== */
.gc-refund-policy-section {
  position: relative;
  overflow: hidden;
}

.gc-refund-policy-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

[data-theme=light] .gc-refund-policy-section {
  background: #f5f2ea;
}

[data-theme=light] .gc-refund-policy-section::before {
  background:
    radial-gradient(circle at 10% 8%, rgba(35, 118, 135, 0.07) 0%, transparent 42%),
    radial-gradient(circle at 90% 92%, rgba(255, 194, 38, 0.06) 0%, transparent 40%);
}

[data-theme=dark] .gc-refund-policy-section {
  background: linear-gradient(165deg, rgba(6, 14, 22, 0.98) 0%, rgba(10, 22, 34, 0.97) 50%, rgba(8, 18, 28, 0.98) 100%);
}

[data-theme=dark] .gc-refund-policy-section::before {
  background:
    radial-gradient(circle at 12% 10%, rgba(35, 118, 135, 0.14) 0%, transparent 44%),
    radial-gradient(circle at 88% 90%, rgba(255, 194, 38, 0.06) 0%, transparent 42%);
}

.gc-refund-policy-section .container {
  position: relative;
  z-index: 1;
  max-width: 920px;
}

/* Hero */
.gc-refund-policy-hero {
  text-align: center;
  margin-bottom: 48px;
}

.gc-refund-policy-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 16px;
  font-family: var(--rr-ff-heading);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

[data-theme=light] .gc-refund-policy-label {
  color: #237687;
}

[data-theme=dark] .gc-refund-policy-label {
  color: #5eead4;
}

.gc-refund-policy-label-line {
  display: inline-block;
  width: 28px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

.gc-refund-policy-title {
  margin: 0 0 22px;
  font-size: clamp(36px, 5vw, 52px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

[data-theme=light] .gc-refund-policy-title {
  color: #111111;
}

[data-theme=dark] .gc-refund-policy-title {
  color: #ffffff;
}

.gc-refund-policy-intro {
  max-width: 780px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.8;
}

[data-theme=light] .gc-refund-policy-intro {
  color: #555555;
}

[data-theme=dark] .gc-refund-policy-intro {
  color: rgba(255, 255, 255, 0.68);
}

/* Policy cards */
.gc-refund-policy-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 36px;
}

.gc-refund-policy-card {
  border-radius: 18px;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

[data-theme=light] .gc-refund-policy-card {
  background: #ffffff;
  border: 1px solid rgba(35, 118, 135, 0.1);
  box-shadow: 0 4px 20px rgba(35, 118, 135, 0.06);
}

[data-theme=light] .gc-refund-policy-card:hover {
  border-color: rgba(35, 118, 135, 0.22);
  box-shadow: 0 12px 36px rgba(35, 118, 135, 0.12);
  transform: translateY(-2px);
}

[data-theme=dark] .gc-refund-policy-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

[data-theme=dark] .gc-refund-policy-card:hover {
  border-color: rgba(94, 234, 212, 0.22);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.28),
    0 0 24px rgba(35, 118, 135, 0.1);
  transform: translateY(-2px);
}

.gc-refund-policy-card-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 28px 0;
}

.gc-refund-policy-num {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-family: var(--rr-ff-heading);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

[data-theme=light] .gc-refund-policy-num {
  background: linear-gradient(135deg, rgba(35, 118, 135, 0.12) 0%, rgba(35, 118, 135, 0.06) 100%);
  color: #237687;
  border: 1px solid rgba(35, 118, 135, 0.18);
}

[data-theme=dark] .gc-refund-policy-num {
  background: linear-gradient(135deg, rgba(35, 118, 135, 0.35) 0%, rgba(35, 118, 135, 0.15) 100%);
  color: #5eead4;
  border: 1px solid rgba(94, 234, 212, 0.25);
}

.gc-refund-policy-heading {
  margin: 0;
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  line-height: 1.35;
}

[data-theme=light] .gc-refund-policy-heading {
  color: #1a1a1a;
}

[data-theme=dark] .gc-refund-policy-heading {
  color: #ffffff;
}

.gc-refund-policy-card-body {
  padding: 16px 28px 26px;
}

.gc-refund-policy-card-body p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.75;
}

.gc-refund-policy-card-body p:last-child {
  margin-bottom: 0;
}

[data-theme=light] .gc-refund-policy-card-body p {
  color: #444444;
}

[data-theme=dark] .gc-refund-policy-card-body p {
  color: rgba(255, 255, 255, 0.72);
}

/* Lists */
.gc-refund-policy-list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}

.gc-refund-policy-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.75;
}

[data-theme=light] .gc-refund-policy-list li {
  color: #444444;
}

[data-theme=dark] .gc-refund-policy-list li {
  color: rgba(255, 255, 255, 0.72);
}

.gc-refund-policy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #237687;
}

[data-theme=dark] .gc-refund-policy-list li::before {
  background: #5eead4;
}

.gc-refund-policy-list--cross li::before {
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 12px;
  top: 0.35em;
  color: #e05a5a;
}

[data-theme=dark] .gc-refund-policy-list--cross li::before {
  color: #f87171;
}

.gc-refund-policy-note {
  margin-top: 16px !important;
  padding: 16px 20px !important;
  border-radius: 12px;
  font-size: 15px !important;
}

[data-theme=light] .gc-refund-policy-note {
  background: rgba(35, 118, 135, 0.07);
  border-left: 3px solid #237687;
}

[data-theme=dark] .gc-refund-policy-note {
  background: rgba(35, 118, 135, 0.16);
  border-left: 3px solid #5eead4;
}

/* Steps */
.gc-refund-policy-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gc-refund-policy-steps li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.65;
}

[data-theme=light] .gc-refund-policy-steps li {
  background: rgba(35, 118, 135, 0.05);
  border: 1px solid rgba(35, 118, 135, 0.1);
  color: #444444;
}

[data-theme=dark] .gc-refund-policy-steps li {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.72);
}

.gc-refund-policy-step-num {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
}

[data-theme=light] .gc-refund-policy-step-num {
  background: #237687;
  color: #ffffff;
}

[data-theme=dark] .gc-refund-policy-step-num {
  background: rgba(94, 234, 212, 0.18);
  color: #5eead4;
  border: 1px solid rgba(94, 234, 212, 0.3);
}

/* Processing time grid */
.gc-refund-policy-timing {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.gc-refund-policy-timing li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 20px 14px;
  border-radius: 14px;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

[data-theme=light] .gc-refund-policy-timing li {
  background: rgba(35, 118, 135, 0.05);
  border: 1px solid rgba(35, 118, 135, 0.12);
}

[data-theme=light] .gc-refund-policy-timing li:hover {
  border-color: rgba(35, 118, 135, 0.28);
  transform: translateY(-3px);
}

[data-theme=dark] .gc-refund-policy-timing li {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme=dark] .gc-refund-policy-timing li:hover {
  border-color: rgba(94, 234, 212, 0.25);
  transform: translateY(-3px);
}

.gc-refund-policy-timing-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 18px;
}

[data-theme=light] .gc-refund-policy-timing-icon {
  background: rgba(35, 118, 135, 0.1);
  color: #237687;
}

[data-theme=dark] .gc-refund-policy-timing-icon {
  background: rgba(94, 234, 212, 0.1);
  color: #5eead4;
}

.gc-refund-policy-timing-label {
  font-size: 14px;
  font-weight: 600;
}

[data-theme=light] .gc-refund-policy-timing-label {
  color: #333333;
}

[data-theme=dark] .gc-refund-policy-timing-label {
  color: rgba(255, 255, 255, 0.88);
}

.gc-refund-policy-timing-val {
  font-size: 13px;
  line-height: 1.4;
}

[data-theme=light] .gc-refund-policy-timing-val {
  color: #666666;
}

[data-theme=dark] .gc-refund-policy-timing-val {
  color: rgba(255, 255, 255, 0.55);
}

/* Links */
.gc-refund-policy-card-body a,
.gc-refund-policy-closing a:not(.gc-refund-policy-closing-btn) {
  color: #237687;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.25s ease;
}

[data-theme=dark] .gc-refund-policy-card-body a,
[data-theme=dark] .gc-refund-policy-closing a:not(.gc-refund-policy-closing-btn) {
  color: #5eead4;
}

.gc-refund-policy-card-body a:hover,
.gc-refund-policy-closing a:not(.gc-refund-policy-closing-btn):hover {
  color: #ffc226;
}

/* Closing CTA card */
.gc-refund-policy-closing {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  isolation: isolate;
}

.gc-refund-policy-closing-glow {
  position: absolute;
  inset: -40% -10%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(94, 234, 212, 0.12) 0%, transparent 45%),
    radial-gradient(circle at 80% 50%, rgba(255, 194, 38, 0.08) 0%, transparent 42%);
}

[data-theme=light] .gc-refund-policy-closing {
  background: linear-gradient(135deg, #1f6674 0%, #237687 55%, #1a5561 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 24px 56px rgba(35, 118, 135, 0.28);
}

[data-theme=dark] .gc-refund-policy-closing {
  background: linear-gradient(135deg, #122830 0%, #1a3f4a 45%, #153640 100%);
  border: 1px solid rgba(94, 234, 212, 0.2);
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gc-refund-policy-closing-inner {
  position: relative;
  z-index: 1;
  padding: 40px 44px;
}

.gc-refund-policy-closing-title {
  margin: 0 0 14px;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  letter-spacing: -0.02em;
}

.gc-refund-policy-closing-desc {
  margin: 0 0 24px;
  max-width: 680px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.85);
}

[data-theme=light] .gc-refund-policy-closing h2.gc-refund-policy-closing-title {
  color: #ffffff;
}

[data-theme=light] .gc-refund-policy-closing p.gc-refund-policy-closing-desc {
  color: rgba(255, 255, 255, 0.85);
}

[data-theme=light] .gc-refund-policy-closing .gc-refund-policy-contact-text {
  color: rgba(255, 255, 255, 0.88);
}

[data-theme=light] .gc-refund-policy-closing .gc-refund-policy-contact-text strong {
  color: #ffffff;
}

[data-theme=light] .gc-refund-policy-closing a.gc-refund-policy-contact-item {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
}

[data-theme=light] .gc-refund-policy-closing a.gc-refund-policy-contact-item:hover {
  color: #ffffff;
}

.gc-refund-policy-contact-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.gc-refund-policy-contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 14px;
  text-decoration: none;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.25s ease;
}

[data-theme=light] .gc-refund-policy-contact-item,
[data-theme=dark] .gc-refund-policy-contact-item {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.gc-refund-policy-contact-item:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(94, 234, 212, 0.35);
  transform: translateX(4px);
}

.gc-refund-policy-contact-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  font-size: 17px;
  color: #5eead4;
  background: rgba(94, 234, 212, 0.12);
  border: 1px solid rgba(94, 234, 212, 0.22);
}

.gc-refund-policy-contact-text {
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
}

.gc-refund-policy-contact-text strong {
  color: #ffffff;
  font-weight: 600;
}

.gc-refund-policy-closing-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 12px;
  background: #ffffff;
  color: #237687 !important;
  text-decoration: none !important;
  font-family: var(--rr-ff-heading);
  font-size: 15px;
  font-weight: 700;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.25s ease;
}

.gc-refund-policy-closing-btn:hover {
  background: #ffc226 !important;
  color: #1a1a1a !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.gc-refund-policy-closing-btn i {
  font-size: 14px;
  transition: transform 0.3s ease;
}

.gc-refund-policy-closing-btn:hover i {
  transform: translateX(4px);
}

@media only screen and (max-width: 767px) {
  .gc-refund-policy-hero {
    margin-bottom: 36px;
  }

  .gc-refund-policy-intro {
    font-size: 16px;
  }

  .gc-refund-policy-card-head {
    padding: 20px 20px 0;
    gap: 12px;
  }

  .gc-refund-policy-card-body {
    padding: 14px 20px 22px;
  }

  .gc-refund-policy-num {
    width: 38px;
    height: 38px;
    font-size: 12px;
  }

  .gc-refund-policy-timing {
    grid-template-columns: 1fr;
  }

  .gc-refund-policy-closing-inner {
    padding: 32px 24px;
  }
}

@media only screen and (max-width: 575px) {
  .gc-refund-policy-closing {
    border-radius: 18px;
  }

  .gc-refund-policy-closing-inner {
    padding: 28px 20px;
  }

  .gc-refund-policy-closing-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-refund-policy-card,
  .gc-refund-policy-timing li,
  .gc-refund-policy-contact-item,
  .gc-refund-policy-closing-btn {
    transition: none;
  }

  .gc-refund-policy-card:hover,
  .gc-refund-policy-timing li:hover,
  .gc-refund-policy-contact-item:hover,
  .gc-refund-policy-closing-btn:hover {
    transform: none;
  }
}

/* Delivery policy — 5-column timeline grid */
.gc-refund-policy-timing--delivery {
  grid-template-columns: repeat(5, 1fr);
  margin-top: 8px;
}

.gc-refund-policy-timing-note {
  margin: 14px 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-style: italic;
}

[data-theme=light] .gc-refund-policy-timing-note {
  color: #666666 !important;
}

[data-theme=dark] .gc-refund-policy-timing-note {
  color: rgba(255, 255, 255, 0.55) !important;
}

@media only screen and (max-width: 991px) {
  .gc-refund-policy-timing--delivery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .gc-refund-policy-timing--delivery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .gc-refund-policy-timing--delivery {
    grid-template-columns: 1fr;
  }
}

/* ===== Web Solutions — hero (gc-web-solutions-hero) — WordPress-ready ===== */
.gc-web-solutions-hero .hero-services-3d-wrap {
  max-width: 100%;
}

.gc-web-solutions-hero .gc-web-solutions-hero-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 26px 20px;
}

.gc-web-solutions-hero .service-card-img {
  width: 100%;
  max-width: 100%;
  border-radius: 20px;
}

.gc-web-solutions-hero .service-card-info {
  margin-top: 16px;
  padding: 0 4px;
}

.gc-web-solutions-hero .service-card-info .title {
  font-size: 15px;
  margin-bottom: 5px;
}

.gc-web-solutions-hero .service-card-info p {
  font-size: 12px;
  line-height: 1.5;
}

.gc-web-solutions-hero .hero-service-card:nth-child(5) {
  animation: heroCardFloat 5s ease-in-out 2.4s infinite;
}

.gc-web-solutions-hero .hero-service-card:nth-child(6) {
  animation: heroCardFloat 5s ease-in-out 3s infinite;
}

@media (max-width: 1199px) {
  .gc-web-solutions-hero .gc-web-solutions-hero-grid {
    gap: 24px 18px;
  }

  .gc-web-solutions-hero .service-card-img {
    border-radius: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1319px) {
  .gc-web-solutions-hero .hero-row-11 {
    padding-top: 120px;
    row-gap: 28px;
  }

  .gc-web-solutions-hero .hero-info-4 .title {
    font-size: clamp(34px, 3.8vw, 46px);
    line-height: 1.16;
  }

  .gc-web-solutions-hero .hero-info-4 p {
    font-size: 16px;
    line-height: 1.65;
    margin: 16px 0 28px;
  }

  .gc-web-solutions-hero .gc-web-solutions-hero-grid {
    gap: 16px 12px;
  }

  .gc-web-solutions-hero .service-card-info .title {
    font-size: 13px;
  }
}

@media only screen and (max-width: 992px) {
  .gc-web-solutions-hero .hero-services-3d-wrap {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }

  .gc-web-solutions-hero .hero-row-11 {
    padding-top: 28px;
    padding-bottom: 44px;
  }

  .gc-web-solutions-hero .hero-info-4 {
    padding-top: 0 !important;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .gc-web-solutions-hero .gc-web-solutions-hero-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
  }

  .gc-web-solutions-hero .service-card-img {
    border-radius: 16px;
  }

  .gc-web-solutions-hero .service-card-info .title {
    font-size: 14px;
  }

  .gc-web-solutions-hero .service-card-info p {
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-web-solutions-hero .hero-service-card {
    animation: none !important;
  }
}

/* ===== Web Solutions — services cards grid (gc-web-services-section) — WordPress-ready ===== */
.gc-web-services-section {
  position: relative;
  overflow: hidden;
}

.gc-web-services-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

[data-theme=light] .gc-web-services-section {
  background: #f5f2ea;
}

[data-theme=light] .gc-web-services-section::before {
  background:
    radial-gradient(circle at 8% 20%, rgba(35, 118, 135, 0.06) 0%, transparent 42%),
    radial-gradient(circle at 92% 80%, rgba(255, 194, 38, 0.05) 0%, transparent 40%);
}

[data-theme=dark] .gc-web-services-section {
  background: linear-gradient(165deg, rgba(6, 14, 22, 0.98) 0%, rgba(10, 22, 34, 0.97) 50%, rgba(8, 18, 28, 0.98) 100%);
  border-top: 1px solid rgba(110, 118, 130, 0.18);
}

[data-theme=dark] .gc-web-services-section::before {
  background:
    radial-gradient(circle at 10% 15%, rgba(35, 118, 135, 0.12) 0%, transparent 44%),
    radial-gradient(circle at 90% 85%, rgba(255, 194, 38, 0.06) 0%, transparent 42%);
}

.gc-web-services-section .container {
  position: relative;
  z-index: 1;
}

.gc-web-services-header {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.gc-web-services-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-web-services-title {
  margin: 0;
  padding-bottom: 18px;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  position: relative;
}

[data-theme=light] .gc-web-services-section .gc-web-services-title {
  color: #11151c;
}

[data-theme=dark] .gc-web-services-section .gc-web-services-title {
  color: #ffffff;
}

.gc-web-services-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: var(--rr-color-theme-primary);
  transform: translateX(-50%);
}

.gc-web-services-accent {
  color: var(--rr-color-theme-primary);
}

.gc-web-services-intro {
  margin: 22px auto 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=light] .gc-web-services-section .gc-web-services-intro {
  color: rgba(17, 21, 28, 0.72);
}

[data-theme=dark] .gc-web-services-section .gc-web-services-intro {
  color: rgba(255, 255, 255, 0.72);
}

.gc-web-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.gc-web-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 28px 26px 24px;
  border-radius: 16px;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

[data-theme=light] .gc-web-service-card {
  background: #ffffff;
  border: 1px solid rgba(35, 118, 135, 0.1);
  box-shadow: 0 8px 28px rgba(35, 118, 135, 0.07);
}

[data-theme=light] .gc-web-service-card:hover {
  transform: translateY(-5px);
  border-color: rgba(35, 118, 135, 0.22);
  box-shadow: 0 16px 40px rgba(35, 118, 135, 0.12);
}

[data-theme=dark] .gc-web-service-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.22);
}

[data-theme=dark] .gc-web-service-card:hover {
  transform: translateY(-5px);
  border-color: rgba(94, 234, 212, 0.25);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(35, 118, 135, 0.1);
}

.gc-web-service-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  margin-bottom: 18px;
  font-size: 22px;
}

.gc-web-service-card--blue .gc-web-service-card-icon {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
}

.gc-web-service-card--green .gc-web-service-card-icon {
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
}

.gc-web-service-card--orange .gc-web-service-card-icon {
  background: rgba(234, 88, 12, 0.12);
  color: #ea580c;
}

.gc-web-service-card--teal .gc-web-service-card-icon {
  background: rgba(35, 118, 135, 0.14);
  color: #237687;
}

[data-theme=dark] .gc-web-service-card--blue .gc-web-service-card-icon {
  background: rgba(37, 99, 235, 0.2);
  color: #60a5fa;
}

[data-theme=dark] .gc-web-service-card--green .gc-web-service-card-icon {
  background: rgba(22, 163, 74, 0.2);
  color: #4ade80;
}

[data-theme=dark] .gc-web-service-card--orange .gc-web-service-card-icon {
  background: rgba(234, 88, 12, 0.2);
  color: #fb923c;
}

[data-theme=dark] .gc-web-service-card--teal .gc-web-service-card-icon {
  background: rgba(35, 118, 135, 0.28);
  color: #5eead4;
}

.gc-web-service-card-title {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

[data-theme=light] .gc-web-service-card-title {
  color: #111111;
}

[data-theme=dark] .gc-web-service-card-title {
  color: #ffffff;
}

.gc-web-service-card-desc {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.65;
}

[data-theme=light] .gc-web-service-card-desc {
  color: #5a6472;
}

[data-theme=dark] .gc-web-service-card-desc {
  color: rgba(255, 255, 255, 0.65);
}

.gc-web-service-card-list {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  flex: 1 1 auto;
}

.gc-web-service-card-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 9px;
  font-size: 15px;
  line-height: 1.5;
}

.gc-web-service-card-list li:last-child {
  margin-bottom: 0;
}

[data-theme=light] .gc-web-service-card-list li {
  color: #4a5568;
}

[data-theme=dark] .gc-web-service-card-list li {
  color: rgba(255, 255, 255, 0.72);
}

.gc-web-service-card-list li i {
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 12px;
  color: #16a34a;
}

[data-theme=dark] .gc-web-service-card-list li i {
  color: #4ade80;
}

.gc-web-service-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-family: var(--rr-ff-heading);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: gap 0.25s ease, color 0.25s ease;
}

[data-theme=light] .gc-web-service-card-link {
  color: #237687;
}

[data-theme=dark] .gc-web-service-card-link {
  color: #5eead4;
}

.gc-web-service-card-link:hover {
  color: #ffc226;
  gap: 12px;
}

.gc-web-service-card-link i {
  font-size: 13px;
  transition: transform 0.25s ease;
}

.gc-web-service-card-link:hover i {
  transform: translateX(3px);
}

@media only screen and (max-width: 1199px) {
  .gc-web-services-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .gc-web-services-header {
    margin-bottom: 36px;
  }

  .gc-web-services-intro {
    font-size: 16px;
  }

  .gc-web-services-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .gc-web-service-card {
    padding: 24px 22px 22px;
  }

  .gc-web-service-card-title {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-web-service-card,
  .gc-web-service-card-link,
  .gc-web-service-card-link i {
    transition: none;
  }

  .gc-web-service-card:hover {
    transform: none;
  }
}

/* ===== Web Solutions — tech stack marquee (gc-web-tech-stack-section) — WordPress-ready ===== */
.gc-web-tech-stack-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.gc-web-tech-stack-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

[data-theme=dark] .gc-web-tech-stack-section {
  background: linear-gradient(165deg, rgba(6, 14, 22, 0.98) 0%, rgba(10, 22, 34, 0.97) 48%, rgba(8, 18, 28, 0.98) 100%);
  border-top: 1px solid rgba(110, 118, 130, 0.2);
  border-bottom: 1px solid rgba(110, 118, 130, 0.12);
}

[data-theme=dark] .gc-web-tech-stack-section::before {
  background:
    radial-gradient(circle at 14% 22%, rgba(35, 118, 135, 0.18) 0%, transparent 44%),
    radial-gradient(circle at 86% 78%, rgba(255, 194, 38, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 50% 100%, rgba(94, 234, 212, 0.06) 0%, transparent 36%);
}

[data-theme=light] .gc-web-tech-stack-section {
  background: linear-gradient(180deg, #f5f2ea 0%, #ffffff 55%, #f8fafb 100%);
  border-top: 1px solid rgba(17, 21, 28, 0.06);
  border-bottom: 1px solid rgba(35, 118, 135, 0.08);
}

[data-theme=light] .gc-web-tech-stack-section::before {
  background:
    radial-gradient(circle at 12% 18%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(255, 194, 38, 0.07) 0%, transparent 40%);
}

.gc-web-tech-stack-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  filter: blur(60px);
  animation: gcWebTechStackGlow 8s ease-in-out infinite;
}

.gc-web-tech-stack-glow--1 {
  width: 280px;
  height: 280px;
  top: 8%;
  left: -4%;
  background: rgba(35, 118, 135, 0.22);
}

.gc-web-tech-stack-glow--2 {
  width: 220px;
  height: 220px;
  bottom: 10%;
  right: -2%;
  background: rgba(255, 194, 38, 0.14);
  animation-delay: -4s;
}

@keyframes gcWebTechStackGlow {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.75;
  }

  50% {
    transform: translate3d(0, -18px, 0) scale(1.08);
    opacity: 1;
  }
}

.gc-web-tech-stack-section .container {
  position: relative;
  z-index: 1;
}

.gc-web-tech-stack-header {
  max-width: 760px;
  margin: 0 auto 52px;
}

.gc-web-tech-stack-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rr-color-theme-primary);
}

.gc-web-tech-stack-eyebrow::before,
.gc-web-tech-stack-eyebrow::after {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--rr-color-theme-secondary), transparent);
}

.gc-web-tech-stack-title {
  margin: 0 0 18px;
  padding-bottom: 20px;
  font-size: clamp(1.85rem, 3.8vw, 2.85rem);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.03em;
  position: relative;
}

[data-theme=dark] .gc-web-tech-stack-section .gc-web-tech-stack-title {
  color: #ffffff;
}

[data-theme=light] .gc-web-tech-stack-section .gc-web-tech-stack-title {
  color: var(--rr-color-heading-primary);
}

.gc-web-tech-stack-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
  transform: translateX(-50%);
}

.gc-web-tech-stack-accent {
  display: inline-block;
  color: #ffc226;
  animation: gcWebTechStackAccentPulse 3s ease-in-out infinite;
}

@keyframes gcWebTechStackAccentPulse {
  0%,
  100% {
    text-shadow: 0 0 0 rgba(255, 194, 38, 0);
  }

  50% {
    text-shadow: 0 0 24px rgba(255, 194, 38, 0.35);
  }
}

.gc-web-tech-stack-desc {
  margin: 0 auto;
  max-width: 560px;
  font-size: 17px;
  line-height: 1.75;
}

[data-theme=dark] .gc-web-tech-stack-desc {
  color: rgba(255, 255, 255, 0.68);
}

[data-theme=light] .gc-web-tech-stack-desc {
  color: var(--rr-color-text-body-light);
}

.gc-web-tech-stack-marquees-wrap {
  position: relative;
  z-index: 1;
  padding: 8px 0 0;
}

.gc-web-tech-stack-marquees {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 28px 0;
  position: relative;
}

[data-theme=dark] .gc-web-tech-stack-marquees {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(35, 118, 135, 0.06) 50%, rgba(255, 255, 255, 0.02) 100%);
  border-top: 1px solid rgba(94, 234, 212, 0.12);
  border-bottom: 1px solid rgba(94, 234, 212, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 24px 56px rgba(0, 0, 0, 0.24);
}

[data-theme=light] .gc-web-tech-stack-marquees {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(245, 242, 234, 0.75) 100%);
  border-top: 1px solid rgba(35, 118, 135, 0.12);
  border-bottom: 1px solid rgba(35, 118, 135, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 20px 48px rgba(35, 118, 135, 0.08);
}

.gc-web-tech-stack-marquees::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    90deg,
    transparent 0,
    transparent 79px,
    rgba(35, 118, 135, 0.04) 79px,
    rgba(35, 118, 135, 0.04) 80px
  );
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

.gc-web-tech-stack-row {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}

.gc-web-tech-stack-row + .gc-web-tech-stack-row {
  border-top: 1px solid rgba(35, 118, 135, 0.1);
}

[data-theme=dark] .gc-web-tech-stack-row + .gc-web-tech-stack-row {
  border-top-color: rgba(94, 234, 212, 0.1);
}

.gc-web-tech-stack-row::before,
.gc-web-tech-stack-row::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(48px, 12vw, 160px);
  z-index: 2;
  pointer-events: none;
}

[data-theme=dark] .gc-web-tech-stack-row::before {
  left: 0;
  background: linear-gradient(90deg, rgba(8, 18, 28, 0.98) 0%, rgba(8, 18, 28, 0) 100%);
}

[data-theme=dark] .gc-web-tech-stack-row::after {
  right: 0;
  background: linear-gradient(270deg, rgba(8, 18, 28, 0.98) 0%, rgba(8, 18, 28, 0) 100%);
}

[data-theme=light] .gc-web-tech-stack-row::before {
  left: 0;
  background: linear-gradient(90deg, #f5f2ea 0%, rgba(245, 242, 234, 0) 100%);
}

[data-theme=light] .gc-web-tech-stack-row::after {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.gc-web-tech-stack-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.gc-web-tech-stack-row--rtl .gc-web-tech-stack-track {
  animation: gcWebTechStackMarqueeLeft 38s linear infinite;
  margin-bottom: 20px;
}

.gc-web-tech-stack-row--ltr .gc-web-tech-stack-track {
  animation: gcWebTechStackMarqueeRight 38s linear infinite;
}

.gc-web-tech-stack-marquees:hover .gc-web-tech-stack-track {
  animation-play-state: paused;
}

.gc-web-tech-stack-group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.gc-web-tech-stack-item {
  flex-shrink: 0;
  padding: 0 clamp(24px, 3.5vw, 56px);
  font-size: clamp(2.25rem, 6vw, 5rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
  user-select: none;
  transition:
    color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease,
    text-shadow 0.35s ease;
}

[data-theme=dark] .gc-web-tech-stack-item {
  color: #ffffff;
}

[data-theme=light] .gc-web-tech-stack-item {
  color: var(--rr-color-heading-primary);
}

.gc-web-tech-stack-row--rtl .gc-web-tech-stack-item {
  animation: gcWebTechStackItemReveal 38s linear infinite;
}

.gc-web-tech-stack-row--ltr .gc-web-tech-stack-item {
  animation: gcWebTechStackItemReveal 38s linear infinite reverse;
}

.gc-web-tech-stack-marquees:hover .gc-web-tech-stack-item {
  animation-play-state: paused;
}

.gc-web-tech-stack-item:hover {
  color: var(--rr-color-theme-primary);
  transform: scale(1.04);
  opacity: 1 !important;
  text-shadow: 0 0 28px rgba(35, 118, 135, 0.35);
}

[data-theme=dark] .gc-web-tech-stack-item:hover {
  color: #5eead4;
  text-shadow: 0 0 32px rgba(94, 234, 212, 0.28);
}

.gc-web-tech-stack-item:nth-child(odd):hover {
  color: #ffc226;
  text-shadow: 0 0 28px rgba(255, 194, 38, 0.3);
}

@keyframes gcWebTechStackMarqueeLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes gcWebTechStackMarqueeRight {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes gcWebTechStackItemReveal {
  0%,
  100% {
    opacity: 0.3;
  }

  50% {
    opacity: 0.95;
  }
}

@media only screen and (max-width: 991px) {
  .gc-web-tech-stack-header {
    margin-bottom: 40px;
  }

  .gc-web-tech-stack-desc {
    font-size: 16px;
  }

  .gc-web-tech-stack-marquees {
    padding: 22px 0;
  }

  .gc-web-tech-stack-glow--1 {
    width: 200px;
    height: 200px;
  }

  .gc-web-tech-stack-glow--2 {
    width: 160px;
    height: 160px;
  }
}

@media only screen and (max-width: 575px) {
  .gc-web-tech-stack-header {
    margin-bottom: 32px;
  }

  .gc-web-tech-stack-eyebrow::before,
  .gc-web-tech-stack-eyebrow::after {
    width: 18px;
  }

  .gc-web-tech-stack-desc {
    font-size: 15px;
  }

  .gc-web-tech-stack-marquees {
    padding: 18px 0;
  }

  .gc-web-tech-stack-item {
    padding: 0 20px;
    font-size: clamp(1.85rem, 10vw, 2.5rem);
  }

  .gc-web-tech-stack-row::before,
  .gc-web-tech-stack-row::after {
    width: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-web-tech-stack-glow,
  .gc-web-tech-stack-accent,
  .gc-web-tech-stack-item {
    animation: none !important;
  }

  .gc-web-tech-stack-track {
    animation: none !important;
  }

  [data-theme=dark] .gc-web-tech-stack-item,
  [data-theme=light] .gc-web-tech-stack-item {
    opacity: 0.72;
    color: rgba(255, 255, 255, 0.72);
  }

  [data-theme=light] .gc-web-tech-stack-item {
    color: rgba(17, 21, 28, 0.72);
  }

  .gc-web-tech-stack-row {
    overflow-x: auto;
  }

  .gc-web-tech-stack-row--ltr .gc-web-tech-stack-track {
    justify-content: flex-end;
  }
}

/* ===== Web Solutions — about why choose list (gc-web-about-section) — WordPress-ready ===== */
.gc-web-about-section .gc-web-about-list-wrap .about-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 28px;
  margin-bottom: 40px;
  align-items: start;
}

.gc-web-about-section .gc-web-about-list-wrap .about-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-right: 0 !important;
  font-size: 15px;
  line-height: 1.45;
}

.gc-web-about-section .gc-web-about-list-wrap .about-list li i {
  flex-shrink: 0;
  margin-top: 3px;
}

@media only screen and (max-width: 575px) {
  .gc-web-about-section .gc-web-about-list-wrap .about-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ============================================
   QUOTE BANNER - PREMIUM DESIGN
   ============================================ */
.ai-quote-banner-11 {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}

/* ---------- Background ---------- */
.ai-quote-banner-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ai-quote-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ai-quote-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(2, 12, 18, 0.95) 0%, rgba(7, 42, 53, 0.9) 50%, rgba(2, 12, 18, 0.95) 100%);
}

[data-theme=light] .ai-quote-overlay {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.97) 0%, rgba(240, 249, 252, 0.95) 50%, rgba(255, 255, 255, 0.97) 100%);
}

/* ---------- Content ---------- */
.ai-quote-content {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

/* ---------- Badge ---------- */
.ai-quote-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 28px;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

[data-theme=dark] .ai-quote-badge {
  background: rgba(11, 89, 105, 0.15);
  color: var(--rr-color-theme-primary);
  border: 1px solid rgba(11, 89, 105, 0.25);
  backdrop-filter: blur(10px);
}

[data-theme=dark] .ai-quote-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: var(--rr-color-theme-primary);
  border-radius: 50px;
  animation: gcBadgePulse 2s ease-in-out infinite;
}

@keyframes gcBadgePulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(11, 89, 105, 0.5); }
  50% { opacity: 0.6; box-shadow: 0 0 15px rgba(11, 89, 105, 0.8); }
}

[data-theme=dark] .ai-quote-banner-11:hover .ai-quote-badge {
  background: rgba(11, 89, 105, 0.25);
  border-color: rgba(11, 89, 105, 0.4);
  box-shadow: 0 0 25px rgba(11, 89, 105, 0.15);
}

[data-theme=light] .ai-quote-badge {
  background: rgba(11, 89, 105, 0.08);
  color: #0b5969;
  border: 1px solid rgba(11, 89, 105, 0.15);
}

[data-theme=light] .ai-quote-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #0b5969;
  border-radius: 50px;
}

[data-theme=light] .ai-quote-banner-11:hover .ai-quote-badge {
  background: rgba(11, 89, 105, 0.12);
  border-color: rgba(11, 89, 105, 0.25);
}

/* ---------- Title ---------- */
.ai-quote-title {
  font-size: 52px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 24px;
  letter-spacing: -1px;
  transition: all 0.4s ease;
}

[data-theme=dark] .ai-quote-title {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme=dark] .ai-quote-banner-11:hover .ai-quote-title {
  text-shadow: 0 0 40px rgba(11, 89, 105, 0.25);
}

[data-theme=light] .ai-quote-title {
  color: #0a0e14;
}

/* ---------- Subtitle ---------- */
.ai-quote-subtitle {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 36px;
  transition: color 0.4s ease;
}

[data-theme=dark] .ai-quote-subtitle {
  color: rgba(255, 255, 255, 0.65);
}

[data-theme=light] .ai-quote-subtitle {
  color: #5a6270;
}

/* ---------- Features List ---------- */
.ai-quote-features {
  list-style: none;
  padding: 0;
  margin: 0 0 44px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.ai-quote-features li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  overflow: hidden;
}

[data-theme=dark] .ai-quote-features li {
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
}

[data-theme=dark] .ai-quote-features li::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(11, 89, 105, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

[data-theme=dark] .ai-quote-features li:hover::before {
  opacity: 1;
}

[data-theme=dark] .ai-quote-features li:hover {
  border-color: rgba(11, 89, 105, 0.35);
  transform: translateX(8px);
  box-shadow: 0 8px 25px rgba(11, 89, 105, 0.15),
              inset 0 0 20px rgba(11, 89, 105, 0.05);
}

[data-theme=light] .ai-quote-features li {
  background: rgba(11, 89, 105, 0.03);
  color: #2d3748;
  border: 1px solid rgba(11, 89, 105, 0.06);
}

[data-theme=light] .ai-quote-features li::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(11, 89, 105, 0.06) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

[data-theme=light] .ai-quote-features li:hover::before {
  opacity: 1;
}

[data-theme=light] .ai-quote-features li:hover {
  border-color: rgba(11, 89, 105, 0.15);
  transform: translateX(8px);
  box-shadow: 0 8px 25px rgba(11, 89, 105, 0.08);
}

.ai-quote-features li i,
.ai-quote-features li svg {
  flex-shrink: 0;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
}

[data-theme=dark] .ai-quote-features li i {
  color: var(--rr-color-theme-primary);
}

[data-theme=dark] .ai-quote-features li:hover i {
  filter: drop-shadow(0 0 8px rgba(11, 89, 105, 0.6));
  transform: scale(1.1);
}

[data-theme=light] .ai-quote-features li i {
  color: #0b5969;
}

[data-theme=light] .ai-quote-features li:hover i {
  transform: scale(1.1);
}

/* ---------- Button ---------- */
.ai-quote-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 40px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  border: none;
  cursor: pointer;
}

.ai-quote-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}

.ai-quote-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent, rgba(255, 255, 255, 0.1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.ai-quote-btn:hover::before {
  left: 100%;
}

[data-theme=dark] .ai-quote-btn {
  background: linear-gradient(135deg, #0b5969 0%, var(--rr-color-theme-primary) 100%);
  color: #ffffff;
  box-shadow: 0 4px 25px rgba(11, 89, 105, 0.3),
              0 0 0 1px rgba(11, 89, 105, 0.1);
}

[data-theme=dark] .ai-quote-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(11, 89, 105, 0.45),
              0 0 30px rgba(11, 89, 105, 0.2),
              0 0 0 1px rgba(11, 89, 105, 0.2);
}

[data-theme=light] .ai-quote-btn {
  background: linear-gradient(135deg, #0b5969 0%, var(--rr-color-theme-primary) 100%);
  color: #ffffff;
  box-shadow: 0 4px 25px rgba(11, 89, 105, 0.2);
}

[data-theme=light] .ai-quote-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(11, 89, 105, 0.3),
              0 0 25px rgba(11, 89, 105, 0.15);
}

.ai-quote-btn i,
.ai-quote-btn svg {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  z-index: 1;
}

.ai-quote-btn:hover i,
.ai-quote-btn:hover svg {
  transform: translateX(6px);
}

/* ---------- Floating Orbs ---------- */
.ai-quote-banner-11::before,
.ai-quote-banner-11::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  filter: blur(60px);
}

.ai-quote-banner-11::before {
  width: 350px;
  height: 350px;
  top: -80px;
  right: 10%;
  background: rgba(11, 89, 105, 0.12);
  animation: gcQuoteOrb1 15s ease-in-out infinite;
}

.ai-quote-banner-11::after {
  width: 280px;
  height: 280px;
  bottom: -60px;
  left: 15%;
  background: rgba(255, 194, 38, 0.08);
  animation: gcQuoteOrb2 12s ease-in-out infinite;
}

@keyframes gcQuoteOrb1 {
  0%, 100% { transform: translate(0, 0); opacity: 0.6; }
  33% { transform: translate(-40px, 30px); opacity: 0.8; }
  66% { transform: translate(20px, -20px); opacity: 0.5; }
}

@keyframes gcQuoteOrb2 {
  0%, 100% { transform: translate(0, 0); opacity: 0.5; }
  33% { transform: translate(30px, -25px); opacity: 0.7; }
  66% { transform: translate(-25px, 15px); opacity: 0.4; }
}

[data-theme=light] .ai-quote-banner-11::before {
  background: rgba(11, 89, 105, 0.06);
}

[data-theme=light] .ai-quote-banner-11::after {
  background: rgba(255, 194, 38, 0.04);
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .ai-quote-banner-11 {
    padding: 80px 0;
  }

  .ai-quote-title {
    font-size: 40px;
  }

  .ai-quote-features {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .ai-quote-banner-11 {
    padding: 60px 0;
  }

  .ai-quote-title {
    font-size: 32px;
  }

  .ai-quote-subtitle {
    font-size: 16px;
  }

  .ai-quote-btn {
    padding: 14px 28px;
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .ai-quote-banner-11 {
    padding: 50px 0;
  }

  .ai-quote-title {
    font-size: 28px;
  }

  .ai-quote-badge {
    font-size: 11px;
    padding: 6px 16px;
  }

  .ai-quote-features li {
    padding: 12px 14px;
    font-size: 14px;
  }
}

/* ============================================
   404 ERROR PAGE - PREMIUM DESIGN
   ============================================ */
.error-page-wrapper {
  position: relative;
  overflow: hidden;
}

.error-page {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at 50% 0%, rgba(11, 89, 105, 0.08) 0%, transparent 60%);
  pointer-events: none;
}

[data-theme=dark] .error-page::before {
  background: radial-gradient(ellipse at 50% 0%, rgba(11, 89, 105, 0.12) 0%, transparent 60%);
}

/* ---------- Error Wrapper ---------- */
.error-wrapper {
  text-align: center;
  position: relative;
  z-index: 2;
}

/* ---------- Error Image ---------- */
.error-wrapper img {
  max-width: 420px;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.error-wrapper img:hover {
  transform: translateY(-10px);
}

[data-theme=dark] .error-wrapper img {
  filter: drop-shadow(0 20px 40px rgba(11, 89, 105, 0.2));
}

[data-theme=light] .error-wrapper img {
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.08));
}

/* ---------- Error Title ---------- */
.error-wrapper h2 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 20px;
  letter-spacing: -1px;
}

[data-theme=dark] .error-wrapper h2 {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

[data-theme=light] .error-wrapper h2 {
  color: #0a0e14;
}

/* ---------- Error Description ---------- */
.error-wrapper p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 40px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

[data-theme=dark] .error-wrapper p {
  color: rgba(255, 255, 255, 0.65);
}

[data-theme=light] .error-wrapper p {
  color: #5a6270;
}

/* ---------- Error Button ---------- */
.error-wrapper .primary-btn1 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 36px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  border: none;
  cursor: pointer;
}

.error-wrapper .primary-btn1::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.error-wrapper .primary-btn1:hover::before {
  left: 100%;
}

[data-theme=dark] .error-wrapper .primary-btn1.black-bg {
  background: linear-gradient(135deg, #0b5969 0%, var(--rr-color-theme-primary) 100%);
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(11, 89, 105, 0.3);
}

[data-theme=dark] .error-wrapper .primary-btn1.black-bg:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(11, 89, 105, 0.4);
}

[data-theme=light] .error-wrapper .primary-btn1.black-bg {
  background: linear-gradient(135deg, #0b5969 0%, var(--rr-color-theme-primary) 100%);
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(11, 89, 105, 0.2);
}

[data-theme=light] .error-wrapper .primary-btn1.black-bg:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(11, 89, 105, 0.3);
}

.error-wrapper .primary-btn1 span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.error-wrapper .primary-btn1 svg {
  transition: transform 0.3s ease;
}

.error-wrapper .primary-btn1:hover svg {
  transform: translateX(4px);
}

/* ---------- Floating Orbs ---------- */
.error-page-wrapper::before,
.error-page-wrapper::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  filter: blur(80px);
}

.error-page-wrapper::before {
  width: 400px;
  height: 400px;
  top: -100px;
  right: 10%;
  background: rgba(11, 89, 105, 0.1);
  animation: gcErrorOrb1 15s ease-in-out infinite;
}

.error-page-wrapper::after {
  width: 300px;
  height: 300px;
  bottom: -80px;
  left: 15%;
  background: rgba(255, 194, 38, 0.06);
  animation: gcErrorOrb2 12s ease-in-out infinite;
}

@keyframes gcErrorOrb1 {
  0%, 100% { transform: translate(0, 0); opacity: 0.5; }
  33% { transform: translate(-40px, 30px); opacity: 0.7; }
  66% { transform: translate(20px, -20px); opacity: 0.4; }
}

@keyframes gcErrorOrb2 {
  0%, 100% { transform: translate(0, 0); opacity: 0.4; }
  33% { transform: translate(30px, -25px); opacity: 0.6; }
  66% { transform: translate(-25px, 15px); opacity: 0.3; }
}

[data-theme=light] .error-page-wrapper::before {
  background: rgba(11, 89, 105, 0.05);
}

[data-theme=light] .error-page-wrapper::after {
  background: rgba(255, 194, 38, 0.03);
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .error-wrapper h2 {
    font-size: 44px;
  }

  .error-wrapper img {
    max-width: 350px;
  }
}

@media (max-width: 767px) {
  .error-page {
    min-height: 70vh;
    padding: 60px 0;
  }

  .error-wrapper h2 {
    font-size: 36px;
  }

  .error-wrapper p {
    font-size: 16px;
  }

  .error-wrapper img {
    max-width: 280px;
    margin-bottom: 30px;
  }

  .error-wrapper .primary-btn1 {
    padding: 14px 28px;
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  .error-wrapper h2 {
    font-size: 30px;
  }

  .error-wrapper p {
    font-size: 15px;
  }

  .error-wrapper img {
    max-width: 220px;
  }
}



/* ///////////////////////main-new-css////////////////////////////// */

/* ===================================================================
   GC Corporate Hero — main-new.css
   Corporate website hero banner matching screenshot design
   =================================================================== */

/* ===================================================================
   Pre-Hero CTA Banner
   =================================================================== */
.gc-corp-prehero-cta {
    background: #e8734a;
    padding: 40px 0;
    text-align: center;
}

[data-theme="dark"] .gc-corp-prehero-cta {
    background: #e8734a;
}

.gc-corp-prehero-cta__inner {
    max-width: 700px;
    margin: 0 auto;
}

.gc-corp-prehero-cta__title {
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    line-height: 1.3;
}

.gc-corp-prehero-cta__text {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin-bottom: 24px;
}

.gc-corp-prehero-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #e8734a;
    background: #ffffff;
    border: 2px solid #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.gc-corp-prehero-cta__btn:hover {
    background: transparent;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.gc-corp-prehero-cta__btn i {
    transition: transform 0.3s ease;
    font-size: 13px;
}

.gc-corp-prehero-cta__btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 767.98px) {
    .gc-corp-prehero-cta {
        padding: 30px 0;
    }

    .gc-corp-prehero-cta__title {
        font-size: 20px;
    }

    .gc-corp-prehero-cta__text {
        font-size: 14px;
    }

    .gc-corp-prehero-cta__btn {
        padding: 12px 28px;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .gc-corp-prehero-cta {
        padding: 24px 0;
    }

    .gc-corp-prehero-cta__title {
        font-size: 18px;
    }

    .gc-corp-prehero-cta__text {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .gc-corp-prehero-cta__btn {
        padding: 11px 24px;
        font-size: 13px;
    }
}

/* ── Section ── */
.gc-corp-hero {
    position: relative;
    padding: 120px 0 100px;
    overflow: hidden;
}

/* ── Background ── */
.gc-corp-hero__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #f4faf8 0%, #eef6f3 55%, #f8fbfa 100%);
    ;
    z-index: -2;
}

[data-theme="dark"] .gc-corp-hero__bg {
    background: linear-gradient(160deg, #02050a 0%, rgba(8, 20, 30, 0.98) 48%, rgba(13, 31, 45, 0.96) 100%);
}

/* ── Content ── */
.gc-corp-hero__content {
    position: relative;
    z-index: 2;
}

/* ── Tags ── */
.gc-corp-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
}

.gc-corp-hero__tag {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    color: #fff;
}

[data-theme="dark"] .gc-corp-hero__tag {
    background: linear-gradient(135deg, #e8734a, #d4603a);
    color: #fff;
}

/* ── Title ── */
.gc-corp-hero__title {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.15;
    color: #1a2332;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

[data-theme="dark"] .gc-corp-hero__title {
    color: #e2e8f0;
}

.gc-corp-hero__accent {
    color: #2a9d8f;
    font-style: italic;
}

/* ── Description ── */
.gc-corp-hero__desc {
    font-size: 16px;
    line-height: 1.75;
    color: #6b7a8d;
    margin-bottom: 36px;
    max-width: 480px;
}

[data-theme="dark"] .gc-corp-hero__desc {
    color: #94a3b8;
}

/* ── Actions Row ── */
.gc-corp-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

/* ── CTA Buttons ── */
.gc-corp-hero__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 2px solid transparent;
}

.gc-corp-hero__btn--primary {
    background: var(--rr-color-theme-primary);
    color: #fff;
    box-shadow: 0 4px 20px rgba(74, 232, 210, 0.35);
}

.gc-corp-hero__btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(232, 115, 74, 0.45);
    color: #fff;
}

.gc-corp-hero__btn--outline {
    background: transparent;
    color: #1a2332;
    border-color: #d1d5db;
}

[data-theme="dark"] .gc-corp-hero__btn--outline {
    color: #e2e8f0;
    border-color: #3a4a5c;
}

.gc-corp-hero__btn--outline:hover {
    transform: translateY(-2px);
    border-color: #e8734a;
    color: #e8734a;
    box-shadow: 0 4px 16px rgba(232, 115, 74, 0.15);
}

[data-theme="dark"] .gc-corp-hero__btn--outline:hover {
    border-color: #e8734a;
    color: #e8734a;
}

.gc-corp-hero__btn i {
    transition: transform 0.3s ease;
    font-size: 13px;
}

.gc-corp-hero__btn:hover i {
    transform: translateX(3px);
}

.gc-corp-hero__btn--outline:hover i {
    transform: translateX(3px);
}

/* ── Trust Text ── */
.gc-corp-hero__trust {
    font-size: 14px;
    color: #6b7a8d;
}

[data-theme="dark"] .gc-corp-hero__trust {
    color: #94a3b8;
}

.gc-corp-hero__trust strong {
    color: #1a2332;
    font-weight: 700;
}

[data-theme="dark"] .gc-corp-hero__trust strong {
    color: #e2e8f0;
}

/* ── Visual / Browser Mockup ── */
.gc-corp-hero__visual {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gc-corp-hero__visual::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(42, 157, 143, 0.12) 0%, transparent 70%);
    z-index: -1;
    animation: gcCorpPulseGlow 4s ease-in-out infinite;
}

[data-theme="dark"] .gc-corp-hero__visual::before {
    background: radial-gradient(circle, rgba(42, 157, 143, 0.08) 0%, transparent 70%);
}

/* ===================================================================
   E-commerce Hero Visual — gc-ecom-hero__ prefix
   =================================================================== */
.gc-ecom-hero__visual {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.gc-ecom-hero__visual::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(35, 118, 135, 0.12) 0%, transparent 70%);
    z-index: -1;
    animation: gcEcomHeroPulse 5s ease-in-out infinite;
}

[data-theme="dark"] .gc-ecom-hero__visual::before {
    background: radial-gradient(circle, rgba(35, 118, 135, 0.07) 0%, transparent 70%);
}

@keyframes gcEcomHeroPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

/* ── Browser Frame ── */
.gc-ecom-hero__browser {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.08),
        0 12px 24px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;
    animation: gcEcomBrowserFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-ecom-hero__browser {
    background: #1a2332;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

@keyframes gcEcomBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-ecom-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.01);
    box-shadow:
        0 40px 80px rgba(0, 0, 0, 0.1),
        0 16px 32px rgba(0, 0, 0, 0.06),
        0 0 0 1px rgba(0, 0, 0, 0.03);
}

/* ── Browser Bar ── */
.gc-ecom-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: linear-gradient(180deg, #f8f9fa 0%, #f0f1f3 100%);
    border-bottom: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-ecom-hero__browser-bar {
    background: linear-gradient(180deg, #162231 0%, #131d2a 100%);
    border-bottom-color: #243040;
}

.gc-ecom-hero__browser-dots {
    display: flex;
    gap: 7px;
}

.gc-ecom-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.gc-ecom-hero__browser:hover .gc-ecom-hero__dot {
    transform: scale(1.1);
}

.gc-ecom-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 4px rgba(255, 95, 87, 0.4);
}

.gc-ecom-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 4px rgba(255, 189, 46, 0.4);
}

.gc-ecom-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 4px rgba(40, 200, 64, 0.4);
}

.gc-ecom-hero__browser-url {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-ecom-hero__url-lock {
    font-size: 10px;
    color: #28c840;
}

.gc-ecom-hero__browser-url span {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    border: 1px solid #e2e4e8;
    letter-spacing: 0.2px;
}

[data-theme="dark"] .gc-ecom-hero__browser-url span {
    background: #0f1923;
    color: #94a3b8;
    border-color: #243040;
}

.gc-ecom-hero__browser-actions {
    display: flex;
    align-items: center;
}

.gc-ecom-hero__browser-arrows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #ffffff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gc-ecom-hero__browser-arrows:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.4);
}

/* ── Browser Body ── */
.gc-ecom-hero__browser-body {
    padding: 0;
}

/* ── Store Header ── */
.gc-ecom-hero__store-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid #f0f1f3;
}

[data-theme="dark"] .gc-ecom-hero__store-header {
    border-bottom-color: #243040;
}

.gc-ecom-hero__store-logo {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.gc-ecom-hero__store-nav {
    display: flex;
    gap: 8px;
}

.gc-ecom-hero__store-nav-item {
    width: 40px;
    height: 6px;
    border-radius: 3px;
    background: #e8eaed;
}

.gc-ecom-hero__store-nav-item.active {
    background: #237687;
    width: 50px;
}

[data-theme="dark"] .gc-ecom-hero__store-nav-item {
    background: #2a3a4a;
}

[data-theme="dark"] .gc-ecom-hero__store-nav-item.active {
    background: #237687;
}

.gc-ecom-hero__store-cart {
    position: relative;
    font-size: 16px;
    color: #4a5568;
}

[data-theme="dark"] .gc-ecom-hero__store-cart {
    color: #94a3b8;
}

.gc-ecom-hero__cart-count {
    position: absolute;
    top: -6px;
    right: -8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e8734a;
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Store Banner ── */
.gc-ecom-hero__store-banner {
    height: 80px;
    background: linear-gradient(135deg, #237687 0%, #1a5a67 50%, #1c6272 100%);
    position: relative;
    overflow: hidden;
}

.gc-ecom-hero__store-banner::before {
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

.gc-ecom-hero__store-banner::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
}

.gc-ecom-hero__banner-text {
    position: relative;
    z-index: 1;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gc-ecom-hero__banner-tag {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.7);
}

.gc-ecom-hero__banner-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

/* ── Products Grid ── */
.gc-ecom-hero__products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding: 18px 18px 14px;
}

.gc-ecom-hero__product {
    text-align: center;
    padding: 8px;
    border-radius: 10px;
    background: #f8f9fa;
    transition: all 0.3s ease;
}

[data-theme="dark"] .gc-ecom-hero__product {
    background: #162231;
}

.gc-ecom-hero__product:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.gc-ecom-hero__product-img {
    width: 100%;
    height: 72px;
    border-radius: 8px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: 22px;
    position: relative;
    overflow: hidden;
}

.gc-ecom-hero__product-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 50%);
}

.gc-ecom-hero__product-img--teal {
    background: linear-gradient(135deg, #237687, #1a5a67);
}

.gc-ecom-hero__product-img--brown {
    background: linear-gradient(135deg, #b8860b, #996b09);
}

.gc-ecom-hero__product-img--coral {
    background: linear-gradient(135deg, #e8734a, #d4603a);
}

.gc-ecom-hero__product-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.gc-ecom-hero__product-name {
    font-size: 11px;
    font-weight: 500;
    color: #6b7a8d;
}

[data-theme="dark"] .gc-ecom-hero__product-name {
    color: #94a3b8;
}

.gc-ecom-hero__product-price {
    font-size: 13px;
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-ecom-hero__product-price {
    color: #e2e8f0;
}

/* ── Checkout Bar ── */
.gc-ecom-hero__checkout-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #f8f9fa;
    border-top: 1px solid #eee;
    margin: 0 18px 18px;
    border-radius: 10px;
}

[data-theme="dark"] .gc-ecom-hero__checkout-bar {
    background: #162231;
    border-top-color: #243040;
}

.gc-ecom-hero__checkout-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gc-ecom-hero__checkout-left i {
    font-size: 14px;
    color: #237687;
}

.gc-ecom-hero__subtotal {
    font-size: 13px;
    font-weight: 500;
    color: #6b7a8d;
}

[data-theme="dark"] .gc-ecom-hero__subtotal {
    color: #94a3b8;
}

.gc-ecom-hero__subtotal strong {
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-ecom-hero__subtotal strong {
    color: #e2e8f0;
}

.gc-ecom-hero__checkout-btn {
    padding: 10px 22px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #e8734a;
    font-size: 13px;
    font-weight: 700;
    border: none;
    cursor: not-allowed;
    opacity: 0.7;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.2);
    letter-spacing: 0.3px;
}

/* ── Floating Badges ── */
.gc-ecom-hero__badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    font-size: 12px;
    font-weight: 600;
    color: #1a2332;
    z-index: 3;
    animation: gcEcomBadgeFloat 4s ease-in-out infinite;
}

[data-theme="dark"] .gc-ecom-hero__badge {
    background: #1a2332;
    color: #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);
}

.gc-ecom-hero__badge i {
    font-size: 14px;
    color: #237687;
}

.gc-ecom-hero__badge--shipping {
    bottom: 60px;
    left: -10px;
    animation-delay: 0s;
}

.gc-ecom-hero__badge--secure {
    top: 40px;
    right: -10px;
    animation-delay: 2s;
}

@keyframes gcEcomBadgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-ecom-hero__visual {
        margin-top: 40px;
    }

    .gc-ecom-hero__browser {
        max-width: 420px;
    }

    .gc-ecom-hero__product-img {
        height: 60px;
    }

    .gc-ecom-hero__badge--shipping {
        bottom: 40px;
        left: 0;
    }

    .gc-ecom-hero__badge--secure {
        top: 20px;
        right: 0;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-ecom-hero__browser {
        max-width: 100%;
    }

    .gc-ecom-hero__store-banner {
        height: 60px;
    }

    .gc-ecom-hero__banner-title {
        font-size: 15px;
    }

    .gc-ecom-hero__products {
        gap: 10px;
        padding: 14px;
    }

    .gc-ecom-hero__product {
        padding: 6px;
    }

    .gc-ecom-hero__product-img {
        height: 52px;
    }

    .gc-ecom-hero__product-name {
        font-size: 10px;
    }

    .gc-ecom-hero__product-price {
        font-size: 12px;
    }

    .gc-ecom-hero__checkout-bar {
        padding: 12px 14px;
        margin: 0 14px 14px;
    }

    .gc-ecom-hero__subtotal {
        font-size: 12px;
    }

    .gc-ecom-hero__checkout-btn {
        padding: 8px 18px;
        font-size: 12px;
    }

    .gc-ecom-hero__badge {
        padding: 8px 12px;
        font-size: 11px;
        gap: 6px;
    }

    .gc-ecom-hero__badge i {
        font-size: 12px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-ecom-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-ecom-hero__dot {
        width: 9px;
        height: 9px;
    }

    .gc-ecom-hero__browser-url span {
        font-size: 10px;
        padding: 5px 12px;
    }

    .gc-ecom-hero__products {
        gap: 8px;
        padding: 12px;
    }

    .gc-ecom-hero__product-img {
        height: 44px;
        font-size: 16px;
    }

    .gc-ecom-hero__product-name {
        font-size: 9px;
    }

    .gc-ecom-hero__product-price {
        font-size: 11px;
    }

    .gc-ecom-hero__badge {
        display: none;
    }
}

@keyframes gcCorpPulseGlow {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

.gc-corp-hero__browser {
    width: 100%;
    max-width: 520px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.08),
        0 8px 20px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;
    animation: gcCorpBrowserFloat 6s ease-in-out infinite;
}

@keyframes gcCorpBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-corp-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) rotateX(1deg);
    box-shadow:
        0 35px 80px rgba(0, 0, 0, 0.1),
        0 12px 30px rgba(0, 0, 0, 0.06),
        0 0 0 1px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .gc-corp-hero__browser {
    background: #1a2332;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.3),
        0 8px 20px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .gc-corp-hero__browser:hover {
    box-shadow:
        0 35px 80px rgba(0, 0, 0, 0.4),
        0 12px 30px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* ── Browser Bar ── */
.gc-corp-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
}

[data-theme="dark"] .gc-corp-hero__browser-bar {
    background: #141e2b;
    border-bottom-color: #243040;
}

.gc-corp-hero__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.gc-corp-hero__dot--red {
    background: #ff5f57;
}

.gc-corp-hero__dot--yellow {
    background: #ffbd2e;
}

.gc-corp-hero__dot--green {
    background: #28c840;
}

.gc-corp-hero__url {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-right: 30px;
}

[data-theme="dark"] .gc-corp-hero__url {
    color: #6b7a8d;
}

/* ── Browser Body (Wireframe) ── */
.gc-corp-hero__browser-body {
    padding: 20px;
}

.gc-corp-hero__wire-nav {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

.gc-corp-hero__wire-nav-item {
    width: 50px;
    height: 8px;
    border-radius: 4px;
    background: #e0e0e0;
    animation: gcCorpWireSlideIn 0.5s ease forwards;
    opacity: 0;
}

.gc-corp-hero__wire-nav-item:nth-child(1) {
    animation-delay: 0.8s;
}

.gc-corp-hero__wire-nav-item:nth-child(2) {
    animation-delay: 0.95s;
    width: 40px;
}

.gc-corp-hero__wire-nav-item:nth-child(3) {
    animation-delay: 1.1s;
    width: 35px;
}

[data-theme="dark"] .gc-corp-hero__wire-nav-item {
    background: #2a3a4a;
}

@keyframes gcCorpWireSlideIn {
    from {
        opacity: 0;
        transform: scaleX(0);
        transform-origin: left;
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: left;
    }
}

.gc-corp-hero__wire-hero-block {
    width: 100%;
    height: 100px;
    border-radius: 10px;
    background: linear-gradient(135deg, #2a9d8f, #1f7a6e);
    margin-bottom: 18px;
    display: flex;
    align-items: flex-end;
    padding: 16px;
    overflow: hidden;
    position: relative;
    animation: gcCorpWireBlockGrow 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards 1s;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: bottom;
}

@keyframes gcCorpWireBlockGrow {
    from {
        opacity: 0;
        transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

.gc-corp-hero__wire-hero-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    animation: gcCorpWireShimmer 3s ease-in-out infinite 2s;
}

@keyframes gcCorpWireShimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.gc-corp-hero__wire-hero-bar {
    width: 40%;
    height: 10px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.35);
    animation: gcCorpWireBarGrow 0.5s ease forwards 1.5s;
    transform: scaleX(0);
    transform-origin: left;
}

@keyframes gcCorpWireBarGrow {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

.gc-corp-hero__wire-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}

.gc-corp-hero__wire-card {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #eee;
    opacity: 0;
    animation: gcCorpWireCardPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.gc-corp-hero__wire-card:nth-child(1) {
    animation-delay: 1.3s;
}

.gc-corp-hero__wire-card:nth-child(2) {
    animation-delay: 1.5s;
}

@keyframes gcCorpWireCardPop {
    from {
        opacity: 0;
        transform: translateY(15px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

[data-theme="dark"] .gc-corp-hero__wire-card {
    background: #1e2d3d;
    border-color: #2a3a4a;
}

.gc-corp-hero__wire-card-img {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background: #e0e0e0;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
}

.gc-corp-hero__wire-card-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(42, 157, 143, 0.15), rgba(232, 115, 74, 0.1));
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gc-corp-hero__wire-card:hover .gc-corp-hero__wire-card-img::after {
    opacity: 1;
}

[data-theme="dark"] .gc-corp-hero__wire-card-img {
    background: #2a3a4a;
}

.gc-corp-hero__wire-card-lines {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.gc-corp-hero__wire-card-lines span {
    display: block;
    height: 5px;
    border-radius: 3px;
    background: #e0e0e0;
}

.gc-corp-hero__wire-card-lines span:first-child {
    width: 80%;
}

.gc-corp-hero__wire-card-lines span:last-child {
    width: 55%;
}

[data-theme="dark"] .gc-corp-hero__wire-card-lines span {
    background: #2a3a4a;
}

.gc-corp-hero__wire-btn {
    width: 80px;
    height: 28px;
    border-radius: 6px;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    opacity: 0;
    animation: gcCorpWireBtnPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards 1.7s;
    position: relative;
    overflow: hidden;
}

.gc-corp-hero__wire-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
    animation: gcCorpWireShimmer 2.5s ease-in-out infinite 2.5s;
}

@keyframes gcCorpWireBtnPop {
    from {
        opacity: 0;
        transform: scale(0.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ── Animations ── */
@keyframes gcCorpFadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gcCorpFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.gc-corp-hero__content .gc-corp-hero__tags {
    opacity: 0;
    animation: gcCorpFadeUp 0.6s ease forwards 0.1s;
}

.gc-corp-hero__content .gc-corp-hero__title {
    opacity: 0;
    animation: gcCorpFadeUp 0.6s ease forwards 0.2s;
}

.gc-corp-hero__content .gc-corp-hero__desc {
    opacity: 0;
    animation: gcCorpFadeUp 0.6s ease forwards 0.3s;
}

.gc-corp-hero__content .gc-corp-hero__actions {
    opacity: 0;
    animation: gcCorpFadeUp 0.6s ease forwards 0.4s;
}

.gc-corp-hero__visual {
    opacity: 0;
    animation: gcCorpFadeIn 0.8s ease forwards 0.3s;
}

/* ── Responsive ── */
@media (max-width: 1199.98px) {
    .gc-corp-hero {
        padding: 100px 0 80px;
    }

    .gc-corp-hero__browser {
        max-width: 460px;
    }
}

@media (max-width: 991.98px) {
    .gc-corp-hero {
        padding: 80px 0 60px;
        text-align: center;
    }

    .gc-corp-hero__tags {
        justify-content: center;
    }

    .gc-corp-hero__desc {
        margin-left: auto;
        margin-right: auto;
    }

    .gc-corp-hero__actions {
        justify-content: center;
    }

    .gc-corp-hero__visual {
        margin-top: 40px;
    }

    .gc-corp-hero__browser {
        max-width: 480px;
    }
}

@media (max-width: 767.98px) {
    .gc-corp-hero {
        padding: 60px 0 50px;
    }

    .gc-corp-hero__title {
        font-size: 30px;
    }

    .gc-corp-hero__actions {
        flex-direction: column;
        gap: 16px;
    }

    .gc-corp-hero__browser {
        max-width: 100%;
    }

    .gc-corp-hero__wire-hero-block {
        height: 80px;
    }
}

@media (max-width: 575.98px) {
    .gc-corp-hero {
        padding: 50px 0 40px;
    }

    .gc-corp-hero__title {
        font-size: 26px;
    }

    .gc-corp-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-corp-hero__dot {
        width: 8px;
        height: 8px;
    }

    .gc-corp-hero__browser-body {
        padding: 14px;
    }

    .gc-corp-hero__wire-cards {
        gap: 10px;
    }
}

/* ===================================================================
   GC App Hero — main-new.css
   Scoped under .gc-app-hero to avoid conflicts with existing styles
   =================================================================== */

/* ── Section ── */
.gc-app-hero {
    position: relative;
    padding: 140px 0 110px;
    overflow: hidden;
}

/* ── Background ── */
.gc-app-hero__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #0b1a26 0%, #0a1520 100%);
    z-index: -2;
}

[data-theme="light"] .gc-app-hero__bg {
    background: linear-gradient(160deg, #e8f4f0 0%, #f0f7fc 40%, #eef2f7 100%);
}

/* ── Light mode decorative blobs (like the screenshot) ── */
.gc-app-hero__blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

[data-theme="light"] .gc-app-hero__blob {
    opacity: 1;
}

.gc-app-hero__blob--1 {
    width: 500px;
    height: 500px;
    top: -120px;
    right: -80px;
    background: radial-gradient(circle, rgba(134, 209, 194, 0.25) 0%, transparent 70%);
}

.gc-app-hero__blob--2 {
    width: 400px;
    height: 400px;
    bottom: -100px;
    left: -60px;
    background: radial-gradient(circle, rgba(147, 197, 222, 0.2) 0%, transparent 70%);
}

.gc-app-hero__blob--3 {
    width: 300px;
    height: 300px;
    top: 40%;
    left: 35%;
    background: radial-gradient(circle, rgba(186, 220, 212, 0.15) 0%, transparent 70%);
}

/* Dark mode subtle glow */
.gc-app-hero__bg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: radial-gradient(ellipse at 70% 50%, rgba(99, 102, 241, 0.06) 0%, transparent 60%);
    pointer-events: none;
}

[data-theme="light"] .gc-app-hero__bg::after {
    display: none;
}

/* ── Content ── */
.gc-app-hero__content {
    position: relative;
    z-index: 2;
}

/* ── Eyebrow ── */
.gc-app-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--rr-color-theme-primary);
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(15px);
    animation: gcAppFadeUp 0.6s ease forwards 0.2s;
}

.gc-app-hero__eyebrow-line {
    display: inline-block;
    width: 32px;
    height: 2px;
    background: var(--rr-color-theme-primary);
    border-radius: 2px;
}

[data-theme="light"] .gc-app-hero__eyebrow {
    color: #0d9488;
}

[data-theme="light"] .gc-app-hero__eyebrow-line {
    background: #0d9488;
}

/* ── Title ── */
.gc-app-hero__title {
    font-size: 55px;
    font-weight: 800;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 22px;
    letter-spacing: -0.5px;
}

.gc-app-hero__title-line {
    display: block;
    opacity: 0;
    transform: translateY(40px);
    animation: gcAppTitleReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.gc-app-hero__title-line:nth-child(1) {
    animation-delay: 0.3s;
}

.gc-app-hero__title-line:nth-child(2) {
    animation-delay: 0.5s;
}

.gc-app-hero__title-accent {
    background: var(--rr-color-theme-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .gc-app-hero__title {
    color: #0f172a;
}

[data-theme="light"] .gc-app-hero__title-accent {
    background: linear-gradient(135deg, #0d9488, #14b8a6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes gcAppTitleReveal {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gcAppFadeUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Description ── */
.gc-app-hero__desc {
    font-size: 16px;
    line-height: 1.8;
    color: #94a3b8;
    margin-bottom: 28px;
    max-width: 520px;
    opacity: 0;
    animation: gcAppFadeUp 0.6s ease forwards 0.7s;
}

[data-theme="light"] .gc-app-hero__desc {
    color: #475569;
}

/* ── List ── */
.gc-app-hero__list {
    list-style: none;
    padding: 0;
    margin: 0 0 34px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 20px;
    opacity: 0;
    animation: gcAppFadeUp 0.6s ease forwards 0.9s;
}

.gc-app-hero__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #cbd5e1;
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.08);
    transition: all 0.3s ease;
}

.gc-app-hero__list li:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 20%, transparent);
    transform: translateY(-1px);
}

[data-theme="light"] .gc-app-hero__list li {
    color: #334155;
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(15, 23, 42, 0.06);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .gc-app-hero__list li:hover {
    background: #fff;
    border-color: rgba(13, 148, 136, 0.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.gc-app-hero__list li i {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    background: color-mix(in srgb, var(--rr-color-theme-primary) 12%, transparent);
    color: var(--rr-color-theme-primary);
}

[data-theme="light"] .gc-app-hero__list li i {
    background: rgba(13, 148, 136, 0.1);
    color: #0d9488;
}

/* ── Buttons ── */
.gc-app-hero__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    opacity: 0;
    animation: gcAppFadeUp 0.6s ease forwards 1.1s;
}

.gc-app-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    padding: 14px 28px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.gc-app-hero__btn--primary {
    background: var(--rr-color-theme-primary);
    color: #fff;
    border: 2px solid var(--rr-color-theme-primary);
    box-shadow: 0 4px 20px color-mix(in srgb, var(--rr-color-theme-primary) 25%, transparent);
}

.gc-app-hero__btn--primary:hover {
    background: var(--rr-color-theme-primary);
    border-color: var(--rr-color-theme-primary);
    color: #fff;
    box-shadow: 0 6px 28px color-mix(in srgb, var(--rr-color-theme-primary) 35%, transparent);
    transform: translateY(-2px);
    filter: brightness(1.1);
}

[data-theme="light"] .gc-app-hero__btn--primary {
    background: var(--rr-color-theme-primary);
    color: #fff;
    border-color: #0d9488;
    box-shadow: 0 4px 20px rgba(13, 148, 136, 0.25);
}

[data-theme="light"] .gc-app-hero__btn--primary:hover {
    background: #0f766e;
    border-color: #0f766e;
    box-shadow: 0 6px 28px rgba(13, 148, 136, 0.35);
}

.gc-app-hero__btn--outline {
    background: transparent;
    color: #e2e8f0;
    border: 2px solid rgba(255, 255, 255, 0.18);
}

.gc-app-hero__btn--outline:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
    transform: translateY(-2px);
}

[data-theme="light"] .gc-app-hero__btn--outline {
    color: #0f172a;
    border-color: #1e293b;
}

[data-theme="light"] .gc-app-hero__btn--outline:hover {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

/* ── Orbit Wrap ── */
.gc-app-hero__orbit-wrap {
    position: relative;
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    opacity: 0;
    animation: gcAppOrbitAppear 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.6s;
}

@keyframes gcAppOrbitAppear {
    0% {
        opacity: 0;
        transform: scale(0.85);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* ── Orbit Rings ── */
.gc-app-hero__orbit-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(99, 102, 241, 0.1);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gc-app-hero__orbit-ring--outer {
    width: 100%;
    height: 100%;
    border-color: rgba(148, 163, 184, 0.12);
}

.gc-app-hero__orbit-ring--mid {
    width: 70%;
    height: 70%;
    border-color: rgba(148, 163, 184, 0.15);
}

.gc-app-hero__orbit-ring--inner {
    width: 40%;
    height: 40%;
    border-color: rgba(148, 163, 184, 0.2);
}

[data-theme="light"] .gc-app-hero__orbit-ring--outer {
    border-color: rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .gc-app-hero__orbit-ring--mid {
    border-color: rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .gc-app-hero__orbit-ring--inner {
    border-color: rgba(15, 23, 42, 0.1);
}

/* ── Center Brand ── */
.gc-app-hero__orbit-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 50px rgba(62, 255, 237, 0.35), 0 0 100px rgba(33, 206, 190, 0.12);
    z-index: 3;
}

[data-theme="light"] .gc-app-hero__orbit-center {
    box-shadow: 0 8px 40px rgba(9, 225, 175, 0.3), 0 0 80px rgba(99, 102, 241, 0.1);
}

[data-theme="light"] .section-heading .sub-heading {
    color: var(--rr-color-theme-primary);
}

[data-theme="light"] .gc-app-cta__title {
    color: #fff;
}

[data-theme="light"] .gc-app-cta__inner p {
    color: #fff;
}

.gc-app-hero__orbit-brand {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

/* Pulse on center */
.gc-app-hero__orbit-center::before {
    content: '';
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    border: 1px solid rgba(99, 102, 241, 0.25);
    animation: gcAppPulse 3s ease-in-out infinite;
}

.gc-app-hero__orbit-center::after {
    content: '';
    position: absolute;
    inset: -24px;
    border-radius: 50%;
    border: 1px solid rgba(99, 102, 241, 0.12);
    animation: gcAppPulse 3s ease-in-out infinite 1s;
}

@keyframes gcAppPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.7;
    }

    50% {
        transform: scale(1.2);
        opacity: 0;
    }
}

/* ── Orbit Items ── */
.gc-app-hero__orbit-items {
    position: absolute;
    inset: 0;
    animation: gcAppOrbitSpin 30s linear infinite;
}

.gc-app-hero__orbit-item {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(13, 31, 45, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    color: #e2e8f0;
    letter-spacing: 0.5px;
    backdrop-filter: blur(8px);
    animation: gcAppOrbitCounterSpin 30s linear infinite;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .gc-app-hero__orbit-item {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.08);
    color: #1e293b;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.gc-app-hero__orbit-item--1 {
    top: 3%;
    left: 50%;
    margin-left: -24px;
}

.gc-app-hero__orbit-item--2 {
    top: 22%;
    right: 3%;
}

.gc-app-hero__orbit-item--3 {
    bottom: 12%;
    right: 8%;
}

.gc-app-hero__orbit-item--4 {
    bottom: 12%;
    left: 8%;
}

.gc-app-hero__orbit-item--5 {
    top: 50%;
    left: 0%;
    margin-top: -24px;
}

.gc-app-hero__orbit-item--6 {
    bottom: 3%;
    left: 50%;
    margin-left: -24px;
}

/* Dot indicator on one item */
.gc-app-hero__orbit-item--3::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6366f1;
}

/* ── Orbit Animations ── */
@keyframes gcAppOrbitSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes gcAppOrbitCounterSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

/* Subtle glow behind orbit */
.gc-app-hero__orbit-wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    height: 55%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

[data-theme="light"] .gc-app-hero__orbit-wrap::before {
    background: radial-gradient(circle, rgba(99, 102, 241, 0.06) 0%, transparent 70%);
}

/* ── Responsive ── */
@media (max-width: 991.98px) {
    .gc-app-hero {
        padding: 120px 0 80px;
    }

    .gc-app-hero__title {
        font-size: 38px;
    }

    .gc-app-hero__orbit-wrap {
        max-width: 380px;
        margin-top: 50px;
    }

    .gc-app-hero__desc {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .gc-app-hero {
        padding: 100px 0 60px;
    }

    .gc-app-hero__title {
        font-size: 32px;
    }

    .gc-app-hero__desc {
        font-size: 15px;
    }

    .gc-app-hero__orbit-wrap {
        max-width: 320px;
    }

    .gc-app-hero__orbit-center {
        width: 100px;
        height: 100px;
    }

    .gc-app-hero__orbit-brand {
        font-size: 12px;
    }

    .gc-app-hero__orbit-item {
        width: 38px;
        height: 38px;
        font-size: 10px;
    }

    .gc-app-hero__btns {
        flex-direction: column;
        align-items: flex-start;
    }

    .gc-app-hero__btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .gc-app-hero {
        padding: 110px 0 50px;
    }

    .gc-app-hero__title {
        font-size: 28px;
    }

    .gc-app-hero__orbit-wrap {
        max-width: 270px;
    }

    .gc-app-hero__orbit-center {
        width: 80px;
        height: 80px;
    }

    .gc-app-hero__orbit-brand {
        font-size: 11px;
    }

    .gc-app-hero__orbit-item {
        width: 34px;
        height: 34px;
        font-size: 9px;
    }

    .gc-app-hero__list li {
        font-size: 14px;
    }

    .gc-app-hero__list {
        grid-template-columns: 1fr;
    }

    .gc-app-hero__eyebrow {
        font-size: 11px;
    }
}

/* ===================================================================
   GC App Portfolio Section
   =================================================================== */

.gc-app-portfolio {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: linear-gradient(180deg, #0d1f2d 0%, #101d2e 50%, #0a1520 100%);
}

[data-theme="light"] .gc-app-portfolio {
    background: linear-gradient(180deg, #f0f4f8 0%, #e8eef4 50%, #f4f7fb 100%);
}

/* ── Header ── */
.gc-app-portfolio__header {
    margin-bottom: 50px;
}

.gc-app-portfolio__desc {
    font-size: 16px;
    color: #94a3b8;
    max-width: 560px;
    margin: 12px auto 0;
    line-height: 1.7;
}

[data-theme="light"] .gc-app-portfolio__desc {
    color: #64748b;
}

/* ── Card ── */
.gc-app-portfolio__card {
    border-radius: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(148, 163, 184, 0.08);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gc-app-portfolio__card:hover {
    transform: translateY(-8px);
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 20%, transparent);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .gc-app-portfolio__card {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .gc-app-portfolio__card:hover {
    transform: translateY(-8px);
    border-color: rgba(13, 148, 136, 0.2);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1);
}

/* ── Image ── */
.gc-app-portfolio__img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.gc-app-portfolio__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.gc-app-portfolio__card:hover .gc-app-portfolio__img img {
    transform: scale(1.08);
}

/* ── Overlay ── */
.gc-app-portfolio__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(13, 31, 45, 0.85) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.gc-app-portfolio__card:hover .gc-app-portfolio__overlay {
    opacity: 1;
}

[data-theme="light"] .gc-app-portfolio__overlay {
    background: linear-gradient(180deg, transparent 30%, rgba(15, 23, 42, 0.7) 100%);
}

.gc-app-portfolio__link {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    font-size: 16px;
    text-decoration: none;
    transform: translateY(20px);
    transition: all 0.3s ease 0.1s;
}

.gc-app-portfolio__card:hover .gc-app-portfolio__link {
    transform: translateY(0);
}

.gc-app-portfolio__link:hover {
    background: var(--rr-color-theme-primary);
    transform: translateY(0) scale(1.1);
}

[data-theme="light"] .gc-app-portfolio__link {
    background: #0d9488;
    color: #fff;
}

[data-theme="light"] .gc-app-portfolio__link:hover {
    background: #0f766e;
}

/* ── Info ── */
.gc-app-portfolio__info {
    padding: 22px 20px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.gc-app-portfolio__card-title {
    font-size: 16px;
    font-weight: 600;
    color: #e2e8f0;
    line-height: 1.5;
    margin: 0;
    transition: color 0.3s ease;
}

.gc-app-portfolio__card:hover .gc-app-portfolio__card-title {
    color: var(--rr-color-theme-primary);
}

[data-theme="light"] .gc-app-portfolio__card-title {
    color: #1e293b;
}

[data-theme="light"] .gc-app-portfolio__card:hover .gc-app-portfolio__card-title {
    color: #0d9488;
}

/* ── Portfolio Responsive ── */
@media (max-width: 991.98px) {
    .gc-app-portfolio {
        padding: 80px 0;
    }

    .gc-app-portfolio__title {
        font-size: 32px;
    }
}

@media (max-width: 767.98px) {
    .gc-app-portfolio {
        padding: 60px 0;
    }

    .gc-app-portfolio__title {
        font-size: 26px;
    }

    .gc-app-portfolio__header {
        margin-bottom: 36px;
    }
}

@media (max-width: 575.98px) {
    .gc-app-portfolio__card-title {
        font-size: 15px;
    }

    .gc-app-portfolio__info {
        padding: 18px 16px;
    }
}

/* ===================================================================
   GC App CTA Banner
   =================================================================== */

.gc-app-cta {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

/* ── Background ── */
.gc-app-cta__bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.gc-app-cta__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.gc-app-cta__bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 21, 32, 0.88) 0%, rgba(13, 31, 45, 0.92) 100%);
}

[data-theme="light"] .gc-app-cta__bg-overlay {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.82) 100%);
}

/* ── Inner ── */
.gc-app-cta__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}

/* ── Title ── */
.gc-app-cta__title {
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}

/* ── Description ── */
.gc-app-cta__desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin-bottom: 34px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* ── Button ── */
.gc-app-cta__btn-wrap {
    display: flex;
    justify-content: center;
}

.gc-app-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: var(--rr-color-theme-primary);
    padding: 16px 32px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 24px color-mix(in srgb, var(--rr-color-theme-primary) 30%, transparent);
}

.gc-app-cta__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 36px color-mix(in srgb, var(--rr-color-theme-primary) 40%, transparent);
    filter: brightness(1.1);
    color: #fff;
}

.gc-app-cta__btn i {
    transition: transform 0.3s ease;
}

.gc-app-cta__btn:hover i {
    transform: translateX(4px);
}

/* ── CTA Responsive ── */
@media (max-width: 991.98px) {
    .gc-app-cta {
        padding: 80px 0;
    }

    .gc-app-cta__title {
        font-size: 32px;
    }
}

@media (max-width: 767.98px) {
    .gc-app-cta {
        padding: 60px 0;
    }

    .gc-app-cta__title {
        font-size: 26px;
    }

    .gc-app-cta__desc {
        font-size: 15px;
    }

    .gc-app-cta__btn {
        padding: 14px 26px;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .gc-app-cta__title {
        font-size: 22px;
    }
}

/* ===================================================================
   GC App Service Section
   =================================================================== */

.gc-app-service-section {
    position: relative;
    overflow: hidden;
    border-top: 1px solid var(--rr-color-border-1);
    border-bottom: 1px solid var(--rr-color-border-1);
}

.gc-app-service-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--rr-color-theme-primary) 10%, transparent) 0%, transparent 42%),
        radial-gradient(circle at 85% 80%, rgba(255, 194, 38, 0.06) 0%, transparent 38%);
    pointer-events: none;
    z-index: 0;
}

.gc-app-service-section .container {
    position: relative;
    z-index: 1;
}

[data-theme="dark"] .gc-app-service-section {
    background: linear-gradient(145deg, rgba(13, 31, 45, 0.96) 0%, rgba(8, 20, 30, 0.92) 100%);
    border-color: rgba(110, 118, 130, 0.35);
}

[data-theme="light"] .gc-app-service-section {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 247, 250, 0.94) 100%);
    border-color: var(--rr-color-border-light);
}

.gc-app-service-section__desc {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.65);
    max-width: 560px;
    margin: 10px auto 0;
    line-height: 1.7;
}

[data-theme="light"] .gc-app-service-section__desc {
    color: var(--rr-color-text-body-light);
}

/* ── Card ── */
.gc-app-service-card {
    height: 100%;
    padding: 44px 28px 38px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition:
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}

.gc-app-service-card::before {
    content: "";
    position: absolute;
    top: -50%;
    left: 50%;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
    opacity: 0;
    filter: blur(80px);
    transform: translateX(-50%);
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 0;
}

.gc-app-service-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--rr-color-theme-primary), transparent);
    transform: translateX(-50%);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

[data-theme="dark"] .gc-app-service-card {
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

[data-theme="light"] .gc-app-service-card {
    background: linear-gradient(165deg, #ffffff 0%, #f8fafb 100%);
    border: 1px solid rgba(17, 21, 28, 0.07);
    box-shadow: 0 14px 40px rgba(17, 21, 28, 0.09);
}

.gc-app-service-card:hover {
    transform: translateY(-12px);
}

.gc-app-service-card:hover::before {
    opacity: 0.32;
}

.gc-app-service-card:hover::after {
    width: 76%;
}

[data-theme="dark"] .gc-app-service-card:hover {
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 50%, transparent);
    background: linear-gradient(165deg, color-mix(in srgb, var(--rr-color-theme-primary) 14%, transparent) 0%, rgba(255, 255, 255, 0.04) 100%);
    box-shadow:
        0 26px 50px rgba(0, 0, 0, 0.34),
        0 0 34px color-mix(in srgb, var(--rr-color-theme-primary) 16%, transparent);
}

[data-theme="light"] .gc-app-service-card:hover {
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 32%, var(--rr-color-border-light));
    background: linear-gradient(165deg, #ffffff 0%, color-mix(in srgb, var(--rr-color-theme-primary) 6%, #f8fafb) 100%);
    box-shadow:
        0 26px 50px color-mix(in srgb, var(--rr-color-theme-primary) 14%, transparent),
        0 0 28px color-mix(in srgb, var(--rr-color-theme-primary) 8%, transparent);
}

/* ── Icon ── */
.gc-app-service-icon {
    width: 86px;
    height: 86px;
    margin: 0 auto 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition:
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

.gc-app-service-icon::before {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    border: 1px dashed color-mix(in srgb, var(--rr-color-theme-primary) 25%, transparent);
    transition: border-color 0.35s ease;
}

[data-theme="dark"] .gc-app-service-icon {
    background: color-mix(in srgb, var(--rr-color-theme-primary) 14%, transparent);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .gc-app-service-icon {
    background: color-mix(in srgb, var(--rr-color-theme-primary) 8%, #fff);
    box-shadow: 0 6px 18px rgba(17, 21, 28, 0.08);
}

.gc-app-service-icon i {
    font-size: 34px;
    color: var(--rr-color-theme-primary);
    transition: transform 0.4s ease, color 0.3s ease;
}

.gc-app-service-card:hover .gc-app-service-icon {
    transform: scale(1.08) translateY(-4px);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--rr-color-theme-primary) 20%, transparent);
}

.gc-app-service-card:hover .gc-app-service-icon i {
    transform: rotateY(180deg);
}

.gc-app-service-card:hover .gc-app-service-icon::before {
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 45%, transparent);
}

/* ── Title ── */
.gc-app-service-card__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    transition: color 0.3s ease;
}

[data-theme="dark"] .gc-app-service-card__title {
    color: var(--rr-color-common-white);
}

[data-theme="light"] .gc-app-service-card__title {
    color: var(--rr-color-heading-primary);
}

.gc-app-service-card:hover .gc-app-service-card__title {
    color: var(--rr-color-theme-primary);
}

/* ── Text ── */
.gc-app-service-card__text {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 16px;
}

[data-theme="dark"] .gc-app-service-card__text {
    color: rgba(255, 255, 255, 0.62);
}

[data-theme="light"] .gc-app-service-card__text {
    color: var(--rr-color-text-body-light);
}

/* ── List ── */
.gc-app-service-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gc-app-service-card__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    padding-left: 18px;
}

.gc-app-service-card__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
}

[data-theme="dark"] .gc-app-service-card__list li {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .gc-app-service-card__list li {
    color: #475569;
}

/* ── Card Button ── */
.gc-app-service-card__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--rr-color-theme-primary);
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 30%, transparent);
    background: color-mix(in srgb, var(--rr-color-theme-primary) 6%, transparent);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-app-service-card__btn i {
    font-size: 11px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--rr-color-theme-primary) 15%, transparent);
    transition: all 0.35s ease;
}

.gc-app-service-card__btn:hover {
    color: #fff;
    background: var(--rr-color-theme-primary);
    border-color: var(--rr-color-theme-primary);
    box-shadow: 0 6px 20px color-mix(in srgb, var(--rr-color-theme-primary) 30%, transparent);
    transform: translateY(-2px);
}

.gc-app-service-card__btn:hover i {
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(2px);
}

/* ── Service Responsive ── */
@media (max-width: 991.98px) {
    .gc-app-service-card {
        padding: 36px 24px 32px;
    }

    .gc-app-service-icon {
        width: 72px;
        height: 72px;
    }

    .gc-app-service-icon i {
        font-size: 28px;
    }
}

@media (max-width: 575.98px) {
    .gc-app-service-card {
        padding: 32px 20px 28px;
        border-radius: 16px;
    }

    .gc-app-service-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
    }

    .gc-app-service-icon i {
        font-size: 26px;
    }

    .gc-app-service-card__title {
        font-size: 18px;
    }

    .gc-app-service-section__desc {
        font-size: 15px;
    }
}

/* ===================================================================
   GC App Tech Stack Section
   =================================================================== */

.gc-app-techstack {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 100%);
}

[data-theme="light"] .gc-app-techstack {
    background: linear-gradient(180deg, #f4f7fb 0%, #edf1f7 100%);
}

.gc-app-techstack__desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    max-width: 560px;
    margin: 12px auto 0;
    line-height: 1.7;
}

[data-theme="light"] .gc-app-techstack__desc {
    color: #64748b;
}

/* ── Grid ── */
.gc-app-techstack__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-top: 50px;
}

.gc-app-techstack__grid--cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gc-app-techstack__grid--cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gc-app-techstack__grid--cols-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gc-app-techstack__grid--cols-6 {
    grid-template-columns: repeat(6, 1fr);
}

/* ── Item ── */
.gc-app-techstack__item {
    padding: 20px 16px;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
    word-break: break-word;
}

.gc-app-techstack__item:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.08);
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 40%, transparent);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    color: #fff;
}

[data-theme="light"] .gc-app-techstack__item {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.06);
    color: #1e293b;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .gc-app-techstack__item:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 30%, transparent);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    color: var(--rr-color-theme-primary);
}

/* ── Tech Stack Responsive ── */
@media (max-width: 991.98px) {
    .gc-app-techstack__grid,
    .gc-app-techstack__grid--cols-3,
    .gc-app-techstack__grid--cols-4,
    .gc-app-techstack__grid--cols-5,
    .gc-app-techstack__grid--cols-6 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767.98px) {
    .gc-app-techstack__grid,
    .gc-app-techstack__grid--cols-3,
    .gc-app-techstack__grid--cols-4,
    .gc-app-techstack__grid--cols-5,
    .gc-app-techstack__grid--cols-6 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .gc-app-techstack__item {
        padding: 16px 12px;
        font-size: 13px;
    }
}

@media (max-width: 575.98px) {
    .gc-app-techstack__grid,
    .gc-app-techstack__grid--cols-3,
    .gc-app-techstack__grid--cols-4,
    .gc-app-techstack__grid--cols-5,
    .gc-app-techstack__grid--cols-6 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .gc-app-techstack__item {
        padding: 14px 10px;
        font-size: 12px;
        border-radius: 10px;
    }
}

/* ===================================================================
   GC App Process Section - Beautiful Design
   =================================================================== */

.gc-app-process {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 100%);
}

[data-theme="light"] .gc-app-process {
    background: linear-gradient(180deg, #f4f7fb 0%, #edf1f7 100%);
}

.gc-app-process::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--rr-color-theme-primary) 15%, transparent) 0%, transparent 35%),
        radial-gradient(circle at 90% 80%, rgba(255, 194, 38, 0.08) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.gc-app-process .container {
    position: relative;
    z-index: 1;
}

.gc-app-process__row {
    align-items: flex-start;
}

/* Sticky Column */
.gc-app-process__sticky {
    position: sticky;
    top: 100px;
    padding: 20px 0;
}

.gc-app-process__title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    color: #e2e8f0;
    margin-bottom: 0;
}

[data-theme="light"] .gc-app-process__title {
    color: #0f172a;
}

.gc-app-process__title-accent {
    background: var(--rr-color-theme-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .gc-app-process__title-accent {
    background: linear-gradient(135deg, #0d9488, #14b8a6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gc-app-process__visual {
    margin-top: 30px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.gc-app-process__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(135deg, var(--rr-color-theme-primary), rgba(147, 197, 222, 0.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.5;
}

.gc-app-process__visual img {
    width: 100%;
    height: auto;
    display: block;
}

/* Steps */
.gc-app-process__steps {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
    position: relative;
}

.gc-app-process__step {
    display: flex;
    gap: 20px;
    padding: 32px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
    transition: all 0.3s ease;
}

.gc-app-process__step:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.gc-app-process__step:first-child {
    padding-top: 0;
}

.gc-app-process__icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--rr-color-theme-primary) 20%, #0d1f2d), color-mix(in srgb, var(--rr-color-theme-primary) 5%, #0d1f2d));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--rr-color-theme-primary);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid color-mix(in srgb, var(--rr-color-theme-primary) 25%, transparent);
    position: relative;
    z-index: 1;
}

.gc-app-process__step:hover .gc-app-process__icon {
    background: var(--rr-color-theme-primary);
    color: #fff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 30px color-mix(in srgb, var(--rr-color-theme-primary) 30%, transparent);
}

[data-theme="light"] .gc-app-process__icon {
    background: color-mix(in srgb, var(--rr-color-theme-primary) 10%, #fff);
    border-color: color-mix(in srgb, var(--rr-color-theme-primary) 20%, #e2e8f0);
}

[data-theme="light"] .gc-app-process__step:hover .gc-app-process__icon {
    background: #0d9488;
    color: #fff;
    box-shadow: 0 10px 30px rgba(13, 148, 136, 0.25);
}

.gc-app-process__label {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--rr-color-theme-primary);
    margin-bottom: 10px;
    padding: 4px 12px;
    border-radius: 20px;
    background: color-mix(in srgb, var(--rr-color-theme-primary) 12%, transparent);
}

[data-theme="light"] .gc-app-process__label {
    background: rgba(13, 148, 136, 0.1);
}

.gc-app-process__copy h3 {
    font-size: 22px;
    font-weight: 700;
    color: #e2e8f0;
    margin-bottom: 12px;
    margin-top: 0;
}

.gc-app-process__step:hover .gc-app-process__copy h3 {
    color: var(--rr-color-theme-primary);
}

[data-theme="light"] .gc-app-process__copy h3 {
    color: #0f172a;
}

[data-theme="light"] .gc-app-process__step:hover .gc-app-process__copy h3 {
    color: #0d9488;
}

.gc-app-process__copy p {
    font-size: 15px;
    line-height: 1.7;
    color: #94a3b8;
    margin-bottom: 0;
}

[data-theme="light"] .gc-app-process__copy p {
    color: #64748b;
}

/* Step Connectors - Vertical Line */
.gc-app-process__steps::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 32px;
    bottom: 24px;
    width: 2px;
    background: linear-gradient(180deg, var(--rr-color-theme-primary) 0%, rgba(148, 163, 184, 0.1) 100%);
    transform: translateX(-50%);
    z-index: 0;
}

/* Fade Wrapper Animation */
.fade-wrapper .fade-top {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-wrapper.appear .fade-top {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 991.98px) {
    .gc-app-process {
        padding: 80px 0 !important;
    }

    .gc-app-process__title {
        font-size: 32px;
    }

    .gc-app-process__sticky {
        position: relative;
        top: auto;
        margin-bottom: 40px;
        text-align: center;
    }

    .gc-app-process__visual {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .gc-app-process__step {
        padding: 24px 0;
    }

    .gc-app-process__icon {
        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    .gc-app-process__copy h3 {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .gc-app-process {
        padding: 60px 0 !important;
    }

    .gc-app-process__title {
        font-size: 26px;
    }

    .gc-app-process__steps::before {
        left: 28px;
    }

    .gc-app-process__icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .gc-app-process__copy h3 {
        font-size: 17px;
    }

    .gc-app-process__copy p {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .gc-app-process__step {
        gap: 16px;
    }

    .gc-app-process__icon {
        width: 46px;
        height: 46px;
        font-size: 16px;
    }
}

/* ===================================================================
   GC App Overview — Premium Animated Feature Section
   =================================================================== */

/* ── Keyframes ── */
@keyframes gc-overview-float {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(3deg);
    }
}

@keyframes gc-overview-pulse {

    0%,
    100% {
        opacity: 0.4;
        transform: scale(1);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.05);
    }
}

@keyframes gc-overview-shimmer {
    0% {
        background-position: -200% center;
    }

    100% {
        background-position: 200% center;
    }
}

@keyframes gc-overview-glow {

    0%,
    100% {
        box-shadow: 0 0 20px rgba(35, 118, 135, 0.15);
    }

    50% {
        box-shadow: 0 0 40px rgba(35, 118, 135, 0.3);
    }
}

@keyframes gc-overview-border-dance {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* ── Section ── */
.gc-app-overview {
    position: relative;
    background: linear-gradient(180deg, #f4faf8 0%, #eef6f3 50%, #f8fbfa 100%);
    overflow: hidden;
}

.gc-app-overview::before {
    content: "";
    position: absolute;
    top: -200px;
    right: -200px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(35, 118, 135, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    animation: gc-overview-pulse 8s ease-in-out infinite;
    pointer-events: none;
}

.gc-app-overview::after {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(232, 115, 74, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    animation: gc-overview-pulse 10s ease-in-out infinite 2s;
    pointer-events: none;
}

[data-theme="dark"] .gc-app-overview {
    background: linear-gradient(160deg, #0b1a26 0%, #0a1520 30%, #0d1f2d 60%, #0f2535 100%);
}

[data-theme="dark"] .gc-app-overview::before {
    background: radial-gradient(circle, rgba(74, 232, 210, 0.08) 0%, transparent 70%);
}

[data-theme="dark"] .gc-app-overview::after {
    background: radial-gradient(circle, rgba(232, 115, 74, 0.06) 0%, transparent 70%);
}

/* ── Header ── */
.gc-app-overview__header {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
}

.gc-app-overview__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    color: #fff;
    margin-bottom: 28px;
    box-shadow: 0 4px 20px rgba(232, 115, 74, 0.35);
    animation: gc-overview-float 6s ease-in-out infinite;
}

.gc-app-overview__eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: gc-overview-pulse 2s ease-in-out infinite;
}

[data-theme="dark"] .gc-app-overview__eyebrow {
    background: linear-gradient(135deg, #e8734a, #c95a35);
    box-shadow: 0 4px 25px rgba(232, 115, 74, 0.45);
}

.gc-app-overview__title {
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.15;
    color: #1a2332;
    margin-bottom: 22px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -0.5px;
}

[data-theme="dark"] .gc-app-overview__title {
    background: linear-gradient(135deg, #e2e8f0 0%, #94a3b8 50%, #e2e8f0 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gc-overview-shimmer 6s linear infinite;
}

.gc-app-overview__desc {
    font-size: 17px;
    line-height: 1.8;
    color: #6b7a8d;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
}

[data-theme="dark"] .gc-app-overview__desc {
    color: #94a3b8;
}

/* ── Grid ── */
.gc-app-overview__grid {
    row-gap: 32px;
    position: relative;
    z-index: 2;
}

/* ── Card ── */
.gc-app-overview__card {
    background: linear-gradient(145deg, #ffffff 0%, #f5f2eb 100%);
    border-radius: 20px;
    padding: 44px 36px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.06);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
}

.gc-app-overview__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #e8734a, #237687, #e8734a);
    background-size: 200% 100%;
    animation: gc-overview-border-dance 4s ease infinite;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-app-overview__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top left, rgba(35, 118, 135, 0.04) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.gc-app-overview__card:hover::before {
    transform: scaleX(1);
}

.gc-app-overview__card:hover::after {
    opacity: 1;
}

.gc-app-overview__card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 70px rgba(35, 118, 135, 0.12);
    border-color: rgba(35, 118, 135, 0.1);
}

[data-theme="dark"] .gc-app-overview__card {
    background: linear-gradient(145deg, #1a2d3a 0%, #162530 50%, #1e3342 100%);
    border-color: rgba(74, 232, 210, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .gc-app-overview__card::after {
    background: radial-gradient(circle at top left, rgba(74, 232, 210, 0.06) 0%, transparent 60%);
}

[data-theme="dark"] .gc-app-overview__card:hover {
    box-shadow: 0 30px 70px rgba(74, 232, 210, 0.1);
    border-color: rgba(74, 232, 210, 0.15);
}

/* ── Number Badge ── */
.gc-app-overview__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    font-size: 24px;
    font-weight: 800;
    background: linear-gradient(135deg, #237687, #1a5a68);
    color: #fff;
    margin-bottom: 28px;
    line-height: 1;
    letter-spacing: -1px;
    border-radius: 16px;
    position: relative;
    box-shadow: 0 8px 25px rgba(35, 118, 135, 0.3);
    transition: all 0.4s ease;
}

.gc-app-overview__num::after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 19px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.3), rgba(232, 115, 74, 0.3));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.gc-app-overview__card:hover .gc-app-overview__num::after {
    opacity: 1;
}

.gc-app-overview__card:hover .gc-app-overview__num {
    transform: scale(1.08) rotate(-3deg);
    box-shadow: 0 12px 35px rgba(35, 118, 135, 0.4);
}

[data-theme="dark"] .gc-app-overview__num {
    background: linear-gradient(135deg, #4ae8d2, #237687);
    box-shadow: 0 8px 25px rgba(74, 232, 210, 0.3);
}

[data-theme="dark"] .gc-app-overview__card:hover .gc-app-overview__num {
    box-shadow: 0 12px 35px rgba(74, 232, 210, 0.4);
}

/* ── Card Title ── */
.gc-app-overview__card-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a2332;
    margin-bottom: 16px;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.gc-app-overview__card:hover .gc-app-overview__card-title {
    color: #237687;
}

[data-theme="dark"] .gc-app-overview__card-title {
    color: #e2e8f0;
}

[data-theme="dark"] .gc-app-overview__card:hover .gc-app-overview__card-title {
    color: #4ae8d2;
}

/* ── Card Text ── */
.gc-app-overview__card-text {
    font-size: 15px;
    line-height: 1.8;
    color: #6b7a8d;
    margin: 0;
    transition: color 0.3s ease;
}

.gc-app-overview__card:hover .gc-app-overview__card-text {
    color: #4a5568;
}

[data-theme="dark"] .gc-app-overview__card-text {
    color: #94a3b8;
}

[data-theme="dark"] .gc-app-overview__card:hover .gc-app-overview__card-text {
    color: #cbd5e1;
}

/* ── Divider line ── */
.gc-app-overview__divider {
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #e8734a, #237687);
    border-radius: 2px;
    margin-bottom: 18px;
    transition: width 0.4s ease;
}

.gc-app-overview__card:hover .gc-app-overview__divider {
    width: 80px;
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-app-overview__title {
        font-size: 36px;
    }

    .gc-app-overview__card {
        padding: 36px 28px;
    }

    .gc-app-overview__num {
        width: 56px;
        height: 56px;
        font-size: 22px;
        border-radius: 14px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-app-overview {
        padding: 80px 0 !important;
    }

    .gc-app-overview__header {
        margin-bottom: 50px;
    }

    .gc-app-overview__title {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .gc-app-overview__desc {
        font-size: 15px;
        padding: 0;
    }

    .gc-app-overview__card {
        padding: 32px 24px;
    }

    .gc-app-overview__num {
        width: 52px;
        height: 52px;
        font-size: 20px;
        margin-bottom: 22px;
        border-radius: 12px;
    }

    .gc-app-overview__card-title {
        font-size: 19px;
    }

    .gc-app-overview__card-text {
        font-size: 14px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-app-overview {
        padding: 60px 0 !important;
    }

    .gc-app-overview__title {
        font-size: 26px;
    }

    .gc-app-overview__eyebrow {
        font-size: 11px;
        padding: 6px 18px;
        letter-spacing: 1.5px;
    }

    .gc-app-overview__num {
        width: 48px;
        height: 48px;
        font-size: 18px;
        border-radius: 10px;
        margin-bottom: 18px;
    }

    .gc-app-overview__card {
        padding: 28px 20px;
        border-radius: 16px;
    }

    .gc-app-overview__card-title {
        font-size: 17px;
    }

    .gc-app-overview__divider {
        width: 40px;
    }

    .gc-app-overview__card:hover .gc-app-overview__divider {
        width: 60px;
    }
}

/* ===================================================================
   GC Corporate Services — What We Do Section
   =================================================================== */

/* ── Section ── */
.gc-corp-services {
    position: relative;
    background: #ffffff;
}

[data-theme="dark"] .gc-corp-services {
    background: #0f1923;
}

/* ── Header ── */
.gc-corp-services__header {
    margin-bottom: 60px;
}

.gc-corp-services__eyebrow {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--rr-color-theme-primary);
    background: rgba(35, 118, 135, 0.08);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

[data-theme="dark"] .gc-corp-services__eyebrow {
    color: #4ae8d2;
    background: rgba(74, 232, 210, 0.08);
}

.gc-corp-services__title {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    color: #1a2332;
    margin-bottom: 20px;
    letter-spacing: -0.3px;
}

[data-theme="dark"] .gc-corp-services__title {
    color: #e2e8f0;
}

.gc-corp-services__desc {
    font-size: 16px;
    line-height: 1.75;
    color: #6b7a8d;
    max-width: 600px;
    margin: 0 auto;
}

[data-theme="dark"] .gc-corp-services__desc {
    color: #94a3b8;
}

/* ── Card ── */
.gc-corp-services__card {
    position: relative;
    padding: 40px 30px;
    border-radius: 16px;
    background: #f8fbfa;
    border: 1px solid #eef2f0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    overflow: hidden;
}

.gc-corp-services__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--rr-color-theme-primary), #e8734a);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-corp-services__card:hover::before {
    transform: scaleX(1);
}

.gc-corp-services__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.03);
    border-color: transparent;
}

[data-theme="dark"] .gc-corp-services__card {
    background: #162231;
    border-color: #1e3044;
}

[data-theme="dark"] .gc-corp-services__card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.15);
    border-color: transparent;
}

/* ── Icon ── */
.gc-corp-services__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.1), rgba(35, 118, 135, 0.04));
    color: var(--rr-color-theme-primary);
    font-size: 26px;
    margin-bottom: 24px;
    transition: all 0.4s ease;
}

.gc-corp-services__card:hover .gc-corp-services__icon {
    background: var(--rr-color-theme-primary);
    color: #fff;
    transform: scale(1.05);
}

[data-theme="dark"] .gc-corp-services__icon {
    background: linear-gradient(135deg, rgba(74, 232, 210, 0.1), rgba(74, 232, 210, 0.04));
    color: #4ae8d2;
}

[data-theme="dark"] .gc-corp-services__card:hover .gc-corp-services__icon {
    background: #4ae8d2;
    color: #0f1923;
}

/* ── Card Title ── */
.gc-corp-services__card-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a2332;
    margin-bottom: 14px;
    transition: color 0.3s ease;
}

.gc-corp-services__card:hover .gc-corp-services__card-title {
    color: var(--rr-color-theme-primary);
}

[data-theme="dark"] .gc-corp-services__card-title {
    color: #e2e8f0;
}

[data-theme="dark"] .gc-corp-services__card:hover .gc-corp-services__card-title {
    color: #4ae8d2;
}

/* ── Card Text ── */
.gc-corp-services__card-text {
    font-size: 15px;
    line-height: 1.7;
    color: #6b7a8d;
    margin-bottom: 20px;
}

[data-theme="dark"] .gc-corp-services__card-text {
    color: #94a3b8;
}

/* ── Link ── */
.gc-corp-services__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--rr-color-theme-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

.gc-corp-services__link i {
    transition: transform 0.3s ease;
    font-size: 12px;
}

.gc-corp-services__link:hover {
    color: #e8734a;
}

.gc-corp-services__link:hover i {
    transform: translateX(4px);
}

[data-theme="dark"] .gc-corp-services__link {
    color: #4ae8d2;
}

[data-theme="dark"] .gc-corp-services__link:hover {
    color: #e8734a;
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-corp-services__title {
        font-size: 34px;
    }

    .gc-corp-services__card {
        padding: 36px 26px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-corp-services {
        padding: 80px 0 !important;
    }

    .gc-corp-services__header {
        margin-bottom: 44px;
    }

    .gc-corp-services__title {
        font-size: 28px;
    }

    .gc-corp-services__desc {
        font-size: 15px;
        padding: 0 10px;
    }

    .gc-corp-services__card {
        padding: 32px 24px;
    }

    .gc-corp-services__icon {
        width: 56px;
        height: 56px;
        font-size: 22px;
        margin-bottom: 20px;
        border-radius: 12px;
    }

    .gc-corp-services__card-title {
        font-size: 18px;
    }

    .gc-corp-services__card-text {
        font-size: 14px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-corp-services {
        padding: 60px 0 !important;
    }

    .gc-corp-services__title {
        font-size: 24px;
    }

    .gc-corp-services__eyebrow {
        font-size: 11px;
        padding: 5px 16px;
        letter-spacing: 1.5px;
    }

    .gc-corp-services__card {
        padding: 28px 20px;
        border-radius: 14px;
    }

    .gc-corp-services__icon {
        width: 52px;
        height: 52px;
        font-size: 20px;
        margin-bottom: 18px;
    }

    .gc-corp-services__card-title {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .gc-corp-services__card-text {
        font-size: 13px;
        line-height: 1.65;
    }

    .gc-corp-services__link {
        font-size: 13px;
    }
}

/* ===================================================================
   GC Corporate About — About Our Company Section
   =================================================================== */

/* ── Section ── */
.gc-corp-about {
    position: relative;
    background: #0b1a26;
    overflow: hidden;
}

[data-theme="dark"] .gc-corp-about {
    background: #0b1a26;
}

.gc-corp-about::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(35, 118, 135, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

/* ── Images Container ── */
.gc-corp-about__images {
    position: relative;
    min-height: 480px;
}

.gc-corp-about__img {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.gc-corp-about__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.gc-corp-about__img:hover img {
    transform: scale(1.03);
}

.gc-corp-about__img--main {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 380px;
    z-index: 2;
}

.gc-corp-about__img--secondary {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 300px;
    z-index: 1;
    border: 4px solid #1a2a3a;
}

[data-theme="dark"] .gc-corp-about__img--secondary {
    border-color: #1a2a3a;
}

/* ── Experience Badge ── */
.gc-corp-about__experience-badge {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 28px;
    background: linear-gradient(135deg, #237687, #1a5a67);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(35, 118, 135, 0.4);
    animation: gcAboutBadgePulse 3s ease-in-out infinite;
}

@keyframes gcAboutBadgePulse {

    0%,
    100% {
        box-shadow: 0 10px 30px rgba(35, 118, 135, 0.4);
    }

    50% {
        box-shadow: 0 10px 40px rgba(35, 118, 135, 0.6);
    }
}

.gc-corp-about__badge-number {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
}

.gc-corp-about__badge-text {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ── Content ── */
.gc-corp-about__content {
    padding-left: 20px;
}

.gc-corp-about__eyebrow {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #4ae8d2;
    background: rgba(74, 232, 210, 0.08);
    border: 1px solid rgba(74, 232, 210, 0.15);
    margin-bottom: 20px;
}

.gc-corp-about__title {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    line-height: 1.2;
    color: #e2e8f0;
    margin-bottom: 36px;
    letter-spacing: -0.3px;
}

/* ── Features ── */
.gc-corp-about__features {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 36px;
}

.gc-corp-about__feature {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all 0.3s ease;
}

.gc-corp-about__feature:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(35, 118, 135, 0.3);
    transform: translateX(6px);
}

.gc-corp-about__feature-num {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.2), rgba(35, 118, 135, 0.05));
    color: #4ae8d2;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid rgba(35, 118, 135, 0.2);
}

.gc-corp-about__feature-info {
    flex: 1;
}

.gc-corp-about__feature-title {
    font-size: 17px;
    font-weight: 700;
    color: #e2e8f0;
    margin-bottom: 6px;
    transition: color 0.3s ease;
}

.gc-corp-about__feature:hover .gc-corp-about__feature-title {
    color: #4ae8d2;
}

.gc-corp-about__feature-text {
    font-size: 14px;
    line-height: 1.65;
    color: #94a3b8;
    margin: 0;
}

/* ── CTA Button ── */
.gc-corp-about__btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    box-shadow: 0 4px 20px rgba(232, 115, 74, 0.35);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: pointer;
}

.gc-corp-about__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(232, 115, 74, 0.45);
    color: #ffffff;
}

.gc-corp-about__btn i {
    transition: transform 0.3s ease;
    font-size: 13px;
}

.gc-corp-about__btn:hover i {
    transform: translateX(4px);
}

/* ── Light Theme ── */
[data-theme="light"] .gc-corp-about,
.gc-corp-about {
    background: #f8fbfa;
}

[data-theme="light"] .gc-corp-about::before {
    background: radial-gradient(circle, rgba(35, 118, 135, 0.08) 0%, transparent 70%);
}

[data-theme="light"] .gc-corp-about__img--secondary {
    border-color: #e8f0ec;
}

[data-theme="light"] .gc-corp-about__eyebrow {
    color: #237687;
    background: rgba(35, 118, 135, 0.06);
    border-color: rgba(35, 118, 135, 0.12);
}

[data-theme="light"] .gc-corp-about__title {
    color: #1a2332;
}

[data-theme="light"] .gc-corp-about__feature {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .gc-corp-about__feature:hover {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(35, 118, 135, 0.25);
}

[data-theme="light"] .gc-corp-about__feature-num {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.12), rgba(35, 118, 135, 0.04));
    color: #237687;
    border-color: rgba(35, 118, 135, 0.15);
}

[data-theme="light"] .gc-corp-about__feature-title {
    color: #1a2332;
}

[data-theme="light"] .gc-corp-about__feature:hover .gc-corp-about__feature-title {
    color: #237687;
}

[data-theme="light"] .gc-corp-about__feature-text {
    color: #6b7a8d;
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-corp-about__images {
        min-height: 400px;
    }

    .gc-corp-about__img--main {
        height: 320px;
    }

    .gc-corp-about__img--secondary {
        height: 260px;
    }

    .gc-corp-about__experience-badge {
        bottom: 60px;
        padding: 14px 22px;
    }

    .gc-corp-about__badge-number {
        font-size: 28px;
    }

    .gc-corp-about__content {
        padding-left: 0;
        margin-top: 40px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-corp-about {
        padding: 80px 0 !important;
    }

    .gc-corp-about__images {
        min-height: 340px;
    }

    .gc-corp-about__img--main {
        width: 65%;
        height: 280px;
    }

    .gc-corp-about__img--secondary {
        width: 55%;
        height: 230px;
    }

    .gc-corp-about__experience-badge {
        bottom: 50px;
        left: 40%;
        padding: 12px 18px;
    }

    .gc-corp-about__badge-number {
        font-size: 24px;
    }

    .gc-corp-about__badge-text {
        font-size: 11px;
    }

    .gc-corp-about__title {
        font-size: 28px;
        margin-bottom: 28px;
    }

    .gc-corp-about__feature {
        padding: 16px;
        gap: 14px;
    }

    .gc-corp-about__feature-num {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }

    .gc-corp-about__feature-title {
        font-size: 15px;
    }

    .gc-corp-about__feature-text {
        font-size: 13px;
    }

    .gc-corp-about__btn {
        padding: 12px 28px;
        font-size: 14px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-corp-about {
        padding: 60px 0 !important;
    }

    .gc-corp-about__images {
        min-height: 280px;
    }

    .gc-corp-about__img--main {
        width: 60%;
        height: 240px;
    }

    .gc-corp-about__img--secondary {
        width: 50%;
        height: 200px;
    }

    .gc-corp-about__experience-badge {
        bottom: 40px;
        left: 35%;
        padding: 10px 16px;
        gap: 8px;
    }

    .gc-corp-about__badge-number {
        font-size: 20px;
    }

    .gc-corp-about__badge-text {
        font-size: 10px;
    }

    .gc-corp-about__eyebrow {
        font-size: 11px;
        padding: 5px 16px;
        letter-spacing: 1.5px;
    }

    .gc-corp-about__title {
        font-size: 24px;
    }

    .gc-corp-about__features {
        gap: 16px;
        margin-bottom: 28px;
    }

    .gc-corp-about__feature {
        padding: 14px 12px;
        gap: 12px;
    }

    .gc-corp-about__feature-num {
        width: 38px;
        height: 38px;
        font-size: 13px;
        border-radius: 10px;
    }

    .gc-corp-about__feature-title {
        font-size: 14px;
    }

    .gc-corp-about__feature-text {
        font-size: 12px;
    }
}

[data-theme=light] .gc-corp-prehero-cta p {
    color: #fff;
}

[data-theme=light] .gc-corp-prehero-cta h2 {
    color: #fff;
}

/* ===================================================================
   School Hero Visual — gc-school-hero__ prefix
   =================================================================== */
.gc-school-hero__visual {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.gc-school-hero__visual::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 115, 74, 0.1) 0%, transparent 70%);
    z-index: -1;
    animation: gcSchoolHeroPulse 5s ease-in-out infinite;
}

[data-theme="dark"] .gc-school-hero__visual::before {
    background: radial-gradient(circle, rgba(232, 115, 74, 0.06) 0%, transparent 70%);
}

@keyframes gcSchoolHeroPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

/* ── Browser Frame ── */
.gc-school-hero__browser {
    width: 100%;
    max-width: 440px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.08),
        0 12px 24px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;
    animation: gcSchoolBrowserFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-school-hero__browser {
    background: #1a2332;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

@keyframes gcSchoolBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-school-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.01);
}

/* ── Browser Bar ── */
.gc-school-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f8f9fa 0%, #f0f1f3 100%);
    border-bottom: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-school-hero__browser-bar {
    background: linear-gradient(180deg, #162231 0%, #131d2a 100%);
    border-bottom-color: #243040;
}

.gc-school-hero__browser-dots {
    display: flex;
    gap: 7px;
}

.gc-school-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.gc-school-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 4px rgba(255, 95, 87, 0.4);
}

.gc-school-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 4px rgba(255, 189, 46, 0.4);
}

.gc-school-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 4px rgba(40, 200, 64, 0.4);
}

.gc-school-hero__browser-url {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-school-hero__url-lock {
    font-size: 10px;
    color: #28c840;
}

.gc-school-hero__browser-url span {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    border: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-school-hero__browser-url span {
    background: #0f1923;
    color: #94a3b8;
    border-color: #243040;
}

.gc-school-hero__browser-actions {
    display: flex;
    align-items: center;
}

.gc-school-hero__browser-arrows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #ffffff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.3);
}

/* ── Browser Body ── */
.gc-school-hero__browser-body {
    padding: 0;
}

/* ── Form Header ── */
.gc-school-hero__form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border-bottom: 1px solid #f0f1f3;
}

[data-theme="dark"] .gc-school-hero__form-header {
    border-bottom-color: #243040;
}

.gc-school-hero__form-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.gc-school-hero__form-header-left i {
    font-size: 18px;
    color: #237687;
}

.gc-school-hero__form-title {
    font-size: 16px;
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-school-hero__form-title {
    color: #e2e8f0;
}

.gc-school-hero__form-badge {
    padding: 4px 14px;
    border-radius: 20px;
    background: rgba(232, 115, 74, 0.1);
    color: #e8734a;
    font-size: 12px;
    font-weight: 600;
}

/* ── Form Fields ── */
.gc-school-hero__form-fields {
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gc-school-hero__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gc-school-hero__field-label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7a8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[data-theme="dark"] .gc-school-hero__field-label {
    color: #94a3b8;
}

.gc-school-hero__field-input {
    height: 32px;
    border-radius: 8px;
    background: #f5f6f8;
    border: 1px solid #e8eaed;
    display: flex;
    align-items: center;
    padding: 0 12px;
    transition: border-color 0.3s ease;
}

[data-theme="dark"] .gc-school-hero__field-input {
    background: #162231;
    border-color: #243040;
}

.gc-school-hero__field-input span {
    width: 60%;
    height: 8px;
    border-radius: 4px;
    background: #dde0e4;
}

[data-theme="dark"] .gc-school-hero__field-input span {
    background: #2a3a4a;
}

.gc-school-hero__field-input--select {
    justify-content: space-between;
}

.gc-school-hero__field-input--select i {
    font-size: 10px;
    color: #94a3b8;
}

.gc-school-hero__field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* ── Form Footer ── */
.gc-school-hero__form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    background: #f8f9fa;
    border-top: 1px solid #eee;
    margin: 0 18px 16px;
    border-radius: 10px;
}

[data-theme="dark"] .gc-school-hero__form-footer {
    background: #162231;
    border-top-color: #243040;
}

.gc-school-hero__form-step {
    font-size: 12px;
    font-weight: 500;
    color: #6b7a8d;
}

[data-theme="dark"] .gc-school-hero__form-step {
    color: #94a3b8;
}

.gc-school-hero__form-progress {
    flex: 1;
    height: 4px;
    background: #e8eaed;
    border-radius: 2px;
    margin: 0 14px;
    overflow: hidden;
}

[data-theme="dark"] .gc-school-hero__form-progress {
    background: #243040;
}

.gc-school-hero__form-progress-bar {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #237687, #28c840);
    border-radius: 2px;
    animation: gcSchoolProgress 2s ease-in-out infinite;
}

@keyframes gcSchoolProgress {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.gc-school-hero__form-submit {
    padding: 10px 24px;
    border-radius: 8px;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(232, 115, 74, 0.3);
}

.gc-school-hero__form-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(232, 115, 74, 0.4);
}

/* ── Floating Badges ── */
.gc-school-hero__badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    font-size: 12px;
    font-weight: 600;
    color: #1a2332;
    z-index: 3;
    animation: gcSchoolBadgeFloat 4s ease-in-out infinite;
}

[data-theme="dark"] .gc-school-hero__badge {
    background: #1a2332;
    color: #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.gc-school-hero__badge i {
    font-size: 14px;
    color: #237687;
}

.gc-school-hero__badge--students {
    bottom: 60px;
    left: -10px;
    animation-delay: 0s;
}

.gc-school-hero__badge--secure {
    top: 40px;
    right: -10px;
    animation-delay: 2s;
}

@keyframes gcSchoolBadgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-school-hero__visual {
        margin-top: 40px;
    }

    .gc-school-hero__browser {
        max-width: 400px;
    }

    .gc-school-hero__badge--students {
        bottom: 40px;
        left: 0;
    }

    .gc-school-hero__badge--secure {
        top: 20px;
        right: 0;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-school-hero__browser {
        max-width: 100%;
    }

    .gc-school-hero__form-fields {
        gap: 10px;
        padding: 14px 16px;
    }

    .gc-school-hero__field-input {
        height: 34px;
    }

    .gc-school-hero__form-footer {
        padding: 12px 14px;
        margin: 0 16px 16px;
    }

    .gc-school-hero__form-submit {
        padding: 8px 18px;
        font-size: 12px;
    }

    .gc-school-hero__badge {
        padding: 8px 12px;
        font-size: 11px;
        gap: 6px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-school-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-school-hero__dot {
        width: 9px;
        height: 9px;
    }

    .gc-school-hero__browser-url span {
        font-size: 10px;
        padding: 5px 12px;
    }

    .gc-school-hero__form-fields {
        gap: 8px;
        padding: 12px;
    }

    .gc-school-hero__field-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gc-school-hero__field-input {
        height: 32px;
    }

    .gc-school-hero__form-footer {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .gc-school-hero__form-progress {
        order: 3;
        width: 100%;
        margin: 0;
    }

    .gc-school-hero__badge {
        display: none;
    }
}

/* ══════════════════════════════════════════════════
   Medical/Hospital Hero – Appointment Booking Mockup
   Prefix: gc-med-hero__
   ══════════════════════════════════════════════════ */

/* ── Visual Container ── */
.gc-med-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.gc-med-hero__visual::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(45, 149, 171, 0.12) 0%, transparent 70%);
    z-index: -1;
    animation: gcMedHeroPulse 5s ease-in-out infinite;
}

[data-theme="dark"] .gc-med-hero__visual::before {
    background: radial-gradient(circle, rgba(45, 149, 171, 0.06) 0%, transparent 70%);
}

@keyframes gcMedHeroPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

/* ── Browser Frame ── */
.gc-med-hero__browser {
    width: 100%;
    max-width: 480px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.08),
        0 12px 24px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;
    animation: gcMedBrowserFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-med-hero__browser {
    background: #1a2332;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

@keyframes gcMedBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-med-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.01);
}

/* ── Browser Bar ── */
.gc-med-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f8f9fa 0%, #f0f1f3 100%);
    border-bottom: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-med-hero__browser-bar {
    background: linear-gradient(180deg, #162231 0%, #131d2a 100%);
    border-bottom-color: #243040;
}

.gc-med-hero__browser-dots {
    display: flex;
    gap: 7px;
}

.gc-med-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.gc-med-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 4px rgba(255, 95, 87, 0.4);
}

.gc-med-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 4px rgba(255, 189, 46, 0.4);
}

.gc-med-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 4px rgba(40, 200, 64, 0.4);
}

.gc-med-hero__browser-url {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-med-hero__url-lock {
    font-size: 10px;
    color: #28c840;
}

.gc-med-hero__browser-url span {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    border: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-med-hero__browser-url span {
    background: #0f1923;
    color: #94a3b8;
    border-color: #243040;
}

.gc-med-hero__browser-actions {
    display: flex;
    align-items: center;
}

.gc-med-hero__browser-arrows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #ffffff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.3);
}

/* ── Browser Body ── */
.gc-med-hero__browser-body {
    padding: 18px 20px;
}

/* ── Appointment Header ── */
.gc-med-hero__appt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.gc-med-hero__appt-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-med-hero__appt-title {
    color: #e2e8f0;
}

.gc-med-hero__appt-badge {
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(40, 200, 64, 0.12);
    color: #16a34a;
    font-size: 11px;
    font-weight: 600;
}

[data-theme="dark"] .gc-med-hero__appt-badge {
    background: rgba(40, 200, 64, 0.15);
    color: #4ade80;
}

/* ── Doctor Info ── */
.gc-med-hero__doctor {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: #f8f9fa;
    border-radius: 12px;
    margin-bottom: 16px;
}

[data-theme="dark"] .gc-med-hero__doctor {
    background: #162231;
}

.gc-med-hero__doctor-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #237687, #1c6272);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gc-med-hero__doctor-avatar i {
    font-size: 22px;
    color: #ffffff;
}

.gc-med-hero__doctor-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gc-med-hero__doctor-name {
    width: 70%;
    height: 10px;
    border-radius: 5px;
    background: #dde0e4;
}

[data-theme="dark"] .gc-med-hero__doctor-name {
    background: #2a3a4a;
}

.gc-med-hero__doctor-spec {
    width: 50%;
    height: 8px;
    border-radius: 4px;
    background: #e8eaed;
}

[data-theme="dark"] .gc-med-hero__doctor-spec {
    background: #243040;
}

/* ── Time Slots ── */
.gc-med-hero__slots {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}

.gc-med-hero__slot {
    padding: 10px 0;
    border-radius: 8px;
    border: 1px solid #e8eaed;
    background: #ffffff;
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.3s ease;
}

[data-theme="dark"] .gc-med-hero__slot {
    background: #0f1923;
    border-color: #243040;
    color: #94a3b8;
}

.gc-med-hero__slot--active {
    background: #1a2332;
    border-color: #1a2332;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(26, 35, 50, 0.3);
}

[data-theme="dark"] .gc-med-hero__slot--active {
    background: #237687;
    border-color: #237687;
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.3);
}

.gc-med-hero__slot:hover:not(.gc-med-hero__slot--active) {
    border-color: #237687;
    color: #237687;
}

/* ── Appointment Footer ── */
.gc-med-hero__appt-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: #f8f9fa;
    border-radius: 12px;
}

[data-theme="dark"] .gc-med-hero__appt-footer {
    background: #162231;
}

.gc-med-hero__appt-status {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #6b7a8d;
}

[data-theme="dark"] .gc-med-hero__appt-status {
    color: #94a3b8;
}

.gc-med-hero__appt-status i {
    color: #237687;
}

.gc-med-hero__appt-confirm {
    padding: 10px 28px;
    border-radius: 8px;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(232, 115, 74, 0.3);
}

.gc-med-hero__appt-confirm:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(232, 115, 74, 0.4);
}

/* ── Floating Badges ── */
.gc-med-hero__badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    font-size: 12px;
    font-weight: 600;
    color: #1a2332;
    z-index: 3;
    animation: gcMedBadgeFloat 4s ease-in-out infinite;
}

[data-theme="dark"] .gc-med-hero__badge {
    background: #1a2332;
    color: #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.gc-med-hero__badge i {
    font-size: 14px;
    color: #237687;
}

.gc-med-hero__badge--doctors {
    bottom: 60px;
    left: -10px;
    animation-delay: 0s;
}

.gc-med-hero__badge--emergency {
    top: 40px;
    right: -10px;
    animation-delay: 2s;
}

@keyframes gcMedBadgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-med-hero__visual {
        margin-top: 40px;
    }

    .gc-med-hero__browser {
        max-width: 420px;
    }

    .gc-med-hero__badge--doctors {
        bottom: 40px;
        left: 0;
    }

    .gc-med-hero__badge--emergency {
        top: 20px;
        right: 0;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-med-hero__browser {
        max-width: 100%;
    }

    .gc-med-hero__browser-body {
        padding: 16px 14px;
    }

    .gc-med-hero__slots {
        gap: 8px;
    }

    .gc-med-hero__slot {
        padding: 8px 0;
        font-size: 12px;
    }

    .gc-med-hero__appt-footer {
        padding: 12px 14px;
    }

    .gc-med-hero__appt-confirm {
        padding: 8px 20px;
        font-size: 12px;
    }

    .gc-med-hero__badge {
        padding: 8px 12px;
        font-size: 11px;
        gap: 6px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-med-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-med-hero__dot {
        width: 9px;
        height: 9px;
    }

    .gc-med-hero__browser-url span {
        font-size: 10px;
        padding: 5px 12px;
    }

    .gc-med-hero__browser-body {
        padding: 14px 12px;
    }

    .gc-med-hero__appt-title {
        font-size: 16px;
    }

    .gc-med-hero__slots {
        grid-template-columns: repeat(2, 1fr);
    }

    .gc-med-hero__appt-footer {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .gc-med-hero__badge {
        display: none;
    }
}

/* ══════════════════════════════════════════════════
   Education & Consultancy Hero – Free Consultation Mockup
   Prefix: gc-edu-hero__
   ══════════════════════════════════════════════════ */

/* ── Visual Container ── */
.gc-edu-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.gc-edu-hero__visual::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 115, 74, 0.1) 0%, transparent 70%);
    z-index: -1;
    animation: gcEduHeroPulse 5s ease-in-out infinite;
}

[data-theme="dark"] .gc-edu-hero__visual::before {
    background: radial-gradient(circle, rgba(232, 115, 74, 0.06) 0%, transparent 70%);
}

@keyframes gcEduHeroPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

/* ── Browser Frame ── */
.gc-edu-hero__browser {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.08),
        0 12px 24px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;
    animation: gcEduBrowserFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-edu-hero__browser {
    background: #1a2332;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

@keyframes gcEduBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-edu-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.01);
}

/* ── Browser Bar ── */
.gc-edu-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f8f9fa 0%, #f0f1f3 100%);
    border-bottom: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-edu-hero__browser-bar {
    background: linear-gradient(180deg, #162231 0%, #131d2a 100%);
    border-bottom-color: #243040;
}

.gc-edu-hero__browser-dots {
    display: flex;
    gap: 7px;
}

.gc-edu-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.gc-edu-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 4px rgba(255, 95, 87, 0.4);
}

.gc-edu-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 4px rgba(255, 189, 46, 0.4);
}

.gc-edu-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 4px rgba(40, 200, 64, 0.4);
}

.gc-edu-hero__browser-url {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-edu-hero__url-lock {
    font-size: 10px;
    color: #28c840;
}

.gc-edu-hero__browser-url span {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    border: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-edu-hero__browser-url span {
    background: #0f1923;
    color: #94a3b8;
    border-color: #243040;
}

.gc-edu-hero__browser-actions {
    display: flex;
    align-items: center;
}

.gc-edu-hero__browser-arrows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #ffffff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.3);
}

/* ── Browser Body ── */
.gc-edu-hero__browser-body {
    padding: 24px 28px 20px;
}

[data-theme="dark"] .gc-edu-hero__browser-body {
    background: #1a2332;
}

/* ── Consultation Header ── */
.gc-edu-hero__consult-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.gc-edu-hero__consult-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-edu-hero__consult-title {
    color: #e2e8f0;
}

.gc-edu-hero__consult-badge {
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(35, 118, 135, 0.1);
    color: #237687;
    font-size: 12px;
    font-weight: 600;
}

[data-theme="dark"] .gc-edu-hero__consult-badge {
    background: rgba(35, 118, 135, 0.2);
    color: #4db8c9;
}

/* ── Progress Bar ── */
.gc-edu-hero__progress {
    position: relative;
    margin-bottom: 28px;
}

.gc-edu-hero__progress-track {
    width: 100%;
    height: 4px;
    background: #e8eaed;
    border-radius: 2px;
    overflow: hidden;
}

[data-theme="dark"] .gc-edu-hero__progress-track {
    background: #243040;
}

.gc-edu-hero__progress-fill {
    width: 55%;
    height: 100%;
    background: linear-gradient(90deg, #237687, #28c840);
    border-radius: 2px;
    animation: gcEduProgressPulse 2s ease-in-out infinite;
}

@keyframes gcEduProgressPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

.gc-edu-hero__progress-dots {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 2px;
}

.gc-edu-hero__progress-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e8eaed;
    border: 3px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

[data-theme="dark"] .gc-edu-hero__progress-dot {
    background: #243040;
    border-color: #1a2332;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.gc-edu-hero__progress-dot--done {
    background: #28c840;
    box-shadow: 0 2px 8px rgba(40, 200, 64, 0.3);
}

.gc-edu-hero__progress-dot--done i {
    font-size: 9px;
    color: #ffffff;
}

/* ── Footer (Step + Button) ── */
.gc-edu-hero__consult-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gc-edu-hero__step-label {
    font-size: 13px;
    font-weight: 500;
    color: #94a3b8;
}

[data-theme="dark"] .gc-edu-hero__step-label {
    color: #64748b;
}

.gc-edu-hero__book-btn {
    padding: 12px 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #e8734a, #d4603a);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(232, 115, 74, 0.3);
}

.gc-edu-hero__book-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(232, 115, 74, 0.4);
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-edu-hero__visual {
        margin-top: 40px;
    }

    .gc-edu-hero__browser {
        max-width: 420px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-edu-hero__browser {
        max-width: 100%;
    }

    .gc-edu-hero__browser-body {
        padding: 20px 20px 16px;
    }

    .gc-edu-hero__progress-dot {
        width: 18px;
        height: 18px;
    }

    .gc-edu-hero__progress-dot--done i {
        font-size: 8px;
    }

    .gc-edu-hero__book-btn {
        padding: 10px 24px;
        font-size: 13px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-edu-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-edu-hero__dot {
        width: 9px;
        height: 9px;
    }

    .gc-edu-hero__browser-url span {
        font-size: 10px;
        padding: 5px 12px;
    }

    .gc-edu-hero__browser-body {
        padding: 18px 16px 14px;
    }

    .gc-edu-hero__consult-title {
        font-size: 16px;
    }

    .gc-edu-hero__consult-badge {
        font-size: 11px;
        padding: 4px 10px;
    }

    .gc-edu-hero__progress-dot {
        width: 16px;
        height: 16px;
    }

    .gc-edu-hero__book-btn {
        padding: 10px 20px;
        font-size: 12px;
    }
}

/* ══════════════════════════════════════════════════
   WordPress Hero – Page Speed Score Mockup
   Prefix: gc-wp-hero__
   ══════════════════════════════════════════════════ */

/* ── Visual Container ── */
.gc-wp-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.gc-wp-hero__visual::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(35, 118, 135, 0.1) 0%, transparent 70%);
    z-index: -1;
    animation: gcWpHeroPulse 5s ease-in-out infinite;
}

[data-theme="dark"] .gc-wp-hero__visual::before {
    background: radial-gradient(circle, rgba(35, 118, 135, 0.06) 0%, transparent 70%);
}

@keyframes gcWpHeroPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

/* ── Browser Frame ── */
.gc-wp-hero__browser {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.08),
        0 12px 24px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;
    animation: gcWpBrowserFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-wp-hero__browser {
    background: #1a2332;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

@keyframes gcWpBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-wp-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.01);
}

/* ── Browser Bar ── */
.gc-wp-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f8f9fa 0%, #f0f1f3 100%);
    border-bottom: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-wp-hero__browser-bar {
    background: linear-gradient(180deg, #162231 0%, #131d2a 100%);
    border-bottom-color: #243040;
}

.gc-wp-hero__browser-dots {
    display: flex;
    gap: 7px;
}

.gc-wp-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.gc-wp-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 4px rgba(255, 95, 87, 0.4);
}

.gc-wp-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 4px rgba(255, 189, 46, 0.4);
}

.gc-wp-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 4px rgba(40, 200, 64, 0.4);
}

.gc-wp-hero__browser-url {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-wp-hero__url-lock {
    font-size: 10px;
    color: #28c840;
}

.gc-wp-hero__browser-url span {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    border: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-wp-hero__browser-url span {
    background: #0f1923;
    color: #94a3b8;
    border-color: #243040;
}

.gc-wp-hero__browser-actions {
    display: flex;
    align-items: center;
}

.gc-wp-hero__browser-arrows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #ffffff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.3);
}

/* ── Browser Body ── */
.gc-wp-hero__browser-body {
    padding: 28px 32px 32px;
}

[data-theme="dark"] .gc-wp-hero__browser-body {
    background: #1a2332;
}

/* ── Score Header ── */
.gc-wp-hero__score-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.gc-wp-hero__score-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-wp-hero__score-title {
    color: #e2e8f0;
}

.gc-wp-hero__score-badge {
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(40, 200, 64, 0.12);
    color: #16a34a;
    font-size: 12px;
    font-weight: 600;
}

[data-theme="dark"] .gc-wp-hero__score-badge {
    background: rgba(40, 200, 64, 0.15);
    color: #4ade80;
}

/* ── Speed Gauge ── */
.gc-wp-hero__gauge {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 0;
}

.gc-wp-hero__gauge-svg {
    width: 200px;
    height: 120px;
}

.gc-wp-hero__gauge-fill {
    animation: gcWpGaugeDraw 2s ease-out forwards;
}

@keyframes gcWpGaugeDraw {
    from {
        stroke-dashoffset: 251.2;
    }

    to {
        stroke-dashoffset: 15;
    }
}

.gc-wp-hero__gauge-value {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 42px;
    font-weight: 800;
    color: #1a2332;
    line-height: 1;
}

[data-theme="dark"] .gc-wp-hero__gauge-value {
    color: #e2e8f0;
}

/* ── Floating Badges ── */
.gc-wp-hero__badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    font-size: 12px;
    font-weight: 600;
    color: #1a2332;
    z-index: 3;
    animation: gcWpBadgeFloat 4s ease-in-out infinite;
}

[data-theme="dark"] .gc-wp-hero__badge {
    background: #1a2332;
    color: #e2e8f0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.gc-wp-hero__badge i {
    font-size: 16px;
}

.gc-wp-hero__badge--wp {
    top: 30px;
    right: -12px;
    animation-delay: 0s;
}

.gc-wp-hero__badge--wp i {
    color: #21759b;
}

.gc-wp-hero__badge--plugins {
    bottom: 50px;
    left: -12px;
    animation-delay: 2s;
}

.gc-wp-hero__badge--plugins i {
    color: #e8734a;
}

@keyframes gcWpBadgeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-wp-hero__visual {
        margin-top: 40px;
    }

    .gc-wp-hero__browser {
        max-width: 420px;
    }

    .gc-wp-hero__badge--wp {
        top: 20px;
        right: 0;
    }

    .gc-wp-hero__badge--plugins {
        bottom: 40px;
        left: 0;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-wp-hero__browser {
        max-width: 100%;
    }

    .gc-wp-hero__browser-body {
        padding: 24px 24px 28px;
    }

    .gc-wp-hero__gauge-svg {
        width: 180px;
        height: 110px;
    }

    .gc-wp-hero__gauge-value {
        font-size: 36px;
    }

    .gc-wp-hero__badge {
        padding: 8px 12px;
        font-size: 11px;
        gap: 6px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-wp-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-wp-hero__dot {
        width: 9px;
        height: 9px;
    }

    .gc-wp-hero__browser-url span {
        font-size: 10px;
        padding: 5px 12px;
    }

    .gc-wp-hero__browser-body {
        padding: 20px 18px 24px;
    }

    .gc-wp-hero__score-title {
        font-size: 16px;
    }

    .gc-wp-hero__gauge-svg {
        width: 160px;
        height: 100px;
    }

    .gc-wp-hero__gauge-value {
        font-size: 32px;
    }

    .gc-wp-hero__badge {
        display: none;
    }
}

/* ══════════════════════════════════════════════════
   Blog & News Hero – Latest Articles Mockup
   Prefix: gc-blog-hero__
   ══════════════════════════════════════════════════ */

/* ── Visual Container ── */
.gc-blog-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.gc-blog-hero__visual::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232, 115, 74, 0.1) 0%, transparent 70%);
    z-index: -1;
    animation: gcBlogHeroPulse 5s ease-in-out infinite;
}

[data-theme="dark"] .gc-blog-hero__visual::before {
    background: radial-gradient(circle, rgba(232, 115, 74, 0.06) 0%, transparent 70%);
}

@keyframes gcBlogHeroPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

/* ── Browser Frame ── */
.gc-blog-hero__browser {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.08),
        0 12px 24px rgba(0, 0, 0, 0.04),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease;
    animation: gcBlogBrowserFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-blog-hero__browser {
    background: #1a2332;
    box-shadow:
        0 32px 64px rgba(0, 0, 0, 0.35),
        0 12px 24px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

@keyframes gcBlogBrowserFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.gc-blog-hero__browser:hover {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.01);
}

/* ── Browser Bar ── */
.gc-blog-hero__browser-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    background: linear-gradient(180deg, #f8f9fa 0%, #f0f1f3 100%);
    border-bottom: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-blog-hero__browser-bar {
    background: linear-gradient(180deg, #162231 0%, #131d2a 100%);
    border-bottom-color: #243040;
}

.gc-blog-hero__browser-dots {
    display: flex;
    gap: 7px;
}

.gc-blog-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.gc-blog-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 4px rgba(255, 95, 87, 0.4);
}

.gc-blog-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 4px rgba(255, 189, 46, 0.4);
}

.gc-blog-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 4px rgba(40, 200, 64, 0.4);
}

.gc-blog-hero__browser-url {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-blog-hero__url-lock {
    font-size: 10px;
    color: #28c840;
}

.gc-blog-hero__browser-url span {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    border: 1px solid #e2e4e8;
}

[data-theme="dark"] .gc-blog-hero__browser-url span {
    background: #0f1923;
    color: #94a3b8;
    border-color: #243040;
}

.gc-blog-hero__browser-actions {
    display: flex;
    align-items: center;
}

.gc-blog-hero__browser-arrows {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #237687, #1c6272);
    color: #ffffff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(35, 118, 135, 0.3);
}

/* ── Browser Body ── */
.gc-blog-hero__browser-body {
    padding: 16px 20px 18px;
}

[data-theme="dark"] .gc-blog-hero__browser-body {
    background: #1a2332;
}

/* ── Articles Header ── */
.gc-blog-hero__articles-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.gc-blog-hero__articles-title {
    font-size: 16px;
    font-weight: 700;
    color: #1a2332;
}

[data-theme="dark"] .gc-blog-hero__articles-title {
    color: #e2e8f0;
}

.gc-blog-hero__articles-badge {
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(40, 200, 64, 0.12);
    color: #16a34a;
    font-size: 12px;
    font-weight: 600;
}

[data-theme="dark"] .gc-blog-hero__articles-badge {
    background: rgba(40, 200, 64, 0.15);
    color: #4ade80;
}

/* ── Article List ── */
.gc-blog-hero__articles-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gc-blog-hero__article {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #f9fafb;
    border-radius: 10px;
    transition: background 0.3s ease;
}

[data-theme="dark"] .gc-blog-hero__article {
    background: #162231;
}

.gc-blog-hero__article:hover {
    background: #f0f1f3;
}

[data-theme="dark"] .gc-blog-hero__article:hover {
    background: #1e2d3d;
}

.gc-blog-hero__article-thumb {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    flex-shrink: 0;
}

.gc-blog-hero__article-thumb--teal {
    background: linear-gradient(135deg, #237687, #1c6272);
}

.gc-blog-hero__article-thumb--gold {
    background: linear-gradient(135deg, #c9973b, #b8862e);
}

.gc-blog-hero__article-thumb--coral {
    background: linear-gradient(135deg, #e8734a, #d4603a);
}

.gc-blog-hero__article-thumb--dark {
    background: linear-gradient(135deg, #1a2332, #2d3a4a);
}

.gc-blog-hero__article-lines {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gc-blog-hero__article-line {
    height: 7px;
    border-radius: 4px;
    background: #dde0e4;
}

[data-theme="dark"] .gc-blog-hero__article-line {
    background: #2a3a4a;
}

.gc-blog-hero__article-line--long {
    width: 85%;
}

.gc-blog-hero__article-line--short {
    width: 55%;
}

/* ── Responsive: Tablet ── */
@media (max-width: 991.98px) {
    .gc-blog-hero__visual {
        margin-top: 40px;
    }

    .gc-blog-hero__browser {
        max-width: 420px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 767.98px) {
    .gc-blog-hero__browser {
        max-width: 100%;
    }

    .gc-blog-hero__browser-body {
        padding: 18px 18px 20px;
    }

    .gc-blog-hero__article-thumb {
        width: 40px;
        height: 40px;
    }

    .gc-blog-hero__article {
        gap: 12px;
        padding: 10px 12px;
    }

    .gc-blog-hero__article-line {
        height: 7px;
    }
}

/* ── Responsive: Small Mobile ── */
@media (max-width: 575.98px) {
    .gc-blog-hero__browser-bar {
        padding: 10px 14px;
    }

    .gc-blog-hero__dot {
        width: 9px;
        height: 9px;
    }

    .gc-blog-hero__browser-url span {
        font-size: 10px;
        padding: 5px 12px;
    }

    .gc-blog-hero__browser-body {
        padding: 16px 14px 18px;
    }

    .gc-blog-hero__articles-title {
        font-size: 15px;
    }

    .gc-blog-hero__articles-list {
        gap: 10px;
    }

    .gc-blog-hero__article-thumb {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}

/* ══════════════════════════════════════════════════
   Wedding Video Hero Section
   Matches 3d-animation-service.html theme colors
   ══════════════════════════════════════════════════ */

/* ── Hero Background Override ── */
.gc-wedding-hero {
    position: relative;
    overflow: hidden;
}

[data-theme="light"] .gc-wedding-hero,
.gc-wedding-hero {
    background: linear-gradient(180deg, #f4faf8 0%, #eef6f3 55%, #f8fbfa 100%);
}

[data-theme="dark"] .gc-wedding-hero {
    background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 55%, #0a1520 100%);
}

.gc-wedding-hero .gc-3d-anim-hero-bg {
    background:
        radial-gradient(circle at 8% 20%, rgba(35, 118, 135, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 92% 15%, rgba(35, 118, 135, 0.06) 0%, transparent 40%);
}

/* ── Title Accent ── */
.gc-wedding-accent {
    color: var(--rr-color-theme-primary);
}

/* ── Badge ── */
.gc-wedding-hero .gc-3d-anim-hero-badge {
    background: rgba(35, 118, 135, 0.12);
    border-color: rgba(35, 118, 135, 0.2);
    color: var(--rr-color-theme-primary);
}

[data-theme="dark"] .gc-wedding-hero .gc-3d-anim-hero-badge {
    color: var(--rr-color-theme-primary);
}

.gc-wedding-hero .gc-3d-anim-hero-badge i {
    color: var(--rr-color-theme-secondary);
}

/* ── Buttons ── */
.gc-wedding-hero .gc-3d-anim-hero-btn--primary {
    background: var(--rr-color-theme-primary);
    box-shadow: 0 10px 28px rgba(35, 118, 135, 0.28);
}

.gc-wedding-hero .gc-3d-anim-hero-btn--primary:hover {
    box-shadow: 0 14px 32px rgba(35, 118, 135, 0.35);
    transform: translateY(-2px);
}

.gc-wedding-hero .gc-3d-anim-hero-btn--outline {
    color: var(--rr-color-theme-primary);
    border-color: rgba(35, 118, 135, 0.45);
}

.gc-wedding-hero .gc-3d-anim-hero-btn--outline:hover {
    color: #fff;
    background: var(--rr-color-theme-primary);
    border-color: var(--rr-color-theme-primary);
}

/* ── Features Icons ── */
.gc-wedding-hero .gc-3d-anim-hero-features li i {
    color: var(--rr-color-theme-primary);
    margin-right: 4px;
}

/* ── Video Player Card ── */
.gc-wedding-hero__visual {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 2;
}

.gc-wedding-hero__player {
    width: 100%;
    max-width: 650px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.14);
    box-shadow: 0 18px 48px rgba(35, 118, 135, 0.1);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    animation: gcWeddingPlayerFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-wedding-hero__player {
    border-color: rgba(35, 118, 135, 0.28);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.3),
        0 40px 80px rgba(0, 0, 0, 0.2);
}

@keyframes gcWeddingPlayerFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.gc-wedding-hero__player:hover {
    animation-play-state: paused;
    transform: translateY(-4px);
    box-shadow:
        0 24px 56px rgba(35, 118, 135, 0.16),
        0 48px 96px rgba(0, 0, 0, 0.08);
}

.gc-wedding-hero__player-inner {
    position: relative;
    width: 100%;
}

/* ── Thumbnail / Video Area ── */
.gc-wedding-hero__thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: linear-gradient(145deg, #dff3ec 0%, #c8e8dc 45%, #d4efe6 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 28px;
    gap: 12px;
    overflow: hidden;
}

[data-theme="dark"] .gc-wedding-hero__thumb {
    background: linear-gradient(145deg, rgba(35, 118, 135, 0.22) 0%, rgba(20, 60, 72, 0.35) 100%);
}

.gc-wedding-hero__thumb-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 35%, rgba(35, 118, 135, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse at 70% 65%, rgba(35, 118, 135, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

/* ── Preview top bar ── */
.gc-wedding-hero__thumb-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 28px);
    margin-top: 6px;
    gap: 8px;
}

.gc-wedding-hero__thumb-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(10px);
}

.gc-wedding-hero__thumb-pill--muted {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.2);
}

/* ── Film Reel Icon ── */
.gc-wedding-hero__film-icon {
    position: relative;
    z-index: 2;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.2), rgba(35, 118, 135, 0.08));
    border: 1px solid rgba(35, 118, 135, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: gcWeddingFilmGlow 4s ease-in-out infinite;
}

@keyframes gcWeddingFilmGlow {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(35, 118, 135, 0);
    }

    50% {
        box-shadow: 0 0 20px 4px rgba(35, 118, 135, 0.15);
    }
}

.gc-wedding-hero__film-icon i {
    font-size: 20px;
    color: var(--rr-color-theme-primary);
}

/* ── Film Title ── */
.gc-wedding-hero__film-title {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 3px;
    max-width: 86%;
}

.gc-wedding-hero__film-name {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.gc-wedding-hero__film-sub {
    font-size: 9px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.45);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.gc-wedding-hero__film-tagline {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 1px;
    font-style: italic;
    margin-top: 4px;
}

/* ── Tagline & Play Button Wrapper ── */
.gc-wedding-hero__tagline-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-top: 8px;
    max-width: 88%;
}

/* ── Play Button with Animated Waves ── */
.gc-wedding-hero__play {
    position: relative;
    z-index: 3;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: none;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.18),
        0 0 0 0 rgba(35, 118, 135, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    outline: none;
    animation: gcWeddingPlayPulse 3s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes gcWeddingPlayPulse {

    0%,
    100% {
        box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.18),
            0 0 0 0 rgba(35, 118, 135, 0.3);
    }

    50% {
        box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.18),
            0 0 0 12px rgba(35, 118, 135, 0);
    }
}

.gc-wedding-hero__play:hover {
    transform: scale(1.12);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.25),
        0 0 0 0 rgba(35, 118, 135, 0.3);
}

/* ── Duration Badge ── */
.gc-wedding-hero__duration {
    position: absolute;
    bottom: 12px;
    right: 14px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* ── Wave Rings ── */
.gc-wedding-hero__play-wave {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid rgba(35, 118, 135, 0.4);
    animation: gcWeddingWave 2.8s ease-out infinite;
    pointer-events: none;
}

.gc-wedding-hero__play-wave--1 {
    animation-delay: 0s;
}

.gc-wedding-hero__play-wave--2 {
    animation-delay: 0.9s;
}

.gc-wedding-hero__play-wave--3 {
    animation-delay: 1.8s;
}

@keyframes gcWeddingWave {
    0% {
        transform: scale(1);
        opacity: 0.65;
    }

    100% {
        transform: scale(2.6);
        opacity: 0;
    }
}

/* ── Play Icon ── */
.gc-wedding-hero__play-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
}

.gc-wedding-hero__play-icon i {
    font-size: 15px;
    color: #ffffff;
    margin-left: 3px;
}

/* ── Stat Cards ── */
.gc-wedding-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 500px;
}

.gc-wedding-hero__stat {
    padding: 20px 14px;
    background: #ffffff;
    border-radius: 14px;
    text-align: center;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

[data-theme="dark"] .gc-wedding-hero__stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.gc-wedding-hero__stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);
    border-color: rgba(35, 118, 135, 0.15);
}

.gc-wedding-hero__stat-value {
    display: block;
    font-size: 24px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    margin-bottom: 4px;
    line-height: 1.2;
}

.gc-wedding-hero__stat-label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
}

[data-theme="dark"] .gc-wedding-hero__stat-label {
    color: #64748b;
}

/* ══════════════════════════════════════════════════
   Responsive Styles
   ══════════════════════════════════════════════════ */

@media (max-width: 991.98px) {
    .gc-wedding-hero__visual {
        margin-top: 40px;
    }

    .gc-wedding-hero__player {
        max-width: 460px;
    }

    .gc-wedding-hero__stats {
        max-width: 460px;
    }

    .gc-wedding-hero__play {
        width: 64px;
        height: 64px;
    }

    .gc-wedding-hero__play-icon {
        width: 40px;
        height: 40px;
    }

    .gc-wedding-hero__play-icon i {
        font-size: 14px;
    }
}

@media (max-width: 767.98px) {
    .gc-wedding-hero .gc-3d-anim-hero-title {
        font-size: clamp(1.6rem, 6vw, 2.2rem);
    }

    .gc-wedding-hero .gc-3d-anim-hero-subtitle {
        font-size: 15px;
    }

    .gc-wedding-hero .gc-3d-anim-hero-desc {
        font-size: 14px;
    }

    .gc-wedding-hero .gc-3d-anim-hero-features {
        gap: 8px;
    }

    .gc-wedding-hero .gc-3d-anim-hero-features li {
        font-size: 13px;
    }

    .gc-wedding-hero .gc-3d-anim-hero-btn--primary,
    .gc-wedding-hero .gc-3d-anim-hero-btn--outline {
        padding: 12px 24px;
        font-size: 14px;
    }

    .gc-wedding-hero__player {
        max-width: 100%;
    }

    .gc-wedding-hero__stats {
        max-width: 100%;
        gap: 12px;
    }

    .gc-wedding-hero__stat {
        padding: 16px 10px;
    }

    .gc-wedding-hero__stat-value {
        font-size: 20px;
    }

    .gc-wedding-hero__play {
        width: 58px;
        height: 58px;
    }

    .gc-wedding-hero__play-icon {
        width: 38px;
        height: 38px;
    }

    .gc-wedding-hero__play-icon i {
        font-size: 13px;
    }

    .gc-wedding-hero__film-name {
        font-size: 13px;
        letter-spacing: 2px;
    }

    .gc-wedding-hero__film-sub {
        font-size: 8px;
    }

    .gc-wedding-hero__thumb-top {
        width: calc(100% - 18px);
    }

    .gc-wedding-hero__film-icon {
        width: 44px;
        height: 44px;
    }

    .gc-wedding-hero__film-icon i {
        font-size: 17px;
    }

    .gc-wedding-hero__modal-content {
        width: 95%;
        border-radius: 12px;
    }

    .gc-wedding-hero__modal-close {
        top: -40px;
        right: 0;
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .gc-wedding-hero .gc-3d-anim-hero-btns {
        flex-direction: column;
        gap: 12px;
    }

    .gc-wedding-hero .gc-3d-anim-hero-btn--primary,
    .gc-wedding-hero .gc-3d-anim-hero-btn--outline {
        width: 100%;
        justify-content: center;
    }

    .gc-wedding-hero .gc-3d-anim-hero-features {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    .gc-wedding-hero__stats {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .gc-wedding-hero__stat {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
        text-align: left;
    }

    .gc-wedding-hero__stat-value {
        margin-bottom: 0;
        font-size: 18px;
    }

    .gc-wedding-hero__stat-label {
        font-size: 11px;
    }

    .gc-wedding-hero__duration {
        font-size: 11px;
        padding: 3px 8px;
    }
}

/* ── Wedding Video Modal Overrides ── */
.gc-3d-anim-video-modal .gc-3d-anim-video-poster {
    cursor: pointer;
}

.gc-3d-anim-video-modal .gc-3d-anim-video-play-btn {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.gc-3d-anim-video-modal .gc-3d-anim-video-play-btn:hover {
    transform: scale(1.08);
    background: var(--rr-color-theme-primary);
    color: #fff;
}

.gc-3d-anim-video-modal .gc-3d-anim-video-iframe {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.gc-3d-anim-video-modal .gc-3d-anim-video-iframe.is-visible {
    opacity: 1;
    visibility: visible;
}

[data-theme="light"] .gc-wedding-hero__thumb {
    background: linear-gradient(55deg, rgb(3 56 67 / 91%) 0%, rgb(4 72 93 / 90%) 100%);
}

/* ══════════════════════════════════════════════════
   Architecture 3D Hero Visual
   ══════════════════════════════════════════════════ */
.gc-arch-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    z-index: 2;
}

/* ── Laptop Mockup ── */
.gc-arch-hero__mockup {
    width: 100%;
    max-width: 520px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.12);
    box-shadow:
        0 24px 64px rgba(35, 118, 135, 0.12),
        0 8px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    animation: gcArchMockupFloat 7s ease-in-out infinite;
}

[data-theme="dark"] .gc-arch-hero__mockup {
    border-color: rgba(35, 118, 135, 0.25);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.35),
        0 8px 24px rgba(0, 0, 0, 0.2);
}

.gc-arch-hero__mockup:hover {
    animation-play-state: paused;
    transform: translateY(-6px);
    box-shadow:
        0 32px 80px rgba(35, 118, 135, 0.18),
        0 12px 32px rgba(0, 0, 0, 0.08);
}

@keyframes gcArchMockupFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

/* ── Browser Chrome ── */
.gc-arch-hero__mockup-browser {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #f0f4f3;
    border-bottom: 1px solid rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-arch-hero__mockup-browser {
    background: rgba(255, 255, 255, 0.06);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.gc-arch-hero__mockup-dots {
    display: flex;
    gap: 6px;
}

.gc-arch-hero__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.gc-arch-hero__dot--red {
    background: #ff5f57;
}

.gc-arch-hero__dot--yellow {
    background: #ffbd2e;
}

.gc-arch-hero__dot--green {
    background: #28c840;
}

/* ── Screen / Render Area ── */
.gc-arch-hero__mockup-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: linear-gradient(170deg, #0c1a2e 0%, #0f454f 40%, #2b5250 100%);
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

/* ── 3D Building Render ── */
.gc-arch-hero__render {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.gc-arch-hero__ground {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 18%;
    background: linear-gradient(201deg, #085059 0%, #054541c9 40%, transparent 100%);
}

.gc-arch-hero__building {
    position: relative;
    z-index: 2;
    margin-bottom: 18%;
}

.gc-arch-hero__building-body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 6px;
    padding: 12px;
    width: 120px;
    height: 150px;
    background: linear-gradient(180deg, #1a2f4a 0%, #1e3a5c 100%);
    border-radius: 4px 4px 0 0;
    border: 1px solid rgba(100, 160, 220, 0.15);
}

[data-theme="dark"] .gc-arch-hero__building-body {
    border-color: rgba(100, 160, 220, 0.25);
}

.gc-arch-hero__window {
    border-radius: 2px;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.gc-arch-hero__window--lit {
    background: linear-gradient(135deg, #ffd966, #ffbe0b);
    box-shadow: 0 0 8px rgba(255, 190, 11, 0.4);
    animation: gcArchWindowGlow 3s ease-in-out infinite;
}

.gc-arch-hero__window--dark {
    background: rgba(255, 255, 255, 0.06);
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(1) {
    animation-delay: 0s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(2) {
    animation-delay: 0.4s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(4) {
    animation-delay: 0.8s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(6) {
    animation-delay: 1.2s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(7) {
    animation-delay: 0.2s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(8) {
    animation-delay: 0.6s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(10) {
    animation-delay: 1.0s;
}

.gc-arch-hero__building-body .gc-arch-hero__window--lit:nth-child(11) {
    animation-delay: 1.4s;
}

@keyframes gcArchWindowGlow {

    0%,
    100% {
        background: linear-gradient(135deg, #ffd966, #ffbe0b);
        box-shadow: 0 0 8px rgba(255, 190, 11, 0.4);
    }

    30% {
        background: linear-gradient(135deg, #ffe899, #ffd633);
        box-shadow: 0 0 14px rgba(255, 214, 51, 0.6);
    }

    50% {
        background: linear-gradient(135deg, #cc9600, #e6a800);
        box-shadow: 0 0 6px rgba(200, 150, 0, 0.3);
    }

    70% {
        background: linear-gradient(135deg, #ffe066, #ffc200);
        box-shadow: 0 0 12px rgba(255, 194, 0, 0.5);
    }
}

/* ── Info Section ── */
.gc-arch-hero__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.gc-arch-hero__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.12), rgba(35, 118, 135, 0.04));
    color: var(--rr-color-theme-primary);
    font-size: 15px;
    border: 1px solid rgba(35, 118, 135, 0.15);
}

[data-theme="dark"] .gc-arch-hero__info-icon {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.25), rgba(35, 118, 135, 0.10));
    border-color: rgba(35, 118, 135, 0.30);
}

.gc-arch-hero__info-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--rr-color-theme-primary);
    margin: 0;
}

.gc-arch-hero__info-desc {
    font-size: 12px;
    font-weight: 400;
    color: #7a8a92;
    margin: 0;
}

[data-theme="dark"] .gc-arch-hero__info-desc {
    color: rgba(255, 255, 255, 0.4);
}

/* ── Stat Cards ── */
.gc-arch-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
    max-width: 460px;
}

.gc-arch-hero__stat {
    padding: 18px 12px;
    background: linear-gradient(160deg, #ffffff 0%, #f2f9f6 100%);
    border-radius: 14px;
    text-align: center;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow: 0 6px 20px rgba(35, 118, 135, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

[data-theme="dark"] .gc-arch-hero__stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.gc-arch-hero__stat:hover {
    transform: translateY(-3px);
    border-color: rgba(35, 118, 135, 0.15);
    box-shadow: 0 10px 28px rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-arch-hero__stat:hover {
    border-color: rgba(35, 118, 135, 0.30);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

.gc-arch-hero__stat-value {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    margin-bottom: 4px;
    line-height: 1.2;
}

.gc-arch-hero__stat-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #7a8a92;
    letter-spacing: 0.3px;
}

[data-theme="dark"] .gc-arch-hero__stat-label {
    color: rgba(255, 255, 255, 0.4);
}

/* ══════════════════════════════════════════════════
   Architecture Hero Responsive
   ══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .gc-arch-hero__mockup {
        max-width: 420px;
    }

    .gc-arch-hero__stats {
        max-width: 380px;
        gap: 10px;
    }

    .gc-arch-hero__stat {
        padding: 14px 10px;
    }

    .gc-arch-hero__stat-value {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .gc-arch-hero__mockup {
        max-width: 100%;
    }

    .gc-arch-hero__building-body {
        width: 90px;
        height: 115px;
        gap: 4px;
        padding: 8px;
    }

    .gc-arch-hero__stats {
        gap: 8px;
    }

    .gc-arch-hero__stat {
        padding: 12px 8px;
    }

    .gc-arch-hero__stat-value {
        font-size: 20px;
    }

    .gc-arch-hero__stat-label {
        font-size: 10px;
    }

    .gc-arch-hero__info-title {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .gc-arch-hero__info-desc {
        font-size: 11px;
    }
}

/* ══════════════════════════════════════════════════
   Color Correction Hero Visual
   ══════════════════════════════════════════════════ */
.gc-cc-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    z-index: 2;
}

/* ── Laptop Mockup ── */
.gc-cc-hero__mockup {
    width: 100%;
    max-width: 520px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.12);
    box-shadow:
        0 24px 64px rgba(35, 118, 135, 0.12),
        0 8px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

[data-theme="dark"] .gc-cc-hero__mockup {
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.4),
        0 8px 24px rgba(0, 0, 0, 0.25);
}

/* ── Browser Chrome ── */
.gc-cc-hero__mockup-browser {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #2a2a2a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .gc-cc-hero__mockup-browser {
    background: #1a1a1a;
}

.gc-cc-hero__mockup-dots {
    display: flex;
    gap: 6px;
}

.gc-cc-hero__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.gc-cc-hero__dot--red {
    background: #ff5f57;
}

.gc-cc-hero__dot--yellow {
    background: #ffbd2e;
}

.gc-cc-hero__dot--green {
    background: #28c840;
}

/* ── Screen ── */
.gc-cc-hero__mockup-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #111;
    overflow: hidden;
}

/* ── Before / After Comparison ── */
.gc-cc-hero__comparison {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gc-cc-hero__side {
    position: absolute;
    inset: 0;
}

.gc-cc-hero__side--before {
    clip-path: inset(0 50% 0 0);
    animation: none;
}

.gc-cc-hero__side--after {
    clip-path: inset(0 0 0 50%);
    animation: none;
}

/* ── Before Scene (dark/desaturated) ── */
.gc-cc-hero__scene--before {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gc-cc-hero__sky--before {
    flex: 1;
    background: linear-gradient(180deg, #3a3a3a 0%, #4a4a4a 60%, #555 100%);
}

.gc-cc-hero__horizon--before {
    height: 8px;
    background: #444;
}

.gc-cc-hero__ground-area--before {
    flex: 0.4;
    background: linear-gradient(180deg, #2d5a27 0%, #1f4420 100%);
}

/* ── After Scene (vibrant colors) ── */
.gc-cc-hero__scene--after {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gc-cc-hero__sky--after {
    flex: 1;
    background: linear-gradient(180deg, #1a5276 0%, #e67e22 40%, #f39c12 70%, #e74c3c 100%);
}

.gc-cc-hero__horizon--after {
    height: 8px;
    background: linear-gradient(90deg, #2980b9, #8e44ad);
}

.gc-cc-hero__ground-area--after {
    flex: 0.4;
    background: linear-gradient(180deg, #27ae60 0%, #1e8449 100%);
}

/* ── Labels ── */
.gc-cc-hero__label {
    position: absolute;
    bottom: 14px;
    z-index: 3;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.gc-cc-hero__label--before {
    left: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
}

.gc-cc-hero__label--after {
    right: 14px;
    color: #fff;
    background: var(--rr-color-theme-primary);
    box-shadow: 0 2px 10px rgba(35, 118, 135, 0.3);
}

/* ── Slider ── */
.gc-cc-hero__slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.gc-cc-hero__slider-line {
    width: 2px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.gc-cc-hero__slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--rr-color-theme-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: var(--rr-color-theme-primary);
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.3),
        0 0 0 3px rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

/* ── Info ── */
.gc-cc-hero__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.gc-cc-hero__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.12), rgba(35, 118, 135, 0.04));
    color: var(--rr-color-theme-primary);
    font-size: 15px;
    border: 1px solid rgba(35, 118, 135, 0.15);
}

[data-theme="dark"] .gc-cc-hero__info-icon {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.25), rgba(35, 118, 135, 0.10));
    border-color: rgba(35, 118, 135, 0.30);
}

.gc-cc-hero__info-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--rr-color-theme-primary);
    margin: 0;
}

.gc-cc-hero__info-desc {
    font-size: 12px;
    font-weight: 400;
    color: #7a8a92;
    margin: 0;
}

[data-theme="dark"] .gc-cc-hero__info-desc {
    color: rgba(255, 255, 255, 0.4);
}

/* ── Stat Cards ── */
.gc-cc-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
    max-width: 460px;
}

.gc-cc-hero__stat {
    padding: 18px 12px;
    background: linear-gradient(160deg, #ffffff 0%, #f2f9f6 100%);
    border-radius: 14px;
    text-align: center;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow: 0 6px 20px rgba(35, 118, 135, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

[data-theme="dark"] .gc-cc-hero__stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.gc-cc-hero__stat:hover {
    transform: translateY(-3px);
    border-color: rgba(35, 118, 135, 0.15);
    box-shadow: 0 10px 28px rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-cc-hero__stat:hover {
    border-color: rgba(35, 118, 135, 0.30);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

.gc-cc-hero__stat-value {
    display: block;
    font-size: 26px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    margin-bottom: 4px;
    line-height: 1.2;
}

.gc-cc-hero__stat-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #7a8a92;
    letter-spacing: 0.3px;
}

[data-theme="dark"] .gc-cc-hero__stat-label {
    color: rgba(255, 255, 255, 0.4);
}

/* ══════════════════════════════════════════════════
   Color Correction Hero Responsive
   ══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .gc-cc-hero__mockup {
        max-width: 420px;
    }

    .gc-cc-hero__stats {
        max-width: 380px;
        gap: 10px;
    }

    .gc-cc-hero__stat {
        padding: 14px 10px;
    }

    .gc-cc-hero__stat-value {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .gc-cc-hero__mockup {
        max-width: 100%;
    }

    .gc-cc-hero__stats {
        gap: 8px;
    }

    .gc-cc-hero__stat {
        padding: 12px 8px;
    }

    .gc-cc-hero__stat-value {
        font-size: 20px;
    }

    .gc-cc-hero__stat-label {
        font-size: 10px;
    }

    .gc-cc-hero__info-title {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .gc-cc-hero__info-desc {
        font-size: 11px;
    }

    .gc-cc-hero__slider-handle {
        width: 28px;
        height: 28px;
        font-size: 9px;
    }
}

/* ══════════════════════════════════════════════════
   Photo to 3D Hero Visual — Premium 3D
   ══════════════════════════════════════════════════ */
.gc-photo3d-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    z-index: 2;
}

/* ── Mockup ── */
.gc-photo3d-hero__mockup {
    width: 100%;
    max-width: 540px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.15);
    box-shadow:
        0 32px 80px rgba(35, 118, 135, 0.15),
        0 12px 32px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    animation: gcPhoto3dMockupFloat 8s ease-in-out infinite;
}

[data-theme="dark"] .gc-photo3d-hero__mockup {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.5),
        0 12px 32px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

@keyframes gcPhoto3dMockupFloat {

    0%,
    100% {
        transform: translateY(0) rotateX(0deg);
    }

    50% {
        transform: translateY(-10px) rotateX(1deg);
    }
}

/* ── Browser Chrome ── */
.gc-photo3d-hero__mockup-browser {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: linear-gradient(180deg, #2e2e2e 0%, #252525 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .gc-photo3d-hero__mockup-browser {
    background: linear-gradient(180deg, #1e1e1e 0%, #161616 100%);
}

.gc-photo3d-hero__mockup-dots {
    display: flex;
    gap: 7px;
}

.gc-photo3d-hero__dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    transition: transform 0.2s ease;
}

.gc-photo3d-hero__dot:hover {
    transform: scale(1.2);
}

.gc-photo3d-hero__dot--red {
    background: #ff5f57;
    box-shadow: 0 0 6px rgba(255, 95, 87, 0.4);
}

.gc-photo3d-hero__dot--yellow {
    background: #ffbd2e;
    box-shadow: 0 0 6px rgba(255, 189, 46, 0.4);
}

.gc-photo3d-hero__dot--green {
    background: #28c840;
    box-shadow: 0 0 6px rgba(40, 200, 64, 0.4);
}

/* ── Screen ── */
.gc-photo3d-hero__mockup-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: linear-gradient(160deg, #f4f8f6 0%, #e8f0ec 50%, #f0f5f3 100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[data-theme="dark"] .gc-photo3d-hero__mockup-screen {
    background: linear-gradient(160deg, #0d1a12 0%, #0a140e 50%, #0f1e14 100%);
}

[data-theme="dark"] .gc-photo3d-hero__info {
    background: rgba(10, 20, 14, 0.75);
    border-top-color: rgba(35, 118, 135, 0.15);
}

/* ── Glow Effect ── */
.gc-photo3d-hero__glow {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(35, 118, 135, 0.15) 0%, transparent 70%);
    animation: gcPhoto3dGlowPulse 4s ease-in-out infinite;
    pointer-events: none;
}

[data-theme="dark"] .gc-photo3d-hero__glow {
    background: radial-gradient(circle, rgba(35, 118, 135, 0.25) 0%, transparent 70%);
}

@keyframes gcPhoto3dGlowPulse {

    0%,
    100% {
        opacity: 0.5;
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

/* ── Grid Lines ── */
.gc-photo3d-hero__grid-lines {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(35, 118, 135, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(35, 118, 135, 0.04) 1px, transparent 1px);
    background-size: 30px 30px;
    pointer-events: none;
}

[data-theme="dark"] .gc-photo3d-hero__grid-lines {
    background-image:
        linear-gradient(rgba(35, 118, 135, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(35, 118, 135, 0.08) 1px, transparent 1px);
}

/* ── Conversion Layout ── */
.gc-photo3d-hero__conversion {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: 100%;
    flex: 1;
    padding: 32px;
}

/* ── Photo Box ── */
.gc-photo3d-hero__photo-box {
    width: 120px;
    height: 110px;
    background: linear-gradient(145deg, #d4b87a 0%, #c4a060 30%, #b8925a 60%, #c9a96e 100%);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow:
        0 10px 30px rgba(180, 140, 80, 0.3),
        0 4px 12px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    animation: gcPhoto3dBoxFloat 5s ease-in-out infinite;
}

.gc-photo3d-hero__photo-shine {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,
            transparent 30%,
            rgba(255, 255, 255, 0.15) 50%,
            transparent 70%);
    animation: gcPhoto3dShineMove 4s ease-in-out infinite;
    pointer-events: none;
}

@keyframes gcPhoto3dShineMove {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }

    100% {
        transform: translateX(100%) rotate(45deg);
    }
}

.gc-photo3d-hero__photo-img {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

@keyframes gcPhoto3dBoxFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

.gc-photo3d-hero__box-label {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
}

/* ── Arrow Group ── */
.gc-photo3d-hero__arrow-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
}

.gc-photo3d-hero__arrow-track {
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.gc-photo3d-hero__arrow-particle {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
    opacity: 0;
    animation: gcPhoto3dParticleFlow 2s ease-in-out infinite;
}

.gc-photo3d-hero__arrow-particle--1 {
    left: 0;
    animation-delay: 0s;
}

.gc-photo3d-hero__arrow-particle--2 {
    left: 0;
    animation-delay: 0.66s;
}

.gc-photo3d-hero__arrow-particle--3 {
    left: 0;
    animation-delay: 1.33s;
}

@keyframes gcPhoto3dParticleFlow {
    0% {
        left: 0;
        opacity: 0;
        transform: scale(0.5);
    }

    20% {
        opacity: 1;
        transform: scale(1);
    }

    80% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        left: calc(100% - 5px);
        opacity: 0;
        transform: scale(0.5);
    }
}

.gc-photo3d-hero__arrow-line {
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
    border-radius: 3px;
    position: relative;
    box-shadow: 0 0 12px rgba(35, 118, 135, 0.3);
}

.gc-photo3d-hero__arrow-line::after {
    content: '';
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid var(--rr-color-theme-primary);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    filter: drop-shadow(0 0 4px rgba(35, 118, 135, 0.4));
}

.gc-photo3d-hero__arrow-text {
    font-size: 10px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 0 0 8px rgba(35, 118, 135, 0.2);
}

/* ── 3D Model Box ── */
.gc-photo3d-hero__model-box {
    width: 120px;
    height: 110px;
    background: linear-gradient(160deg, rgba(35, 118, 135, 0.06) 0%, rgba(35, 118, 135, 0.02) 100%);
    border: 1px solid rgba(35, 118, 135, 0.2);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(8px);
}

[data-theme="dark"] .gc-photo3d-hero__model-box {
    background: linear-gradient(160deg, rgba(35, 118, 135, 0.12) 0%, rgba(35, 118, 135, 0.04) 100%);
    border-color: rgba(35, 118, 135, 0.35);
}

.gc-photo3d-hero__model-shine {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,
            transparent 30%,
            rgba(35, 118, 135, 0.06) 50%,
            transparent 70%);
    animation: gcPhoto3dShineMove 5s ease-in-out infinite;
    pointer-events: none;
}

.gc-photo3d-hero__box-label--model {
    font-size: 10px;
    font-weight: 700;
    color: var(--rr-color-theme-primary);
    letter-spacing: 2px;
}

/* ── 3D Cube Wrapper ── */
.gc-photo3d-hero__cube-wrapper {
    width: 50px;
    height: 50px;
    perspective: 200px;
}

/* ── 3D Cube ── */
.gc-photo3d-hero__cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    animation: gcPhoto3dCubeSpin 6s linear infinite;
}

@keyframes gcPhoto3dCubeSpin {
    0% {
        transform: rotateX(-20deg) rotateY(0deg);
    }

    100% {
        transform: rotateX(-20deg) rotateY(360deg);
    }
}

.gc-photo3d-hero__cube-face {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid var(--rr-color-theme-primary);
    background: rgba(35, 118, 135, 0.08);
    box-shadow: inset 0 0 12px rgba(35, 118, 135, 0.1);
}

[data-theme="dark"] .gc-photo3d-hero__cube-face {
    background: rgba(35, 118, 135, 0.15);
    border-color: rgba(35, 118, 135, 0.6);
    box-shadow: inset 0 0 16px rgba(35, 118, 135, 0.2);
}

.gc-photo3d-hero__cube-face--front {
    transform: translateZ(25px);
}

.gc-photo3d-hero__cube-face--back {
    transform: rotateY(180deg) translateZ(25px);
}

.gc-photo3d-hero__cube-face--left {
    transform: rotateY(-90deg) translateZ(25px);
}

.gc-photo3d-hero__cube-face--right {
    transform: rotateY(90deg) translateZ(25px);
}

.gc-photo3d-hero__cube-face--top {
    transform: rotateX(90deg) translateZ(25px);
}

.gc-photo3d-hero__cube-face--bottom {
    transform: rotateX(-90deg) translateZ(25px);
}

/* ── Info ── */
.gc-photo3d-hero__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(35, 118, 135, 0.08);
}

.gc-photo3d-hero__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.15), rgba(35, 118, 135, 0.05));
    color: var(--rr-color-theme-primary);
    font-size: 16px;
    border: 1px solid rgba(35, 118, 135, 0.18);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-photo3d-hero__info-icon {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.3), rgba(35, 118, 135, 0.12));
    border-color: rgba(35, 118, 135, 0.35);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.15);
}

.gc-photo3d-hero__info-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--rr-color-theme-primary);
    margin: 0;
}

.gc-photo3d-hero__info-desc {
    font-size: 13px;
    font-weight: 400;
    color: #7a8a92;
    margin: 0;
}

[data-theme="dark"] .gc-photo3d-hero__info-desc {
    color: rgba(255, 255, 255, 0.4);
}

/* ── Stat Cards ── */
.gc-photo3d-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 480px;
}

.gc-photo3d-hero__stat {
    padding: 20px 14px;
    background: linear-gradient(160deg, #ffffff 0%, #f5faf7 100%);
    border-radius: 16px;
    text-align: center;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow:
        0 8px 24px rgba(35, 118, 135, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.gc-photo3d-hero__stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gc-photo3d-hero__stat:hover::before {
    opacity: 1;
}

[data-theme="dark"] .gc-photo3d-hero__stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.gc-photo3d-hero__stat:hover {
    transform: translateY(-4px);
    border-color: rgba(35, 118, 135, 0.18);
    box-shadow:
        0 14px 36px rgba(35, 118, 135, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .gc-photo3d-hero__stat:hover {
    border-color: rgba(35, 118, 135, 0.35);
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.35),
        0 4px 12px rgba(0, 0, 0, 0.15);
}

.gc-photo3d-hero__stat-value {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    margin-bottom: 6px;
    line-height: 1.2;
}

.gc-photo3d-hero__stat-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #7a8a92;
    letter-spacing: 0.4px;
}

[data-theme="dark"] .gc-photo3d-hero__stat-label {
    color: rgba(255, 255, 255, 0.4);
}

/* ══════════════════════════════════════════════════
   Photo to 3D Hero Responsive
   ══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .gc-photo3d-hero__mockup {
        max-width: 440px;
    }

    .gc-photo3d-hero__stats {
        max-width: 400px;
        gap: 12px;
    }

    .gc-photo3d-hero__stat {
        padding: 16px 12px;
    }

    .gc-photo3d-hero__stat-value {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) {
    .gc-photo3d-hero__mockup {
        max-width: 100%;
    }

    .gc-photo3d-hero__conversion {
        gap: 14px;
        padding: 20px;
    }

    .gc-photo3d-hero__photo-box,
    .gc-photo3d-hero__model-box {
        width: 90px;
        height: 85px;
    }

    .gc-photo3d-hero__photo-img {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .gc-photo3d-hero__arrow-line {
        width: 32px;
    }

    .gc-photo3d-hero__arrow-track {
        width: 36px;
    }

    .gc-photo3d-hero__cube-wrapper {
        width: 38px;
        height: 38px;
    }

    .gc-photo3d-hero__cube-face {
        width: 38px;
        height: 38px;
    }

    .gc-photo3d-hero__cube-face--front {
        transform: translateZ(19px);
    }

    .gc-photo3d-hero__cube-face--back {
        transform: rotateY(180deg) translateZ(19px);
    }

    .gc-photo3d-hero__cube-face--left {
        transform: rotateY(-90deg) translateZ(19px);
    }

    .gc-photo3d-hero__cube-face--right {
        transform: rotateY(90deg) translateZ(19px);
    }

    .gc-photo3d-hero__cube-face--top {
        transform: rotateX(90deg) translateZ(19px);
    }

    .gc-photo3d-hero__cube-face--bottom {
        transform: rotateX(-90deg) translateZ(19px);
    }

    .gc-photo3d-hero__box-label {
        font-size: 10px;
    }

    .gc-photo3d-hero__box-label--model {
        font-size: 9px;
    }

    .gc-photo3d-hero__stats {
        gap: 8px;
    }

    .gc-photo3d-hero__stat {
        padding: 14px 8px;
    }

    .gc-photo3d-hero__stat-value {
        font-size: 20px;
    }

    .gc-photo3d-hero__stat-label {
        font-size: 10px;
    }

    .gc-photo3d-hero__info-title {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .gc-photo3d-hero__info-desc {
        font-size: 11px;
    }
}

/* ══════════════════════════════════════════════════
   Corporate Video Hero Visual
   ══════════════════════════════════════════════════ */
.gc-corp-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    z-index: 2;
}

/* ── Video Banner ── */
.gc-corp-hero__banner {
    position: relative;
    width: 100%;
    max-width: 540px;
    aspect-ratio: 16 / 9;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(35, 118, 135, 0.15);
    box-shadow:
        0 32px 80px rgba(35, 118, 135, 0.15),
        0 12px 32px rgba(0, 0, 0, 0.08);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
}

.gc-corp-hero__banner:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow:
        0 40px 100px rgba(35, 118, 135, 0.2),
        0 16px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .gc-corp-hero__banner {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.5),
        0 12px 32px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .gc-corp-hero__banner:hover {
    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.6),
        0 16px 40px rgba(0, 0, 0, 0.35);
}

/* ── Banner Background ── */
.gc-corp-hero__banner-bg {
    position: absolute;
    inset: 0;
    background: url('https://images.unsplash.com/photo-1574717024653-61fd2cf4d44d?w=1200&q=80') center/cover no-repeat;
    overflow: hidden;
}

.gc-corp-hero__banner-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(10, 22, 40, 0.55);
}

[data-theme="dark"] .gc-corp-hero__banner-bg::before {
    background: rgba(5, 13, 24, 0.65);
}

/* ── Gradient Orbs ── */
.gc-corp-hero__gradient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
    mix-blend-mode: screen;
}

.gc-corp-hero__gradient-orb--1 {
    width: 200px;
    height: 200px;
    background: var(--rr-color-theme-primary);
    top: -60px;
    right: -40px;
    animation: gcCorpOrbFloat1 8s ease-in-out infinite;
}

.gc-corp-hero__gradient-orb--2 {
    width: 150px;
    height: 150px;
    background: var(--rr-color-theme-secondary);
    bottom: -40px;
    left: -30px;
    animation: gcCorpOrbFloat2 10s ease-in-out infinite;
}

.gc-corp-hero__gradient-orb--3 {
    width: 120px;
    height: 120px;
    background: #8b5cf6;
    top: 40%;
    left: 30%;
    animation: gcCorpOrbFloat3 7s ease-in-out infinite;
}

@keyframes gcCorpOrbFloat1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-20px, 20px);
    }
}

@keyframes gcCorpOrbFloat2 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(25px, -15px);
    }
}

@keyframes gcCorpOrbFloat3 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-15px, -20px);
    }
}

/* ── Grid Overlay ── */
.gc-corp-hero__grid-overlay {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* ── Film Strips ── */
.gc-corp-hero__film-strip {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 4px;
    z-index: 2;
}

.gc-corp-hero__film-strip--left {
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.gc-corp-hero__film-strip--right {
    right: 0;
    background: rgba(0, 0, 0, 0.35);
    border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.gc-corp-hero__film-frame {
    flex: 1;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    position: relative;
}

.gc-corp-hero__film-frame::after {
    content: '';
    position: absolute;
    inset: 2px;
    border: 1px dashed rgba(255, 255, 255, 0.08);
    border-radius: 2px;
}

/* ── Center Content ── */
.gc-corp-hero__center-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    z-index: 3;
}

/* ── Timeline ── */
.gc-corp-hero__timeline {
    width: 70%;
    max-width: 300px;
    height: 4px;
    position: relative;
}

.gc-corp-hero__timeline-track {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

.gc-corp-hero__timeline-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 60%;
    background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
    border-radius: 4px;
    animation: gcCorpTimelinePulse 3s ease-in-out infinite;
}

.gc-corp-hero__timeline-head {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 0 3px var(--rr-color-theme-primary),
        0 2px 8px rgba(0, 0, 0, 0.3);
    animation: gcCorpHeadPulse 3s ease-in-out infinite;
}

@keyframes gcCorpTimelinePulse {

    0%,
    100% {
        width: 60%;
    }

    50% {
        width: 75%;
    }
}

@keyframes gcCorpHeadPulse {

    0%,
    100% {
        left: 60%;
    }

    50% {
        left: 75%;
    }
}

/* ── Play Button ── */
.gc-corp-hero__play-btn {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: transform 0.3s ease;
    animation: gcCorpBtnBreath 2.5s ease-in-out infinite;
}

.gc-corp-hero__play-btn:hover {
    transform: scale(1.15);
}

.gc-corp-hero__play-btn:active {
    transform: scale(0.92);
}

@keyframes gcCorpBtnBreath {

    0%,
    100% {
        filter: drop-shadow(0 0 12px rgba(35, 118, 135, 0.4));
    }

    50% {
        filter: drop-shadow(0 0 28px rgba(35, 118, 135, 0.7)) drop-shadow(0 0 60px rgba(255, 194, 38, 0.25));
    }
}

.gc-corp-hero__play-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.35);
    animation: gcCorpRingPulse 1.8s ease-in-out infinite;
}

.gc-corp-hero__play-ring--2 {
    inset: -12px;
    border-color: rgba(255, 255, 255, 0.15);
    animation-delay: 0.4s;
    animation-duration: 2.2s;
}

@keyframes gcCorpRingPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.3;
    }
}

.gc-corp-hero__play-icon {
    position: relative;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    box-shadow:
        0 0 20px rgba(35, 118, 135, 0.6),
        0 0 50px rgba(35, 118, 135, 0.35),
        0 0 90px rgba(255, 194, 38, 0.2),
        inset 0 1px 1px rgba(255, 255, 255, 0.25);
    transition: box-shadow 0.3s ease;
    animation: gcCorpIconGlow 2s ease-in-out infinite;
}

@keyframes gcCorpIconGlow {

    0%,
    100% {
        box-shadow:
            0 0 20px rgba(35, 118, 135, 0.6),
            0 0 50px rgba(35, 118, 135, 0.35),
            0 0 90px rgba(255, 194, 38, 0.2),
            inset 0 1px 1px rgba(255, 255, 255, 0.25);
    }

    50% {
        box-shadow:
            0 0 30px rgba(35, 118, 135, 0.8),
            0 0 70px rgba(35, 118, 135, 0.5),
            0 0 120px rgba(255, 194, 38, 0.35),
            inset 0 1px 1px rgba(255, 255, 255, 0.25);
    }
}

.gc-corp-hero__play-btn:hover .gc-corp-hero__play-icon {
    box-shadow:
        0 0 35px rgba(35, 118, 135, 0.9),
        0 0 80px rgba(35, 118, 135, 0.6),
        0 0 140px rgba(255, 194, 38, 0.4),
        inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

.gc-corp-hero__play-icon i {
    margin-left: 4px;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

/* ── Clip Icons ── */
.gc-corp-hero__clips {
    display: flex;
    gap: 16px;
}

.gc-corp-hero__clip {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    animation: gcCorpClipFloat 4s ease-in-out infinite;
}

.gc-corp-hero__clip--1 {
    animation-delay: 0s;
}

.gc-corp-hero__clip--2 {
    animation-delay: 0.5s;
}

.gc-corp-hero__clip--3 {
    animation-delay: 1s;
}

@keyframes gcCorpClipFloat {

    0%,
    100% {
        transform: translateY(0);
        opacity: 0.6;
    }

    50% {
        transform: translateY(-4px);
        opacity: 1;
    }
}

/* ── Banner Label ── */
.gc-corp-hero__banner-label {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 5;
}

.gc-corp-hero__label-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
    animation: gcCorpDotBlink 1.5s ease-in-out infinite;
}

@keyframes gcCorpDotBlink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}

.gc-corp-hero__label-text {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* ── Info ── */
.gc-corp-hero__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.gc-corp-hero__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.15), rgba(35, 118, 135, 0.05));
    color: var(--rr-color-theme-primary);
    font-size: 16px;
    border: 1px solid rgba(35, 118, 135, 0.18);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-corp-hero__info-icon {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.3), rgba(35, 118, 135, 0.12));
    border-color: rgba(35, 118, 135, 0.35);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.15);
}

.gc-corp-hero__info-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--rr-color-theme-primary);
    margin: 0;
}

.gc-corp-hero__info-desc {
    font-size: 13px;
    font-weight: 400;
    color: #7a8a92;
    margin: 0;
}

[data-theme="dark"] .gc-corp-hero__info-desc {
    color: rgba(255, 255, 255, 0.4);
}

/* ── Stat Cards ── */
.gc-corp-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 480px;
}

.gc-corp-hero__stat {
    padding: 20px 14px;
    background: linear-gradient(160deg, #ffffff 0%, #f5faf7 100%);
    border-radius: 16px;
    text-align: center;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow:
        0 8px 24px rgba(35, 118, 135, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.gc-corp-hero__stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gc-corp-hero__stat:hover::before {
    opacity: 1;
}

[data-theme="dark"] .gc-corp-hero__stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.gc-corp-hero__stat:hover {
    transform: translateY(-4px);
    border-color: rgba(35, 118, 135, 0.18);
    box-shadow:
        0 14px 36px rgba(35, 118, 135, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .gc-corp-hero__stat:hover {
    border-color: rgba(35, 118, 135, 0.35);
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.35),
        0 4px 12px rgba(0, 0, 0, 0.15);
}

.gc-corp-hero__stat-value {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    margin-bottom: 6px;
    line-height: 1.2;
}

.gc-corp-hero__stat-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #7a8a92;
    letter-spacing: 0.4px;
}

[data-theme="dark"] .gc-corp-hero__stat-label {
    color: rgba(255, 255, 255, 0.4);
}

/* ══════════════════════════════════════════════════
   Corporate Video Hero Responsive
   ══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .gc-corp-hero__banner {
        max-width: 440px;
    }

    .gc-corp-hero__stats {
        max-width: 400px;
        gap: 12px;
    }

    .gc-corp-hero__stat {
        padding: 16px 12px;
    }

    .gc-corp-hero__stat-value {
        font-size: 24px;
    }

    .gc-corp-hero__play-btn {
        width: 68px;
        height: 68px;
    }

    .gc-corp-hero__play-icon {
        width: 52px;
        height: 52px;
        font-size: 17px;
    }
}

@media (max-width: 575.98px) {
    .gc-corp-hero__banner {
        max-width: 100%;
    }

    .gc-corp-hero__film-strip {
        width: 22px;
    }

    .gc-corp-hero__timeline {
        width: 55%;
    }

    .gc-corp-hero__play-btn {
        width: 58px;
        height: 58px;
    }

    .gc-corp-hero__play-icon {
        width: 44px;
        height: 44px;
        font-size: 14px;
    }

    .gc-corp-hero__clip {
        width: 30px;
        height: 30px;
        font-size: 11px;
    }

    .gc-corp-hero__label-text {
        font-size: 9px;
    }

    .gc-corp-hero__stats {
        gap: 8px;
    }

    .gc-corp-hero__stat {
        padding: 14px 8px;
    }

    .gc-corp-hero__stat-value {
        font-size: 20px;
    }

    .gc-corp-hero__stat-label {
        font-size: 10px;
    }

    .gc-corp-hero__info-title {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .gc-corp-hero__info-desc {
        font-size: 11px;
    }
}

/* ══════════════════════════════════════════════════
   3D Product Modeling Hero Visual
   ══════════════════════════════════════════════════ */
.gc-3dprod-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    z-index: 2;
}

/* ── Scene ── */
.gc-3dprod-hero__scene {
    position: relative;
    width: 100%;
    max-width: 420px;
    aspect-ratio: 1;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.12);
    box-shadow:
        0 40px 100px rgba(35, 118, 135, 0.12),
        0 16px 40px rgba(0, 0, 0, 0.06);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease;
}

.gc-3dprod-hero__scene:hover {
    transform: translateY(-8px);
    box-shadow:
        0 50px 120px rgba(35, 118, 135, 0.18),
        0 20px 50px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .gc-3dprod-hero__scene {
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.5),
        0 16px 40px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .gc-3dprod-hero__scene:hover {
    box-shadow:
        0 50px 120px rgba(0, 0, 0, 0.6),
        0 20px 50px rgba(0, 0, 0, 0.35);
}

/* ── Background ── */
.gc-3dprod-hero__bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 20%, rgba(35, 118, 135, 0.18) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(255, 194, 38, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(35, 118, 135, 0.08) 0%, transparent 60%),
        linear-gradient(160deg, #eaf5f2 0%, #dff0eb 30%, #d4ebe3 60%, #e8f3ef 100%);
    overflow: hidden;
}

[data-theme="dark"] .gc-3dprod-hero__bg {
    background:
        radial-gradient(ellipse at 20% 20%, rgba(35, 118, 135, 0.3) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(255, 194, 38, 0.2) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(139, 92, 246, 0.12) 0%, transparent 60%),
        linear-gradient(160deg, #061210 0%, #0a1a16 30%, #071512 60%, #0c1e18 100%);
}

/* ── Orbs ── */
.gc-3dprod-hero__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
    mix-blend-mode: multiply;
}

[data-theme="dark"] .gc-3dprod-hero__orb {
    mix-blend-mode: screen;
    opacity: 0.6;
}

.gc-3dprod-hero__orb--1 {
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(35, 118, 135, 0.7) 0%, rgba(35, 118, 135, 0.2) 60%, transparent 80%);
    top: -60px;
    right: -70px;
    animation: gc3dprodOrb1 9s ease-in-out infinite;
}

.gc-3dprod-hero__orb--2 {
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 194, 38, 0.65) 0%, rgba(255, 194, 38, 0.15) 60%, transparent 80%);
    bottom: -50px;
    left: -60px;
    animation: gc3dprodOrb2 11s ease-in-out infinite;
}

.gc-3dprod-hero__orb--3 {
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.5) 0%, rgba(139, 92, 246, 0.1) 60%, transparent 80%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: gc3dprodOrb3 8s ease-in-out infinite;
}

@keyframes gc3dprodOrb1 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-30px, 25px) scale(1.1);
    }
}

@keyframes gc3dprodOrb2 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(25px, -20px) scale(1.05);
    }
}

@keyframes gc3dprodOrb3 {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.3;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.15);
        opacity: 0.5;
    }
}

/* ── Particles ── */
.gc-3dprod-hero__particles {
    position: absolute;
    inset: 0;
}

.gc-3dprod-hero__particle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--rr-color-theme-primary);
    opacity: 0;
    animation: gc3dprodParticleFloat 6s ease-in-out infinite;
}

.gc-3dprod-hero__particle:nth-child(1) {
    left: 15%;
    top: 20%;
    animation-delay: 0s;
}

.gc-3dprod-hero__particle:nth-child(2) {
    left: 75%;
    top: 15%;
    animation-delay: 0.8s;
}

.gc-3dprod-hero__particle:nth-child(3) {
    left: 85%;
    top: 60%;
    animation-delay: 1.6s;
}

.gc-3dprod-hero__particle:nth-child(4) {
    left: 25%;
    top: 75%;
    animation-delay: 2.4s;
}

.gc-3dprod-hero__particle:nth-child(5) {
    left: 50%;
    top: 10%;
    animation-delay: 3.2s;
}

.gc-3dprod-hero__particle:nth-child(6) {
    left: 10%;
    top: 50%;
    animation-delay: 4s;
}

.gc-3dprod-hero__particle:nth-child(7) {
    left: 65%;
    top: 80%;
    animation-delay: 4.8s;
}

.gc-3dprod-hero__particle:nth-child(8) {
    left: 40%;
    top: 40%;
    animation-delay: 5.6s;
}

@keyframes gc3dprodParticleFloat {

    0%,
    100% {
        opacity: 0;
        transform: translateY(0) scale(0.5);
    }

    20% {
        opacity: 0.7;
        transform: translateY(-10px) scale(1);
    }

    80% {
        opacity: 0.7;
        transform: translateY(-30px) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-50px) scale(0.5);
    }
}

/* ── Stage ── */
.gc-3dprod-hero__stage {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 600px;
}

/* ── Platform Rings ── */
.gc-3dprod-hero__platform {
    position: absolute;
    bottom: 15%;
    width: 150px;
    height: 150px;
}

.gc-3dprod-hero__platform-ring {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) rotateX(75deg);
    border-radius: 50%;
    border: 1.5px solid rgba(35, 118, 135, 0.2);
}

.gc-3dprod-hero__platform-ring--1 {
    width: 140px;
    height: 140px;
    animation: gc3dprodRingPulse 3s ease-in-out infinite;
}

.gc-3dprod-hero__platform-ring--2 {
    width: 110px;
    height: 110px;
    bottom: 6px;
    border-color: rgba(35, 118, 135, 0.15);
    animation: gc3dprodRingPulse 3s ease-in-out infinite 0.3s;
}

.gc-3dprod-hero__platform-ring--3 {
    width: 80px;
    height: 80px;
    bottom: 12px;
    border-color: rgba(35, 118, 135, 0.1);
    animation: gc3dprodRingPulse 3s ease-in-out infinite 0.6s;
}

[data-theme="dark"] .gc-3dprod-hero__platform-ring {
    border-color: rgba(35, 118, 135, 0.35);
}

@keyframes gc3dprodRingPulse {

    0%,
    100% {
        opacity: 0.4;
        transform: translateX(-50%) rotateX(75deg) scale(1);
    }

    50% {
        opacity: 0.8;
        transform: translateX(-50%) rotateX(75deg) scale(1.05);
    }
}

/* ── 3D Product ── */
.gc-3dprod-hero__product {
    position: relative;
    width: 90px;
    height: 90px;
    transform-style: preserve-3d;
    animation: gc3dprodProductSpin 10s linear infinite;
    margin-bottom: 50px;
}

@keyframes gc3dprodProductSpin {
    0% {
        transform: rotateY(0deg) rotateX(-15deg);
    }

    100% {
        transform: rotateY(360deg) rotateX(-15deg);
    }
}

.gc-3dprod-hero__product-body {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.gc-3dprod-hero__product-face {
    position: absolute;
    width: 90px;
    height: 90px;
    border: 2px solid rgba(35, 118, 135, 0.35);
    background: rgba(35, 118, 135, 0.06);
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 30px rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-3dprod-hero__product-face {
    border-color: rgba(35, 118, 135, 0.5);
    background: rgba(35, 118, 135, 0.1);
    box-shadow: inset 0 0 40px rgba(35, 118, 135, 0.15);
}

.gc-3dprod-hero__product-face--front {
    transform: translateZ(45px);
}

.gc-3dprod-hero__product-face--back {
    transform: rotateY(180deg) translateZ(45px);
}

.gc-3dprod-hero__product-face--left {
    transform: rotateY(-90deg) translateZ(45px);
}

.gc-3dprod-hero__product-face--right {
    transform: rotateY(90deg) translateZ(45px);
}

.gc-3dprod-hero__product-face--top {
    transform: rotateX(90deg) translateZ(45px);
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.15), rgba(255, 194, 38, 0.1));
}

.gc-3dprod-hero__product-face--bottom {
    transform: rotateX(-90deg) translateZ(45px);
}

/* ── Product Glow ── */
.gc-3dprod-hero__product-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(35, 118, 135, 0.3) 0%, rgba(255, 194, 38, 0.15) 40%, transparent 70%);
    animation: gc3dprodGlowPulse 4s ease-in-out infinite;
    pointer-events: none;
}

[data-theme="dark"] .gc-3dprod-hero__product-glow {
    background: radial-gradient(circle, rgba(35, 118, 135, 0.45) 0%, rgba(255, 194, 38, 0.2) 40%, transparent 70%);
}

@keyframes gc3dprodGlowPulse {

    0%,
    100% {
        opacity: 0.5;
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(1.2);
    }
}

/* ── Orbit Dots ── */
.gc-3dprod-hero__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    height: 160px;
    transform-style: preserve-3d;
    animation: gc3dprodOrbitSpin 8s linear infinite;
}

@keyframes gc3dprodOrbitSpin {
    0% {
        transform: translate(-50%, -50%) rotateY(0deg) rotateX(60deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateY(360deg) rotateX(60deg);
    }
}

.gc-3dprod-hero__orbit-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 10px currentColor;
}

.gc-3dprod-hero__orbit-dot--1 {
    background: var(--rr-color-theme-primary);
    color: var(--rr-color-theme-primary);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: gc3dprodDotPulse 2s ease-in-out infinite;
}

.gc-3dprod-hero__orbit-dot--2 {
    background: var(--rr-color-theme-secondary);
    color: var(--rr-color-theme-secondary);
    bottom: 15%;
    right: 5%;
    animation: gc3dprodDotPulse 2s ease-in-out infinite 0.7s;
}

.gc-3dprod-hero__orbit-dot--3 {
    background: #8b5cf6;
    color: #8b5cf6;
    bottom: 15%;
    left: 5%;
    animation: gc3dprodDotPulse 2s ease-in-out infinite 1.4s;
}

@keyframes gc3dprodDotPulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.7;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }
}

/* ── Badge ── */
.gc-3dprod-hero__badge {
    position: absolute;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    border-radius: 24px;
    border: 1px solid rgba(35, 118, 135, 0.12);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

[data-theme="dark"] .gc-3dprod-hero__badge {
    background: rgba(10, 26, 20, 0.75);
    border-color: rgba(35, 118, 135, 0.25);
}

.gc-3dprod-hero__badge i {
    color: var(--rr-color-theme-primary);
    font-size: 13px;
}

.gc-3dprod-hero__badge span {
    font-size: 11px;
    font-weight: 700;
    color: #2a3a42;
    letter-spacing: 1px;
    text-transform: uppercase;
}

[data-theme="dark"] .gc-3dprod-hero__badge span {
    color: rgba(255, 255, 255, 0.8);
}

/* ── Info ── */
.gc-3dprod-hero__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.gc-3dprod-hero__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.15), rgba(35, 118, 135, 0.05));
    color: var(--rr-color-theme-primary);
    font-size: 16px;
    border: 1px solid rgba(35, 118, 135, 0.18);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.08);
}

[data-theme="dark"] .gc-3dprod-hero__info-icon {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.3), rgba(35, 118, 135, 0.12));
    border-color: rgba(35, 118, 135, 0.35);
    box-shadow: 0 4px 12px rgba(35, 118, 135, 0.15);
}

.gc-3dprod-hero__info-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--rr-color-theme-primary);
    margin: 0;
}

.gc-3dprod-hero__info-desc {
    font-size: 13px;
    font-weight: 400;
    color: #7a8a92;
    margin: 0;
}

[data-theme="dark"] .gc-3dprod-hero__info-desc {
    color: rgba(255, 255, 255, 0.4);
}

/* ── Stat Cards ── */
.gc-3dprod-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 480px;
}

.gc-3dprod-hero__stat {
    padding: 20px 14px;
    background: linear-gradient(160deg, #ffffff 0%, #f5faf7 100%);
    border-radius: 16px;
    text-align: center;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow:
        0 8px 24px rgba(35, 118, 135, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.gc-3dprod-hero__stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--rr-color-theme-primary), var(--rr-color-theme-secondary));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gc-3dprod-hero__stat:hover::before {
    opacity: 1;
}

[data-theme="dark"] .gc-3dprod-hero__stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.gc-3dprod-hero__stat:hover {
    transform: translateY(-4px);
    border-color: rgba(35, 118, 135, 0.18);
    box-shadow:
        0 14px 36px rgba(35, 118, 135, 0.1),
        0 4px 12px rgba(0, 0, 0, 0.04);
}

[data-theme="dark"] .gc-3dprod-hero__stat:hover {
    border-color: rgba(35, 118, 135, 0.35);
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.35),
        0 4px 12px rgba(0, 0, 0, 0.15);
}

.gc-3dprod-hero__stat-value {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: var(--rr-color-theme-primary);
    margin-bottom: 6px;
    line-height: 1.2;
}

.gc-3dprod-hero__stat-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #7a8a92;
    letter-spacing: 0.4px;
}

[data-theme="dark"] .gc-3dprod-hero__stat-label {
    color: rgba(255, 255, 255, 0.4);
}

/* ══════════════════════════════════════════════════
   3D Product Hero Responsive
   ══════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
    .gc-3dprod-hero__scene {
        max-width: 340px;
    }

    .gc-3dprod-hero__product {
        width: 75px;
        height: 75px;
    }

    .gc-3dprod-hero__product-face {
        width: 75px;
        height: 75px;
    }

    .gc-3dprod-hero__product-face--front {
        transform: translateZ(37px);
    }

    .gc-3dprod-hero__product-face--back {
        transform: rotateY(180deg) translateZ(37px);
    }

    .gc-3dprod-hero__product-face--left {
        transform: rotateY(-90deg) translateZ(37px);
    }

    .gc-3dprod-hero__product-face--right {
        transform: rotateY(90deg) translateZ(37px);
    }

    .gc-3dprod-hero__product-face--top {
        transform: rotateX(90deg) translateZ(37px);
    }

    .gc-3dprod-hero__product-face--bottom {
        transform: rotateX(-90deg) translateZ(37px);
    }

    .gc-3dprod-hero__platform {
        width: 120px;
        height: 120px;
    }

    .gc-3dprod-hero__platform-ring--1 {
        width: 110px;
        height: 110px;
    }

    .gc-3dprod-hero__platform-ring--2 {
        width: 90px;
        height: 90px;
    }

    .gc-3dprod-hero__platform-ring--3 {
        width: 70px;
        height: 70px;
    }

    .gc-3dprod-hero__orbit {
        width: 130px;
        height: 130px;
    }

    .gc-3dprod-hero__stats {
        max-width: 400px;
        gap: 12px;
    }

    .gc-3dprod-hero__stat {
        padding: 16px 12px;
    }

    .gc-3dprod-hero__stat-value {
        font-size: 24px;
    }
}

@media (max-width: 575.98px) {
    .gc-3dprod-hero__scene {
        max-width: 100%;
    }

    .gc-3dprod-hero__product {
        width: 60px;
        height: 60px;
    }

    .gc-3dprod-hero__product-face {
        width: 60px;
        height: 60px;
    }

    .gc-3dprod-hero__product-face--front {
        transform: translateZ(30px);
    }

    .gc-3dprod-hero__product-face--back {
        transform: rotateY(180deg) translateZ(30px);
    }

    .gc-3dprod-hero__product-face--left {
        transform: rotateY(-90deg) translateZ(30px);
    }

    .gc-3dprod-hero__product-face--right {
        transform: rotateY(90deg) translateZ(30px);
    }

    .gc-3dprod-hero__product-face--top {
        transform: rotateX(90deg) translateZ(30px);
    }

    .gc-3dprod-hero__product-face--bottom {
        transform: rotateX(-90deg) translateZ(30px);
    }

    .gc-3dprod-hero__platform {
        width: 100px;
        height: 100px;
    }

    .gc-3dprod-hero__platform-ring--1 {
        width: 90px;
        height: 90px;
    }

    .gc-3dprod-hero__platform-ring--2 {
        width: 75px;
        height: 75px;
    }

    .gc-3dprod-hero__platform-ring--3 {
        width: 60px;
        height: 60px;
    }

    .gc-3dprod-hero__orbit {
        width: 110px;
        height: 110px;
    }

    .gc-3dprod-hero__orbit-dot {
        width: 6px;
        height: 6px;
    }

    .gc-3dprod-hero__badge {
        padding: 6px 12px;
        gap: 6px;
    }

    .gc-3dprod-hero__badge i {
        font-size: 11px;
    }

    .gc-3dprod-hero__badge span {
        font-size: 9px;
    }

    .gc-3dprod-hero__stats {
        gap: 8px;
    }

    .gc-3dprod-hero__stat {
        padding: 14px 8px;
    }

    .gc-3dprod-hero__stat-value {
        font-size: 20px;
    }

    .gc-3dprod-hero__stat-label {
        font-size: 10px;
    }

    .gc-3dprod-hero__info-title {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .gc-3dprod-hero__info-desc {
        font-size: 11px;
    }
}

/* ═══════════════════════════════════════════════════════════════
   VIDEO BACKGROUND REMOVAL - HERO BEFORE/AFTER COMPARISON
   ═══════════════════════════════════════════════════════════════ */

.gc-bgremoval-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 2;
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation: gcBgremovalFloat 6s ease-in-out infinite;
    min-height: 300px;
    width: 100%;
}

@keyframes gcBgremovalFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

/* ── Compare Container ── */
.gc-bgremoval-hero__compare {
    width: 100%;
    max-width: 520px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(135deg, #237687 0%, #1a5561 100%);
    border: 2px solid rgba(35, 118, 135, 0.12);
    box-shadow: 0 40px 100px rgba(35, 118, 135, 0.18), 0 16px 40px rgba(0, 0, 0, 0.08);
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s ease;
    position: relative;
    padding: 20px;
}

.gc-bgremoval-hero__compare:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 60px 140px rgba(35, 118, 135, 0.25), 0 25px 60px rgba(0, 0, 0, 0.12);
}

[data-theme="dark"] .gc-bgremoval-hero__compare {
    background: linear-gradient(160deg, #0a2f3e 0%, #062339 30%, #081318 60%, #0c1e18 100%);
    border-color: rgba(35, 118, 135, 0.2);
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.5), 0 16px 40px rgba(0, 0, 0, 0.3);
}

/* ── Glow Effect ── */
.gc-bgremoval-hero__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background: radial-gradient(ellipse, rgba(35, 118, 135, 0.15) 0%, transparent 70%);
    filter: blur(40px);
    pointer-events: none;
    animation: gcBgremovalGlow 4s ease-in-out infinite;
}

@keyframes gcBgremovalGlow {

    0%,
    100% {
        opacity: 0.5;
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

/* ── Compare Inner ── */
.gc-bgremoval-hero__compare-inner {
    position: relative;
    display: flex;
    gap: 14px;
    border-radius: 16px;
    overflow: hidden;
}

/* ── Side (Before/After) ── */
.gc-bgremoval-hero__side {
    flex: 1;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

/* ── Image Wrapper ── */
.gc-bgremoval-hero__img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 4/5;
    overflow: hidden;
}

.gc-bgremoval-hero__side--before .gc-bgremoval-hero__img-wrap {
    background: linear-gradient(180deg, #1a2332 0%, #0f1720 100%);
    justify-content: center;
    display: flex;
    align-items: center;
}

.gc-bgremoval-hero__side--after .gc-bgremoval-hero__img-wrap {
    background: linear-gradient(45deg, #e0e0e0 25%, transparent 25%), linear-gradient(-45deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e0e0e0 75%), linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
    background-size: 24px 24px;
    background-position: 0 0, 0 12px, 12px -12px, -12px 0px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;

}

[data-theme="dark"] .gc-bgremoval-hero__side--before .gc-bgremoval-hero__img-wrap {
    background: linear-gradient(180deg, #0a1218 0%, #050a10 100%);
}

[data-theme="dark"] .gc-bgremoval-hero__side--after .gc-bgremoval-hero__img-wrap {
    background: linear-gradient(45deg, #1a1a1a 25%, transparent 25%), linear-gradient(-45deg, #1a1a1a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #1a1a1a 75%), linear-gradient(-45deg, transparent 75%, #1a1a1a 75%);
    background-size: 24px 24px;
    background-position: 0 0, 0 12px, 12px -12px, -12px 0px;
    background-color: #0a0a0a;
}

/* ── Image ── */
.gc-bgremoval-hero__img {

    height: 170px;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
}

.gc-bgremoval-hero__compare:hover .gc-bgremoval-hero__img {
    transform: scale(1.08);
}

/* ── Label ── */
.gc-bgremoval-hero__label {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.97);
    color: #1a2332;
    padding: 7px 18px;
    border-radius: 24px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
    white-space: nowrap;
}

[data-theme="dark"] .gc-bgremoval-hero__label {
    background: rgba(35, 118, 135, 0.95);
    color: #fff;
}

/* ── Divider ── */
.gc-bgremoval-hero__divider {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    z-index: 10;
}

.gc-bgremoval-hero__divider-line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, rgba(35, 118, 135, 0.1) 0%, rgba(35, 118, 135, 0.5) 30%, rgba(35, 118, 135, 0.7) 50%, rgba(35, 118, 135, 0.5) 70%, rgba(35, 118, 135, 0.1) 100%);
    border-radius: 2px;
}

.gc-bgremoval-hero__divider-handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--rr-color-theme-primary) 0%, #1a8a7a 50%, #0d6b5e 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    box-shadow: 0 6px 24px rgba(35, 118, 135, 0.5), 0 2px 8px rgba(0, 0, 0, 0.2);
    animation: gcBgremovalPulse 2.5s ease-in-out infinite;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.gc-bgremoval-hero__divider-handle:hover {
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 10px 32px rgba(35, 118, 135, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25);
}

.gc-bgremoval-hero__divider-handle i {
    animation: gcBgremovalArrowBounce 1.5s ease-in-out infinite;
}

@keyframes gcBgremovalArrowBounce {

    0%,
    100% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }
}

@keyframes gcBgremovalPulse {

    0%,
    100% {
        box-shadow: 0 6px 24px rgba(35, 118, 135, 0.5), 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(35, 118, 135, 0.4);
    }

    50% {
        box-shadow: 0 6px 24px rgba(35, 118, 135, 0.5), 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(35, 118, 135, 0);
    }
}

/* ── Info Section ── */
.gc-bgremoval-hero__info {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    border: 1px solid rgba(35, 118, 135, 0.08);
    width: 100%;
    max-width: 520px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.gc-bgremoval-hero__info:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .gc-bgremoval-hero__info {
    background: rgba(10, 26, 22, 0.85);
    border-color: rgba(35, 118, 135, 0.15);
}

.gc-bgremoval-hero__info-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--rr-color-theme-primary) 0%, #1a8a7a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(35, 118, 135, 0.35);
}

.gc-bgremoval-hero__info-text {
    flex: 1;
}

.gc-bgremoval-hero__info-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: #1a2332;
    margin: 0 0 3px 0;
    text-transform: uppercase;
}

[data-theme="dark"] .gc-bgremoval-hero__info-title {
    color: #e8f3ef;
}

.gc-bgremoval-hero__info-desc {
    font-size: 13px;
    color: #6b7a8d;
    margin: 0;
    font-weight: 500;
}

[data-theme="dark"] .gc-bgremoval-hero__info-desc {
    color: #8a9bb0;
}

/* ── Stats Section ── */
.gc-bgremoval-hero__stats {
    display: flex;
    gap: 16px;
    width: 100%;
    max-width: 520px;
}

.gc-bgremoval-hero__stat {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;
    border: 1px solid rgba(35, 118, 135, 0.08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.gc-bgremoval-hero__stat:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .gc-bgremoval-hero__stat {
    background: rgba(10, 26, 22, 0.85);
    border-color: rgba(35, 118, 135, 0.12);
}

.gc-bgremoval-hero__stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.1) 0%, rgba(35, 118, 135, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rr-color-theme-primary);
    font-size: 16px;
    flex-shrink: 0;
}

[data-theme="dark"] .gc-bgremoval-hero__stat-icon {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.2) 0%, rgba(35, 118, 135, 0.1) 100%);
}

.gc-bgremoval-hero__stat-content {
    display: flex;
    flex-direction: column;
}

.gc-bgremoval-hero__stat-value {
    font-size: 22px;
    font-weight: 800;
    color: #1a2332;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

[data-theme="dark"] .gc-bgremoval-hero__stat-value {
    color: #e8f3ef;
}

.gc-bgremoval-hero__stat-label {
    font-size: 11px;
    color: #6b7a8d;
    font-weight: 600;
    letter-spacing: 0.3px;
}

[data-theme="dark"] .gc-bgremoval-hero__stat-label {
    color: #8a9bb0;
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE STYLES
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {
    .gc-bgremoval-hero__visual {
        margin-top: 40px;
    }

    .gc-bgremoval-hero__compare {
        max-width: 440px;
    }
}

@media (max-width: 767px) {
    .gc-bgremoval-hero__compare {
        max-width: 100%;
        padding: 14px;
    }

    .gc-bgremoval-hero__compare-inner {
        gap: 10px;
    }

    .gc-bgremoval-hero__img-wrap {
        aspect-ratio: 3/4;
    }

    .gc-bgremoval-hero__label {
        padding: 6px 14px;
        font-size: 9px;
        letter-spacing: 1.5px;
        bottom: 10px;
    }

    .gc-bgremoval-hero__divider-handle {
        width: 36px;
        height: 36px;
        font-size: 12px;
    }

    .gc-bgremoval-hero__info {
        padding: 12px 16px;
        gap: 12px;
    }

    .gc-bgremoval-hero__info-icon {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .gc-bgremoval-hero__info-title {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .gc-bgremoval-hero__info-desc {
        font-size: 12px;
    }

    .gc-bgremoval-hero__stats {
        flex-wrap: wrap;
        gap: 10px;
    }

    .gc-bgremoval-hero__stat {
        flex: 1 1 calc(50% - 10px);
        min-width: 140px;
    }
}

@media (max-width: 479px) {
    .gc-bgremoval-hero__compare {
        padding: 12px;
    }

    .gc-bgremoval-hero__compare-inner {
        flex-direction: column;
        gap: 0;
    }

    .gc-bgremoval-hero__side {
        width: 100%;
    }

    .gc-bgremoval-hero__img-wrap {
        aspect-ratio: 16/10;
    }

    .gc-bgremoval-hero__divider {
        top: auto;
        bottom: 50%;
        left: 0;
        transform: translateY(50%);
        width: 100%;
        height: 4px;
    }

    .gc-bgremoval-hero__divider-line {
        width: 100%;
        height: 3px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background: linear-gradient(90deg, rgba(35, 118, 135, 0.1) 0%, rgba(35, 118, 135, 0.5) 30%, rgba(35, 118, 135, 0.7) 50%, rgba(35, 118, 135, 0.5) 70%, rgba(35, 118, 135, 0.1) 100%);
    }

    .gc-bgremoval-hero__divider-handle {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
        width: 38px;
        height: 38px;
    }

    .gc-bgremoval-hero__label {
        bottom: 8px;
        padding: 5px 12px;
        font-size: 8px;
        letter-spacing: 1px;
    }

    .gc-bgremoval-hero__info {
        flex-direction: column;
        text-align: center;
    }

    .gc-bgremoval-hero__stat {
        flex: 1 1 100%;
    }

    .gc-bgremoval-hero__stat-content {
        align-items: center;
    }
}

/* ═══════════════════════════════════════════════════════════════
   VIDEO BACKGROUND REMOVAL — GREEN SCREEN VS NO GREEN SCREEN
   ═══════════════════════════════════════════════════════════════ */

.gc-vidbg-workflow {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(35, 118, 135, 0.1);
}

.gc-vidbg-workflow::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 8% 18%, rgba(35, 118, 135, 0.08) 0%, transparent 42%),
        radial-gradient(circle at 92% 82%, rgba(255, 194, 38, 0.05) 0%, transparent 38%);
    pointer-events: none;
    z-index: 0;
}

[data-theme="light"] .gc-vidbg-workflow {
    background: linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%);
}

[data-theme="dark"] .gc-vidbg-workflow {
    background: linear-gradient(180deg, #0a1520 0%, #0d1f2d 100%);
    border-top-color: rgba(110, 118, 130, 0.22);
}

.gc-vidbg-workflow .container {
    position: relative;
    z-index: 1;
}

.gc-vidbg-workflow__header {
    max-width: 760px;
    margin-bottom: 56px;
}

.gc-vidbg-workflow__eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--rr-color-theme-primary);
}

.gc-vidbg-workflow__title {
    margin: 0 0 0;
    padding-bottom: 20px;
    font-size: clamp(1.85rem, 3.2vw, 2.65rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: #11151c;
    position: relative;
}

.gc-vidbg-workflow__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 4px;
    border-radius: 4px;
    background: var(--rr-color-theme-primary);
}

[data-theme="dark"] .gc-vidbg-workflow__title {
    color: #ffffff;
}

.gc-vidbg-workflow__accent {
    color: var(--rr-color-theme-primary);
}

.gc-vidbg-workflow__intro {
    margin: 22px 0 0;
    max-width: 680px;
    font-size: 17px;
    line-height: 1.75;
    color: rgba(17, 21, 28, 0.72);
}

[data-theme="dark"] .gc-vidbg-workflow__intro {
    color: rgba(255, 255, 255, 0.72);
}

.gc-vidbg-workflow__compare {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}

.gc-vidbg-workflow__column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gc-vidbg-workflow__column-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 18px 22px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.14) 0%, rgba(35, 118, 135, 0.06) 100%);
    border: 1px solid rgba(35, 118, 135, 0.16);
    box-shadow: 0 10px 28px rgba(35, 118, 135, 0.08);
    text-align: center;
}

[data-theme="dark"] .gc-vidbg-workflow__column-head {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.22) 0%, rgba(35, 118, 135, 0.08) 100%);
    border-color: rgba(35, 118, 135, 0.28);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.gc-vidbg-workflow__column-head--neutral {
    background: linear-gradient(135deg, rgba(17, 21, 28, 0.05) 0%, rgba(17, 21, 28, 0.02) 100%);
    border-color: rgba(17, 21, 28, 0.08);
    box-shadow: 0 10px 28px rgba(17, 21, 28, 0.05);
}

[data-theme="dark"] .gc-vidbg-workflow__column-head--neutral {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.gc-vidbg-workflow__column-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}

.gc-vidbg-workflow__column-icon--green {
    color: var(--rr-color-theme-primary);
    background: rgba(35, 118, 135, 0.12);
    border: 1px solid rgba(35, 118, 135, 0.18);
}

.gc-vidbg-workflow__column-icon--neutral {
    color: rgba(17, 21, 28, 0.55);
    background: rgba(17, 21, 28, 0.06);
    border: 1px solid rgba(17, 21, 28, 0.08);
}

[data-theme="dark"] .gc-vidbg-workflow__column-icon--neutral {
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

.gc-vidbg-workflow__column-title {
    margin: 0;
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--rr-color-theme-primary);
}

.gc-vidbg-workflow__column-head--neutral .gc-vidbg-workflow__column-title {
    color: rgba(17, 21, 28, 0.72);
}

[data-theme="dark"] .gc-vidbg-workflow__column-head--neutral .gc-vidbg-workflow__column-title {
    color: rgba(255, 255, 255, 0.82);
}

.gc-vidbg-workflow__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

.gc-vidbg-workflow__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(17, 21, 28, 0.06);
    box-shadow:
        0 10px 24px rgba(35, 118, 135, 0.06),
        0 2px 8px rgba(17, 21, 28, 0.04);
    font-size: 15px;
    line-height: 1.65;
    color: rgba(17, 21, 28, 0.78);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

[data-theme="dark"] .gc-vidbg-workflow__item {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    color: rgba(255, 255, 255, 0.78);
}

.gc-vidbg-workflow__item:hover {
    transform: translateY(-3px);
    border-color: rgba(35, 118, 135, 0.18);
    box-shadow:
        0 16px 34px rgba(35, 118, 135, 0.12),
        0 4px 12px rgba(17, 21, 28, 0.06);
}

[data-theme="dark"] .gc-vidbg-workflow__item:hover {
    border-color: rgba(35, 118, 135, 0.32);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
}

.gc-vidbg-workflow__bullet {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex-shrink: 0;
    margin-top: 7px;
}

.gc-vidbg-workflow__bullet--green {
    background: var(--rr-color-theme-primary);
    box-shadow: 0 0 0 4px rgba(35, 118, 135, 0.12);
}

.gc-vidbg-workflow__bullet--neutral {
    background: rgba(17, 21, 28, 0.28);
    box-shadow: 0 0 0 4px rgba(17, 21, 28, 0.06);
}

[data-theme="dark"] .gc-vidbg-workflow__bullet--neutral {
    background: rgba(255, 255, 255, 0.42);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.06);
}

.gc-vidbg-workflow__vs {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--rr-color-theme-primary), #1a5c6a);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow:
        0 14px 32px rgba(35, 118, 135, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    z-index: 2;
}

@media (max-width: 991px) {
    .gc-vidbg-workflow__compare {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .gc-vidbg-workflow__vs {
        margin: 4px auto;
        width: 52px;
        height: 52px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .gc-vidbg-workflow__header {
        margin-bottom: 40px;
    }

    .gc-vidbg-workflow__intro {
        font-size: 16px;
    }

    .gc-vidbg-workflow__column-head {
        padding: 16px 18px;
    }

    .gc-vidbg-workflow__item {
        padding: 16px 18px;
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-vidbg-workflow__item {
        transition: none;
    }

    .gc-vidbg-workflow__item:hover {
        transform: none;
    }
}

/* ═══════════════════════════════════════════════════════════════
   3D PROPS MODELING — HERO COMPARE VISUAL
   ═══════════════════════════════════════════════════════════════ */

.gc-props-hero-compare {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin-left: auto;
    z-index: 2;
}

.gc-props-hero-compare__frame {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(35, 118, 135, 0.2);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(242, 247, 246, 0.98) 100%);
    box-shadow:
        0 32px 90px rgba(35, 118, 135, 0.18),
        0 12px 36px rgba(17, 21, 28, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.gc-props-hero-compare__frame:hover {
    transform: translateY(-4px);
    box-shadow:
        0 40px 100px rgba(35, 118, 135, 0.22),
        0 16px 40px rgba(17, 21, 28, 0.1);
}

[data-theme="dark"] .gc-props-hero-compare__frame {
    background: linear-gradient(145deg, rgba(18, 28, 38, 0.98) 0%, rgba(10, 17, 25, 0.99) 100%);
    border-color: rgba(90, 148, 160, 0.28);
    box-shadow:
        0 32px 90px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .gc-props-hero-compare__frame:hover {
    box-shadow:
        0 40px 100px rgba(0, 0, 0, 0.52),
        0 0 0 1px rgba(35, 118, 135, 0.15);
}

.gc-props-hero-compare__panel {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 14px 16px;
    background: #1a1d21;
    min-height: 0;
}

.gc-props-hero-compare__panel--before {
    background: linear-gradient(180deg, #2a2d31 0%, #181b1f 100%);
}

.gc-props-hero-compare__panel--after {
    background:
        radial-gradient(circle at 72% 68%, rgba(255, 176, 52, 0.14) 0%, transparent 28%),
        linear-gradient(180deg, #22262a 0%, #14181c 100%);
}

.gc-props-hero-compare__panel + .gc-props-hero-compare__panel {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.gc-props-hero-compare__media {
    position: relative;
    flex: 1;
    min-height: 320px;
    border-radius: 18px;
    overflow: hidden;
    background: #12151a;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.06),
        0 18px 40px rgba(0, 0, 0, 0.28);
}

.gc-props-hero-compare__panel--after .gc-props-hero-compare__media {
    box-shadow:
        inset 0 0 0 1px rgba(35, 118, 135, 0.2),
        0 18px 44px rgba(0, 0, 0, 0.32),
        0 0 48px rgba(255, 168, 35, 0.08);
}

.gc-props-hero-compare__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, transparent 28%, transparent 72%, rgba(0, 0, 0, 0.22) 100%);
    pointer-events: none;
    z-index: 1;
}

.gc-props-hero-compare__img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    /* object-fit: cover; */
    object-position: center center;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gc-props-hero-compare__frame:hover .gc-props-hero-compare__img {
    transform: scale(1.03);
}

.gc-props-hero-compare__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(17, 21, 28, 0.72);
    color: rgba(255, 255, 255, 0.92);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.gc-props-hero-compare__badge--after {
    background: linear-gradient(135deg, var(--rr-color-theme-primary), #0e9a87);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 24px rgba(35, 118, 135, 0.4);
}

.gc-props-hero-compare__divider {
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
}

.gc-props-hero-compare__divider-line {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.05));
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.15);
}

.gc-props-hero-compare__divider-handle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #ffffff, #edf3f2);
    color: var(--rr-color-theme-primary);
    box-shadow:
        0 12px 32px rgba(17, 21, 28, 0.2),
        0 0 0 4px rgba(35, 118, 135, 0.12);
    font-size: 14px;
}

[data-theme="dark"] .gc-props-hero-compare__divider-handle {
    background: linear-gradient(145deg, #ffffff, #e8eeec);
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.4),
        0 0 0 4px rgba(35, 118, 135, 0.2);
}

.gc-props-hero-compare__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gc-props-hero-compare__tags li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.gc-props-hero-compare__tags i {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}

.gc-props-hero-compare__tags--after li {
    background: rgba(35, 118, 135, 0.14);
    color: rgba(225, 255, 249, 0.95);
    border-color: rgba(35, 118, 135, 0.22);
}

.gc-props-hero-compare__tags--after i {
    color: #3dd4b8;
}

@media (max-width: 1199px) {
    .gc-props-hero-compare__media,
    .gc-props-hero-compare__img {
        min-height: 280px;
    }
}

@media (max-width: 991px) {
    .gc-props-hero-compare {
        max-width: 100%;
        margin: 24px auto 0;
    }
}

@media (max-width: 767px) {
    .gc-props-hero-compare__frame {
        grid-template-columns: 1fr;
    }

    .gc-props-hero-compare__panel + .gc-props-hero-compare__panel {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .gc-props-hero-compare__divider {
        top: 50%;
        bottom: auto;
        left: 14px;
        right: 14px;
        width: auto;
        height: 2px;
        transform: translateY(-50%);
    }

    .gc-props-hero-compare__divider-line {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.05));
    }

    .gc-props-hero-compare__divider-handle {
        width: 44px;
        height: 44px;
    }

    .gc-props-hero-compare__tags li {
        font-size: 10px;
        padding: 7px 10px;
    }
}

@media (max-width: 575px) {
    .gc-props-hero-compare__panel {
        padding: 12px;
    }

    .gc-props-hero-compare__media,
    .gc-props-hero-compare__img {
        min-height: 240px;
    }

    .gc-props-hero-compare__badge {
        top: 10px;
        left: 10px;
        font-size: 10px;
        padding: 7px 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-props-hero-compare__frame,
    .gc-props-hero-compare__img {
        transition: none;
    }

    .gc-props-hero-compare__frame:hover {
        transform: none;
    }

    .gc-props-hero-compare__frame:hover .gc-props-hero-compare__img {
        transform: none;
    }
}

/* ═══════════════════════════════════════════════════════════════
   3D PROPS MODELING — HERO LAYOUT (STATS + WIDER COMPARE)
   ═══════════════════════════════════════════════════════════════ */

.gc-props-modeling-hero__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-left: auto;
}

.gc-props-modeling-hero .gc-props-hero-compare {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gc-props-modeling-hero .gc-cc-hero__stats,
.gc-props-modeling-hero__stats {
    width: 100%;
    max-width: 100%;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.gc-props-modeling-hero .gc-cc-hero__stat {
    padding: 20px 18px;
}

@media (min-width: 992px) {
    .gc-props-modeling-hero .gc-props-hero-compare {
        max-width: 100%;
    }

    .gc-props-modeling-hero .gc-cc-hero__stats,
    .gc-props-modeling-hero__stats {
        margin-top: 32px;
    }
}

@media (max-width: 991.98px) {
    .gc-props-modeling-hero__visual {
        margin: 24px auto 0;
        max-width: 680px;
    }

    .gc-props-modeling-hero .gc-cc-hero__stats,
    .gc-props-modeling-hero__stats {
        margin-top: 24px;
        max-width: 100%;
        gap: 10px;
    }

    .gc-props-modeling-hero .gc-cc-hero__stat {
        padding: 14px 12px;
    }

    .gc-props-modeling-hero .gc-cc-hero__stat-value {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .gc-props-modeling-hero__visual {
        max-width: 100%;
    }

    .gc-props-modeling-hero .gc-cc-hero__stats,
    .gc-props-modeling-hero__stats {
        margin-top: 20px;
        gap: 8px;
    }

    .gc-props-modeling-hero .gc-cc-hero__stat {
        padding: 12px 8px;
    }

    .gc-props-modeling-hero .gc-cc-hero__stat-value {
        font-size: 20px;
    }

    .gc-props-modeling-hero .gc-cc-hero__stat-label {
        font-size: 10px;
    }
}

/* ==========================================================================
   Default Gutenberg Page Content (Privacy Policy, Terms, simple pages)
   Classic page template only — does NOT affect Elementor-built pages.
   ========================================================================== */
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) {
    --gc-page-content-max: 920px;
    --gc-page-content-bg: rgba(17, 21, 28, 0.92);
    --gc-page-content-bg-end: rgba(12, 16, 22, 0.98);
    --gc-page-content-border: var(--rr-color-border-1);
    --gc-page-content-heading: var(--rr-color-common-white);
    --gc-page-content-text: var(--rr-color-text-body);
    --gc-page-content-muted: var(--rr-color-text-body-light);
    --gc-page-content-link: var(--rr-color-theme-primary);
    --gc-page-content-link-hover: var(--rr-color-theme-secondary);
    --gc-page-content-link-decoration: rgba(35, 118, 135, 0.45);
    --gc-page-content-quote-bg: rgba(35, 118, 135, 0.08);
    --gc-page-content-table-head-bg: rgba(255, 255, 255, 0.03);
    --gc-page-content-shadow: 0 22px 54px rgba(0, 0, 0, 0.24);
    --gc-page-content-radius: 18px;
    max-width: var(--gc-page-content-max);
    margin-left: auto;
    margin-right: auto;
    padding: clamp(28px, 4.5vw, 56px) clamp(20px, 4vw, 48px);
    background: linear-gradient(180deg, var(--gc-page-content-bg) 0%, var(--gc-page-content-bg-end) 100%);
    border: 1px solid var(--gc-page-content-border);
    border-radius: var(--gc-page-content-radius);
    box-shadow: var(--gc-page-content-shadow);
    font-family: var(--rr-ff-body);
    font-size: var(--rr-fs-body);
    line-height: 1.75;
    color: var(--gc-page-content-text);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > .container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > :first-child {
    margin-top: 0;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > :last-child {
    margin-bottom: 0;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h1,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h2,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h3,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h4,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h5,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h6,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-heading {
    font-family: var(--rr-ff-heading);
    font-weight: var(--rr-fw-bold);
    color: var(--gc-page-content-heading);
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 2rem 0 0.85rem;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h1,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-heading.has-large-font-size {
    font-size: clamp(34px, 4vw, 48px);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h2,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-heading {
    font-size: clamp(26px, 3.2vw, 36px);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h3 {
    font-size: clamp(22px, 2.6vw, 28px);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h4 {
    font-size: clamp(18px, 2.2vw, 22px);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h5 {
    font-size: var(--rr-fs-h5);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h6 {
    font-size: var(--rr-fs-h6);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > h1:first-child,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > h2:first-child,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > .wp-block-heading:first-child,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) > .container > :first-child {
    margin-top: 0;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) p,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-paragraph {
    font-family: var(--rr-ff-p);
    font-size: var(--rr-fs-p);
    font-weight: var(--rr-fw-regular);
    line-height: 1.75;
    color: var(--gc-page-content-text);
    margin: 0 0 1.15rem;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) p:last-child,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-paragraph:last-child {
    margin-bottom: 0;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .privacy-policy-tutorial {
    display: inline-block;
    margin-right: 0.35rem;
    font-size: 11px;
    font-weight: var(--rr-fw-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gc-page-content-link);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) a {
    color: var(--gc-page-content-link);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--gc-page-content-link-decoration);
    transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) a:hover {
    color: var(--gc-page-content-link-hover);
    text-decoration-color: currentColor;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) strong,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) b {
    color: var(--gc-page-content-heading);
    font-weight: var(--rr-fw-sbold);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) ul,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) ol,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-list {
    margin: 0 0 1.25rem;
    padding-left: 1.35rem;
    color: var(--gc-page-content-text);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) ul li,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) ol li {
    margin-bottom: 0.55rem;
    line-height: 1.7;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) ul li::marker {
    color: var(--gc-page-content-link);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) blockquote,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-quote {
    margin: 1.5rem 0;
    padding: 1.1rem 1.25rem;
    border-left: 3px solid var(--gc-page-content-link);
    border-radius: 0 12px 12px 0;
    background: var(--gc-page-content-quote-bg);
    color: var(--gc-page-content-heading);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) hr,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-separator {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid var(--gc-page-content-border);
    opacity: 0.85;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table {
    width: 100%;
    margin: 1.25rem 0 1.5rem;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid var(--gc-page-content-border);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table th,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--gc-page-content-border);
    text-align: left;
    vertical-align: top;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table th {
    font-family: var(--rr-ff-heading);
    font-weight: var(--rr-fw-sbold);
    color: var(--gc-page-content-heading);
    background: var(--gc-page-content-table-head-bg);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table td {
    color: var(--gc-page-content-text);
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) img,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-image img {
    border-radius: 12px;
    margin: 0.5rem 0 1rem;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-image {
    margin: 1.25rem 0 1.5rem;
}

.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) iframe,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) video,
.page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) embed {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 12px;
    margin: 1rem 0 1.25rem;
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) {
    --gc-page-content-bg: #ffffff;
    --gc-page-content-bg-end: #f4f7f9;
    --gc-page-content-border: #dfe5eb;
    --gc-page-content-heading: #11151c;
    --gc-page-content-text: #5a616d;
    --gc-page-content-muted: #74787c;
    --gc-page-content-link: #1d6b7a;
    --gc-page-content-link-hover: #237687;
    --gc-page-content-link-decoration: rgba(35, 118, 135, 0.35);
    --gc-page-content-quote-bg: rgba(35, 118, 135, 0.07);
    --gc-page-content-table-head-bg: #eef2f5;
    --gc-page-content-shadow: 0 18px 44px rgba(17, 21, 28, 0.07);
    color: var(--gc-page-content-text);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h1,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h2,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h3,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h4,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h5,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h6,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-heading {
    color: var(--gc-page-content-heading);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) p,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-paragraph,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) li {
    color: var(--gc-page-content-text);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) strong:not(.privacy-policy-tutorial),
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) b {
    color: var(--gc-page-content-heading);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .privacy-policy-tutorial {
    color: var(--gc-page-content-link);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) a {
    color: var(--gc-page-content-link);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) a:hover {
    color: var(--gc-page-content-link-hover);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) blockquote,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-quote {
    background: var(--gc-page-content-quote-bg);
    color: var(--gc-page-content-heading);
    border-left-color: var(--gc-page-content-link);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table th {
    background: var(--gc-page-content-table-head-bg);
    color: var(--gc-page-content-heading);
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) table td {
    color: var(--gc-page-content-text);
    background: #ffffff;
}

[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) hr,
[data-theme=light] .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-separator {
    border-top-color: var(--gc-page-content-border);
    opacity: 1;
}

@media (max-width: 991.98px) {
    .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) {
        max-width: calc(100% - 24px);
        padding: 24px 20px;
        border-radius: 14px;
    }
}

@media (max-width: 575.98px) {
    .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) {
        max-width: calc(100% - 16px);
        padding: 20px 16px;
        border-radius: 12px;
    }

    .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) h2,
    .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-heading {
        font-size: 24px;
        margin-top: 1.65rem;
    }

    .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) p,
    .page-wrapper .page-content-wrapper:not(:has(.elementor)):not(:has(.e-con)) .wp-block-paragraph {
        font-size: 15px;
        line-height: 1.7;
    }
}


/* ===== GC Footer One — Contact emails + QR ===== */
.footer-2 .footer-widget .gc-footer-mail-us {
  display: block;
}

.footer-2 .footer-widget .gc-footer-mail-us .footer-list {
  margin: 0;
  padding: 0;
}

.footer-2 .footer-widget .gc-footer-mail-us__qr {
  margin-top: 24px;
  width: 96px;
  height: 96px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-2 .footer-widget .gc-footer-mail-us__qr img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[data-theme=light] .footer-section.footer-2 .footer-widget .gc-footer-mail-us__qr {
  background: #ffffff;
  border-color: rgba(17, 21, 28, 0.1);
  box-shadow: 0 4px 14px rgba(17, 21, 28, 0.05);
}

@media (max-width: 575.98px) {
  .footer-2 .footer-widget .gc-footer-mail-us__qr {
    width: 84px;
    height: 84px;
    margin-top: 20px;
  }
}

/* ===== GC Footer One — Centered copyright text ===== */
.footer-2 .copyright-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.footer-2 .copyright-content p {
  text-align: center;
  margin-bottom: 0 !important;
  width: 100%;
}


[data-theme=light] .fahim-footer-desc {
	margin-top: 30px;
  color: white;
}

[data-theme=light] .side-menu-list li a {
    font-size: 16px;
    color: var(--rr-color-theme-primary);
    padding-left: 10px;
}

.fahim-footer-desc {
    /* Width komanor jonno */
    max-width: 420px; /* Apnar dorkar onujayi 380px-450px change korte paren */
    width: 100%;
    
    /* Center-align korte chaile (optional, footer layout-er upor depend kore) */
    /* margin: 0 auto; */ 
    
    /* Typography & Spacing typography shundor korar jonno */
    font-size: 0.95rem;      /* Soft & clean text size */
    line-height: 1.6;        /* Porar jonno comfortable line gap */
      color: white;         /* Light dark footer-er jonno (Aapnar mood onujayi color change korben) */
    
    /* Layout clean rakhar jonno */
    margin-top: 12px;
    margin-bottom: 20px;
}
/* ===== Softro Core — merged widget & icon styles ===== */

/* --- gc-about-banner.css --- */
/* ==========================================================================
   GC About Banner — centered hero CTA (light / dark)
   Theme colors: --rr-color-theme-primary (#237687), --rr-color-bg-1 (#11151C)
   ========================================================================== */

.gc-about-banner {
    --gc-ab-bg: #f5f6f8;
    --gc-ab-bg-glow: rgba(35, 118, 135, 0.08);
    --gc-ab-label: var(--rr-color-text-body-light, #74787c);
    --gc-ab-title: var(--rr-color-heading-primary, #11151c);
    --gc-ab-accent: var(--rr-color-theme-primary, #237687);
    --gc-ab-desc: var(--rr-color-text-body-light, #74787c);
    --gc-ab-btn-primary-bg: var(--rr-color-theme-primary, #237687);
    --gc-ab-btn-primary-color: #ffffff;
    --gc-ab-btn-secondary-bg: transparent;
    --gc-ab-btn-secondary-color: var(--rr-color-heading-primary, #11151c);
    --gc-ab-btn-secondary-border: rgba(17, 21, 28, 0.22);
    --gc-ab-btn-secondary-hover-bg: var(--rr-color-theme-primary, #237687);
    --gc-ab-btn-secondary-hover-color: #ffffff;
    --gc-ab-btn-secondary-hover-border: var(--rr-color-theme-primary, #237687);
    position: relative;
    overflow: hidden;
    background: var(--gc-ab-bg);
    padding: 120px 0;
}

[data-theme="dark"] .gc-about-banner {
    --gc-ab-bg: var(--rr-color-bg-1, #11151c);
    --gc-ab-bg-glow: rgba(35, 118, 135, 0.22);
    --gc-ab-label: rgba(255, 255, 255, 0.55);
    --gc-ab-title: #ffffff;
    --gc-ab-accent: var(--rr-color-theme-primary, #237687);
    --gc-ab-desc: var(--rr-color-text-body, #b0b2b7);
    --gc-ab-btn-primary-bg: var(--rr-color-theme-primary, #237687);
    --gc-ab-btn-primary-color: #ffffff;
    --gc-ab-btn-secondary-bg: transparent;
    --gc-ab-btn-secondary-color: #ffffff;
    --gc-ab-btn-secondary-border: rgba(255, 255, 255, 0.35);
    --gc-ab-btn-secondary-hover-bg: #ffffff;
    --gc-ab-btn-secondary-hover-color: var(--rr-color-heading-primary, #11151c);
    --gc-ab-btn-secondary-hover-border: #ffffff;
}

.gc-about-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse 70% 55% at 50% 0%, var(--gc-ab-bg-glow) 0%, transparent 68%);
}

.gc-about-banner .container {
    position: relative;
    z-index: 1;
}

.gc-about-banner__inner {
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gc-about-banner__label {
    margin: 0 0 22px;
    font-family: var(--rr-ff-heading);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gc-ab-label);
    line-height: 1.4;
}

.gc-about-banner__title {
    margin: 0 0 28px;
    max-width: 860px;
    font-family: var(--rr-ff-heading);
    font-size: clamp(32px, 5.2vw, 56px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--gc-ab-title);
}

.gc-about-banner__title .gc-about-banner__accent,
.gc-about-banner__title span {
    color: var(--gc-ab-accent);
}

.gc-about-banner__desc {
    margin: 0 0 40px;
    max-width: 640px;
    font-size: 17px;
    line-height: 1.75;
    color: var(--gc-ab-desc);
}

.gc-about-banner__desc p {
    margin: 0;
}

.gc-about-banner__desc p + p {
    margin-top: 12px;
}

.gc-about-banner__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.gc-about-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 16px 28px;
    border-radius: 8px;
    font-family: var(--rr-ff-heading);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;
    cursor: pointer;
    border: 1px solid transparent;
}

.gc-about-banner__btn:focus-visible {
    outline: 2px solid var(--gc-ab-accent);
    outline-offset: 3px;
}

.gc-about-banner__btn:active {
    transform: scale(0.98);
}

.gc-about-banner__btn--primary {
    background-color: var(--gc-ab-btn-primary-bg);
    color: var(--gc-ab-btn-primary-color);
    border-color: var(--gc-ab-btn-primary-bg);
    box-shadow: 0 10px 28px rgba(35, 118, 135, 0.28);
}

.gc-about-banner__btn--primary:hover,
.gc-about-banner__btn--primary:focus {
    color: var(--gc-ab-btn-primary-color);
    filter: brightness(1.06);
    box-shadow: 0 14px 32px rgba(35, 118, 135, 0.34);
}

.gc-about-banner__btn--secondary {
    background-color: var(--gc-ab-btn-secondary-bg);
    color: var(--gc-ab-btn-secondary-color);
    border-color: var(--gc-ab-btn-secondary-border);
}

.gc-about-banner__btn--secondary:hover,
.gc-about-banner__btn--secondary:focus {
    background-color: var(--gc-ab-btn-secondary-hover-bg);
    color: var(--gc-ab-btn-secondary-hover-color);
    border-color: var(--gc-ab-btn-secondary-hover-border);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-about-banner {
        padding: 100px 0;
    }
}

@media (max-width: 991.98px) {
    .gc-about-banner {
        padding: 90px 0;
    }

    .gc-about-banner__title {
        margin-bottom: 22px;
    }

    .gc-about-banner__desc {
        margin-bottom: 32px;
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .gc-about-banner {
        padding: 72px 0;
    }

    .gc-about-banner__label {
        margin-bottom: 16px;
        font-size: 12px;
        letter-spacing: 0.14em;
    }

    .gc-about-banner__title {
        margin-bottom: 18px;
        font-size: clamp(28px, 8vw, 36px);
    }

    .gc-about-banner__desc {
        margin-bottom: 28px;
        font-size: 15px;
        line-height: 1.7;
    }

    .gc-about-banner__actions {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }

    .gc-about-banner__btn {
        width: 100%;
        max-width: 320px;
        min-height: 48px;
        padding: 14px 22px;
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-about-banner__btn {
        transition: none;
    }

    .gc-about-banner__btn:active {
        transform: none;
    }
}

/* --- gc-about-our-purpose.css --- */
/* ==========================================================================
   GC About Our Purpose — centered heading + 3 purpose cards (light / dark)
   Theme colors: --rr-color-theme-primary (#237687), --rr-color-bg-1 (#11151C)
   Premium card design with enhanced dark mode icons
   ========================================================================== */

.gc-about-purpose {
    --gc-ap-bg: #f5f5f0;
    --gc-ap-title: var(--rr-color-heading-primary, #11151c);
    --gc-ap-accent: var(--rr-color-theme-primary, #237687);
    --gc-ap-desc: var(--rr-color-text-body-light, #74787c);
    --gc-ap-card-bg: #ffffff;
    --gc-ap-card-border: rgba(17, 21, 28, 0.04);
    --gc-ap-card-shadow: 0 1px 3px rgba(17, 21, 28, 0.04), 0 8px 32px rgba(17, 21, 28, 0.06);
    --gc-ap-card-radius: 20px;
    --gc-ap-card-title: var(--rr-color-heading-primary, #11151c);
    --gc-ap-card-text: var(--rr-color-text-body-light, #5c6168);
    --gc-ap-icon-mission-bg: #e8f4f5;
    --gc-ap-icon-mission-color: var(--rr-color-theme-primary, #237687);
    --gc-ap-icon-vision-bg: #fbe9e7;
    --gc-ap-icon-vision-color: #c0604a;
    --gc-ap-icon-values-bg: #e8f5e9;
    --gc-ap-icon-values-color: #4a8c5e;
    --gc-ap-divider: rgba(17, 21, 28, 0.06);
    position: relative;
    overflow: hidden;
    background: var(--gc-ap-bg);
    padding: 120px 0;
}

[data-theme="dark"] .gc-about-purpose {
    --gc-ap-bg: var(--rr-color-bg-1, #11151c);
    --gc-ap-title: #ffffff;
    --gc-ap-accent: var(--rr-color-theme-primary, #237687);
    --gc-ap-desc: var(--rr-color-text-body, #b0b2b7);
    --gc-ap-card-bg: #1a1f28;
    --gc-ap-card-border: rgba(255, 255, 255, 0.06);
    --gc-ap-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 8px 32px rgba(0, 0, 0, 0.25);
    --gc-ap-card-title: #ffffff;
    --gc-ap-card-text: var(--rr-color-text-body, #b0b2b7);
    --gc-ap-icon-mission-bg: rgba(35, 180, 210, 0.18);
    --gc-ap-icon-mission-color: #3ec4db;
    --gc-ap-icon-vision-bg: rgba(240, 120, 90, 0.18);
    --gc-ap-icon-vision-color: #f08c6e;
    --gc-ap-icon-values-bg: rgba(80, 200, 120, 0.18);
    --gc-ap-icon-values-color: #5ed88a;
    --gc-ap-divider: rgba(255, 255, 255, 0.06);
}

/* Subtle radial glow */
.gc-about-purpose::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(35, 118, 135, 0.05) 0%, transparent 68%);
}

[data-theme="dark"] .gc-about-purpose::before {
    background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(35, 180, 210, 0.08) 0%, transparent 68%);
}

.gc-about-purpose .container {
    position: relative;
    z-index: 1;
}

/* -------------------------------------------------------------------------- */
/* Section heading (matches testimonial widget pattern)                       */
/* -------------------------------------------------------------------------- */

.gc-about-purpose .section-heading {
    text-align: center;
    margin-bottom: 20px;
}

.gc-about-purpose .section-heading .section-title {
    color: var(--gc-ap-title);
}

.gc-about-purpose .section-heading .section-title em,
.gc-about-purpose .section-heading .section-title span.gc-ap-accent {
    color: var(--gc-ap-accent);
    font-style: italic;
}

/* -------------------------------------------------------------------------- */
/* Description                                                                */
/* -------------------------------------------------------------------------- */

.gc-about-purpose__desc {
    max-width: 540px;
    margin: 0 auto 60px;
    text-align: center;
    font-size: 16px;
    line-height: 1.75;
    color: var(--gc-ap-desc);
}

.gc-about-purpose__desc p {
    margin: 0;
}

.gc-about-purpose__desc p + p {
    margin-top: 12px;
}

/* -------------------------------------------------------------------------- */
/* Cards grid                                                                 */
/* -------------------------------------------------------------------------- */

.gc-about-purpose__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* -------------------------------------------------------------------------- */
/* Single card — premium design                                               */
/* -------------------------------------------------------------------------- */

.gc-about-purpose__card {
    position: relative;
    background: var(--gc-ap-card-bg);
    border: 1px solid var(--gc-ap-card-border);
    border-radius: var(--gc-ap-card-radius);
    padding: 40px 32px 36px;
    box-shadow: var(--gc-ap-card-shadow);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease;
    overflow: hidden;
}

/* Top accent gradient line */
.gc-about-purpose__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--gc-ap-accent), transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.gc-about-purpose__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 4px 12px rgba(17, 21, 28, 0.06), 0 20px 48px rgba(17, 21, 28, 0.10);
    border-color: rgba(35, 118, 135, 0.12);
}

.gc-about-purpose__card:hover::before {
    opacity: 1;
}

[data-theme="dark"] .gc-about-purpose__card {
    background: linear-gradient(180deg, #1e2430 0%, #1a1f28 100%);
}

[data-theme="dark"] .gc-about-purpose__card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 20px 48px rgba(0, 0, 0, 0.35);
    border-color: rgba(62, 196, 219, 0.15);
}

/* Decorative corner glow on hover */
.gc-about-purpose__card::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--gc-ap-accent) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.gc-about-purpose__card:hover::after {
    opacity: 0.06;
}

[data-theme="dark"] .gc-about-purpose__card:hover::after {
    opacity: 0.1;
}

/* -------------------------------------------------------------------------- */
/* Icon — premium with subtle glow                                            */
/* -------------------------------------------------------------------------- */

.gc-about-purpose__icon {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    font-size: 24px;
    line-height: 1;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gc-about-purpose__icon svg {
    width: 26px;
    height: 26px;
}

.gc-about-purpose__icon i {
    font-size: 24px;
    line-height: 1;
}

/* Icon subtle inner glow */
.gc-about-purpose__icon::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    background: inherit;
    opacity: 0;
    filter: blur(12px);
    transition: opacity 0.3s ease;
    z-index: -1;
}

.gc-about-purpose__card:hover .gc-about-purpose__icon {
    transform: scale(1.05);
}

.gc-about-purpose__card:hover .gc-about-purpose__icon::after {
    opacity: 0.5;
}

.gc-about-purpose__icon--mission {
    background: var(--gc-ap-icon-mission-bg);
    color: var(--gc-ap-icon-mission-color);
}

.gc-about-purpose__icon--vision {
    background: var(--gc-ap-icon-vision-bg);
    color: var(--gc-ap-icon-vision-color);
}

.gc-about-purpose__icon--values {
    background: var(--gc-ap-icon-values-bg);
    color: var(--gc-ap-icon-values-color);
}

/* custom icon bg via Elementor control */
.gc-about-purpose__icon--custom {
    background: var(--gc-ap-icon-custom-bg, var(--gc-ap-icon-mission-bg));
    color: var(--gc-ap-icon-custom-color, var(--gc-ap-icon-mission-color));
}

/* Dark mode icon enhancements — brighter with glow */
[data-theme="dark"] .gc-about-purpose__icon {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .gc-about-purpose__icon--mission {
    box-shadow: 0 0 20px rgba(62, 196, 219, 0.2), 0 0 0 1px rgba(62, 196, 219, 0.1);
}

[data-theme="dark"] .gc-about-purpose__icon--vision {
    box-shadow: 0 0 20px rgba(240, 140, 110, 0.2), 0 0 0 1px rgba(240, 140, 110, 0.1);
}

[data-theme="dark"] .gc-about-purpose__icon--values {
    box-shadow: 0 0 20px rgba(94, 216, 138, 0.2), 0 0 0 1px rgba(94, 216, 138, 0.1);
}

/* -------------------------------------------------------------------------- */
/* Card divider                                                               */
/* -------------------------------------------------------------------------- */

.gc-about-purpose__divider {
    width: 40px;
    height: 2px;
    background: var(--gc-ap-divider);
    border-radius: 1px;
    margin-bottom: 20px;
    transition: width 0.3s ease, background 0.3s ease;
}

.gc-about-purpose__card:hover .gc-about-purpose__divider {
    width: 56px;
    background: var(--gc-ap-accent);
}

/* -------------------------------------------------------------------------- */
/* Card content                                                               */
/* -------------------------------------------------------------------------- */

.gc-about-purpose__card-title {
    margin: 0 0 14px;
    font-family: var(--rr-ff-heading);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--gc-ap-card-title);
    letter-spacing: -0.01em;
}

.gc-about-purpose__card-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.78;
    color: var(--gc-ap-card-text);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-about-purpose {
        padding: 100px 0;
    }
}

@media (max-width: 991.98px) {
    .gc-about-purpose {
        padding: 80px 0;
    }

    .gc-about-purpose__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (max-width: 767.98px) {
    .gc-about-purpose {
        padding: 64px 0;
    }

    .gc-about-purpose__desc {
        margin-bottom: 40px;
        font-size: 15px;
    }

    .gc-about-purpose__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .gc-about-purpose__card {
        padding: 32px 28px 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-about-purpose__card,
    .gc-about-purpose__card::before,
    .gc-about-purpose__card::after,
    .gc-about-purpose__icon,
    .gc-about-purpose__icon::after,
    .gc-about-purpose__divider {
        transition: none;
    }

    .gc-about-purpose__card:hover,
    .gc-about-purpose__card:hover .gc-about-purpose__icon {
        transform: none;
    }
}

/* --- gc-about-our-story.css --- */
/* ==========================================================================
   GC About Our Story — two-column story section (light / dark)
   Left: banner image | Right: content
   ========================================================================== */

.gc-about-story {
    --gc-as-bg: #ffffff;
    --gc-as-label: var(--rr-color-text-body-light, #74787c);
    --gc-as-title: var(--rr-color-heading-primary, #11151c);
    --gc-as-text: var(--rr-color-text-body-light, #5c6168);
    --gc-as-text-strong: var(--rr-color-heading-primary, #11151c);
    --gc-as-media-bg: #f3f1ee;
    position: relative;
    overflow: hidden;
    background: var(--gc-as-bg);
    padding: 110px 0;
}

[data-theme="dark"] .gc-about-story {
    --gc-as-bg: var(--rr-color-bg-1, #11151c);
    --gc-as-label: rgba(255, 255, 255, 0.5);
    --gc-as-title: #ffffff;
    --gc-as-text: var(--rr-color-text-body, #b0b2b7);
    --gc-as-text-strong: #ffffff;
    --gc-as-media-bg: #1a1f28;
}

.gc-about-story__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(36px, 5vw, 72px);
    align-items: center;
}

.gc-about-story__grid--reverse {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
}

/* -------------------------------------------------------------------------- */
/* Left image                                                                 */
/* -------------------------------------------------------------------------- */

.gc-about-story__visual {
    position: relative;
    width: 100%;
}

.gc-about-story__media {
    position: relative;
    margin: 0;
    width: 100%;
    height: 460px;
    border-radius: 28px;
    overflow: hidden;
    background: var(--gc-as-media-bg);
}

.gc-about-story__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* -------------------------------------------------------------------------- */
/* Content                                                                    */
/* -------------------------------------------------------------------------- */

.gc-about-story__content {
    max-width: 620px;
}

.gc-about-story__label {
    margin: 0 0 16px;
    font-family: var(--rr-ff-heading);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gc-as-label);
    line-height: 1.4;
}

.gc-about-story__title {
    margin: 0 0 28px;
    font-family: var(--rr-ff-heading);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--gc-as-title);
}

.gc-about-story__text {
    font-size: 16px;
    line-height: 1.8;
    color: var(--gc-as-text);
}

.gc-about-story__text p {
    margin: 0 0 1.15em;
}

.gc-about-story__text p:last-child {
    margin-bottom: 0;
}

.gc-about-story__text strong,
.gc-about-story__text b {
    color: var(--gc-as-text-strong);
    font-weight: 700;
}

.gc-about-story__text a {
    color: var(--rr-color-theme-primary, #237687);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-about-story {
        padding: 96px 0;
    }

    .gc-about-story__media {
        height: 400px;
    }
}

@media (max-width: 991.98px) {
    .gc-about-story {
        padding: 80px 0;
    }

    .gc-about-story__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .gc-about-story__content {
        max-width: 100%;
    }

    .gc-about-story__media {
        height: 360px;
        border-radius: 24px;
    }
}

@media (max-width: 767.98px) {
    .gc-about-story {
        padding: 64px 0;
    }

    .gc-about-story__grid {
        gap: 32px;
    }

    .gc-about-story__media {
        height: 280px;
        border-radius: 20px;
    }

    .gc-about-story__label {
        margin-bottom: 12px;
        font-size: 12px;
    }

    .gc-about-story__title {
        margin-bottom: 20px;
        font-size: clamp(26px, 7vw, 34px);
    }

    .gc-about-story__text {
        font-size: 15px;
        line-height: 1.75;
    }
}

/* --- gc-contact-inner.css --- */
/* GC Contact Inner — layout & CF7 polish (structure unchanged) */

.elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap.req-wrap-3 {
    align-items: stretch;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap.req-wrap-3 > [class*="col-"] {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact {
    flex: 1 1 auto;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-content {
    flex: 1 1 auto;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item:last-child,
.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item:last-of-type {
    border-bottom: none !important;
    padding-bottom: 50px !important;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item .icon {
    flex-shrink: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item .icon img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item .icon svg {
    display: block;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item .content ul {
    margin: 0;
    padding: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-contact-inner-form-notice {
    margin: 0;
    padding: 24px;
    border: 1px dashed #2D343E;
    color: #B0B2B7;
    text-align: center;
}

/* Contact Form 7 inside existing .request-form wrapper */
.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7 {
    width: 100%;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form {
    margin: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form > p {
    margin: 0 0 40px;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form > p:last-child {
    margin-bottom: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form label {
    display: block;
    margin-bottom: 12px;
    font-weight: 600;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    background-color: transparent;
    border: 1px solid #2D343E;
    border-radius: 0;
    color: #B0B2B7;
    font-size: 16px;
    padding: 12px 16px;
    min-height: 52px;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form textarea.wpcf7-form-control {
    min-height: 160px;
    resize: vertical;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form-control::placeholder {
    color: #B0B2B7;
    opacity: 1;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-submit,
.elementor-widget-gc_contact_inner .gc-contact-inner .request-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    cursor: pointer;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-response-output {
    margin: 24px 0 0;
    border-radius: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 6px;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-spinner {
    margin-left: 10px;
}

/* Two-column CF7 rows when using grid helper class in CF7 markup */
.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 40px;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-row > p,
.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-row > .wpcf7-form-control-wrap {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px;
    margin-bottom: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-row-full > p,
.elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-full {
    width: 100%;
}

[data-theme="dark"] .elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap.req-wrap-3 {
    border-color: #2D343E;
}

[data-theme="dark"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form-control:not(.wpcf7-submit) {
    border-color: #2D343E;
    color: #B0B2B7;
    background-color: transparent;
}

[data-theme="dark"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form label,
[data-theme="dark"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form label {
    color: #ffffff;
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner-section {
    background-color: #ffffff;
}

[data-theme="dark"] .elementor-widget-gc_contact_inner .gc-contact-inner-section {
    background-color: #02050A;
}

.elementor-widget-gc_contact_inner .gc-contact-inner-section {
    position: relative;
    z-index: 1;
    padding-bottom: 0 !important;
}

.elementor-widget-gc_contact_inner .gc-contact-inner-section .request-section {
    padding-bottom: 0;
}

.elementor-widget-gc_contact_inner .gc-contact-inner-section .bg-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.elementor-widget-gc_contact_inner .gc-contact-inner-section .bg-shape img {
    filter: var(--gc-shape-color-filter);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .bg-shape img {
    filter: var(--gc-shape-color-filter);
    opacity: 0.35;
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .section-heading .sub-heading {
    color: var(--rr-color-theme-primary, #237687);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .section-heading .section-title {
    color: var(--rr-color-heading-primary, #11151C);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap.req-wrap-3 {
    border-color: #237687;
    background-color: #ffffff;
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact {
    border-color: #237687;
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item:not(:last-of-type) {
    border-bottom-color: #237687;
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item .icon {
    color: var(--rr-color-theme-primary, #237687);
    border-color: #237687;
    background-color: rgba(35, 118, 135, 0.08);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-content {
    border-color: #237687;
}

@media only screen and (max-width: 992px) {
    [data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap-3 .request-content {
        border-top-color: #237687;
    }
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-contact-inner-form-notice {
    border-color: #237687;
    color: var(--rr-color-text-body-light, #74787C);
    background-color: var(--rr-color-grey-1, #F8F8F8);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form label,
[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form label {
    color: var(--rr-color-heading-primary, #11151C);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .form-control,
[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form-control:not(.wpcf7-submit) {
    background-color: #ffffff;
    border-color: #237687;
    color: var(--rr-color-heading-primary, #11151C);
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .form-control::placeholder,
[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-form-control::placeholder {
    color: var(--rr-color-text-body-light, #74787C);
    opacity: 1;
}

[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .wpcf7-submit,
[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form input[type="submit"],
[data-theme="light"] .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .rr-primary-btn {
    background-color: var(--rr-color-theme-primary, #237687);
    border-color: var(--rr-color-theme-primary, #237687);
    color: #ffffff;
}

@media (max-width: 991.98px) {
    .elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap.req-wrap-3 {
        padding-right: 0;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .req-wrap.req-wrap-3 > [class*="col-"] {
        display: block;
        height: auto;
        min-height: 0;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact {
        height: auto;
        min-height: 0;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .request-content {
        height: auto;
        min-height: 0;
        padding: 50px 20px;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item:last-child,
    .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item:last-of-type {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 767.98px) {
    .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item {
        grid-template-columns: 64px 1fr;
        grid-gap: 18px;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .req-contact-item .icon {
        width: 64px;
        height: 64px;
        min-width: 64px;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .request-content {
        padding: 40px 16px 50px;
    }

    .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-row > p,
    .elementor-widget-gc_contact_inner .gc-contact-inner .request-form .gc-cf7-row > .wpcf7-form-control-wrap {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* --- gc-custom-breadcrumb.css --- */
/* GC Custom Breadcrumb — description & buttons inside page-header-content */

.elementor-widget-gc_custom_breadcrumb .page-header.page-header-theme .overlay {
    background-color: rgba(2, 5, 10, 0.55);
}

[data-theme="light"] .elementor-widget-gc_custom_breadcrumb .page-header.page-header-theme .overlay {
    background: rgba(2, 5, 10, 0.55) !important;
}

[data-theme="dark"] .elementor-widget-gc_custom_breadcrumb .page-header.page-header-theme .overlay {
    background-color: rgba(2, 5, 10, 0.55);
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .desc {
    max-width: 760px;
    margin: 0 auto 28px;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.82);
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 28px;
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn {
    margin: 0;
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn i,
.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn svg {
    margin-left: 8px;
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn img {
    width: 1em;
    height: 1em;
    object-fit: contain;
    margin-left: 8px;
}

/* Contact Us / transparent button — white text (overrides theme heading color) */
.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn.transparent {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn.transparent:hover,
.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn.transparent:focus {
    color: #ffffff !important;
}

.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn.transparent i,
.elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn.transparent svg {
    color: inherit;
}

[data-theme="light"] .elementor-widget-gc_custom_breadcrumb .page-header-content .desc {
    color: rgba(255, 255, 255, 0.88);
}

@media (max-width: 767.98px) {
    .elementor-widget-gc_custom_breadcrumb .page-header-content .desc {
        font-size: 16px;
        margin-bottom: 22px;
    }

    .elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap {
        flex-direction: column;
        width: 100%;
        margin-bottom: 22px;
    }

    .elementor-widget-gc_custom_breadcrumb .page-header-content .btn-wrap .rr-primary-btn {
        width: 100%;
        justify-content: center;
    }
}

/* --- gc-faq-two.css --- */
/* GC FAQ Two — filter tabs + shared gc-faq accordion */

.gc-faq-two .gc-faq-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 0 auto 40px;
    width: 100%;
    max-width: 980px;
}

.gc-faq-two .gc-faq-tabs-btn {
    appearance: none;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 12px 22px;
    font-family: var(--rr-ff-heading);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;
}

[data-theme="light"] .gc-faq-two .gc-faq-tabs-btn {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
    color: #222222;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .gc-faq-two .gc-faq-tabs-btn:hover {
    border-color: rgba(35, 118, 135, 0.35);
    color: #237687;
}

[data-theme="light"] .gc-faq-two .gc-faq-tabs-btn.is-active {
    background: #237687;
    border-color: #237687;
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(35, 118, 135, 0.22);
}

[data-theme="dark"] .gc-faq-two .gc-faq-tabs-btn {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.82);
}

[data-theme="dark"] .gc-faq-two .gc-faq-tabs-btn:hover {
    border-color: rgba(94, 234, 212, 0.35);
    color: #5eead4;
}

[data-theme="dark"] .gc-faq-two .gc-faq-tabs-btn.is-active {
    background: linear-gradient(135deg, rgba(35, 118, 135, 0.95) 0%, rgba(35, 118, 135, 0.72) 100%);
    border-color: rgba(94, 234, 212, 0.45);
    color: #ffffff;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.28),
        0 0 20px rgba(35, 118, 135, 0.18);
}

.gc-faq-two .gc-faq-tabs-btn:active {
    transform: scale(0.98);
}

.gc-faq-two .gc-faq-tabs-panel {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}

.gc-faq-two .gc-faq-tabs-empty {
    padding: 28px 24px;
    border-radius: 12px;
    text-align: center;
    font-size: 16px;
}

[data-theme="light"] .gc-faq-two .gc-faq-tabs-empty {
    background: rgba(255, 255, 255, 0.7);
    border: 1px dashed rgba(35, 118, 135, 0.25);
    color: #666666;
}

[data-theme="dark"] .gc-faq-two .gc-faq-tabs-empty {
    background: rgba(255, 255, 255, 0.03);
    border: 1px dashed rgba(94, 234, 212, 0.22);
    color: rgba(255, 255, 255, 0.6);
}

.gc-faq-two .gc-faq__item.is-hidden {
    display: none;
}

@media (max-width: 767.98px) {
    .gc-faq-two .gc-faq-tabs-btn {
        padding: 10px 16px;
        font-size: 14px;
    }

    .gc-faq-two .gc-faq-tabs-nav {
        margin-bottom: 32px;
    }
}

/* --- gc-faq.css --- */
/* ==========================================================================
   GC FAQ — neumorphic accordion (light / dark)
   ========================================================================== */

.gc-faq {
    --gc-faq-bg: #eceef1;
    --gc-faq-item-bg: #f3f4f6;
    --gc-faq-text: #11151c;
    --gc-faq-muted: rgba(17, 21, 28, 0.68);
    --gc-faq-shadow-dark: rgba(17, 21, 28, 0.14);
    --gc-faq-shadow-light: rgba(255, 255, 255, 0.96);
    --gc-faq-toggle-bg: var(--rr-color-theme-primary, #237687);
    --gc-faq-toggle-color: #ffffff;
    --gc-faq-radius: 22px;
    position: relative;
}

[data-theme="dark"] .gc-faq {
    --gc-faq-bg: #0f1218;
    --gc-faq-item-bg: #171b22;
    --gc-faq-text: #ffffff;
    --gc-faq-muted: rgba(255, 255, 255, 0.68);
    --gc-faq-shadow-dark: rgba(0, 0, 0, 0.55);
    --gc-faq-shadow-light: rgba(255, 255, 255, 0.05);
    --gc-faq-toggle-bg: var(--rr-color-theme-primary, #237687);
    --gc-faq-toggle-color: #ffffff;
}

[data-theme="light"] .gc-faq {
    --gc-faq-toggle-bg: var(--rr-color-theme-primary, #237687);
    --gc-faq-toggle-color: #ffffff;
}

[data-theme="light"] .elementor-widget-gc_faq .gc-faq__toggle,
[data-theme="light"] .elementor-widget-gc_faq_two .gc-faq__toggle,
[data-theme="dark"] .elementor-widget-gc_faq .gc-faq__toggle,
[data-theme="dark"] .elementor-widget-gc_faq_two .gc-faq__toggle,
.elementor-widget-gc_faq .gc-faq__toggle,
.elementor-widget-gc_faq_two .gc-faq__toggle {
    background-color: var(--rr-color-theme-primary, #237687) !important;
    color: #ffffff !important;
}

[data-theme="light"] .elementor-widget-gc_faq .gc-faq__toggle i,
[data-theme="light"] .elementor-widget-gc_faq .gc-faq__toggle i::before,
[data-theme="light"] .elementor-widget-gc_faq .gc-faq__toggle svg,
[data-theme="light"] .elementor-widget-gc_faq .gc-faq__toggle svg path,
[data-theme="light"] .elementor-widget-gc_faq_two .gc-faq__toggle i,
[data-theme="light"] .elementor-widget-gc_faq_two .gc-faq__toggle i::before,
[data-theme="light"] .elementor-widget-gc_faq_two .gc-faq__toggle svg,
[data-theme="light"] .elementor-widget-gc_faq_two .gc-faq__toggle svg path,
[data-theme="dark"] .elementor-widget-gc_faq .gc-faq__toggle i,
[data-theme="dark"] .elementor-widget-gc_faq .gc-faq__toggle i::before,
[data-theme="dark"] .elementor-widget-gc_faq .gc-faq__toggle svg,
[data-theme="dark"] .elementor-widget-gc_faq .gc-faq__toggle svg path,
[data-theme="dark"] .elementor-widget-gc_faq_two .gc-faq__toggle i,
[data-theme="dark"] .elementor-widget-gc_faq_two .gc-faq__toggle i::before,
[data-theme="dark"] .elementor-widget-gc_faq_two .gc-faq__toggle svg,
[data-theme="dark"] .elementor-widget-gc_faq_two .gc-faq__toggle svg path,
.elementor-widget-gc_faq .gc-faq__toggle i,
.elementor-widget-gc_faq .gc-faq__toggle i::before,
.elementor-widget-gc_faq .gc-faq__toggle svg,
.elementor-widget-gc_faq .gc-faq__toggle svg path,
.elementor-widget-gc_faq_two .gc-faq__toggle i,
.elementor-widget-gc_faq_two .gc-faq__toggle i::before,
.elementor-widget-gc_faq_two .gc-faq__toggle svg,
.elementor-widget-gc_faq_two .gc-faq__toggle svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.gc-faq-heading {
    margin-bottom: 50px;
}

.gc-faq-desc {
    max-width: 680px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
    color: var(--gc-faq-muted);
}

.gc-faq__list {
    max-width: 980px;
    margin-inline: auto;
}

.gc-faq__item {
    margin-bottom: 16px;
    border-radius: var(--gc-faq-radius);
    background: var(--gc-faq-item-bg);
    box-shadow:
        8px 8px 18px var(--gc-faq-shadow-dark),
        -6px -6px 16px var(--gc-faq-shadow-light);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.gc-faq__item:last-child {
    margin-bottom: 0;
}

.gc-faq__item.is-active {
    box-shadow:
        6px 6px 14px var(--gc-faq-shadow-dark),
        -4px -4px 12px var(--gc-faq-shadow-light);
}

.gc-faq__header {
    margin: 0;
}

.gc-faq__trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px;
    border: 0;
    background: transparent;
    color: var(--gc-faq-text);
    text-align: left;
    cursor: pointer;
    font-family: var(--rr-ff-heading);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    transition: padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-faq__item.is-active .gc-faq__trigger {
    padding-bottom: 16px;
}

.gc-faq__question {
    flex: 1 1 auto;
    min-width: 0;
}

.gc-faq__toggle {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--gc-faq-toggle-bg);
    color: var(--gc-faq-toggle-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.25s ease,
        color 0.25s ease;
}

.elementor-widget-gc_faq .gc-faq__trigger .gc-faq__toggle,
.elementor-widget-gc_faq .gc-faq__trigger .gc-faq__toggle .gc-faq__toggle-icon,
.elementor-widget-gc_faq .gc-faq__trigger .gc-faq__toggle i,
.elementor-widget-gc_faq .gc-faq__trigger .gc-faq__toggle svg,
.elementor-widget-gc_faq_two .gc-faq__trigger .gc-faq__toggle,
.elementor-widget-gc_faq_two .gc-faq__trigger .gc-faq__toggle .gc-faq__toggle-icon,
.elementor-widget-gc_faq_two .gc-faq__trigger .gc-faq__toggle i,
.elementor-widget-gc_faq_two .gc-faq__trigger .gc-faq__toggle svg {
    color: var(--gc-faq-toggle-color);
}

.elementor-widget-gc_faq .gc-faq__toggle i::before,
.elementor-widget-gc_faq_two .gc-faq__toggle i::before {
    color: var(--gc-faq-toggle-color);
}

.elementor-widget-gc_faq .gc-faq__toggle svg,
.elementor-widget-gc_faq .gc-faq__toggle svg path,
.elementor-widget-gc_faq_two .gc-faq__toggle svg,
.elementor-widget-gc_faq_two .gc-faq__toggle svg path {
    fill: currentColor;
    stroke: currentColor;
}

.gc-faq__toggle i,
.gc-faq__toggle svg {
    font-size: 13px;
    width: 13px;
    height: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.gc-faq__toggle-icon {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transform: rotate(0deg) scale(1);
    transition:
        opacity 0.28s ease,
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-faq__toggle-icon--open {
    opacity: 0;
    transform: rotate(-90deg) scale(0.55);
    pointer-events: none;
}

.gc-faq__item.is-active .gc-faq__toggle-icon--closed {
    opacity: 0;
    transform: rotate(90deg) scale(0.55);
    pointer-events: none;
}

.gc-faq__item.is-active .gc-faq__toggle-icon--open {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    pointer-events: none;
}

.gc-faq__item.is-active .gc-faq__toggle {
    transform: scale(1.02);
}

.gc-faq__panel {
    overflow: hidden;
    transition: height 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}

.gc-faq__item.is-active .gc-faq__panel {
    height: auto;
}

.gc-faq__panel[hidden] {
    display: none;
}

.gc-faq__panel.is-opening .gc-faq__answer,
.gc-faq__item.is-active .gc-faq__panel:not(.is-closing) .gc-faq__answer {
    opacity: 1;
    transform: translateY(0);
}

.gc-faq__answer {
    padding: 0 24px 22px;
    color: var(--gc-faq-muted);
    font-size: 16px;
    line-height: 1.75;
    opacity: 0;
    transform: translateY(-8px);
    transition:
        opacity 0.32s ease 0.06s,
        transform 0.36s cubic-bezier(0.4, 0, 0.2, 1) 0.06s;
}

.gc-faq__panel.is-closing .gc-faq__answer {
    opacity: 0;
    transform: translateY(-4px);
    transition:
        opacity 0.2s ease,
        transform 0.24s ease;
}

.gc-faq__answer p:last-child {
    margin-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-faq-heading {
        margin-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    .gc-faq-heading {
        margin-bottom: 32px;
    }

    .gc-faq-desc {
        font-size: 15px;
    }

    .gc-faq__trigger {
        padding: 18px 16px;
        font-size: 16px;
        gap: 14px;
    }

    .gc-faq__toggle {
        width: 32px;
        height: 32px;
    }

    .gc-faq__answer {
        padding: 0 16px 18px;
        font-size: 15px;
    }

    .gc-faq__item {
        border-radius: 18px;
        margin-bottom: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-faq__item,
    .gc-faq__trigger,
    .gc-faq__toggle,
    .gc-faq__toggle-icon,
    .gc-faq__panel,
    .gc-faq__answer {
        transition: none !important;
    }

    .gc-faq__panel[hidden] {
        display: none !important;
    }

    .gc-faq__answer {
        opacity: 1;
        transform: none;
    }
}

/* --- gc-graphics-sample-inner.css --- */
/* GC Graphics Sample Inner — column modifiers (photo service card design) */

.elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-grid--cols-3 .gc-bg-removal-service-card:last-child:nth-child(3n + 1):not(:only-child) {
    margin-inline: auto;
}

.elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-grid--cols-4 .gc-bg-removal-service-card:last-child:nth-child(4n + 1):not(:only-child) {
    margin-inline: auto;
}

.elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-card__body {
    padding-top: 18px;
}

.elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-card__body .gc-bg-removal-service-title {
    margin: 0;
}

/* View All */
.gc-graphics-sample__view-all {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.gc-graphics-sample__view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 200px;
    padding: 12px 28px;
    border-radius: 10px;
    border: 1px solid #11151c;
    background: #11151c;
    color: #ffffff;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-graphics-sample__view-all-btn:hover {
    background: var(--rr-color-theme-primary, #237687);
    border-color: var(--rr-color-theme-primary, #237687);
    color: #ffffff;
}

[data-theme="dark"] .gc-graphics-sample__view-all-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #11151c;
}

[data-theme="dark"] .gc-graphics-sample__view-all-btn:hover {
    background: var(--rr-color-theme-primary, #237687);
    border-color: var(--rr-color-theme-primary, #237687);
    color: #ffffff;
}

@media (min-width: 992px) {
    .elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-grid--cols-3 .gc-bg-removal-service-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-grid--cols-4 .gc-bg-removal-service-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-grid--cols-4 .gc-bg-removal-service-body {
        padding: 20px;
    }

    .elementor-widget-gc_graphics_sample_inner .gc-graphics-sample-grid--cols-4 .gc-bg-removal-service-title {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .gc-graphics-sample__view-all {
        margin-top: 28px;
    }
}

/* --- gc-marketing-hero-inner.css --- */
/* ==========================================================================
   GC Marketing Hero Inner
   Theme accent: --rr-color-theme-primary (#237687)
   ========================================================================== */

.gc-mhi {
    --gc-mhi-bg: #11151c;
    --gc-mhi-text: #ffffff;
    --gc-mhi-muted: rgba(255, 255, 255, 0.62);
    --gc-mhi-accent: var(--rr-color-theme-primary, #237687);
    --gc-mhi-card-bg: #1a2030;
    --gc-mhi-card-border: rgba(255, 255, 255, 0.06);
    --gc-mhi-badge-bg: rgba(35, 118, 135, 0.08);
    --gc-mhi-growth-bg: rgba(35, 118, 135, 0.16);
    --gc-mhi-graph-fill: var(--rr-color-theme-primary, #237687);
    --gc-mhi-btn-secondary-border: rgba(255, 255, 255, 0.28);
    background-color: var(--gc-mhi-bg);
    position: relative;
}

[data-theme="light"] .gc-mhi {
    --gc-mhi-bg: #f4f6f8;
    --gc-mhi-text: #11151c;
    --gc-mhi-muted: rgba(17, 21, 28, 0.62);
    --gc-mhi-card-bg: #ffffff;
    --gc-mhi-card-border: rgba(17, 21, 28, 0.08);
    --gc-mhi-badge-bg: rgba(35, 118, 135, 0.08);
    --gc-mhi-growth-bg: rgba(35, 118, 135, 0.12);
    --gc-mhi-btn-secondary-border: rgba(17, 21, 28, 0.18);
}

.elementor-widget-gc_marketing_hero_inner .gc-mhi {
    background-color: var(--gc-mhi-bg);
}

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

/* Badge */
.gc-mhi__badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--gc-mhi-accent);
    background: var(--gc-mhi-badge-bg);
    color: var(--gc-mhi-accent);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

/* Title */
.gc-mhi__title {
    margin: 0 0 18px;
    max-width: 16ch;
    font-family: var(--rr-ff-heading);
    font-size: clamp(34px, 4.4vw, 56px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--gc-mhi-text);
}

.gc-mhi__title-accent {
    color: var(--gc-mhi-accent);
}

/* Description */
.gc-mhi__desc {
    margin: 0 0 28px;
    max-width: 520px;
    font-size: 17px;
    line-height: 1.65;
    color: var(--gc-mhi-muted);
}

/* Buttons */
.gc-mhi__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gc-mhi__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 10px;
    border: 1.5px solid transparent;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-mhi__btn:hover {
    transform: translateY(-1px);
}

.gc-mhi__btn--primary {
    background: var(--gc-mhi-accent);
    border-color: var(--gc-mhi-accent);
    color: #ffffff;
}

.gc-mhi__btn--primary:hover {
    background: #1c5f6c;
    border-color: #1c5f6c;
    color: #ffffff;
}

.gc-mhi__btn--secondary {
    background: transparent;
    border-color: var(--gc-mhi-btn-secondary-border);
    color: var(--gc-mhi-text);
}

.gc-mhi__btn--secondary:hover {
    background: var(--gc-mhi-accent);
    border-color: var(--gc-mhi-accent);
    color: #ffffff;
}

/* Traffic card */
.gc-mhi-card {
    position: relative;
    padding: 28px 28px 24px;
    border-radius: 18px;
    background: var(--gc-mhi-card-bg);
    border: 1px solid var(--gc-mhi-card-border);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

[data-theme="light"] .gc-mhi-card {
    box-shadow: 0 16px 40px rgba(17, 21, 28, 0.08);
}

.gc-mhi-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.gc-mhi-card__label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--gc-mhi-muted);
}

.gc-mhi-card__value {
    font-family: var(--rr-ff-heading);
    font-size: clamp(34px, 4vw, 44px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--gc-mhi-text);
}

.gc-mhi-card__growth {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    margin-top: 4px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--gc-mhi-growth-bg);
    color: var(--gc-mhi-accent);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.gc-mhi-card__growth svg {
    display: block;
    stroke: currentColor;
}

/* Graph */
.gc-mhi-card__graph {
    margin: 8px 0 20px;
    height: 150px;
}

.gc-mhi-card__svg {
    display: block;
    width: 100%;
    height: 100%;
}

.gc-mhi-card__graph-line {
    stroke: var(--gc-mhi-accent);
}

/* Stats */
.gc-mhi-card__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid var(--gc-mhi-card-border);
}

.gc-mhi-card__stat-value {
    margin-bottom: 4px;
    font-family: var(--rr-ff-heading);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--gc-mhi-text);
}

.gc-mhi-card__stat-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--gc-mhi-muted);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .gc-mhi__title {
        max-width: none;
    }

    .gc-mhi-card {
        max-width: 560px;
        margin-inline: auto;
    }
}

@media (max-width: 767.98px) {
    .gc-mhi__desc {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .gc-mhi__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .gc-mhi__btn {
        width: 100%;
    }

    .gc-mhi-card {
        padding: 22px 18px 20px;
        border-radius: 16px;
    }

    .gc-mhi-card__value {
        font-size: 32px;
    }

    .gc-mhi-card__graph {
        height: 120px;
        margin-bottom: 16px;
    }

    .gc-mhi-card__stats {
        gap: 10px;
    }

    .gc-mhi-card__stat-value {
        font-size: 17px;
    }

    .gc-mhi-card__stat-label {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .gc-mhi-card__stats {
        grid-template-columns: 1fr;
        text-align: left;
    }
}

/* --- gc-marketing-portfolio.css --- */
/* ==========================================================================
   GC Marketing Portfolio — metric cards + filter tabs + modal
   ========================================================================== */

.gc-mpf {
    --gc-mpf-bg: #070b14;
    --gc-mpf-card-bg: #0c121f;
    --gc-mpf-card-border: rgba(255, 255, 255, 0.08);
    --gc-mpf-text: #ffffff;
    --gc-mpf-muted: rgba(255, 255, 255, 0.62);
    --gc-mpf-accent: #e8b84a;
    --gc-mpf-accent-soft: rgba(232, 184, 74, 0.16);
    --gc-mpf-cat: #5eead4;
    --gc-mpf-tab-bg: rgba(255, 255, 255, 0.04);
    --gc-mpf-tab-border: rgba(255, 255, 255, 0.14);
    --gc-mpf-metric: #e8b84a;
    --gc-mpf-divider: rgba(255, 255, 255, 0.12);
    --gc-mpf-radius: 16px;
    background: var(--gc-mpf-bg);
    position: relative;
}

[data-theme="light"] .gc-mpf {
    --gc-mpf-bg: #eceef2;
    --gc-mpf-card-bg: #ffffff;
    --gc-mpf-card-border: rgba(17, 21, 28, 0.1);
    --gc-mpf-text: #11151c;
    --gc-mpf-muted: rgba(17, 21, 28, 0.62);
    --gc-mpf-accent: #c9921f;
    --gc-mpf-accent-soft: rgba(201, 146, 31, 0.12);
    --gc-mpf-cat: #0d9488;
    --gc-mpf-tab-bg: #ffffff;
    --gc-mpf-tab-border: rgba(17, 21, 28, 0.12);
    --gc-mpf-metric: #c9921f;
    --gc-mpf-divider: rgba(17, 21, 28, 0.12);
}

.gc-mpf-heading {
    margin-bottom: 42px;
}

.gc-mpf-heading .sub-heading {
    color: var(--rr-color-theme-primary, var(--gc-mpf-cat));
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.gc-mpf-heading .section-title {
    color: var(--gc-mpf-text);
}

/* Tabs */
.gc-mpf-tabs-wrap {
    margin-bottom: 36px;
}

.gc-mpf-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gc-mpf-tab {
    border: 1px solid var(--gc-mpf-tab-border);
    background: var(--gc-mpf-tab-bg);
    color: var(--gc-mpf-text);
    padding: 11px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.gc-mpf-tab:hover {
    border-color: var(--gc-mpf-accent);
    transform: translateY(-1px);
}

.gc-mpf-tab.active {
    background: var(--gc-mpf-accent);
    border-color: var(--gc-mpf-accent);
    color: #11151c;
    box-shadow: 0 8px 22px var(--gc-mpf-accent-soft);
}

/* Grid */
.gc-mpf-grid-wrap {
    position: relative;
}

.gc-mpf-view-all {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 42px;
    text-align: center;
}

.gc-mpf-view-all__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 28px;
    border: 1px solid var(--gc-mpf-accent);
    border-radius: 999px;
    background: var(--gc-mpf-accent);
    color: #11151c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.gc-mpf-view-all__btn:hover {
    transform: translateY(-2px);
    background: transparent;
    color: var(--gc-mpf-accent);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.gc-mpf-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.gc-mpf-grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gc-mpf-grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gc-mpf-grid-item.is-hidden {
    display: none !important;
}

.gc-mpf-grid-wrap.is-tab-switching {
    pointer-events: none;
}

.gc-mpf-grid.is-filtering-in .gc-mpf-grid-item.is-filter-in {
    animation: gcMpfFilterIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: var(--gc-mpf-filter-delay, 0s);
}

@keyframes gcMpfFilterIn {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Card */
.gc-mpf-card {
    background: var(--gc-mpf-card-bg);
    border: 1px solid var(--gc-mpf-card-border);
    border-radius: var(--gc-mpf-radius);
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    text-align: left;
    padding: 26px 24px 24px;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.gc-mpf-card:hover,
.gc-mpf-card:focus-visible {
    transform: translateY(-6px);
    border-color: var(--gc-mpf-accent);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    outline: none;
}

.gc-mpf-card__metric-wrap {
    text-align: center;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px dashed var(--gc-mpf-divider);
}

.gc-mpf-card__metric {
    margin: 0;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--gc-mpf-metric);
}

.gc-mpf-card__metric-label {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: var(--gc-mpf-muted);
}

.gc-mpf-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.gc-mpf-card__cat {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-mpf-cat);
}

.gc-mpf-card__title {
    margin: 0;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--gc-mpf-card-title-color, var(--gc-mpf-text));
}

[data-theme="light"] .gc-mpf h3.gc-mpf-card__title,
[data-theme="dark"] .gc-mpf h3.gc-mpf-card__title {
    color: var(--gc-mpf-card-title-color, var(--gc-mpf-text));
}

.gc-mpf-card__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--gc-mpf-muted);
}

.gc-mpf-card__link {
    margin-top: auto;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--gc-mpf-accent);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.25s ease, color 0.25s ease;
}

.gc-mpf-card:hover .gc-mpf-card__link {
    gap: 10px;
}

.gc-mpf-card__link i {
    font-size: 12px;
}

.gc-mpf-card__payload {
    display: none !important;
}

/* Modal */
body > .gc-mpf-modal,
.gc-mpf-modal {
    --gc-mpf-modal-bg: #0f1522;
    --gc-mpf-modal-border: rgba(255, 255, 255, 0.1);
    --gc-mpf-modal-text: #ffffff;
    --gc-mpf-modal-muted: rgba(255, 255, 255, 0.62);
    --gc-mpf-modal-cat: #5eead4;
    --gc-mpf-modal-accent: #e8b84a;
    --gc-mpf-modal-result-bg: #121926;
    --gc-mpf-modal-overlay: rgba(4, 8, 16, 0.92);
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
    isolation: isolate;
}

[data-theme="light"] body > .gc-mpf-modal,
[data-theme="light"] .gc-mpf-modal {
    --gc-mpf-modal-bg: #ffffff;
    --gc-mpf-modal-border: rgba(17, 21, 28, 0.12);
    --gc-mpf-modal-text: #11151c;
    --gc-mpf-modal-muted: rgba(17, 21, 28, 0.62);
    --gc-mpf-modal-cat: #0d9488;
    --gc-mpf-modal-accent: #c9921f;
    --gc-mpf-modal-result-bg: #f3f5f8;
    --gc-mpf-modal-overlay: rgba(17, 21, 28, 0.72);
}

.gc-mpf-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.gc-mpf-modal__overlay {
    position: fixed;
    inset: 0;
    background: var(--gc-mpf-modal-overlay);
}

.gc-mpf-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(520px, calc(100% - 32px));
    max-height: calc(100dvh - 40px);
    margin: 6vh auto 0;
    overflow: auto;
    overscroll-behavior: contain;
    background-color: var(--gc-mpf-modal-bg);
    border: 1px solid var(--gc-mpf-modal-border);
    border-radius: calc(var(--gc-mpf-radius) + 2px);
    padding: 22px 22px 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    outline: none;
}

.gc-mpf-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid var(--gc-mpf-modal-border);
    border-radius: 50%;
    background-color: var(--gc-mpf-modal-bg);
    color: var(--gc-mpf-modal-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
}

.gc-mpf-modal__close:hover {
    background-color: var(--gc-mpf-modal-result-bg);
    border-color: var(--gc-mpf-modal-accent);
    color: var(--gc-mpf-modal-accent);
}

.gc-mpf-modal__head {
    padding-right: 40px;
    margin-bottom: 14px;
}

.gc-mpf-modal__metric {
    margin: 0 0 6px;
    font-size: clamp(28px, 3vw, 36px);
    font-weight: 800;
    color: var(--gc-mpf-modal-accent);
}

.gc-mpf-modal__cat {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-mpf-modal-cat);
    margin-bottom: 6px;
}

.gc-mpf-modal__title {
    margin: 0 0 4px;
    font-size: clamp(20px, 2.4vw, 26px);
    font-weight: 700;
    line-height: 1.25;
    color: var(--gc-mpf-modal-text);
}

.gc-mpf-modal__subtitle {
    margin: 0;
    font-size: 14px;
    color: var(--gc-mpf-modal-muted);
}

.gc-mpf-modal__media {
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 16px;
    width: 100%;
    max-width: 360px;
    max-height: 180px;
    aspect-ratio: 16 / 10;
    background-color: #121926;
}

.gc-mpf-modal__media img {
    width: 100%;
    height: 100%;
    max-height: 180px;
    object-fit: cover;
    display: block;
}

.gc-mpf-modal__block + .gc-mpf-modal__block {
    margin-top: 16px;
}

.gc-mpf-modal__label {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-mpf-modal-accent);
}

.gc-mpf-modal__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--gc-mpf-modal-muted);
}

.gc-mpf-modal__result-box {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 10px;
    background-color: var(--gc-mpf-modal-result-bg);
    border: 1px solid var(--gc-mpf-modal-border);
}

.gc-mpf-modal__result-box .gc-mpf-modal__text {
    color: var(--gc-mpf-modal-text);
    font-weight: 600;
}

body.gc-mpf-modal-open {
    overflow: hidden !important;
    padding-right: var(--gc-mpf-scrollbar-width, 0px) !important;
    touch-action: none;
}

html.gc-mpf-modal-open {
    overflow: hidden !important;
}

@media (max-width: 1199px) {
    .gc-mpf-grid,
    .gc-mpf-grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gc-mpf-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .gc-mpf-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
        scrollbar-width: none;
    }

    .gc-mpf-tabs::-webkit-scrollbar {
        display: none;
    }

    .gc-mpf-tab {
        flex-shrink: 0;
    }

    .gc-mpf-card {
        padding: 22px 18px 20px;
    }

    .gc-mpf-modal__dialog {
        width: 100%;
        margin-top: 4vh;
        padding: 18px 16px 20px;
    }
}

/* --- gc-marketing-pricing.css --- */
/* ==========================================================================
   GC Marketing Pricing — service dropdown + stacked plan cards
   ========================================================================== */

.gc-mp {
    --gc-mp-bg: #070b14;
    --gc-mp-card-bg: #0f1522;
    --gc-mp-card-border: rgba(255, 255, 255, 0.08);
    --gc-mp-text: #ffffff;
    --gc-mp-muted: rgba(255, 255, 255, 0.62);
    --gc-mp-accent: #ffb84d;
    --gc-mp-accent-text: #11151c;
    --gc-mp-col-title: #5eead4;
    --gc-mp-selector-bg: #121926;
    --gc-mp-selector-border: rgba(255, 255, 255, 0.1);
    --gc-mp-btn-ghost-border: rgba(255, 255, 255, 0.22);
    --gc-mp-btn-ghost-text: #ffffff;
    --gc-mp-check: #ffffff;
    --gc-mp-cross: rgba(255, 255, 255, 0.28);
    --gc-mp-cta-bg: linear-gradient(180deg, rgba(255, 184, 77, 0.08) 0%, rgba(15, 21, 34, 0.4) 100%);
    --gc-mp-cta-border: rgba(255, 255, 255, 0.08);
    --gc-mp-radius: 18px;
    position: relative;
}

[data-theme="light"] .gc-mp {
    --gc-mp-bg: #eceef2;
    --gc-mp-card-bg: #ffffff;
    --gc-mp-card-border: rgba(17, 21, 28, 0.1);
    --gc-mp-text: #11151c;
    --gc-mp-muted: rgba(17, 21, 28, 0.62);
    --gc-mp-accent: #e89b2a;
    --gc-mp-accent-text: #11151c;
    --gc-mp-col-title: #0d9488;
    --gc-mp-selector-bg: #ffffff;
    --gc-mp-selector-border: rgba(17, 21, 28, 0.12);
    --gc-mp-btn-ghost-border: rgba(17, 21, 28, 0.18);
    --gc-mp-btn-ghost-text: #11151c;
    --gc-mp-check: #11151c;
    --gc-mp-cross: rgba(17, 21, 28, 0.28);
    --gc-mp-cta-bg: linear-gradient(180deg, rgba(255, 184, 77, 0.12) 0%, #ffffff 100%);
    --gc-mp-cta-border: rgba(17, 21, 28, 0.1);
}

/* -------------------------------------------------------------------------- */
/* Section heading (matches GC FAQ / pricing tab pattern)                     */
/* -------------------------------------------------------------------------- */

.gc-mp-heading {
    margin-bottom: 50px;
}

.gc-mp-desc {
    max-width: 680px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
    color: var(--gc-mp-muted);
}

/* -------------------------------------------------------------------------- */
/* Service selector                                                           */
/* -------------------------------------------------------------------------- */

.gc-mp__selector-wrap {
    text-align: center;
    margin-bottom: 36px;
}

.gc-mp__selector-label {
    margin: 0 0 14px;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gc-mp-muted);
    font-weight: 600;
}

.gc-mp__selector {
    position: relative;
    display: inline-block;
    width: min(100%, 420px);
}

.gc-mp__selector-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    border: 1px solid var(--gc-mp-selector-border);
    background: var(--gc-mp-selector-bg);
    color: var(--gc-mp-text);
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gc-mp__selector-toggle:hover,
.gc-mp__selector.is-open .gc-mp__selector-toggle {
    border-color: var(--gc-mp-accent);
    box-shadow: 0 0 0 1px rgba(255, 184, 77, 0.15);
}

.gc-mp__selector-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--gc-mp-accent);
}

.gc-mp__selector-icon img,
.gc-mp__selector-icon svg {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.gc-mp__selector-text {
    flex: 1 1 auto;
    min-width: 0;
}

.gc-mp__selector-arrow {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gc-mp-accent);
    transition: transform 0.25s ease;
}

.gc-mp__selector.is-open .gc-mp__selector-arrow {
    transform: rotate(180deg);
}

.gc-mp__selector-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 30;
    margin: 0;
    padding: 8px;
    list-style: none;
    border-radius: 14px;
    border: 1px solid var(--gc-mp-selector-border);
    background: var(--gc-mp-selector-bg);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.gc-mp__selector-menu[hidden] {
    display: none;
}

.gc-mp__selector-option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--gc-mp-text);
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    transition: background-color 0.2s ease;
}

.gc-mp__selector-option:hover,
.gc-mp__selector-option.is-active {
    background: rgba(255, 184, 77, 0.12);
}

.gc-mp__selector-hint {
    margin: 14px 0 0;
    font-size: 13px;
    color: var(--gc-mp-muted);
}

/* -------------------------------------------------------------------------- */
/* Web Solution pill tabs (no dropdown)                                       */
/* -------------------------------------------------------------------------- */

.gc-mp--wsp {
    --gc-mp-tab-wrap-bg: rgba(255, 255, 255, 0.04);
    --gc-mp-tab-wrap-border: rgba(255, 255, 255, 0.1);
    --gc-mp-tab-color: rgba(255, 255, 255, 0.72);
}

[data-theme="light"] .gc-mp--wsp {
    --gc-mp-tab-wrap-bg: #ffffff;
    --gc-mp-tab-wrap-border: rgba(17, 21, 28, 0.12);
    --gc-mp-tab-color: rgba(17, 21, 28, 0.72);
}

.gc-mp--wsp .gc-mp__tabs-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
}

.gc-mp--wsp .gc-mp__tabs {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 999px;
    border: 1px solid var(--gc-mp-tab-wrap-border);
    background: var(--gc-mp-tab-wrap-bg);
    max-width: 100%;
}

.gc-mp--wsp .gc-mp__tab {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    background: transparent;
    color: var(--gc-mp-tab-color);
    border-radius: 999px;
    padding: 12px 22px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.gc-mp--wsp .gc-mp__tab:hover {
    color: var(--gc-mp-text);
}

.gc-mp--wsp .gc-mp__tab.is-active {
    background: var(--gc-mp-accent);
    color: var(--gc-mp-accent-text);
}

.gc-mp--wsp .gc-mp__tab-icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gc-mp--wsp .gc-mp__tab-icon img,
.gc-mp--wsp .gc-mp__tab-icon svg {
    width: 1em;
    height: 1em;
    object-fit: contain;
}

.gc-mp--wsp .gc-mp__tab-text {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .gc-mp--wsp .gc-mp__tabs {
        width: 100%;
        border-radius: 18px;
        padding: 8px;
    }

    .gc-mp--wsp .gc-mp__tab {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
        padding: 11px 14px;
        font-size: 13px;
    }

    .gc-mp--wsp .gc-mp__tab-text {
        white-space: normal;
        text-align: center;
    }
}

/* -------------------------------------------------------------------------- */
/* Service panels                                                             */
/* -------------------------------------------------------------------------- */

.gc-mp__panels {
    position: relative;
}

.gc-mp__panel {
    display: none;
}

.gc-mp__panel.is-active {
    display: block;
}

.gc-mp__cards {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* -------------------------------------------------------------------------- */
/* Plan cards                                                                 */
/* -------------------------------------------------------------------------- */

.gc-mp-card {
    position: relative;
    border-radius: var(--gc-mp-radius);
    border: 1px solid var(--gc-mp-card-border);
    background: var(--gc-mp-card-bg);
    overflow: visible;
}

.gc-mp-card--featured {
    border-color: var(--gc-mp-accent);
    box-shadow: 0 0 0 1px rgba(255, 184, 77, 0.25);
    margin-top: 14px;
}

.gc-mp-card__badge {
    position: absolute;
    top: 0;
    left: 24px;
    transform: translateY(-50%);
    z-index: 2;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--gc-mp-accent);
    color: var(--gc-mp-accent-text);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
}

.gc-mp-card__head {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
    gap: 20px 24px;
    align-items: center;
    padding: 28px 28px 22px;
    border-bottom: 1px solid var(--gc-mp-card-border);
    border-radius: var(--gc-mp-radius) var(--gc-mp-radius) 0 0;
}

.gc-mp-card--featured .gc-mp-card__head {
    padding-top: 34px;
}

.gc-mp-card__title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.gc-mp-card__title {
    margin: 0;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.1;
    color: var(--gc-mp-text);
}

.gc-mp-card__version {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--gc-mp-muted);
    font-size: 12px;
    font-weight: 600;
}

[data-theme="light"] .gc-mp-card__version {
    background: rgba(17, 21, 28, 0.06);
}

.gc-mp-card__best {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gc-mp-muted);
}

.gc-mp-card__pricing {
    text-align: center;
}

.gc-mp-card__price {
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    line-height: 1.1;
    color: var(--gc-mp-accent);
}

.gc-mp-card__price-text {
    font-size: clamp(22px, 2.8vw, 30px);
    font-weight: 700;
    line-height: 1.2;
    color: var(--gc-mp-accent);
}

.gc-mp-card__currency {
    font-size: 0.72em;
    vertical-align: top;
    margin-right: 2px;
}

.gc-mp-card__period {
    font-size: 0.42em;
    font-weight: 500;
    color: var(--gc-mp-muted);
    margin-left: 4px;
}

.gc-mp-card__price-note {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.45;
    color: var(--gc-mp-muted);
}

.gc-mp-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid var(--gc-mp-btn-ghost-border);
    background: transparent;
    color: var(--gc-mp-btn-ghost-text);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.gc-mp-card__btn:hover {
    border-color: var(--gc-mp-accent);
    color: var(--gc-mp-accent);
}

.gc-mp-card--featured .gc-mp-card__btn,
.gc-mp-card--custom .gc-mp-card__btn {
    border-color: var(--gc-mp-accent);
    background: var(--gc-mp-accent);
    color: var(--gc-mp-accent-text);
}

.gc-mp-card--featured .gc-mp-card__btn:hover,
.gc-mp-card--custom .gc-mp-card__btn:hover {
    filter: brightness(1.05);
    color: var(--gc-mp-accent-text);
}

/* Feature columns */
.gc-mp-card__features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding: 24px 28px 28px;
    border-radius: 0 0 var(--gc-mp-radius) var(--gc-mp-radius);
}

.gc-mp-card__col-title {
    margin: 0 0 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-mp-col-title);
}

.gc-mp-card__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gc-mp-card__list-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--gc-mp-text);
}

.gc-mp-card__list-item:last-child {
    margin-bottom: 0;
}

.gc-mp-card__list-item.is-excluded {
    color: var(--gc-mp-cross);
}

.gc-mp-card__list-icon {
    flex-shrink: 0;
    width: 16px;
    margin-top: 2px;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}

.gc-mp-card__list-item.is-included .gc-mp-card__list-icon {
    color: var(--gc-mp-check);
}

.gc-mp-card__list-item.is-excluded .gc-mp-card__list-icon {
    color: var(--gc-mp-cross);
}

/* -------------------------------------------------------------------------- */
/* CTA section                                                                */
/* -------------------------------------------------------------------------- */

.gc-mp-cta {
    margin-top: 28px;
    padding: 48px 32px;
    border-radius: var(--gc-mp-radius);
    border: 1px solid var(--gc-mp-cta-border);
    background: var(--gc-mp-cta-bg);
    text-align: center;
}

.gc-mp-cta__title {
    margin: 0 0 12px;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    line-height: 1.2;
    color: var(--gc-mp-text);
}

.gc-mp-cta__desc {
    max-width: 620px;
    margin: 0 auto 24px;
    font-size: 16px;
    line-height: 1.65;
    color: var(--gc-mp-muted);
}

.gc-mp-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 28px;
    border-radius: 999px;
    border: 0;
    background: var(--gc-mp-accent);
    color: var(--gc-mp-accent-text);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.gc-mp-cta__btn:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    color: var(--gc-mp-accent-text);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-mp-heading {
        margin-bottom: 40px;
    }

    .gc-mp-card__head {
        grid-template-columns: 1fr 1fr;
    }

    .gc-mp-card__head .gc-mp-card__btn {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 991.98px) {
    .gc-mp-card__features {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .gc-mp-card__head {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gc-mp-card__pricing {
        text-align: left;
    }

    .gc-mp-card__head .gc-mp-card__btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .gc-mp-heading {
        margin-bottom: 32px;
    }

    .gc-mp-desc {
        font-size: 15px;
    }

    .gc-mp__selector-wrap {
        margin-bottom: 28px;
    }

    .gc-mp-card__head,
    .gc-mp-card__features {
        padding-inline: 18px;
    }

    .gc-mp-card__head {
        padding-top: 24px;
        padding-bottom: 18px;
    }

    .gc-mp-card--featured .gc-mp-card__head {
        padding-top: 30px;
    }

    .gc-mp-card__features {
        padding-bottom: 22px;
    }

    .gc-mp-cta {
        padding: 36px 20px;
    }

    .gc-mp-cta__desc {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-mp__selector-toggle,
    .gc-mp__selector-arrow,
    .gc-mp-card__btn,
    .gc-mp-cta__btn {
        transition: none !important;
    }
}

/* --- gc-photo-service.css --- */
/* GC Photo Service — column modifiers */

.elementor-widget-gc_photo_service .gc-photo-service-grid--cols-3 .gc-bg-removal-service-card:last-child:nth-child(3n + 1):not(:only-child) {
    margin-inline: auto;
}

.elementor-widget-gc_photo_service .gc-photo-service-grid--cols-4 .gc-bg-removal-service-card:last-child:nth-child(4n + 1):not(:only-child) {
    margin-inline: auto;
}

/* View All */
.gc-photo-service__view-all {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.gc-photo-service__view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 200px;
    padding: 12px 28px;
    border-radius: 10px;
    border: 1px solid #11151c;
    background: #11151c;
    color: #ffffff;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-photo-service__view-all-btn:hover {
    background: var(--rr-color-theme-primary, #237687);
    border-color: var(--rr-color-theme-primary, #237687);
    color: #ffffff;
}

[data-theme="dark"] .gc-photo-service__view-all-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #11151c;
}

[data-theme="dark"] .gc-photo-service__view-all-btn:hover {
    background: var(--rr-color-theme-primary, #237687);
    border-color: var(--rr-color-theme-primary, #237687);
    color: #ffffff;
}

@media (min-width: 992px) {
    .elementor-widget-gc_photo_service .gc-photo-service-grid--cols-3 .gc-bg-removal-service-top,
    .elementor-widget-gc_photo_service .gc-photo-service-grid--cols-4 .gc-bg-removal-service-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .elementor-widget-gc_photo_service .gc-photo-service-grid--cols-4 .gc-bg-removal-service-body {
        padding: 20px;
    }

    .elementor-widget-gc_photo_service .gc-photo-service-grid--cols-4 .gc-bg-removal-service-title {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .gc-photo-service__view-all {
        margin-top: 28px;
    }
}

/* --- gc-price-calculator.css --- */
/* GC Price Calculator — compact Elementor widget layout */

.elementor-widget-gc_price_calculation .gc-price-calculator-section.gc-price-calculator-section--compact {
    padding-top: 72px;
    padding-bottom: 72px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-heading {
    margin-bottom: 50px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-desc {
    max-width: 680px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
}

[data-theme="dark"] .elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-desc {
    color: rgba(255, 255, 255, 0.68);
}

[data-theme="light"] .elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-desc {
    color: var(--rr-color-text-body-light);
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-card {
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-form {
    padding: 28px 24px;
    border-radius: 16px 0 0 16px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-form .form-item {
    margin-bottom: 18px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-form .form-item--service {
    margin-bottom: 20px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-form label {
    margin-bottom: 8px;
    font-size: 13px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-form .form-control {
    min-height: 44px;
    padding: 10px 14px;
    font-size: 14px;
    border-radius: 8px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-btn {
    padding: 14px 20px;
    font-size: 13px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-note {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.55;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-result {
    padding: 28px 24px;
    border-radius: 0 16px 16px 0;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-preview-grid {
    gap: 12px;
    margin-bottom: 20px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-preview-item {
    aspect-ratio: 4 / 3;
    border-radius: 10px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-summary-list {
    margin-bottom: 16px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-summary-list li {
    padding: 7px 0;
    font-size: 13px;
    gap: 10px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-estimated-label {
    font-size: 14px;
    margin-bottom: 4px;
}

.elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-estimated-price {
    font-size: clamp(26px, 3vw, 34px);
}

@media (max-width: 991.98px) {
    .elementor-widget-gc_price_calculation .gc-price-calculator-section.gc-price-calculator-section--compact {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-form,
    .elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-result {
        border-radius: 0;
    }
}

@media (max-width: 767.98px) {
    .elementor-widget-gc_price_calculation .gc-price-calculator-section.gc-price-calculator-section--compact {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-heading {
        margin-bottom: 32px;
    }

    .elementor-widget-gc_price_calculation .gc-price-calculator-section--compact .gc-price-calculator-desc {
        font-size: 15px;
    }
}

/* --- gc-pricing-tab.css --- */
/* ==========================================================================
   GC Pricing New — pricing-new.html
   Tabbed service pricing with light/dark theme support
   ========================================================================== */

:root {
    --gc-price-easy: #22c55e;
    --gc-price-medium: #f59e0b;
    --gc-price-complex: #ef4444;
    --gc-price-custom: #237687;
}

/* -------------------------------------------------------------------------- */
/* Section shell & heading (matches theme section-heading pattern)            */
/* -------------------------------------------------------------------------- */

.gc-pricing-new {
    position: relative;
}

.gc-pricing-new-heading {
    margin-bottom: 50px;
}

.gc-pricing-new-desc {
    max-width: 680px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
}

[data-theme="dark"] .gc-pricing-new-desc {
    color: rgba(255, 255, 255, 0.68);
}

[data-theme="light"] .gc-pricing-new-desc {
    color: var(--rr-color-text-body-light);
}

/* -------------------------------------------------------------------------- */
/* Pricing content (tabs + cards)                                             */
/* -------------------------------------------------------------------------- */

.gc-pricing-new__content {
    margin-top: 10px;
}

.gc-pricing-new--single .gc-pricing-new__content {
    margin-top: 0;
}

.elementor-widget-gc_pricing_without_tab .gc-pricing-new__content--center-grid {
    display: flex;
    justify-content: center;
    width: 100%;
}

.elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    max-width: 960px;
    margin-inline: auto;
}

.elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

/* Center orphan card on last row in 3-column layout (e.g. 4 cards) */
.elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-3 .gc-pricing-card:last-child:nth-child(3n + 1):not(:only-child) {
    grid-column: 2;
}

/* Tabs */
.gc-pricing-new__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 36px;
}

.gc-pricing-new__tab {
    appearance: none;
    border: 1px solid rgba(17, 21, 28, 0.12);
    background: #ffffff;
    color: #4b5563;
    border-radius: 999px;
    padding: 12px 22px;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-pricing-new__tab:hover {
    border-color: rgba(17, 21, 28, 0.22);
    color: #11151c;
}

.gc-pricing-new__tab.is-active {
    background: #11151c;
    border-color: #11151c;
    color: #ffffff;
}

[data-theme="dark"] .gc-pricing-new__tab {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.72);
}

[data-theme="dark"] .gc-pricing-new__tab:hover {
    border-color: rgba(255, 255, 255, 0.22);
    color: #ffffff;
}

[data-theme="dark"] .gc-pricing-new__tab.is-active {
    background: #ffffff;
    border-color: #ffffff;
    color: #11151c;
}

/* Panels */
.gc-pricing-new__panels {
    position: relative;
    transition: min-height 0.3s ease;
}

.gc-pricing-new__panel {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
    transition:
        opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        visibility 0s linear 0.3s;
    pointer-events: none;
    will-change: opacity, transform;
}

.gc-pricing-new__panel[hidden] {
    display: none !important;
}

.gc-pricing-new__panel.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition:
        opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        visibility 0s;
    pointer-events: auto;
}

.gc-pricing-new__panels.is-switching .gc-pricing-new__panel.is-leaving {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: visible;
    transform: translate3d(0, -6px, 0);
    transition:
        opacity 0.22s cubic-bezier(0.4, 0, 1, 1),
        transform 0.22s cubic-bezier(0.4, 0, 1, 1),
        visibility 0s;
    pointer-events: none;
}

.gc-pricing-new__panels.is-switching .gc-pricing-new__panel.is-entering {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
    pointer-events: none;
}

.gc-pricing-new__panels.is-switching .gc-pricing-new__panel.is-active {
    position: relative;
    z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
    .gc-pricing-new__panel,
    .gc-pricing-new__panels {
        transition: none !important;
        transform: none !important;
    }
}

.gc-pricing-new__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

/* -------------------------------------------------------------------------- */
/* Pricing cards                                                              */
/* -------------------------------------------------------------------------- */

.gc-pricing-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 28px 22px 24px;
    border: 1px solid rgba(17, 21, 28, 0.1);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(17, 21, 28, 0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.gc-pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(17, 21, 28, 0.08);
}

[data-theme="dark"] .gc-pricing-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .gc-pricing-card:hover {
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.32);
}

/* Featured (Medium) */
.gc-pricing-card--featured {
    border-color: rgba(245, 158, 11, 0.45);
    box-shadow: 0 12px 36px rgba(245, 158, 11, 0.12);
}

[data-theme="dark"] .gc-pricing-card--featured {
    border-color: rgba(245, 158, 11, 0.55);
    box-shadow: 0 12px 36px rgba(245, 158, 11, 0.1);
}

.gc-pricing-card__badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
}

.gc-pricing-card__head {
    margin-bottom: 18px;
}

.gc-pricing-card__title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.gc-pricing-card__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.gc-pricing-card--easy .gc-pricing-card__dot { background: var(--gc-price-easy); }
.gc-pricing-card--medium .gc-pricing-card__dot { background: var(--gc-price-medium); }
.gc-pricing-card--complex .gc-pricing-card__dot { background: var(--gc-price-complex); }
.gc-pricing-card--custom .gc-pricing-card__dot { background: var(--gc-price-custom); }

.gc-pricing-card__title {
    margin: 0;
    font-family: var(--rr-ff-heading);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.gc-pricing-card--easy .gc-pricing-card__title { color: var(--gc-price-easy); }
.gc-pricing-card--medium .gc-pricing-card__title { color: var(--gc-price-medium); }
.gc-pricing-card--complex .gc-pricing-card__title { color: var(--gc-price-complex); }
.gc-pricing-card--custom .gc-pricing-card__title { color: var(--gc-price-custom); }

[data-theme="dark"] .gc-pricing-card--custom .gc-pricing-card__title {
    color: #5ec4d6;
}

.gc-pricing-card__tagline {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6b7280;
}

[data-theme="dark"] .gc-pricing-card__tagline {
    color: rgba(255, 255, 255, 0.58);
}

.gc-pricing-card__price {
    margin-bottom: 18px;
    font-family: var(--rr-ff-heading);
    font-size: clamp(28px, 2.5vw, 34px);
    font-weight: 800;
    line-height: 1.1;
    color: #11151c;
}

.gc-pricing-card__price span {
    font-size: 14px;
    font-weight: 600;
    color: #6b7280;
}

[data-theme="dark"] .gc-pricing-card__price {
    color: #ffffff;
}

[data-theme="dark"] .gc-pricing-card__price span {
    color: rgba(255, 255, 255, 0.55);
}

.gc-pricing-card__price--custom {
    min-height: 42px;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #6b7280;
}

[data-theme="dark"] .gc-pricing-card__price--custom {
    color: rgba(255, 255, 255, 0.62);
}

/* Features */
.gc-pricing-card__features {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    flex: 1 1 auto;
}

.gc-pricing-card__features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(17, 21, 28, 0.08);
    font-size: 14px;
    line-height: 1.45;
    color: #374151;
}

.gc-pricing-card__features li:last-child {
    border-bottom: none;
}

[data-theme="dark"] .gc-pricing-card__features li {
    color: rgba(255, 255, 255, 0.78);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.gc-pricing-card__features li i {
    margin-top: 2px;
    font-size: 13px;
    flex-shrink: 0;
}

.gc-pricing-card--easy .gc-pricing-card__features li i { color: var(--gc-price-easy); }
.gc-pricing-card--medium .gc-pricing-card__features li i { color: var(--gc-price-medium); }
.gc-pricing-card--complex .gc-pricing-card__features li i { color: var(--gc-price-complex); }
.gc-pricing-card--custom .gc-pricing-card__features li i { color: var(--gc-price-custom); }

[data-theme="dark"] .gc-pricing-card--custom .gc-pricing-card__features li i {
    color: #5ec4d6;
}

/* Buttons */
.gc-pricing-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid #11151c;
    background: transparent;
    color: #11151c;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-pricing-card__btn:hover {
    background: #11151c;
    color: #ffffff;
}

.gc-pricing-card--featured .gc-pricing-card__btn {
    background: #11151c;
    color: #ffffff;
}

.gc-pricing-card--featured .gc-pricing-card__btn:hover {
    background: #237687;
    border-color: #237687;
}

[data-theme="dark"] .gc-pricing-card__btn {
    border-color: rgba(255, 255, 255, 0.85);
    color: #ffffff;
}

[data-theme="dark"] .gc-pricing-card__btn:hover {
    background: #ffffff;
    color: #11151c;
}

[data-theme="dark"] .gc-pricing-card--featured .gc-pricing-card__btn {
    background: #ffffff;
    color: #11151c;
}

[data-theme="dark"] .gc-pricing-card--featured .gc-pricing-card__btn:hover {
    background: #237687;
    border-color: #237687;
    color: #ffffff;
}

/* View All Pricing */
.gc-pricing-new__view-all {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.gc-pricing-new__view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 200px;
    padding: 12px 28px;
    border-radius: 10px;
    border: 1px solid #11151c;
    background: #11151c;
    color: #ffffff;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-pricing-new__view-all-btn:hover {
    background: #237687;
    border-color: #237687;
    color: #ffffff;
}

[data-theme="dark"] .gc-pricing-new__view-all-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #11151c;
}

[data-theme="dark"] .gc-pricing-new__view-all-btn:hover {
    background: #237687;
    border-color: #237687;
    color: #ffffff;
}

.elementor-widget-gc_pricing_tab .gc-pricing-card__features li svg,
.elementor-widget-gc_pricing_without_tab .gc-pricing-card__features li svg {
    margin-top: 2px;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.elementor-widget-gc_pricing_tab .gc-pricing-card__features li img,
.elementor-widget-gc_pricing_without_tab .gc-pricing-card__features li img {
    margin-top: 2px;
    width: 13px;
    height: 13px;
    object-fit: contain;
    flex-shrink: 0;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-pricing-new__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
    }

    .elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 720px;
    }

    .gc-pricing-new-heading {
        margin-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    .gc-pricing-new-heading {
        margin-bottom: 32px;
    }

    .gc-pricing-new-desc {
        font-size: 15px;
    }

    .gc-pricing-new__tabs {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 6px;
        margin-bottom: 28px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .gc-pricing-new__tabs::-webkit-scrollbar {
        display: none;
    }

    .gc-pricing-new__tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .gc-pricing-new__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-3,
    .elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-4 {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin-inline: auto;
    }

    .elementor-widget-gc_pricing_without_tab .gc-pricing-new__grid--cols-3 .gc-pricing-card:last-child:nth-child(3n + 1):not(:only-child) {
        grid-column: auto;
    }

    .gc-pricing-card--featured {
        order: -1;
    }

    .gc-pricing-card {
        padding: 24px 20px 22px;
    }

    .gc-pricing-new__view-all {
        margin-top: 28px;
    }
}

@media (max-width: 575.98px) {
    .gc-pricing-new-heading {
        margin-bottom: 28px;
    }
}

/* --- gc-quote-tab.css --- */
/* ==========================================================================
   GC Quote Tab
   ========================================================================== */

.gc-qt {
    --gc-qt-bg: #070b14;
    --gc-qt-card-bg: #0f1522;
    --gc-qt-card-border: rgba(255, 255, 255, 0.08);
    --gc-qt-tab-bg: rgba(255, 255, 255, 0.04);
    --gc-qt-tab-border: rgba(255, 255, 255, 0.1);
    --gc-qt-text: #ffffff;
    --gc-qt-muted: rgba(255, 255, 255, 0.64);
    --gc-qt-accent: var(--rr-color-theme-primary, #237687);
    --gc-qt-accent-soft: rgba(35, 118, 135, 0.16);
    --gc-qt-field-bg: rgba(255, 255, 255, 0.03);
    --gc-qt-field-border: rgba(255, 255, 255, 0.12);
    --gc-qt-badge-bg: rgba(35, 118, 135, 0.12);
    position: relative;
    background: var(--gc-qt-bg);
}

[data-theme="light"] .gc-qt {
    --gc-qt-bg: #eceef2;
    --gc-qt-card-bg: #ffffff;
    --gc-qt-card-border: rgba(17, 21, 28, 0.1);
    --gc-qt-tab-bg: #ffffff;
    --gc-qt-tab-border: rgba(17, 21, 28, 0.1);
    --gc-qt-text: #11151c;
    --gc-qt-muted: rgba(17, 21, 28, 0.62);
    --gc-qt-accent-soft: rgba(35, 118, 135, 0.1);
    --gc-qt-field-bg: #ffffff;
    --gc-qt-field-border: rgba(17, 21, 28, 0.12);
    --gc-qt-badge-bg: rgba(35, 118, 135, 0.08);
}

.gc-qt-heading {
    margin-bottom: 44px;
}

.gc-qt-desc {
    max-width: 760px;
    margin: 18px auto 0;
    font-size: 17px;
    line-height: 1.75;
    color: var(--gc-qt-muted);
}

.gc-qt__card {
    background: transparent;
}

.gc-qt__tabs-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
}

.gc-qt__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.gc-qt__tab {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid var(--gc-qt-tab-border);
    background: var(--gc-qt-tab-bg);
    color: var(--gc-qt-text);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.gc-qt__tab:hover {
    transform: translateY(-1px);
    border-color: var(--gc-qt-accent);
}

.gc-qt__tab.is-active {
    background: var(--gc-qt-accent);
    border-color: var(--gc-qt-accent);
    color: #ffffff;
    box-shadow: 0 10px 28px var(--gc-qt-accent-soft);
}

.gc-qt__tab-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gc-qt__tab-icon img,
.gc-qt__tab-icon svg {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.gc-qt__panel {
    background: var(--gc-qt-card-bg);
    border: 1px solid var(--gc-qt-card-border);
    border-radius: 24px;
    padding: 28px;
    color: var(--gc-qt-text);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

[data-theme="light"] .gc-qt__panel {
    box-shadow: 0 16px 34px rgba(17, 21, 28, 0.08);
}

.gc-qt__panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.gc-qt__panel-title {
    margin: 0;
    font-family: var(--rr-ff-heading);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--gc-qt-text);
}

.gc-qt__panel-intro {
    margin: 10px 0 0;
    max-width: 720px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--gc-qt-muted);
}

.gc-qt__panel-badge {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--gc-qt-badge-bg);
    color: var(--gc-qt-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.gc-qt__form-notice {
    padding: 24px;
    border: 1px dashed var(--gc-qt-field-border);
    border-radius: 16px;
    color: var(--gc-qt-muted);
    text-align: center;
}

.gc-qt .wpcf7 {
    width: 100%;
}

.gc-qt .wpcf7-form {
    margin: 0;
}

.gc-qt .wpcf7-form p {
    margin: 0 0 22px;
}

.gc-qt .wpcf7-form p:last-child {
    margin-bottom: 0;
}

.gc-qt .wpcf7-form label {
    display: block;
    margin-bottom: 10px;
    color: var(--gc-qt-text);
    font-weight: 600;
}

.gc-qt .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    min-height: 52px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--gc-qt-field-border);
    background: var(--gc-qt-field-bg);
    color: var(--gc-qt-text);
    font-size: 15px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gc-qt textarea.wpcf7-form-control {
    min-height: 150px;
    resize: vertical;
}

.gc-qt .wpcf7-form-control::placeholder {
    color: var(--gc-qt-muted);
    opacity: 1;
}

.gc-qt .wpcf7-form-control:focus {
    outline: none;
    border-color: var(--gc-qt-accent);
    box-shadow: 0 0 0 4px var(--gc-qt-accent-soft);
}

.gc-qt .wpcf7-submit,
.gc-qt input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 28px;
    border: 1px solid var(--gc-qt-accent);
    border-radius: 999px;
    background: var(--gc-qt-accent);
    color: #ffffff;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.25s ease, filter 0.25s ease, background-color 0.25s ease;
}

.gc-qt .wpcf7-submit:hover,
.gc-qt input[type="submit"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.gc-qt .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 12px;
}

.gc-qt .wpcf7-response-output {
    margin: 20px 0 0;
    border-radius: 12px;
}

@media (max-width: 991.98px) {
    .gc-qt__panel {
        padding: 28px 22px;
    }

    .gc-qt__panel-title {
        font-size: 24px;
    }
}

@media (max-width: 767.98px) {
    .gc-qt-heading {
        margin-bottom: 34px;
    }

    .gc-qt-desc {
        font-size: 15px;
        line-height: 1.65;
    }

    .gc-qt__tabs {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        overflow: visible;
        padding-bottom: 0;
    }

    .gc-qt__tab {
        white-space: normal;
    }

    .gc-qt__panel {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .gc-qt__panel-title {
        font-size: 21px;
    }
}


.gc-qt,
.gc-qt__card,
.gc-qt__panels,
.gc-qt__panel,
.gc-qt__form-wrap {
    overflow: visible;
}

.gc-qt .gc-free-quote-form {
    color: var(--gc-qt-text);
}

.gc-qt .gc-free-quote-form .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}

.gc-qt .gc-free-quote-form .form-item {
    margin-bottom: 18px;
}

.gc-qt .gc-free-quote-form .row .form-item,
.gc-qt .gc-free-quote-form .gc-free-quote-options-row .form-item {
    margin-bottom: 0;
}

.gc-qt .gc-free-quote-form label {
    display: inline-block;
    margin-bottom: 9px;
    color: var(--gc-qt-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.gc-qt .gc-free-quote-form .required,
.gc-qt .gc-free-quote-form .gc-upload-limit,
.gc-qt .gc-free-quote-form .gc-quote-upload-note {
    color: var(--gc-qt-muted);
}

.gc-qt .gc-free-quote-form .gc-quote-upload-note {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.6;
}

.gc-qt .gc-free-quote-form .form-control,
.gc-qt .gc-free-quote-form .gc-native-select {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid #237687;
    border-radius: 12px;
    background: var(--gc-qt-field-bg);
    color: var(--gc-qt-text);
    font-size: 14px;
    line-height: 1.4;
    box-shadow: none;
}

.gc-qt .gc-free-quote-form textarea.form-control,
.gc-qt .gc-free-quote-form .gc-quote-textarea {
    min-height: 136px;
    resize: vertical;
}

.gc-qt .gc-free-quote-form select.form-control,
.gc-qt .gc-free-quote-form select.gc-native-select {
    appearance: auto;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    cursor: pointer;
    position: relative;
    z-index: 3;
    overflow: visible;
    padding-right: 34px;
}

.gc-qt .gc-free-quote-form .form-control:focus,
.gc-qt .gc-free-quote-form .gc-native-select:focus {
    outline: none;
    border-color: var(--gc-qt-accent);
    box-shadow: 0 0 0 4px var(--gc-qt-accent-soft);
}

.gc-qt .gc-free-quote-form .form-item--checks,
.gc-qt .gc-free-quote-form .gc-quote-form-section,
.gc-qt .gc-free-quote-form .form-item--upload,
.gc-qt .gc-free-quote-form .form-item--instructions {
    margin-top: 16px;
}

.gc-qt .gc-free-quote-form .gc-free-quote-options-row .form-item--checks {
    margin-top: 0;
}

.gc-qt .gc-free-quote-form .gc-quote-form-section {
    padding: 18px;
    border: 1px solid var(--gc-qt-field-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.02);
}

[data-theme="light"] .gc-qt .gc-free-quote-form .gc-quote-form-section {
    background: rgba(17, 21, 28, 0.02);
}

.gc-qt .gc-free-quote-form .gc-quote-section-heading {
    margin: 0 0 12px;
    color: var(--gc-qt-text);
    font-family: var(--rr-ff-heading);
    font-size: 18px;
    font-weight: 700;
}

/* Override theme .gc-check-list scroll box (max-height: 220px) */
.gc-qt .gc-free-quote-form .gc-check-list,
.gc-qt .gc-free-quote-form .gc-check-list--grid {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    max-height: none;
    overflow: visible;
}

.gc-qt .gc-free-quote-form .gc-check-list li {
    margin: 0;
    padding: 0;
}

.gc-qt .gc-free-quote-form .gc-check-list li + li {
    margin-top: 6px;
}

.gc-qt .gc-free-quote-form .form-item--checks > label {
    display: block;
    margin-bottom: 10px;
    color: var(--gc-qt-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.gc-qt .gc-free-quote-form .gc-free-quote-options-row {
    margin-top: 6px;
    align-items: flex-start;
}

.gc-qt .gc-free-quote-form .gc-check-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.gc-qt .gc-free-quote-form .gc-check-item input {
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: 0;
    opacity: 0;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.gc-qt .gc-free-quote-form .gc-check-box {
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid var(--gc-qt-field-border);
    background: var(--gc-qt-field-bg);
    position: relative;
}

.gc-qt .gc-free-quote-form .gc-check-box::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.15s ease;
}

.gc-qt .gc-free-quote-form .gc-check-item input:checked + .gc-check-box {
    background: var(--gc-qt-accent);
    border-color: var(--gc-qt-accent);
}

.gc-qt .gc-free-quote-form .gc-check-item input:checked + .gc-check-box::after {
    transform: rotate(45deg) scale(1);
}

.gc-qt .gc-free-quote-form .gc-check-label {
    color: var(--gc-qt-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.gc-qt .gc-free-quote-form .form-item--checks,
.gc-qt .gc-free-quote-form .gc-check-list,
.gc-qt .gc-free-quote-form .form-item--checks .gc-check-item {
    overflow: visible;
    max-height: none;
}

.gc-qt .gc-upload-zone {
    position: relative;
    border: 1px dashed var(--gc-qt-field-border);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(35, 118, 135, 0.06), rgba(35, 118, 135, 0.02));
    padding: 20px 18px;
    text-align: center;
}

.gc-qt .gc-upload-zone-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gc-qt .gc-upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.gc-qt .gc-upload-icon {
    font-size: 28px;
    color: var(--gc-qt-accent);
}

.gc-qt .gc-upload-title,
.gc-qt .gc-upload-or {
    margin: 0;
}

.gc-qt .gc-upload-title {
    color: var(--gc-qt-text);
    font-size: 15px;
    font-weight: 700;
}

.gc-qt .gc-upload-or {
    color: var(--gc-qt-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.gc-qt .gc-upload-browse {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    border: 1px solid var(--gc-qt-accent);
    border-radius: 999px;
    background: transparent;
    color: var(--gc-qt-accent);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.gc-qt .gc-upload-browse:hover {
    background: var(--gc-qt-accent);
    color: #fff;
}

.gc-qt .gc-upload-file-list {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    text-align: left;
    color: var(--gc-qt-muted);
    font-size: 13px;
}

.gc-qt .gc-free-quote-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 4px;
    padding: 12px 22px;
    border: 0;
    border-radius: 999px;
    background: var(--gc-qt-accent);
    color: #fff;
    font-family: var(--rr-ff-heading);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.gc-qt .gc-free-quote-submit:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

@media (max-width: 767.98px) {
    .gc-qt .gc-free-quote-form .row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .gc-qt .gc-free-quote-form .form-item--checks,
    .gc-qt .gc-free-quote-form .gc-quote-form-section,
    .gc-qt .gc-free-quote-form .form-item--upload,
    .gc-qt .gc-free-quote-form .form-item--instructions {
        margin-top: 18px;
    }

    .gc-qt .gc-upload-zone {
        padding: 22px 16px;
    }
}

/* --- gc-service-one.css --- */
/* GC Service One — column modifiers */

@media (min-width: 992px) {
    .elementor-widget-gc_service_one .gc-service-one-grid--cols-4 .gc-service-3d-card-title {
        font-size: 20px;
    }

    .elementor-widget-gc_service_one .gc-service-one-grid--cols-4 .gc-service-3d-card-desc {
        font-size: 14px;
    }
}

/* --- gc-service-three.css --- */
/* GC Service Three — column modifiers */

@media (min-width: 992px) {
    .elementor-widget-gc_service_three .gc-service-three-grid--cols-4 .ai-marketing-service-card {
        padding: 28px 22px;
    }

    .elementor-widget-gc_service_three .gc-service-three-grid--cols-4 .ai-marketing-service-card .title {
        font-size: 20px;
    }
}

/* --- gc-testimonial.css --- */
/* GC Testimonial — 3D page-flip slider */

.gc-testimonial {
    --gc-testi-accent: var(--rr-color-theme-primary, #237687);
    --gc-testi-accent-rgb: 35, 118, 135;
    --gc-testi-star: #fbbc04;
    --gc-testi-bg: transparent;
    --gc-testi-intro-bg: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
    --gc-testi-intro-border: #237687;
    --gc-testi-card-bg: linear-gradient(152deg, rgba(var(--gc-testi-accent-rgb), 0.22) 0%, #0d1f2d 38%, #121820 100%);
    --gc-testi-card-border: rgba(var(--gc-testi-accent-rgb), 0.35);
    --gc-testi-text: var(--rr-color-common-white, #ffffff);
    --gc-testi-muted: rgba(255, 255, 255, 0.62);
    --gc-testi-deck-bg: linear-gradient(152deg, rgba(var(--gc-testi-accent-rgb), 0.12) 0%, #101820 100%);
    --gc-testi-flip-duration: 0.82s;
}

[data-theme="light"] .gc-testimonial {
    --gc-testi-intro-bg: #ffffff;
    --gc-testi-intro-border: #237687;
    --gc-testi-card-bg: #ffffff;
    --gc-testi-card-border: rgba(35, 118, 135, 0.18);
    --gc-testi-text: #0d1f2d;
    --gc-testi-muted: rgba(13, 31, 45, 0.58);
    --gc-testi-deck-bg: #f7fafb;
    --gc-testi-shadow: 0 10px 28px rgba(13, 31, 45, 0.06);
    --gc-testi-shadow-soft: 0 6px 18px rgba(13, 31, 45, 0.045);
}

.gc-testimonial__layout {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 32px;
    align-items: stretch;
}

/* Intro panel */
.gc-testimonial__intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding: 36px 32px;
    border-radius: 24px;
    border: 1px solid var(--gc-testi-intro-border);
    background: var(--gc-testi-intro-bg);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 40px rgba(0, 0, 0, 0.18);
}

[data-theme="light"] .gc-testimonial__intro {
    box-shadow:
        0 8px 24px rgba(13, 31, 45, 0.05),
        0 1px 2px rgba(13, 31, 45, 0.03);
}

.gc-testimonial__label {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: var(--gc-testi-accent);
}

.gc-testimonial__title {
    margin: 0 0 28px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.15;
    font-weight: 700;
    color: var(--gc-testi-text);
}

.gc-testimonial__review-badge {
    margin-bottom: 36px;
}

.gc-testimonial__review-label {
    display: block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gc-testi-muted);
}

.gc-testimonial__review-stars {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
}

ul.gc-testimonial__review-stars {
    padding-left: 0 !important;
}

.gc-testimonial__review-stars li {
    line-height: 1;
}

.gc-testimonial__review-stars i,
.gc-testimonial__review-stars svg,
.gc-testimonial__review-stars .fa-star,
.gc-testimonial .testi-item-7 .review li i,
.gc-testimonial .testi-item-7 .review li svg {
    color: var(--gc-testi-star, #fbbc04) !important;
    fill: var(--gc-testi-star, #fbbc04) !important;
    font-size: 14px;
}

.gc-testimonial__review-brand {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

.gc-testimonial__review-platform {
    font-size: 22px;
    font-weight: 700;
    color: var(--gc-testi-accent);
}

.gc-testimonial__review-logo {
    display: block;
    max-height: 28px;
    width: auto;
}

.gc-testimonial__review-count {
    font-size: 15px;
    font-weight: 600;
    color: var(--gc-testi-text);
}

.gc-testimonial__nav-group {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.gc-testimonial__nav {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border: 1px solid #237687;
    border-radius: 50%;
    background-color: transparent;
    color: var(--gc-testi-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.gc-testimonial__nav i {
    font-size: 15px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.gc-testimonial__nav:hover,
.gc-testimonial__nav:focus-visible {
    background-color: var(--gc-testi-accent);
    border-color: #237687;
    color: #ffffff;
    transform: translateY(-2px);
    outline: none;
}

.gc-testimonial__nav--prev:hover i,
.gc-testimonial__nav--prev:focus-visible i {
    transform: translateX(-2px);
}

.gc-testimonial__nav--next:hover i,
.gc-testimonial__nav--next:focus-visible i {
    transform: translateX(2px);
}

.gc-testimonial__nav.is-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
    transform: none;
}

/* Stage + deck */
.gc-testimonial__stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.gc-testimonial__deck {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    transform-style: preserve-3d;
}

.gc-testimonial__deck-layer {
    position: absolute;
    border-radius: 24px;
    border: 1px solid var(--gc-testi-card-border);
    background: var(--gc-testi-deck-bg);
    pointer-events: none;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

[data-theme="light"] .gc-testimonial__deck-layer {
    box-shadow: 0 8px 20px rgba(13, 31, 45, 0.04);
    border-color: rgba(35, 118, 135, 0.12);
    background: #f4f8fa;
}

[data-theme="light"] .gc-testimonial__deck-layer--back {
    opacity: 0.35;
}

[data-theme="light"] .gc-testimonial__deck-layer--mid {
    opacity: 0.55;
}

.gc-testimonial__deck-layer--back {
    inset: 22px -16px -16px 30px;
    transform: rotate(-2.8deg) translateZ(-40px);
    z-index: 0;
    opacity: 0.5;
}

.gc-testimonial__deck-layer--mid {
    inset: 14px -10px -10px 18px;
    transform: rotate(-1.4deg) translateZ(-20px);
    z-index: 1;
    opacity: 0.72;
}

.gc-testimonial-flip__viewport {
    position: relative;
    z-index: 2;
    perspective: 2400px;
    perspective-origin: center center;
    transform-style: preserve-3d;
    min-height: 420px;
}

.gc-testimonial-flip__viewport.is-flipping {
    height: var(--gc-testi-viewport-height, auto);
    border-radius: 24px;
    overflow: hidden;
}

/* 3D card */
.gc-testimonial-card {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 40px 30px;
    border-radius: 24px;
    border: 1px solid var(--gc-testi-card-border);
    background: var(--gc-testi-card-bg);
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(var(--gc-testi-accent-rgb), 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        inset 0 -18px 36px rgba(0, 0, 0, 0.22);
    transform-style: preserve-3d;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: rotateY(0deg) translateZ(0);
    will-change: transform, opacity;
    overflow: hidden;
    isolation: isolate;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

[data-theme="light"] .gc-testimonial-card {
    background: #ffffff;
    border-color: rgba(35, 118, 135, 0.16);
    box-shadow:
        0 12px 32px rgba(13, 31, 45, 0.07),
        0 2px 8px rgba(13, 31, 45, 0.035);
}

.gc-testimonial-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, transparent 42%, rgba(0, 0, 0, 0.08) 100%);
    pointer-events: none;
    z-index: 0;
}

[data-theme="light"] .gc-testimonial-card::before {
    background: linear-gradient(160deg, rgba(35, 118, 135, 0.035) 0%, transparent 48%);
    opacity: 1;
}

.gc-testimonial-card::after {
    content: "";
    position: absolute;
    top: 8%;
    bottom: 8%;
    left: 0;
    width: 14px;
    border-radius: 24px 0 0 24px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.28), transparent);
    pointer-events: none;
    z-index: 1;
    opacity: 0.55;
}

[data-theme="light"] .gc-testimonial-card::after {
    background: linear-gradient(90deg, rgba(var(--gc-testi-accent-rgb), 0.06), transparent);
    opacity: 0.55;
}

.gc-testimonial-card > * {
    position: relative;
    z-index: 2;
}

.gc-testimonial-card.is-active {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: rotateY(0deg) translateZ(0);
    z-index: 2;
}

/* During flip: kill heavy shadows so rounded cards don't cast square shadows */
.gc-testimonial-card.is-flip-from,
.gc-testimonial-card.is-flip-to,
.gc-testimonial-card.is-flip-from-prev,
.gc-testimonial-card.is-flip-to-prev {
    box-shadow: none !important;
    filter: none;
}

.gc-testimonial-flip__viewport.is-flipping .gc-testimonial-card {
    border-radius: 24px !important;
    overflow: hidden;
}

/* Simultaneous 3D flip — both cards show content during transition */
.gc-testimonial-card.is-flip-from {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transform-origin: left center;
    z-index: 3;
    animation: gc-testi-flip-from-next var(--gc-testi-flip-duration) cubic-bezier(0.45, 0.05, 0.2, 1) forwards;
}

.gc-testimonial-card.is-flip-to {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transform-origin: left center;
    z-index: 2;
    animation: gc-testi-flip-to-next var(--gc-testi-flip-duration) cubic-bezier(0.45, 0.05, 0.2, 1) forwards;
}

.gc-testimonial-card.is-flip-from-prev {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transform-origin: right center;
    z-index: 2;
    animation: gc-testi-flip-from-prev var(--gc-testi-flip-duration) cubic-bezier(0.45, 0.05, 0.2, 1) forwards;
}

.gc-testimonial-card.is-flip-to-prev {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transform-origin: right center;
    z-index: 3;
    animation: gc-testi-flip-to-prev var(--gc-testi-flip-duration) cubic-bezier(0.45, 0.05, 0.2, 1) forwards;
}

@keyframes gc-testi-flip-from-next {
    0% {
        transform: rotateY(0deg) translateZ(4px);
        opacity: 1;
    }

    100% {
        transform: rotateY(-78deg) translateZ(0);
        opacity: 0;
    }
}

@keyframes gc-testi-flip-to-next {
    0% {
        transform: rotateY(78deg) translateZ(0);
        opacity: 0.55;
    }

    100% {
        transform: rotateY(0deg) translateZ(4px);
        opacity: 1;
    }
}

@keyframes gc-testi-flip-from-prev {
    0% {
        transform: rotateY(0deg) translateZ(4px);
        opacity: 1;
    }

    100% {
        transform: rotateY(78deg) translateZ(0);
        opacity: 0;
    }
}

@keyframes gc-testi-flip-to-prev {
    0% {
        transform: rotateY(-78deg) translateZ(0);
        opacity: 0.55;
    }

    100% {
        transform: rotateY(0deg) translateZ(4px);
        opacity: 1;
    }
}

/* Large quote icon — top right */
.gc-testimonial-card__quote-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    flex-shrink: 0;
    width: 96px;
    height: 96px;
    margin: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(var(--gc-testi-accent-rgb), 0.35), rgba(var(--gc-testi-accent-rgb), 0.12));
    border: 1px solid rgba(var(--gc-testi-accent-rgb), 0.45);
    color: var(--gc-testi-accent);
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    box-shadow:
        0 12px 28px rgba(var(--gc-testi-accent-rgb), 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transform: translateZ(12px);
    z-index: 3;
}

.gc-testimonial-card__quote-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", serif;
    text-shadow: 0 2px 12px rgba(var(--gc-testi-accent-rgb), 0.35);
    padding-top: 20px;
}

[data-theme="light"] .gc-testimonial-card__quote-icon {
    background: linear-gradient(145deg, rgba(var(--gc-testi-accent-rgb), 0.12), rgba(var(--gc-testi-accent-rgb), 0.04));
    border-color: rgba(var(--gc-testi-accent-rgb), 0.22);
    box-shadow:
        0 8px 18px rgba(35, 118, 135, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.gc-testimonial-card__avatar {
    width: 88px;
    height: 88px;
    margin: 0 auto 22px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(var(--gc-testi-accent-rgb), 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

[data-theme="light"] .gc-testimonial-card__avatar {
    border-color: rgba(var(--gc-testi-accent-rgb), 0.22);
    box-shadow: 0 6px 16px rgba(13, 31, 45, 0.08);
}

.gc-testimonial-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}

.gc-testimonial-card__quote {
    max-width: 560px;
    margin: 0 0 26px;
    font-size: clamp(15px, 1.6vw, 17px);
    line-height: 1.75;
    color: var(--gc-testi-text);
}

.gc-testimonial-card__quote p {
    margin: 0;
}

.gc-testimonial-card__footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 16px;
    margin-top: auto;
    padding-top: 22px;
    border-top: 1px solid rgba(var(--gc-testi-accent-rgb), 0.22);
}

.gc-testimonial-card__author {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    text-align: left;
    gap: 6px 10px;
    min-width: 0;
    flex: 1 1 220px;
    max-width: 100%;
}

.gc-testimonial-card__author strong {
    display: inline;
    font-size: 17px;
    font-weight: 700;
    color: var(--gc-testi-text);
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    max-width: 100%;
    word-break: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
}

.gc-testimonial-card__author span {
    display: inline;
    font-size: 14px;
    font-weight: 500;
    color: var(--gc-testi-muted);
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.4;
}

.gc-testimonial-card__author span::before {
    content: "•";
    margin-right: 8px;
    color: var(--gc-testi-accent);
    font-weight: 700;
}

.gc-testimonial-card__tag {
    flex: 0 1 auto;
    max-width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: var(--gc-testi-accent);
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Pagination dots — visual 8px; hit area ≥24px for touch a11y */
.gc-testimonial__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 28px;
}

.gc-testimonial__dot {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.gc-testimonial__dot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    transform: translate(-50%, -50%);
    transition:
        width 0.3s ease,
        background-color 0.3s ease,
        border-radius 0.3s ease;
}

[data-theme="light"] .gc-testimonial__dot::after {
    background: rgba(13, 31, 45, 0.18);
}

.gc-testimonial__dot.is-active::after {
    width: 24px;
    border-radius: 999px;
    background: var(--gc-testi-accent);
}

.gc-testimonial__dot:hover,
.gc-testimonial__dot:focus-visible {
    transform: scale(1.08);
    outline: none;
}

@media (max-width: 1199px) {
    .gc-testimonial__layout {
        grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
        gap: 24px;
    }

    .gc-testimonial-card {
        padding: 42px 32px 26px;
    }

    .gc-testimonial-card__quote-icon {
        width: 84px;
        height: 84px;
        top: 14px;
        right: 14px;
        font-size: 64px;
    }
}

@media (max-width: 991px) {
    .gc-testimonial {
        overflow-x: clip;
    }

    .gc-testimonial__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .gc-testimonial__intro {
        min-height: auto;
        padding: 28px 24px;
        text-align: center;
        align-items: center;
    }

    .gc-testimonial__title {
        margin-bottom: 20px;
        font-size: clamp(1.5rem, 4.5vw, 2rem);
    }

    .gc-testimonial__review-badge {
        margin-bottom: 20px;
        text-align: center;
    }

    .gc-testimonial__review-stars {
        justify-content: center;
    }

    .gc-testimonial__review-brand {
        justify-content: center;
    }

    .gc-testimonial__nav-group {
        margin-top: 20px;
        justify-content: center;
    }

    .gc-testimonial__stage {
        width: 100%;
    }

    .gc-testimonial__deck {
        max-width: 100%;
        overflow: visible;
    }

    .gc-testimonial-flip__viewport {
        min-height: 0;
        height: auto;
        perspective: 1600px;
        perspective-origin: center center;
    }

    .gc-testimonial__deck-layer--back {
        inset: 12px 6px -8px 10px;
        transform: rotate(-1.6deg) translateZ(-24px);
    }

    .gc-testimonial__deck-layer--mid {
        inset: 6px 4px -4px 6px;
        transform: rotate(-0.8deg) translateZ(-12px);
    }
}

@media (max-width: 767px) {
    .gc-testimonial {
        --gc-testi-flip-duration: 0.52s;
    }

    .gc-testimonial__intro {
        padding: 28px 20px;
        border-radius: 18px;
        text-align: center;
        align-items: center;
    }

    .gc-testimonial__label {
        font-size: 14px;
    }

    .gc-testimonial__title {
        font-size: clamp(1.55rem, 5.5vw, 2rem);
        margin-bottom: 22px;
    }

    .gc-testimonial__review-platform {
        font-size: 20px;
    }

    .gc-testimonial__review-count {
        font-size: 15px;
    }

    .gc-testimonial__review-badge {
        text-align: center;
    }

    .gc-testimonial__review-stars {
        justify-content: center;
    }

    .gc-testimonial__review-brand {
        justify-content: center;
    }

    .gc-testimonial__nav-group {
        width: 100%;
        justify-content: center;
    }

    .gc-testimonial__nav {
        width: 48px;
        height: 48px;
    }

    .gc-testimonial__deck-layer {
        display: none;
    }

    .gc-testimonial-flip__viewport {
        position: relative;
        min-height: 340px;
        height: var(--gc-testi-viewport-height, auto);
        perspective: none;
        overflow: hidden;
    }

    .gc-testimonial-flip__viewport.is-flipping {
        overflow: hidden;
    }

    .gc-testimonial-card,
    .gc-testimonial-card.is-active {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0;
    }

    .gc-testimonial-card {
        padding: 28px 18px 22px;
        border-radius: 18px;
        box-shadow:
            0 16px 36px rgba(0, 0, 0, 0.28),
            0 0 0 1px rgba(var(--gc-testi-accent-rgb), 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    [data-theme="light"] .gc-testimonial-card {
        background: #ffffff;
        box-shadow:
            0 10px 24px rgba(13, 31, 45, 0.06),
            0 2px 6px rgba(13, 31, 45, 0.03);
    }

    .gc-testimonial-card::after {
        width: 8px;
        opacity: 0.4;
    }

    .gc-testimonial-card__quote-icon {
        width: 52px;
        height: 52px;
        top: 12px;
        right: 12px;
        font-size: 36px;
        box-shadow: 0 6px 16px rgba(var(--gc-testi-accent-rgb), 0.22);
    }

    .gc-testimonial-card__quote-icon span {
        padding-top: 8px;
    }

    .gc-testimonial-card__avatar {
        width: 72px;
        height: 72px;
        margin: 8px auto 16px;
    }

    .gc-testimonial-card__quote {
        max-width: 100%;
        margin: 0 0 18px;
        padding: 0 4px;
        font-size: 15px;
        line-height: 1.65;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .gc-testimonial-card__footer {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding-top: 16px;
        text-align: center;
    }

    .gc-testimonial-card__author {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: 1 1 100%;
        gap: 4px;
    }

    .gc-testimonial-card__author strong {
        display: block;
        width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        max-width: 100%;
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size: 16px;
        line-height: 1.4;
    }

    .gc-testimonial-card__author span {
        display: block;
        width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        max-width: 100%;
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size: 13px;
        line-height: 1.45;
        color: var(--gc-testi-muted);
    }

    .gc-testimonial-card__author span::before {
        content: none;
        margin: 0;
    }

    .gc-testimonial-card__tag {
        text-align: center;
        font-size: 14px;
        max-width: 100%;
        width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        word-break: break-word;
    }

    .gc-testimonial__dots {
        margin-top: 20px;
    }

    /* Overlapping crossfade — card shell never empties */
    .gc-testimonial-card.is-flip-from,
    .gc-testimonial-card.is-flip-to,
    .gc-testimonial-card.is-flip-from-prev,
    .gc-testimonial-card.is-flip-to-prev {
        transform-origin: center center;
        animation-duration: var(--gc-testi-flip-duration);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        animation-fill-mode: forwards;
    }

    .gc-testimonial-card.is-flip-from,
    .gc-testimonial-card.is-flip-from-prev {
        animation-name: gc-testi-cross-out;
        z-index: 3 !important;
    }

    .gc-testimonial-card.is-flip-to,
    .gc-testimonial-card.is-flip-to-prev {
        animation-name: gc-testi-cross-in;
        z-index: 4 !important;
    }
}

@keyframes gc-testi-cross-out {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-12px);
    }
}

@keyframes gc-testi-cross-in {
    0% {
        opacity: 0;
        transform: translateX(16px);
    }

    35% {
        opacity: 0.55;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes gc-testi-fade-out {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
}

@keyframes gc-testi-fade-in {
    0% {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 575px) {
    .gc-testimonial__intro {
        padding: 24px 16px;
    }

    .gc-testimonial__nav {
        width: 46px;
        height: 46px;
    }

    .gc-testimonial-card {
        padding: 26px 16px 20px;
    }

    .gc-testimonial-card__quote-icon {
        width: 48px;
        height: 48px;
        font-size: 32px;
    }

    .gc-testimonial-card__avatar {
        width: 68px;
        height: 68px;
        margin-bottom: 14px;
    }

    .gc-testimonial-card__quote {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .gc-testimonial-card__author strong {
        font-size: 15px;
    }

    .gc-testimonial-card__author span {
        font-size: 13px;
    }

    .gc-testimonial-card__tag {
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-testimonial {
        --gc-testi-flip-duration: 0.35s;
    }

    .gc-testimonial-card.is-flip-from,
    .gc-testimonial-card.is-flip-to,
    .gc-testimonial-card.is-flip-from-prev,
    .gc-testimonial-card.is-flip-to-prev {
        animation-duration: 0.35s;
    }
}

/* --- gc-turnaround-time.css --- */
/* ==========================================================================
   GC Turnaround Time
   ========================================================================== */

.gc-turnaround {
    --gc-tt-bg: #ffffff;
    --gc-tt-title: #11151c;
    --gc-tt-desc: rgba(17, 21, 28, 0.58);
    --gc-tt-card-bg: #eef5f4;
    --gc-tt-time: #0f6e6e;
    --gc-tt-label: #1f2937;
    background-color: var(--gc-tt-bg);
}

[data-theme="dark"] .gc-turnaround {
    --gc-tt-bg: #070b14;
    --gc-tt-title: #ffffff;
    --gc-tt-desc: rgba(255, 255, 255, 0.62);
    --gc-tt-card-bg: #121a28;
    --gc-tt-time: #5ec4d6;
    --gc-tt-label: rgba(255, 255, 255, 0.82);
}

.elementor-widget-gc_turnaround_time .gc-turnaround {
    background-color: var(--gc-tt-bg);
}

/* Heading — same structure as testimonial: .section-heading.text-center */
.gc-turnaround-heading {
    margin-bottom: 40px;
}

.gc-turnaround-heading .section-title {
    color: var(--gc-tt-title);
}

.gc-turnaround-heading .gc-turnaround-desc {
    margin: 12px auto 0;
    max-width: 640px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--gc-tt-desc);
}

/* Cards grid */
.gc-turnaround__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.gc-turnaround-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 140px;
    padding: 32px 24px;
    border-radius: 14px;
    background-color: var(--gc-tt-card-bg);
    border: 1px solid transparent;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.gc-turnaround-card:hover {
    transform: translateY(-2px);
}

.gc-turnaround-card__time {
    margin: 0 0 10px;
    font-family: var(--rr-ff-heading);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--gc-tt-time);
    letter-spacing: -0.02em;
}

.gc-turnaround-card__label {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--gc-tt-label);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .gc-turnaround-heading {
        margin-bottom: 32px;
    }

    .gc-turnaround-card__time {
        font-size: 30px;
    }

    .gc-turnaround-card {
        min-height: 120px;
        padding: 28px 20px;
    }
}

@media (max-width: 767.98px) {
    .gc-turnaround__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .gc-turnaround-heading {
        margin-bottom: 28px;
    }

    .gc-turnaround-heading .gc-turnaround-desc {
        font-size: 15px;
    }

    .gc-turnaround-card {
        min-height: 110px;
        padding: 24px 18px;
    }

    .gc-turnaround-card__time {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .gc-turnaround-card__label {
        font-size: 14px;
    }
}

/* --- gc-video-example.css --- */
/* GC Video Example — segmented tabs, project cards, modal */

.gc-vex {
    --gc-vex-bg: #070b14;
    --gc-vex-card-bg: #0c121f;
    --gc-vex-card-border: rgba(255, 255, 255, 0.08);
    --gc-vex-text: #ffffff;
    --gc-vex-muted: rgba(255, 255, 255, 0.62);
    --gc-vex-accent: #e8b84a;
    --gc-vex-accent-text: #11151c;
    --gc-vex-cat: #5eead4;
    --gc-vex-tab-wrap-bg: rgba(255, 255, 255, 0.03);
    --gc-vex-tab-wrap-border: rgba(35, 118, 135, 0.35);
    --gc-vex-tab-color: rgba(255, 255, 255, 0.72);
    --gc-vex-radius: 16px;
    background: var(--gc-vex-bg);
    position: relative;
}

[data-theme="light"] .gc-vex {
    --gc-vex-bg: #eceef2;
    --gc-vex-card-bg: #ffffff;
    --gc-vex-card-border: rgba(17, 21, 28, 0.1);
    --gc-vex-text: #11151c;
    --gc-vex-muted: rgba(17, 21, 28, 0.62);
    --gc-vex-accent: #c9921f;
    --gc-vex-accent-text: #11151c;
    --gc-vex-cat: #0d9488;
    --gc-vex-tab-wrap-bg: #ffffff;
    --gc-vex-tab-wrap-border: rgba(17, 21, 28, 0.12);
    --gc-vex-tab-color: rgba(17, 21, 28, 0.72);
}

.gc-vex-heading {
    margin-bottom: 42px;
}

.gc-vex-heading .sub-heading {
    color: var(--rr-color-theme-primary, var(--gc-vex-cat));
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.gc-vex-heading .section-title {
    color: var(--gc-vex-text);
}

/* Segmented tab switcher */
.gc-vex__tabs-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
}

.gc-vex__tabs {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 6px;
    padding: 6px;
    border-radius: 14px;
    border: 1px solid var(--gc-vex-tab-wrap-border);
    background: var(--gc-vex-tab-wrap-bg);
    max-width: 100%;
}

.gc-vex__tab {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none;
    background: transparent;
    color: var(--gc-vex-tab-color);
    border-radius: 10px;
    padding: 14px 24px;
    min-width: 160px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.gc-vex__tab:hover {
    color: var(--gc-vex-text);
}

.gc-vex__tab.is-active {
    background: var(--gc-vex-accent);
    color: var(--gc-vex-accent-text);
}

.gc-vex__tab-icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gc-vex__tab-icon img,
.gc-vex__tab-icon svg,
.gc-vex__tab-icon i {
    width: 1.15em;
    height: 1.15em;
    object-fit: contain;
    font-size: 18px;
}

.gc-vex__panel[hidden] {
    display: none !important;
}

/* Card grid */
.gc-vex__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.gc-vex__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gc-vex__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gc-vex-card {
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;
    text-align: left;
    transition: transform 0.35s ease;
}

.gc-vex-card:hover,
.gc-vex-card:focus-visible {
    transform: translateY(-6px);
    outline: none;
}

.gc-vex-card__thumb {
    position: relative;
    border-radius: var(--gc-vex-radius);
    overflow: hidden;
    /* aspect-ratio: 16 / 10; */
    background: rgba(255, 255, 255, 0.04);
}

[data-theme="light"] .gc-vex-card__thumb {
    background: rgba(17, 21, 28, 0.06);
}

.gc-vex-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}

.gc-vex-card:hover .gc-vex-card__thumb img {
    transform: scale(1.04);
}

.gc-vex-card__play {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.34) 100%);
    pointer-events: none;
    transition: background 0.35s ease;
    overflow: hidden;
}

.gc-vex-card__play::before,
.gc-vex-card__play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 58px;
    height: 58px;
    margin-top: -29px;
    margin-left: -29px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.55);
    pointer-events: none;
    animation: gc-vex-play-ring 2.4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.gc-vex-card__play::after {
    animation-delay: 1.2s;
}

.gc-vex-card:hover .gc-vex-card__play {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.46) 100%);
}

.gc-vex-card__play-icon {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.96);
    color: #11151c;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.28),
        0 0 0 0 rgba(232, 184, 74, 0.45);
    animation: gc-vex-play-breathe 2.4s ease-in-out infinite;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, background-color 0.35s ease;
}

.gc-vex-card__play-icon::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    background: conic-gradient(
        from 0deg,
        rgba(232, 184, 74, 0) 0deg,
        rgba(232, 184, 74, 0.85) 120deg,
        rgba(255, 255, 255, 0.95) 180deg,
        rgba(232, 184, 74, 0.85) 240deg,
        rgba(232, 184, 74, 0) 360deg
    );
    opacity: 0.55;
    animation: gc-vex-play-spin 3.6s linear infinite;
    z-index: -1;
}

.gc-vex-card__play-icon::after {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.96);
    z-index: -1;
}

.gc-vex-card__play-icon i {
    position: relative;
    z-index: 1;
    font-size: 18px;
    margin-left: 3px;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.gc-vex-card:hover .gc-vex-card__play::before,
.gc-vex-card:hover .gc-vex-card__play::after {
    border-color: rgba(232, 184, 74, 0.75);
    animation-duration: 1.8s;
}

.gc-vex-card:hover .gc-vex-card__play-icon {
    animation: none;
    transform: scale(1.1);
    background: #ffffff;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.34),
        0 0 0 10px rgba(232, 184, 74, 0.16);
}

.gc-vex-card:hover .gc-vex-card__play-icon i {
    transform: scale(1.08);
}

@keyframes gc-vex-play-ring {
    0% {
        transform: scale(1);
        opacity: 0.72;
    }

    70% {
        opacity: 0.18;
    }

    100% {
        transform: scale(2.35);
        opacity: 0;
    }
}

@keyframes gc-vex-play-breathe {
    0%,
    100% {
        transform: scale(1);
        box-shadow:
            0 10px 28px rgba(0, 0, 0, 0.28),
            0 0 0 0 rgba(232, 184, 74, 0.35);
    }

    50% {
        transform: scale(1.06);
        box-shadow:
            0 14px 32px rgba(0, 0, 0, 0.32),
            0 0 0 8px rgba(232, 184, 74, 0.12);
    }
}

@keyframes gc-vex-play-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-vex-card__play::before,
    .gc-vex-card__play::after,
    .gc-vex-card__play-icon,
    .gc-vex-card__play-icon::before {
        animation: none !important;
    }
}

.gc-vex-card__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 3;
    padding: 5px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.45);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.gc-vex-card__body {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.gc-vex-card__cat {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-vex-cat);
}

.gc-vex-card__title {
    margin: 0;
    font-size: clamp(17px, 2vw, 21px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--gc-vex-card-title-color, var(--gc-vex-text));
}

[data-theme="light"] .gc-vex h3.gc-vex-card__title,
[data-theme="dark"] .gc-vex h3.gc-vex-card__title {
    color: var(--gc-vex-card-title-color, var(--gc-vex-text));
}

.gc-vex-card__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--gc-vex-muted);
}

.gc-vex-card__link {
    margin-top: auto;
    padding-top: 6px;
    font-size: 14px;
    font-weight: 700;
    color: var(--gc-vex-accent);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.gc-vex-card:hover .gc-vex-card__link {
    gap: 10px;
}

.gc-vex-card__payload {
    display: none !important;
}

/* Modal */
body > .gc-vex-modal,
.gc-vex-modal {
    --gc-vex-modal-bg: #0f1522;
    --gc-vex-modal-border: rgba(255, 255, 255, 0.1);
    --gc-vex-modal-text: #ffffff;
    --gc-vex-modal-muted: rgba(255, 255, 255, 0.62);
    --gc-vex-modal-cat: #5eead4;
    --gc-vex-modal-accent: #e8b84a;
    --gc-vex-modal-result-bg: #121926;
    --gc-vex-modal-overlay: rgba(4, 8, 16, 0.92);
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

[data-theme="light"] body > .gc-vex-modal,
[data-theme="light"] .gc-vex-modal {
    --gc-vex-modal-bg: #ffffff;
    --gc-vex-modal-border: rgba(17, 21, 28, 0.12);
    --gc-vex-modal-text: #11151c;
    --gc-vex-modal-muted: rgba(17, 21, 28, 0.62);
    --gc-vex-modal-cat: #0d9488;
    --gc-vex-modal-accent: #c9921f;
    --gc-vex-modal-result-bg: #f3f5f8;
    --gc-vex-modal-overlay: rgba(17, 21, 28, 0.72);
}

.gc-vex-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.gc-vex-modal__overlay {
    position: fixed;
    inset: 0;
    background: var(--gc-vex-modal-overlay);
}

.gc-vex-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(760px, calc(100% - 32px));
    max-height: calc(100dvh - 40px);
    margin: 5vh auto 0;
    overflow: auto;
    overscroll-behavior: contain;
    background-color: var(--gc-vex-modal-bg);
    border: 1px solid var(--gc-vex-modal-border);
    border-radius: calc(var(--gc-vex-radius) + 2px);
    padding: 22px 22px 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    outline: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.gc-vex-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid var(--gc-vex-modal-border);
    border-radius: 50%;
    background-color: var(--gc-vex-modal-bg);
    color: var(--gc-vex-modal-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.gc-vex-modal__head {
    padding-right: 40px;
    margin: 0;
}

.gc-vex-modal__cat {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-vex-modal-cat);
    margin: 0 0 6px;
}

.gc-vex-modal__title {
    margin: 0 0 6px;
    font-size: clamp(20px, 2.4vw, 26px);
    font-weight: 700;
    color: var(--gc-vex-modal-text);
}

.gc-vex-modal__subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--gc-vex-modal-muted);
}

.gc-vex-modal__subtitle[hidden],
.gc-vex-modal__cat[hidden],
.gc-vex-modal__title[hidden] {
    display: none !important;
}

.gc-vex-modal__media {
    position: relative;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin: 0;
    aspect-ratio: 16 / 9;
    min-height: 220px;
    background: #121926;
    border: 1px solid var(--gc-vex-modal-border);
    flex-shrink: 0;
}

.gc-vex-modal__media[hidden] {
    display: none !important;
    margin: 0 !important;
}

[data-theme="light"] .gc-vex-modal__media {
    background: #eef1f6;
}

.gc-vex-modal__media-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.gc-vex-modal__media-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gc-vex-modal__media-inner video,
.gc-vex-modal__media-inner iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: #000;
}

.gc-vex-modal__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gc-vex-modal__content > [hidden] {
    display: none !important;
}

.gc-vex-modal__block,
.gc-vex-modal__result-box {
    margin: 0;
}

.gc-vex-modal__block + .gc-vex-modal__block {
    margin-top: 0;
}

.gc-vex-modal__result-box {
    margin-top: 0;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--gc-vex-modal-result-bg);
    border: 1px solid var(--gc-vex-modal-border);
}

.gc-vex-modal__label {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-vex-modal-accent);
}

.gc-vex-modal__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--gc-vex-modal-muted);
}

.gc-vex-modal__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 0;
}

.gc-vex-modal__tool {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: var(--gc-vex-modal-result-bg);
    border: 1px solid var(--gc-vex-modal-border);
    color: var(--gc-vex-modal-text);
}

.gc-vex-modal__result-box .gc-vex-modal__text {
    color: var(--gc-vex-modal-text);
    font-weight: 600;
}

body.gc-vex-modal-open {
    overflow: hidden !important;
    padding-right: var(--gc-vex-scrollbar-width, 0px) !important;
}

html.gc-vex-modal-open {
    overflow: hidden !important;
}

@media (max-width: 1199px) {
    .gc-vex__grid,
    .gc-vex__grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gc-vex__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .gc-vex__tabs {
        width: 100%;
        flex-direction: column;
    }

    .gc-vex__tab {
        width: 100%;
        min-width: 0;
    }

    .gc-vex-card__thumb {
        /* aspect-ratio: 16 / 11; */
    }

    .gc-vex-modal__dialog {
        width: 100%;
        margin-top: 3vh;
        padding: 18px 16px 20px;
    }
}

/* --- gc-video-service-inner.css --- */
/* ==========================================================================
   GC Video Service Inner
   Theme accent: --rr-color-theme-primary (#237687)
   ========================================================================== */

.gc-vsi {
    --gc-vsi-bg: #11151c;
    --gc-vsi-text: #ffffff;
    --gc-vsi-muted: rgba(255, 255, 255, 0.62);
    --gc-vsi-accent: var(--rr-color-theme-primary, #237687);
    --gc-vsi-badge-bg: rgba(35, 118, 135, 0.08);
    --gc-vsi-btn-secondary-border: rgba(255, 255, 255, 0.28);
    --gc-vsi-video-bg: #1a2030;
    --gc-vsi-video-border: rgba(255, 255, 255, 0.08);
    background-color: var(--gc-vsi-bg);
    position: relative;
}

[data-theme="light"] .gc-vsi {
    --gc-vsi-bg: #f4f6f8;
    --gc-vsi-text: #11151c;
    --gc-vsi-muted: rgba(17, 21, 28, 0.62);
    --gc-vsi-badge-bg: rgba(35, 118, 135, 0.08);
    --gc-vsi-btn-secondary-border: rgba(17, 21, 28, 0.18);
    --gc-vsi-video-bg: #ffffff;
    --gc-vsi-video-border: rgba(17, 21, 28, 0.1);
}

.elementor-widget-gc_video_service_inner .gc-vsi {
    background-color: var(--gc-vsi-bg);
}

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

/* Badge */
.gc-vsi__badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--gc-vsi-accent);
    background: var(--gc-vsi-badge-bg);
    color: var(--gc-vsi-accent);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

/* Title */
.gc-vsi__title {
    margin: 0 0 18px;
    max-width: 15ch;
    font-family: var(--rr-ff-heading);
    font-size: clamp(34px, 4.4vw, 56px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--gc-vsi-text);
}

.gc-vsi__title-accent {
    color: var(--gc-vsi-accent);
}

/* Description */
.gc-vsi__desc {
    margin: 0 0 28px;
    max-width: 520px;
    font-size: 17px;
    line-height: 1.65;
    color: var(--gc-vsi-muted);
}

/* Buttons */
.gc-vsi__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gc-vsi__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 10px;
    border: 1.5px solid transparent;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-vsi__btn:hover {
    transform: translateY(-1px);
}

.gc-vsi__btn--primary {
    background: var(--gc-vsi-accent);
    border-color: var(--gc-vsi-accent);
    color: #ffffff;
}

.gc-vsi__btn--primary:hover {
    background: #1c5f6c;
    border-color: #1c5f6c;
    color: #ffffff;
}

.gc-vsi__btn--secondary {
    background: transparent;
    border-color: var(--gc-vsi-btn-secondary-border);
    color: var(--gc-vsi-text);
}

.gc-vsi__btn--secondary:hover {
    background: var(--gc-vsi-accent);
    border-color: var(--gc-vsi-accent);
    color: #ffffff;
}

/* Video box */
.gc-vsi__video-box {
    position: relative;
    border-radius: 18px;
    background: var(--gc-vsi-video-bg);
    border: 1px solid var(--gc-vsi-video-border);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

[data-theme="light"] .gc-vsi__video-box {
    box-shadow: 0 16px 40px rgba(17, 21, 28, 0.1);
}

.gc-vsi__video-frame {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    background: #0b0f18;
    overflow: hidden;
}

.gc-vsi__poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.45s ease, opacity 0.35s ease;
}

.gc-vsi__video-box:hover .gc-vsi__poster {
    transform: scale(1.03);
}

.gc-vsi__video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 15, 24, 0.12) 0%, rgba(11, 15, 24, 0.35) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.gc-vsi__iframe-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.gc-vsi__iframe-wrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: 0;
    transform: translate(-50%, -50%);
}

/* Crop YouTube top title/channel chrome and keep video centered */
.gc-vsi__video-box.is-playing .gc-vsi__iframe-wrap iframe {
    width: 100%;
    height: calc(100% + 140px);
    transform: translate(-50%, calc(-50% - 12px));
}

.gc-vsi__video-box.is-playing .gc-vsi__poster,
.gc-vsi__video-box.is-playing .gc-vsi__video-overlay,
.gc-vsi__video-box.is-playing .gc-vsi__play-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.gc-vsi__video-box--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 24px;
}

.gc-vsi__video-empty {
    margin: 0;
    color: var(--gc-vsi-muted);
    text-align: center;
    font-size: 14px;
}

/* Animated glowing play button */
.gc-vsi__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 84px;
    height: 84px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
    animation: gcVsiBtnBreath 2.5s ease-in-out infinite;
}

.gc-vsi__play-btn:hover {
    transform: translate(-50%, -50%) scale(1.12);
}

.gc-vsi__play-btn:active {
    transform: translate(-50%, -50%) scale(0.94);
}

.gc-vsi__play-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    animation: gcVsiRingPulse 1.8s ease-in-out infinite;
}

.gc-vsi__play-ring--2 {
    inset: -14px;
    border-color: rgba(35, 118, 135, 0.45);
    animation-delay: 0.4s;
    animation-duration: 2.2s;
}

[data-theme="light"] .gc-vsi__play-ring {
    border-color: rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .gc-vsi__play-ring--2 {
    border-color: rgba(35, 118, 135, 0.35);
}

.gc-vsi__play-icon {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rr-color-theme-primary, #237687), #2a9dad);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    box-shadow:
        0 0 0 0 rgba(35, 118, 135, 0.45),
        0 10px 28px rgba(35, 118, 135, 0.45);
    animation: gcVsiIconGlow 2.4s ease-in-out infinite;
}

.gc-vsi__play-icon i {
    margin-left: 3px;
    color: inherit;
}

.gc-vsi__video-box:hover .gc-vsi__play-icon {
    box-shadow:
        0 0 0 8px rgba(35, 118, 135, 0.18),
        0 12px 36px rgba(35, 118, 135, 0.55);
}

@keyframes gcVsiBtnBreath {
    0%,
    100% {
        filter: drop-shadow(0 0 12px rgba(35, 118, 135, 0.4));
    }

    50% {
        filter: drop-shadow(0 0 28px rgba(35, 118, 135, 0.75)) drop-shadow(0 0 50px rgba(255, 194, 38, 0.2));
    }
}

@keyframes gcVsiRingPulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.22);
        opacity: 0.25;
    }
}

@keyframes gcVsiIconGlow {
    0%,
    100% {
        box-shadow:
            0 0 0 0 rgba(35, 118, 135, 0.35),
            0 10px 28px rgba(35, 118, 135, 0.4);
    }

    50% {
        box-shadow:
            0 0 0 10px rgba(35, 118, 135, 0.12),
            0 12px 34px rgba(35, 118, 135, 0.55);
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-vsi__play-btn,
    .gc-vsi__play-ring,
    .gc-vsi__play-ring--2,
    .gc-vsi__play-icon,
    .gc-vsi__poster {
        animation: none !important;
        transition: none !important;
    }
}

/* Responsive */
@media (max-width: 991.98px) {
    .gc-vsi__title {
        max-width: none;
    }

    .gc-vsi__video-box {
        max-width: 640px;
        margin-inline: auto;
    }
}

@media (max-width: 767.98px) {
    .gc-vsi__desc {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .gc-vsi__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .gc-vsi__btn {
        width: 100%;
    }

    .gc-vsi__play-btn {
        width: 72px;
        height: 72px;
    }

    .gc-vsi__play-icon {
        width: 56px;
        height: 56px;
        font-size: 18px;
    }

    .gc-vsi__play-ring--2 {
        inset: -12px;
    }
}

/* --- gc-web-inner-banner.css --- */
/* ==========================================================================
   GC Web Inner Banner — two-column hero (light / dark)
   Theme: --rr-color-theme-primary (#237687), --rr-color-bg-1 (#11151C)
   ========================================================================== */

.gc-web-inner-banner {
    --gc-wib-bg: #f5f6f8;
    --gc-wib-badge-bg: rgba(35, 118, 135, 0.1);
    --gc-wib-badge-color: var(--rr-color-theme-primary, #237687);
    --gc-wib-badge-dot: var(--rr-color-theme-primary, #237687);
    --gc-wib-title: var(--rr-color-heading-primary, #11151c);
    --gc-wib-accent: var(--rr-color-theme-primary, #237687);
    --gc-wib-desc: var(--rr-color-text-body-light, #74787c);
    --gc-wib-btn-primary-bg: var(--rr-color-theme-primary, #237687);
    --gc-wib-btn-primary-color: #ffffff;
    --gc-wib-btn-secondary-bg: transparent;
    --gc-wib-btn-secondary-color: var(--rr-color-heading-primary, #11151c);
    --gc-wib-btn-secondary-border: rgba(17, 21, 28, 0.18);
    --gc-wib-btn-secondary-hover-bg: var(--rr-color-theme-primary, #237687);
    --gc-wib-btn-secondary-hover-color: #ffffff;
    --gc-wib-media-bg: #e8eaed;
    position: relative;
    overflow: hidden;
    background: var(--gc-wib-bg);
    padding: 110px 0;
}

[data-theme="dark"] .gc-web-inner-banner {
    --gc-wib-bg: var(--rr-color-bg-1, #11151c);
    --gc-wib-badge-bg: rgba(35, 118, 135, 0.18);
    --gc-wib-badge-color: #5eead4;
    --gc-wib-badge-dot: #5eead4;
    --gc-wib-title: #ffffff;
    --gc-wib-accent: var(--rr-color-theme-primary, #237687);
    --gc-wib-desc: var(--rr-color-text-body, #b0b2b7);
    --gc-wib-btn-primary-bg: var(--rr-color-theme-primary, #237687);
    --gc-wib-btn-primary-color: #ffffff;
    --gc-wib-btn-secondary-bg: transparent;
    --gc-wib-btn-secondary-color: #ffffff;
    --gc-wib-btn-secondary-border: rgba(255, 255, 255, 0.28);
    --gc-wib-btn-secondary-hover-bg: #ffffff;
    --gc-wib-btn-secondary-hover-color: var(--rr-color-heading-primary, #11151c);
    --gc-wib-media-bg: #1a1f28;
}

.gc-web-inner-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse 55% 50% at 12% 20%, rgba(35, 118, 135, 0.1) 0%, transparent 60%),
        radial-gradient(ellipse 45% 40% at 90% 80%, rgba(255, 194, 38, 0.04) 0%, transparent 55%);
}

[data-theme="dark"] .gc-web-inner-banner::before {
    background:
        radial-gradient(ellipse 55% 50% at 10% 15%, rgba(35, 118, 135, 0.2) 0%, transparent 58%),
        radial-gradient(ellipse 40% 35% at 92% 85%, rgba(255, 194, 38, 0.05) 0%, transparent 50%);
}

.gc-web-inner-banner .container {
    position: relative;
    z-index: 1;
}

.gc-web-inner-banner__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(36px, 5vw, 72px);
    align-items: center;
}

.gc-web-inner-banner__grid--reverse {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

/* -------------------------------------------------------------------------- */
/* Content                                                                    */
/* -------------------------------------------------------------------------- */

.gc-web-inner-banner__content {
    max-width: 560px;
}

.gc-web-inner-banner__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 24px;
    padding: 8px 14px 8px 12px;
    border-radius: 999px;
    background: var(--gc-wib-badge-bg);
    color: var(--gc-wib-badge-color);
    font-family: var(--rr-ff-heading);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.gc-web-inner-banner__badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gc-wib-badge-dot);
    box-shadow: 0 0 0 4px rgba(35, 118, 135, 0.18);
    flex-shrink: 0;
    animation: gc-wib-pulse 2.2s ease-in-out infinite;
}

[data-theme="dark"] .gc-web-inner-banner__badge-dot {
    box-shadow: 0 0 0 4px rgba(94, 234, 212, 0.18);
}

@keyframes gc-wib-pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.08);
        opacity: 0.85;
    }
}

.gc-web-inner-banner__title {
    margin: 0 0 22px;
    font-family: var(--rr-ff-heading);
    font-size: clamp(34px, 4.6vw, 52px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: var(--gc-wib-title);
}

.gc-web-inner-banner__title .gc-web-inner-banner__accent,
.gc-web-inner-banner__title span {
    color: var(--gc-wib-accent);
}

.gc-web-inner-banner__desc {
    margin: 0 0 32px;
    max-width: 500px;
    font-size: 17px;
    line-height: 1.75;
    color: var(--gc-wib-desc);
}

.gc-web-inner-banner__desc p {
    margin: 0;
}

.gc-web-inner-banner__desc p + p {
    margin-top: 12px;
}

.gc-web-inner-banner__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.gc-web-inner-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 15px 26px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-family: var(--rr-ff-heading);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;
}

.gc-web-inner-banner__btn:focus-visible {
    outline: 2px solid var(--gc-wib-accent);
    outline-offset: 3px;
}

.gc-web-inner-banner__btn:active {
    transform: scale(0.98);
}

.gc-web-inner-banner__btn--primary {
    background: var(--gc-wib-btn-primary-bg);
    color: var(--gc-wib-btn-primary-color);
    border-color: var(--gc-wib-btn-primary-bg);
    box-shadow: 0 10px 28px rgba(35, 118, 135, 0.28);
}

.gc-web-inner-banner__btn--primary:hover,
.gc-web-inner-banner__btn--primary:focus {
    color: var(--gc-wib-btn-primary-color);
    filter: brightness(1.06);
    box-shadow: 0 14px 34px rgba(35, 118, 135, 0.34);
}

.gc-web-inner-banner__btn--secondary {
    background: var(--gc-wib-btn-secondary-bg);
    color: var(--gc-wib-btn-secondary-color);
    border-color: var(--gc-wib-btn-secondary-border);
}

.gc-web-inner-banner__btn--secondary:hover,
.gc-web-inner-banner__btn--secondary:focus {
    background: var(--gc-wib-btn-secondary-hover-bg);
    color: var(--gc-wib-btn-secondary-hover-color);
    border-color: var(--gc-wib-btn-secondary-hover-bg);
}

/* -------------------------------------------------------------------------- */
/* Media                                                                      */
/* -------------------------------------------------------------------------- */

.gc-web-inner-banner__media-wrap {
    width: 100%;
}

.gc-web-inner-banner__media {
    margin: 0;
    width: 100%;
    height: auto;
    border-radius: 28px;
    overflow: hidden;
    background: var(--gc-wib-media-bg);
}

.gc-web-inner-banner__media img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-web-inner-banner {
        padding: 96px 0;
    }

    .gc-web-inner-banner__media {
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .gc-web-inner-banner {
        padding: 80px 0;
    }

    .gc-web-inner-banner__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .gc-web-inner-banner__content {
        max-width: 100%;
    }

    .gc-web-inner-banner__media {
        height: auto;
        border-radius: 24px;
    }
}

@media (max-width: 767.98px) {
    .gc-web-inner-banner {
        padding: 64px 0;
    }

    .gc-web-inner-banner__badge {
        margin-bottom: 18px;
        font-size: 12px;
        padding: 7px 12px 7px 10px;
    }

    .gc-web-inner-banner__title {
        margin-bottom: 16px;
        font-size: clamp(28px, 8vw, 36px);
    }

    .gc-web-inner-banner__desc {
        margin-bottom: 26px;
        font-size: 15px;
        line-height: 1.7;
    }

    .gc-web-inner-banner__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .gc-web-inner-banner__btn {
        width: 100%;
        min-height: 48px;
        padding: 14px 22px;
        font-size: 14px;
    }

    .gc-web-inner-banner__media {
        height: auto;
        border-radius: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-web-inner-banner__badge-dot {
        animation: none;
    }

    .gc-web-inner-banner__btn {
        transition: none;
    }

    .gc-web-inner-banner__btn:active {
        transform: none;
    }
}

/* --- gc-web-service-inner.css --- */
/* ==========================================================================
   GC Web Service Inner — case study grid + modal
   ========================================================================== */

.gc-wsi {
    --gc-wsi-bg: #070b14;
    --gc-wsi-card-bg: #0c121f;
    --gc-wsi-card-border: rgba(255, 255, 255, 0.08);
    --gc-wsi-text: #ffffff;
    --gc-wsi-muted: rgba(255, 255, 255, 0.62);
    --gc-wsi-accent: #e8b84a;
    --gc-wsi-accent-soft: rgba(232, 184, 74, 0.18);
    --gc-wsi-cat: #5eead4;
    --gc-wsi-tab-bg: rgba(255, 255, 255, 0.04);
    --gc-wsi-tab-border: rgba(35, 118, 135, 0.35);
    --gc-wsi-modal-bg: #0f1522;
    --gc-wsi-modal-border: rgba(255, 255, 255, 0.08);
    --gc-wsi-result-box-bg: rgba(255, 255, 255, 0.03);
    --gc-wsi-radius: 16px;
    position: relative;
}

[data-theme="light"] .gc-wsi {
    --gc-wsi-bg: #eceef2;
    --gc-wsi-card-bg: #ffffff;
    --gc-wsi-card-border: rgba(17, 21, 28, 0.1);
    --gc-wsi-text: #11151c;
    --gc-wsi-muted: rgba(17, 21, 28, 0.62);
    --gc-wsi-accent: #c9921f;
    --gc-wsi-accent-soft: rgba(201, 146, 31, 0.12);
    --gc-wsi-cat: #0d9488;
    --gc-wsi-tab-bg: #ffffff;
    --gc-wsi-tab-border: rgba(17, 21, 28, 0.12);
    --gc-wsi-modal-bg: #ffffff;
    --gc-wsi-modal-border: rgba(17, 21, 28, 0.1);
    --gc-wsi-result-box-bg: rgba(17, 21, 28, 0.04);
}

.elementor-widget-gc_web_service_inner .gc-wsi {
    background: var(--gc-wsi-bg);
}

/* Section heading */
.gc-wsi-heading {
    margin-bottom: 42px;
}

.gc-wsi-heading .sub-heading {
    color: var(--rr-color-theme-primary, var(--gc-wsi-cat));
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.gc-wsi-heading .section-title {
    color: var(--gc-wsi-text);
}

/* Filter tabs */
.gc-wsi-tabs-wrap {
    margin-bottom: 36px;
}

.gc-wsi-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gc-wsi-tab {
    border: 1px solid var(--gc-wsi-tab-border);
    background: var(--gc-wsi-tab-bg);
    color: var(--gc-wsi-text);
    padding: 11px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.gc-wsi-tab:hover {
    border-color: var(--gc-wsi-accent);
    transform: translateY(-1px);
}

.gc-wsi-tab.active {
    background: var(--gc-wsi-accent);
    border-color: var(--gc-wsi-accent);
    color: #11151c;
    box-shadow: 0 8px 22px var(--gc-wsi-accent-soft);
}

/* View All */
.gc-wsi__view-all {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.gc-wsi__view-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 200px;
    padding: 12px 28px;
    border-radius: 10px;
    border: 1px solid #11151c;
    background: #11151c;
    color: #ffffff;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.gc-wsi__view-all-btn:hover {
    background: #237687;
    border-color: #237687;
    color: #ffffff;
}

[data-theme="dark"] .gc-wsi__view-all-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #11151c;
}

[data-theme="dark"] .gc-wsi__view-all-btn:hover {
    background: #237687;
    border-color: #237687;
    color: #ffffff;
}

/* Grid */
.gc-wsi-grid-wrap {
    position: relative;
}

.gc-wsi-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.gc-wsi-grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gc-wsi-grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gc-wsi-grid-item.is-hidden {
    display: none !important;
}

.gc-wsi-grid-wrap.is-tab-switching {
    pointer-events: none;
}

.gc-wsi-grid.is-filtering-in .gc-wsi-grid-item.is-filter-in {
    animation: gcWsiFilterIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: var(--gc-wsi-filter-delay, 0s);
}

@keyframes gcWsiFilterIn {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Card */
.gc-wsi-card {
    background: var(--gc-wsi-card-bg);
    border: 1px solid var(--gc-wsi-card-border);
    border-radius: var(--gc-wsi-radius);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    text-align: left;
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.gc-wsi-card:hover,
.gc-wsi-card:focus-visible {
    transform: translateY(-6px);
    border-color: var(--gc-wsi-accent);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    outline: none;
}

.gc-wsi-card__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
}

.gc-wsi-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.gc-wsi-card:hover .gc-wsi-card__media img {
    transform: scale(1.04);
}

.gc-wsi-card__body {
    padding: 22px 22px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.gc-wsi-card__cat {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-wsi-cat);
}

.gc-wsi-card__title {
    margin: 0;
    font-size: clamp(18px, 2vw, 22px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--gc-wsi-card-title-color, var(--gc-wsi-text));
}

[data-theme="light"] .gc-wsi h3.gc-wsi-card__title,
[data-theme="dark"] .gc-wsi h3.gc-wsi-card__title {
    color: var(--gc-wsi-card-title-color, var(--gc-wsi-text));
}

.gc-wsi-card__result {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--gc-wsi-muted);
}

.gc-wsi-card__result strong {
    color: var(--gc-wsi-text);
    font-weight: 700;
}

.gc-wsi-card__link {
    margin-top: auto;
    padding-top: 6px;
    font-size: 14px;
    font-weight: 700;
    color: var(--gc-wsi-accent);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.25s ease, color 0.25s ease;
}

.gc-wsi-card:hover .gc-wsi-card__link {
    gap: 10px;
}

.gc-wsi-card__link i {
    font-size: 12px;
}

/* Hidden modal payload */
.gc-wsi-card__payload {
    display: none !important;
}

/* Modal — portaled to body for proper viewport focus */
body > .gc-wsi-modal,
.gc-wsi-modal {
    --gc-wsi-modal-bg: #0f1522;
    --gc-wsi-modal-border: rgba(255, 255, 255, 0.1);
    --gc-wsi-modal-text: #ffffff;
    --gc-wsi-modal-muted: rgba(255, 255, 255, 0.62);
    --gc-wsi-modal-cat: #5eead4;
    --gc-wsi-modal-accent: #e8b84a;
    --gc-wsi-modal-result-bg: #121926;
    --gc-wsi-modal-overlay: rgba(4, 8, 16, 0.92);
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, visibility 0.22s ease;
    isolation: isolate;
}

[data-theme="light"] body > .gc-wsi-modal,
[data-theme="light"] .gc-wsi-modal {
    --gc-wsi-modal-bg: #ffffff;
    --gc-wsi-modal-border: rgba(17, 21, 28, 0.12);
    --gc-wsi-modal-text: #11151c;
    --gc-wsi-modal-muted: rgba(17, 21, 28, 0.62);
    --gc-wsi-modal-cat: #0d9488;
    --gc-wsi-modal-accent: #c9921f;
    --gc-wsi-modal-result-bg: #f3f5f8;
    --gc-wsi-modal-overlay: rgba(17, 21, 28, 0.72);
}

.gc-wsi-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.gc-wsi-modal__overlay {
    position: fixed;
    inset: 0;
    background: var(--gc-wsi-modal-overlay);
}

.gc-wsi-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(520px, calc(100% - 32px));
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
    margin: 6vh auto 0;
    overflow: auto;
    overscroll-behavior: contain;
    background-color: var(--gc-wsi-modal-bg);
    border: 1px solid var(--gc-wsi-modal-border);
    border-radius: calc(var(--gc-wsi-radius) + 2px);
    padding: 22px 22px 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    outline: none;
    opacity: 1;
    transform: none;
    will-change: auto;
}

.gc-wsi-modal.is-open .gc-wsi-modal__dialog {
    transform: none;
}

.gc-wsi-modal.is-open .gc-wsi-modal__dialog:focus {
    outline: none;
}

.gc-wsi-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 1px solid var(--gc-wsi-modal-border);
    border-radius: 50%;
    background-color: var(--gc-wsi-modal-bg);
    color: var(--gc-wsi-modal-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.gc-wsi-modal__close:hover {
    background-color: var(--gc-wsi-modal-result-bg);
    border-color: var(--gc-wsi-modal-accent);
    color: var(--gc-wsi-modal-accent);
}

.gc-wsi-modal__head {
    padding-right: 40px;
    margin-bottom: 14px;
}

.gc-wsi-modal__cat {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-wsi-modal-cat);
    margin-bottom: 6px;
}

.gc-wsi-modal__title {
    margin: 0 0 4px;
    font-size: clamp(20px, 2.4vw, 26px);
    font-weight: 700;
    line-height: 1.25;
    color: var(--gc-wsi-modal-text);
}

.gc-wsi-modal__subtitle {
    margin: 0;
    font-size: 14px;
    color: var(--gc-wsi-modal-muted);
}

.gc-wsi-modal__media {
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 16px;
    width: 100%;
    max-width: 360px;
    max-height: 180px;
    aspect-ratio: 16 / 10;
    background-color: #121926;
}

[data-theme="light"] .gc-wsi-modal__media {
    background-color: #e8ebf0;
}

.gc-wsi-modal__media img {
    width: 100%;
    height: 100%;
    max-height: 180px;
    object-fit: cover;
    display: block;
}

.gc-wsi-modal__block + .gc-wsi-modal__block {
    margin-top: 16px;
}

.gc-wsi-modal__label {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gc-wsi-modal-accent);
}

.gc-wsi-modal__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--gc-wsi-modal-muted);
}

.gc-wsi-modal__result-box {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 10px;
    background-color: var(--gc-wsi-modal-result-bg);
    border: 1px solid var(--gc-wsi-modal-border);
}

.gc-wsi-modal__result-box .gc-wsi-modal__text {
    color: var(--gc-wsi-modal-text);
    font-weight: 600;
    font-size: 13px;
}

body.gc-wsi-modal-open {
    overflow: hidden !important;
    padding-right: var(--gc-wsi-scrollbar-width, 0px) !important;
    touch-action: none;
}

html.gc-wsi-modal-open {
    overflow: hidden !important;
    scrollbar-gutter: stable;
}

body.gc-wsi-modal-open .header-area,
body.gc-wsi-modal-open header.elementor-location-header,
body.gc-wsi-modal-open .gc-header-sticky {
    padding-right: var(--gc-wsi-scrollbar-width, 0px);
}

/* Responsive */
@media (max-width: 1199px) {
    .gc-wsi-grid,
    .gc-wsi-grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gc-wsi-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .gc-wsi-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 6px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .gc-wsi-tabs::-webkit-scrollbar {
        display: none;
    }

    .gc-wsi-tab {
        flex-shrink: 0;
    }

    .gc-wsi__view-all {
        margin-top: 28px;
    }

    .gc-wsi-modal {
        padding: 12px;
        align-items: flex-start;
    }

    .gc-wsi-modal__dialog {
        width: min(480px, 100%);
        max-height: calc(100dvh - 24px);
        margin-top: 4vh;
        padding: 18px 16px 20px;
    }

    .gc-wsi-modal__media {
        max-width: 100%;
        max-height: 150px;
    }

    .gc-wsi-modal__media img {
        max-height: 150px;
    }

    .gc-wsi-modal__title {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .gc-wsi-card__body {
        padding: 18px 16px 20px;
    }

    .gc-wsi-modal__dialog {
        width: 100%;
        max-height: 90vh;
        padding: 16px 14px 18px;
        border-radius: 14px;
    }

    .gc-wsi-modal__media {
        max-height: 130px;
        margin-bottom: 14px;
    }

    .gc-wsi-modal__media img {
        max-height: 130px;
    }

    .gc-wsi-modal__head {
        margin-bottom: 12px;
    }

    .gc-wsi-modal__block + .gc-wsi-modal__block {
        margin-top: 14px;
    }

    .gc-wsi-modal__text {
        font-size: 13px;
    }
}

/* --- gc-web-service-two.css --- */
/* ==========================================================================
   GC Web Service Two — horizontal icon cards grid (light / dark)
   Theme: --rr-color-theme-primary (#237687), --rr-color-heading-primary
   ========================================================================== */

.gc-web-svc-two {
    --gc-wst-bg: #ffffff;
    --gc-wst-card-bg: #ffffff;
    --gc-wst-card-border: rgba(17, 21, 28, 0.1);
    --gc-wst-card-hover-border: rgba(35, 118, 135, 0.28);
    --gc-wst-icon-bg: rgba(35, 118, 135, 0.1);
    --gc-wst-icon-color: var(--rr-color-theme-primary, #237687);
    --gc-wst-title: var(--rr-color-heading-primary, #11151c);
    --gc-wst-desc: var(--rr-color-text-body-light, #74787c);
    --gc-wst-link: var(--rr-color-heading-primary, #11151c);
    --gc-wst-link-hover: var(--rr-color-theme-primary, #237687);
    position: relative;
    overflow: hidden;
    background: var(--gc-wst-bg);
    padding: 100px 0;
}

[data-theme="dark"] .gc-web-svc-two {
    --gc-wst-bg: var(--rr-color-bg-1, #11151c);
    --gc-wst-card-bg: #171b22;
    --gc-wst-card-border: rgba(255, 255, 255, 0.08);
    --gc-wst-card-hover-border: rgba(35, 118, 135, 0.45);
    --gc-wst-icon-bg: rgba(35, 118, 135, 0.18);
    --gc-wst-icon-color: #5eead4;
    --gc-wst-title: #ffffff;
    --gc-wst-desc: var(--rr-color-text-body, #b0b2b7);
    --gc-wst-link: #ffffff;
    --gc-wst-link-hover: #5eead4;
}

.gc-web-svc-two__grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Section heading — match testimonial */
.gc-web-svc-two .section-heading .sub-heading {
    overflow: visible;
}

[data-theme="dark"] .gc-web-svc-two .section-heading .sub-heading {
    color: var(--rr-color-grey-1);
}

[data-theme="dark"] .gc-web-svc-two .section-heading .sub-heading:before {
    background: linear-gradient(270deg, var(--rr-color-theme-primary, #237687) 0%, transparent 100%);
}

[data-theme="dark"] .gc-web-svc-two .section-heading .sub-heading:after {
    background: linear-gradient(90deg, var(--rr-color-theme-primary, #237687) 0%, transparent 100%);
}

[data-theme="dark"] .gc-web-svc-two .section-heading .section-title {
    color: var(--rr-color-common-white, #ffffff);
}

[data-theme="light"] .gc-web-svc-two .section-heading .sub-heading,
[data-theme="light"] .gc-web-svc-two .section-heading .sub-heading .line {
    color: var(--rr-color-theme-primary, #237687);
}

[data-theme="light"] .gc-web-svc-two .section-heading .sub-heading:before {
    background: linear-gradient(270deg, var(--rr-color-theme-primary, #237687) 0%, transparent 100%);
}

[data-theme="light"] .gc-web-svc-two .section-heading .sub-heading:after {
    background: linear-gradient(90deg, var(--rr-color-theme-primary, #237687) 0%, transparent 100%);
}

[data-theme="light"] .gc-web-svc-two .section-heading .section-title,
[data-theme="light"] .gc-web-svc-two .section-heading .section-title .word {
    color: var(--rr-color-heading-primary, #11151c);
}

.gc-web-svc-two__grid--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gc-web-svc-two__grid--cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gc-web-svc-two__grid--cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* -------------------------------------------------------------------------- */
/* Card                                                                       */
/* -------------------------------------------------------------------------- */

.gc-web-svc-two__card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    height: 100%;
    padding: 28px 24px;
    border-radius: 16px;
    background: var(--gc-wst-card-bg);
    border: 1px solid var(--gc-wst-card-border);
    text-decoration: none;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.25s ease;
}

.gc-web-svc-two__card:hover {
    border-color: var(--gc-wst-card-hover-border);
    box-shadow: 0 14px 36px rgba(17, 21, 28, 0.08);
    transform: translateY(-2px);
}

[data-theme="dark"] .gc-web-svc-two__card:hover {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.gc-web-svc-two__icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--gc-wst-icon-bg);
    color: var(--gc-wst-icon-color);
}

.gc-web-svc-two__icon i,
.gc-web-svc-two__icon svg {
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 1;
    color: inherit;
    fill: currentColor;
}

.gc-web-svc-two__icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.gc-web-svc-two__body {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.gc-web-svc-two__title {
    margin: 0 0 10px;
    font-family: var(--rr-ff-heading);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--gc-wst-title);
    letter-spacing: -0.01em;
}

.gc-web-svc-two__desc {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--gc-wst-desc);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.gc-web-svc-two__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    font-family: var(--rr-ff-heading);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--gc-wst-link);
    transition: color 0.25s ease, gap 0.25s ease;
}

.gc-web-svc-two__link i,
.gc-web-svc-two__link svg {
    font-size: 13px;
    width: 13px;
    height: 13px;
    transition: transform 0.25s ease;
}

.gc-web-svc-two__card:hover .gc-web-svc-two__link {
    color: var(--gc-wst-link-hover);
    gap: 10px;
}

.gc-web-svc-two__card:hover .gc-web-svc-two__link i,
.gc-web-svc-two__card:hover .gc-web-svc-two__link svg {
    transform: translateX(3px);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    .gc-web-svc-two__grid--cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .gc-web-svc-two {
        padding: 80px 0;
    }

    .gc-web-svc-two__grid,
    .gc-web-svc-two__grid--cols-2,
    .gc-web-svc-two__grid--cols-3,
    .gc-web-svc-two__grid--cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gc-web-svc-two__title {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .gc-web-svc-two {
        padding: 64px 0;
    }

    .gc-web-svc-two__grid,
    .gc-web-svc-two__grid--cols-2,
    .gc-web-svc-two__grid--cols-3,
    .gc-web-svc-two__grid--cols-4 {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .gc-web-svc-two__card {
        padding: 22px 18px;
        gap: 16px;
        border-radius: 14px;
    }

    .gc-web-svc-two__icon {
        width: 56px;
        height: 56px;
    }

    .gc-web-svc-two__icon i,
    .gc-web-svc-two__icon svg {
        font-size: 22px;
        width: 22px;
        height: 22px;
    }

    .gc-web-svc-two__title {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .gc-web-svc-two__desc {
        font-size: 14px;
        margin-bottom: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gc-web-svc-two__card,
    .gc-web-svc-two__link,
    .gc-web-svc-two__link i,
    .gc-web-svc-two__link svg {
        transition: none;
    }

    .gc-web-svc-two__card:hover {
        transform: none;
    }
}

.gc-about-story__media {
  height: auto !important; 
}

/* --- bootstrap-icons.min.css --- */
/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */@font-face{font-display:swap;font-family:bootstrap-icons;src:url("../fonts/bootstrap-icons.woff2?e34853135f9e39acf64315236852cd5a") format("woff2"),url("../fonts/bootstrap-icons.woff?e34853135f9e39acf64315236852cd5a") format("woff")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-123::before{content:"\f67f"}.bi-alarm-fill::before{content:"\f101"}.bi-alarm::before{content:"\f102"}.bi-align-bottom::before{content:"\f103"}.bi-align-center::before{content:"\f104"}.bi-align-end::before{content:"\f105"}.bi-align-middle::before{content:"\f106"}.bi-align-start::before{content:"\f107"}.bi-align-top::before{content:"\f108"}.bi-alt::before{content:"\f109"}.bi-app-indicator::before{content:"\f10a"}.bi-app::before{content:"\f10b"}.bi-archive-fill::before{content:"\f10c"}.bi-archive::before{content:"\f10d"}.bi-arrow-90deg-down::before{content:"\f10e"}.bi-arrow-90deg-left::before{content:"\f10f"}.bi-arrow-90deg-right::before{content:"\f110"}.bi-arrow-90deg-up::before{content:"\f111"}.bi-arrow-bar-down::before{content:"\f112"}.bi-arrow-bar-left::before{content:"\f113"}.bi-arrow-bar-right::before{content:"\f114"}.bi-arrow-bar-up::before{content:"\f115"}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-left-circle-fill::before{content:"\f11a"}.bi-arrow-down-left-circle::before{content:"\f11b"}.bi-arrow-down-left-square-fill::before{content:"\f11c"}.bi-arrow-down-left-square::before{content:"\f11d"}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-down-right-circle-fill::before{content:"\f11f"}.bi-arrow-down-right-circle::before{content:"\f120"}.bi-arrow-down-right-square-fill::before{content:"\f121"}.bi-arrow-down-right-square::before{content:"\f122"}.bi-arrow-down-right::before{content:"\f123"}.bi-arrow-down-short::before{content:"\f124"}.bi-arrow-down-square-fill::before{content:"\f125"}.bi-arrow-down-square::before{content:"\f126"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-down::before{content:"\f128"}.bi-arrow-left-circle-fill::before{content:"\f129"}.bi-arrow-left-circle::before{content:"\f12a"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left-short::before{content:"\f12c"}.bi-arrow-left-square-fill::before{content:"\f12d"}.bi-arrow-left-square::before{content:"\f12e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-return-left::before{content:"\f131"}.bi-arrow-return-right::before{content:"\f132"}.bi-arrow-right-circle-fill::before{content:"\f133"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right-short::before{content:"\f135"}.bi-arrow-right-square-fill::before{content:"\f136"}.bi-arrow-right-square::before{content:"\f137"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle-fill::before{content:"\f139"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-arrow-up-left-circle-fill::before{content:"\f13b"}.bi-arrow-up-left-circle::before{content:"\f13c"}.bi-arrow-up-left-square-fill::before{content:"\f13d"}.bi-arrow-up-left-square::before{content:"\f13e"}.bi-arrow-up-left::before{content:"\f13f"}.bi-arrow-up-right-circle-fill::before{content:"\f140"}.bi-arrow-up-right-circle::before{content:"\f141"}.bi-arrow-up-right-square-fill::before{content:"\f142"}.bi-arrow-up-right-square::before{content:"\f143"}.bi-arrow-up-right::before{content:"\f144"}.bi-arrow-up-short::before{content:"\f145"}.bi-arrow-up-square-fill::before{content:"\f146"}.bi-arrow-up-square::before{content:"\f147"}.bi-arrow-up::before{content:"\f148"}.bi-arrows-angle-contract::before{content:"\f149"}.bi-arrows-angle-expand::before{content:"\f14a"}.bi-arrows-collapse::before{content:"\f14b"}.bi-arrows-expand::before{content:"\f14c"}.bi-arrows-fullscreen::before{content:"\f14d"}.bi-arrows-move::before{content:"\f14e"}.bi-aspect-ratio-fill::before{content:"\f14f"}.bi-aspect-ratio::before{content:"\f150"}.bi-asterisk::before{content:"\f151"}.bi-at::before{content:"\f152"}.bi-award-fill::before{content:"\f153"}.bi-award::before{content:"\f154"}.bi-back::before{content:"\f155"}.bi-backspace-fill::before{content:"\f156"}.bi-backspace-reverse-fill::before{content:"\f157"}.bi-backspace-reverse::before{content:"\f158"}.bi-backspace::before{content:"\f159"}.bi-badge-3d-fill::before{content:"\f15a"}.bi-badge-3d::before{content:"\f15b"}.bi-badge-4k-fill::before{content:"\f15c"}.bi-badge-4k::before{content:"\f15d"}.bi-badge-8k-fill::before{content:"\f15e"}.bi-badge-8k::before{content:"\f15f"}.bi-badge-ad-fill::before{content:"\f160"}.bi-badge-ad::before{content:"\f161"}.bi-badge-ar-fill::before{content:"\f162"}.bi-badge-ar::before{content:"\f163"}.bi-badge-cc-fill::before{content:"\f164"}.bi-badge-cc::before{content:"\f165"}.bi-badge-hd-fill::before{content:"\f166"}.bi-badge-hd::before{content:"\f167"}.bi-badge-tm-fill::before{content:"\f168"}.bi-badge-tm::before{content:"\f169"}.bi-badge-vo-fill::before{content:"\f16a"}.bi-badge-vo::before{content:"\f16b"}.bi-badge-vr-fill::before{content:"\f16c"}.bi-badge-vr::before{content:"\f16d"}.bi-badge-wc-fill::before{content:"\f16e"}.bi-badge-wc::before{content:"\f16f"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-check::before{content:"\f171"}.bi-bag-dash-fill::before{content:"\f172"}.bi-bag-dash::before{content:"\f173"}.bi-bag-fill::before{content:"\f174"}.bi-bag-plus-fill::before{content:"\f175"}.bi-bag-plus::before{content:"\f176"}.bi-bag-x-fill::before{content:"\f177"}.bi-bag-x::before{content:"\f178"}.bi-bag::before{content:"\f179"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bar-chart-line-fill::before{content:"\f17b"}.bi-bar-chart-line::before{content:"\f17c"}.bi-bar-chart-steps::before{content:"\f17d"}.bi-bar-chart::before{content:"\f17e"}.bi-basket-fill::before{content:"\f17f"}.bi-basket::before{content:"\f180"}.bi-basket2-fill::before{content:"\f181"}.bi-basket2::before{content:"\f182"}.bi-basket3-fill::before{content:"\f183"}.bi-basket3::before{content:"\f184"}.bi-battery-charging::before{content:"\f185"}.bi-battery-full::before{content:"\f186"}.bi-battery-half::before{content:"\f187"}.bi-battery::before{content:"\f188"}.bi-bell-fill::before{content:"\f189"}.bi-bell::before{content:"\f18a"}.bi-bezier::before{content:"\f18b"}.bi-bezier2::before{content:"\f18c"}.bi-bicycle::before{content:"\f18d"}.bi-binoculars-fill::before{content:"\f18e"}.bi-binoculars::before{content:"\f18f"}.bi-blockquote-left::before{content:"\f190"}.bi-blockquote-right::before{content:"\f191"}.bi-book-fill::before{content:"\f192"}.bi-book-half::before{content:"\f193"}.bi-book::before{content:"\f194"}.bi-bookmark-check-fill::before{content:"\f195"}.bi-bookmark-check::before{content:"\f196"}.bi-bookmark-dash-fill::before{content:"\f197"}.bi-bookmark-dash::before{content:"\f198"}.bi-bookmark-fill::before{content:"\f199"}.bi-bookmark-heart-fill::before{content:"\f19a"}.bi-bookmark-heart::before{content:"\f19b"}.bi-bookmark-plus-fill::before{content:"\f19c"}.bi-bookmark-plus::before{content:"\f19d"}.bi-bookmark-star-fill::before{content:"\f19e"}.bi-bookmark-star::before{content:"\f19f"}.bi-bookmark-x-fill::before{content:"\f1a0"}.bi-bookmark-x::before{content:"\f1a1"}.bi-bookmark::before{content:"\f1a2"}.bi-bookmarks-fill::before{content:"\f1a3"}.bi-bookmarks::before{content:"\f1a4"}.bi-bookshelf::before{content:"\f1a5"}.bi-bootstrap-fill::before{content:"\f1a6"}.bi-bootstrap-reboot::before{content:"\f1a7"}.bi-bootstrap::before{content:"\f1a8"}.bi-border-all::before{content:"\f1a9"}.bi-border-bottom::before{content:"\f1aa"}.bi-border-center::before{content:"\f1ab"}.bi-border-inner::before{content:"\f1ac"}.bi-border-left::before{content:"\f1ad"}.bi-border-middle::before{content:"\f1ae"}.bi-border-outer::before{content:"\f1af"}.bi-border-right::before{content:"\f1b0"}.bi-border-style::before{content:"\f1b1"}.bi-border-top::before{content:"\f1b2"}.bi-border-width::before{content:"\f1b3"}.bi-border::before{content:"\f1b4"}.bi-bounding-box-circles::before{content:"\f1b5"}.bi-bounding-box::before{content:"\f1b6"}.bi-box-arrow-down-left::before{content:"\f1b7"}.bi-box-arrow-down-right::before{content:"\f1b8"}.bi-box-arrow-down::before{content:"\f1b9"}.bi-box-arrow-in-down-left::before{content:"\f1ba"}.bi-box-arrow-in-down-right::before{content:"\f1bb"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-in-left::before{content:"\f1bd"}.bi-box-arrow-in-right::before{content:"\f1be"}.bi-box-arrow-in-up-left::before{content:"\f1bf"}.bi-box-arrow-in-up-right::before{content:"\f1c0"}.bi-box-arrow-in-up::before{content:"\f1c1"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up-left::before{content:"\f1c4"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-seam::before{content:"\f1c7"}.bi-box::before{content:"\f1c8"}.bi-braces::before{content:"\f1c9"}.bi-bricks::before{content:"\f1ca"}.bi-briefcase-fill::before{content:"\f1cb"}.bi-briefcase::before{content:"\f1cc"}.bi-brightness-alt-high-fill::before{content:"\f1cd"}.bi-brightness-alt-high::before{content:"\f1ce"}.bi-brightness-alt-low-fill::before{content:"\f1cf"}.bi-brightness-alt-low::before{content:"\f1d0"}.bi-brightness-high-fill::before{content:"\f1d1"}.bi-brightness-high::before{content:"\f1d2"}.bi-brightness-low-fill::before{content:"\f1d3"}.bi-brightness-low::before{content:"\f1d4"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-broadcast::before{content:"\f1d6"}.bi-brush-fill::before{content:"\f1d7"}.bi-brush::before{content:"\f1d8"}.bi-bucket-fill::before{content:"\f1d9"}.bi-bucket::before{content:"\f1da"}.bi-bug-fill::before{content:"\f1db"}.bi-bug::before{content:"\f1dc"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calculator-fill::before{content:"\f1df"}.bi-calculator::before{content:"\f1e0"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-calendar-check::before{content:"\f1e2"}.bi-calendar-date-fill::before{content:"\f1e3"}.bi-calendar-date::before{content:"\f1e4"}.bi-calendar-day-fill::before{content:"\f1e5"}.bi-calendar-day::before{content:"\f1e6"}.bi-calendar-event-fill::before{content:"\f1e7"}.bi-calendar-event::before{content:"\f1e8"}.bi-calendar-fill::before{content:"\f1e9"}.bi-calendar-minus-fill::before{content:"\f1ea"}.bi-calendar-minus::before{content:"\f1eb"}.bi-calendar-month-fill::before{content:"\f1ec"}.bi-calendar-month::before{content:"\f1ed"}.bi-calendar-plus-fill::before{content:"\f1ee"}.bi-calendar-plus::before{content:"\f1ef"}.bi-calendar-range-fill::before{content:"\f1f0"}.bi-calendar-range::before{content:"\f1f1"}.bi-calendar-week-fill::before{content:"\f1f2"}.bi-calendar-week::before{content:"\f1f3"}.bi-calendar-x-fill::before{content:"\f1f4"}.bi-calendar-x::before{content:"\f1f5"}.bi-calendar::before{content:"\f1f6"}.bi-calendar2-check-fill::before{content:"\f1f7"}.bi-calendar2-check::before{content:"\f1f8"}.bi-calendar2-date-fill::before{content:"\f1f9"}.bi-calendar2-date::before{content:"\f1fa"}.bi-calendar2-day-fill::before{content:"\f1fb"}.bi-calendar2-day::before{content:"\f1fc"}.bi-calendar2-event-fill::before{content:"\f1fd"}.bi-calendar2-event::before{content:"\f1fe"}.bi-calendar2-fill::before{content:"\f1ff"}.bi-calendar2-minus-fill::before{content:"\f200"}.bi-calendar2-minus::before{content:"\f201"}.bi-calendar2-month-fill::before{content:"\f202"}.bi-calendar2-month::before{content:"\f203"}.bi-calendar2-plus-fill::before{content:"\f204"}.bi-calendar2-plus::before{content:"\f205"}.bi-calendar2-range-fill::before{content:"\f206"}.bi-calendar2-range::before{content:"\f207"}.bi-calendar2-week-fill::before{content:"\f208"}.bi-calendar2-week::before{content:"\f209"}.bi-calendar2-x-fill::before{content:"\f20a"}.bi-calendar2-x::before{content:"\f20b"}.bi-calendar2::before{content:"\f20c"}.bi-calendar3-event-fill::before{content:"\f20d"}.bi-calendar3-event::before{content:"\f20e"}.bi-calendar3-fill::before{content:"\f20f"}.bi-calendar3-range-fill::before{content:"\f210"}.bi-calendar3-range::before{content:"\f211"}.bi-calendar3-week-fill::before{content:"\f212"}.bi-calendar3-week::before{content:"\f213"}.bi-calendar3::before{content:"\f214"}.bi-calendar4-event::before{content:"\f215"}.bi-calendar4-range::before{content:"\f216"}.bi-calendar4-week::before{content:"\f217"}.bi-calendar4::before{content:"\f218"}.bi-camera-fill::before{content:"\f219"}.bi-camera-reels-fill::before{content:"\f21a"}.bi-camera-reels::before{content:"\f21b"}.bi-camera-video-fill::before{content:"\f21c"}.bi-camera-video-off-fill::before{content:"\f21d"}.bi-camera-video-off::before{content:"\f21e"}.bi-camera-video::before{content:"\f21f"}.bi-camera::before{content:"\f220"}.bi-camera2::before{content:"\f221"}.bi-capslock-fill::before{content:"\f222"}.bi-capslock::before{content:"\f223"}.bi-card-checklist::before{content:"\f224"}.bi-card-heading::before{content:"\f225"}.bi-card-image::before{content:"\f226"}.bi-card-list::before{content:"\f227"}.bi-card-text::before{content:"\f228"}.bi-caret-down-fill::before{content:"\f229"}.bi-caret-down-square-fill::before{content:"\f22a"}.bi-caret-down-square::before{content:"\f22b"}.bi-caret-down::before{content:"\f22c"}.bi-caret-left-fill::before{content:"\f22d"}.bi-caret-left-square-fill::before{content:"\f22e"}.bi-caret-left-square::before{content:"\f22f"}.bi-caret-left::before{content:"\f230"}.bi-caret-right-fill::before{content:"\f231"}.bi-caret-right-square-fill::before{content:"\f232"}.bi-caret-right-square::before{content:"\f233"}.bi-caret-right::before{content:"\f234"}.bi-caret-up-fill::before{content:"\f235"}.bi-caret-up-square-fill::before{content:"\f236"}.bi-caret-up-square::before{content:"\f237"}.bi-caret-up::before{content:"\f238"}.bi-cart-check-fill::before{content:"\f239"}.bi-cart-check::before{content:"\f23a"}.bi-cart-dash-fill::before{content:"\f23b"}.bi-cart-dash::before{content:"\f23c"}.bi-cart-fill::before{content:"\f23d"}.bi-cart-plus-fill::before{content:"\f23e"}.bi-cart-plus::before{content:"\f23f"}.bi-cart-x-fill::before{content:"\f240"}.bi-cart-x::before{content:"\f241"}.bi-cart::before{content:"\f242"}.bi-cart2::before{content:"\f243"}.bi-cart3::before{content:"\f244"}.bi-cart4::before{content:"\f245"}.bi-cash-stack::before{content:"\f246"}.bi-cash::before{content:"\f247"}.bi-cast::before{content:"\f248"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-fill::before{content:"\f24b"}.bi-chat-left-dots-fill::before{content:"\f24c"}.bi-chat-left-dots::before{content:"\f24d"}.bi-chat-left-fill::before{content:"\f24e"}.bi-chat-left-quote-fill::before{content:"\f24f"}.bi-chat-left-quote::before{content:"\f250"}.bi-chat-left-text-fill::before{content:"\f251"}.bi-chat-left-text::before{content:"\f252"}.bi-chat-left::before{content:"\f253"}.bi-chat-quote-fill::before{content:"\f254"}.bi-chat-quote::before{content:"\f255"}.bi-chat-right-dots-fill::before{content:"\f256"}.bi-chat-right-dots::before{content:"\f257"}.bi-chat-right-fill::before{content:"\f258"}.bi-chat-right-quote-fill::before{content:"\f259"}.bi-chat-right-quote::before{content:"\f25a"}.bi-chat-right-text-fill::before{content:"\f25b"}.bi-chat-right-text::before{content:"\f25c"}.bi-chat-right::before{content:"\f25d"}.bi-chat-square-dots-fill::before{content:"\f25e"}.bi-chat-square-dots::before{content:"\f25f"}.bi-chat-square-fill::before{content:"\f260"}.bi-chat-square-quote-fill::before{content:"\f261"}.bi-chat-square-quote::before{content:"\f262"}.bi-chat-square-text-fill::before{content:"\f263"}.bi-chat-square-text::before{content:"\f264"}.bi-chat-square::before{content:"\f265"}.bi-chat-text-fill::before{content:"\f266"}.bi-chat-text::before{content:"\f267"}.bi-chat::before{content:"\f268"}.bi-check-all::before{content:"\f269"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-circle::before{content:"\f26b"}.bi-check-square-fill::before{content:"\f26c"}.bi-check-square::before{content:"\f26d"}.bi-check::before{content:"\f26e"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-check2::before{content:"\f272"}.bi-chevron-bar-contract::before{content:"\f273"}.bi-chevron-bar-down::before{content:"\f274"}.bi-chevron-bar-expand::before{content:"\f275"}.bi-chevron-bar-left::before{content:"\f276"}.bi-chevron-bar-right::before{content:"\f277"}.bi-chevron-bar-up::before{content:"\f278"}.bi-chevron-compact-down::before{content:"\f279"}.bi-chevron-compact-left::before{content:"\f27a"}.bi-chevron-compact-right::before{content:"\f27b"}.bi-chevron-compact-up::before{content:"\f27c"}.bi-chevron-contract::before{content:"\f27d"}.bi-chevron-double-down::before{content:"\f27e"}.bi-chevron-double-left::before{content:"\f27f"}.bi-chevron-double-right::before{content:"\f280"}.bi-chevron-double-up::before{content:"\f281"}.bi-chevron-down::before{content:"\f282"}.bi-chevron-expand::before{content:"\f283"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-chevron-up::before{content:"\f286"}.bi-circle-fill::before{content:"\f287"}.bi-circle-half::before{content:"\f288"}.bi-circle-square::before{content:"\f289"}.bi-circle::before{content:"\f28a"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-data::before{content:"\f28c"}.bi-clipboard-minus::before{content:"\f28d"}.bi-clipboard-plus::before{content:"\f28e"}.bi-clipboard-x::before{content:"\f28f"}.bi-clipboard::before{content:"\f290"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-clock::before{content:"\f293"}.bi-cloud-arrow-down-fill::before{content:"\f294"}.bi-cloud-arrow-down::before{content:"\f295"}.bi-cloud-arrow-up-fill::before{content:"\f296"}.bi-cloud-arrow-up::before{content:"\f297"}.bi-cloud-check-fill::before{content:"\f298"}.bi-cloud-check::before{content:"\f299"}.bi-cloud-download-fill::before{content:"\f29a"}.bi-cloud-download::before{content:"\f29b"}.bi-cloud-drizzle-fill::before{content:"\f29c"}.bi-cloud-drizzle::before{content:"\f29d"}.bi-cloud-fill::before{content:"\f29e"}.bi-cloud-fog-fill::before{content:"\f29f"}.bi-cloud-fog::before{content:"\f2a0"}.bi-cloud-fog2-fill::before{content:"\f2a1"}.bi-cloud-fog2::before{content:"\f2a2"}.bi-cloud-hail-fill::before{content:"\f2a3"}.bi-cloud-hail::before{content:"\f2a4"}.bi-cloud-haze-fill::before{content:"\f2a6"}.bi-cloud-haze::before{content:"\f2a7"}.bi-cloud-haze2-fill::before{content:"\f2a8"}.bi-cloud-lightning-fill::before{content:"\f2a9"}.bi-cloud-lightning-rain-fill::before{content:"\f2aa"}.bi-cloud-lightning-rain::before{content:"\f2ab"}.bi-cloud-lightning::before{content:"\f2ac"}.bi-cloud-minus-fill::before{content:"\f2ad"}.bi-cloud-minus::before{content:"\f2ae"}.bi-cloud-moon-fill::before{content:"\f2af"}.bi-cloud-moon::before{content:"\f2b0"}.bi-cloud-plus-fill::before{content:"\f2b1"}.bi-cloud-plus::before{content:"\f2b2"}.bi-cloud-rain-fill::before{content:"\f2b3"}.bi-cloud-rain-heavy-fill::before{content:"\f2b4"}.bi-cloud-rain-heavy::before{content:"\f2b5"}.bi-cloud-rain::before{content:"\f2b6"}.bi-cloud-slash-fill::before{content:"\f2b7"}.bi-cloud-slash::before{content:"\f2b8"}.bi-cloud-sleet-fill::before{content:"\f2b9"}.bi-cloud-sleet::before{content:"\f2ba"}.bi-cloud-snow-fill::before{content:"\f2bb"}.bi-cloud-snow::before{content:"\f2bc"}.bi-cloud-sun-fill::before{content:"\f2bd"}.bi-cloud-sun::before{content:"\f2be"}.bi-cloud-upload-fill::before{content:"\f2bf"}.bi-cloud-upload::before{content:"\f2c0"}.bi-cloud::before{content:"\f2c1"}.bi-clouds-fill::before{content:"\f2c2"}.bi-clouds::before{content:"\f2c3"}.bi-cloudy-fill::before{content:"\f2c4"}.bi-cloudy::before{content:"\f2c5"}.bi-code-slash::before{content:"\f2c6"}.bi-code-square::before{content:"\f2c7"}.bi-code::before{content:"\f2c8"}.bi-collection-fill::before{content:"\f2c9"}.bi-collection-play-fill::before{content:"\f2ca"}.bi-collection-play::before{content:"\f2cb"}.bi-collection::before{content:"\f2cc"}.bi-columns-gap::before{content:"\f2cd"}.bi-columns::before{content:"\f2ce"}.bi-command::before{content:"\f2cf"}.bi-compass-fill::before{content:"\f2d0"}.bi-compass::before{content:"\f2d1"}.bi-cone-striped::before{content:"\f2d2"}.bi-cone::before{content:"\f2d3"}.bi-controller::before{content:"\f2d4"}.bi-cpu-fill::before{content:"\f2d5"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card-2-back-fill::before{content:"\f2d7"}.bi-credit-card-2-back::before{content:"\f2d8"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-2-front::before{content:"\f2da"}.bi-credit-card-fill::before{content:"\f2db"}.bi-credit-card::before{content:"\f2dc"}.bi-crop::before{content:"\f2dd"}.bi-cup-fill::before{content:"\f2de"}.bi-cup-straw::before{content:"\f2df"}.bi-cup::before{content:"\f2e0"}.bi-cursor-fill::before{content:"\f2e1"}.bi-cursor-text::before{content:"\f2e2"}.bi-cursor::before{content:"\f2e3"}.bi-dash-circle-dotted::before{content:"\f2e4"}.bi-dash-circle-fill::before{content:"\f2e5"}.bi-dash-circle::before{content:"\f2e6"}.bi-dash-square-dotted::before{content:"\f2e7"}.bi-dash-square-fill::before{content:"\f2e8"}.bi-dash-square::before{content:"\f2e9"}.bi-dash::before{content:"\f2ea"}.bi-diagram-2-fill::before{content:"\f2eb"}.bi-diagram-2::before{content:"\f2ec"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-diagram-3::before{content:"\f2ee"}.bi-diamond-fill::before{content:"\f2ef"}.bi-diamond-half::before{content:"\f2f0"}.bi-diamond::before{content:"\f2f1"}.bi-dice-1-fill::before{content:"\f2f2"}.bi-dice-1::before{content:"\f2f3"}.bi-dice-2-fill::before{content:"\f2f4"}.bi-dice-2::before{content:"\f2f5"}.bi-dice-3-fill::before{content:"\f2f6"}.bi-dice-3::before{content:"\f2f7"}.bi-dice-4-fill::before{content:"\f2f8"}.bi-dice-4::before{content:"\f2f9"}.bi-dice-5-fill::before{content:"\f2fa"}.bi-dice-5::before{content:"\f2fb"}.bi-dice-6-fill::before{content:"\f2fc"}.bi-dice-6::before{content:"\f2fd"}.bi-disc-fill::before{content:"\f2fe"}.bi-disc::before{content:"\f2ff"}.bi-discord::before{content:"\f300"}.bi-display-fill::before{content:"\f301"}.bi-display::before{content:"\f302"}.bi-distribute-horizontal::before{content:"\f303"}.bi-distribute-vertical::before{content:"\f304"}.bi-door-closed-fill::before{content:"\f305"}.bi-door-closed::before{content:"\f306"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-dot::before{content:"\f309"}.bi-download::before{content:"\f30a"}.bi-droplet-fill::before{content:"\f30b"}.bi-droplet-half::before{content:"\f30c"}.bi-droplet::before{content:"\f30d"}.bi-earbuds::before{content:"\f30e"}.bi-easel-fill::before{content:"\f30f"}.bi-easel::before{content:"\f310"}.bi-egg-fill::before{content:"\f311"}.bi-egg-fried::before{content:"\f312"}.bi-egg::before{content:"\f313"}.bi-eject-fill::before{content:"\f314"}.bi-eject::before{content:"\f315"}.bi-emoji-angry-fill::before{content:"\f316"}.bi-emoji-angry::before{content:"\f317"}.bi-emoji-dizzy-fill::before{content:"\f318"}.bi-emoji-dizzy::before{content:"\f319"}.bi-emoji-expressionless-fill::before{content:"\f31a"}.bi-emoji-expressionless::before{content:"\f31b"}.bi-emoji-frown-fill::before{content:"\f31c"}.bi-emoji-frown::before{content:"\f31d"}.bi-emoji-heart-eyes-fill::before{content:"\f31e"}.bi-emoji-heart-eyes::before{content:"\f31f"}.bi-emoji-laughing-fill::before{content:"\f320"}.bi-emoji-laughing::before{content:"\f321"}.bi-emoji-neutral-fill::before{content:"\f322"}.bi-emoji-neutral::before{content:"\f323"}.bi-emoji-smile-fill::before{content:"\f324"}.bi-emoji-smile-upside-down-fill::before{content:"\f325"}.bi-emoji-smile-upside-down::before{content:"\f326"}.bi-emoji-smile::before{content:"\f327"}.bi-emoji-sunglasses-fill::before{content:"\f328"}.bi-emoji-sunglasses::before{content:"\f329"}.bi-emoji-wink-fill::before{content:"\f32a"}.bi-emoji-wink::before{content:"\f32b"}.bi-envelope-fill::before{content:"\f32c"}.bi-envelope-open-fill::before{content:"\f32d"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-eraser-fill::before{content:"\f330"}.bi-eraser::before{content:"\f331"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-diamond-fill::before{content:"\f334"}.bi-exclamation-diamond::before{content:"\f335"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-octagon::before{content:"\f337"}.bi-exclamation-square-fill::before{content:"\f338"}.bi-exclamation-square::before{content:"\f339"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation::before{content:"\f33c"}.bi-exclude::before{content:"\f33d"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-eye-slash::before{content:"\f340"}.bi-eye::before{content:"\f341"}.bi-eyedropper::before{content:"\f342"}.bi-eyeglasses::before{content:"\f343"}.bi-facebook::before{content:"\f344"}.bi-file-arrow-down-fill::before{content:"\f345"}.bi-file-arrow-down::before{content:"\f346"}.bi-file-arrow-up-fill::before{content:"\f347"}.bi-file-arrow-up::before{content:"\f348"}.bi-file-bar-graph-fill::before{content:"\f349"}.bi-file-bar-graph::before{content:"\f34a"}.bi-file-binary-fill::before{content:"\f34b"}.bi-file-binary::before{content:"\f34c"}.bi-file-break-fill::before{content:"\f34d"}.bi-file-break::before{content:"\f34e"}.bi-file-check-fill::before{content:"\f34f"}.bi-file-check::before{content:"\f350"}.bi-file-code-fill::before{content:"\f351"}.bi-file-code::before{content:"\f352"}.bi-file-diff-fill::before{content:"\f353"}.bi-file-diff::before{content:"\f354"}.bi-file-earmark-arrow-down-fill::before{content:"\f355"}.bi-file-earmark-arrow-down::before{content:"\f356"}.bi-file-earmark-arrow-up-fill::before{content:"\f357"}.bi-file-earmark-arrow-up::before{content:"\f358"}.bi-file-earmark-bar-graph-fill::before{content:"\f359"}.bi-file-earmark-bar-graph::before{content:"\f35a"}.bi-file-earmark-binary-fill::before{content:"\f35b"}.bi-file-earmark-binary::before{content:"\f35c"}.bi-file-earmark-break-fill::before{content:"\f35d"}.bi-file-earmark-break::before{content:"\f35e"}.bi-file-earmark-check-fill::before{content:"\f35f"}.bi-file-earmark-check::before{content:"\f360"}.bi-file-earmark-code-fill::before{content:"\f361"}.bi-file-earmark-code::before{content:"\f362"}.bi-file-earmark-diff-fill::before{content:"\f363"}.bi-file-earmark-diff::before{content:"\f364"}.bi-file-earmark-easel-fill::before{content:"\f365"}.bi-file-earmark-easel::before{content:"\f366"}.bi-file-earmark-excel-fill::before{content:"\f367"}.bi-file-earmark-excel::before{content:"\f368"}.bi-file-earmark-fill::before{content:"\f369"}.bi-file-earmark-font-fill::before{content:"\f36a"}.bi-file-earmark-font::before{content:"\f36b"}.bi-file-earmark-image-fill::before{content:"\f36c"}.bi-file-earmark-image::before{content:"\f36d"}.bi-file-earmark-lock-fill::before{content:"\f36e"}.bi-file-earmark-lock::before{content:"\f36f"}.bi-file-earmark-lock2-fill::before{content:"\f370"}.bi-file-earmark-lock2::before{content:"\f371"}.bi-file-earmark-medical-fill::before{content:"\f372"}.bi-file-earmark-medical::before{content:"\f373"}.bi-file-earmark-minus-fill::before{content:"\f374"}.bi-file-earmark-minus::before{content:"\f375"}.bi-file-earmark-music-fill::before{content:"\f376"}.bi-file-earmark-music::before{content:"\f377"}.bi-file-earmark-person-fill::before{content:"\f378"}.bi-file-earmark-person::before{content:"\f379"}.bi-file-earmark-play-fill::before{content:"\f37a"}.bi-file-earmark-play::before{content:"\f37b"}.bi-file-earmark-plus-fill::before{content:"\f37c"}.bi-file-earmark-plus::before{content:"\f37d"}.bi-file-earmark-post-fill::before{content:"\f37e"}.bi-file-earmark-post::before{content:"\f37f"}.bi-file-earmark-ppt-fill::before{content:"\f380"}.bi-file-earmark-ppt::before{content:"\f381"}.bi-file-earmark-richtext-fill::before{content:"\f382"}.bi-file-earmark-richtext::before{content:"\f383"}.bi-file-earmark-ruled-fill::before{content:"\f384"}.bi-file-earmark-ruled::before{content:"\f385"}.bi-file-earmark-slides-fill::before{content:"\f386"}.bi-file-earmark-slides::before{content:"\f387"}.bi-file-earmark-spreadsheet-fill::before{content:"\f388"}.bi-file-earmark-spreadsheet::before{content:"\f389"}.bi-file-earmark-text-fill::before{content:"\f38a"}.bi-file-earmark-text::before{content:"\f38b"}.bi-file-earmark-word-fill::before{content:"\f38c"}.bi-file-earmark-word::before{content:"\f38d"}.bi-file-earmark-x-fill::before{content:"\f38e"}.bi-file-earmark-x::before{content:"\f38f"}.bi-file-earmark-zip-fill::before{content:"\f390"}.bi-file-earmark-zip::before{content:"\f391"}.bi-file-earmark::before{content:"\f392"}.bi-file-easel-fill::before{content:"\f393"}.bi-file-easel::before{content:"\f394"}.bi-file-excel-fill::before{content:"\f395"}.bi-file-excel::before{content:"\f396"}.bi-file-fill::before{content:"\f397"}.bi-file-font-fill::before{content:"\f398"}.bi-file-font::before{content:"\f399"}.bi-file-image-fill::before{content:"\f39a"}.bi-file-image::before{content:"\f39b"}.bi-file-lock-fill::before{content:"\f39c"}.bi-file-lock::before{content:"\f39d"}.bi-file-lock2-fill::before{content:"\f39e"}.bi-file-lock2::before{content:"\f39f"}.bi-file-medical-fill::before{content:"\f3a0"}.bi-file-medical::before{content:"\f3a1"}.bi-file-minus-fill::before{content:"\f3a2"}.bi-file-minus::before{content:"\f3a3"}.bi-file-music-fill::before{content:"\f3a4"}.bi-file-music::before{content:"\f3a5"}.bi-file-person-fill::before{content:"\f3a6"}.bi-file-person::before{content:"\f3a7"}.bi-file-play-fill::before{content:"\f3a8"}.bi-file-play::before{content:"\f3a9"}.bi-file-plus-fill::before{content:"\f3aa"}.bi-file-plus::before{content:"\f3ab"}.bi-file-post-fill::before{content:"\f3ac"}.bi-file-post::before{content:"\f3ad"}.bi-file-ppt-fill::before{content:"\f3ae"}.bi-file-ppt::before{content:"\f3af"}.bi-file-richtext-fill::before{content:"\f3b0"}.bi-file-richtext::before{content:"\f3b1"}.bi-file-ruled-fill::before{content:"\f3b2"}.bi-file-ruled::before{content:"\f3b3"}.bi-file-slides-fill::before{content:"\f3b4"}.bi-file-slides::before{content:"\f3b5"}.bi-file-spreadsheet-fill::before{content:"\f3b6"}.bi-file-spreadsheet::before{content:"\f3b7"}.bi-file-text-fill::before{content:"\f3b8"}.bi-file-text::before{content:"\f3b9"}.bi-file-word-fill::before{content:"\f3ba"}.bi-file-word::before{content:"\f3bb"}.bi-file-x-fill::before{content:"\f3bc"}.bi-file-x::before{content:"\f3bd"}.bi-file-zip-fill::before{content:"\f3be"}.bi-file-zip::before{content:"\f3bf"}.bi-file::before{content:"\f3c0"}.bi-files-alt::before{content:"\f3c1"}.bi-files::before{content:"\f3c2"}.bi-film::before{content:"\f3c3"}.bi-filter-circle-fill::before{content:"\f3c4"}.bi-filter-circle::before{content:"\f3c5"}.bi-filter-left::before{content:"\f3c6"}.bi-filter-right::before{content:"\f3c7"}.bi-filter-square-fill::before{content:"\f3c8"}.bi-filter-square::before{content:"\f3c9"}.bi-filter::before{content:"\f3ca"}.bi-flag-fill::before{content:"\f3cb"}.bi-flag::before{content:"\f3cc"}.bi-flower1::before{content:"\f3cd"}.bi-flower2::before{content:"\f3ce"}.bi-flower3::before{content:"\f3cf"}.bi-folder-check::before{content:"\f3d0"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder-minus::before{content:"\f3d2"}.bi-folder-plus::before{content:"\f3d3"}.bi-folder-symlink-fill::before{content:"\f3d4"}.bi-folder-symlink::before{content:"\f3d5"}.bi-folder-x::before{content:"\f3d6"}.bi-folder::before{content:"\f3d7"}.bi-folder2-open::before{content:"\f3d8"}.bi-folder2::before{content:"\f3d9"}.bi-fonts::before{content:"\f3da"}.bi-forward-fill::before{content:"\f3db"}.bi-forward::before{content:"\f3dc"}.bi-front::before{content:"\f3dd"}.bi-fullscreen-exit::before{content:"\f3de"}.bi-fullscreen::before{content:"\f3df"}.bi-funnel-fill::before{content:"\f3e0"}.bi-funnel::before{content:"\f3e1"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-gear-wide::before{content:"\f3e4"}.bi-gear::before{content:"\f3e5"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-geo-fill::before{content:"\f3e9"}.bi-geo::before{content:"\f3ea"}.bi-gift-fill::before{content:"\f3eb"}.bi-gift::before{content:"\f3ec"}.bi-github::before{content:"\f3ed"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-google::before{content:"\f3f0"}.bi-graph-down::before{content:"\f3f1"}.bi-graph-up::before{content:"\f3f2"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-1x2::before{content:"\f3f4"}.bi-grid-3x2-gap-fill::before{content:"\f3f5"}.bi-grid-3x2-gap::before{content:"\f3f6"}.bi-grid-3x2::before{content:"\f3f7"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3::before{content:"\f3fa"}.bi-grid-fill::before{content:"\f3fb"}.bi-grid::before{content:"\f3fc"}.bi-grip-horizontal::before{content:"\f3fd"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hammer::before{content:"\f3ff"}.bi-hand-index-fill::before{content:"\f400"}.bi-hand-index-thumb-fill::before{content:"\f401"}.bi-hand-index-thumb::before{content:"\f402"}.bi-hand-index::before{content:"\f403"}.bi-hand-thumbs-down-fill::before{content:"\f404"}.bi-hand-thumbs-down::before{content:"\f405"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hand-thumbs-up::before{content:"\f407"}.bi-handbag-fill::before{content:"\f408"}.bi-handbag::before{content:"\f409"}.bi-hash::before{content:"\f40a"}.bi-hdd-fill::before{content:"\f40b"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-stack-fill::before{content:"\f410"}.bi-hdd-stack::before{content:"\f411"}.bi-hdd::before{content:"\f412"}.bi-headphones::before{content:"\f413"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-half::before{content:"\f416"}.bi-heart::before{content:"\f417"}.bi-heptagon-fill::before{content:"\f418"}.bi-heptagon-half::before{content:"\f419"}.bi-heptagon::before{content:"\f41a"}.bi-hexagon-fill::before{content:"\f41b"}.bi-hexagon-half::before{content:"\f41c"}.bi-hexagon::before{content:"\f41d"}.bi-hourglass-bottom::before{content:"\f41e"}.bi-hourglass-split::before{content:"\f41f"}.bi-hourglass-top::before{content:"\f420"}.bi-hourglass::before{content:"\f421"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-house-fill::before{content:"\f424"}.bi-house::before{content:"\f425"}.bi-hr::before{content:"\f426"}.bi-hurricane::before{content:"\f427"}.bi-image-alt::before{content:"\f428"}.bi-image-fill::before{content:"\f429"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-inbox-fill::before{content:"\f42c"}.bi-inbox::before{content:"\f42d"}.bi-inboxes-fill::before{content:"\f42e"}.bi-inboxes::before{content:"\f42f"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-info-square-fill::before{content:"\f432"}.bi-info-square::before{content:"\f433"}.bi-info::before{content:"\f434"}.bi-input-cursor-text::before{content:"\f435"}.bi-input-cursor::before{content:"\f436"}.bi-instagram::before{content:"\f437"}.bi-intersect::before{content:"\f438"}.bi-journal-album::before{content:"\f439"}.bi-journal-arrow-down::before{content:"\f43a"}.bi-journal-arrow-up::before{content:"\f43b"}.bi-journal-bookmark-fill::before{content:"\f43c"}.bi-journal-bookmark::before{content:"\f43d"}.bi-journal-check::before{content:"\f43e"}.bi-journal-code::before{content:"\f43f"}.bi-journal-medical::before{content:"\f440"}.bi-journal-minus::before{content:"\f441"}.bi-journal-plus::before{content:"\f442"}.bi-journal-richtext::before{content:"\f443"}.bi-journal-text::before{content:"\f444"}.bi-journal-x::before{content:"\f445"}.bi-journal::before{content:"\f446"}.bi-journals::before{content:"\f447"}.bi-joystick::before{content:"\f448"}.bi-justify-left::before{content:"\f449"}.bi-justify-right::before{content:"\f44a"}.bi-justify::before{content:"\f44b"}.bi-kanban-fill::before{content:"\f44c"}.bi-kanban::before{content:"\f44d"}.bi-key-fill::before{content:"\f44e"}.bi-key::before{content:"\f44f"}.bi-keyboard-fill::before{content:"\f450"}.bi-keyboard::before{content:"\f451"}.bi-ladder::before{content:"\f452"}.bi-lamp-fill::before{content:"\f453"}.bi-lamp::before{content:"\f454"}.bi-laptop-fill::before{content:"\f455"}.bi-laptop::before{content:"\f456"}.bi-layer-backward::before{content:"\f457"}.bi-layer-forward::before{content:"\f458"}.bi-layers-fill::before{content:"\f459"}.bi-layers-half::before{content:"\f45a"}.bi-layers::before{content:"\f45b"}.bi-layout-sidebar-inset-reverse::before{content:"\f45c"}.bi-layout-sidebar-inset::before{content:"\f45d"}.bi-layout-sidebar-reverse::before{content:"\f45e"}.bi-layout-sidebar::before{content:"\f45f"}.bi-layout-split::before{content:"\f460"}.bi-layout-text-sidebar-reverse::before{content:"\f461"}.bi-layout-text-sidebar::before{content:"\f462"}.bi-layout-text-window-reverse::before{content:"\f463"}.bi-layout-text-window::before{content:"\f464"}.bi-layout-three-columns::before{content:"\f465"}.bi-layout-wtf::before{content:"\f466"}.bi-life-preserver::before{content:"\f467"}.bi-lightbulb-fill::before{content:"\f468"}.bi-lightbulb-off-fill::before{content:"\f469"}.bi-lightbulb-off::before{content:"\f46a"}.bi-lightbulb::before{content:"\f46b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-fill::before{content:"\f46e"}.bi-lightning::before{content:"\f46f"}.bi-link-45deg::before{content:"\f470"}.bi-link::before{content:"\f471"}.bi-linkedin::before{content:"\f472"}.bi-list-check::before{content:"\f473"}.bi-list-nested::before{content:"\f474"}.bi-list-ol::before{content:"\f475"}.bi-list-stars::before{content:"\f476"}.bi-list-task::before{content:"\f477"}.bi-list-ul::before{content:"\f478"}.bi-list::before{content:"\f479"}.bi-lock-fill::before{content:"\f47a"}.bi-lock::before{content:"\f47b"}.bi-mailbox::before{content:"\f47c"}.bi-mailbox2::before{content:"\f47d"}.bi-map-fill::before{content:"\f47e"}.bi-map::before{content:"\f47f"}.bi-markdown-fill::before{content:"\f480"}.bi-markdown::before{content:"\f481"}.bi-mask::before{content:"\f482"}.bi-megaphone-fill::before{content:"\f483"}.bi-megaphone::before{content:"\f484"}.bi-menu-app-fill::before{content:"\f485"}.bi-menu-app::before{content:"\f486"}.bi-menu-button-fill::before{content:"\f487"}.bi-menu-button-wide-fill::before{content:"\f488"}.bi-menu-button-wide::before{content:"\f489"}.bi-menu-button::before{content:"\f48a"}.bi-menu-down::before{content:"\f48b"}.bi-menu-up::before{content:"\f48c"}.bi-mic-fill::before{content:"\f48d"}.bi-mic-mute-fill::before{content:"\f48e"}.bi-mic-mute::before{content:"\f48f"}.bi-mic::before{content:"\f490"}.bi-minecart-loaded::before{content:"\f491"}.bi-minecart::before{content:"\f492"}.bi-moisture::before{content:"\f493"}.bi-moon-fill::before{content:"\f494"}.bi-moon-stars-fill::before{content:"\f495"}.bi-moon-stars::before{content:"\f496"}.bi-moon::before{content:"\f497"}.bi-mouse-fill::before{content:"\f498"}.bi-mouse::before{content:"\f499"}.bi-mouse2-fill::before{content:"\f49a"}.bi-mouse2::before{content:"\f49b"}.bi-mouse3-fill::before{content:"\f49c"}.bi-mouse3::before{content:"\f49d"}.bi-music-note-beamed::before{content:"\f49e"}.bi-music-note-list::before{content:"\f49f"}.bi-music-note::before{content:"\f4a0"}.bi-music-player-fill::before{content:"\f4a1"}.bi-music-player::before{content:"\f4a2"}.bi-newspaper::before{content:"\f4a3"}.bi-node-minus-fill::before{content:"\f4a4"}.bi-node-minus::before{content:"\f4a5"}.bi-node-plus-fill::before{content:"\f4a6"}.bi-node-plus::before{content:"\f4a7"}.bi-nut-fill::before{content:"\f4a8"}.bi-nut::before{content:"\f4a9"}.bi-octagon-fill::before{content:"\f4aa"}.bi-octagon-half::before{content:"\f4ab"}.bi-octagon::before{content:"\f4ac"}.bi-option::before{content:"\f4ad"}.bi-outlet::before{content:"\f4ae"}.bi-paint-bucket::before{content:"\f4af"}.bi-palette-fill::before{content:"\f4b0"}.bi-palette::before{content:"\f4b1"}.bi-palette2::before{content:"\f4b2"}.bi-paperclip::before{content:"\f4b3"}.bi-paragraph::before{content:"\f4b4"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-exclamation-fill::before{content:"\f4b7"}.bi-patch-exclamation::before{content:"\f4b8"}.bi-patch-minus-fill::before{content:"\f4b9"}.bi-patch-minus::before{content:"\f4ba"}.bi-patch-plus-fill::before{content:"\f4bb"}.bi-patch-plus::before{content:"\f4bc"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-patch-question::before{content:"\f4be"}.bi-pause-btn-fill::before{content:"\f4bf"}.bi-pause-btn::before{content:"\f4c0"}.bi-pause-circle-fill::before{content:"\f4c1"}.bi-pause-circle::before{content:"\f4c2"}.bi-pause-fill::before{content:"\f4c3"}.bi-pause::before{content:"\f4c4"}.bi-peace-fill::before{content:"\f4c5"}.bi-peace::before{content:"\f4c6"}.bi-pen-fill::before{content:"\f4c7"}.bi-pen::before{content:"\f4c8"}.bi-pencil-fill::before{content:"\f4c9"}.bi-pencil-square::before{content:"\f4ca"}.bi-pencil::before{content:"\f4cb"}.bi-pentagon-fill::before{content:"\f4cc"}.bi-pentagon-half::before{content:"\f4cd"}.bi-pentagon::before{content:"\f4ce"}.bi-people-fill::before{content:"\f4cf"}.bi-people::before{content:"\f4d0"}.bi-percent::before{content:"\f4d1"}.bi-person-badge-fill::before{content:"\f4d2"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-check::before{content:"\f4d6"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-dash::before{content:"\f4d9"}.bi-person-fill::before{content:"\f4da"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-plus::before{content:"\f4dd"}.bi-person-square::before{content:"\f4de"}.bi-person-x-fill::before{content:"\f4df"}.bi-person-x::before{content:"\f4e0"}.bi-person::before{content:"\f4e1"}.bi-phone-fill::before{content:"\f4e2"}.bi-phone-landscape-fill::before{content:"\f4e3"}.bi-phone-landscape::before{content:"\f4e4"}.bi-phone-vibrate-fill::before{content:"\f4e5"}.bi-phone-vibrate::before{content:"\f4e6"}.bi-phone::before{content:"\f4e7"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-pie-chart::before{content:"\f4e9"}.bi-pin-angle-fill::before{content:"\f4ea"}.bi-pin-angle::before{content:"\f4eb"}.bi-pin-fill::before{content:"\f4ec"}.bi-pin::before{content:"\f4ed"}.bi-pip-fill::before{content:"\f4ee"}.bi-pip::before{content:"\f4ef"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-btn::before{content:"\f4f1"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-circle::before{content:"\f4f3"}.bi-play-fill::before{content:"\f4f4"}.bi-play::before{content:"\f4f5"}.bi-plug-fill::before{content:"\f4f6"}.bi-plug::before{content:"\f4f7"}.bi-plus-circle-dotted::before{content:"\f4f8"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-circle::before{content:"\f4fa"}.bi-plus-square-dotted::before{content:"\f4fb"}.bi-plus-square-fill::before{content:"\f4fc"}.bi-plus-square::before{content:"\f4fd"}.bi-plus::before{content:"\f4fe"}.bi-power::before{content:"\f4ff"}.bi-printer-fill::before{content:"\f500"}.bi-printer::before{content:"\f501"}.bi-puzzle-fill::before{content:"\f502"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-question-circle::before{content:"\f505"}.bi-question-diamond-fill::before{content:"\f506"}.bi-question-diamond::before{content:"\f507"}.bi-question-octagon-fill::before{content:"\f508"}.bi-question-octagon::before{content:"\f509"}.bi-question-square-fill::before{content:"\f50a"}.bi-question-square::before{content:"\f50b"}.bi-question::before{content:"\f50c"}.bi-rainbow::before{content:"\f50d"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-receipt::before{content:"\f50f"}.bi-reception-0::before{content:"\f510"}.bi-reception-1::before{content:"\f511"}.bi-reception-2::before{content:"\f512"}.bi-reception-3::before{content:"\f513"}.bi-reception-4::before{content:"\f514"}.bi-record-btn-fill::before{content:"\f515"}.bi-record-btn::before{content:"\f516"}.bi-record-circle-fill::before{content:"\f517"}.bi-record-circle::before{content:"\f518"}.bi-record-fill::before{content:"\f519"}.bi-record::before{content:"\f51a"}.bi-record2-fill::before{content:"\f51b"}.bi-record2::before{content:"\f51c"}.bi-reply-all-fill::before{content:"\f51d"}.bi-reply-all::before{content:"\f51e"}.bi-reply-fill::before{content:"\f51f"}.bi-reply::before{content:"\f520"}.bi-rss-fill::before{content:"\f521"}.bi-rss::before{content:"\f522"}.bi-rulers::before{content:"\f523"}.bi-save-fill::before{content:"\f524"}.bi-save::before{content:"\f525"}.bi-save2-fill::before{content:"\f526"}.bi-save2::before{content:"\f527"}.bi-scissors::before{content:"\f528"}.bi-screwdriver::before{content:"\f529"}.bi-search::before{content:"\f52a"}.bi-segmented-nav::before{content:"\f52b"}.bi-server::before{content:"\f52c"}.bi-share-fill::before{content:"\f52d"}.bi-share::before{content:"\f52e"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-fill-exclamation::before{content:"\f532"}.bi-shield-fill-minus::before{content:"\f533"}.bi-shield-fill-plus::before{content:"\f534"}.bi-shield-fill-x::before{content:"\f535"}.bi-shield-fill::before{content:"\f536"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-lock::before{content:"\f538"}.bi-shield-minus::before{content:"\f539"}.bi-shield-plus::before{content:"\f53a"}.bi-shield-shaded::before{content:"\f53b"}.bi-shield-slash-fill::before{content:"\f53c"}.bi-shield-slash::before{content:"\f53d"}.bi-shield-x::before{content:"\f53e"}.bi-shield::before{content:"\f53f"}.bi-shift-fill::before{content:"\f540"}.bi-shift::before{content:"\f541"}.bi-shop-window::before{content:"\f542"}.bi-shop::before{content:"\f543"}.bi-shuffle::before{content:"\f544"}.bi-signpost-2-fill::before{content:"\f545"}.bi-signpost-2::before{content:"\f546"}.bi-signpost-fill::before{content:"\f547"}.bi-signpost-split-fill::before{content:"\f548"}.bi-signpost-split::before{content:"\f549"}.bi-signpost::before{content:"\f54a"}.bi-sim-fill::before{content:"\f54b"}.bi-sim::before{content:"\f54c"}.bi-skip-backward-btn-fill::before{content:"\f54d"}.bi-skip-backward-btn::before{content:"\f54e"}.bi-skip-backward-circle-fill::before{content:"\f54f"}.bi-skip-backward-circle::before{content:"\f550"}.bi-skip-backward-fill::before{content:"\f551"}.bi-skip-backward::before{content:"\f552"}.bi-skip-end-btn-fill::before{content:"\f553"}.bi-skip-end-btn::before{content:"\f554"}.bi-skip-end-circle-fill::before{content:"\f555"}.bi-skip-end-circle::before{content:"\f556"}.bi-skip-end-fill::before{content:"\f557"}.bi-skip-end::before{content:"\f558"}.bi-skip-forward-btn-fill::before{content:"\f559"}.bi-skip-forward-btn::before{content:"\f55a"}.bi-skip-forward-circle-fill::before{content:"\f55b"}.bi-skip-forward-circle::before{content:"\f55c"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-skip-forward::before{content:"\f55e"}.bi-skip-start-btn-fill::before{content:"\f55f"}.bi-skip-start-btn::before{content:"\f560"}.bi-skip-start-circle-fill::before{content:"\f561"}.bi-skip-start-circle::before{content:"\f562"}.bi-skip-start-fill::before{content:"\f563"}.bi-skip-start::before{content:"\f564"}.bi-slack::before{content:"\f565"}.bi-slash-circle-fill::before{content:"\f566"}.bi-slash-circle::before{content:"\f567"}.bi-slash-square-fill::before{content:"\f568"}.bi-slash-square::before{content:"\f569"}.bi-slash::before{content:"\f56a"}.bi-sliders::before{content:"\f56b"}.bi-smartwatch::before{content:"\f56c"}.bi-snow::before{content:"\f56d"}.bi-snow2::before{content:"\f56e"}.bi-snow3::before{content:"\f56f"}.bi-sort-alpha-down-alt::before{content:"\f570"}.bi-sort-alpha-down::before{content:"\f571"}.bi-sort-alpha-up-alt::before{content:"\f572"}.bi-sort-alpha-up::before{content:"\f573"}.bi-sort-down-alt::before{content:"\f574"}.bi-sort-down::before{content:"\f575"}.bi-sort-numeric-down-alt::before{content:"\f576"}.bi-sort-numeric-down::before{content:"\f577"}.bi-sort-numeric-up-alt::before{content:"\f578"}.bi-sort-numeric-up::before{content:"\f579"}.bi-sort-up-alt::before{content:"\f57a"}.bi-sort-up::before{content:"\f57b"}.bi-soundwave::before{content:"\f57c"}.bi-speaker-fill::before{content:"\f57d"}.bi-speaker::before{content:"\f57e"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-spellcheck::before{content:"\f581"}.bi-square-fill::before{content:"\f582"}.bi-square-half::before{content:"\f583"}.bi-square::before{content:"\f584"}.bi-stack::before{content:"\f585"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-stars::before{content:"\f589"}.bi-stickies-fill::before{content:"\f58a"}.bi-stickies::before{content:"\f58b"}.bi-sticky-fill::before{content:"\f58c"}.bi-sticky::before{content:"\f58d"}.bi-stop-btn-fill::before{content:"\f58e"}.bi-stop-btn::before{content:"\f58f"}.bi-stop-circle-fill::before{content:"\f590"}.bi-stop-circle::before{content:"\f591"}.bi-stop-fill::before{content:"\f592"}.bi-stop::before{content:"\f593"}.bi-stoplights-fill::before{content:"\f594"}.bi-stoplights::before{content:"\f595"}.bi-stopwatch-fill::before{content:"\f596"}.bi-stopwatch::before{content:"\f597"}.bi-subtract::before{content:"\f598"}.bi-suit-club-fill::before{content:"\f599"}.bi-suit-club::before{content:"\f59a"}.bi-suit-diamond-fill::before{content:"\f59b"}.bi-suit-diamond::before{content:"\f59c"}.bi-suit-heart-fill::before{content:"\f59d"}.bi-suit-heart::before{content:"\f59e"}.bi-suit-spade-fill::before{content:"\f59f"}.bi-suit-spade::before{content:"\f5a0"}.bi-sun-fill::before{content:"\f5a1"}.bi-sun::before{content:"\f5a2"}.bi-sunglasses::before{content:"\f5a3"}.bi-sunrise-fill::before{content:"\f5a4"}.bi-sunrise::before{content:"\f5a5"}.bi-sunset-fill::before{content:"\f5a6"}.bi-sunset::before{content:"\f5a7"}.bi-symmetry-horizontal::before{content:"\f5a8"}.bi-symmetry-vertical::before{content:"\f5a9"}.bi-table::before{content:"\f5aa"}.bi-tablet-fill::before{content:"\f5ab"}.bi-tablet-landscape-fill::before{content:"\f5ac"}.bi-tablet-landscape::before{content:"\f5ad"}.bi-tablet::before{content:"\f5ae"}.bi-tag-fill::before{content:"\f5af"}.bi-tag::before{content:"\f5b0"}.bi-tags-fill::before{content:"\f5b1"}.bi-tags::before{content:"\f5b2"}.bi-telegram::before{content:"\f5b3"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-forward-fill::before{content:"\f5b5"}.bi-telephone-forward::before{content:"\f5b6"}.bi-telephone-inbound-fill::before{content:"\f5b7"}.bi-telephone-inbound::before{content:"\f5b8"}.bi-telephone-minus-fill::before{content:"\f5b9"}.bi-telephone-minus::before{content:"\f5ba"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-telephone-plus-fill::before{content:"\f5bd"}.bi-telephone-plus::before{content:"\f5be"}.bi-telephone-x-fill::before{content:"\f5bf"}.bi-telephone-x::before{content:"\f5c0"}.bi-telephone::before{content:"\f5c1"}.bi-terminal-fill::before{content:"\f5c2"}.bi-terminal::before{content:"\f5c3"}.bi-text-center::before{content:"\f5c4"}.bi-text-indent-left::before{content:"\f5c5"}.bi-text-indent-right::before{content:"\f5c6"}.bi-text-left::before{content:"\f5c7"}.bi-text-paragraph::before{content:"\f5c8"}.bi-text-right::before{content:"\f5c9"}.bi-textarea-resize::before{content:"\f5ca"}.bi-textarea-t::before{content:"\f5cb"}.bi-textarea::before{content:"\f5cc"}.bi-thermometer-half::before{content:"\f5cd"}.bi-thermometer-high::before{content:"\f5ce"}.bi-thermometer-low::before{content:"\f5cf"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-thermometer-sun::before{content:"\f5d1"}.bi-thermometer::before{content:"\f5d2"}.bi-three-dots-vertical::before{content:"\f5d3"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-off::before{content:"\f5d5"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggle2-off::before{content:"\f5d7"}.bi-toggle2-on::before{content:"\f5d8"}.bi-toggles::before{content:"\f5d9"}.bi-toggles2::before{content:"\f5da"}.bi-tools::before{content:"\f5db"}.bi-tornado::before{content:"\f5dc"}.bi-trash-fill::before{content:"\f5dd"}.bi-trash::before{content:"\f5de"}.bi-trash2-fill::before{content:"\f5df"}.bi-trash2::before{content:"\f5e0"}.bi-tree-fill::before{content:"\f5e1"}.bi-tree::before{content:"\f5e2"}.bi-triangle-fill::before{content:"\f5e3"}.bi-triangle-half::before{content:"\f5e4"}.bi-triangle::before{content:"\f5e5"}.bi-trophy-fill::before{content:"\f5e6"}.bi-trophy::before{content:"\f5e7"}.bi-tropical-storm::before{content:"\f5e8"}.bi-truck-flatbed::before{content:"\f5e9"}.bi-truck::before{content:"\f5ea"}.bi-tsunami::before{content:"\f5eb"}.bi-tv-fill::before{content:"\f5ec"}.bi-tv::before{content:"\f5ed"}.bi-twitch::before{content:"\f5ee"}.bi-twitter::before{content:"\f5ef"}.bi-type-bold::before{content:"\f5f0"}.bi-type-h1::before{content:"\f5f1"}.bi-type-h2::before{content:"\f5f2"}.bi-type-h3::before{content:"\f5f3"}.bi-type-italic::before{content:"\f5f4"}.bi-type-strikethrough::before{content:"\f5f5"}.bi-type-underline::before{content:"\f5f6"}.bi-type::before{content:"\f5f7"}.bi-ui-checks-grid::before{content:"\f5f8"}.bi-ui-checks::before{content:"\f5f9"}.bi-ui-radios-grid::before{content:"\f5fa"}.bi-ui-radios::before{content:"\f5fb"}.bi-umbrella-fill::before{content:"\f5fc"}.bi-umbrella::before{content:"\f5fd"}.bi-union::before{content:"\f5fe"}.bi-unlock-fill::before{content:"\f5ff"}.bi-unlock::before{content:"\f600"}.bi-upc-scan::before{content:"\f601"}.bi-upc::before{content:"\f602"}.bi-upload::before{content:"\f603"}.bi-vector-pen::before{content:"\f604"}.bi-view-list::before{content:"\f605"}.bi-view-stacked::before{content:"\f606"}.bi-vinyl-fill::before{content:"\f607"}.bi-vinyl::before{content:"\f608"}.bi-voicemail::before{content:"\f609"}.bi-volume-down-fill::before{content:"\f60a"}.bi-volume-down::before{content:"\f60b"}.bi-volume-mute-fill::before{content:"\f60c"}.bi-volume-mute::before{content:"\f60d"}.bi-volume-off-fill::before{content:"\f60e"}.bi-volume-off::before{content:"\f60f"}.bi-volume-up-fill::before{content:"\f610"}.bi-volume-up::before{content:"\f611"}.bi-vr::before{content:"\f612"}.bi-wallet-fill::before{content:"\f613"}.bi-wallet::before{content:"\f614"}.bi-wallet2::before{content:"\f615"}.bi-watch::before{content:"\f616"}.bi-water::before{content:"\f617"}.bi-whatsapp::before{content:"\f618"}.bi-wifi-1::before{content:"\f619"}.bi-wifi-2::before{content:"\f61a"}.bi-wifi-off::before{content:"\f61b"}.bi-wifi::before{content:"\f61c"}.bi-wind::before{content:"\f61d"}.bi-window-dock::before{content:"\f61e"}.bi-window-sidebar::before{content:"\f61f"}.bi-window::before{content:"\f620"}.bi-wrench::before{content:"\f621"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-circle::before{content:"\f623"}.bi-x-diamond-fill::before{content:"\f624"}.bi-x-diamond::before{content:"\f625"}.bi-x-octagon-fill::before{content:"\f626"}.bi-x-octagon::before{content:"\f627"}.bi-x-square-fill::before{content:"\f628"}.bi-x-square::before{content:"\f629"}.bi-x::before{content:"\f62a"}.bi-youtube::before{content:"\f62b"}.bi-zoom-in::before{content:"\f62c"}.bi-zoom-out::before{content:"\f62d"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bell-slash-fill::before{content:"\f630"}.bi-bell-slash::before{content:"\f631"}.bi-cash-coin::before{content:"\f632"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-currency-bitcoin::before{content:"\f635"}.bi-currency-dollar::before{content:"\f636"}.bi-currency-euro::before{content:"\f637"}.bi-currency-exchange::before{content:"\f638"}.bi-currency-pound::before{content:"\f639"}.bi-currency-yen::before{content:"\f63a"}.bi-dash-lg::before{content:"\f63b"}.bi-exclamation-lg::before{content:"\f63c"}.bi-file-earmark-pdf-fill::before{content:"\f63d"}.bi-file-earmark-pdf::before{content:"\f63e"}.bi-file-pdf-fill::before{content:"\f63f"}.bi-file-pdf::before{content:"\f640"}.bi-gender-ambiguous::before{content:"\f641"}.bi-gender-female::before{content:"\f642"}.bi-gender-male::before{content:"\f643"}.bi-gender-trans::before{content:"\f644"}.bi-headset-vr::before{content:"\f645"}.bi-info-lg::before{content:"\f646"}.bi-mastodon::before{content:"\f647"}.bi-messenger::before{content:"\f648"}.bi-piggy-bank-fill::before{content:"\f649"}.bi-piggy-bank::before{content:"\f64a"}.bi-pin-map-fill::before{content:"\f64b"}.bi-pin-map::before{content:"\f64c"}.bi-plus-lg::before{content:"\f64d"}.bi-question-lg::before{content:"\f64e"}.bi-recycle::before{content:"\f64f"}.bi-reddit::before{content:"\f650"}.bi-safe-fill::before{content:"\f651"}.bi-safe2-fill::before{content:"\f652"}.bi-safe2::before{content:"\f653"}.bi-sd-card-fill::before{content:"\f654"}.bi-sd-card::before{content:"\f655"}.bi-skype::before{content:"\f656"}.bi-slash-lg::before{content:"\f657"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-safe::before{content:"\f65a"}.bi-apple::before{content:"\f65b"}.bi-microsoft::before{content:"\f65d"}.bi-windows::before{content:"\f65e"}.bi-behance::before{content:"\f65c"}.bi-dribbble::before{content:"\f65f"}.bi-line::before{content:"\f660"}.bi-medium::before{content:"\f661"}.bi-paypal::before{content:"\f662"}.bi-pinterest::before{content:"\f663"}.bi-signal::before{content:"\f664"}.bi-snapchat::before{content:"\f665"}.bi-spotify::before{content:"\f666"}.bi-stack-overflow::before{content:"\f667"}.bi-strava::before{content:"\f668"}.bi-wordpress::before{content:"\f669"}.bi-vimeo::before{content:"\f66a"}.bi-activity::before{content:"\f66b"}.bi-easel2-fill::before{content:"\f66c"}.bi-easel2::before{content:"\f66d"}.bi-easel3-fill::before{content:"\f66e"}.bi-easel3::before{content:"\f66f"}.bi-fan::before{content:"\f670"}.bi-fingerprint::before{content:"\f671"}.bi-graph-down-arrow::before{content:"\f672"}.bi-graph-up-arrow::before{content:"\f673"}.bi-hypnotize::before{content:"\f674"}.bi-magic::before{content:"\f675"}.bi-person-rolodex::before{content:"\f676"}.bi-person-video::before{content:"\f677"}.bi-person-video2::before{content:"\f678"}.bi-person-video3::before{content:"\f679"}.bi-person-workspace::before{content:"\f67a"}.bi-radioactive::before{content:"\f67b"}.bi-webcam-fill::before{content:"\f67c"}.bi-webcam::before{content:"\f67d"}.bi-yin-yang::before{content:"\f67e"}.bi-bandaid-fill::before{content:"\f680"}.bi-bandaid::before{content:"\f681"}.bi-bluetooth::before{content:"\f682"}.bi-body-text::before{content:"\f683"}.bi-boombox::before{content:"\f684"}.bi-boxes::before{content:"\f685"}.bi-dpad-fill::before{content:"\f686"}.bi-dpad::before{content:"\f687"}.bi-ear-fill::before{content:"\f688"}.bi-ear::before{content:"\f689"}.bi-envelope-check-fill::before{content:"\f68b"}.bi-envelope-check::before{content:"\f68c"}.bi-envelope-dash-fill::before{content:"\f68e"}.bi-envelope-dash::before{content:"\f68f"}.bi-envelope-exclamation-fill::before{content:"\f691"}.bi-envelope-exclamation::before{content:"\f692"}.bi-envelope-plus-fill::before{content:"\f693"}.bi-envelope-plus::before{content:"\f694"}.bi-envelope-slash-fill::before{content:"\f696"}.bi-envelope-slash::before{content:"\f697"}.bi-envelope-x-fill::before{content:"\f699"}.bi-envelope-x::before{content:"\f69a"}.bi-explicit-fill::before{content:"\f69b"}.bi-explicit::before{content:"\f69c"}.bi-git::before{content:"\f69d"}.bi-infinity::before{content:"\f69e"}.bi-list-columns-reverse::before{content:"\f69f"}.bi-list-columns::before{content:"\f6a0"}.bi-meta::before{content:"\f6a1"}.bi-nintendo-switch::before{content:"\f6a4"}.bi-pc-display-horizontal::before{content:"\f6a5"}.bi-pc-display::before{content:"\f6a6"}.bi-pc-horizontal::before{content:"\f6a7"}.bi-pc::before{content:"\f6a8"}.bi-playstation::before{content:"\f6a9"}.bi-plus-slash-minus::before{content:"\f6aa"}.bi-projector-fill::before{content:"\f6ab"}.bi-projector::before{content:"\f6ac"}.bi-qr-code-scan::before{content:"\f6ad"}.bi-qr-code::before{content:"\f6ae"}.bi-quora::before{content:"\f6af"}.bi-quote::before{content:"\f6b0"}.bi-robot::before{content:"\f6b1"}.bi-send-check-fill::before{content:"\f6b2"}.bi-send-check::before{content:"\f6b3"}.bi-send-dash-fill::before{content:"\f6b4"}.bi-send-dash::before{content:"\f6b5"}.bi-send-exclamation-fill::before{content:"\f6b7"}.bi-send-exclamation::before{content:"\f6b8"}.bi-send-fill::before{content:"\f6b9"}.bi-send-plus-fill::before{content:"\f6ba"}.bi-send-plus::before{content:"\f6bb"}.bi-send-slash-fill::before{content:"\f6bc"}.bi-send-slash::before{content:"\f6bd"}.bi-send-x-fill::before{content:"\f6be"}.bi-send-x::before{content:"\f6bf"}.bi-send::before{content:"\f6c0"}.bi-steam::before{content:"\f6c1"}.bi-terminal-dash::before{content:"\f6c3"}.bi-terminal-plus::before{content:"\f6c4"}.bi-terminal-split::before{content:"\f6c5"}.bi-ticket-detailed-fill::before{content:"\f6c6"}.bi-ticket-detailed::before{content:"\f6c7"}.bi-ticket-fill::before{content:"\f6c8"}.bi-ticket-perforated-fill::before{content:"\f6c9"}.bi-ticket-perforated::before{content:"\f6ca"}.bi-ticket::before{content:"\f6cb"}.bi-tiktok::before{content:"\f6cc"}.bi-window-dash::before{content:"\f6cd"}.bi-window-desktop::before{content:"\f6ce"}.bi-window-fullscreen::before{content:"\f6cf"}.bi-window-plus::before{content:"\f6d0"}.bi-window-split::before{content:"\f6d1"}.bi-window-stack::before{content:"\f6d2"}.bi-window-x::before{content:"\f6d3"}.bi-xbox::before{content:"\f6d4"}.bi-ethernet::before{content:"\f6d5"}.bi-hdmi-fill::before{content:"\f6d6"}.bi-hdmi::before{content:"\f6d7"}.bi-usb-c-fill::before{content:"\f6d8"}.bi-usb-c::before{content:"\f6d9"}.bi-usb-fill::before{content:"\f6da"}.bi-usb-plug-fill::before{content:"\f6db"}.bi-usb-plug::before{content:"\f6dc"}.bi-usb-symbol::before{content:"\f6dd"}.bi-usb::before{content:"\f6de"}.bi-boombox-fill::before{content:"\f6df"}.bi-displayport::before{content:"\f6e1"}.bi-gpu-card::before{content:"\f6e2"}.bi-memory::before{content:"\f6e3"}.bi-modem-fill::before{content:"\f6e4"}.bi-modem::before{content:"\f6e5"}.bi-motherboard-fill::before{content:"\f6e6"}.bi-motherboard::before{content:"\f6e7"}.bi-optical-audio-fill::before{content:"\f6e8"}.bi-optical-audio::before{content:"\f6e9"}.bi-pci-card::before{content:"\f6ea"}.bi-router-fill::before{content:"\f6eb"}.bi-router::before{content:"\f6ec"}.bi-thunderbolt-fill::before{content:"\f6ef"}.bi-thunderbolt::before{content:"\f6f0"}.bi-usb-drive-fill::before{content:"\f6f1"}.bi-usb-drive::before{content:"\f6f2"}.bi-usb-micro-fill::before{content:"\f6f3"}.bi-usb-micro::before{content:"\f6f4"}.bi-usb-mini-fill::before{content:"\f6f5"}.bi-usb-mini::before{content:"\f6f6"}.bi-cloud-haze2::before{content:"\f6f7"}.bi-device-hdd-fill::before{content:"\f6f8"}.bi-device-hdd::before{content:"\f6f9"}.bi-device-ssd-fill::before{content:"\f6fa"}.bi-device-ssd::before{content:"\f6fb"}.bi-displayport-fill::before{content:"\f6fc"}.bi-mortarboard-fill::before{content:"\f6fd"}.bi-mortarboard::before{content:"\f6fe"}.bi-terminal-x::before{content:"\f6ff"}.bi-arrow-through-heart-fill::before{content:"\f700"}.bi-arrow-through-heart::before{content:"\f701"}.bi-badge-sd-fill::before{content:"\f702"}.bi-badge-sd::before{content:"\f703"}.bi-bag-heart-fill::before{content:"\f704"}.bi-bag-heart::before{content:"\f705"}.bi-balloon-fill::before{content:"\f706"}.bi-balloon-heart-fill::before{content:"\f707"}.bi-balloon-heart::before{content:"\f708"}.bi-balloon::before{content:"\f709"}.bi-box2-fill::before{content:"\f70a"}.bi-box2-heart-fill::before{content:"\f70b"}.bi-box2-heart::before{content:"\f70c"}.bi-box2::before{content:"\f70d"}.bi-braces-asterisk::before{content:"\f70e"}.bi-calendar-heart-fill::before{content:"\f70f"}.bi-calendar-heart::before{content:"\f710"}.bi-calendar2-heart-fill::before{content:"\f711"}.bi-calendar2-heart::before{content:"\f712"}.bi-chat-heart-fill::before{content:"\f713"}.bi-chat-heart::before{content:"\f714"}.bi-chat-left-heart-fill::before{content:"\f715"}.bi-chat-left-heart::before{content:"\f716"}.bi-chat-right-heart-fill::before{content:"\f717"}.bi-chat-right-heart::before{content:"\f718"}.bi-chat-square-heart-fill::before{content:"\f719"}.bi-chat-square-heart::before{content:"\f71a"}.bi-clipboard-check-fill::before{content:"\f71b"}.bi-clipboard-data-fill::before{content:"\f71c"}.bi-clipboard-fill::before{content:"\f71d"}.bi-clipboard-heart-fill::before{content:"\f71e"}.bi-clipboard-heart::before{content:"\f71f"}.bi-clipboard-minus-fill::before{content:"\f720"}.bi-clipboard-plus-fill::before{content:"\f721"}.bi-clipboard-pulse::before{content:"\f722"}.bi-clipboard-x-fill::before{content:"\f723"}.bi-clipboard2-check-fill::before{content:"\f724"}.bi-clipboard2-check::before{content:"\f725"}.bi-clipboard2-data-fill::before{content:"\f726"}.bi-clipboard2-data::before{content:"\f727"}.bi-clipboard2-fill::before{content:"\f728"}.bi-clipboard2-heart-fill::before{content:"\f729"}.bi-clipboard2-heart::before{content:"\f72a"}.bi-clipboard2-minus-fill::before{content:"\f72b"}.bi-clipboard2-minus::before{content:"\f72c"}.bi-clipboard2-plus-fill::before{content:"\f72d"}.bi-clipboard2-plus::before{content:"\f72e"}.bi-clipboard2-pulse-fill::before{content:"\f72f"}.bi-clipboard2-pulse::before{content:"\f730"}.bi-clipboard2-x-fill::before{content:"\f731"}.bi-clipboard2-x::before{content:"\f732"}.bi-clipboard2::before{content:"\f733"}.bi-emoji-kiss-fill::before{content:"\f734"}.bi-emoji-kiss::before{content:"\f735"}.bi-envelope-heart-fill::before{content:"\f736"}.bi-envelope-heart::before{content:"\f737"}.bi-envelope-open-heart-fill::before{content:"\f738"}.bi-envelope-open-heart::before{content:"\f739"}.bi-envelope-paper-fill::before{content:"\f73a"}.bi-envelope-paper-heart-fill::before{content:"\f73b"}.bi-envelope-paper-heart::before{content:"\f73c"}.bi-envelope-paper::before{content:"\f73d"}.bi-filetype-aac::before{content:"\f73e"}.bi-filetype-ai::before{content:"\f73f"}.bi-filetype-bmp::before{content:"\f740"}.bi-filetype-cs::before{content:"\f741"}.bi-filetype-css::before{content:"\f742"}.bi-filetype-csv::before{content:"\f743"}.bi-filetype-doc::before{content:"\f744"}.bi-filetype-docx::before{content:"\f745"}.bi-filetype-exe::before{content:"\f746"}.bi-filetype-gif::before{content:"\f747"}.bi-filetype-heic::before{content:"\f748"}.bi-filetype-html::before{content:"\f749"}.bi-filetype-java::before{content:"\f74a"}.bi-filetype-jpg::before{content:"\f74b"}.bi-filetype-js::before{content:"\f74c"}.bi-filetype-jsx::before{content:"\f74d"}.bi-filetype-key::before{content:"\f74e"}.bi-filetype-m4p::before{content:"\f74f"}.bi-filetype-md::before{content:"\f750"}.bi-filetype-mdx::before{content:"\f751"}.bi-filetype-mov::before{content:"\f752"}.bi-filetype-mp3::before{content:"\f753"}.bi-filetype-mp4::before{content:"\f754"}.bi-filetype-otf::before{content:"\f755"}.bi-filetype-pdf::before{content:"\f756"}.bi-filetype-php::before{content:"\f757"}.bi-filetype-png::before{content:"\f758"}.bi-filetype-ppt::before{content:"\f75a"}.bi-filetype-psd::before{content:"\f75b"}.bi-filetype-py::before{content:"\f75c"}.bi-filetype-raw::before{content:"\f75d"}.bi-filetype-rb::before{content:"\f75e"}.bi-filetype-sass::before{content:"\f75f"}.bi-filetype-scss::before{content:"\f760"}.bi-filetype-sh::before{content:"\f761"}.bi-filetype-svg::before{content:"\f762"}.bi-filetype-tiff::before{content:"\f763"}.bi-filetype-tsx::before{content:"\f764"}.bi-filetype-ttf::before{content:"\f765"}.bi-filetype-txt::before{content:"\f766"}.bi-filetype-wav::before{content:"\f767"}.bi-filetype-woff::before{content:"\f768"}.bi-filetype-xls::before{content:"\f76a"}.bi-filetype-xml::before{content:"\f76b"}.bi-filetype-yml::before{content:"\f76c"}.bi-heart-arrow::before{content:"\f76d"}.bi-heart-pulse-fill::before{content:"\f76e"}.bi-heart-pulse::before{content:"\f76f"}.bi-heartbreak-fill::before{content:"\f770"}.bi-heartbreak::before{content:"\f771"}.bi-hearts::before{content:"\f772"}.bi-hospital-fill::before{content:"\f773"}.bi-hospital::before{content:"\f774"}.bi-house-heart-fill::before{content:"\f775"}.bi-house-heart::before{content:"\f776"}.bi-incognito::before{content:"\f777"}.bi-magnet-fill::before{content:"\f778"}.bi-magnet::before{content:"\f779"}.bi-person-heart::before{content:"\f77a"}.bi-person-hearts::before{content:"\f77b"}.bi-phone-flip::before{content:"\f77c"}.bi-plugin::before{content:"\f77d"}.bi-postage-fill::before{content:"\f77e"}.bi-postage-heart-fill::before{content:"\f77f"}.bi-postage-heart::before{content:"\f780"}.bi-postage::before{content:"\f781"}.bi-postcard-fill::before{content:"\f782"}.bi-postcard-heart-fill::before{content:"\f783"}.bi-postcard-heart::before{content:"\f784"}.bi-postcard::before{content:"\f785"}.bi-search-heart-fill::before{content:"\f786"}.bi-search-heart::before{content:"\f787"}.bi-sliders2-vertical::before{content:"\f788"}.bi-sliders2::before{content:"\f789"}.bi-trash3-fill::before{content:"\f78a"}.bi-trash3::before{content:"\f78b"}.bi-valentine::before{content:"\f78c"}.bi-valentine2::before{content:"\f78d"}.bi-wrench-adjustable-circle-fill::before{content:"\f78e"}.bi-wrench-adjustable-circle::before{content:"\f78f"}.bi-wrench-adjustable::before{content:"\f790"}.bi-filetype-json::before{content:"\f791"}.bi-filetype-pptx::before{content:"\f792"}.bi-filetype-xlsx::before{content:"\f793"}.bi-1-circle-fill::before{content:"\f796"}.bi-1-circle::before{content:"\f797"}.bi-1-square-fill::before{content:"\f798"}.bi-1-square::before{content:"\f799"}.bi-2-circle-fill::before{content:"\f79c"}.bi-2-circle::before{content:"\f79d"}.bi-2-square-fill::before{content:"\f79e"}.bi-2-square::before{content:"\f79f"}.bi-3-circle-fill::before{content:"\f7a2"}.bi-3-circle::before{content:"\f7a3"}.bi-3-square-fill::before{content:"\f7a4"}.bi-3-square::before{content:"\f7a5"}.bi-4-circle-fill::before{content:"\f7a8"}.bi-4-circle::before{content:"\f7a9"}.bi-4-square-fill::before{content:"\f7aa"}.bi-4-square::before{content:"\f7ab"}.bi-5-circle-fill::before{content:"\f7ae"}.bi-5-circle::before{content:"\f7af"}.bi-5-square-fill::before{content:"\f7b0"}.bi-5-square::before{content:"\f7b1"}.bi-6-circle-fill::before{content:"\f7b4"}.bi-6-circle::before{content:"\f7b5"}.bi-6-square-fill::before{content:"\f7b6"}.bi-6-square::before{content:"\f7b7"}.bi-7-circle-fill::before{content:"\f7ba"}.bi-7-circle::before{content:"\f7bb"}.bi-7-square-fill::before{content:"\f7bc"}.bi-7-square::before{content:"\f7bd"}.bi-8-circle-fill::before{content:"\f7c0"}.bi-8-circle::before{content:"\f7c1"}.bi-8-square-fill::before{content:"\f7c2"}.bi-8-square::before{content:"\f7c3"}.bi-9-circle-fill::before{content:"\f7c6"}.bi-9-circle::before{content:"\f7c7"}.bi-9-square-fill::before{content:"\f7c8"}.bi-9-square::before{content:"\f7c9"}.bi-airplane-engines-fill::before{content:"\f7ca"}.bi-airplane-engines::before{content:"\f7cb"}.bi-airplane-fill::before{content:"\f7cc"}.bi-airplane::before{content:"\f7cd"}.bi-alexa::before{content:"\f7ce"}.bi-alipay::before{content:"\f7cf"}.bi-android::before{content:"\f7d0"}.bi-android2::before{content:"\f7d1"}.bi-box-fill::before{content:"\f7d2"}.bi-box-seam-fill::before{content:"\f7d3"}.bi-browser-chrome::before{content:"\f7d4"}.bi-browser-edge::before{content:"\f7d5"}.bi-browser-firefox::before{content:"\f7d6"}.bi-browser-safari::before{content:"\f7d7"}.bi-c-circle-fill::before{content:"\f7da"}.bi-c-circle::before{content:"\f7db"}.bi-c-square-fill::before{content:"\f7dc"}.bi-c-square::before{content:"\f7dd"}.bi-capsule-pill::before{content:"\f7de"}.bi-capsule::before{content:"\f7df"}.bi-car-front-fill::before{content:"\f7e0"}.bi-car-front::before{content:"\f7e1"}.bi-cassette-fill::before{content:"\f7e2"}.bi-cassette::before{content:"\f7e3"}.bi-cc-circle-fill::before{content:"\f7e6"}.bi-cc-circle::before{content:"\f7e7"}.bi-cc-square-fill::before{content:"\f7e8"}.bi-cc-square::before{content:"\f7e9"}.bi-cup-hot-fill::before{content:"\f7ea"}.bi-cup-hot::before{content:"\f7eb"}.bi-currency-rupee::before{content:"\f7ec"}.bi-dropbox::before{content:"\f7ed"}.bi-escape::before{content:"\f7ee"}.bi-fast-forward-btn-fill::before{content:"\f7ef"}.bi-fast-forward-btn::before{content:"\f7f0"}.bi-fast-forward-circle-fill::before{content:"\f7f1"}.bi-fast-forward-circle::before{content:"\f7f2"}.bi-fast-forward-fill::before{content:"\f7f3"}.bi-fast-forward::before{content:"\f7f4"}.bi-filetype-sql::before{content:"\f7f5"}.bi-fire::before{content:"\f7f6"}.bi-google-play::before{content:"\f7f7"}.bi-h-circle-fill::before{content:"\f7fa"}.bi-h-circle::before{content:"\f7fb"}.bi-h-square-fill::before{content:"\f7fc"}.bi-h-square::before{content:"\f7fd"}.bi-indent::before{content:"\f7fe"}.bi-lungs-fill::before{content:"\f7ff"}.bi-lungs::before{content:"\f800"}.bi-microsoft-teams::before{content:"\f801"}.bi-p-circle-fill::before{content:"\f804"}.bi-p-circle::before{content:"\f805"}.bi-p-square-fill::before{content:"\f806"}.bi-p-square::before{content:"\f807"}.bi-pass-fill::before{content:"\f808"}.bi-pass::before{content:"\f809"}.bi-prescription::before{content:"\f80a"}.bi-prescription2::before{content:"\f80b"}.bi-r-circle-fill::before{content:"\f80e"}.bi-r-circle::before{content:"\f80f"}.bi-r-square-fill::before{content:"\f810"}.bi-r-square::before{content:"\f811"}.bi-repeat-1::before{content:"\f812"}.bi-repeat::before{content:"\f813"}.bi-rewind-btn-fill::before{content:"\f814"}.bi-rewind-btn::before{content:"\f815"}.bi-rewind-circle-fill::before{content:"\f816"}.bi-rewind-circle::before{content:"\f817"}.bi-rewind-fill::before{content:"\f818"}.bi-rewind::before{content:"\f819"}.bi-train-freight-front-fill::before{content:"\f81a"}.bi-train-freight-front::before{content:"\f81b"}.bi-train-front-fill::before{content:"\f81c"}.bi-train-front::before{content:"\f81d"}.bi-train-lightrail-front-fill::before{content:"\f81e"}.bi-train-lightrail-front::before{content:"\f81f"}.bi-truck-front-fill::before{content:"\f820"}.bi-truck-front::before{content:"\f821"}.bi-ubuntu::before{content:"\f822"}.bi-unindent::before{content:"\f823"}.bi-unity::before{content:"\f824"}.bi-universal-access-circle::before{content:"\f825"}.bi-universal-access::before{content:"\f826"}.bi-virus::before{content:"\f827"}.bi-virus2::before{content:"\f828"}.bi-wechat::before{content:"\f829"}.bi-yelp::before{content:"\f82a"}.bi-sign-stop-fill::before{content:"\f82b"}.bi-sign-stop-lights-fill::before{content:"\f82c"}.bi-sign-stop-lights::before{content:"\f82d"}.bi-sign-stop::before{content:"\f82e"}.bi-sign-turn-left-fill::before{content:"\f82f"}.bi-sign-turn-left::before{content:"\f830"}.bi-sign-turn-right-fill::before{content:"\f831"}.bi-sign-turn-right::before{content:"\f832"}.bi-sign-turn-slight-left-fill::before{content:"\f833"}.bi-sign-turn-slight-left::before{content:"\f834"}.bi-sign-turn-slight-right-fill::before{content:"\f835"}.bi-sign-turn-slight-right::before{content:"\f836"}.bi-sign-yield-fill::before{content:"\f837"}.bi-sign-yield::before{content:"\f838"}.bi-ev-station-fill::before{content:"\f839"}.bi-ev-station::before{content:"\f83a"}.bi-fuel-pump-diesel-fill::before{content:"\f83b"}.bi-fuel-pump-diesel::before{content:"\f83c"}.bi-fuel-pump-fill::before{content:"\f83d"}.bi-fuel-pump::before{content:"\f83e"}.bi-0-circle-fill::before{content:"\f83f"}.bi-0-circle::before{content:"\f840"}.bi-0-square-fill::before{content:"\f841"}.bi-0-square::before{content:"\f842"}.bi-rocket-fill::before{content:"\f843"}.bi-rocket-takeoff-fill::before{content:"\f844"}.bi-rocket-takeoff::before{content:"\f845"}.bi-rocket::before{content:"\f846"}.bi-stripe::before{content:"\f847"}.bi-subscript::before{content:"\f848"}.bi-superscript::before{content:"\f849"}.bi-trello::before{content:"\f84a"}.bi-envelope-at-fill::before{content:"\f84b"}.bi-envelope-at::before{content:"\f84c"}.bi-regex::before{content:"\f84d"}.bi-text-wrap::before{content:"\f84e"}.bi-sign-dead-end-fill::before{content:"\f84f"}.bi-sign-dead-end::before{content:"\f850"}.bi-sign-do-not-enter-fill::before{content:"\f851"}.bi-sign-do-not-enter::before{content:"\f852"}.bi-sign-intersection-fill::before{content:"\f853"}.bi-sign-intersection-side-fill::before{content:"\f854"}.bi-sign-intersection-side::before{content:"\f855"}.bi-sign-intersection-t-fill::before{content:"\f856"}.bi-sign-intersection-t::before{content:"\f857"}.bi-sign-intersection-y-fill::before{content:"\f858"}.bi-sign-intersection-y::before{content:"\f859"}.bi-sign-intersection::before{content:"\f85a"}.bi-sign-merge-left-fill::before{content:"\f85b"}.bi-sign-merge-left::before{content:"\f85c"}.bi-sign-merge-right-fill::before{content:"\f85d"}.bi-sign-merge-right::before{content:"\f85e"}.bi-sign-no-left-turn-fill::before{content:"\f85f"}.bi-sign-no-left-turn::before{content:"\f860"}.bi-sign-no-parking-fill::before{content:"\f861"}.bi-sign-no-parking::before{content:"\f862"}.bi-sign-no-right-turn-fill::before{content:"\f863"}.bi-sign-no-right-turn::before{content:"\f864"}.bi-sign-railroad-fill::before{content:"\f865"}.bi-sign-railroad::before{content:"\f866"}.bi-building-add::before{content:"\f867"}.bi-building-check::before{content:"\f868"}.bi-building-dash::before{content:"\f869"}.bi-building-down::before{content:"\f86a"}.bi-building-exclamation::before{content:"\f86b"}.bi-building-fill-add::before{content:"\f86c"}.bi-building-fill-check::before{content:"\f86d"}.bi-building-fill-dash::before{content:"\f86e"}.bi-building-fill-down::before{content:"\f86f"}.bi-building-fill-exclamation::before{content:"\f870"}.bi-building-fill-gear::before{content:"\f871"}.bi-building-fill-lock::before{content:"\f872"}.bi-building-fill-slash::before{content:"\f873"}.bi-building-fill-up::before{content:"\f874"}.bi-building-fill-x::before{content:"\f875"}.bi-building-fill::before{content:"\f876"}.bi-building-gear::before{content:"\f877"}.bi-building-lock::before{content:"\f878"}.bi-building-slash::before{content:"\f879"}.bi-building-up::before{content:"\f87a"}.bi-building-x::before{content:"\f87b"}.bi-buildings-fill::before{content:"\f87c"}.bi-buildings::before{content:"\f87d"}.bi-bus-front-fill::before{content:"\f87e"}.bi-bus-front::before{content:"\f87f"}.bi-ev-front-fill::before{content:"\f880"}.bi-ev-front::before{content:"\f881"}.bi-globe-americas::before{content:"\f882"}.bi-globe-asia-australia::before{content:"\f883"}.bi-globe-central-south-asia::before{content:"\f884"}.bi-globe-europe-africa::before{content:"\f885"}.bi-house-add-fill::before{content:"\f886"}.bi-house-add::before{content:"\f887"}.bi-house-check-fill::before{content:"\f888"}.bi-house-check::before{content:"\f889"}.bi-house-dash-fill::before{content:"\f88a"}.bi-house-dash::before{content:"\f88b"}.bi-house-down-fill::before{content:"\f88c"}.bi-house-down::before{content:"\f88d"}.bi-house-exclamation-fill::before{content:"\f88e"}.bi-house-exclamation::before{content:"\f88f"}.bi-house-gear-fill::before{content:"\f890"}.bi-house-gear::before{content:"\f891"}.bi-house-lock-fill::before{content:"\f892"}.bi-house-lock::before{content:"\f893"}.bi-house-slash-fill::before{content:"\f894"}.bi-house-slash::before{content:"\f895"}.bi-house-up-fill::before{content:"\f896"}.bi-house-up::before{content:"\f897"}.bi-house-x-fill::before{content:"\f898"}.bi-house-x::before{content:"\f899"}.bi-person-add::before{content:"\f89a"}.bi-person-down::before{content:"\f89b"}.bi-person-exclamation::before{content:"\f89c"}.bi-person-fill-add::before{content:"\f89d"}.bi-person-fill-check::before{content:"\f89e"}.bi-person-fill-dash::before{content:"\f89f"}.bi-person-fill-down::before{content:"\f8a0"}.bi-person-fill-exclamation::before{content:"\f8a1"}.bi-person-fill-gear::before{content:"\f8a2"}.bi-person-fill-lock::before{content:"\f8a3"}.bi-person-fill-slash::before{content:"\f8a4"}.bi-person-fill-up::before{content:"\f8a5"}.bi-person-fill-x::before{content:"\f8a6"}.bi-person-gear::before{content:"\f8a7"}.bi-person-lock::before{content:"\f8a8"}.bi-person-slash::before{content:"\f8a9"}.bi-person-up::before{content:"\f8aa"}.bi-scooter::before{content:"\f8ab"}.bi-taxi-front-fill::before{content:"\f8ac"}.bi-taxi-front::before{content:"\f8ad"}.bi-amd::before{content:"\f8ae"}.bi-database-add::before{content:"\f8af"}.bi-database-check::before{content:"\f8b0"}.bi-database-dash::before{content:"\f8b1"}.bi-database-down::before{content:"\f8b2"}.bi-database-exclamation::before{content:"\f8b3"}.bi-database-fill-add::before{content:"\f8b4"}.bi-database-fill-check::before{content:"\f8b5"}.bi-database-fill-dash::before{content:"\f8b6"}.bi-database-fill-down::before{content:"\f8b7"}.bi-database-fill-exclamation::before{content:"\f8b8"}.bi-database-fill-gear::before{content:"\f8b9"}.bi-database-fill-lock::before{content:"\f8ba"}.bi-database-fill-slash::before{content:"\f8bb"}.bi-database-fill-up::before{content:"\f8bc"}.bi-database-fill-x::before{content:"\f8bd"}.bi-database-fill::before{content:"\f8be"}.bi-database-gear::before{content:"\f8bf"}.bi-database-lock::before{content:"\f8c0"}.bi-database-slash::before{content:"\f8c1"}.bi-database-up::before{content:"\f8c2"}.bi-database-x::before{content:"\f8c3"}.bi-database::before{content:"\f8c4"}.bi-houses-fill::before{content:"\f8c5"}.bi-houses::before{content:"\f8c6"}.bi-nvidia::before{content:"\f8c7"}.bi-person-vcard-fill::before{content:"\f8c8"}.bi-person-vcard::before{content:"\f8c9"}.bi-sina-weibo::before{content:"\f8ca"}.bi-tencent-qq::before{content:"\f8cb"}.bi-wikipedia::before{content:"\f8cc"}.bi-alphabet-uppercase::before{content:"\f2a5"}.bi-alphabet::before{content:"\f68a"}.bi-amazon::before{content:"\f68d"}.bi-arrows-collapse-vertical::before{content:"\f690"}.bi-arrows-expand-vertical::before{content:"\f695"}.bi-arrows-vertical::before{content:"\f698"}.bi-arrows::before{content:"\f6a2"}.bi-ban-fill::before{content:"\f6a3"}.bi-ban::before{content:"\f6b6"}.bi-bing::before{content:"\f6c2"}.bi-cake::before{content:"\f6e0"}.bi-cake2::before{content:"\f6ed"}.bi-cookie::before{content:"\f6ee"}.bi-copy::before{content:"\f759"}.bi-crosshair::before{content:"\f769"}.bi-crosshair2::before{content:"\f794"}.bi-emoji-astonished-fill::before{content:"\f795"}.bi-emoji-astonished::before{content:"\f79a"}.bi-emoji-grimace-fill::before{content:"\f79b"}.bi-emoji-grimace::before{content:"\f7a0"}.bi-emoji-grin-fill::before{content:"\f7a1"}.bi-emoji-grin::before{content:"\f7a6"}.bi-emoji-surprise-fill::before{content:"\f7a7"}.bi-emoji-surprise::before{content:"\f7ac"}.bi-emoji-tear-fill::before{content:"\f7ad"}.bi-emoji-tear::before{content:"\f7b2"}.bi-envelope-arrow-down-fill::before{content:"\f7b3"}.bi-envelope-arrow-down::before{content:"\f7b8"}.bi-envelope-arrow-up-fill::before{content:"\f7b9"}.bi-envelope-arrow-up::before{content:"\f7be"}.bi-feather::before{content:"\f7bf"}.bi-feather2::before{content:"\f7c4"}.bi-floppy-fill::before{content:"\f7c5"}.bi-floppy::before{content:"\f7d8"}.bi-floppy2-fill::before{content:"\f7d9"}.bi-floppy2::before{content:"\f7e4"}.bi-gitlab::before{content:"\f7e5"}.bi-highlighter::before{content:"\f7f8"}.bi-marker-tip::before{content:"\f802"}.bi-nvme-fill::before{content:"\f803"}.bi-nvme::before{content:"\f80c"}.bi-opencollective::before{content:"\f80d"}.bi-pci-card-network::before{content:"\f8cd"}.bi-pci-card-sound::before{content:"\f8ce"}.bi-radar::before{content:"\f8cf"}.bi-send-arrow-down-fill::before{content:"\f8d0"}.bi-send-arrow-down::before{content:"\f8d1"}.bi-send-arrow-up-fill::before{content:"\f8d2"}.bi-send-arrow-up::before{content:"\f8d3"}.bi-sim-slash-fill::before{content:"\f8d4"}.bi-sim-slash::before{content:"\f8d5"}.bi-sourceforge::before{content:"\f8d6"}.bi-substack::before{content:"\f8d7"}.bi-threads-fill::before{content:"\f8d8"}.bi-threads::before{content:"\f8d9"}.bi-transparency::before{content:"\f8da"}.bi-twitter-x::before{content:"\f8db"}.bi-type-h4::before{content:"\f8dc"}.bi-type-h5::before{content:"\f8dd"}.bi-type-h6::before{content:"\f8de"}.bi-backpack-fill::before{content:"\f8df"}.bi-backpack::before{content:"\f8e0"}.bi-backpack2-fill::before{content:"\f8e1"}.bi-backpack2::before{content:"\f8e2"}.bi-backpack3-fill::before{content:"\f8e3"}.bi-backpack3::before{content:"\f8e4"}.bi-backpack4-fill::before{content:"\f8e5"}.bi-backpack4::before{content:"\f8e6"}.bi-brilliance::before{content:"\f8e7"}.bi-cake-fill::before{content:"\f8e8"}.bi-cake2-fill::before{content:"\f8e9"}.bi-duffle-fill::before{content:"\f8ea"}.bi-duffle::before{content:"\f8eb"}.bi-exposure::before{content:"\f8ec"}.bi-gender-neuter::before{content:"\f8ed"}.bi-highlights::before{content:"\f8ee"}.bi-luggage-fill::before{content:"\f8ef"}.bi-luggage::before{content:"\f8f0"}.bi-mailbox-flag::before{content:"\f8f1"}.bi-mailbox2-flag::before{content:"\f8f2"}.bi-noise-reduction::before{content:"\f8f3"}.bi-passport-fill::before{content:"\f8f4"}.bi-passport::before{content:"\f8f5"}.bi-person-arms-up::before{content:"\f8f6"}.bi-person-raised-hand::before{content:"\f8f7"}.bi-person-standing-dress::before{content:"\f8f8"}.bi-person-standing::before{content:"\f8f9"}.bi-person-walking::before{content:"\f8fa"}.bi-person-wheelchair::before{content:"\f8fb"}.bi-shadows::before{content:"\f8fc"}.bi-suitcase-fill::before{content:"\f8fd"}.bi-suitcase-lg-fill::before{content:"\f8fe"}.bi-suitcase-lg::before{content:"\f8ff"}.bi-suitcase::before{content:"\f900"}.bi-suitcase2-fill::before{content:"\f901"}.bi-suitcase2::before{content:"\f902"}.bi-vignette::before{content:"\f903"}.bi-bluesky::before{content:"\f7f9"}.bi-tux::before{content:"\f904"}.bi-beaker-fill::before{content:"\f905"}.bi-beaker::before{content:"\f906"}.bi-flask-fill::before{content:"\f907"}.bi-flask-florence-fill::before{content:"\f908"}.bi-flask-florence::before{content:"\f909"}.bi-flask::before{content:"\f90a"}.bi-leaf-fill::before{content:"\f90b"}.bi-leaf::before{content:"\f90c"}.bi-measuring-cup-fill::before{content:"\f90d"}.bi-measuring-cup::before{content:"\f90e"}.bi-unlock2-fill::before{content:"\f90f"}.bi-unlock2::before{content:"\f910"}.bi-battery-low::before{content:"\f911"}.bi-anthropic::before{content:"\f912"}.bi-apple-music::before{content:"\f913"}.bi-claude::before{content:"\f914"}.bi-openai::before{content:"\f915"}.bi-perplexity::before{content:"\f916"}.bi-css::before{content:"\f917"}.bi-javascript::before{content:"\f918"}.bi-typescript::before{content:"\f919"}.bi-fork-knife::before{content:"\f91a"}.bi-globe-americas-fill::before{content:"\f91b"}.bi-globe-asia-australia-fill::before{content:"\f91c"}.bi-globe-central-south-asia-fill::before{content:"\f91d"}.bi-globe-europe-africa-fill::before{content:"\f91e"}
/* --- boxicons.min.css --- */
@font-face{font-family:boxicons;font-weight:400;font-style:normal;src:url(../fonts/boxicons.eot);src:url(../fonts/boxicons.eot) format('embedded-opentype'),url(../fonts/boxicons.woff2) format('woff2'),url(../fonts/boxicons.woff) format('woff'),url(../fonts/boxicons.ttf) format('truetype'),url(../fonts/boxicons.svg?#boxicons) format('svg')}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-ul{margin-left:2em;padding-left:0;list-style:none}.bx-ul>li{position:relative}.bx-ul .bx{font-size:inherit;line-height:inherit;position:absolute;left:-2em;width:2em;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bx-spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-up{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-up-hover:hover{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-down{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-down-hover:hover{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-left{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-xs{font-size:1rem!important}.bx-sm{font-size:1.55rem!important}.bx-md{font-size:2.25rem!important}.bx-lg{font-size:3rem!important}.bx-fw{font-size:1.2857142857em;line-height:.8em;width:1.2857142857em;height:.8em;margin-top:-.2em!important;vertical-align:middle}.bx-pull-left{float:left;margin-right:.3em!important}.bx-pull-right{float:right;margin-left:.3em!important}.bx-rotate-90{transform:rotate(90deg)}.bx-rotate-180{transform:rotate(180deg)}.bx-rotate-270{transform:rotate(270deg)}.bx-flip-horizontal{transform:scaleX(-1)}.bx-flip-vertical{transform:scaleY(-1)}.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}.bxs-balloon:before{content:"\eb60"}.bxs-castle:before{content:"\eb79"}.bxs-coffee-bean:before{content:"\eb92"}.bxs-objects-horizontal-center:before{content:"\ebab"}.bxs-objects-horizontal-left:before{content:"\ebc4"}.bxs-objects-horizontal-right:before{content:"\ebdd"}.bxs-objects-vertical-bottom:before{content:"\ebf6"}.bxs-objects-vertical-center:before{content:"\ef40"}.bxs-objects-vertical-top:before{content:"\ef41"}.bxs-pear:before{content:"\ef42"}.bxs-shield-minus:before{content:"\ef43"}.bxs-shield-plus:before{content:"\ef44"}.bxs-shower:before{content:"\ef45"}.bxs-sushi:before{content:"\ef46"}.bxs-universal-access:before{content:"\ef47"}.bx-child:before{content:"\ef48"}.bx-horizontal-left:before{content:"\ef49"}.bx-horizontal-right:before{content:"\ef4a"}.bx-objects-horizontal-center:before{content:"\ef4b"}.bx-objects-horizontal-left:before{content:"\ef4c"}.bx-objects-horizontal-right:before{content:"\ef4d"}.bx-objects-vertical-bottom:before{content:"\ef4e"}.bx-objects-vertical-center:before{content:"\ef4f"}.bx-objects-vertical-top:before{content:"\ef50"}.bx-rfid:before{content:"\ef51"}.bx-shield-minus:before{content:"\ef52"}.bx-shield-plus:before{content:"\ef53"}.bx-shower:before{content:"\ef54"}.bx-sushi:before{content:"\ef55"}.bx-universal-access:before{content:"\ef56"}.bx-vertical-bottom:before{content:"\ef57"}.bx-vertical-top:before{content:"\ef58"}.bxl-graphql:before{content:"\ef59"}.bxl-typescript:before{content:"\ef5a"}.bxs-color:before{content:"\ef39"}.bx-reflect-horizontal:before{content:"\ef3a"}.bx-reflect-vertical:before{content:"\ef3b"}.bx-color:before{content:"\ef3c"}.bxl-mongodb:before{content:"\ef3d"}.bxl-postgresql:before{content:"\ef3e"}.bxl-deezer:before{content:"\ef3f"}.bxs-hard-hat:before{content:"\ef2a"}.bxs-home-alt-2:before{content:"\ef2b"}.bxs-cheese:before{content:"\ef2c"}.bx-home-alt-2:before{content:"\ef2d"}.bx-hard-hat:before{content:"\ef2e"}.bx-cheese:before{content:"\ef2f"}.bx-cart-add:before{content:"\ef30"}.bx-cart-download:before{content:"\ef31"}.bx-no-signal:before{content:"\ef32"}.bx-signal-1:before{content:"\ef33"}.bx-signal-2:before{content:"\ef34"}.bx-signal-3:before{content:"\ef35"}.bx-signal-4:before{content:"\ef36"}.bx-signal-5:before{content:"\ef37"}.bxl-xing:before{content:"\ef38"}.bxl-meta:before{content:"\ef27"}.bx-lemon:before{content:"\ef28"}.bxs-lemon:before{content:"\ef29"}.bx-cricket-ball:before{content:"\ef0c"}.bx-baguette:before{content:"\ef0d"}.bx-bowl-hot:before{content:"\ef0e"}.bx-bowl-rice:before{content:"\ef0f"}.bx-cable-car:before{content:"\ef10"}.bx-candles:before{content:"\ef11"}.bx-circle-half:before{content:"\ef12"}.bx-circle-quarter:before{content:"\ef13"}.bx-circle-three-quarter:before{content:"\ef14"}.bx-cross:before{content:"\ef15"}.bx-fork:before{content:"\ef16"}.bx-knife:before{content:"\ef17"}.bx-money-withdraw:before{content:"\ef18"}.bx-popsicle:before{content:"\ef19"}.bx-scatter-chart:before{content:"\ef1a"}.bxs-baguette:before{content:"\ef1b"}.bxs-bowl-hot:before{content:"\ef1c"}.bxs-bowl-rice:before{content:"\ef1d"}.bxs-cable-car:before{content:"\ef1e"}.bxs-circle-half:before{content:"\ef1f"}.bxs-circle-quarter:before{content:"\ef20"}.bxs-circle-three-quarter:before{content:"\ef21"}.bxs-cricket-ball:before{content:"\ef22"}.bxs-invader:before{content:"\ef23"}.bx-male-female:before{content:"\ef24"}.bxs-popsicle:before{content:"\ef25"}.bxs-tree-alt:before{content:"\ef26"}.bxl-venmo:before{content:"\e900"}.bxl-upwork:before{content:"\e901"}.bxl-netlify:before{content:"\e902"}.bxl-java:before{content:"\e903"}.bxl-heroku:before{content:"\e904"}.bxl-go-lang:before{content:"\e905"}.bxl-gmail:before{content:"\e906"}.bxl-flask:before{content:"\e907"}.bxl-99designs:before{content:"\e908"}.bxl-500px:before{content:"\e909"}.bxl-adobe:before{content:"\e90a"}.bxl-airbnb:before{content:"\e90b"}.bxl-algolia:before{content:"\e90c"}.bxl-amazon:before{content:"\e90d"}.bxl-android:before{content:"\e90e"}.bxl-angular:before{content:"\e90f"}.bxl-apple:before{content:"\e910"}.bxl-audible:before{content:"\e911"}.bxl-aws:before{content:"\e912"}.bxl-baidu:before{content:"\e913"}.bxl-behance:before{content:"\e914"}.bxl-bing:before{content:"\e915"}.bxl-bitcoin:before{content:"\e916"}.bxl-blender:before{content:"\e917"}.bxl-blogger:before{content:"\e918"}.bxl-bootstrap:before{content:"\e919"}.bxl-chrome:before{content:"\e91a"}.bxl-codepen:before{content:"\e91b"}.bxl-c-plus-plus:before{content:"\e91c"}.bxl-creative-commons:before{content:"\e91d"}.bxl-css3:before{content:"\e91e"}.bxl-dailymotion:before{content:"\e91f"}.bxl-deviantart:before{content:"\e920"}.bxl-dev-to:before{content:"\e921"}.bxl-digg:before{content:"\e922"}.bxl-digitalocean:before{content:"\e923"}.bxl-discord:before{content:"\e924"}.bxl-discord-alt:before{content:"\e925"}.bxl-discourse:before{content:"\e926"}.bxl-django:before{content:"\e927"}.bxl-docker:before{content:"\e928"}.bxl-dribbble:before{content:"\e929"}.bxl-dropbox:before{content:"\e92a"}.bxl-drupal:before{content:"\e92b"}.bxl-ebay:before{content:"\e92c"}.bxl-edge:before{content:"\e92d"}.bxl-etsy:before{content:"\e92e"}.bxl-facebook:before{content:"\e92f"}.bxl-facebook-circle:before{content:"\e930"}.bxl-facebook-square:before{content:"\e931"}.bxl-figma:before{content:"\e932"}.bxl-firebase:before{content:"\e933"}.bxl-firefox:before{content:"\e934"}.bxl-flickr:before{content:"\e935"}.bxl-flickr-square:before{content:"\e936"}.bxl-flutter:before{content:"\e937"}.bxl-foursquare:before{content:"\e938"}.bxl-git:before{content:"\e939"}.bxl-github:before{content:"\e93a"}.bxl-gitlab:before{content:"\e93b"}.bxl-google:before{content:"\e93c"}.bxl-google-cloud:before{content:"\e93d"}.bxl-google-plus:before{content:"\e93e"}.bxl-google-plus-circle:before{content:"\e93f"}.bxl-html5:before{content:"\e940"}.bxl-imdb:before{content:"\e941"}.bxl-instagram:before{content:"\e942"}.bxl-instagram-alt:before{content:"\e943"}.bxl-internet-explorer:before{content:"\e944"}.bxl-invision:before{content:"\e945"}.bxl-javascript:before{content:"\e946"}.bxl-joomla:before{content:"\e947"}.bxl-jquery:before{content:"\e948"}.bxl-jsfiddle:before{content:"\e949"}.bxl-kickstarter:before{content:"\e94a"}.bxl-kubernetes:before{content:"\e94b"}.bxl-less:before{content:"\e94c"}.bxl-linkedin:before{content:"\e94d"}.bxl-linkedin-square:before{content:"\e94e"}.bxl-magento:before{content:"\e94f"}.bxl-mailchimp:before{content:"\e950"}.bxl-markdown:before{content:"\e951"}.bxl-mastercard:before{content:"\e952"}.bxl-mastodon:before{content:"\e953"}.bxl-medium:before{content:"\e954"}.bxl-medium-old:before{content:"\e955"}.bxl-medium-square:before{content:"\e956"}.bxl-messenger:before{content:"\e957"}.bxl-microsoft:before{content:"\e958"}.bxl-microsoft-teams:before{content:"\e959"}.bxl-nodejs:before{content:"\e95a"}.bxl-ok-ru:before{content:"\e95b"}.bxl-opara:before{content:"\e95c"}.bxl-patreon:before{content:"\e95d"}.bxl-paypal:before{content:"\e95e"}.bxl-periscope:before{content:"\e95f"}.bxl-php:before{content:"\e960"}.bxl-pinterest:before{content:"\e961"}.bxl-pinterest-alt:before{content:"\e962"}.bxl-play-store:before{content:"\e963"}.bxl-pocket:before{content:"\e964"}.bxl-product-hunt:before{content:"\e965"}.bxl-python:before{content:"\e966"}.bxl-quora:before{content:"\e967"}.bxl-react:before{content:"\e968"}.bxl-redbubble:before{content:"\e969"}.bxl-reddit:before{content:"\e96a"}.bxl-redux:before{content:"\e96b"}.bxl-sass:before{content:"\e96c"}.bxl-shopify:before{content:"\e96d"}.bxl-sketch:before{content:"\e96e"}.bxl-skype:before{content:"\e96f"}.bxl-slack:before{content:"\e970"}.bxl-slack-old:before{content:"\e971"}.bxl-snapchat:before{content:"\e972"}.bxl-soundcloud:before{content:"\e973"}.bxl-spotify:before{content:"\e974"}.bxl-spring-boot:before{content:"\e975"}.bxl-squarespace:before{content:"\e976"}.bxl-stack-overflow:before{content:"\e977"}.bxl-steam:before{content:"\e978"}.bxl-stripe:before{content:"\e979"}.bxl-tailwind-css:before{content:"\e97a"}.bxl-telegram:before{content:"\e97b"}.bxl-tiktok:before{content:"\e97c"}.bxl-trello:before{content:"\e97d"}.bxl-trip-advisor:before{content:"\e97e"}.bxl-tumblr:before{content:"\e97f"}.bxl-tux:before{content:"\e980"}.bxl-twitch:before{content:"\e981"}.bxl-twitter:before{content:"\e982"}.bxl-unity:before{content:"\e983"}.bxl-unsplash:before{content:"\e984"}.bxl-vimeo:before{content:"\e985"}.bxl-visa:before{content:"\e986"}.bxl-visual-studio:before{content:"\e987"}.bxl-vk:before{content:"\e988"}.bxl-vuejs:before{content:"\e989"}.bxl-whatsapp:before{content:"\e98a"}.bxl-whatsapp-square:before{content:"\e98b"}.bxl-wikipedia:before{content:"\e98c"}.bxl-windows:before{content:"\e98d"}.bxl-wix:before{content:"\e98e"}.bxl-wordpress:before{content:"\e98f"}.bxl-yahoo:before{content:"\e990"}.bxl-yelp:before{content:"\e991"}.bxl-youtube:before{content:"\e992"}.bxl-zoom:before{content:"\e993"}.bx-collapse-alt:before{content:"\e994"}.bx-collapse-horizontal:before{content:"\e995"}.bx-collapse-vertical:before{content:"\e996"}.bx-expand-horizontal:before{content:"\e997"}.bx-expand-vertical:before{content:"\e998"}.bx-injection:before{content:"\e999"}.bx-leaf:before{content:"\e99a"}.bx-math:before{content:"\e99b"}.bx-party:before{content:"\e99c"}.bx-abacus:before{content:"\e99d"}.bx-accessibility:before{content:"\e99e"}.bx-add-to-queue:before{content:"\e99f"}.bx-adjust:before{content:"\e9a0"}.bx-alarm:before{content:"\e9a1"}.bx-alarm-add:before{content:"\e9a2"}.bx-alarm-exclamation:before{content:"\e9a3"}.bx-alarm-off:before{content:"\e9a4"}.bx-alarm-snooze:before{content:"\e9a5"}.bx-album:before{content:"\e9a6"}.bx-align-justify:before{content:"\e9a7"}.bx-align-left:before{content:"\e9a8"}.bx-align-middle:before{content:"\e9a9"}.bx-align-right:before{content:"\e9aa"}.bx-analyse:before{content:"\e9ab"}.bx-anchor:before{content:"\e9ac"}.bx-angry:before{content:"\e9ad"}.bx-aperture:before{content:"\e9ae"}.bx-arch:before{content:"\e9af"}.bx-archive:before{content:"\e9b0"}.bx-archive-in:before{content:"\e9b1"}.bx-archive-out:before{content:"\e9b2"}.bx-area:before{content:"\e9b3"}.bx-arrow-back:before{content:"\e9b4"}.bx-arrow-from-bottom:before{content:"\e9b5"}.bx-arrow-from-left:before{content:"\e9b6"}.bx-arrow-from-right:before{content:"\e9b7"}.bx-arrow-from-top:before{content:"\e9b8"}.bx-arrow-to-bottom:before{content:"\e9b9"}.bx-arrow-to-left:before{content:"\e9ba"}.bx-arrow-to-right:before{content:"\e9bb"}.bx-arrow-to-top:before{content:"\e9bc"}.bx-at:before{content:"\e9bd"}.bx-atom:before{content:"\e9be"}.bx-award:before{content:"\e9bf"}.bx-badge:before{content:"\e9c0"}.bx-badge-check:before{content:"\e9c1"}.bx-ball:before{content:"\e9c2"}.bx-band-aid:before{content:"\e9c3"}.bx-bar-chart:before{content:"\e9c4"}.bx-bar-chart-alt:before{content:"\e9c5"}.bx-bar-chart-alt-2:before{content:"\e9c6"}.bx-bar-chart-square:before{content:"\e9c7"}.bx-barcode:before{content:"\e9c8"}.bx-barcode-reader:before{content:"\e9c9"}.bx-baseball:before{content:"\e9ca"}.bx-basket:before{content:"\e9cb"}.bx-basketball:before{content:"\e9cc"}.bx-bath:before{content:"\e9cd"}.bx-battery:before{content:"\e9ce"}.bx-bed:before{content:"\e9cf"}.bx-been-here:before{content:"\e9d0"}.bx-beer:before{content:"\e9d1"}.bx-bell:before{content:"\e9d2"}.bx-bell-minus:before{content:"\e9d3"}.bx-bell-off:before{content:"\e9d4"}.bx-bell-plus:before{content:"\e9d5"}.bx-bible:before{content:"\e9d6"}.bx-bitcoin:before{content:"\e9d7"}.bx-blanket:before{content:"\e9d8"}.bx-block:before{content:"\e9d9"}.bx-bluetooth:before{content:"\e9da"}.bx-body:before{content:"\e9db"}.bx-bold:before{content:"\e9dc"}.bx-bolt-circle:before{content:"\e9dd"}.bx-bomb:before{content:"\e9de"}.bx-bone:before{content:"\e9df"}.bx-bong:before{content:"\e9e0"}.bx-book:before{content:"\e9e1"}.bx-book-add:before{content:"\e9e2"}.bx-book-alt:before{content:"\e9e3"}.bx-book-bookmark:before{content:"\e9e4"}.bx-book-content:before{content:"\e9e5"}.bx-book-heart:before{content:"\e9e6"}.bx-bookmark:before{content:"\e9e7"}.bx-bookmark-alt:before{content:"\e9e8"}.bx-bookmark-alt-minus:before{content:"\e9e9"}.bx-bookmark-alt-plus:before{content:"\e9ea"}.bx-bookmark-heart:before{content:"\e9eb"}.bx-bookmark-minus:before{content:"\e9ec"}.bx-bookmark-plus:before{content:"\e9ed"}.bx-bookmarks:before{content:"\e9ee"}.bx-book-open:before{content:"\e9ef"}.bx-book-reader:before{content:"\e9f0"}.bx-border-all:before{content:"\e9f1"}.bx-border-bottom:before{content:"\e9f2"}.bx-border-inner:before{content:"\e9f3"}.bx-border-left:before{content:"\e9f4"}.bx-border-none:before{content:"\e9f5"}.bx-border-outer:before{content:"\e9f6"}.bx-border-radius:before{content:"\e9f7"}.bx-border-right:before{content:"\e9f8"}.bx-border-top:before{content:"\e9f9"}.bx-bot:before{content:"\e9fa"}.bx-bowling-ball:before{content:"\e9fb"}.bx-box:before{content:"\e9fc"}.bx-bracket:before{content:"\e9fd"}.bx-braille:before{content:"\e9fe"}.bx-brain:before{content:"\e9ff"}.bx-briefcase:before{content:"\ea00"}.bx-briefcase-alt:before{content:"\ea01"}.bx-briefcase-alt-2:before{content:"\ea02"}.bx-brightness:before{content:"\ea03"}.bx-brightness-half:before{content:"\ea04"}.bx-broadcast:before{content:"\ea05"}.bx-brush:before{content:"\ea06"}.bx-brush-alt:before{content:"\ea07"}.bx-bug:before{content:"\ea08"}.bx-bug-alt:before{content:"\ea09"}.bx-building:before{content:"\ea0a"}.bx-building-house:before{content:"\ea0b"}.bx-buildings:before{content:"\ea0c"}.bx-bulb:before{content:"\ea0d"}.bx-bullseye:before{content:"\ea0e"}.bx-buoy:before{content:"\ea0f"}.bx-bus:before{content:"\ea10"}.bx-bus-school:before{content:"\ea11"}.bx-cabinet:before{content:"\ea12"}.bx-cake:before{content:"\ea13"}.bx-calculator:before{content:"\ea14"}.bx-calendar:before{content:"\ea15"}.bx-calendar-alt:before{content:"\ea16"}.bx-calendar-check:before{content:"\ea17"}.bx-calendar-edit:before{content:"\ea18"}.bx-calendar-event:before{content:"\ea19"}.bx-calendar-exclamation:before{content:"\ea1a"}.bx-calendar-heart:before{content:"\ea1b"}.bx-calendar-minus:before{content:"\ea1c"}.bx-calendar-plus:before{content:"\ea1d"}.bx-calendar-star:before{content:"\ea1e"}.bx-calendar-week:before{content:"\ea1f"}.bx-calendar-x:before{content:"\ea20"}.bx-camera:before{content:"\ea21"}.bx-camera-home:before{content:"\ea22"}.bx-camera-movie:before{content:"\ea23"}.bx-camera-off:before{content:"\ea24"}.bx-capsule:before{content:"\ea25"}.bx-captions:before{content:"\ea26"}.bx-car:before{content:"\ea27"}.bx-card:before{content:"\ea28"}.bx-caret-down:before{content:"\ea29"}.bx-caret-down-circle:before{content:"\ea2a"}.bx-caret-down-square:before{content:"\ea2b"}.bx-caret-left:before{content:"\ea2c"}.bx-caret-left-circle:before{content:"\ea2d"}.bx-caret-left-square:before{content:"\ea2e"}.bx-caret-right:before{content:"\ea2f"}.bx-caret-right-circle:before{content:"\ea30"}.bx-caret-right-square:before{content:"\ea31"}.bx-caret-up:before{content:"\ea32"}.bx-caret-up-circle:before{content:"\ea33"}.bx-caret-up-square:before{content:"\ea34"}.bx-carousel:before{content:"\ea35"}.bx-cart:before{content:"\ea36"}.bx-cart-alt:before{content:"\ea37"}.bx-cast:before{content:"\ea38"}.bx-category:before{content:"\ea39"}.bx-category-alt:before{content:"\ea3a"}.bx-cctv:before{content:"\ea3b"}.bx-certification:before{content:"\ea3c"}.bx-chair:before{content:"\ea3d"}.bx-chalkboard:before{content:"\ea3e"}.bx-chart:before{content:"\ea3f"}.bx-chat:before{content:"\ea40"}.bx-check:before{content:"\ea41"}.bx-checkbox:before{content:"\ea42"}.bx-checkbox-checked:before{content:"\ea43"}.bx-checkbox-minus:before{content:"\ea44"}.bx-checkbox-square:before{content:"\ea45"}.bx-check-circle:before{content:"\ea46"}.bx-check-double:before{content:"\ea47"}.bx-check-shield:before{content:"\ea48"}.bx-check-square:before{content:"\ea49"}.bx-chevron-down:before{content:"\ea4a"}.bx-chevron-down-circle:before{content:"\ea4b"}.bx-chevron-down-square:before{content:"\ea4c"}.bx-chevron-left:before{content:"\ea4d"}.bx-chevron-left-circle:before{content:"\ea4e"}.bx-chevron-left-square:before{content:"\ea4f"}.bx-chevron-right:before{content:"\ea50"}.bx-chevron-right-circle:before{content:"\ea51"}.bx-chevron-right-square:before{content:"\ea52"}.bx-chevrons-down:before{content:"\ea53"}.bx-chevrons-left:before{content:"\ea54"}.bx-chevrons-right:before{content:"\ea55"}.bx-chevrons-up:before{content:"\ea56"}.bx-chevron-up:before{content:"\ea57"}.bx-chevron-up-circle:before{content:"\ea58"}.bx-chevron-up-square:before{content:"\ea59"}.bx-chip:before{content:"\ea5a"}.bx-church:before{content:"\ea5b"}.bx-circle:before{content:"\ea5c"}.bx-clinic:before{content:"\ea5d"}.bx-clipboard:before{content:"\ea5e"}.bx-closet:before{content:"\ea5f"}.bx-cloud:before{content:"\ea60"}.bx-cloud-download:before{content:"\ea61"}.bx-cloud-drizzle:before{content:"\ea62"}.bx-cloud-lightning:before{content:"\ea63"}.bx-cloud-light-rain:before{content:"\ea64"}.bx-cloud-rain:before{content:"\ea65"}.bx-cloud-snow:before{content:"\ea66"}.bx-cloud-upload:before{content:"\ea67"}.bx-code:before{content:"\ea68"}.bx-code-alt:before{content:"\ea69"}.bx-code-block:before{content:"\ea6a"}.bx-code-curly:before{content:"\ea6b"}.bx-coffee:before{content:"\ea6c"}.bx-coffee-togo:before{content:"\ea6d"}.bx-cog:before{content:"\ea6e"}.bx-coin:before{content:"\ea6f"}.bx-coin-stack:before{content:"\ea70"}.bx-collapse:before{content:"\ea71"}.bx-collection:before{content:"\ea72"}.bx-color-fill:before{content:"\ea73"}.bx-columns:before{content:"\ea74"}.bx-command:before{content:"\ea75"}.bx-comment:before{content:"\ea76"}.bx-comment-add:before{content:"\ea77"}.bx-comment-check:before{content:"\ea78"}.bx-comment-detail:before{content:"\ea79"}.bx-comment-dots:before{content:"\ea7a"}.bx-comment-edit:before{content:"\ea7b"}.bx-comment-error:before{content:"\ea7c"}.bx-comment-minus:before{content:"\ea7d"}.bx-comment-x:before{content:"\ea7e"}.bx-compass:before{content:"\ea7f"}.bx-confused:before{content:"\ea80"}.bx-conversation:before{content:"\ea81"}.bx-cookie:before{content:"\ea82"}.bx-cool:before{content:"\ea83"}.bx-copy:before{content:"\ea84"}.bx-copy-alt:before{content:"\ea85"}.bx-copyright:before{content:"\ea86"}.bx-credit-card:before{content:"\ea87"}.bx-credit-card-alt:before{content:"\ea88"}.bx-credit-card-front:before{content:"\ea89"}.bx-crop:before{content:"\ea8a"}.bx-crosshair:before{content:"\ea8b"}.bx-crown:before{content:"\ea8c"}.bx-cube:before{content:"\ea8d"}.bx-cube-alt:before{content:"\ea8e"}.bx-cuboid:before{content:"\ea8f"}.bx-current-location:before{content:"\ea90"}.bx-customize:before{content:"\ea91"}.bx-cut:before{content:"\ea92"}.bx-cycling:before{content:"\ea93"}.bx-cylinder:before{content:"\ea94"}.bx-data:before{content:"\ea95"}.bx-desktop:before{content:"\ea96"}.bx-detail:before{content:"\ea97"}.bx-devices:before{content:"\ea98"}.bx-dialpad:before{content:"\ea99"}.bx-dialpad-alt:before{content:"\ea9a"}.bx-diamond:before{content:"\ea9b"}.bx-dice-1:before{content:"\ea9c"}.bx-dice-2:before{content:"\ea9d"}.bx-dice-3:before{content:"\ea9e"}.bx-dice-4:before{content:"\ea9f"}.bx-dice-5:before{content:"\eaa0"}.bx-dice-6:before{content:"\eaa1"}.bx-directions:before{content:"\eaa2"}.bx-disc:before{content:"\eaa3"}.bx-dish:before{content:"\eaa4"}.bx-dislike:before{content:"\eaa5"}.bx-dizzy:before{content:"\eaa6"}.bx-dna:before{content:"\eaa7"}.bx-dock-bottom:before{content:"\eaa8"}.bx-dock-left:before{content:"\eaa9"}.bx-dock-right:before{content:"\eaaa"}.bx-dock-top:before{content:"\eaab"}.bx-dollar:before{content:"\eaac"}.bx-dollar-circle:before{content:"\eaad"}.bx-donate-blood:before{content:"\eaae"}.bx-donate-heart:before{content:"\eaaf"}.bx-door-open:before{content:"\eab0"}.bx-dots-horizontal:before{content:"\eab1"}.bx-dots-horizontal-rounded:before{content:"\eab2"}.bx-dots-vertical:before{content:"\eab3"}.bx-dots-vertical-rounded:before{content:"\eab4"}.bx-doughnut-chart:before{content:"\eab5"}.bx-down-arrow:before{content:"\eab6"}.bx-down-arrow-alt:before{content:"\eab7"}.bx-down-arrow-circle:before{content:"\eab8"}.bx-download:before{content:"\eab9"}.bx-downvote:before{content:"\eaba"}.bx-drink:before{content:"\eabb"}.bx-droplet:before{content:"\eabc"}.bx-dumbbell:before{content:"\eabd"}.bx-duplicate:before{content:"\eabe"}.bx-edit:before{content:"\eabf"}.bx-edit-alt:before{content:"\eac0"}.bx-envelope:before{content:"\eac1"}.bx-envelope-open:before{content:"\eac2"}.bx-equalizer:before{content:"\eac3"}.bx-eraser:before{content:"\eac4"}.bx-error:before{content:"\eac5"}.bx-error-alt:before{content:"\eac6"}.bx-error-circle:before{content:"\eac7"}.bx-euro:before{content:"\eac8"}.bx-exclude:before{content:"\eac9"}.bx-exit:before{content:"\eaca"}.bx-exit-fullscreen:before{content:"\eacb"}.bx-expand:before{content:"\eacc"}.bx-expand-alt:before{content:"\eacd"}.bx-export:before{content:"\eace"}.bx-extension:before{content:"\eacf"}.bx-face:before{content:"\ead0"}.bx-fast-forward:before{content:"\ead1"}.bx-fast-forward-circle:before{content:"\ead2"}.bx-female:before{content:"\ead3"}.bx-female-sign:before{content:"\ead4"}.bx-file:before{content:"\ead5"}.bx-file-blank:before{content:"\ead6"}.bx-file-find:before{content:"\ead7"}.bx-film:before{content:"\ead8"}.bx-filter:before{content:"\ead9"}.bx-filter-alt:before{content:"\eada"}.bx-fingerprint:before{content:"\eadb"}.bx-first-aid:before{content:"\eadc"}.bx-first-page:before{content:"\eadd"}.bx-flag:before{content:"\eade"}.bx-folder:before{content:"\eadf"}.bx-folder-minus:before{content:"\eae0"}.bx-folder-open:before{content:"\eae1"}.bx-folder-plus:before{content:"\eae2"}.bx-font:before{content:"\eae3"}.bx-font-color:before{content:"\eae4"}.bx-font-family:before{content:"\eae5"}.bx-font-size:before{content:"\eae6"}.bx-food-menu:before{content:"\eae7"}.bx-food-tag:before{content:"\eae8"}.bx-football:before{content:"\eae9"}.bx-fridge:before{content:"\eaea"}.bx-fullscreen:before{content:"\eaeb"}.bx-game:before{content:"\eaec"}.bx-gas-pump:before{content:"\eaed"}.bx-ghost:before{content:"\eaee"}.bx-gift:before{content:"\eaef"}.bx-git-branch:before{content:"\eaf0"}.bx-git-commit:before{content:"\eaf1"}.bx-git-compare:before{content:"\eaf2"}.bx-git-merge:before{content:"\eaf3"}.bx-git-pull-request:before{content:"\eaf4"}.bx-git-repo-forked:before{content:"\eaf5"}.bx-glasses:before{content:"\eaf6"}.bx-glasses-alt:before{content:"\eaf7"}.bx-globe:before{content:"\eaf8"}.bx-globe-alt:before{content:"\eaf9"}.bx-grid:before{content:"\eafa"}.bx-grid-alt:before{content:"\eafb"}.bx-grid-horizontal:before{content:"\eafc"}.bx-grid-small:before{content:"\eafd"}.bx-grid-vertical:before{content:"\eafe"}.bx-group:before{content:"\eaff"}.bx-handicap:before{content:"\eb00"}.bx-happy:before{content:"\eb01"}.bx-happy-alt:before{content:"\eb02"}.bx-happy-beaming:before{content:"\eb03"}.bx-happy-heart-eyes:before{content:"\eb04"}.bx-hash:before{content:"\eb05"}.bx-hdd:before{content:"\eb06"}.bx-heading:before{content:"\eb07"}.bx-headphone:before{content:"\eb08"}.bx-health:before{content:"\eb09"}.bx-heart:before{content:"\eb0a"}.bx-heart-circle:before{content:"\eb0b"}.bx-heart-square:before{content:"\eb0c"}.bx-help-circle:before{content:"\eb0d"}.bx-hide:before{content:"\eb0e"}.bx-highlight:before{content:"\eb0f"}.bx-history:before{content:"\eb10"}.bx-hive:before{content:"\eb11"}.bx-home:before{content:"\eb12"}.bx-home-alt:before{content:"\eb13"}.bx-home-circle:before{content:"\eb14"}.bx-home-heart:before{content:"\eb15"}.bx-home-smile:before{content:"\eb16"}.bx-horizontal-center:before{content:"\eb17"}.bx-hotel:before{content:"\eb18"}.bx-hourglass:before{content:"\eb19"}.bx-id-card:before{content:"\eb1a"}.bx-image:before{content:"\eb1b"}.bx-image-add:before{content:"\eb1c"}.bx-image-alt:before{content:"\eb1d"}.bx-images:before{content:"\eb1e"}.bx-import:before{content:"\eb1f"}.bx-infinite:before{content:"\eb20"}.bx-info-circle:before{content:"\eb21"}.bx-info-square:before{content:"\eb22"}.bx-intersect:before{content:"\eb23"}.bx-italic:before{content:"\eb24"}.bx-joystick:before{content:"\eb25"}.bx-joystick-alt:before{content:"\eb26"}.bx-joystick-button:before{content:"\eb27"}.bx-key:before{content:"\eb28"}.bx-label:before{content:"\eb29"}.bx-landscape:before{content:"\eb2a"}.bx-laptop:before{content:"\eb2b"}.bx-last-page:before{content:"\eb2c"}.bx-laugh:before{content:"\eb2d"}.bx-layer:before{content:"\eb2e"}.bx-layer-minus:before{content:"\eb2f"}.bx-layer-plus:before{content:"\eb30"}.bx-layout:before{content:"\eb31"}.bx-left-arrow:before{content:"\eb32"}.bx-left-arrow-alt:before{content:"\eb33"}.bx-left-arrow-circle:before{content:"\eb34"}.bx-left-down-arrow-circle:before{content:"\eb35"}.bx-left-indent:before{content:"\eb36"}.bx-left-top-arrow-circle:before{content:"\eb37"}.bx-library:before{content:"\eb38"}.bx-like:before{content:"\eb39"}.bx-line-chart:before{content:"\eb3a"}.bx-line-chart-down:before{content:"\eb3b"}.bx-link:before{content:"\eb3c"}.bx-link-alt:before{content:"\eb3d"}.bx-link-external:before{content:"\eb3e"}.bx-lira:before{content:"\eb3f"}.bx-list-check:before{content:"\eb40"}.bx-list-minus:before{content:"\eb41"}.bx-list-ol:before{content:"\eb42"}.bx-list-plus:before{content:"\eb43"}.bx-list-ul:before{content:"\eb44"}.bx-loader:before{content:"\eb45"}.bx-loader-alt:before{content:"\eb46"}.bx-loader-circle:before{content:"\eb47"}.bx-location-plus:before{content:"\eb48"}.bx-lock:before{content:"\eb49"}.bx-lock-alt:before{content:"\eb4a"}.bx-lock-open:before{content:"\eb4b"}.bx-lock-open-alt:before{content:"\eb4c"}.bx-log-in:before{content:"\eb4d"}.bx-log-in-circle:before{content:"\eb4e"}.bx-log-out:before{content:"\eb4f"}.bx-log-out-circle:before{content:"\eb50"}.bx-low-vision:before{content:"\eb51"}.bx-magnet:before{content:"\eb52"}.bx-mail-send:before{content:"\eb53"}.bx-male:before{content:"\eb54"}.bx-male-sign:before{content:"\eb55"}.bx-map:before{content:"\eb56"}.bx-map-alt:before{content:"\eb57"}.bx-map-pin:before{content:"\eb58"}.bx-mask:before{content:"\eb59"}.bx-medal:before{content:"\eb5a"}.bx-meh:before{content:"\eb5b"}.bx-meh-alt:before{content:"\eb5c"}.bx-meh-blank:before{content:"\eb5d"}.bx-memory-card:before{content:"\eb5e"}.bx-menu:before{content:"\eb5f"}.bx-menu-alt-left:before{content:"\ef5b"}.bx-menu-alt-right:before{content:"\eb61"}.bx-merge:before{content:"\eb62"}.bx-message:before{content:"\eb63"}.bx-message-add:before{content:"\eb64"}.bx-message-alt:before{content:"\eb65"}.bx-message-alt-add:before{content:"\eb66"}.bx-message-alt-check:before{content:"\eb67"}.bx-message-alt-detail:before{content:"\eb68"}.bx-message-alt-dots:before{content:"\eb69"}.bx-message-alt-edit:before{content:"\eb6a"}.bx-message-alt-error:before{content:"\eb6b"}.bx-message-alt-minus:before{content:"\eb6c"}.bx-message-alt-x:before{content:"\eb6d"}.bx-message-check:before{content:"\eb6e"}.bx-message-detail:before{content:"\eb6f"}.bx-message-dots:before{content:"\eb70"}.bx-message-edit:before{content:"\eb71"}.bx-message-error:before{content:"\eb72"}.bx-message-minus:before{content:"\eb73"}.bx-message-rounded:before{content:"\eb74"}.bx-message-rounded-add:before{content:"\eb75"}.bx-message-rounded-check:before{content:"\eb76"}.bx-message-rounded-detail:before{content:"\eb77"}.bx-message-rounded-dots:before{content:"\eb78"}.bx-message-rounded-edit:before{content:"\ef5c"}.bx-message-rounded-error:before{content:"\eb7a"}.bx-message-rounded-minus:before{content:"\eb7b"}.bx-message-rounded-x:before{content:"\eb7c"}.bx-message-square:before{content:"\eb7d"}.bx-message-square-add:before{content:"\eb7e"}.bx-message-square-check:before{content:"\eb7f"}.bx-message-square-detail:before{content:"\eb80"}.bx-message-square-dots:before{content:"\eb81"}.bx-message-square-edit:before{content:"\eb82"}.bx-message-square-error:before{content:"\eb83"}.bx-message-square-minus:before{content:"\eb84"}.bx-message-square-x:before{content:"\eb85"}.bx-message-x:before{content:"\eb86"}.bx-meteor:before{content:"\eb87"}.bx-microchip:before{content:"\eb88"}.bx-microphone:before{content:"\eb89"}.bx-microphone-off:before{content:"\eb8a"}.bx-minus:before{content:"\eb8b"}.bx-minus-back:before{content:"\eb8c"}.bx-minus-circle:before{content:"\eb8d"}.bx-minus-front:before{content:"\eb8e"}.bx-mobile:before{content:"\eb8f"}.bx-mobile-alt:before{content:"\eb90"}.bx-mobile-landscape:before{content:"\eb91"}.bx-mobile-vibration:before{content:"\ef5d"}.bx-money:before{content:"\eb93"}.bx-moon:before{content:"\eb94"}.bx-mouse:before{content:"\eb95"}.bx-mouse-alt:before{content:"\eb96"}.bx-move:before{content:"\eb97"}.bx-move-horizontal:before{content:"\eb98"}.bx-move-vertical:before{content:"\eb99"}.bx-movie:before{content:"\eb9a"}.bx-movie-play:before{content:"\eb9b"}.bx-music:before{content:"\eb9c"}.bx-navigation:before{content:"\eb9d"}.bx-network-chart:before{content:"\eb9e"}.bx-news:before{content:"\eb9f"}.bx-no-entry:before{content:"\eba0"}.bx-note:before{content:"\eba1"}.bx-notepad:before{content:"\eba2"}.bx-notification:before{content:"\eba3"}.bx-notification-off:before{content:"\eba4"}.bx-outline:before{content:"\eba5"}.bx-package:before{content:"\eba6"}.bx-paint:before{content:"\eba7"}.bx-paint-roll:before{content:"\eba8"}.bx-palette:before{content:"\eba9"}.bx-paperclip:before{content:"\ebaa"}.bx-paper-plane:before{content:"\ef61"}.bx-paragraph:before{content:"\ebac"}.bx-paste:before{content:"\ebad"}.bx-pause:before{content:"\ebae"}.bx-pause-circle:before{content:"\ebaf"}.bx-pen:before{content:"\ebb0"}.bx-pencil:before{content:"\ebb1"}.bx-phone:before{content:"\ebb2"}.bx-phone-call:before{content:"\ebb3"}.bx-phone-incoming:before{content:"\ebb4"}.bx-phone-off:before{content:"\ebb5"}.bx-phone-outgoing:before{content:"\ebb6"}.bx-photo-album:before{content:"\ebb7"}.bx-pie-chart:before{content:"\ebb8"}.bx-pie-chart-alt:before{content:"\ebb9"}.bx-pie-chart-alt-2:before{content:"\ebba"}.bx-pin:before{content:"\ebbb"}.bx-planet:before{content:"\ebbc"}.bx-play:before{content:"\ebbd"}.bx-play-circle:before{content:"\ebbe"}.bx-plug:before{content:"\ebbf"}.bx-plus:before{content:"\ebc0"}.bx-plus-circle:before{content:"\ebc1"}.bx-plus-medical:before{content:"\ebc2"}.bx-podcast:before{content:"\ebc3"}.bx-pointer:before{content:"\ef5e"}.bx-poll:before{content:"\ebc5"}.bx-polygon:before{content:"\ebc6"}.bx-pound:before{content:"\ebc7"}.bx-power-off:before{content:"\ebc8"}.bx-printer:before{content:"\ebc9"}.bx-pulse:before{content:"\ebca"}.bx-purchase-tag:before{content:"\ebcb"}.bx-purchase-tag-alt:before{content:"\ebcc"}.bx-pyramid:before{content:"\ebcd"}.bx-qr:before{content:"\ebce"}.bx-qr-scan:before{content:"\ebcf"}.bx-question-mark:before{content:"\ebd0"}.bx-radar:before{content:"\ebd1"}.bx-radio:before{content:"\ebd2"}.bx-radio-circle:before{content:"\ebd3"}.bx-radio-circle-marked:before{content:"\ebd4"}.bx-receipt:before{content:"\ebd5"}.bx-rectangle:before{content:"\ebd6"}.bx-recycle:before{content:"\ebd7"}.bx-redo:before{content:"\ebd8"}.bx-refresh:before{content:"\ebd9"}.bx-registered:before{content:"\ebda"}.bx-rename:before{content:"\ebdb"}.bx-repeat:before{content:"\ebdc"}.bx-reply:before{content:"\ef5f"}.bx-reply-all:before{content:"\ebde"}.bx-repost:before{content:"\ebdf"}.bx-reset:before{content:"\ebe0"}.bx-restaurant:before{content:"\ebe1"}.bx-revision:before{content:"\ebe2"}.bx-rewind:before{content:"\ebe3"}.bx-rewind-circle:before{content:"\ebe4"}.bx-right-arrow:before{content:"\ebe5"}.bx-right-arrow-alt:before{content:"\ebe6"}.bx-right-arrow-circle:before{content:"\ebe7"}.bx-right-down-arrow-circle:before{content:"\ebe8"}.bx-right-indent:before{content:"\ebe9"}.bx-right-top-arrow-circle:before{content:"\ebea"}.bx-rocket:before{content:"\ebeb"}.bx-rotate-left:before{content:"\ebec"}.bx-rotate-right:before{content:"\ebed"}.bx-rss:before{content:"\ebee"}.bx-ruble:before{content:"\ebef"}.bx-ruler:before{content:"\ebf0"}.bx-run:before{content:"\ebf1"}.bx-rupee:before{content:"\ebf2"}.bx-sad:before{content:"\ebf3"}.bx-save:before{content:"\ebf4"}.bx-scan:before{content:"\ebf5"}.bx-screenshot:before{content:"\ef60"}.bx-search:before{content:"\ebf7"}.bx-search-alt:before{content:"\ebf8"}.bx-search-alt-2:before{content:"\ebf9"}.bx-selection:before{content:"\ebfa"}.bx-select-multiple:before{content:"\ebfb"}.bx-send:before{content:"\ebfc"}.bx-server:before{content:"\ebfd"}.bx-shape-circle:before{content:"\ebfe"}.bx-shape-polygon:before{content:"\ebff"}.bx-shape-square:before{content:"\ec00"}.bx-shape-triangle:before{content:"\ec01"}.bx-share:before{content:"\ec02"}.bx-share-alt:before{content:"\ec03"}.bx-shekel:before{content:"\ec04"}.bx-shield:before{content:"\ec05"}.bx-shield-alt:before{content:"\ec06"}.bx-shield-alt-2:before{content:"\ec07"}.bx-shield-quarter:before{content:"\ec08"}.bx-shield-x:before{content:"\ec09"}.bx-shocked:before{content:"\ec0a"}.bx-shopping-bag:before{content:"\ec0b"}.bx-show:before{content:"\ec0c"}.bx-show-alt:before{content:"\ec0d"}.bx-shuffle:before{content:"\ec0e"}.bx-sidebar:before{content:"\ec0f"}.bx-sitemap:before{content:"\ec10"}.bx-skip-next:before{content:"\ec11"}.bx-skip-next-circle:before{content:"\ec12"}.bx-skip-previous:before{content:"\ec13"}.bx-skip-previous-circle:before{content:"\ec14"}.bx-sleepy:before{content:"\ec15"}.bx-slider:before{content:"\ec16"}.bx-slider-alt:before{content:"\ec17"}.bx-slideshow:before{content:"\ec18"}.bx-smile:before{content:"\ec19"}.bx-sort:before{content:"\ec1a"}.bx-sort-alt-2:before{content:"\ec1b"}.bx-sort-a-z:before{content:"\ec1c"}.bx-sort-down:before{content:"\ec1d"}.bx-sort-up:before{content:"\ec1e"}.bx-sort-z-a:before{content:"\ec1f"}.bx-spa:before{content:"\ec20"}.bx-space-bar:before{content:"\ec21"}.bx-speaker:before{content:"\ec22"}.bx-spray-can:before{content:"\ec23"}.bx-spreadsheet:before{content:"\ec24"}.bx-square:before{content:"\ec25"}.bx-square-rounded:before{content:"\ec26"}.bx-star:before{content:"\ec27"}.bx-station:before{content:"\ec28"}.bx-stats:before{content:"\ec29"}.bx-sticker:before{content:"\ec2a"}.bx-stop:before{content:"\ec2b"}.bx-stop-circle:before{content:"\ec2c"}.bx-stopwatch:before{content:"\ec2d"}.bx-store:before{content:"\ec2e"}.bx-store-alt:before{content:"\ec2f"}.bx-street-view:before{content:"\ec30"}.bx-strikethrough:before{content:"\ec31"}.bx-subdirectory-left:before{content:"\ec32"}.bx-subdirectory-right:before{content:"\ec33"}.bx-sun:before{content:"\ec34"}.bx-support:before{content:"\ec35"}.bx-swim:before{content:"\ec36"}.bx-sync:before{content:"\ec37"}.bx-tab:before{content:"\ec38"}.bx-table:before{content:"\ec39"}.bx-tachometer:before{content:"\ec3a"}.bx-tag:before{content:"\ec3b"}.bx-tag-alt:before{content:"\ec3c"}.bx-target-lock:before{content:"\ec3d"}.bx-task:before{content:"\ec3e"}.bx-task-x:before{content:"\ec3f"}.bx-taxi:before{content:"\ec40"}.bx-tennis-ball:before{content:"\ec41"}.bx-terminal:before{content:"\ec42"}.bx-test-tube:before{content:"\ec43"}.bx-text:before{content:"\ec44"}.bx-time:before{content:"\ec45"}.bx-time-five:before{content:"\ec46"}.bx-timer:before{content:"\ec47"}.bx-tired:before{content:"\ec48"}.bx-toggle-left:before{content:"\ec49"}.bx-toggle-right:before{content:"\ec4a"}.bx-tone:before{content:"\ec4b"}.bx-traffic-cone:before{content:"\ec4c"}.bx-train:before{content:"\ec4d"}.bx-transfer:before{content:"\ec4e"}.bx-transfer-alt:before{content:"\ec4f"}.bx-trash:before{content:"\ec50"}.bx-trash-alt:before{content:"\ec51"}.bx-trending-down:before{content:"\ec52"}.bx-trending-up:before{content:"\ec53"}.bx-trim:before{content:"\ec54"}.bx-trip:before{content:"\ec55"}.bx-trophy:before{content:"\ec56"}.bx-tv:before{content:"\ec57"}.bx-underline:before{content:"\ec58"}.bx-undo:before{content:"\ec59"}.bx-unite:before{content:"\ec5a"}.bx-unlink:before{content:"\ec5b"}.bx-up-arrow:before{content:"\ec5c"}.bx-up-arrow-alt:before{content:"\ec5d"}.bx-up-arrow-circle:before{content:"\ec5e"}.bx-upload:before{content:"\ec5f"}.bx-upside-down:before{content:"\ec60"}.bx-upvote:before{content:"\ec61"}.bx-usb:before{content:"\ec62"}.bx-user:before{content:"\ec63"}.bx-user-check:before{content:"\ec64"}.bx-user-circle:before{content:"\ec65"}.bx-user-minus:before{content:"\ec66"}.bx-user-pin:before{content:"\ec67"}.bx-user-plus:before{content:"\ec68"}.bx-user-voice:before{content:"\ec69"}.bx-user-x:before{content:"\ec6a"}.bx-vector:before{content:"\ec6b"}.bx-vertical-center:before{content:"\ec6c"}.bx-vial:before{content:"\ec6d"}.bx-video:before{content:"\ec6e"}.bx-video-off:before{content:"\ec6f"}.bx-video-plus:before{content:"\ec70"}.bx-video-recording:before{content:"\ec71"}.bx-voicemail:before{content:"\ec72"}.bx-volume:before{content:"\ec73"}.bx-volume-full:before{content:"\ec74"}.bx-volume-low:before{content:"\ec75"}.bx-volume-mute:before{content:"\ec76"}.bx-walk:before{content:"\ec77"}.bx-wallet:before{content:"\ec78"}.bx-wallet-alt:before{content:"\ec79"}.bx-water:before{content:"\ec7a"}.bx-webcam:before{content:"\ec7b"}.bx-wifi:before{content:"\ec7c"}.bx-wifi-0:before{content:"\ec7d"}.bx-wifi-1:before{content:"\ec7e"}.bx-wifi-2:before{content:"\ec7f"}.bx-wifi-off:before{content:"\ec80"}.bx-wind:before{content:"\ec81"}.bx-window:before{content:"\ec82"}.bx-window-alt:before{content:"\ec83"}.bx-window-close:before{content:"\ec84"}.bx-window-open:before{content:"\ec85"}.bx-windows:before{content:"\ec86"}.bx-wine:before{content:"\ec87"}.bx-wink-smile:before{content:"\ec88"}.bx-wink-tongue:before{content:"\ec89"}.bx-won:before{content:"\ec8a"}.bx-world:before{content:"\ec8b"}.bx-wrench:before{content:"\ec8c"}.bx-x:before{content:"\ec8d"}.bx-x-circle:before{content:"\ec8e"}.bx-yen:before{content:"\ec8f"}.bx-zoom-in:before{content:"\ec90"}.bx-zoom-out:before{content:"\ec91"}.bxs-party:before{content:"\ec92"}.bxs-hot:before{content:"\ec93"}.bxs-droplet:before{content:"\ec94"}.bxs-cat:before{content:"\ec95"}.bxs-dog:before{content:"\ec96"}.bxs-injection:before{content:"\ec97"}.bxs-leaf:before{content:"\ec98"}.bxs-add-to-queue:before{content:"\ec99"}.bxs-adjust:before{content:"\ec9a"}.bxs-adjust-alt:before{content:"\ec9b"}.bxs-alarm:before{content:"\ec9c"}.bxs-alarm-add:before{content:"\ec9d"}.bxs-alarm-exclamation:before{content:"\ec9e"}.bxs-alarm-off:before{content:"\ec9f"}.bxs-alarm-snooze:before{content:"\eca0"}.bxs-album:before{content:"\eca1"}.bxs-ambulance:before{content:"\eca2"}.bxs-analyse:before{content:"\eca3"}.bxs-angry:before{content:"\eca4"}.bxs-arch:before{content:"\eca5"}.bxs-archive:before{content:"\eca6"}.bxs-archive-in:before{content:"\eca7"}.bxs-archive-out:before{content:"\eca8"}.bxs-area:before{content:"\eca9"}.bxs-arrow-from-bottom:before{content:"\ecaa"}.bxs-arrow-from-left:before{content:"\ecab"}.bxs-arrow-from-right:before{content:"\ecac"}.bxs-arrow-from-top:before{content:"\ecad"}.bxs-arrow-to-bottom:before{content:"\ecae"}.bxs-arrow-to-left:before{content:"\ecaf"}.bxs-arrow-to-right:before{content:"\ecb0"}.bxs-arrow-to-top:before{content:"\ecb1"}.bxs-award:before{content:"\ecb2"}.bxs-baby-carriage:before{content:"\ecb3"}.bxs-backpack:before{content:"\ecb4"}.bxs-badge:before{content:"\ecb5"}.bxs-badge-check:before{content:"\ecb6"}.bxs-badge-dollar:before{content:"\ecb7"}.bxs-ball:before{content:"\ecb8"}.bxs-band-aid:before{content:"\ecb9"}.bxs-bank:before{content:"\ecba"}.bxs-bar-chart-alt-2:before{content:"\ecbb"}.bxs-bar-chart-square:before{content:"\ecbc"}.bxs-barcode:before{content:"\ecbd"}.bxs-baseball:before{content:"\ecbe"}.bxs-basket:before{content:"\ecbf"}.bxs-basketball:before{content:"\ecc0"}.bxs-bath:before{content:"\ecc1"}.bxs-battery:before{content:"\ecc2"}.bxs-battery-charging:before{content:"\ecc3"}.bxs-battery-full:before{content:"\ecc4"}.bxs-battery-low:before{content:"\ecc5"}.bxs-bed:before{content:"\ecc6"}.bxs-been-here:before{content:"\ecc7"}.bxs-beer:before{content:"\ecc8"}.bxs-bell:before{content:"\ecc9"}.bxs-bell-minus:before{content:"\ecca"}.bxs-bell-off:before{content:"\eccb"}.bxs-bell-plus:before{content:"\eccc"}.bxs-bell-ring:before{content:"\eccd"}.bxs-bible:before{content:"\ecce"}.bxs-binoculars:before{content:"\eccf"}.bxs-blanket:before{content:"\ecd0"}.bxs-bolt:before{content:"\ecd1"}.bxs-bolt-circle:before{content:"\ecd2"}.bxs-bomb:before{content:"\ecd3"}.bxs-bone:before{content:"\ecd4"}.bxs-bong:before{content:"\ecd5"}.bxs-book:before{content:"\ecd6"}.bxs-book-add:before{content:"\ecd7"}.bxs-book-alt:before{content:"\ecd8"}.bxs-book-bookmark:before{content:"\ecd9"}.bxs-book-content:before{content:"\ecda"}.bxs-book-heart:before{content:"\ecdb"}.bxs-bookmark:before{content:"\ecdc"}.bxs-bookmark-alt:before{content:"\ecdd"}.bxs-bookmark-alt-minus:before{content:"\ecde"}.bxs-bookmark-alt-plus:before{content:"\ecdf"}.bxs-bookmark-heart:before{content:"\ece0"}.bxs-bookmark-minus:before{content:"\ece1"}.bxs-bookmark-plus:before{content:"\ece2"}.bxs-bookmarks:before{content:"\ece3"}.bxs-bookmark-star:before{content:"\ece4"}.bxs-book-open:before{content:"\ece5"}.bxs-book-reader:before{content:"\ece6"}.bxs-bot:before{content:"\ece7"}.bxs-bowling-ball:before{content:"\ece8"}.bxs-box:before{content:"\ece9"}.bxs-brain:before{content:"\ecea"}.bxs-briefcase:before{content:"\eceb"}.bxs-briefcase-alt:before{content:"\ecec"}.bxs-briefcase-alt-2:before{content:"\eced"}.bxs-brightness:before{content:"\ecee"}.bxs-brightness-half:before{content:"\ecef"}.bxs-brush:before{content:"\ecf0"}.bxs-brush-alt:before{content:"\ecf1"}.bxs-bug:before{content:"\ecf2"}.bxs-bug-alt:before{content:"\ecf3"}.bxs-building:before{content:"\ecf4"}.bxs-building-house:before{content:"\ecf5"}.bxs-buildings:before{content:"\ecf6"}.bxs-bulb:before{content:"\ecf7"}.bxs-bullseye:before{content:"\ecf8"}.bxs-buoy:before{content:"\ecf9"}.bxs-bus:before{content:"\ecfa"}.bxs-business:before{content:"\ecfb"}.bxs-bus-school:before{content:"\ecfc"}.bxs-cabinet:before{content:"\ecfd"}.bxs-cake:before{content:"\ecfe"}.bxs-calculator:before{content:"\ecff"}.bxs-calendar:before{content:"\ed00"}.bxs-calendar-alt:before{content:"\ed01"}.bxs-calendar-check:before{content:"\ed02"}.bxs-calendar-edit:before{content:"\ed03"}.bxs-calendar-event:before{content:"\ed04"}.bxs-calendar-exclamation:before{content:"\ed05"}.bxs-calendar-heart:before{content:"\ed06"}.bxs-calendar-minus:before{content:"\ed07"}.bxs-calendar-plus:before{content:"\ed08"}.bxs-calendar-star:before{content:"\ed09"}.bxs-calendar-week:before{content:"\ed0a"}.bxs-calendar-x:before{content:"\ed0b"}.bxs-camera:before{content:"\ed0c"}.bxs-camera-home:before{content:"\ed0d"}.bxs-camera-movie:before{content:"\ed0e"}.bxs-camera-off:before{content:"\ed0f"}.bxs-camera-plus:before{content:"\ed10"}.bxs-capsule:before{content:"\ed11"}.bxs-captions:before{content:"\ed12"}.bxs-car:before{content:"\ed13"}.bxs-car-battery:before{content:"\ed14"}.bxs-car-crash:before{content:"\ed15"}.bxs-card:before{content:"\ed16"}.bxs-caret-down-circle:before{content:"\ed17"}.bxs-caret-down-square:before{content:"\ed18"}.bxs-caret-left-circle:before{content:"\ed19"}.bxs-caret-left-square:before{content:"\ed1a"}.bxs-caret-right-circle:before{content:"\ed1b"}.bxs-caret-right-square:before{content:"\ed1c"}.bxs-caret-up-circle:before{content:"\ed1d"}.bxs-caret-up-square:before{content:"\ed1e"}.bxs-car-garage:before{content:"\ed1f"}.bxs-car-mechanic:before{content:"\ed20"}.bxs-carousel:before{content:"\ed21"}.bxs-cart:before{content:"\ed22"}.bxs-cart-add:before{content:"\ed23"}.bxs-cart-alt:before{content:"\ed24"}.bxs-cart-download:before{content:"\ed25"}.bxs-car-wash:before{content:"\ed26"}.bxs-category:before{content:"\ed27"}.bxs-category-alt:before{content:"\ed28"}.bxs-cctv:before{content:"\ed29"}.bxs-certification:before{content:"\ed2a"}.bxs-chalkboard:before{content:"\ed2b"}.bxs-chart:before{content:"\ed2c"}.bxs-chat:before{content:"\ed2d"}.bxs-checkbox:before{content:"\ed2e"}.bxs-checkbox-checked:before{content:"\ed2f"}.bxs-checkbox-minus:before{content:"\ed30"}.bxs-check-circle:before{content:"\ed31"}.bxs-check-shield:before{content:"\ed32"}.bxs-check-square:before{content:"\ed33"}.bxs-chess:before{content:"\ed34"}.bxs-chevron-down:before{content:"\ed35"}.bxs-chevron-down-circle:before{content:"\ed36"}.bxs-chevron-down-square:before{content:"\ed37"}.bxs-chevron-left:before{content:"\ed38"}.bxs-chevron-left-circle:before{content:"\ed39"}.bxs-chevron-left-square:before{content:"\ed3a"}.bxs-chevron-right:before{content:"\ed3b"}.bxs-chevron-right-circle:before{content:"\ed3c"}.bxs-chevron-right-square:before{content:"\ed3d"}.bxs-chevrons-down:before{content:"\ed3e"}.bxs-chevrons-left:before{content:"\ed3f"}.bxs-chevrons-right:before{content:"\ed40"}.bxs-chevrons-up:before{content:"\ed41"}.bxs-chevron-up:before{content:"\ed42"}.bxs-chevron-up-circle:before{content:"\ed43"}.bxs-chevron-up-square:before{content:"\ed44"}.bxs-chip:before{content:"\ed45"}.bxs-church:before{content:"\ed46"}.bxs-circle:before{content:"\ed47"}.bxs-city:before{content:"\ed48"}.bxs-clinic:before{content:"\ed49"}.bxs-cloud:before{content:"\ed4a"}.bxs-cloud-download:before{content:"\ed4b"}.bxs-cloud-lightning:before{content:"\ed4c"}.bxs-cloud-rain:before{content:"\ed4d"}.bxs-cloud-upload:before{content:"\ed4e"}.bxs-coffee:before{content:"\ed4f"}.bxs-coffee-alt:before{content:"\ed50"}.bxs-coffee-togo:before{content:"\ed51"}.bxs-cog:before{content:"\ed52"}.bxs-coin:before{content:"\ed53"}.bxs-coin-stack:before{content:"\ed54"}.bxs-collection:before{content:"\ed55"}.bxs-color-fill:before{content:"\ed56"}.bxs-comment:before{content:"\ed57"}.bxs-comment-add:before{content:"\ed58"}.bxs-comment-check:before{content:"\ed59"}.bxs-comment-detail:before{content:"\ed5a"}.bxs-comment-dots:before{content:"\ed5b"}.bxs-comment-edit:before{content:"\ed5c"}.bxs-comment-error:before{content:"\ed5d"}.bxs-comment-minus:before{content:"\ed5e"}.bxs-comment-x:before{content:"\ed5f"}.bxs-compass:before{content:"\ed60"}.bxs-component:before{content:"\ed61"}.bxs-confused:before{content:"\ed62"}.bxs-contact:before{content:"\ed63"}.bxs-conversation:before{content:"\ed64"}.bxs-cookie:before{content:"\ed65"}.bxs-cool:before{content:"\ed66"}.bxs-copy:before{content:"\ed67"}.bxs-copy-alt:before{content:"\ed68"}.bxs-copyright:before{content:"\ed69"}.bxs-coupon:before{content:"\ed6a"}.bxs-credit-card:before{content:"\ed6b"}.bxs-credit-card-alt:before{content:"\ed6c"}.bxs-credit-card-front:before{content:"\ed6d"}.bxs-crop:before{content:"\ed6e"}.bxs-crown:before{content:"\ed6f"}.bxs-cube:before{content:"\ed70"}.bxs-cube-alt:before{content:"\ed71"}.bxs-cuboid:before{content:"\ed72"}.bxs-customize:before{content:"\ed73"}.bxs-cylinder:before{content:"\ed74"}.bxs-dashboard:before{content:"\ed75"}.bxs-data:before{content:"\ed76"}.bxs-detail:before{content:"\ed77"}.bxs-devices:before{content:"\ed78"}.bxs-diamond:before{content:"\ed79"}.bxs-dice-1:before{content:"\ed7a"}.bxs-dice-2:before{content:"\ed7b"}.bxs-dice-3:before{content:"\ed7c"}.bxs-dice-4:before{content:"\ed7d"}.bxs-dice-5:before{content:"\ed7e"}.bxs-dice-6:before{content:"\ed7f"}.bxs-direction-left:before{content:"\ed80"}.bxs-direction-right:before{content:"\ed81"}.bxs-directions:before{content:"\ed82"}.bxs-disc:before{content:"\ed83"}.bxs-discount:before{content:"\ed84"}.bxs-dish:before{content:"\ed85"}.bxs-dislike:before{content:"\ed86"}.bxs-dizzy:before{content:"\ed87"}.bxs-dock-bottom:before{content:"\ed88"}.bxs-dock-left:before{content:"\ed89"}.bxs-dock-right:before{content:"\ed8a"}.bxs-dock-top:before{content:"\ed8b"}.bxs-dollar-circle:before{content:"\ed8c"}.bxs-donate-blood:before{content:"\ed8d"}.bxs-donate-heart:before{content:"\ed8e"}.bxs-door-open:before{content:"\ed8f"}.bxs-doughnut-chart:before{content:"\ed90"}.bxs-down-arrow:before{content:"\ed91"}.bxs-down-arrow-alt:before{content:"\ed92"}.bxs-down-arrow-circle:before{content:"\ed93"}.bxs-down-arrow-square:before{content:"\ed94"}.bxs-download:before{content:"\ed95"}.bxs-downvote:before{content:"\ed96"}.bxs-drink:before{content:"\ed97"}.bxs-droplet-half:before{content:"\ed98"}.bxs-dryer:before{content:"\ed99"}.bxs-duplicate:before{content:"\ed9a"}.bxs-edit:before{content:"\ed9b"}.bxs-edit-alt:before{content:"\ed9c"}.bxs-edit-location:before{content:"\ed9d"}.bxs-eject:before{content:"\ed9e"}.bxs-envelope:before{content:"\ed9f"}.bxs-envelope-open:before{content:"\eda0"}.bxs-eraser:before{content:"\eda1"}.bxs-error:before{content:"\eda2"}.bxs-error-alt:before{content:"\eda3"}.bxs-error-circle:before{content:"\eda4"}.bxs-ev-station:before{content:"\eda5"}.bxs-exit:before{content:"\eda6"}.bxs-extension:before{content:"\eda7"}.bxs-eyedropper:before{content:"\eda8"}.bxs-face:before{content:"\eda9"}.bxs-face-mask:before{content:"\edaa"}.bxs-factory:before{content:"\edab"}.bxs-fast-forward-circle:before{content:"\edac"}.bxs-file:before{content:"\edad"}.bxs-file-archive:before{content:"\edae"}.bxs-file-blank:before{content:"\edaf"}.bxs-file-css:before{content:"\edb0"}.bxs-file-doc:before{content:"\edb1"}.bxs-file-export:before{content:"\edb2"}.bxs-file-find:before{content:"\edb3"}.bxs-file-gif:before{content:"\edb4"}.bxs-file-html:before{content:"\edb5"}.bxs-file-image:before{content:"\edb6"}.bxs-file-import:before{content:"\edb7"}.bxs-file-jpg:before{content:"\edb8"}.bxs-file-js:before{content:"\edb9"}.bxs-file-json:before{content:"\edba"}.bxs-file-md:before{content:"\edbb"}.bxs-file-pdf:before{content:"\edbc"}.bxs-file-plus:before{content:"\edbd"}.bxs-file-png:before{content:"\edbe"}.bxs-file-txt:before{content:"\edbf"}.bxs-film:before{content:"\edc0"}.bxs-filter-alt:before{content:"\edc1"}.bxs-first-aid:before{content:"\edc2"}.bxs-flag:before{content:"\edc3"}.bxs-flag-alt:before{content:"\edc4"}.bxs-flag-checkered:before{content:"\edc5"}.bxs-flame:before{content:"\edc6"}.bxs-flask:before{content:"\edc7"}.bxs-florist:before{content:"\edc8"}.bxs-folder:before{content:"\edc9"}.bxs-folder-minus:before{content:"\edca"}.bxs-folder-open:before{content:"\edcb"}.bxs-folder-plus:before{content:"\edcc"}.bxs-food-menu:before{content:"\edcd"}.bxs-fridge:before{content:"\edce"}.bxs-game:before{content:"\edcf"}.bxs-gas-pump:before{content:"\edd0"}.bxs-ghost:before{content:"\edd1"}.bxs-gift:before{content:"\edd2"}.bxs-graduation:before{content:"\edd3"}.bxs-grid:before{content:"\edd4"}.bxs-grid-alt:before{content:"\edd5"}.bxs-group:before{content:"\edd6"}.bxs-guitar-amp:before{content:"\edd7"}.bxs-hand:before{content:"\edd8"}.bxs-hand-down:before{content:"\edd9"}.bxs-hand-left:before{content:"\edda"}.bxs-hand-right:before{content:"\eddb"}.bxs-hand-up:before{content:"\eddc"}.bxs-happy:before{content:"\eddd"}.bxs-happy-alt:before{content:"\edde"}.bxs-happy-beaming:before{content:"\eddf"}.bxs-happy-heart-eyes:before{content:"\ede0"}.bxs-hdd:before{content:"\ede1"}.bxs-heart:before{content:"\ede2"}.bxs-heart-circle:before{content:"\ede3"}.bxs-heart-square:before{content:"\ede4"}.bxs-help-circle:before{content:"\ede5"}.bxs-hide:before{content:"\ede6"}.bxs-home:before{content:"\ede7"}.bxs-home-circle:before{content:"\ede8"}.bxs-home-heart:before{content:"\ede9"}.bxs-home-smile:before{content:"\edea"}.bxs-hotel:before{content:"\edeb"}.bxs-hourglass:before{content:"\edec"}.bxs-hourglass-bottom:before{content:"\eded"}.bxs-hourglass-top:before{content:"\edee"}.bxs-id-card:before{content:"\edef"}.bxs-image:before{content:"\edf0"}.bxs-image-add:before{content:"\edf1"}.bxs-image-alt:before{content:"\edf2"}.bxs-inbox:before{content:"\edf3"}.bxs-info-circle:before{content:"\edf4"}.bxs-info-square:before{content:"\edf5"}.bxs-institution:before{content:"\edf6"}.bxs-joystick:before{content:"\edf7"}.bxs-joystick-alt:before{content:"\edf8"}.bxs-joystick-button:before{content:"\edf9"}.bxs-key:before{content:"\edfa"}.bxs-keyboard:before{content:"\edfb"}.bxs-label:before{content:"\edfc"}.bxs-landmark:before{content:"\edfd"}.bxs-landscape:before{content:"\edfe"}.bxs-laugh:before{content:"\edff"}.bxs-layer:before{content:"\ee00"}.bxs-layer-minus:before{content:"\ee01"}.bxs-layer-plus:before{content:"\ee02"}.bxs-layout:before{content:"\ee03"}.bxs-left-arrow:before{content:"\ee04"}.bxs-left-arrow-alt:before{content:"\ee05"}.bxs-left-arrow-circle:before{content:"\ee06"}.bxs-left-arrow-square:before{content:"\ee07"}.bxs-left-down-arrow-circle:before{content:"\ee08"}.bxs-left-top-arrow-circle:before{content:"\ee09"}.bxs-like:before{content:"\ee0a"}.bxs-location-plus:before{content:"\ee0b"}.bxs-lock:before{content:"\ee0c"}.bxs-lock-alt:before{content:"\ee0d"}.bxs-lock-open:before{content:"\ee0e"}.bxs-lock-open-alt:before{content:"\ee0f"}.bxs-log-in:before{content:"\ee10"}.bxs-log-in-circle:before{content:"\ee11"}.bxs-log-out:before{content:"\ee12"}.bxs-log-out-circle:before{content:"\ee13"}.bxs-low-vision:before{content:"\ee14"}.bxs-magic-wand:before{content:"\ee15"}.bxs-magnet:before{content:"\ee16"}.bxs-map:before{content:"\ee17"}.bxs-map-alt:before{content:"\ee18"}.bxs-map-pin:before{content:"\ee19"}.bxs-mask:before{content:"\ee1a"}.bxs-medal:before{content:"\ee1b"}.bxs-megaphone:before{content:"\ee1c"}.bxs-meh:before{content:"\ee1d"}.bxs-meh-alt:before{content:"\ee1e"}.bxs-meh-blank:before{content:"\ee1f"}.bxs-memory-card:before{content:"\ee20"}.bxs-message:before{content:"\ee21"}.bxs-message-add:before{content:"\ee22"}.bxs-message-alt:before{content:"\ee23"}.bxs-message-alt-add:before{content:"\ee24"}.bxs-message-alt-check:before{content:"\ee25"}.bxs-message-alt-detail:before{content:"\ee26"}.bxs-message-alt-dots:before{content:"\ee27"}.bxs-message-alt-edit:before{content:"\ee28"}.bxs-message-alt-error:before{content:"\ee29"}.bxs-message-alt-minus:before{content:"\ee2a"}.bxs-message-alt-x:before{content:"\ee2b"}.bxs-message-check:before{content:"\ee2c"}.bxs-message-detail:before{content:"\ee2d"}.bxs-message-dots:before{content:"\ee2e"}.bxs-message-edit:before{content:"\ee2f"}.bxs-message-error:before{content:"\ee30"}.bxs-message-minus:before{content:"\ee31"}.bxs-message-rounded:before{content:"\ee32"}.bxs-message-rounded-add:before{content:"\ee33"}.bxs-message-rounded-check:before{content:"\ee34"}.bxs-message-rounded-detail:before{content:"\ee35"}.bxs-message-rounded-dots:before{content:"\ee36"}.bxs-message-rounded-edit:before{content:"\ee37"}.bxs-message-rounded-error:before{content:"\ee38"}.bxs-message-rounded-minus:before{content:"\ee39"}.bxs-message-rounded-x:before{content:"\ee3a"}.bxs-message-square:before{content:"\ee3b"}.bxs-message-square-add:before{content:"\ee3c"}.bxs-message-square-check:before{content:"\ee3d"}.bxs-message-square-detail:before{content:"\ee3e"}.bxs-message-square-dots:before{content:"\ee3f"}.bxs-message-square-edit:before{content:"\ee40"}.bxs-message-square-error:before{content:"\ee41"}.bxs-message-square-minus:before{content:"\ee42"}.bxs-message-square-x:before{content:"\ee43"}.bxs-message-x:before{content:"\ee44"}.bxs-meteor:before{content:"\ee45"}.bxs-microchip:before{content:"\ee46"}.bxs-microphone:before{content:"\ee47"}.bxs-microphone-alt:before{content:"\ee48"}.bxs-microphone-off:before{content:"\ee49"}.bxs-minus-circle:before{content:"\ee4a"}.bxs-minus-square:before{content:"\ee4b"}.bxs-mobile:before{content:"\ee4c"}.bxs-mobile-vibration:before{content:"\ee4d"}.bxs-moon:before{content:"\ee4e"}.bxs-mouse:before{content:"\ee4f"}.bxs-mouse-alt:before{content:"\ee50"}.bxs-movie:before{content:"\ee51"}.bxs-movie-play:before{content:"\ee52"}.bxs-music:before{content:"\ee53"}.bxs-navigation:before{content:"\ee54"}.bxs-network-chart:before{content:"\ee55"}.bxs-news:before{content:"\ee56"}.bxs-no-entry:before{content:"\ee57"}.bxs-note:before{content:"\ee58"}.bxs-notepad:before{content:"\ee59"}.bxs-notification:before{content:"\ee5a"}.bxs-notification-off:before{content:"\ee5b"}.bxs-offer:before{content:"\ee5c"}.bxs-package:before{content:"\ee5d"}.bxs-paint:before{content:"\ee5e"}.bxs-paint-roll:before{content:"\ee5f"}.bxs-palette:before{content:"\ee60"}.bxs-paper-plane:before{content:"\ee61"}.bxs-parking:before{content:"\ee62"}.bxs-paste:before{content:"\ee63"}.bxs-pen:before{content:"\ee64"}.bxs-pencil:before{content:"\ee65"}.bxs-phone:before{content:"\ee66"}.bxs-phone-call:before{content:"\ee67"}.bxs-phone-incoming:before{content:"\ee68"}.bxs-phone-off:before{content:"\ee69"}.bxs-phone-outgoing:before{content:"\ee6a"}.bxs-photo-album:before{content:"\ee6b"}.bxs-piano:before{content:"\ee6c"}.bxs-pie-chart:before{content:"\ee6d"}.bxs-pie-chart-alt:before{content:"\ee6e"}.bxs-pie-chart-alt-2:before{content:"\ee6f"}.bxs-pin:before{content:"\ee70"}.bxs-pizza:before{content:"\ee71"}.bxs-plane:before{content:"\ee72"}.bxs-plane-alt:before{content:"\ee73"}.bxs-plane-land:before{content:"\ee74"}.bxs-planet:before{content:"\ee75"}.bxs-plane-take-off:before{content:"\ee76"}.bxs-playlist:before{content:"\ee77"}.bxs-plug:before{content:"\ee78"}.bxs-plus-circle:before{content:"\ee79"}.bxs-plus-square:before{content:"\ee7a"}.bxs-pointer:before{content:"\ee7b"}.bxs-polygon:before{content:"\ee7c"}.bxs-printer:before{content:"\ee7d"}.bxs-purchase-tag:before{content:"\ee7e"}.bxs-purchase-tag-alt:before{content:"\ee7f"}.bxs-pyramid:before{content:"\ee80"}.bxs-quote-alt-left:before{content:"\ee81"}.bxs-quote-alt-right:before{content:"\ee82"}.bxs-quote-left:before{content:"\ee83"}.bxs-quote-right:before{content:"\ee84"}.bxs-quote-single-left:before{content:"\ee85"}.bxs-quote-single-right:before{content:"\ee86"}.bxs-radiation:before{content:"\ee87"}.bxs-radio:before{content:"\ee88"}.bxs-receipt:before{content:"\ee89"}.bxs-rectangle:before{content:"\ee8a"}.bxs-registered:before{content:"\ee8b"}.bxs-rename:before{content:"\ee8c"}.bxs-report:before{content:"\ee8d"}.bxs-rewind-circle:before{content:"\ee8e"}.bxs-right-arrow:before{content:"\ee8f"}.bxs-right-arrow-alt:before{content:"\ee90"}.bxs-right-arrow-circle:before{content:"\ee91"}.bxs-right-arrow-square:before{content:"\ee92"}.bxs-right-down-arrow-circle:before{content:"\ee93"}.bxs-right-top-arrow-circle:before{content:"\ee94"}.bxs-rocket:before{content:"\ee95"}.bxs-ruler:before{content:"\ee96"}.bxs-sad:before{content:"\ee97"}.bxs-save:before{content:"\ee98"}.bxs-school:before{content:"\ee99"}.bxs-search:before{content:"\ee9a"}.bxs-search-alt-2:before{content:"\ee9b"}.bxs-select-multiple:before{content:"\ee9c"}.bxs-send:before{content:"\ee9d"}.bxs-server:before{content:"\ee9e"}.bxs-shapes:before{content:"\ee9f"}.bxs-share:before{content:"\eea0"}.bxs-share-alt:before{content:"\eea1"}.bxs-shield:before{content:"\eea2"}.bxs-shield-alt-2:before{content:"\eea3"}.bxs-shield-x:before{content:"\eea4"}.bxs-ship:before{content:"\eea5"}.bxs-shocked:before{content:"\eea6"}.bxs-shopping-bag:before{content:"\eea7"}.bxs-shopping-bag-alt:before{content:"\eea8"}.bxs-shopping-bags:before{content:"\eea9"}.bxs-show:before{content:"\eeaa"}.bxs-skip-next-circle:before{content:"\eeab"}.bxs-skip-previous-circle:before{content:"\eeac"}.bxs-skull:before{content:"\eead"}.bxs-sleepy:before{content:"\eeae"}.bxs-slideshow:before{content:"\eeaf"}.bxs-smile:before{content:"\eeb0"}.bxs-sort-alt:before{content:"\eeb1"}.bxs-spa:before{content:"\eeb2"}.bxs-speaker:before{content:"\eeb3"}.bxs-spray-can:before{content:"\eeb4"}.bxs-spreadsheet:before{content:"\eeb5"}.bxs-square:before{content:"\eeb6"}.bxs-square-rounded:before{content:"\eeb7"}.bxs-star:before{content:"\eeb8"}.bxs-star-half:before{content:"\eeb9"}.bxs-sticker:before{content:"\eeba"}.bxs-stopwatch:before{content:"\eebb"}.bxs-store:before{content:"\eebc"}.bxs-store-alt:before{content:"\eebd"}.bxs-sun:before{content:"\eebe"}.bxs-tachometer:before{content:"\eebf"}.bxs-tag:before{content:"\eec0"}.bxs-tag-alt:before{content:"\eec1"}.bxs-tag-x:before{content:"\eec2"}.bxs-taxi:before{content:"\eec3"}.bxs-tennis-ball:before{content:"\eec4"}.bxs-terminal:before{content:"\eec5"}.bxs-thermometer:before{content:"\eec6"}.bxs-time:before{content:"\eec7"}.bxs-time-five:before{content:"\eec8"}.bxs-timer:before{content:"\eec9"}.bxs-tired:before{content:"\eeca"}.bxs-toggle-left:before{content:"\eecb"}.bxs-toggle-right:before{content:"\eecc"}.bxs-tone:before{content:"\eecd"}.bxs-torch:before{content:"\eece"}.bxs-to-top:before{content:"\eecf"}.bxs-traffic:before{content:"\eed0"}.bxs-traffic-barrier:before{content:"\eed1"}.bxs-traffic-cone:before{content:"\eed2"}.bxs-train:before{content:"\eed3"}.bxs-trash:before{content:"\eed4"}.bxs-trash-alt:before{content:"\eed5"}.bxs-tree:before{content:"\eed6"}.bxs-trophy:before{content:"\eed7"}.bxs-truck:before{content:"\eed8"}.bxs-t-shirt:before{content:"\eed9"}.bxs-tv:before{content:"\eeda"}.bxs-up-arrow:before{content:"\eedb"}.bxs-up-arrow-alt:before{content:"\eedc"}.bxs-up-arrow-circle:before{content:"\eedd"}.bxs-up-arrow-square:before{content:"\eede"}.bxs-upside-down:before{content:"\eedf"}.bxs-upvote:before{content:"\eee0"}.bxs-user:before{content:"\eee1"}.bxs-user-account:before{content:"\eee2"}.bxs-user-badge:before{content:"\eee3"}.bxs-user-check:before{content:"\eee4"}.bxs-user-circle:before{content:"\eee5"}.bxs-user-detail:before{content:"\eee6"}.bxs-user-minus:before{content:"\eee7"}.bxs-user-pin:before{content:"\eee8"}.bxs-user-plus:before{content:"\eee9"}.bxs-user-rectangle:before{content:"\eeea"}.bxs-user-voice:before{content:"\eeeb"}.bxs-user-x:before{content:"\eeec"}.bxs-vector:before{content:"\eeed"}.bxs-vial:before{content:"\eeee"}.bxs-video:before{content:"\eeef"}.bxs-video-off:before{content:"\eef0"}.bxs-video-plus:before{content:"\eef1"}.bxs-video-recording:before{content:"\eef2"}.bxs-videos:before{content:"\eef3"}.bxs-virus:before{content:"\eef4"}.bxs-virus-block:before{content:"\eef5"}.bxs-volume:before{content:"\eef6"}.bxs-volume-full:before{content:"\eef7"}.bxs-volume-low:before{content:"\eef8"}.bxs-volume-mute:before{content:"\eef9"}.bxs-wallet:before{content:"\eefa"}.bxs-wallet-alt:before{content:"\eefb"}.bxs-washer:before{content:"\eefc"}.bxs-watch:before{content:"\eefd"}.bxs-watch-alt:before{content:"\eefe"}.bxs-webcam:before{content:"\eeff"}.bxs-widget:before{content:"\ef00"}.bxs-window-alt:before{content:"\ef01"}.bxs-wine:before{content:"\ef02"}.bxs-wink-smile:before{content:"\ef03"}.bxs-wink-tongue:before{content:"\ef04"}.bxs-wrench:before{content:"\ef05"}.bxs-x-circle:before{content:"\ef06"}.bxs-x-square:before{content:"\ef07"}.bxs-yin-yang:before{content:"\ef08"}.bxs-zap:before{content:"\ef09"}.bxs-zoom-in:before{content:"\ef0a"}.bxs-zoom-out:before{content:"\ef0b"}