*, :after, :before {box-sizing: border-box; padding: 0; margin: 0; border: none; outline: none; }
img {max-width: 100%; }
ul, li {list-style: none; margin: 0; }
h1, h2, h3, h4, h5, p, span, input {font-family: "Jost", sans-serif; line-height: 1.2; }
a {text-decoration: none !important; display: inline-block; color: #383838; font-family: "Jost", sans-serif; }
select, input, textarea, button {width: 100%; border: none; outline: none; background: transparent; cursor: pointer; font-size: 16px; }
select:focus, input:focus, textarea:focus, button:focus {border: none; outline: none; }
input::placeholder, textarea::placeholder {opacity: 1; color: #626262; }
textarea {resize: none; }
p {color: #1e1e1e; font-size: 18px; margin: 15px 0; text-align: justify; line-height: 1.4; }
.p-bold {font-weight: 600; font-size: 20px; }
.textl {text-align: left; }
.textc {text-align: center; }
.textr {text-align: right; }
body {background: #fff; font-family: "Jost", sans-serif; }
.grecaptcha-badge {visibility: hidden; }
.fluid-container {width: 100%; max-width: 1350px; margin: 0 auto; padding: 0 20px; }
.wrapper {width: 100%; overflow: hidden; }
h1 {color: #fff; font-size: 45px; font-weight: 600; text-align: center; }
h2 {font-size: 33px;color: #004E5C;font-weight: 600;text-transform: uppercase;}
h3 {font-size: 28px; font-weight: 500; }
h2 span {color: #40D0B9; }
#to-top img {width: 100%;max-width: 29px;filter: invert(78%) sepia(38%) saturate(623%) hue-rotate(118deg) brightness(98%) contrast(96%);}
#to-top {cursor: pointer; position: fixed; bottom: 50px; right: -5px; width: 70px; height: 70px; padding: 6px; border-radius: 50%; z-index: 1; }
.common-btn a {color: #fff; font-size: 18px !important; z-index: 2; display: flex; justify-content: center; align-content: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 6px 20px; overflow: hidden; border-radius: 5px; transition: all 0.35s ease; background: linear-gradient(120deg, #1e8373 0%, #158170 50%, #2ed3ba 100%); border: 1px solid #1ba691; }
.common-btn {display: flex; justify-content: start; align-items: center; }
.common-btn a:hover {animation: btnPulse 2s ease infinite; }
@keyframes btnPulse {  0% {box-shadow: 0 0 0 0 rgba(0, 173, 145, 0.5); }
  70% {box-shadow: 0 0 0 14px rgba(26, 248, 212, 0); }
  100% {box-shadow: 0 0 0 0 rgba(0, 173, 145, 0); }
}

.index-h1 {text-align: left;color: #1d8373;}

/* act link */
 .menu.desk-ham-menu li a.act-link {color: #fff !important; }

/* header */
 .header-drop-down-main .common-btn {margin: 0 0 0 25px; }
.header-top {display: flex; justify-content: space-between; align-items: center; }
header {position: fixed; z-index: 1000; width: 100%; top: 0; background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */ transition: all 0.4s ease; }
header.scrolled-header {background: rgba(0, 0, 0, 0.45); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 15px; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); /* border-bottom: 1px solid rgba(255, 255, 255, 0.08); */}
.header-main-wrapper {background: transparent; }
header.scrolled-header .header-main-wrapper {background: #00000047; padding: 6px; }
.header-top .header-drop-down-main {display: flex; justify-content: flex-end; align-items: center; gap: 20px; width: 100%; }
.header-drop-down-main .common-btn a {color: #fff !important; }
.header-top .header-drop-down-main li a {font-size: 17px; transition: 0.4s ease; padding: 34px 25px; width: 100%; line-height: 1.2; display: flex; justify-content: start; align-items: center; gap: 10px; font-family: "Jost", sans-serif; font-weight: 500; color: #fff; }
.header-top .header-drop-down-main .common-btn a {padding: 8px 25px; color: #fff !important; }
.header-top-left {width: 100%; max-width: 240px; line-height: 0; }
.header-top-left img {width: 100%; max-width: 170px; height: auto; transition: 0.4s ease; }
header.scrolled-header .header-top-left img {max-width: 146px; }
.header-bottom li a img {width: 100%; max-width: 20px; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(113%) contrast(110%); aspect-ratio: 1/1; }
.header-bottom {display: flex; justify-content: flex-end; align-items: center; gap: 20px; padding: 0 45px 0 0; position: relative; }
.header-sm-icons-main-wrapper {background: linear-gradient(131deg, #1c8e7a, 30%, #23b6d5 200%); padding: 4px 0; line-height: 0; }
.scrolled-header .header-sm-icons-main-wrapper {padding: unset; }
.scrolled-header .header-top .header-drop-down-main .common-btn a {padding: 8px 25px; }
.header-bottom li a {padding: 0 10px; transition: background 0.4s ease, transform 0.3s ease; transform: scale(1); display: inline-block; }
.header-inner-wrapper .header-frop-down-main li a:hover {color: #ff9817; }

.header-drop-down-main li a:hover {color: #61e2cd !important;}
.sub-footer-links li a:hover {color: #61e2cd !important;}
.about:hover {color: #61e2cd !important;}

/* drop down mega menu */
 .header-mega-menu {position: absolute; top: 87px; left: 50%; transform: translateX(-50%) translateY(15px); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); visibility: hidden; opacity: 0; width: max-content; min-width: 320px; border-radius: 16px; padding: 25px; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; z-index: -1; pointer-events: none; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08); background: #03262b; }
.header-mega-menu::before {content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(30, 41, 59, 0.85); }
.header-drop-down-main li {position: relative; }
.header-drop-down-main li:hover .header-mega-menu {visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); z-index: 100; pointer-events: auto; }
.scrolled-header .header-mega-menu {top: 70px; }
.menu-item-with-icon {display: flex !important; align-items: center; gap: 6px; }
.menu-item-with-icon:hover {color: #40D0B9 !important; }
.chevron-icon {width: 12px; height: 12px; transition: transform 0.3s ease; stroke: currentColor; }
.header-drop-down-main li:hover .chevron-icon {transform: rotate(180deg); }
.mega-menu-inner {display: flex; flex-direction: column; gap: 8px; }
.mega-menu-column {display: flex; flex-direction: column; gap: 8px; width: 100%; }
.header-mega-menu a {font-size: 16px !important; font-weight: 500; color: #f1f5f9 !important; padding: 12px 15px !important; border-radius: 8px; transition: 0.3s ease !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 14px; width: 100%; background: transparent; }
.header-mega-menu a:hover {background: rgba(255, 255, 255, 0.08); color: #40D0B9 !important; transform: translateX(5px); }
.header-mega-menu a .menu-icon {width: 20px; height: 20px; flex-shrink: 0; opacity: 0.8; margin-top: 2px; }
.header-mega-menu a .menu-icon img, .header-mega-menu a .menu-icon svg {width: 100%; height: 100%; object-fit: contain; }
.header-mega-menu a .menu-icon img {filter: brightness(0) invert(1); }
.header-mega-menu a div.menu-text {display: flex; flex-direction: column; align-items: flex-start; }
.header-mega-menu a p {font-size: 13px; color: #94a3b8; margin: 4px 0 0 0; font-weight: 400; line-height: 1.4; transition: 0.3s; white-space: normal; }
.header-mega-menu a:hover p {color: #cbd5e1; }
.header-drop-down-main li a.act-link {color: #61e2cd !important; }
.footer-links li a.act-link {color: #40d0b9 !important; }
.header-drop-down-main>li:last-child a.act-link {background: linear-gradient(135deg, var(--light-blue), var(--dark-blue)) !important; }
.header-drop-down-main li a.act-link span img {filter: brightness(0) saturate(100%) invert(26%) sepia(87%) saturate(2979%) hue-rotate(158deg) brightness(93%) contrast(101%); }

/* responsive header */
 .desk-resp-ham ul.toggle-desk {position: relative; z-index: 5; width: 50px; height: 24px; cursor: pointer; }
.desk-resp-ham ul.toggle-desk li {position: absolute; left: 23px; transform: translateY(-50%); height: 3px; width: 50%; list-style: none; background: #6edcf2; transition: .9s; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%; }
.inner-desk-ham {display: flex; }
.sidebar>a {background: #fff !important; position: relative; padding: 10px 5px 10px 10px; width: 100%; display: flex; justify-content: center; align-items: center; }
.desk-resp-ham .sidebar {position: fixed; top: 0; left: -350px; width: 270px; height: 100vh; box-sizing: border-box; text-align: center; transition: .9s; z-index: 1001; overflow: scroll; overflow-x: hidden; background: #051215; }
.section-new {display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0); transition: background 0.4s ease; cursor: pointer; }
.section-new.act-section {display: block; background: rgba(0, 0, 0, 0.81); }
.desk-resp-ham .sidebar::-webkit-scrollbar {display: none; }
.desk-resp-ham .sidebar.active {left: 22px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); transform: skewX(0) translateX(-26px); }
.nav-dropdown li a {background: rgba(255, 255, 255, 0.08); font-size: 13px !important; }
.desk-resp-ham .sidebar ul.menu {position: relative; text-align: left; width: 100%; display: flex; flex-direction: column; gap: 0; margin: 0px auto 30px; border-top: 1px dotted #fff; }
.desk-resp-ham .sidebar ul.menu li {list-style: none; width: 100%; cursor: pointer; }
.desk-resp-ham .sidebar ul.menu li a {text-transform: capitalize; width: 100%; padding: 15px 20px 15px 20px; font-size: 17px; color: #21aaba; font-weight: 500; }
.nav-dropdown li a {padding: 10px 0 10px 20px !important; }
.nav-dropdown {display: flex; flex-direction: column; gap: 5px !important; padding: 0; border-bottom: 1px dotted #c9c9c9; }
.nav-dropdown li a {font-size: 15px; left: 15px; }
.desk-resp-ham {display: none; }
.menu.desk-ham-menu .nav-dropdown a:hover {color: var(--dark-blue); }
.menu.desk-ham-menu .nav-dropdown a {color: #333; text-decoration: none; transition: color 0.3s ease, transform 0.3s ease; }
.menu.desk-ham-menu .nav-dropdown a:hover {color: #fff; transform: translateX(5px); }
.menu.desk-ham-menu>li>a:hover {color: #fff !important; }
.menu.desk-ham-menu>li>a:hover::before {width: 120%; }
.desk-resp-ham ul.toggle-desk.active {position: relative; z-index: 1002; opacity: 1; pointer-events: all; }
.desk-resp-ham ul.toggle-desk.active li {background: #13bacd; box-shadow: 0 0 8px rgba(110, 220, 242, 0.9); }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%; transform: translateY(-50%) rotate(-45deg); }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg); opacity: 0; }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%; transform: translateY(-50%) rotate(45deg); }
.sidebar a img {width: 100%; max-width: 160px; }

/* Resp menu css */ /* banner */ 
.banner .fluid-container {height: 100%; }
.banner {width: 100%; height: 100vh; position: relative; overflow: hidden; background-size: cover !important; }

/* Animated teal gradient overlay */ 
.banner::before {content: ''; position: absolute; width: 300%; height: 100%; left: 0; top: 0; z-index: 1; background: linear-gradient(135deg, #001a22 0%, #003040 20%, #004E5C 40%, #002a35 60%, #001a22 80%, #003040 100%); background-size: 200% 100%; animation: bannerGradientShift 12s ease-in-out infinite alternate; opacity: 0.92; }
@keyframes bannerGradientShift {  0% {background-position: 0% 50%; }
  50% {background-position: 100% 50%; }
  100% {background-position: 0% 50%; }
}

/* Vignette overlay */
 .banner::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; pointer-events: none; background: radial-gradient(ellipse at center, transparent 50%, rgba(0, 20, 30, 0.7) 100%); }
.banner p {color: #fff; font-size: 30px; text-align: left; line-height: 1.3; height: auto; margin: 7px 0; font-family: "Fustat", sans-serif !important; }
.banner-inner-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative; height: 100%; padding: 120px 0 0; z-index: 3; }
.banner-left-top {width: 100%; max-width: 100%; }
.banner-left-top .common-btn {margin: 20px 0 0 0; }
.banner-left-top p span {font-weight: 600; font-size: 50px; }
.banner-right {width: 100%; max-width: 540px; height: auto; }
.range-inner-wrapper {position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 50px; padding: 0 0 40px; }
.range-content h3 {color: #fff; font-size: 32px; }
.range-content p {color: #fff; font-size: 19px; margin: 0; }
.banner-inner-wrapper-main {height: Calc(100vh - 300px); }
.chip-assembly {position: relative; width: 100%; max-width: 540px; animation: chipFloat 7s ease-in-out infinite; perspective: 800px; }
.chip-plate, .chip-circuit {width: 100%; height: auto; display: block; }
.chip-plate {position: relative; z-index: 1; filter: drop-shadow(0 0 25px rgba(0, 60, 80, 0.4)); }
.chip-circuit {position: absolute; top: 0; left: 0; z-index: 2; animation: circuitGlowPulse 4s ease-in-out infinite; }

/* Float + subtle 3D rotation */
 @keyframes chipFloat {  0% {transform: translateY(0px) rotate3d(1, 1, 0, 0deg); }
  25% {transform: translateY(-8px) rotate3d(1, 1, 0, 1.5deg); }
  50% {transform: translateY(-14px) rotate3d(1, 0, 0, 2deg); }
  75% {transform: translateY(-6px) rotate3d(0, 1, 0, -1.5deg); }
  100% {transform: translateY(0px) rotate3d(1, 1, 0, 0deg); }
}

/* Circuit glow pulse — orange neon */
 @keyframes circuitGlowPulse {  0% {filter: drop-shadow(0 0 4px rgba(255, 140, 0, 0.3)) brightness(0.9); }
  30% {filter: drop-shadow(0 0 15px rgba(255, 140, 0, 0.65)) drop-shadow(0 0 30px rgba(255, 140, 0, 0.25)) brightness(1.15); }
  60% {filter: drop-shadow(0 0 8px rgba(255, 140, 0, 0.4)) brightness(1); }
  80% {filter: drop-shadow(0 0 20px rgba(255, 140, 0, 0.55)) drop-shadow(0 0 40px rgba(255, 140, 0, 0.2)) brightness(1.1); }
  100% {filter: drop-shadow(0 0 4px rgba(255, 140, 0, 0.3)) brightness(0.9); }
}

/* Diagonal light sweep across chip */ 
.chip-light-sweep {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; overflow: hidden; border-radius: 8px; }
.chip-light-sweep::before {content: ''; position: absolute; top: -20%; left: -80%; width: 60%; height: 140%; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.08) 45%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 55%, transparent 70%); animation: lightSweep 9s ease-in-out infinite; }
@keyframes lightSweep {  0% {left: -80%; }
  40% {left: -80%; }
  70% {left: 180%; }
  100% {left: 180%; }
}

/* Ambient bloom glow behind the chip */
 .chip-assembly::before {content: ''; position: absolute; top: 50%; left: 50%; width: 120%; height: 120%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(255, 140, 0, 0.08) 0%, rgba(255, 140, 0, 0.03) 40%, transparent 70%); animation: bloomPulse 6s ease-in-out infinite; z-index: 0; pointer-events: none; }
@keyframes bloomPulse {  0% {opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% {opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
  100% {opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
}

/* who we are */
 .who-we-are-main-wrapper {padding: 100px 0; }
.who-we-are-inner-wrapper {display: flex; justify-content: space-between; align-items: center; }
.who-we-are-left {width: 100%; max-width: 655px; }
.who-we-are-left p {text-align: left; margin: 10px 0 20px; line-height: 1.6; }
.who-we-are-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 60px; }
.who-we-are-right {width: 100%; max-width: 400px; }
.who-we-are-right img {width: 100%; max-width: 400px; height: auto; }

/* Engagement Model Section */
 .engagement-model-main-wrapper {padding: 100px 0; position: relative; }
.engagement-model-main-wrapper::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 0; }
.engagement-model-main-wrapper .fluid-container {position: relative; z-index: 1; }
.engagement-model-header {text-align: center; position: relative; }
.engagement-model-header h2 {color: #40D0B9; }
.engagement-model-header p {color: #ffffffcc; text-align: center; width: 100%; max-width: 530px; margin: 15px auto; }
.engagement-model-cards-wrapper {display: flex; grid-template-columns: repeat(4, 1fr); position: relative; justify-content: space-between; align-items: stretch; }
.engagement-model-card {width: 100%; max-width: 308px; height: auto; }
.engagement-model-card {background: rgba(255, 255, 255, 0.06); border-top-left-radius: 14px; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; position: relative; border-top-right-radius: 14px; }
.engagement-model-card:hover {transform: translateY(-6px); box-shadow: 0 12px 35px rgba(0, 173, 145, 0.2); }
.engagement-card-img {position: relative; width: 100%; overflow: hidden; border-radius: 12px; padding: 12px 12px 0; }
.engagement-card-img img {width: 100%; height: 200px; object-fit: cover; border-radius: 10px; transition: transform 0.5s ease; }
.engagement-model-card:hover .engagement-card-img img {transform: scale(1.05); }
.engagement-card-content {padding: 18px 12px 22px;text-align: center;height: 420px;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;position: relative;}
.engagement-card-content h3 {font-size: 22px;font-weight: 600;color: #40D0B9;margin-bottom: 6px;}
.engagement-card-content p {font-size: 16px;color: #fff;margin: 0;line-height: 1.5;text-align: center;}
.engagement-model-card {position: relative; }
.engagement-model-card::before {content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, #000000); opacity: 0.9; pointer-events: none; }
/* .engagement-card-arrow {position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.85); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #004E5C; transition: background 0.3s ease, transform 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 2; }
*/ /* .engagement-model-card:hover .engagement-card-arrow {background: #00AD91 !important; color: #fff; transform: scale(1.1); }
*/ /* Engagement Model Animations */ 

.engagement-model-header, .engagement-model-cards-wrapper::before, .engagement-model-card {opacity: 1; transition: opacity 0.8s ease, transform 0.8s ease; }
.engagement-model-header {transform: translateY(-30px); }
.engagement-model-cards-wrapper::before {transform: translateX(-80px) translateY(-50%) !important; }
.engagement-model-header.animated {opacity: 1; transform: translateY(0); }
.engagement-model-cards-wrapper.animated::before {opacity: 1; transform: translateX(0) translateY(-50%) !important; }
.engagement-model-card.animated {opacity: 1; transform: translateY(0); }

/* Stagger card delays */ 
.engagement-model-card:nth-child(1) {transition-delay: 0.1s; }
.engagement-model-card:nth-child(2) {transition-delay: 0.25s; }
.engagement-model-card:nth-child(3) {transition-delay: 0.4s; }
.engagement-model-card:nth-child(4) {transition-delay: 0.55s; }

/* why choose */
 .why-choose-us-main-wrapper {padding: 100px 0; }
.why-choose-us-main-wrapper h2 {text-align: center; }
.why-chosse-types-main {width: 100%; max-width: 255px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid aliceblue; border-radius: 20px; padding: 30px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgb(37, 183, 161) 0px 8px 16px -15px; background: #fff; }
.para {text-align: center;line-height: 1.2;color: #000000bd;font-size: 19px;font-weight: 600;margin: 15px 0 0 0;}
.why-choose-icon img {width: 100%; max-width: 100px; display: flex; justify-content: center; align-items: center; height: auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; height: 100px; border-radius: 50%; }
.why-choose-us-inner-wrapper {display: flex; justify-content: center; align-items: stretch; margin: 45px 0 0 0; gap: 30px; }

/* Why Choose Us */
 .why-choose-us-main-wrapper {padding: 0 0 100px; }
.why-choose-us-header {text-align: center; margin-bottom: 50px; }
.why-choose-us-header h2 {font-size: 42px; color: #000; font-weight: 700; }
.why-choose-us-header h2 span {color: #40D0B9; }
.why-choose-us-cards-wrapper {display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; flex-wrap: wrap; }
.why-choose-us-card {flex: 1; min-width: 250px; text-align: center; }
.why-choose-us-icon {width: 90px; height: 90px; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
.why-choose-us-icon img {width: 45px; height: auto; }
.why-choose-us-card h3 {font-size: 18px; color: #111b30; line-height: 1.4; font-weight: 500; margin: 0; }
.why-choose-us-card:hover .why-choose-us-icon {transform: translateY(-5px); }
.icon-yellow {background: #fecb2f; border: 4px solid #f9e296; }
.icon-red {background: #c92f2f; border: 4px solid #e78a8a; }
.icon-green {background: #1a7442; border: 4px solid #7cb998; }
.icon-blue {background: #0060ba; border: 4px solid #73aee6; }

/* services */ 
.services-main-wrapper {padding: 100px 0; background: #f3f3f3; }
.services-main-wrapper h2 {text-align: center; margin-bottom: 40px; }
.services-inner-wrapper-main {width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 20px; overflow: hidden; }
.services-inner-wrapper-main .swiper-wrapper {display: flex; align-items: stretch; }
.services-inner-wrapper {text-align: center; height: 100%; }
.services-inner-wrapper a {display: block; width: 100%; height: 100%; text-decoration: none; }
.services-types-main {width: 100%;height: 370px;border-radius: 20px;background-size: cover !important;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;position: relative;overflow: hidden;transition: transform 0.4s ease, box-shadow 0.4s ease;}
.careers-inner-wrapper h2 {text-transform: inherit;}
.services-types-main::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(11, 139, 162, 0.85), rgba(0, 0, 0, 0.1)); opacity: 0; transition: opacity 0.4s ease; z-index: 1; }
.services-inner-wrapper a:hover .services-types-main::before {opacity: 1; }
.myServicesSwiper .swiper-pagination {position: relative; margin-top: 20px; }
.services-inner-wrapper .para {font-size: 21px;font-weight: 600;color: #2d3959;transition: color 0.3s ease;}
.services-inner-wrapper a:hover .para {color: #0b8ba2; }

/* careers */ 
.careers-main-wrapper {width: 100%; height: 100%; margin: 0 0 70px; position: relative; }
.careers-inner-wrapper {padding: 180px 0; position: relative; }
.careers-inner-wrapper p {color: #40D0B9; font-size: 30px; margin: 2px; }
.careers-main-wrapper::before {content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.92) 30%, rgba(236, 228, 228, 0) 60%, rgba(00, 0, 0) 100%);left: 0;top: 0;opacity: 0.8;}
.careers-inner-wrapper h2 {color: #fff; }
.careers-btn {display: flex; justify-content: flex-start; gap: 20px; margin: 25px 0 0; }
.careers-btn .common-btn:nth-child(2) a {background: #fff0; border: 1px solid #fff; }
.sophrosyne-letters-main-wrapper {padding: 0 0 70px; }
.sophrosyne-letters-main-wrapper span {text-align: center; display: flex; justify-content: center; align-items: center; font-size: 120px; font-weight: 700; background: linear-gradient(180deg, #6ff5e1 0%, #40D0B9 50%, #0e9f8c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }

/* footer */
 .footer-links-main p, .footer-links-main a {color: #ffffffb5; }
.footer-inner {position: relative; }
.footer-main-wrapper {background: #00262D;width: 100%;height: 100%;position: relative;padding: 35px 0 0;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.footer-inner::before {content: ''; position: absolute; width: 100%; background: var(--dark-blue); top: 0; left: 0; opacity: 0.9; height: 100%; z-index: -37; }
.inner-footer-wrapper {padding: 30px 0; position: relative; z-index: 1; }
.footer-links-main:nth-child(1) h3 {text-align: left; }
.footer-logo p {margin: 8px 0 10px; }
.footer-links-main {width: 100%;max-width: fit-content;color: #fff;text-align: left;min-width: 110px;display: flex;justify-content: left;flex-direction: column;}
.sub-footer-links li {margin: 8px 0; }
.sub-footer-main li {margin: 15px auto; }
.sub-footer-main li a {display: flex; justify-content: flex-start; align-items: center; gap: 8px; transition: .3s; }
.footer-address {width: 100%; max-width: 300px; }
.footer-2 {background: #1B9D8A; position: relative; }
.footer-headings {text-align: center; }
.sub-footer-links li {text-align: start; }
.copyrights p a, .copyrights p {color: #d6cec3db; font-size: 11px !important; }
.copyrights {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0 10px; }
.copyrights p {color: #ffffffb5; margin: 0; padding: 10px 0; }
.our-philosophy-inner {position: relative; }
.footer-logo {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 60px 0 0; position: relative; }
.footer-logo p {color: #fff; font-weight: 400; font-size: 20px; }
.footer-links-main h3 {font-weight: 600;font-size: 19px;color: #71ffe9;}
.footer-logo img {width: 100%; max-width: 200px; height: auto; }
.sub-footer-links .act-link {color: #0aa68d; }
.sub-footer-main li a img {width: 100%; max-width: 25px; height: auto; filter: invert(100%) sepia(0%) saturate(7468%) hue-rotate(91deg) brightness(106%) contrast(104%); }
.sub-footer-main li a:hover img {filter: invert(89%) sepia(88%) saturate(1%) hue-rotate(262deg) brightness(110%) contrast(97%); filter: invert(77%) sepia(81%) saturate(581%) hue-rotate(339deg) brightness(99%) contrast(95%); }
.header-top-inner a:hover img {filter: invert(72%) sepia(19%) saturate(1876%) hue-rotate(347deg) brightness(100%) contrast(93%); }
.drop-down.footer {display: none; }
.footer-links-main p {text-align: left; }
.footer-p {text-align: center; color: #fff; padding: 15px 0 20px 0; max-width: 1000px; margin: auto; }
.footer-social-icons img {filter: invert(89%) sepia(88%) saturate(1%) hue-rotate(262deg) brightness(110%) contrast(97%); width: 100%; max-width: 30px; height: auto; }
.footer-social-icons {width: 100%; max-width: 50px; display: flex; justify-content: center; align-items: center; padding: 14px; background: #124a7c; border-radius: 10px; transition: .3s; }
.footer-social-icons:hover {transform: translateY(-3px); background: #ffffff54; }
.footer-social-icons-main {display: flex; justify-content: flex-start; align-items: stretch; gap: 20px; }
footer a {font-size: 38px; font-weight: 600; color: #fff; }
.sub-footer-links li a {color: #fff; position: relative; font-weight: 300; }
.contact-details-right-bottom.footer {padding: 0; gap: 13px; }
.footer-top {gap: 136px;display: flex;justify-content: space-around;align-items: stretch;position: relative;padding: 0 0 25px;}
.contact-details-right-bottom.footer span {max-width: 38px; height: 38px; }
.contact-details-right-bottom.footer span {background: #fff; }
.contact-details-right-bottom.footer span:nth-child(3) {background: #fff}
.contact-details-right-bottom.footer span img {filter: invert(0%) sepia(90%) saturate(7500%) hue-rotate(59deg) brightness(105%) contrast(111%); }
.why-stonex-inner-wrapper.contact {padding: 100px 0 10px; }
.sub-footer-links li a {font-size: 15px; font-weight: 500; }
.sub-footer-main li a span {font-size: 16px; }
.footer-top {gap: 136px;display: flex;justify-content: space-around;align-items: stretch;position: relative;}
.top-contact-bar {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 25px 5%; max-width: 1100px; margin: auto; }
.contact-item {gap: 15px;color: #fff;display: flex;justify-content: flex-start;align-items: center;text-align: left;font-size: 15px;gap: 12px;padding: 0 0 13px;}
.contact-item:hover {opacity: 0.8; }
.icon-circle {width: 38px;height: 38px;background: #0aa68d;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}
.icon-circle img {width: 25px; height: auto; }

/* ===== SCROLLYTELLING ===== */
 .scrolly-container {position: relative; height: 400vh; background: #0d1b2a; }
.scrolly-sticky {position: sticky; top: 0; width: 100%; height: 100vh; overflow: hidden; background: #0d1b2a; z-index: 1; }
.scrolly-sticky::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to right, #000, #0B8BA2); z-index: 2; pointer-events: none; opacity: 0.7; }
#scrolly-canvas {display: block; width: 100%; height: 100%; will-change: transform; image-rendering: -webkit-optimize-contrast; position: relative; z-index: 1; }

/* --- Loading Overlay --- */
 .scrolly-loader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0d1b2a; z-index: 9999; display: flex; justify-content: center; align-items: center; transition: opacity 0.6s ease; }
.scrolly-loader-hidden {opacity: 0; pointer-events: none; }
.scrolly-loader-inner {text-align: center; }
.scrolly-spinner {width: 50px; height: 50px; border: 3px solid rgba(64, 208, 185, 0.15); border-top: 3px solid #40D0B9; border-radius: 50%; animation: scrollySpin 0.9s linear infinite; margin: 0 auto 24px; }
@keyframes scrollySpin {  to {transform: rotate(360deg); }
}
.scrolly-loader-text {color: #fff !important; font-size: 16px !important; letter-spacing: 2px; text-transform: uppercase; text-align: center !important; margin: 0 0 20px !important; font-family: "Inter", sans-serif !important; }
.scrolly-loader-dots {animation: scrollyDots 1.4s steps(4, end) infinite; }
@keyframes scrollyDots {  0%, 20% {content: ''; opacity: 0; }
  40% {opacity: 0.4; }
  60% {opacity: 0.7; }
  80%, 100% {opacity: 1; }
}
.scrolly-progress-bar {width: 200px; height: 3px; background: rgba(255, 255, 255, 0.1); border-radius: 3px; overflow: hidden; margin: 0 auto 12px; }
.scrolly-progress-fill {height: 100%; width: 0%; background: linear-gradient(90deg, #40D0B9, #00AD91); border-radius: 3px; transition: width 0.15s ease; }
.scrolly-loader-percent {color: #40D0B9 !important; font-size: 14px !important; font-family: "Inter", sans-serif !important; text-align: center !important; margin: 0 !important; letter-spacing: 1px; }

/* --- Text Overlays --- */
 .scrolly-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; pointer-events: none; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.1s ease, transform 0.1s ease; }
.scrolly-text-inner {width: 100%; max-width: 1350px; margin: 0 auto; padding: 0 40px; }
.scrolly-text-center {text-align: center; display: flex; flex-direction: column; align-items: center; }
.scrolly-text-left {text-align: left; max-width: 600px; padding-left: 60px; }
.scrolly-text-right {text-align: right; max-width: 600px; margin-left: auto; padding-right: 60px; }
.scrolly-tagline {color: #fff !important; font-size: 26px !important; text-align: inherit !important; letter-spacing: 1px; font-weight: 500; margin: 0 0 8px !important; }
.scrolly-sub {color: #fff; text-align: center; letter-spacing: 4px; font-weight: 500; margin: 0 0 12px !important; font-size: 26px; }
.scrolly-feature-title {color: #fff !important; font-size: 48px; font-weight: 700; line-height: 1.15; margin: 0 0 16px; font-family: "Fustat", sans-serif; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); text-align: center; }
.scrolly-feature-desc {color: #ffffffb3 !important; font-size: 17px !important; line-height: 1.7 !important; margin: 0 !important; max-width: 480px; text-align: inherit !important; }
.scrolly-text-right .scrolly-feature-desc {margin-left: auto !important; }
.scrolly-cta-title {color: #fff !important; font-size: 52px; font-weight: 700; line-height: 1.15; margin: 0 0 32px; font-family: "Fustat", sans-serif; }
.scrolly-cta-title span {background: linear-gradient(135deg, #40D0B9, #1AF8D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.scrolly-headline {color: #fff; font-size: 45px; font-weight: 800; line-height: 1.1; margin: 0 0 28px; font-family: "Fustat", sans-serif; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); text-align: center; }
.scrolly-headline span {-webkit-background-clip: text; background-clip: text; font-weight: 800; color: #fff; color: #0efad4; }

/* CTA Buttons */
 .scrolly-cta-buttons {display: flex; gap: 16px; justify-content: center; pointer-events: auto; }
.scrolly-btn-outline a {background: transparent !important; border: 1px solid #fff !important; }
.scrolly-btn-outline a:hover {background: rgba(255, 255, 255, 0.1) !important; }
.scrolly-overlay .common-btn {pointer-events: auto; }

/* Stats */ 
.scrolly-text-inner.scrolly-text-center .common-btn a {background: #03262b; }
.scrolly-stats-persistent {position: absolute; bottom: 20%; left: 0; width: 100%; z-index: 20; pointer-events: none; display: flex; justify-content: center; }
.scrolly-stats {display: flex; gap: 60px; }
.scrolly-stat h3 {color: #fff; font-size: 36px; margin: 0; font-weight: 700; text-align: center; }
.scrolly-stat p {color: #ffffffcc !important; font-size: 15px !important; margin: 4px 0 0 !important; text-align: center !important; }
.inner-page-banner-wrapper {height: 450px; position: relative; z-index: 0; }
.inner-page-banner-wrapper::before {position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(70deg, rgba(2, 59, 109, 0.68) 39%, rgba(158, 170, 170, 0) 93%); top: 0; left: 0; }
.inner-page-banner-wrapper .fluid-container {height: 100%; }
.banner-text {height: 100%; display: flex; justify-content: end; align-items: start; position: relative; flex-direction: column; z-index: 2; padding: 0 20px 20px; }
.banner-text h1 {color: #fff; font-size: 40px; text-align: start; line-height: 1.6; text-transform: uppercase; }
.banner-text p {color: #fff; margin: 0 0 10px; font-size: 20px; font-weight: 500; text-align: start; }
.inner-span-bredcumbs {font-style: italic; font-weight: 200; }
.breadcrumbs {display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0 0 15px; }
.bread-crumbs li img {width: 100%; max-width: 20px; }
.bread-crumbs li a:hover {color: #ffffffb3; }
.breadcrumbs li, .breadcrumbs a {color: #fff; position: relative; display: flex; font-size: 14px; }
span.breadcrumbs-active {font-size: 18px !important; }
.common-inner-page-wrapper {padding: 60px 0; }
.breadcrumbs-img {position: relative; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
.breadcrumbs-img img {width: 12px; filter: brightness(0) saturate(100%) invert(90%) sepia(43%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(105%); }
.inner-banner-content-wrapper {width: 100%; display: flex; justify-content: start; align-items: center; }

/* contact banner */
 .innerbanner-main-wrapper {width: 100%; height: 400px; position: relative; }
.innerbanner-main-wrapper::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.94) 0%, transparent 80%); }
.innerbanner-main-wrapper .fluid-conatiner {height: 100%; }
.inner-banner-inner-wrapper {height: 100%; display: flex; justify-content: flex-start; align-items: flex-end; }

/* Contact Section Styles */
 .contact-section-wrapper {padding: 100px 0; background: #f9f9f9; position: relative; }
.contact-card-main {background: #fff;border-radius: 15px;box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);display: flex;overflow: hidden;max-width: 1100px;margin: auto;background: linear-gradient(135deg, #ffffff 0%, #f0f8f7 50%, #e8f5f3 100%);border-radius: 20px;border-left: 5px solid #40D0B9;}
.content-card:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.contact-left-info {flex: 0 0 45%; padding: 60px; border-right: 1px solid #f0f0f0; }
.contact-right-form {flex: 0 0 55%; padding: 60px; }
.contact-left-info h2, .contact-right-form h2 {color: #004E5C; margin-bottom: 20px; }
.contact-left-info p {font-size: 16px; color: #666; text-align: left !important; margin: 0 0 40px; line-height: 1.6; }

.contact-details-list {margin-bottom: 40px; display: flex; flex-direction: column; gap: 30px; }
.contact-detail-item {display: flex; align-items: flex-start; gap: 20px; text-decoration: none; }
.contact-detail-item:hover .contact-detail-text h3 {color: #1adbc0; }
.contact-detail-icon {width: 45px; height: 45px; border-radius: 50%; background: #1adbc0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(26, 219, 192, 0.3); }
.contact-detail-icon img {width: 18px; filter: brightness(0) invert(1); }
.contact-detail-text h3 {font-size: 18px; font-weight: 700; color: #333; margin-bottom: 5px; }
.contact-detail-text p {font-size: 14px; margin: 0; color: #666; text-align: left !important; line-height: 1.5; }
.follow-us-social h4 {font-size: 16px; font-weight: 700; color: #333; }
.social-icons-wrapper {display: flex; gap: 12px; }
.social-icon-box {width: 38px; height: 38px; border-radius: 50%; background: #1adbc0; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: 0.3s; box-shadow: 0 4px 8px rgba(26, 219, 192, 0.2); }
.social-icon-box:hover {transform: translateY(-3px); background: #004E5C; box-shadow: 0 6px 12px rgba(0, 78, 92, 0.2); }
.form-row {display: flex; gap: 20px; margin-bottom: 15px; }
.form-group-main {margin-bottom: 20px; flex: 1; }
.form-group-main label {display: block; font-size: 14px; color: #333; font-weight: 700; margin-bottom: 10px; }
.form-group-main input, .form-group-main textarea {width: 100%; padding: 14px 18px; border-radius: 12px; background: #f4f7f9; border: none; font-size: 14px; transition: 0.3s; color: #333; }
.form-group-main input::placeholder, .form-group-main textarea::placeholder {color: #aaa; }
.form-group-main input:focus, .form-group-main textarea:focus {background: #fff; box-shadow: 0 0 15px rgba(26, 219, 192, 0.15); outline: none; }
.contact-submit {width: 100%; padding: 16px; border-radius: 50px; background: #1adbc0; color: #fff; font-size: 16px; font-weight: 700; margin-top: 10px; transition: 0.3s; cursor: pointer; border: none; box-shadow: 0 4px 15px rgba(26, 219, 192, 0.3); }
.contact-submit:hover {background: #004E5C; box-shadow: 0 6px 20px rgba(0, 78, 92, 0.3); }

/* Map style */
 .location-map-wrapper {line-height: 0; border-top: 5px solid #fff; }
.sophrosyne-name-main-wrapper {padding: 0 0 100px; }
.sophrosyne-name-inner-wrapper {position: relative; }
.sophrosyne-name-main-wrapper h2 {font-size: 165px;text-align: center;line-height: 1;font-weight: 700;background: no-repeat center center/cover;background-clip: text;-webkit-background-clip: text;color: transparent;margin: 0;}
.sophrosyne-name-inner-wrapper p {text-align: center;color: #000;width: 100%;max-width: 1000px;margin: 0 auto;font-size: 19px;line-height: 1.6;}
.circuit-banner-wrapper {position: relative; display: inline-block; }
.circuit-banner-wrapper::after {content: ""; position: absolute; inset: -5px; border-radius: 25px; background: linear-gradient(120deg, transparent, rgba(255, 136, 0, 0.6), transparent); background-size: 200% 200%; animation: border-flow 4s linear infinite; z-index: 1; }
@keyframes border-flow {  0% {background-position: 0% 50%; }
  100% {background-position: 200% 50%; }
}
.acd-circuit-bg {position: absolute; inset: 0; background-image: linear-gradient(rgba(64, 208, 185, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 208, 185, 0.04) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; z-index: 0; }


.acd-page .services-detail-section {padding: 100px 0; position: relative; z-index: 1; overflow: hidden; }
 .acd-page .services-detail-section::before {content: ''; position: absolute; top: -10%; right: -5%; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(64, 208, 185, 0.06) 0%, transparent 70%); pointer-events: none; z-index: 0; animation: floatOrb 20s ease-in-out infinite; }
.acd-page .services-detail-section::after {content: ''; position: absolute; bottom: -10%; left: -5%; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(11, 139, 162, 0.07) 0%, transparent 70%); pointer-events: none; z-index: 0; animation: floatOrb 25s ease-in-out infinite reverse; }
@keyframes floatOrb {  0%, 100% {transform: translate(0, 0) scale(1); }
  25% {transform: translate(30px, -40px) scale(1.05); }
  50% {transform: translate(-20px, 20px) scale(0.95); }
  75% {transform: translate(15px, 30px) scale(1.02); }
}

/* --- Intro Glassmorphism Card --- */ 
.acd-page .service-intro {background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 45px 50px; max-width: 950px; margin: 0 auto 70px; text-align: center; position: relative; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.acd-page .service-intro::before {content: ''; position: absolute; top: 0; left: -100%; width: 200%; height: 1px; background: linear-gradient(90deg, transparent, rgba(64, 208, 185, 0.4), transparent); animation: shimmerLine 8s ease-in-out infinite; }
@keyframes shimmerLine {  0%, 100% {left: -100%; }
  50% {left: 0%; }
}
.acd-page .service-intro p {color: #536d68; font-size: 19px; line-height: 1.60; margin: 0; text-align: center; font-weight: 500; }

/* --- Expertise Title --- */ 
.acd-page .expertise-title {text-align: center; margin-bottom: 40px; position: relative; letter-spacing: -0.3px; }
.acd-page .expertise-title::after {content: ''; display: block; width: 50px; height: 3px; background: linear-gradient(90deg, #40D0B9, transparent); margin: 16px auto 0; border-radius: 2px; }

/* --- Feature Rows --- */
 .acd-page .service-feature-row {display: flex; align-items: center; justify-content: center; gap: 90px; margin-bottom: 80px; position: relative; }
.acd-page .service-feature-row.reverse {flex-direction: row-reverse; }

/* --- Feature Text --- */
 .acd-page .service-feature-text {flex: 1; max-width: 520px; }
.service-feature-text h3 {color: #40D0B9; margin-bottom: 20px; font-weight: 600; position: relative; padding-left: 18px; }
.acd-page .service-feature-text h3::before {content: ''; position: absolute; left: 0; top: 2px; width: 4px; height: 28px; background: linear-gradient(180deg, #40D0B9, #0B8BA2); border-radius: 2px; }
.acd-page .service-feature-text p {color: #000;  line-height: 1.50; margin: 0; text-align: left; font-weight: 400; }
.service-feature-row.aos-init.aos-animate:nth-child(5) {margin-bottom: 0; }

 .acd-page .service-feature-image {flex: 1; max-width: 420px; border-radius: 20px; overflow: hidden; position: relative; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(64, 208, 185, 0.15); box-shadow: 0 0 40px rgba(64, 208, 185, 0.08), 0 20px 60px rgba(0, 0, 0, 0.3); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.acd-page .service-feature-image:hover {border-color: rgba(64, 208, 185, 0.3); box-shadow: 0 0 60px rgba(64, 208, 185, 0.15), 0 25px 70px rgba(0, 0, 0, 0.35); transform: translateY(-5px); }
.acd-page .service-feature-image::before {content: ''; position: absolute; inset: -1px; border-radius: 20px; padding: 1px; background: linear-gradient(135deg, rgba(64, 208, 185, 0.3), transparent 50%, rgba(11, 139, 162, 0.2)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; }
.acd-page .service-feature-image img {width: 100%; display: block; border-radius: 19px; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.acd-page .service-feature-image:hover img {transform: scale(1.04); }

/* --- Decorative Floating Elements --- */
 .acd-decor-1, .acd-decor-2, .acd-decor-3 {position: absolute; pointer-events: none; z-index: 0; }
.acd-decor-1 {top: 15%; right: 5%; width: 120px; height: 120px; border: 1px solid rgba(64, 208, 185, 0.1); border-radius: 50%; animation: floatShape 15s ease-in-out infinite; }
.acd-decor-2 {top: 45%; left: 3%; width: 80px; height: 80px; border: 1px solid rgba(11, 139, 162, 0.12); transform: rotate(45deg); animation: floatShape 18s ease-in-out infinite reverse; }
.acd-decor-3 {bottom: 20%; right: 8%; width: 60px; height: 60px; border: 1px solid rgba(64, 208, 185, 0.08); border-radius: 8px; transform: rotate(30deg); animation: floatShape 12s ease-in-out infinite; }
@keyframes floatShape {  0%, 100% {transform: translate(0, 0) rotate(0deg); opacity: 0.5; }
  25% {transform: translate(10px, -15px) rotate(5deg); opacity: 0.8; }
  50% {transform: translate(-8px, 8px) rotate(-3deg); opacity: 0.6; }
  75% {transform: translate(12px, 5px) rotate(4deg); opacity: 0.9; }
}

/* --- Section Divider Lines --- */
 .acd-page .service-feature-row::after {content: ''; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width: 200px; height: 1px; background: linear-gradient(90deg, transparent, rgba(64, 208, 185, 0.2), transparent); }
.acd-page .service-feature-row:last-child::after {display: none; }

.acd-page .footer-main-wrapper {border-top: 1px solid rgba(64, 208, 185, 0.1); }
.inner-page-h2 {padding: 0 0 15px; }

.vision-mission-main-wrapper {padding: 100px 0; position: relative; overflow: hidden; }
.vision-mission-main-wrapper::before {content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 2px 2px, rgba(64, 208, 185, 0.05) 1px, transparent 0); background-size: 40px 40px; opacity: 0.4; z-index: 0; }
.vision-mission-inner-wrapper {display: flex; /* flex-direction: column; */ gap: 50px; position: relative; z-index: 1; justify-content: center; align-items: stretch; }
.vision-mission-item {display: flex; justify-content: center; align-items: start; gap: 40px; background: #08191e; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(64, 208, 185, 0.1); border-radius: 15px; padding: 30px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.4s ease; width: 100%; max-width: 700px; /* margin: auto; */}
.vision-mission-item:hover {transform: translateY(-8px); border-color: rgba(64, 208, 185, 0.4); box-shadow: 0 30px 60px rgba(64, 208, 185, 0.15); }
/* .vision-mission-item.vision-item {flex-direction: row-reverse; }*/ 

.vm-content-side {flex: 1; max-width: 650px; }
.vm-title {color: #fff; margin-bottom: 25px; line-height: 1.1; letter-spacing: -1px; }
.vm-title span {background: linear-gradient(135deg, #40D0B9, #23b6d5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.vm-content-side p {color: rgba(255, 255, 255, 0.8); line-height: 1.5; margin-bottom: 35px; text-align: left; font-weight: 400; }
.vm-divider {display: flex; align-items: center; gap: 20px; }
.vm-divider::before {content: ''; width: 80px; height: 3px; background: linear-gradient(90deg, #40D0B9, transparent); border-radius: 2px; background-size: 200% 100%; animation: lineSlide 3s linear infinite; }
@keyframes lineSlide {  0% {background-position: 0% 0; }
  100% {background-position: 200% 0; }
}
.vm-divider span {font-size: 15px; font-weight: 600; color: #40D0B9; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 0 15px rgba(64, 208, 185, 0.4); }
.vm-icon-side {flex: 0 0 180px; display: flex; justify-content: center; align-items: center; position: relative; }
.vm-icon-side::before {content: ''; position: absolute; width: 200px; height: 200px; background: radial-gradient(circle, rgba(64, 208, 185, 0.15) 0%, transparent 70%); border-radius: 50%; z-index: -1; animation: pulseGlow 4s infinite ease-in-out; }
.vm-icon-box {width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 25px; position: relative; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(8px); }
.vm-icon-box::before {content: ""; position: absolute; width: 140px; height: 140px; border-radius: 30px; background: radial-gradient(circle, #40D0B9 0%, transparent 70%); opacity: .5; z-index: 0; animation: iconGlow 2.5s ease-in-out infinite; }
.vm-icon-box img {width: 55px; position: relative; z-index: 1; filter: brightness(1.2); }
@keyframes pulseGlow {  0%, 100% {transform: scale(1); opacity: 0.5; }
  50% {transform: scale(1.2); opacity: 0.8; }
}
@keyframes iconGlow {  0% {transform: scale(1); opacity: .4; }
  50% {transform: scale(1.15); opacity: .9; }
  100% {transform: scale(1); opacity: .4; }
}
.vm-icon-box {width: 120px; height: 120px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 25px; display: flex; justify-content: center; align-items: center; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.vision-mission-item:hover .vm-icon-box {transform: rotate(5deg) scale(1.1); background: rgba(64, 208, 185, 0.1); border-color: rgba(64, 208, 185, 0.3); }
.vm-icon-box img {width: 80px; height: 80px; object-fit: contain; filter: drop-shadow(0 0 10px rgba(64, 208, 185, 0.5)) brightness(1.2); }
.gallery-main-wrapper {padding: 80px 0 100px; background: #01191f; position: relative; overflow: hidden; border-top: 1px solid rgba(64, 208, 185, 0.05); }
.gallery-main-wrapper::before {content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 10% 20%, rgba(64, 208, 185, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(35, 182, 213, 0.05) 0%, transparent 40%); z-index: 0; }
.gallery-header {text-align: center; margin-bottom: 30px; position: relative; z-index: 1; }
.gallery-title {
	margin-bottom: 10px;
	color: #40D0B9;
}

.resources-inner-wrapper h2 {
	text-transform: inherit;
}
.gallery-title span {background: linear-gradient(135deg, #40D0B9, #23b6d5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.gallery-header p {color: rgba(255, 255, 255, 0.7); font-size: 18px; max-width: 600px; margin: 0 auto; text-align: center; line-height: 1.5; }
.gallery-carousel-wrapper {position: relative; z-index: 1; }
.gallerySwiper {padding: 20px 10px 60px !important; }
.gallery-item {transition: transform 0.5s ease; }
.glass-photo-frame {background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 15px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); transition: all 0.4s ease; overflow: hidden; position: relative; }
.glass-photo-frame::after {content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 1px; background: linear-gradient(135deg, rgba(64, 208, 185, 0.3), transparent 70%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.glass-photo-frame img {width: 100%; height: 600px; object-fit: cover; border-radius: 12px; transition: transform 0.6s ease; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 33px) !important; left: auto; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 33px) !important; right: auto; }
.gallery-nav {color: #40D0B9 !important; background: rgba(255, 255, 255, 0.05); width: 50px !important; height: 50px !important; border-radius: 50%; border: 1px solid rgba(64, 208, 185, 0.2); backdrop-filter: blur(5px); transition: all 0.3s ease; }
.gallery-nav:after {font-size: 20px !important; font-weight: bold; }
.gallery-nav:hover {background: #40D0B9; color: #001217 !important; border-color: #40D0B9; box-shadow: 0 0 20px rgba(64, 208, 185, 0.4); }
.gallery-pagination .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.3) !important; width: 10px !important; height: 10px !important; opacity: 1 !important; transition: all 0.3s ease; }
.gallery-pagination .swiper-pagination-bullet-active {background: #40D0B9 !important; width: 25px !important; border-radius: 5px !important; box-shadow: 0 0 10px rgba(64, 208, 185, 0.5); }
.resources-main-wrapper {padding: 100px 0; }
.resources-img {display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.resources-img img {width: 100%; max-width: 70px; filter: brightness(0) saturate(100%) invert(61%) sepia(85%) saturate(289%) hue-rotate(120deg) brightness(95%) contrast(102%); animation: upDown 2.2s ease-in-out infinite; }
.p-wrapper {display: flex; justify-content: center; align-items: center; }
.resources-inner-wrapper p {width: 100%; max-width: 1000px; text-align: center; margin-bottom: 25px; }
.resources-inner-wrapper h2 {text-align: center; }
.resources-inner-wrapper .common-btn {justify-content: center; }
.common-top-img::before {position: absolute; content: ""; width: 100%; max-width: 100%; height: 150px; background: url(../images/about-us-layer.webp) no-repeat center center/cover; top: 0; z-index: -1; }
.sitemap-main-wrapper {padding: 100px 0; position: relative; overflow: hidden; }
.sitemap-main-wrapper::before {content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 10% 20%, rgba(64, 208, 185, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(35, 182, 213, 0.05) 0%, transparent 40%); z-index: 0; }
.sitemap-blueprint-lines {position: absolute; inset: 0; background-image: linear-gradient(rgba(64, 208, 185, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 208, 185, 0.05) 1px, transparent 1px); background-size: 80px 80px; z-index: 0; pointer-events: none; }
.sitemap-column {width: 100%; max-width: fit-content; }
.sitemap-grid {display: flex; justify-content: space-between; align-items: start; }
.sitemap-grid h2 {color: #40D0B9; font-size: 24px; margin-bottom: 25px; font-weight: 600; display: flex; align-items: start; gap: 12px; width: 100%; max-width: fit-content; }
.about-sitemap {display: flex; justify-content: center; align-items: center; gap: 10px; color: #40D0B9; }
.sitemap-grid h2 img, .sitemap-grid h2 svg {width: 24px; height: 24px; flex-shrink: 0; stroke: #40D0B9; }
.sitemap-grid h2 img {filter: brightness(0) saturate(100%) invert(86%) sepia(26%) saturate(693%) hue-rotate(120deg) brightness(96%) contrast(85%); }
.sitemap-links {display: flex; flex-direction: column; gap: 12px; }
.sitemap-links li a {color: #fff; font-size: 16px; transition: all 0.7s ease; padding: 8px 12px; border-radius: 6px; border-left: 2px solid transparent; color: #000; }
.sitemap-links li a:hover {background: rgba(64, 208, 185, 0.1); color: #209280; border-left-color: #40D0B9; }
.sitemap-sub-links {margin-left: 20px; margin-top: 8px; display: flex; flex-direction: column; gap: 8px; border-left: 1px dashed rgba(255, 255, 255, 0.1); padding-left: 15px; }
.sitemap-sub-links li a {font-size: 14px; color: rgba(255, 255, 255, 0.7); }
.philosophy-main-wrapper {padding: 0 0 100px; position: relative; background: #fff; overflow: hidden; }
.philosophy-main-wrapper::before {content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(64, 208, 185, 0.05) 0%, transparent 70%); pointer-events: none; }
.img-content img {width: 100%; max-width: 100px; }
.img-content h2 {margin: 10px 0 0 0; }
.philosophy-header {text-align: center; max-width: 900px; margin: 0 auto 50px; position: relative; z-index: 2; }
.philosophy-card:hover .phi-content p {color: #000; }
.philosophy-title span {color: #40D0B9; }
.img-content {display: flex; justify-content: center; align-items: center; }
.philosophy-header p {line-height: 1.6; color: #000; text-align: center; }
.philosophy-header p strong {color: #40D0B9; font-weight: 600; }
.philosophy-bento-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 30px; position: relative; z-index: 2; }
.philosophy-card {background: linear-gradient(135deg, #148F81, #01080a); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(64, 208, 185, 0.1); border-radius: 20px; padding: 40px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; flex-direction: column; justify-content: space-between; height: 100%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.philosophy-card:hover {transform: translateY(-10px); background: rgba(64, 208, 185, 0.05); border-color: rgba(64, 208, 185, 0.3); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(64, 208, 185, 0.1); }
.phi-card-inner {height: 100%; display: flex; flex-direction: column; }
.phi-icon {width: 100px; height: 70px; margin-bottom: 30px; /* padding: 17px; */ /* background: rgba(64, 208, 185, 0.1); */ border-radius: 12px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; }
.philosophy-card:hover .phi-icon {background: #40D0B9; transform: scale(1.1) rotate(5deg); }
.phi-icon img {width: 100%; height: auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: all 0.4s ease; }
.phi-content h3 {color: #22C0A7; font-size: 24px; margin-bottom: 15px; font-weight: 600; }
.phi-content p {font-size: 17px; line-height: 1.5; color: #fff; margin: 0; }


/* careers */ 
.career-page .innerbanner-main-wrapper {position: relative; min-height: 450px; display: flex; align-items: flex-end; background: url('./images/careers-bg.png') no-repeat center center / cover; overflow: hidden; }
@keyframes gridDrift {  0% {background-position: 0 0; }
  100% {background-position: 50px 50px; }
}
.hero-orb {position: absolute; border-radius: 50%; z-index: 1; pointer-events: none; }
.hero-orb-1 {width: 300px; height: 300px; background: radial-gradient(circle, rgba(64, 208, 185, 0.12) 0%, transparent 70%); top: -80px; right: -60px; animation: orbFloat 8s ease-in-out infinite; }
.hero-orb-2 {width: 200px; height: 200px; background: radial-gradient(circle, rgba(11, 139, 162, 0.15) 0%, transparent 70%); bottom: -40px; left: 10%; animation: orbFloat 10s ease-in-out infinite reverse; }
.hero-orb-3 {width: 120px; height: 120px; background: radial-gradient(circle, rgba(64, 208, 185, 0.08) 0%, transparent 70%); top: 30%; right: 25%; animation: orbFloat 6s ease-in-out infinite 2s; }
@keyframes orbFloat {  0%, 100% {transform: translate(0, 0) scale(1); opacity: 0.6; }
  25% {transform: translate(15px, -20px) scale(1.1); opacity: 1; }
  50% {transform: translate(-10px, 10px) scale(0.95); opacity: 0.7; }
  75% {transform: translate(8px, 15px) scale(1.05); opacity: 0.9; }
}
.innerbanner-main-wrapper .fluid-container {position: relative; z-index: 2; height: 100%; }
.career-hero-inner {display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.career-hero-inner h1 {font-weight: 700; color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); margin: 0; position: relative; }
.career-hero-inner h1::after {content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #40D0B9, #23b6d5); border-radius: 2px; margin-top: 15px; animation: lineExpand 1.5s ease forwards; }
@keyframes lineExpand {  0% {width: 0; opacity: 0; }
  100% {width: 80px; opacity: 1; }
}
.career-hero-inner .hero-subtitle {font-size: 21px; color: rgba(255, 255, 255, 0.9); font-weight: 400; margin: 0; text-align: left; letter-spacing: 0.5px; }
.career-breadcrumbs {display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.career-breadcrumbs a {color: rgba(255, 255, 255, 0.85); font-size: 15px; font-weight: 500; position: relative; transition: color 0.3s ease; }
.career-breadcrumbs a::after {content: ''; position: absolute; width: 100%; height: 1.5px; bottom: -2px; left: 0; background-color: #40D0B9; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; }
.career-breadcrumbs a:hover {color: #fff; }
.career-breadcrumbs a:hover::after {transform: scaleX(1); transform-origin: bottom left; }
.career-breadcrumbs .bc-separator {color: rgba(255, 255, 255, 0.6); font-size: 12px; }
.career-breadcrumbs .bc-current {color: #40D0B9; font-size: 15px; font-weight: 600; }
.why-join-section {padding: 100px 0; background: #f8f9fb; position: relative; overflow: hidden; }
.why-join-section::before {content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 2px 2px, rgba(0, 78, 92, 0.04) 1px, transparent 0); background-size: 30px 30px; z-index: 0; pointer-events: none; }
.section-decor {position: absolute; pointer-events: none; z-index: 0; }
.section-decor-1 {width: 180px; height: 180px; border: 1px solid rgba(64, 208, 185, 0.08); border-radius: 50%; top: 10%; right: -50px; animation: floatDecor 15s ease-in-out infinite; }
.section-decor-2 {width: 100px; height: 100px; border: 1px solid rgba(11, 139, 162, 0.06); transform: rotate(45deg); bottom: 15%; left: -20px; animation: floatDecor 18s ease-in-out infinite reverse; }
.section-decor-3 {width: 250px; height: 250px; background: radial-gradient(circle, rgba(64, 208, 185, 0.03) 0%, transparent 70%); border-radius: 50%; bottom: -80px; right: 10%; }
@keyframes floatDecor {  0%, 100% {transform: translate(0, 0) rotate(0deg); opacity: 0.4; }
  25% {transform: translate(10px, -15px) rotate(3deg); opacity: 0.7; }
  50% {transform: translate(-8px, 8px) rotate(-2deg); opacity: 0.5; }
  75% {transform: translate(12px, 5px) rotate(2deg); opacity: 0.8; }
}
.why-join-heading {text-align: center; margin-bottom: 55px; position: relative; z-index: 1; }
.why-join-heading h2 {color: #004E5C; margin: 0 0 10px; }
.why-join-heading h2 span {color: #40D0B9; }
.why-join-heading .accent-line {display: block; width: 60px; height: 4px; background: linear-gradient(90deg, #40D0B9, #0B8BA2); border-radius: 2px; margin: 15px auto 0; }
.why-join-content {max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.content-card {background: #ffffff; border-radius: 16px; padding: 35px 40px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 78, 92, 0.06); transition: all 0.35s ease; position: relative; overflow: hidden; background: linear-gradient(135deg, #ffffff 0%, #f0f8f7 50%, #e8f5f3 100%); border-radius: 20px; border-left: 5px solid #40D0B9; }
/* .content-card::before {content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(to bottom, #40D0B9, #0B8BA2); transition: opacity 0.35s ease; }
*/ /* .content-card:hover {transform: translateY(-4px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07); border-color: rgba(64, 208, 185, 0.15); }
*/

.content-card-header {display: flex; align-items: center; gap: 15px; margin-bottom: 18px; }
.content-card-icon {width: 48px; height: 48px; background: linear-gradient(135deg, rgba(64, 208, 185, 0.1), rgba(11, 139, 162, 0.05)); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid rgba(64, 208, 185, 0.15); }
.content-card-icon svg {width: 22px; height: 22px; fill: none; stroke: #40D0B9; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.content-card-title {color: #004E5C; margin: 0; }
.content-card p {line-height: 1.75; color: #4a5a6c; text-align: justify; margin: 0; }
.content-card p strong {color: #007bb5; font-weight: 600; position: relative; }
.keyword-tag {background: rgba(64, 208, 185, 0.08); color: #0B8BA2; padding: 2px 8px; border-radius: 5px; font-weight: 600; display: inline; white-space: nowrap; }
.section-divider {display: flex; align-items: center; justify-content: center; gap: 15px; margin: 15px auto; max-width: 200px; position: relative; z-index: 1; }
.section-divider .divider-line {flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(64, 208, 185, 0.3), transparent); }
.career-blockquote{
	width: 100%;
	max-width: 1030px;
}
.cta-main-wrapper .common-btn {
	width: 100%;
	max-width: 190px;
}
.cta-main-wrapper .fluid-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.cta-main-wrapper .common-btn.career-btn a {
	justify-content: center;
	margin: 0 auto 0;
}
.career-blockquote p {font-size: 19px; font-style: italic; line-height: 1.7; color: #1e3a4a; font-weight: 500; margin: 0; text-align: left; position: relative; z-index: 1; }
.common-btn.career-btn a {justify-content: center; margin: 40px auto 0; }
.innerbanner-inner-wrapper p {color: #fff; position: relative; z-index: 1; margin: 0 0 15px; }
.innerbanner-inner-wrapper h1 {position: relative; z-index: 1; }
.bread-crumbs li a, .bread-crumbs li {font-size: 13px; color: #fff; display: flex; justify-content: center; align-items: center; }
.bread-crumbs {padding: 5px 0 20px; }
.bread-crumbs li img {max-width: 13px; }
.bread-crumbs {display: flex; gap: 12px; padding: 5px 0 20px; }
.innerbanner-inner-wrapper h1 {font-weight: 500; }
.innerbanner-main-wrapper.about .innerbanner-inner-wrapper {height: 100%; }
@keyframes borderGlow {  0%, 100% {background-position: 0% 50%; }
  50% {background-position: 100% 50%; }
}
.innerbanner-main-wrapper .fluid-conatiner {height: 100%; }
.innerbanner-inner-wrapper {height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
.follow-us-social {display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.why-join-content {display: flex; justify-content: center; align-items: center; gap: 50px; flex-direction: column; }
.error-inner-wrapper {padding: 100px 0; width: 100%; max-width: fit-content; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
.error-inner-wrapper h2 {
	text-align: center;
	text-transform: inherit;
}


.cta-main-wrapper {
	padding: 100px 0;
	background: #fff;
}

@media (min-width:1360px) { 
   .phi-icon {width: 80px; height: 50px; margin-bottom: 27px; }
  .scrolly-headline {font-size: 55px; }
  .scrolly-text-right {max-width: 800px; }
  .scrolly-text-left {max-width: 800px; }
 
}
@media (max-width:1360px) {  .vm-divider span {font-size: 13px; }
  .vm-icon-box img {width: 60px; height: 60px; }
  h1 {font-size: 36px; }
  h2 {font-size: 33px;}
  h4 {font-size: 26px; }
  .acd-page .service-feature-text .scrolly-stat h3 {font-size: 28px; }
  .scrolly-headline {font-size: 30px; }
  .common-btn a {padding: 5px 19px; }
  .engagement-model-card {width: 260px; }
  .sophrosyne-name-main-wrapper {padding: 0 0 80px; }
  .sophrosyne-name-main-wrapper h2 {font-size: 150px; }
  .services-inner-wrapper-main {max-width: 1160px; }
  .engagement-model-cards-wrapper {justify-content: center; align-items: stretch; gap: 25px; }
  .sophrosyne-letters-main-wrapper span {font-weight: 700; }
  .sub-footer-links li a {font-size: 14px; }
  .footer-links-main h3 {font-size: 18px; }
  .scrolly-headline span {font-size: 30px; }
  .acd-page .service-intro {padding: 22px 50px; }
  .gallery-header p {font-size: 16px; }
  .vm-content-side p {font-size: 19px !important; line-height: 1.4; }
  .philosophy-card {padding: 30px; }
   .icon-circle {width: 35px;height: 35px;}
  .icon-circle img {	width: 20px;}
}
@media (max-width:1280px) { 
  .acd-page .service-feature-image {max-width: 300px; } 
  .sophrosyne-name-main-wrapper {padding: 0 0 70px; }
  .acd-page .service-intro {margin: 0 auto 50px; }
}
@media (max-width: 1240px) { 
  .cta-main-wrapper {	padding: 80px 0;}
   .why-join-section {padding: 80px 0; }
.contact-card-main {	margin: 0 auto 80px;}
  .philosophy-main-wrapper {padding: 0 0 80px; }
  .acd-page .services-detail-section {padding: 80px 0; }
  .acd-page .expertise-title {margin-bottom: 40px; }
  .acd-page .service-feature-row {margin-bottom: 50px; }
  .who-we-are-main-wrapper {padding: 80px 0; }
  .engagement-model-main-wrapper {padding: 80px 0; }
  .why-choose-us-main-wrapper {padding: 0 0 80px; }
  .services-main-wrapper {padding: 80px 0; }
  .contact-section-wrapper {padding: 80px 0 !important; }
  .vision-mission-main-wrapper {padding: 80px 0 !important; }
  .gallery-main-wrapper {padding: 80px 0 30px !important; }
  .resources-main-wrapper {padding: 80px 0; }
  .philosophy-bento-grid {grid-template-columns: 1fr; }
  .philosophy-card {padding: 30px; }
}

@media (max-width: 1200px) {  
  .vision-mission-inner-wrapper {align-items: center; flex-direction: column; }
  .acd-page .service-feature-text {max-width: 100%; }
  .engagement-model-card {width: 245px; }
  .services-inner-wrapper-main {max-width: 1000px; }
  .chip-assembly {max-width: 420px; }
  .who-we-are-right img {max-width: 325px; }
  .who-we-are-right {width: 100%; max-width: 325px; }
  .acd-page .expertise-title {margin-bottom: 25px; }
  .footer-top {gap: 80px;justify-content: center;}
}

@media (max-width: 1024px) {  .engagement-model-cards-wra480
  per {grid-template-columns: repeat(2, 1fr); }
}

@media (max-width:1080px) { 
  .header-top .header-drop-down-main {display: none !important;}
  .desk-resp-ham {display: block !important;}
  .service-feature-text h3 {	padding-left: 0;	text-align: left;}
  .acd-page .service-feature-text h3::before {display: none;}
  .header-top .header-drop-down-main {display: none; }
  .desk-resp-ham {display: block; }
  .header-top {padding: 10px 0; }
}

@media (max-width: 991px) {  .acd-page .service-feature-text {text-align: center; }
  .acd-page .service-feature-text h4 {padding-left: 0; text-align: left; }
  .acd-page .service-feature-text h4::before {display: none; }
  .acd-page .service-intro {padding: 30px 25px; }
  .acd-page .innerbanner-main-wrapper h2 {font-size: 36px; }
  /* .acd-page .expertise-title {font-size: 28px; } */
  .acd-decor-1, .acd-decor-2, .acd-decor-3 {display: none; }
}

@media (max-width: 992px) {  
  h4 {
	font-size: 18px;
}
  .innerbanner-main-wrapper.sitemap {
	background: url(../images/inner-banner/responsive-banners/sitemap.jpg)no-repeat center center / cover !important;
}
  .sophrosyne-name-main-wrapper h2 {font-size: 100px; }
  .banner-right {max-width: 390px; }
  .chip-assembly {max-width: 390px; }
  .scrolly-headline {font-size: 44px; }
  .scrolly-headline {font-size: 30px; }
  .scrolly-cta-title {font-size: 40px; }
  .scrolly-text-left {padding-left: 40px; }
  .scrolly-text-right {padding-right: 40px; }
  .banner-left-top p span {font-size: 40px; }
  .banner p {font-size: 25px; }
  .engagement-model-cards-wrapper {flex-wrap: wrap; }
  .para {font-size: 18px; }
  .why-chosse-types-main {max-width: 220px; }
  .sophrosyne-letters-main-wrapper span {font-size: 120px; }
  .footer-top {flex-wrap: wrap;gap: 25px 65px; }
  .services-inner-wrapper-main {max-width: 300px; }
  .engagement-model-cards-wrapper::before {display: none; }
  h2 {font-size: 35px; }
  .contact-card-main {flex-direction: column; }
  .contact-details-list {margin-bottom: 20px !important; }
  .contact-left-info, .contact-right-form {flex: 0 0 100%; padding: 40px; }
  .contact-left-info {border-right: none; border-bottom: 1px solid #f0f0f0; }
  .sitemap-grid h2 {font-size: 20px; }
  .philosophy-header {margin: 0 auto 35px; }
  .philosophy-header p {margin: 4px 0 0; }
  .why-choose-us-inner-wrapper {flex-wrap: wrap; }
}

@media (max-width: 920px) {  .vm-icon-side {flex: 0 0 165px; }
  .vision-mission-item {gap: 0; padding: 35px; flex-direction: column-reverse; align-items: center; }
  .vm-title {margin-bottom: 15px; text-align: center; }
  .vm-content-side {max-width: 100%; }
  .vm-content-side p {text-align: center; }
  .vm-divider {justify-content: center; }
  .vm-content-side p {text-align: center; }
  .vm-content-side p {line-height: 1.4; }
  .sitemap-main-wrapper {padding: 60px 0; }
}

@media (max-width:830px) {  .why-choose-us-inner-wrapper {flex-wrap: wrap; gap: 20px; }
  .sitemap-grid {align-items: start; flex-direction: column; gap: 25px; }
  .sitemap-links {gap: 12px; padding: 0 0 25px; }
}

@media (max-width: 776px) {
  .index-h1 {text-align: center;}  
   .cta-main-wrapper {	padding: 70px 0;}
  .why-join-section {padding: 70px 0; }
  .acd-page .service-feature-text h4 {text-align: center; }
  .acd-page .service-feature-text p {text-align: center; }
  .acd-page .service-feature-row, .acd-page .service-feature-row.reverse {flex-direction: column-reverse; gap: 18px; margin-bottom: 60px; }
  .contact-item {text-align: left; }
  .banner-right {max-width: 295px; }
  .chip-assembly {max-width: 295px; }
  .scrolly-feature-title {font-size: 32px; }
  .scrolly-cta-title {font-size: 34px; }
  .scrolly-text-left, .scrolly-text-right {max-width: 100%; padding-left: 30px; padding-right: 30px; text-align: center; margin-left: auto; margin-right: auto; }
  .scrolly-text-right .scrolly-feature-desc {margin-left: auto !important; margin-right: auto !important; }
  .scrolly-stats {gap: 40px; }
  .sophrosyne-name-main-wrapper h2 {font-size: 70px; }
  .sophrosyne-name-main-wrapper {padding: 0 0 60px; }
  .who-we-are-inner-wrapper {gap: 10px; flex-direction: column-reverse; }
  .who-we-are-left h2 {text-align: center; }
  .who-we-are-left p {text-align: center; margin: 5px 0 20px; }
  .who-we-are-left .common-btn {justify-content: center; }
  .engagement-model-card {width: 300px; }
  .engagement-model-header {margin-bottom: 35px; }
  .engagement-model-header p {margin: 8px auto; }
  .sophrosyne-letters-main-wrapper span {font-size: 90px; }
  .who-we-are-main-wrapper {padding: 40px 0 60px; }
  .sub-footer-links li a {font-size: 13px; font-weight: 400; }
  .contact-item {font-size: 12px; }
  .why-choose-us-main-wrapper {padding: 0 0 60px; }
  .services-main-wrapper {padding: 60px 0; }
  .sophrosyne-letters-main-wrapper {padding: 0 0 40px; }
  .careers-main-wrapper {margin: 0 0 40px; }
  .engagement-model-main-wrapper {padding: 90px 0 70px;}
  .top-contact-bar {justify-content: center; align-items: start; gap: 30px 39px; flex-wrap: wrap; padding: 40px 0 40px; }
  .contact-item {gap: 4px; }
  .glass-photo-frame img {height: 280px; }
  .gallery-main-wrapper {padding: 60px 0; }
  .vision-mission-main-wrapper {padding: 60px 0 !important; }
  .gallery-main-wrapper {padding: 60px 0 10px !important; }
  .swiper-button-next.gallery-nav, .swiper-button-prev.gallery-nav {width: 40px !important; height: 40px !important; }
  .resources-main-wrapper {padding: 70px 0; }
  .career-page .innerbanner-main-wrapper {min-height: 350px;}
  .career-hero-inner h1 {font-size: 36px; }

  .career-blockquote::before {font-size: 4rem; left: 15px; }
  .career-blockquote::after {font-size: 4rem; right: 15px; }
  .content-card {padding: 25px 20px; }
  .content-card-header {gap: 12px; }
  .section-decor {display: none; }
  .hero-orb {display: none; }
  .philosophy-main-wrapper {padding: 60px 0; }
  .footer-links-main {min-width: 175px;}
  .service-feature-text h3 {text-align: center;}
/* .footer-links-main:nth-child(1) {width: 100%;max-width: 100%;} */
.footer-top {justify-content: space-between; gap: 20px;}
}
@media (max-width:676px) {  .banner-inner-wrapper {padding: 40px 0 0; }
  .banner p {text-align: center; }
  .range-inner-wrapper {padding: 30px 0 10px; }
  .banner-left-top .common-btn {justify-content: center; }
  .range-inner-wrapper {justify-content: center; }
  .range-content h3 {font-size: 24px; }
  .banner p {font-size: 24px; }
  .banner-right {display: none; }
  .scrolly-headline {font-size: 30px; }
  .scrolly-tagline {font-size: 16px !important; }
  .scrolly-feature-title {font-size: 26px; }
  .scrolly-cta-title {font-size: 28px; }
  .scrolly-sub {font-size: 11px !important; letter-spacing: 2px; }
  .scrolly-feature-desc {font-size: 15px !important; }
  .scrolly-cta-buttons {flex-direction: column; gap: 12px; align-items: center; }
  .scrolly-stats {gap: 30px; margin-top: 24px; }
  .scrolly-stat h3 {font-size: 28px; }
  .scrolly-text-inner {padding: 0 20px; }
  .chip-assembly {display: none; }
  .banner-inner-wrapper-main {height: 100%; }
  .copyrights {gap: 0 0; flex-direction: column; padding: 5px 0; }
  .copyrights p {padding: 2px 0; text-align: center; }
  .sub-footer-links li {margin: 2px 0; }
  .cta-main-wrapper .fluid-container {gap: 18px;flex-direction: column;}
  .career-blockquote p {font-size: 16px;text-align: center;}


}

@media (max-width:610px){
  .footer-top {flex-direction: column;}
}

@media (max-width: 600px) {  .engagement-model-cards-wrapper {grid-template-columns: 1fr; }
  .sophrosyne-letters-main-wrapper span {font-size: 60px; }
  .footer-top {gap: 23px 30px; }
  .form-row {flex-direction: column; gap: 0; }
  .contact-left-info, .contact-right-form {padding: 30px 20px; }
  .why-join-content {gap: 30px;}
  /* .career-blockquote {margin: 30px auto 0; } */
  .icon-circle {width: 28px;height: 28px;}
  .icon-circle img {width: 17px;}
}
@media (max-width :480px) { 
  .cta-main-wrapper {padding: 40px 0;}
  .innerbanner-inner-wrapper p{font-size: 15px;}
 .vision-mission-item {box-shadow: initial;}
  h4 {font-size: 16px;}
  .contact-left-info {border-bottom: 1px solid #dfdddd;}
  .contact-left-info h2, .contact-right-form h2 {margin-bottom: 6px;}
  .sitemap-main-wrapper {	padding: 40px 0 20px;}
.sitemap-grid h2 {	margin-bottom: 16px;}
  .sitemap-links li a {padding: 2px 8px;}
  .service-feature-row:last-child {
	margin-bottom: 0 !important;}
  .contact-card-main {margin: 0 auto 0;}
  .engagement-model-main-wrapper {padding: 60px 0 40px 0;}
   h1 {font-size: 30px; }
  .vm-content-side p {font-size: 16px !important; }
  .gallery-header {margin-bottom: 17px; }
  .vision-mission-main-wrapper {padding: 40px 0 0 !important; }
  p {	font-size: 16px;}
  .gallery-main-wrapper {padding: 30px 0 40px !important; }
  .vision-mission-item {gap: 0; padding: 15px 5px 30px; flex-direction: column-reverse !important; }
  .vm-content-side p {margin-bottom: 20px; }
  .acd-page .service-intro {margin: 0 auto 40px; }
  .service-intro h2 {text-transform: inherit;}
  .acd-page .service-intro p {font-size: 17px; }
  /* .service-feature-row.aos-init.aos-animate:nth-child(5) {margin-bottom: 40px !important; } */
  .acd-page .services-detail-section {padding: 40px 0; }
  .acd-page .service-feature-row, .acd-page .service-feature-row.reverse {margin-bottom: 40px; }
  .service-feature-row:last-child {margin-bottom: 0;}
  .common-btn a {font-size: 14px !important; }
  .common-btn a {padding: 6px 16px; }
  .sophrosyne-name-main-wrapper h2 {font-size: 43px;padding: 0 0 10px;}
  .sophrosyne-name-main-wrapper {padding: 0 0 40px; }
  .contact-section-wrapper {padding: 40px 0 !important; }
  .contact-detail-icon {width: 40px !important; height: 40px !important; }
  .contact-detail-item {gap: 10px !important; }
  .banner-left-top p span {font-size: 30px; }
  .scrolly-headline {font-size: 26px; }
  .scrolly-feature-title {font-size: 24px; }
  .scrolly-cta-title {font-size: 24px; }
  .sophrosyne-letters-main-wrapper span {font-size: 50px; }
  .footer-top {gap: 23px 0; }
  .banner p {font-size: 22px; }
  h2 {font-size: 22px; }
  .who-we-are-main-wrapper {padding: 40px 0 40px;}
  .why-choose-us-main-wrapper {padding: 0 0 40px; }
  .why-choose-us-inner-wrapper {margin: 25px 0 0 0; }
  .para {font-size: 16px; margin: 10px 0; }
  .services-main-wrapper {padding: 40px 0; }
  .services-main-wrapper h2 {margin-bottom: 25px; }
  .careers-inner-wrapper p {font-size: 22px; }
  .contact-left-info p {margin: 0!important;}
  .contact-details-list {	margin-bottom: 25px !important;margin-top: 25px;}
  .phi-content p {text-align: left;}
  .services-inner-wrapper .para {font-size: 19px;}
  .follow-us-social h4 {margin-bottom: 10px !important; }
  .engagement-model-header {margin-bottom: 5px; }
  .banner-inner-wrapper {height: 80%; }
  .range-content {display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .contact-detail-text h3 {font-size: 16px;}
  .who-we-are-right {max-width: 270px; }
  .who-we-are-right img {max-width: 270px; }
  #to-top img {max-width: 26px; }
  .scrolly-headline span {font-size: 26px; }
  .acd-page .service-feature-text h4 {font-size: 20px; margin-bottom: 10px; }
  .vm-divider::before {width: 19px; }
  .resources-main-wrapper {padding: 40px 0; }
  .sitemap-grid h2 {font-size: 19px !important; }
  .philosophy-main-wrapper {	padding: 40px 0 40px;}
  .phi-content h3 {font-size: 20px;}
  .gallerySwiper {padding: 10px 10px 50px !important; }
  .img-content img {max-width: 60px; }
  .philosophy-header {margin: 0 auto 22px; }
  .why-join-section {padding: 40px 0; }
  .common-btn.career-btn a {margin: 25px auto 0; }
  .why-join-heading {margin-bottom: 25px; }
  .career-blockquote p {font-size: 16px; }
  .content-card p {font-size: 16px; }
  .content-card-title {font-size: 19px; }
  .bread-crumbs li a, .bread-crumbs li {font-size: 13px; }
  .error-inner-wrapper {padding: 50px 0; }
  .service-feature-text h3 {font-size: 19px;margin-top: 5px;margin-bottom: 10px;}
  .acd-page .service-feature-text h3::before {display: none;}
  .why-join-heading {margin-bottom: 25px;}

  .innerbanner-main-wrapper.about{background: url(../images/inner-banner/responsive-banners/about-page.jpg) !important;}
  .innerbanner-main-wrapper.careers{background: url(../images/inner-banner/responsive-banners/careers.jpg) !important;}
  .innerbanner-main-wrapper.careers{background: url(../images/inner-banner/responsive-banners/careers.jpg) !important;}
  .innerbanner-main-wrapper.news{background: url(../images/inner-banner/responsive-banners/news.jpg) !important;}
  .innerbanner-main-wrapper.contact{background: url(../images/inner-banner/responsive-banners/contact.jpg) !important;}
  .innerbanner-main-wrapper.services{background: url(../images/inner-banner/responsive-banners/service.jpg) !important;}
  .innerbanner-main-wrapper.case-studies{background: url(../images/inner-banner/responsive-banners/case-studies.jpg) !important;}
  .innerbanner-inner-wrapper h1{text-align: left;}
  .vision-mission-inner-wrapper {gap: 25px;}
  /* .phi-content h3 {margin-bottom: 10px;} */
  .phi-icon {	margin-bottom: 25px;}
  .philosophy-card {padding: 30px 12px 22px;}
}

@media (max-width:420px) {  .footer-links-main:nth-child(1) h3 {text-align: center; }
  .footer-links-main {min-width: 192px; }
  /* .footer-top {justify-content: center; align-items: flex-start; padding: 0; } */
  .scrolly-headline {font-size: 23px; }
  .scrolly-headline span {font-size: 23px; }
  /* .sub-footer-links li, .footer-links-main h3 {text-align: center; } */
}

@media (max-width: 380px) {  h2 {font-size: 20px; }
 .service-feature-text h3 {font-size: 18px;}
 .acd-page .service-intro p {font-size: 16px;}

}

@media (max-width: 1024px) {  .sitemap-grid {grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {  .sitemap-grid {grid-template-columns: 1fr; }
}