/*----------------------------------------------------------------------------------- 

Template Name: Agenko - Creative Digital Agency HTML Template
URI: pixelfit.agency
Description: Agenko is a fully responsive, high-performance HTML template crafted for digital agencies, startups, creative firms, and more. Designed with modern web standards in mind, Agenko provides an elegant foundation for building visually striking websites.
Author: Pixelfit
Author URI: https://themeforest.net/user/pixelfit
Version: 1.0 


------------------------------------------------------
   CSS INDEX
-----------------------------------------------------


    01. Base CSS 
        # Base CSS
        # Common CSS
    02. Components CSS 
        # Header CSS
        # Elements CSS
        # Project
        # Accordion
        # Pricing
        # Team
        # Testimonial
        # Blogs
        # Footer
    03. Templates
        # Banner
        # Service
        # Sections
        # Contact    
-------------------------------------------------------    */

.header-navigation .site-branding,
.header-navigation .site-branding .brand-logo,
.header-navigation .site-branding .brand-logo img,
.footer-logo .brand-logo,
.footer-logo .brand-logo img {
  border: 0px !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.header-navigation .site-branding {
  max-width: 160px;
  line-height: 1;
  border: 0px !important;
  text-align: center;
  padding: 3px 5px;
  border-radius: 40px;
}
.brand-logo img {
  max-width: 170px;
  width: 100%;
  height: auto;
}
.footer-logo .brand-logo {
  margin-bottom: 20px;
}
.main-menu .progrow-service-menu .sub-menu {
  min-width: 240px;
}
.progrow-hero-image img {
  max-height: 620px;
  object-fit: cover;
}
@media (max-width: 575px) {
  .brand-logo img {
    max-width: 145px;
  }
}
/*---- 

====================
1. Base CSS
    # base  CSS
====================

----*/
/* Base CSS */
:root {
  --primary-color: #9CFE4F;
  --heading-color: #1A1A1A;
  --primary-black-color: #0E0F11;
  --white-color: #ffffff;
  --text-color: #9E9FA0;
  --border-color: #313131;
  --gray-dark: #18191B;
  --heading-font: "Source Sans 3", serif;
  --body-font: "Roboto", serif;

  /* Typography Scale Tokens */
  --text-xs: 12px;
  --text-sm: 14px;      /* Small text, labels, badges */
  --text-base: 16px;    /* Body standard, buttons, primary nav */
  --text-lg: 18px;      /* Body large, intro copy, hero copy */
  --text-xl: 22px;      /* H4 sub sections, smaller card titles */
  --text-2xl: 30px;     /* H3 card titles, footer contact titles */
  --text-3xl: 52px;     /* H2 section titles, statistics numbers */
  --text-4xl: 68px;     /* H1 hero heading */

  /* Font Weight Tokens */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

html {
  font-size: 100%;
}

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

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

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

i,
span,
a {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0px;
  color: var(--white-color);
  font-family: var(--heading-font);
}

h1 {
  font-size: 85px;
  line-height: 100px;
}

h2 {
  font-size: 52px;
  line-height: 58px;
}

h3 {
  font-size: 27px;
  line-height: 40px;
}

h4 {
  font-size: 24px;
  line-height: 34px;
}

h5 {
  font-size: 20px;
  line-height: 1;
}

h6 {
  font-size: 18px;
  line-height: 1;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  margin: 0px;
}

input, textarea {
  display: inherit;
}

button {
  border: none;
}

label {
  margin-bottom: 0;
}

iframe {
  width: 100%;
  border: none;
  display: inherit;
}

img {
  max-width: 100%;
}

body {
  background-color: var(--primary-black-color);
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  color: var(--text-color);
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 30px;
  overflow-x: hidden;
}

main {
  display: inline-block;
  width: 100%;
}

/*===== Scrollbar =====*/
::-webkit-scrollbar {
  width: 5px;
}

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

::-webkit-scrollbar-thumb {
  background-color: #13172b;
}

/* Preloader CSS */
.preloader {
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 99999;
  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;
  background-color: var(--primary-black-color);
}

.loading-container,
.loading {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%;
}

.loading-container {
  margin: 40px auto;
}

.loading {
  border: 1px solid transparent;
  border-color: transparent var(--border-color) transparent var(--border-color);
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
          animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 66px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#loading-icon img {
  object-fit: contain !important;
  max-width: 100% !important;
  height: auto !important;
}

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*  Back To Top */
.scrollTop {
  position: absolute;
  bottom: 40px;
  right: 40px;
  background-color: var(--primary-color);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
  color: var(--heading-color);
  z-index: 1;
}
.scrollTop:hover {
  color: var(--heading-color);
}

/*---- 

====================
01. Base CSS
    # Common CSS
====================

----*/
#smooth-wrapper {
  z-index: 1;
}

label {
  margin-bottom: 0;
}

@media (min-width: 1451px) {
  .container {
    max-width: 1314px;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .container {
    max-width: 1200px;
  }
}
.p-r {
  position: relative;
}

.bg_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.font-200 {
  font-weight: 200;
}

.form-group {
  position: relative;
}

.form_control {
  width: 100%;
}

.gray-dark {
  background-color: var(--gray-dark);
}

.sub-title,
.overview-small-label,
.discipline-label,
.explore-small-label {
  display: inline-block !important;
  font-family: var(--body-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #0055FF !important;
  border: 1px solid rgba(0, 85, 255, 0.18) !important;
  background: rgba(0, 85, 255, 0.04) !important;
  padding: 10px 24px !important;
  border-radius: 999px !important;
  margin-bottom: 24px !important;
  line-height: normal !important;
  transition: all 0.3s ease !important;
}

.sub-title:hover,
.overview-small-label:hover,
.discipline-label:hover,
.explore-small-label:hover {
  background: rgba(0, 85, 255, 0.08) !important;
  border-color: rgba(0, 85, 255, 0.30) !important;
}

.section-title h2 {
  color: var(--white-color);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .section-title h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 991px) {
  .section-title h2 {
    font-size: 36px;
    line-height: 47px;
  }
}
@media (max-width: 767px) {
  .section-title h2 {
    font-size: 28px;
    line-height: 40px;
  }
}

.text-white p,
.text-white h6,
.text-white h5,
.text-white h4,
.text-white h3,
.text-white h2, .text-white h1 {
  color: var(--white-color);
}
.text-white .sub-heading {
  background-color: var(--white-color);
  color: var(--heading-color);
  border-color: transparent;
}

.video-popup {
  position: relative;
  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;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 1;
}

.play-button.style-one .video-popup {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  font-size: 24px;
  color: var(--white-color);
}
.play-button.style-one .video-popup:hover {
  color: var(--white-color);
}

@-webkit-keyframes playpopup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes playpopup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme-btn.style-one {
  background-color: var(--primary-color);
  padding: 10px 30px;
  border-radius: 30px;
  color: var(--heading-color);
  font-weight: 600;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.1s cubic-bezier(0.68, 0.01, 0.58, 0.75);
  transition: all 0.1s cubic-bezier(0.68, 0.01, 0.58, 0.75);
}
.theme-btn.style-one:hover .text-flip {
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}
.theme-btn.style-one:hover .text-flip .text:nth-child(1) {
  opacity: 0;
}
.theme-btn.style-one:hover .text-flip .text:nth-child(2) {
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}
.theme-btn.style-one:hover .icon i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.theme-btn.style-one .text-flip {
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.theme-btn.style-one .text-flip .text {
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, -webkit-transform 0.8s;
  transition: opacity 0.6s, transform 0.8s;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
}
.theme-btn.style-one .text-flip .text:nth-child(2) {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
  opacity: 0;
}
.theme-btn.style-one .icon {
  margin-left: 10px;
}
.theme-btn.style-one .icon i {
  -webkit-transition: all 0.3s cubic-bezier(0.68, 0.01, 0.58, 0.75);
  transition: all 0.3s cubic-bezier(0.68, 0.01, 0.58, 0.75);
}
.theme-btn.style-two {
  padding: 10px 20px;
  font-weight: 500;
  background-color: var(--primary-color);
  color: var(--heading-color);
  line-height: 20px;
  border-radius: 40px;
}

.read-more {
  color: var(--white-color);
  font: 600 16px var(--body-font);
}
.read-more.style-one {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.read-more.style-one:after {
  content: "";
  width: 40px;
  height: 1px;
  margin-left: 10px;
  background-color: var(--white-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.read-more.style-one:hover {
  color: var(--primary-color);
}
.read-more.style-one:hover:after {
  width: 50px;
}

.check-list.style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.check-list.style-one li:not(:last-child) {
  margin-bottom: 10px;
}
.check-list.style-one li i {
  color: var(--primary-color);
  margin-right: 10px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .check-list.style-one li {
    font-size: 14px;
  }
}

.ratings li {
  display: inline-block;
  color: #FF9900;
}

/* Offcanvas Overlay */
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 1;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

/* Animated List Wrap */
.headline-wrap {
  font-size: 250px;
  line-height: normal;
  font-family: var(--heading-font);
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .headline-wrap {
    font-size: 80px;
  }
}
.headline-wrap .marquee-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.headline-wrap .marquee-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 50px;
}
.headline-wrap .marquee-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.headline-wrap .marquee-inner.left {
  -webkit-animation: marquee_left 15s linear infinite;
          animation: marquee_left 15s linear infinite;
}
.headline-wrap.style-one {
  color: var(--white-color);
}
.headline-wrap.style-two {
  color: var(--heading-color);
}

/* Headline Animation */
@-webkit-keyframes marquee {
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@keyframes marquee {
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes marquee_right {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes marquee_right {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes marquee_left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee_left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate-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;
}

.animate-float-bob-y {
  -webkit-animation-name: float-bob-y;
          animation-name: float-bob-y;
  -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;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate360 {
  -webkit-animation: spin 7s linear infinite;
  animation: spin 7s linear infinite;
}

.zoomInOut {
  -webkit-animation: zoomInOut 6s linear infinite;
          animation: zoomInOut 6s linear infinite;
}

@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* Offcanvas Overlay */
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

.sidebar-btn {
  margin-left: 15px;
  cursor: pointer;
  text-align: right;
}

.sidebar-btn span {
  width: 30px;
  display: block;
  height: 2px;
  background-color: var(--heading-color);
}
.sidebar-btn span:nth-child(2) {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 25px;
  margin-left: auto;
}

.sidebar-panel {
  position: fixed;
  z-index: 1111;
  right: 0;
  top: 0;
  width: 350px;
  height: 100%;
  opacity: 1;
  background-color: var(--white-color);
  -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -webkit-transform: translateX(calc(100% + 80px));
          transform: translateX(calc(100% + 80px));
  padding: 40px 30px;
  overflow: auto;
}
.sidebar-panel.info-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.sidebar-panel .panel-close .panel-close-btn {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-color);
  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;
  background-color: transparent;
}
.sidebar-panel .panel-body .panel-box h5 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}
.sidebar-panel .panel-body .panel-box p {
  margin-bottom: 15px;
}
.sidebar-panel .panel-body .panel-box p i {
  width: 20px;
  margin-right: 10px;
  color: var(--primary-color);
}
.sidebar-panel .panel-body .panel-box ul.social-link li {
  display: inline-block;
  margin-right: 5px;
}
.sidebar-panel .panel-body .panel-box ul.social-link li a {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-color);
  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;
  border-radius: 50%;
}
.sidebar-panel .panel-body .panel-box ul.social-link li a:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}

/* Agenko Pagination */
.agenko-pagination.text-center ul li {
  margin-left: 7px;
}
.agenko-pagination ul li {
  display: inline-block;
  margin-right: 7px;
}
.agenko-pagination ul li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  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;
  border: 1px solid rgba(31, 31, 31, 0.1);
  font: 600 16px var(--heading-font);
  letter-spacing: -0.36px;
}
.agenko-pagination ul li a:hover, .agenko-pagination ul li a.active {
  background-color: var(--primary-color);
  color: var(--heading-color);
  border-color: transparent;
}

/*---- 
====================
3. Components CSS
    # Header CSS
====================

----*/
/*  Transparent Header  */
.transparent-header {
  position: absolute;
  background-color: transparent;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 999;
}

/*  Header Area */
.header-area {
  position: relative;
  z-index: 9999;
}

/* Header Navigation */
.header-navigation .primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-navigation .site-branding {
  max-width: 160px;
  line-height: 1;
  border: 0px !important;
  text-align: center;
  padding: 3px 5px;
  border-radius: 40px;
}
.header-navigation .site-branding a {
  line-height: 1;
}
.header-navigation .pf-nav-menu {
  padding: 5px;
  border-radius: 40px;
  border: 1px solid var(--border-color);
  background: #0E0F11;
  margin-left: 30px;
}
@media screen and (max-width: 991px) {
  .header-navigation .pf-nav-menu {
    margin-left: 0;
  }
}
.header-navigation .main-menu ul > li {
  display: inline-block;
  position: relative;
}
.header-navigation .main-menu ul > li > a {
  position: relative;
  display: block;
  font: 600 16px var(--heading-font);
  text-transform: capitalize;
  line-height: 1;
  color: var(--white-color);
  padding: 11px 20px;
  border-radius: 40px;
  line-height: 14px;
}
.header-navigation .main-menu ul > li > a span.dd-trigger {
  margin-left: 5px;
}
.header-navigation .main-menu ul > li .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 99;
  padding: 10px 10px;
  background-color: #0E0F11;
  height: auto;
  text-align: left;
  -webkit-box-shadow: 0px 30px 80px 15px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 30px 80px 15px rgba(0, 0, 0, 0.09);
  border-radius: 7px;
}
.header-navigation .main-menu ul > li .sub-menu li {
  display: block;
  margin: 0;
}
.header-navigation .main-menu ul > li .sub-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  position: relative;
  line-height: 2.5;
  margin: 0;
  color: var(--white-color);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger {
  margin-left: auto;
}
.header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: var(--primary-color);
}
.header-navigation .main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 50%;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .header-navigation .main-menu ul > li .sub-menu li .sub-menu {
    left: auto;
    right: 100%;
    top: 50%;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .header-navigation .main-menu ul > li .sub-menu li .sub-menu {
    left: auto;
    right: 100%;
    top: 50%;
  }
}
.header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu {
  top: 0%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover > a {
  color: var(--primary-color);
}
.header-navigation .main-menu ul > li:hover > a {
  color: var(--primary-color);
  background-color: #18191B;
}
.header-navigation .main-menu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 115%;
}
.header-navigation .navbar-toggler {
  padding: 11px 7px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: transparent;
  cursor: pointer;
  display: none;
  border-radius: 5px;
  margin-left: 20px;
}
.header-navigation .navbar-toggler span {
  position: relative;
  border-radius: 3px;
  display: block;
  height: 2px;
  padding: 0;
  width: 30px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: rgba(255, 255, 255, 0.5);
}
.header-navigation .navbar-toggler span:not(:first-child) {
  margin-top: 5px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
  top: 7px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
  top: -7px;
}
@media screen and (max-width: 991px) {
  .header-navigation .pf-nav-menu {
    text-align: left;
    position: fixed;
    top: 0;
    left: -290px;
    width: 290px;
    height: 100%;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    padding: 20px 20px 30px;
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 9999;
    border-radius: 0;
    background-color: var(--primary-black-color);
  }
  .header-navigation .pf-nav-menu.menu-on {
    left: 0;
  }
  .header-navigation .pf-nav-menu .site-branding {
    margin: 0 auto 20px;
  }
  .header-navigation .pf-nav-menu .main-menu {
    margin-top: 30px;
  }
  .header-navigation .pf-nav-menu .main-menu ul li {
    display: block;
    margin: 0;
  }
  .header-navigation .pf-nav-menu .main-menu ul li:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
  }
  .header-navigation .pf-nav-menu .main-menu ul li a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
  }
  .header-navigation .pf-nav-menu .main-menu ul li a:after {
    display: none;
  }
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
  }
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu > li > a {
    padding: 5px 20px;
    color: var(--white-color);
  }
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu > li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
    margin-left: 30px;
  }
  .header-navigation .pf-nav-menu .main-menu ul li .dd-trigger {
    position: absolute;
    right: 0;
    top: 10px;
    height: 25px;
    width: 25px;
    border-radius: 3px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
  }
  .header-navigation .navbar-close {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    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;
    border: 1px solid var(--border-color);
    font-size: 16px;
  }
  .header-navigation .navbar-toggler {
    display: block;
  }
  .header-navigation .pf-nav-button .theme-btn.style-one {
    padding: 10px 40px;
  }
  .header-navigation .pf-menu-bottom h5 {
    margin-bottom: 25px;
  }
  .header-navigation .pf-menu-bottom .social-link li {
    display: inline-block;
    margin-right: 10px;
  }
  .header-navigation .pf-menu-bottom .social-link li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    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;
  }
  .header-navigation .pf-menu-bottom .social-link li a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
  }
}

.nav-right-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header-one.transparent-header {
  top: 30px;
}

/* Agenko Eotate Image */
.agenko-rotate-image {
  text-align: center;
}
.agenko-rotate-image .agenko-image img {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  border-radius: 20px;
}

/* Agenko Dot */
.agenko-dot {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary-color);
}

