* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:'Inter', sans-serif; color:#747473; overflow-x:hidden; font-size: var(--text-base);line-height: var(--lh-base); }
:root {--h1:64px; --h2:48px; --h3:32px; --h4:24px; --h5:20px; --h6:16px; --h-line:normal;}
:root { --text-base: 18px;  --text-md: 16px;    --text-sm: 14px;    --lh-base:  1.58; }
p{font-size: var(--text-base);line-height: var(--lh-base); font-weight: 300;}
h1, h2, h3, h4, h5, h6 {font-family:'Hedvig Letters Serif', serif; color:#000; font-weight:400; line-height:24px;}
h1 {font-size:var(--h1); line-height:var(--h-line);}
h2 {font-size:var(--h2); line-height:var(--h-line);}
h3 {font-size:var(--h3); line-height:var(--h-line);}
h4 {font-size:var(--h4); line-height:var(--h-line);}
h5 {font-size:var(--h5); line-height:var(--h-line);}
h6 {font-size:var(--h6); line-height:var(--h-line);}
a {color:#747473; text-decoration:none;}
.go-section{ cursor: pointer;}

header {width:100%; z-index:999; transition:0.3s; background:rgba(255,255,255,0.8); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);  display:flex; justify-content:space-between; align-items:center; padding:45px 10vw 10px; margin-bottom: 30px; position:fixed; top:0}
header .partner-btn.mobile {display:none;}
header.is-sticky{ padding-top: 18px; border-bottom: 1px solid #b6b7a3;}
.mobile-head {display:none;}
/* partner btn & aniamtion start */
.partner-btn {position: relative;display: inline-flex;align-items: center;color: #2d2d2d;padding: 8px 12px; border-radius: 3px;overflow: hidden;}
/* .partner-btn:hover {padding: 8px 12px;} */
/* arrow aniamtion*/
.partner-btn .arrow-wrap {position: relative;width: 18px;height: 18px;overflow: hidden;}
.partner-btn .arrow {position: absolute;inset: 0;transition: transform 1s cubic-bezier(0.4, 0, 0, 1);will-change: transform;}
.partner-btn .arrow img{width: 20px; margin-left: 3px;}
.partner-btn .arrow-old {transform: translate(0, 0);}
.partner-btn .arrow-new {transform: translate(-120%, 120%);}
.partner-btn:hover .arrow-old{transform: translate(120%, -120%);}
.partner-btn:hover .arrow-new {transform: translate(0, 0);}
/* Border aniamtion */
.partner-btn::after, .partner-btn::before {content:""; position:absolute; inset:0; border-radius:3px; pointer-events:none; border:1px solid transparent; transition:.4s ease;}
.partner-btn::before {border-top-color:#2d2d2d; border-left-color:#2d2d2d; transform:scaleX(0) scaleY(0); transform-origin:left top;}
.partner-btn::after {border-bottom-color:#2d2d2d; border-right-color:#2d2d2d; transform:scaleX(0) scaleY(0); transform-origin:right bottom;}
.partner-btn:hover::after, .partner-btn:hover::before {transform:scaleX(1) scaleY(1);}
/* partner btn & aniamtion end */

.navbar a {color:#5e5e5e; text-decoration:none; position:relative; padding-bottom:7px;}
.navbar a::after {content:""; position:absolute; left:0; bottom:0; height:1.5px; width:0; background:#6b6b6b; transition:width 0.3s ease;}
.navbar a:hover::after {width:100%;}
.navbar .active a {cursor:auto;}
.navbar .active a::after {content:""; position:absolute; left:0; bottom:0; height:1.5px; width:0; background:#6b6b6b; transition:width 0.3s ease; width:100%;}
.logo img {height:40px; margin:0 0 -10px;}
.nav-links {display:flex; gap:30px; list-style:none; flex:1; justify-content:center; font-weight: 300;}
.partner-btn img {width:17px; margin-bottom:0px;}
.menu-toggle {display:none; font-size:28px; cursor:pointer;}
.hero_container {padding-top:120px;}
.hero_container.home {padding-top:160px;}
.hero-area {margin:0 8vw 0; padding:40px; border:1px solid #b6b7a3; border-radius:20px; height:calc(100vh - 160px); width:calc(100% - 16vw);}
.align-center {align-items:center;}
.hero-right-image {max-width:100%; height:auto;}
.hero-box {position:relative; width:100%; height:calc(100vh - 160px); overflow:hidden; border-radius:20px; margin-top:-80px; background:#fff;}
.hero-box video {width:100%; height:100%; object-fit:cover;}
.hero-content {position:absolute; bottom:30px; left:30px; color:#fff; max-width:600px; z-index: 99;}
.hero-content p {margin-bottom:10px; color:#fff;}
.hero-content h1 {font-family:serif; font-size:36px; line-height:1.2; margin-bottom:10px; color:#fff;}
.hero-box::before { content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 200px;background: linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.55) 30%,rgba(0,0,0,0) 100%);z-index: 9;pointer-events: none; }

.hero-content a {display: inline-flex;align-items: center;gap: 8px;background: none;border: 1px solid #fff;color: #fff;padding: 8px 16px;cursor: pointer;transition: all 0.3s ease; /* smooth all changes */ margin-top: 15px;position: relative;overflow: hidden;}
.hero-content a .arrow-wrap {position: relative;width: 18px;height: 18px;overflow: hidden;}
.hero-content .arrow {position: absolute;inset: 0;transition: transform 1s cubic-bezier(0.4, 0, 0, 1);will-change: transform;}
.hero-content a .arrow-old {transform: translate(0, 0);}
.hero-content a .arrow-new {transform: translate(-120%, 120%);}
.hero-content a:hover .arrow-old{transform: translate(120%, -120%);}
.hero-content a:hover .arrow-new {transform: translate(0, 0);}

.section-container {position:relative; border-left:1px solid #b6b7a3; border-right:1px solid #b6b7a3; padding:2rem 2rem 0 2rem; margin:0 10vw; width:calc(100% - 20vw);}
.title-row {display:flex; justify-content:space-between; gap:40px; padding-top:5vh;padding-bottom:12vh; flex-wrap:wrap; position:relative;}
.title-row h2 {font-weight:400; flex:1;}
.title-row p {flex:1.5; line-height:1.6; max-width:700px; font-weight: 300; color: #8D8F82;}
.title-row p strong { font-weight:600; margin-bottom:10px; display: block; color:#2d2d2d;}
.who-nav {position:absolute; bottom:35px; right:50px; z-index:10;}
.who-next, .who-prev {width:35px; height:40px; border-radius:0; background:none; box-shadow:none;}
.who-next:after, .who-prev:after {font-size:14px; color:#333; display:none;}
.who-slider {padding-bottom:20px; margin-right:-2rem;}
.who-slide {width:60%;}
.who-slide-card {position:relative; border-radius:25px;}
.who-slide-card img {width:100%;  object-fit:cover; border-radius: 20px; height: 60vh;}
.who-slide-card h3 {color:#fff; margin-bottom:10px;}
.who-slide-overlay {position:absolute; top:20px; right:20px; max-width:360px; width:50%; height:calc(100% - 40px); padding:40px; background:rgba(0,0,0,0.85); border-radius:20px; color:#fff; align-items:center; display:flex;}
.features-grid {display:grid; grid-template-columns:1fr; gap:2rem; margin: 10vh 0vh;}
.features-grid.alternate-bg {gap:20px;}
.features-grid.alternate-bg .feature-card:nth-child(odd) {background:#f2f2e8; border-radius:8px;}
.features-grid.alternate-bg .feature-card:nth-child(even) {background:#fff; border-radius:8px;}
.feature-card, .feature-card h3, .feature-card img, .feature-card p {opacity:0; transform:translateY(80px);}
.feature-card {
  border:1px solid #dbdbdb;
  padding:2rem;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  min-height:400px;
  overflow:hidden;
  opacity:1; /* card itself visible */
}
.feature-icon {width:56px; height:56px; margin-bottom:1.5rem;}
.feature-icon {
  opacity:0;
  transform: translateY(80px) scale(1);
}
.feature-card h3,
.feature-card p {
  opacity:0;
  transform: translateY(60px);
}
.feature-card p {color:#6b7280; font-size: medium; color: #8D8F82;}
.partner-slider {width:100%; overflow:hidden; background:#fff; padding:10px 0 0;}
.partner-slider .partner-track {display:flex; width:max-content; animation:scroll 25s linear infinite;}
.partner-slider .partner-logo {flex:0 0 auto; width:auto; padding:0 10px; display:flex; align-items:center; justify-content:center;}
.partner-slider .partner-logo img {max-width:100%; max-height:auto; opacity:1; filter:grayscale(100%); transition:0.3s ease;}
.partner-slider .partner-logo img:hover {opacity:1; filter:grayscale(0);}
.partner-slider .partner-slider:hover .partner-track {animation-play-state:paused;}
.partner-detail {padding:60px 0;}
.partner-detail:nth-child(even) {background:#f2f2e8; position:relative;}
.partner-detail:nth-child(even):before {content:''; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50% ); width:100vw; height:100%; background:#f2f2e8; clip-path:inset(0 0 0 0); z-index:-1;}
.partner-detail:nth-child(odd) {background:#fff; position:relative;}
.partner-detail:nth-child(odd):before {content:''; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50% ); width:100vw; height:100%; background:#fff; clip-path:inset(0 0 0 0); z-index:-1;}
.partner-detail .partner-container {margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}
.partner-detail .partner-content {max-width:620px; height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.partner-detail .partner-bottom {padding-bottom:10px;}
.partner-detail .partner-logo img {margin-bottom:50px;}
.partner-detail .partner-eyebrow {display:block; font-size:12px; letter-spacing:2px; color:#9c8b7a; margin-bottom:18px; text-transform:uppercase;}
.partner-detail .partner-title {margin-bottom:22px;}
.partner-detail p {margin-bottom:18px;}
.partner-detail .partner-link {margin-top:25px; display:inline-flex; align-items:center; gap:6px; font-size:15px; text-decoration:none; font-weight:500;}
.partner-detail .partner-link img {width:22px; height:auto; margin:3px 0 -3px;}
.partner-detail .partner-image {position:relative; overflow:hidden; border-radius:6px; overflow:hidden;}
.partner-detail .partner-image img {width:100%;}
.partner-detail .image-caption {position:absolute; bottom:5px; left:0; width:100%; padding:100px 26px 22px; font-size:20px; font-weight:500; color:#fff; background:linear-gradient( to top, rgba(0,0,0,0.85) 0%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 0) 100% );}
.why-section {background:#f2f2e8; padding:50px 2rem; margin:0 -2rem; width:clac(100% - 4rem); position:relative; }
.why-section:before {content:''; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50% ); width:100vw; height:100%; background:#f2f2e8; clip-path:inset(0 0 0 0); z-index:-1;}
.global-section {display:flex; flex-wrap:wrap; justify-content:start; align-items:center; padding:50px 0; gap:50px; width:100%; min-height: 100vh;}
.left-side {flex:1 1 400px; max-width:390px;}
.left-side h2 {margin-bottom:20px;}
.left-side p {margin-bottom:30px; font-weight: 300;}
.country-swiper {height:50px; overflow:hidden; border:1px solid #8d8f82; max-width:fit-content;}
.country-swiper .swiper-slide {font-size:1.2rem; padding-left:20px; padding-right:20px; color:#8d8f82; display:flex; align-items:center; justify-content:left;}
.globe-outer {width:400px; height:400px; transform: scale(1.6); max-width:90vw; max-height:90vw; border-radius:50%; overflow:hidden; position:relative; box-shadow:0 0 40px rgba(0,0,0,0.22); background:radial-gradient(circle, white, #e6e6e6); margin: 0 auto;  transition: all ease 0.3s;}
.globe-inner {height:100%; display:flex; position:absolute; top:0; left:0;}
.globe-inner img {height:100%; flex-shrink:0; object-fit:cover; user-select:none; pointer-events:none;}
.globe {width:300px; height:300px; border-radius:50%; background:url(assets/images/map.png) no-repeat center/cover; animation:rotate 60s linear infinite;}
.service-section {display:flex; min-height:100vh; margin:0 -2rem; width:calc(100% + 4rem); padding:0 2rem; z-index:9; background:#fff; gap:30px; align-items:stretch; font-family:'Arial', sans-serif; position:relative;}
.service-section:before {content:''; position:absolute; left:-451px; top:0; height:100%; width:450px; background:#fff; z-index:-1;}
.service-section:after {content:''; position:absolute; right:-452px; top:0; height:100%; width:451px; background:#fff; z-index:-1;}
.odd-bg {background:#f2f2e8;}
.odd-bg:before {content:''; position:absolute; left:-451px; top:0; height:100%; width:450px; background:#f2f2e8; z-index:-1;}
.odd-bg:after {content:''; position:absolute; right:-452px; top:0; height:100%; width:451px; background:#f2f2e8; z-index:-1;}
.service-section .partner-btn {max-width:fit-content; margin:20px 0; padding-left:0; transition:all ease 0.3s;}
.service-section .partner-btn:hover {padding-left:10px;}
.stack-header {position:relative; display:none; z-index:9999; width:calc(100% + 4rem); left:0; border-top:1px solid #b6b7a3; border-bottom:1px solid #b6b7a3; margin:0 -2rem;}
.stack-header h2 {font-size:18px; padding:15px; background:#fff; display:inline-block;}
.service-section-col {flex:1; min-width:300px; position:relative; display:flex; flex-direction:column;}
.service-section-text {display:flex; flex-direction:column; justify-content:flex-start; padding:40px 0 20px;}
.service-section-text p:first-child {color:#A49480; font-size:0.85rem; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px;}
.service-section-text h2 {margin-bottom:15px; }
.service-section-text h2 + p{ line-height: 24px;}
.service-section-explore { color:#5e5e5e; text-decoration:none; position:relative; padding-bottom:3px;display:inline-block; margin-bottom:25px; transition:color 0.3s; font-size: 14px; position: relative; max-width: fit-content; cursor: pointer;}
.service-section-explore::after {content:""; position:absolute; left:0; bottom:0; height:1px; width:0; background:#6b6b6b; transition:width 0.3s ease;}
.service-section-explore:hover::after {width:100%;}

.service-section-tabs {display:flex; gap:25px; margin-bottom:20px; margin-top:25px;}
.service-section-tab {font-size:0.85rem; color:#5E5E5E; border-bottom:2px solid transparent; cursor:pointer; padding:5px 0; transition:all 0.3s; font-weight: 300;}
.service-section-tab.active {color:#5E5E5E; border-color:#929292; font-weight:400;}
.service-section-tab-content {display:none; max-height:180px; overflow-y:scroll;}
.service-section-tab-content.active {display:block; margin:20px 0;}
.service-section-tab-content h4 {margin-bottom:5px; font-size:1rem; font-weight:400;color:#000}
.service-section-tab-content p {font-size:0.8rem; margin-bottom:15px; line-height:1.5; color: #9A9A9A;}
.service-section-image {position:relative; flex:1; overflow:hidden;}
.service-section-image img {width:100%; height:80vh; object-fit:cover; position:absolute;}
.service-section-image-from-top img {top:0; left:0; animation:serviceSlideFromTop 1.2s ease-out forwards;}
.service-section-image-from-bottom img {bottom:0; left:0; animation:serviceSlideFromBottom 1.2s ease-out forwards;}
.odd-bg, .odd-bg::after, .odd-bg::before, .service-section, .service-section::after, .service-section::before {transform:translateZ(0); backface-visibility:hidden; will-change:transform;}
.gen-ai-section {margin:0 8vw 0; padding:30px; border:1px solid #b6b7a3; border-radius:20px; min-height:calc(100vh - 160px); width:calc(100% - 16vw);}
.gen-ai-container {display:flex; position:relative; min-height:80vh;}
.gen-left {width:70%;}
.gen-text {max-width:680px; opacity:0; transform:translateX(-60px); position:relative; z-index:10;}
.gen-text h1 {font-size:55px; line-height:1.1; margin-bottom:20px;}
.gen-text p {font-size:16px; margin-bottom:25px;}
.gen-links {display:flex; gap:30px;}
.gen-links a {font-weight:600; text-decoration:none; font-size:16px;}
.gen-bottom {display:grid; grid-template-columns:repeat(2,1fr); gap:25px; position:absolute; bottom:0; left:0; right:31%; padding-right:30px;}
.gen-big-card, .gen-card {position:relative; border-radius:12px; overflow:hidden; transform:translateY(80px); opacity:0;}
.gen-big-card>img, .gen-card>img {width:100%; height:50vh; object-fit:cover; display:block; transition:transform 0.6s ease; will-change:transform;}
.gen-big-card:hover>img, .gen-card:hover>img {transform:scale(1.08);}
.card-content {position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:30px; color:#fff; z-index:2;}
.gen-ai-section .card-content::before {content:""; position:absolute; inset:0; background:linear-gradient( to bottom, rgba(0,0,0,0.85) 0%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0) 100% ); z-index:-1;}
.card-content h3, .gen-ai-section .card-content p {font-size:15px; opacity:0.8; color:#fff;}
.card-content h3{ font-family:'Inter'; font-weight:bold}
.gen-ai-section .card-content p{  font-family:'Hedvig Letters Serif';}
.gen-ai-section .card-content h3 {font-size:24px; margin:5px 0 15px; position: relative; font-size: 18px;}
.gen-ai-section .card-content .explore_btn  {display: inline-flex;align-items: center;gap: 8px;background: none;border: 1px solid #fff;color: #fff;padding: 8px 16px;transition: all 0.3s ease; margin-top: 15px;position: relative;overflow: hidden; max-width: fit-content; cursor: pointer; z-index:99; position: relative;}
.gen-ai-section .card-content a{color: #fff;}


.gen-ai-section .card-content .explore_btn {display: inline-flex;align-items: center;gap: 8px;background: none;border: 1px solid #fff;color: #fff;padding: 8px 16px;cursor: pointer;transition: all 0.3s ease; /* smooth all changes */margin-top: 15px;position: relative;overflow: hidden;}

.gen-ai-section .card-content .explore_btn .arrow-wrap {position: relative;width: 18px;height: 18px;overflow: hidden;}
.gen-ai-section .card-content .explore_btn .arrow {position: absolute;inset: 0;transition: transform 1s cubic-bezier(0.4, 0, 0, 1);will-change: transform;}
.gen-ai-section .card-content .explore_btn .arrow-old {transform: translate(0, 0);}
.gen-ai-section .card-content .explore_btn .arrow-new {transform: translate(-120%, 120%);}
.gen-ai-section .card-content .explore_btn:hover .arrow-old{transform: translate(120%, -120%);}
.gen-ai-section .card-content .explore_btn:hover .arrow-new {transform: translate(0, 0);}



.gen-right {position:relative; width:30%;}
.gen-big-card {position:absolute; bottom:0; right:0; left:0;}
.gen-big-card>img {height:80vh;}
.company-hero-box>img {width:100%; border-radius:10px;}
.smarter-section {position:relative; width:100%; height:90vh; display:flex; justify-content:center; align-items:flex-start; z-index:-1px;}
.smarter-section .hero-text h2.flip {overflow:hidden;}
.smarter-section .hero-text h2.flip>span {color:#8d8f82;}
.smarter-section .hero-text h2 span.flip-word {display:inline-block; color:#000;}
.smarter-section .hero-text {display:flex; justify-content:space-between; gap:40px; padding-bottom:70px; flex-wrap:wrap; position:relative; width:100%; align-items:center; height:40vh;}
.smarter-section .hero-text h2 {font-weight:400; flex:1; font-size:3rem; color:#8c8c7f;}
.smarter-section .hero-text p {flex:1.5; font-size:16px; line-height:1.6; max-width:400px;}
.smarter-section .hero-text h2 span {color:#000;}
.smarter-section.active p, .smarter-section.active h2, .smarter-section.active h2 span{color: #fff!important;}
.smarter-section .hero-image {position:absolute; bottom:0; left:50%; transform:translateX(-50% ); width:100vw; height:100%; background:url(../images/9.jpg) center bottom / cover no-repeat; clip-path:inset(50% 0 0 0); z-index:-1; }
.smarter-section .hero-image::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.45); pointer-events: none;}
.solutions-section {padding:0 0 30px; display:flex; flex-direction:column; gap:30px;}
.solution-row {display:flex; align-items:stretch; gap:30px; max-height:55vh;}
.solution-row.reverse {flex-direction:row-reverse;}
.solution-row .text-box {width:30%; padding:20px 80px 20px 30px; position:relative; overflow:hidden; z-index:1;}
.solution-row .text-box h2 {font-size:26px; line-height:normal;}
.solution-row .circle-fill {position:absolute; width:60px; height:60px; top:20px; right:20px; background:#6e6657; border-radius:100%; transform:scale(0); transition:transform 0.6s ease; z-index:-1;}
.solution-row:hover .text-box .circle-fill {transform:scale(40);}
.solution-row:hover .text-box {color:white; color:#fff;}
.solution-row .arrow-btn {position:absolute; top:20px; right:20px; width:60px; height:60px; border-radius:50%; background:#6e6657; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; z-index:2; transition:color 0.4s;}
.solution-row:hover .text-box h2 {color:#fff;}
.solution-row:nth-child(2) .text-box {background:#e6d9c6;}
.solution-row:nth-child(2) .text-box .circle-fill {background:#7d7467;}
.solution-row:nth-child(2) .text-box .arrow-btn {background:#e6d9c6;}
.solution-row:nth-child(3) .text-box {background:#e1e1e1;}
.solution-row:nth-child(3) .text-box .circle-fill {background:#747e87;}
.solution-row:nth-child(3) .text-box .arrow-btn {background:#e1e1e1;}
.solution-row:nth-child(4) .text-box {background:#f2f2e8;}
.solution-row:nth-child(4) .text-box .circle-fill {background:#818165;}
.solution-row:nth-child(4) .text-box .arrow-btn {background:#f2f2e8;}
.solution-row:nth-child(5) .text-box {background:#e6f3fb;}
.solution-row:nth-child(5) .text-box .circle-fill {background:#3c6fa5;}
.solution-row:nth-child(5) .text-box .arrow-btn {background:#e6f3fb;}
.solution-row:nth-child(6) .text-box {background:#ffede6;}
.solution-row:nth-child(6) .text-box .circle-fill {background:#6a5f59;}
.solution-row:nth-child(6) .text-box .arrow-btn {background:#ffede6;}
.it-sol .solution-row:nth-child(2) .text-box {background:#e6d9c6;}
.it-sol .solution-row:nth-child(2) .text-box .circle-fill {background:#7d7467;}
.it-sol .solution-row:nth-child(2) .text-box .arrow-btn {background:#e6d9c6;}
.it-sol .solution-row:nth-child(3) .text-box {background:#e1e1e1;}
.it-sol .solution-row:nth-child(3) .text-box .circle-fill {background:#747e87;}
.it-sol .solution-row:nth-child(3) .text-box .arrow-btn {background:#e1e1e1;}
.it-sol .solution-row:nth-child(4) .text-box {background:#f2f2e8;}
.it-sol .solution-row:nth-child(4) .text-box .circle-fill {background:#818165;}
.it-sol .solution-row:nth-child(4) .text-box .arrow-btn {background:#f2f2e8;}
.it-sol .solution-row:nth-child(5) .text-box {background:#f2e8f0;}
.it-sol .solution-row:nth-child(5) .text-box .circle-fill {background:#492b43;}
.it-sol .solution-row:nth-child(5) .text-box .arrow-btn {background:#f2e8f0;}
.it-sol .solution-row:nth-child(6) .text-box {background:#ffede6;}
.it-sol .solution-row:nth-child(6) .text-box .circle-fill {background:#6a5f59;}
.it-sol .solution-row:nth-child(6) .text-box .arrow-btn {background:#ffede6;}
.it-sol .solution-row:nth-child(7) .text-box {background:#e6f3fb;}
.it-sol .solution-row:nth-child(7) .text-box .circle-fill {background:#3c6fa5;}
.it-sol .solution-row:nth-child(7) .text-box .arrow-btn {background:#e6f3fb;}
.it-sol .solution-row:nth-child(8) .text-box {background:#fef7ed;}
.it-sol .solution-row:nth-child(8) .text-box .circle-fill {background:#bba380;}
.it-sol .solution-row:nth-child(8) .text-box .arrow-btn {background:#fef7ed;}
.it-sol .solution-row:nth-child(9) .text-box {background:#e1e1e1;}
.it-sol .solution-row:nth-child(9) .text-box .circle-fill {background:#747e87;}
.it-sol .solution-row:nth-child(9) .text-box .arrow-btn {background:#e1e1e1;}
.it-sol .solution-row:nth-child(10) .text-box {background:#f1ded6;}
.it-sol .solution-row:nth-child(10) .text-box .circle-fill {background:#74644c;}
.it-sol .solution-row:nth-child(10) .text-box .arrow-btn {background:#f1ded6;}
.it-sol .solution-row:nth-child(11) .text-box {background:#f2e8f0;}
.it-sol .solution-row:nth-child(11) .text-box .circle-fill {background:#492b43;}
.it-sol .solution-row:nth-child(11) .text-box .arrow-btn {background:#f2e8f0;}
.it-sol .solution-row:nth-child(12) .text-box {background:#f1ded6;}
.it-sol .solution-row:nth-child(12) .text-box .circle-fill {background:#74644c;}
.it-sol .solution-row:nth-child(12) .text-box .arrow-btn {background:#f1ded6;}
.it-sol .solution-row:nth-child(13) .text-box {background:#e6fff9;}
.it-sol .solution-row:nth-child(13) .text-box .circle-fill {background:#759288;}
.it-sol .solution-row:nth-child(13) .text-box .arrow-btn {background:#e6fff9;}
.it-sol .solution-row:nth-child(14) .text-box {background:#ffede6;}
.it-sol .solution-row:nth-child(14) .text-box .circle-fill {background:#759288;}
.it-sol .solution-row:nth-child(14) .text-box .arrow-btn {background:#ffede6;}
.it-sol .solution-row:nth-child(15) .text-box {background:#ffede6;}
.it-sol .solution-row:nth-child(15) .text-box .circle-fill {background:#6a5f59;}
.it-sol .solution-row:nth-child(15) .text-box .arrow-btn {background:#ffede6;}
.it-sol .solution-row:nth-child(16) .text-box {background:#ffede6;}
.it-sol .solution-row:nth-child(16) .text-box .circle-fill {background:#6a5f59;}
.it-sol .solution-row:nth-child(16) .text-box .arrow-btn {background:#ffede6;}
/*
.solution-row .arrow-btn svg {fill:#fff; margin-top:8px;}
.solution-row:hover .text-box .arrow-btn svg {fill:#fff;} */
.solution-row .text-box .arrow-btn{overflow: hidden;}
.solution-row .text-box .arrow-btn .arrow-wrap {position: relative;width: 24px;height: 24px;overflow: hidden;}
.solution-row .text-box .arrow-btn .arrow {position: absolute;inset: 0;transition: transform 1s cubic-bezier(0.4, 0, 0, 1);will-change: transform;}
.solution-row .text-box .arrow-btn .arrow img{width: 24px; margin-left: 1px; margin-top: 0px;}
.solution-row .text-box .arrow-btn .arrow-old {transform: translate(0, 0);}
.solution-row .text-box .arrow-btn .arrow-new {transform: translate(-120%, 120%);}
.solution-row:hover .text-box .arrow-btn .arrow-old{transform: translate(120%, -120%);}
.solution-row:hover .text-box .arrow-btn .arrow-new {transform: translate(0, 0);}




.solution-row .img-box {width:70%; position:relative; overflow:hidden;}
.solution-row .img-box img {width:100%; height:100%; object-fit:cover; transition:0.6s ease;}
.solution-row:hover .img-box img {transform:scale(1.07);}
.solution-row .img-desc {position:absolute; bottom:0; left:0; padding:20px 25px; width:100%; color:white; font-size:17px; background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);}

.contact-wrapper {margin:0 8vw 0; padding:2rem 2rem 2rem; border:1px solid #b6b7a3; border-radius:20px; min-height:calc(100vh - 120px); width:calc(100% - 16vw);}
.contact-wrapper .contact-card {display:grid; grid-template-columns:1fr 1.4fr; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.08); min-height:80vh;}
.contact-wrapper .contact-content {padding:30px 40px; display:flex; flex-direction:column; height:100%;}
.contact-wrapper .top-contact {margin-bottom:auto;}
.contact-wrapper .contact-content h1 {margin-bottom:20px;}
.contact-wrapper .contact-content p {max-width:420px;}
.contact-wrapper .contact-info {display:flex; flex-direction:column; gap:0.5rem; margin-top:1rem; gap:0.5rem;}
.contact-wrapper .contact-map {position:relative;}
.contact-wrapper .contact-map iframe {width:100%; height:100%; border:0;}
.industries-sec {height:100vh; position:relative; overflow:hidden;}
.industries-sec .industries-title {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); font-size:6vw; opacity:1; z-index:10; white-space:nowrap;}
.industries-sec .floating-wrap {position:absolute; bottom:0; width:100%; height:100%; pointer-events:none;}
.industries-sec .float-card {border-radius:22px; overflow:hidden; position:absolute; opacity:1; pointer-events:auto; transition:0.35s ease; z-index:99;}
.industries-sec .float-card::before {content:""; position:absolute; inset:0; background:linear-gradient( to bottom, rgba(0,0,0,0.85) 0%, rgba(0, 0, 0, 0.55) 20%, rgba(0, 0, 0, 0) 100% ); z-index:1;}
.industries-sec .slot-a {top:60px; left:5%;}
.industries-sec .slot-b {top:60px; right:5%;}
.industries-sec .slot-c {bottom:70px; left:50%; transform:translateX(-50%);}
.industries-sec .float-card img {width:100%; height:100%; object-fit:cover; transition:0.4s ease;}
.industries-sec .card-text {position:absolute; left:20px; top:20px; width:calc(100% - 40px); color:#fff; pointer-events:none; z-index:4;}
.industries-sec .card-text h3 {font-family:'Inter';margin:0; font-size:20px; font-weight:700; color:#fff; font-weight:700; z-index:4;}
.industries-sec .card-text .desc {margin-top:6px; opacity:0; transform:translateX(40px); transition:0.4s ease; z-index:4; font-size:14px; margin-top:10px;}
.industries-sec .float-card:hover img {filter:blur(6px) brightness(0.55); transform:scale(2); object-fit:cover; object-position:top left;}
.industries-sec .float-card:hover .desc {opacity:1; transform:translateX(0px);}
.it-solutions-hero {margin:0 8vw 0; padding:30px; border:1px solid #b6b7a3; border-radius:20px; width:calc(100% - 16vw);}
.it-solutions-hero .features-grid{ margin-top: 40px ;}
.it-solutions-hero .container {width:100%; margin:auto;}
.it-solutions-hero .row {display:flex; gap:60px;}
.it-solutions-hero .row-top {margin-bottom:20px; align-items:center; margin-bottom: 40px;}
.it-solutions-hero .row-top.mb-0{margin-bottom: 0;}
.it-solutions-hero .col {width:50%;}
.it-solutions-hero .col.left {width:55%;}
.it-solutions-hero .col.left p {margin-bottom:15px;}
.it-solutions-hero .col.left h1 { font-weight:400; margin-bottom:15px;}
.it-solutions-hero .top-links {display:flex; gap:40px;}
.it-solutions-hero .top-links a { text-decoration:none;}
.it-solutions-hero .top-links span img{width:18px}
.it-solutions-hero .col.right {width:60%; text-align: c;}
.it-solutions-hero .col.right strong { font-weight:600; margin-bottom:10px; display: block; color:#2d2d2d;}
.it-solutions-hero .col.right p{ font-weight: 300;}
.it-solutions-hero .row-bottom {gap:40px; margin-top: 50px;}
.it-solutions-hero .card {width:50%; border-radius:14px; padding:40px 50px 30px; display:flex; flex-direction:column; justify-content:space-between;}
.it-solutions-hero .solutions-card {background:#8B8B7F; width:40%; max-width: 400px;}
.it-solutions-hero .solutions-card h2{color: #EEE; opacity: 0.7;}
.it-solutions-hero .solution-buttons {display:flex; flex-direction:column; gap:15px; border-bottom:1px solid #D8D8D8; padding:0 0  20px; margin-bottom: 15px; font-size: 22px;color:#fff}
/* .it-solutions-hero .solution-buttons img{margin:4px 5px -4px 0} */
.it-solutions-hero .process-card {background:#f6f6ec; width:100%;}
.it-solutions-hero .process-card h2{ text-align: left;}
.it-solutions-hero .process-steps {display:flex; align-items:center; justify-content:space-between; margin-top:20px;  }
.it-solutions-hero .step {display:flex; flex-direction:column; align-items:center; gap:10px; font-size:16px; padding-bottom: 35px;}
.it-solutions-hero .step img {width:45px; opacity:0.8;}
.it-solutions-hero .arrow img {width:25px; height:auto;}
.it-solutions-hero hr {border:none; border-top:1px solid #ddd; margin:30px 0;}
.it-solutions-hero .card-title {font-size:42px; font-weight:400; margin:0 0 0; }
.it-solutions-hero .muted {color:rgba(0,0,0,0.25); text-align:center;}
.security-challenges {position:relative; min-height:100vh; color:#fff; font-family:"Inter", sans-serif; margin-bottom:40px;}
.security-bg {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100vw; height:100%; background:url(../images/bg2.jpg) center center / cover no-repeat; z-index:-1;}
.security-bg::after {content:""; position:absolute; inset:0; background:rgba(0,0,0,0.55);}
.security-container {padding:60px 40px 60px 0; display:grid; grid-template-columns:1fr 1.2fr; gap:80px; position:relative; z-index:2; align-items:center; min-height:100vh;}
.left-content h2 {font-size:44px; line-height:1.2; margin-bottom:20px; color:#fff;}
.left-content p {font-size:16px; max-width:420px; opacity:0.9; color:#fff;}
.right-content {display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:min-content; gap:26px; align-items:start; align-items: stretch;}
.info-card {background:rgba(255,255,255,0.08); backdrop-filter:blur(14px); border-radius:14px; padding:22px; box-shadow:0 20px 40px rgba(0, 0, 0, 0.25); opacity:0; font-size:15px; transform:translateY(40px); transition:all 0.8s ease;}
.info-card h4 {font-size:16px; margin-bottom:10px; color:#fff;}
.info-card p {font-size:14px; line-height:1.6; opacity:0.9;}
.info-card.large {grid-column:span 2; padding:34px;}
.info-card.show {opacity:1; transform:translateY(0);}
.vision-mission {display:grid; grid-template-columns:1fr 1fr; min-height:100vh;}
.vm-block {min-height:100vh; display:flex; align-items:center; padding:80px;}
.vm-block.vision {background:#ffffff;}
.vm-block.mission {background:#f4f3ea;}
.vm-content {max-width:420px; opacity:0; transform:translateX(0);}
.vm-icon img {width:90px; margin-bottom:10vh; opacity:0.7;}
.vm-content h2 { font-weight:500; margin-bottom:28px; color:#000;}
.vm-content p { color:#222;}
.trust-values {padding:120px 0;}
.tv-container {max-width:1300px; margin:auto; padding:0 60px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center;}
.tv-left h2 {margin-bottom:20px;}
.tv-right {display:flex; flex-direction:column;}
.tv-item {display:flex; gap:24px; padding:32px 0; border-bottom:1px solid #eaeaea;}
.tv-item.no-border {border-bottom:none;}
.tv-icon {min-width:44px;}
.tv-text h4 {font-size:22px; margin-bottom:8px;}
footer {position:relative; border-left:1px solid #b6b7a3; border-right:1px solid #b6b7a3; padding:2rem 2rem 0 2rem; margin:0 10vw; width:calc(100% - 20vw); background:#fff; z-index:999;}
footer:before {content:''; position:absolute; left:-451px; top:0; height:100%; width:450px; background:#f2f2e8; z-index:-1;}
footer:after {content:''; position:absolute; right:-452px; top:0; height:100%; width:451px; background:#f2f2e8; z-index:-1;}
.footer-container {margin:0 0; display:flex; flex-direction:column; gap:6vh;}
.footer-top {display:flex; flex-direction:row; justify-content:space-between; gap:4vh; padding:20px 0;}
.footer-info {display:flex; flex-direction:column; gap:1rem;}
.footer-info h2 {font-size:1.3rem; color:#1a1a1a; font-family: 'Inter'; font-weight: 700; }
.footer-info p {max-width:400px; color:#929292; line-height:22px; font-size: 14px;}
footer .contact-info {margin-top:1rem;  font-size:0.9rem; color:#929292;}
footer .contact-info div {display:flex; align-items:center; gap:0.5rem; width:100%;}
footer .contact-info .row{display:flex;  gap:0.5rem; width: 100%; padding: 10px 0; }
footer .contact-info .row img{ margin: 4px 0 -4px;}
.footer-links {display:grid; grid-template-columns:repeat(2,1fr); gap:2rem; margin-top:2rem; }
.footer-links li {list-style:none; padding: 5px 0;}
.footer-links a {display:inline-block;  color:#414140; text-decoration:none; line-height:20px; position:relative; padding:10px 0 5px;}
.footer-links a::after {content:""; position:absolute; left:0; bottom:0; height:1.5px; width:0; background:#414140; transition:width 0.3s ease;}
.footer-links a:hover::after {width:100%;}
.footer-bottom {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:1rem; padding:20px 0; border-top:1px solid #e0e0e0;}
.footer-bottom img {height:40px;}
.footer-bottom p {font-size:0.85rem; color:#888;}
.n-t-s {padding-top:0; margin-top:0;}
.mb-40 {margin-bottom:40px;}
.it-solutions-hero .solutions-row {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* .service-section-col.service-section-image.service-section-image-from-top img {width: 80%; height: auto;}
.service-section-col.service-section-image.service-section-image-from-bottom img {width: 80%; height: auto;} */

@media (min-width: 1700px) {
.globe-outer{ transform: scale(2)!important;}
    .nav-links {gap:30px; font-size:18px;}
    .title-row p{ font-size: 18px;}
}

@media (min-width: 1440px) {
    .solution-row .text-box h2 {font-size:32px; line-height:normal;}

    .globe-outer{ transform: scale(1.6)!important;}
}
@media (max-width: 1439px) {
:root {--h1:42px; --h2:32px; --h3:26px; --h4:22px;}
:root { --text-base: 14px;  --text-md: 15px;    --text-sm: 14px;   --lh-base: 21px; }
.feature-card p{ font-size: 14px;}
.nav-links {gap:25px; font-size:14px;}
.globe-outer {width:400px; height:400px; transform: scale(1)!important;}
.it-solutions-hero .solution-buttons{ font-size: 16px;padding: 0 0 20px; margin-bottom: 0;}
.it-solutions-hero .step{ padding-bottom: 23px;}
.it-solutions-hero .card-title {font-size: 30px;}
.industries-sec .slot-a {top:60px; left:5%;}
.industries-sec .slot-b {top:60px; right:5%;}
.industries-sec .slot-c {bottom:70px; left:50%; transform:translateX(-50%);}
.solution-row .arrow-btn, .solution-row .circle-fill {width:40px; height:40px;}
.global-section{ min-height: auto;}

.gen-ai-section{width: calc(100% - 8vw);margin: 0 4vw 0;}
 header {padding: 30px 5vw 10px;}
.section-container {margin: 0 6vw; width: calc(100% - 12vw);}
footer {margin: 0 6vw;width: calc(100% - 12vw);}
.hero-area {margin: 0 2vw 0;width: calc(100% - 4vw);}
.contact-wrapper {margin: 0 4vw 0;width: calc(100% - 8vw);}
.it-solutions-hero { margin: 0 4vw 0;width: calc(100% - 8vw);}
    .nav-links {gap:30px; font-size:13px;}
    .hero_container.home {
    padding-top: 135px;
}
.hero_container {
    padding-top: 100px;
}
.partner-btn { font-size: 14px;}
}

@media (max-width: 768px) {
:root {--h1:36px; --h2:28px; --h3:22px; --h4:18px;}
:root { --text-base: 14px;  --text-md: 14px;    --text-sm: 13px;    --lh-base: normal; }
.partner-slider {padding:0; margin:0 0 -60px;}
.partner-detail .partner-content {justify-content:flex-start; max-width:100%;}
.partner-detail .partner-bottom {margin-top:30px;}
.partner-detail .partner-logo img {margin-bottom:0;}
.partner-detail .partner-container {padding:0 !important; grid-template-columns:1fr; gap:40px; padding:0 20px;}
.partner-detail .image-caption {font-size:18px;}
.industries-sec {height:auto; overflow:visible;}
.float-card {width:100%;}
.industries-sec .floating-wrap {position:relative; padding:20px 0 40px;}
.industries-sec .float-card {position:relative !important; width:100%!important; margin:0 auto 30px !important; left:auto !important; right:auto !important; top:auto !important; transform:none !important;}
.industries-title {position:static !important; transform:none !important; text-align:center !important; margin:40px 0 20px !important; transform:none !important;}
.vision-mission {grid-template-columns:1fr;}
.vm-block {min-height:auto; padding:0;}
.vm-icon img {margin-bottom:40px; width:60px;}
.service-section-text{ padding-top: 100px;}
}

@media (max-width: 480px) {
:root {--h1:30px; --h2:24px; --h3:20px;}
.partner-detail .partner-detail {padding:50px 0;}
.partner-detail p {font-size:14px;}
.partner-detail .image-caption {font-size:16px; padding:16px 18px;}
.tv-item {padding:24px 0;}
.tv-text h4 {font-size:20px;}
}

@keyframes arrowMove {
0% {transform:translateX(0) translateY(0);}
50% {transform:translateX(40px) translateY(-40px);}
100% {transform:translateX(0) translateY(0);}
}

@keyframes scroll {
from {transform:translateX(0);}
to {transform:translateX(-50%);}
}

@media (max-width: 1024px) {
.partner-detail .partner-container {gap:50px; padding:0 40px;}
}

@media (min-width: 768px) {
.features-grid {grid-template-columns:repeat(2,1fr); gap:2rem;}
}

@media (min-width: 1024px) {
.features-grid {grid-template-columns:repeat(3,1fr); gap:0;}
.features-grid.four-col {grid-template-columns:repeat(4,1fr); gap:0;}
}

@media(max-width:768px) {
.who-slide {width:85%;}
.who-slide-card img {height:60vh;}
.contact-wrapper .contact-card {grid-template-columns:1fr; margin-bottom: -30px;}
.contact-wrapper .contact-content {padding:40px 30px;}
.contact-wrapper .contact-map {height:320px;}
.contact-wrapper {padding:0; margin:0 2rem; border:1px solid #b6b7a3; border-radius:20px; min-height:auto; width:calc(100% - 4rem); overflow: hidden;}
.contact-wrapper .contact-content h1 br {display:none;}

}

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

@media(max-width: 900px) {
.global-section {flex-direction:column; gap:30px;}
.globe {width:250px; height:250px;}
}

@media(max-width: 500px) {
.swiper-slide {font-size:1rem;}
.globe {width:200px; height:200px;}
}

@media (max-width:767px) {
.smarter-section .hero-text {display:block;}
.title-row p {max-width:100%;}
.solution-row .img-desc{ font-size: 14px;}
}

@media (max-width: 900px) {
.solution-row, .solution-row.reverse {flex-direction:column;}
.solution-row .img-box, .solution-row .text-box {width:100%;}
.solution-row .text-box {padding:21px 65px 35px 20px;}
footer .contact-info .row img{ margin: 4px 0 -4px;}

}

@media(max-width:1024px) {
  .contact-wrapper .contact-content{padding: 20px; display: block;}
  .contact-wrapper .contact-info{ display: block;}
.contact-wrapper .contact-card {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 100%;
}
}

@media (max-width: 600px) {
.industries-sec .float-card {width:100%; left:0% !important;}
.right-content {grid-template-columns:1fr;}
.info-card.large {grid-column:span 1;}
.left-content h2 {font-size:32px;}
.service-section-col:nth-child(2), .service-section-col:nth-child(3) {width:42%;}
.service-section-image {height:45vh; border-radius:10px 10px 0 0;}
.globe-outer {width:280px; height:280px;}
.who-slide-overlay {position:absolute; top:auto; bottom:20px; left:20px; right:20px; max-width:100%; width:calc(100% - 40px); height:auto; padding:40px; background:rgba(0,0,0,0.85); border-radius:20px; color:#fff; align-items:center; display:flex;}
footer .contact-info {display:block;}
footer .contact-info div {margin:15px 0; display:block; width:100%;}
footer .contact-info div  img{ margin: 4px 0 -4px;}
footer .contact-info .row{ display: block; padding: 0;}

}

@media (max-width: 992px) {
.it-solutions-hero .row {flex-direction:column;}
.it-solutions-hero .card, .it-solutions-hero .col {width:100% !important;}
.it-solutions-hero .col.left h1 { margin-bottom:10px;}
.it-solutions-hero .card-title {font-size:32px; margin-top:15px;}
.vm-block.mission {position:relative; padding-bottom:30px;}
.vm-block.mission:before {content:''; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50% ); width:100vw; height:100%; background:#f2f2e8; clip-path:inset(0 0 0 0); z-index:-1;}
.partner-btn {width:fit-content;}
.solution-row .text-box h2 {font-size:20px !important;}
.solution-row .text-box h2 br {display:none;}
.security-container {grid-template-columns:1fr; gap:60px;}
.tv-container {grid-template-columns:1fr; gap:30px; padding:0;}
.tv-left {text-align:left;}
.trust-values {padding:40px 0;}
}

@media (max-width: 576px) {
.it-solutions-hero .process-steps {flex-direction:column; gap:20px;}
/* .it-solutions-hero .arrow {transform:rotate(90deg);} */
.it-solutions-hero .top-links {flex-direction:row; gap:15px;}
.it-solutions-hero .top-links a {font-size:14px;}
.it-solutions-hero .row {gap:20px;}
.it-solutions-hero .card {padding:25px;}
}

@media (max-height: 670px) {
.gen-big-card>img, .gen-card>img {width:100%; height:40vh;}
.gen-big-card>img, .gen-big-card>img{ height: 80vh;}
}

@media (min-height: 600px) {
.who-slide-card {position:relative; overflow:hidden; border-radius:18px;}
.who-slide-card img {width:100%; object-fit:cover;}
.who-slide-card h3 {color:#fff; margin-bottom:10px;}
.service-section-tab-content {display:none; max-height:100%; overflow-y:hidden;}
}

@media (max-width:1279px) {
.logo img {height:30px; margin:0 0 -10px;}
.partner-btn {font-size:14px;}
.it-solutions-hero .row {gap:25px;}
}

@media (max-width: 1200px) {
.it-solutions-hero .row-top { margin-bottom: 20px;}
.vision-mission{ height: auto; min-height: auto; margin: 0 ; overflow: hidden;}
.vm-block{ min-height: auto; margin-top: 20px; margin-bottom: 0; padding: 40px; border: 1px solid #ccc;}
.trust-values {padding: 60px 0;}
.hero_container.home {padding-top:0;}
.hero_container {padding-top:100px;}
.gen-ai-section {margin:0 2rem; padding:30px; border:1px solid #b6b7a3; border-radius:20px; min-height:calc(100vh - 160px); width:calc(100% - 4rem);}
header {padding:15px 25px; box-shadow:0 0 20px rgba(0,0,0,0.1); position:fixed; border-radius:30px; top:10px; left:20px; right:20px; max-width:calc(100% - 40px);}
.navbar {position:absolute; top:-10px; left:-20px; right:0; background:#fff; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); width:calc(100% + 40px); height:100vh; transform:translateY(-100vh); transition:all ease 0.3s; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mobile-head {display:flex; justify-content:space-between; padding:25px 2rem 25px 1.5rem;}
.mobile-head .m-logo {max-width:271px; height:auto; min-height:auto; object-fit:contain;}
.mobile-head .m-logo img {height:auto;}
.mobile-head .close img {width:35px; margin:2px 0 0 -10px;}
.nav-open {overflow:hidden;}
header .partner-btn.mobile {display:block; border:1px solid #2d2d2d; padding:15px 20px; position:absolute; left:30px; bottom:20px;}
.nav-links {display:block; padding-top:10vh; width:100%; padding:30px;}
.navbar li {text-align:left; padding:0 0; font-size:16px; text-transform:uppercase;}
.navbar li a {padding:15px 0; display:block; width:100%;}
.navbar.active {display:block; transform:translateY(0); min-height:540px;}
.solution-row .text-box:hover .circle-fill {transform:scale(60);}
.menu-toggle {display:block;}
header .partner-btn {margin:10px auto; display:none;}
.why-section {margin:0;}
.left-side {flex:1; max-width:100%; margin-bottom:20px;}
.hero-area {padding:0; margin:0; width:100%; border:none; height:100vh; margin:0;}
.hero-area video, .hero-box {border-radius:0; height:100vh; margin:0;}
.service-section-tab-content {display:none; max-height:1100%005; overflow-y:hidden;}
.service-section {min-height:auto;}
.left-side h2 br {display:none;}
.section-container {overflow:hidden;}
footer {border:none; padding:2rem 2rem 0 2rem; margin:0; width:calc(100% - 0px);}
footer:after, footer:before {display:none;}
}

@media (min-width: 1024px) and (max-width:1199px) {
.section-container {margin:0; width:calc(100% - 0px);}
.service-section-text {padding-bottom:0; min-height:auto;}
.service-section-col:nth-child(1) {flex:none; min-width:unset; width:100%;}
.service-section-col:nth-child(3) {display:none;}
.service-section-image {height:60vh; position:relative; overflow:hidden;}
.service-section-image img {width:100%; height:100%; object-fit:cover; position:absolute;}
.stack-header {display:none;}
}

@media (max-width: 1023px) {
.features-grid.four-col {grid-template-columns:repeat(2,1fr); gap:0;}
.solution-row .arrow-btn, .solution-row .circle-fill {width:30px; height:30px;}
.it-solutions-hero .col.left {width:100%;}
.it-solutions-hero {margin:0 2rem 0; padding:0; width:calc(100% - 4rem); border:none;}
.security-bg {min-height:110px;}
.gen-big-card>img, .gen-card>img {height:35vh;}
.gen-ai-section .card-content h3 {font-size:20px;}
.left-side h2, .service-section-text h2, .title-row h2 {font-size:2rem;}
.why-section {padding:50px 0;}
.global-section {min-height:auto;}
.service-section {flex-wrap:wrap;}
.service-section-col:nth-child(3) {display:none;}
header .partner-btn {display:none;}
.section-container {padding:2rem 2rem 0; border:none; margin:0; width:calc(100% - 0px);}
.services-container {margin:0;}
.left-side {flex:1; max-width:100%;}
.globe-outer {width:380px; height:380px;}
.title-row {display:block;}
.title-row h2 {margin-bottom:10px; font-size:2.5rem;}
.logo img {height:auto; max-width:240px; margin:0 0 -8px -10px;}
.menu-toggle {display:block; margin:-5px -0 0 0;}
.left-side h2 br {display:none;}
.hero-text {height:auto; display:block;}
.solutions-section .title-row {padding-bottom:15px;}
.hero-text h2 {padding-bottom:15px;}
}

@media(max-width:767px) {
.hero-text h2 {font-size:2.1rem; margin-top:20px;}
.gen-ai-section {border:0; padding:0;}
.gen-big-card {position:relative; margin-top:25px;}
.gen-bottom {position:relative; display:grid; grid-template-columns:repeat(1,1fr); padding-right:0; margin-top:20px;}
.gen-ai-container {display:block;}
.gen-right {position:relative; width:100%;}
.gen-left {width:100%;}
.gen-text h1 {font-size:32px;}
.global-section {padding:0 0 30px;}
.footer-top {display:block; flex-direction:row; justify-content:space-between; gap:4vh; padding:20px; margin:0 0;}
.footer-bottom {display:block; padding:20px 2rem; margin:0 0;}
.services-container {border:none; min-height:auto;}
.footer-bottom, .footer-top {padding-left:0; padding-right:0px;}
.solution-row .text-box {padding:21px 65px 25px 20px;}
.partner-detail .partner-logo img {max-width:95%;}
.features-grid.four-col {display:grid; grid-template-columns:1fr; gap:2rem;}
.features-grid.four-col .feature-card { height: auto; min-height: auto;}
.features-grid.four-col .feature-card h3{ font-size: var(--h2);}
.globe-outer {width:280px; height:280px;}
}