/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root {
  --conult-font: "DM Sans", sans-serif;
  --conult-reey-font: "reeyregular";
  --conult-gray: #7a838b;
  --conult-gray-rgb: 122, 131, 139;
  --conult-white: #ffffff;
  --conult-white-rgb: 255, 255, 255;
  --conult-black: #00294b;
  --conult-black-rgb: 0, 41, 75;
  --conult-base: #0575bc;
  --conult-base-rgb: 5, 117, 188;
}

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

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

body {
  font-family: var(--conult-font);
  color: var(--conult-gray);
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--conult-gray);
}

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

::placeholder {
  color: inherit;
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--conult-black);
  margin: 0;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.section-separator {
  border-color: var(--conult-border);
  border-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  opacity: 0.4;
  z-index: -1;
}

.thm-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--conult-base);
  color: var(--conult-white);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 60px 15px;
  transition: all 0.3s linear;
  overflow: hidden;
  letter-spacing: 0.1em;
  z-index: 1;
  border-radius: 30px;
}

.thm-btn:hover {
  color: var(--conult-white);
}

.thm-btn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: -2px;
  bottom: 0;
  background-color: var(--conult-black);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

.thm-btn:hover:after {
  transform: scale(1, 1);
  transform-origin: right center;
}

.section-title {
  margin-top: 9px;
  margin-bottom: 47px;
}

.section-title__tagline {
  position: relative;
  display: inline-block;
  color: var(--conult-gray);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}

.section-title__tagline:before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 13px;
  content: "";
  height: 2px;
  background-color: var(--conult-base);
}

.section-title__tagline:after {
  position: absolute;
  top: -15px;
  left: 17px;
  width: 13px;
  content: "";
  height: 2px;
  background-color: var(--conult-base);
}

.section-title__title {
  margin: 0;
  font-size: 50px;
  line-height: 60px;
  font-weight: 500;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--conult-primary);
  color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 20px;
  color: #ffffff;
  background: var(--conult-black);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
  background: var(--conult-primary);
  color: #fff;
  cursor: pointer;
}

.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}

.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* scroll to top */
.scroll-to-top {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: var(--conult-base);
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.scroll-to-top i {
  color: #ffffff;
  font-size: 18px;
  line-height: 45px;
}

.scroll-to-top:hover {
  background-color: var(--conult-black);
}

.scroll-to-top:hover i {
  color: #fff;
}

/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header {
  background: transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  transition: all 500ms ease;
}

.main-header:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  background-color: rgba(var(--conult-white-rgb), 0.1);
  z-index: -1;
}

.main-header__top {
  position: relative;
  display: block;
  padding: 0px 80px;
  background-color: var(--conult-black);
}

.main-header__top-inner {
  position: relative;
  display: block;
  padding: 5px 0;
}

.main-header__top-left {
  position: relative;
  display: block;
  float: left;
}

.main-header__top-address {
  position: relative;
  display: flex;
  align-items: center;
}

.main-header__top-address li {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 35px;
}

.main-header__top-address li+li {
  margin-left: 30px;
}

.main-header__top-address li .icon span {
  font-size: 14px;
  color: var(--conult-base);
}

.main-header__top-address li .text {
  margin-left: 10px;
}

.main-header__top-address li .text p {
  font-size: 14px;
  font-weight: 500;
  color: #9aadbd;
  margin: 0;
}

.main-header__top-address li .text a {
  font-size: 14px;
  font-weight: 500;
  color: #9aadbd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header__top-address li .text a:hover {
  color: var(--conult-white);
}

.main-header__top-right {
  position: relative;
  display: flex;
  float: right;
  align-items: center;
}

.main-header__top-right-social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 10px 0;
}

.main-header__top-right-social a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--conult-white);
  font-size: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header__top-right-social a:hover {
  color: var(--conult-base);
}

.main-header__top-right-social a+a {
  margin-left: 25px;
}

.main-menu {
  position: relative;
  padding: 0 80px;
  z-index: 91;
}

.main-menu-wrapper {
  position: relative;
  display: block;
}

.main-menu-wrapper__left {
  position: relative;
  display: block;
  float: left;
}

.main-menu-wrapper__logo {
  position: relative;
  float: left;
  padding-top: 36px;
  padding-bottom: 36px;
  margin-right: 145px;
}

.main-menu-wrapper__logo:before {
  position: absolute;
  top: 28px;
  bottom: 28px;
  right: -80px;
  content: "";
  background-color: rgba(var(--conult-white-rgb), 0.1);
  width: 1px;
}

.main-menu-wrapper__main-menu {
  position: relative;
  display: block;
  float: left;
}

.main-menu-wrapper__right {
  position: relative;
  display: flex;
  float: right;
  padding: 24px 0;
  align-items: center;
}

.main-menu-wrapper__call {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-wrapper__call-icon {
  position: relative;
  display: flex;
  align-items: center;
  height: 58px;
  width: 58px;
  background-color: var(--conult-base);
  border-radius: 50%;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-wrapper__call-icon:hover {
  background-color: var(--conult-white);
}

.main-menu-wrapper__call-icon span {
  font-size: 30px;
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-wrapper__call-icon:hover span {
  color: var(--conult-base);
}

.main-menu-wrapper__call-number {
  margin-left: 20px;
}

.main-menu-wrapper__call-number h5 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
}

.main-menu-wrapper__call-number h5 a {
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-wrapper__call-number a:hover {
  color: var(--conult-base);
}

.main-menu-wrapper__call-number p {
  font-size: 14px;
  margin: 0;
  line-height: 26px;
  color: #9aadbd;
}

.main-menu-wrapper__search-cat {
  position: relative;
  display: flex;
  align-items: center;
  padding: 17px 0;
  margin-right: 40px;
}

.main-menu-wrapper__search-cat:before {
  position: absolute;
  top: 4px;
  bottom: 5px;
  left: -40px;
  content: "";
  background-color: rgba(var(--conult-white-rgb), 0.1);
  width: 1px;
}

.main-menu-wrapper__search {
  font-size: 24px;
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-wrapper__search:hover {
  color: var(--conult-base);
}

.main-menu-wrapper__cart {
  font-size: 24px;
  color: var(--conult-white);
  margin-left: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-wrapper__cart:hover {
  color: var(--conult-base);
}

.stricky-header.main-menu {
  padding: 0 80px;
  background-color: var(--conult-black);
}

.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: none;
}

@media (min-width: 1200px) {

  .main-menu .main-menu__list,
  .main-menu .main-menu__list ul,
  .stricky-header .main-menu__list,
  .stricky-header .main-menu__list ul {
    display: flex;
  }
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
  padding-top: 36px;
  padding-bottom: 36px;
  position: relative;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
  margin-left: 70px;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
  font-size: 16px;
  display: flex;
  align-items: center;
  color: var(--conult-white);
  position: relative;
  transition: all 500ms ease;
  font-weight: 400;
}

.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before {
  content: "";
  height: 2px;
  width: 12px;
  border-radius: 0px;
  background-color: var(--conult-base);
  position: absolute;
  bottom: 16px;
  left: -22px;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: 1;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
  color: var(--conult-white);
}

.main-menu .main-menu__list>li.current>a::before,
.main-menu .main-menu__list>li:hover>a::before,
.stricky-header .main-menu__list>li.current>a::before,
.stricky-header .main-menu__list>li:hover>a::before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.main-menu .main-menu__list>li.current>a::before {
  background-color: var(--conult-base);
}

.main-menu .main-menu__list>li:hover>a::before {
  background-color: var(--conult-base);
}

.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transition: 500ms ease;
  z-index: 99;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
}

.main-menu .main-menu__list li:hover>ul,
.stricky-header .main-menu__list li:hover>ul {
  opacity: 1;
  visibility: visible;
}

.main-menu .main-menu__list li ul li,
.stricky-header .main-menu__list li ul li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.main-menu .main-menu__list li ul li+li,
.stricky-header .main-menu__list li ul li+li {
  border-top: 1px solid RGBA(var(--conult-black), 0.1);
}

.main-menu .main-menu__list li ul li a,
.stricky-header .main-menu__list li ul li a {
  font-size: 16px;
  line-height: 30px;
  color: var(--conult-black);
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: 500;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 500ms;
}

.main-menu .main-menu__list li ul li:hover>a,
.stricky-header .main-menu__list li ul li:hover>a {
  background-color: var(--conult-base);
  color: var(--conult-white);
}

.main-menu .main-menu__list li ul li>ul,
.stricky-header .main-menu__list li ul li>ul {
  top: 0;
  left: 100%;
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}

.main-menu .main-menu__list li ul li>ul ul,
.stricky-header .main-menu__list li ul li>ul ul {
  display: none;
}

.stricky-header {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  visibility: hidden;
  transform: translateY(-120%);
  transition: transform 500ms ease, visibility 500ms ease;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199px) {
  .stricky-header {
    display: none !important;
  }
}

.stricky-header.stricky-fixed {
  transform: translateY(0);
  visibility: visible;
}

.stricky-header .main-menu__inner {
  box-shadow: none;
  padding-right: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.mobile-nav__buttons {
  display: flex;
  margin-left: auto;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .mobile-nav__buttons {
    display: none;
  }
}

.mobile-nav__buttons a {
  font-size: 20px;
  color: var(--conult-black);
  cursor: pointer;
}

.mobile-nav__buttons a+a {
  margin-left: 10px;
}

.mobile-nav__buttons a:hover {
  color: var(--conult-base);
}

.main-menu .mobile-nav__toggler {
  font-size: 20px;
  color: var(--conult-white);
  cursor: pointer;
  transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
  color: var(--conult-base);
}

@media (min-width: 1200px) {
  .main-menu .mobile-nav__toggler {
    display: none;
  }
}

/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two {
  position: relative;
  display: block;
}

.main-header-two__top {
  position: relative;
  display: block;
  background-color: var(--conult-base);
}

.main-header-two__top-inner {
  position: relative;
  display: block;
}

.main-header-two__top-left {
  position: relative;
  display: block;
  float: left;
  padding: 5px 0;
}

.main-header-two__top-address {
  position: relative;
  display: flex;
  align-items: center;
}

.main-header-two__top-address li {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 35px;
}

.main-header-two__top-address li+li {
  margin-left: 30px;
}

.main-header-two__top-address li .icon {
  display: flex;
  align-items: center;
}

.main-header-two__top-address li .icon span {
  font-size: 14px;
  color: var(--conult-white);
}

.main-header-two__top-address li .text {
  margin-left: 10px;
}

.main-header-two__top-address li .text p {
  font-size: 14px;
  color: var(--conult-white);
  font-weight: 500;
  margin: 0;
}

.main-header-two__top-address li .text a {
  font-size: 14px;
  color: var(--conult-white);
  font-weight: 500;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-two__top-address li .text a:hover {
  color: var(--conult-black);
}

.main-header-two__top-right {
  position: relative;
  display: block;
  float: right;
}

.main-header-two__top-right-social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #006eb3;
  padding: 15px 30px;
}

.main-header-two__top-right-social a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--conult-white);
  font-size: 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-two__top-right-social a:hover {
  color: var(--conult-black);
}

.main-header-two__top-right-social a+a {
  margin-left: 25px;
}

.main-menu-two {
  padding: 0 0 0;
}

.main-menu-two__wrapper {
  position: relative;
  display: block;
}

.main-menu-two__wrapper-left {
  position: relative;
  display: block;
  float: left;
}

.main-menu-two__wrapper-logo {
  position: relative;
  display: block;
  float: left;
  padding: 36px 0;
  margin-right: 200px;
}

.main-menu-two__wrapper-main-menu {
  position: relative;
  display: block;
  float: left;
}

.main-menu-two__wrapper-right {
  position: relative;
  display: block;
  float: right;
  padding: 41px 0;
}

.main-menu-two__wrapper-search-cat {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-two__wrapper-search-cat:before {
  position: absolute;
  top: -7px;
  bottom: -8px;
  left: -40px;
  content: "";
  background-color: #c9d5db;
  width: 1px;
}

.main-menu-two__wrapper-search {
  font-size: 24px;
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__wrapper-search:hover {
  color: var(--conult-base);
}

.main-menu-two__wrapper-cart {
  font-size: 24px;
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__wrapper-cart:hover {
  color: var(--conult-base);
}

.main-menu-two .main-menu__list>li>a,
.stricky-header .main-menu-two .main-menu__list>li>a {
  color: var(--conult-black);
}

.main-menu-two .main-menu__list>li.current>a,
.main-menu-two .main-menu__list>li:hover>a,
.stricky-header .main-menu-two .main-menu__list>li.current>a,
.stricky-header .main-menu-two .main-menu__list>li:hover>a {
  color: var(--conult-base);
}

.main-menu-two .main-menu__list>li+li,
.stricky-header .main-menu-two .main-menu__list>li+li {
  margin-left: 55px;
}

.stricky-header.main-menu-two {
  background-color: var(--conult-white);
  padding: 0 0 0;
}

/*--------------------------------------------------------------
# Navigations Three
--------------------------------------------------------------*/
.main-menu-three__wrapper {
  position: relative;
  display: block;
}

.main-menu-three__wrapper-logo {
  position: relative;
  float: left;
  padding-top: 36px;
  padding-bottom: 36px;
}

.main-menu-three__wrapper-main-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 89%;
  float: left;
}

.main-menu-three__wrapper-right {
  position: relative;
  display: block;
  float: right;
  padding: 41px 0;
}

.main-menu-three__wrapper-search-cat {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__wrapper-search-cat:before {
  position: absolute;
  top: -7px;
  bottom: -8px;
  left: -40px;
  content: "";
  background-color: rgba(var(--conult-white-rgb), 0.1);
  width: 1px;
}

.main-menu-three__wrapper-search {
  font-size: 24px;
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__wrapper-search:hover {
  color: var(--conult-base);
}

.main-menu-three__wrapper-cart {
  font-size: 24px;
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__wrapper-cart:hover {
  color: var(--conult-base);
}

.main-menu-three .main-menu__list>li.current>a::before {
  background-color: var(--conult-white);
}

.main-menu-three .main-menu__list>li:hover>a::before {
  background-color: var(--conult-white);
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
  0% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
  }

  30% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }

  50% {
    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
    transform: translateY(50px) translateX(100px) rotate(45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }

  80% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }

  100% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}

@keyframes shapeMover {

  0%,
  100% {
    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
  }

  50% {
    transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px);
  }
}

@keyframes banner3Shake {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }

  30% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  60% {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
}

@keyframes squareMover {

  0%,
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }

  20%,
  60% {
    -webkit-transform: translate(20px, 40px) rotate(180deg);
    transform: translate(20px, 40px) rotate(180deg);
  }

  30%,
  80% {
    -webkit-transform: translate(40px, 60px) rotate(0deg);
    transform: translate(40px, 60px) rotate(0deg);
  }
}

@keyframes treeMove {

  0%,
  100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }

  25%,
  75% {
    -webkit-transform: rotate(5deg) translateX(15px);
    transform: rotate(5deg) translateX(15px);
  }

  50% {
    -webkit-transform: rotate(10deg) translateX(30px);
    transform: rotate(10deg) translateX(30px);
  }
}

/*--------------------------------------------------------------
#     Zoom Fade Css
--------------------------------------------------------------*/
.zoom-fade {
  animation-name: zoom-fade;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: zoom-fade;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: zoom-fade;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  -o-animation-name: zoom-fade;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-moz-keyframes service_hexagon_2 {
  0% {
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-o-keyframes service_hexagon_2 {
  0% {
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes service_hexagon_2 {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transform: translateX(-50%);
  transform-origin: right center;
  transition: transform 500ms ease-in, opacity 500ms linear,
    visibility 500ms ease-in;
  z-index: 999;
  visibility: hidden;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--conult-black);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-nav__content .conult-btn {
  padding: 8px 0;
  width: 100%;
  text-align: center;
}

.mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: flex;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--conult-text-dark);
  cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list li a {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--conult-font);
  font-weight: 500;
  height: 46px;
  align-items: center;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--conult-secondary);
}

.mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: var(--conult-base);
  border: none;
  outline: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(-90deg);
  transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
  transform: rotate(0deg);
  background-color: #fff;
  color: var(--conult-black);
}

.mobile-nav__content .main-menu__list li.cart-btn span {
  position: relative;
  top: auto;
  right: auto;
  transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
  font-size: 16px;
}

.mobile-nav__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
  color: var(--conult-text-dark);
}

.mobile-nav__container {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
  display: flex;
  align-items: center;
}

.mobile-nav__social a {
  font-size: 16px;
  color: var(--conult-white);
  transition: 500ms;
}

.mobile-nav__social a+a {
  margin-left: 30px;
}

.mobile-nav__social a:hover {
  color: var(--conult-base);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mobile-nav__contact li {
  color: var(--conult-text-dark);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.mobile-nav__contact li+li {
  margin-top: 15px;
}

.mobile-nav__contact li a {
  color: #ffffff;
  transition: 500ms;
}

.mobile-nav__contact li a:hover {
  color: var(--conult-base);
}

.mobile-nav__contact li>i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--conult-base);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 11px;
  margin-right: 10px;
  color: #fff;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
  display: none;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-110%);
  transition: transform 500ms ease, opacity 500ms ease;
}

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

.search-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--conult-black);
  opacity: 0.75;
  cursor: pointer;
}

.search-popup__content {
  width: 100%;
  max-width: 560px;
}

.search-popup__content form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  border-radius: 0px;
  overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
}

.search-popup__content .thm-btn {
  padding: 0;
  width: 68px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  background-color: var(--conult-base);
  border: 0;
}

.search-popup__content .thm-btn:hover {
  background-color: var(--conult-black);
}

.search-popup__content .thm-btn i {
  margin: 0;
}

/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
  overflow: hidden;
  position: relative;
}

.main-slider .swiper-slide {
  position: relative;
  background-color: #002442;
}

.main-slider .container {
  position: relative;
  padding-top: 328px;
  padding-bottom: 190px;
  z-index: 30;
}

.main-slider .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  opacity: 0.3;
  background-color: #002442;
  background-blend-mode: luminosity;
  transition: transform 7000ms ease, opacity 1500ms ease-in;
  z-index: 1;
}

.main-slider .swiper-slide-active .image-layer {
  transform: scale(1.15);
}

.main-slider .swiper-slide-active .image-layer {
  opacity: 0.4;
}

.main-slider-shape-1 {
  position: absolute;
  top: 215px;
  left: 345px;
  z-index: 3;
}

.main-slider-shape-1 img {
  opacity: 0;
  transform: translateX(-100%);
}

.swiper-slide-active .main-slider-shape-1 img {
  opacity: 1;
  transform: translateY(0) translateX(0);
  transition: all 1000ms ease;
}

.main-slider-shape-2 {
  position: absolute;
  bottom: 270px;
  right: 170px;
  z-index: 4;
}

.main-slider-shape-2 img {
  opacity: 0;
  transform: translateX(100%);
}

.swiper-slide-active .main-slider-shape-2 img {
  opacity: 1;
  transform: translateY(0) translateX(0);
  transition: all 1000ms ease;
  transition-delay: 3000ms;
}

.main-slider-shape-3 {
  position: absolute;
  bottom: -75px;
  right: 85px;
  z-index: 3;
}

.main-slider-shape-3 img {
  opacity: 0;
  transform: translateX(100%);
}

.swiper-slide-active .main-slider-shape-3 img {
  opacity: 1;
  transform: translateY(0) translateX(0);
  transition: all 1000ms ease;
  transition-delay: 1500ms;
}

.main-slider__content {
  position: relative;
  display: block;
}

.main-slider h2 {
  margin: 0;
  margin-bottom: 24px;
  color: var(--conult-white);
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  transition-delay: 1000ms;
  transition: transform 2000ms ease, opacity 2000ms ease;
  font-size: 100px;
  line-height: 100px;
  letter-spacing: -0.04em;
}

.main-slider p {
  font-size: 22px;
  color: var(--conult-white);
  margin: 0;
  line-height: 40px;
  margin-bottom: 37px;
  opacity: 0;
  transform: translateY(-120px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}

.main-slider .thm-btn {
  opacity: 0;
  transform: translateY(100px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}

.main-slider .swiper-slide-active .thm-btn,
.main-slider .swiper-slide-active p,
.main-slider .swiper-slide-active h2,
.main-slider .swiper-slide-active p {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

.main-slider__nav {
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 54%;
  left: 50%;
  z-index: 100;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 63px;
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--conult-white);
  background-color: transparent;
  border: 2px solid rgba(var(--conult-white-rgb), 0.3);
  border-radius: 50%;
  opacity: 0.3;
  margin: 0;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
  opacity: 1;
  border: 2px solid rgba(var(--conult-white-rgb), 1);
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
  display: none;
}

.main-slider__nav .swiper-button-prev {
  margin-bottom: 10px;
}

.main-slider__nav .swiper-button-prev .icon-left-arrow {
  position: relative;
  transform: rotate(180deg);
}

/*--------------------------------------------------------------
# Main Slider Two
--------------------------------------------------------------*/
.main-slider-two {
  position: relative;
  display: block;
}

.main-slider-two .container {
  padding-top: 211px;
  padding-bottom: 225px;
}

.main-slider-two .main-slider__content {
  text-align: center;
}

.main-slider-two p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.main-slider-two h2 {
  margin-bottom: 40px;
  font-size: 90px;
}

.main-slider-two .thm-btn {
  transform: translateY(-100px);
}

.main-slider__nav-two {
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-slider__nav-two .swiper-button-next,
.main-slider__nav-two .swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 63px;
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--conult-white);
  background-color: transparent;
  border: 2px solid rgba(var(--conult-white-rgb), 0.3);
  border-radius: 50%;
  opacity: 0.3;
  margin: 0;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider__nav-two .swiper-button-next {
  right: -63px;
}

.main-slider__nav-two .swiper-button-prev {
  left: -63px;
}

.main-slider__nav-two .swiper-button-next:hover,
.main-slider__nav-two .swiper-button-prev:hover {
  opacity: 1;
  border: 2px solid rgba(var(--conult-white-rgb), 1);
}

.main-slider__nav-two .swiper-button-next::after,
.main-slider__nav-two .swiper-button-prev::after {
  display: none;
}

.main-slider__nav-two .swiper-button-prev .icon-left-arrow {
  position: relative;
  transform: rotate(180deg);
}

/*--------------------------------------------------------------
# Main Slider Three
--------------------------------------------------------------*/
.main-slider-three {
  position: relative;
  display: block;
}

.main-slider-three-shape {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.main-slider-three-shape img {
  opacity: 0;
  transform: translateX(-100%);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}

.swiper-slide-active .main-slider-three-shape img {
  visibility: visible;
  opacity: 0.9;
  transform: translateY(0) translateX(0);
}

.main-slider-three .container {
  padding-top: 309px;
  padding-bottom: 215px;
}

.main-slider-three h2 {
  font-size: 70px;
  line-height: 80px;
  margin-bottom: 25px;
  transform: translateY(120px);
}

.main-slider-three p {
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 39px;
  transform: translateY(-120px);
}

.main-slider-three .thm-btn {
  opacity: 1;
  transform: translateY(0px);
}

.main-slider-three__bottom {
  position: relative;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(100px);
  transition-delay: 2500ms;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
}

.swiper-slide-active .main-slider-three__bottom {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateX(0);
}

.main-slider-three__video {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.main-slider-three__btn {
  background-color: var(--conult-black);
}

.main-slider-three__btn:hover {
  color: var(--conult-base);
}

.main-slider-three__btn:after {
  background-color: var(--conult-white);
}

.main-slider-three__video-link {
  display: flex;
  align-items: center;
}

.main-slider-three__video-icon {
  height: 63px;
  width: 63px;
  background-color: var(--conult-white);
  font-size: 15px;
  color: var(--conult-black);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-slider-three__video-icon:hover {
  background-color: var(--conult-black);
  color: var(--conult-white);
}

.main-slider-three__video-text {
  font-size: 18px;
  color: var(--conult-white);
  font-family: var(--conult-reey-font);
  line-height: 28px;
  margin-left: 15px;
}

/***
=============================================
    Float Bob X Animation Css
=============================================
***/
@-webkit-keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

@keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

/*--------------------------------------------------------------
# Feature One
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.feature-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
  z-index: 1;
}

.feature-one__img-box {
  position: relative;
  display: block;
  z-index: 1;
}

.feature-one__img {
  position: relative;
  display: block;
}

.feature-one__img img {
  width: 100%;
}

.feature-one__icon-box {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, 0.06);
  padding: 29px 40px;
  align-items: center;
  justify-content: space-between;
  margin-top: -40px;
  margin-left: 20px;
  margin-right: 20px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
}

.feature-one__single:hover .feature-one__icon-box {
  box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, 0);
}

.feature-one__icon-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.feature-one__icon-title a {
  color: #041b52;
}

.feature-one__icon {
  position: relative;
  display: flex;
  align-items: center;
}

.feature-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 62px;
  color: var(--conult-base);
}

.feature-one__icon span::after {
  content: "";
  width: 38px;
  height: 38px;
  background-color: #edf3f6;
  position: absolute;
  top: -1px;
  left: -18px;
}

.feature-one__icon span::before {
  position: relative;
  z-index: 1;
}

.feature-one__hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: 0 60px;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
}

.feature-one__single:hover .feature-one__hover {
  transform: scaleY(1);
}

.feature-one__hover:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--conult-black-rgb), 0.8);
  z-index: 1;
}

.feature-one__hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.feature-one__hover-icon {
  position: relative;
  display: inline-block;
  z-index: 2;
}

.feature-one__hover-icon span {
  position: relative;
  display: inline-block;
  font-size: 62px;
  color: var(--conult-white);
}

.feature-one__hover-title {
  position: relative;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-top: 19px;
  margin-bottom: 19px;
  z-index: 2;
}

.feature-one__hover-title a {
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-one__hover-title a:hover {
  color: var(--conult-base);
}

.feature-one__hover-text {
  position: relative;
  display: block;
  z-index: 2;
  font-size: 16px;
  font-weight: 500;
  color: var(--conult-white);
  line-height: 30px;
  margin: 0;
}

/*--------------------------------------------------------------
# About One
--------------------------------------------------------------*/
.about-one {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.about-one__left {
  position: relative;
  display: block;
}

.about-one__img {
  position: relative;
  display: block;
  z-index: 2;
}

.about-one__img img {
  width: 100%;
  border-radius: 20px;
}

.about-one__shape {
  position: absolute;
  top: -6px;
  left: -70px;
}

.about-one__shape img {
  opacity: 0.2;
  -webkit-animation-name: shapeMover;
  animation-name: shapeMover;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.about-one__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.about-one__right .section-title {
  margin-bottom: 3px;
}

.about-one__business-start {
  position: relative;
  display: flex;
  align-items: center;
}

.about-one__business-start-icon {
  display: flex;
  align-items: center;
}

.about-one__business-start-icon span {
  font-size: 62px;
  color: var(--conult-base);
  position: relative;
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.about-one__business-start:hover .about-one__business-start-icon span {
  transform: scale(0.9);
}

.about-one__business-start-text {
  font-size: 24px;
  font-weight: 500;
  color: var(--conult-black);
  line-height: 36px;
  letter-spacing: -0.02em;
  margin: 0;
  padding-left: 20px;
}

.about-one__points-box {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 11px;
  padding-bottom: 27px;
}

.about-one__points {
  position: relative;
  display: block;
  float: left;
  margin-right: 68px;
}

.about-one__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.about-one__points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-one__points li .text {
  margin-left: 10px;
}

.about-one__points li .text p {
  color: var(--conult-black);
  font-weight: 500;
  margin: 0;
}

.about-one__points-two {
  margin-right: 0;
}

.about-one__right-text {
  margin: 0;
}

.about-one__bottom {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 39px;
}

.about-one__contact {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.about-one__contact-icon {
  height: 63px;
  width: 63px;
  background-color: #edf3f6;
  border-radius: 50%;
  color: var(--conult-base);
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-one__contact-icon:hover {
  background-color: var(--conult-base);
  color: var(--conult-white);
}

.about-one__contact-phone {
  margin-left: 10px;
}

.about-one__contact-text {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  line-height: 16px;
}

.about-one__contact-phone a {
  font-weight: 700;
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-one__contact-phone a:hover {
  color: var(--conult-base);
}

/*--------------------------------------------------------------
# Our Mission
--------------------------------------------------------------*/
.our-mission {
  position: relative;
  display: block;
  padding: 108px 0 120px;
}

.our-mission-bg-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--conult-black);
  z-index: 1;
}

.our-mission-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  mix-blend-mode: luminosity;
  opacity: 0.2;
}

.our-mission__inner {
  position: relative;
  display: block;
  text-align: center;
  z-index: 2;
}

.our-mission__title {
  font-size: 60px;
  color: var(--conult-white);
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -0.04em;
  margin-bottom: 45px;
}

.our-mission__title span {
  position: relative;
  display: inline-block;
}

.our-mission__title span:before {
  position: absolute;
  bottom: 0;
  left: -45px;
  right: -24px;
  content: "";
  background-image: url(../images/shapes/our-mission-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
}

/*--------------------------------------------------------------
# Building Experience
--------------------------------------------------------------*/
.building-experience {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.building-experience__top {
  position: relative;
  display: block;
}

.building-experience__top-left {
  position: relative;
  display: block;
}

.building-experience__top-right {
  position: relative;
  display: block;
  margin-top: 25px;
}

.building-experience__top-right-text {
  margin: 0;
}

.building-experience__bottom {
  position: relative;
  display: block;
}

.building-experience__bottom-content {
  position: relative;
  display: flex;
}

.building-experience__bottom-img {
  position: relative;
  display: inline-block;
}

.building-experience__progress {
  display: block;
  position: relative;
  text-align: center;
  margin-left: 65px;
}

.building-experience__progress-single {
  display: block;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #c9d5db;
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.building-experience__progress-box {
  position: relative;
  display: inline-block;
}

.building-experience__progress-box canvas {
  transform: rotate(90deg);
}

.building-experience__progress-box span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translateY(-67%) translateX(-50%);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: var(--conult-black);
}

.building-experience__progress h3 {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: var(--conult-black);
  margin-top: 2px;
}

.building-experience__progress-single-last {
  border: 0;
  padding: 0;
  margin: 0;
}

.building-experience__bottom-faq {
  position: relative;
  display: block;
}

.faq-one-accrodion .accrodion {
  position: relative;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 0px;
  background-color: #edf3f6;
}

.faq-one-accrodion .accrodion.active {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);
}

.faq-one-accrodion .accrodion-title {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 23px 40px 23px;
  padding-right: 27px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  border: 1px solid transparent;
}

.faq-one-accrodion .accrodion-title h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--conult-black);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion+.accrodion {
  margin-top: 20px;
}

.faq-one-accrodion .accrodion.active .accrodion-title {
  border: 1px solid #c9d5db;
}

.faq-one-accrodion .accrodion-title h4::before {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  color: var(--conult-base);
  position: absolute;
  top: 50%;
  right: 0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
  content: "\f107";
  color: var(--conult-black);
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-one-accrodion .accrodion-content {
  position: relative;
  padding: 30px 40px 30px;
  border: 1px solid transparent;
  border-top: 0;
}

.faq-one-accrodion .accrodion.active .accrodion-content {
  border: 1px solid #c9d5db;
  border-top: 0;
}

.faq-one-accrodion .accrodion-content p {
  margin: 0;
}

/*--------------------------------------------------------------
# Case One
--------------------------------------------------------------*/
.case-one {
  position: relative;
  display: block;
  padding: 0 0 180px;
}

.case-one__container {
  position: relative;
  display: block;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.case-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.case-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.case-one__carousel {
  position: relative;
  display: block;
}

.case-one__single {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.case-one__img-box {
  position: relative;
  display: block;
  z-index: 1;
}

.case-one__img {
  position: relative;
  display: block;
  z-index: 1;
}

.case-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--conult-base-rgb), 0.9);
  overflow: hidden;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 2;
}

.case-one__single:hover .case-one__img:before {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
}

.case-one__img img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-one__single:hover .case-one__img img {
  transform: scale(1.05);
}

.case-one__content {
  position: absolute;
  bottom: 40px;
  left: 50px;
  opacity: 1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.case-one__single:hover .case-one__content {
  opacity: 0;
  visibility: hidden;
}

.case-one__tagline-line {
  font-size: 12px;
  color: var(--conult-white);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
  line-height: 29px;
}

.case-one__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.case-one__title a {
  color: var(--conult-white);
}

.case-one__icon {
  margin-top: 23px;
}

.case-one__icon a {
  height: 55px;
  width: 55px;
  color: var(--conult-white);
  font-size: 20px;
  background-color: rgba(var(--conult-white-rgb), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.case-one__hover {
  position: absolute;
  bottom: 50px;
  left: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 3;
}

.case-one__single:hover .case-one__hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease 500ms;
  -webkit-transition: all 500ms ease 500ms;
  -ms-transition: all 500ms ease 500ms;
  -o-transition: all 500ms ease 500ms;
}

.case-one__hover-tagline-line {
  font-size: 12px;
  color: var(--conult-white);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0;
  line-height: 29px;
}

.case-one__hover-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.case-one__hover-title a {
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-one__hover-title a:hover {
  color: var(--conult-black);
}

.case-one__hover-text {
  font-size: 16px;
  font-weight: 500;
  color: var(--conult-white);
  line-height: 30px;
  margin: 0;
  padding-bottom: 25px;
  padding-top: 16px;
}

.case-one__hover-icon a {
  height: 55px;
  width: 55px;
  color: var(--conult-base);
  font-size: 20px;
  background-color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.case-one__hover-icon a:hover {
  color: var(--conult-white);
  background-color: var(--conult-black);
}

.case-one__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -71px;
  right: 0px;
  left: 0;
  margin: 0 !important;
}

.case-one__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #c9d5db;
  opacity: 0.4;
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.case-one__carousel.owl-carousel .owl-dot.active {
  background: var(--conult-base);
  opacity: 1;
  height: 20px;
}

.case-one__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.case-one__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
  position: relative;
  display: block;
  background-color: var(--conult-base);
  overflow: hidden;
}

.cta-one__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 111px 0 119px;
}

.cta-one__title {
  position: relative;
  font-size: 40px;
  color: var(--conult-white);
  font-weight: 700;
  line-height: 48px;
  z-index: 2;
}

.cta-one__btn {
  background-color: var(--conult-white);
  color: var(--conult-black);
}

.cta-one__shape {
  position: absolute;
  top: -122px;
  left: -257px;
  bottom: 0;
  opacity: 0.1;
}

.cta-two {
  position: relative;
  display: block;
}

.cta-two .cta-one__inner {
  padding-bottom: 239px;
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/
.testimonial-one {
  position: relative;
  display: block;
  background-color: #edf3f6;
  padding: 120px 0 494px;
  z-index: 1;
}

.testimonial-one-map {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  width: 1170px;
  height: 566px;
  transform: translateX(-50%);
  opacity: 0.04;
  z-index: -1;
}

.testimonial-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.testimonial-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.testimonial-one__carousel {
  position: relative;
  display: block;
}

.testimonial-one__single {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);
  padding: 60px 60px 68px;
}

.testimonial-one__single:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--conult-base);
  height: 2px;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
}

.testimonial-one__single:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.testimonial-one__rating {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding-bottom: 18px;
}

.testimonial-one__rating i {
  font-size: 15px;
  color: var(--conult-base);
}

.testimonial-one__rating i+i {
  margin-left: 5px;
}

.testimonial-one__text {
  font-size: 20px;
  margin: 0;
  font-style: italic;
  line-height: 38px;
}

.testimonial-one__author {
  position: absolute;
  bottom: -100px;
  left: 60px;
}

.testimonial-one__author-img {
  position: relative;
  display: block;
  border-radius: 50%;
}

.testimonial-one__author-img img {
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 80px !important;
}

.testimonial-one__single:hover .testimonial-one__author-img img {
  border: 2px solid var(--conult-base);
}

.testimonial-one__author-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 12px;
}

.testimonial-one__author-title {
  font-size: 16px;
  margin: 0;
  line-height: 24px;
}

.testimonial-one__quote-icon {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.testimonial-one__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
  padding: 0 0 0;
}

.testimonial-one__carousel .owl-stage-outer .owl-item {
  opacity: 0;
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.testimonial-one__carousel .owl-stage-outer .owl-item.active {
  opacity: 1;
  transition: all 200ms linear;
}

/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counter-one {
  position: relative;
  display: block;
  margin-top: -281px;
  z-index: 1;
}

.counter-one-wrap {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1410px;
  width: 100%;
  background-color: var(--conult-black);
  overflow: hidden;
  z-index: 1;
}

.counter-one-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  opacity: 0.04;
}

.counter-one-img {
  position: absolute;
  top: 0;
  right: 0;
}

.counter-one-shape-2 {
  position: absolute;
  bottom: -60px;
  right: 45px;
}

.counter-one-shape-2 img {
  -webkit-animation: animation1 5s ease-in infinite;
  animation: animation1 5s ease-in infinite;
}

.counter-one-shape-3 {
  position: absolute;
  bottom: 195px;
  right: 110px;
  -webkit-animation-name: squareMover;
  animation-name: squareMover;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-perspective: 100px;
  perspective: 100px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.counter-one__top {
  position: relative;
  display: block;
  padding-top: 109px;
}

.counter-one__top-title {
  font-size: 50px;
  color: var(--conult-white);
  line-height: 60px;
  font-weight: 500;
}

.counter-one__bottom {
  position: relative;
  display: block;
  padding: 107px 0 90px;
}

.counter-one__list {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.counter-one__single {
  position: relative;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.counter-one__icon {
  position: relative;
  background-color: #002442;
  height: 125px;
  width: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.counter-one__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-white);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

.counter-one__single:hover .counter-one__icon:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.counter-one__icon span {
  position: relative;
  display: inline-block;
  color: var(--conult-white);
  font-size: 66px;
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.counter-one__single:hover .counter-one__icon span {
  transform: rotateY(360deg);
  color: var(--conult-base);
}

.counter-one__content {
  margin-left: 30px;
}

.counter-one__content h3 {
  font-size: 40px;
  color: var(--conult-white);
  font-weight: 700;
  font-family: var(--conult-font) !important;
  line-height: 50px !important;
}

.counter-one__text {
  color: #9aadbd;
  margin: 0;
}

/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-one {
  position: relative;
  display: block;
  padding: 120px 0 180px;
}

.news-one__container {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 15px;
  width: 100%;
}

.news-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.news-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.news-one__carousel {
  position: relative;
  display: block;
}

.news-one__carousel .owl-stage-outer {
  overflow: visible;
}

.news-one__carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

.news-one__carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.news-one__single {
  position: relative;
  display: block;
}

.news-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.news-one__img img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__single:hover .news-one__img img {
  transform: scale(1.05);
}

.news-one__img>a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--conult-black-rgb), 0.3);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: var(--conult-base);
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30%);
}

.news-one__img>a>span {
  position: relative;
}

.news-one__img>a>span::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: var(--conult-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}

.news-one__img>a>span::after {
  content: "";
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: var(--conult-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news-one__img>a:hover>span::before,
.news-one__img>a:hover>span::after {
  background-color: var(--conult-white);
}

.news-one__single:hover .news-one__img>a {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}

.news-one__date {
  position: absolute;
  left: 50px;
  bottom: 0;
  background-color: var(--conult-base);
  padding: 0 20px;
}

.news-one__date p {
  font-size: 10px;
  color: var(--conult-white);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

.news-one__content {
  position: relative;
  display: block;
  background-color: #edf3f6;
  padding: 29px 50px 27px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__single:hover .news-one__content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);
}

.news-one__meta {
  display: flex;
  align-items: center;
}

.news-one__meta li+li {
  margin-left: 10px;
}

.news-one__meta li a {
  font-size: 14px;
  color: #7b848b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__meta li a:hover {
  color: var(--conult-base);
}

.news-one__meta li a i {
  color: var(--conult-base);
}

.news-one__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  margin-top: 5px;
  margin-bottom: 12px;
}

.news-one__title a {
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__single:hover .news-one__title a {
  color: var(--conult-base);
}

.news-one__text {
  font-size: 16px;
  color: #7a838b;
  margin: 0;
  line-height: 30px;
}

.news-one__bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #cbd7dd;
  padding-top: 7px;
  margin-top: 30px;
}

.news-one__btn {
  font-size: 12px;
  color: var(--conult-black);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__single:hover .news-one__btn {
  color: var(--conult-base);
}

.news-one__arrow {
  font-size: 18px;
  color: var(--conult-black);
  display: flex;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__single:hover .news-one__arrow {
  color: var(--conult-base);
}

.news-one__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -71px;
  right: 0px;
  left: 0;
  margin: 0 !important;
}

.news-one__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #c9d5db;
  opacity: 0.4;
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.news-one__carousel.owl-carousel .owl-dot.active {
  background: var(--conult-base);
  opacity: 1;
  height: 20px;
}

.news-one__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.news-one__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
  position: relative;
  display: block;
  padding: 118px 0 119px;
  border-top: 1px solid #c9d5db;
}

.brand-one .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-one .swiper-slide img {
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0.2;
  max-width: 100%;
}

.brand-one .swiper-slide img:hover {
  opacity: 0.6;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
  position: relative;
  display: block;
  background-color: var(--conult-black);
}

.site-footer__top {
  position: relative;
  display: block;
  padding-top: 111px;
}

.site-footer__top-left {
  position: relative;
  display: block;
}

.site-footer__top-logo-content {
  position: relative;
  display: flex;
  align-items: center;
}

.site-footer__top-logo-content>a {
  position: relative;
  display: block;
  align-items: center;
}

.site-footer__top-text {
  font-size: 16px;
  font-weight: 500;
  color: #9aadbd;
  margin: 0;
  line-height: 30px;
  margin-left: -147px;
}

.site-footer__top-newsletter {
  position: relative;
  display: block;
  background-color: #002442;
  padding: 43px 50px 50px;
  margin-top: 60px;
}

.site-footer__top-newsletter-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--conult-white);
  line-height: 26px;
  margin-bottom: 22px;
}

.site-footer__top-newsletter-form {
  position: relative;
  display: block;
}

.site-footer__top-newsletter-input-box {
  position: relative;
  display: block;
}

.site-footer__top-newsletter-input-box input[type="email"] {
  height: 65px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #1a3a55;
  outline: none;
  color: #9aadbd;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 85px;
}

.site-footer__top-newsletter-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  background-color: var(--conult-base);
  border: 0;
  transition: all 500ms ease;
  padding: 0;
  font-size: 14px;
  color: var(--conult-white);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.site-footer__top-newsletter-btn:hover {
  background-color: var(--conult-white);
  color: var(--conult-base);
}

.site-footer__top-right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.site-footer__top-widget-box {
  position: relative;
  display: block;
}

.footer-widget__explore {
  position: relative;
  display: block;
}

.footer-widget__title {
  font-size: 20px;
  font-weight: 700;
  color: var(--conult-white);
  line-height: 30px;
  margin-bottom: 15px;
}

.footer-widget__explore-list {
  position: relative;
  display: block;
}

.footer-widget__explore-list li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #9aadbd;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__explore-list li a:hover {
  color: var(--conult-white);
}

.footer-widget__explore-list li a:before {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background-color: var(--conult-white);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
}

.footer-widget__explore-list li a:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.footer-widget__links {
  position: relative;
  display: block;
  margin-right: -50px;
  margin-left: 30px;
}

.footer-widget__links-list {
  position: relative;
  display: block;
}

.footer-widget__links-list li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #9aadbd;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__links-list li a:hover {
  color: var(--conult-white);
}

.footer-widget__links-list li a:before {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background-color: var(--conult-white);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
}

.footer-widget__links-list li a:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.footer-widget__contact {
  position: relative;
  display: block;
  margin-left: 89px;
}

.footer-widget__contact>a {
  font-size: 16px;
  color: #9aadbd;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__contact>a:hover {
  color: var(--conult-white);
}

.footer-widget__contact-text {
  font-size: 16px;
  color: #9aadbd;
  font-weight: 500;
  margin: 0;
}

.site-footer__top-contact-details {
  position: relative;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(var(--conult-white-rgb), 0.1);
  padding-top: 40px;
  margin-top: 38px;
}

.site-footer__top-right-social {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.site-footer__top-right-social a {
  position: relative;
  height: 47px;
  width: 47px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--conult-black);
  font-size: 15px;
  background-color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.site-footer__top-right-social a:hover {
  color: var(--conult-white);
}

.site-footer__top-right-social a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

.site-footer__top-right-social a:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.site-footer__top-right-social a+a {
  margin-left: 15px;
}

.site-footer__top-right-phone {
  margin-left: 97px;
}

.site-footer__top-right-phone-tagline {
  margin: 0;
  color: #9aadbd;
  font-weight: 500;
  line-height: 31px;
}

.site-footer__top-right-phone>a {
  font-size: 26px;
  font-weight: 700;
  color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer__top-right-phone>a:hover {
  color: #9baebd;
}

.site-footer__bottom {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid rgba(var(--conult-white-rgb), 0.1);
  padding: 32px 0;
  margin-top: 69px;
}

.site-footer__bottom-text {
  font-size: 16px;
  color: #9baebd;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
}

.site-footer__bottom-text a {
  color: #9baebd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer__bottom-text a:hover {
  color: var(--conult-white);
}

/*--------------------------------------------------------------
# Feature Two
--------------------------------------------------------------*/
.feature-two {
  position: relative;
  display: block;
}

.feature-two__top {
  position: relative;
  display: block;
  background-color: var(--conult-black);
  padding: 90px 0 156px;
}

.feature-two__top-inner {
  position: relative;
  display: block;
  text-align: center;
}

.feature-two__top-text {
  color: #9aadbd;
  margin: 0;
}

.feature-two__top-text a {
  color: var(--conult-white);
  font-weight: 700;
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__top-text a:hover {
  color: var(--conult-base);
}

.feature-two__top-text a:before {
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--conult-base);
  height: 2px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__bottom {
  position: relative;
  display: block;
  margin-top: -95px;
  padding-bottom: 100px;
}

.feature-two__single {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
  padding: 42px 50px 40px;
  margin-bottom: 30px;
  z-index: 1;
}

.feature-two__single:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}

.feature-two__single:hover:before {
  transform: scaleY(1);
}

.feature-two__icon {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.feature-two__icon:before {
  position: absolute;
  top: 0;
  left: -18px;
  height: 38px;
  width: 38px;
  background-color: #edf3f6;
  content: "";
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.feature-two__single:hover .feature-two__icon:before {
  background-color: #016bae;
}

.feature-two__icon span {
  font-size: 62px;
  color: var(--conult-base);
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__single:hover .feature-two__icon span {
  color: var(--conult-white);
}

.feature-two__content {
  margin-left: 20px;
}

.feature-two__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 3px;
}

.feature-two__title a {
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__single:hover .feature-two__title a {
  color: var(--conult-white);
}

.feature-two__text {
  font-size: 16px;
  margin: 0;
  line-height: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__single:hover .feature-two__text {
  color: var(--conult-white);
}

/*--------------------------------------------------------------
# Work Together
--------------------------------------------------------------*/
.work-together {
  position: relative;
  display: block;
  padding: 0 0 117px;
}

.work-together__left {
  position: relative;
  display: block;
}

.work-together__img-box {
  position: relative;
  display: block;
  z-index: 1;
}

.work-together__img-box:before {
  position: absolute;
  top: -50px;
  right: 131px;
  width: 175px;
  height: 161px;
  border: 5px solid var(--conult-base);
  content: "";
  z-index: -1;
}

.work-together__img-box:after {
  position: absolute;
  bottom: -107px;
  left: 134px;
  width: 6px;
  height: 78px;
  background-color: var(--conult-base);
  content: "";
  z-index: -1;
}

.work-together__img-1 {
  position: relative;
  display: block;
}

.work-together__img-1>img {
  width: auto;
}

.work-together__img-2 {
  position: absolute;
  top: 100px;
  right: 31px;
}

.work-together__img-2>img {
  width: auto;
}

.work-together__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.work-together__right .section-title {
  margin-bottom: 26px;
}

.work-together__right-text {
  margin: 0;
}

.work-together__points {
  position: relative;
  display: block;
  margin-top: 30px;
  margin-bottom: 48px;
}

.work-together__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.work-together__points li+li {
  margin-top: 4px;
}

.work-together__points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-together__points li .text {
  margin-left: 20px;
}

.work-together__points li .text p {
  color: var(--conult-black);
  font-weight: 500;
  margin: 0;
}

.work-together__person {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 7px;
}

.work-together__person-img {
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

.work-together__person-img>img {
  border-radius: 50%;
}

.work-together__person-img:before {
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: -7px;
  right: -7px;
  border: 2px solid var(--conult-base);
  content: "";
  border-radius: 50%;
}

.work-together__person-name {
  font-size: 24px;
  line-height: 34px;
  font-family: var(--conult-reey-font);
  color: var(--conult-base);
  margin-left: 22px;
}

/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/
.services-one {
  position: relative;
  display: block;
  background-color: #edf3f6;
  padding: 120px 0 90px;
}

.services-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.services-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.services-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.services-one__img-box {
  position: relative;
  display: block;
}

.services-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.services-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--conult-black-rgb), 0.3);
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  z-index: 1;
}

.services-one__single:hover .services-one__img:before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
  -ms-transform: perspective(400px) rotateX(0deg) scale(1);
  transform: perspective(400px) rotateX(0deg) scale(1);
}

.services-one__img img {
  width: 100%;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.services-one__single:hover .services-one__img img {
  transform: scale(1.1) rotate(2deg);
}

.services-one__icon {
  height: 98px;
  width: 98px;
  background-color: var(--conult-base);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -20px;
  right: 30px;
  z-index: 2;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__icon {
  bottom: 0;
}

.services-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--conult-white);
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.services-one__single:hover .services-one__icon span {
  transform: rotateY(360deg);
}

.services-one__content {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
  padding: 32px 50px 17px;
}

.services-one__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 12px;
}

.services-one__title a {
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__title a {
  color: var(--conult-base);
}

.services-one__text {
  font-size: 16px;
  margin: 0;
  line-height: 30px;
}

.services-one__bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #cdd8dd;
  padding-top: 7px;
  margin-top: 20px;
}

.services-one__btn {
  font-size: 12px;
  color: var(--conult-black);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__btn {
  color: var(--conult-base);
}

.services-one__arrow {
  font-size: 18px;
  color: var(--conult-black);
  display: flex;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__arrow {
  color: var(--conult-base);
}

/*--------------------------------------------------------------
# Testimonial Two
--------------------------------------------------------------*/
.testimonial-two {
  position: relative;
  display: block;
  margin-top: -120px;
}

.testimonial-two__container {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1410px;
  width: 100%;
  background-color: var(--conult-black);
  padding: 120px 0 116px;
  overflow: hidden;
}

.testimonial-two-bg-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--conult-black);
  z-index: 1;
}

.testimonial-two-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  mix-blend-mode: luminosity;
  opacity: 0.05;
}

.testimonial-two-big-text {
  position: absolute;
  top: -3px;
  left: 50%;
  right: 0;
  transform: translateX(-50%);
  color: var(--conult-white);
  font-size: 90px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.05;
  z-index: 2;
}

.testimonial-two-shape-1 {
  position: absolute;
  bottom: 160px;
  right: 130px;
  z-index: 3;
}

.testimonial-two-shape-1>img {
  -webkit-animation-name: squareMover;
  animation-name: squareMover;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-perspective: 100px;
  perspective: 100px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.testimonial-two-shape-2 {
  position: absolute;
  bottom: -100px;
  right: 66px;
  z-index: 2;
}

.testimonial-two-shape-2>img {
  -webkit-animation: animation1 5s ease-in infinite;
  animation: animation1 5s ease-in infinite;
}

.testimonial-two__slider {
  position: relative;
  display: block;
}

#testimonials-two__thumb {
  width: 315px;
  margin-right: auto;
  margin-left: auto;
}

.testimonial-two__img-holder {
  position: relative;
  display: block;
  overflow: hidden;
  transition: all 500ms ease;
  width: 92px;
  cursor: pointer;
}

.testimonial-two__img-holder:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(9, 50, 84, 0.5);
  content: "";
  z-index: 1;
  transition: all 500ms ease;
}

#testimonials-two__thumb .swiper-slide-thumb-active .testimonial-two__img-holder:before {
  background-color: rgba(var(--conult-base-rgb), 0);
}

.testimonial-two__img-holder>img {
  width: 92px;
  border: 8px solid rgba(var(--conult-white-rgb), 1);
  transition: all 500ms ease;
}

#testimonials-two__thumb .swiper-slide-thumb-active .testimonial-two__img-holder>img {
  border: 8px solid var(--conult-base);
}

.testimonials-two__main-content {
  position: relative;
  display: block;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  width: 100%;
}

.testimonial-two__conent-box {
  position: relative;
  display: block;
  margin-top: 36px;
}

.testimonial-two__text {
  font-size: 26px;
  color: var(--conult-white);
  font-weight: 500;
  line-height: 46px;
  margin: 0;
}

.testimonial-two__client-details {
  position: relative;
  display: flex;
  padding-top: 33px;
  align-items: center;
  justify-content: center;
}

.testimonial-two__client-name {
  font-size: 20px;
  color: var(--conult-white);
  line-height: 22px;
  font-weight: 700;
}

.testimonial-two__clinet-title {
  font-size: 14px;
  color: #9aadbd;
  font-weight: 500;
  line-height: 22px;
  margin-left: 12px;
}

/*--------------------------------------------------------------
# Case Two
--------------------------------------------------------------*/
.case-two {
  position: relative;
  display: block;
  padding: 120px 0 180px;
}

.case-two .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.case-two .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.case-two__carousel {
  position: relative;
  display: block;
}

.case-two .case-one__content {
  bottom: 50px;
  left: 60px;
}

.case-two .case-one__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 2px;
}

.case-two .case-one__hover-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 2px;
}