/* Agenko Icon Button */
.icon-btn.style-one {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
  background-color: var(--gray-dark);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.icon-btn.style-one i {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

/* Agenko Setp */
.agenko-step {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--primary-color);
  color: var(--heading-color);
  border-radius: 30px;
  padding: 5px 15px;
  line-height: 20px;
}

/* Agenko Iconic Box */
.agenko-iconic-box.style-one {
  padding: 23px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 300px;
  background-color: var(--gray-dark);
  border: 1px solid var(--border-color);
  border-radius: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.agenko-iconic-box.style-one:hover {
  background-color: var(--primary-color);
}
.agenko-iconic-box.style-one:hover .content h4.title {
  color: var(--heading-color);
}
.agenko-iconic-box.style-one .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 60px;
  height: 60px;
  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;
  border-radius: 50%;
  background-color: #2F3031;
  font-size: 30px;
  color: var(--white-color);
  margin-right: 15px;
}
.agenko-iconic-box.style-one .content h4.title {
  font-size: 20px;
  color: var(--white-color);
  line-height: 1.4;
}
.agenko-iconic-box.style-two {
  background-color: var(--gray-dark);
  padding: 30px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-iconic-box.style-two {
    padding: 30px 25px 30px;
  }
}
.agenko-iconic-box.style-two .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid var(--border-color);
  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;
  margin-bottom: 25px;
  color: var(--white-color);
  font-size: 20px;
}
.agenko-iconic-box.style-two .content h4 {
  margin-bottom: 15px;
}
.agenko-iconic-box.style-two .content p {
  margin-bottom: 40px;
}
.agenko-iconic-box.style-two .content .step {
  display: inline-block;
  padding: 7px 10px;
  line-height: 10px;
  color: var(--heading-color);
  background-color: var(--primary-color);
  border-radius: 30px;
  letter-spacing: 0.48px;
}
.agenko-iconic-box.style-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.agenko-iconic-box.style-three .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  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;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}
.agenko-iconic-box.style-three .content h6 {
  margin-bottom: 10px;
}
.agenko-iconic-box.style-three .content p {
  letter-spacing: 0.48px;
  line-height: 20px;
}
.agenko-iconic-box.style-three .content p:hover a {
  color: var(--primary-color);
}
.agenko-iconic-box.style-four {
  background-color: var(--gray-dark);
  padding: 35px 40px 30px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-iconic-box.style-four {
    padding: 35px 30px 30px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-iconic-box.style-four {
    margin-top: 40px;
  }
}
.agenko-iconic-box.style-four .icon {
  font-size: 60px;
  color: var(--white-color);
  margin-bottom: 25px;
}
.agenko-iconic-box.style-four .content h4.title {
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-iconic-box.style-four .content h4.title {
    font-size: 20px;
  }
}
.agenko-iconic-box.style-four .content p {
  margin-bottom: 25px;
}
.agenko-iconic-box.style-five {
  background-color: var(--gray-dark);
  padding: 30px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-iconic-box.style-five {
    padding: 30px 25px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-iconic-box.style-five {
    padding: 30px 10px;
  }
}
.agenko-iconic-box.style-five .icon {
  font-size: 40px;
  color: var(--white-color);
  margin-bottom: 30px;
}
.agenko-iconic-box.style-five .content h5 {
  margin-bottom: 15px;
}
.agenko-iconic-box.style-six {
  background-color: var(--gray-dark);
  padding: 40px;
}
.agenko-iconic-box.style-six > .icon {
  font-size: 45px;
  margin-bottom: 20px;
}
.agenko-iconic-box.style-six .content h4 {
  margin-bottom: 15px;
}
.agenko-iconic-box.style-six .content p {
  margin-bottom: 20px;
}
.agenko-iconic-box.style-seven {
  background-color: var(--primary-black-color);
  padding: 30px;
}
.agenko-iconic-box.style-seven:hover .icon {
  color: var(--primary-color);
}
.agenko-iconic-box.style-seven .icon {
  font-size: 60px;
  color: var(--white-color);
  margin-bottom: 15px;
}
.agenko-iconic-box.style-seven .content h4 {
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .agenko-iconic-box.style-eight .agenko-dot {
    display: none;
  }
}
.agenko-iconic-box.style-eight .content .number {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--gray-dark);
  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;
  margin-bottom: 20px;
}
.agenko-iconic-box.style-eight .content h4 {
  margin-bottom: 20px;
}
.agenko-iconic-box.style-eight .content p {
  margin-bottom: 35px;
}

/* Agenko Card Item */
.agenko-card-item.style-one {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--primary-black-color);
  border: 1px solid var(--border-color);
  border-radius: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-one {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-one {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.agenko-card-item.style-one .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.agenko-card-item.style-one .card-title .sn-number {
  font-size: 40px;
  margin-right: 30px;
  font-family: var(--heading-font);
  font-weight: 700;
}
@media (max-width: 767px) {
  .agenko-card-item.style-one .card-title .sn-number {
    font-size: 20px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .agenko-card-item.style-one .card-title h3 {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-one .content {
    padding: 20px 0;
  }
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-one .content {
    padding: 20px 0;
  }
}
.agenko-card-item.style-one .content p {
  max-width: 430px;
  padding: 0 30px;
}
.agenko-card-item.style-one .content p span {
  color: var(--white-color);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-one .content p {
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-one .content p {
    max-width: 100%;
    padding: 0;
  }
}
.agenko-card-item.style-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  background-color: var(--gray-dark);
  border-radius: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.agenko-card-item.style-two:hover {
  background-color: var(--primary-color);
}
.agenko-card-item.style-two:hover .card-title h2 {
  color: var(--heading-color);
}
.agenko-card-item.style-two:hover .card-title h4 {
  color: var(--heading-color);
}
.agenko-card-item.style-two:hover .content p {
  color: var(--heading-color);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-two .thumbnail {
    max-width: 200px;
  }
}
.agenko-card-item.style-two .thumbnail img {
  border-radius: 110px;
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-two .thumbnail img {
    border-radius: 30px;
  }
}
.agenko-card-item.style-two .card-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10%;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-card-item.style-two .card-title {
    padding-left: 5%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-two .card-title {
    padding-left: 5%;
  }
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-two .card-title {
    padding-left: 0;
    padding: 30px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-card-item.style-two .card-title h2 {
    font-size: 37px;
    line-height: 45px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-two .card-title h2 {
    font-size: 27px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-two .card-title h2 {
    font-size: 24px;
    line-height: 35px;
  }
}
.agenko-card-item.style-two .card-title h4 {
  color: var(--text-color);
  font-family: var(--body-font);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-card-item.style-two .card-title h4 {
    font-size: 22px;
    line-height: 35px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-two .card-title h4 {
    font-size: 22px;
    line-height: 35px;
  }
}
.agenko-card-item.style-two .content {
  max-width: 385px;
}
@media screen and (max-width: 991px) {
  .agenko-card-item.style-two .content {
    max-width: 100%;
  }
}

/* Agenko Client Item */
.agenko-client-item.style-one {
  padding: 60px 20px;
  text-align: center;
  border: 1px solid var(--border-color);
}
@media (max-width: 767px) {
  .agenko-client-item.style-one {
    padding: 20px 15px;
  }
}
.agenko-client-item.style-one:hover .client-image img {
  opacity: 1;
}
.agenko-client-item.style-one .client-image {
  cursor: pointer;
}
.agenko-client-item.style-one .client-image img {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.agenko-client-item.style-two {
  width: 235px;
  height: 235px;
  border-radius: 50%;
  background-color: var(--gray-dark);
  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;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-client-item.style-two {
    width: 200px;
    height: 200px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-client-item.style-two {
    width: 170px;
    height: 170px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-client-item.style-two {
    width: 200px;
    height: 200px;
  }
}
.agenko-client-item.style-two .client-image img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  max-width: 150px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-client-item.style-two .client-image img {
    max-width: 120px;
  }
}

/* Agenko Experince Box */
.agenko-experince-box.style-one {
  display: inline-block;
  background-color: var(--primary-color);
  padding: 20px 25px;
  border-radius: 10px;
  max-width: 160px;
  text-align: center;
}
.agenko-experince-box.style-one h2 {
  color: var(--heading-color);
  margin-bottom: 10px;
}
.agenko-experince-box.style-one p {
  font-size: 16px;
  line-height: 26px;
  color: var(--heading-color);
}

/* Agenko Skill Item */
.agenko-skill-item.style-one .progress-title {
  margin-bottom: 15px;
}
.agenko-skill-item.style-one .progress-title h5 span {
  float: right;
}
.agenko-skill-item.style-one .progress {
  height: 6px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.agenko-skill-item.style-one .progress .progress-bar {
  border-radius: 0;
  background-color: var(--primary-color);
}

/* Agenko Award Box */
.agenko-award-box.style-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: var(--gray-dark);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 26px 40px;
}
@media (max-width: 767px) {
  .agenko-award-box.style-one {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.agenko-award-box.style-one:hover .award-date h5, .agenko-award-box.style-one:hover .award-platform h5 {
  color: var(--white-color);
}
.agenko-award-box.style-one:hover .award-name h5 {
  color: var(--primary-color);
}
.agenko-award-box.style-one .award-platform {
  width: 30%;
}
@media (max-width: 767px) {
  .agenko-award-box.style-one .award-platform {
    width: 100%;
  }
}
.agenko-award-box.style-one .award-platform h5 {
  font-size: 18px;
  color: var(--text-color);
}
.agenko-award-box.style-one .award-name {
  width: 50%;
}
@media (max-width: 767px) {
  .agenko-award-box.style-one .award-name {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .agenko-award-box.style-one .award-name {
    padding: 20px 0;
  }
}
.agenko-award-box.style-one .award-date {
  width: 20%;
  text-align: right;
}
.agenko-award-box.style-one .award-date h5 {
  font-size: 18px;
  color: var(--text-color);
}
@media (max-width: 767px) {
  .agenko-award-box.style-one .award-date {
    width: 100%;
    text-align: center;
  }
}

/* Agenko Counter Box */
.agenko-counter-box.style-one .content h2 {
  color: #EBFFDC;
}
.agenko-counter-box.style-two .content h2 {
  margin-bottom: 15px;
}
.agenko-counter-box.style-two .content p {
  font-weight: 500;
}

.agenko-info-box .content h3 {
  margin-bottom: 15px;
}
.agenko-info-box .content p {
  font: 500 20px var(--heading-font);
  margin-bottom: 10px;
}
.agenko-info-box .content .social-link a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--white-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--heading-color);
  margin-right: 5px;
}
.agenko-info-box .content .social-link a:hover {
  background-color: var(--primary-color);
}

.agenko-project-item:hover .thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.agenko-project-item .thumbnail {
  overflow: hidden;
}
.agenko-project-item .thumbnail img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 991px) {
  .agenko-project-item.style-one {
    max-width: 550px;
    margin: 0 auto 45px;
  }
}
.agenko-project-item.style-one:hover .thumbnail .project-button a {
  background-color: var(--primary-color);
  color: var(--heading-color);
}
.agenko-project-item.style-one .thumbnail {
  position: relative;
}
.agenko-project-item.style-one .thumbnail img {
  border-radius: 10px;
}
.agenko-project-item.style-one .thumbnail .project-button a {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
  background-color: var(--primary-black-color);
  color: var(--white-color);
  font-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.agenko-project-item.style-one .content {
  padding-top: 20px;
}
.agenko-project-item.style-one .content .project-categories {
  margin-bottom: 15px;
}
.agenko-project-item.style-one .content .project-categories a {
  padding: 10px 20px;
  border: 1px solid var(--border-color);
  border-radius: 30px;
  line-height: 18px;
  margin-bottom: 10px;
}
.agenko-project-item.style-one .content .project-categories a:not(:last-child) {
  margin-right: 5px;
}
.agenko-project-item.style-one .content h4.title:hover {
  color: var(--primary-color);
}
.agenko-project-item.style-two {
  padding: 30px 30px 25px;
  background-color: var(--gray-dark);
  border-radius: 20px;
}
@media screen and (max-width: 991px) {
  .agenko-project-item.style-two {
    max-width: 600px;
    margin: 0 auto 60px;
  }
}
@media (max-width: 575px) {
  .agenko-project-item.style-two {
    padding: 30px 15px 25px;
  }
}
.agenko-project-item.style-two .thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 320px !important;
}
.agenko-project-item.style-two .thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 20px;
}
.agenko-project-item.style-two .thumbnail .hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
}
@media (max-width: 575px) {
  .agenko-project-item.style-two .thumbnail .hover-content {
    padding: 15px;
  }
}
.agenko-project-item.style-two .thumbnail .hover-content .project-categories a {
  padding: 9px 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background-color: #121826;
  color: #FFFFFF !important;
  line-height: 20px;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
.agenko-project-item.style-two .thumbnail .hover-content .project-categories a:hover {
  background-color: #0055FF;
  border-color: #0055FF;
  color: #FFFFFF !important;
}
@media (max-width: 575px) {
  .agenko-project-item.style-two .thumbnail .hover-content .project-categories a {
    padding: 9px 15px;
    font-size: 14px;
  }
}
.agenko-project-item.style-two .content {
  padding-top: 25px;
}
.agenko-project-item.style-two .content h4.title {
  margin-bottom: 5px;
}
.agenko-project-item.style-two .content h4.title:hover {
  color: var(--primary-color);
}
.agenko-project-item.style-three .thumbnail {
  position: relative;
  z-index: 1;
}
.agenko-project-item.style-three .thumbnail img {
  border-radius: 10px;
  width: 100%;
}
.agenko-project-item.style-three .thumbnail .hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.agenko-project-item.style-three .thumbnail .project-categories a {
  background-color: var(--primary-black-color);
  padding: 10px 20px;
  line-height: 20px;
  color: var(--white-color);
  border-radius: 30px;
}
@media (max-width: 575px) {
  .agenko-project-item.style-three .thumbnail .project-categories a {
    padding: 7px 15px;
    font-size: 14px;
  }
}
.agenko-project-item.style-three .content {
  padding-top: 20px;
}
.agenko-project-item.style-three .content h4:hover {
  color: var(--primary-color);
}
.agenko-project-item.style-four:hover .thumbnail .hover-content {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}
.agenko-project-item.style-four .thumbnail {
  position: relative;
  z-index: 1;
}
.agenko-project-item.style-four .thumbnail img {
  width: 100%;
  min-height: 300px;
}
.agenko-project-item.style-four .thumbnail .hover-content {
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  padding: 20px 20px 15px;
  background-color: #EBFFDC;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-project-item.style-four .thumbnail .hover-content {
    width: 90%;
  }
}
@media screen and (max-width: 991px) {
  .agenko-project-item.style-four .thumbnail .hover-content {
    width: 90%;
  }
}
.agenko-project-item.style-four .content {
  text-align: center;
}
.agenko-project-item.style-four .content .category-btn {
  padding: 8px 15px;
  line-height: 20px;
  border: 1px solid var(--border-color);
  border-radius: 30px;
  color: var(--heading-color);
  font-weight: 500;
  margin-bottom: 10px;
}
.agenko-project-item.style-four .content h4 {
  max-width: 350px;
  margin: 0 auto;
  color: var(--heading-color);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-project-item.style-four .content h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .agenko-project-item.style-four .content h4 {
    font-size: 20px;
    line-height: 30px;
  }
}

/*  Accordion Item */
.agenko-accordion-item {
  border-radius: 10px;
  border: 1px solid rgba(16, 16, 16, 0.1);
  background-color: var(--gray-dark);
  padding: 16px 30px;
}
.agenko-accordion-item .accordion-header .accordion-title {
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 575px) {
  .agenko-accordion-item .accordion-header .accordion-title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 16px;
  }
}
.agenko-accordion-item .accordion-header .accordion-title span.sn {
  margin-right: 8px;
}
.agenko-accordion-item .accordion-header .accordion-title:after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.agenko-accordion-item .accordion-header .accordion-title[aria-expanded=true]:after {
  border-color: #26272B;
  content: "\f068";
}
.agenko-accordion-item .accordion-content p {
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: 0.48px;
}

.agenko-pricing-item.style-one {
  position: relative;
  z-index: 1;
  background-color: var(--gray-dark);
  padding: 30px;
}
.agenko-pricing-item.style-one .shape {
  position: absolute;
  z-index: -1;
}
.agenko-pricing-item.style-one .shape.shape-one {
  bottom: 20px;
  right: 20px;
}
.agenko-pricing-item.style-one .pricing-head {
  margin-bottom: 25px;
}
.agenko-pricing-item.style-one .pricing-head h2 {
  margin-bottom: 15px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-pricing-item.style-one .pricing-head h2 {
    font-size: 27px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .agenko-pricing-item.style-one .pricing-head h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}
.agenko-pricing-item.style-one .pricing-body {
  margin-bottom: 25px;
}
.agenko-pricing-item.style-one .pricing-footer .theme-btn.style-two {
  padding: 12px 30px;
}
.agenko-pricing-item.style-two {
  background-color: var(--gray-dark);
  padding: 30px 30px 25px;
}
.agenko-pricing-item.style-two .pricing-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.agenko-pricing-item.style-two .pricing-head h4 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.agenko-pricing-item.style-two .pricing-head .pricing {
  color: var(--primary-color);
  font-size: 27px;
  font-weight: 700;
  font-family: var(--heading-font);
}
.agenko-pricing-item.style-three {
  background-color: var(--gray-dark);
  padding: 40px 35px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.agenko-pricing-item.style-three .shape {
  position: absolute;
  top: -35%;
  right: -40%;
}
.agenko-pricing-item.style-three .shape span {
  width: 328px;
  height: 328px;
  border-radius: 50%;
  border: 50px solid rgba(235, 255, 220, 0.02);
}
.agenko-pricing-item.style-three .pricing-head {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color);
}
.agenko-pricing-item.style-three .pricing-head h2 {
  margin-bottom: 15px;
}
.agenko-pricing-item.style-three .pricing-body {
  margin-bottom: 25px;
}
.agenko-pricing-item.style-three .pricing-footer .theme-btn {
  width: 100%;
  padding: 15px 35px;
}

.agenko-team-item.style-one .member-image {
  position: relative;
}
.agenko-team-item.style-one .member-image img {
  width: 100%;
}
.agenko-team-item.style-one .member-image .icon-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.agenko-team-item.style-one .member-image .icon-btn a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white-color);
  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;
  color: var(--heading-color);
}
.agenko-team-item.style-one .member-info {
  padding-top: 5px;
}
.agenko-team-item.style-one .member-info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.agenko-team-item.style-one .member-info span:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  width: 50px;
  height: 1px;
  background-color: var(--border-color);
  margin-right: 10px;
}
.agenko-team-item.style-two:hover .member-image .hover-content {
  right: 30px;
}
.agenko-team-item.style-two .member-image {
  position: relative;
  overflow: hidden;
}
.agenko-team-item.style-two .member-image .hover-content {
  position: absolute;
  bottom: 30px;
  right: -50%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.agenko-team-item.style-two .member-image .hover-content ul.social-link li:not(:last-child) {
  margin-bottom: 10px;
}
.agenko-team-item.style-two .member-image .hover-content ul.social-link li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  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;
  border-radius: 50%;
  background-color: var(--white-color);
  color: var(--heading-color);
}
.agenko-team-item.style-two .member-image .hover-content ul.social-link li a:hover {
  background-color: var(--primary-color);
}
.agenko-team-item.style-two .member-info {
  padding-top: 20px;
}
.agenko-team-item.style-three:hover .member-image .hover-content {
  visibility: visible;
  opacity: 1;
}
.agenko-team-item.style-three:hover .member-info {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.agenko-team-item.style-three .member-image {
  position: relative;
  z-index: 1;
}
.agenko-team-item.style-three .member-image img {
  width: 100%;
}
.agenko-team-item.style-three .member-image .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 30px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17.41%, rgba(235, 255, 220, 0)), color-stop(90.28%, #EBFFDC));
  background: linear-gradient(180deg, rgba(235, 255, 220, 0) 17.41%, #EBFFDC 90.28%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.agenko-team-item.style-three .member-info {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.agenko-team-item.style-three .member-info ul.social-link {
  margin-top: 20px;
}
.agenko-team-item.style-three .member-info ul.social-link li {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.agenko-team-item.style-three .member-info ul.social-link li a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white-color);
  color: var(--heading-color);
  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;
}
.agenko-team-item.style-three .member-info h4 {
  color: var(--heading-color);
}
.agenko-team-item.style-three .member-info span.position {
  font: 700 18px var(--heading-font);
  color: var(--heading-color);
}
.agenko-team-item.style-four:hover .member-image .hover-content {
  visibility: visible;
  opacity: 1;
}
.agenko-team-item.style-four .member-image {
  position: relative;
  z-index: 1;
}
.agenko-team-item.style-four .member-image img {
  width: 100%;
}
.agenko-team-item.style-four .member-image .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(156, 254, 79, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.agenko-team-item.style-four .member-image .social-box {
  position: absolute;
  top: 20px;
  left: 20px;
}
.agenko-team-item.style-four .member-image .social-box a {
  margin-bottom: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white-color);
  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;
  color: var(--heading-color);
}
.agenko-team-item.style-four .member-image .social-box a:hover {
  background-color: var(--primary-color);
  color: var(--heading-color);
}
.agenko-team-item.style-four .member-info {
  padding-top: 20px;
}

.author-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.author-item .author-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70px;
  height: 70px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-item .author-thumb img {
  width: 100%;
  border-radius: 50%;
}
.author-item .author-info h4 {
  margin-bottom: 10px;
}
.author-item .author-info h5 {
  color: var(--text-color);
  font-weight: 500;
}

.agenko-testimonial-item.style-one .testimonial-content ul.ratings {
  margin-bottom: 20px;
}
.agenko-testimonial-item.style-one .testimonial-content ul.ratings li {
  color: var(--primary-color);
  font-size: 30px;
}
.agenko-testimonial-item.style-one .testimonial-content p {
  font: 700 24px var(--heading-font);
  color: var(--white-color);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .agenko-testimonial-item.style-one .testimonial-content p {
    font-size: 16px;
  }
}
.agenko-testimonial-item.style-one .testimonial-content .author-item-quote .quote i {
  font-size: 30px;
  color: var(--primary-color);
}
.agenko-testimonial-item.style-two .testimonial-content ul.ratings {
  margin-bottom: 40px;
}
.agenko-testimonial-item.style-two .testimonial-content p {
  font: 700 27px var(--heading-font);
  font-style: italic;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .agenko-testimonial-item.style-two .testimonial-content p {
    font-size: 24px;
  }
}
.agenko-testimonial-item.style-three .testimonial-content ul.ratings {
  margin-bottom: 22px;
}
.agenko-testimonial-item.style-three .testimonial-content ul.ratings li i {
  color: var(--primary-color);
}
.agenko-testimonial-item.style-three .testimonial-content p {
  line-height: 45px;
  font: 500 32px var(--heading-font);
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-testimonial-item.style-three .testimonial-content p {
    font-size: 22px;
    line-height: 35px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-testimonial-item.style-three .testimonial-content p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .agenko-testimonial-item.style-three .testimonial-content p {
    font-size: 15px;
    line-height: 25px;
  }
}

.post-categories a {
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid var(--border-color);
  font-weight: 600;
  line-height: 20px;
  color: var(--white-color);
}

.agenko-blog-item.style-one {
  position: relative;
  background-color: var(--gray-dark);
  padding: 0 30px;
}
.agenko-blog-item.style-one:hover .post-hover-wrap {
  visibility: visible;
  opacity: 1;
}
.agenko-blog-item.style-one .post-hover-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 15px;
  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;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .agenko-blog-item.style-one .post-hover-wrap {
    display: none;
  }
}
.agenko-blog-item.style-one .post-inner-wrap {
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .agenko-blog-item.style-one .post-inner-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.agenko-blog-item.style-one .author-item {
  width: 20%;
}
@media screen and (max-width: 991px) {
  .agenko-blog-item.style-one .author-item {
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-blog-item.style-one .author-item .author-thumb {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-blog-item.style-one .author-item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.agenko-blog-item.style-one .post-content {
  width: 60%;
  padding: 0 30px;
}
@media screen and (max-width: 991px) {
  .agenko-blog-item.style-one .post-content {
    width: 100%;
    padding: 25px 0;
  }
}
@media (max-width: 767px) {
  .agenko-blog-item.style-one .post-content .post-categories {
    padding: 20px 0;
  }
}
.agenko-blog-item.style-one .post-content h3.title {
  margin-bottom: 15px;
}
.agenko-blog-item.style-one .post-content h3.title:hover {
  color: var(--primary-color);
}
.agenko-blog-item.style-one .post-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20%;
}
@media screen and (max-width: 991px) {
  .agenko-blog-item.style-one .post-date {
    width: 100%;
  }
}
.agenko-blog-item.style-one .post-date i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(26, 26, 26, 0.2);
  margin-right: 15px;
}
.agenko-blog-item.style-two {
  background-color: var(--gray-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .agenko-blog-item.style-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.agenko-blog-item.style-two .post-thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 260px;
  margin-right: 30px;
}
.agenko-blog-item.style-two .post-thumbnail img {
  border-radius: 7px;
}
@media (max-width: 767px) {
  .agenko-blog-item.style-two .post-thumbnail {
    margin-bottom: 25px;
    max-width: 100%;
    margin-right: 0;
  }
  .agenko-blog-item.style-two .post-thumbnail img {
    width: 100%;
  }
}
.agenko-blog-item.style-two .post-content .post-categories {
  margin-bottom: 15px;
}
.agenko-blog-item.style-two .post-content .post-categories a {
  padding: 9px 20px;
  line-height: 20px;
  border: 1px solid var(--border-color);
  border-radius: 30px;
}
.agenko-blog-item.style-two .post-content h4.title {
  margin-bottom: 15px;
}
.agenko-blog-item.style-two .post-content h4.title:hover {
  color: var(--primary-color);
}
.agenko-blog-item.style-two .post-content p {
  margin-bottom: 10px;
}
.agenko-blog-item.style-three:hover .post-button .icon-btn.style-one {
  background-color: var(--primary-color);
  color: var(--heading-color);
}
.agenko-blog-item.style-three:hover .post-button .icon-btn.style-one i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.agenko-blog-item.style-three .post-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.agenko-blog-item.style-three .post-thumbnail img {
  width: 100%;
}
.agenko-blog-item.style-three .post-content {
  padding-top: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 30px;
}
.agenko-blog-item.style-three .post-content h4.title:hover {
  color: var(--primary-color);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-blog-item.style-three .post-content h4.title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-blog-item.style-three .post-content h4.title {
    font-size: 20px;
    line-height: 30px;
  }
}
.agenko-blog-item.style-three .post-meta span {
  margin-bottom: 5px;
}
.agenko-blog-item.style-three .post-meta span:not(:last-child):after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 8px;
}
.agenko-blog-item.style-four .post-thumbnail img {
  width: 100%;
}
.agenko-blog-item.style-four .post-content {
  padding-top: 25px;
}
.agenko-blog-item.style-four .post-content .post-meta span {
  margin-bottom: 10px;
}
.agenko-blog-item.style-four .post-content .post-meta span:not(:last-child) {
  margin-right: 15px;
}
.agenko-blog-item.style-four .post-content .post-meta span i {
  margin-right: 10px;
}
.agenko-blog-item.style-four .post-content .post-meta span:last-child {
  float: right;
}
.agenko-blog-item.style-four .post-content h4.title {
  margin-bottom: 15px;
}
.agenko-blog-item.style-four .post-content h4.title:hover {
  color: var(--primary-color);
}
@media screen and (max-width: 991px) {
  .agenko-blog-item.style-four .post-content h4.title {
    font-size: 20px;
    line-height: 30px;
  }
}

/*---- 
====================
3. Components CSS
    # Header CSS
====================

----*/
.agenko-footer {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.agenko-footer .shape {
  position: absolute;
  z-index: -1;
}
.agenko-footer .shape.shape-one {
  left: -35px;
  bottom: 110px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-footer .shape.shape-one img {
    width: 50%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-footer .shape.shape-one {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .agenko-footer .shape.shape-one {
    display: none;
  }
}
.agenko-footer .shape.shape-two {
  bottom: 140px;
  right: 130px;
}
.agenko-footer .shape.shape-blur_one {
  top: -150px;
  left: -150px;
}
.agenko-footer .shape.shape-blur_one span {
  width: 261px;
  height: 261px;
  background-color: rgba(155, 254, 79, 0.5);
  -webkit-filter: blur(80px);
          filter: blur(80px);
}
.agenko-footer .shape.shape-blur_two {
  bottom: -150px;
  right: -150px;
}
.agenko-footer .shape.shape-blur_two span {
  width: 261px;
  height: 261px;
  background-color: rgba(202, 186, 231, 0.6);
  -webkit-filter: blur(80px);
          filter: blur(80px);
}

.footer-widget {
  color: var(--white-color);
}
.footer-widget .footer-content .widget-title {
  margin-bottom: 15px;
}
.footer-widget .footer-content .footer-logo {
  padding: 5px;
  display: inline-block;
  border-radius: 40px;
  border: 1px solid var(--Stock-Color, #313131);
  background-color: #0E0F11;
  margin-bottom: 20px;
}
.footer-widget .footer-content ul li:not(:last-child) {
  margin-bottom: 13px;
}
.footer-widget .footer-content ul li a:hover {
  color: var(--primary-color);
}
.footer-widget .footer-content .form-group {
  max-width: 340px;
}
.footer-widget .footer-content .form-group .form_control {
  width: 100%;
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 10px 130px 10px 50px;
  color: var(--heading-color);
  border: none;
}
.footer-widget .footer-content .form-group .form_control::-webkit-input-placeholder {
  color: var(--heading-color);
}
.footer-widget .footer-content .form-group .form_control::-moz-placeholder {
  color: var(--heading-color);
}
.footer-widget .footer-content .form-group .form_control:-ms-input-placeholder {
  color: var(--heading-color);
}
.footer-widget .footer-content .form-group .form_control::-ms-input-placeholder {
  color: var(--heading-color);
}
.footer-widget .footer-content .form-group .form_control::placeholder {
  color: var(--heading-color);
}
.footer-widget .footer-content .form-group label {
  position: absolute;
  top: 12px;
  left: 20px;
  color: var(--heading-color);
}
.footer-widget .footer-content .form-group .theme-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}
.footer-widget.footer-about-widget .footer-content p {
  max-width: 340px;
  margin-bottom: 20px;
}
.footer-widget.footer-contact-info-widget {
  padding-left: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-widget.footer-contact-info-widget {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer-widget.footer-contact-info-widget {
    padding-left: 0;
  }
}
.footer-widget.footer-contact-info-widget .footer-content p {
  max-width: 230px;
  line-height: 27px;
  letter-spacing: 0.48px;
}
.footer-widget.footer-nav-widget {
  padding-left: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-widget.footer-nav-widget {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .footer-widget.footer-nav-widget {
    padding-left: 0;
  }
}
.footer-widget.footer-contact-widget .footer-content h4.widget-title {
  margin-bottom: 20px;
}

.footer-copyright {
  border-top: 1px solid var(--border-color);
  padding: 35px 0 30px;
}
@media (max-width: 767px) {
  .footer-copyright .copyright-text {
    text-align: center;
  }
}
.footer-copyright .copyright-text p {
  font: 500 18px var(--heading-font);
  color: var(--white-color);
}
.footer-copyright .copyright-text p span {
  color: var(--primary-color);
}
.footer-copyright .copyright-nav {
  float: right;
}
@media (max-width: 767px) {
  .footer-copyright .copyright-nav {
    float: none;
    text-align: center;
  }
}
.footer-copyright .copyright-nav ul li {
  display: inline-block;
}
.footer-copyright .copyright-nav ul li:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .footer-copyright .copyright-nav ul li {
    margin-left: 10px;
    margin-right: 10px;
  }
  .footer-copyright .copyright-nav ul li:not(:last-child) {
    margin-right: 0px;
  }
}
.footer-copyright .copyright-nav ul li a {
  font: 500 18px var(--heading-font);
  color: var(--white-color);
}
.footer-copyright .copyright-nav ul li a:hover {
  color: var(--primary-color);
}
@media (max-width: 767px) {
  .footer-copyright .copyright-nav ul li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .footer-copyright .copyright-nav ul li a {
    font-size: 16px;
  }
}

.hero-wrapper-one {
  background-color: #000;
  padding: 180px 0 200px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.hero-wrapper-one .shape {
  position: absolute;
  z-index: -1;
}
.hero-wrapper-one .shape.shape-blur_one {
  top: -30%;
  left: -25%;
}
.hero-wrapper-one .shape.shape-blur_one span {
  width: 760px;
  height: 760px;
  border-radius: 50%;
  background: rgba(156, 254, 79, 0.6);
  -webkit-filter: blur(200px);
          filter: blur(200px);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-one .shape.shape-blur_one span {
    width: 500px;
    height: 500px;
    -webkit-filter: blur(100px);
            filter: blur(100px);
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-one .shape.shape-blur_one span {
    width: 360px;
    height: 360px;
    -webkit-filter: blur(100px);
            filter: blur(100px);
  }
}
.hero-wrapper-one .shape.shape-blur_two {
  top: -30%;
  right: -15%;
}
.hero-wrapper-one .shape.shape-blur_two span {
  width: 660px;
  height: 660px;
  border-radius: 50%;
  background: #8778F5;
  -webkit-filter: blur(150px);
          filter: blur(150px);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-one .shape.shape-blur_two span {
    width: 500px;
    height: 500px;
    -webkit-filter: blur(100px);
            filter: blur(100px);
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-one .shape.shape-blur_two span {
    width: 300px;
    height: 300px;
    -webkit-filter: blur(70px);
            filter: blur(70px);
  }
}
.hero-wrapper-one .shape.shape-blur_three {
  bottom: -70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hero-wrapper-one .shape.shape-blur_three span {
  width: 760px;
  height: 760px;
  border-radius: 50%;
  background: rgba(156, 254, 79, 0.6);
  -webkit-filter: blur(200px);
          filter: blur(200px);
}
.hero-wrapper-one .hero-content {
  position: relative;
  margin-bottom: 130px;
}
.hero-wrapper-one .hero-content h1 {
  font-size: 200px;
  line-height: 1;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-one .hero-content h1 {
    font-size: 140px;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-one .hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .hero-wrapper-one .hero-content h1 {
    font-size: 60px;
  }
}
.hero-wrapper-one .hero-content .big-text {
  font-size: 200px;
  line-height: 1;
  font-weight: 700;
  color: var(--white-color);
  text-align: right;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-one .hero-content .big-text {
    font-size: 130px;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-one .hero-content .big-text {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .hero-wrapper-one .hero-content .big-text {
    font-size: 60px;
  }
}
.hero-wrapper-one .hero-content .text-box {
  position: absolute;
  bottom: 20%;
  left: 0;
  max-width: 400px;
}
@media screen and (max-width: 991px) {
  .hero-wrapper-one .hero-content .text-box {
    bottom: 30%;
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .hero-wrapper-one .hero-content .text-box {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 45px;
  }
}
.hero-wrapper-one .hero-content .element {
  position: absolute;
  top: 5%;
  right: 15%;
}
@media (max-width: 767px) {
  .hero-wrapper-one .hero-content .element {
    top: 0;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-one .hero-content .hero-button {
    margin-top: 60px;
  }
}

.hero-wrapper-two {
  position: relative;
  z-index: 1;
  padding: 180px 0 130px;
  background-color: #000;
  overflow: hidden;
}
.hero-wrapper-two .shape {
  position: absolute;
  z-index: -1;
}
.hero-wrapper-two .shape.shape-one {
  top: 17%;
  left: 10%;
}
@media screen and (max-width: 991px) {
  .hero-wrapper-two .shape.shape-one {
    top: 8%;
  }
}
.hero-wrapper-two .shape.shape-two {
  top: 33%;
  right: 10%;
}
.hero-wrapper-two .shape.circle-one {
  top: -20%;
  left: -10%;
}
.hero-wrapper-two .shape.circle-one span {
  width: 980px;
  height: 980px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 991px) {
  .hero-wrapper-two .shape.circle-one {
    display: none;
  }
}
.hero-wrapper-two .shape.circle-two {
  top: -50%;
  right: -5%;
}
.hero-wrapper-two .shape.circle-two span {
  width: 760px;
  height: 760px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-wrapper-two .hero-content {
  position: relative;
  margin-bottom: 80px;
}
.hero-wrapper-two .hero-content h1 {
  font-size: 140px;
  line-height: 160px;
  color: var(--white-color);
}
@media screen and (max-width: 991px) {
  .hero-wrapper-two .hero-content h1 {
    font-size: 70px;
    line-height: 90px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .hero-wrapper-two .hero-content h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px;
  }
}
.hero-wrapper-two .hero-content .text-box {
  max-width: 530px;
  position: absolute;
  bottom: 5%;
  right: 20%;
}
.hero-wrapper-two .hero-content .text-box p {
  margin-bottom: 25px;
}
.hero-wrapper-two .hero-content .text-box p span {
  color: var(--white-color);
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .hero-wrapper-two .hero-content .text-box {
    right: 10%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-two .hero-content .text-box {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 35px;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-two .hero-content .text-box {
    position: relative;
    bottom: auto;
    right: auto;
  }
}
.hero-wrapper-two .hero-content .pro {
  position: absolute;
  top: 15%;
  right: 15%;
  border: 1px solid var(--primary-color);
  padding: 20px 25px;
  font-size: 50px;
  color: var(--primary-color);
  border-radius: 40px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-two .hero-content .pro {
    top: 45%;
    right: 35%;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-two .hero-content .pro {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .hero-wrapper-two .hero-content .pro {
    right: 5%;
  }
}
.hero-wrapper-two .service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .hero-wrapper-two .service-list {
    margin-bottom: 30px;
  }
}
.hero-wrapper-two .service-list li {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .hero-wrapper-two .service-list li {
    margin: 0 auto 15px;
  }
}
.hero-wrapper-two .service-list li:nth-child(odd) {
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.hero-wrapper-two .service-list li:nth-child(even) {
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
  margin-bottom: 5px;
}

.hero-image.style-one img {
  border-radius: 30px;
}

.text-box {
  max-width: 530px;
}
.text-box p span {
  color: var(--white-color);
}

/* Hero Wrapper Three */
.hero-wrapper-three {
  padding: 160px 0;
}
.hero-wrapper-three .hero-content h1 span {
  position: relative;
  padding: 5px 20px;
  color: var(--heading-color);
  z-index: 1;
}
.hero-wrapper-three .hero-content h1 span:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background-color: var(--primary-color);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
@media (max-width: 767px) {
  .hero-wrapper-three .hero-content h1 {
    font-size: 48px;
    line-height: 60px;
  }
}
.hero-wrapper-three .hero-image-box {
  margin: 0 50px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .hero-wrapper-three .hero-image-box {
    margin: 0 15px;
  }
}
.hero-wrapper-three .hero-image-box img {
  border-radius: 40px;
  width: 100%;
  min-height: 400px;
}
@media screen and (max-width: 991px) {
  .hero-wrapper-three .hero-image-box img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.hero-wrapper-three .hero-image-box .text-box {
  position: absolute;
  top: 0;
  right: 10%;
  text-align: left;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-three .hero-image-box .text-box {
    right: 5%;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-three .hero-image-box .text-box {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 40px;
  }
}
.hero-wrapper-three .hero-image-box svg {
  position: absolute;
  right: -1px;
  top: -1px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-wrapper-three .hero-image-box svg {
    top: -15px;
    width: 75%;
  }
}
@media screen and (max-width: 991px) {
  .hero-wrapper-three .hero-image-box svg {
    display: none;
  }
}

/* Page Banner CSS */
.agenko-page-banner {
  padding: 187px 0 120px;
  background-color: var(--gray-dark);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  .agenko-page-banner {
    padding-bottom: 80px;
  }
}
.agenko-page-banner .shape {
  position: absolute;
  z-index: -1;
}
.agenko-page-banner .shape span {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.agenko-page-banner .shape.shape-circle1 {
  top: -45%;
  left: -5%;
}
.agenko-page-banner .shape.shape-circle1 span {
  width: 979px;
  height: 979px;
}
.agenko-page-banner .shape.shape-circle2 {
  top: -120%;
  right: 0;
}
.agenko-page-banner .shape.shape-circle2 span {
  width: 765px;
  height: 765px;
}
.agenko-page-banner .page-content h1 {
  margin-bottom: 40px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agenko-page-banner .page-content h1 {
    font-size: 60px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-page-banner .page-content h1 {
    font-size: 52px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-page-banner .page-content h1 {
    font-size: 42px;
    line-height: 50px;
  }
}
.agenko-page-banner .page-content .text-box .icon {
  margin-right: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
}
.agenko-page-banner .page-content ul.breadcrumb-link {
  display: block;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.04);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 10px 30px;
  float: right;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-page-banner .page-content ul.breadcrumb-link {
    float: left;
    margin-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-page-banner .page-content ul.breadcrumb-link {
    float: left;
    margin: 40px 0;
  }
}
.agenko-page-banner .page-content ul.breadcrumb-link li {
  display: inline-block;
}
.agenko-page-banner .page-content ul.breadcrumb-link li:not(:last-child):after {
  display: inline-block;
  content: "|";
  margin-left: 13px;
  margin-right: 13px;
}
.agenko-page-banner .page-content ul.breadcrumb-link li.active {
  color: var(--primary-color);
}

.agk-service-ca .text-box {
  max-width: 300px;
}

.agk-process-box {
  text-align: center;
}
.agk-process-box .agenko-step {
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
.agk-process-box .agenko-step::after {
  position: absolute;
  content: "";
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 40px;
  background-color: var(--border-color);
  z-index: -1;
}

.agk-company-ca .client-list {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  .agk-company-ca .client-list {
    padding-left: 0;
  }
}
.agk-company-ca .client-list ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
}

.agk-award-ca .text-box {
  max-width: 300px;
}

.agenko-content-box > p {
  margin-bottom: 30px;
}

.agk-content-box.style-one {
  max-width: 710px;
  padding-right: 100px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agk-content-box.style-one {
    padding-right: 70px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agk-content-box.style-one {
    padding-right: 0;
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 991px) {
  .agk-content-box.style-one {
    padding-right: 0;
  }
}
.agk-content-box.style-one > p {
  margin-bottom: 30px;
}
.agk-content-box.style-one ul li {
  display: inline-block;
  margin-bottom: 20px;
}
.agk-content-box.style-one ul li:not(:last-child) {
  padding-right: 45px;
  border-right: 1px solid var(--border-color);
}
@media (max-width: 767px) {
  .agk-content-box.style-one ul li:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }
}
.agk-content-box.style-one ul li:last-child {
  padding-left: 45px;
}
@media (max-width: 767px) {
  .agk-content-box.style-one ul li:last-child {
    padding-left: 0;
  }
}

.agk-image-box.style-one {
  position: relative;
  max-width: 440px;
  max-height: 530px;
  margin-left: auto;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agk-image-box.style-one {
    margin: 0 auto 50px;
    max-width: 550px;
  }
}
@media screen and (max-width: 991px) {
  .agk-image-box.style-one {
    margin: 0 auto 50px;
    max-width: 550px;
  }
}
.agk-image-box.style-one .agenko-experince-box {
  position: absolute;
  top: 37%;
  left: -80px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agk-image-box.style-one .agenko-experince-box {
    left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .agk-image-box.style-one .agenko-experince-box {
    left: 20px;
  }
}
@media (max-width: 767px) {
  .agk-image-box.style-one .agenko-experince-box {
    left: 0;
  }
}
.agk-image-box.style-one .agk-image {
  text-align: right;
}
.agk-image-box.style-one .agk-image img {
  width: auto;
  border-radius: 20px;
}

.agk-who-we .big-text {
  border-top: 1px solid var(--border-color);
}
.agk-who-we .big-text h2 {
  color: rgba(255, 255, 255, 0);
  font-size: 140px;
  text-transform: uppercase;
  line-height: 1em;
  font-family: var(--heading-font);
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: #FFFFFF;
  stroke: #FFFFFF;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .agk-who-we .big-text h2 {
    font-size: 110px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agk-who-we .big-text h2 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .agk-who-we .big-text h2 {
    font-size: 30px;
  }
}

.agk-play-image-box .agk-image {
  position: relative;
}
.agk-play-image-box .agk-image .play-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.agk-play-image-box .agk-image .play-box .video-popup {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: var(--primary-color);
  font-size: 24px;
  color: var(--heading-color);
}
@media (max-width: 767px) {
  .agk-play-image-box .agk-image .play-box .video-popup {
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
}

/* Agenko Process Wrapper */
.testimonial-wrapper {
  padding: 0 70px;
}
@media (max-width: 767px) {
  .testimonial-wrapper {
    padding: 0;
  }
}

.faq-big-text {
  color: rgba(255, 255, 255, 0.03);
  font-family: var(--heading-font);
  font-size: 200px;
  font-weight: 700;
  line-height: 200px; /* 100% */
  text-transform: uppercase;
}

.agk-team .container-fluid {
  padding-left: 70px;
  padding-right: 70px;
}
@media (max-width: 767px) {
  .agk-team .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.client-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .client-list ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.client-list ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  margin-bottom: -1px;
}
@media (max-width: 767px) {
  .client-list ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

/* Agenko Process Wrapper */
.agk-process-wrapper {
  position: relative;
  z-index: 1;
}
.agk-process-wrapper .process-line {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: var(--border-color);
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .agk-process-wrapper .process-line {
    display: none;
  }
}

/* Agenko Testimoial */
.agk-testimonial-ca {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.agk-testimonial-ca .shape {
  position: absolute;
  z-index: -1;
}
.agk-testimonial-ca .shape span {
  width: 650px;
  height: 650px;
  border-radius: 50%;
  border: 85.395px solid rgba(255, 255, 255, 0.03);
}
.agk-testimonial-ca .shape.shape-one {
  bottom: -45%;
  left: -20%;
}
.agk-testimonial-ca .shape.shape-two {
  top: -45%;
  right: -20%;
}
.agk-testimonial-ca .agk-content-box {
  position: relative;
  z-index: 1;
}
.agk-testimonial-ca .agk-content-box .fill-text {
  position: absolute;
  top: -50px;
  left: 0;
  color: rgba(255, 255, 255, 0);
  font-size: 100px;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: 700;
  font-family: var(--heading-font);
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.05);
  stroke: rgba(255, 255, 255, 0.05);
  z-index: -1;
}

/* Agenko Service Details */
.agenko-service-details {
  position: relative;
  z-index: 1;
}
.agenko-service-details:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  z-index: -1;
  background-color: var(--gray-dark);
}

/* Agenko join Team */
.agenko-join-team .big-text {
  font-size: 140px;
  font-weight: 700;
  font-family: var(--heading-font);
  line-height: 1;
  color: var(--white-color);
}
@media (max-width: 767px) {
  .agenko-join-team .big-text span img {
    display: none;
  }
}
.agenko-join-team .big-text span.fill-text {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--text-color);
  color: transparent;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .agenko-join-team .big-text {
    font-size: 100px;
  }
}
@media screen and (max-width: 991px) {
  .agenko-join-team .big-text {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .agenko-join-team .big-text {
    font-size: 80px;
  }
}
.agenko-join-team .agenko-team-image {
  max-width: 490px;
}
@media screen and (max-width: 991px) {
  .agenko-join-team .agenko-team-image {
    margin: 0 auto 50px;
  }
}

/* Team Details Wrapper */
.team-details-wrapper .member-info h2 {
  margin-bottom: 20px;
}
.team-details-wrapper .member-info span.position {
  margin-bottom: 25px;
}
.team-details-wrapper .member-info p {
  margin-bottom: 25px;
}
.team-details-wrapper .member-info ul.social-link li {
  display: inline-block;
  margin-right: 10px;
}
.team-details-wrapper .member-info ul.social-link li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  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;
  color: var(--heading-color);
  background-color: var(--white-color);
}
.team-details-wrapper .member-info ul.social-link li a:hover {
  background-color: var(--primary-color);
}

/* Project Page */
.agenko-project .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 991px) {
  .agenko-project .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Project Details Wrapper */
.project-details-wrapper .agenko-content-box h2 {
  margin-bottom: 30px;
  max-width: 650px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .project-details-wrapper .agenko-content-box h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .project-details-wrapper .agenko-content-box h2 {
    font-size: 27px;
    line-height: 40px;
  }
}
.project-details-wrapper .agenko-content-box h3 {
  margin-bottom: 15px;
}
.project-details-wrapper .project-duration-box h3 {
  font-size: 20px;
}

/* Page 404 */
.page-404 {
  padding: 130px 0;
}
.page-404 .page-content img {
  margin-bottom: 50px;
}
.page-404 .page-content h4 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .page-404 .page-content h4 {
    font-weight: 500;
    font-size: 18px;
  }
}

/* Agenko CTA Wrapper */
.agenko-cta-wrappper {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.agenko-cta-wrappper .shape {
  position: absolute;
  z-index: -1;
}
.agenko-cta-wrappper .shape span {
  width: 380px;
  height: 380px;
  border-radius: 50%;
  border: 50px solid rgba(255, 255, 255, 0.03);
}
.agenko-cta-wrappper .shape.shape_one {
  top: -250px;
  left: -8%;
}
.agenko-cta-wrappper .shape.shape_two {
  bottom: -250px;
  right: -8%;
}

.company-slider {
  margin-left: -25px;
  margin-right: -25px;
}
@media screen and (max-width: 991px) {
  .company-slider {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.company-slider .slick-slide {
  margin-left: 25px;
  margin-right: 25px;
}
@media screen and (max-width: 991px) {
  .company-slider .slick-slide {
    margin-left: 12px;
    margin-right: 12px;
  }
}

.company-list {
  gap: 0 15px;
}

.agenko-process-wrapper-two {
  position: relative;
}
.agenko-process-wrapper-two .process-line {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--border-color);
}

/* Blog Standard Wrapper */
.blog-standard-wrapper {
  padding-right: 75px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-standard-wrapper {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .blog-standard-wrapper {
    padding-right: 0;
  }
}

/* Blog Details Wrapper */
.blog-details-wrapper {
  padding-right: 75px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-details-wrapper {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .blog-details-wrapper {
    padding-right: 0;
  }
}
.blog-details-wrapper .agenko-post-item .post-thumbnail {
  margin-bottom: 35px;
}
.blog-details-wrapper .agenko-post-item .post-thumbnail img {
  width: 100%;
}
.blog-details-wrapper .agenko-post-item .post-content .post-meta {
  margin-bottom: 15px;
}
.blog-details-wrapper .agenko-post-item .post-content .post-meta span {
  margin-bottom: 10px;
}
.blog-details-wrapper .agenko-post-item .post-content .post-meta span:not(:last-child) {
  margin-right: 15px;
}
.blog-details-wrapper .agenko-post-item .post-content .post-meta span i {
  margin-right: 10px;
}
.blog-details-wrapper .agenko-post-item .post-content .post-meta span:last-child {
  float: right;
}
.blog-details-wrapper .agenko-post-item .post-content h4 {
  margin-bottom: 25px;
}
.blog-details-wrapper .agenko-post-item .post-content p {
  margin-bottom: 35px;
}
.blog-details-wrapper .agenko-post-item .block-image img {
  width: 100%;
}
.blog-details-wrapper .agenko-post-item blockquote {
  position: relative;
  z-index: 1;
  background-color: var(--gray-dark);
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.blog-details-wrapper .agenko-post-item blockquote .icon {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 40px;
}
@media (max-width: 767px) {
  .blog-details-wrapper .agenko-post-item blockquote h4 {
    font-size: 20px;
  }
}
.blog-details-wrapper .agenko-post-item blockquote .author-info h4 {
  margin-bottom: 5px;
}
.blog-details-wrapper .agenko-post-item blockquote .author-info h5 {
  font-weight: 500;
  color: var(--text-color);
}
.blog-details-wrapper .agenko-post-item .main-post {
  margin-bottom: 40px;
}
.blog-details-wrapper .agenko-post-item .entry-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
@media (max-width: 767px) {
  .blog-details-wrapper .agenko-post-item .entry-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog-details-wrapper .agenko-post-item .entry-footer .social-share span, .blog-details-wrapper .agenko-post-item .entry-footer .tag-links span {
  font: 600 18px var(--heading-font);
  text-transform: uppercase;
  margin-right: 15px;
}
.blog-details-wrapper .agenko-post-item .entry-footer .tag-links a {
  font: 500 16px var(--heading-font);
  background-color: var(--gray-dark);
  text-transform: uppercase;
  padding: 12px 20px;
  line-height: 20px;
  border-radius: 30px;
}
.blog-details-wrapper .agenko-post-item .entry-footer .tag-links a:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .blog-details-wrapper .agenko-post-item .entry-footer .social-share {
    margin-top: 25px;
  }
}
.blog-details-wrapper .agenko-post-item .entry-footer .social-share a {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white-color);
  color: var(--heading-color);
}
.blog-details-wrapper .agenko-post-item .entry-footer .social-share a:hover {
  background-color: var(--primary-color);
  color: var(--heading-color);
}
.blog-details-wrapper .agenko-post-item .entry-footer .social-share a:not(:last-child) {
  margin-right: 5px;
}

.comments-area h3.comments-title {
  margin-bottom: 30px;
}
.comments-area .comments-list .comment {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.comments-area .comments-list .comment .comment-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  height: 100px;
  margin-right: 30px;
}
.comments-area .comments-list .comment .comment-avatar img {
  width: 100%;
}
.comments-area .comments-list .comment .comment-author-content span.author-name {
  display: block;
  text-transform: uppercase;
  font: 600 18px var(--heading-font);
  margin-bottom: 15px;
  color: var(--white-color);
}
.comments-area .comments-list .comment .comment-author-content span.author-name span {
  float: right;
  font: 500 16px var(--body-font);
}
.comments-area .comments-list .comment .comment-author-content p {
  margin-bottom: 10px;
}
.comments-area .comments-list .comment .comment-author-content .reply {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid var(--border-color);
  padding: 5px 10px;
  line-height: 20px;
  border-radius: 5px;
  font-weight: 500;
}
.comments-area .comments-list .comment-reply .comment {
  margin-left: 50px;
}

.sidebar-widget-area .sidebar-widget {
  background-color: var(--gray-dark);
  border-radius: 10px;
  padding: 20px 30px 30px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .sidebar-widget-area .sidebar-widget {
    padding: 20px 20px 30px;
  }
}
@media (max-width: 575px) {
  .sidebar-widget-area .sidebar-widget {
    padding: 20px 20px 30px;
  }
}
.sidebar-widget-area .sidebar-widget .sidebar-title {
  margin-bottom: 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .form_control {
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: var(--gray-dark);
  padding: 15px 25px;
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .form_control::-webkit-input-placeholder {
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .form_control::-moz-placeholder {
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .form_control:-ms-input-placeholder {
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .form_control::-ms-input-placeholder {
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .form_control::placeholder {
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-search-widget .widget-content .form-group .search-btn {
  position: absolute;
  top: 15px;
  right: 30px;
  background-color: transparent;
  color: var(--white-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-category-widget .widget-content li:not(:last-child) {
  margin-bottom: 30px;
}
.sidebar-widget-area .sidebar-widget.sidebar-category-widget .widget-content li a {
  display: block;
  color: var(--white-color);
  font: 700 18px var(--heading-font);
}
.sidebar-widget-area .sidebar-widget.sidebar-category-widget .widget-content li a span {
  float: right;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content ul li:not(:last-child) {
  margin-bottom: 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-thumbnail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-thumbnail-content img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 110px;
  margin-right: 20px;
  border-radius: 10px;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-title-date span {
  margin-bottom: 10px;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-title-date span a {
  padding: 8px 12px;
  border-radius: 30px;
  border: 1px solid var(--border-color);
  letter-spacing: 0.48px;
  color: var(--white-color);
  line-height: 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-title-date h6 {
  line-height: 27px;
  letter-spacing: 0.48px;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-title-date h6 {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .sidebar-widget-area .sidebar-widget.sidebar-post-widget .widget-content .post-title-date h6 {
    font-size: 16px;
  }
}
.sidebar-widget-area .sidebar-widget.sidebar-tag-widget {
  padding: 20px 30px 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-tag-widget .widget-content a {
  padding: 10px;
  background-color: var(--primary-black-color);
  border-radius: 30px;
  padding: 12px 20px;
  line-height: 20px;
  letter-spacing: 0.48px;
  margin-bottom: 10px;
}
.sidebar-widget-area .sidebar-widget.sidebar-tag-widget .widget-content a:hover {
  background-color: var(--primary-color);
  color: var(--heading-color);
}
.sidebar-widget-area .sidebar-widget.sidebar-banner-widget {
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}
.sidebar-widget-area .sidebar-widget.sidebar-banner-widget .widget-content {
  padding: 30px;
  position: relative;
  z-index: 1;
}
.sidebar-widget-area .sidebar-widget.sidebar-banner-widget .widget-content:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(181deg, rgba(0, 0, 0, 0) 0.62%, #000 89.85%);
  z-index: -1;
}
.sidebar-widget-area .sidebar-widget.sidebar-banner-widget .widget-content .content {
  padding-top: 70%;
  text-align: center;
}
.sidebar-widget-area .sidebar-widget.sidebar-banner-widget .widget-content .content h3 {
  margin-bottom: 30px;
}
.sidebar-widget-area .sidebar-widget.sidebar-banner-widget .widget-content .content .theme-btn {
  width: 100%;
  padding: 15px 30px;
  border-radius: 10px;
}
.sidebar-widget-area .sidebar-widget.sidebar-contact-widget .widget-content .sidebar-title {
  margin-bottom: 10px;
}
.sidebar-widget-area .sidebar-widget.sidebar-contact-widget .agenko-contact-form.style-one .form_control {
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.sidebar-widget-area .sidebar-widget.sidebar-contact-widget .agenko-contact-form.style-one .theme-btn {
  padding: 11px 20px;
}

/* Slider */
.team-slider-one {
  margin-right: -5px;
  margin-left: -5px;
}
.team-slider-one .slick-slide {
  margin-left: 5px;
  margin-right: 5px;
}

.form-message {
  padding: 10px 0;
}
.form-message.success {
  color: var(--primary-color);
}
.form-message.error {
  color: rgba(209, 12, 12, 0.808);
}

.contact-info-wrapper {
  position: relative;
  border-radius: 20px;
  border: 1px solid #313131;
  background-color: #0E0F11;
  margin-right: 100px;
  padding: 60px 40px;
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .contact-info-wrapper {
    margin-right: 50px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-info-wrapper {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .contact-info-wrapper {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .contact-info-wrapper {
    padding: 50px 30px;
  }
}
.contact-info-wrapper .shape {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.contact-info-wrapper ul li:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
}
.contact-info-wrapper ul li:first-child {
  padding-bottom: 0;
  border-bottom: none;
}
.contact-info-wrapper ul li .phone {
  font: 700 40px var(--heading-font);
  color: var(--primary-color);
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-info-wrapper ul li .phone {
    font-size: 27px;
  }
}
@media screen and (max-width: 991px) {
  .contact-info-wrapper ul li .phone {
    font-size: 27px;
  }
}

.map-box iframe {
  height: 600px;
}

.agenko-contact-form.style-one .form_control {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: #1A1B1D;
  padding: 15px 30px;
  margin-bottom: 30px;
  color: var(--white-color);
  font: 700 20px var(--heading-font);
}
.agenko-contact-form.style-one .form_control::-webkit-input-placeholder {
  color: var(--white-color);
}
.agenko-contact-form.style-one .form_control::-moz-placeholder {
  color: var(--white-color);
}
.agenko-contact-form.style-one .form_control:-ms-input-placeholder {
  color: var(--white-color);
}
.agenko-contact-form.style-one .form_control::-ms-input-placeholder {
  color: var(--white-color);
}
.agenko-contact-form.style-one .form_control::placeholder {
  color: var(--white-color);
}
.agenko-contact-form.style-one .theme-btn {
  width: 100%;
  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;
  background-color: var(--primary-color);
  color: var(--heading-color);
  font: 700 20px var(--heading-font);
  border-radius: 10px;
  padding: 16px 30px;
}
.agenko-contact-form .form_control {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: #1A1B1D;
  padding: 15px 30px;
  margin-bottom: 30px;
  color: var(--white-color);
  font: 700 20px var(--heading-font);
}
.agenko-contact-form .form_control::-webkit-input-placeholder {
  color: var(--white-color);
}
.agenko-contact-form .form_control::-moz-placeholder {
  color: var(--white-color);
}
.agenko-contact-form .form_control:-ms-input-placeholder {
  color: var(--white-color);
}
.agenko-contact-form .form_control::-ms-input-placeholder {
  color: var(--white-color);
}
.agenko-contact-form .form_control::placeholder {
  color: var(--white-color);
}
.agenko-contact-form.style-two .theme-btn {
  width: 100%;
  padding: 15px 30px;
  border-radius: 10px;
}

.header-navigation .site-branding,
.header-navigation .site-branding a,
.header-navigation .site-branding img,
.header-navigation .brand-logo,
.header-navigation .brand-logo img,
.footer-logo .brand-logo,
.footer-logo .brand-logo img {
  border: 0px !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* ProGro premium light theme */
:root {
  --primary-color: #0055FF;
  --primary-hover-color: #0047D9;
  --heading-color: #111111;
  --primary-black-color: #111111;
  --white-color: #FFFFFF;
  --text-color: #6B7280;
  --border-color: #E5E7EB;
  --gray-dark: #F8FAFC;
  --soft-bg: #F8FAFC;
}

html,
body {
  background: #FFFFFF;
  color: #6B7280;
}

body,
p,
li,
.text-box p,
.post-content p,
.footer-widget p,
.agenko-iconic-box p,
.agenko-testimonial-item p {
  color: #6B7280;
}

main {
  background: #FFFFFF;
}

main > section {
  background: #FFFFFF !important;
}

main > section:nth-of-type(even):not(.progrow-cta-section) {
  background: #F8FAFC !important;
}

.primary-black-bg, .gray-dark {
	background: radial-gradient( circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28% ), radial-gradient( circle at 85% 15%, rgba(255, 255, 255, 0.08), transparent 22% ), linear-gradient( 135deg, #121826 0%, #0042c6 100% ) !important;
}
.section-title .sub-title, .post-categories a, .read-more, .ratings li, .breadcrumb-link li.active {
	color: #FFF !important;
}

.agenko-footer.primary-black-bg,
.agenko-footer.gray-dark,
.agenko-footer {
  background: #111111 !important;
  color: #FFFFFF;
}

.agenko-footer p,
.agenko-footer a,
.agenko-footer h4,
.agenko-footer h5,
.agenko-footer h6,
.agenko-footer .widget-title,
.footer-copyright p,
.copyright-nav a {
  color: rgba(255, 255, 255, 0.76) !important;
}

.agenko-footer .widget-title,
.agenko-footer h4,
.agenko-footer h5,
.agenko-footer h6,
.footer-copyright span {
  color: #FFFFFF !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2,
.page-title,
.title,
.big-text,
.hero-content h1,
.hero-content .big-text,
.content h4,
.content h5,
.post-content .title a,
.award-platform h5,
.award-name h5,
.award-date h5 {
  color: #111111 !important;
}

.sub-title,
.section-title .sub-title,
.text-box span,
.fill-text,
.post-categories a,
.read-more,
.ratings li,
.agenko-step,
.footer-copyright span {
  color: #0055FF !important;
}

.shape-blur_one span,
.shape-blur_two span,
.shape-blur_three span,
.shape-circle1 span,
.shape-circle2 span {
  background: rgba(0, 85, 255, 0.08) !important;
}

.header-area.transparent-header {
  position: sticky;
  top: 16px;
  z-index: 9999;
}

.header-navigation {
  border: 1px solid rgba(229, 231, 235, 0.86);
  background: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-radius: 999px;
  box-shadow: 0 18px 50px rgba(17, 24, 39, 0.08);
  transition: all 0.3s ease;
}

.header-navigation.is-sticky {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(229, 231, 235, 0.96);
  box-shadow: 0 18px 60px rgba(17, 24, 39, 0.12);
}

.header-navigation .pf-nav-menu {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid #E5E7EB !important;
}

.header-navigation .main-menu ul > li > a,
.header-navigation .pf-nav-menu .main-menu ul li a,
.header-navigation .pf-menu-bottom h5 {
  color: #111111 !important;
}

.header-navigation .main-menu ul > li:hover > a,
.header-navigation .main-menu ul > li > a:hover,
.header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: #0055FF !important;
  background: rgba(0, 85, 255, 0.08);
}

.header-navigation .main-menu ul > li .sub-menu {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB;
  box-shadow: 0 24px 70px rgba(17, 24, 39, 0.12) !important;
}

.header-navigation .main-menu ul > li .sub-menu li a {
  color: #111111 !important;
}

.header-navigation .navbar-toggler {
  background: #FFFFFF;
  border-color: #E5E7EB !important;
}

.header-navigation .navbar-toggler span {
  background: #111111 !important;
}

.theme-btn,
.theme-btn.style-one,
.theme-btn.style-two,
.agenko-contact-form.style-one .theme-btn,
.footer-widget .footer-content .form-group .theme-btn {
  background: #0055FF !important;
  color: #FFFFFF !important;
  border-color: #0055FF !important;
  box-shadow: 0 14px 35px rgba(0, 85, 255, 0.22);
}

.theme-btn:hover,
.theme-btn.style-one:hover,
.theme-btn.style-two:hover,
.agenko-contact-form.style-one .theme-btn:hover,
.footer-widget .footer-content .form-group .theme-btn:hover {
  background: #0047D9 !important;
  color: #FFFFFF !important;
  border-color: #0047D9 !important;
}

.theme-btn .text,
.theme-btn span,
.theme-btn i {
  color: #FFFFFF !important;
}

.agenko-iconic-box,
.agenko-iconic-box.style-four,
.agenko-iconic-box.style-five,
.agenko-project-item,
.agenko-blog-item,
.agenko-testimonial-item,
.agenko-award-box,
.contact-info-wrapper,
.agenko-content-box,
.agenko-counter-box,
.agenko-info-box,
.pricing-item,
.agenko-pricing-item {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 55px rgba(17, 24, 39, 0.07) !important;
}

.agenko-project-item .thumbnail,
.agenko-blog-item .post-thumbnail,
.agk-image,
.agk-play-image-box,
.agk-image-box {
  border-radius: 24px;
  overflow: hidden;
}

.agenko-iconic-box .icon,
.agenko-iconic-box.style-five .icon,
.play-box a,
.social-link a {
  background: rgba(0, 85, 255, 0.08) !important;
  color: #0055FF !important;
  border-color: rgba(0, 85, 255, 0.18) !important;
}

.agenko-iconic-box .icon i,
.agenko-iconic-box.style-five .icon i,
.play-box a i {
  color: #0055FF !important;
}

.agk-hero,
.hero-wrapper-one,
.agenko-page-banner {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;
}

.agk-process-wrapper .process-line,
.footer-copyright {
  background: #E5E7EB !important;
}

.agenko-footer .footer-copyright {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.agenko-contact-form .form_control,
.footer-widget .footer-content .form-group .form_control,
input,
textarea,
select {
  background: #FFFFFF !important;
  color: #111111 !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: none !important;
}

.agenko-contact-form .form_control::placeholder,
.footer-widget .footer-content .form-group .form_control::placeholder {
  color: #6B7280 !important;
}

.agenko-footer .form_control {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

.agenko-footer .form_control::placeholder {
  color: rgba(255, 255, 255, 0.62) !important;
}

.breadcrumb-link li,
.breadcrumb-link li a {
  color: #6B7280 !important;
}

.breadcrumb-link li.active {
  color: #0055FF !important;
}

.preloader {
  background: #FFFFFF !important;
}

@media screen and (max-width: 991px) {
  .header-area.transparent-header {
    top: 10px;
  }
  .header-navigation {
    border-radius: 28px;
  }
  .header-navigation .pf-nav-menu {
    background: #FFFFFF !important;
  }
  .header-navigation .pf-nav-menu .main-menu ul li:not(:last-child) {
    border-bottom-color: #E5E7EB !important;
  }
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu,
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu > li .sub-menu {
    background: #F8FAFC !important;
    border: 0 !important;
  }
}

/* ProGro premium light theme refinements */
main > .agk-hero,
main > .agk-hero .hero-wrapper-one {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;
}

main > .agk-process,
main > .agk-testimonial-ca {
  background: #FFFFFF !important;
}

main > .agk-service-ca,
main > .agk-company-ca {
  background: #F8FAFC !important;
}

main > .agk-project {
  background: #FFFFFF !important;
}

main > .agk-award-ca {
  background: #F5F7FB !important;
}

main > .agk-blog#contact {
  background: linear-gradient(135deg, #0055FF 0%, #2A72FF 100%) !important;
  position: relative;
  overflow: hidden;
}

main > .agk-blog#contact::before {
  position: absolute;
  content: "";
  inset: 0;
  background: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.24), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.16), transparent 26%);
  pointer-events: none;
}

main > .agk-blog#contact .container {
  position: relative;
  z-index: 1;
}



main > .agk-blog#contact .theme-btn {
  min-height: 58px;
  padding: 18px 34px;
  background: #FFFFFF !important;
  color: #0055FF !important;
  border-color: #FFFFFF !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
}

main > .agk-blog#contact .theme-btn span,
main > .agk-blog#contact .theme-btn .text {
  color: #0055FF !important;
}

main > .agk-blog#contact .theme-btn:hover {
  background: #F8FAFC !important;
  color: #0047D9 !important;
}

.agenko-iconic-box,
.agenko-project-item,
.agenko-blog-item,
.agenko-testimonial-item,
.agenko-award-box,
.contact-info-wrapper,
.agenko-content-box,
.agenko-counter-box,
.agenko-info-box,
.agenko-pricing-item {
  border-radius: 24px !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
}

.agenko-iconic-box.style-four,
.agenko-iconic-box.style-five {
  padding: 32px !important;
}

.agenko-iconic-box .icon,
.agenko-iconic-box.style-four .icon,
.agenko-iconic-box.style-five .icon {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 85, 255, 0.08) !important;
  color: #0055FF !important;
  border: 1px solid rgba(0, 85, 255, 0.12) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

.agenko-iconic-box .icon i,
.agenko-iconic-box.style-four .icon i,
.agenko-iconic-box.style-five .icon i {
  font-size: 32px !important;
  line-height: 1 !important;
  color: #0055FF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.agenko-iconic-box .icon i::before,
.agenko-iconic-box.style-four .icon i::before,
.agenko-iconic-box.style-five .icon i::before {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.agk-process .agk-process-box .agenko-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  min-height: 38px;
  padding: 8px 16px;
  margin-bottom: 28px;
  border-radius: 999px;
  background: #0055FF !important;
  color: #FFFFFF !important;
  font: 700 14px var(--heading-font);
  letter-spacing: 0;
  box-shadow: 0 10px 24px rgba(0, 85, 255, 0.2);
}

.agk-process .agk-process-box .agenko-step::after {
  background-color: rgba(0, 85, 255, 0.18) !important;
}

.agk-process .agenko-iconic-box.style-five {
  background: #0055FF !important;
  border-color: #0055FF !important;
  box-shadow: 0 18px 45px rgba(0, 85, 255, 0.2) !important;
}

.agk-process .agenko-iconic-box.style-five .icon {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #FFFFFF !important;
}

.agk-process .agenko-iconic-box.style-five .icon i,
.agk-process .agenko-iconic-box.style-five h5,
.agk-process .agenko-iconic-box.style-five p,
.agk-process .agenko-iconic-box.style-five .content h5,
.agk-process .agenko-iconic-box.style-five .content p {
  color: #FFFFFF !important;
}

.agenko-testimonial-item,
.agenko-testimonial-item.style-two,
.agk-testimonial-ca .agk-content-box {
  padding: 32px 36px !important;
}

.agenko-testimonial-item.style-two .testimonial-content ul.ratings {
  margin-bottom: 24px !important;
}

.agenko-testimonial-item.style-two .testimonial-content p {
  margin-bottom: 28px !important;
  color: #111111 !important;
  font-size: 25px;
  line-height: 1.45;
}

.agenko-testimonial-item .author-item,
.agenko-testimonial-item.style-two .author-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E5E7EB;
}

.agenko-testimonial-item .author-info h4 {
  margin-bottom: 6px;
  color: #111111 !important;
}

.agenko-testimonial-item .author-info h5 {
  color: #6B7280 !important;
}

.agenko-footer.primary-black-bg,
.agenko-footer.gray-dark,
.agenko-footer {
  background: #111111 !important;
  padding-top: 150px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.agenko-footer .footer-widget-area {
  padding-bottom: 95px !important;
}

.agenko-footer .row {
  row-gap: 36px;
}

.agenko-footer .footer-widget .footer-content .widget-title {
  margin-bottom: 24px;
  color: #FFFFFF !important;
}

.agenko-footer .footer-widget .footer-content ul li:not(:last-child) {
  margin-bottom: 16px;
}

.agenko-footer a {
  transition: color 0.25s ease, transform 0.25s ease;
}

.agenko-footer a:hover {
  color: #FFFFFF !important;
  transform: translateX(3px);
}

.agenko-footer .footer-logo,
.footer-widget .footer-content .footer-logo {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.agenko-footer .footer-copyright {
  padding-top: 28px;
  padding-bottom: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

body p,
.text-box p,
.section-title p,
.content p,
.post-content p,
.agenko-iconic-box p {
  color: #6B7280 !important;
}

.agk-process .content p,
main > .agk-blog#contact .post-content p {
  color: inherit !important;
}

.section-title .sub-title,
.post-categories a,
.read-more,
a:hover {
  color: #0055FF !important;
}

@media (max-width: 767px) {
  .agenko-iconic-box .icon,
  .agenko-iconic-box.style-four .icon,
  .agenko-iconic-box.style-five .icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    border-radius: 18px !important;
  }
  .agenko-testimonial-item,
  .agenko-testimonial-item.style-two,
  .agk-testimonial-ca .agk-content-box {
    padding: 28px 24px !important;
  }
  .agenko-testimonial-item.style-two .testimonial-content p {
    font-size: 21px;
  }
  .agenko-footer.primary-black-bg,
  .agenko-footer.gray-dark,
  .agenko-footer {
    padding-top: 100px !important;
  }
}

/* ProGro elevated enterprise visual system */
:root {
  --primary-color: #0055FF;
  --primary-hover-color: #0047D9;
  --heading-color: #121826;
  --primary-black-color: #121826;
  --white-color: #FFFFFF;
  --text-color: #667085;
  --border-color: #E7EAF0;
  --gray-dark: #F3F5F8;
  --soft-bg: #F8FAFA;
  --warm-surface: #F5F0E8;
}

html,
body,
main {
  background: #F8FAFA !important;
}

body,
p,
li,
.text-box p,
.section-title p,
.content p,
.post-content p,
.agenko-iconic-box p,
.agenko-testimonial-item p {
  color: #667085 !important;
  line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2,
.page-title,
.title,
.hero-content h1,
.hero-content .big-text,
.content h4,
.content h5,
.post-content .title a,
.award-platform h5,
.award-name h5,
.award-date h5 {
  color: #121826 !important;
  font-weight: 700;
  letter-spacing: 0;
}

.section-title .sub-title,
.post-categories a,
.read-more,
.ratings li,
.breadcrumb-link li.active {
  color: #0055FF !important;
}

.fill-text {
  color: rgba(18, 24, 38, 0.06) !important;
}

main > .agk-hero,
main > .agk-hero .hero-wrapper-one,
.agenko-page-banner {
  background:
    radial-gradient(circle at 14% 18%, rgba(0, 85, 255, 0.09), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(245, 240, 232, 0.95), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #F8FAFA 48%, #F3F5F8 100%) !important;
}

main > .agk-service-ca,
main > .agk-testimonial-ca {
  background: #F3F5F8 !important;
}

main > .agk-project,
main > .agk-process {
  background: #FFFFFF !important;
}

main > .agk-company-ca {
  background: #F8FAFA !important;
}

main > .agk-award-ca {
  background: #F5F0E8 !important;
}

main > .agk-blog#contact {
  background:
    radial-gradient(circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28%),
    radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.09), transparent 22%),
    linear-gradient(135deg, #121826 0%, #0145cd 100%) !important;
}

main > .agk-blog#contact::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: 0.24;
}



main > .agk-blog#contact .agenko-blog-item {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

main > .agk-blog#contact .agenko-blog-item h4,
main > .agk-blog#contact .agenko-blog-item h4 a,
main > .agk-blog#contact .agenko-blog-item p,
main > .agk-blog#contact .agenko-blog-item a {
  color: #FFFFFF !important;
}

main > .agk-blog#contact .theme-btn {
  background: #0055FF !important;
  color: #FFFFFF !important;
  border-color: #0055FF !important;
  box-shadow: 0 18px 48px rgba(0, 85, 255, 0.28);
}

main > .agk-blog#contact .theme-btn span,
main > .agk-blog#contact .theme-btn .text {
  color: #FFFFFF !important;
}

main > .agk-blog#contact .theme-btn:hover {
  background: #0047D9 !important;
  border-color: #0047D9 !important;
}

.header-navigation {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(231, 234, 240, 0.9) !important;
  box-shadow: 0 20px 60px rgba(18, 24, 38, 0.08) !important;
}

.header-navigation.is-sticky {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 24px 70px rgba(18, 24, 38, 0.12) !important;
}

.header-navigation .pf-nav-menu {
  background: rgba(248, 250, 250, 0.78) !important;
  border-color: rgba(231, 234, 240, 0.9) !important;
}

.header-navigation .main-menu ul > li > a,
.header-navigation .pf-nav-menu .main-menu ul li a {
  color: #121826 !important;
}

.header-navigation .main-menu ul > li .sub-menu {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: #E7EAF0 !important;
  box-shadow: 0 24px 80px rgba(18, 24, 38, 0.13) !important;
}

.theme-btn,
.theme-btn.style-one,
.theme-btn.style-two,
.agenko-contact-form.style-one .theme-btn,
.footer-widget .footer-content .form-group .theme-btn {
  background: #0055FF !important;
  border-color: #0055FF !important;
  color: #FFFFFF !important;
  box-shadow: 0 14px 34px rgba(0, 85, 255, 0.2);
}

.theme-btn:hover,
.theme-btn.style-one:hover,
.theme-btn.style-two:hover,
.agenko-contact-form.style-one .theme-btn:hover,
.footer-widget .footer-content .form-group .theme-btn:hover {
  background: #0047D9 !important;
  border-color: #0047D9 !important;
}

.agenko-iconic-box,
.agenko-project-item,
.agenko-blog-item,
.agenko-testimonial-item,
.agenko-award-box,
.contact-info-wrapper,
.agenko-content-box,
.agenko-counter-box,
.agenko-info-box,
.agenko-pricing-item {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(231, 234, 240, 0.95) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 34px rgba(18, 24, 38, 0.055) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.agenko-iconic-box:hover,
.agenko-project-item:hover,
.agenko-blog-item:hover,
.agenko-testimonial-item:hover,
.agenko-award-box:hover,
.agenko-counter-box:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 85, 255, 0.18) !important;
  box-shadow: 0 24px 70px rgba(18, 24, 38, 0.1) !important;
}

.agenko-iconic-box .icon,
.agenko-iconic-box.style-four .icon,
.agenko-iconic-box.style-five .icon {
  background: rgba(0, 85, 255, 0.07) !important;
  color: #0055FF !important;
  border-color: rgba(0, 85, 255, 0.12) !important;
  border-radius: 999px !important;
}

.agenko-iconic-box .icon i,
.agenko-iconic-box.style-four .icon i,
.agenko-iconic-box.style-five .icon i {
  color: #0055FF !important;
}

.agk-process .agk-process-box .agenko-step {
  width: auto;
  min-width: auto;
  background: transparent !important;
  color: rgba(18, 24, 38, 0.16) !important;
  box-shadow: none !important;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
  padding: 0;
  margin-bottom: 18px;
}

.agk-process .agk-process-box .agenko-step::after {
  display: none;
}

.agk-process .agenko-iconic-box.style-five {
  background: #FFFFFF !important;
  border-color: #E7EAF0 !important;
  box-shadow: 0 12px 34px rgba(18, 24, 38, 0.055) !important;
}

.agk-process .agenko-iconic-box.style-five .icon {
  background: #F5F0E8 !important;
  border-color: rgba(18, 24, 38, 0.06) !important;
  color: #0055FF !important;
}

.agk-process .agenko-iconic-box.style-five .icon i {
  color: #0055FF !important;
}

.agk-process .agenko-iconic-box.style-five h5,
.agk-process .agenko-iconic-box.style-five .content h5 {
  color: #121826 !important;
}

.agk-process .agenko-iconic-box.style-five p,
.agk-process .agenko-iconic-box.style-five .content p {
  color: #667085 !important;
}

.agenko-testimonial-item,
.agenko-testimonial-item.style-two,
.agk-testimonial-ca .agk-content-box {
  padding: 44px 48px !important;
}

.agenko-testimonial-item.style-two .testimonial-content p {
  color: #121826 !important;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0;
}

.agenko-testimonial-item .author-item,
.agenko-testimonial-item.style-two .author-item {
  margin-top: 28px;
  padding-top: 24px;
  border-top-color: #E7EAF0;
}

.agenko-footer.primary-black-bg,
.agenko-footer.gray-dark,
.agenko-footer {
  background:
    radial-gradient(circle at 12% 10%, rgba(0, 85, 255, 0.16), transparent 24%),
    linear-gradient(135deg, #121826 0%, #0B1020 100%) !important;
  color: #FFFFFF;
  padding-top: 155px !important;
}

.agenko-footer p,
.agenko-footer a,
.agenko-footer li {
  color: rgba(255, 255, 255, 0.68) !important;
}

.agenko-footer .widget-title,
.agenko-footer h4,
.agenko-footer h5,
.agenko-footer h6 {
  color: #FFFFFF !important;
  letter-spacing: 0;
}

.agenko-footer .social-link a,
.header-navigation .pf-menu-bottom .social-link li a {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}

.agenko-footer a:hover {
  color: #FFFFFF !important;
}

.agenko-contact-form .form_control,
input,
textarea,
select {
  border-color: #E7EAF0 !important;
  background: #FFFFFF !important;
  color: #121826 !important;
}

@media (max-width: 767px) {
  .agenko-testimonial-item,
  .agenko-testimonial-item.style-two,
  .agk-testimonial-ca .agk-content-box {
    padding: 32px 26px !important;
  }
  .agenko-testimonial-item.style-two .testimonial-content p {
    font-size: 22px;
  }
.agk-process .agk-process-box .agenko-step {
    font-size: 34px;
  }
}

.hero-wrapper-one .hero-content h1.text-anm {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-bottom: 18px;
}

.hero-wrapper-one .hero-content h1.text-anm img {
  width: 100%;
  max-width: 500px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .hero-wrapper-one .hero-content h1.text-anm img {
    max-width: 400px;
  }
}

@media (max-width: 575px) {
.hero-wrapper-one .hero-content h1.text-anm img {
    max-width: 285px;
  }
}

/* Home hero enterprise split layout */
.progrow-enterprise-hero,
main > .progrow-enterprise-hero,
.progrow-enterprise-hero .hero-wrapper-one {
  min-height: 860px;
  display: flex;
  align-items: center;
  padding: 170px 0 105px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 16%, rgba(0, 85, 255, 0.12), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(238, 244, 255, 0.95), transparent 28%),
    radial-gradient(circle at 68% 82%, rgba(245, 240, 232, 0.65), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 48%, #F3F5F8 100%) !important;
}

.progrow-enterprise-hero::before {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18, 24, 38, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(18, 24, 38, 0.03) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.58), transparent 82%);
  pointer-events: none;
}

.progrow-enterprise-hero .container {
  position: relative;
  z-index: 2;
}

.progrow-enterprise-hero .shape span {
  background: rgba(0, 85, 255, 0.08) !important;
}

.progrow-hero-copy {
  max-width: 720px;
  text-align: left !important;
}

.progrow-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  margin-bottom: 26px;
  border: 1px solid rgba(0, 85, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #0055FF;
  font: 700 14px var(--heading-font);
  box-shadow: 0 14px 34px rgba(18, 24, 38, 0.06);
}

.progrow-hero-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0055FF;
  box-shadow: 0 0 0 6px rgba(0, 85, 255, 0.1);
}

.progrow-enterprise-hero .hero-content h1.text-anm {
  display: block;
  max-width: 760px;
  margin: 0 0 26px;
  color: #121826 !important;
  font-size: clamp(44px, 5.4vw, 82px);
  line-height: 0.98;
  letter-spacing: 0;
  text-align: left;
}

.progrow-enterprise-hero .hero-content .text-box {
  max-width: 640px;
  margin: 0 0 34px;
}

.progrow-enterprise-hero .hero-content .text-box p {
  color: #667085 !important;
  font-size: 19px;
  line-height: 1.75;
}

.progrow-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-bottom: 24px;
}

.progrow-hero-actions .theme-btn {
  min-height: 58px;
  padding: 18px 30px;
}

.progrow-secondary-btn,
.progrow-hero-actions .progrow-secondary-btn {
  background: rgba(255, 255, 255, 0.78) !important;
  color: #121826 !important;
  border: 1px solid #E7EAF0 !important;
  box-shadow: 0 14px 34px rgba(18, 24, 38, 0.06) !important;
}

.progrow-secondary-btn span,
.progrow-secondary-btn .text {
  color: #121826 !important;
}

.progrow-secondary-btn:hover {
  background: #FFFFFF !important;
  color: #0055FF !important;
  border-color: rgba(0, 85, 255, 0.22) !important;
}

.progrow-secondary-btn:hover span,
.progrow-secondary-btn:hover .text {
  color: #0055FF !important;
}

.progrow-trust-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 0 0 34px;
  padding: 0;
  list-style: none;
}

.progrow-trust-list li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #121826 !important;
  font: 700 15px var(--heading-font);
}

.progrow-trust-list li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(0, 85, 255, 0.08);
  color: #0055FF;
  font-size: 13px;
}

.progrow-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 720px;
  border: 1px solid rgba(231, 234, 240, 0.92);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 55px rgba(18, 24, 38, 0.07);
  overflow: hidden;
}

.progrow-hero-stats div {
  padding: 22px 20px;
  border-right: 1px solid #E7EAF0;
}

.progrow-hero-stats div:last-child {
  border-right: 0;
}

.progrow-hero-stats strong {
  display: block;
  margin-bottom: 6px;
  color: #121826;
  font: 800 28px var(--heading-font);
  line-height: 1;
}

.progrow-hero-stats span {
  color: #667085;
  font: 600 13px var(--body-font);
  line-height: 1.35;
}

.progrow-hero-visual {
  position: relative;
  min-height: 620px;
  border-radius: 38px;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.92), transparent 28%),
    radial-gradient(circle at 22% 18%, rgba(0, 85, 255, 0.09), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(238, 244, 255, 0.42));
}

.progrow-hero-visual::before {
  position: absolute;
  content: "";
  inset: 70px 34px;
  border: 1px solid rgba(0, 85, 255, 0.12);
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 40px 90px rgba(18, 24, 38, 0.08);
  backdrop-filter: blur(18px);
}

.progrow-visual-orbit {
  position: absolute;
  inset: 116px 86px;
  border: 1px dashed rgba(0, 85, 255, 0.2);
  border-radius: 50%;
  animation: progrowOrbit 18s linear infinite;
}

.progrow-visual-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 190px;
  height: 190px;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #E7EAF0;
  box-shadow: 0 28px 80px rgba(18, 24, 38, 0.12);
}

.progrow-visual-core span {
  color: #0055FF;
  font: 800 18px var(--heading-font);
}

.progrow-visual-core strong {
  color: #121826;
  font: 800 24px var(--heading-font);
}

.progrow-floating-card {
  position: absolute;
  min-width: 210px;
  padding: 18px 20px;
  border: 1px solid rgba(231, 234, 240, 0.9);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(18px);
  box-shadow: 0 22px 60px rgba(18, 24, 38, 0.1);
  animation: progrowFloat 7s ease-in-out infinite;
}

.progrow-floating-card span {
  display: block;
  margin-bottom: 8px;
  color: #667085;
  font: 700 13px var(--body-font);
}

.progrow-floating-card strong {
  color: #121826;
  font: 800 20px var(--heading-font);
}

.progrow-floating-card::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0055FF;
  box-shadow: 0 0 0 7px rgba(0, 85, 255, 0.08);
}

.progrow-floating-card.card-one {
  top: 70px;
  left: 0;
}

.progrow-floating-card.card-two {
  top: 145px;
  right: -10px;
  animation-delay: -1.8s;
}

.progrow-floating-card.card-three {
  bottom: 132px;
  left: 18px;
  animation-delay: -3.2s;
}

.progrow-floating-card.card-four {
  right: 20px;
  bottom: 70px;
  animation-delay: -4.6s;
}

@keyframes progrowFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}

@keyframes progrowOrbit {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1199px) {
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: clamp(42px, 5vw, 64px);
  }
  .progrow-hero-visual {
    min-height: 560px;
  }
  .progrow-floating-card {
    min-width: 188px;
  }
}

@media (max-width: 991px) {
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero,
  .progrow-enterprise-hero .hero-wrapper-one {
    min-height: auto;
    padding: 145px 0 80px;
  }
  .progrow-hero-copy {
    max-width: 100%;
    margin-bottom: 56px;
  }
  .progrow-hero-visual {
    max-width: 620px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: 42px;
  }
  .progrow-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .progrow-hero-stats div:nth-child(2) {
    border-right: 0;
  }
  .progrow-hero-stats div:nth-child(1),
  .progrow-hero-stats div:nth-child(2) {
    border-bottom: 1px solid #E7EAF0;
  }
  .progrow-hero-visual {
    min-height: 520px;
  }
  .progrow-floating-card {
    min-width: 172px;
    padding: 16px;
  }
  .progrow-floating-card strong {
    font-size: 17px;
  }
}

@media (max-width: 575px) {
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: 36px;
  }
  .progrow-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .progrow-hero-actions .theme-btn {
    justify-content: center;
    width: 100%;
  }
  .progrow-hero-visual {
    min-height: 600px;
  }
  .progrow-visual-core {
    width: 150px;
    height: 150px;
  }
  .progrow-visual-core strong {
    font-size: 20px;
  }
  .progrow-floating-card.card-one {
    top: 48px;
    left: 4px;
  }
  .progrow-floating-card.card-two {
    top: 150px;
    right: 0;
  }
  .progrow-floating-card.card-three {
    bottom: 160px;
    left: 0;
  }
  .progrow-floating-card.card-four {
    right: 0;
    bottom: 62px;
  }
}

/* Home hero layout repair */
.progrow-enterprise-hero,
main > .progrow-enterprise-hero,
.progrow-enterprise-hero .hero-wrapper-one {
  min-height: 90vh !important;
  width: 100%;
  align-items: center !important;
  padding: 160px 0 96px !important;
}

.progrow-enterprise-hero .container {
  max-width: 1400px !important;
  width: 100%;
}

.progrow-enterprise-hero .row.align-items-center {
  display: grid !important;
  grid-template-columns: minmax(0, 55%) minmax(0, 45%);
  align-items: center !important;
  gap: 48px;
  margin-left: 0;
  margin-right: 0;
}

.progrow-enterprise-hero .row.align-items-center > [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: initial !important;
  padding-left: 0;
  padding-right: 0;
}

.progrow-enterprise-hero .hero-content.progrow-hero-copy {
  max-width: 760px !important;
  width: 100%;
  text-align: left !important;
  margin: 0 !important;
}

.progrow-enterprise-hero .progrow-hero-badge {
  margin-bottom: 24px !important;
}

.progrow-enterprise-hero .hero-content h1.text-anm {
  display: block !important;
  max-width: 700px !important;
  margin: 0 0 28px !important;
  font-size: clamp(56px, 5.15vw, 84px) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.progrow-enterprise-hero .hero-content .text-box {
  max-width: 620px !important;
  margin: 0 0 32px !important;
  float: none !important;
}

.progrow-enterprise-hero .hero-content .text-box p {
  font-size: 19px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.progrow-enterprise-hero .progrow-hero-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: center !important;
  margin-bottom: 28px !important;
}

.progrow-enterprise-hero .progrow-trust-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 14px 24px !important;
  margin-bottom: 40px !important;
}

.progrow-enterprise-hero .progrow-hero-stats {
  width: 100%;
  max-width: 700px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.progrow-enterprise-hero .progrow-hero-stats div {
  min-width: 0;
  padding: 24px 22px !important;
}

.progrow-enterprise-hero .progrow-hero-stats strong {
  font-size: 30px !important;
}

.progrow-enterprise-hero .progrow-hero-visual {
  width: min(100%, 610px);
  min-height: 660px !important;
  margin-left: auto;
  margin-right: 0;
  isolation: isolate;
}

.progrow-enterprise-hero .progrow-hero-visual::before {
  inset: 74px 42px !important;
}

.progrow-enterprise-hero .progrow-visual-orbit {
  inset: 118px 82px !important;
}

.progrow-enterprise-hero .progrow-floating-card {
  width: 230px;
  min-width: 230px !important;
  padding: 24px 26px !important;
  z-index: 3;
}

.progrow-enterprise-hero .progrow-floating-card.card-one {
  top: 82px !important;
  left: 6px !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-two {
  top: 190px !important;
  right: 0 !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-three {
  left: 40px !important;
  bottom: 128px !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-four {
  right: 22px !important;
  bottom: 72px !important;
}

@media (max-width: 1199px) {
  .progrow-enterprise-hero .row.align-items-center {
    grid-template-columns: minmax(0, 55%) minmax(0, 45%);
    gap: 34px;
  }
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: clamp(50px, 5vw, 68px) !important;
  }
  .progrow-enterprise-hero .progrow-hero-visual {
    min-height: 620px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card {
    width: 210px;
    min-width: 210px !important;
  }
}

@media (max-width: 991px) {
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero,
  .progrow-enterprise-hero .hero-wrapper-one {
    min-height: auto !important;
    padding: 145px 0 86px !important;
  }
  .progrow-enterprise-hero .row.align-items-center {
    grid-template-columns: 1fr;
    gap: 62px;
  }
  .progrow-enterprise-hero .hero-content.progrow-hero-copy {
    max-width: 760px !important;
  }
  .progrow-enterprise-hero .hero-content h1.text-anm {
    max-width: 720px !important;
    font-size: clamp(46px, 7vw, 64px) !important;
  }
  .progrow-enterprise-hero .progrow-hero-visual {
    width: min(100%, 650px);
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: clamp(40px, 10vw, 52px) !important;
  }
  .progrow-enterprise-hero .progrow-hero-actions {
    flex-wrap: wrap !important;
  }
  .progrow-enterprise-hero .progrow-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .progrow-enterprise-hero .progrow-hero-stats div:nth-child(2) {
    border-right: 0;
  }
  .progrow-enterprise-hero .progrow-hero-stats div:nth-child(1),
  .progrow-enterprise-hero .progrow-hero-stats div:nth-child(2) {
    border-bottom: 1px solid #E7EAF0;
  }
  .progrow-enterprise-hero .progrow-hero-visual {
    min-height: 570px !important;
  }
}

@media (max-width: 575px) {
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero,
  .progrow-enterprise-hero .hero-wrapper-one {
    padding: 130px 0 72px !important;
  }
  .progrow-enterprise-hero .progrow-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .progrow-enterprise-hero .progrow-hero-actions .theme-btn {
    width: 100%;
    justify-content: center;
  }
  .progrow-enterprise-hero .progrow-hero-stats div {
    padding: 20px 16px !important;
  }
  .progrow-enterprise-hero .progrow-hero-visual {
    min-height: 610px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card {
    width: 178px;
    min-width: 178px !important;
    padding: 16px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-one {
    top: 50px !important;
    left: 0 !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-two {
    top: 168px !important;
    right: 0 !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-three {
    left: 0 !important;
    bottom: 160px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-four {
    right: 0 !important;
    bottom: 64px !important;
  }
}

/* Home hero luxury refactor */
.progrow-enterprise-hero,
main > .progrow-enterprise-hero,
.progrow-enterprise-hero .hero-wrapper-one {
  min-height: 85vh !important;
  padding: 150px 0 82px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 85, 255, 0.08), transparent 28%),
    radial-gradient(circle at 74% 20%, rgba(245, 240, 232, 0.82), transparent 32%),
    radial-gradient(circle at 70% 72%, rgba(231, 234, 240, 0.7), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #F8FAFA 48%, #F3F5F8 100%) !important;
}

.progrow-enterprise-hero::before {
  opacity: 0.42 !important;
}

.progrow-enterprise-hero .container {
  max-width: 1400px !important;
}

.progrow-enterprise-hero .row.align-items-center {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 60px !important;
  align-items: center !important;
  margin-left: 0;
  margin-right: 0;
}

.progrow-enterprise-hero .hero-content.progrow-hero-copy {
  max-width: 720px !important;
}

.progrow-enterprise-hero .progrow-hero-badge {
  margin-bottom: 24px !important;
}

.progrow-enterprise-hero .hero-content h1.text-anm {
  max-width: 700px !important;
  margin: 0 0 32px !important;
  font-size: clamp(52px, 5vw, 72px) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

.progrow-enterprise-hero .hero-content .text-box {
  max-width: 580px !important;
  margin: 0 !important;
  float: none !important;
}

.progrow-enterprise-hero .hero-content .text-box p {
  font-size: 18px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.progrow-enterprise-hero .progrow-hero-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: center !important;
  margin: 32px 0 0 !important;
}

.progrow-enterprise-hero .progrow-trust-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 32px !important;
  align-items: center !important;
  margin: 28px 0 0 !important;
}

.progrow-enterprise-hero .progrow-hero-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  max-width: 700px !important;
  margin-top: 50px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.progrow-enterprise-hero .progrow-hero-stats div {
  min-height: 128px;
  padding: 24px !important;
  border: 1px solid rgba(231, 234, 240, 0.95) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 18px 44px rgba(18, 24, 38, 0.06);
}

.progrow-enterprise-hero .progrow-hero-stats strong {
  font-size: 28px !important;
  line-height: 1.1 !important;
}

.progrow-enterprise-hero .progrow-hero-stats span {
  margin-top: 10px;
}

.progrow-enterprise-hero .progrow-hero-visual {
  width: min(100%, 500px) !important;
  min-height: 520px !important;
  margin: 0 auto !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, 0.88), transparent 27%),
    radial-gradient(circle at 26% 22%, rgba(0, 85, 255, 0.07), transparent 27%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(243, 245, 248, 0.54)) !important;
}

.progrow-enterprise-hero .progrow-hero-visual::before {
  inset: 74px 58px !important;
  border-radius: 30px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 26px 64px rgba(18, 24, 38, 0.07) !important;
}

.progrow-enterprise-hero .progrow-visual-orbit {
  inset: 126px 96px !important;
}

.progrow-enterprise-hero .progrow-visual-core {
  width: 154px !important;
  height: 154px !important;
  box-shadow: 0 20px 54px rgba(18, 24, 38, 0.1) !important;
}

.progrow-enterprise-hero .progrow-visual-core span {
  font-size: 15px !important;
}

.progrow-enterprise-hero .progrow-visual-core strong {
  font-size: 20px !important;
}

.progrow-enterprise-hero .progrow-floating-card {
  width: 184px !important;
  min-width: 184px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(18, 24, 38, 0.09) !important;
}

.progrow-enterprise-hero .progrow-floating-card span {
  font-size: 12px !important;
}

.progrow-enterprise-hero .progrow-floating-card strong {
  font-size: 17px !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-one {
  top: 54px !important;
  left: 18px !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-two {
  top: 142px !important;
  right: 4px !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-three {
  left: 28px !important;
  bottom: 116px !important;
}

.progrow-enterprise-hero .progrow-floating-card.card-four {
  right: 22px !important;
  bottom: 54px !important;
}

@media (max-width: 1199px) {
  .progrow-enterprise-hero .row.align-items-center {
    gap: 42px !important;
  }
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: clamp(46px, 5vw, 62px) !important;
  }
  .progrow-enterprise-hero .progrow-hero-visual {
    width: min(100%, 470px) !important;
    min-height: 500px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card {
    width: 172px !important;
    min-width: 172px !important;
  }
}

@media (max-width: 991px) {
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero,
  .progrow-enterprise-hero .hero-wrapper-one {
    min-height: auto !important;
    padding: 138px 0 76px !important;
  }
  .progrow-enterprise-hero .row.align-items-center {
    grid-template-columns: 1fr !important;
    gap: 54px !important;
  }
  .progrow-enterprise-hero .progrow-trust-list {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 767px) {
  .progrow-enterprise-hero .hero-content h1.text-anm {
    font-size: clamp(38px, 10vw, 50px) !important;
  }
  .progrow-enterprise-hero .progrow-hero-actions {
    flex-wrap: wrap !important;
  }
  .progrow-enterprise-hero .progrow-trust-list {
    gap: 14px 22px !important;
  }
  .progrow-enterprise-hero .progrow-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero,
  .progrow-enterprise-hero .hero-wrapper-one {
    padding: 126px 0 68px !important;
  }
  .progrow-enterprise-hero .progrow-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .progrow-enterprise-hero .progrow-hero-actions .theme-btn {
    width: 100%;
    justify-content: center;
  }
  .progrow-enterprise-hero .progrow-hero-stats {
    grid-template-columns: 1fr !important;
  }
  .progrow-enterprise-hero .progrow-hero-stats div {
    min-height: auto;
  }
  .progrow-enterprise-hero .progrow-hero-visual {
    width: min(100%, 360px) !important;
    min-height: 460px !important;
  }
  .progrow-enterprise-hero .progrow-visual-core {
    width: 128px !important;
    height: 128px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card {
    width: 150px !important;
    min-width: 150px !important;
    padding: 14px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card strong {
    font-size: 15px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-one {
    top: 34px !important;
    left: 0 !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-two {
    top: 126px !important;
    right: 0 !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-three {
    left: 0 !important;
    bottom: 112px !important;
  }
  .progrow-enterprise-hero .progrow-floating-card.card-four {
    right: 0 !important;
    bottom: 34px !important;
  }
}

/* Home hero shell spacing refinement */
.agk-hero.progrow-enterprise-hero,
main > .agk-hero.progrow-enterprise-hero,
.progrow-enterprise-hero,
main > .progrow-enterprise-hero {
  min-height: 72vh !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: -45px !important;
}

.agk-hero.progrow-enterprise-hero .hero-wrapper-one,
.progrow-enterprise-hero .hero-wrapper-one,
main > .progrow-enterprise-hero .hero-wrapper-one {
  min-height: 72vh !important;
  padding-top: 180px !important;
  padding-bottom: 140px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1199px) {
  .agk-hero.progrow-enterprise-hero,
  main > .agk-hero.progrow-enterprise-hero,
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero,
  .agk-hero.progrow-enterprise-hero .hero-wrapper-one,
  .progrow-enterprise-hero .hero-wrapper-one,
  main > .progrow-enterprise-hero .hero-wrapper-one {
    min-height: 68vh !important;
  }
  .agk-hero.progrow-enterprise-hero .hero-wrapper-one,
  .progrow-enterprise-hero .hero-wrapper-one,
  main > .progrow-enterprise-hero .hero-wrapper-one {
    padding-top: 108px !important;
    padding-bottom: 34px !important;
  }
}

@media (max-width: 991px) {
  .agk-hero.progrow-enterprise-hero,
  main > .agk-hero.progrow-enterprise-hero,
  .progrow-enterprise-hero,
  main > .progrow-enterprise-hero {
    min-height: auto !important;
    margin-bottom: 0 !important;
  }
  .agk-hero.progrow-enterprise-hero .hero-wrapper-one,
  .progrow-enterprise-hero .hero-wrapper-one,
  main > .progrow-enterprise-hero .hero-wrapper-one {
    min-height: auto !important;
    padding-top: 118px !important;
    padding-bottom: 54px !important;
  }
}

@media (max-width: 575px) {
  .agk-hero.progrow-enterprise-hero .hero-wrapper-one,
  .progrow-enterprise-hero .hero-wrapper-one,
  main > .progrow-enterprise-hero .hero-wrapper-one {
    padding-top: 104px !important;
    padding-bottom: 46px !important;
  }
}

/* ==========================================================================
   PROGROW SERVICES BUTTON & TEXT-FLIP ACCESSIBILITY OVERRIDES
   ========================================================================== */

/* 1. Generalize text-flip transitions for all theme buttons */
.theme-btn {
  position: relative !important;
  overflow: hidden !important;
}

.theme-btn .text-flip {
  display: inline-block;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s !important;
  transition: opacity 0.6s, -webkit-transform 0.8s !important;
  transition: opacity 0.6s, transform 0.8s !important;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1) !important;
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1) !important;
}

.theme-btn .text-flip .text {
  display: inline-block;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.8s !important;
  transition: opacity 0.6s, -webkit-transform 0.8s !important;
  transition: opacity 0.6s, transform 0.8s !important;
  transition: opacity 0.6s, transform 0.8s, -webkit-transform 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1) !important;
          transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1) !important;
}

.theme-btn .text-flip .text:nth-child(2) {
  display: inline-block !important;
  position: absolute !important;
  width: 100% !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, 80%) !important;
          transform: translate(-50%, 80%) !important;
  opacity: 0 !important;
}

.theme-btn:hover .text-flip {
  -webkit-transform: translateY(-150%) !important;
          transform: translateY(-150%) !important;
}

.theme-btn:hover .text-flip .text:nth-child(1) {
  opacity: 0 !important;
}

.theme-btn:hover .text-flip .text:nth-child(2) {
  -webkit-transform: translate(-50%, 100%) !important;
          transform: translate(-50%, 100%) !important;
  opacity: 1 !important;
}

/* 2. Primary Button Styling (Global primary button states) */
.theme-btn,
.theme-btn.style-one,
.theme-btn.style-two,
.agenko-contact-form.style-one .theme-btn,
.footer-widget .footer-content .form-group .theme-btn {
  background: #0055FF !important;
  border: 1px solid #0055FF !important;
  color: #FFFFFF !important;
  box-shadow: 0 14px 34px rgba(0, 85, 255, 0.2) !important;
}

.theme-btn .text,
.theme-btn span,
.theme-btn i,
.theme-btn.style-one .text-flip .text,
.theme-btn.style-one span {
  color: #FFFFFF !important;
}

.theme-btn:hover,
.theme-btn.style-one:hover,
.theme-btn.style-two:hover,
.agenko-contact-form.style-one .theme-btn:hover,
.footer-widget .footer-content .form-group .theme-btn:hover {
  background: #0047D9 !important;
  border-color: #0047D9 !important;
  color: #FFFFFF !important;
}

.theme-btn:hover .text,
.theme-btn:hover span,
.theme-btn:hover i,
.theme-btn.style-one:hover .text-flip .text,
.theme-btn.style-one:hover span {
  color: #FFFFFF !important;
}

/* 3. Secondary Button Styling (ProGrow secondary button states) */
.progrow-secondary-btn,
.progrow-hero-actions .progrow-secondary-btn,
.theme-btn.style-two.progrow-secondary-btn {
  background: #FFFFFF !important;
  color: #121826 !important;
  border: 1px solid #D0D5DD !important;
  box-shadow: 0 14px 34px rgba(18, 24, 38, 0.06) !important;
}

.progrow-secondary-btn .text,
.progrow-secondary-btn span,
.progrow-secondary-btn i,
.theme-btn.style-two.progrow-secondary-btn .text-flip .text,
.theme-btn.style-two.progrow-secondary-btn span {
  color: #121826 !important;
}

.progrow-secondary-btn:hover,
.progrow-hero-actions .progrow-secondary-btn:hover,
.theme-btn.style-two.progrow-secondary-btn:hover {
  background: #121826 !important;
  color: #FFFFFF !important;
  border-color: #121826 !important;
}

.progrow-secondary-btn:hover .text,
.progrow-secondary-btn:hover span,
.progrow-secondary-btn:hover i,
.theme-btn.style-two.progrow-secondary-btn:hover .text-flip .text,
.theme-btn.style-two.progrow-secondary-btn:hover span {
  color: #FFFFFF !important;
}

/* 4. Service Card Read-More Line Accessibility */
.read-more.style-one:after {
  background-color: currentColor !important;
}

/* ==========================================================================
   SERVICE PLATFORM SECTION REFACTORING OVERRIDES
   ========================================================================== */

/* 1. Background, Grid, Glow, and Spacing */
#services {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	padding-top: 120px !important;
	padding-bottom: 120px !important;
	background: radial-gradient( circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28% ), radial-gradient( circle at 85% 15%, rgba(255, 255, 255, 0.09), transparent 22% ), linear-gradient( 135deg, #121826 0%, #0145cd 100% ) !important;
	margin-top: 10px;
}

#services::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.08) 1px,
    transparent 1px
  ),
  linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 1px,
    transparent 1px
  ) !important;
  background-size: 56px 56px !important;
  opacity: 0.24 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

#services::after {
  content: "" !important;
  position: absolute !important;
  width: 400px !important;
  height: 400px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(0, 85, 255, 0.15) 0%, transparent 70%) !important;
  top: 60% !important;
  left: 10% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  filter: blur(80px) !important;
}

#services .soft-white-glow {
  position: absolute !important;
  width: 350px !important;
  height: 350px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%) !important;
  top: 20% !important;
  right: 15% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  filter: blur(60px) !important;
}

/* 2. Typography */
#services .section-title h2 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

#services .text-box p {
  color: rgba(255, 255, 255, 0.75) !important;
}

#services .text-box p span {
  color: #0055FF !important;
}

/* 3. Glassmorphic Service Cards */
#services .agenko-iconic-box.style-four {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
}

#services .agenko-iconic-box.style-four .content h4.title {
  color: #FFFFFF !important;
}

#services .agenko-iconic-box.style-four .content p {
  color: rgba(255, 255, 255, 0.7) !important;
}

#services .agenko-iconic-box.style-four:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 85, 255, 0.35) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
}

/* 4. Icons & Links (Subtle Accent Circles & Readable Links) */
#services .agenko-iconic-box.style-four .icon {
  background: rgba(0, 85, 255, 0.15) !important;
  border-color: transparent !important;
  border-radius: 50% !important;
}

#services .agenko-iconic-box.style-four .icon i {
  color: #4D88FF !important;
}

#services .agenko-iconic-box.style-four .read-more {
  color: #4D88FF !important;
}

#services .agenko-iconic-box.style-four .read-more:hover {
  color: #FFFFFF !important;
}

/* ==========================================================================
   PROCESS TIMELINE STEP INDICATOR OVERRIDES
   ========================================================================== */

.agk-process .agk-process-box .agenko-step {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 100px !important;
  min-height: 36px !important;
  padding: 8px 20px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 15px rgba(0, 85, 255, 0.1) !important;
  background: linear-gradient(135deg, #121826, #1b253b, #0055FF, #121826) !important;
  background-size: 400% 400% !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  line-height: 1 !important;
  margin-bottom: 26px !important;
  position: relative !important;
  z-index: 2 !important;
  animation: stepGradientMove 6s ease infinite !important;
}

@keyframes stepGradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Ensure the timeline horizontal line runs behind but gets hidden by the pill's background */
.agk-process-wrapper .process-line {
  z-index: 0 !important;
  background-color: rgba(0, 85, 255, 0.15) !important; /* Premium subtle blue for line */
  top: 18px !important; /* Centered exactly with the 36px height of the pill */
}

/* ==========================================================================
   TRUSTED OPERATIONS SECTION REFACTORING OVERRIDES (.agk-company-ca)
   ========================================================================== */

/* 1. Section Container & Premium Dark Background */
main > .agk-company-ca,
.agk-company-ca {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: radial-gradient(
    circle at 80% 80%,
    rgba(0, 85, 255, 0.18),
    transparent 45%
  ),
  linear-gradient(
    135deg,
    #0E1118 0%,
    #0148D5 100%
  ) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding-top: 130px !important;
  padding-bottom: 90px !important;
}

/* Subtle Animated Grid Overlay for Trusted Operations */
.agk-company-ca::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.04) 1px,
    transparent 1px
  ),
  linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.03) 1px,
    transparent 1px
  ) !important;
  background-size: 40px 40px !important;
  opacity: 0.3 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* Luxury abstract animated blur element */
.agk-company-ca::after {
  content: "" !important;
  position: absolute !important;
  width: 300px !important;
  height: 300px !important;
  background: rgba(0, 85, 255, 0.12) !important;
  border-radius: 50% !important;
  filter: blur(100px) !important;
  top: -50px !important;
  left: 30% !important;
  z-index: -1 !important;
  animation: floatLight 12s ease-in-out infinite alternate !important;
  pointer-events: none !important;
}

@keyframes floatLight {
  0% {
    transform: translate(0, 0) scale(1);
  }
  100% {
    transform: translate(50px, 30px) scale(1.2);
  }
}

/* 2. Left Column Title overrides */
.agk-company-ca .section-title h2 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 40px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.5px !important;
}

/* 3. Luxury Glass Counter Cards */
.agk-company-ca .agenko-counter-box.style-one {
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
  padding: 40px 20px !important;
  text-align: center !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Counter numbers with glowing gradient clip */
.agk-company-ca .agenko-counter-box.style-one .content h2 {
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-bottom: 14px !important;
  background: linear-gradient(135deg, #FFFFFF 30%, #4D88FF 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
}

/* Counter label descriptions */
.agk-company-ca .agenko-counter-box.style-one .content p {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  line-height: 1.4 !important;
}

/* Card Hover states with neutral border highlight and shadow shift */
.agk-company-ca .agenko-counter-box.style-one:hover {
  transform: translateY(-10px) scale(1.03) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25) !important;
}

/* ==========================================================================
   PREMIUM LIGHT FOOTER CONNECT OVERRIDES (.footer-connect-section)
   ========================================================================== */

.footer-connect-section {
  position: relative !important;
  background-color: #F8FAFA !important; /* Premium background base */
  padding-top: 120px !important;
  padding-bottom: 80px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  font-family: var(--body-font), sans-serif !important;
}

/* Base Subtle Radial Glows */
.footer-connect-section .footer-glow {
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: -1 !important;
  filter: blur(120px) !important;
}

.footer-connect-section .glow-blue {
  background: rgba(0, 85, 255, 0.06) !important;
  width: 450px !important;
  height: 450px !important;
  top: -100px !important;
  left: 10% !important;
}

.footer-connect-section .glow-warm {
  background: rgba(255, 255, 255, 0.5) !important; /* Subtle warm surface glow overlay */
  width: 600px !important;
  height: 600px !important;
  bottom: -150px !important;
  right: 5% !important;
}

/* Subtle Grid Background Overlay */
.footer-connect-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: linear-gradient(90deg, rgba(0, 85, 255, 0.02) 1px, transparent 1px),
              linear-gradient(180deg, rgba(0, 85, 255, 0.02) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  z-index: -2 !important;
  opacity: 0.6 !important;
  pointer-events: none !important;
}

/* Low-Opacity Redesigned Decorative Shapes */
.footer-connect-section .shape {
  position: absolute !important;
  pointer-events: none !important;
  z-index: -1 !important;
  opacity: 0.15 !important; /* Low opacity */
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.footer-connect-section .shape-one {
  top: 15% !important;
  left: 5% !important;
  animation: slowFloatRotate 25s ease-in-out infinite alternate !important;
}

.footer-connect-section .shape-two {
  bottom: 20% !important;
  right: 8% !important;
  animation: slowFloatRotate 30s ease-in-out infinite alternate-reverse !important;
}

/* 1. UPPER CONTACT / ACTION SECTION */
.footer-connect-section .footer-contact-area {
  position: relative !important;
}

/* Left Content Styles */
.footer-connect-section .footer-cta-content .cta-label {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #0055FF !important;
  letter-spacing: 2px !important;
  margin-bottom: 15px !important;
  background: rgba(0, 85, 255, 0.06) !important;
  padding: 6px 16px !important;
  border-radius: 30px !important;
}

.footer-connect-section .footer-cta-content h2 {
  font-size: 42px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 20px !important;
}

.footer-connect-section .footer-cta-content p {
  font-size: 16px !important;
  color: #667085 !important;
  line-height: 1.6 !important;
  max-width: 500px !important;
}

/* Right Content Styles - Inline Glass-Style Form */
.footer-connect-section .footer-subscribe-form {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 999px !important;
  padding: 6px 6px 6px 24px !important;
  box-shadow: 0 10px 30px rgba(0, 85, 255, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  margin-bottom: 30px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.footer-connect-section .footer-subscribe-form:focus-within {
  border-color: rgba(0, 85, 255, 0.35) !important;
  box-shadow: 0 10px 30px rgba(0, 85, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.footer-connect-section .footer-subscribe-form input[type="email"] {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 15px !important;
  color: #121826 !important;
  padding: 10px 10px 10px 0 !important;
  font-family: var(--body-font), sans-serif !important;
}

.footer-connect-section .footer-subscribe-form input[type="email"]::placeholder {
  color: #98A2B3 !important;
  opacity: 1 !important;
}

/* Pill-integrated premium submit button */
.footer-connect-section .footer-subscribe-form .form-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #0055FF !important;
  color: #FFFFFF !important;
  border: none !important;
  outline: none !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 85, 255, 0.2) !important;
}

.footer-connect-section .footer-subscribe-form .form-btn:hover {
  background: #0047D9 !important;
  transform: translateX(2px) !important;
  box-shadow: 0 6px 16px rgba(0, 85, 255, 0.3) !important;
}

.footer-connect-section .footer-subscribe-form .form-btn i {
  font-size: 13px !important;
  transition: transform 0.3s ease !important;
}

.footer-connect-section .footer-subscribe-form .form-btn:hover i {
  transform: translateX(3px) !important;
}

.footer-connect-section .form-message {
  margin-top: -15px !important;
  margin-bottom: 25px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-left: 20px !important;
}

.footer-connect-section .form-message.success {
  color: #027A48 !important;
}

.footer-connect-section .form-message.error {
  color: #B42318 !important;
}

/* 2. CONTACT ITEMS GRID */
.footer-connect-section .footer-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.footer-connect-section .footer-contact-grid .contact-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 16px !important;
  padding: 20px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01) !important;
}

.footer-connect-section .footer-contact-grid .contact-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 85, 255, 0.15) !important;
  box-shadow: 0 10px 20px rgba(0, 85, 255, 0.04) !important;
}

.footer-connect-section .footer-contact-grid .contact-card .icon {
  width: 42px !important;
  height: 42px !important;
  background: rgba(0, 85, 255, 0.05) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0055FF !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  transition: all 0.3s ease !important;
}

.footer-connect-section .footer-contact-grid .contact-card:hover .icon {
  background: #0055FF !important;
  color: #FFFFFF !important;
}

.footer-connect-section .footer-contact-grid .contact-card .info {
  display: flex !important;
  flex-direction: column !important;
}

.footer-connect-section .footer-contact-grid .contact-card .info span {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #98A2B3 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 4px !important;
}

.footer-connect-section .footer-contact-grid .contact-card .info p,
.footer-connect-section .footer-contact-grid .contact-card .info a {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #121826 !important;
  margin: 0 !important;
}

.footer-connect-section .footer-contact-grid .contact-card .info a:hover {
  color: #0055FF !important;
}

/* Responsive adjust for Contact Cards */
@media (max-width: 991px) {
  .footer-connect-section .footer-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .footer-connect-section .footer-contact-grid .contact-card {
    padding: 18px 20px !important;
    gap: 16px !important;
    border-radius: 12px !important;
  }
  .footer-connect-section .footer-contact-grid .contact-card .icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 767px) {
  .footer-connect-section .footer-subscribe-form {
    flex-direction: column !important;
    align-items: stretch !important;
    border-radius: 20px !important;
    padding: 12px 12px 16px 12px !important;
  }
  .footer-connect-section .footer-subscribe-form input[type="email"] {
    padding: 8px 0 16px 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer-connect-section .footer-subscribe-form .form-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 991px) {
  .footer-connect-section {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
  }
  .footer-connect-section .footer-cta-content {
    margin-bottom: 30px !important;
    text-align: left !important;
  }
  .footer-connect-section .footer-subscribe-form {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 480px) {
  .footer-connect-section .footer-subscribe-form .form-btn {
    padding: 10px 20px !important;
    font-size: 14px !important;
  }
}

/* ==========================================================================
   ACTUAL PREMIUM DARK FOOTER (.site-footer)
   ========================================================================== */

.site-footer {
  position: relative !important;
  background: radial-gradient(
    circle at 80% 80%,
    rgba(0, 85, 255, 0.18),
    transparent 45%
  ),
  linear-gradient(
    135deg,
    #0E1118 0%,
    #0148D5 100%
  ) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding-top: 80px !important;
  padding-bottom: 40px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  font-family: var(--body-font), sans-serif !important;
  z-index: 1 !important;
}

/* Subtle Grid Background Overlay */
.site-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.04) 1px,
    transparent 1px
  ),
  linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.03) 1px,
    transparent 1px
  ) !important;
  background-size: 40px 40px !important;
  opacity: 0.3 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* Luxury abstract animated blur element */
.site-footer::after {
  content: "" !important;
  position: absolute !important;
  width: 300px !important;
  height: 300px !important;
  background: rgba(0, 85, 255, 0.12) !important;
  border-radius: 50% !important;
  filter: blur(100px) !important;
  top: -50px !important;
  left: 30% !important;
  z-index: -1 !important;
  animation: floatLight 12s ease-in-out infinite alternate !important;
  pointer-events: none !important;
}

.site-footer .footer-widget-area {
  padding-top: 0 !important;
  padding-bottom: 50px !important;
}

.site-footer .footer-widget-area .row {
  row-gap: 30px !important;
  align-items: flex-start !important;
}

.site-footer .footer-widget-area .footer-widget {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Brand Column */
.site-footer .brand-widget .footer-logo {
  margin-bottom: 0px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.site-footer .brand-widget .footer-logo img {
  max-height: 72px !important;
  width: auto !important;
  display: block !important;
}

.site-footer .brand-widget .brand-text {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.6 !important;
  margin-bottom: 3px !important;
  max-width: 320px !important;
}

.site-footer .brand-widget .brand-coverage {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #60a5fa !important; /* Premium light blue highlight */
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Link Columns & Widget Titles */
.site-footer .footer-widget .widget-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
  position: relative !important;
}

.site-footer .footer-widget .footer-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.site-footer .footer-widget .footer-nav li {
  margin-bottom: 12px !important;
}

.site-footer .footer-widget .footer-nav li a {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 500 !important;
  position: relative !important;
  display: inline-block !important;
  transition: color 0.3s ease !important;
  padding-bottom: 2px !important;
}

.site-footer .footer-widget .footer-nav li a:hover {
  color: #FFFFFF !important;
}

/* Link underline slide interaction */
.site-footer .footer-widget .footer-nav li a::after {
  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 1.5px !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: #60a5fa !important;
  transform: scaleX(0) !important;
  transform-origin: bottom right !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.site-footer .footer-widget .footer-nav li a:hover::after {
  transform: scaleX(1) !important;
  transform-origin: bottom left !important;
}

/* Contact Column & Social Links */
.site-footer .contact-widget .contact-desc {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}

.site-footer .contact-widget .social-links {
  display: flex !important;
  gap: 12px !important;
}

.site-footer .contact-widget .social-links a {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 14px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.01) !important;
}

.site-footer .contact-widget .social-links a:hover {
  color: #FFFFFF !important;
  background: #0055FF !important;
  border-color: #0055FF !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 16px rgba(0, 85, 255, 0.15) !important;
}

/* MINIMAL BOTTOM BAR */
.site-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 30px !important;
}

.site-footer .footer-bottom .bottom-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.site-footer .footer-bottom .copyright p {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

.site-footer .footer-bottom .copyright span {
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.site-footer .footer-bottom .bottom-links {
  display: flex !important;
  gap: 24px !important;
}

.site-footer .footer-bottom .bottom-links a {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 500 !important;
  transition: color 0.3s ease !important;
}

.site-footer .footer-bottom .bottom-links a:hover {
  color: #60a5fa !important;
}

@media (max-width: 991px) {
  .site-footer {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
  }
  .site-footer .footer-widget-area {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
  }
  .site-footer .footer-bottom {
    padding-top: 25px !important;
    margin-top: 25px !important;
  }
}

@media (max-width: 575px) {
  .site-footer .footer-bottom .bottom-inner {
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   UNIFIED TYPOGRAPHY DESIGN SYSTEM OVERRIDES
   ========================================================================== */

/* 1. Responsive Variable Evaluation */
@media (max-width: 1200px) {
  :root {
    --text-4xl: 56px;
    --text-3xl: 42px;
    --text-2xl: 26px;
    --text-xl: 20px;
  }
}
@media (max-width: 991px) {
  :root {
    --text-4xl: 46px;
    --text-3xl: 36px;
    --text-2xl: 24px;
    --text-xl: 18px;
    --text-lg: 16px;
  }
}
@media (max-width: 767px) {
  :root {
    --text-4xl: 36px;
    --text-3xl: 28px;
    --text-2xl: 20px;
    --text-xl: 16px;
    --text-lg: 15px;
    --text-base: 15px;
  }
}

/* 2. Heading Elements System Mapping */
h1, 
.typography-h1,
.agk-hero h1,
.progrow-hero-copy h1 {
  font-size: var(--text-4xl) !important;
  font-weight: var(--weight-bold) !important;
  line-height: 1.05 !important;
  letter-spacing: -1.5px !important;
  font-family: var(--heading-font), serif !important;
}

h2, 
.section-title h2, 
.typography-h2,
.footer-cta-content h2 {
  font-size: var(--text-3xl) !important;
  font-weight: var(--weight-bold) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  font-family: var(--heading-font), serif !important;
}

/* H3: Card Titles & Widget Title Headers */
h3, 
.agenko-iconic-box h4.title, 
.agenko-iconic-box.style-four .content h4.title, 
.agenko-project-item .content h4.title, 
.post-content h4.title,
.typography-h3 {
  font-size: var(--text-2xl) !important;
  font-weight: var(--weight-semibold) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px !important;
  font-family: var(--heading-font), serif !important;
}

/* H4: Smaller Subsections & Process Card Headings */
h4, 
.content h4, 
.agk-process-box h5,
.agenko-iconic-box.style-five h5,
.typography-h4 {
  font-size: var(--text-xl) !important;
  font-weight: var(--weight-semibold) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.1px !important;
  font-family: var(--heading-font), serif !important;
}

/* 3. Body Copy Sizing & Line Heights */
.progrow-hero-copy p,
.typography-body-lg {
  font-size: var(--text-lg) !important;
  line-height: 1.8 !important;
  font-family: var(--body-font), sans-serif !important;
}

body,
p,
.section-title + p,
.text-box p,
.agenko-iconic-box p,
.agenko-project-item p,
.brand-text,
.contact-desc,
.typography-body-std {
  font-size: var(--text-base) !important;
  line-height: 1.7 !important;
  font-family: var(--body-font), sans-serif !important;
}

/* 4. Small Text (Metadata, Labels, Badges, Copyright) */
.progrow-hero-badge,
.section-title .sub-title,
.cta-label,
.site-footer .copyright p,
.site-footer .bottom-links a,
.contact-card .info span,
.project-categories a,
.typography-small {
  font-size: var(--text-sm) !important;
  line-height: 1.6 !important;
  font-family: var(--body-font), sans-serif !important;
}

/* 5. Navigation Typography & Spacing */
.main-menu ul li a {
  font-size: var(--text-base) !important;
  font-weight: 550 !important; /* Semibold balance (500-600) */
  letter-spacing: 0.1px !important;
}

.main-menu ul li .sub-menu li a {
  font-size: 15px !important; /* Premium menu standard */
  font-weight: 500 !important;
}

/* 6. Button Sizing & Weight */
.theme-btn,
.form-btn,
.newsletter-submit-btn {
  font-size: var(--text-base) !important;
  font-weight: var(--weight-semibold) !important;
  letter-spacing: 0.2px !important;
}

/* 7. Statistics Numbers & Labels */
.agenko-counter-box.style-one .content h2,
.count,
.agk-company-ca h2 .count {
  font-size: var(--text-3xl) !important;
  font-weight: var(--weight-bold) !important;
  line-height: 1.1 !important;
}

.agenko-counter-box.style-one .content p {
  font-size: 15px !important;
  font-weight: var(--weight-semibold) !important;
  letter-spacing: 1px !important;
}

/* 8. Spacing Audit Alignments */
.section-title {
  margin-bottom: 30px !important;
}
.section-title h2 {
  margin-bottom: 20px !important;
}

/* Paragraph to Action Button spacing */
.progrow-hero-copy p {
  margin-bottom: 30px !important;
}

/* Card titles to Card descriptions */
.agenko-iconic-box h4.title,
.agenko-project-item .content h4.title,
.post-content h4.title {
  margin-bottom: 12px !important;
}

/* ==========================================================================
   LANDING PAGES LAYOUT COMPONENTS OVERRIDES
   ========================================================================== */

/* 1. Service Hero specific tweaks */

/* 2. Overview Info Card checklist items */
.overview-info-card ul.check-list li {
  font-size: var(--text-base) !important;
  color: var(--text-color) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.overview-info-card ul.check-list li i {
  color: #0055FF !important;
  font-size: 18px !important;
}

/* 3. FAQ Accordion Premium styling */
.faq-accordion .card {
  margin-bottom: 16px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01) !important;
  transition: all 0.3s ease !important;
}

.faq-accordion .card:hover {
  border-color: rgba(0, 85, 255, 0.15) !important;
  box-shadow: 0 8px 20px rgba(0, 85, 255, 0.02) !important;
}

.faq-accordion .card-header {
  background: transparent !important;
  border: none !important;
  padding: 24px 28px !important;
  transition: all 0.3s ease !important;
}

.faq-accordion .card-header h5 {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #121826 !important;
}

.faq-accordion .card-header i {
  color: #667085 !important;
  font-size: 14px !important;
  transition: transform 0.3s ease, color 0.3s ease !important;
}

.faq-accordion .card-header:not(.collapsed) i {
  transform: rotate(180deg) !important;
  color: #0055FF !important;
}

.faq-accordion .card-body {
  padding: 0 28px 24px 28px !important;
  font-size: var(--text-base) !important;
  line-height: 1.7 !important;
  color: #667085 !important;
}

/* 4. Process Timeline styling inside service pages */
.agk-timeline-section .agk-process-wrapper {
  position: relative !important;
  z-index: 1 !important;
}

.agk-timeline-section .agk-process-wrapper .process-line {
  position: absolute !important;
  top: 18px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background-color: rgba(0, 85, 255, 0.1) !important;
  z-index: -1 !important;
}

/* 5. Custom column for 5-step timeline */
.col-lg-2.4 {
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
}

@media (max-width: 991px) {
  .col-lg-2.4 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

@media (max-width: 575px) {
  .col-lg-2.4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   SERVICE DETAIL PAGES VISUAL REFINEMENTS
   ========================================================================== */

/* 1. Body Text Contrast and Readability (Issue 1) */
body, 
p, 
li,
.overview-box p,
.overview-info-card p,
.agenko-iconic-box p,
.agenko-project-item p,
.brand-text,
.contact-desc {
  color: #344054 !important;
  line-height: 1.75 !important;
}

h1, h2, h3, h4, h5, h6,
.section-title h2,
.footer-cta-content h2,
.widget-title {
  color: #121826 !important;
}

/* 2. Shape Blurs Softening (Issue 2) */
.shape-blur_one span,
.shape-blur_two span,
.shape-blur_three span,
.shape-circle1 span,
.shape-circle2 span {
  background: rgba(0, 85, 255, 0.12) !important;
  border: none !important;
  filter: blur(160px) !important;
  -webkit-filter: blur(160px) !important;
}

/* 3. Premium Breadcrumb Container overrides (Issue 3) */
.agenko-page-banner .page-content ul.breadcrumb-link,
.breadcrumb-link {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 999px !important;
  padding: 8px 24px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  float: none !important;
  margin-top: 15px !important;
}

.breadcrumb-link li,
.breadcrumb-link li a {
  color: #667085 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.breadcrumb-link li a:hover {
  color: #0055FF !important;
}

.breadcrumb-link li.active {
  color: #0055FF !important;
  font-weight: 600 !important;
}

.agenko-page-banner .page-content ul.breadcrumb-link li:not(:last-child):after {
  display: inline-block !important;
  content: "›" !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  color: #98A2B3 !important;
  font-size: 16px !important;
  font-weight: normal !important;
}

/* 4. Spacing Overrides for agk-service-overview (Issue 4) */
.agk-service-overview {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* 5. Consistent Card overrides (Issue 5) */
.overview-info-card,
.agk-documents .agenko-iconic-box.style-four,
.agk-benefits .agenko-iconic-box.style-four {
  background: #FFFFFF !important;
  border: 1px solid rgba(16, 24, 40, 0.06) !important;
  border-radius: 24px !important;
  padding: 32px !important;
  box-shadow: 0 12px 40px rgba(16, 24, 40, 0.06) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.overview-info-card:hover,
.agk-documents .agenko-iconic-box.style-four:hover,
.agk-benefits .agenko-iconic-box.style-four:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.1) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
}

/* Dark layout cards in Why Choose ProGro section */
.agk-why-choose .agenko-iconic-box.style-four {
  border-radius: 24px !important;
  padding: 32px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.agk-why-choose .agenko-iconic-box.style-four:hover {
  transform: translateY(-5px) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 20px 48px rgba(0, 85, 255, 0.1) !important;
}

/* 6. Section Spacing Audit (Issue 6) */
.agk-service-overview,
.agk-why-choose,
.agk-timeline-section,
.agk-documents,
.agk-benefits,
.agk-faq {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.agk-cta {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

/* ==========================================
   Redesigned Process Timeline Section
   ========================================== */

/* 5-Column Grid Helper */
@media (min-width: 992px) {
  .col-lg-2.4 {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}

.progrow-timeline-section {
  position: relative !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 20% 20%, rgba(0, 85, 255, 0.08), transparent 30%),
              radial-gradient(circle at 80% 70%, rgba(0, 85, 255, 0.06), transparent 25%),
              linear-gradient(180deg, #F8FAFA 0%, #EEF4FF 100%) !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  z-index: 1 !important;
}

/* Subtle Grid Background Overlay */
.timeline-grid-overlay {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    linear-gradient(rgba(0, 85, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 85, 255, 0.02) 1px, transparent 1px) !important;
  background-size: 50px 50px !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Local glow elements */
.progrow-timeline-section .footer-glow {
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  filter: blur(100px) !important;
}

.progrow-timeline-section .glow-blue {
  background: rgba(0, 85, 255, 0.08) !important;
  width: 350px !important;
  height: 350px !important;
}

.progrow-timeline-section .glow-warm {
  background: rgba(255, 255, 255, 0.6) !important;
  width: 450px !important;
  height: 450px !important;
}

/* Timeline Journey Container */
.progrow-timeline-journey {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 40px !important;
}

/* Horizontal Connecting Line (Desktop) */
.timeline-connecting-line {
  position: absolute !important;
  top: 72px !important;
  left: 10% !important;
  right: 10% !important;
  height: 4px !important;
  background: rgba(0, 85, 255, 0.08) !important;
  border-radius: 2px !important;
  z-index: 1 !important;
}

.timeline-progress-bar {
  height: 100% !important;
  width: 0%; /* Dynamic GSAP animation starts from 0% */
  background: linear-gradient(90deg, #0055FF, #00C6FF) !important;
  border-radius: 2px !important;
}

/* Premium Glass Cards */
.progrow-timeline-card {
  position: relative !important;
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 28px !important;
  padding: 40px 24px !important;
  text-align: center !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
  height: 100% !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.01) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Large Background Numbers */
.step-bg-number {
  position: absolute !important;
  top: 15px !important;
  right: 25px !important;
  font-size: 64px !important;
  font-weight: 900 !important;
  color: rgba(0, 85, 255, 0.04) !important;
  line-height: 1 !important;
  font-family: 'Outfit', sans-serif !important;
  pointer-events: none !important;
  transition: all 0.4s ease !important;
}

/* Step Icon Wrappers */
.step-icon-wrap {
  width: 64px !important;
  height: 64px !important;
  background: rgba(0, 85, 255, 0.06) !important;
  border: 1px solid rgba(0, 85, 255, 0.1) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 24px !important;
  color: #0055FF !important;
  font-size: 22px !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Content block styling */
.step-content h5 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin-bottom: 12px !important;
  transition: color 0.3s ease !important;
  line-height: 1.4 !important;
}

.step-content p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #475467 !important;
  margin-bottom: 0 !important;
}

/* Hover Interactivity */
.progrow-timeline-card:hover {
  transform: translateY(-10px) !important;
  background: #FFFFFF !important;
  border-color: rgba(0, 85, 255, 0.25) !important;
  box-shadow: 0 25px 60px rgba(16, 24, 40, 0.08) !important;
}

.progrow-timeline-card:hover .step-icon-wrap {
  background: #0055FF !important;
  color: #FFFFFF !important;
  transform: scale(1.1) rotate(10deg) !important;
  box-shadow: 0 10px 25px rgba(0, 85, 255, 0.3) !important;
  border-color: transparent !important;
}

.progrow-timeline-card:hover .step-bg-number {
  color: rgba(0, 85, 255, 0.08) !important;
  transform: translateY(-5px) scale(1.05) !important;
}

.progrow-timeline-card:hover .step-content h5 {
  color: #0055FF !important;
}

/* Responsive Overrides */
@media (max-width: 991px) {
  .timeline-connecting-line {
    display: none !important;
  }
  .progrow-timeline-journey {
    margin-top: 20px !important;
  }
  .progrow-timeline-journey .row {
    row-gap: 30px !important;
  }
  .progrow-timeline-card {
    padding: 30px 20px !important;
  }
  .step-icon-wrap {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .progrow-timeline-card {
    padding: 24px 16px !important;
  }
}

/* ==========================================
   Redesigned Service CTA Section (.progrow-cta-section)
   ========================================== */

.progrow-cta-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #002142 !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  z-index: 1 !important;
  text-align: center !important;
}

/* Subtle Grid Background Overlay */
.cta-grid-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: 0.24 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Ambient Glow Shapes */
.progrow-cta-section .footer-glow {
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: -1 !important;
  filter: blur(120px) !important;
}

.progrow-cta-section .glow-blue {
  background: rgba(0, 85, 255, 0.15) !important;
  width: 350px !important;
  height: 350px !important;
  top: 10% !important;
  left: 5% !important;
}

.progrow-cta-section .glow-warm {
  background: rgba(255, 255, 255, 0.08) !important;
  width: 450px !important;
  height: 450px !important;
  bottom: 10% !important;
  right: 5% !important;
}

/* Content Container Sizing */
.progrow-cta-section .container {
  max-width: 1100px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Inherits .dark-section-badge styling */

.progrow-cta-section .section-title h2 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  font-size: var(--text-3xl) !important;
  margin-bottom: 20px !important;
}

.progrow-cta-section .section-title p {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: var(--text-lg) !important;
  line-height: 1.8 !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Buttons style overrides for CTA section */
.progrow-cta-section .theme-btn.style-one {
  background: #0055FF !important;
  border-color: #0055FF !important;
  color: #FFFFFF !important;
}

.progrow-cta-section .theme-btn.style-one:hover {
  background: #0047D9 !important;
  border-color: #0047D9 !important;
  color: #FFFFFF !important;
}

/* Secondary Glass Button */
.progrow-cta-section .theme-btn.style-two,
.progrow-cta-section .theme-btn-secondary {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}

.progrow-cta-section .theme-btn.style-two:hover,
.progrow-cta-section .theme-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #FFFFFF !important;
}

/* Responsive CTA Overrides */
@media (max-width: 991px) {
  .progrow-cta-section {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .progrow-cta-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* ==========================================
   Redesigned Contact Page Styling
   ========================================== */

/* Overview Section */
.progrow-contact-overview-section {
  background: #FFFFFF !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.contact-overview-card {
  position: relative !important;
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  border-radius: 24px !important;
  padding: 40px 32px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 100% !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.01) !important;
}

.contact-overview-card:hover {
  transform: translateY(-8px) !important;
  background: #FFFFFF !important;
  border-color: rgba(0, 85, 255, 0.25) !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.08) !important;
}

.contact-overview-card .card-icon-wrap {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(0, 85, 255, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0055FF !important;
  font-size: 22px !important;
  margin-bottom: 24px !important;
  transition: all 0.4s ease !important;
}

.contact-overview-card:hover .card-icon-wrap {
  background: #0055FF !important;
  color: #FFFFFF !important;
  transform: scale(1.08) rotate(5deg) !important;
}

.contact-overview-card h3 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin-bottom: 12px !important;
}

.contact-overview-card p {
  font-size: 16px !important;
  color: #475467 !important;
  margin-bottom: 0 !important;
}

.contact-overview-card p a {
  color: #475467 !important;
  transition: color 0.3s !important;
}

.contact-overview-card p a:hover {
  color: #0055FF !important;
}

/* Split Contact Area & Modern Form */
.progrow-contact-main-section {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.contact-left-content {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.contact-features-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin-top: 36px !important;
}

.feature-item-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.feature-item-card .icon-check {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(0, 85, 255, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0055FF !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
  margin-top: 4px !important;
}

.feature-item-card h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin-bottom: 6px !important;
}

.feature-item-card p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #475467 !important;
  margin-bottom: 0 !important;
}

.contact-form-container {
  background: #FFFFFF !important;
  border-radius: 32px !important;
  padding: 48px 40px !important;
  box-shadow: 0 20px 60px rgba(16, 24, 40, 0.06) !important;
  border: 1px solid rgba(16, 24, 40, 0.04) !important;
}

.progrow-modern-contact-form .form-group {
  margin-bottom: 24px !important;
}

.form-label-custom {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #344054 !important;
  margin-bottom: 8px !important;
  text-align: left !important;
}

.progrow-modern-contact-form .form_control {
  height: 58px !important;
  background: #F8FAFA !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  border-radius: 16px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  color: #121826 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.progrow-modern-contact-form textarea.form_control {
  height: auto !important;
  min-height: 160px !important;
  padding: 20px !important;
}

.progrow-modern-contact-form .form_control:focus {
  border-color: #0055FF !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.1) !important;
  outline: none !important;
}

/* Process Timeline Section */
.progrow-contact-process-section {
  background: #FFFFFF !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.contact-process-card {
  position: relative !important;
  padding: 40px 24px !important;
  border-radius: 24px !important;
  background: rgba(248, 250, 250, 0.6) !important;
  border: 1px solid rgba(16, 24, 40, 0.04) !important;
  height: 100% !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.contact-process-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(0, 85, 255, 0.15) !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.06) !important;
  transform: translateY(-5px) !important;
}

.contact-process-card .step-num {
  font-size: 48px !important;
  font-weight: 800 !important;
  color: rgba(0, 85, 255, 0.08) !important;
  font-family: 'Outfit', sans-serif !important;
  line-height: 1 !important;
  margin-bottom: 20px !important;
  transition: all 0.3s ease !important;
}

.contact-process-card:hover .step-num {
  color: rgba(0, 85, 255, 0.16) !important;
  transform: scale(1.05) !important;
}

.contact-process-card h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin-bottom: 12px !important;
}

.contact-process-card p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #475467 !important;
  margin-bottom: 0 !important;
}

/* Map Section */
.progrow-contact-map-section {
  position: relative !important;
  z-index: 5 !important;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.03) !important;
}

/* Responsive Adaptations */
@media (max-width: 991px) {
  .progrow-contact-overview-section,
  .progrow-contact-main-section,
  .progrow-contact-process-section {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .contact-left-content {
    margin-bottom: 60px !important;
  }
  .pr-lg-50 {
    padding-right: 0 !important;
  }
  .contact-form-container {
    padding: 36px 28px !important;
  }
  .progrow-contact-process-section .row {
    row-gap: 30px !important;
  }
}

@media (max-width: 767px) {
  .progrow-contact-overview-section,
  .progrow-contact-main-section,
  .progrow-contact-process-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .contact-overview-card {
    padding: 32px 20px !important;
  }
  .progrow-contact-overview-section .row {
    row-gap: 30px !important;
  }
}

/* ==========================================================================
   Premium Service Page Hero Banner Refactoring
   ========================================================================== */

/* Core Container */
.progrow-service-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 187px 0 120px !important;
}

/* Hide or refine legacy icons in text-box */
.progrow-service-hero .text-box {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .progrow-service-hero {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .progrow-service-hero .circle-box {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .progrow-service-hero {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .progrow-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }
  .progrow-hero-actions .theme-btn {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ==========================================================================
   Dark Section Subtitle Badges & Typography Contrast Refactoring
   ========================================================================== */

/* Reusable Glassmorphic Dark Section Badge */
.dark-section-badge {
  display: inline-block !important;
  font-family: var(--body-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  padding: 10px 24px !important;
  border-radius: 999px !important;
  margin-bottom: 24px !important;
  line-height: normal !important;
  transition: all 0.3s ease !important;
}

.dark-section-badge:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.30) !important;
}

.sub-title.dark-section-badge {
  color: #B7B7B7 !important;
}

.explore-small-label,
.discipline-label {
  color: #CFCFCF !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* Typography Audit for Dark Background Sections */
.agk-service-ca,
.agk-company-ca,
.agk-blog#contact,
.agk-why-choose,
.progrow-cta-section,
.progrow-contact-main-section {
  color: rgba(255, 255, 255, 0.72) !important;
}

.agk-service-ca h1,
.agk-service-ca h2,
.agk-service-ca h3,
.agk-service-ca h4,
.agk-service-ca h5,
.agk-service-ca h6,
.agk-company-ca h1,
.agk-company-ca h2,
.agk-company-ca h3,
.agk-company-ca h4,
.agk-company-ca h5,
.agk-company-ca h6,
.agk-blog#contact h1,
.agk-blog#contact h2,
.agk-blog#contact h3,
.agk-blog#contact h4,
.agk-blog#contact h5,
.agk-blog#contact h6,
.agk-why-choose h1,
.agk-why-choose h2,
.agk-why-choose h3,
.agk-why-choose h4,
.agk-why-choose h5,
.agk-why-choose h6,
.progrow-cta-section h1,
.progrow-cta-section h2,
.progrow-cta-section h3,
.progrow-cta-section h4,
.progrow-cta-section h5,
.progrow-cta-section h6,
.progrow-contact-main-section h1,
.progrow-contact-main-section h2,
.progrow-contact-main-section h3,
.progrow-contact-main-section h4,
.progrow-contact-main-section h5,
.progrow-contact-main-section h6 {
  color: #FFFFFF !important;
}

.agk-service-ca p.mt-20,
.agk-company-ca p.mt-20,
.agk-blog#contact p.mt-20,
.agk-why-choose p.mt-20,
.progrow-cta-section p.mt-20,
.progrow-contact-main-section p.mt-20,
.agk-service-ca .section-title p,
.agk-company-ca .section-title p,
.agk-blog#contact .section-title p,
.agk-why-choose .section-title p,
.progrow-cta-section .section-title p,
.progrow-contact-main-section .section-title p {
  color: rgba(255, 255, 255, 0.78) !important;
}

.agk-service-ca p, .agk-company-ca p, .agk-blog#contact p, .agk-why-choose p, .progrow-cta-section p {
	color: rgba(4, 4, 4, 0.72) !important;
}

.progrow-contact-main-section p {
  color: #fff !important;
}

.agk-service-ca small,
.agk-company-ca small,
.agk-blog#contact small,
.agk-why-choose small,
.progrow-cta-section small,
.progrow-contact-main-section small {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* ==========================================================================
   Why Choose Us Section Contrast & Premium Card Refactoring
   ========================================================================== */

.agk-why-choose {
  background: radial-gradient(
    circle at 18% 25%,
    rgba(0, 85, 255, 0.22),
    transparent 32%
  ),
  linear-gradient(
    135deg,
    #0E1118 0%,
    #181E2E 100%
  ) !important; /* Deep dark premium background for contrast */
}

/* Headings */
.agk-why-choose .section-title h2 {
  color: #FFFFFF !important;
}

.agk-why-choose .agenko-iconic-box.style-four h4.title,
.agk-why-choose .agenko-iconic-box.style-four .content h4 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

/* Paragraphs & Text */
.agk-why-choose .section-title p {
  color: rgba(255, 255, 255, 0.80) !important;
}

.agk-why-choose .agenko-iconic-box.style-four p,
.agk-why-choose .agenko-iconic-box.style-four .content p {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Inherits .dark-section-badge styling */

/* Iconic Box Cards */
.agk-why-choose .agenko-iconic-box.style-four {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 32px 24px !important;
  border-radius: 20px !important;
  height: calc(100% - 40px) !important; /* ensure cards fill row height */
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.agk-why-choose .agenko-iconic-box.style-four:hover {
  transform: translateY(-6px) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2) !important;
}

/* Icons styling */
.agk-why-choose .agenko-iconic-box.style-four .icon {
  margin-bottom: 20px !important;
  color: #0055FF !important;
}

.agk-why-choose .agenko-iconic-box.style-four .icon i {
  color: #0055FF !important;
  font-size: 36px !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.agk-why-choose .agenko-iconic-box.style-four:hover .icon i {
  transform: scale(1.1) !important;
  color: #FFFFFF !important; /* turn icon white on card hover for dynamic visual feedback! */
}

/* Number / Counter styling (if any) */
.agk-why-choose .counter-num,
.agk-why-choose .number,
.agk-why-choose .count {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   Premium Refactored Header UI/UX (Floating Glass capsule & Visual Centering)
   ========================================================================== */

/* Non-interfering header-area wrappers */
.header-area.transparent-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 9999 !important;
}

.header-navigation {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 100% !important;
  top: 0px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

/* Header Spacing Refinements (Non-Sticky transparent state alignment) */
@media (min-width: 1400px) {
  .header-navigation:not(.is-sticky) {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .header-navigation:not(.is-sticky) {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

/* Scroll State (Floating Glass capsule) */
.header-navigation.is-sticky {
	top: 20px !important;
	width: calc(100% - 60px) !important;
	max-width: 1300px !important;
	background: rgba(255, 255, 255, 0.78) !important;
	backdrop-filter: blur(24px) !important;
	-webkit-backdrop-filter: blur(24px) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08) !important;
	border-radius: 20px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* Site Branding Logo auto-scaling */
.header-navigation .site-branding img {
  height: auto !important;
  width: 150% !important;
  max-height: 74px !important;
}

/* Toggler / Hamburger Base Styles */
.header-navigation .navbar-toggler {
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  cursor: pointer !important;
  border-radius: 12px !important;
  margin-left: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 44px !important;
  height: 44px !important;
  transition: all 0.3s ease !important;
  z-index: 10001 !important; /* Keep above offcanvas menu */
}

.header-navigation .navbar-toggler span {
  display: block !important;
  height: 2px !important;
  width: 20px !important;
  background-color: #FFFFFF !important;
  transition: all 0.3s ease !important;
  border-radius: 2px !important;
}

/* active close state lines transition */
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  transform: translateY(7px) rotate(45deg) !important;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0 !important;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}

/* Toggler adapts to Sticky State */
.header-navigation.is-sticky .navbar-toggler {
  border-color: rgba(18, 24, 38, 0.1) !important;
  background-color: rgba(18, 24, 38, 0.02) !important;
}
.header-navigation.is-sticky .navbar-toggler span {
  background-color: #121826 !important;
}

/* When Toggler is active, always make lines dark to contrast against white offcanvas */
.header-navigation .navbar-toggler.active {
  border-color: rgba(18, 24, 38, 0.1) !important;
  background-color: rgba(18, 24, 38, 0.02) !important;
}
.header-navigation .navbar-toggler.active span {
  background-color: #121826 !important;
}

/* 2. Desktop & Laptop Viewports (1200px and above) */
@media (min-width: 1200px) {
  .header-navigation .navbar-toggler {
    display: none !important;
  }

  .header-navigation .primary-menu {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  .header-navigation .primary-menu > .site-branding {
    flex: 1 0 0% !important;
    max-width: 260px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .header-navigation .primary-menu > .site-branding a {
    display: inline-block !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .header-navigation .primary-menu > .site-branding a:hover {
    transform: scale(1.04) !important;
  }

  .header-navigation .pf-nav-menu {
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  .header-navigation .nav-right-item {
    flex: 0 15% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  /* Desktop Menu Links */
  .header-navigation .main-menu ul > li {
    margin: 0 16px !important;
    display: inline-block !important;
  }

  .header-navigation .main-menu ul > li > a {
    position: relative !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 550 !important;
    text-transform: capitalize !important;
    padding: 8px 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    transition: all 0.25s ease !important;
  }

  .header-navigation .main-menu ul > li:hover > a {
    background: transparent !important;
    background-color: transparent !important;
    transform: translateY(-1px) !important;
  }

  .header-navigation .main-menu ul > li > a .dd-trigger {
    margin-left: 6px !important;
    font-size: 11px !important;
    display: inline-block !important;
    transition: transform 0.25s ease !important;
  }
  .header-navigation .main-menu ul > li:hover > a .dd-trigger {
    transform: rotate(180deg) !important;
  }

  /* Desktop Dropdowns (Glass Cards) */
  .header-navigation .main-menu ul > li .sub-menu {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(12px) !important;
    top: 130% !important;
    width: 340px !important;
    padding: 12px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(18, 24, 38, 0.08) !important;
    box-shadow: 0 25px 80px rgba(15, 23, 42, 0.15) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), top 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 999 !important;
  }

  .header-navigation .main-menu ul > li:hover > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
    top: 105% !important;
  }

  .header-navigation .main-menu ul > li .sub-menu li {
    margin: 0 !important;
    display: block !important;
  }

  .header-navigation .main-menu ul > li .sub-menu li a {
    padding: 12px 16px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .header-navigation .main-menu ul > li .sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.99) !important;
    border-color: rgba(0, 85, 255, 0.18) !important;
    box-shadow: 0 8px 24px rgba(0, 85, 255, 0.08) !important;
  }

  /* Desktop CTA button */
  .header-navigation .nav-right-item .nav-button .theme-btn.style-one {
    background: #0055FF !important;
    border-color: #0055FF !important;
    color: #FFFFFF !important;
    border-radius: 14px !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 18px rgba(0, 85, 255, 0.12) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    transform: translateY(0) !important;
  }

  .header-navigation .nav-right-item .nav-button .theme-btn.style-one:hover {
    background: #0047D9 !important;
    border-color: #0047D9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 85, 255, 0.22) !important;
  }

  .header-navigation .nav-right-item .nav-button .theme-btn.style-one span,
  .header-navigation .nav-right-item .nav-button .theme-btn.style-one .text {
    color: #FFFFFF !important;
  }
}

/* 3. Dropdown sub-menu content elements (Desktop styling) */
@media (min-width: 1200px) {
  .menu-link-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .menu-link-title-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .menu-link-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    transition: color 0.25s ease !important;
  }

  .menu-link-arrow {
    font-size: 11px !important;
    color: #6B7280 !important;
    opacity: 0 !important;
    transform: translateX(-6px) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .menu-link-desc {
    font-size: 12px !important;
    color: #6B7280 !important;
    margin-top: -4px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    transition: color 0.25s ease !important;
  }

  .header-navigation .main-menu ul > li .sub-menu li a:hover .menu-link-title {
    color: #0055FF !important;
  }

  .header-navigation .main-menu ul > li .sub-menu li a:hover .menu-link-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
    color: #0055FF !important;
  }
}

/* 4. Adaptive Transparent Header Typography (Desktop only) */
@media (min-width: 1200px) {
  /* Default light transparent headers */
  .header-navigation:not(.is-sticky) .main-menu ul > li > a {
    color: #121826 !important;
  }
  .header-navigation:not(.is-sticky) .main-menu ul > li > a.active::after,
  .header-navigation:not(.is-sticky) .main-menu ul > li > a.active-parent::after {
    color: #0055FF !important;
  }
  .header-navigation:not(.is-sticky) .main-menu ul > li:hover > a {
    color: #0055FF !important;
  }
  .header-navigation:not(.is-sticky) .navbar-toggler span {
    background: #121826 !important;
  }

  /* Dark headers on hero slides (Homepage) */
  body:has(.progrow-enterprise-hero) .header-navigation:not(.is-sticky) .main-menu ul > li > a {
    color: #344054 !important;
  }
  body:has(.progrow-enterprise-hero) .header-navigation:not(.is-sticky) .main-menu ul > li > a.active::after,
  body:has(.progrow-enterprise-hero) .header-navigation:not(.is-sticky) .main-menu ul > li > a.active-parent::after {
    color: #FFFFFF !important;
  }
  body:has(.progrow-enterprise-hero) .header-navigation:not(.is-sticky) .main-menu ul > li:hover > a {
    color: #05F !important;
  }
  body:has(.progrow-enterprise-hero) .header-navigation:not(.is-sticky) .navbar-toggler span {
    background: #FFFFFF !important;
  }

  /* Sticky state global styles */
  .header-navigation.is-sticky .main-menu ul > li > a {
    color: #121826 !important;
  }
  .header-navigation.is-sticky .main-menu ul > li > a.active::after,
  .header-navigation.is-sticky .main-menu ul > li > a.active-parent::after {
    color: #0055FF !important;
  }
  .header-navigation.is-sticky .main-menu ul > li:hover > a {
    color: #0055FF !important;
  }
}

/* 5. Mobile & Tablet Viewports (1199px and below) */
@media (max-width: 1199px) {
  .header-navigation {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  
  .header-navigation.is-sticky {
    top: 15px !important;
    width: calc(100% - 32px) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05) !important;
    border: 1px solid rgba(15, 23, 42, 0.05) !important;
  }

  .header-navigation .primary-menu {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  .header-navigation .primary-menu > .site-branding {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .header-navigation .nav-right-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  /* Display toggler */
  .header-navigation .navbar-toggler {
    display: flex !important;
  }

  /* Offcanvas Mobile Drawer slide in from right */
  .header-navigation .pf-nav-menu {
    position: fixed !important;
    top: 0 !important;
    right: -320px !important; /* Starts hidden on the right */
    left: auto !important;
    width: 320px !important;
    height: 100vh !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: -10px 0 40px rgba(15, 23, 42, 0.12) !important;
    transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 40px 24px 30px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 10000 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .header-navigation .pf-nav-menu.menu-on {
    right: 0 !important;
    left: auto !important;
  }

  /* Hidden top site branding inside mobile menu since logo is in the main header */
  .header-navigation .pf-nav-menu .site-branding {
    display: none !important;
  }

  /* Vertical Accordion Menu */
  .header-navigation .pf-nav-menu .main-menu {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
  }

  .header-navigation .pf-nav-menu .main-menu > ul {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-navigation .pf-nav-menu .main-menu > ul > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    border-bottom: 1px solid #F1F5F9 !important;
  }
  
  .header-navigation .pf-nav-menu .main-menu > ul > li:last-child {
    border-bottom: none !important;
  }

  /* Main accordion item links */
  .header-navigation .pf-nav-menu .main-menu > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 48px !important; /* Easy tap touch target */
    padding: 12px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #121826 !important;
    background: transparent !important;
    border: none !important;
    text-transform: capitalize !important;
    font-family: var(--heading-font) !important;
    transition: color 0.2s ease !important;
    width: 100% !important;
  }
  .header-navigation .pf-nav-menu .main-menu > ul > li > a:hover {
    color: #0055FF !important;
  }

  /* Hide underline and bullets */
  .header-navigation .pf-nav-menu .main-menu > ul > li > a:after {
    display: none !important;
  }

  /* Submenus accordion styling */
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu {
    display: none; /* Controlled by jQuery slideToggle */
    max-height: 400px;
    overflow: hidden;
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 16px !important;
    margin: 8px 0 16px 0 !important;
    box-sizing: border-box !important;
  }

  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu.sub-menu-open {
    max-height: none !important;
    overflow: visible !important;
  }

  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu li {
    border-bottom: none !important;
  }

  /* Sub-menu links */
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu li a {
    min-height: 44px !important; /* Touch target */
    padding: 8px 12px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4B5563 !important;
  }
  .header-navigation .pf-nav-menu .main-menu ul li .sub-menu li a:hover {
    color: #0055FF !important;
  }

  /* Accordion trigger arrows */
  .header-navigation .pf-nav-menu .main-menu ul li a .dd-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    font-size: 14px !important;
    color: #6B7280 !important;
    transition: transform 0.3s ease !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .header-navigation .pf-nav-menu .main-menu ul li a .dd-trigger.sub-menu-open {
    transform: translateY(-50%) rotate(180deg) !important;
    color: #0055FF !important;
  }

  /* Flatten desktop megamenu markup for mobile menu */
  .menu-link-content {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
  }
  
  .menu-link-title-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  
  .menu-link-title {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4B5563 !important;
  }
  
  .menu-link-arrow,
  .menu-link-desc {
    display: none !important;
  }

  /* Mobile menu CTA Button */
  .header-navigation .pf-nav-menu .pf-nav-button {
    margin-top: auto !important; /* Push CTA to the bottom of the drawer */
    width: 100% !important;
    padding-top: 20px !important;
  }
  
  .header-navigation .pf-nav-menu .pf-nav-button .theme-btn {
    width: 100% !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: #0055FF !important;
    border-color: #0055FF !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .header-navigation .pf-nav-menu .pf-nav-button .theme-btn span,
  .header-navigation .pf-nav-menu .pf-nav-button .theme-btn .text {
    color: #FFFFFF !important;
  }

  /* Hide desktop header close button if any */
  .header-navigation .navbar-close {
    display: none !important;
  }

  /* Hide mobile drawer bottom social connects */
  .header-navigation .pf-menu-bottom {
    display: none !important;
  }
}

/* 6. Tablet Viewports Specifics (768px to 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
  /* Show header CTA button, layout: [ Logo ]   [ CTA ] [ ☰ ] */
  .header-navigation .nav-right-item .nav-button {
    display: block !important;
  }
  .header-navigation .nav-right-item .nav-button .theme-btn.style-one {
    background: #0055FF !important;
    border-color: #0055FF !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header-navigation .nav-right-item .nav-button .theme-btn.style-one span,
  .header-navigation .nav-right-item .nav-button .theme-btn.style-one .text {
    color: #FFFFFF !important;
  }
}

/* 7. Mobile Viewports Specifics (320px to 767px) */
@media (max-width: 767px) {
  .header-navigation {
    height: 70px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .header-navigation .primary-menu {
    height: 100% !important;
  }

  .header-navigation.is-sticky {
    top: 15px !important;
    height: 60px !important;
    width: calc(100% - 32px) !important;
  }

  .header-navigation .site-branding {
    max-width: 140px !important;
  }

  .header-navigation .site-branding .brand-logo img {
    max-width: 140px !important;
  }

  /* Hide header CTA button, layout: [ Logo ]   [ ☰ ] */
  .header-navigation .nav-right-item .nav-button {
    display: none !important;
  }
}

/* ==========================================================================
   Premium Service Page Overview Section Redesign
   ========================================================================== */

.progrow-overview-section {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	background: #FFFFFF !important;
}

.overview-outer-container {
	background: #F5F8FC !important;
	border-radius: 40px !important;
	padding: 60px 100px !important;
	position: relative !important;
	overflow: hidden !important;
	border: 1px solid rgba(0, 85, 255, 0.05) !important;
}

/* Watermark geometric background mesh */
.overview-outer-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0L80 40L40 80L0 40Z' fill='none' stroke='%230055FF' stroke-width='1' stroke-opacity='0.012'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.overview-outer-container .row {
  display: flex !important;
  flex-wrap: wrap !important;
  position: relative !important;
  z-index: 1 !important;
  align-items: center !important;
}

.col-overview-left {
  flex: 0 0 40% !important;
  max-width: 40% !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

.col-overview-right {
  flex: 0 0 60% !important;
  max-width: 60% !important;
  padding-left: 20px !important;
  box-sizing: border-box !important;
}

/* Left Content Area */
.overview-left-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}



.overview-heading {
  font-size: clamp(36px, 4.5vw, 52px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  color: #121826 !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  letter-spacing: -0.02em !important;
}

.overview-description {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #4B5563 !important;
  max-width: 520px !important;
  margin-bottom: 35px !important;
}

/* Circular Arrow CTA Button */
.overview-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  background: #EAF1FF !important;
  border-radius: 99px !important;
  padding: 6px 6px 6px 24px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 85, 255, 0.05) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}

.overview-cta-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0, 85, 255, 0.12) !important;
}

.overview-cta-btn .btn-text {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin-right: 18px !important;
}

.overview-cta-btn .btn-circle {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #0055FF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease !important;
}

.overview-cta-btn .btn-circle i {
  color: #FFFFFF !important;
  font-size: 13px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.overview-cta-btn:hover .btn-circle i {
  transform: rotate(-45deg) !important;
}

.overview-cta-btn:hover .btn-circle {
  transform: scale(1.06) !important;
  background-color: #0047D9 !important;
}

/* Right Content Area */
.focus-points-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #0055FF !important;
  margin-bottom: 20px !important;
  display: block !important;
}

.focus-points-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  justify-content: center !important;
}

/* Premium Card Styles */
.focus-card {
  background: #FFFFFF !important;
  border-radius: 24px !important;
  padding: 32px !important;
  min-height: 180px !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex: 1 1 calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0, 85, 255, 0.03) !important;
  text-align: left !important;
}

.focus-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12) !important;
  border-color: rgba(0, 85, 255, 0.1) !important;
}

.focus-card .icon-container {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background: #EAF1FF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.focus-card .icon-container i {
  color: #0055FF !important;
  font-size: 16px !important;
}

.focus-card .focus-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #121826 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.focus-card .focus-desc {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #6B7280 !important;
  margin: 0 !important;
}

/* Adaptive Sizing Rules using :has() */
.focus-points-grid:has(.focus-card:nth-child(3):last-child) .focus-card:nth-child(3) {
  flex: 0 1 calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
}

.focus-points-grid:has(.focus-card:nth-child(5):last-child) .focus-card {
  flex: 1 1 calc(33.333% - 20px) !important;
  max-width: calc(33.333% - 20px) !important;
}

.focus-points-grid:has(.focus-card:nth-child(5):last-child) .focus-card:nth-child(4),
.focus-points-grid:has(.focus-card:nth-child(5):last-child) .focus-card:nth-child(5) {
  flex: 0 1 calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .overview-outer-container {
    padding: 40px !important;
  }
  .col-overview-left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    margin-bottom: 50px !important;
  }
  .col-overview-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
  }
  .overview-heading {
    font-size: 38px !important;
  }
}

@media (max-width: 767px) {
  .focus-card,
  .focus-points-grid:has(.focus-card:nth-child(3):last-child) .focus-card,
  .focus-points-grid:has(.focus-card:nth-child(3):last-child) .focus-card:nth-child(3),
  .focus-points-grid:has(.focus-card:nth-child(5):last-child) .focus-card,
  .focus-points-grid:has(.focus-card:nth-child(5):last-child) .focus-card:nth-child(4),
  .focus-points-grid:has(.focus-card:nth-child(5):last-child) .focus-card:nth-child(5) {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .focus-points-grid {
    gap: 20px !important;
  }
  .overview-outer-container {
    padding: 30px 20px !important;
    border-radius: 24px !important;
  }
}

/* ==========================================================================
   Premium Service Page Explore Section Redesign
   ========================================================================== */

.progrow-explore-section {
  /* padding-top: 120px !important; */
  /* padding-bottom: 120px !important; */
  background: #FFFFFF !important;
  position: relative !important;
}

.explore-outer-container {
  background:
    radial-gradient(
      circle at 18% 25%,
      rgba(0, 85, 255, 0.28),
      transparent 28%
    ),
    radial-gradient(
      circle at 85% 15%,
      rgba(255, 255, 255, 0.08),
      transparent 22%
    ),
    linear-gradient(
      135deg,
      #121826 0%,
      #0042c6 100%
    ) !important;
  border-radius: 40px !important;
  padding: 100px 70px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Grid overlay background mesh */
.explore-outer-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: 0.24 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.explore-outer-container .row {
  position: relative !important;
  z-index: 1 !important;
}

/* Header Columns */
.explore-header-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}



.explore-heading {
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #FFFFFF !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  letter-spacing: -0.02em !important;
}

.explore-description {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin-bottom: 0 !important;
  max-width: 580px !important;
}

.explore-header-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
}

@media (max-width: 991px) {
  .explore-header-right {
    align-items: flex-start !important;
  }
}

.explore-right-text {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  max-width: 400px !important;
  margin-bottom: 24px !important;
  text-align: right !important;
}

@media (max-width: 991px) {
  .explore-right-text {
    text-align: left !important;
  }
}

/* View All Services CTA Button with premium arrow slide */
.explore-all-btn {
  display: inline-flex !important;
  align-items: center !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
  gap: 10px !important;
}

.explore-all-btn:hover {
  color: #0055FF !important;
}

.explore-all-btn .btn-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.explore-all-btn:hover .btn-arrow {
  transform: translateX(4px) !important;
}

.explore-services-grid {
  margin-top: 50px !important;
}

/* Premium Card Styles */
.explore-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 230px !important;
  border-radius: 24px !important;
  padding: 30px 28px !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 1 !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background 0.4s ease !important;
  box-sizing: border-box !important;
}

.explore-card .card-icon {
  font-size: 36px !important;
  margin-bottom: auto !important;
  transition: transform 0.3s ease !important;
}

.explore-card .card-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}

.explore-card .card-bottom {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 20px !important;
}

.explore-card .card-desc {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  flex-grow: 1 !important;
}

.explore-card .card-arrow {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.explore-card .card-arrow i {
  color: #FFFFFF !important;
  font-size: 14px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Card Hover Effects */
.explore-card:hover {
  transform: translateY(-12px) !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3) !important;
}

.explore-card:hover .card-arrow {
  background: #0055FF !important;
}

.explore-card:hover .card-arrow i {
  transform: rotate(-45deg) scale(1.05) !important;
}

.explore-card:hover .card-icon {
  transform: scale(1.08) !important;
}

/* Card Accent Tints */
.explore-card.tint-blue {
  background: rgba(0, 85, 255, 0.04) !important;
  border: 1px solid rgba(0, 85, 255, 0.15) !important;
}

.explore-card.tint-blue:hover {
  background: rgba(0, 85, 255, 0.08) !important;
  border-color: rgba(0, 85, 255, 0.4) !important;
}

.explore-card.tint-blue .card-icon i {
  color: #3b82f6 !important;
}

.explore-card.tint-slate {
  background: rgba(100, 116, 139, 0.04) !important;
  border: 1px solid rgba(100, 116, 139, 0.15) !important;
}

.explore-card.tint-slate:hover {
  background: rgba(100, 116, 139, 0.08) !important;
  border-color: rgba(100, 116, 139, 0.4) !important;
}

.explore-card.tint-slate .card-icon i {
  color: #94a3b8 !important;
}

.explore-card.tint-grey {
  background: rgba(241, 245, 249, 0.03) !important;
  border: 1px solid rgba(241, 245, 249, 0.12) !important;
}

.explore-card.tint-grey:hover {
  background: rgba(241, 245, 249, 0.06) !important;
  border-color: rgba(241, 245, 249, 0.3) !important;
}

.explore-card.tint-grey .card-icon i {
  color: #cbd5e1 !important;
}

.explore-card.tint-white {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.explore-card.tint-white:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.explore-card.tint-white .card-icon i {
  color: #ffffff !important;
}

/* Responsive Grid Adjustments */
@media (max-width: 991px) {
  .explore-outer-container {
    padding: 70px 40px !important;
    border-radius: 30px !important;
  }
}

@media (max-width: 767px) {
  .explore-outer-container {
    padding: 60px 24px !important;
    border-radius: 24px !important;
  }
  
  .explore-card {
    height: 200px !important;
    padding: 24px 20px !important;
  }
}

/* ==========================================================================
   Premium Floating "Apply Now" Experience
   ========================================================================== */

/* Keyframe for subtle loop float animation */
@keyframes applyTabFloat {
  0%, 100% {
    transform: translateY(-50%) translateX(0);
  }
  50% {
    transform: translateY(-50%) translateX(-6px);
  }
}

.floating-apply-btn {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 999 !important;
  background: #0055FF !important;
  color: #FFFFFF !important;
  width: 56px !important;
  height: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-radius: 20px 0 0 20px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 30px rgba(0, 85, 255, 0.2) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, box-shadow 0.3s ease !important;
  overflow: hidden !important;
}

.floating-apply-btn:hover {
  transform: translateY(-50%) scale(1.04) !important;
  box-shadow: 0 15px 35px rgba(0, 85, 255, 0.35) !important;
}

.floating-apply-btn .btn-text-wrap {
  flex-grow: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 15px !important;
}

.floating-apply-btn .btn-text {
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  transform: rotate(180deg) !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
}

.floating-apply-btn .btn-arrow-area {
  width: 100% !important;
  height: 48px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 18px 0 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.3s ease !important;
}

.floating-apply-btn .btn-arrow-area i {
  color: #FFFFFF !important;
  font-size: 15px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover Animation: Arrow slides right then returns */
.floating-apply-btn:hover .btn-arrow-area i {
  animation: arrowSlide 0.8s ease-in-out infinite !important;
}

@keyframes arrowSlide {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}

/* Darken Overlay background with blur */
.apply-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(10, 15, 30, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 1000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.4s ease, visibility 0.4s ease !important;
}

.apply-overlay.active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Application Slide-in Panel */
.apply-panel {
	position: fixed !important;
	top: 122px !important;
	right: -450px !important;
	width: 420px !important;
	max-width: 450px !important;
	height: auto;
	background: #FFFFFF !important;
	border-radius: 28px 0 0 28px !important;
	box-shadow: 0 30px 80px rgba(15, 23, 42, 0.20) !important;
	z-index: 1001 !important;
	transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	display: flex !important;
	flex-direction: column !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.apply-panel.active {
  right: 0 !important;
}

/* Header Area styling */
.panel-header {
  padding: 20px 30px 15px 30px !important;
  border-bottom: 1px solid #F3F4F6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

.panel-header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.panel-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 14px !important;
  border-radius: 99px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
}

.badge-real-estate {
  background: #EAF1FF !important;
  color: #0055FF !important;
}

.badge-documentation {
  background: #FFF1E6 !important;
  color: #FF7E21 !important;
}

.badge-business {
  background: #EAFDF5 !important;
  color: #10B981 !important;
}

/* Response Time Badge Chip */
.badge-time-limit {
  background: #EEF2F6 !important;
  color: #344054 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.badge-time-limit i {
  color: #0055FF !important;
  font-size: 10px !important;
}

.panel-close-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #F3F4F6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s, transform 0.2s !important;
}

.panel-close-btn:hover {
  background: #E5E7EB !important;
  transform: scale(1.05) !important;
}

.panel-close-btn i {
  color: #4B5563 !important;
  font-size: 12px !important;
}

.panel-service-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.panel-service-meta h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.panel-service-meta p {
  font-size: 13px !important;
  color: #6B7280 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Scrollable Form Body styling */
.panel-body {
  padding: 18px 30px 30px 30px !important;
  overflow-y: auto !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.panel-body::-webkit-scrollbar {
  width: 6px !important;
}

.panel-body::-webkit-scrollbar-track {
  background: transparent !important;
}

.panel-body::-webkit-scrollbar-thumb {
  background: #E5E7EB !important;
  border-radius: 10px !important;
}

/* Floating Label Input Group styling */
.floating-group {
  position: relative !important;
  margin-bottom: 16px !important;
}

.floating-group input {
  width: 100% !important;
  height: 52px !important;
  padding: 18px 16px 4px 16px !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  background: #F8FAFA !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  color: #121826 !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.floating-group input:focus {
  border-color: #0055FF !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.1) !important;
}

.floating-group label {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  color: #6B7280 !important;
  pointer-events: none !important;
  transition: all 0.3s ease !important;
}

.floating-group input:focus ~ label,
.floating-group input:not(:placeholder-shown) ~ label {
  top: 12px !important;
  font-size: 10px !important;
  color: #0055FF !important;
  font-weight: 700 !important;
}

.floating-group textarea {
  width: 100% !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  padding: 20px 16px 6px 16px !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  background: #F8FAFA !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  color: #121826 !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  resize: none !important;
  box-sizing: border-box !important;
}

.floating-group textarea:focus {
  border-color: #0055FF !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.1) !important;
}

.floating-group textarea ~ label {
  top: 20px !important;
  transform: none !important;
}

.floating-group textarea:focus ~ label,
.floating-group textarea:not(:placeholder-shown) ~ label {
  top: 8px !important;
  font-size: 10px !important;
  color: #0055FF !important;
  font-weight: 700 !important;
}

/* Submit button styling */
.apply-submit-btn {
  width: 100% !important;
  height: 52px !important;
  background: #0055FF !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 8px 20px rgba(0, 85, 255, 0.12) !important;
  margin-top: 10px !important;
}

.apply-submit-btn:hover {
  transform: translateY(-2px) !important;
  background-color: #0047D9 !important;
  box-shadow: 0 10px 24px rgba(0, 85, 255, 0.25) !important;
}

.apply-submit-btn i {
  font-size: 14px !important;
  transition: transform 0.3s ease !important;
}

.apply-submit-btn:hover i {
  transform: translateX(3px) !important;
}

/* Error feedback formatting */
.apply-form-error {
  color: #EF4444 !important;
  font-size: 14px !important;
  margin-top: 15px !important;
  text-align: center !important;
  display: none !important;
}

/* Success Screen styling */
.apply-success-screen {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 40px 20px !important;
  justify-content: center !important;
  flex-grow: 1 !important;
}

.success-check-circle {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #EAFDF5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  border: 4px solid #D1FAE5 !important;
}

.success-check-circle i {
  color: #10B981 !important;
  font-size: 24px !important;
}

.apply-success-screen h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.apply-success-screen p {
  font-size: 14px !important;
  color: #6B7280 !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

/* Responsive Overrides */
@media (max-width: 575px) {
  .apply-panel {
    width: 100% !important;
    right: -100% !important;
    border-radius: 0 !important;
  }
  
  .panel-header {
    padding: 24px 20px 16px 20px !important;
  }
  
  .panel-body {
    padding: 20px 20px !important;
  }
  
  .apply-success-screen {
    padding: 30px 20px !important;
  }
}

/* ==========================================
   WHY CHOOSE PROGRO - BENTO GRID REDESIGN
   ========================================== */
.progrow-why-choose-section {
  background: #FFFFFF !important;
  position: relative !important;
  overflow: hidden !important;
}

.why-choose-radial-glow {
  position: absolute !important;
  width: 600px !important;
  height: 600px !important;
  background: radial-gradient(circle, rgba(0, 85, 255, 0.035) 0%, rgba(0, 85, 255, 0) 70%) !important;
  top: 50% !important;
  left: 20% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.why-choose-container {
  width: 100% !important;
  padding: 120px 0px !important;
  display: flex !important;
  gap: 60px !important;
  align-items: stretch !important;
  position: relative !important;
  z-index: 2 !important;
}

.why-choose-left {
  flex: 0 0 62% !important;
  max-width: 62% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.why-choose-right {
  flex: 0 0 38% !important;
  max-width: 38% !important;
}

.why-choose-header {
  max-width: 650px !important;
  margin-bottom: 50px !important;
}


.why-choose-title {
  font-family: var(--heading-font) !important;
  font-size: var(--text-3xl) !important;
  font-weight: var(--weight-bold) !important;
  line-height: 1.15 !important;
  color: var(--heading-color) !important;
  margin-bottom: 20px !important;
  letter-spacing: -0.5px !important;
}

.why-choose-desc {
  font-family: var(--body-font) !important;
  font-size: 16px !important;
  line-height: 1.60 !important;
  color: #555555 !important;
  margin: 0 !important;
}

/* Bento Grid styling */
.bento-grid {
  display: grid !important;
  grid-template-columns: 1.25fr 0.75fr !important;
  gap: 24px !important;
  width: 100% !important;
}

.bento-card {
    border-radius: 28px !important;
    padding: 32px !important;
    min-height: 160px !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06) !important;
    transition:
        transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.bento-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12) !important;
}

/* CARD A: Large Highlight Card (Blue) */
.bento-card.card-a {
  background: #0055FF !important;
  color: #FFFFFF !important;
}

.bento-card.card-a .bento-card-num {
  font-family: var(--body-font) !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
}

.bento-card.card-a .bento-card-text {
  font-family: var(--body-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  opacity: 0.95 !important;
}

/* CARD B: Light Card */
.bento-card.card-b {
  background: #F5F8FC !important;
  color: var(--heading-color) !important;
}

.bento-card.card-b .bento-card-num {
  font-family: var(--body-font) !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #0055FF !important;
}

.bento-card.card-b .bento-card-text {
  font-family: var(--body-font) !important;
  font-size: 16px !important;
  color: #555555 !important;
}

/* CARD C: Large Content Card */
.bento-card.card-c {
  background: #FFFFFF !important;
  color: var(--heading-color) !important;
  border: 1px solid #E2E8F0 !important;
  justify-content: flex-start !important;
  gap: 16px !important;
}

.bento-card.card-c .bento-card-title {
  font-family: var(--heading-font) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.30 !important;
  color: var(--heading-color) !important;
  margin: 0 !important;
}

.bento-card.card-c .bento-card-desc {
  font-family: var(--body-font) !important;
  font-size: 15px !important;
  line-height: 1.60 !important;
  color: #555555 !important;
  margin: 0 !important;
}

/* CARD D: Accent Card */
.bento-card.card-d {
  background: #EAF1FF !important;
  color: var(--heading-color) !important;
}

.bento-card.card-d .bento-card-num {
  font-family: var(--body-font) !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #0055FF !important;
}

.bento-card.card-d .bento-card-text {
  font-family: var(--body-font) !important;
  font-size: 16px !important;
  color: #0055FF !important;
  font-weight: 500 !important;
}

/* Right Side Image Container */
.why-choose-img-wrap {
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.08) !important;
  position: relative !important;
}

.why-choose-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Responsive Overrides */
@media (max-width: 1200px) {
  .why-choose-container {
    padding: 100px 0px !important;
    gap: 40px !important;
  }
}

@media (max-width: 991px) {
  .why-choose-container {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 80px 0px !important;
    gap: 40px !important;
  }
  .why-choose-left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .why-choose-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .why-choose-img-wrap {
    min-height: 400px !important;
    height: 450px !important;
  }
}

@media (max-width: 767px) {
  .bento-grid {
    grid-template-columns: 1fr !important;
  }
  .bento-card {
    min-height: 180px !important;
    padding: 24px !important;
  }
  .bento-card.card-a .bento-card-num,
  .bento-card.card-b .bento-card-num,
  .bento-card.card-d .bento-card-num {
    font-size: 38px !important;
  }
}

/* Footer logo and branding refinements */
.footer-logo .brand-logo {
	margin-bottom: 0px;
}
.site-footer .brand-widget .footer-logo img {
	max-height: 72px !important;
}
.site-footer .brand-widget .footer-logo {
	margin-bottom: 0px !important;
}
.site-footer .brand-widget .brand-text {
	font-size: 15px !important;
	color: #667085 !important;
	line-height: 1.6 !important;
	margin-bottom: 3px !important;
	max-width: 320px !important;
}

/* Company CA and Blog sections margins & backgrounds */
main > .agk-company-ca, .agk-company-ca {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	background: radial-gradient( circle at 80% 80%, rgba(0, 85, 255, 0.18), transparent 45% ), linear-gradient( 135deg, #0E1118 0%, #0148D5 100% ) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	padding-top: 130px !important;
	padding-bottom: 90px !important;
	margin: 0px 12px;
	border-radius: 40px;
}
main > .agk-blog#contact {
	background: radial-gradient(circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28%), radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.09), transparent 22%), linear-gradient(135deg, #121826 0%, #0145cd 100%) !important;
	margin: 0px 12px;
	border-radius: 40px;
}

/* ==========================================
   OUR APPROACH SECTION - PREMIUM MODERN UI
   ========================================== */
.progrow-discipline-section {
	position: relative !important;
	background: radial-gradient( circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28% ), radial-gradient( circle at 85% 15%, rgba(255, 255, 255, 0.08), transparent 22% ), linear-gradient( 135deg, #121826 0%, #0042c6 100% ) !important;
	padding: 120px 0 !important;
	overflow: hidden !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	margin: 0px 12px;
	border-radius: 40px;
}

/* Subtle glow at the bottom-right/side */
.progrow-discipline-section::after {
  content: "" !important;
  position: absolute !important;
  width: 500px !important;
  height: 500px !important;
  background: radial-gradient(circle, rgba(0, 85, 255, 0.07) 0%, rgba(0, 85, 255, 0) 70%) !important;
  bottom: -100px !important;
  right: -100px !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.discipline-container {
  position: relative !important;
  z-index: 2 !important;
}

.discipline-grid-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='%23ffffff' stroke-width='1' stroke-opacity='0.012'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Label styled as a luxury capsule pill button */


.discipline-heading {
  font-family: var(--heading-font) !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;
}

.discipline-lead-text {
	font-family: var(--body-font) !important;
	font-size: 18px !important;
	line-height: 1.65 !important;
	color: #CFCFCF !important;
	margin: 0 !important;
}

/* Horizontal Divider Line */
.discipline-divider-line {
  width: 100% !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  margin: 50px 0 60px 0 !important;
}

/* Cards Grid */
.discipline-cards-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Premium Card container using CSS Grid to align unwrapped elements */
.discipline-card {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 24px !important;
  padding: 38px !important;
  min-height: 240px !important;
  box-sizing: border-box !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto auto !important;
  align-content: space-between !important;
}

.discipline-card:hover {
  transform: translateY(-8px) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 24px 60px rgba(0, 85, 255, 0.06) !important;
}

.discipline-card-desc {
	grid-column: 1 / span 2 !important;
	grid-row: 1 !important;
	font-family: var(--body-font) !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #D9D9D9 !important;
	transition: color 0.3s ease !important;
}

.discipline-card:hover .discipline-card-desc {
  color: #B2B7BF !important; /* Lighter on hover */
}

/* Card Divider Line */
.discipline-card-line {
  grid-column: 1 / span 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  margin: 24px 0 !important;
  transition: background 0.3s ease !important;
}

.discipline-card:hover .discipline-card-line {
  background: rgba(0, 85, 255, 0.15) !important;
}

.discipline-card-title {
  grid-column: 1 !important;
  grid-row: 3 !important;
  align-self: center !important;
  font-family: var(--heading-font) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  padding-right: 16px !important; /* spacing from arrow */
}

.discipline-card-cta {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.discipline-card:hover .discipline-card-cta {
  background: #0055FF !important;
  border-color: #0055FF !important;
  box-shadow: 0 0 15px rgba(0, 85, 255, 0.3) !important;
}

.discipline-arrow {
  font-size: 18px !important;
  color: #0055FF !important; /* Start as brand blue arrow */
  display: inline-block !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.discipline-card:hover .discipline-arrow {
  color: #FFFFFF !important; /* Arrow turns white on hover */
  transform: translate(3px, -3px) scale(1.1) !important; /* Smooth diagonal slide & scale animation */
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .progrow-discipline-section {
    padding: 90px 0 !important;
  }
  .discipline-heading {
    font-size: 36px !important;
    margin-bottom: 20px !important;
  }
  .discipline-divider-line {
    margin: 40px 0 !important;
  }
}

@media (max-width: 767px) {
  .discipline-heading {
    font-size: 30px !important;
  }
  .discipline-lead-text {
    font-size: 16px !important;
  }
  .discipline-card {
    padding: 30px !important;
  }
}

/* ==================================================================================
   32. Refactored Premium About Us Page Styles
   ================================================================================== */

.progrow-about-section {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.progrow-about-section + .progrow-about-section {
  padding-top: 0;
}
.bg-light-gray {
  background-color: #F8FAFC !important;
}

/* --- Section 1: Who We Are --- */
.about-left-content .lead-text {
  font-size: 18px;
  line-height: 1.75;
  color: #4B5563;
}
.about-hero-composition {
  position: relative;
  padding-right: 40px;
  padding-bottom: 40px;
  height: 590px;
}
.about-hero-composition .main-portrait-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 32px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.04);
}
.floating-stat-card {
  position: absolute;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1);
  z-index: 10;
  width: 220px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.floating-stat-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.15);
}
@keyframes floatUp {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}
@keyframes floatDown {
  0% { transform: translateY(0px); }
  50% { transform: translateY(12px); }
  100% { transform: translateY(0px); }
}
.floating-stat-card.card-1 {
  bottom: 8%;
  left: -30px;
  animation: floatUp 6s ease-in-out infinite;
}
.floating-stat-card.card-2 {
  top: 15%;
  right: -10px;
  animation: floatDown 7s ease-in-out infinite;
}
.floating-stat-card .stat-num {
  font-family: var(--heading-font);
  font-size: 38px;
  font-weight: 700;
  color: #0055FF;
  line-height: 1.1;
  display: block;
}
.floating-stat-card .stat-label {
  font-size: 14px;
  color: #4B5563;
  font-weight: 500;
  margin-top: 4px;
  display: block;
}

/* --- Section 2: Metrics --- */
.metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.metric-box {
  text-align: center;
  padding: 24px 15px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(15, 23, 42, 0.04);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);
}
.metric-number {
  font-family: var(--heading-font);
  font-size: 56px;
  font-weight: 700;
  color: #0055FF;
  line-height: 1.1;
  margin-bottom: 12px;
}
.metric-label {
  font-size: 16px;
  font-weight: 700;
  color: #121826;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.metric-desc {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.5;
  margin: 0;
}

/* --- Spacing System Responsive Media Queries --- */
@media (max-width: 991px) {
  .progrow-about-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-hero-composition {
    padding-right: 0;
    padding-bottom: 0;
    height: 450px !important;
  }
  .about-hero-composition .main-portrait-img {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .progrow-about-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .metrics-grid {
    grid-template-columns: 1fr;
  }
  .floating-stat-card {
    position: static;
    margin: 15px auto 0 auto;
    width: 100%;
    transform: none !important;
    animation: none !important;
  }
}

/* ==========================================================================
   Page Banner Content Hierarchy Refactoring
   ========================================================================== */

.agenko-page-banner .page-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

.agenko-page-banner .page-content ul.breadcrumb-link,
.breadcrumb-link {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 999px !important;
  padding: 8px 24px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  float: none !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  opacity: 0.8 !important;
  letter-spacing: 0.5px !important;
}

.agenko-page-banner .page-content .page-title {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  line-height: 1.15 !important;
}

.agenko-page-banner .page-content .text-box {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 680px !important; /* Allow slightly wider description on large screens since we don't have col-xl-4 on the side anymore */
}

/* On mobile viewports: center align banner contents */
@media (max-width: 767px) {
  .agenko-page-banner .page-content {
    align-items: center !important;
    text-align: center !important;
  }
  .agenko-page-banner .page-content .text-box {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .agenko-page-banner .page-content .text-box .icon {
    margin-right: 0 !important;
    margin-bottom: 12px !important;
  }
}

/* ==========================================================================
   Page Banner Decorative Circle Styling
   ========================================================================== */
.circle-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* ==========================================================================
   Our Verification Process Equal Height Alignment (Corrected)
   ========================================================================== */

.agk-process .agenko-iconic-box.style-five {
	display: flex !important;
	flex-direction: column !important;
	min-height: 280px !important;
	justify-content: center !important;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
	align-items: center;
}

.agk-process .agenko-iconic-box.style-five:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(18, 24, 38, 0.08) !important;
}

.agk-process .agenko-iconic-box.style-five .content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.agk-process .agenko-iconic-box.style-five .content p {
  flex-grow: 1 !important;
}

/* Responsive override: reset min-height when stacked on mobile */
@media (max-width: 767px) {
  .agk-process .agenko-iconic-box.style-five {
    min-height: auto !important;
  }
}

/* ==========================================================================
   Premium Contact Us Submit Button (SaaS/Fintech Refactoring)
   ========================================================================== */

.progrow-submit-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: 58px !important;
	border-radius: 999px !important;
	padding: 0 10px 0 28px !important;
	background-color: #121826 !important;
	color: #FFFFFF !important;
	font-family: var(--body-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 0.2px !important;
	border: none !important;
	cursor: pointer !important;
	position: relative !important;
	overflow: hidden !important;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: 0 4px 14px rgba(18, 24, 38, 0.1) !important;
	outline: none !important;
	width: auto !important;
	gap: 10px;
}

.progrow-submit-btn .btn-text {
  transition: opacity 0.35s ease !important;
}

.progrow-submit-btn .btn-arrow-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background-color: #0055FF !important;
  border-radius: 50% !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex-shrink: 0 !important;
}

.progrow-submit-btn .btn-arrow-wrap i {
  color: #FFFFFF !important;
  font-size: 14px !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Light Sweep Sweep effect */
.progrow-submit-btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  transform: skewX(-25deg) !important;
  transition: none !important;
  pointer-events: none !important;
}

/* Hover State Animations */
.progrow-submit-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(18, 24, 38, 0.18) !important;
}

.progrow-submit-btn:hover::after {
  left: 200% !important;
  transition: left 0.75s ease-in-out !important;
}

.progrow-submit-btn:hover .btn-arrow-wrap {
  transform: translateX(2px) !important;
}

.progrow-submit-btn:hover .btn-arrow-wrap i.arrow-icon {
  transform: translateX(4px) !important;
}

/* Click Active State Feedback */
.progrow-submit-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 12px rgba(18, 24, 38, 0.12) !important;
}

/* Success State Override Class */
.progrow-submit-btn.btn-success {
  background-color: #0055FF !important; /* Brand Blue */
  box-shadow: 0 4px 18px rgba(0, 85, 255, 0.25) !important;
}

.progrow-submit-btn.btn-success .btn-arrow-wrap {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Disabled/Loading Cursor */
.progrow-submit-btn:disabled {
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}

/* Responsive adjustment for Mobile screens */
@media (max-width: 767px) {
  .progrow-submit-btn {
    height: 54px !important;
    padding: 0 6px 0 24px !important;
    font-size: 15px !important;
  }
  .progrow-submit-btn .btn-arrow-wrap {
    width: 40px !important;
    height: 40px !important;
  }
}

/*==========================================================================
   EC Verification Service Selector Section
============================================================================*/
.progrow-selector-section {
  position: relative;
  background-color: #FAFAFC; /* predominantly light */
  padding: 120px 0;
  overflow: hidden;
  z-index: 1;
}

.selector-radial-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(0, 85, 255, 0.05) 0%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none;
  z-index: -1;
}

.selector-grid-texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    linear-gradient(rgba(0, 85, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 85, 255, 0.02) 1px, transparent 1px);
  background-size: 50px 50px;
  background-position: center;
  pointer-events: none;
  z-index: -2;
}

.selector-outer-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
}

.selector-heading {
  font-family: var(--heading-font);
  font-weight: 700;
  color: #121826 !important;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -0.5px;
}

.selector-description {
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 1.65;
  color: #64748B !important;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* Capsule Grid using Flexbox for perfect trailing center alignments */
.capsules-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  margin-top: 50px;
}

/* Service Capsule Design */
.service-capsule {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 18px 26px;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 999px !important;
  cursor: default;
  text-decoration: none !important;
  transition: transform 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease !important;
  outline: none;
  /* flex sizing */
  flex: 0 1 calc(16.666% - 15px); /* default 6 columns desktop */
  min-width: fit-content;
}

.capsule-text {
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 600;
  color: #121826 !important;
  transition: color 0.35s ease !important;
  white-space: nowrap;
}

/* Hover Experience */
.service-capsule:hover {
  background-color: rgba(0, 85, 255, 0.04) !important;
  border-color: #0055FF !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 24px rgba(0, 85, 255, 0.06) !important;
}

.service-capsule:hover .capsule-text {
  color: #0055FF !important;
}

.selector-more-text {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 500;
  color: #64748B !important;
  letter-spacing: 0.5px;
}

/* Responsive Grid Configuration */
@media (max-width: 1399px) {
  .service-capsule {
    flex: 0 1 calc(20% - 15px); /* 5 items per row for intermediate sizes */
  }
}

@media (max-width: 1199px) {
  .selector-heading {
    font-size: 40px;
    line-height: 48px;
  }
  .service-capsule {
    flex: 0 1 calc(25% - 14px); /* 4 items per row */
  }
}

/* Tablet Layout: 3 items per row */
@media (max-width: 991px) {
  .progrow-selector-section {
    padding: 100px 0;
  }
  .selector-heading {
    font-size: 34px;
    line-height: 42px;
  }
  .service-capsule {
    flex: 0 1 calc(33.333% - 12px); /* 3 items per row */
  }
}

/* Mobile Layout: 2 items per row */
@media (max-width: 767px) {
  .progrow-selector-section {
    padding: 80px 0;
  }
  .selector-heading {
    font-size: 28px;
    line-height: 36px;
  }
  .capsules-grid {
    gap: 14px;
    margin-top: 40px;
  }
  .service-capsule {
    flex: 0 1 calc(50% - 10px); /* 2 items per row */
    padding: 16px 20px;
  }
  .capsule-text {
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  .service-capsule {
    flex: 1 1 100%; /* stack full width on extremely small mobile screens */
    min-width: 0;
  }
}

/*==========================================================================
   Premium Service Application Form (EC Verification)
============================================================================*/
/* EC Specific wider Apply Panel on Desktop/Tablet */
@media (min-width: 768px) {
  .ec-apply-panel {
    width: 680px !important;
    max-width: 680px !important;
    right: -710px !important;
  }
  .ec-apply-panel.active {
    right: 0 !important;
  }
}

/* Form Layout & Grid for Premium Service Application Form */
.service-application-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: -8px !important;
  margin-left: -8px !important;
}

.form-col {
  padding-right: 8px !important;
  padding-left: 8px !important;
  box-sizing: border-box !important;
}

/* Mobile responsive columns: spacing on mobile */
@media (max-width: 767px) {
  .split-row {
    row-gap: 16px !important; /* spacing between fields on mobile */
  }
}

/* Custom premium styles for Select dropdowns */
.floating-group select {
  width: 100% !important;
  height: 50px !important;
  border-radius: 16px !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 16px 18px 2px 18px !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  color: #121826 !important;
  outline: none !important;
  appearance: none !important; /* remove native arrow */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 16px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.floating-group select:focus {
  border-color: #0055FF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.12) !important;
}

/* Float label adjustment for Select fields since they always have values or placeholder option */
.floating-group.select-group label {
  position: absolute !important;
  left: 18px !important;
  top: -8px !important; /* always float the label */
  background: #FFFFFF !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  color: #0055FF !important;
  font-weight: 600 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.floating-group select:disabled {
  background-color: #F9FAFB !important;
  color: #9CA3AF !important;
  cursor: not-allowed !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D1D5DB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
}

/* Premium input & textarea styling overrides for Service application form */
.service-application-form .floating-group input {
  height: 50px !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  padding: 18px 18px 4px 18px !important;
  font-size: 14px !important;
}

.service-application-form .floating-group input:focus {
  border-color: #0055FF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.12) !important;
}

.service-application-form .floating-group label {
  left: 18px !important;
}

.service-application-form .floating-group input:focus ~ label,
.service-application-form .floating-group input:not(:placeholder-shown) ~ label {
  top: 10px !important;
  font-size: 10px !important;
  color: #0055FF !important;
}

.service-application-form .floating-group textarea {
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  padding: 20px 18px 6px 18px !important;
  font-size: 14px !important;
}

.service-application-form .floating-group textarea:focus {
  border-color: #0055FF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.12) !important;
}

.service-application-form .floating-group textarea ~ label {
  top: 16px !important;
}

.service-application-form .floating-group textarea:focus ~ label,
.service-application-form .floating-group textarea:not(:placeholder-shown) ~ label {
  top: 8px !important;
  font-size: 10px !important;
  color: #0055FF !important;
}

.form-submit-btn {
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}

/*==========================================================================
   ProGrow Property Intelligence Homepage Hero
============================================================================*/
.agk-hero.progrow-property-hero,
main > .agk-hero.progrow-property-hero {
  position: relative;
  min-height: auto !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #F8FAFA !important;
}

.progrow-property-hero .hero-wrapper-one,
.agk-hero.progrow-property-hero .hero-wrapper-one,
main > .progrow-property-hero .hero-wrapper-one {
  position: relative;
  min-height: auto !important;
  padding: 154px 0 84px !important;
  margin: 0 !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28%),
    radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.08), transparent 22%),
    linear-gradient(135deg, #121826 0%, #182235 100%) !important;
}

.progrow-property-hero .container {
  max-width: 1400px !important;
  position: relative;
  z-index: 2;
}

.progrow-property-hero .progrow-hero-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 45% 35%, #000 0%, transparent 72%);
  pointer-events: none;
}

.progrow-property-hero .progrow-hero-glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 999px;
  filter: blur(26px);
  opacity: 0.38;
  pointer-events: none;
}

.progrow-property-hero .glow-one {
  left: -110px;
  top: 80px;
  background: rgba(0, 85, 255, 0.36);
}

.progrow-property-hero .glow-two {
  right: -160px;
  bottom: -120px;
  background: rgba(245, 240, 232, 0.18);
}

.progrow-hero-shell {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px);
}

.progrow-hero-shell::before {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 42%, rgba(0, 85, 255, 0.08));
  pointer-events: none;
}

.progrow-hero-top-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(320px, 0.9fr);
  gap: 22px;
  z-index: 1;
}

.progrow-main-feature-card,
.progrow-side-insight-card,
.progrow-preview-card {
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 24px 70px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(18px);
}

.progrow-main-feature-card {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  border-radius: 28px;
  padding: 58px 58px 42px;
  isolation: isolate;
}

.progrow-main-feature-card::before {
  position: absolute;
  content: "";
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent 0%, rgba(18, 24, 38, 0.88) 100%);
  z-index: 2;
  pointer-events: none;
}

.progrow-feature-copy {
  position: relative;
  max-width: 650px;
  z-index: 3;
}

.progrow-platform-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.78);
  font: 800 12px var(--body-font);
  letter-spacing: 1.9px;
  text-transform: uppercase;
}

.progrow-platform-label::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #0055FF;
  box-shadow: 0 0 0 8px rgba(0, 85, 255, 0.16);
}

.progrow-feature-copy h1 {
  max-width: 710px;
  margin: 0;
  color: #FFFFFF !important;
  font-size: clamp(54px, 5.4vw, 92px);
  line-height: 0.96;
  font-weight: 800;
  letter-spacing: 0;
}

.progrow-feature-copy p {
  max-width: 570px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 18px;
  line-height: 1.72;
}

.progrow-property-hero .progrow-hero-actions {
  display: flex !important;
  align-items: center;
  gap: 16px !important;
  margin: 34px 0 0 !important;
}

.progrow-property-hero .theme-btn.style-one {
  background: #0055FF !important;
  border-color: #0055FF !important;
}

.progrow-property-hero .theme-btn.style-one:hover {
  background: #0047D9 !important;
  border-color: #0047D9 !important;
}

.progrow-property-hero .progrow-secondary-btn {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.progrow-property-hero .progrow-secondary-btn .text,
.progrow-property-hero .progrow-secondary-btn span {
  color: #FFFFFF !important;
}

.progrow-property-visual {
  position: absolute;
  right: -42px;
  bottom: -20px;
  width: 66%;
  max-width: 720px;
  z-index: 1;
}

.progrow-property-visual img {
  width: 100%;
  min-height: 390px;
  object-fit: cover;
  border-radius: 28px 0 0 0;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34);
  transform: rotate(-1.5deg);
}

.progrow-glass-report-card {
  position: absolute;
  right: 34px;
  bottom: 34px;
  width: min(390px, calc(100% - 68px));
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(22px);
  z-index: 4;
}

.report-card-header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.report-card-header span {
  color: #FFFFFF;
  font: 800 16px var(--heading-font);
}

.report-card-header strong {
  color: #FFFFFF;
  font: 800 12px var(--body-font);
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0, 85, 255, 0.86);
}

.report-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 18px;
}

.report-metrics div {
  min-width: 0;
}

.report-metrics span {
  display: block;
  color: rgba(255, 255, 255, 0.62);
  font: 700 11px var(--body-font);
  line-height: 1.25;
}

.report-metrics strong {
  display: block;
  margin-top: 7px;
  color: #FFFFFF;
  font: 800 15px var(--heading-font);
}

.progrow-side-insight-card {
  overflow: hidden;
  border-radius: 28px;
}

.side-card-image {
  height: 245px;
  overflow: hidden;
}

.side-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
}

.side-card-content {
  padding: 30px 30px 22px;
}

.side-kicker {
  color: rgba(255, 255, 255, 0.62);
  font: 800 12px var(--body-font);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.side-card-content h3 {
  margin: 14px 0 22px;
  color: #FFFFFF !important;
  font-size: 30px;
  line-height: 1.14;
  font-weight: 800;
}

.side-card-content ul {
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
}

.side-card-content li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.76);
  font: 700 15px var(--body-font);
}

.side-card-content li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0055FF;
  box-shadow: 0 0 0 7px rgba(0, 85, 255, 0.14);
}

.property-service-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 30px 30px;
}

.property-service-tags a {
  color: #FFFFFF;
  font: 800 12px var(--body-font);
  text-decoration: none;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}

.property-service-tags a:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 85, 255, 0.85);
  background: rgba(0, 85, 255, 0.18);
}

.progrow-service-preview-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}

.progrow-preview-card {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  padding: 26px;
  border-radius: 24px;
  color: #FFFFFF;
  text-decoration: none;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}

.progrow-preview-card::before {
  position: absolute;
  content: "";
  inset: 0;
  opacity: 0;
  background: radial-gradient(circle at 78% 12%, rgba(0, 85, 255, 0.42), transparent 36%);
  transition: opacity 0.35s ease;
}

.progrow-preview-card span,
.progrow-preview-card h4,
.progrow-preview-card p,
.progrow-preview-card i {
  position: relative;
  z-index: 1;
}

.progrow-preview-card span {
  color: rgba(255, 255, 255, 0.46);
  font: 800 13px var(--body-font);
}

.progrow-preview-card h4 {
  margin: 30px 42px 12px 0;
  color: #FFFFFF !important;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 800;
}

.progrow-preview-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 14px;
  line-height: 1.55;
}

.progrow-preview-card i {
  position: absolute;
  top: 24px;
  right: 24px;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  transition: transform 0.35s ease, background 0.35s ease;
}

.progrow-preview-card:hover {
  color: #FFFFFF;
  transform: translateY(-8px);
  border-color: rgba(0, 85, 255, 0.75);
  box-shadow: 0 30px 74px rgba(0, 0, 0, 0.24), 0 0 0 1px rgba(0, 85, 255, 0.2);
  background: rgba(255, 255, 255, 0.12);
}

.progrow-preview-card:hover::before {
  opacity: 1;
}

.progrow-preview-card:hover i {
  transform: translate(4px, -4px);
  background: #0055FF;
}

@media (max-width: 1199px) {
  .progrow-property-hero .hero-wrapper-one,
  .agk-hero.progrow-property-hero .hero-wrapper-one,
  main > .progrow-property-hero .hero-wrapper-one {
    padding: 132px 0 72px !important;
  }
  .progrow-hero-top-grid {
    grid-template-columns: 1fr;
  }
  .progrow-main-feature-card {
    min-height: 590px;
  }
  .progrow-service-preview-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .progrow-property-hero .hero-wrapper-one,
  .agk-hero.progrow-property-hero .hero-wrapper-one,
  main > .progrow-property-hero .hero-wrapper-one {
    padding: 112px 0 56px !important;
  }
  .progrow-hero-shell {
    padding: 14px;
    border-radius: 26px;
  }
  .progrow-main-feature-card {
    min-height: auto;
    padding: 34px 24px 300px;
    border-radius: 22px;
  }
  .progrow-feature-copy h1 {
    font-size: clamp(42px, 11vw, 58px);
  }
  .progrow-feature-copy p {
    font-size: 16px;
  }
  .progrow-property-hero .progrow-hero-actions {
    flex-direction: column !important;
    align-items: stretch;
  }
  .progrow-property-hero .progrow-hero-actions .theme-btn {
    justify-content: center;
    width: 100%;
  }
  .progrow-property-visual {
    right: -90px;
    width: 122%;
  }
  .progrow-property-visual img {
    min-height: 250px;
  }
  .progrow-glass-report-card {
    right: 18px;
    bottom: 18px;
    width: calc(100% - 36px);
    padding: 18px;
  }
  .report-metrics {
    grid-template-columns: 1fr;
  }
  .side-card-image {
    height: 210px;
  }
  .side-card-content,
  .property-service-tags {
    padding-left: 22px;
    padding-right: 22px;
  }
  .side-card-content h3 {
    font-size: 25px;
  }
  .progrow-service-preview-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .progrow-preview-card {
    min-height: 180px;
    padding: 22px;
  }
}

/* ==========================================================================
   HOMEPAGE HERO REBUILD OVERRIDES
   ========================================================================== */

.rebuild-hero {
	position: relative !important;
	width: 100% !important;
	height: 100vh !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	background: #FFFFFF !important;
	top: 84px;
}
.rebuild-hero-top {
	height: 55vh !important;
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 20px;
	border-radius: 40px;
}
.rebuild-left-col {
	width: 75% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	padding: 80px 80px 80px 100px !important;
	box-sizing: border-box !important;
	position: relative !important;
	background: radial-gradient(
      circle at 20% 40%,
      rgba(0, 85, 255, 0.12) 0%,
      transparent 60%
    ),
    linear-gradient(
      90deg,
      rgba(6, 18, 40, 0.92) 0%,
      rgba(6, 18, 40, 0.82) 25%,
      rgba(6, 18, 40, 0.55) 45%,
      rgba(6, 18, 40, 0.20) 65%,
      rgba(6, 18, 40, 0) 100%
    ), url("../images/home-banner-her.png") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-radius: 40px;
}

/* Add grid pattern overlay to match the Service Platform style */
.rebuild-left-col::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.08) 1px,
    transparent 1px
  ),
  linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.06) 1px,
    transparent 1px
  ) !important;
  background-size: 56px 56px !important;
  opacity: 0.24 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.rebuild-left-content {
  max-width: 800px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.rebuild-left-content .client-pills-wrap {
  margin-bottom: 20px !important;
}

.rebuild-left-content .rebuild-heading {
  margin-bottom: 24px !important;
}

/* Client Pills */
.client-pills-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 25px !important;
}

.client-avatars {
  display: flex !important;
  align-items: center !important;
}

.client-avatars img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	border: 3px solid #ffffff !important;
	margin-right: -16px !important;
	object-fit: cover !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.client-avatars img:hover {
  transform: translateY(-4px) scale(1.05) !important;
  z-index: 10 !important;
  position: relative !important;
}

.avatar-plus {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: #0055FF !important;
	color: #FFFFFF !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font: 700 16px var(--body-font) !important;
	border: 3px solid #ffffff !important;
	margin-right: -16px !important;
	z-index: 2 !important;
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.avatar-plus:hover {
  transform: translateY(-4px) scale(1.05) !important;
  z-index: 10 !important;
  position: relative !important;
}

.client-count-text {
  color: rgba(255, 255, 255, 0.9) !important;
  font: 700 15px var(--body-font) !important;
}

/* Left Content Text */
.rebuild-subtext {
  color: rgba(255, 255, 255, 0.78) !important;
  font: 400 18px var(--body-font) !important;
  line-height: 1.6 !important;
  max-width: 600px !important;
  margin: 0 !important;
}

.rebuild-heading {
  color: #FFFFFF !important;
  font-family: var(--heading-font) !important;
  font-size: clamp(38px, 4.5vw, 62px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
}

/* RIGHT COLUMN (25% Width) */
.rebuild-right-col {
  width: 25% !important;
  height: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.hero-story-slider {
	position: relative !important;
	width: calc(100% - 60px) !important;
	height: 100% !important;
	margin-left: 20px !important;
	border-radius: 32px !important;
	overflow: hidden !important;
	isolation: isolate !important;
	box-shadow: 0 20px 48px rgba(16, 24, 40, 0.06) !important;
}

.hero-story-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hero-story-slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.hero-story-slide .hero-slide-bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 32px !important;
  display: block !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hero-story-slider:hover .hero-story-slide.active .hero-slide-bg-img {
  transform: scale(1.05) !important;
}

.hero-story-slide .hero-slide-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.15) 40%,
    rgba(0, 0, 0, 0.75) 100%
  ) !important;
  border-radius: 32px !important;
  z-index: 1 !important;
}

.hero-story-slide .hero-slide-content {
  position: absolute !important;
  bottom: 32px !important;
  left: 32px !important;
  right: 32px !important;
  color: #FFFFFF !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.hero-story-slide .hero-slide-title {
  font-family: var(--heading-font) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin: 0 !important;
}

@media (min-width: 992px) {
  .hero-story-slide .hero-slide-title {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    max-width: 100% !important;
    font-size: 22px !important;
  }
}

.hero-story-slide .hero-slide-desc {
  font-family: var(--body-font) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hero-story-slide .overview-cta-btn {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  padding: 4px 4px 4px 16px !important;
}

.hero-story-slide .overview-cta-btn .btn-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-right: 12px !important;
}

.hero-story-slide .overview-cta-btn .btn-circle {
  width: 32px !important;
  height: 32px !important;
}

.hero-story-slide .overview-cta-btn .btn-circle i {
  font-size: 11px !important;
}

/* Dots Styling */
.hero-story-dots {
	position: absolute !important;
	bottom: 10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	display: flex !important;
	gap: 8px !important;
	z-index: 10 !important;
}

.hero-story-dots .dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.4) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.hero-story-dots .dot.active {
  background: #0055FF !important;
  transform: scale(1.2) !important;
}

/* BOTTOM AREA (40% Height) */
.rebuild-hero-bottom {
	height: 30vh !important;
	width: 100% !important;
	background: #F8FAFC !important;
	border-top: 1px solid rgba(18, 24, 38, 0.05) !important;
	display: flex !important;
	align-items: center !important;
	padding: 20px 100px !important;
	box-sizing: border-box !important;
}

.bottom-container {
  width: 100% !important;
}

.bottom-grid {
  display: grid !important;
  grid-template-columns: 1.25fr 3fr !important;
  gap: 32px !important;
  align-items: center !important;
}

.bottom-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.bottom-col-title {
  font-family: var(--heading-font) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin: 0 !important;
}

.bottom-col-desc {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #4B5563 !important;
  margin: 0 !important;
}

/* Testimonial Carousel Layout */
.bottom-col-carousel {
  width: 100% !important;
  overflow: hidden !important;
}

.testimonial-carousel-wrapper {
	position: relative !important;
	width: 100% !important;
	padding: 0 15px !important;
	box-sizing: border-box !important;
}

.mini-testimonial-carousel {
  margin: 0 -12px !important; /* Offset card margins */
}

/* Force Equal Heights in Slick Slider */
.mini-testimonial-carousel .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.mini-testimonial-carousel .slick-slide {
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.mini-testimonial-carousel .slick-slide > div {
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Testimonial Card */
.mini-testimonial-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 24, 38, 0.06) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.03) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  width: calc(100% - 24px) !important;
  height: 100% !important;
  margin: 0 12px !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

/* Hover / Active effect: 1.02 scale and subtle shadow enhancement */
.mini-testimonial-card:hover {
  transform: scale(1.02) !important;
  box-shadow: 0 16px 40px rgba(16, 24, 40, 0.08) !important;
}

.testimonial-content-col {
  flex: 0 0 70% !important;
  max-width: 70% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.testimonial-image-col {
  flex: 0 0 30% !important;
  max-width: 30% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.testimonial-image-col img {
  width: 90px !important;
  height: 90px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 16px !important;
  object-fit: cover !important;
  display: block !important;
  border: none !important;
  box-shadow: none !important;
}

.mini-testimonial-card .client-name {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #121826 !important;
}


.testimonial-carousel-wrapper .slick-prev, .testimonial-carousel-wrapper .slick-next {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(18, 24, 38, 0.08) !important;
	color: #121826 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 999 !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(16, 24, 40, 0.04) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	padding: 0 !important;
}

.testimonial-carousel-wrapper .slick-prev {
  left: 0 !important;
}

.testimonial-carousel-wrapper .slick-next {
  right: 0 !important;
}

.testimonial-carousel-wrapper .slick-prev:hover,
.testimonial-carousel-wrapper .slick-next:hover {
  background: #0055FF !important;
  border-color: #0055FF !important;
  color: #FFFFFF !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 20px rgba(0, 85, 255, 0.15) !important;
}

.testimonial-carousel-wrapper .slick-prev i,
.testimonial-carousel-wrapper .slick-next i {
  font-size: 14px !important;
  transition: transform 0.3s ease !important;
}

.testimonial-carousel-wrapper .slick-prev:hover i {
  transform: translateX(-2px) !important;
}

.testimonial-carousel-wrapper .slick-next:hover i {
  transform: translateX(2px) !important;
}

.mini-testimonial-card .testimonial-text {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #4B5563 !important;
  margin: 0 !important;
  font-style: italic !important;
}

/* Tablet Media Query Override */
@media (max-width: 1199px) and (min-width: 768px) {
  .testimonial-content-col {
    flex: 0 0 65% !important;
    max-width: 65% !important;
  }
  .testimonial-image-col {
    flex: 0 0 35% !important;
    max-width: 35% !important;
  }
}

@media (max-width: 991px) {
  .testimonial-carousel-wrapper {
    padding: 0 24px !important;
  }
  .testimonial-carousel-wrapper .slick-prev {
    left: -8px !important;
  }
  .testimonial-carousel-wrapper .slick-next {
    right: -8px !important;
  }
}

@media (max-width: 575px) {
  .testimonial-carousel-wrapper {
    padding: 0 16px !important;
  }
  .testimonial-carousel-wrapper .slick-prev {
    left: -12px !important;
  }
  .testimonial-carousel-wrapper .slick-next {
    right: -12px !important;
  }
}

/* Mobile Media Query Override */
@media (max-width: 480px) {
  .mini-testimonial-card {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .testimonial-content-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .testimonial-image-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
  }
  .testimonial-image-col img {
    width: 80px !important;
    height: 80px !important;
  }
}

/* ==========================================================================
   RESPONSIVE DESIGN (rebuild-hero)
   ========================================================================== */
@media (max-width: 1199px) {
  .rebuild-hero-bottom {
    padding: 30px 40px !important;
  }
  .rebuild-left-col {
    padding: 80px 40px 80px 40px !important;
  }
}

@media (max-width: 991px) {
  .rebuild-hero {
    height: auto !important;
  }
  .rebuild-hero-top {
    height: auto !important;
    flex-direction: column !important;
  }
  .rebuild-left-col {
    width: 100% !important;
    height: auto !important;
    padding: 80px 30px 80px 30px !important;
  }
  .rebuild-right-col {
    width: 100% !important;
    height: auto !important;
    padding: 30px !important;
  }
  .hero-story-slider {
    width: 100% !important;
    margin-left: 0 !important;
    height: 450px !important;
  }
  @media (max-width: 767px) {
    .hero-story-slider {
      height: 360px !important;
    }
    .hero-story-slide .hero-slide-bg-img,
    .hero-story-slide .hero-slide-overlay {
      border-radius: 24px !important;
    }
    .hero-story-slide .hero-slide-content {
      bottom: 24px !important;
      left: 24px !important;
      right: 24px !important;
      gap: 8px !important;
    }
    .hero-story-slide .hero-slide-title {
      font-size: 20px !important;
    }
    .hero-story-slide .hero-slide-desc {
      font-size: 14px !important;
    }
  }
  .rebuild-hero-bottom {
    height: auto !important;
    padding: 60px 30px !important;
  }
  .bottom-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* ==========================================================================
   BLOG SYSTEM REFACTOR CUSTOM STYLES
   ========================================================================== */

/* 1. Blog Hub Grid & Listing Filters */
.blog-filters-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin-bottom: 50px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(18, 24, 38, 0.06) !important;
}

.blog-filters-row .section-title h2 {
  font-family: var(--heading-font) !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #121826 !important;
  margin: 0 !important;
}

.filter-pills-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.filter-pill {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #4B5563 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 24, 38, 0.08) !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  cursor: pointer !important;
  transition: all 0.35s ease !important;
}

.filter-pill:hover {
  background: rgba(0, 85, 255, 0.04) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
  color: #0055FF !important;
}

.filter-pill.active {
  background: #0055FF !important;
  border-color: #0055FF !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(0, 85, 255, 0.15) !important;
}

/* 2. Premium Blog Card Layout */
.progrow-blog-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  margin-bottom: 60px !important;
}

.progrow-blog-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 24, 38, 0.06) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease !important;
  height: 100% !important;
}

.progrow-blog-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 85, 255, 0.22) !important;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.06) !important;
}

.progrow-blog-img-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
}

.progrow-blog-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.progrow-blog-card:hover .progrow-blog-img-wrap img {
  transform: scale(1.04) !important;
}

.progrow-blog-category {
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  background: #0055FF !important;
  color: #FFFFFF !important;
  font-family: var(--body-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  z-index: 2 !important;
  box-shadow: 0 4px 12px rgba(0, 85, 255, 0.2) !important;
}

.progrow-blog-content {
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.progrow-blog-meta {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
  font-family: var(--body-font) !important;
  font-size: 13px !important;
  color: #6B7280 !important;
}

.progrow-blog-meta span i {
  color: #0055FF !important;
  margin-right: 6px !important;
}

.progrow-blog-title {
  font-family: var(--heading-font) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #121826 !important;
  margin: 0 0 12px 0 !important;
  transition: color 0.3s ease !important;
}

.progrow-blog-title a {
  color: #121826 !important;
  text-decoration: none !important;
}

.progrow-blog-title a:hover {
  color: #0055FF !important;
}

.progrow-blog-excerpt {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #000000 !important;
  margin: 0 0 24px 0 !important;
  flex-grow: 1 !important;
}

.progrow-blog-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #0055FF !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  transition: gap 0.3s ease !important;
  margin-top: auto !important;
  width: fit-content !important;
}

.progrow-blog-btn i {
  font-size: 12px !important;
  transition: transform 0.3s ease !important;
}

.progrow-blog-btn:hover {
  color: #0047D9 !important;
  gap: 12px !important;
}

/* 3. Pagination Layout */
.progrow-pagination-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 40px !important;
}

.progrow-pagination {
  display: flex !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 8px !important;
}

.progrow-pagination li a,
.progrow-pagination li span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(18, 24, 38, 0.08) !important;
  background: #FFFFFF !important;
  color: #4B5563 !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.progrow-pagination li a:hover {
  background: rgba(0, 85, 255, 0.04) !important;
  border-color: rgba(0, 85, 255, 0.2) !important;
  color: #0055FF !important;
}

.progrow-pagination li span.active {
  background: #0055FF !important;
  border-color: #0055FF !important;
  color: #FFFFFF !important;
}

/* 4. Article Details Structure (70/30) & Sticky Sidebar */
.progrow-blog-details-section {
  padding: 100px 0 !important;
}

.progrow-article-col {
  width: 70% !important;
  padding-right: 40px !important;
  box-sizing: border-box !important;
}

.progrow-sidebar-col {
  width: 30% !important;
  box-sizing: border-box !important;
}

.progrow-sidebar-sticky {
  position: sticky !important;
  top: 110px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 36px !important;
}

.sidebar-widget {
  background: #FFFFFF !important;
  border: 1px solid rgba(18, 24, 38, 0.06) !important;
  border-radius: 24px !important;
  padding: 30px !important;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.02) !important;
}