.case-two__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: -71px;
  right: 0px;
  left: 0;
  margin: 0 !important;
}

.case-two__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 10px;
  background: #c9d5db;
  opacity: 0.4;
  margin: 0px 5px;
  padding: 0px;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.case-two__carousel.owl-carousel .owl-dot.active {
  background: var(--conult-base);
  opacity: 1;
  height: 20px;
}

.case-two__carousel.owl-carousel .owl-dot:focus {
  outline: none;
}

.case-two__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

/*--------------------------------------------------------------
# Why Choose One
--------------------------------------------------------------*/
.why-choose-one {
  position: relative;
  display: block;
  background-color: #edf3f6;
  padding: 120px 0 0;
}

.why-choose-one__left {
  position: relative;
  display: block;
  margin-left: -364px;
  margin-right: 110px;
}

.why-choose-one__img {
  position: relative;
  display: block;
}

.why-choose-one__img img {
  width: 100%;
}

.why-choose-one__video-link {
  position: absolute;
  bottom: 0;
  right: 0;
}

.why-choose-one__video-icon {
  height: 147px;
  width: 162px;
  background-color: var(--conult-base);
  font-size: 25px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.why-choose-one__video-icon:hover {
  background-color: var(--conult-white);
  color: var(--conult-base);
}

.why-choose-one__right {
  position: relative;
  display: block;
  margin-left: -20px;
}

.why-choose-one__right .section-title {
  margin-bottom: 27px;
}

.why-choose-one__right-text {
  margin: 0;
}

.why-choose-one__points {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 39px;
}

.why-choose-one__points li {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--conult-white);
  padding: 13px 30px;
}

.why-choose-one__points li+li {
  margin-left: 15px;
}

.why-choose-one__points li .icon {
  position: relative;
  height: 16px;
  width: 16px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-choose-one__points li .text {
  margin-left: 15px;
}

.why-choose-one__points li .text p {
  font-weight: 700;
  margin: 0;
  color: var(--conult-black);
}

.why-choose-one__progress {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 42px;
}

.why-choose-one__progress-single {
  position: relative;
  display: block;
}

.why-choose-one__progress-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--conult-black);
  margin-bottom: 6px;
}

.why-choose-one__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background: var(--conult-white);
  border-radius: 30px;
  margin-bottom: 13px;
}

.why-choose-one__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 13px;
  border-radius: 30px;
  background: var(--conult-base);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.why-choose-one__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 21px;
  color: var(--conult-gray);
  line-height: 24px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.why-choose-one__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.why-choose-one__progress .bar.marb-0 {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Brand Two
--------------------------------------------------------------*/
.brand-two {
  border-top: 0;
  border-bottom: 1px solid #c9d5db;
}

/*--------------------------------------------------------------
# News Two
--------------------------------------------------------------*/
.news-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.news-two .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.news-two .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.news-two .news-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
.newsletter {
  position: relative;
  display: block;
  z-index: 1;
}

.newsletter__container {
  position: relative;
  display: block;
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--conult-base);
}

.newsletter__inner {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 95px 0;
}

.newsletter__inner-left {
  position: relative;
  display: block;
  float: left;
  max-width: 280px;
  width: 100%;
}

.newsletter__inner-icon {
  position: relative;
  display: flex;
  align-items: center;
}

.newsletter__inner-icon span {
  position: relative;
  display: inline-block;
  font-size: 62px;
  color: var(--conult-white);
}

.newsletter__inner-icon-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--conult-white);
  line-height: 36px;
  margin-left: 15px;
}

.newsletter__inner-right {
  position: relative;
  display: block;
  float: left;
  max-width: 890px;
  width: 100%;
  padding-left: 93px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.newsletter__inner-main-form {
  position: relative;
  display: block;
}

.newsletter__inner-form {
  position: relative;
  display: flex;
  align-items: center;
}

.newsletter__inner-input-box {
  position: relative;
  display: block;
  max-width: 265px;
  width: 100%;
  margin-right: 30px;
}

.newsletter__inner-input-box input[type="text"],
.newsletter__inner-input-box input[type="email"] {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  height: 64px;
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 2px solid var(--conult-white);
  color: var(--conult-white);
}

.newsletter__btn {
  border: none;
  background-color: var(--conult-black);
}

.newsletter__btn:hover {
  color: var(--conult-base);
}

.newsletter__btn:after {
  background-color: var(--conult-white);
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
  position: relative;
  display: block;
  margin-top: -110px;
}

.google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 555px;
  width: 100%;
}

/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-three {
  position: relative;
  display: block;
  padding: 118px 0 119px;
  background-color: var(--conult-black);
}

.brand-three .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.brand-three .swiper-slide img {
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0.2;
  max-width: 100%;
}

.brand-three .swiper-slide img:hover {
  opacity: 0.6;
}

/*--------------------------------------------------------------
# Real World
--------------------------------------------------------------*/
.real-world {
  position: relative;
  display: block;
  padding: 0px 0 107px;
}

.real-world__left {
  position: relative;
  display: block;
  margin-right: 70px;
}

.real-world .section-title {
  margin-bottom: 32px;
}

.real-world .section-title__title {
  font-size: 32px;
  line-height: 48px;
}

.real-world__left-text {
  font-weight: 700;
  color: var(--conult-base);
  margin: 0;
}

.real-world__points {
  position: relative;
  display: block;
  margin-top: 26px;
  margin-bottom: 36px;
}

.real-world__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.real-world__points li+li {
  margin-top: 4px;
}

.real-world__points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.real-world__points li .text {
  margin-left: 15px;
}

.real-world__points li .text p {
  margin: 0;
}

.real-world__progress {
  position: relative;
  display: block;
  width: 100%;
}

.real-world__progress-single {
  position: relative;
  display: block;
}

.real-world__progress-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--conult-black);
  margin-bottom: 9px;
}

.real-world__progress .bar {
  position: relative;
  width: 100%;
  height: 8px;
  background: #edf3f6;
  border-radius: 30px;
  margin-bottom: 13px;
}

.real-world__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 8px;
  border-radius: 30px;
  background: var(--conult-base);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.real-world__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 18px;
  color: var(--conult-gray);
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.real-world .bar-inner.counted .count-text {
  opacity: 1;
}

.real-world__middle {
  position: relative;
  display: block;
  margin-right: -30px;
}

.real-world__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.real-world__img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 10;
}

.real-world__img:hover:before {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}

.real-world__img img {
  width: 100%;
  border-radius: 15px;
}

.real-world__counter-box {
  position: relative;
  display: block;
  margin-left: 70px;
}

.real-world__counter {
  position: relative;
  display: block;
}

.real-world__counter-single {
  position: relative;
  display: flex;
  align-items: center;
}

.real-world__counter-single+.real-world__counter-single {
  border-top: 1px solid #c9d5db;
  margin-top: 41px;
  padding-top: 42px;
}

.real-world__counter-content {
  position: relative;
  display: block;
  text-align: right;
}

.real-world__counter-content h3 {
  font-size: 40px;
  font-weight: 500;
  font-family: var(--conult-font) !important;
  line-height: 50px !important;
}

.real-world__counter-text {
  font-weight: 500;
  margin: 0;
  line-height: 30px;
}

.real-world__counter-icon {
  position: relative;
  height: 120px;
  width: 120px;
  background-color: #edf3f6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 25px;
  z-index: 1;
}

.real-world__counter-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transform: scale(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}

.real-world__counter-single:hover .real-world__counter-icon:before {
  transform: scaleX(1);
}

.real-world__counter-icon span {
  position: relative;
  display: inline-block;
  font-size: 66px;
  color: var(--conult-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.real-world__counter-single:hover .real-world__counter-icon span {
  transform: scale(0.9);
  color: var(--conult-white);
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  background-color: #edf3f6;
  z-index: 1;
}

.services-two:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: var(--conult-white);
  height: 323px;
  z-index: -1;
}

.services-two .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.services-two .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.services-two__single {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, 0.05);
  padding: 50px 50px 62px;
  margin-bottom: 30px;
  z-index: 1;
}

.services-two__single:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}

.services-two__single:hover:before {
  transform: scaleY(1);
}

.services-two_icon {
  position: relative;
  display: block;
}

.services-two_icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--conult-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__single:hover .services-two_icon span {
  transform: scale(0.9);
  color: var(--conult-white);
}

.services-two__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
  margin-top: 12px;
  margin-bottom: 33px;
}

.services-two__title a {
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__single:hover .services-two__title a {
  color: var(--conult-white);
}

.services-two__text {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 32px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__single:hover .services-two__text {
  color: var(--conult-white);
}

/*--------------------------------------------------------------
# We Improve
--------------------------------------------------------------*/
.we-improve {
  position: relative;
  display: block;
  background-color: var(--conult-black);
  padding: 120px 0 110px;
}

.we-improve-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.we-improve-bg:before {
  position: absolute;
  top: 120px;
  left: 0;
  bottom: 120px;
  content: "";
  background-color: var(--conult-base);
  width: 13px;
}

.we-improve__inner {
  position: relative;
  display: block;
  max-width: 530px;
  width: 100%;
}

.we-improve .section-title {
  margin-bottom: 27px;
}

.we-improve .section-title__tagline {
  color: #9aadbd;
}

.we-improve .section-title__title {
  color: var(--conult-white);
}

.we-improve__text {
  color: #9aadbd;
  margin: 0;
}

.we-improve__funded {
  position: relative;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(var(--conult-white-rgb), 0.1);
  border-bottom: 1px solid rgba(var(--conult-white-rgb), 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 39px;
  margin-bottom: 40px;
}

.we-improve__funded-img {
  position: relative;
  display: flex;
  align-items: center;
}

.we-improve__funded-content {
  font-size: 20px;
  color: var(--conult-white);
  margin: 0;
  line-height: 32px;
  margin-left: 30px;
}

.we-improve__funded-content span {
  font-size: 30px;
  font-weight: 700;
  color: var(--conult-base);
}

.we-improve__points {
  position: relative;
  display: flex;
  align-items: center;
}

.we-improve__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.we-improve__points li+li {
  margin-left: 85px;
}

.we-improve__points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.we-improve__points li .text {
  margin-left: 15px;
}

.we-improve__points li .text p {
  font-weight: 500;
  margin: 0;
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
  position: relative;
  display: block;
  padding: 120px 0 245px;
  z-index: 1;
}

.team-one:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: #edf3f6;
  height: 487px;
  z-index: -1;
}

.team-one__container {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1450px;
  width: 100%;
  padding: 0 15px;
}

.team-one .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.team-one .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.team-one__single {
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.team-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.team-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--conult-black-rgb), 0.3);
  width: 0%;
  transform: translateY(100%);
  transition: all 500ms ease;
  z-index: 1;
}

.team-one__single:hover .team-one__img:before {
  transform: translateY(0);
  width: 100%;
}

.team-one__img img {
  width: 100%;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.team-one__single:hover .team-one__img img {
  transform: scale(1.1) rotate(2deg);
}

.team-one__social {
  position: absolute;
  bottom: 20px;
  right: 20px;
  transform: scaleX(0);
  transform-origin: center;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transform-origin: bottom center;
  z-index: 2;
}

.team-one__single:hover .team-one__social {
  transform: scaleX(1);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.team-one__social li+li {
  margin-top: 10px;
}

.team-one__social li a {
  position: relative;
  height: 47px;
  width: 47px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--conult-black);
  font-size: 15px;
  background-color: var(--conult-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.team-one__social li a:hover {
  color: var(--conult-white);
}

.team-one__social li a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

.team-one__social li a:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.team-one__content {
  position: relative;
  display: block;
  text-align: center;
  margin-top: 22px;
}

.team-one__name {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.team-one__title {
  font-size: 14px;
  margin: 0;
  line-height: 26px;
  font-weight: 500;
}

/*--------------------------------------------------------------
# Feature Three
--------------------------------------------------------------*/
.feature-three {
  position: relative;
  display: block;
  margin-top: -152px;
  z-index: 2;
}

.feature-three .row {
  --bs-gutter-x: 0px;
}

.feature-three__single {
  position: relative;
  display: flex;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.1);
  padding: 59px 60px 57px;
  z-index: 1;
}

.feature-three__single:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-black);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}

.feature-three__single:hover:before {
  transform: scaleY(1);
}

.feature-three__icon {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.feature-three__icon:before {
  position: absolute;
  top: 0;
  right: -15px;
  content: "";
  height: 38px;
  width: 38px;
  background-color: #e5e9ed;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: -1;
}

.feature-three__single:hover .feature-three__icon:before {
  background-color: #1a3f5d;
}

.feature-three__icon span {
  position: relative;
  display: inline-block;
  font-size: 66px;
  color: var(--conult-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-three__single:hover .feature-three__icon span {
  color: var(--conult-white);
}

.feature-three__content {
  margin-left: 35px;
  margin-top: -7px;
}

.feature-three__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 13px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-three__single:hover .feature-three__title {
  color: var(--conult-white);
}

.feature-three__text {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-three__single:hover .feature-three__text {
  color: #9aadbd;
}

/*--------------------------------------------------------------
# News Two
--------------------------------------------------------------*/
.news-three {
  position: relative;
  display: block;
  padding: 180px 0 90px;
  margin-top: -60px;
}

.news-three .section-title {
  position: relative;
  display: block;
  z-index: 5;
}

.news-three-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 637px;
  background-color: var(--conult-base);
  z-index: -1;
}

.news-three-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-image: url(../images/shapes/news-three-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  opacity: 0.06;
}

.news-three .section-title__tagline {
  color: #b8e3fe;
}

.news-three .section-title__title {
  color: var(--conult-white);
}

.news-three .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
  background-color: var(--conult-white);
}

.news-three .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
  background-color: var(--conult-white);
}

.news-three .news-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
  z-index: 3;
}

/*--------------------------------------------------------------
# Contact One
--------------------------------------------------------------*/
.contact-one {
  position: relative;
  display: block;
  padding: 0 0 112px;
}

.contact-one__left {
  position: relative;
  display: block;
}

.contact-one .section-title {
  margin-bottom: 28px;
}

.contact-one__text {
  margin: 0;
}

.contact-one__founder {
  font-size: 24px;
  color: var(--conult-base);
  line-height: 34px;
  font-weight: 400;
  font-family: var(--conult-reey-font);
  margin-top: 37px;
  margin-bottom: 49px;
}

.contact-one__founder span {
  font-size: 16px;
  color: var(--conult-black);
  font-family: var(--conult-font);
  font-weight: 500;
}

.contact-one__bottom {
  position: relative;
  display: flex;
  align-items: center;
}

.contact-one__bottom-img {
  display: flex;
  align-items: center;
}

.contact-one__bottom-points {
  position: relative;
  display: block;
  margin-left: 30px;
}

.contact-one__bottom-points li {
  position: relative;
  display: flex;
  align-items: center;
}

.contact-one__bottom-points li+li {
  margin-top: 4px;
}

.contact-one__bottom-points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-one__bottom-points li .text {
  margin-left: 15px;
}

.contact-one__bottom-points li .text p {
  color: var(--conult-black);
  font-weight: 500;
  margin: 0;
}

.contact-one__right {
  position: relative;
  display: block;
}

.contact-one__form-box {
  position: relative;
  display: block;
  border: 1px solid #c9d5db;
  padding: 60px;
}

.contact-one__form-box:before {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 4px;
  content: "";
  background-color: var(--conult-base);
}

.contact-one__form {
  position: relative;
  display: block;
}

.contact-one__form .row {
  --bs-gutter-x: 10px;
}

.contact-one__input-box {
  position: relative;
  display: block;
}

.contact-one__input-box input[type="text"],
.contact-one__input-box input[type="email"],
.contact-one__input-box textarea {
  height: 63px;
  width: 100%;
  background-color: #edf3f6;
  border: none;
  outline: none;
  margin-bottom: 10px;
  padding: 0 30px;
  font-size: 14px;
  color: var(--conult-gray);
  font-weight: 500;
}

.contact-one__input-box textarea {
  height: 185px;
  margin: 0;
  padding: 15px 30px;
}

.contact-one__btn {
  border: none;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  padding: 270px 0 118px;
  background-color: var(--conult-black);
  z-index: 1;
}

.page-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: var(--conult-black);
  background-blend-mode: luminosity;
  opacity: 0.2;
  z-index: -1;
}

.page-header__inner {
  position: relative;
  display: block;
  text-align: center;
  z-index: 15;
}

.page-header__inner h2 {
  font-size: 40px;
  color: var(--conult-white);
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 7px;
}

.thm-breadcrumb {
  position: relative;
  display: block;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  color: var(--conult-white);
  font-size: 16px;
  opacity: 0.7;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li:before {
  position: absolute;
  top: 17px;
  left: -20px;
  content: "";
  background-color: #cfd4da;
  height: 1px;
  width: 7px;
}

.thm-breadcrumb li:first-child:before {
  display: none;
}

.thm-breadcrumb li+li {
  margin-left: 29px;
}

.thm-breadcrumb li a {
  position: relative;
  display: inline-block;
  color: var(--conult-white);
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li:hover a {
  color: var(--conult-base);
}

/*--------------------------------------------------------------
# News Page
--------------------------------------------------------------*/
.news-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.news-page .news-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# News Details
--------------------------------------------------------------*/
.news-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.news-details__left {
  position: relative;
  display: block;
}

.news-details__img {
  position: relative;
  display: block;
}

.news-details__img img {
  width: 100%;
}

.news-details__date-box {
  position: absolute;
  left: 50px;
  bottom: 0;
  background-color: var(--conult-base);
  padding: 0 20px;
}

.news-details__date-box p {
  font-size: 10px;
  color: var(--conult-white);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

.news-details__content {
  position: relative;
  display: block;
  margin-top: 19px;
}

.news-details__meta {
  display: flex;
  align-items: center;
}

.news-details__meta li+li {
  margin-left: 10px;
}

.news-details__meta li a {
  font-size: 14px;
  color: #7b848b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-details__meta li a:hover {
  color: var(--conult-base);
}

.news-details__meta li a i {
  color: var(--conult-base);
}

.news-details__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 23px;
}

.news-details__text-1 {
  margin: 0;
  line-height: 36px;
}

.news-details__text-2 {
  margin: 0;
  line-height: 36px;
  padding-top: 33px;
  padding-bottom: 33px;
}

.news-details__text-3 {
  margin: 0;
  line-height: 36px;
}

.news-details__bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px 0 30px;
  margin-top: 51px;
  border-top: 1px solid #c9d5db;
}

.news-details__bottom p {
  margin: 0;
}

.news-details__tags span {
  color: var(--conult-black);
  font-size: 18px;
  margin-right: 10px;
  font-weight: 800;
}

.news-details__tags a {
  position: relative;
  color: var(--conult-white);
  font-size: 12px;
  background-color: var(--conult-base);
  display: inline-block;
  padding: 5px 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-details__tags a:hover {
  background-color: var(--conult-black);
  color: var(--conult-white);
}

.news-details__tags a+a {
  margin-left: 6px;
}

.news-details__social-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.news-details__social-list a {
  position: relative;
  height: 47px;
  width: 47px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--conult-black);
  font-size: 15px;
  background-color: #edf3f6;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.news-details__social-list a:hover {
  color: var(--conult-white);
}

.news-details__social-list a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

.news-details__social-list a:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.news-details__social-list a+a {
  margin-left: 15px;
}

/* author */

.author-one {
  background-color: #edf3f6;
  padding: 60px 60px 60px;
  display: -webkit-box;
  display: flex;
  margin-bottom: 44px;
}

.author-one__content {
  margin-left: 40px;
}

.author-one__content h3 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 25px;
}

.author-one__content p {
  margin: 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-one__title,
.comment-form__title {
  margin: 0;
  color: var(--conult-black);
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 52px;
}

.comment-one__single {
  display: -webkit-box;
  display: flex;
  border-bottom: 1px solid #c9d5db;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.comment-one__content {
  position: relative;
  margin-left: 45px;
}

.comment-one__content h3 {
  margin: 0;
  font-size: 20px;
  color: var(--conult-black);
  margin-bottom: 25px;
  font-weight: 700;
}

.comment-one__content p {
  font-size: 16px;
  line-height: 32px;
  margin: 0;
}

.comment-one__btn {
  font-size: 12px;
  padding: 5px 30px;
  position: absolute;
  top: 0;
  right: 0;
}

.comment-one__btn:hover {
  color: var(--conult-black);
}

.comment-one__btn:after {
  background-color: #edf3f6;
}

.comment-one__image {
  position: relative;
  display: block;
  border-radius: 50%;
}

.comment-one__image img {
  border-radius: 50%;
}

.comment-form .comment-form__title {
  margin-top: -8px;
}

.comment-form__input-box {
  position: relative;
  display: block;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
  height: 63px;
  width: 100%;
  border: none;
  background-color: #edf3f6;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  color: var(--conult-gray);
  font-weight: 500;
  display: block;
}

.comment-form__input-box textarea {
  font-size: 14px;
  color: var(--conult-gray);
  height: 180px;
  width: 100%;
  background-color: #edf3f6;
  padding: 18px 30px 30px;
  border: none;
  border-radius: 0px;
  outline: none;
  margin-bottom: 0px;
  border-radius: 0;
  font-weight: 500;
}

.comment-form__btn {
  border: none;
  margin-top: 20px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}

.sidebar__single+.sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 4px;
  font-weight: 700;
}

.sidebar__search {
  position: relative;
  display: block;
}

.sidebar__search-form {
  position: relative;
}

.sidebar__search-form input[type="search"] {
  display: block;
  border: none;
  outline: none;
  background-color: var(--conult-base);
  color: var(--conult-white);
  font-size: 16px;
  font-weight: 500;
  padding-left: 50px;
  height: 84px;
  width: 100%;
  padding-right: 80px;
  border-radius: 0;
}

.sidebar__search-form ::-webkit-input-placeholder {
  color: var(--conult-white);
  opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
  color: var(--conult-white);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--conult-white);
  opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--conult-white);
  opacity: 1;
}

.sidebar__search-form ::placeholder {
  color: var(--conult-white);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--conult-white);
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--conult-white);
}

.sidebar__search-form button[type="submit"] {
  background-color: transparent;
  color: var(--conult-white);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 45px 30px 30px;
  background-color: #edf3f6;
}

.sidebar__post .sidebar__title {
  margin-left: 20px;
}

.sidebar__post-list {
  margin: 0;
}

.sidebar__post-list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 17px 20px 17px;
  transition: all 500ms ease;
}

.sidebar__post-list li:hover {
  background-color: rgb(255, 255, 255);
}

.sidebar__post-list li+li {
  margin-top: 7px;
}

.sidebar__post-image {
  margin-right: 20px;
}

.sidebar__post-image>img {
  width: 70px;
}

.sidebar__post-content {
  position: relative;
}

.sidebar__post-content h3 {
  font-size: 16px;
  margin: 0;
  line-height: 26px;
}

.sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 400;
  color: #7b848b !important;
  transition: all 500ms ease;
}

.sidebar__post-content-meta i {
  color: var(--conult-base);
  padding-right: 3px;
}

.sidebar__post-content h3 a {
  color: var(--conult-black);
  transition: all 500ms ease;
  margin-top: 4px;
  display: block;
  font-size: 16px;
  font-weight: 700;
}