.sidebar-widget .widget-title {
  font-family: var(--heading-font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(18, 24, 38, 0.06) !important;
}

/* Search Widget */
.search-widget form {
  position: relative !important;
  width: 100% !important;
}

.search-widget input {
  width: 100% !important;
  height: 50px !important;
  border: 1px solid rgba(18, 24, 38, 0.08) !important;
  border-radius: 14px !important;
  padding: 12px 50px 12px 18px !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  background: #F8FAFC !important;
  transition: all 0.3s ease !important;
}

.search-widget input:focus {
  border-color: #0055FF !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(0, 85, 255, 0.1) !important;
}

.search-widget button {
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  color: #6B7280 !important;
  cursor: pointer !important;
  font-size: 16px !important;
  transition: color 0.3s ease !important;
}

.search-widget button:hover {
  color: #0055FF !important;
}

/* Categories List Widget */
.categories-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.categories-list li a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  color: #4B5563 !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.categories-list li a:hover {
  color: #0055FF !important;
}

.categories-list li a span.count {
  font-size: 12px !important;
  background: rgba(0, 85, 255, 0.06) !important;
  color: #0055FF !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Recent Posts & Popular Articles Widgets */
.recent-posts-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.recent-post-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.recent-post-item img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  border: 1px solid rgba(18, 24, 38, 0.06) !important;
}