.sidebar__category {
  position: relative;
  display: block;
  background-color: #edf3f6;
  padding: 45px 30px 38px;
}

.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 8px;
}

.sidebar__category-list {
  margin: 0;
}

.sidebar__category-list li+li {
  margin-top: 3px;
}

.sidebar__category-list li a {
  color: var(--conult-gray);
  font-size: 16px;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 5px 20px;
  border-radius: var(--conult-bdr-radius);
}

.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  color: var(--conult-black);
}

.sidebar__category-list li.active a {
  background-color: rgb(255, 255, 255);
  color: var(--conult-black);
}

.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--conult-base);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.sidebar__category-list li a:hover span {
  color: var(--conult-base);
  transform: translateY(-50%) scale(1);
}

.sidebar__category-list li.active a span {
  transform: translateY(-50%) scale(1);
  color: var(--conult-base);
}

.sidebar__tags {
  position: relative;
  display: block;
  background: #edf3f6;
  padding: 45px 45px 50px;
}

.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 24px;
}

.sidebar__tags-list {
  margin-top: -10px;
}

.sidebar__tags-list a {
  font-size: 12px;
  color: #7b848b;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: var(--conult-white);
  display: inline-block;
  padding: 5px 20px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.sidebar__tags-list a+a {
  margin-left: 5px;
  margin-top: 10px;
}

.sidebar__tags-list a:hover {
  color: var(--conult-white);
  background: var(--conult-base);
}

/*--------------------------------------------------------------
# Cases Page
--------------------------------------------------------------*/
.cases-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.cases-page .case-one__single {
  margin-bottom: 30px;
}

.cases-page .case-one__content {
  bottom: 50px;
}

/*--------------------------------------------------------------
# Case Details
--------------------------------------------------------------*/
.case-single {
  position: relative;
  display: block;
  padding: 120px 0 0;
}

.case-single__img-box {
  position: relative;
  display: block;
}

.case-single__img {
  position: relative;
  display: block;
}

.case-single__img img {
  width: 100%;
}

.case-single__details-box {
  position: relative;
  display: block;
  background-color: #edf3f6;
  max-width: 770px;
  width: 100%;
  padding: 40px 80px 45px;
}

.case-single__details {
  position: relative;
  display: flex;
  align-items: center;
}

.case-single__details li+li {
  margin-left: 70px;
}

.case-single__details li p {
  color: var(--conult-black);
  font-weight: 700;
  margin: 0;
  line-height: 27px;
}

.case-single__content {
  position: relative;
  display: block;
  margin-top: 40px;
}

.case-single__content-left {
  position: relative;
  display: block;
}

.case-single__content-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 18px;
}

.case-single__content-text-1 {
  margin: 0;
}

.case-single__content-text-2 {
  margin: 0;
  padding-top: 35px;
  padding-bottom: 35px;
}

.case-single__content-text-3 {
  margin: 0;
}

.case-single__content-right {
  position: relative;
  display: block;
}

.case-single__content-text-4 {
  margin: 0;
}

.case-single__content-points {
  position: relative;
  display: block;
  margin-top: 34px;
}

.case-single__content-points li {
  position: relative;
  display: flex;
  align-items: center;
}

.case-single__content-points li+li {
  margin-top: 6px;
}

.case-single__content-points li .icon {
  height: 15px;
  width: 15px;
  background-color: var(--conult-base);
  color: var(--conult-white);
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.case-single__content-points li .text {
  margin-left: 15px;
}

.case-single__content-points li .text p {
  color: var(--conult-black);
  margin: 0;
}

.case-single__pagination-box {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid #c9d5db;
  border-bottom: 1px solid #c9d5db;
  padding: 38px 0;
  margin-top: 113px;
}

.case-single__pagination li {
  display: inline-block;
}

.case-single__pagination li.next {
  float: left;
  position: relative;
}

.case-single__pagination li a {
  font-size: 12px;
  color: var(--conult-black);
  font-weight: 700;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  transition: all 500ms ease;
}

.case-single__pagination li a:hover {
  color: var(--conult-base);
}

.case-single__pagination li.next i {
  position: relative;
  transform: rotate(180deg);
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
}

.case-single__pagination li.previous {
  position: relative;
  float: right;
}

.case-single__pagination li.previous i {
  margin-left: 10px;
  font-size: 20px;
}

/*--------------------------------------------------------------
# Similar Case
--------------------------------------------------------------*/
.similar-case {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.similar-case .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.similar-case .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.similar-case .case-one__single {
  margin-bottom: 30px;
}

.similar-case .case-one__content {
  bottom: 50px;
}

/*--------------------------------------------------------------
# Similar Case
--------------------------------------------------------------*/
.services-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.service-details__sidebar {
  position: relative;
  display: block;
}

.service-details__sidebar-service {
  position: relative;
  display: block;
}

.service-details__sidebar-service-list {
  margin: 0;
}

.service-details__sidebar-service-list li+li {
  margin-top: 2px;
}

.service-details__sidebar-service-list li a {
  color: var(--conult-black);
  font-size: 18px;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background-color: #edf3f6;
  padding: 20px 40px;
}

.service-details__sidebar-service-list li.current a,
.service-details__sidebar-service-list li a:hover {
  background-color: var(--conult-base);
  color: var(--conult-white);
}

.service-details__sidebar-service-list li a span {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--conult-black);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.service-details__sidebar-service-list li.current a span,
.service-details__sidebar-service-list li a:hover span {
  transform: translateY(-50%) scale(1);
  color: var(--conult-white);
}

.service-details__need-help {
  position: relative;
  display: block;
  padding: 53px 50px 51px;
  margin-top: 30px;
  text-align: center;
  z-index: 1;
  background-color: var(--conult-black);
}

.service-details__need-help-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--conult-black);
  opacity: 0.1;
  z-index: -1;
}

.service-details__need-help-icon {
  height: 57px;
  width: 57px;
  background-color: var(--conult-base);
  color: var(--conult-white);
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  transition: all 500ms ease;
}

.service-details__need-help-icon:hover {
  background-color: var(--conult-white);
  color: var(--conult-base);
}

.service-details__need-help-title {
  font-size: 38px;
  color: var(--conult-white);
  line-height: 40px;
  margin-bottom: 33px;
}

.service-details__need-help-contact {
  position: relative;
  display: block;
  margin-top: 31px;
}

.service-details__need-help-contact p {
  font-size: 16px;
  color: #9aadbd;
  margin: 0;
  line-height: 29px;
}

.service-details__need-help-contact a {
  font-size: 24px;
  color: var(--conult-white);
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-details__need-help-contact a:hover {
  color: var(--conult-base);
}

.service-details__right {
  position: relative;
  display: block;
}

.service-details__img {
  position: relative;
  display: block;
}

.service-details__img img {
  width: 100%;
}

.service-details__img-icon {
  position: absolute;
  bottom: -20px;
  right: 30px;
  height: 98px;
  width: 98px;
  background-color: var(--conult-base);
  color: var(--conult-white);
  font-size: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-details__content {
  position: relative;
  display: block;
  margin-top: 30px;
}

.service-details__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 23px;
}

.service-details__text-1 {
  margin: 0;
}

.service-details__text-2 {
  margin: 0;
  padding-top: 34px;
}

.service-details__two-icons {
  position: relative;
  display: block;
  overflow: hidden;
  border-top: 1px solid #c9d5db;
  border-bottom: 1px solid #c9d5db;
  padding: 39px 0 43px;
  margin: 49px 0 49px;
}

.service-details__two-icon-single {
  position: relative;
  display: block;
  max-width: 360px;
  width: 100%;
  padding-left: 110px;
  float: left;
}

.service-details__two-icon-single+.service-details__two-icon-single {
  margin-left: 40px;
}

.service-details__two-icon {
  height: 90px;
  width: 90px;
  background-color: #edf3f6;
  font-size: 28px;
  color: var(--conult-base);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 11px;
  left: 0;
}

.service-details__two-icon span {
  position: relative;
  display: inline-block;
}

.service-details__two-icon-content {
  font-size: 20px;
  color: var(--conult-black);
  font-weight: 500;
  line-height: 36px;
  margin: 0;
}

.service-details__text-3 {
  margin: 0;
}

.service-details__bottom {
  position: relative;
  display: flex;
  background-color: var(--conult-base);
  align-items: center;
  padding: 51px 60px 51px;
  margin-top: 55px;
  margin-bottom: 60px;
}

.service-details__bottom-icon {
  display: flex;
  align-items: center;
}

.service-details__bottom-icon span {
  font-size: 62px;
  color: var(--conult-white);
  position: relative;
  display: inline-block;
}

.service-details__bottom-text {
  font-size: 20px;
  color: var(--conult-white);
  margin: 0;
  font-weight: 500;
  line-height: 36px;
  margin-left: 30px;
}

.service-details__how-we-help {
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.service-details__how-we-help-img {
  position: relative;
  display: block;
}

.service-details__how-we-help-img img {
  width: 100%;
}

.service-details__how-we-help-content {
  position: relative;
  display: block;
  margin-top: -9px;
}

.service-details__how-we-help-title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
}

.service-details__how-we-help-text {
  font-size: 20px;
  margin: 0;
  padding-top: 11px;
  padding-bottom: 35px;
}

.service-details__how-we-help-points {
  position: relative;
  display: block;
}

.service-details__how-we-help-points li {
  position: relative;
  display: flex;
  align-items: center;
}

.service-details__how-we-help-points li+li {
  margin-top: 6px;
}

.service-details__how-we-help-points li .icon {
  height: 15px;
  width: 15px;
  background-color: var(--conult-base);
  color: var(--conult-white);
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.service-details__how-we-help-points li .text {
  margin-left: 15px;
}

.service-details__how-we-help-points li .text p {
  color: var(--conult-black);
  margin: 0;
  font-weight: 500;
}

/*--------------------------------------------------------------
# Get To Know
--------------------------------------------------------------*/
.get-to-know {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.get-to-know__left {
  position: relative;
  display: block;
}

.get-to-know__left .section-title {
  margin-bottom: 26px;
}

.get-to-know__text {
  margin: 0;
  padding-bottom: 30px;
}

.get-to-know__points {
  position: relative;
  display: block;
}

.get-to-know__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.get-to-know__points li+li {
  margin-top: 4px;
}

.get-to-know__points li .icon {
  position: relative;
  height: 14px;
  width: 14px;
  background-color: var(--conult-base);
  border-radius: 50%;
  font-size: 8px;
  color: var(--conult-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.get-to-know__points li .text {
  margin-left: 20px;
}

.get-to-know__points li .text p {
  color: var(--conult-black);
  font-weight: 500;
  margin: 0;
}

.get-to-know__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.get-to-know__images {
  position: relative;
  display: block;
  overflow: hidden;
}

.get-to-know__images li {
  position: relative;
  display: block;
  float: left;
}

.get-to-know__images li+li {
  margin-left: 20px;
}

/*--------------------------------------------------------------
# Team Two
--------------------------------------------------------------*/
.team-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.team-two .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.team-two .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

/*--------------------------------------------------------------
# Contact Page Google Map
--------------------------------------------------------------*/
.contact-page-google-map {
  position: relative;
  display: block;
  padding: 120px 0 41px;
}

.contact-page-google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 430px;
  width: 100%;
}

/*--------------------------------------------------------------
# Contact Page Details
--------------------------------------------------------------*/
.contact-page-details {
  position: relative;
  display: block;
}

.contact-page-details__left {
  position: relative;
  display: block;
}

.contact-page-details__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 40px;
}

.contact-page-details__content {
  position: relative;
  display: flex;
}

.contact-page-details__content-text-box {
  margin-left: 60px;
  margin-top: -11px;
}

.contact-page-details__content-text-1 {
  margin: 0;
  padding-bottom: 34px;
}

.contact-page-details__content-text-2 {
  margin: 0;
}

.contact-page-details__sign {
  font-size: 24px;
  color: var(--conult-base);
  font-family: var(--conult-reey-font);
  line-height: 34px;
  margin-top: 36px;
}

.contact-page-details__right {
  position: relative;
  display: block;
  margin-right: 40px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.05);
  padding: 38px 50px 50px;
  margin-top: -84px;
}

.contact-page-details__right:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 4px;
  background-color: var(--conult-base);
}

.contact-page-details__list {
  position: relative;
  display: block;
}

.contact-page-details__list li+li {
  margin-top: 27px;
}

.contact-page-details__list li span {
  font-size: 16px;
}

.contact-page-details__list li p {
  font-weight: 700;
  color: var(--conult-black);
  margin: 0;
  line-height: 25px;
}

.contact-page-details__list li p a {
  color: var(--conult-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page-details__list li p a:hover {
  color: var(--conult-base);
}

.contact-page-details__list li:last-child p {
  line-height: 30px;
}

.contact-page-details__social {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-top: 1px solid #c9d5db;
  padding-top: 30px;
  margin-top: 21px;
}

.contact-page-details__social a {
  position: relative;
  height: 47px;
  width: 47px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--conult-black);
  font-size: 15px;
  background-color: #edf3f6;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.contact-page-details__social a:hover {
  color: var(--conult-white);
}

.contact-page-details__social a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--conult-base);
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: -1;
}

.contact-page-details__social a:hover:before {
  transform: scale(1, 1);
  transform-origin: right center;
}

.contact-page-details__social a+a {
  margin-left: 15px;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.contact-page .container {
  max-width: 768px;
  width: 100%;
}

.contact-page .section-title__tagline:before {
  left: 52%;
  transform: translateX(-50%);
}

.contact-page .section-title__tagline:after {
  right: 52%;
  left: inherit;
  transform: translateX(-50%);
}

.contact-page__form .comment-form__btn {
  margin: 20px auto 0;
  display: block;
}
/* Mission & Vision Section */
.mv-section{
  padding: 0px 0;
}

/* Card */
.mv-card{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  padding: 10px 30px;
  min-height: 220px;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}

/* Top line */
.mv-card__top{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 14px;
}

/* Badge */
.mv-badge{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0b78c8;
}

/* Title */
.mv-title{
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 14px;
  font-weight: 800;
  color: #0a2540;
}

/* Text */
.mv-text{
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #6b7280;
  max-width: 520px;

  /* ✅ فرق بسيط في النص */
  position: relative;
  padding-left: 16px; /* مساحة للـ line */
}

/* ✅ Line Accent */
.mv-text::before{
  content:"";
  position:absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: calc(100% - 20px);
  background: rgba(11,120,200,0.55);
  border-radius: 2px;
}

/* ✅ Highlight words */
.mv-text span{
  color: #0b78c8;
  font-weight: 600;
}

/* Decorative accent */
.mv-card::before{
  content:"";
  position:absolute;
  top: -60px;
  right: -60px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(11,120,200,0.08);
  transition: all .35s ease;
}

.mv-card::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #0b78c8;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}

/* Hover */
.mv-card:hover{
  transform: translateY(-6px);
  border-color: rgba(11,120,200,0.25);
  box-shadow: 0 18px 45px rgba(11,120,200,0.12);
}

.mv-card:hover::before{
  transform: scale(1.25);
  background: rgba(11,120,200,0.12);
}

.mv-card:hover::after{
  transform: scaleX(1);
}

/* Responsive */
@media (max-width: 991px){
  .mv-section{ padding: 70px 0; }
  .mv-title{ font-size: 30px; }
  .mv-card{ padding: 28px 22px; }
}

@media (max-width: 575px){
  .mv-title{ font-size: 26px; }
  .mv-text{ font-size: 15px; }
  .mv-card{ min-height: auto; }
}







.company-gallery{
  padding: 90px 0;
  background: #fff;
}

.section-head{
  margin-bottom: 28px;
  max-width: 720px;
}

.section-tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  color: #0b78c8;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.section-title{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
  color: #0a2540;
}

.section-desc{
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #6b7280;
}

/* Marquee rows */
.gallery-marquee{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  padding: 14px 0;
  margin-top: 18px;
}

/* Soft edge fade like cinema */
.gallery-marquee::before,
.gallery-marquee::after{
  content:"";
  position:absolute;
  top:0;
  width: 120px;
  height:100%;
  z-index: 2;
  pointer-events: none;
}

.gallery-marquee::before{
  left:0;
  background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.gallery-marquee::after{
  right:0;
  background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.marquee-track{
  display: flex;
  gap: 16px;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation-duration: 28s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.marquee-right .marquee-track{
  animation-name: marqueeRight;
}

.marquee-left .marquee-track{
  animation-name: marqueeLeft;
}

@keyframes marqueeRight{
  from { transform: translateX(-50%); }
  to   { transform: translateX(0%); }
}

@keyframes marqueeLeft{
  from { transform: translateX(0%); }
  to   { transform: translateX(-50%); }
}

/* Gallery item */
.g-item{
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 260px;
  height: 170px;
  border-radius: 16px;
  overflow: hidden;
  background: #f3f8ff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.g-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .45s ease;
}

/* Hover overlay */
.g-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(11,120,200,0.0);
  transition: background .35s ease;
}

.g-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 28px;
  color: #fff;
  background: rgba(11,120,200,0.95);
  transform: translateY(10px);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
}

.g-item:hover{
  transform: translateY(-4px);
  border-color: rgba(11,120,200,0.25);
  box-shadow: 0 18px 45px rgba(11,120,200,0.12);
}

.g-item:hover img{
  transform: scale(1.10);
}

.g-item:hover .g-overlay{
  background: rgba(10,37,64,0.35);
}

.g-item:hover .g-icon{
  transform: translateY(0);
  opacity: 1;
}

/* Pause on hover (nice UX) */
.gallery-marquee:hover .marquee-track{
  animation-play-state: paused;
}

/* Responsive sizes */
@media (max-width: 991px){
  .section-title{ font-size: 34px; }
  .g-item{ width: 220px; height: 150px; }
  .gallery-marquee::before, .gallery-marquee::after{ width: 80px; }
}

@media (max-width: 575px){
  .company-gallery{ padding: 70px 0; }
  .section-title{ font-size: 28px; }
  .g-item{ width: 190px; height: 130px; border-radius: 14px; }
  .gallery-marquee{ border-radius: 14px; }
}

/* Lightbox */
.lightbox{
  position: fixed;
  inset: 0;
  background: rgba(10,37,64,0.92);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 18px;
}

.lightbox.show{
  display: flex;
}

.lb-figure{
  max-width: 1100px;
  width: 100%;
  margin: 0;
  text-align: center;
}

#lbImg{
  width: 100%;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(255,255,255,0.06);
}

#lbCaption{
  margin-top: 12px;
  color: rgba(255,255,255,0.85);
  font-size: 14px;
  letter-spacing: .02em;
}

.lb-btn{
  position: absolute;
  border: none;
  background: rgba(255,255,255,0.12);
  color: #fff;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  font-size: 28px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.lb-btn:hover{
  background: rgba(255,255,255,0.18);
  transform: scale(1.05);
}

.lb-close{ top: 18px; right: 18px; font-size: 34px; }
.lb-prev{ left: 18px; top: 50%; transform: translateY(-50%); }
.lb-next{ right: 18px; top: 50%; transform: translateY(-50%); }


.clients-showcase{
  padding: 90px 0;
  background: #fff;
}

/* Left text */
.cs-tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  color: #0b78c8;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.cs-title{
  margin: 0 0 14px;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 800;
  color: #0a2540;
}

.cs-text{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.8;
  color: #6b7280;
  max-width: 520px;
}

.cs-points{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.cs-points li{
  position: relative;
  padding-left: 18px;
  color: #6b7280;
  font-size: 15px;
  line-height: 1.6;
}

.cs-points li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0b78c8;
  opacity: 0.85;
}

/* Right Card */
.clients-card{
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.05);
  overflow: hidden;
  min-height: 340px;
}

/* Cinema corner accent */
.clients-card::before{
  content:"";
  position:absolute;
  top:-60px;
  right:-60px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(11,120,200,0.08);
}

.clients-card__head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.clients-card__title{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #0a2540;
}

.clients-card__hint{
  font-size: 13px;
  color: #6b7280;
}

/* Grid logos */
.clients-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.client-item{
  border: 1px solid rgba(0,0,0,0.06);
  background: #f3f8ff;
  border-radius: 14px;
  padding: 12px;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  height: 86px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.client-item img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(10%);
  opacity: .95;
  transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}

.client-item:hover{
  transform: translateY(-3px);
  border-color: rgba(11,120,200,0.25);
  box-shadow: 0 14px 28px rgba(11,120,200,0.10);
}

.client-item:hover img{
  transform: scale(1.06);
  filter: grayscale(0%);
  opacity: 1;
}

/* Full view overlay inside the card */
.client-full{
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.97);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  z-index: 5;
}

.client-full.show{
  display: flex;
}

.client-full img{
  width: 100%;
  height: 100%;
  object-fit: contain; /* fills the card area */
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 12px 35px rgba(0,0,0,0.06);
}

/* Close button */
.client-full__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: none;
  background: rgba(10,37,64,0.10);
  color: #0a2540;
  font-size: 30px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.client-full__close:hover{
  transform: scale(1.06);
  background: rgba(10,37,64,0.16);
}

/* Responsive */
@media (max-width: 991px){
  .clients-showcase{ padding: 70px 0; }
  .cs-title{ font-size: 34px; }
  .clients-grid{ grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 575px){
  .cs-title{ font-size: 28px; }
  .clients-card{ padding: 18px; }
  .clients-grid{ grid-template-columns: repeat(2, 1fr); }
  .client-item{ height: 78px; }
}


/* ===============================
   HQ LOCATIONS (DARK / SPACE)
================================ */

.hq-locations{
  padding: 90px 0;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 20% 10%, rgba(11,120,200,0.22), transparent 45%),
              radial-gradient(circle at 80% 70%, rgba(11,120,200,0.14), transparent 45%),
              linear-gradient(180deg, #050812 0%, #060b18 45%, #050812 100%);
}

/* subtle stars */
.hq-locations::before{
  content:"";
  position:absolute;
  inset:-40%;
  background-image:
    radial-gradient(#ffffff 1px, transparent 1px),
    radial-gradient(#ffffff 1px, transparent 1px),
    radial-gradient(#ffffff 1px, transparent 1px);
  background-size: 140px 140px, 220px 220px, 320px 320px;
  background-position: 0 0, 60px 80px, 120px 40px;
  opacity: 0.06;
  transform: rotate(8deg);
  pointer-events:none;
}

.hq-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* LEFT SIDE */
.hq-left{
  color: #fff;
}

.hq-tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color:#7dc7ff;
  margin-bottom: 12px;
}

.hq-title{
  margin: 0 0 12px;
  font-size: 44px;
  line-height: 1.12;
  font-weight: 900;
  color:#ffffff;
}

.hq-desc{
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255,255,255,0.72);
  max-width: 520px;
}

.hq-actions{
  display: grid;
  gap: 12px;
  max-width: 340px;
}

.hq-btn{
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 800;
  color:#ffffff;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
  text-align: left;
  backdrop-filter: blur(8px);
}

.hq-btn:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,0.08);
  border-color: rgba(125,199,255,0.35);
  box-shadow: 0 18px 45px rgba(11,120,200,0.22);
}

/* RIGHT SIDE: circle frame */
.hq-right{
  display:flex;
  justify-content: center;
}

/* remove old card look, make it minimal */
.hq-globe-card{
  width: 100%;
  max-width: 520px;
  position: relative;
}

.hq-globe-head{
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 14px;
  color: rgba(255,255,255,0.78);
}

.hq-globe-head strong{
  color:#fff;
  font-size: 16px;
  font-weight: 900;
}

.hq-globe-head span{
  color: rgba(255,255,255,0.62);
  font-size: 12px;
}

/* circle container */
.hq-globe{
  width: min(520px, 100%);
  aspect-ratio: 1 / 1;       /* ✅ keeps it always circle */
  border-radius: 50%;
  overflow: hidden;
  position: relative;

  border: 1px solid rgba(125,199,255,0.22);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.55),
    0 0 0 10px rgba(11,120,200,0.10);

  background: radial-gradient(circle at 35% 30%, rgba(125,199,255,0.18), transparent 55%),
              radial-gradient(circle at 70% 75%, rgba(125,199,255,0.10), transparent 50%),
              rgba(255,255,255,0.02);
}

/* glow ring */
.hq-globe::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11,120,200,0.20), transparent 60%);
  filter: blur(10px);
  opacity: .9;
  pointer-events:none;
}

/* canvas full size */
.hq-globe canvas{
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* ===============================
   MODAL (keep as is, but dark theme friendly)
================================ */
.hq-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.hq-modal.show{ display: block; }

.hq-modal__overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.78);
}

.hq-modal__content{
  position: absolute;
  inset: 18px;
  margin: auto;
  max-width: 1100px;
  height: calc(100% - 36px);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.55);
  overflow: hidden;
}

.hq-modal__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: none;
  background: rgba(10,37,64,0.10);
  color:#0a2540;
  font-size: 30px;
  cursor:pointer;
  z-index: 5;
  transition: transform .2s ease, background .2s ease;
}
.hq-modal__close:hover{ transform: scale(1.06); background: rgba(10,37,64,0.16); }

.hq-modal__grid{
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  height: 100%;
}

.hq-modal__media{
  background: #f3f8ff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px;
}
.hq-modal__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}

.hq-modal__info{
  padding: 26px;
  overflow: auto;
}

.hq-modal__tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color:#0b78c8;
  margin-bottom: 10px;
}

.hq-modal__title{
  margin: 0 0 10px;
  font-size: 34px;
  font-weight: 900;
  color:#0a2540;
}

.hq-modal__text{
  margin: 0 0 18px;
  color:#6b7280;
  line-height: 1.85;
}

.hq-stats{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 18px;
}

.hq-stat{
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,0.04);
}
.hq-stat small{ color:#6b7280; display:block; margin-bottom: 2px; }
.hq-stat strong{ color:#0a2540; font-weight: 900; }

.hq-contact{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.hq-link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  background: #fff;
  color:#0a2540;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.hq-link:hover{
  transform: translateY(-2px);
  border-color: rgba(11,120,200,0.22);
  box-shadow: 0 16px 40px rgba(11,120,200,0.10);
}

/* Tablet */
@media (max-width: 991px){
  .hq-grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .hq-right{ justify-content: flex-start; }
  .hq-title{ font-size: 34px; }
  .hq-actions{ max-width: 420px; }

  .hq-modal__grid{ grid-template-columns: 1fr; }
  .hq-modal__content{ inset: 14px; height: calc(100% - 28px); }
}

/* Mobile */
@media (max-width: 575px){
  .hq-locations{ padding: 70px 0; }
  .hq-title{ font-size: 28px; }
  .hq-desc{ font-size: 15px; }

  .hq-globe-card{ max-width: 100%; }
  .hq-globe{ width: min(360px, 100%); } /* ✅ circle stays visible on phones */
  .hq-btn{ padding: 12px 12px; }

  .hq-modal__title{ font-size: 26px; }
}
/* =========================
   WHY EPC TRAINING
========================= */

.why-epc{
  padding: 30px 0;
  background: #ffffff;
}

.why-epc__head{
  max-width: 700px;
  margin-bottom: 48px;
}

.why-epc__tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color:#0b78c8;
  margin-bottom: 10px;
}

.why-epc__title{
  margin: 0 0 14px;
  font-size: 44px;
  line-height: 1.15;
  font-weight: 900;
  color:#0a2540;
}

.why-epc__desc{
  font-size: 16px;
  line-height: 1.85;
  color:#6b7280;
}

/* Grid */
.why-epc__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Card */
.why-card{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  padding: 26px 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,0.04);
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}

.why-card::before{
  content:"";
  position:absolute;
  top:-50px;
  right:-50px;
  width:120px;
  height:120px;
  border-radius:50%;
  background: rgba(11,120,200,0.08);
  transition: all .35s ease;
}

.why-card h4{
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 900;
  color:#0a2540;
}

.why-card p{
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color:#6b7280;
}

/* Hover */
.why-card:hover{
  transform: translateY(-6px);
  border-color: rgba(11,120,200,0.25);
  box-shadow: 0 20px 50px rgba(11,120,200,0.12);
}

.why-card:hover::before{
  transform: scale(1.3);
  background: rgba(11,120,200,0.14);
}

/* Responsive */
@media (max-width: 991px){
  .why-epc__grid{
    grid-template-columns: repeat(2, 1fr);
  }
  .why-epc__title{
    font-size: 36px;
  }
}

@media (max-width: 575px){
  .why-epc{
    padding: 70px 0;
  }
  .why-epc__grid{
    grid-template-columns: 1fr;
  }
  .why-epc__title{
    font-size: 30px;
  }
}



:root{
  --p:#284adc;
  --p2:#a4b3f9;
  --dark:#010826;
  --cream:#fcf5e7;
  --green:#60d175;

  --text:#010826;
  --muted: rgba(1,8,38,0.68);
  --border: rgba(1,8,38,0.10);
  --shadow: 0 18px 55px rgba(1,8,38,0.08);
}

.methodL{
  padding: 0px 0;
  background: #ffffff; /* ✅ Light background */
}

.methodL__head{
  max-width: 860px;
  margin-bottom: 34px;
}

.methodL__tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--p);
  margin-bottom: 10px;
}

.methodL__title{
  margin: 0 0 12px;
  font-size: 42px;
  line-height: 1.15;
  font-weight: 950;
  color: var(--dark);
}

.methodL__desc{
  margin: 0;
  color: var(--muted);
  line-height: 1.9;
  font-size: 16px;
  max-width: 720px;
}

.methodL__grid{
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 26px;
  align-items: start;
}

/* Left image */
.methodL__imgWrap{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  background:
    radial-gradient(circle at 20% 15%, rgba(40,74,220,0.14), transparent 45%),
    radial-gradient(circle at 80% 75%, rgba(96,209,117,0.10), transparent 45%),
    #fff;
  position: relative;
}

.methodL__imgWrap img{
  width: 100%;
  height: 520px;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.methodL__imgWrap:hover img{
  transform: scale(1.06);
}

/* subtle top accent */
.methodL__imgWrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(40,74,220,0.10), transparent 40%);
}

/* Accordion container */
.methodL__accordion{
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #ffffff;
  box-shadow: var(--shadow);
  overflow:hidden;
}

.mL-item + .mL-item{
  border-top: 1px solid var(--border);
}

.mL-btn{
  width: 100%;
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 18px 18px;
  background: transparent;
  border: 0;
  color: var(--text);
  cursor:pointer;
  text-align:left;
  transition: background .25s ease;
}

.mL-btn:hover{
  background: rgba(164,179,249,0.22);
}

/* Number badge */
.mL-num{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  color: #ffffff;
  background: linear-gradient(135deg, var(--p), rgba(96,209,117,0.55));
  box-shadow: 0 16px 35px rgba(40,74,220,0.25);
}

.mL-text strong{
  display:block;
  font-weight: 950;
  font-size: 18px;
  color: var(--dark);
}

.mL-text em{
  display:block;
  margin-top: 3px;
  font-style: normal;
  font-size: 13px;
  color: var(--muted);
}

/* Chevron */
.mL-icon{
  margin-left:auto;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  border: 1px solid var(--border);
  position: relative;
  background: #fff;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.mL-icon::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--p);
  border-bottom: 2px solid var(--p);
  transform: rotate(45deg);
  top: 7px;
}

.mL-btn[aria-expanded="true"] .mL-icon{
  transform: rotate(180deg);
  background: rgba(164,179,249,0.22);
  border-color: rgba(40,74,220,0.30);
}

/* Panel animation */
.mL-panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}

.mL-panel__inner{
  padding: 0 18px 18px;
  color: var(--text);
}

.mL-panel__inner p{
  margin: 0 0 10px;
  line-height: 1.9;
  color: var(--muted);
}

.mL-panel__inner ul{
  margin: 0;
  padding-left: 18px;
}
.mL-panel__inner li{
  margin: 9px 0;
  color: var(--dark);
}

/* Responsive */
@media (max-width: 991px){
  .methodL__grid{
    grid-template-columns: 1fr;
  }
  .methodL__title{
    font-size: 34px;
  }
  .methodL__imgWrap img{
    height: 360px;
  }
}

@media (max-width: 575px){
  .methodL{
    padding: 0px 0;
  }
  .methodL__title{
    font-size: 28px;
  }
  .mL-text strong{
    font-size: 16px;
  }
}






/* =========================
   EPC Brand Palette
   #284adc (primary)
   #a4b3f9 (soft blue)
   #010826 (deep navy)
   #fcf5e7 (cream)
   #60d175 (green)
========================= */

.epc-tracks{
  padding: 90px 0;
  background: #fff;
  overflow: hidden;
}

.epc-tracks__head{
  max-width: 860px;
  margin: 0 auto 36px;
  text-align: center;
}

.epc-tracks__tag{
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #284adc;
  margin-bottom: 10px;
  position: relative;
}

.epc-tracks__tag::after{
  content:"";
  display:block;
  width: 64px;
  height: 3px;
  margin: 10px auto 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #284adc, #60d175);
}

.epc-tracks__title{
  margin: 0 0 10px;
  font-size: 44px;
  line-height: 1.12;
  font-weight: 950;
  color: #010826;
}

.epc-tracks__sub{
  margin: 0;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(1, 8, 38, .70);
}

.epc-tracks__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

/* Card */
.track-card{
  border-radius: 18px;
  border: 1px solid rgba(1, 8, 38, .08);
  background: linear-gradient(180deg, #ffffff, rgba(164,179,249,.18));
  box-shadow: 0 16px 40px rgba(1,8,38,.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: translateZ(0);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  position: relative;
}

.track-card::before{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  background:
    radial-gradient(800px 260px at 20% -10%, rgba(40,74,220,.18), transparent 60%),
    radial-gradient(700px 240px at 120% 10%, rgba(96,209,117,.14), transparent 55%);
  opacity: .85;
}

.track-card:hover{
  transform: translateY(-8px);
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 26px 70px rgba(40,74,220,.12);
}

/* Media */
.track-card__media{
  position: relative;
  height: 210px;
  overflow: hidden;
}

.track-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .45s ease;
  filter: saturate(1.02) contrast(1.02);
}

.track-card:hover .track-card__media img{
  transform: scale(1.08);
}

/* Overlay + badge */
.track-card__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(1,8,38,.15), rgba(1,8,38,.55));
  transition: opacity .35s ease;
}

.track-card__badge{
  position:absolute;
  left: 14px;
  bottom: 14px;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .10em;
  color: #fff;
  background: rgba(40,74,220,.92);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 12px 30px rgba(1,8,38,.25);
  backdrop-filter: blur(6px);
}

.track-card__badge--green{
  background: rgba(96,209,117,.92);
}

.track-card__badge--soft{
  background: rgba(164,179,249,.35);
  color: #010826;
  border: 1px solid rgba(1,8,38,.14);
}

/* Body */
.track-card__body{
  position: relative;
  padding: 18px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.track-card__title{
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 950;
  color: #010826;
}

.track-card__text{
  margin: 0;
  color: rgba(1,8,38,.70);
  line-height: 1.75;
  font-size: 14.8px;
}

.track-card__points{
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.track-card__points li{
  position: relative;
  padding-left: 22px;
  color: rgba(1,8,38,.78);
  font-size: 13.8px;
  line-height: 1.5;
}

.track-card__points li::before{
  content:"";
  position:absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #284adc;
  box-shadow: 0 0 0 3px rgba(164,179,249,.45);
}

.track-card:nth-child(2) .track-card__points li::before{
  background: #60d175;
  box-shadow: 0 0 0 3px rgba(96,209,117,.22);
}

/* Actions */
.track-card__actions{
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 8px;
}

.track-card__btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 900;
  color: #284adc;
  border: 1px solid rgba(1,8,38,.10);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  white-space: nowrap;
}

.track-card__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(40,74,220,.22);
  filter: brightness(1.02);
}

.track-card__hint{
  font-size: 12px;
  color: rgba(1,8,38,.55);
  font-weight: 700;
}

/* Responsive */
@media (max-width: 1100px){
  .epc-tracks__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px){
  .epc-tracks{ padding: 70px 0; }
  .epc-tracks__title{ font-size: 32px; }
  .epc-tracks__grid{ grid-template-columns: 1fr; }
  .track-card__media{ height: 200px; }
}

/* Optional: container if your theme doesn't have it */
.container{
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

/* =========================
  CIPS HERO (Dark Navy)
========================= */
.cips-hero{
  position: relative;
  padding: 150px 0 70px;
  background: #010826;
  overflow: hidden;
}

/* Background glow + stars */
.cips-hero__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 360px at 15% 20%, rgba(40,74,220,.28), transparent 60%),
    radial-gradient(800px 320px at 85% 35%, rgba(96,209,117,.18), transparent 55%),
    radial-gradient(900px 420px at 60% 120%, rgba(164,179,249,.16), transparent 60%);
  opacity: .95;
}

.cips-hero__star{
  position:absolute;
  width: 2px; height: 2px;
  border-radius: 50%;
  background: rgba(252,245,231,.9);
  box-shadow:
    0 0 0 0 rgba(252,245,231,.4),
    10vw 10vh 0 rgba(252,245,231,.6),
    18vw 22vh 0 rgba(252,245,231,.35),
    28vw 8vh 0 rgba(252,245,231,.25),
    38vw 18vh 0 rgba(252,245,231,.5),
    55vw 14vh 0 rgba(252,245,231,.25),
    70vw 20vh 0 rgba(252,245,231,.35),
    80vw 12vh 0 rgba(252,245,231,.3);
  opacity: .35;
}
.cips-hero__star--1{ top: 16%; left: 12%; }
.cips-hero__star--2{ top: 34%; left: 28%; opacity:.25; transform: scale(1.2); }
.cips-hero__star--3{ top: 22%; left: 62%; opacity:.22; transform: scale(1.4); }

.container{
  width: min(1180px, calc(100% - 0px));
  margin: 0 auto;
}

.cips-hero__wrap{
  position: relative;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 34px;
  align-items: center;
  z-index: 2;
}

/* Left content */
.cips-hero__tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #a4b3f9;
  margin-bottom: 10px;
}

.cips-hero__title{
  margin: 0 0 14px;
  font-size: 52px;
  line-height: 1.08;
  font-weight: 950;
  color: #fcf5e7;
}
.cips-hero__title span{
  background: linear-gradient(90deg, #a4b3f9, #60d175);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cips-hero__lead{
  margin: 0 0 18px;
  color: rgba(252,245,231,.82);
  line-height: 1.9;
  font-size: 16px;
  max-width: 640px;
}

.cips-hero__chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px;
}

.chip{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  color: rgba(252,245,231,.88);
  border: 1px solid rgba(164,179,249,.22);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
}
.chip--green{
  border-color: rgba(96,209,117,.28);
  background: rgba(96,209,117,.10);
}

.cips-hero__cta{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 18px;
}

.btn{
  border: 0;
  cursor:pointer;
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 950;
  letter-spacing: .02em;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease, border-color .2s ease;
  text-decoration:none;
  user-select:none;
}
.btn:active{ transform: translateY(0); }

.btn--primary{
  color: #fcf5e7;
  background: linear-gradient(90deg, #284adc, #60d175);
  box-shadow: 0 16px 40px rgba(40,74,220,.18);
}
.btn--primary:hover{ transform: translateY(-2px); box-shadow: 0 22px 60px rgba(40,74,220,.26); }

.btn--ghost{
  color: #fcf5e7;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(164,179,249,.22);
}
.btn--ghost:hover{ transform: translateY(-2px); border-color: rgba(96,209,117,.28); box-shadow: 0 18px 50px rgba(1,8,38,.35); }

.cips-hero__facts{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 6px;
}

.fact{
  border-radius: 16px;
  border: 1px solid rgba(164,179,249,.16);
  background: rgba(255,255,255,.05);
  padding: 12px 12px;
}
.fact small{
  display:block;
  color: rgba(164,179,249,.9);
  font-weight: 900;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.fact strong{
  color: rgba(252,245,231,.92);
  font-weight: 950;
  font-size: 13px;
}

.cips-hero__note{
  margin: 14px 0 0;
  color: rgba(252,245,231,.72);
  font-size: 13px;
  line-height: 1.8;
}
.cips-hero__note span{
  color:#a4b3f9;
  font-weight: 900;
}

/* Right visual */
.cips-hero__visual{
  position: relative;
  min-height: 520px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cips-hero__card{
  width: min(460px, 100%);
  border-radius: 22px;
  border: 1px solid rgba(164,179,249,.18);
  background: rgba(255,255,255,.06);
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  overflow: hidden;
  position: relative;
}

.cips-hero__img{
  position: relative;
  height: 290px;
  overflow:hidden;
}
.cips-hero__img img{
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.06);
  filter: saturate(1.05) contrast(1.04);
}
.cips-hero__imgOverlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(1,8,38,.10), rgba(1,8,38,.78));
}

.cips-hero__mini{
  padding: 14px 14px 16px;
  display:grid;
  gap: 10px;
}

.mini{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 16px;
  border: 1px solid rgba(164,179,249,.14);
  background: rgba(1,8,38,.28);
}
.mini small{
  display:block;
  color: rgba(164,179,249,.95);
  font-weight: 900;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.mini strong{
  color: rgba(252,245,231,.90);
  font-weight: 950;
  font-size: 13px;
  line-height: 1.35;
}

.mini__dot{
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #284adc;
  box-shadow: 0 0 0 6px rgba(40,74,220,.18);
  margin-top: 4px;
  flex: 0 0 auto;
}
.mini__dot--green{
  background: #60d175;
  box-shadow: 0 0 0 6px rgba(96,209,117,.16);
}
.mini__dot--soft{
  background: #a4b3f9;
  box-shadow: 0 0 0 6px rgba(164,179,249,.14);
}

/* rings */
.cips-hero__ring{
  position:absolute;
  border-radius: 50%;
  border: 1px solid rgba(164,179,249,.18);
  filter: blur(.0px);
  pointer-events:none;
}
.cips-hero__ring--1{
  width: 540px; height: 540px;
  opacity: .22;
}
.cips-hero__ring--2{
  width: 620px; height: 620px;
  opacity: .10;
  border-color: rgba(96,209,117,.20);
}

/* Responsive */
@media (max-width: 991px){
  .cips-hero{ padding: 152px 0 60px; }
  .cips-hero__wrap{ grid-template-columns: 1fr; }
  .cips-hero__title{ font-size: 40px; }
  .cips-hero__visual{ min-height: auto; }
  .cips-hero__ring--1, .cips-hero__ring--2{ display:none; }
}

@media (max-width: 575px){
  .cips-hero__title{ font-size: 32px; }
  .cips-hero__facts{ grid-template-columns: 1fr; }
}


/* =========================
  CIPS TABS (LIGHT MODE)
  Colors:
  --blue: #284adc
  --soft: #a4b3f9
  --navy: #010826
  --cream: #fcf5e7
  --green: #60d175
========================= */
:root{
  --blue:#284adc;
  --soft:#a4b3f9;
  --navy:#010826;
  --cream:#fcf5e7;
  --green:#60d175;
  --text:#0a2540;
  --muted:#5b667a;
  --border: rgba(1,8,38,.10);
  --shadow: 0 18px 55px rgba(1,8,38,.08);
}

.cips-tabs{
  padding: 70px 0 90px;
  background: #ffffff;
   color: var(--text); /* #0a2540 */
}

.cips-tabs__head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.cips-tabs__tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 10px;
}

.cips-tabs__title{
  margin: 0 0 10px;
  font-size: 40px;
  line-height: 1.12;
  color: var(--text);
  font-weight: 950;
}

.cips-tabs__lead{
  margin: 0;
  color: var(--muted);
  line-height: 1.85;
  max-width: 720px;
}

.cips-tabs__brochure{
  white-space: nowrap;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text);
  font-weight: 900;
  text-decoration:none;
  box-shadow: 0 12px 34px rgba(1,8,38,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.cips-tabs__brochure:hover{
  transform: translateY(-2px);
  border-color: rgba(40,74,220,.25);
  box-shadow: 0 18px 50px rgba(40,74,220,.10);
}

/* Sticky bar */
.cips-tabs__bar{
  position: sticky;
  top: 0;
  z-index: 50;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(1,8,38,.05);
}

.cips-tab{
  border: 1px solid transparent;
  background: transparent;
  color: var(--text);
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 14px;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .2s ease, color .2s ease;
}
.cips-tab:hover{
  background: rgba(40,74,220,.06);
  transform: translateY(-1px);
}
.cips-tab.is-active{
  background: linear-gradient(90deg, rgba(40,74,220,.14), rgba(96,209,117,.12));
  border-color: rgba(40,74,220,.18);
  color: var(--navy);
}

/* Layout */
.cips-tabs__panelWrap{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items: start;
}

.cips-tabs__panel{
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #ffffff;
  box-shadow: var(--shadow);
  overflow: hidden;
  position: relative;
}

.cips-tabs__panel::before{
  content:"";
  position:absolute;
  top:-80px;
  right:-80px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(40,74,220,.08);
  pointer-events:none;
}

/* Panels */
.cips-panel{
  display:none;
  padding: 22px 22px 24px;
}
.cips-panel.is-active{ display:block; }

.panel-head h3{
  margin: 0 0 6px;
  font-size: 26px;
  font-weight: 950;
  color: var(--text);
}
.panel-head p{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.8;
}

/* bullets */
.panel-bullets{
  margin: 0 0 14px;
  padding-left: 18px;
  color: var(--text);
}
.panel-bullets li{
  margin: 10px 0;
  line-height: 1.85;
  color: #1c2a3d;
}

/* callout */
.panel-callout{
  margin-top: 14px;
  border: 1px solid rgba(40,74,220,.14);
  background: rgba(40,74,220,.05);
  border-radius: 16px;
  padding: 12px 12px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.panel-callout strong{ color: var(--text); font-weight: 950; }
.panel-callout span{ color: var(--muted); }

.dot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  flex: 0 0 auto;
  background: var(--blue);
  box-shadow: 0 0 0 6px rgba(40,74,220,.12);
}
.dot--green{
  background: var(--green);
  box-shadow: 0 0 0 6px rgba(96,209,117,.14);
}
.dot--soft{
  background: var(--soft);
  box-shadow: 0 0 0 6px rgba(164,179,249,.16);
}

/* cards */
.panel-cards{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin: 0 0 14px;
}
.mini-card{
  border-radius: 16px;
  border: 1px solid var(--border);
  background: #fff;
  padding: 12px 12px;
  box-shadow: 0 10px 26px rgba(1,8,38,.05);
}
.mini-card strong{
  display:block;
  margin-bottom: 4px;
  color: var(--text);
  font-weight: 950;
}
.mini-card span{
  color: var(--muted);
  line-height: 1.7;
  font-size: 13px;
}

/* steps */
.panel-steps{
  margin: 0 0 12px;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}
.panel-steps li{
  display:flex;
  align-items:center;
  gap: 10px;
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 16px;
  padding: 12px 12px;
  box-shadow: 0 10px 26px rgba(1,8,38,.05);
  color: #1c2a3d;
  line-height: 1.6;
}
.panel-steps li span{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(40,74,220,.10);
  color: var(--navy);
  font-weight: 950;
}

/* duration */
.duration-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 10px;
}
.duration-box{
  border-radius: 16px;
  border: 1px solid var(--border);
  background: #fff;
  padding: 12px 12px;
  box-shadow: 0 10px 26px rgba(1,8,38,.05);
}
.duration-box small{
  display:block;
  color: var(--muted);
  font-weight: 800;
  margin-bottom: 2px;
}
.duration-box strong{
  color: var(--text);
  font-weight: 950;
}

.panel-note{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px dashed rgba(96,209,117,.32);
  background: rgba(96,209,117,.08);
  color: #123018;
  font-weight: 800;
}
.panel-muted{
  margin: 0;
  color: var(--muted);
  line-height: 1.85;
}

/* Aside */
.cips-tabs__aside .aside-card{
  border-radius: 18px;
  border: 1px solid var(--border);
  background: linear-gradient(180deg, #ffffff, rgba(252,245,231,.45));
  box-shadow: var(--shadow);
  padding: 18px;
  position: sticky;
  top: 92px;
}
.aside-card h4{
  margin: 0 0 8px;
  color: var(--text);
  font-weight: 950;
  font-size: 18px;
}
.aside-card p{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.8;
}
.aside-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.aside-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text);
  font-weight: 950;
  text-decoration:none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  flex: 1 1 auto;
}
.aside-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(40,74,220,.20);
  box-shadow: 0 18px 50px rgba(40,74,220,.10);
}
.aside-btn--primary{
  border: none;
  color: #fff;
  background: linear-gradient(90deg, var(--blue), var(--green));
}
.aside-metrics{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.aside-metrics .m{
  border-radius: 16px;
  border: 1px solid var(--border);
  background: #fff;
  padding: 10px 10px;
  box-shadow: 0 10px 26px rgba(1,8,38,.05);
}
.aside-metrics small{
  display:block;
  color: var(--muted);
  font-weight: 800;
  margin-bottom: 2px;
}
.aside-metrics strong{
  color: var(--text);
  font-weight: 950;
}

/* Responsive */
@media (max-width: 991px){
  .cips-tabs__head{
    align-items:flex-start;
    flex-direction: column;
  }
  .cips-tabs__title{ font-size: 32px; }
  .cips-tabs__panelWrap{ grid-template-columns: 1fr; }
  .cips-tabs__aside .aside-card{ position: relative; top: 0; }
  .panel-cards{ grid-template-columns: 1fr; }
  .duration-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 575px){
  .cips-tabs{ padding: 55px 0 70px; }
  .cips-tabs__bar{ gap: 8px; }
  .cips-tab{ font-size: 13px; padding: 9px 10px; }
}


/* ===========================
   CIPS Levels (Premium Light)
   Palette:
   #284adc (primary)
   #a4b3f9 (secondary)
   #010826 (dark)
   #fcf5e7 (cream)
   #60d175 (green)
   =========================== */

.cips-levels{
  --p:#284adc;
  --s:#a4b3f9;
  --d:#010826;
  --cream:#fcf5e7;
  --g:#60d175;

  padding: 65px 0;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.cips-levels::before{
  content:"";
  position:absolute;
  inset: -200px -200px auto auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(2px);
  pointer-events:none;
}

.cips-head{
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

.cips-kicker{
  display:inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--p);
  margin-bottom: 10px;
}

.cips-title{
  margin: 0 0 10px;
  font-size: 44px;
  line-height: 1.08;
  font-weight: 950;
  color: var(--d);
}

.cips-sub{
  margin: 0 auto;
  max-width: 720px;
  color: rgba(1,8,38,.72);
  font-size: 16px;
  line-height: 1.85;
}

/* Layout */
.cips-grid{
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 26px;
  align-items: start;
}

/* Left */
.cips-switch{
  display: grid;
  gap: 12px;
}

.cips-option{
  width: 100%;
  text-align: left;
  border: 1px solid rgba(1,8,38,.10);
  border-radius: 18px;
  background: #fff;
  padding: 16px 16px;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 14px 40px rgba(1,8,38,.06);
  position: relative;
  overflow: hidden;
}

.cips-option::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, rgba(40,74,220,.10), transparent 55%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}

.cips-option:hover{
  transform: translateY(-3px);
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 18px 55px rgba(40,74,220,.12);
}
.cips-option:hover::after{ opacity: 1; }

.cips-option.is-active{
  border-color: rgba(40,74,220,.40);
  box-shadow: 0 22px 70px rgba(40,74,220,.18);
}

.cips-option__badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--p);
  background: rgba(40,74,220,.10);
  border: 1px solid rgba(40,74,220,.18);
  padding: 8px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
  width: fit-content;
}

.cips-option__badge--green{
  color: #0b6f34;
  background: rgba(96,209,117,.14);
  border-color: rgba(96,209,117,.22);
}

.cips-option__name{
  display:block;
  font-size: 18px;
  font-weight: 950;
  color: var(--d);
  margin-bottom: 6px;
}

.cips-option__meta{
  display:block;
  font-size: 13px;
  color: rgba(1,8,38,.64);
}

.cips-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.cips-link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(1,8,38,.10);
  color: rgba(1,8,38,.82);
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  background: #fff;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.cips-link:hover{
  transform: translateY(-2px);
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 16px 45px rgba(40,74,220,.12);
}

/* Right card */
.cips-card{
  border-radius: 20px;
  border: 1px solid rgba(1,8,38,.10);
  background: linear-gradient(180deg, #ffffff, #ffffff);
  box-shadow: 0 18px 60px rgba(1,8,38,.08);
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.cips-card::before{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, rgba(164,179,249,.55), rgba(164,179,249,0));
  pointer-events:none;
}

.cips-card__top{
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.cips-tag{
  display:inline-block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--p);
  margin-bottom: 8px;
}

.cips-card__title{
  margin: 0;
  font-size: 28px;
  line-height: 1.18;
  font-weight: 950;
  color: var(--d);
  max-width: 520px;
}

.cips-chip{
  flex: 0 0 auto;
  background: rgba(40,74,220,.10);
  border: 1px solid rgba(40,74,220,.18);
  color: var(--p);
  font-weight: 950;
  font-size: 12px;
  padding: 10px 12px;
  border-radius: 999px;
  margin-top: 6px;
}

.cips-card__text{
  margin: 10px 0 14px;
  color: rgba(1,8,38,.72);
  line-height: 1.9;
  font-size: 15.5px;
  position: relative;
  z-index: 2;
}

.cips-bullets{
  margin: 0 0 16px;
  padding-left: 18px;
  color: rgba(1,8,38,.74);
  line-height: 1.9;
  position: relative;
  z-index: 2;
}
.cips-bullets li{ margin: 6px 0; }

.cips-cta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.cips-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(40,74,220,.22);
  background: var(--p);
  color: #fff;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  box-shadow: 0 16px 45px rgba(40,74,220,.20);
}

.cips-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(40,74,220,.26);
  filter: brightness(1.02);
}

.cips-btn__icon{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.22);
}

.cips-btn--ghost{
  background: #fff;
  color: var(--d);
  border-color: rgba(1,8,38,.12);
  box-shadow: 0 14px 40px rgba(1,8,38,.06);
}
.cips-btn--ghost:hover{
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 18px 55px rgba(40,74,220,.14);
}

.cips-note{
  margin-top: 12px;
  font-size: 13px;
  color: rgba(1,8,38,.62);
}

/* Modal */
.cips-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}
.cips-modal.show{ display:block; }

.cips-modal__overlay{
  position:absolute;
  inset:0;
  background: rgba(1,8,38,.72);
  backdrop-filter: blur(8px);
}

.cips-modal__panel{
  position:absolute;
  inset: 26px;
  margin: auto;
  max-width: 1080px;
  height: calc(100% - 52px);
  background: #fff;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 35px 90px rgba(0,0,0,.35);
  overflow: hidden;
}

.cips-modal__close{
  position:absolute;
  right: 16px;
  top: 16px;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(1,8,38,.10);
  background: rgba(1,8,38,.06);
  color: var(--d);
  font-size: 30px;
  cursor:pointer;
  transition: transform .2s ease, background .2s ease;
  z-index: 3;
}
.cips-modal__close:hover{ transform: scale(1.06); background: rgba(1,8,38,.10); }

.cips-modal__head{
  padding: 22px 22px 14px;
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  border-bottom: 1px solid rgba(1,8,38,.08);
  background: linear-gradient(180deg, rgba(164,179,249,.22), rgba(164,179,249,0));
}

.cips-modal__kicker{
  display:inline-block;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--p);
  margin-bottom: 8px;
}

.cips-modal__title{
  margin: 0;
  font-size: 28px;
  font-weight: 950;
  color: var(--d);
}

.cips-modal__pill{
  background: rgba(40,74,220,.10);
  border: 1px solid rgba(40,74,220,.18);
  color: var(--p);
  font-weight: 950;
  font-size: 12px;
  padding: 10px 12px;
  border-radius: 999px;
  margin-top: 6px;
  white-space: nowrap;
}

/* Accordion list */
.cips-accordion{
  height: calc(100% - 160px);
  overflow: auto;
  padding: 16px 18px 20px;
}

.cips-acc-group{
  border: 1px solid rgba(1,8,38,.10);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 40px rgba(1,8,38,.06);
  margin-bottom: 12px;
}

.cips-acc-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px;
  cursor: pointer;
  background: linear-gradient(90deg, rgba(40,74,220,.08), rgba(255,255,255,0));
}

.cips-acc-left{
  display:flex;
  align-items:flex-start;
  gap: 12px;
}

.cips-acc-code{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  font-weight: 950;
  color: #fff;
  background: var(--p);
  box-shadow: 0 14px 35px rgba(40,74,220,.20);
  flex: 0 0 auto;
}

.cips-acc-name{
  font-weight: 950;
  color: var(--d);
  font-size: 16px;
  margin: 2px 0 2px;
}
.cips-acc-sub{
  color: rgba(1,8,38,.62);
  font-size: 13px;
  margin: 0;
}

.cips-acc-toggle{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(1,8,38,.10);
  background: #fff;
  display:grid;
  place-items:center;
  color: rgba(1,8,38,.8);
  transition: transform .2s ease, border-color .2s ease;
}
.cips-acc-group.open .cips-acc-toggle{ transform: rotate(180deg); border-color: rgba(40,74,220,.22); }

.cips-acc-body{
  max-height: 0;
  overflow: hidden;
  transition: max-height .28s ease;
  border-top: 1px solid rgba(1,8,38,.08);
  background: #fff;
}
.cips-acc-inner{
  padding: 14px 16px 16px;
  color: rgba(1,8,38,.74);
  line-height: 1.9;
  font-size: 14.5px;
}
.cips-acc-inner ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
.cips-acc-inner li{ margin: 6px 0; }

.cips-acc-section-title{
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(1,8,38,.55);
  margin: 18px 0 10px;
}

/* Footer */
.cips-modal__footer{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 18px;
  border-top: 1px solid rgba(1,8,38,.08);
  background: #fff;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}

.cips-modal__mini{
  color: rgba(1,8,38,.64);
  font-size: 13px;
}

.cips-modal__wa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(40,74,220,.22);
  background: var(--d);
  color: #fff;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 18px 55px rgba(1,8,38,.22);
  transition: transform .2s ease, box-shadow .2s ease;
}
.cips-modal__wa:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 70px rgba(1,8,38,.28);
}

/* Responsive */
@media (max-width: 991px){
  .cips-title{ font-size: 36px; }
  .cips-grid{ grid-template-columns: 1fr; }
  .cips-modal__panel{ inset: 14px; height: calc(100% - 28px); }
  .cips-modal__title{ font-size: 24px; }
  .cips-accordion{ height: calc(100% - 170px); }
}

@media (max-width: 575px){
  .cips-title{ font-size: 30px; }
  .cips-card__title{ font-size: 22px; }
  .cips-modal__footer{ flex-direction: column; align-items: stretch; }
  .cips-modal__wa{ width: 100%; }
}


/* ===== Services PRO Upgrade ===== */
.services-one--pro{
  position: relative;
  padding: 40px 0;
  overflow: hidden;
}

.services-one--pro .section-title__title{
  margin-bottom: 10px;
}

.services-one__subtitle{
  max-width: 720px;
  margin: 0 auto 28px;
  color: #5b6472;
  font-size: 16px;
  line-height: 1.8;
}

/* Card base */
.services-one--pro .services-one__single{
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(1, 8, 38, 0.08);
  box-shadow: 0 18px 40px rgba(1, 8, 38, 0.08);
  transform: translateZ(0);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Image box */
.services-one--pro .services-one__img-box{
  position: relative;
  overflow: hidden;
}

.services-one--pro .services-one__img img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .5s ease;
  display: block;
}

/* Shine overlay */
.services-one--pro .services-one__img-box::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.25) 50%, transparent 65%);
  transform: translateX(-60%) rotate(8deg);
  transition: transform .7s ease;
  pointer-events:none;
}

/* Badge */
.pro-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #010826;
  background: rgba(252,245,231,.9); /* #fcf5e7 */
  border: 1px solid rgba(1,8,38,.10);
  backdrop-filter: blur(6px);
}

/* Icon */
.services-one--pro .services-one__icon{
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #284adc, #a4b3f9);
  box-shadow: 0 18px 35px rgba(40,74,220,.25);
  transition: transform .25s ease, filter .25s ease;
}

.services-one--pro .services-one__icon span{
  color: #fff;
  font-size: 28px;
}

/* Content */
.services-one--pro .services-one__content{
  padding: 22px 22px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.services-one--pro .services-one__title{
  margin: 0;
  font-weight: 900;
  color: #010826; /* #010826 */
  font-size: 22px;
  line-height: 1.25;
}

.services-one--pro .services-one__title a{
  color: inherit;
  text-decoration: none;
}

.services-one--pro .services-one__text{
  margin: 0;
  color: #5b6472;
  line-height: 1.8;
  font-size: 15px;
  max-width: 46ch;
}

/* Bottom row */
.services-one--pro .services-one__bottom{
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(1,8,38,.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pro-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 12px;
  font-weight: 900;
  text-decoration: none;
  color: #010826;
  background: #fcf5e7; /* #fcf5e7 */
  border: 1px solid rgba(1,8,38,.10);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.pro-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(1,8,38,.10);
  background: #ffffff;
}

.pro-arrow{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(1,8,38,.04);
  border: 1px solid rgba(1,8,38,.08);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  text-decoration: none;
}
.pro-arrow span{ font-size: 16px; color:#010826; }

.services-one--pro .services-one__single:hover{
  transform: translateY(-8px);
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 26px 55px rgba(1, 8, 38, 0.12);
}

.services-one--pro .services-one__single:hover .services-one__img img{
  transform: scale(1.10);
}

.services-one--pro .services-one__single:hover .services-one__img-box::after{
  transform: translateX(70%) rotate(8deg);
}

.services-one--pro .services-one__single:hover .services-one__icon{
  transform: translateY(-4px) rotate(-2deg) scale(1.03);
  filter: saturate(1.1);
}

.services-one--pro .services-one__single:hover .pro-arrow{
  transform: translateX(3px);
  background: rgba(40,74,220,.08);
  border-color: rgba(40,74,220,.20);
}

/* Make whole card clickable without breaking links */
.services-one--pro .services-one__single a{
  position: relative;
  z-index: 2;
}

/* Responsive */
@media (max-width: 991px){
  .services-one--pro{ padding: 70px 0; }
  .services-one--pro .services-one__img img{ height: 240px; }
}

@media (max-width: 575px){
  .services-one--pro .services-one__img img{ height: 220px; }
  .services-one--pro .services-one__content{ padding: 18px 16px 14px; }
  .services-one__subtitle{ font-size: 15px; }
}





/* ===========================
   Counter Pro (Premium)
   Colors:
   #010826 (navy)
   #284adc (primary)
   #a4b3f9 (soft)
   #fcf5e7 (cream)
   #60d175 (green)
=========================== */

.counter-pro{
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  background: #010826;
  isolation: isolate;
}

.counter-pro__bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(0.9) contrast(1.05);
  transform: scale(1.06);
  will-change: transform;
  z-index: 0;
}

.counter-pro__overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(40,74,220,0.45), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(96,209,117,0.20), transparent 55%),
    linear-gradient(120deg, rgba(1,8,38,0.78), rgba(1,8,38,0.92));
  z-index: 1;
}

.counter-pro__grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 28px;
  align-items: center;
}

/* Intro */
.counter-pro__tag{
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #a4b3f9;
  margin-bottom: 12px;
}

.counter-pro__title{
  margin: 0 0 12px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 900;
  color: #fff;
  max-width: 18ch;
}

.counter-pro__desc{
  margin: 0 0 18px;
  color: rgba(255,255,255,0.78);
  line-height: 1.85;
  font-size: 16px;
  max-width: 56ch;
}

.counter-pro__chips{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.counter-chip{
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  color: #fcf5e7;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(8px);
}

/* Cards */
.counter-pro__cards{
  display: grid;
  gap: 14px;
}

.counter-card{
  position: relative;
  border-radius: 18px;
  padding: 18px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 18px 55px rgba(0,0,0,0.25);
  backdrop-filter: blur(10px);
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 14px;
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
  overflow: hidden;
}

.counter-card::before{
  content:"";
  position:absolute;
  top:-80px;
  right:-80px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(40,74,220,0.22);
  filter: blur(0px);
  transition: transform .45s ease, opacity .45s ease;
  opacity: .9;
}

.counter-card::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background: linear-gradient(90deg, #284adc, #a4b3f9, #60d175);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s ease;
  opacity: .95;
}

.counter-card:hover{
  transform: translateY(-6px);
  border-color: rgba(164,179,249,0.35);
  background: rgba(255,255,255,0.08);
  box-shadow: 0 26px 70px rgba(0,0,0,0.32);
}

.counter-card:hover::before{
  transform: scale(1.12);
  opacity: 1;
}

.counter-card:hover::after{
  transform: scaleX(1);
}

.counter-card__icon{
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(40,74,220,0.95), rgba(164,179,249,0.95));
  box-shadow: 0 18px 40px rgba(40,74,220,0.22);
}

.counter-card__icon span{
  color:#fff;
  font-size: 26px;
}

.counter-num{
  margin: 0;
  font-size: 40px;
  line-height: 1;
  font-weight: 900;
  color: #fcf5e7;
  letter-spacing: -0.02em;
}

.counter-label{
  margin: 8px 0 4px;
  font-size: 15px;
  font-weight: 900;
  color: #fff;
}

.counter-hint{
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

/* Floating blobs */
.counter-pro__blob{
  position:absolute;
  border-radius: 999px;
  filter: blur(35px);
  opacity: .35;
  z-index: 1;
  pointer-events: none;
  animation: blobFloat 8s ease-in-out infinite;
}

.counter-pro__blob--1{
  width: 340px;
  height: 340px;
  left: -120px;
  top: 20%;
  background: rgba(40,74,220,0.55);
}

.counter-pro__blob--2{
  width: 280px;
  height: 280px;
  right: -120px;
  bottom: 10%;
  background: rgba(96,209,117,0.35);
  animation-delay: 1.6s;
}

@keyframes blobFloat{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(0,-18px,0) scale(1.05); }
}

/* Responsive */
@media (max-width: 991px){
  .counter-pro{ padding: 70px 0; }
  .counter-pro__grid{ grid-template-columns: 1fr; }
  .counter-pro__title{ font-size: 36px; max-width: 100%; }
  .counter-num{ font-size: 36px; }
}

@media (max-width: 575px){
  .counter-pro{ padding: 60px 0; }
  .counter-pro__title{ font-size: 30px; }
  .counter-card{
    grid-template-columns: 56px 1fr;
    padding: 16px;
  }
  .counter-card__icon{
    width:56px;
    height:56px;
    border-radius: 16px;
  }
}





/* ========= EPC Premium Approach (Light) =========
   Brand: #010826, #284adc, #a4b3f9, #fcf5e7, #60d175
=============================================== */

.epc-approach{
  position: relative;
  padding: 95px 0;
  background: #ffffff;
  overflow: hidden;
}

.epc-approach::before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 15% 15%, rgba(40,74,220,.12), transparent 55%),
    radial-gradient(circle at 85% 25%, rgba(164,179,249,.22), transparent 55%),
    radial-gradient(circle at 80% 85%, rgba(96,209,117,.10), transparent 55%);
  pointer-events:none;
}

.epc-approach__wrap{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 34px;
  align-items: center;
}

/* LEFT */
.epc-approach__tag{
  display:inline-block;
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #284adc;
  background: rgba(40,74,220,.08);
  border: 1px solid rgba(40,74,220,.18);
  margin-bottom: 12px;
}

.epc-approach__title{
  margin: 0 0 12px;
  font-size: 44px;
  line-height: 1.12;
  font-weight: 950;
  color: #010826;
  letter-spacing: -0.02em;
  max-width: 22ch;
}

.epc-approach__desc{
  margin: 0 0 18px;
  color: rgba(1,8,38,.72);
  font-size: 16px;
  line-height: 1.85;
  max-width: 62ch;
}

.epc-approach__chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.epc-chip{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 13px;
  color: #010826;
  background: #fcf5e7;
  border: 1px solid rgba(1,8,38,.10);
  box-shadow: 0 10px 22px rgba(1,8,38,.06);
}

.epc-approach__cta{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
}

.epc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 13px 18px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 950;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  user-select: none;
}

.epc-btn--primary{
  background: #284adc;
  color:#fff;
  border: 1px solid rgba(40,74,220,.35);
  box-shadow: 0 16px 34px rgba(40,74,220,.22);
}
.epc-btn--primary:hover{ transform: translateY(-2px); box-shadow: 0 22px 44px rgba(40,74,220,.28); }

.epc-btn--ghost{
  background: rgba(255,255,255,.65);
  color:#010826;
  border: 1px solid rgba(1,8,38,.12);
  box-shadow: 0 16px 34px rgba(1,8,38,.08);
}
.epc-btn--ghost:hover{ transform: translateY(-2px); border-color: rgba(40,74,220,.22); }

/* RIGHT grid */
.epc-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

/* Card */
.epc-card{
  --mx: 50%;
  --my: 40%;
  position: relative;
  border-radius: 18px;
  padding: 18px 18px 16px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(1,8,38,.10);
  box-shadow: 0 18px 55px rgba(1,8,38,.08);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  min-height: 190px;
}

/* shine layer follows mouse */
.epc-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}

/* gradient strip – animate left->right */
.epc-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: 6px;
  background: linear-gradient(90deg, #284adc 0%, #a4b3f9 35%, #60d175 70%, #010826 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
  pointer-events:none;
}

/* subtle accent orb */
.epc-card .epc-card__top::after{
  content:"";
  position:absolute;
  top:-70px;
  right:-70px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  opacity: .9;
  pointer-events:none;
}

/* Hover */
.epc-card:hover{
  transform: translateY(-7px);
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 28px 75px rgba(1,8,38,.14);
}
.epc-card:hover::before{ opacity: 1; }
.epc-card:hover::after{ transform: scaleX(1); }

/* Card top */
.epc-card__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  margin-bottom: 10px;
}

.epc-card__step{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  color:#010826;
  background: rgba(164,179,249,.55);
  border: 1px solid rgba(1,8,38,.10);
}

.epc-card__pill{
  font-size: 12px;
  font-weight: 950;
  color:#284adc;
  background: rgba(40,74,220,.08);
  border: 1px solid rgba(40,74,220,.18);
  padding: 8px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.epc-card__title{
  margin: 8px 0 8px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 950;
  color:#010826;
}

.epc-card__text{
  margin: 0;
  color: rgba(1,8,38,.74);
  line-height: 1.75;
  font-size: 14px;
}

/* Reveal animation on scroll */
.epc-reveal{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
}
.epc-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 991px){
  .epc-approach{ padding: 75px 0; }
  .epc-approach__wrap{ grid-template-columns: 1fr; }
  .epc-approach__title{ font-size: 36px; max-width: 100%; }
}

@media (max-width: 575px){
  .epc-approach__title{ font-size: 28px; }
  .epc-cards{ grid-template-columns: 1fr; }
  .epc-card{ min-height: auto; }
}


/* ========= EPC Outcomes (Premium Light) =========
   Brand: #010826, #284adc, #a4b3f9, #fcf5e7, #60d175
================================================= */

.epc-outcomes{
  position: relative;
  padding: 95px 0;
  background: #ffffff;
  overflow: hidden;
}

.epc-outcomes::before{
  content:"";
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 18% 20%, rgba(40,74,220,.10), transparent 55%),
    radial-gradient(circle at 80% 25%, rgba(164,179,249,.20), transparent 55%),
    radial-gradient(circle at 78% 85%, rgba(96,209,117,.10), transparent 55%);
  pointer-events:none;
}

.epc-outcomes__head{
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 860px;
  margin: 0 auto 34px;
}

.epc-outcomes__tag{
  display:inline-block;
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #284adc;
  background: rgba(40,74,220,.08);
  border: 1px solid rgba(40,74,220,.18);
  margin-bottom: 12px;
}

.epc-outcomes__title{
  margin: 0 0 10px;
  font-size: 44px;
  line-height: 1.12;
  font-weight: 950;
  color:#010826;
  letter-spacing: -0.02em;
}

.epc-outcomes__sub{
  margin: 0;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(1,8,38,.72);
}

.epc-outcomes__grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 18px;
  align-items: start;
}

/* Cards column */
.epc-outcomes__cards{
  display: grid;
  gap: 14px;
}

/* Outcome card */
.epc-o-card{
  position: relative;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(1,8,38,.10);
  box-shadow: 0 18px 55px rgba(1,8,38,.07);
  overflow: hidden;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.epc-o-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: 6px;
  background: linear-gradient(90deg,#284adc 0%,#a4b3f9 38%,#60d175 72%,#010826 100%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
  pointer-events:none;
}

.epc-o-card:hover{
  transform: translateY(-6px);
  border-color: rgba(40,74,220,.22);
  box-shadow: 0 28px 75px rgba(1,8,38,.12);
}

.epc-o-card:hover::after{
  transform: scaleX(1);
}

.epc-o-icon{
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: #fcf5e7;
  border: 1px solid rgba(1,8,38,.10);
  box-shadow: 0 14px 30px rgba(1,8,38,.06);
  font-size: 22px;
}

.epc-o-body h3{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 950;
  color:#010826;
  line-height: 1.25;
}

.epc-o-body p{
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(1,8,38,.74);
}

.epc-o-body ul{
  margin: 0;
  padding-left: 18px;
  color: rgba(1,8,38,.80);
  font-size: 14px;
  line-height: 1.8;
}

.epc-o-body li{ margin: 2px 0; }

/* Right panel */
.epc-outcomes__panel{
  position: sticky;
  top: 18px;
  border-radius: 18px;
  padding: 18px;
  background: #010826;
  color: #fff;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 26px 80px rgba(1,8,38,.22);
  overflow: hidden;
}

.epc-outcomes__panel::before{
  content:"";
  position:absolute;
  top:-90px;
  right:-90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(40,74,220,.30);
  filter: blur(0px);
  pointer-events:none;
}

.epc-panel__badge{
  display:inline-block;
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fcf5e7;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  margin-bottom: 10px;
}

.epc-outcomes__panel h3{
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.25;
}

.epc-outcomes__panel p{
  margin: 0 0 14px;
  color: rgba(255,255,255,.78);
  line-height: 1.85;
  font-size: 14px;
}

.epc-panel__proof{
  display:grid;
  gap: 10px;
  margin: 14px 0 18px;
}

.epc-proof{
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

.epc-proof strong{
  display:block;
  font-weight: 950;
  margin-bottom: 2px;
}

.epc-proof span{
  display:block;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.6;
}

/* CTA buttons */
.epc-panel__cta{
  display:grid;
  gap: 10px;
}

.epc-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 950;
  padding: 13px 14px;
  border-radius: 14px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.epc-cta--primary{
  background: #60d175;
  color: #010826;
  border: 1px solid rgba(96,209,117,.35);
  box-shadow: 0 18px 40px rgba(96,209,117,.18);
}
.epc-cta--primary:hover{ transform: translateY(-2px); box-shadow: 0 26px 55px rgba(96,209,117,.22); }

.epc-cta--ghost{
  background: rgba(255,255,255,.06);
  color: #fff;
  border: 1px solid rgba(255,255,255,.14);
}
.epc-cta--ghost:hover{ transform: translateY(-2px); border-color: rgba(164,179,249,.35); }

.epc-panel__note{
  margin-top: 8px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.72) !important;
}

/* Reveal */
.epc-o-reveal{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .65s ease, transform .65s ease;
}
.epc-o-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 991px){
  .epc-outcomes{ padding: 75px 0; }
  .epc-outcomes__title{ font-size: 36px; }
  .epc-outcomes__grid{ grid-template-columns: 1fr; }
  .epc-outcomes__panel{ position: relative; top: auto; }
}

@media (max-width: 575px){
  .epc-outcomes__title{ font-size: 28px; }
  .epc-o-card{
    grid-template-columns: 54px 1fr;
    padding: 16px;
  }
  .epc-o-icon{ width: 54px; height: 54px; border-radius: 16px; }
}





/* ========= EPC Premium Page Hero =========
   Brand: #010826, #284adc, #a4b3f9, #60d175, #fcf5e7
========================================== */

.epc-page-hero{
  position: relative;
  padding: 147px 0 85px;
  background: #010826;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.epc-page-hero__bg{
  position:absolute;
  inset:-60px;
  background:
    radial-gradient(circle at 20% 20%, rgba(40,74,220,.35), transparent 55%),
    radial-gradient(circle at 75% 35%, rgba(164,179,249,.22), transparent 55%),
    radial-gradient(circle at 60% 85%, rgba(96,209,117,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  filter: saturate(1.05);
  pointer-events:none;
}

/* subtle pattern */
.epc-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: .18;
  pointer-events:none;
}

/* Shiny top sweep */
.epc-page-hero::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width: 120%;
  height: 120%;
  background: linear-gradient(110deg,
    transparent 0%,
    rgba(255,255,255,.10) 45%,
    rgba(255,255,255,.18) 50%,
    rgba(255,255,255,.10) 55%,
    transparent 100%);
  transform: rotate(8deg);
  opacity: .25;
  animation: epcSweep 7.5s ease-in-out infinite;
  pointer-events:none;
}