.recent-post-item .post-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.recent-post-item .post-info h5 {
  font-family: var(--heading-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

.recent-post-item .post-info h5 a {
  color: #121826 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.recent-post-item .post-info h5 a:hover {
  color: #0055FF !important;
}

.recent-post-item .post-info span.date {
  font-family: var(--body-font) !important;
  font-size: 12px !important;
  color: #6B7280 !important;
}

/* CTA Sidebar Card */
.sidebar-cta-card {
  background: linear-gradient(135deg, #121826 0%, #0145cd 100%) !important;
  border: none !important;
  border-radius: 24px !important;
  padding: 34px !important;
  color: #FFFFFF !important;
  position: relative !important;
  overflow: hidden !important;
}

.sidebar-cta-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
              linear-gradient(180deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
  opacity: 0.3 !important;
}

.sidebar-cta-card h4 {
  font-family: var(--heading-font) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  margin-bottom: 12px !important;
  position: relative !important;
  z-index: 2 !important;
}

.sidebar-cta-card p {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  margin-bottom: 24px !important;
  position: relative !important;
  z-index: 2 !important;
}

.sidebar-cta-card .theme-btn {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  justify-content: center !important;
}

/* 5. Table of Contents Styling */
.progrow-toc-container {
  background: #F8FAFC !important;
  border: 1px solid rgba(18, 24, 38, 0.06) !important;
  border-radius: 20px !important;
  padding: 24px 28px !important;
  margin: 32px 0 !important;
}

.progrow-toc-container .toc-title {
  font-family: var(--heading-font) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  color: #121826 !important;
  margin: 0 0 14px 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.progrow-toc-container ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.progrow-toc-container ul li.toc-h2 {
  padding-left: 0 !important;
}

.progrow-toc-container ul li.toc-h3 {
  padding-left: 18px !important;
}

.progrow-toc-container ul li a {
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #4B5563 !important;
  text-decoration: none !important;
  display: inline-block !important;
  padding-left: 12px !important;
  border-left: 2px solid transparent !important;
  transition: all 0.3s ease !important;
}

.progrow-toc-container ul li a:hover {
  color: #0055FF !important;
  border-left-color: rgba(0, 85, 255, 0.3) !important;
}

.progrow-toc-container ul li a.active-toc {
  color: #0055FF !important;
  border-left-color: #0055FF !important;
  font-weight: 700 !important;
}

/* 6. Related Articles & Pre/Next Article Links */
.related-insights-section {
  margin-top: 80px !important;
  padding-top: 60px !important;
  border-top: 1px solid rgba(18, 24, 38, 0.08) !important;
}

.related-insights-title {
  font-family: var(--heading-font) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #121826 !important;
  margin-bottom: 30px !important;
}

/* Previous/Next Row */
.prev-next-nav-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 50px !important;
  padding-top: 30px !important;
  border-top: 1px solid rgba(18, 24, 38, 0.08) !important;
}

.prev-next-link {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  text-decoration: none !important;
  max-width: 45% !important;
}

.prev-next-link.next-link {
  text-align: right !important;
  align-items: flex-end !important;
}

.prev-next-label {
  font-family: var(--body-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #6B7280 !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.prev-next-title {
  font-family: var(--heading-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  transition: color 0.3s ease !important;
  line-height: 1.4 !important;
}

.prev-next-link:hover .prev-next-title {
  color: #0055FF !important;
}

/* 7. Article Content Typography */
.blog-article-body {
  font-family: var(--body-font) !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #344054 !important;
}

.blog-article-body p {
  margin-bottom: 24px !important;
  color: #344054 !important;
}

.blog-article-body h2 {
  font-family: var(--heading-font) !important;
  font-size: 26px !important;
  font-weight: 750 !important;
  color: #121826 !important;
  margin: 44px 0 18px 0 !important;
  scroll-margin-top: 110px !important; /* Offset for header sticky position */
}

.blog-article-body h3 {
  font-family: var(--heading-font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #121826 !important;
  margin: 32px 0 14px 0 !important;
  scroll-margin-top: 110px !important;
}

.blog-article-body blockquote {
  border-left: 4px solid #0055FF !important;
  background: #F8FAFC !important;
  padding: 24px 30px !important;
  font-style: italic !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #121826 !important;
  border-radius: 0 16px 16px 0 !important;
  margin: 36px 0 !important;
}

.blog-article-body ul, .blog-article-body ol {
  margin: 0 0 24px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.blog-article-body li {
  color: #344054 !important;
  line-height: 1.75 !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN (Blogs System)
   ========================================================================== */
@media (max-width: 1199px) {
  .progrow-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  .progrow-article-col {
    width: 100% !important;
    padding-right: 0 !important;
    margin-bottom: 50px !important;
  }
  .progrow-sidebar-col {
    width: 100% !important;
  }
  .progrow-sidebar-sticky {
    position: relative !important;
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .progrow-blog-grid {
    grid-template-columns: 1fr !important;
  }
  .blog-filters-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .prev-next-nav-row {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: stretch !important;
  }
  .prev-next-link {
    max-width: 100% !important;
  }
  .prev-next-link.next-link {
    text-align: left !important;
    align-items: flex-start !important;
  }
}

.agk-blog .progrow-blog-excerpt {
  color: #000 !important;
}

/* Service Categories Stretched Link Clickability */
.agenko-project-item.style-two {
  position: relative !important;
}

.agenko-project-item.style-two .thumbnail .hover-content {
  z-index: 5 !important;
}

.agenko-project-item.style-two .stretched-link::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
}

/* Testimonial Image Formatting & Height Constraints */
.agk-testimonial-ca .agk-image-box {
  aspect-ratio: 535 / 520 !important;
  width: 100% !important;
  max-width: 440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

.agk-testimonial-ca .agk-image {
  width: 100% !important;
  height: 100% !important;
}

.agk-testimonial-ca .agk-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Premium Dark Styling for Key Metrics in About Us */
section#metrics {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: radial-gradient(circle at 18% 25%, rgba(0, 85, 255, 0.28), transparent 28%),
              radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.09), transparent 22%),
              linear-gradient(135deg, #121826 0%, #182235 100%) !important;
  padding-top: 130px !important;
  padding-bottom: 120px !important;
  margin: 0px 12px !important;
  border-radius: 40px !important;
}

section#metrics::before {
  position: absolute !important;
  content: "" !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
              linear-gradient(180deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  opacity: 0.24 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

section#metrics .section-title h2,
section#metrics h2,
section#metrics .metric-number,
section#metrics .metric-label {
  color: #FFFFFF !important;
}

section#metrics .section-title p,
section#metrics p,
section#metrics .metric-desc {
  color: rgba(255, 255, 255, 0.75) !important;
}

section#metrics .metric-box {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

section#metrics .metric-box:hover {
  transform: translateY(-5px) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(0, 85, 255, 0.3) !important;
  box-shadow: 0 16px 48px rgba(0, 85, 255, 0.15) !important;
}

@media (max-width: 991px) {
  section#metrics {
    padding-top: 100px !important;
    padding-bottom: 90px !important;
  }
}

/* ==========================================================================
   About Us Page - New Mission / Vision Story Section
   ========================================================================== */
.progrow-story-section {
  position: relative !important;
  background-color: #FFFFFF !important;
}

.progrow-story-section .story-top-row {
  margin-bottom: 60px !important;
}

.progrow-story-section .story-title-col h2 {
  font-family: var(--heading-font) !important;
  font-size: var(--text-3xl) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #121826 !important;
}

.progrow-story-section .story-title-col .lead-text {
  font-family: var(--body-font) !important;
  font-size: var(--text-lg) !important;
  line-height: 1.75 !important;
  color: #344054 !important;
  max-width: 620px !important;
  margin-top: 20px !important;
}

.progrow-story-section .story-desc-col .supporting-text {
  font-family: var(--body-font) !important;
  font-size: var(--text-base) !important;
  line-height: 1.8 !important;
  color: #4B5563 !important;
}

/* Story Grid Row & Cards */
.progrow-story-section .story-large-card {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  height: 560px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.06) !important;
  isolation: isolate !important;
}

.progrow-story-section .story-large-card .story-card-bg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 32px !important;
  display: block !important;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.progrow-story-section .story-large-card:hover .story-card-bg-img {
  transform: scale(1.05) !important;
}

.progrow-story-section .story-large-card .story-card-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.75) 100%
  ) !important;
  border-radius: 32px !important;
  z-index: 1 !important;
}