@keyframes epcSweep{
  0%{ transform: translateX(-18%) rotate(8deg); opacity:.12; }
  45%{ opacity:.28; }
  100%{ transform: translateX(18%) rotate(8deg); opacity:.12; }
}

.epc-page-hero__wrap{
  position: relative;
  z-index: 2;
  max-width: 920px;
}

.epc-page-hero__badge{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fcf5e7;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
}

.epc-page-hero__badge .dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #60d175;
  box-shadow: 0 0 0 6px rgba(96,209,117,.18), 0 0 20px rgba(96,209,117,.45);
}

.epc-page-hero__title{
  margin: 18px 0 10px;
  font-size: 56px;
  line-height: 1.06;
  font-weight: 950;
  color: #ffffff;
  letter-spacing: -0.03em;
  text-shadow: 0 18px 55px rgba(0,0,0,.35);
}

.epc-page-hero__title .glow{
  color: #a4b3f9;
  text-shadow:
    0 0 18px rgba(164,179,249,.35),
    0 0 42px rgba(40,74,220,.35);
}

.epc-page-hero__sub{
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(255,255,255,.78);
  max-width: 760px;
}

.epc-page-hero__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.epc-page-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 13px 16px;
  border-radius: 14px;
  font-weight: 950;
  text-decoration:none;
  border: 1px solid transparent;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.epc-page-hero__btn--primary{
  background: #60d175;
  color: #010826;
  border-color: rgba(96,209,117,.45);
  box-shadow: 0 22px 55px rgba(96,209,117,.22);
}
.epc-page-hero__btn--primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 30px 75px rgba(96,209,117,.28);
}

.epc-page-hero__btn--ghost{
  background: rgba(255,255,255,.06);
  color: #ffffff;
  border-color: rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
}
.epc-page-hero__btn--ghost:hover{
  transform: translateY(-2px);
  border-color: rgba(164,179,249,.35);
  box-shadow: 0 18px 50px rgba(40,74,220,.18);
}

.epc-page-hero__crumbs{
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,.72);
}
.epc-page-hero__crumbs a{
  color: rgba(255,255,255,.82);
  text-decoration:none;
}
.epc-page-hero__crumbs a:hover{ text-decoration: underline; }
.epc-page-hero__crumbs .sep{ opacity: .6; }

/* Canvas FX */
.epc-page-hero__fx{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index: 1;
  opacity: .55;
  pointer-events:none;
}

/* Responsive */
@media (max-width: 991px){
  .epc-page-hero{ padding: 95px 0 70px; }
  .epc-page-hero__title{ font-size: 44px; }
}

@media (max-width: 575px){
  .epc-page-hero{ padding: 128px 0 60px; }
  .epc-page-hero__title{ font-size: 34px; }
  .epc-page-hero__sub{ font-size: 14px; }
}









.proof-stats {
  position: relative;
  padding: 100px 0;
  background: url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d")
    center/cover no-repeat;
  overflow: hidden;
}

.proof-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(1, 8, 38, 0.92),
    rgba(1, 8, 38, 0.75)
  );
}

.proof-stats .container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.proof-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 60px;
}

.proof-tag {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1.5px;
  color: #4d7cff;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.proof-header h2 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 10px;
}

.proof-header p {
  color: #cfd6f6;
  font-size: 16px;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.stat-card {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 40px 20px;
  text-align: center;
  backdrop-filter: blur(12px);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.stat-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #4d7cff, #7bdcff);
  transition: all 0.5s ease;
}

.stat-card:hover::after {
  left: 0;
}

.stat-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.12);
}

.stat-card h3 {
  font-size: 48px;
  color: #fff;
  margin-bottom: 10px;
}

.stat-card span {
  color: #cfd6f6;
  font-size: 15px;
}





.epc-footer {
  background: linear-gradient(180deg, #010826, #001b3d);
  color: #cfd6e4;
  padding: 80px 20px 30px;
}

.epc-footer .container {
  max-width: 1200px;
  margin: auto;
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 50px;
  margin-bottom: 50px;
}

.footer-brand img {
  max-width: 160px;
  margin-bottom: 20px;
}

.footer-brand p {
  font-size: 15px;
  line-height: 1.7;
  color: #b8c2d6;
}

.footer-links h4,
.footer-contact h4 {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 18px;
  position: relative;
}

.footer-links h4::after,
.footer-contact h4::after {
  content: "";
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, #284adc, #4a5bf9);
  display: block;
  margin-top: 8px;
}

.footer-links ul {
  list-style: none;
  padding: 0;
}

.footer-links ul li {
  margin-bottom: 10px;
}

.footer-links ul li a {
  color: #cfd6e4;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-links ul li a:hover {
  color: #4a5bf9;
}

.footer-contact p,
.footer-contact span {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}

.footer-contact a {
  color: #4a5bf9;
  text-decoration: none;
}

.footer-social {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}

.footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.3s ease;
}

.footer-social a:hover {
  background: #4a5bf9;
  transform: translateY(-4px);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 20px;
  text-align: center;
  font-size: 13px;
  color: #9fb0d0;
}

/* Responsive */
@media (max-width: 768px) {
  .epc-footer {
    text-align: center;
  }

  .footer-social {
    justify-content: center;
  }
}







/* ===== Outsourcing Hero (Premium Dark Navy) ===== */
:root{
  --epc-navy: #010826;
  --epc-blue: #284adc;
  --epc-blue-2:#a4b3f9;
  --epc-mint: #60d175;

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.12);
  --glass: rgba(255,255,255,.06);
  --shadow: 0 24px 60px rgba(0,0,0,.35);
}

.po-hero{
  position: relative;
  overflow: hidden;
  padding: clamp(130px, 6vw, 92px) 0;
  background: radial-gradient(circle at 25% 10%, rgba(40,74,220,.35), transparent 45%),
              radial-gradient(circle at 80% 65%, rgba(96,209,117,.18), transparent 40%),
              radial-gradient(circle at 40% 90%, rgba(164,179,249,.16), transparent 45%),
              var(--epc-navy);
}

.po-hero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 30%, rgba(255,255,255,.06), transparent 30%),
    radial-gradient(circle at 90% 20%, rgba(255,255,255,.05), transparent 28%),
    radial-gradient(circle at 60% 85%, rgba(255,255,255,.05), transparent 30%);
  opacity: .9;
  pointer-events:none;
  transform: translate(var(--mx, 0px), var(--my, 0px));
  transition: transform .25s ease;
}

.po-hero__container{
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.po-hero__grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(20px, 3vw, 34px);
  align-items: center;
}

.po-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color: rgba(255,255,255,.75);
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 14px;
}

.po-hero__kicker::before{
  content:"";
  width: 26px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--epc-blue), var(--epc-mint));
  box-shadow: 0 0 0 6px rgba(40,74,220,.10);
}

.po-hero__title{
  margin: 0 0 14px;
  color: var(--text);
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-size: clamp(34px, 4.1vw, 54px);
}

.po-hero__title-accent{ color: var(--epc-blue-2); }
.po-hero__title-accent2{ color: #fff; text-shadow: 0 0 18px rgba(164,179,249,.25); }
.po-hero__title-accent3{ color: var(--epc-mint); }

.po-hero__sub{
  margin: 0 0 18px;
  color: var(--muted);
  line-height: 1.9;
  font-size: 16px;
  max-width: 62ch;
}

.po-hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.po-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.80);
  font-weight: 800;
  font-size: 13px;
  backdrop-filter: blur(10px);
}

.po-badge::before{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--epc-blue);
  box-shadow: 0 0 0 4px rgba(40,74,220,.18);
}

.po-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  margin: 16px 0 18px;
}

.po-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration:none;
  border: 1px solid transparent;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  user-select:none;
}

.po-btn__arrow{ font-weight: 900; }

.po-btn--primary{
  color: #fff;
  background: linear-gradient(90deg, var(--epc-blue), #1f5bff);
  box-shadow: 0 18px 40px rgba(40,74,220,.28);
}
.po-btn--primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 54px rgba(40,74,220,.38);
}

.po-btn--ghost{
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
.po-btn--ghost:hover{
  transform: translateY(-2px);
  border-color: rgba(96,209,117,.35);
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.po-link{
  color: rgba(255,255,255,.78);
  font-weight: 900;
  text-decoration:none;
  margin-left: 6px;
}
.po-link:hover{ color:#fff; }

.po-hero__micro{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 8px;
  max-width: 560px;
}

.po-micro{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  border-radius: 16px;
  padding: 12px 14px;
  backdrop-filter: blur(10px);
}
.po-micro__label{
  display:block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.70);
  margin-bottom: 4px;
}
.po-micro__value{
  color: rgba(255,255,255,.92);
  font-weight: 950;
  font-size: 14px;
}

/* Right visual */
.po-hero__visual{
  position: relative;
  min-height: 420px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.po-card{
  width: min(420px, 100%);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  box-shadow: var(--shadow);
  overflow:hidden;
  position: relative;
  backdrop-filter: blur(12px);
}

.po-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(90deg, rgba(40,74,220,.0), rgba(40,74,220,.45), rgba(96,209,117,.35), rgba(164,179,249,.35), rgba(40,74,220,.0));
  filter: blur(18px);
  opacity: .55;
  transform: translateY(-35%);
  pointer-events:none;
}

.po-card__top{
  padding: 16px 16px 0;
  display:flex;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  z-index: 2;
}

.po-card__pill{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(40,74,220,.18);
  border: 1px solid rgba(40,74,220,.35);
  color: rgba(255,255,255,.92);
  font-weight: 950;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.po-card__hint{
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 800;
  margin-top: 8px;
}

.po-card__list{
  padding: 14px 16px 16px;
  display:grid;
  gap: 12px;
  position: relative;
  z-index: 2;
}

.po-card__item{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(1,8,38,.25);
}

.po-card__item strong{
  color: rgba(255,255,255,.94);
  font-weight: 950;
  display:block;
  margin-bottom: 4px;
}

.po-card__item p{
  margin: 0;
  color: rgba(255,255,255,.70);
  line-height: 1.6;
  font-size: 13px;
}

.po-dot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  box-shadow: 0 0 0 6px rgba(255,255,255,.06);
}
.po-dot--a{ background: var(--epc-blue-2); }
.po-dot--b{ background: var(--epc-mint); }
.po-dot--c{ background: var(--epc-blue); }

.po-card__footer{
  padding: 12px 16px 16px;
  border-top: 1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.po-safe{
  color: rgba(255,255,255,.65);
  font-weight: 900;
  font-size: 12px;
}

.po-spark{
  width: 36px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--epc-blue), var(--epc-mint));
  box-shadow: 0 0 0 6px rgba(96,209,117,.10);
}

/* Orbit glow behind card */
.po-orbit{
  position:absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(40,74,220,.12);
  opacity: .35;
  filter: blur(.2px);
  animation: poSpin 12s linear infinite;
}

.po-orbit::before{
  content:"";
  position:absolute;
  inset: 40px;
  border-radius: 50%;
  border: 1px solid rgba(96,209,117,.18);
  opacity: .85;
}

@keyframes poSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 991px){
  .po-hero__grid{ grid-template-columns: 1fr; }
  .po-hero__visual{ min-height: 360px; }
  .po-orbit{ width: 440px; height: 440px; }
}

@media (max-width: 575px){
  .po-hero__container{ width: min(1180px, calc(100% - 26px)); }
  .po-hero__micro{ grid-template-columns: 1fr; }
  .po-orbit{ width: 360px; height: 360px; }
  .po-card__hint{ display:none; }
}



/* ===== Global reveal animation for ALL sections ===== */
.reveal{
  opacity: 0;
  transform: translateY(18px) scale(.985);
  filter: blur(6px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1), filter .75s ease;
  will-change: opacity, transform, filter;
}

.reveal.is-in{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* Child stagger (اختياري جميل) */
.reveal-stagger > *{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1);
}
.reveal.is-in.reveal-stagger > *{
  opacity: 1;
  transform: translateY(0);
}
.reveal.is-in.reveal-stagger > *:nth-child(1){ transition-delay: .06s; }
.reveal.is-in.reveal-stagger > *:nth-child(2){ transition-delay: .12s; }
.reveal.is-in.reveal-stagger > *:nth-child(3){ transition-delay: .18s; }
.reveal.is-in.reveal-stagger > *:nth-child(4){ transition-delay: .24s; }
.reveal.is-in.reveal-stagger > *:nth-child(5){ transition-delay: .30s; }
.reveal.is-in.reveal-stagger > *:nth-child(6){ transition-delay: .36s; }
.reveal.is-in.reveal-stagger > *:nth-child(7){ transition-delay: .42s; }
.reveal.is-in.reveal-stagger > *:nth-child(8){ transition-delay: .48s; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .reveal, .reveal-stagger > *{
    transition: none !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}


/* BY THE END OF THIS PROGRAMME */
 :root{
  --navy:#010826;
  --blue:#284adc;
  --blue2:#a4b3f9;
  --mint:#60d175;

  --ink:#0a2540;
  --muted:#5b6b7a;
  --line: rgba(10,37,64,.10);
  --shadow: 0 18px 55px rgba(1,8,38,.12);
}

.osx-section{
  padding: clamp(56px, 6vw, 92px) 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(164,179,249,.25), transparent 40%),
    radial-gradient(circle at 90% 35%, rgba(96,209,117,.18), transparent 35%),
    #fff;
}

.osx-container{
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.osx-head{
  text-align:center;
  max-width: 920px;
  margin: 0 auto 26px;
}

.osx-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: var(--blue);
  margin-bottom:10px;
}
.osx-kicker::before{
  content:"";
  width:26px;height:10px;border-radius:999px;
  background: linear-gradient(90deg, var(--blue), var(--mint));
  box-shadow: 0 0 0 6px rgba(40,74,220,.10);
}

.osx-title{
  margin: 0 0 10px;
  font-weight: 950;
  letter-spacing:-.02em;
  color: var(--ink);
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.12;
}
.osx-sub{
  margin:0 auto;
  color: var(--muted);
  line-height:1.9;
  font-size:16px;
}

.osx-list{
  display:flex;
  flex-direction:column;
  gap: 18px;
  margin-top: 22px;
}

/* Full width card */
.osx-card{
  position: relative;
  display:grid;
  grid-template-columns: 0.95fr 1.35fr;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #fbfcff);
  box-shadow: 0 14px 44px rgba(1,8,38,.06);
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Hover strip (left -> right) */
.osx-card::after{
  content:"";
  position:absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--blue2), var(--mint));
  transform: translateX(-110%);
  opacity: 0;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s ease;
}
.osx-card:hover::after{
  transform: translateX(0);
  opacity: 1;
}

.osx-card:hover{
  transform: translateY(-6px);
  border-color: rgba(40,74,220,.22);
  box-shadow: var(--shadow);
}

.osx-card--reverse{
  grid-template-columns: 1.35fr 0.95fr;
}
.osx-card--reverse .osx-media{ order: 2; }
.osx-card--reverse .osx-body{ order: 1; }

.osx-media{
  position:relative;
  min-height: 340px;
  background: #0b1535;
}
.osx-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.osx-media::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(1,8,38,.45), rgba(40,74,220,.12));
  pointer-events:none;
}

.osx-badge{
  position:absolute;
  top: 16px;
  left: 16px;
  padding: 10px 12px;
  border-radius: 14px;
  color: #fff;
  font-weight: 950;
  letter-spacing:.08em;
  background: rgba(40,74,220,.92);
  box-shadow: 0 14px 30px rgba(40,74,220,.25);
  backdrop-filter: blur(6px);
}
.osx-badge--mint{
  background: rgba(96,209,117,.92);
  box-shadow: 0 14px 30px rgba(96,209,117,.20);
}

.osx-body{
  padding: 18px 18px 16px;
}

.osx-h3{
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 22px;
  font-weight: 950;
}
.osx-lead{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.9;
  font-size: 15px;
}

.osx-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.osx-block{
  border: 1px solid rgba(10,37,64,.08);
  background: linear-gradient(180deg, #fff, #fbfcff);
  border-radius: 16px;
  padding: 14px;
}

.osx-h4{
  margin:0 0 10px;
  color: var(--navy);
  font-weight: 950;
  font-size: 14px;
}

.osx-ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.osx-ul li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color:#2b4057;
  line-height:1.75;
  font-size: 14px;
}
.osx-ul--soft li{ color:#324a64; }

.osx-ico{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  background: rgba(40,74,220,.12);
  border: 1px solid rgba(40,74,220,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  margin-top: 1px;
}
.osx-ico svg{ width: 16px; height: 16px; fill: var(--blue); }

.osx-ico--mint{
  background: rgba(96,209,117,.12);
  border-color: rgba(96,209,117,.18);
}
.osx-ico--mint svg{ fill: var(--mint); }

.osx-chips{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.osx-chip{
  font-size: 12px;
  font-weight: 900;
  color: var(--navy);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(10,37,64,.10);
  background: linear-gradient(180deg, #fff, #f7f9ff);
}

.osx-tags{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.osx-tag{
  font-size: 12px;
  font-weight: 900;
  color:#0a2540;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(10,37,64,.10);
  background: rgba(164,179,249,.22);
}

.osx-actions{
  display:flex;
  gap: 10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top: 10px;
}
.osx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 950;
  color:#fff;
  background: linear-gradient(90deg, var(--blue), #1f5bff);
  box-shadow: 0 14px 30px rgba(40,74,220,.18);
  transition: transform .2s ease, box-shadow .2s ease;
}
.osx-btn:hover{ transform: translateY(-2px); box-shadow: 0 18px 44px rgba(40,74,220,.26); }

.osx-link{
  color: var(--blue);
  font-weight: 900;
  text-decoration:none;
}
.osx-link:hover{ text-decoration: underline; }

.osx-note{ color:#6b7c8c; line-height:1.8; font-size: 13px; margin: 0; }
.osx-mini{ color:#7b8794; font-size: 12px; font-weight: 800; }

/* Responsive */
@media (max-width: 991px){
  .osx-card, .osx-card--reverse{ grid-template-columns: 1fr; }
  .osx-card--reverse .osx-media, .osx-card--reverse .osx-body{ order: 0; }
  .osx-media{ min-height: 260px; }
  .osx-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 575px){
  .osx-container{ width: min(1180px, calc(100% - 26px)); }
  .osx-body{ padding: 16px; }
  .osx-btn{ width: 100%; }
}






 /* ===== Operating Model (Scoped) ===== */
  .osx-section--opmodel {
    background:
      radial-gradient(1200px 420px at 10% 0%, rgba(164,179,249,.22), transparent 60%),
      radial-gradient(1100px 420px at 90% 0%, rgba(96,209,117,.12), transparent 58%),
      linear-gradient(180deg, rgba(164,179,249,.10), rgba(164,179,249,0));
  }

  .osx-opTabs {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid rgba(40, 74, 220, .16);
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 12px 32px rgba(1,8,38,.06);
    overflow: hidden;
  }

  .osx-opTabs__btn {
    position: relative;
    z-index: 2;
    appearance: none;
    border: 0;
    background: transparent;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight: 700;
    color: rgba(1,8,38,.70);
    cursor: pointer;
    transition: color .22s ease, transform .22s ease;
  }

  .osx-opTabs__btn:hover { transform: translateY(-1px); color: rgba(1,8,38,.86); }
  .osx-opTabs__btn.is-active { color: #010826; }

  .osx-opTabs__glider {
    position: absolute;
    inset: 10px auto 10px 10px;
    width: calc((100% - 20px - 20px) / 3);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(164,179,249,.70), rgba(164,179,249,.18));
    border: 1px solid rgba(40, 74, 220, .18);
    box-shadow: 0 10px 26px rgba(40, 74, 220, .10);
    transition: transform .28s ease;
    z-index: 1;
  }

  .osx-opGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
  }

  .osx-opCard {
    position: relative;
    border-radius: 22px;
    padding: 18px 18px 16px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(40, 74, 220, .14);
    box-shadow: 0 12px 30px rgba(1,8,38,.06);
    overflow: hidden;
    transform: translateZ(0);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    cursor: pointer;
  }

  .osx-opCard__bg {
    position: absolute;
    inset: -2px;
    background:
      radial-gradient(900px 240px at 0% 0%, rgba(164,179,249,.40), transparent 55%),
      radial-gradient(800px 220px at 100% 0%, rgba(96,209,117,.18), transparent 58%),
      linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.70));
    opacity: .9;
    pointer-events: none;
  }

  .osx-opCard::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      repeating-linear-gradient(120deg, rgba(40,74,220,.10) 0 1px, transparent 1px 10px);
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: none;
  }

  .osx-opCard:hover {
    transform: translateY(-6px);
    border-color: rgba(40, 74, 220, .24);
    box-shadow: 0 18px 44px rgba(1,8,38,.10);
  }

  .osx-opCard:hover::after { opacity: .08; transform: translateY(0); }

  .osx-opCard.is-active {
    border-color: rgba(40, 74, 220, .34);
    box-shadow: 0 18px 54px rgba(40, 74, 220, .14);
  }

  .osx-opCard.is-active::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 24px;
    background: conic-gradient(from 180deg, rgba(40,74,220,.0), rgba(40,74,220,.40), rgba(96,209,117,.28), rgba(40,74,220,.0));
    filter: blur(10px);
    opacity: .75;
    pointer-events: none;
  }

  .osx-opCard__top {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .osx-opBadge {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, rgba(164,179,249,.62), rgba(164,179,249,.16));
    border: 1px solid rgba(40, 74, 220, .18);
    box-shadow: 0 10px 26px rgba(1,8,38,.06);
    flex: 0 0 auto;
    animation: osxFloat 5.2s ease-in-out infinite;
  }

  .osx-opBadge--mint {
    background: linear-gradient(180deg, rgba(96,209,117,.22), rgba(164,179,249,.18));
    border-color: rgba(96,209,117,.22);
  }

  .osx-opBadge--pro {
    background: linear-gradient(180deg, rgba(164,179,249,.70), rgba(40,74,220,.12));
    border-color: rgba(40, 74, 220, .26);
  }

  .osx-opBadge__txt {
    font-weight: 900;
    letter-spacing: .08em;
    font-size: 14px;
    color: #010826;
  }

  .osx-opCard__title {
    margin: 0;
    color: #010826;
    font-size: 18px;
    line-height: 1.25;
  }

  .osx-opCard__sub {
    margin: 8px 0 0;
    color: rgba(1,8,38,.68);
    line-height: 1.6;
  }

  .osx-opCard__bullets {
    position: relative;
    z-index: 1;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
  }

  .osx-opCard__bullets li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    color: rgba(1,8,38,.78);
    line-height: 1.55;
  }

  .osx-opDot {
    width: 7px;
    height: 7px;
    border-radius: 99px;
    margin-top: 9px;
    background: #284adc;
    box-shadow: 0 0 0 7px rgba(40, 74, 220, .10);
    flex: 0 0 auto;
  }

  .osx-opDot--mint {
    background: #60d175;
    box-shadow: 0 0 0 7px rgba(96, 209, 117, .14);
  }

  .osx-opKpi {
    position: relative;
    z-index: 1;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(40, 74, 220, .12);
  }

  .osx-opKpi__row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: baseline;
  }

  .osx-opKpi__label {
    font-weight: 800;
    color: rgba(1,8,38,.80);
  }

  .osx-opKpi__value {
    color: rgba(1,8,38,.62);
    font-weight: 700;
    font-size: 13px;
    text-align: right;
  }

  .osx-opKpi__bar {
    height: 10px;
    border-radius: 999px;
    background: rgba(40, 74, 220, .10);
    overflow: hidden;
    margin-top: 10px;
    border: 1px solid rgba(40, 74, 220, .10);
  }

  .osx-opKpi__fill {
    display: block;
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(40,74,220,.85), rgba(164,179,249,.95));
    transition: width .7s cubic-bezier(.2,.8,.2,1);
  }

  .osx-opKpi__fill--mint {
    background: linear-gradient(90deg, rgba(96,209,117,.85), rgba(164,179,249,.92));
  }

  .osx-opKpi__note {
    margin: 10px 0 0;
    color: rgba(1,8,38,.58);
    line-height: 1.6;
  }

  .osx-opActions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
  }

  /* Motion */
  @keyframes osxFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
  }

  /* Responsive */
  @media (max-width: 980px) {
    .osx-opGrid { grid-template-columns: 1fr; }
    .osx-opKpi__row { flex-direction: column; align-items: flex-start; }
    .osx-opKpi__value { text-align: left; }
  }

  @media (prefers-reduced-motion: reduce) {
    .osx-opCard, .osx-opTabs__glider, .osx-opKpi__fill { transition: none !important; }
    .osx-opBadge { animation: none !important; }
  }






    /* ===== Outcomes Premium (Scoped) ===== */
  .osx-section--outPro{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(1200px 500px at 10% -10%, rgba(164,179,249,.28), transparent 60%),
      radial-gradient(900px 420px at 90% 0%, rgba(96,209,117,.14), transparent 62%),
      linear-gradient(180deg, rgba(255,255,255,1), rgba(164,179,249,.06));
  }

  .osx-head--tight{ max-width: 920px; }

  .osx-outBeam{
    position:absolute;
    inset:-20% -20% auto -20%;
    height: 340px;
    background:
      radial-gradient(closest-side, rgba(40,74,220,.22), transparent 70%),
      radial-gradient(closest-side, rgba(96,209,117,.10), transparent 70%);
    filter: blur(30px);
    opacity:.55;
    transform: translate3d(0,0,0);
    animation: osxBeam 10s ease-in-out infinite;
    pointer-events:none;
  }

  @keyframes osxBeam{
    0%,100%{ transform: translate3d(-2%, -4%, 0) rotate(-2deg); }
    50%{ transform: translate3d(3%, 2%, 0) rotate(2deg); }
  }

  /* System ribbon */
  .osx-outSys{
    position:relative;
    margin-top:18px;
    border-radius: 18px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 12px 30px rgba(1,8,38,.06);
    padding: 14px 16px;
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow:hidden;
  }
  .osx-outSys__rail{
    position:absolute;
    left: 22px;
    right: 22px;
    top: 50%;
    height: 2px;
    background: linear-gradient(90deg, rgba(40,74,220,.10), rgba(40,74,220,.22), rgba(96,209,117,.16));
    transform: translateY(-50%);
    pointer-events:none;
  }
  .osx-outSys__step{
    position:relative;
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 14px;
  }
  .osx-outSys__dot{
    width: 10px; height: 10px;
    border-radius: 999px;
    background: #284adc;
    box-shadow: 0 0 0 8px rgba(40,74,220,.10);
    flex: 0 0 auto;
  }
  .osx-outSys__txt strong{
    display:block;
    color:#010826;
    font-weight: 900;
    letter-spacing: .02em;
  }
  .osx-outSys__txt span{
    display:block;
    margin-top: 2px;
    color: rgba(1,8,38,.62);
    line-height: 1.4;
    font-weight: 600;
    font-size: 13px;
  }

  /* Grid */
  .osx-outProGrid{
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
    margin-top: 18px;
    position:relative;
    z-index:1;
  }

  .osx-outProCard{
    position:relative;
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 12px 30px rgba(1,8,38,.06);
    padding: 18px;
    overflow:hidden;
    transform: translateZ(0);
    transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
    cursor:pointer;
  }

  .osx-outProCard::before{
    content:"";
    position:absolute;
    inset:-2px;
    border-radius: 26px;
    background: conic-gradient(from 180deg,
      rgba(40,74,220,.0),
      rgba(40,74,220,.28),
      rgba(96,209,117,.20),
      rgba(40,74,220,.0)
    );
    filter: blur(12px);
    opacity: 0;
    transition: opacity .26s ease;
    pointer-events:none;
  }

  .osx-outProCard__bg{
    position:absolute;
    inset:0;
    background:
      radial-gradient(900px 240px at 0% 0%, rgba(164,179,249,.32), transparent 55%),
      radial-gradient(800px 240px at 100% 0%, rgba(96,209,117,.12), transparent 58%),
      repeating-linear-gradient(120deg, rgba(40,74,220,.08) 0 1px, transparent 1px 14px);
    opacity:.22;
    pointer-events:none;
  }

  .osx-outProCard:hover{
    transform: translateY(-6px);
    border-color: rgba(40,74,220,.26);
    box-shadow: 0 18px 44px rgba(1,8,38,.10);
  }
  .osx-outProCard:hover::before{ opacity:.75; }

  .osx-outProCard.is-active{
    border-color: rgba(40,74,220,.34);
    box-shadow: 0 20px 56px rgba(40,74,220,.14);
    transform: translateY(-4px);
  }
  .osx-outProCard.is-active::before{ opacity:.85; }

  .osx-outProTop{
    position:relative;
    z-index:1;
    display:flex;
    gap: 12px;
    align-items:flex-start;
  }

  .osx-outProIcon{
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display:grid;
    place-items:center;
    color:#010826;
    background: linear-gradient(180deg, rgba(164,179,249,.62), rgba(164,179,249,.14));
    border: 1px solid rgba(40,74,220,.18);
    box-shadow: 0 12px 30px rgba(1,8,38,.06);
    flex: 0 0 auto;
    animation: osxIconFloat 5.8s ease-in-out infinite;
  }

  .osx-outProIcon svg{ width: 26px; height: 26px; }
  .osx-outProIcon--mint{
    background: linear-gradient(180deg, rgba(96,209,117,.18), rgba(164,179,249,.14));
    border-color: rgba(96,209,117,.20);
  }
  .osx-outProIcon--pro{
    background: linear-gradient(180deg, rgba(164,179,249,.72), rgba(40,74,220,.10));
    border-color: rgba(40,74,220,.26);
  }

  @keyframes osxIconFloat{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-4px); }
  }

  .osx-outProTitle{
    margin:0;
    color:#010826;
    font-size: 18px;
    line-height:1.25;
  }
  .osx-outProDesc{
    margin: 8px 0 0;
    color: rgba(1,8,38,.72);
    line-height: 1.65;
  }

  /* Flip Before/After */
  .osx-outFlip{
    position:relative;
    z-index:1;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(40,74,220,.12);
  }

  .osx-outFlip__card{
    position:relative;
    height: 118px;
    border-radius: 18px;
    perspective: 900px;
  }

  .osx-outFlip__face{
    position:absolute;
    inset:0;
    border-radius: 18px;
    padding: 14px 14px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(40,74,220,.12);
    box-shadow: 0 10px 26px rgba(1,8,38,.05);
    backface-visibility:hidden;
    transform-style: preserve-3d;
    transition: transform .55s cubic-bezier(.2,.8,.2,1);
    display:flex;
    flex-direction:column;
    gap: 8px;
    justify-content:center;
  }

  .osx-outFlip__face p{
    margin:0;
    color: rgba(1,8,38,.74);
    line-height:1.55;
    font-weight: 650;
  }

  .osx-outFlip__face--before{ transform: rotateY(0deg); }
  .osx-outFlip__face--after{ transform: rotateY(180deg); }

  .osx-outProCard.is-flipped .osx-outFlip__face--before{ transform: rotateY(-180deg); }
  .osx-outProCard.is-flipped .osx-outFlip__face--after{ transform: rotateY(0deg); }

  .osx-outTag{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    font-weight: 900;
    letter-spacing:.03em;
    font-size: 12px;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.7);
  }
  .osx-outTag--before{ color: rgba(1,8,38,.62); }
  .osx-outTag--after{
    color: #284adc;
    border-color: rgba(40,74,220,.22);
    box-shadow: 0 10px 26px rgba(40,74,220,.10);
  }

  .osx-outFlip__toggle{
    margin-top: 10px;
    width: 100%;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.75);
    border-radius: 999px;
    padding: 10px 12px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 10px;
    cursor:pointer;
    box-shadow: 0 10px 26px rgba(1,8,38,.05);
  }
  .osx-outFlip__toggleTxt{
    font-weight: 900;
    color: rgba(1,8,38,.66);
    font-size: 13px;
    letter-spacing:.02em;
  }
  .osx-outFlip__toggleKnob{
    width: 42px;
    height: 22px;
    border-radius: 999px;
    background: rgba(40,74,220,.12);
    position: relative;
    flex: 0 0 auto;
    border: 1px solid rgba(40,74,220,.14);
  }
  .osx-outFlip__toggleKnob::after{
    content:"";
    position:absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(40,74,220,.95), rgba(164,179,249,.85));
    box-shadow: 0 10px 20px rgba(40,74,220,.16);
    transition: transform .35s cubic-bezier(.2,.8,.2,1);
  }
  .osx-outProCard.is-flipped .osx-outFlip__toggleKnob::after{
    transform: translateX(20px);
  }

  /* Meta row */
  .osx-outMeta{
    position:relative;
    z-index:1;
    margin-top: 14px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }

  .osx-outMeta--wide{
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(40,74,220,.12);
  }

  .osx-outMeter{
    display:grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-items:center;
    gap: 6px 10px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(40,74,220,.12);
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 26px rgba(1,8,38,.05);
  }
  .osx-outMeter__label{
    grid-column: 1 / 3;
    font-weight: 900;
    color: rgba(1,8,38,.76);
    letter-spacing:.02em;
    font-size: 12px;
  }
  .osx-outMeter__ring{
    width: 34px; height: 34px;
    border-radius: 999px;
    background: conic-gradient(#284adc 0deg, rgba(40,74,220,.12) 0deg);
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 10px 20px rgba(40,74,220,.10);
  }
  .osx-outMeter__val{
    font-weight: 950;
    color:#010826;
  }

  .osx-outChips{
    display:flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items:center;
    justify-content:flex-end;
  }

  /* Wide split */
  .osx-outProCard--wide{
    grid-column: 1 / -1;
  }
  .osx-outSplit{
    position:relative;
    z-index:1;
    margin-top: 14px;
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.70);
    border: 1px solid rgba(40,74,220,.12);
    box-shadow: 0 10px 26px rgba(1,8,38,.05);
  }
  .osx-outSplit__pane{
    padding: 8px;
    border-radius: 14px;
  }
  .osx-outSplit__pane p{
    margin: 10px 0 0;
    color: rgba(1,8,38,.72);
    line-height:1.6;
    font-weight: 650;
  }
  .osx-outSplit__divider{
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(40,74,220,.22), transparent);
  }

  .osx-outCTA{
    display:flex;
    align-items:center;
    gap: 12px;
    margin-left: auto;
  }

  .osx-outActions{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap: 12px;
    margin-top: 14px;
  }

  /* Responsive */
  @media (max-width: 980px){
    .osx-outProGrid{ grid-template-columns: 1fr; }
    .osx-outSys{ grid-template-columns: 1fr; }
    .osx-outSys__rail{ display:none; }
    .osx-outSplit{ grid-template-columns: 1fr; }
    .osx-outSplit__divider{ display:none; }
    .osx-outCTA{ margin-left: 0; flex-wrap: wrap; }
  }

  @media (prefers-reduced-motion: reduce){
    .osx-outBeam{ animation:none !important; }
    .osx-outProCard, .osx-outFlip__face, .osx-outFlip__toggleKnob::after{ transition:none !important; }
    .osx-outProIcon{ animation:none !important; }
  }





  
/* =========================
  ABOUT HERO (Dark / Premium)
========================= */
.epc-hero-min--dark{
  padding: 120px 0 46px;
  background:
    radial-gradient(900px 320px at 85% 5%, rgba(40,74,220,.35), transparent 60%),
    radial-gradient(700px 280px at 15% 15%, rgba(96,209,117,.22), transparent 55%),
    linear-gradient(180deg, #010826, #050b2a);
  border-bottom: 1px solid rgba(164,179,249,.14);
}

.epc-hero-min--dark .epc-hero-min__wrap{
  position: relative;
  padding: 28px 22px;
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(164,179,249,.18);
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

/* glowing corner */
.epc-hero-min--dark .epc-hero-min__wrap::after{
  content:"";
  position:absolute;
  right:-130px;
  top:-130px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(164,179,249,.55), rgba(40,74,220,.25) 55%, transparent 70%);
  filter: blur(2px);
  pointer-events:none;
}

.epc-hero-min--dark .epc-hero-min__crumb{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(252,245,231,.70);
  margin-bottom: 10px;
}

.epc-hero-min--dark .epc-hero-min__crumb a{
  color: rgba(164,179,249,.95);
  text-decoration:none;
}
.epc-hero-min--dark .epc-hero-min__crumb a:hover{
  text-decoration: underline;
  color: #fff;
}

.epc-hero-min--dark .epc-hero-min__title{
  margin: 0;
  font-size: 46px;
  line-height: 1.08;
  font-weight: 950;
  color: #fff;
  letter-spacing: -0.02em;
  text-shadow: 0 12px 40px rgba(0,0,0,.35);
}

.epc-hero-min--dark .epc-hero-min__line{
  margin-top: 14px;
  height: 6px;
  width: 150px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--green));
  box-shadow: 0 10px 28px rgba(40,74,220,.30);
}

/* Responsive */
@media (max-width: 991px){
  .epc-hero-min--dark{ padding: 134px 0 38px; }
  .epc-hero-min--dark .epc-hero-min__title{ font-size: 38px; }
}
@media (max-width: 575px){
  .epc-hero-min--dark .epc-hero-min__wrap{ padding: 22px 16px; border-radius: 18px; }
  .epc-hero-min--dark .epc-hero-min__title{ font-size: 32px; }
  .epc-hero-min--dark .epc-hero-min__line{ width: 130px; }
}







  /* ===== Section ===== */
  .journey{
    position:relative;
    padding: 90px 0 80px;
    background: #fff;
    overflow:hidden;
  }

  .journey__bg{
    position:absolute; inset:-40px;
    background:
      radial-gradient(900px 420px at 15% 0%, rgba(164,179,249,.28), transparent 60%),
      radial-gradient(820px 420px at 85% 5%, rgba(96,209,117,.18), transparent 62%),
      radial-gradient(900px 520px at 50% 100%, rgba(40,74,220,.10), transparent 58%),
      linear-gradient(180deg, #ffffff 0%, rgba(252,245,231,.55) 100%);
    filter: saturate(110%);
    pointer-events:none;
  }

  .journey__head{
    position:relative;
    width: min(1100px, 100%);
    margin: 0 auto 24px;
    padding: 0 20px;
    text-align:center;
  }
  .journey__kicker{
    display:inline-block;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: 10px;
  }
  .journey__title{
    margin: 0 0 10px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.06;
    color: var(--text);
    font-weight: 1000;
    letter-spacing: -0.02em;
  }
  .journey__title::after{
    content:"";
    display:block;
    width: 110px;
    height: 5px;
    border-radius: 99px;
    margin: 12px auto 0;
    background: linear-gradient(90deg, var(--blue), var(--green));
  }
  .journey__sub{
    margin: 12px auto 0;
    max-width: 780px;
    color: var(--muted);
    line-height: 1.9;
    font-size: 15.5px;
  }

  /* ===== Shell (full width) ===== */
  .journey__shell{
    position:relative;
    width: 100%;
    padding: 0 clamp(14px, 3.4vw, 60px);
    margin: 28px auto 0;
  }

  /* ===== Rail ===== */
  .journey__rail{
    position:relative;
    height: 56px;
    margin: 0 auto 14px;
    max-width: 1600px;
  }
  .journey__railLine{
    position:absolute;
    left: 0; right: 0;
    top: 50%;
    height: 10px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: rgba(1,8,38,.06);
    overflow:hidden;
  }
  .journey__railFill{
    position:absolute; inset:0;
    width: 0%;
    background: var(--journey-strip, linear-gradient(90deg,var(--blue),var(--green)));
    border-radius: 999px;
    box-shadow: 0 10px 30px rgba(40,74,220,.18);
    transition: width .45s ease, background .45s ease;
  }
  .journey__dots{
    position:absolute;
    left: 0; right:0;
    top: 50%;
    transform: translateY(-50%);
    display:flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 10px;
    pointer-events:none;
  }
  .journey__dot{
    width: 14px; height: 14px;
    border-radius: 50%;
    background: rgba(1,8,38,.18);
    box-shadow: 0 0 0 6px rgba(40,74,220,.05);
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
  }
  .journey__dot.is-active{
    background: var(--accent, var(--blue));
    box-shadow: 0 0 0 8px rgba(40,74,220,.16);
    transform: translateY(-1px) scale(1.08);
  }

  /* ===== Scroller ===== */
  .journey__scroller{
    position:relative;
    display:flex;
    gap: 22px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type: x mandatory;
    scroll-padding: 30px;
    padding: 18px 10px 18px;
    border-radius: 26px;

    /* nice */
    background: rgba(255,255,255,.6);
    border: 1px solid rgba(1,8,38,.08);
    box-shadow: 0 22px 70px rgba(1,8,38,.08);
    backdrop-filter: blur(10px);
  }
  .journey__scroller::-webkit-scrollbar{ height: 10px; }
  .journey__scroller::-webkit-scrollbar-track{ background: rgba(1,8,38,.06); border-radius: 99px; }
  .journey__scroller::-webkit-scrollbar-thumb{
    background: linear-gradient(90deg, var(--blue), var(--green));
    border-radius: 99px;
  }

  /* Cards (one-by-one) */
  .journey__card{
    scroll-snap-align: center;
    flex: 0 0 min(860px, 78vw);
    background: #fff;
    border-radius: 22px;
    border: 1px solid rgba(1,8,38,.10);
    box-shadow: var(--shadow);
    padding: 18px 18px 16px;
    position: relative;
    overflow:hidden;

    transform: translateY(10px);
    opacity: .75;
    transition: transform .35s ease, opacity .35s ease, box-shadow .35s ease, border-color .35s ease;
  }

  .journey__card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height: 8px;
    background: var(--strip, linear-gradient(90deg,var(--blue),var(--green)));
  }

  .journey__card::after{
    content:"";
    position:absolute;
    top: -120px;
    right: -120px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(164,179,249,.36), transparent 60%);
    pointer-events:none;
  }

  .journey__card.is-active{
    opacity: 1;
    transform: translateY(0);
    border-color: rgba(40,74,220,.18);
    box-shadow: 0 28px 90px rgba(1,8,38,.12);
  }

  .journey__cardHead{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
  }

  .journey__year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 64px;
    height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    font-weight: 950;
    color: #fff;
    background: linear-gradient(90deg, var(--accent, var(--blue)), rgba(1,8,38,.92));
    letter-spacing: .02em;
    box-shadow: 0 14px 30px rgba(1,8,38,.12);
  }

  .journey__pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(1,8,38,.10);
    background: rgba(252,245,231,.65);
    color: var(--navy);
    font-weight: 950;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
  }

  .journey__cardTitle{
    margin: 6px 0 8px;
    font-weight: 1000;
    color: var(--text);
    letter-spacing: -0.01em;
    font-size: clamp(18px, 2.1vw, 24px);
    line-height: 1.25;
    max-width: 92%;
  }

  .journey__cardText{
    margin: 0 0 12px;
    color: var(--muted);
    line-height: 1.9;
    font-size: 15px;
    max-width: 92%;
  }

  .journey__bullets{
    margin: 0;
    padding: 0;
    list-style: none;
    display:grid;
    gap: 9px;
  }
  .journey__bullets li{
    display:flex;
    gap: 10px;
    align-items:flex-start;
    color: #1c2a3d;
    line-height: 1.7;
    padding: 10px 10px;
    border-radius: 14px;
    border: 1px solid rgba(1,8,38,.07);
    background: linear-gradient(180deg, #fff, rgba(252,245,231,.35));
  }
  .bDot{
    width: 10px; height: 10px;
    border-radius: 50%;
    margin-top: 6px;
    background: var(--accent, var(--blue));
    box-shadow: 0 0 0 6px rgba(40,74,220,.10);
    flex: 0 0 auto;
  }

  /* Icon chip */
  .journey__icon{
    position:absolute;
    left: 16px;
    bottom: 16px;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--navy);
    background: rgba(164,179,249,.30);
    border: 1px solid rgba(40,74,220,.16);
    box-shadow: 0 18px 40px rgba(1,8,38,.08);
  }
  .journey__icon svg{
    width: 30px;
    height: 30px;
  }

  .journey__footer{
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed rgba(1,8,38,.12);
    display:flex;
    justify-content:flex-end;
  }
  .journey__impact{
    text-align:right;
    display:grid;
    gap: 2px;
  }
  .journey__impact strong{
    color: var(--text);
    font-weight: 950;
  }
  .journey__impact span{
    color: var(--muted);
    font-weight: 800;
    font-size: 13px;
  }

  /* ===== Nav Buttons ===== */
  .journey__nav{
    position:absolute;
    top: 50%;
    transform: translateY(18px);
    width: 44px;
    height: 44px;
    border-radius: 16px;
    border: 1px solid rgba(1,8,38,.10);
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px rgba(1,8,38,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, opacity .2s ease;
    z-index: 5;
  }
  .journey__nav span{
    font-size: 28px;
    line-height: 1;
    color: var(--navy);
    font-weight: 900;
    transform: translateY(-1px);
  }
  .journey__nav:hover{
    transform: translateY(18px) scale(1.03);
    border-color: rgba(40,74,220,.25);
    box-shadow: 0 22px 60px rgba(40,74,220,.12);
  }
  .journey__nav--prev{ left: clamp(12px, 1.6vw, 24px); }
  .journey__nav--next{ right: clamp(12px, 1.6vw, 24px); }

  /* ===== Hint (animated arrow) ===== */
  .journey__hint{
    position:absolute;
    right: clamp(14px, 2vw, 30px);
    top: 8px;
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(1,8,38,.10);
    background: rgba(255,255,255,.86);
    box-shadow: 0 14px 40px rgba(1,8,38,.08);
    color: var(--muted);
    font-weight: 900;
    font-size: 13px;
    user-select:none;
  }
  .journey__hintIcon{
    display:inline-flex;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    align-items:center;
    justify-content:center;
    background: linear-gradient(90deg, var(--blue), var(--green));
    color: #fff;
    animation: nudge 1.6s ease-in-out infinite;
  }
  @keyframes nudge{
    0%,100%{ transform: translateX(0); }
    50%{ transform: translateX(6px); }
  }

  /* ===== Entrance animation ===== */
  .journey .journey__head,
  .journey .journey__shell{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .journey.is-in .journey__head,
  .journey.is-in .journey__shell{
    opacity: 1;
    transform: translateY(0);
  }

  /* Responsive */
  @media (max-width: 820px){
    .journey__rail{ display:none; }
    .journey__nav{ display:none; } /* rely on swipe */
    .journey__hint{
      right: 12px;
      left: 12px;
      justify-content:center;
      margin: 0 auto;
      width: fit-content;
      max-width: calc(100% - 24px);
    }
    .journey__scroller{ padding-top: 52px; }
    .journey__card{ flex-basis: 88vw; }
  }

  @media (prefers-reduced-motion: reduce){
    .journey__hintIcon{ animation: none; }
    .journey__card, .journey__railFill, .journey__dot{ transition: none; }
    .journey .journey__head, .journey .journey__shell{ transition: none; }
  }


  /* ===== ASCP HERO (scoped, premium dark) ===== */
  :root{
    --epc-n:#010826;
    --epc-b:#284adc;
    --epc-l:#a4b3f9;
    --epc-g:#60d175;
  }

  .ascp-hero{
    position:relative;
    overflow:hidden;
    padding: 118px 0 58px; /* safe default; adjust if your navbar is taller */
    background:
      radial-gradient(1100px 520px at 12% -10%, rgba(164,179,249,.16), transparent 60%),
      radial-gradient(900px 520px at 90% 0%, rgba(96,209,117,.10), transparent 62%),
      linear-gradient(180deg, var(--epc-n), #07123b);
    border-bottom: 1px solid rgba(164,179,249,.10);
  }
  .ascp-hero::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      repeating-linear-gradient(120deg, rgba(164,179,249,.14) 0 1px, transparent 1px 14px),
      radial-gradient(700px 280px at 22% 26%, rgba(40,74,220,.30), transparent 60%),
      radial-gradient(620px 260px at 84% 18%, rgba(96,209,117,.18), transparent 65%);
    opacity:.20;
    pointer-events:none;
  }
  .ascp-hero__container{ position:relative; z-index:1; }
  .ascp-hero__grid{
    display:grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 18px;
    align-items:center;
  }

  .ascp-hero__kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color: rgba(164,179,249,.95);
    letter-spacing:.14em;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
  }
  .ascp-hero__dot{
    width:8px;height:8px;border-radius:999px;
    background: var(--epc-g);
    box-shadow: 0 0 0 8px rgba(96,209,117,.12);
  }

  .ascp-hero__title{
    margin: 14px 0 0;
    color:#fff;
    font-weight: 950;
    letter-spacing:-.02em;
    line-height: 1.06;
    font-size: clamp(34px, 4.2vw, 56px);
    max-width: 20ch;
  }
  .ascp-hero__sub{
    margin: 14px 0 0;
    color: rgba(255,255,255,.76);
    line-height: 1.75;
    max-width: 70ch;
    font-weight: 650;
  }

  .ascp-hero__actions{
    margin-top: 18px;
    display:flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items:center;
  }

  .ascp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:.01em;
    cursor:pointer;
    user-select:none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    white-space: nowrap;
  }
  .ascp-btn:hover{
    transform: translateY(-2px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }
  .ascp-btn--solid{
    background: linear-gradient(180deg, rgba(40,74,220,.98), rgba(40,74,220,.86));
    border-color: rgba(40,74,220,.30);
    color:#fff;
    box-shadow: 0 14px 34px rgba(40,74,220,.18);
  }
  .ascp-btn--solid:hover{ box-shadow: 0 18px 44px rgba(40,74,220,.22); }
  .ascp-btn--glass{
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .ascp-btn__ico{
    width: 28px;height:28px;
    border-radius: 12px;
    display:grid;
    place-items:center;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(164,179,249,.16);
    font-weight: 950;
  }
  .ascp-btn__arrow{ opacity:.9; }

  .ascp-hero__chips{
    margin-top: 14px;
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .ascp-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.86);
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(0,0,0,.16);
    white-space: nowrap;
  }
  .ascp-chip--mint{
    border-color: rgba(96,209,117,.22);
    box-shadow: 0 12px 28px rgba(0,0,0,.16);
  }

  .ascp-hero__trust{
    margin-top: 16px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .ascp-trustItem{
    display:flex;
    gap: 12px;
    align-items:flex-start;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
  }
  .ascp-trustItem strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .ascp-trustItem span{
    display:block;
    margin-top: 3px;
    color: rgba(255,255,255,.70);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.45;
  }
  .ascp-trustIco{
    width: 40px;height:40px;
    border-radius: 16px;
    display:grid;
    place-items:center;
    background: linear-gradient(180deg, rgba(164,179,249,.22), rgba(40,74,220,.10));
    border: 1px solid rgba(164,179,249,.16);
    color: rgba(255,255,255,.92);
    flex: 0 0 auto;
    font-weight: 950;
  }
  .ascp-trustIco--mint{
    border-color: rgba(96,209,117,.18);
    background: linear-gradient(180deg, rgba(96,209,117,.14), rgba(164,179,249,.10));
  }

  /* ===== Visual / glass frame ===== */
  .ascp-glassFrame{
    border-radius: 28px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    box-shadow: 0 20px 60px rgba(0,0,0,.42);
    overflow:hidden;
    position:relative;
  }
  .ascp-glassFrame::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: conic-gradient(from 180deg, rgba(40,74,220,.0), rgba(40,74,220,.28), rgba(96,209,117,.18), rgba(40,74,220,.0));
    filter: blur(14px);
    opacity:.55;
    pointer-events:none;
  }
  .ascp-glassFrame__inner{
    position:relative;
    z-index:1;
    padding: 14px;
  }

  .ascp-visualCard{
    margin:0;
    border-radius: 22px;
    overflow:hidden;
    border: 1px solid rgba(164,179,249,.16);
    background: rgba(255,255,255,.05);
    box-shadow: 0 18px 54px rgba(0,0,0,.28);
    position:relative;
  }
  .ascp-visualCard img{
    width:100%;
    height: 360px;
    object-fit: cover;
    display:block;
    filter: saturate(1.06) contrast(1.06);
  }
  .ascp-visualCap{
    position:absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(1,8,38,.48);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 12px 12px;
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .ascp-visualCap strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .ascp-visualCap span{
    display:block;
    margin-top: 2px;
    color: rgba(255,255,255,.70);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.4;
  }
  .ascp-pillBtn{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    cursor:pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    white-space: nowrap;
  }
  .ascp-pillBtn:hover{
    transform: translateY(-1px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }

  .ascp-miniGrid{
    margin-top: 12px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .ascp-miniCard{
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    padding: 12px;
  }
  .ascp-miniTop{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
  }
  .ascp-miniBadge{
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.16);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.82);
    font-weight: 950;
    font-size: 12px;
  }
  .ascp-miniBadge--mint{ border-color: rgba(96,209,117,.18); }
  .ascp-miniKpi{
    color: rgba(255,255,255,.84);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .ascp-miniCard strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .ascp-miniCard p{
    margin: 6px 0 0;
    color: rgba(255,255,255,.68);
    font-weight: 650;
    line-height: 1.5;
    font-size: 13px;
  }

  /* ===== Modal ===== */
  .ascp-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding: 20px;
    z-index: 9999;
  }
  .ascp-modal.is-open{ display:flex; }
  .ascp-modal__overlay{
    position:absolute;
    inset:0;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .ascp-modal__panel{
    position:relative;
    width: min(640px, 100%);
    border-radius: 24px;
    border: 1px solid rgba(164,179,249,.18);
    background:
      radial-gradient(900px 260px at 0% 0%, rgba(164,179,249,.14), transparent 60%),
      linear-gradient(180deg, rgba(1,8,38,.94), rgba(7,18,59,.94));
    box-shadow: 0 26px 84px rgba(0,0,0,.56);
    overflow:hidden;
  }
  .ascp-modal__head{
    padding: 14px 14px 12px;
    border-bottom: 1px solid rgba(164,179,249,.14);
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .ascp-modal__head strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 16px;
  }
  .ascp-modal__head span{
    display:block;
    margin-top: 3px;
    color: rgba(255,255,255,.68);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.4;
  }
  .ascp-x{
    width: 40px;height:40px;
    border-radius: 14px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
    cursor:pointer;
    font-size: 22px;
    line-height: 1;
    display:grid;
    place-items:center;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
  }
  .ascp-x:hover{
    transform: translateY(-1px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }
  .ascp-modal__body{ padding: 14px; }
  .ascp-modal__cols{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .ascp-modal__block{ display:grid; gap: 6px; margin-top: 10px; }
  .ascp-label{
    font-weight: 950;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    letter-spacing:.02em;
    text-transform: uppercase;
  }
  .ascp-input{
    width:100%;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(1,8,38,.55);
    color: rgba(255,255,255,.92);
    outline: none;
    font-weight: 650;
  }
  .ascp-input::placeholder{ color: rgba(255,255,255,.46); }
  .ascp-textarea{ min-height: 110px; resize: vertical; }

  .ascp-modal__actions{
    margin-top: 12px;
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items:center;
  }
  .ascp-modal__note{
    margin: 12px 0 0;
    color: rgba(255,255,255,.62);
    font-weight: 650;
    line-height: 1.5;
    font-size: 13px;
  }

  @media (max-width: 980px){
    .ascp-hero__grid{ grid-template-columns: 1fr; }
    .ascp-visualCard img{ height: 320px; }
    .ascp-hero__trust{ grid-template-columns: 1fr; }
    .ascp-miniGrid{ grid-template-columns: 1fr; }
    .ascp-modal__cols{ grid-template-columns: 1fr; }
  }

  @media (prefers-reduced-motion: reduce){
    .ascp-btn, .ascp-pillBtn, .ascp-x{ transition:none !important; }
  }



   /* ===== ASCP MODX (Outsourcing-like light premium cards) ===== */
  .ascp-modx{
    position: relative;
    padding: 56px 0;
    background:
      radial-gradient(980px 420px at 0% 0%, rgba(164,179,249,.22), transparent 60%),
      radial-gradient(900px 420px at 100% 0%, rgba(96,209,117,.10), transparent 62%),
      linear-gradient(180deg, #ffffff, #f7f9ff);
    border-top: 1px solid rgba(40,74,220,.10);
    color: rgba(1,8,38,.86);
  }

  .ascp-modx__head{
    max-width: 920px;
    margin: 0 auto 18px;
    text-align: center;
  }

  .ascp-modx__kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight: 950;
    letter-spacing: .14em;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(40,74,220,.92);
  }
  .ascp-modx__kicker::before{
    content:"";
    width: 9px; height: 9px;
    border-radius: 999px;
    background: #60d175;
    box-shadow: 0 0 0 8px rgba(96,209,117,.14);
  }

  .ascp-modx__title{
    margin: 12px 0 0;
    font-weight: 950;
    letter-spacing: -0.02em;
    color: #010826;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
  }

  .ascp-modx__sub{
    margin: 10px auto 0;
    color: rgba(1,8,38,.66);
    line-height: 1.7;
    font-weight: 650;
    max-width: 82ch;
  }

  .ascp-modx__list{
    margin-top: 18px;
    display:grid;
    gap: 14px;
  }

  .ascp-modx-card{
    display:grid;
    grid-template-columns: 1fr 1.15fr;
    border-radius: 24px;
    overflow:hidden;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 18px 54px rgba(1,8,38,.10);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .ascp-modx-card:hover{
    transform: translateY(-4px);
    border-color: rgba(40,74,220,.24);
    box-shadow: 0 26px 74px rgba(1,8,38,.14);
  }
  .ascp-modx-card--reverse{
    grid-template-columns: 1.15fr 1fr;
  }
  .ascp-modx-card--reverse .ascp-modx-card__media{
    order: 2;
  }

  .ascp-modx-card__media{
    position:relative;
    min-height: 320px;
    background: #0a143e;
  }
  .ascp-modx-card__media img{
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
    filter: saturate(1.05) contrast(1.05);
  }
  .ascp-modx-card__media::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, rgba(1,8,38,.38), rgba(1,8,38,0) 60%);
    pointer-events:none;
  }

  .ascp-modx-card__badge{
    position:absolute;
    left: 16px;
    top: 16px;
    padding: 10px 12px;
    border-radius: 14px;
    font-weight: 950;
    letter-spacing: .04em;
    color: #fff;
    background: rgba(40,74,220,.92);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
    z-index: 2;
  }
  .ascp-modx-card__badge--mint{
    background: rgba(96,209,117,.86);
  }

  .ascp-modx-card__body{
    padding: 16px;
    display:flex;
    flex-direction: column;
    gap: 12px;
  }
  .ascp-modx-card__h3{
    margin:0;
    font-weight: 950;
    letter-spacing:-.01em;
    color: #010826;
    font-size: 18px;
    line-height: 1.25;
  }
  .ascp-modx-card__lead{
    margin: 8px 0 0;
    color: rgba(1,8,38,.66);
    line-height: 1.65;
    font-weight: 650;
  }

  .ascp-modx-card__grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 2px;
  }

  .ascp-modx-block{
    border-radius: 18px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(40,74,220,.12);
    box-shadow: 0 12px 34px rgba(1,8,38,.06);
    padding: 12px;
    position:relative;
    overflow:hidden;
  }
  /* bottom colored line (appears on hover like your request) */
  .ascp-modx-block::after{
    content:"";
    position:absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #284adc, #a4b3f9, #60d175);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .22s ease, transform .22s ease;
  }
  .ascp-modx-card:hover .ascp-modx-block::after{
    opacity: 1;
    transform: translateY(0);
  }

  .ascp-modx-h4{
    margin:0;
    font-weight: 950;
    color: rgba(1,8,38,.90);
    letter-spacing:-.01em;
    font-size: 14px;
  }

  .ascp-modx-ul{
    list-style:none;
    padding:0;
    margin: 10px 0 0;
    display:grid;
    gap: 10px;
    color: rgba(1,8,38,.70);
    font-weight: 650;
    line-height: 1.5;
    font-size: 13px;
  }

  .ascp-modx-ico{
    width: 22px; height: 22px;
    border-radius: 9px;
    display:inline-grid;
    place-items:center;
    background: rgba(40,74,220,.10);
    border: 1px solid rgba(40,74,220,.14);
    margin-right: 8px;
    vertical-align: -5px;
  }
  .ascp-modx-ico svg{
    width: 14px; height: 14px;
    fill: rgba(40,74,220,.92);
  }

  .ascp-modx-chips{
    margin-top: 10px;
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .ascp-modx-chip{
    display:inline-flex;
    align-items:center;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.84);
    color: rgba(1,8,38,.72);
    font-weight: 900;
    font-size: 12px;
    box-shadow: 0 10px 26px rgba(1,8,38,.06);
    white-space: nowrap;
  }

  .ascp-modx-note{
    margin: 10px 0 0;
    color: rgba(1,8,38,.62);
    font-weight: 650;
    line-height: 1.6;
    font-size: 13px;
  }

  .ascp-modx-actions{
    margin-top: 12px;
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items:center;
  }

  .ascp-modx-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(40,74,220,.18);
    background: linear-gradient(180deg, rgba(40,74,220,.98), rgba(40,74,220,.86));
    color:#fff;
    font-weight: 950;
    box-shadow: 0 14px 34px rgba(40,74,220,.16);
    transition: transform .2s ease, box-shadow .2s ease;
    white-space: nowrap;
  }
  .ascp-modx-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(40,74,220,.22);
  }

  .ascp-modx-link{
    border: 0;
    background: transparent;
    color: rgba(40,74,220,.92);
    font-weight: 950;
    cursor:pointer;
    padding: 10px 10px;
    border-radius: 12px;
    transition: background .2s ease;
    white-space: nowrap;
  }
  .ascp-modx-link:hover{
    background: rgba(40,74,220,.08);
  }
  .ascp-modx-mini{
    color: rgba(1,8,38,.56);
    font-weight: 650;
    font-size: 12px;
  }

  /* reveal animation */
  .ascp-modx [data-reveal]{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .ascp-modx .is-inview{
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 980px){
    .ascp-modx-card,
    .ascp-modx-card--reverse{
      grid-template-columns: 1fr;
    }
    .ascp-modx-card--reverse .ascp-modx-card__media{ order: 0; }
    .ascp-modx-card__media{ min-height: 240px; }
    .ascp-modx-card__grid{ grid-template-columns: 1fr; }
  }

  @media (prefers-reduced-motion: reduce){
    .ascp-modx [data-reveal]{ transition:none !important; }
    .ascp-modx-card{ transition:none !important; }
    .ascp-modx-block::after{ transition:none !important; }
  }




    /* ===== ASCP MAPX (Interactive Learning Map) — Light Premium ===== */
  .ascp-mapx{
    position: relative;
    padding: 56px 0;
    background:
      radial-gradient(980px 420px at 0% 0%, rgba(164,179,249,.22), transparent 60%),
      radial-gradient(900px 420px at 100% 0%, rgba(96,209,117,.10), transparent 62%),
      linear-gradient(180deg, #ffffff, #f7f9ff);
    border-top: 1px solid rgba(40,74,220,.10);
    color: rgba(1,8,38,.86);
  }

  .ascp-mapx__head{
    max-width: 940px;
    margin: 0 auto 18px;
    text-align:center;
  }

  .ascp-mapx__kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight: 950;
    letter-spacing: .14em;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(40,74,220,.92);
  }
  .ascp-mapx__kicker::before{
    content:"";
    width: 9px; height: 9px;
    border-radius: 999px;
    background: #60d175;
    box-shadow: 0 0 0 8px rgba(96,209,117,.14);
  }

  .ascp-mapx__title{
    margin: 12px 0 0;
    font-weight: 950;
    letter-spacing: -0.02em;
    color: #010826;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
  }
  .ascp-mapx__sub{
    margin: 10px auto 0;
    color: rgba(1,8,38,.66);
    line-height: 1.7;
    font-weight: 650;
    max-width: 86ch;
  }

  .ascp-mapx__wrap{
    margin-top: 18px;
    display:grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 12px;
    align-items: stretch;
  }

  /* Rail */
  .ascp-mapx__rail{
    position: relative;
    border-radius: 24px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 18px 54px rgba(1,8,38,.10);
    padding: 14px;
    overflow:hidden;
  }

  .ascp-mapx__track{
    position:absolute;
    left: 42px;
    right: 18px;
    top: 38px;
    height: 2px;
    border-radius: 999px;
    background: rgba(40,74,220,.10);
    pointer-events:none;
  }

  .ascp-mapx__step{
    width: 100%;
    text-align:left;
    border: 1px solid rgba(40,74,220,.12);
    background: rgba(255,255,255,.92);
    border-radius: 20px;
    padding: 12px;
    display:flex;
    align-items:center;
    gap: 12px;
    margin-bottom: 10px;
    box-shadow: 0 12px 34px rgba(1,8,38,.06);
    cursor:pointer;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
    position: relative;
    outline: none;
  }

  .ascp-mapx__step:hover,
  .ascp-mapx__step:focus-visible{
    transform: translateY(-3px);
    border-color: rgba(40,74,220,.22);
    box-shadow: 0 22px 64px rgba(1,8,38,.12);
  }

  .ascp-mapx__node{
    width: 44px; height: 44px;
    border-radius: 18px;
    display:grid;
    place-items:center;
    background: linear-gradient(180deg, rgba(164,179,249,.66), rgba(164,179,249,.16));
    border: 1px solid rgba(40,74,220,.14);
    color: rgba(1,8,38,.92);
    font-weight: 950;
    box-shadow: 0 14px 34px rgba(40,74,220,.10);
    flex: 0 0 auto;
  }

  .ascp-mapx__label{
    min-width: 0;
    flex: 1 1 auto;
    display:block;
  }
  .ascp-mapx__label strong{
    display:block;
    color: #010826;
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 15px;
    line-height: 1.2;
  }
  .ascp-mapx__label em{
    display:block;
    margin-top: 4px;
    font-style: normal;
    color: rgba(1,8,38,.58);
    font-weight: 750;
    font-size: 12px;
    letter-spacing:.02em;
    text-transform: uppercase;
  }

  .ascp-mapx__hint{
    color: rgba(1,8,38,.46);
    font-weight: 850;
    font-size: 12px;
    white-space: nowrap;
  }

  /* Colored bottom line (your request) */
  .ascp-mapx__bar{
    position:absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #284adc, #a4b3f9, #60d175);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .22s ease, transform .22s ease;
    pointer-events:none;
  }

  .ascp-mapx__step:hover .ascp-mapx__bar,
  .ascp-mapx__step:focus-visible .ascp-mapx__bar{
    opacity: 1;
    transform: translateY(0);
  }

  /* Active state */
  .ascp-mapx__step.is-active{
    background: rgba(40,74,220,.06);
    border-color: rgba(40,74,220,.22);
  }
  .ascp-mapx__step.is-active .ascp-mapx__bar{
    opacity: 1;
    transform: translateY(0);
  }

  /* Panel */
  .ascp-mapx__panel{
    border-radius: 24px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 18px 54px rgba(1,8,38,.10);
    padding: 14px;
    overflow:hidden;
    position: relative;
  }
  .ascp-mapx__panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(900px 220px at 0% 0%, rgba(164,179,249,.22), transparent 56%),
      repeating-linear-gradient(120deg, rgba(164,179,249,.18) 0 1px, transparent 1px 18px);
    opacity:.12;
    pointer-events:none;
  }

  .ascp-mapx__panelTop{
    position:relative;
    z-index:1;
    display:flex;
    gap: 12px;
    align-items:flex-start;
  }

  .ascp-mapx__badge{
    width: 46px; height: 46px;
    border-radius: 18px;
    display:grid;
    place-items:center;
    background: rgba(40,74,220,.10);
    border: 1px solid rgba(40,74,220,.14);
    color: rgba(1,8,38,.92);
    font-weight: 950;
    flex: 0 0 auto;
  }

  .ascp-mapx__panelTxt h3{
    margin:0;
    color: #010826;
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 18px;
    line-height: 1.25;
  }
  .ascp-mapx__panelTxt p{
    margin: 6px 0 0;
    color: rgba(1,8,38,.66);
    font-weight: 650;
    line-height: 1.65;
    font-size: 13px;
  }

  .ascp-mapx__panelBlock{
    position:relative;
    z-index:1;
    margin-top: 12px;
    border-radius: 18px;
    border: 1px solid rgba(40,74,220,.12);
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 34px rgba(1,8,38,.06);
    padding: 12px;
  }
  .ascp-mapx__panelBlock h4{
    margin:0;
    color: rgba(1,8,38,.90);
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 14px;
  }

  .ascp-mapx__kpiList{
    list-style:none;
    margin: 10px 0 0;
    padding: 0;
    display:grid;
    gap: 10px;
    color: rgba(1,8,38,.70);
    font-weight: 650;
    line-height: 1.5;
    font-size: 13px;
  }
  .ascp-mapx__kpiIco{
    width: 22px; height: 22px;
    border-radius: 9px;
    display:inline-grid;
    place-items:center;
    background: rgba(40,74,220,.10);
    border: 1px solid rgba(40,74,220,.14);
    margin-right: 8px;
    vertical-align: -5px;
    color: rgba(40,74,220,.92);
    font-weight: 950;
  }

  .ascp-mapx__panelActions{
    position:relative;
    z-index:1;
    margin-top: 12px;
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items:center;
  }

  .ascp-mapx__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(40,74,220,.18);
    background: linear-gradient(180deg, rgba(40,74,220,.98), rgba(40,74,220,.86));
    color:#fff;
    font-weight: 950;
    box-shadow: 0 14px 34px rgba(40,74,220,.16);
    transition: transform .2s ease, box-shadow .2s ease;
    white-space: nowrap;
    text-decoration: none;
  }
  .ascp-mapx__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(40,74,220,.22);
  }

  .ascp-mapx__link{
    border: 0;
    background: transparent;
    color: rgba(40,74,220,.92);
    font-weight: 950;
    cursor:pointer;
    padding: 10px 10px;
    border-radius: 12px;
    transition: background .2s ease;
    white-space: nowrap;
  }
  .ascp-mapx__link:hover{ background: rgba(40,74,220,.08); }

  .ascp-mapx__panelMini{
    position:relative;
    z-index:1;
    margin-top: 12px;
    color: rgba(1,8,38,.56);
    font-weight: 650;
    font-size: 12px;
    line-height: 1.6;
  }

  /* Reveal */
  .ascp-mapx [data-reveal]{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .ascp-mapx .is-inview{
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 980px){
    .ascp-mapx__wrap{ grid-template-columns: 1fr; }
    .ascp-mapx__track{ display:none; }
    .ascp-mapx__hint{ display:none; }
  }

  @media (prefers-reduced-motion: reduce){
    .ascp-mapx [data-reveal]{ transition:none !important; }
    .ascp-mapx__step{ transition:none !important; }
    .ascp-mapx__bar{ transition:none !important; }
    .ascp-mapx__btn{ transition:none !important; }
  }




  /* ===== Brand vars (same as EPC) ===== */
  :root{
    --epc-n:#010826;
    --epc-b:#284adc;
    --epc-l:#a4b3f9;
    --epc-g:#60d175;
  }

  /* =========================
     HERO (Dark Premium)
  ========================= */
  .cmer-hero{
    position:relative;
    overflow:hidden;
    padding: 124px 0 58px; /* safe spacing under navbar */
    background:
      radial-gradient(1100px 520px at 12% -10%, rgba(164,179,249,.16), transparent 60%),
      radial-gradient(900px 520px at 90% 0%, rgba(96,209,117,.10), transparent 62%),
      linear-gradient(180deg, var(--epc-n), #07123b);
    border-bottom: 1px solid rgba(164,179,249,.10);
  }
  .cmer-hero::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      repeating-linear-gradient(120deg, rgba(164,179,249,.14) 0 1px, transparent 1px 14px),
      radial-gradient(700px 280px at 22% 26%, rgba(40,74,220,.30), transparent 60%),
      radial-gradient(620px 260px at 84% 18%, rgba(96,209,117,.18), transparent 65%);
    opacity:.20;
    pointer-events:none;
  }
  .cmer-hero__container{ position:relative; z-index:1; }
  .cmer-hero__grid{
    display:grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 18px;
    align-items:center;
  }

  .cmer-hero__kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color: rgba(164,179,249,.95);
    letter-spacing:.14em;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
  }
  .cmer-hero__dot{
    width:8px;height:8px;border-radius:999px;
    background: var(--epc-g);
    box-shadow: 0 0 0 8px rgba(96,209,117,.12);
  }

  .cmer-hero__title{
    margin: 14px 0 0;
    color:#fff;
    font-weight: 950;
    letter-spacing:-.02em;
    line-height: 1.06;
    font-size: clamp(32px, 4.0vw, 54px);
    max-width: 24ch;
  }
  .cmer-hero__titleSoft{
    display:inline-block;
    color: rgba(164,179,249,.92);
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: .60em;
  }

  .cmer-hero__sub{
    margin: 14px 0 0;
    color: rgba(255,255,255,.76);
    line-height: 1.75;
    max-width: 74ch;
    font-weight: 650;
  }

  .cmer-hero__actions{
    margin-top: 18px;
    display:flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items:center;
  }

  .cmer-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:.01em;
    cursor:pointer;
    user-select:none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    white-space: nowrap;
    text-decoration:none;
  }
  .cmer-btn:hover{
    transform: translateY(-2px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }
  .cmer-btn--solid{
    background: linear-gradient(180deg, rgba(40,74,220,.98), rgba(40,74,220,.86));
    border-color: rgba(40,74,220,.30);
    color:#fff;
    box-shadow: 0 14px 34px rgba(40,74,220,.18);
  }
  .cmer-btn--glass{
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .cmer-btn__ico{
    width: 28px;height:28px;
    border-radius: 12px;
    display:grid;
    place-items:center;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(164,179,249,.16);
    font-weight: 950;
  }
  .cmer-btn__arrow{ opacity:.9; }

  .cmer-hero__chips{
    margin-top: 14px;
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .cmer-chip{
    display:inline-flex;
    align-items:center;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.86);
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(0,0,0,.16);
    white-space: nowrap;
  }
  .cmer-chip--mint{ border-color: rgba(96,209,117,.22); }

  .cmer-hero__trust{
    margin-top: 16px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .cmer-trustItem{
    display:flex;
    gap: 12px;
    align-items:flex-start;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
  }
  .cmer-trustItem strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmer-trustItem span{
    display:block;
    margin-top: 3px;
    color: rgba(255,255,255,.70);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.45;
  }
  .cmer-trustIco{
    width: 40px;height:40px;
    border-radius: 16px;
    display:grid;
    place-items:center;
    background: linear-gradient(180deg, rgba(164,179,249,.22), rgba(40,74,220,.10));
    border: 1px solid rgba(164,179,249,.16);
    color: rgba(255,255,255,.92);
    flex: 0 0 auto;
  }
  .cmer-trustIco svg{ width: 18px; height: 18px; fill: rgba(255,255,255,.92); }
  .cmer-trustIco--mint{
    border-color: rgba(96,209,117,.18);
    background: linear-gradient(180deg, rgba(96,209,117,.14), rgba(164,179,249,.10));
  }

  .cmer-hero__quick{
    margin-top: 14px;
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items:center;
  }
  .cmer-pillBtn{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    cursor:pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    white-space: nowrap;
  }
  .cmer-pillBtn:hover{
    transform: translateY(-1px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }
  .cmer-pillBtn--ghost{
    background: rgba(255,255,255,.04);
  }

  /* Visual */
  .cmer-glassFrame{
    border-radius: 28px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    box-shadow: 0 20px 60px rgba(0,0,0,.42);
    overflow:hidden;
    position:relative;
  }
  .cmer-glassFrame::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: conic-gradient(from 180deg, rgba(40,74,220,.0), rgba(40,74,220,.28), rgba(96,209,117,.18), rgba(40,74,220,.0));
    filter: blur(14px);
    opacity:.55;
    pointer-events:none;
  }
  .cmer-glassFrame__inner{ position:relative; z-index:1; padding: 8px; }

  .cmer-visualCard{
    margin:0;
    border-radius: 22px;
    overflow:hidden;
    border: 1px solid rgba(164,179,249,.16);
    background: rgba(255,255,255,.05);
    box-shadow: 0 18px 54px rgba(0,0,0,.28);
    position:relative;
  }
  .cmer-visualCard img{
    width:100%;
    height: 360px;
    object-fit: cover;
    display:block;
    filter: saturate(1.06) contrast(1.06);
  }
  .cmer-visualCap{
    position:absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(1,8,38,.48);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 12px 12px;
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .cmer-visualCap strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmer-visualCap span{
    display:block;
    margin-top: 2px;
    color: rgba(255,255,255,.70);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.4;
  }
  .cmer-capBtn{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    cursor:pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    white-space: nowrap;
  }
  .cmer-capBtn:hover{
    transform: translateY(-1px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }

  .cmer-miniGrid{
    margin-top: 12px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .cmer-miniCard{
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
    padding: 12px;
  }
  .cmer-miniTop{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
  }
  .cmer-miniBadge{
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.16);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.82);
    font-weight: 950;
    font-size: 12px;
  }
  .cmer-miniBadge--mint{ border-color: rgba(96,209,117,.18); }
  .cmer-miniKpi{
    color: rgba(255,255,255,.84);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmer-miniCard strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmer-miniCard p{
    margin: 6px 0 0;
    color: rgba(255,255,255,.68);
    font-weight: 650;
    line-height: 1.5;
    font-size: 13px;
  }

  /* Modal */
  .cmer-modal{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding: 20px;
    z-index: 9999;
  }
  .cmer-modal.is-open{ display:flex; }
  .cmer-modal__overlay{
    position:absolute;
    inset:0;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .cmer-modal__panel{
    position:relative;
    width: min(680px, 100%);
    border-radius: 24px;
    border: 1px solid rgba(164,179,249,.18);
    background:
      radial-gradient(900px 260px at 0% 0%, rgba(164,179,249,.14), transparent 60%),
      linear-gradient(180deg, rgba(1,8,38,.94), rgba(7,18,59,.94));
    box-shadow: 0 26px 84px rgba(0,0,0,.56);
    overflow:hidden;
  }
  .cmer-modal__head{
    padding: 14px 14px 12px;
    border-bottom: 1px solid rgba(164,179,249,.14);
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .cmer-modal__head strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 16px;
  }
  .cmer-modal__head span{
    display:block;
    margin-top: 3px;
    color: rgba(255,255,255,.68);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.4;
  }
  .cmer-x{
    width: 40px;height:40px;
    border-radius: 14px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
    cursor:pointer;
    font-size: 22px;
    line-height: 1;
    display:grid;
    place-items:center;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
  }
  .cmer-x:hover{
    transform: translateY(-1px);
    border-color: rgba(164,179,249,.30);
    box-shadow: 0 18px 44px rgba(0,0,0,.26);
  }
  .cmer-modal__body{ padding: 14px; }
  .cmer-modal__cols{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .cmer-modal__block{ display:grid; gap: 6px; margin-top: 10px; }
  .cmer-label{
    font-weight: 950;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    letter-spacing:.02em;
    text-transform: uppercase;
  }
  .cmer-input{
    width:100%;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(1,8,38,.55);
    color: rgba(255,255,255,.92);
    outline: none;
    font-weight: 650;
  }
  .cmer-input::placeholder{ color: rgba(255,255,255,.46); }
  .cmer-textarea{ min-height: 110px; resize: vertical; }

  .cmer-modal__actions{
    margin-top: 12px;
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items:center;
  }
  .cmer-modal__note{
    margin: 12px 0 0;
    color: rgba(255,255,255,.62);
    font-weight: 650;
    line-height: 1.5;
    font-size: 13px;
  }

  @media (max-width: 980px){
    .cmer-hero__grid{ grid-template-columns: 1fr; }
    .cmer-visualCard img{ height: 320px; }
    .cmer-hero__trust{ grid-template-columns: 1fr; }

    .cmer-fw__wrap{ grid-template-columns: 1fr; }
  }
  @media (prefers-reduced-motion: reduce){
    .cmer-hero [data-reveal], .cmer-fw [data-reveal]{ transition:none !important; }
    .cmer-btn, .cmer-pillBtn, .cmer-capBtn, .cmer-x, .cmer-fw__step, .cmer-fw__btn{ transition:none !important; }
    .cmer-fw__bar{ transition:none !important; }
  }




    /* ===== CIPS MER — Programme section (Light premium) ===== */
  .cmer-prog{
    position: relative;
    padding: 56px 0;
    background:
      radial-gradient(980px 420px at 0% 0%, rgba(164,179,249,.22), transparent 60%),
      radial-gradient(900px 420px at 100% 0%, rgba(96,209,117,.10), transparent 62%),
      linear-gradient(180deg, #ffffff, #f7f9ff);
    border-top: 1px solid rgba(40,74,220,.10);
    color: rgba(1,8,38,.86);
  }

  .cmer-prog__grid{
    display:grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 14px;
    align-items: stretch;
  }

  /* Visual frame */
  .cmer-prog__frame{
    border-radius: 28px;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.82);
    box-shadow: 0 20px 60px rgba(1,8,38,.10);
    overflow:hidden;
    position: relative;
  }
  .cmer-prog__frame::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: conic-gradient(from 180deg, rgba(40,74,220,.0), rgba(40,74,220,.22), rgba(96,209,117,.14), rgba(40,74,220,.0));
    filter: blur(16px);
    opacity:.55;
    pointer-events:none;
  }
  .cmer-prog__frameInner{
    position: relative;
    z-index: 1;
    padding: 14px;
  }

  .cmer-prog__imgCard{
    margin: 0;
    border-radius: 22px;
    overflow:hidden;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.70);
    box-shadow: 0 18px 54px rgba(1,8,38,.12);
    position: relative;
  }
  .cmer-prog__imgCard img{
    width:100%;
    height: 390px;
    object-fit: cover;
    display:block;
    filter: saturate(1.06) contrast(1.06);
  }
  .cmer-prog__imgCard::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, rgba(1,8,38,.34), rgba(1,8,38,0) 60%);
    pointer-events:none;
  }

  .cmer-prog__cap{
    position:absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.22);
    background: rgba(1,8,38,.48);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 12px;
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .cmer-prog__cap strong{
    display:block;
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmer-prog__cap span{
    display:block;
    margin-top: 2px;
    color: rgba(255,255,255,.70);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.4;
  }
  .cmer-prog__capTag{
    display:inline-flex;
    align-items:center;
    padding: 9px 11px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.18);
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    white-space: nowrap;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
  }

  .cmer-prog__miniRow{
    margin-top: 12px;
    display:grid;
    grid-template-columns: 1fr 1fr 1.2fr;
    gap: 10px;
  }
  .cmer-prog__mini{
    border-radius: 18px;
    border: 1px solid rgba(40,74,220,.12);
    background: rgba(255,255,255,.86);
    box-shadow: 0 12px 34px rgba(1,8,38,.06);
    padding: 12px;
    display:flex;
    flex-direction: column;
    gap: 4px;
  }
  .cmer-prog__mini--mint{
    border-color: rgba(96,209,117,.22);
  }
  .cmer-prog__miniK{
    font-weight: 950;
    letter-spacing:-.01em;
    color: #010826;
  }
  .cmer-prog__miniL{
    color: rgba(1,8,38,.62);
    font-weight: 650;
    font-size: 13px;
    line-height: 1.4;
  }

  /* Content */
  .cmer-prog__kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight: 950;
    letter-spacing: .14em;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(40,74,220,.92);
  }
  .cmer-prog__dot{
    width: 9px; height: 9px;
    border-radius: 999px;
    background: #60d175;
    box-shadow: 0 0 0 8px rgba(96,209,117,.14);
  }

  .cmer-prog__title{
    margin: 12px 0 0;
    font-weight: 950;
    letter-spacing: -0.02em;
    color: #010826;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.15;
  }

  .cmer-prog__lead{
    margin: 10px 0 0;
    color: rgba(1,8,38,.66);
    line-height: 1.75;
    font-weight: 650;
    max-width: 86ch;
  }
  .cmer-prog__lead strong{
    color: rgba(1,8,38,.86);
    font-weight: 950;
  }

  /* Blocks */
  .cmer-prog__blocks{
    margin-top: 14px;
    display:grid;
    gap: 10px;
  }

  .cmer-prog__block{
    position: relative;
    border-radius: 22px;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.86);
    box-shadow: 0 14px 44px rgba(1,8,38,.08);
    padding: 12px;
    display:grid;
    grid-template-columns: 52px 1fr;
    gap: 12px;
    overflow:hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .cmer-prog__block:hover{
    transform: translateY(-3px);
    border-color: rgba(40,74,220,.24);
    box-shadow: 0 22px 64px rgba(1,8,38,.12);
  }

  .cmer-prog__ico{
    width: 46px; height: 46px;
    border-radius: 18px;
    display:grid;
    place-items:center;
    background: linear-gradient(180deg, rgba(164,179,249,.66), rgba(164,179,249,.16));
    border: 1px solid rgba(40,74,220,.14);
    color: rgba(1,8,38,.92);
    box-shadow: 0 14px 34px rgba(40,74,220,.10);
  }
  .cmer-prog__ico svg{
    width: 22px; height: 22px;
    fill: currentColor;
    opacity:.95;
  }
  .cmer-prog__ico--mint{
    background: linear-gradient(180deg, rgba(96,209,117,.18), rgba(164,179,249,.16));
    border-color: rgba(96,209,117,.22);
    box-shadow: 0 14px 34px rgba(96,209,117,.10);
  }

  .cmer-prog__block h3{
    margin: 0;
    color: #010826;
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 15px;
    line-height: 1.25;
  }
  .cmer-prog__block p{
    margin: 6px 0 0;
    color: rgba(1,8,38,.64);
    line-height: 1.65;
    font-weight: 650;
    font-size: 13px;
  }

  /* bottom brand bar */
  .cmer-prog__bar{
    position:absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #284adc, #a4b3f9, #60d175);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .22s ease, transform .22s ease;
    pointer-events:none;
  }
  .cmer-prog__block:hover .cmer-prog__bar{
    opacity: 1;
    transform: translateY(0);
  }

  /* CTA row */
  .cmer-prog__cta{
    margin-top: 14px;
    display:flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items:center;
  }

  .cmer-prog__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(40,74,220,.18);
    background: linear-gradient(180deg, rgba(40,74,220,.98), rgba(40,74,220,.86));
    color:#fff;
    font-weight: 950;
    box-shadow: 0 14px 34px rgba(40,74,220,.16);
    transition: transform .2s ease, box-shadow .2s ease;
    white-space: nowrap;
    text-decoration:none;
  }
  .cmer-prog__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(40,74,220,.22);
  }

  .cmer-prog__chips{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .cmer-prog__chip{
    display:inline-flex;
    align-items:center;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(40,74,220,.14);
    background: rgba(255,255,255,.78);
    color: rgba(1,8,38,.72);
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(1,8,38,.06);
    white-space: nowrap;
    font-size: 12px;
  }
  .cmer-prog__chip--mint{ border-color: rgba(96,209,117,.22); }

  /* Reveal hooks */
  .cmer-prog [data-reveal]{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .cmer-prog .is-inview{
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 980px){
    .cmer-prog__grid{ grid-template-columns: 1fr; }
    .cmer-prog__imgCard img{ height: 320px; }
    .cmer-prog__miniRow{ grid-template-columns: 1fr 1fr; }
    .cmer-prog__miniRow .cmer-prog__mini--mint{ grid-column: 1 / -1; }
  }

  @media (prefers-reduced-motion: reduce){
    .cmer-prog [data-reveal]{ transition:none !important; }
    .cmer-prog__block{ transition:none !important; }
    .cmer-prog__bar{ transition:none !important; }
    .cmer-prog__btn{ transition:none !important; }
  }



  /* =========================
   WHO IS THIS PROGRAMME FOR?
========================= */
.cmer-who{
  padding:56px 0;
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(164,179,249,.18), transparent 60%),
    linear-gradient(180deg, #ffffff, #f7f9ff);
  border-top:1px solid rgba(40,74,220,.10);
}

.cmer-who__head{
  max-width:960px;
  margin:0 auto 24px;
  text-align:center;
}

.cmer-who__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  letter-spacing:.14em;
  font-size:12px;
  text-transform:uppercase;
  color:rgba(40,74,220,.92);
}
.cmer-who__dot{
  width:9px;height:9px;
  border-radius:999px;
  background:#60d175;
  box-shadow:0 0 0 8px rgba(96,209,117,.14);
}

.cmer-who__title{
  margin:12px 0 0;
  font-weight:950;
  letter-spacing:-.02em;
  color:#010826;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
}

.cmer-who__sub{
  margin:10px auto 0;
  max-width:80ch;
  color:rgba(1,8,38,.66);
  font-weight:650;
  line-height:1.7;
}

.cmer-who__grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.cmer-who__card{
  position:relative;
  border-radius:24px;
  border:1px solid rgba(40,74,220,.14);
  background:rgba(255,255,255,.9);
  padding:18px;
  box-shadow:0 18px 48px rgba(1,8,38,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow:hidden;
}
.cmer-who__card:hover{
  transform:translateY(-4px);
  border-color:rgba(40,74,220,.28);
  box-shadow:0 28px 72px rgba(1,8,38,.14);
}

.cmer-who__icon{
  width:52px;height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(164,179,249,.6), rgba(164,179,249,.18));
  border:1px solid rgba(40,74,220,.16);
  box-shadow:0 14px 34px rgba(40,74,220,.10);
}
.cmer-who__icon svg{
  width:24px;height:24px;
  fill:#010826;
}
.cmer-who__icon--mint{
  background:linear-gradient(180deg, rgba(96,209,117,.22), rgba(164,179,249,.18));
  border-color:rgba(96,209,117,.22);
}

.cmer-who__card h3{
  margin:14px 0 0;
  font-weight:950;
  letter-spacing:-.01em;
  color:#010826;
}

.cmer-who__desc{
  margin:8px 0 0;
  color:rgba(1,8,38,.64);
  font-weight:650;
  line-height:1.6;
}

.cmer-who__outcome{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed rgba(40,74,220,.18);
  font-size:13px;
  line-height:1.6;
}
.cmer-who__outcome strong{
  color:#010826;
  font-weight:950;
}
.cmer-who__outcome span{
  color:rgba(1,8,38,.68);
  font-weight:650;
}

.cmer-who__bar{
  position:absolute;
  left:18px;
  right:18px;
  bottom:12px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#284adc,#a4b3f9,#60d175);
  opacity:0;
  transform:translateY(6px);
  transition:.25s ease;
}
.cmer-who__card:hover .cmer-who__bar{
  opacity:1;
  transform:translateY(0);
}

.cmer-who__cta{
  margin-top:28px;
  text-align:center;
}
.cmer-who__cta p{
  color:rgba(1,8,38,.72);
  font-weight:650;
  margin-bottom:12px;
}
.cmer-who__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-radius:14px;
  background:linear-gradient(180deg,#284adc,#1f3bc0);
  color:#fff;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 16px 40px rgba(40,74,220,.22);
}

@media (max-width:980px){
  .cmer-who__grid{grid-template-columns:1fr;}
}





/* =========================
   CIPS MER — Key Themes
========================= */
.cmer-themes{
  padding:56px 0;
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(164,179,249,.18), transparent 60%),
    linear-gradient(180deg, #ffffff, #f7f9ff);
  border-top:1px solid rgba(40,74,220,.10);
}

.cmer-themes__head{
  max-width:960px;
  margin:0 auto 26px;
  text-align:center;
}

.cmer-themes__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  letter-spacing:.14em;
  font-size:12px;
  text-transform:uppercase;
  color:rgba(40,74,220,.92);
}
.cmer-themes__dot{
  width:9px;height:9px;
  border-radius:999px;
  background:#60d175;
  box-shadow:0 0 0 8px rgba(96,209,117,.14);
}