.progrow-story-section .story-large-card .story-card-content {
  position: absolute !important;
  bottom: 32px !important;
  left: 32px !important;
  right: 32px !important;
  color: #FFFFFF !important;
  z-index: 2 !important;
}

.progrow-story-section .story-large-card .story-card-content h3 {
  font-family: var(--heading-font) !important;
  font-size: var(--text-2xl) !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin-bottom: 12px !important;
}

.progrow-story-section .story-large-card .story-card-content p {
  font-family: var(--body-font) !important;
  font-size: var(--text-base) !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Right Stacked Cards */
.progrow-story-section .story-right-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.progrow-story-section .story-mini-card {
  position: relative !important;
  flex: 1 !important;
  border-radius: 32px !important;
  padding: 40px !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.progrow-story-section .story-mini-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.08) !important;
}

.progrow-story-section .story-mini-card.mission-card {
  background: linear-gradient(135deg, #EAF1FF 0%, #FFFFFF 100%) !important;
  border: 1px solid rgba(0, 85, 255, 0.08) !important;
}

.progrow-story-section .story-mini-card.mission-card h3 {
  font-family: var(--heading-font) !important;
  font-size: var(--text-2xl) !important;
  font-weight: 600 !important;
  color: #121826 !important;
  margin-bottom: 12px !important;
}

.progrow-story-section .story-mini-card.mission-card p {
  font-family: var(--body-font) !important;
  font-size: var(--text-base) !important;
  line-height: 1.75 !important;
  color: #4B5563 !important;
  margin: 0 !important;
}

.progrow-story-section .story-mini-card.vision-card {
  background: radial-gradient(circle at 18% 25%, rgba(0, 85, 255, 0.22), transparent 28%),
              linear-gradient(135deg, #121826 0%, #182235 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.progrow-story-section .story-mini-card.vision-card h3 {
  font-family: var(--heading-font) !important;
  font-size: var(--text-2xl) !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin-bottom: 12px !important;
}

.progrow-story-section .story-mini-card.vision-card p {
  font-family: var(--body-font) !important;
  font-size: var(--text-base) !important;
  line-height: 1.75 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  margin: 0 !important;
}

/* Specific Width and Alignment Overrides for Story Layout */
@media (min-width: 992px) {
  .progrow-story-section .story-grid-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 24px !important;
    height: 560px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .progrow-story-section .story-title-col {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }
  .progrow-story-section .story-desc-col {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
  
  .progrow-story-section .story-left-col {
    flex: 0 0 calc(60% - 12px) !important;
    max-width: calc(60% - 12px) !important;
    display: flex !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .progrow-story-section .story-large-card {
    width: 100% !important;
    max-width: none !important;
    height: 560px !important;
  }
  .progrow-story-section .story-right-col {
    flex: 0 0 calc(40% - 12px) !important;
    max-width: calc(40% - 12px) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .progrow-story-section .story-mini-card {
    padding: 32px 40px !important;
  }
  
  .progrow-story-section .story-right-desc {
    margin-top: 54px !important; /* Offsets the sub-title badge height to align with heading */
  }
}

/* Responsive Overrides */
@media (max-width: 991px) {
  .progrow-story-section .story-top-row {
    margin-bottom: 40px !important;
  }
  
  .progrow-story-section .story-large-card {
    height: 450px !important;
  }
  
  .progrow-story-section .story-right-col {
    margin-top: 24px !important;
  }
  
  .progrow-story-section .story-mini-card {
    padding: 30px !important;
  }
}

@media (max-width: 767px) {
  .progrow-story-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  
  .progrow-story-section .story-large-card {
    height: 380px !important;
    border-radius: 24px !important;
  }
  
  .progrow-story-section .story-large-card .story-card-content {
    bottom: 24px !important;
    left: 24px !important;
    right: 24px !important;
  }
  
  .progrow-story-section .story-mini-card {
    border-radius: 24px !important;
    padding: 24px !important;
  }
}

/* Remove box-shadow from testimonial items in all variations and states */
.agenko-testimonial-item,
.agenko-testimonial-item.style-one,
.agenko-testimonial-item.style-two,
.agenko-testimonial-item.style-three,
.agenko-testimonial-item:hover {
  box-shadow: none !important;
}

/* Luxury Header CTA Button Refinement */
.header-cta-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 46px !important;
  padding: 0 6px 0 20px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #091326 0%, #0055ff 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 85, 255, 0.08) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  white-space: nowrap !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.header-cta-btn::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, #070e1c 0%, #004ee6 100%) !important;
  opacity: 0 !important;
  z-index: 1 !important;
  transition: opacity 0.3s ease !important;
}

.header-cta-btn:hover::before {
  opacity: 1 !important;
}

.header-cta-btn .cta-text {
  position: relative !important;
  z-index: 2 !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  color: #FFFFFF !important;
  text-transform: none !important;
  transition: color 0.3s ease !important;
}

.header-cta-btn .cta-arrow-circle {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  margin-left: 10px !important;
  transition: background-color 0.3s ease, transform 0.3s ease !important;
}

.header-cta-btn .cta-arrow-circle i {
  color: #FFFFFF !important;
  font-size: 11px !important;
  transition: transform 0.3s ease !important;
}

/* Hover States & Micro Interactions */
.header-cta-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 85, 255, 0.15) !important;
}

.header-cta-btn:hover .cta-arrow-circle {
  background: rgba(255, 255, 255, 0.20) !important;
}

.header-cta-btn:hover .cta-arrow-circle i {
  transform: translateX(3px) !important;
}

/* Responsive Overrides */
@media (max-width: 767px) {
  .header-cta-btn {
    height: 42px !important;
    padding: 0 5px 0 16px !important;
    border-radius: 13px !important;
  }
  .header-cta-btn .cta-text {
    font-size: 13px !important;
  }
  .header-cta-btn .cta-arrow-circle {
    width: 28px !important;
    height: 28px !important;
    margin-left: 8px !important;
  }
}

/* Editorial Masonry Section below Service Categories */
.editorial-showcase-section {
	position: relative !important;
	background: #FFFFFF !important;
	overflow: visible !important;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	height: auto !important;
}

.editorial-header-row {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin-bottom: 40px !important;
}

.editorial-left-content {
  width: 32% !important;
  max-width: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.editorial-sub-title {
  display: inline-block !important;
  font-family: var(--body-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #0055ff !important;
  border: 1px solid rgba(0, 85, 255, 0.18) !important;
  background: rgba(0, 85, 255, 0.04) !important;
  padding: 10px 24px !important;
  border-radius: 999px !important;
  margin-bottom: 8px !important;
  line-height: normal !important;
  transition: all 0.3s ease !important;
  width: fit-content !important;
}

.editorial-main-title {
  font-family: var(--heading-font) !important;
  font-size: clamp(32px, 3.5vw, 44px) !important;
  font-weight: 700 !important;
  color: #121826 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.editorial-desc {
  font-family: var(--body-font) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #64748b !important;
  margin: 0 !important;
  max-width: 460px !important;
}

.editorial-cta-wrapper {
  margin-top: 10px !important;
}

.services-editorial-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 28px !important;
    align-items: end !important;
    position: relative !important;
    top: 0px !important;
    margin-top: -360px !important;
    z-index: 10 !important;
}

.editorial-col {
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
	width: 213px !important;
}

.col-empty {
  visibility: hidden !important;
}

.editorial-card {
  display: flex !important;
  flex-direction: column !important;
  opacity: 0; /* for GSAP sequential reveal */
  cursor: pointer !important;
  text-decoration: none !important;
}

.editorial-card-title {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px 24px !important;
  font-family: var(--body-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  text-align: left !important;
  text-transform: none !important;
  z-index: 2 !important;
  pointer-events: none !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Optional premium detail: highlight line above title */
.editorial-card-title::before {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 2px !important;
  background-color: rgba(255, 255, 255, 0.25) !important;
  margin-bottom: 12px !important;
  transition: background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.editorial-card-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  /* Layer 2: Subtle dark tint across image (10% navy/charcoal) */
  /* Layer 3: Bottom gradient overlay (transparent at 40%, light dark at 60%, stronger at bottom 100%) */
  background: 
    linear-gradient(to bottom, 
      rgba(0, 0, 0, 0) 0%, 
      rgba(0, 0, 0, 0) 40%, 
      rgba(0, 0, 0, 0.2) 60%, 
      rgba(0, 0, 0, 0.55) 100%
    ),
    rgba(6, 18, 40, 0.1) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover overlay enrichment layer */
.editorial-card-overlay::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: 
    linear-gradient(to bottom, 
      rgba(0, 0, 0, 0) 0%, 
      rgba(0, 0, 0, 0) 40%, 
      rgba(0, 0, 0, 0.35) 60%, 
      rgba(0, 0, 0, 0.7) 100%
    ),
    rgba(6, 18, 40, 0.2) !important;
  opacity: 0 !important;
  z-index: 1 !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.editorial-card-img-holder {
  position: relative !important;
  width: 100% !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}

.editorial-card-img-holder img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover states */
.editorial-card:hover .editorial-card-overlay::after {
  opacity: 1 !important;
}

.editorial-card:hover .editorial-card-title {
  transform: translateY(-6px) !important; /* Moves title upward by 4px-6px */
}

.editorial-card:hover .editorial-card-title::before {
  background-color: rgba(255, 255, 255, 0.45) !important; /* Slightly richer line on hover */
}

.editorial-card:hover .editorial-card-img-holder img {
  transform: scale(1.04) !important; /* Subtle scale zoom between 1.03 and 1.05 */
}

/* Responsive Rules for Editorial Grid */
@media (max-width: 991px) {
  .editorial-showcase-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    overflow: hidden !important;
    height: auto !important;
  }

  .editorial-left-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .services-editorial-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    margin-top: 40px !important;
    top: 0px !important;
    gap: 24px !important;
  }

  .editorial-col {
    width: 100% !important;
  }

  .col-empty {
    display: none !important;
  }

  /* Responsive Heights for columns on tablet */
  .col-2 .editorial-card-img-holder {
    height: 220px !important;
  }
  .col-3 .editorial-card:first-child .editorial-card-img-holder {
    height: 280px !important;
  }
  .col-3 .editorial-card:last-child .editorial-card-img-holder {
    height: 200px !important;
  }
  .col-4 .editorial-card:nth-child(1) .editorial-card-img-holder,
  .col-4 .editorial-card:nth-child(3) .editorial-card-img-holder {
    height: 200px !important;
  }
  .col-4 .editorial-card:nth-child(2) .editorial-card-img-holder {
    height: 280px !important;
  }
  .col-5 .editorial-card-img-holder {
    height: 240px !important;
  }
}

@media (max-width: 575px) {
  .services-editorial-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .editorial-col {
    gap: 30px !important;
    width: 100% !important;
  }

  .editorial-card-img-holder {
    height: 180px !important;
  }
}

/* ==========================================================================
   HOMEPAGE STABILIZATION OVERRIDES
   ========================================================================== */

/* Clean and light styling for testimonials section on the About Us page */
main > .agk-testimonial-ca {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: transparent !important;
  margin: 0px !important;
  border-radius: 0px !important;
  border: none !important;
  z-index: 2 !important;
}

main > .agk-company-ca {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: radial-gradient( circle at 80% 80%, rgba(0, 85, 255, 0.18), transparent 45% ), 
              linear-gradient( 135deg, #0E1118 0%, #0148D5 100% ) !important;
  margin: 0px 12px !important;
  border-radius: 40px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  z-index: 2 !important;
}

/* Ensure all blog post thumbnail images fit cleanly */
.post-thumbnail img,
.progrow-blog-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}