.cmer-themes__title{
  margin:12px 0 0;
  font-weight:950;
  letter-spacing:-.02em;
  color:#010826;
  font-size:clamp(24px,3vw,34px);
}

.cmer-themes__sub{
  margin:10px auto 0;
  max-width:82ch;
  color:rgba(1,8,38,.66);
  font-weight:650;
  line-height:1.7;
}

.cmer-themes__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.cmer-themes__card{
  position:relative;
  border-radius:22px;
  border:1px solid rgba(40,74,220,.14);
  background:rgba(255,255,255,.92);
  padding:18px;
  box-shadow:0 18px 48px rgba(1,8,38,.08);
  transition:.25s ease;
  overflow:hidden;
}
.cmer-themes__card:hover{
  transform:translateY(-4px);
  border-color:rgba(40,74,220,.28);
  box-shadow:0 28px 72px rgba(1,8,38,.14);
}

.cmer-themes__icon{
  width:48px;height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(164,179,249,.6), rgba(164,179,249,.18));
  border:1px solid rgba(40,74,220,.16);
}
.cmer-themes__icon svg{
  width:22px;height:22px;
  fill:#010826;
}
.cmer-themes__icon--mint{
  background:linear-gradient(180deg, rgba(96,209,117,.22), rgba(164,179,249,.18));
  border-color:rgba(96,209,117,.22);
}

.cmer-themes__card h3{
  margin:14px 0 0;
  font-weight:950;
  color:#010826;
  letter-spacing:-.01em;
}

.cmer-themes__card p{
  margin:8px 0 0;
  color:rgba(1,8,38,.64);
  font-weight:650;
  line-height:1.6;
  font-size:13px;
}

.cmer-themes__bar{
  position:absolute;
  left:18px;
  right:18px;
  bottom:12px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#284adc,#a4b3f9,#60d175);
  opacity:0;
  transform:translateY(6px);
  transition:.25s ease;
}
.cmer-themes__card:hover .cmer-themes__bar{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:980px){
  .cmer-themes__grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .cmer-themes__grid{grid-template-columns:1fr;}
}





  :root{
    --epc-n:#010826;
    --epc-b:#284adc;
    --epc-l:#a4b3f9;
    --epc-g:#60d175;

    --pro-bg0:#ffffff;
    --pro-bg1:#f7f9ff;

    --pro-d0:#010826;
    --pro-d1:#07123b;

    --glass: rgba(255,255,255,.06);
    --lineW: rgba(255,255,255,.14);
    --lineB: rgba(40,74,220,.14);
  }

  /* ===== Section shell ===== */
  .cmerx-out{
    padding:0px 0;
    background:
      radial-gradient(980px 420px at 0% 0%, rgba(164,179,249,.22), transparent 60%),
      radial-gradient(900px 420px at 100% 0%, rgba(96,209,117,.12), transparent 62%),
      linear-gradient(180deg, var(--pro-bg0), var(--pro-bg1));
    border-top:1px solid rgba(40,74,220,.10);
    color: rgba(1,8,38,.86);
  }

  .cmerx-out__head{
    max-width:960px;
    margin:0 auto 18px;
    text-align:center;
  }
  .cmerx-out__kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:950;
    letter-spacing:.14em;
    font-size:12px;
    text-transform:uppercase;
    color:rgba(40,74,220,.92);
  }
  .cmerx-out__dot{
    width:9px;height:9px;border-radius:999px;
    background:var(--epc-g);
    box-shadow:0 0 0 8px rgba(96,209,117,.14);
  }
  .cmerx-out__title{
    margin:12px 0 0;
    font-weight:950;
    letter-spacing:-.02em;
    color:#010826;
    font-size:clamp(24px,3vw,34px);
    line-height:1.15;
  }
  .cmerx-out__sub{
    margin:10px auto 0;
    max-width:86ch;
    color:rgba(1,8,38,.66);
    font-weight:650;
    line-height:1.7;
  }

  /* ===== Top tabs / CTA ===== */
  .cmerx-pro__top{
    max-width: 1100px;
    margin: 14px auto 14px;
    padding: 0 0;
  }

  .cmerx-pro__tabs{
    display:flex;
    gap: 10px;
    padding: 12px;
    border-radius: 22px;
    border: 1px solid rgba(40,74,220,.12);
    background: rgba(255,255,255,.80);
    box-shadow: 0 18px 60px rgba(1,8,38,.10);
    overflow:auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .cmerx-pro__tabs::-webkit-scrollbar{ height: 10px; }
  .cmerx-pro__tabs::-webkit-scrollbar-thumb{ background: rgba(40,74,220,.18); border-radius: 999px; }
  .cmerx-pro__tabs::-webkit-scrollbar-track{ background: rgba(40,74,220,.06); border-radius: 999px; }

  .cmerx-tab{
    min-width: 300px;
    flex: 0 0 auto;
    scroll-snap-align: start;

    text-align:left;
    border-radius: 18px;
    border: 1px solid rgba(40,74,220,.12);
    background:
      radial-gradient(420px 140px at 20% 0%, rgba(40,74,220,.08), transparent 60%),
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    box-shadow: 0 14px 44px rgba(1,8,38,.08);
    padding: 12px;
    display:flex;
    align-items:center;
    gap: 12px;
    cursor:pointer;
    outline:none;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
    position:relative;
    will-change: transform;
  }
  .cmerx-tab:hover,
  .cmerx-tab:focus-visible{
    transform: translateY(-3px);
    border-color: rgba(40,74,220,.22);
    box-shadow: 0 22px 70px rgba(1,8,38,.12);
  }
  .cmerx-tab.is-active{
    border-color: rgba(40,74,220,.32);
    background:
      radial-gradient(420px 160px at 20% 0%, rgba(96,209,117,.10), transparent 60%),
      radial-gradient(520px 160px at 90% 20%, rgba(40,74,220,.10), transparent 60%),
      linear-gradient(180deg, rgba(40,74,220,.06), rgba(255,255,255,.80));
    box-shadow: 0 26px 84px rgba(1,8,38,.16);
  }
  .cmerx-tab::after{
    content:"";
    position:absolute; inset:0;
    border-radius: 18px;
    pointer-events:none;
    opacity: 0;
    transition: opacity .22s ease;
    background: linear-gradient(135deg, rgba(40,74,220,.22), rgba(96,209,117,.18), rgba(164,179,249,.16));
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    padding: 1px;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .cmerx-tab.is-active::after{ opacity: 1; }

  .cmerx-tab__ico{
    width: 46px; height: 46px;
    border-radius: 16px;
    display:grid;
    place-items:center;
    background: linear-gradient(180deg, rgba(164,179,249,.70), rgba(164,179,249,.18));
    border: 1px solid rgba(40,74,220,.14);
    box-shadow: 0 14px 34px rgba(40,74,220,.10);
    flex: 0 0 auto;
  }
  .cmerx-tab__ico svg{ width: 22px; height: 22px; fill: rgba(1,8,38,.92); }
  .cmerx-tab__ico--mint{
    background: linear-gradient(180deg, rgba(96,209,117,.22), rgba(164,179,249,.18));
    border-color: rgba(96,209,117,.22);
    box-shadow: 0 14px 34px rgba(96,209,117,.10);
  }
  .cmerx-tab__txt strong{
    display:block;
    color:#010826;
    font-weight:950;
    letter-spacing:-.01em;
    line-height:1.2;
    font-size: 14px;
  }
  .cmerx-tab__txt em{
    display:block;
    margin-top:4px;
    font-style: normal;
    color: rgba(1,8,38,.60);
    font-weight: 800;
    font-size: 11px;
    letter-spacing:.06em;
    text-transform: uppercase;
  }
  .cmerx-tab__pill{
    margin-left:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(40,74,220,.18);
    background: rgba(255,255,255,.75);
    color: rgba(40,74,220,.92);
    font-weight: 950;
    font-size: 11px;
    letter-spacing:.04em;
  }
  .cmerx-tab.is-active .cmerx-tab__pill{
    border-color: rgba(96,209,117,.26);
    background: rgba(96,209,117,.10);
    color: rgba(1,8,38,.92);
  }

  .cmerx-pro__cta{
    margin-top: 12px;
    border-radius: 22px;
    border: 1px solid rgba(40,74,220,.12);
    background: rgba(255,255,255,.84);
    box-shadow: 0 18px 60px rgba(1,8,38,.10);
    padding: 12px;
    text-align:center;
  }
  .cmerx-pro__btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(40,74,220,.18);
    background: linear-gradient(180deg, rgba(40,74,220,.98), rgba(40,74,220,.86));
    color:#fff;
    font-weight: 950;
    text-decoration:none;
    box-shadow: 0 14px 34px rgba(40,74,220,.16);
    transition: transform .2s ease, box-shadow .2s ease;
    width: 100%;
  }
  .cmerx-pro__btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(40,74,220,.22);
  }
  .cmerx-pro__micro{
    margin: 10px 0 0;
    color: rgba(1,8,38,.56);
    font-weight: 650;
    font-size: 12px;
    line-height: 1.6;
  }

  /* ===== Dashboard panel (Dark, more "data product") ===== */
  .cmerx-panel{
    max-width: 1100px;
    margin: 14px auto 0;
    border-radius: 28px;
    overflow:hidden;
    position:relative;
    box-shadow: 0 30px 120px rgba(1,8,38,.34);
    border: 1px solid rgba(164,179,249,.16);
    background:
      radial-gradient(1100px 520px at 0% 0%, rgba(164,179,249,.16), transparent 60%),
      radial-gradient(900px 520px at 100% 0%, rgba(96,209,117,.12), transparent 62%),
      linear-gradient(180deg, var(--pro-d0), var(--pro-d1));
  }
  .cmerx-panel__fx{
    position:absolute; inset:-2px;
    background:
      radial-gradient(700px 220px at 30% 0%, rgba(40,74,220,.22), transparent 62%),
      radial-gradient(700px 220px at 70% 0%, rgba(96,209,117,.18), transparent 62%),
      repeating-linear-gradient(120deg, rgba(164,179,249,.14) 0 1px, transparent 1px 16px);
    opacity:.22;
    pointer-events:none;
    mix-blend-mode: screen;
  }
  .cmerx-panel__inner{
    position:relative;
    z-index:1;
    padding: 14px;
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transform-style: preserve-3d;
    will-change: transform;
  }

  /* header row */
  .cmerx-panel__hdr{
    display:grid;
    grid-template-columns: 110px 1fr 220px;
    gap: 12px;
    align-items: start;
  }
  .cmerx-panel__badge{
    height: 44px;
    border-radius: 16px;
    display:grid;
    place-items:center;
    border: 1px solid rgba(164,179,249,.16);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.90);
    font-weight: 950;
    letter-spacing:.10em;
    font-size: 12px;
    box-shadow: 0 18px 60px rgba(0,0,0,.22);
  }
  .cmerx-panel__titles h3{
    margin:0;
    color: rgba(255,255,255,.94);
    font-weight: 950;
    letter-spacing:-.01em;
    font-size: 18px;
    line-height: 1.2;
  }
  .cmerx-panel__titles p{
    margin: 6px 0 0;
    color: rgba(255,255,255,.72);
    font-weight: 650;
    line-height: 1.6;
    font-size: 13px;
  }
  .cmerx-panel__meta{
    display:grid;
    gap: 10px;
    justify-items: end;
  }
  .cmerx-metaPill{
    width: 100%;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.05);
    box-shadow: 0 18px 60px rgba(0,0,0,.20);
    padding: 10px 12px;
  }
  .cmerx-metaPill__l{
    display:block;
    color: rgba(255,255,255,.70);
    font-weight: 850;
    font-size: 12px;
    letter-spacing:.01em;
  }
  .cmerx-metaPill__v{
    margin-top: 6px;
    display:flex;
    align-items:baseline;
    gap: 6px;
    color: rgba(255,255,255,.92);
    font-weight: 950;
  }
  .cmerx-metaPill__v b{ font-size: 16px; letter-spacing:-.01em; }
  .cmerx-metaPill__v em{
    font-style: normal;
    color: rgba(255,255,255,.55);
    font-weight: 750;
    font-size: 12px;
  }

  /* snapshot cards */
  .cmerx-snap{
    margin-top: 12px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .cmerx-snapCard{
    border-radius: 20px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.05);
    box-shadow: 0 18px 70px rgba(0,0,0,.22);
    padding: 12px;
    position:relative;
    overflow:hidden;
  }
  .cmerx-snapCard::before{
    content:"";
    position:absolute; inset:-1px;
    background: radial-gradient(420px 140px at 20% 0%, rgba(255,255,255,.12), transparent 65%);
    opacity:.85;
    pointer-events:none;
  }
  .cmerx-snapTag{
    display:inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.16);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.88);
    font-weight: 950;
    font-size: 12px;
    letter-spacing:.01em;
  }
  .cmerx-snapTag--after{
    border-color: rgba(96,209,117,.22);
    background: rgba(96,209,117,.12);
    color: rgba(255,255,255,.92);
  }
  .cmerx-snapNum{
    margin-top: 10px;
    display:flex;
    align-items:baseline;
    gap: 6px;
    color: rgba(255,255,255,.95);
    font-weight: 950;
  }
  .cmerx-snapNum b{ font-size: 22px; letter-spacing:-.02em; }
  .cmerx-snapNum em{
    font-style: normal;
    color: rgba(255,255,255,.56);
    font-weight: 750;
    font-size: 12px;
  }
  .cmerx-snapBar{
    margin-top: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(164,179,249,.14);
    overflow:hidden;
  }
  .cmerx-snapBar span{
    display:block;
    height:100%;
    width: calc(var(--v, 0) * 1%);
    background: linear-gradient(90deg, rgba(40,74,220,.85), rgba(164,179,249,.70));
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset;
    transition: width .75s cubic-bezier(.2,.9,.2,1);
  }
  .cmerx-snapBar--after span{
    background: linear-gradient(90deg, rgba(96,209,117,.80), rgba(164,179,249,.65));
  }
  .cmerx-snapCard p{
    margin: 10px 0 0;
    color: rgba(255,255,255,.72);
    font-weight: 650;
    line-height: 1.6;
    font-size: 13px;
    position:relative;
  }

  /* main grid */
  .cmerx-main{
    margin-top: 12px;
    display:grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 10px;
    align-items: stretch;
  }

  /* metrics */
  .cmerx-metrics{
    border-radius: 22px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.04);
    box-shadow: 0 22px 90px rgba(0,0,0,.24);
    padding: 12px;
    position:relative;
    overflow:hidden;
  }
  .cmerx-metrics::before{
    content:"";
    position:absolute; inset:-2px;
    background: radial-gradient(520px 180px at 20% 0%, rgba(40,74,220,.16), transparent 62%);
    opacity:.75;
    pointer-events:none;
  }
  .cmerx-metrics__head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap: 10px;
    position:relative;
  }
  .cmerx-metrics__head strong{
    color: rgba(255,255,255,.92);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmerx-metrics__head span{
    color: rgba(255,255,255,.60);
    font-weight: 800;
    font-size: 12px;
    letter-spacing:.06em;
    text-transform: uppercase;
  }

  .cmerx-mRow{
    margin-top: 10px;
    border-radius: 18px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.04);
    padding: 10px;
    display:grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 10px;
    position:relative;
  }
  .cmerx-mRow__l b{
    display:block;
    color: rgba(255,255,255,.90);
    font-weight: 950;
    letter-spacing:-.01em;
  }
  .cmerx-mRow__l small{
    display:block;
    margin-top: 4px;
    color: rgba(255,255,255,.60);
    font-weight: 700;
    line-height: 1.4;
  }

  .cmerx-mVals{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap: 10px;
  }
  .cmerx-mVals__b,
  .cmerx-mVals__a{
    display:inline-flex;
    align-items:baseline;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.86);
    font-weight: 900;
    min-width: 86px;
    justify-content:center;
  }
  .cmerx-mVals__b i,
  .cmerx-mVals__a i{
    font-style: normal;
    font-weight: 900;
    font-size: 10px;
    letter-spacing:.10em;
    text-transform: uppercase;
    color: rgba(255,255,255,.58);
  }
  .cmerx-mDelta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(96,209,117,.20);
    background: rgba(96,209,117,.10);
    color: rgba(255,255,255,.92);
    font-weight: 950;
    min-width: 64px;
  }

  .cmerx-mBar{
    margin-top: 8px;
    height: 12px;
    border-radius: 999px;
    position:relative;
    overflow:hidden;
  }
  .cmerx-mBar__track{
    position:absolute; inset:0;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(164,179,249,.14);
    border-radius: 999px;
  }
  .cmerx-mBar__before,
  .cmerx-mBar__after{
    position:absolute; left:0; top:0; bottom:0;
    border-radius: 999px;
    transform-origin: left center;
    will-change: width;
    transition: width .85s cubic-bezier(.2,.9,.2,1);
  }
  .cmerx-mBar__before{
    width: calc(var(--b, 0) * 1%);
    background: linear-gradient(90deg, rgba(40,74,220,.55), rgba(164,179,249,.45));
    box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
    opacity: .95;
  }
  .cmerx-mBar__after{
    width: calc(var(--a, 0) * 1%);
    background: linear-gradient(90deg, rgba(96,209,117,.70), rgba(164,179,249,.40));
    box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset;
    opacity: .95;
  }

  /* visuals */
  .cmerx-viz{
    border-radius: 22px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.04);
    box-shadow: 0 22px 90px rgba(0,0,0,.28);
    padding: 12px;
    overflow:hidden;
    position:relative;
  }
  .cmerx-viz::before{
    content:"";
    position:absolute; inset:-2px;
    background: radial-gradient(520px 180px at 70% 0%, rgba(96,209,117,.14), transparent 62%);
    opacity:.75;
    pointer-events:none;
  }

  .cmerx-viz__top{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap: 12px;
  }
  .cmerx-viz__legend{
    display:flex;
    gap: 12px;
    flex-wrap:wrap;
    color: rgba(255,255,255,.72);
    font-weight: 900;
    font-size: 12px;
  }
  .cmerx-viz__legend span{
    display:inline-flex;
    align-items:center;
    gap: 8px;
  }
  .cmerx-dot{
    width: 10px; height: 10px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.22);
    background: rgba(164,179,249,.22);
  }
  .cmerx-dot--before{ background: rgba(40,74,220,.26); border-color: rgba(40,74,220,.30); }
  .cmerx-dot--after{ background: rgba(96,209,117,.30); border-color: rgba(96,209,117,.30); }

  .cmerx-spark{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(164,179,249,.14);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.74);
    font-weight: 900;
    font-size: 12px;
  }
  .cmerx-spark__t{
    letter-spacing:.06em;
    text-transform: uppercase;
    color: rgba(255,255,255,.60);
  }
  .cmerx-spark__svg{
    width: 120px;
    height: 28px;
  }
  .cmerx-spark__svg path{
    fill: none;
    stroke: rgba(96,209,117,.78);
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 6px 10px rgba(96,209,117,.20));
  }

  .cmerx-viz__card{
    margin-top: 10px;
    border-radius: 20px;
    border: 1px solid rgba(164,179,249,.12);
    background:
      radial-gradient(700px 240px at 50% 10%, rgba(40,74,220,.14), transparent 60%),
      rgba(255,255,255,.02);
    box-shadow: 0 26px 110px rgba(0,0,0,.32);
    padding: 12px;
    transform: perspective(1200px) rotateX(1.6deg);
  }

  .cmerx-radar{
    width: 100%;
    height: auto;
    border-radius: 18px;
  }

  .cmerx-poly{
    fill: rgba(255,255,255,.02);
    stroke-width: 2.8;
    stroke-linejoin: round;
    stroke-linecap: round;
    opacity: 0.98;
  }
  .cmerx-poly--before{
    stroke: rgba(164,179,249,.78);
    fill: rgba(40,74,220,.10);
  }
  .cmerx-poly--after{
    stroke: rgba(96,209,117,.90);
    fill: rgba(96,209,117,.10);
  }

  .cmerx-pt{ opacity: .96; }

  .cmerx-foot{
    margin-top: 10px;
    color: rgba(255,255,255,.60);
    font-weight: 650;
    font-size: 12px;
    line-height: 1.6;
  }

  .cmerx-hiddenKpis{
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:1px;height:1px;
    overflow:hidden;
  }

  /* Swap / emphasis */
  .cmerx-panel.is-swapping .cmerx-panel__titles,
  .cmerx-panel.is-swapping .cmerx-panel__meta,
  .cmerx-panel.is-swapping .cmerx-snap,
  .cmerx-panel.is-swapping .cmerx-main{
    animation: cmerxProFade .36s ease both;
  }
  @keyframes cmerxProFade{
    from{ opacity:0; transform: translateY(10px); }
    to{ opacity:1; transform: translateY(0); }
  }

  /* Reveal hooks */
  .cmerx-out [data-reveal]{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .cmerx-out .is-inview{
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 980px){
    .cmerx-panel__hdr{ grid-template-columns: 110px 1fr; }
    .cmerx-panel__meta{ grid-column: 1 / -1; grid-template-columns: 1fr 1fr; justify-items: stretch; }
    .cmerx-snap{ grid-template-columns: 1fr; }
    .cmerx-main{ grid-template-columns: 1fr; }
    .cmerx-viz__card{ transform:none; }
    .cmerx-tab{ min-width: 260px; }
  }

  @media (prefers-reduced-motion: reduce){
    .cmerx-out [data-reveal]{ transition:none !important; }
    .cmerx-tab{ transition:none !important; }
    .cmerx-panel.is-swapping .cmerx-panel__titles,
    .cmerx-panel.is-swapping .cmerx-panel__meta,
    .cmerx-panel.is-swapping .cmerx-snap,
    .cmerx-panel.is-swapping .cmerx-main{ animation:none !important; }
    .cmerx-mBar__before,
    .cmerx-mBar__after,
    .cmerx-snapBar span{ transition:none !important; }
    .cmerx-panel__inner{ transform:none !important; }
  }
/* === FULL-WIDTH / FULL-BLEED DASHBOARD (Break out of container) === */
.cmerx-panel.cmerx-panel--full{
  max-width: none;     /* يلغي قفل 1100px */
  width: 100vw;        /* ياخد عرض الشاشة */
  margin-left: calc(50% - 50vw);  /* breakout من الكونتينر */
  margin-right: calc(50% - 50vw); /* breakout من الكونتينر */
  margin-top: 14px;
  border-radius: 30px; /* شكل أفخم */
}

/* Optional: خفف الحواف على الموبايل عشان ما يبانش مقصوص */
@media (max-width: 700px){
  .cmerx-panel.cmerx-panel--full{
    border-radius: 18px;
  }
  .cmerx-panel.cmerx-panel--full .cmerx-panel__inner{
    padding: 12px;
  }
}

/* === Spotlight instead of tilt === */
.cmerx-panel__inner{
  transform: none !important; /* ضمان */
  position: relative;
  overflow: hidden;
}

/* طبقة الإضاءة */
.cmerx-panel__inner::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  opacity: 0;
  transition: opacity .18s ease;
  background:
    radial-gradient(
      520px 320px at var(--mx, 50%) var(--my, 30%),
      rgba(255,255,255,.10),
      rgba(96,209,117,.08) 22%,
      rgba(40,74,220,.06) 42%,
      transparent 68%
    );
  mix-blend-mode: screen;
}

/* لما الماوس يدخل */
.cmerx-panel__inner.is-hot::after{
  opacity: 1;
}

/* لو عايزها أهدى */
@media (prefers-reduced-motion: reduce){
  .cmerx-panel__inner::after{ transition:none; }
}


/* =========================
   CONTACT (Light) — SIMPLE
========================= */

.cl-contact{
  padding: calc(var(--nav-h, 76px) + 26px) 0 60px;
  background:
    radial-gradient(1000px 420px at 10% 0%, rgba(164,179,249,.35), transparent 60%),
    radial-gradient(900px 420px at 90% 10%, rgba(96,209,117,.22), transparent 62%),
    linear-gradient(180deg, #f7f9ff, #ffffff);
  border-top: 1px solid rgba(1,8,38,.06);
}

.cl-head{
  margin-bottom: 16px;
  padding: 18px 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(1,8,38,.08);
  box-shadow: 0 18px 54px rgba(1,8,38,.06);
}

.cl-crumb{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(1,8,38,.55);
  font-weight: 700;
}
.cl-crumb span{ opacity: .5; margin: 0 6px; }

.cl-title{
  margin: 10px 0 6px;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.05;
  letter-spacing: -.02em;
  color: #010826;
  font-weight: 850;
}
.cl-sub{
  margin:0;
  color: rgba(1,8,38,.70);
  line-height: 1.65;
  max-width: 70ch;
  font-weight: 450;
}

.cl-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
  align-items: start;
}

.cl-card{
  border-radius: 22px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(1,8,38,.08);
  box-shadow: 0 18px 54px rgba(1,8,38,.06);
  padding: 12px;
}

.cl-stack{
  display:grid;
  gap: 14px;
}

.cl-cardTitle{
  margin:0;
  font-size: 18px;
  color:#010826;
  font-weight: 800;
  letter-spacing:-.01em;
}
.cl-cardSub{
  margin: 8px 0 0;
  color: rgba(1,8,38,.68);
  line-height: 1.6;
  font-weight: 450;
}

.cl-form{ margin-top: 14px; display:grid; gap: 10px; }
.cl-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cl-field{ display:grid; gap: 6px; }

.cl-label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(1,8,38,.55);
  font-weight: 700;
}

.cl-input, .cl-textarea, .cl-select{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(1,8,38,.10);
  background: #fff;
  color:#010826;
  outline:none;
  font-weight: 450;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cl-input::placeholder, .cl-textarea::placeholder{ color: rgba(1,8,38,.35); }
.cl-input:focus, .cl-textarea:focus, .cl-select:focus{
  border-color: rgba(40,74,220,.35);
  box-shadow: 0 16px 44px rgba(40,74,220,.10);
  transform: translateY(-1px);
}
.cl-textarea{ min-height: 120px; resize: vertical; }

.cl-actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
  align-items:center;
}

.cl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(1,8,38,.10);
  background: #fff;
  color:#010826;
  font-weight: 750;
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cl-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 54px rgba(1,8,38,.08);
  border-color: rgba(40,74,220,.22);
}
.cl-btn--primary{
  background: linear-gradient(180deg, rgba(40,74,220,1), rgba(40,74,220,.86));
  border-color: rgba(40,74,220,.30);
  color:#fff;
}
.cl-btn--primary:hover{ box-shadow: 0 18px 54px rgba(40,74,220,.18); }

.cl-note{
  margin-top: 8px;
  font-size: 13px;
  color: rgba(1,8,38,.6);
  min-height: 18px;
  font-weight: 450;
}

.cl-chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.cl-chip{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(1,8,38,.10);
  background: #fff;
  color:#010826;
  text-decoration:none;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cl-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 44px rgba(1,8,38,.08);
  border-color: rgba(40,74,220,.18);
}
.cl-chip--wa{
  border-color: rgba(96,209,117,.35);
  background: rgba(96,209,117,.10);
}

.cl-copyRow{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.cl-copy{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(1,8,38,.10);
  background: #fff;
  font-weight: 750;
  cursor:pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cl-copy:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 44px rgba(1,8,38,.08);
}

.cl-locs{
  display:grid;
  gap: 10px;
  margin-top: 12px;
}
.cl-loc{
  display:block;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(1,8,38,.10);
  background: #fff;
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cl-loc:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 44px rgba(1,8,38,.08);
  border-color: rgba(40,74,220,.18);
}
.cl-loc strong{
  display:block;
  color:#010826;
  font-weight: 800;
}
.cl-loc span{
  display:block;
  margin-top: 4px;
  color: rgba(1,8,38,.65);
  line-height: 1.5;
  font-weight: 450;
  font-size: 13px;
}

/* responsive */
@media (max-width: 980px){
  .cl-grid{ grid-template-columns: 1fr; }
  .cl-row{ grid-template-columns: 1fr; }
}




  /* =========================
     EPC Services Page Sections
     ========================= */
  :root{
    --epc-ink:#0b1220;
    --epc-muted:rgba(11,18,32,.70);
    --epc-border:rgba(11,18,32,.10);

    --epc-navy:#010826;
    --epc-blue:#284adc;
    --epc-soft:#a4b3f9;
    --epc-green:#60d175;

    --epc-bg:#f6f8ff;
    --epc-surface: rgba(255,255,255,.86);
    --epc-surface2: rgba(255,255,255,.96);

    --epc-shadow: 0 20px 55px rgba(1,8,38,.12);
    --epc-shadow2: 0 28px 80px rgba(1,8,38,.16);

    --epc-radius: 22px;
  }

  .epc-wrap{
    background:
      radial-gradient(1200px 700px at 15% 10%, rgba(40,74,220,.14), transparent 60%),
      radial-gradient(900px 600px at 85% 30%, rgba(96,209,117,.10), transparent 60%),
      linear-gradient(180deg, var(--epc-bg), #ffffff);
  }

  .epc-section{
    padding: 90px 0;
    position: relative;
  }

  .epc-head{
    max-width: 980px;
    margin: 0 auto 34px;
    text-align: center;
  }
  .epc-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(40,74,220,.10);
    border: 1px solid rgba(40,74,220,.18);
    color: rgba(1,8,38,.88);
    font-weight: 800;
    letter-spacing: .2px;
    font-size: 12px;
  }
  .epc-kicker i{
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--epc-green);
    box-shadow: 0 0 0 6px rgba(96,209,117,.12);
  }

  .epc-title{
    margin: 14px 0 10px;
    font-weight: 900;
    font-size: clamp(28px, 3.2vw, 46px);
    color: var(--epc-navy);
    letter-spacing: -.3px;
  }
  .epc-subtitle{
    margin: 0 auto;
    max-width: 820px;
    color: var(--epc-muted);
    font-size: 16px;
    line-height: 1.7;
  }

  /* Grid */
  .epc-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
  }

  /* Core service cards */
  .epc-coreCard{
    grid-column: span 6;
    background: var(--epc-surface);
    border: 1px solid var(--epc-border);
    border-radius: var(--epc-radius);
    box-shadow: var(--epc-shadow);
    overflow: hidden;
    position: relative;
  }
  .epc-coreCard::before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
      radial-gradient(600px 220px at 20% 0%, rgba(40,74,220,.20), transparent 55%),
      radial-gradient(520px 240px at 80% 0%, rgba(96,209,117,.16), transparent 60%);
    opacity:.7;
    pointer-events:none;
  }
  .epc-coreCard__in{
    position:relative;
    padding: 22px 22px 18px;
  }
  .epc-coreTop{
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
  }
  .epc-coreTitle{
    margin: 0;
    font-size: 18px;
    font-weight: 900;
    color: var(--epc-navy);
  }
  .epc-coreBadge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(1,8,38,.06);
    border: 1px solid rgba(1,8,38,.10);
    color: rgba(1,8,38,.86);
    font-weight: 800;
    font-size: 12px;
    white-space: nowrap;
  }
  .epc-coreBadge span{
    width: 10px; height: 10px;
    border-radius: 3px;
    background: var(--epc-blue);
    box-shadow: 0 0 0 6px rgba(40,74,220,.12);
  }
  .epc-list{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .epc-list li{
    display:flex;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid rgba(11,18,32,.08);
    color: rgba(11,18,32,.82);
    line-height: 1.55;
    font-size: 14.5px;
  }
  .epc-list li:first-child{ border-top: 0; padding-top: 0; }
  .epc-dot{
    flex: 0 0 auto;
    width: 10px; height: 10px; margin-top: 6px;
    border-radius: 50%;
    background: rgba(40,74,220,.95);
    box-shadow: 0 0 0 7px rgba(40,74,220,.10);
  }

  /* Trust section */
  .epc-trustBox{
    grid-column: span 12;
    background: var(--epc-surface2);
    border: 1px solid var(--epc-border);
    border-radius: calc(var(--epc-radius) + 6px);
    box-shadow: var(--epc-shadow2);
    padding: 26px;
    position: relative;
    overflow: hidden;
  }
  .epc-trustBox::after{
    content:"";
    position:absolute;
    right:-140px; top:-140px;
    width: 360px; height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(40,74,220,.18), transparent 62%);
    pointer-events:none;
  }
  .epc-trustGrid{
    display:grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 14px;
    position: relative;
  }
  .epc-trustItem{
    grid-column: span 6;
    display:flex;
    align-items:flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 18px;
    border: 1px solid rgba(11,18,32,.10);
    background: rgba(255,255,255,.78);
  }
  .epc-check{
    width: 34px; height: 34px;
    border-radius: 12px;
    display:grid;
    place-items:center;
    background: rgba(96,209,117,.12);
    border: 1px solid rgba(96,209,117,.26);
    color: rgba(1,8,38,.92);
    flex: 0 0 auto;
    font-weight: 900;
  }
  .epc-trustText{
    margin: 0;
    color: rgba(11,18,32,.84);
    line-height: 1.55;
    font-size: 14.5px;
    font-weight: 700;
  }

  /* Future outlook */
  .epc-future{
    grid-column: span 12;
    border-radius: calc(var(--epc-radius) + 10px);
    overflow:hidden;
    border: 1px solid rgba(40,74,220,.22);
    box-shadow: var(--epc-shadow2);
    background:
      radial-gradient(900px 360px at 20% 10%, rgba(40,74,220,.26), transparent 58%),
      radial-gradient(900px 420px at 85% 70%, rgba(96,209,117,.18), transparent 60%),
      linear-gradient(135deg, rgba(1,8,38,.98), rgba(40,74,220,.92));
    color: #fff;
    position: relative;
  }
  .epc-future__in{
    padding: 34px 28px;
    display:grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;
    align-items: center;
  }
  .epc-futureTitle{
    grid-column: span 12;
    margin: 0 0 6px;
    font-weight: 900;
    font-size: clamp(22px, 2.8vw, 34px);
    letter-spacing: -.2px;
  }
  .epc-futureText{
    grid-column: span 12;
    margin: 0;
    color: rgba(255,255,255,.88);
    line-height: 1.75;
    font-size: 15.5px;
    max-width: 980px;
  }

  /* Responsive */
  @media (max-width: 991px){
    .epc-coreCard{ grid-column: span 12; }
    .epc-trustItem{ grid-column: span 12; }
    .epc-section{ padding: 70px 0; }
  }

  /* ===== Fix Cards Spacing ===== */

/* مسافة بين الكروت رأسياً */
.services-one .col-xl-4,
.services-one .col-lg-4{
  margin-bottom: 30px;
}



/* ===== Mobile Fix ===== */
@media (max-width: 767px){

  /* مسافة أكبر على الموبايل */
  .services-one .col-xl-4,
  .services-one .col-lg-4{
    margin-bottom: 25px;
  }


  /* يمنع أي لزق نهائي */
  .services-one .row{
    row-gap: 20px;
  }

}










/* =========================================================
File: /assets/css/cips-levels-3cards-full.css
Section: .cips3 (3 cards clickable, no buttons)
========================================================= */

/* Section */
.cips3 {
  padding: clamp(42px, 6vw, 84px) 0;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(77, 99, 255, 0.10), transparent 60%),
    radial-gradient(900px 500px at 10% 10%, rgba(0, 170, 255, 0.10), transparent 55%),
    #fff;
}

.cips3__container {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.cips3__head {
  text-align: center;
  margin-bottom: 28px;
}

.cips3__kicker {
  display: inline-block;
  letter-spacing: .22em;
  font-weight: 800;
  font-size: 12px;
  color: #2446ff;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.cips3__title {
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.12;
  font-weight: 600;
  margin: 0 0 10px 0;
  color: #0b163a;
}

.cips3__sub {
  margin: 0 auto;
  max-width: 760px;
  color: rgba(11, 22, 58, 0.72);
  font-size: 16px;
  line-height: 1.6;
}

/* Grid */
.cips3__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
  margin-top: 26px;
}

/* Card link (whole card clickable) */
.cips3__cardLink {
  grid-column: span 4;
  display: block;
  background: #fff;
  border: 1px solid rgba(11, 22, 58, 0.10);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(11, 22, 58, 0.08);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  text-decoration: none;
  color: inherit;
  outline: none;
  position: relative;
}

.cips3__cardLink:hover,
.cips3__cardLink:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(36, 70, 255, 0.25);
  box-shadow: 0 20px 55px rgba(11, 22, 58, 0.14);
}

/* Header/media area */
.cips3__media {
  padding: 26px;
  display: grid;
  place-items: center;
  min-height: 180px;
  background: linear-gradient(135deg, rgba(0, 170, 255, 0.12), rgba(77, 99, 255, 0.12));
}

/* Circle */
.cips3__circle {
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(11, 22, 58, 0.10);
  display: grid;
  place-items: center;
  position: relative;
  backdrop-filter: blur(8px);
}

/* Number + vertical label */
.cips3__num {
  font-weight: 900;
  font-size: 64px;
  line-height: 1;
  color: #0b163a;
}

.cips3__label {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  font-size: 12px;
  letter-spacing: .16em;
  font-weight: 800;
  color: rgba(11, 22, 58, 0.78);
  text-transform: uppercase;
}

/* Body */
.cips3__body {
  padding: 18px 18px 16px;
}

.cips3__cardTitle {
  margin: 0 0 8px 0;
  font-size: 18px;
  line-height: 1.35;
  color: #0b163a;
}

.cips3__cardDesc {
  margin: 0 0 14px 0;
  color: rgba(11, 22, 58, 0.72);
  line-height: 1.6;
  font-size: 14.5px;
}

/* Meta */
.cips3__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.cips3__pill {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(36, 70, 255, 0.10);
  color: #2446ff;
  border: 1px solid rgba(36, 70, 255, 0.18);
}

.cips3__pill--teal {
  background: rgba(0, 170, 255, 0.10);
  color: #0077cc;
  border-color: rgba(0, 170, 255, 0.18);
}

.cips3__pill--violet {
  background: rgba(120, 70, 255, 0.10);
  color: #5a2dff;
  border-color: rgba(120, 70, 255, 0.18);
}

.cips3__dot {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(11, 22, 58, 0.25);
}

.cips3__muted {
  font-size: 13px;
  color: rgba(11, 22, 58, 0.65);
}

/* CTA line (text + arrow) */
.cips3__cta {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  color: #2446ff;
}

.cips3__ctaIcon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(36, 70, 255, 0.22);
  background: rgba(36, 70, 255, 0.08);
  transition: transform .18s ease;
}

.cips3__cardLink:hover .cips3__ctaIcon,
.cips3__cardLink:focus-visible .cips3__ctaIcon {
  transform: translateX(2px);
}

/* Ribbon */
.cips3__ribbon {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255, 11, 85, 0.10);
  color: #ff0b55;
  border: 1px solid rgba(255, 11, 85, 0.18);
}

/* Note */
.cips3__note {
  text-align: center;
  margin: 18px auto 0;
  max-width: 820px;
  font-size: 13px;
  color: rgba(11, 22, 58, 0.62);
}

/* =========================================================
LEVEL COLORS (match your screenshot style)
Use: data-level="2|3|4" on .cips3__cardLink
========================================================= */

/* Level 2 (Teal) */
.cips3__cardLink[data-level="2"] {
  --cips-bg-1: rgba(0, 192, 178, 0.55);
  --cips-bg-2: rgba(0, 192, 178, 0.32);
  --cips-surface: rgba(0, 192, 178, 0.18);
  --cips-cta: #009a90;
}

.cips3__cardLink[data-level="2"] .cips3__media {
  background: linear-gradient(135deg, var(--cips-bg-1), var(--cips-bg-2));
}

.cips3__cardLink[data-level="2"] .cips3__circle {
  box-shadow: inset 0 0 0 999px var(--cips-surface);
}

.cips3__cardLink[data-level="2"] .cips3__cta { color: var(--cips-cta); }
.cips3__cardLink[data-level="2"] .cips3__ctaIcon {
  border-color: rgba(0, 154, 144, 0.22);
  background: rgba(0, 154, 144, 0.10);
}

/* Level 3 (Cyan) */
.cips3__cardLink[data-level="3"] {
  --cips-bg-1: rgba(0, 190, 255, 0.55);
  --cips-bg-2: rgba(0, 190, 255, 0.32);
  --cips-surface: rgba(0, 190, 255, 0.18);
  --cips-cta: #0077cc;
}

.cips3__cardLink[data-level="3"] .cips3__media {
  background: linear-gradient(135deg, var(--cips-bg-1), var(--cips-bg-2));
}

.cips3__cardLink[data-level="3"] .cips3__circle {
  box-shadow: inset 0 0 0 999px var(--cips-surface);
}

.cips3__cardLink[data-level="3"] .cips3__cta { color: var(--cips-cta); }
.cips3__cardLink[data-level="3"] .cips3__ctaIcon {
  border-color: rgba(0, 119, 204, 0.22);
  background: rgba(0, 119, 204, 0.10);
}

/* Level 4 (Navy + Ring + Pink number) */
.cips3__cardLink[data-level="4"] {
  --cips-bg-1: rgba(14, 0, 90, 0.92);
  --cips-bg-2: rgba(14, 0, 90, 0.78);
  --cips-cta: #2f66ff;
}

.cips3__cardLink[data-level="4"] .cips3__media {
  background: linear-gradient(135deg, var(--cips-bg-1), var(--cips-bg-2));
}

.cips3__cardLink[data-level="4"] .cips3__circle {
  background: rgba(12, 0, 70, 0.78);
  border-color: rgba(120, 160, 255, 0.22);
  box-shadow:
    0 0 0 10px rgba(60, 120, 255, 0.28),
    inset 0 0 0 18px rgba(60, 120, 255, 0.18);
}

.cips3__cardLink[data-level="4"] .cips3__num { color: #ff0b55; }
.cips3__cardLink[data-level="4"] .cips3__label { color: rgba(255, 255, 255, 0.92); }

.cips3__cardLink[data-level="4"] .cips3__cta { color: var(--cips-cta); }
.cips3__cardLink[data-level="4"] .cips3__ctaIcon {
  border-color: rgba(60, 120, 255, 0.28);
  background: rgba(60, 120, 255, 0.12);
}

/* Featured border/glow (optional) */
.cips3__cardLink--featured {
  border-color: rgba(255, 11, 85, 0.18);
  box-shadow: 0 18px 60px rgba(255, 11, 85, 0.10);
}

/* =========================================================
Responsive
========================================================= */
@media (max-width: 980px) {
  .cips3__cardLink { grid-column: span 6; }
}

@media (max-width: 640px) {
  .cips3__grid { gap: 14px; }
  .cips3__cardLink { grid-column: span 12; }
}



/* EPC precision edit overrides */
:root{--p:#284adc;--blue:#284adc;--green:#60d175;--premium-gradient:linear-gradient(135deg, var(--p), rgba(96,209,117,0.55));}
.thm-btn,.main-slider-three__btn,.about-one__btn,.pro-btn,.track-card__btn,.epc-open-btn,.epc-submit-btn,.footer-form button,.epc-inline-contact .footer-form button{background:var(--premium-gradient) !important;background-color:transparent !important;border:0;box-shadow:0 16px 36px rgba(40,74,220,.18);}
.main-slider-three__btn:after,.about-one__btn:after,.thm-btn:after{background-color:#010826;}
.pro-badge,.counter-chip,.counter-card__icon,.services-one__icon,.epc-card__step,.epc-card__pill,.epc-o-icon,.epc-panel__badge,.stat-card::before,.mL-num,.cmer-scard__num,.cmer-mercard__num,.osx-opBadge,.osx-opDot,.track-card__badge{background:var(--premium-gradient) !important;color:#fff !important;border-color:rgba(96,209,117,.26) !important;}
.main-menu-three__wrapper-main-menu{display:flex;justify-content:center;}.main-menu__list>li{margin-inline:12px;}
.epc-footer{background:linear-gradient(180deg,#010826,#07123b);}.footer-grid{align-items:start;}.footer-brand p{display:none;}
.footer-form{display:grid;gap:10px;margin-top:18px;}.footer-form label{display:grid;gap:6px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.3;font-weight:800;}.footer-form input,.footer-form textarea{width:100%;border:1px solid rgba(164,179,249,.20);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;padding:11px 13px;outline:none;font:inherit;}.footer-form textarea{min-height:92px;resize:vertical;}.footer-form input::placeholder,.footer-form textarea::placeholder{color:rgba(255,255,255,.46);}.footer-form button{width:100%;color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;}.footer-form--inline{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));}.footer-form--inline label:nth-child(4),.footer-form--inline button{grid-column:1/-1;}
.epc-inline-contact{padding:70px 0;background:linear-gradient(180deg,#fff,rgba(164,179,249,.12));}.epc-inline-contact__panel{max-width:880px;margin:0 auto;padding:30px;border-radius:22px;background:#010826;border:1px solid rgba(164,179,249,.18);box-shadow:0 24px 70px rgba(1,8,38,.14);}.epc-inline-contact__head{text-align:center;margin-bottom:22px;}.epc-inline-contact__head span{color:#60d175;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;}.epc-inline-contact__head h2{color:#fff;font-size:clamp(30px,4vw,46px);margin-top:8px;}
.epc-hero-min--dark{padding:120px 0 58px;}.epc-hero-min--dark .epc-hero-min__wrap{background:linear-gradient(135deg,rgba(40,74,220,.30),rgba(96,209,117,.15)),rgba(255,255,255,.06);min-height:190px;display:flex;flex-direction:column;justify-content:center;}.epc-hero-min--dark .epc-hero-min__wrap::after{right:-92px;top:-92px;background:radial-gradient(circle at 30% 30%,rgba(164,179,249,.50),rgba(40,74,220,.24) 55%,transparent 70%);}.epc-hero-min--dark .epc-hero-min__line{display:none;}.epc-hero-min__green{color:#60d175;}
.about-one .row{align-items:stretch;}.about-one__left,.about-one__img{height:100%;}.about-one__img img{height:100%;min-height:420px;object-fit:cover;}.about-one__right .section-title__tagline{font-size:clamp(28px,3vw,42px) !important;line-height:1.18;color:#010826 !important;font-weight:900 !important;letter-spacing:.05em;}.about-one__right{height:100%;display:flex;flex-direction:column;justify-content:center;}
.methodL__head{text-align:center;}.methodL--values .methodL__title{text-align:center;}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}.value-card{position:relative;min-height:260px;padding:28px;border-radius:18px;background:linear-gradient(180deg,#fff,rgba(164,179,249,.08));border:1px solid rgba(40,74,220,.14);box-shadow:0 18px 46px rgba(1,8,38,.08);overflow:hidden;}.value-card::after{content:"";position:absolute;right:-80px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(96,209,117,.16),transparent 65%);}.value-card__num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:#fff;font-weight:950;background:var(--premium-gradient);margin-bottom:18px;}.value-card__icon{position:absolute;right:24px;top:28px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--premium-gradient);}.value-card h3{color:#010826;font-size:22px;line-height:1.28;font-weight:950;margin:0 0 12px;max-width:86%;}.value-card p{color:#596675;font-size:16px;line-height:1.75;margin:0;}
.journey__kicker,.journey__sub,.journey__rail,.journey__nav,.journey__hint{display:none !important;}.journey__tabs{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 22px;padding:0 20px;}.journey__tab{border:1px solid rgba(40,74,220,.18);background:#fff;color:#010826;border-radius:999px;padding:11px 20px;font-weight:950;cursor:pointer;box-shadow:0 10px 26px rgba(1,8,38,.06);}.journey__tab.is-active{background:var(--premium-gradient);color:#fff;border-color:transparent;}.journey__scroller{display:block;overflow:visible;max-width:960px;margin:0 auto;}.journey__card{display:none;flex:none;width:100%;max-width:900px;margin:0 auto;opacity:1;transform:none;}.journey__card.is-active{display:block;}.journey-video-card{position:relative;max-width:760px;margin:20px auto 0;padding:14px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid rgba(40,74,220,.14);box-shadow:0 20px 60px rgba(1,8,38,.10);}.journey-video-card .epc-video-section{padding:0;margin:0;}.journey-video-card .epc-video-wrap{border-radius:14px;overflow:hidden;}
.epc-approach .epc-card{border-color:rgba(40,74,220,.14);box-shadow:0 18px 46px rgba(1,8,38,.08);}.epc-approach .epc-card::before{background:var(--premium-gradient) !important;}.epc-o-icon{box-shadow:0 14px 32px rgba(40,74,220,.18);}.proof-tag,.epc-outcomes__tag{display:none !important;}.proof-stats .counter::after{content:"+";}
.osx-card{grid-template-columns:minmax(280px,.82fr) 1fr;align-items:center;}.osx-card--reverse{grid-template-columns:1fr minmax(280px,.82fr);}.osx-media{min-height:290px;}.osx-lead--tight{font-size:20px !important;line-height:1.85 !important;}.osx-section--opmodel .osx-title{font-size:clamp(38px,5vw,64px);line-height:1.05;}.osx-section--opmodel .osx-sub{font-size:16px;line-height:1.7;max-width:820px;}.osx-opGrid{grid-template-columns:1fr;}.osx-opCard{display:none;cursor:default;width:100%;}.osx-opCard.is-active{display:block;}.osx-opCard__title{font-size:clamp(26px,3vw,38px);}.track-card__badge--soft{color:#fff !important;}
.cmer-sessions__table-wrap{overflow-x:auto;border:1px solid rgba(40,74,220,.14);border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(1,8,38,.08);}.cmer-sessions__table{width:100%;border-collapse:collapse;min-width:860px;}.cmer-sessions__table th{background:linear-gradient(135deg,#010826,#13215c);color:#fff;padding:16px;text-align:left;font-weight:900;}.cmer-sessions__table td{padding:18px 16px;border-top:1px solid rgba(1,8,38,.08);color:#4f5d6d;vertical-align:top;line-height:1.65;}.cmer-sessions__table td:first-child{color:#fff;font-weight:950;background:var(--premium-gradient);width:90px;text-align:center;}.cmer-sessions__table td:nth-child(2){color:#010826;font-weight:900;}.cmer-mer__kicker{font-size:clamp(20px,2.4vw,32px) !important;letter-spacing:.08em;color:#60d175 !important;}.cmer-mer__title{font-size:clamp(34px,5vw,56px) !important;color:#010826 !important;}
@media (max-width:991px){.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.about-one__img img{min-height:340px;}.footer-form--inline{grid-template-columns:1fr;}.osx-card,.osx-card--reverse{grid-template-columns:1fr;}}
@media (max-width:640px){.values-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr !important;}.epc-inline-contact__panel{padding:22px;}}
/* EPC final micro-adjustments */
.main-header.main-header-three,
.main-header.main-header-three::before,
.main-menu.main-menu-three,
.main-menu-three__wrapper,
.stricky-header.main-menu.main-menu-three,
.stricky-header.main-menu.main-menu-three .sticky-header__content,
.stricky-header.main-menu.main-menu-three .main-menu-three__wrapper{
  background:#00294b !important;
}
.main-header.main-header-three{
  position:sticky;
  top:0;
}
.epc-hero-min--dark{
  padding:58px 0 46px !important;
}
.epc-hero-min--dark .epc-hero-min__wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:auto !important;
  padding:28px 0 0 !important;
  border-radius:0 !important;
}
.epc-hero-min--dark .epc-hero-min__crumb{
  padding-left:0 !important;
}
.epc-hero-min--dark .epc-hero-min__title{
  padding-left:0 !important;
  margin-left:0 !important;
}
.epc-hero-min--dark .epc-hero-min__line{
  display:none !important;
}
@media (max-width: 991px){
  .epc-hero-min--dark{
    padding:40px 0 30px !important;
  }
}
@media (max-width: 575px){
  .epc-hero-min--dark .epc-hero-min__wrap{
    padding:20px 0 0 !important;
  }
}
.services-one--pro .pro-btn,
.services-one--pro .services-one__btn,
.services-one--pro .services-one__btn:visited,
.services-one--pro .services-one__btn:hover,
.services-one--pro .services-one__btn:focus{color:#fff !important;}
.epc-hero-min--dark{
  background:linear-gradient(135deg,#010826 0%,#16328f 48%,#60d175 140%) !important;
}
.epc-hero-min--dark .epc-hero-min__wrap{
  background:linear-gradient(135deg,#173aa6 0%,#284adc 48%,#60d175 118%) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 28px 70px rgba(1,8,38,.34) !important;
}
.epc-hero-min--dark .epc-hero-min__wrap::after{display:none !important;}
.epc-hero-min--dark .epc-hero-min__crumb,
.epc-hero-min--dark .epc-hero-min__crumb a{color:rgba(255,255,255,.82) !important;}
.epc-hero-min--dark .epc-hero-min__title{color:#fff !important;}
.methodL--values .methodL__head,
.team-two .section-title{text-align:center !important;margin-left:auto;margin-right:auto;}
.methodL--values .methodL__title,
.team-two .section-title__title{position:relative;display:inline-block;padding-bottom:16px;}
.methodL--values .methodL__title::after,
.team-two .section-title__title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:110px;
  height:5px;
  border-radius:99px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--blue),var(--green));
}
/* EPC final training and consultancy refinements */
.training_programs-page-placeholder{}
.epc-tracks .track-card__btn,
.epc-tracks .track-card__btn:visited,
.epc-tracks .track-card__btn:hover,
.epc-tracks .track-card__btn:focus{color:#fff !important;}
#training-method .methodL__head{
  text-align:center !important;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
#training-method .methodL__title{
  text-align:center !important;
  margin-left:auto;
  margin-right:auto;
}
#training-method .methodL__desc{
  margin-left:auto;
  margin-right:auto;
  text-align:center !important;
}
.epc-approach .epc-card:hover{
  transform:none !important;
  box-shadow:0 18px 46px rgba(1,8,38,.08) !important;
  border-color:rgba(40,74,220,.14) !important;
}
.epc-approach .epc-card::before,
.epc-approach .epc-card::after,
.epc-approach .epc-card:hover::before,
.epc-approach .epc-card:hover::after{
  opacity:0 !important;
  transform:none !important;
}
/* EPC final title hierarchy refinements */
.why-epc__head{
  text-align:center !important;
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.why-epc__tag{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  font-size:clamp(28px,4vw,54px) !important;
  line-height:1.08 !important;
  color:#010826 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}
.why-epc__title{
  font-size:clamp(22px,2.4vw,34px) !important;
  line-height:1.25 !important;
  max-width:820px !important;
  margin:14px auto 0 !important;
  text-align:center !important;
  font-weight:850 !important;
}
.why-epc__desc{
  max-width:780px !important;
  margin:16px auto 0 !important;
  text-align:center !important;
  font-size:17px !important;
  line-height:1.8 !important;
}
#poOutcomes .osx-head,
#operatingModel .osx-head{
  text-align:center !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#poOutcomes .osx-title,
#operatingModel .osx-title--primary{
  position:relative;
  display:inline-block;
  padding-bottom:16px;
  text-align:center !important;
}
#poOutcomes .osx-title::after,
#operatingModel .osx-title--primary::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:120px;
  height:5px;
  border-radius:99px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--blue),var(--green));
}
#operatingModel .osx-kicker{display:none !important;}
#operatingModel .osx-title--primary{
  font-size:clamp(40px,5vw,66px) !important;
  line-height:1.05 !important;
  margin:0 auto 18px !important;
}
#operatingModel .osx-subtitle-title{
  color:#010826;
  font-size:clamp(22px,2.6vw,34px);
  line-height:1.22;
  font-weight:850;
  max-width:860px;
  margin:0 auto 14px;
  text-align:center;
}
#operatingModel .osx-sub{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  font-size:16px !important;
  line-height:1.75 !important;
}
/* EPC CIPS MER final refinements */
.cmer-prog__kicker,
.cmer-who__kicker,
.cmer-benefits__kicker{display:none !important;}
.cmer-mer__head{
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.cmer-mer__kicker{
  justify-content:center !important;
  color:#010826 !important;
  font-size:clamp(34px,5vw,58px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
  margin-bottom:16px !important;
}
.cmer-mer__kicker-dot{display:none !important;}
.cmer-mer__title{
  color:#010826 !important;
  font-size:clamp(22px,2.8vw,36px) !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  max-width:880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.cmer-mer__sub{
  max-width:790px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  font-size:16px !important;
  line-height:1.78 !important;
}
.cmer-method__inner{
  display:block !important;
  max-width:1200px;
  margin:0 auto;
}
.cmer-method__inner > div:first-child{
  max-width:900px;
  margin:0 auto 30px;
  text-align:center;
}
.cmer-method__kicker{
  display:flex !important;
  justify-content:center !important;
  color:#010826 !important;
  font-size:clamp(34px,5vw,58px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
  margin-bottom:14px !important;
}
.cmer-method__kicker-dot{display:none !important;}
.cmer-method__title{
  color:#010826 !important;
  font-size:clamp(22px,2.8vw,36px) !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.cmer-method__lead{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  font-size:16px !important;
  line-height:1.78 !important;
}
.cmer-method__list{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.cmer-method__item{
  height:100%;
  flex-direction:column !important;
  gap:14px !important;
  padding:1.45rem !important;
}
.cmer-method__ico{width:46px !important;height:46px !important;}
.cmer-method__text strong{font-size:1rem !important;line-height:1.35 !important;}
.cmer-method__text span{font-size:.86rem !important;line-height:1.65 !important;}
.cmer-benefits__head{
  text-align:center !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (max-width:1100px){
  .cmer-method__list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:640px){
  .cmer-method__list{grid-template-columns:1fr !important;}
}
/* EPC CIPS MER unified section titles */
.cmer-prog__title,
.cmer-who__title,
.cmer-sessions__title,
.cmer-mer__kicker,
.cmer-method__kicker,
.cmer-cert__title,
.cmer-benefits__title,
.cmer-facilitator__title{
  font-size:clamp(1.65rem, 3vw, 2.35rem) !important;
  line-height:1.24 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.cmer-mer__kicker,
.cmer-method__kicker{
  color:#010826 !important;
  text-transform:none !important;
}

/* EPC hero/navbar final overrides */
.main-header.main-header-three,
.main-header.main-header-three::before,
.main-menu.main-menu-three,
.main-menu-three__wrapper,
.stricky-header.main-menu.main-menu-three,
.stricky-header.main-menu.main-menu-three .sticky-header__content,
.stricky-header.main-menu.main-menu-three .main-menu-three__wrapper{
  background:#00294b !important;
}
.main-header.main-header-three{
  position:sticky !important;
  top:0 !important;
}
.epc-hero-min--dark{
  padding:58px 0 46px !important;
}
.epc-hero-min--dark .epc-hero-min__wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:auto !important;
  padding:28px 0 0 !important;
  border-radius:0 !important;
}
.epc-hero-min--dark .epc-hero-min__wrap::after,
.epc-hero-min--dark .epc-hero-min__line,
.methodL--values .methodL__title::after{
  display:none !important;
}
.epc-hero-min--dark .epc-hero-min__crumb,
.epc-hero-min--dark .epc-hero-min__title{
  padding-left:0 !important;
  margin-left:0 !important;
}
.methodL--values .methodL__head,
.methodL--values .methodL__title,
#training-method .methodL__head,
#training-method .methodL__title{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.value-card{
  padding-top:24px !important;
}
.value-card__icon{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  left:0 !important;
  margin-bottom:18px !important;
}
.value-card h3{
  max-width:100% !important;
}
@media (max-width: 991px){
  .epc-hero-min--dark{
    padding:40px 0 30px !important;
  }
}
@media (max-width: 575px){
  .epc-hero-min--dark .epc-hero-min__wrap{
    padding:20px 0 0 !important;
  }
}

/* EPC home/internal page separation */
body.home-page .main-header.main-header-three,
body.home-page .main-header.main-header-three::before,
body.home-page .main-menu.main-menu-three,
body.home-page .main-menu-three__wrapper{
  background: transparent !important;
}
body.home-page .main-header.main-header-three{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
}
body.home-page .stricky-header.main-menu.main-menu-three,
body.home-page .stricky-header.main-menu.main-menu-three .sticky-header__content,
body.home-page .stricky-header.main-menu.main-menu-three .main-menu-three__wrapper{
  background:#00294b !important;
}
body.home-page .main-slider .container{
  padding-top:250px !important;
  padding-bottom:150px !important;
}
body.home-page .main-slider-three__bottom,
body.home-page .main-slider-three .thm-btn{
  visibility:visible !important;
  opacity:1 !important;
}
body.home-page .main-slider-three__bottom{
  transform:translateY(0) !important;
}
body.home-page .main-slider-three h2,
body.home-page .main-slider-three p{
  transform:translateY(0) !important;
}
body:not(.home-page) .main-header.main-header-three,
body:not(.home-page) .main-header.main-header-three::before,
body:not(.home-page) .main-menu.main-menu-three,
body:not(.home-page) .main-menu-three__wrapper,
body:not(.home-page) .stricky-header.main-menu.main-menu-three,
body:not(.home-page) .stricky-header.main-menu.main-menu-three .sticky-header__content,
body:not(.home-page) .stricky-header.main-menu.main-menu-three .main-menu-three__wrapper{
  background:#00294b !important;
}
body:not(.home-page) .main-header.main-header-three{
  position:sticky !important;
  top:0 !important;
}
body:not(.home-page) .epc-hero-min--dark{
  padding:22px 0 26px !important;
}
body:not(.home-page) .epc-hero-min--dark .epc-hero-min__wrap{
  min-height:118px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:0 !important;
}
body:not(.home-page) .epc-hero-min--dark .epc-hero-min__crumb,
body:not(.home-page) .epc-hero-min--dark .epc-hero-min__title{
  margin-left:0 !important;
}
body:not(.home-page) .epc-hero-min--dark .epc-hero-min__crumb span[aria-hidden="true"]{
  font-size:16px !important;
  line-height:1 !important;
}
@media (max-width: 991px){
  body.home-page .main-slider .container{
    padding-top:210px !important;
    padding-bottom:120px !important;
  }
  body:not(.home-page) .epc-hero-min--dark{
    padding:18px 0 22px !important;
  }
  body:not(.home-page) .epc-hero-min--dark .epc-hero-min__wrap{
    min-height:96px !important;
  }
}