@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-AESFont-book:'AESFont-Book';
  --ff-AESFont-bold:'AESFont-Bold';
  --ff-AESFont-demi:'AESFont-Demi';
  --ff-AESFont-medium:'AESFont-Medium';
  --ff-AESFontIn-regular:'AESFontIn-Regular';
  --ff-AESFontIn-sbold:'AESFontIn-SemiBold';
  --ff-AESFontIn-bold:'AESFontIn-Bold';
   
  /** background color declaration **/
  --bg-white: #ffffff;
  --bg-dblue: #090F2A;  
  --bg-orange:#EF7300;    
  --bg-lorange: #FEE8DA;
  --bg-elorange: #FFF8F0;
  --bg-grey: #F6F6F6;
  --bg-black: #000000;  
  --bg-grey1: #F0F0F0;

  --bg-rose: #FFDFE4; 
  --bg-lrose: #FEE8DA; 
  --bg-lgrose: #FFF8F0; 
  --bg-lblue: #ECECFF; 
  --bg-lgrey: #F5F5F5; 
  --bg-violet: #6903C2;
  --txt-black-clr: #0C0C0C; 
  --txt-black-one: #252539; 
  --txt-blue-clr: #0091E5; 
  --txt-grey-clr: #93939A;
  --title-grey-clr: #949494;
  --txt-green-clr: #0A9D4C;
  --bg-ltgrey: #F8F8F8;
  
  /** text color declaration **/
  --txt-white: #ffffff;
  --txt-black:#000000;
  --txt-orange: #EF7300;
  --txt-dblue: #090F2A;  
  --txt-mblack: #1E1515;
  --txt-grey: #858585;;

  --bx-blue-txt: #0091E5;
  --bx-blue-clr:#e6f4fd;
  --bx-grey-clr:#e1e2e5;
  --txt-lgrey-clr: #9291A5;

}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-dblue); font-size:16px; color:#000000; line-height:20px; font-family: var(--ff-AESFontIn-regular); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1240px; margin:auto; padding:0px;}
img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }
.container { width: 100%; padding: 0 4rem;}

.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
.black-bg { background: var(--bg-black);}
.white-bg { background: var(--bg-white);}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}
.lenis.lenis-scrolling iframe { pointer-events: none;}

/*cursor css*/
.custom-cursor { position: fixed; width: 120px; height: 120px; background: var(--bg-dblue); border-radius: 50%; border: 2px solid var(--bg-white); display: flex;
align-items: center; justify-content: center; font-size: 18px; color: var(--txt-white); /* transition: all 1s ease; */ pointer-events: none;
/* mix-blend-mode: difference; */ transform: translate(-50%, -50%) scale(0); overflow: hidden; text-align: center;  text-transform: uppercase;}
.custom-cursor span { display: block; }

/**button animation starts **/
a.org-btn {	border-radius: 12px; border: 2px outset rgba(255, 255, 255, 0.56); position: relative;	display: inline-block;padding: 0.7rem 1.5rem;	color: var(--txt-white);	
overflow: hidden;	/* box-shadow: 0px 1px 2px 0px rgba(62, 34, 13, 0.50), 0px 0px 0px 2px #671D13;*/ font-family: var(--ff-AESFontIn-bold); font-size: 1.063rem; 
text-decoration: none;	background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -1.14%, rgba(255, 255, 255, 0.15) 98.86%), #FE7300; transition: 0.2s; }
a.org-btn:hover { border: 2px outset rgba(255, 255, 255, 0.56); background: var(--bg-elorange); color: var(--txt-orange);  /*box-shadow: 0 0 10px rgba(255, 255, 255, 0.17), 0 0 20px rgba(255, 255, 255, 0.17), 0 0 20px rgba(255, 255, 255, 0.17);*/	transition-delay: 1s;}

a.org-btn span {position: absolute;	display: block;}
a.org-btn span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, #eee);}
a.org-btn:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
a.org-btn span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, #eee);}
a.org-btn:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
a.org-btn span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, #eee);}
a.org-btn:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
a.org-btn span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, #eee);}
a.org-btn:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}
a.white-btn { background: none; box-shadow: none; border: 2px outset rgba(255, 255, 255, 1);}
/**button animation ends **/

/* header css */
.main-page header.home-page { opacity: 0; visibility: hidden;}
header { width: 100%;position: fixed; left: 0; top:0; z-index: 999; padding: 0.938rem 0 0; opacity: 1; visibility: visible; -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); background: transparent; /*background: var(--bg-dblue);*/}
header .container { padding: 0rem 0rem; max-width: 1450px; margin: 0px auto;}
.header-bdr { border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 50px; padding: 0rem 2.375rem;  background: var(--bg-dblue);}
.logo { flex: 0 1 130px;}
.contact-btn { display: flex;}
.contact-btn a { font-family: var(--ff-inter-bold); padding: 0.738rem 1.25rem;}

/*****menu css*******/
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 2.5rem; flex-wrap: wrap; align-items: center; }
.megamenu-sec ul li { display: inline-block; margin-right: 0; }
.megamenu-sec ul li a { transition: all 0.4s ease; padding:0px 1.25rem 0 0; display: flex; text-decoration: none; position: relative; font-size: 1.125rem; line-height: 4; text-align: center; color:var(--txt-white); font-family: var(--ff-inter-regular); height: 76px; }
.megamenu-sec ul li a::after { transition: all 0.4s ease; position: absolute; display: block; content: "\f078"; font-size: 0.75rem; right: 0; top: 48%; transform: translateY(-50%); color: var(--bg-white); font-family: "FontAwesome";} 
.megamenu-sec ul > li:hover > a { color:var(--txt-orange); }
.megamenu-sec ul > li:hover > a::after { color:var(--txt-orange); }
.megamenu-sec ul li a.active { color:var(--txt-orange); }
.megamenu-sec ul > li > a.active::after { color:var(--txt-orange); }
.megamenu-sec ul li ul { transition: all 100ms ease-in-out; position: absolute; background-color: var(--bg-dblue); padding:2rem; transition: 0.3s; top: 130%; opacity: 0;
 visibility: hidden; width: 1260px;left: 0;right: 0;margin: 0 auto; border-radius: 0 0 12px 12px;}
.megamenu-sec ul li ul li { margin: 0; margin-bottom: 0px; display: flex; flex-wrap: wrap; }
.megamenu-sec ul > li:hover ul { opacity: 1; visibility: visible; top: 100%;}

.megamenu-sec ul li ul ul { display: flex; flex-wrap: wrap; /*flex-direction: column;*/ padding: 0; column-gap: 20px; justify-content: space-between; align-items: center; position: relative; top: auto !important;  align-items: stretch;}
.megamenu-sec ul li ul ul li { flex: 0 1 100%; position: relative; border-bottom: 1px solid rgba(24, 57, 100, 0.5); display: block;}
.megamenu-sec ul li ul ul li a { width: 100%; display: block; padding: 0px; font-family: var(--ff-AESFontIn-regular); height: auto; font-size: 0.875rem; line-height: 1; text-align: center; color: var(--txt-white);text-align: left; transition: all 0.4s ease; } 
.megamenu-sec ul li ul ul li:hover a{ color: var(--txt-white);}
/* .megamenu-sec ul li ul ul li:last-child { border: none;} */

.megamenu-sec .megamenu-lft { flex: 0 1 60%;}
.megamenu-sec .megamenu-lft h3 { color: #B7ADAD; font-size: 0.875rem; line-height: 1; text-transform: uppercase; font-family: var(--ff-AESFontIn-sbold); margin-bottom: 1rem;}
.megamenu-sec .megamenu-lft ul { padding: 0; width: auto;}
.megamenu-sec .megamenu-lft ul li { flex: 0 1 48%; padding-bottom: 15px; margin-bottom: 15px;}
.megamenu-sec .megamenu-lft ul li a { padding-left: 1.3rem; position: relative; }
.megamenu-sec .megamenu-lft ul li a::after { position: absolute; display: block; content: ""; background: var(--bg-orange); width: 10px; height: 10px; border-radius: 25px; left: 0; top: 18px;}
.megamenu-sec .megamenu-lft ul li a h2 { font-size: 1.125rem; color: var(--txt-white); font-family: var(--ff-AESFontIn-sbold); position: relative; line-height: 2; transition: all 0.4s ease;}
.megamenu-sec .megamenu-lft ul li p { color: #BEB8B8; font-size: 0.875rem; line-height: 1; }
/* .megamenu-sec .megamenu-lft ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: none;} */
.megamenu-sec .megamenu-lft ul li a:hover h2 { color: var(--txt-orange);} 
.megamenu-sec .double-menu .megamenu-lft ul li a h2 { line-height: 1.5;}
.megamenu-sec .double-menu .megamenu-lft ul li a::after { top:14px; }

.fullwidth-menu li { justify-content: space-between; }
.megamenu-rht { flex: 0 1 36%;}
.megamenu-sec .megamenu-rht h3 { color: #B7ADAD; font-size: 0.875rem; line-height: 1.3; text-transform: uppercase; font-family: var(--ff-AESFontIn-sbold); margin-bottom: 1rem;}
.featured-blog { background: rgba(255, 255, 255, 0.11); border-radius: 12px; overflow: hidden; padding: 1.5rem;}
.featured-blog h2 { color: var(--txt-white); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 1rem; }
.featured-blog h5 { margin-bottom: 1rem; font-size: 0.875rem; line-height: 1; border: 1px solid var(--bg-white); border-radius: 25px; padding: 0.45rem 1.55rem; display: inline-block; font-family: var(--ff-AESFontIn-regular); color: var(--txt-white); }
.megamenu-sec .featured-blog a { height: auto; line-height: normal; display: inline-block; padding: 0.538rem 1.875rem; color: var(--txt-orange); background: var(--bg-lorange); font-family: var(--ff-AESFontIn-bold); border: 0px solid var(--bg-orange);} 
.megamenu-sec .featured-blog a span { padding: 0; margin: 0;}
.megamenu-sec .featured-blog a::after { display: none;}
.megamenu-sec .featured-blog a span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
.megamenu-sec .featured-blog a:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
.megamenu-sec .featured-blog a span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
.megamenu-sec .featured-blog a:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
.megamenu-sec .featured-blog a span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
.megamenu-sec .featured-blog a:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
.megamenu-sec .featured-blog a span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
.megamenu-sec .featured-blog a:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}
.megamenu-sec .featured-blog a.org-btn:hover { background: var(--bg-orange); color: var(--txt-white);  /*box-shadow: 0 0 10px rgba(255, 255, 255, 0.17), 0 0 20px rgba(255, 255, 255, 0.17), 0 0 20px rgba(255, 255, 255, 0.17);*/	transition-delay: 1s;}

.featured-img-sec { float: right; position: relative; right: -60px; bottom: -50px;}
.featured-img-sec .featured-img-pad { height: 280px; width: 280px; z-index: 1; border-radius: 50% 50% 0 50%; overflow: hidden; position: relative;}
.featured-img-pad img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto;}
.featured-img-pad:after {  position: absolute; display: block; z-index: -1; content: ""; right: 0; bottom: 0; border-radius: 50% 50% 0 0; width: 100%; height: 100%; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));}

.overlay { position: relative;}
.overlay::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; backdrop-filter: blur(8px); background: rgba(0, 0, 0, 0.2); transition: backdrop-filter 0.6s ease-in-out, background 0.6s ease-in-out; z-index: 9; }

.megamenu-sec ul li ul.fullwidth-menu.single-menu {width: 900px;}
.megamenu-sec ul li ul.fullwidth-menu.single-menu li{flex: 0 1 100%;}
.megamenu-sec .megamenu-lft.single-menu ul li {flex: 0 1 100%; column-gap: 4%;}
.megamenu-sec .megamenu-lft.single-menu {flex: 0 1 46%;}
.megamenu-sec .megamenu-rht.single-menu {flex: 0 1 50%;}
.megamenu-sec .megamenu-lft.single-menu ul{column-gap: 0;}
.megamenu-sec .megamenu-lft.single-menu ul li {flex: 0 1 100%;}
.featured-img-sec.single .featured-img-pad {height: 210px; width: 210px;}

/* Banner css */
.loading-hero-section { position: relative; height: 100vh; overflow: hidden; left: 0; top: 0; width: 100%; background: var(--bg-dblue);}
.orange-bg { background: var(--bg-orange);}
.loading-txt h1 {  font-size: 3rem; color: var(--txt-dblue); line-height: 1.1;  transform: translateX(0) scale(1); transition: transform 0.4s ease; font-family: 'AESFont-Book';}
.loading-sec { z-index: 9; width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; padding: 0rem 1rem; max-width: 1450px; margin: 0px auto;}
.loading-anim-text { width: 100%; position: relative; inset: 0%; display: flex; height: 100%; align-items: center; }
.load-txt-wrap.text-1 { width: 50%; position: absolute; left: 0; white-space: nowrap; }
.load-txt-wrap.text-2 { width: calc(100% - 50%); position: absolute; transform: translateX(100%); /* transition: width 0.3s; transition: width 0.5s ease-out;  Optional fallback for non-JS animations */}
.load-txt-para { opacity: 0; visibility: hidden; position: absolute; left: 0; transform: translateY(180px); /*transition: opacity 0.3s, transform 0.3s;*/ white-space: nowrap;}
.load-txt-para p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.5; margin-bottom: 30px;}
.load-txt-para ul { display: flex; flex-wrap: wrap; column-gap: 4%;}
.load-txt-para ul li { flex: 0 1 auto;}
.hero-img { opacity: 0; visibility: hidden; position: absolute; right: 0; bottom: 0; transform: translateY(100px); /*transition: opacity 0.3s, transform 0.3s;*/ }
.circle-div { width: 100%; height: 100%; border-radius: 0%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; /*z-index: 1;*/ transform-origin: center; transition: transform 0.5s ease-out;}
.circle-div .org-circle { /*perspective: 1500px; will-change: transform, scale; transition: all 0.2s ease;  transform: translate3d(0, 0, 0);*/ z-index: 1; width: 700px; height: 700px; transform: scale(10); border-radius: 50%; background: var(--bg-orange); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
/* .circle3 { z-index: 99;} */

/* scroll down button css */
.scroll-down {position: absolute;width: 24px;left: 0px;right: 0px;bottom: 10px;margin: 0px auto;z-index: 99; opacity: 0;}
.chevron { position: absolute;width: 28px; height: 2px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite;}
.chevron:first-child {animation: move 3s ease-out 1s infinite;}
.chevron:nth-child(2) { animation: move 3s ease-out 2s infinite;}
.chevron:before, .chevron:after { content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff;}
.chevron:before { left: 0; transform: skew(0deg, 30deg);}
.chevron:after { right: 0; width: 50%; transform: skew(0deg, -30deg);}
@keyframes move {
  25% { opacity: 1; }
  33% { opacity: 1; transform: translateY(30px); }
  67% { opacity: 1; transform: translateY(40px); }
  100% { opacity: 0; transform: translateY(55px) scale3d(0.5, 0.5, 0.5);}
} 
.text {display: block; margin-top: 70px; margin-left: -30px; font-family: var(--ff-AESFontIn-regular); font-size: 12px; color: #fff;text-transform: uppercase;
white-space: nowrap; opacity: .25; }
@keyframes pulse {
  to { opacity: 1;}
}
/* scroll down button css */
.mob-hero-img { display: none; width: 280px; margin: auto; left: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 2;}

/* Brand css */
.brand-sec { width: 100%; padding: 5rem 0 3rem; position: relative; overflow: hidden; } 
.brand-sec h2 { color: rgba(255, 255, 255, 0.42); font-size: 2rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); text-align: center; margin-bottom: 3rem;}
.brand-sec::after { position: absolute; width: 325px; height: 100%; right: 0; top: 0px; display: block; content: ""; z-index: 1;
background: linear-gradient(90deg, #090F2A 41.71%, rgba(9, 15, 42, 0) 88.58%); transform: matrix(-1, 0, 0, 1, 0, 0); }
.brand-sec::before {  display: block; content: ""; position: absolute; width: 325px; height: 100%; left: 0px; top: 0px; z-index: 1;
background: linear-gradient(90deg, #090F2A 41.71%, rgba(9, 15, 42, 0) 88.58%); }

/* marquee css */
.items {max-width: 100%; }
.items--gsap .items__container { translate: -moz-calc(-100% + 100vw) !important; translate: calc(-100% + 100vw) !important;}
.items__container { position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;width: -webkit-max-content;
width: -moz-max-content; width: max-content;will-change: transform;}
.items .item {margin-right: 24px;}
.item { position: relative;width: 45vw;height: auto;background-color: var(--base);-moz-border-radius: 20px; border-radius: 20px;overflow: hidden;
display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -moz-box-align: center;-ms-flex-align: center;
align-items: center; }
.item.item-regular {width: 165px;-moz-border-radius: 0;border-radius: 0;gap: 0;background-color: transparent;}
.item .item__image { float: left;width: 100%; }
.item .item__image a { display: flex; align-items: center; justify-content: center; height: 70px; padding: 0.5rem 0.238rem; border-radius: 7px; background: none; border: 1px solid #BCBCBC; transition:all .5s ease; }
.item .item__image img {display: block;height: auto;width: auto; filter: grayscale(1);}
.item .item__image a:hover img {  filter: grayscale(0); }

/* welcome css */
.welcome-sec { width: 100%; padding: 4.375rem 0rem 2.813rem; }
.welcome-pad { width: 100%; padding: 0px 8.125rem; }
.welcome-pad h2 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); }
.welcome-pad h2 span { color: var(--txt-orange); }

.business-sec { width: 100%; padding: 2.813rem 0rem 5.313rem; position: relative; overflow: hidden; }
.business-pad { width: 100%; height: 100%; position: relative; }
.map-div { width: 100%; }
.map-div img { width: 100%; transform: perspective(600px) rotateX(25deg) skew(-30deg); 
transition: transform 0.5s;}
.business-cont { width: 100%; position: absolute; left: 0px; top:35%; text-align: center; padding: 0px 3.125rem; }
.business-cont h2 { color: var(--txt-white); font-size: 2rem; line-height: 1.2; font-family: var(--ff-AESFont-book); text-align: center;
transform: translateY(0); transition: transform 0.5s; }
.business-cont h2 svg { position: relative; top:3px; margin-left: 3px;}

ul.business-lst { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; transform: scale(0.6);
opacity: 0;transition: transform 0.5s, opacity 0.5s;}
ul.business-lst li { flex: 0 1 26%; }
ul.business-lst li h3 { color: var(--txt-orange); font-size: 4rem; line-height: 1.1; font-family: var(--ff-AESFont-bold); margin-bottom: 22px; }
ul.business-lst li p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.3; font-family: var(--ff-AESFontIn-regular); }

.digital-title-sec { width: 100%; padding: 5.313rem 0rem 3.75rem; position: relative; overflow: hidden;}
.digital-title {  width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 10px; text-align: center; }
.digital-title h2 { color: var(--txt-white); font-size: 4rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); display: flex; align-items: flex-end; justify-content: center; column-gap: 15px; }
.digital-title h2 img { width: auto;}
.title-left, .title-right {opacity: 0; /* Initially invisible */position: relative; transform: translateY(0); /* Default position */ }

/* services section */
.services-sec { width: 100%; padding: 3.75rem 0rem 6.875rem; position: relative; z-index: 10;}
.service-inn { width: 100%; border-radius: 32px; padding: 4.375rem 0rem 2.813rem; border: 1px solid rgba(255, 255, 255, 0.32); background: linear-gradient(4deg, #090F2A -30.38%, #1B213C 96.68%);}
.service-inn .main-title { margin-bottom: 60px; }
.service-inn .title-lft { flex: 0 1 60%;}
.service-inn .title-lft h2 { color: var(--txt-white);}
.service-inn .title-rgt p { color: var(--txt-white); } 
.service-inn .title-rgt { flex: 0 1 40%;}
.service-list { width: 100%; }
ul.service-lst { width: 100%; display: flex; flex-wrap: wrap; gap: 2%; }
ul.service-lst li { flex: 0 1 23.5%; padding: 1.25rem 1rem; border-radius: 12px; background: #FFF; overflow: hidden; position: relative; transition: all .5s ease; }
.service-cont { width: 100%; position: relative; height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;}
.service-tag { width: 100%; margin-bottom: 22px;}
.service-tag img { width: auto;}
.service-cont h3 { color: var(--txt-black); font-size: 1.25rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 10px; }
.service-cont p { flex-grow: 1; color: var(--txt-black); font-size: 1.110rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 20px; }
ul.service-lst li::before {content: "";position: absolute;right: -100px;bottom: -100px;width: 200px; height: 200px; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));
border-radius: 100% 0px 0px 0px;transition: all .8s ease;}
ul.service-lst li:hover::before { width: 120%; height: 120%; right: 0px;bottom: 0px; opacity: 0; }
ul.service-lst li:hover { background: var(--bg-elorange); }

/* product section */
.product-sec { width: 100%; padding: 5.313rem 0rem; border-radius: 32px 32px 0px 0px; background: var(--bg-grey); }
.main-title { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 85px; }
.title-lft { flex: 0 1 50%;}
.title-lft h2 { color: var(--txt-black); font-size: 2.5rem; line-height: 1.1; font-family: var(--ff-AESFont-bold); }
.title-rgt { flex: 0 1 50%; padding-right: 1.563rem;}
.title-rgt p { color: var(--txt-black); font-size: 1.375rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 20px; }
.product-list { width: 100%; }
ul.prod-lst { width: 100%; display: flex; flex-wrap: wrap; gap: 35px; }
ul.prod-lst li { flex: 0 1 48%; padding: 2.25rem 1.563rem; border-radius: 16px; background: var(--bg-white); overflow: hidden; display: flex; align-items: center; justify-content:right; position: relative;  transition:all .5s ease;}
.prod-img { position: absolute; left: 25px; width: 263px; height: 263px; border-radius: 100%; overflow: hidden; transition:all 400ms ease; }
.prod-img img { width: 100%; transition:all 400ms ease; }
.orng-round { position: absolute; width: 178px; height: 178px; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));
border-radius: 100%; transition:all .3s ease;}
img.img-abs { position: absolute; left: 0px; bottom:0px; width: 100%; transition:all .3s ease; }
.prod-cont { float: right; width: 260px; position: relative; }
.prod-cont span.prod-tag { display: inline-flex;  padding: 0.375rem 0.75rem;  justify-content: center; align-items: center; border-radius: 12px; background: var(--bg-lorange);
color: var(--txt-orange); font-size: 1rem; line-height: 1.2; font-family: var(--ff-AESFont-medium); margin-bottom: 10px; }
.prod-cont h3 { color: var(--txt-black); font-size: 1.5rem; line-height: 1.2; font-family: var(--ff-AESFont-demi); margin-bottom: 10px; transition:all .3s ease;}
.prod-cont p { color: var(--txt-black); font-size: 1.063rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 20px; transition:all .3s ease;}

ul.prod-lst li.product1 .orng-round { left: 10px; bottom: 30px; }
ul.prod-lst li.product2 .orng-round { left: 0px; right: 0px; bottom: 0px; margin: auto; }
ul.prod-lst li.product3 .orng-round { right: 0px; bottom: 25px; }
ul.prod-lst li.product4 .orng-round { right: 5px; bottom: 30px; }

ul.prod-lst li.product1 img.img-abs {left: -35px;bottom: 2px;width: 70%;}
ul.prod-lst li.product2 img.img-abs {left: 45px; bottom: 0px; width: 62%;}
ul.prod-lst li.product3 img.img-abs {left: 45px; bottom: 0px; width: 100%;}
ul.prod-lst li.product4 img.img-abs {left: 0px; bottom: 0px; width: 100%;}

ul.prod-lst li:hover .orng-round { left: -58px; bottom: -58px; width: 286px; height: 286px; }
ul.prod-lst li.product2:hover .orng-round { right: auto; }
ul.prod-lst li.product3:hover .orng-round { left: -58px; top: -58px; }
ul.prod-lst li.product4:hover .orng-round { left: 30px; bottom: 0px; }

ul.prod-lst li:hover .prod-img { left: 0px; width: 100%; height: 100%; border-radius: 0px 0px; background: var(--bg-dblue); transition:all 500ms ease;}
ul.prod-lst li:hover .prod-img img.img-bg { opacity: 0;}
ul.prod-lst li:hover .prod-cont h3 { color: var(--txt-white); }
ul.prod-lst li:hover .prod-cont p { color: var(--txt-white); }

ul.prod-lst li.product1:hover img.img-abs {left: 35px;bottom: 0px;width: 275px;}
ul.prod-lst li.product2:hover img.img-abs { left: 50px; right: auto; width: 222px; }
ul.prod-lst li.product3:hover img.img-abs {left: 20px; width: 340px;}
ul.prod-lst li.product4:hover img.img-abs {width: 340px;}

/* technology section */
.technology-sec { width: 100%; padding: 2.813rem 0px 0px; background: var(--bg-grey); }
.technology-sec h2 { display: flow-root; align-items: center; justify-content: center; text-align: center; color: #090F2A; font-size: 2.5rem; line-height: 1.3; 
font-family: var(--ff-AESFont-bold); padding-bottom: 3.75rem; }
.technology-sec h2 svg { position: relative; top:2px; }

.our-work {float: left;width: 100%;display: flex;align-items: center;background-color: #14192d;background-position: center;background-size: cover;
position: relative; overflow: hidden; background: var(--bg-white); height: 100vh;}
.slider {float: left;width: 100%; display: flex;align-items: center;position: relative;}
.left-container, .right-container { width: 66%; height: 100vh; overflow: hidden; position: relative; }
.left-container { width: 34%; display: flex; justify-content: center; align-items: center;}
.right-element { width: 100%; height: 100vh; position: relative; }
.right-element::before { content: ""; position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.8)), color-stop(50%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.right-element img { width: 100%; height: 100%; object-fit: cover;}
.right-cont-div { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; padding: 5.625rem 1.875rem 1.875rem; display: flex; flex-wrap: wrap; row-gap: 125px; align-content: flex-end; }
.title-div { width: 100%; }
.title-div h3 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 12px; }
.title-div p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.3; font-family: var(--ff-AESFontIn-regular); margin-bottom: 25px; }
.title-div a.know-more { width: 195px;}
.case-study-div { width: 100%; padding: 1.625rem 2.375rem; border-radius: 12px; background: var(--bg-white);}
.case-study-div span.tag { display: inline-flex; padding: 0.625rem 0.75rem; justify-content: center; align-items: center; border-radius: 12px; background: var(--bg-elorange); 
color: var(--txt-orange); font-size: 1rem; line-height: 1.1; font-family: var(--ff-AESFontIn-sbold); margin-bottom: 15px; }
.case-study-div p { color: var(--txt-black); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFontIn-bold); margin-bottom: 15px; }
a.more-link { position: relative; font-size: 1.125rem; line-height: 1.1; font-family: var(--ff-AESFontIn-regular); background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -0.3px; }
a.more-link::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; border-bottom: 2px solid #FE4500; transition:all .5s ease; }
a.more-link:hover { background: var(--bg-black); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a.more-link:hover::after { border-bottom: 2px solid var(--bg-black); }

@media (max-width: 640px) {
  .slider {flex-direction: column;gap: 16px;}
}
.carousel__slider {position: relative;width: 100%;}
.carousel__item { width: 100%; position: absolute; top: 0%; }
.carousel__nav { display: flex; gap: 30px; flex-wrap: wrap;}
@media (max-width: 640px) {
  .carousel__nav {flex-direction: row;}
}
.carousel__nav__item { flex: 0 1 100%; display: flex; align-items: center; column-gap: 12px; padding: 0.5rem 6.125rem; color: var(--txt-black); font-size: 1.5rem; line-height: 1.2; font-family: var(--ff-AESFont-book); transition:all .5s ease;
cursor: pointer;}
.carousel__nav__item span { width: 47px; height: 47px; border-radius: 100%; background: var(--bg-black); }
.carousel__nav__item.active {background: var(--bg-orange); color: var(--txt-white); font-family: var(--ff-AESFont-demi);}
.carousel__nav__item.active span { background: var(--bg-white); }

/* mission section */
.mission-sec{ width: 100%; padding: 7.5rem 0rem; position: relative; display: flex; flex-wrap: wrap; } 
.mission-sec h2 { position: relative; z-index: 5;display: flow-root; align-items: center; justify-content: center; text-align: center; color: var(--txt-white); font-size: 2.5rem; line-height: 1.4; font-family: var(--ff-AESFont-bold); margin-bottom: 60px; }
.mission-sec h2 svg { position: relative; top:2px; margin-left: 3px; }
ul.mission-lst { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; }
ul.mission-lst li { flex: 0 1 auto; margin: 0px -166.5px; }
.mission-div { width: 332px; height: 332px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.mission-1 { border: 1px solid var(--bg-white); z-index: 4; position: relative; }
.mission-2 { background: linear-gradient(180deg, #8441BE 0%, #6903C2 100%); z-index: 3;position: relative;}
.mission-3 { border: 1px solid var(--bg-white); z-index: 2; position: relative; }
.mission-4 { background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); z-index: 4; position: relative; }
.mision-content { width: 100%; padding: 0rem 1.25rem; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 15px; align-content: center; justify-content: center; text-align: center;}
.mision-content svg { width: auto;}
.mision-content h3 { color: var(--txt-white); font-size: 2rem; line-height: 1.1; font-family: var(--ff-AESFont-bold); }

.btn-div { width: 100%; display: flex; justify-content: center; }
a.know-more { color: var(--txt-white); font-size: 1.125rem; line-height: 1.1; font-family: var(--ff-AESFontIn-bold); letter-spacing: 0.5px; display: inline-flex; padding: 0.75rem 1.25rem; 
justify-content: center; align-items: center; border-radius: 12px; border: 2px outset rgba(255, 255, 255, 0.56); /*2px outset #EF7300*/ background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -1.14%, rgba(255, 255, 255, 0.15) 98.86%), #FE7300;
/*box-shadow: 0px 1px 2px 0px #EF7300, 0px 0px 0px 2px #EF7300;*/ text-shadow: 0px 0px 0.5px #FFF; box-shadow: none;}
a.know-more:hover { border: 2px outset transparent; transition-delay: 1s; background: var(--bg-elorange); color: var(--txt-orange); box-shadow: 0px 1px 2px 0px #EF7300, 0px 0px 0px 2px #EF7300;}

/* partners section */
.partners-sec { width: 100%; padding: 4.688rem 0rem; background: #040A25; } 
.sec-title { display: flow-root; align-items: center; justify-content: center; text-align: center; color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 2.5rem; }
.sec-title svg { position: relative; top:2px; margin-left: 3px; }
.partners-sec p { color: var(--txt-white); font-size: 1.375rem; line-height: 1.3; font-family: var(--ff-AESFontIn-regular); text-align: center; }
ul.partners-lst { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 135px; margin-top: 35px; }
ul.partners-lst li { flex: 0 1 auto; }
ul.partners-lst li .logo-div { width: 136px; height: 136px; border-radius: 68px; background: var(--bg-white); display: flex; align-items: center; justify-content: center; }
ul.partners-lst li .logo-div img { width: auto;}

.insights-sec { width: 100%; padding: 4.688rem 0rem; } 
.insights-sec span.logo-icon { top: 0.1rem;}
.insights-sec .sec-title svg { margin-left: 10px; }
.insight-container {display: grid; grid-template-columns: 2fr 2fr; grid-template-rows: auto auto;gap: 25px;padding: 0rem;margin: auto;}
.blog-div { display: flex; flex-wrap: wrap;}
.blog-img { width: 289px; position: relative; border-radius: 12px; overflow: hidden; }
.blog-img img { width: 100%; height: 100%; object-fit: cover;}
.blog-img span.label { position: absolute; top:15px; left: 12px; background: var(--bg-white); display: inline-block; padding: 0.375rem 0.75rem; border-radius: 32px; color: var(--txt-black); font-size: 1rem; line-height: 1.1; font-family: var(--ff-AESFontIn-regular); text-align: center; }
.blog-content { width: calc(100% - 289px); padding: 0rem 0rem 0rem 1.375rem; display: flex; flex-wrap: wrap; align-content: center; }
.blog-content h3 { width: 100%; color: var(--txt-white); font-size: 1.5rem; line-height: 1.5; font-family: var(--ff-AESFont-demi); margin-bottom: 10px; }
.blog-content p { width: 100%; color: var(--txt-white); font-size: 1.125rem; line-height: 1.4; font-family: var(--ff-AESFontIn-regular); margin-bottom: 32px; }
a.read-more { width: 172px; color: var(--txt-orange); font-size: 1.063rem; line-height: 1.1; font-family: var(--ff-AESFontIn-bold); display: inline-flex; padding: 0.688rem 1.25rem; 
justify-content: center; align-items: center; border-radius: 12px; border: 2px solid var(--bg-orange);; background: var(--bg-elorange); box-shadow: none; transition: all 0.4s ease;}
a.read-more:hover { border: 2px solid var(--bg-orange); box-shadow: none;/**/	transition-delay: 1s; background: var(--bg-orange); color: var(--txt-white);}

a.read-more span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
a.read-more:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
a.read-more span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
a.read-more:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
a.read-more span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
a.read-more:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
a.read-more span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
a.read-more:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}

.product-sec a.read-more:hover { box-shadow: none; transition-delay: 0s;}

.blog-div:first-child { grid-column: 1 / 2; grid-row: 1 / 3; }
.blog-div:nth-child(2) {grid-column: 2 / 3;grid-row: 1 / 2;}
.blog-div:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
.blog-div:first-child .blog-img { width: 100%;}
.blog-div:first-child .blog-content { width: 100%; padding: 1.875rem 0rem 0rem 0rem; }

.connect-sec { width: 100%; padding: 3.75rem 0rem; background: var(--bg-dblue); position: relative; overflow: hidden; } 
.connect-cont { width: 100%; }
span.logo-ico { width: 100%; }
span.logo-ico svg{ width: auto;}
.connect-sec h2 { width: 100%; color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin: 1.25rem 0rem 2rem; }
.connect-sec p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 2rem; }
span.violet-txt { color: var(--bg-violet); }
a.connect-btn { color: var(--txt-orange); font-size: 1.063rem; line-height: 1.1; font-family: var(--ff-AESFontIn-bold); display: inline-flex; padding: 0.688rem 1.25rem; 
justify-content: center; align-items: center; border-radius: 12px; box-shadow: none; border: 2px solid transparent; /*border: 2px out rgba(255, 255, 255, 0.56);*/ background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -1.14%, rgba(255, 255, 255, 0.15) 98.86%), #FFF;}
a.connect-btn:hover { border: 2px solid var(--bg-white); box-shadow: none;/**/	transition-delay: 1s; background: none; color: var(--txt-white);}
a.connect-btn span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
a.connect-btn:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
a.connect-btn span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
a.connect-btn:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
a.connect-btn span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
a.connect-btn:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
a.connect-btn span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
a.connect-btn:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}

.connect-round { position: absolute; border-radius: 100%; opacity: 0; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); }
.connect-round1 { bottom:204px; right: 15px; width: 101px; height: 101px; box-shadow: 0px 5.861px 3.907px rgba(0, 0, 0, 0.25); z-index: 2; }
.connect-round2 { bottom: 58px; right: 158px; margin: auto; width: 243px; height: 243px; box-shadow: 0px 16.456px 10.971px rgba(0, 0, 0, 0.25); z-index: 3; }
.connect-round3 { bottom: -28px; right: -42px; width: 178px; height: 178px; z-index: 1; }

footer { width: 100%; padding: 4.375rem 0rem 2rem; background: var(--bg-white); }
.footer-main { width: 100%; display: flex; flex-wrap: wrap; }
.foot-top { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.foot-top-lft img { width: 140px;}
.foot-top-lft p { color: #656060; font-size: 1rem; line-height: 1.3; margin-top: 1rem; }
ul.social-lst { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px;}
ul.social-lst li { flex:  0 1 auto; }
ul.social-lst li a { color: var(--txt-black); font-size: 1.25rem; transition: all 0.5s ease; }
ul.social-lst li a:hover { color: var(--txt-orange); }
.foot-menu { width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; padding: 2.2rem 0rem; margin-top: 0.5rem; border-bottom: 1px solid #4D4D4D;}
.foot-menu.foot-menu-btm { border-bottom: none;}
.foot-menu-div { flex: 0 1 49.5%; }
.foot-menu-div h5 { color: var(--txt-black); font-size: 1.25rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-bottom: 2rem;}
.foot-menu-div ul.menu-lst { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 1.2rem;}
.foot-menu-div ul.menu-lst li { flex: 0 1 49%;}
.foot-menu-div ul.menu-lst li a { color: var(--txt-black); font-size: 1rem; line-height: 1.2; font-family: var(--ff-AESFontIn-regular); transition: all 0.5s ease; }
.foot-menu-div ul.menu-lst li a:hover { color: var(--txt-orange); }
.foot-menu-btm { column-gap: 1%; }
.foot-menu-btm .foot-menu-div { flex: 0 1 24.25%; }
.foot-menu-div ul.menu-lst.menu-lst1 li { flex: 0 1 100%; }
.foot-menu-div ul.menu-lst li p { color: var(--txt-black); font-size: 1rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); }

.mob-foot { display: none; width: 100%; justify-content: center; flex-direction: column; align-items: center; text-align: center; row-gap: 20px; margin-top: 40px;}
.mob-foot p { color: #656060; font-size: 0.938rem; line-height: 1.3; }


/* inner banner section */
.inner-banner-sec { width: 100%; min-height: 600px; display: flex; flex-wrap: wrap;}
.inner-banner-main { width: 100%; display: flex; align-items: center; padding-top: 0rem;}
.breadcrum { width: 100%; padding-bottom: 1.563rem;}
.breadcrum ul { width: 100%; display: flex; flex-wrap: wrap;}
.breadcrum ul li { flex: 0 1 auto; color: var(--bg-white); font-size: 1.0rem; line-height: 1.1; padding-right: 1.375rem; margin-right: 0.5rem; position: relative;}
.breadcrum ul li::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--bg-white); content: "\e844"; font-family: "feather";}
.breadcrum ul li a { color: var(--bg-white); font-size: 1rem; line-height: 1.1; transition: all 0.5s ease;}
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li:last-child::after { content: none;}
.breadcrum ul li a:hover { color: var(--bg-orange);}
.breadcrum.txt-black ul li, .breadcrum.txt-black ul li a { color: var(--bg-black);}
.breadcrum.txt-black ul li::after { color: var(--bg-black);}
.breadcrum.txt-black ul li a:hover { color: var(--txt-orange);}

.inner-banner-lft { padding-left: calc((100% - 82rem) / 2); flex: 0 1 60%; padding-top: 5rem;} 
.inner-banner-rgt { display: flex; justify-content: flex-end; flex: 0 1 48%; overflow: hidden; align-self: flex-end; height: 100%; align-items: flex-end;}
.inner-banner-rgt img.inner-banner-image { width: auto; }
.inner-banner-img { position: relative;}
.inner-banner-cnt { width: 100%;}
.inner-banner-title { width: 100%; display: flex; align-items: flex-end; column-gap: 0.938rem; padding-bottom: 2rem;}
.inner-banner-title h1 { width: auto; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 3.3rem; line-height: 1.2; }
.inner-banner-title h1 span.logo-icon { top: 0.3rem; }
span.logo-icon { width: auto; display: inline-flex; position: relative; top: 0.5rem;}
.inner-banner-cnt p { width: 100%; color: var(--txt-white); font-family: var(--ff-AESFontIn-regular); font-size: 1.25rem; line-height: 1.5; padding-bottom: 1.5rem;}
.btn-links { display: flex; width: 100%; column-gap: 20px;}
.btn-links > div { flex: 0 1 auto; width: auto; display: inline-flex;}
.link-btn { width: 100%;}
.link-btn a.org-btn { border: none;}
.link-btn.download-btn a.org-btn { border: 2px solid var(--bg-orange); box-shadow: none;}
.link-btn.readmore-btn a.org-btn { border: 2px solid var(--bg-black); box-shadow: none; background: linear-gradient(0deg, rgba(9, 15, 42, 0.00) -1.14%, rgba(9, 15, 42, 0.15) 98.86%), #090f2a; color: var(--bg-white);}
.link-btn.readmore-btn a.org-btn:hover { background: var(--bg-white); color: var(--bg-black);}

.top-center-pos { left: -50px; top: 0px;}
.top-right-pos { right: 70px; top: 30px;}
.top-left-pos { left: -175px; top: 50px;}
.left-center-pos { left: -275px; bottom: 150px;}
.inner-banner-rgt img.inner-banner-image.left-pos { position: relative; left: -200px;}
.inner-banner-rgt img.inner-banner-image.center-pos { position: relative; left: -120px;}

.inner-banner-details { position: relative; z-index: 9;}
.ban-ellipse { position: absolute;}
.blue-gradient-ellipse1 { width: 16.5rem; height: 16.5rem; bottom: 200px; right: 185px; border-radius: 100%; background: linear-gradient(90deg, #041535 0%, #006FB1 96.25%); box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25); z-index: 3;}
.blue-gradient-ellipse2 { width: 11rem; height: 11rem;right: 12px; bottom: 150px; border-radius: 100%; background: linear-gradient(90deg, #041535 0%, #006FB1 96.25%); box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25); z-index: 2;}
.blue-gradient-ellipse3 { width: 8.688rem; height: 8.688rem; right: 215px; bottom: 20px; border-radius: 100%; background: linear-gradient(90deg, #041535 0%, #006FB1 96.25%); box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25); z-index: 9;}

.trusted-count { position: absolute;}
.trusted-count h3 { color: var(--bg-white); font-family: var(--ff-AESFontIn-bold); font-size: 1.125rem; line-height: 1.1; padding-bottom: 0.5rem; opacity: 0.20; }
.trusted-count h2 { color: var(--bg-white); font-family: var(--ff-AESFont-demi); font-size: 1.25rem; line-height: 1.2; opacity: 0.20; }
.trusted-count h2 span { display: block; font-size: 3.5rem; line-height: 1; }

.future-healthcare-sec { width: 100%; background: var(--bg-white); padding: 5.625rem 0;}
.future-health-main { width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 7%; padding-right: calc((100% - 85rem) / 2); padding-left: 0.938rem;}
.future-health-lft { flex: 0 1 48%; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.future-health-rgt { flex: 0 1 45%;}
.future-health-lft img {width: auto;}
.iceapple-logo { position: absolute; bottom: -30px; left: 180px; right: 0; margin: 0 auto; text-align: center;}
.iceapple-logo img { background: var(--bg-white); border-radius: 0.5rem; box-shadow: 0px 12px 50px 0px rgba(0, 0, 0, 0.15); padding: 0.313rem 0.625rem;}
.bx-info { display: flex; flex-wrap: wrap; row-gap: 0.8rem; max-width: 200px; position: absolute; background: var(--bg-white); border-radius: 0.5rem; box-shadow: 0px 12px 50px 0 rgba(0, 0, 0, 0.15); padding: 0.75rem;}
.call-icon { left: 50px; top: 75%; transform: translateY(-50%);}
.calendar-icon { right: 10px; top: 55%; transform: translateY(-50%);}
.bx-info > div { flex: 0 1 100%; display: flex; align-items: flex-end; column-gap: 0.5rem;}
.bx-info span.icon-bg { position: relative; background: var(--bg-black); width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bx-info span.icon-bg::after { position: absolute; content: ""; background: var(--bg-lblue); left: 3.438rem; top: 50%; transform: translateY(-50%); width: 5.938rem; height: 0.313rem; border-radius: 12px;}
.call-icon span.icon-bg { background: var(--bg-rose);}
.calendar-icon span.icon-bg { background: var(--bg-lblue);}
.bx-info h3 { font-family: var(--ff-AESFont-demi); color: var(--txt-black-one); font-size: 1.375rem; line-height: 1.3;}
.percentage { font-size: 0.518rem; color: var(--txt-grey-clr); display: flex; align-items: center; column-gap: 0.5rem;}
.percentage span { background: url("../images/arrow-up.svg") no-repeat left bottom 3px; padding-left: 0.95rem; font-family: var(--ff-AESFont-demi); font-size: 0.75rem; color: var(--txt-green-clr);}
.advan-crm-logo {position: absolute; top: 125px; right: -40px; text-align: center;}
.advan-crm-logo img { background: var(--bg-white); border-radius: 0.5rem; box-shadow: 0px 12px 50px 0px rgba(0, 0, 0, 0.15); padding: 0.313rem 0.625rem;}
.customer-icon { left: 50px; top: 63%; transform: translateY(-50%); max-width: inherit;}
.employee-icon { left: 40px; bottom: 0; transform: translateY(-50%); max-width: inherit;}
.sales-icon { right: 10px; bottom: 30px; transform: translateY(-50%); max-width: inherit;}
.bx-info h4 { font-family: var(--ff-AESFontIn-bold); color: var(--bg-black); font-size: 1rem;}

.future-health-rgt h2 { width: 100%; color: var( --txt-black-clr); font-family: var(--ff-AESFont-bold); font-size: 3rem; line-height: 1.3; padding-bottom: 2rem;}
.future-health-rgt p { color: var(--bg-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.6;}

.revolution-healthcare-sec { width: 100%; position: relative; overflow: hidden;}
.revolution-healthcare-main {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.revolution-healthcare-cnt { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 10%; align-items: center;}
.revolution-healthcare-cnt > div:first-child { flex: 0 1 30%;}
.revolution-healthcare-cnt > div:last-child { flex: 0 1 60%;}
.revolution-healthcare-cnt h2 { width: 100%; color: var(--bg-white); font-family: var(--ff-AESFont-bold); font-size: 3rem; line-height: 1.2;}
.healthcare-service { width: 100%;}
.healthcare-service ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 7%; row-gap: 1.375rem;}
.healthcare-service ul li { flex: 0 1 46.5%; display: flex; column-gap: 10px; align-items: center; font-size: 1.125rem; border-radius: 2rem; font-family: var(--ff-AESFontIn-regular); color: var(--bg-black); background: var(--bg-white); padding: 0 1.375rem; height: 64px;}
.healthcare-service ul li span img { width: auto;}
.healthcare-service ul li:last-child { flex: 0 1 500px;}

.content-image-sec { width: 100%; background: var(--bg-grey); padding: 5.625rem 0;}
.pd-bt-90 { padding-bottom: 5.625rem !important;}
.content-image-main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.content-image-main > div { flex: 0 1 58%;}
.content-image-main > div:last-child { flex: 0 1 32%; display: flex; justify-content: right; }
.title-btn-lft h4 { display: inline-flex; font-family: var(--ff-AESFont-medium); font-size: 1rem; background: var(--bg-lrose); color: var(--bg-orange); padding: 0 0.625rem; border-radius: 0.75rem; margin-bottom: 1.563rem;}
.title-btn-lft h3 { font-family: var(--ff-AESFont-demi); color: var(--bg-black); font-size: 2rem; line-height: 1.3; padding-bottom: 1.875rem;}
.title-btn-lft h2 { width: 100%; color: var(--txt-black-clr); font-family: var(--ff-AESFont-bold); font-size: 2.5rem; line-height: 1.3; padding-bottom: 2.5rem;}
.title-btn-lft h5 { width: 100%; color: var(--bg-orange); font-family: var(--ff-AESFont-demi); font-size: 1.5rem; line-height: 1.3; padding-bottom: 1rem;}
.title-btn-lft span.logo-icon { top:0.5rem; }
.content-image-main .image-rgt img { float: right; width: 100%; border-radius: 32px;}

.white-bg .sec-title {color: var(--txt-black);}
.white-bg .blog-content h3 {color: var(--txt-black);}
.white-bg .blog-content p {color: var(--txt-black);}

.experience-list-sec { width: 100%; background: var(--bg-white); padding: 5.625rem 0 0;}
.experience-list-main { width: 100%; display: flex; flex-wrap: wrap;}
.experience-list-main > div { flex: 0 1 50%;}
.experience-list-lft { padding-right: 2rem;}
.experience-list { width: 100%;}
.experience-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 1.563rem; column-gap: 4%;}
.experience-list ul li { flex: 0 1 48%;}
.icon-main { z-index: 1; width: 100%; position: relative; overflow: hidden; background: var(--bg-lgrose); padding: 1.25rem 1.25rem 2.188rem; border-radius: 0.75rem; display: flex; flex-wrap: wrap; height: 100%; align-content: flex-start; transition: all 1s ease;}
.icon-main .icon path { transition: fill 0.3s ease;}
.icon-main:hover .icon path { fill: var(--bg-white); transition: all 0.8s ease-out;}
.icon-main:hover .icon path.org-clr { fill: var(--bg-orange); transition: all 0.8s ease-out;}
.icon-main .icon-img { width: 100%; padding-bottom: 1rem;}
.icon-main .icon-cnt { width: 100%;}
.icon-main .icon-cnt h3 { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFont-demi); font-size: 1.25rem; line-height: 1.2; padding-bottom: 0.638rem; transition: all 0.5s ease;}
.icon-main .icon-cnt p { width: 100%; color: #737277; font-family: var(--ff-AESFontIn-regular); font-size: 1.063rem; line-height: 1.4; transition: all 0.5s ease;}
.icon-main:hover .icon-cnt h3, .icon-main:hover .icon-cnt p { color: var(--bg-white);}
.icon-main::before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-radius: 16rem 0 0 0; background: var(--bg-dblue); transition: width 0.8s ease, height 0.8s ease; z-index: -1;}
.icon-main:hover::before { width: 100%; height: 100%; transform: scale(3);}

.experience-list-padd { padding-bottom: 5.625rem; }

.count-value-sec { width: 100%; background: var(--bg-white); padding: 5.625rem 0 0;}
.count-value-sec ul { width: 100%; display: flex; justify-content: center; row-gap: 1.875rem; column-gap: 4.375rem;}
.count-value-sec ul li { flex: 0 1 auto; padding: 1.875rem; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; text-align: center; row-gap: 1.25rem; width: 265px; height: 265px; border: 0.063px solid var(--bg-black); border-radius: 100%;}
.count-value-sec ul li h2 { width: 100%; color: var(--bg-orange); font-family: var(--ff-AESFont-bold); font-size: 4rem; line-height: 1.2;}
.count-value-sec ul li p { width: 100%; font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5;}

.trust-logos-sec { width: 100%; background: var(--bg-white); padding: 5.625rem 0;}
.trust-logos-sec h2 { width: 100%; text-align: center; font-family: var(--ff-AESFont-bold); color: var(--title-grey-clr); font-size: 2rem; line-height: 1.3; padding-bottom: 3.125rem;}
.trust-logos-sec { width: 100%; padding: 5rem 0; position: relative;} 
.trust-logos-sec::after { position: absolute; width: 20.313rem; height: 100%; right: 0; top: 0px; display: block; content: ""; z-index: 1; background: linear-gradient(90deg, #FFFFFF 41.71%, rgba(9, 15, 42, 0) 88.58%); transform: matrix(-1, 0, 0, 1, 0, 0); }
.trust-logos-sec::before {  display: block; content: ""; position: absolute; width: 20.313rem; height: 100%; left: 0px; top: 0px; z-index: 1; background: linear-gradient(90deg, #FFFFFF 41.71%, rgba(9, 15, 42, 0) 88.58%); }

.experience-milestone-sec { width: 100%; padding: 5.625rem 0; overflow: hidden; position: relative;}
.experience-milestone-main { width: 100%; border-bottom: 0.063rem solid rgba(255, 255, 255, 0.25); padding-bottom: 4.063rem; margin-bottom: 6.25rem;}
.experience-milestone-main span.logo-icon { top: 0.3rem;}
.txt-ctr { text-align: center;}
.experience-milestone-sec h3 { width: 100%; font-family: var(--ff-AESFont-demi); color: var(--bg-orange); font-size: 1.5rem; line-height: 1.3; padding-bottom: 1.275rem;}
.experience-milestone-sec h2 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 2.5rem; line-height: 1.3; padding-bottom: 4.688rem;}
.milestone-list { width: 100%; position: relative;}
.line-bg { position: absolute; top: 55px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: -1;}
.milestone-list ul { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 4.063rem;}
.milestone-list ul li { flex: 0 1 25%;}
.milestone-main { width: 100%; display: flex; flex-wrap: wrap; text-align: center; flex-direction: column; align-items: center;}
.milestone-icon { padding-bottom: 1.375rem; width: 11.25rem; height: 11.25rem; display: flex; justify-content: center; align-items: center;}
.milestone-icon .icon { width: 100%; height: 100%; display: block;}
.milestone-icon .icon path, .milestone-icon .icon circle { transition: fill 0.3s ease;}
.milestone-main:hover .milestone-icon .icon path { fill: var(--bg-white);}
.milestone-main:hover .milestone-icon .icon circle { fill: var(--bg-orange);}
.milestone-list ul li:nth-child(even) .milestone-main:hover .milestone-icon .icon path { fill: var(--bg-white);}
.milestone-list ul li:nth-child(even) .milestone-main:hover .milestone-icon .icon circle { fill: var(--bg-violet);}
.milestone-cnt { width: 100%; padding: 0 1.5rem;}
.milestone-cnt h3 { width: 100%; font-family: var(--ff-AESFont-demi); color: var(--bg-white); font-size: 1.5rem; line-height: 1.3; padding-bottom: 0.75rem;}
.milestone-cnt p { width: 100%; color: var(--bg-white); padding-bottom: 0.75rem;}
.milestone-cnt h4 { width: auto; font-size: 1rem; line-height: 1; padding: 0.625rem 1.125rem; border-radius: 0.75rem; background: var(--bg-lorange); color: var(--bg-orange); display: inline-flex; justify-content: center; align-items: center;}
.btn-ctr { width: 100%; text-align: center;}
.value-chain { width: 100%;}
.value-chain span.logo-icon { top:0.3rem; }
.value-chain-img { width: 100%;}
.value-chain-img img { width: 100%;}

.business-outcomes { width: 100%; position: relative;}
.business-outcomes .horizontal-scoll-wrapper { padding: 0;}
.business-outcomes .seo-steps-sec { padding: 0; background: none; margin: 1rem 0 0 0;}
.business-outcomes .horizontal-scroll { display: flex; height: 100%; column-gap: 65px;}
.business-outcomes .horizontal-scroll .card { display: flex; flex-shrink: 0; width: 100%; padding: 0px 0px;}

.outcomes-main { width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 9;}
.outcomes-main span.logo-icon { top:0.2rem; }
.outcomes-main > div { flex: 0 1 50%;}
.outcomes-main .outcomes-lft { padding-right: 2.5rem;}
.outcomes-main .outcomes-rgt { overflow: hidden; display: flex; flex-wrap: wrap; align-content: center;}
.outcomes-main .outcomes-rgt img { width: 100%; border-radius: 2rem;}
.tick-list { width: 100%;}
.tick-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 1rem;}
.tick-list ul li { flex: 0 1 100%; color: var(--bg-white); font-size: 1rem; line-height: 1.5; background: url("../images/tick-icon.svg") no-repeat scroll 0 0; padding-left: 2rem; position: relative;}
.outcomes-main h3 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 2.5rem; line-height: 1.3; padding-bottom: 2rem;}
.outcomes-main h4 { width: 100%; font-family: var(--ff-AESFont-demi); color: var(--bg-orange); font-size: 1.5rem; line-height: 1.3; padding-bottom: 1rem;}

.flamingo-logo {position: absolute; top: 125px; right: 20px; text-align: center;}
.flamingo-logo img { background: var(--bg-white); border-radius: 0.5rem; box-shadow: 0px 3.368px 6.737px 0px rgba(0, 0, 0, 0.25); padding: 1.913rem 1.625rem;}
.bx-info.total-applicant-icon > div { align-items: center;}
.bx-info.total-employee-icon > div { align-items: center;}
.bx-info.total-applicant-icon > div:last-child { justify-content: space-between;}
.bx-info.total-employee-icon > div:last-child { justify-content: space-between;}
.bx-info h5 { font-family: var(--ff-AESFontIn-regular); color: var(--txt-black-clr); font-size: 0.75rem; line-height: 1.1;}
.total-applicant-icon { left: 40px; bottom: 40px; transform: translateY(-50%); max-width: 193px; padding: 0.75rem 1.25rem;}
.total-employee-icon { right: 10px; bottom: -60px; transform: translateY(-50%); max-width: 250px; padding: 0.75rem 1.25rem;}
.bx-info .value-count { font-family: var(--ff-AESFont-demi); font-size: 1.75rem; line-height: 1;}
.value-percentage { font-family: var(--ff-AESFont-medium); display: flex; align-items: center; column-gap: 0.313rem; padding: 0.188rem 0.5rem; border-radius: 0.25rem; font-size: 0.625rem;}
.total-applicant-icon .value-percentage { background: var(--bx-blue-clr); color: var(--bx-blue-txt);}
.total-employee-icon .value-percentage { background: var(--bg-lrose); color: var(--bg-orange);}
.tick-icon-list { width: 100%;}
.tick-icon-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 0.5rem;}
.tick-icon-list ul li { flex: 0 1 100%; color: var(--bg-white); font-size: 1.063rem; line-height: 1.5; background: url("../images/tick-icon-list.svg") no-repeat scroll 0 0; background-size: 40px; padding-left: 3.5rem; 
position: relative; padding-bottom: 0.75rem;}
.tick-icon-list ul li span { font-family: var(--ff-AESFont-bold); }
.outcomes-main .features-main-list p { font-size: 1.063rem;} 

.fullwidth-sec .outcomes-main > div { flex: 0 1 100%;}
.horizontal-scroll-sec {display:flex; position:relative; width:100%; overflow:hidden;}
.horizontal-scroll-pin {position:relative; width:100%; overflow:hidden;}
.features-main {position:relative; width:100%; overflow:hidden;}
.features-list {display:flex; flex-wrap:nowrap; width:100%; gap:50px; padding-right:50px;}
.features-main-list {flex:0 0 100%; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box;}
.features-lft {flex:0 1 45%; padding-right:1rem;}
.features-rgt {flex:0 1 55%;}
.features-rgt img {max-width:100%; height:auto;}
.features-main-list h5 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 2rem; line-height: 1.3; padding-bottom: 1.25rem;}

.title-btn-lft p { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.25rem; line-height: 1.4; padding-bottom: 2.188rem;}
.outcomes-main p { width: 100%; color: var(--bg-white); font-family: var(--ff-AESFontIn-regular); font-size: 1.25rem; line-height: 1.5; padding-bottom: 2.188rem;}
.tick-list.title-cnt-list ul { row-gap: 2rem;}
.tick-list.title-cnt-list ul li {background: url("../images/tick-icon.svg") no-repeat scroll 0px 2px;}
.tick-list ul li h5 { width: 100%; color: var(--bg-white); font-family: var(--ff-AESFont-demi); font-size: 1.5rem; line-height: 1.3; padding-bottom: 0.8rem; }
.tick-list ul li p { font-size: 1.063rem; line-height: 1.5; padding-bottom: 0;}
.outcomes-main.ai-power > div { justify-content: right;}
.outcomes-main.ai-power .outcomes-rgt img { width: 100%; object-fit: cover;}

.realtime-users { bottom: 0; right: 80px; }
.realtime-users > div { flex-wrap: wrap;}
.realtime-users > div:last-child { align-items: flex-start;}
.realtime-users h4 { width: 100%; font-size: 0.875rem;}
.realtime-users h5 { width: 100%; font-size: 0.75rem; line-height: 1; color: var(--txt-lgrey-clr);}
.users-count h2 { font-family: var(--ff-AESFont-bold); font-size: 1.625rem;}
.users-percentage { color: var(--bg-orange); font-family: var(--ff-AESFont-medium); font-size: 0.75rem;}
.users-graph svg { width: auto;}

.brand-engagement-sec { width: 100%; background: var(--bg-white); padding: 3.75rem 0 5rem;}
.brand-engagement-title { width: 100%; text-align: center;}
.brand-engagement-title span.logo-icon { top:0.2rem; }
.brand-engagement-title h2 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-black); font-size: 2.5rem; line-height: 1.3; padding-bottom: 4.688rem;}

.brand-list { width: 100%;}
.brand-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 2%;}
.brand-list ul li { flex: 0 1 23.5%;}
.brand-main { z-index: 1; width: 100%; text-align: center; position: relative; overflow: hidden; background: var(--bx-blue-clr); padding: 2.188rem 1.563rem; border-radius: 0.75rem; display: flex; flex-wrap: wrap; height: 100%; align-content: flex-start; transition: all 1s ease;}
.brand-main .icon path { transition: fill 0.3s ease;}
.brand-main:hover .icon path { fill: var(--bg-white); transition: all 0.8s ease-out;}
.brand-main:hover .icon path.org-clr { fill: var(--bg-orange); transition: all 0.8s ease-out;}
.brand-main .icon-img { width: 100%; padding-bottom: 1.25rem;}
.brand-main .icon-cnt { width: 100%;}
.brand-main .icon-cnt h3 { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFont-demi); font-size: 1.5rem; line-height: 1.3; padding-bottom: 0.638rem; transition: all 0.5s ease;}
.brand-main .icon-cnt p { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5; transition: all 0.5s ease;}
.brand-main:hover .icon-cnt h3, .brand-main:hover .icon-cnt p { color: var(--bg-white);}
.brand-main::before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-radius: 16rem 0 0 0; background: var(--bg-dblue); transition: width 0.8s ease, height 0.8s ease; z-index: -1;}
.brand-main:hover::before { width: 100%; height: 100%; transform: scale(3);}
.brand-main:hover { transform: scale(1.05); }

.interaction-list-sec { width: 100%; background: var(--bg-white); padding: 6rem 0;}
.title-cnt-rgt { width: 100%;}
.title-cnt-rgt p { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5;}
.interaction-list { width: 100%; margin-top: 4.063rem;}
.interaction-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 2%;}
.interaction-list ul li { flex: 0 1 32%;}
.interaction-main { z-index: 1; width: 100%; text-align: center; position: relative; overflow: hidden; background: var(--bx-grey-clr); padding: 4.063rem 1.563rem; border-radius: 0.75rem; display: flex; flex-wrap: wrap; height: 100%; align-content: flex-start; transition: all 1s ease;}
.interaction-main .icon path { transition: fill 0.3s ease;}
.interaction-main:hover .icon path { fill: var(--bg-white); transition: all 0.8s ease-out;}
.interaction-main:hover .icon path.org-clr { fill: var(--bg-orange); transition: all 0.8s ease-out;}
.interaction-main .icon-img { width: 100%; padding-bottom: 1.25rem;}
.interaction-main .icon-cnt { width: 100%;}
.interaction-main .icon-cnt h3 { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFont-demi); font-size: 1.5rem; line-height: 1.3; padding-bottom: 1rem; transition: all 0.5s ease;}
.interaction-main .icon-cnt p { width: 100%; color: var(--bg-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5; transition: all 0.5s ease;}
.interaction-main:hover .icon-cnt h3, .interaction-main:hover .icon-cnt p { color: var(--bg-white);}
.interaction-main::before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-radius: 16rem 0 0 0; background: var(--bg-dblue); transition: width 0.8s ease, height 0.8s ease; z-index: -1;}
.interaction-main:hover::before { width: 100%; height: 100%; transform: scale(3);}
.interaction-main:hover {transform: scale(1.05);}

.our-services-sec { width: 100%; background: var(--bx-blue-txt); padding: 6.25rem 0;}
.our-services-title { width: 100%; text-align: center;}
.our-services-sec h2 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 2.5rem; line-height: 1.3; padding-bottom: 4.688rem;}
.service-list-tech { width: 100%;}
.service-list-tech ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; column-gap: 2%; row-gap: 1.875rem;}
.service-list-tech ul li { flex: 0 1 auto; text-align: center;}
.service-main { width: 100%;}
.service-main .icon-img { display: inline-flex; align-items: center; justify-content: center; background: var(--bg-white); min-width: 4.5rem; min-height: 4.5rem; padding: 0.625rem; border-radius: 0.75rem; transition: all 0.5s ease;}
.service-main .icon-img svg { width: 2.625rem;}
.service-main .icon-cnt { width: 100%; margin-top: 1.563rem; padding: 0 1.5rem;}
.service-main .icon-cnt h3 { font-family: var(--ff-AESFontIn-bold); color: var(--bg-white); font-size: 1.25rem; line-height: 1.2;}
.service-main:hover .icon-img { transform: translateY(-10px);}

.our-technology-sec { width: 100%; padding: 6.25rem 0; position: relative; overflow: hidden;}
.technoogy-title { width: 100%; text-align: center; padding-bottom: 4.063rem; position: relative; z-index: 9;}
.technoogy-title h2 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 2.5rem; line-height: 1.3; padding-bottom: 1rem;}
.technoogy-title p { width: 100%; font-family: var(--ff-AESFontIn-regular); color: var(--bg-white); font-size: 1.5rem; line-height: 1.5; padding: 0 5.75rem;}
.technology-tab-details { width: 100%; position: relative; z-index: 9;}
.technology-tab { width: 100%; padding-bottom: 3.75rem;}
.technology-tab ul { width: 100%; display: flex; justify-content: center; column-gap: 2rem;}
.technology-tab ul li { flex: 0 1 auto;}
.technology-tab ul li a { display: inline-flex; align-items: center; justify-content: center; font-family: var(--ff-AESFontIn-regular); color: var(--bg-white); font-size: 1.125rem; line-height: 1.5; height: 3.25rem; padding: 0 1.55rem; border: 1px solid var(--bg-white); border-radius: 3.125rem; transition: all 0.5s ease;}
.technology-tab ul li a.current, .technology-tab ul li a:hover { background: var(--bg-orange); border: 1px solid var(--bg-orange);}
.technology-tab ul li a.current { font-family: var(--ff-AESFontIn-bold);}
.technology-details { width: 100%; position: relative; padding: 0 6.188rem;}
.technology-content-tab { width: 100%; display: none;}
.technology-content-tab.tab-active { display: block;}
.technology-main { width: 100%; display: flex; flex-wrap: wrap; align-items: center; background: var(--bg-violet); padding: 3.75rem; border-radius: 2rem;}
.technology-main .technology-img { flex: 0 1 40%; border-radius: 2rem; overflow: hidden;}
.technology-main .technology-cnt { flex: 0 1 60%; padding: 0 3.75rem;}
.technology-main .technology-cnt h3 { width: 100%; font-family: var(--ff-AESFont-bold); color: var(--bg-white); font-size: 2.5rem; line-height: 1.3; padding-bottom: 1.25rem;}
.technology-main .technology-cnt h4 { width: 100%; font-family: var(--ff-AESFontIn-regular); color: var(--bg-white); font-size: 1.375rem; line-height: 1.5; }

/****blogs****/
.blog-sec { width: 100%; background: var(--bg-white); padding: 4.5rem 0;}
.blog-sec h2 { color: var(--txt-black); font-size: 2.5rem; line-height: 1.3; text-align: left; margin-bottom: 2rem;}
.blog-sec h2 span.logo-icon { top: 0.1rem;}

.title-with-dp { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3rem;}
.title-with-dp .title-lft h2 { margin-bottom: 0;}
/* Container for the custom select */
.dp-mnu-rht .custom-select { position: relative; width: 160px; float: left;}
.dp-mnu-rht .custom-select .select-box { background:none; display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid var(--bg-black); letter-spacing: 0.5px; font-size: 1rem; height: 42px; line-height: 2.6; padding: 0 1.2rem 0 1.2rem; text-transform: uppercase; border-radius: 25px; cursor: pointer; }
/* Arrow icon */
.dp-mnu-rht .arrow { transition: transform 0.3s ease;}
.dp-mnu-rht .rotate { transform: rotate(180deg);}
/* Dropdown options container */
.dp-mnu-rht .custom-select .options-container {display: none; position: absolute; background: white; width: 100%; border: 1px solid #ccc; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 5px; z-index: 1000; overflow: hidden;  transform: translateY(6px);}
.dp-mnu-rht .custom-select .option { padding: 0 1rem; cursor: pointer; transition: all 0.4s ease; letter-spacing: 1px; font-size: 1rem; text-transform: uppercase; line-height: 2.3; border-bottom: 1px solid rgba(68, 68, 68, 0.4);}
.dp-mnu-rht .custom-select .option:last-child { border-bottom: none;}
.dp-mnu-rht .custom-select .option:hover { background: var(--bg-orange); color: var(--txt-white);}

.blog-fullwidth { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.blog-lft { flex: 0 1 54%; background: #090F2A; border-radius: 16px; min-height: 420px; padding: 25px; position: relative; overflow: hidden;}
.blog-lft h5 { border: 1px solid var(--bg-white); border-radius: 25px; font-family: var(--ff-AESFont-medium); color: var(--txt-white); font-size: 1rem; line-height: 1.7; display: inline-flex; padding: 0 1rem;margin-bottom: 30px;}
.blog-lft .blog-title { width: 60%; margin-top: 6.875rem; position: relative; z-index: 2;}
.blog-lft .blog-title h2 { color: var(--txt-white); font-size: 1.8rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 0rem;}
.blog-lft .blog-img-sec { position: absolute; bottom: 20px; right: -30px;}
.blog-lft .blog-img-pad { height: 280px; width: 280px; z-index: 1; border-radius: 50%; overflow: hidden; position: relative;}
.blog-lft .blog-img-pad:after {  position: absolute; display: block; z-index: -1; content: ""; right: 0; bottom: 0; border-radius: 50%; width: 100%; height: 100%; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));}
.blog-lft .blog-img-sec::after { position: absolute; display: block; content: ""; right: -20px; bottom: -20px; border-radius: 50%; width: 320px; height: 320px; background:#753b17; transition: all 0.5s ease; transform-origin: right bottom; opacity: 0; transform: scale(0.7);}
.blog-lft .blog-img-sec::before { position: absolute; display: block; content: ""; right: -55px; bottom: -55px; border-radius: 50% 50% 0 50%; width: 380px; height: 380px; background: #3a2322; transition: all 0.5s ease; transform-origin: right bottom; opacity: 0; transform: scale(0.7);}
.blog-lft:hover .blog-img-sec::after, .blog-lft:hover .blog-img-sec::before { opacity: 1; transform: scale(1);}
.blog-img-sec img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto;}
.blog-rht { flex: 0 1 42%; display: flex; flex-wrap: wrap; row-gap: 1rem;}
.blog-rht h5 { display: none; border: 1px solid rgba(0, 0, 0, 1); border-radius: 25px; font-family: var(--ff-AESFont-medium); color: var(--txt-mblack); font-size: 0.938rem; line-height: 1.7; padding: 0 1rem;}
.blog-rht h4 { width: 100%; font-size: 1rem; line-height: 1.1; color: var(--txt-mblack); font-family: var(--ff-AESFontIn-regular);}
.blog-rht h3 { width: 100%; font-size: 1.5rem; line-height: 1.3; color: var(--txt-mblack); font-family: var(--ff-AESFont-bold); }
.blog-rht p { font-size: 1.063rem; line-height: 1.5; color: var(--txt-black); font-family: var(--ff-AESFontIn-regular);; margin-bottom: 1rem;}
.blog-rht a { border: none; padding: 0.738rem 1.875rem; }
.blog-rht a:hover { border: none; background: var(--bg-dblue); color: var(--txt-white); }

.blog-list { width: 100%; padding: 3rem 0 0 0;}
.blog-list ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 1.563rem;}
.blog-list ul li { flex: 0 1 49%; display: flex; flex-wrap: wrap;}
.blog-list ul li .blog-lft {flex: 0 1 100%;  background: var(--bg-white); border: 1px solid rgba(0, 0, 0, 0.18); min-height: 340px; transition: all 0.4s ease; display: flex; flex-wrap: wrap; align-items: flex-end; align-content: space-between;}
.blog-list ul li .blog-lft h5 { color: var(--txt-mblack); border: 1px solid rgba(0, 0, 0, 1);}
.blog-list ul li .blog-title { margin: 0; display: flex; flex-wrap: wrap; row-gap: 1.5rem; align-content: center;}
.blog-list ul li .blog-title h4 { font-size: 1rem; line-height: 1; color: var(--txt-mblack); font-family: var(--ff-AESFontIn-regular); }
.blog-list ul li .blog-title h2 { font-size: 1.5rem; line-height: 1.3; color: var(--txt-black); font-family: var(--ff-AESFont-demi); }
.blog-list ul li .blog-lft .blog-img-sec { bottom: -20px; right: -60px;}
/* .blog-list ul li .blog-lft .blog-img-pad:after {  position: absolute; display: block; z-index: -1; content: ""; right: 0; bottom: 0; border-radius: 50%; width: 100%; height: 100%; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));} */
.blog-list ul li .blog-lft .blog-img-pad::before { position: absolute; display: block; content: ""; top: 0; right: 0; background: #753b17; }
.blog-list ul li .blog-lft .blog-img-sec img { max-width: 280px; left:auto; right: auto; top: auto;}
.blog-list ul li .blog-lft a { border: 1px solid var(--bg-orange); padding: 0.638rem 1.875rem; background: var(--bg-elorange); color: var(--txt-orange);}
.blog-list ul li .blog-lft a:hover { border: 1px solid var(--bg-orange); background: var(--bg-orange); color: var(--txt-white);}
.blog-list ul li .blog-lft a span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
.blog-list ul li .blog-lft a:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
.blog-list ul li .blog-lft a span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
.blog-list ul li .blog-lft a:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
.blog-list ul li .blog-lft a span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
.blog-list ul li .blog-lft a:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
.blog-list ul li .blog-lft a span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
.blog-list ul li .blog-lft a:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}
.blog-list ul li:hover .blog-lft { background: var(--bg-dblue); border: 1px solid var(--bg-dblue);}
.blog-list ul li:hover .blog-lft h5 { color: var(--txt-white); border: 1px solid var(--bg-white); }
.blog-list ul li:hover .blog-title h2, .blog-list ul li:hover .blog-title h4 { color: var(--txt-white); }
.blog-lft .d-flex { height: 100%;}
.blog-lft > h5 ~ .d-flex { height: auto;}

.pagination { width: 100%; margin: 4rem 0 0 0;}
.pagination ul { display: flex; flex-wrap: wrap; row-gap: 0.5rem; justify-content: center; list-style: none; padding: 0;}
.pagination ul li { margin: 0 5px;}
.pagination a { text-decoration: none; font-size: 0.875rem; font-family: var(--ff-AESFont-demi); display: inline-block; padding: 0px; background: var(--bg-white); border-radius: 5px; color: var(--txt-black); 
border: 1px solid #DFE3E8; cursor: pointer; transition: background 0.3s; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}
.pagination a:hover { background: var(--bg-orange); color: var(--txt-white); border: 1px solid var(--bg-orange);}
.pagination a.active { border: 1px solid var(--bg-orange); color: var(--txt-orange); }
.pagination a.active:hover { color: var(--txt-white);}
.pagination a i { color: #C4CDD5;}
.pagination a:hover i { color: var(--txt-white);}

/**blog details**/
.mb-50 { margin-bottom: 2rem;}
.blog-det-sec { width: 100%; padding-top: 10rem; background: var(--bg-white);}
.blog-det-title { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem;}
.blog-det-heading { flex: 0 1 70%;}
.blog-det-heading h1 { font-size:3rem; color: var(--txt-mblack); line-height: 1.2; font-family: var(--ff-AESFont-bold);}
.blog-det-cat { flex: 0 1 auto; text-align: right; }
.blog-det-cat h5 { color: var(--txt-mblack); border: 1px solid rgba(0, 0, 0, 1); border-radius: 25px; padding: 0 1rem; font-size: 1rem; display: inline-block;}
.blog-det-cat p { color: var(--txt-mblack); font-family: var(--ff-AESFontIn-regular); line-height: 1; font-size: 1rem; margin-top: 1rem;}
.blog-det-img { border-radius: 16px; overflow: hidden; width: 100%;}
.blog-det-img img { width: 100%;}

.blog-det-cnt { width: 100%; padding: 4rem 0; margin: 0 auto; max-width: 950px;}
.blog-det-cnt p { color: var(--txt-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.6; margin-bottom: 1.8rem; }
.blog-det-cnt p strong { font-family: var(--ff-AESFontIn-sbold); }
.blog-det-cnt p a { color:var(--txt-orange); }
.blog-det-cnt p a:hover { text-decoration: underline; }
.blog-det-cnt h3 { font-size: 2rem; color: var(--txt-black); line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 1.125rem; }
.blog-det-cnt h4 { font-size: 1.5rem; color: var(--txt-orange); line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-bottom: 1.125rem; padding-left: 20px; position: relative; margin-left: 14px;}
.blog-det-cnt h4::after { position: absolute; display: block; content: ""; left: 0; top: 12px; background: var(--bg-orange); width: 7px; height: 7px; border-radius: 50px;}
.blog-det-cnt h5 { font-size: 1.125rem; color: var(--txt-black); line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-bottom: 1.125rem; }
.b-link a { color: var(--txt-black); transition: all 0.4s ease; }
.b-link a:hover { color: var(--txt-orange); }

.blog-det-cnt ul { display: flex; flex-wrap: wrap; row-gap: 1rem; margin-bottom: 2.2rem;}
.blog-det-cnt ul li { flex: 0 1 100%; color: var(--bg-black); font-size: 1.125rem; line-height: 1.6; background: url("../images/tick-icon.svg") no-repeat scroll 0 0; padding-left: 2.4rem; position: relative;}

.org-box { width: 100%; margin: 2rem 0 2rem; overflow: hidden; position: relative; min-height: 200px; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); border-radius: 16px; padding: 2rem; display: flex; align-items: center; flex-wrap: wrap;}
.org-box h2 { color: var(--txt-white); font-size: 2rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); max-width: 75%; margin-bottom: 10px; } 
.org-box p { color: var(--txt-white); margin: 0.9rem 0; }
.org-box p:last-child { margin-bottom:0; }
.org-box p a { color: var(--txt-white); text-decoration: underline;}
.org-box p a:hover { text-decoration: none;}

.tags-list { width: 100%; }
.tags-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; margin-top: 10px; }
.tags-list ul li { flex: 0 1 auto; background: none; padding: 0; margin: 0;}
.tags-list ul li a { background: var(--bg-lorange); color: var(--txt-black); font-size: 1rem; line-height: 2.4; padding: 0 1.5rem; transition: all 0.4s ease; border: 1px solid #C6C6C6; height: 40px; display: inline-block; border-radius: 25px;}
.tags-list ul li a:hover { background: var(--bg-orange); color: var(--txt-white); border: 1px solid var(--bg-orange);}

.share-sec { width: 100%; margin-top: 2rem; clear: both;}
.share-sec h4 { color: var(--txt-black); line-height: 1; font-size: 1.125rem; padding: 0; margin: 0 0 1.5rem; font-family: var(--ff-AESFont-medium); }
.share-sec h4::after { display: none;}
.share-sec ul { display: flex; flex-wrap: wrap; column-gap: 10px; margin: 0;}
.share-sec ul li { flex: 0 1 auto; background: none; padding: 0; margin: 0;}
.share-sec ul li a { border:1px solid #E0E0E0; width: 40px; height: 40px; border-radius: 50px; display: inline-block; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.share-sec ul li a i { color: var(--txt-orange); font-size: 1.4rem; transition: all 0.4s ease;}
.share-sec ul li a:hover { border:1px solid var(--bg-orange); background: var(--bg-orange); }
.share-sec ul li a:hover i { color: var(--txt-white); }

.related-sec { width: 100%; background: var(--bg-white); padding: 0 0 6rem; overflow: hidden;}
.related-sec h2 { color: var(--txt-black); margin-bottom: 3rem;}
.related-sec-inn { width: 100%; border-top: 1px solid rgba(0, 0, 0, 1); padding: 3rem 0 0; }

.related-slider { width: 100%; padding-left: calc((100% - 78rem) / 2);}
.related-slider .blog-lft { background: var(--bg-white); border: 1px solid rgba(0, 0, 0, 0.18); min-height: 340px; transition: all 0.4s ease;}
.related-slider .blog-lft h5 { color: var(--txt-mblack); border: 1px solid rgba(0, 0, 0, 1);}
.related-slider .blog-title { margin: 3.5rem 0 0 0; display: flex; flex-wrap: wrap; row-gap: 1.2rem;}
.related-slider .blog-title h4 { font-size: 1rem; line-height: 1.1; color: var(--txt-mblack); font-family: var(--ff-AESFontIn-regular); }
.related-slider .blog-lft .blog-title h2 { font-size: 1.5rem; line-height: 1.3; color: var(--txt-black); margin-bottom: 0rem; font-family: var(--ff-AESFont-demi); }
.related-slider .blog-lft .blog-img-sec { bottom: -20px; right: -60px;}
.related-slider .blog-lft .blog-img-sec img { max-width: 280px; left:auto; right: auto; top: auto;}
.related-slider .blog-lft a { border: 1px solid var(--bg-orange); padding: 0.638rem 1.875rem; background: var(--bg-elorange); color: var(--txt-orange);}
.related-slider .blog-lft a:hover { border: 1px solid var(--bg-orange); background: var(--bg-orange); color: var(--txt-white);}
.related-slider .blog-lft a span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
.related-slider .blog-lft a:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
.related-slider .blog-lft a span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
.related-slider .blog-lft a:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
.related-slider .blog-lft a span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
.related-slider .blog-lft a:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
.related-slider .blog-lft a span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
.related-slider .blog-lft a:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}
.related-slider .blog-lft:hover { background: var(--bg-dblue);}
.related-slider .blog-lft:hover h4, .related-slider .blog-lft:hover h2, .related-slider .blog-lft:hover p { color: var(--txt-white); }
.related-slider .blog-lft:hover h5 { color: var(--txt-white); border: 1px solid var(--bg-white);}

/********** Careers Page **********/
.careers-banner { padding: 8rem 0 4rem;}
.careers-banner .inner-banner-lft { flex: 0 1 60%; }
.inner-banner-sec .item.item-regular { width: 478px;}
.inner-banner-sec .item .item__image img { filter: none; }
.inner-banner-sec .item .item__image a { height: 353px; border: none;}
.items.items--gsap { padding-bottom: 4rem; overflow: hidden; }

.join-us-sec  { width: 100%; background: var(--bg-white); padding: 6rem 0 6rem;}
.join-us-main { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.join-us-main > div { flex: 0 1 57%;}
.join-us-main > div:last-child { flex: 0 1 39%; flex-wrap: wrap; padding:2.5rem 2.188rem 0; display: flex; justify-content: right; background: var(--bg-dblue); border-radius: 0.75rem;}

.join-us-lft .icon-main { background: var(--bg-ltgrey);}
.join-us-lft .icon-main::before  { background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); width: 3.313rem; height: 3.313rem;}
.join-us-lft .icon-main:hover::before { width: 100%; height: 100%;}
.join-us-lft h2 { width: 100%; color: var(--txt-black); font-family: var(--ff-AESFont-demi); font-size: 2.5rem; line-height: 1.3; padding-bottom: 1.5rem;}
.join-us-lft p { width: 100%; color: var(--txt-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.375rem; line-height: 1.5; padding-bottom: 4rem;}
.join-us-lft .experience-list ul li { flex: 0 1 48%;}
.join-us-lft .experience-list ul li .icon-main { border: 1px solid rgba(0, 0, 0, 0.18); background: var(--bg-ltgrey);}
.join-us-lft .experience-list ul li .icon-main .icon-img { padding-bottom: 2rem;}
.join-us-lft .experience-list ul li .icon-cnt h3 { color: var(--txt-mblack); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); padding-bottom: 1rem;}
.join-us-lft .experience-list ul li .icon-cnt p { font-family: var(--ff-AESFontIn-regular); line-height: 1.5; padding-bottom: 2rem;}
.join-us-lft .experience-list ul li:hover .icon-main .icon-img svg path { fill: var(--bg-white); transition: all 0.8s ease-out;}
.join-us-lft .experience-list ul li:hover .icon-cnt h3 { color: var(--txt-white); }

.join-us-main .join-us-rgt img { float: right; width: auto;}
.join-us-rgt  h2 { width: 100%; color: var(--txt-white); font-family: var(--ff-AESFont-bold); font-size: 2rem; line-height: 1.2; padding-bottom: 1.25rem; padding-right: 0;}
.join-us-rgt p { width: 100%; color: var(--bg-white); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5; padding-bottom: 3.125rem; padding-right: 0;}
.testimonial-sec { width: 100%; position: relative; overflow: hidden;}
.testimonial-main {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.testimonial-cnt { width:55%;}
#testimonial-slide { width: 100%; overflow: hidden;}
.testimonial-cnt h3 { color: var(--txt-white); font-family: var(--ff-AESFont-bold); font-size: 2.5rem; line-height: 1.3; padding-bottom: 0.938rem; padding-left: 3.75rem; padding-top: 1.563rem;}
.testimonial-cnt h4 { width: 100%; color: var(--txt-white); font-family: var(--ff-AESFontIn-bold); font-size: 1.25rem; line-height: 1.2; padding-bottom: 0;padding-left: 3.75rem;}
#testimonial-slide .swiper-pagination-bullets { padding-left: calc((100% - 71rem) / 2); bottom: 0; left: 0; right: auto; width: auto; top: auto; position: relative; text-align: left; margin-top: 1.5rem;}
#testimonial-slide .swiper-pagination-bullet { background-color:  rgba(255, 255, 255, 0.30); border: none;  width: 12px; height: 12px; opacity: 1; transition: all 0.4s ease;}
#testimonial-slide .swiper-pagination-bullet-active { background-color: var(--txt-white); /*! width: 30px; */ border-radius: 25px; }

.career-sec  { width: 100%; padding: 5rem 0 6rem; background: var(--bg-white);}
.career-sec .logo-icon { top: 0.3rem; }
.career-main { max-width: 768px; margin: 0 auto;}
.career-main h2 { width: 100%; color: var(--txt-black); font-family: var(--ff-AESFont-bold); font-size: 2.5rem; line-height: 1.3; padding-bottom: 2.188rem; text-align: center;}

.filters-sec { width: 100%; margin-bottom: 2.188rem;}
.filters-sec p {color: var(--txt-black); font-family: var(--ff-AESFontIn-regular); font-size: 1rem; line-height: 1.1; padding-bottom: 0.625rem;}
.filters-sec ul { display: flex; flex-wrap: wrap; column-gap: 0.75rem;}
.filters-sec ul li { flex: 0 1 49.2%;}
.filters-sec .form-box .frm-input .floating-label-group {  width: 100%; position: relative;}
.filters-sec ul li .nice-select { width:100%; padding: 0.75rem 1.3rem; height: 50px; border: 1px solid rgba(0, 0, 0, 0.45); font-size: 1.125rem; font-family: var(--ff-AESFontIn-regular); color: var(--txt-black); border-radius: 27px; line-height: 1.2; letter-spacing: inherit; }
.filters-sec ul li .nice-select .list { width: 100%; row-gap: inherit;}
.filters-sec ul li .nice-select .option { width: 100%; flex: none; font-size: 1rem; line-height: 2.5rem; padding: 0px 20px;}
.filters-sec ul li .nice-select .option:hover {background-color: var(--bg-orange);color: #fff;}
.filters-sec ul li .nice-select::after { border-bottom: 2px solid #000; border-right: 2px solid #000; width: 10px; height: 10px; margin-top: -7px; right: 1.4rem; }

.career-list { width: 100%; padding-bottom: 1.688rem; margin-bottom: 2.188rem; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
.career-list.career-list-last { border-bottom: none; }
.career-list h3 { color: var(--txt-black); font-family: var(--ff-AESFont-demi); font-size:2rem; line-height: 1.2; padding-bottom: 1.875rem; }
.career-list h4 { color: var(--txt-black); font-family: var(--ff-AESFont-medium); font-size: 1.5rem; line-height: 1.2; padding-bottom: 0.938rem; }
.career-list span { color: var(--txt-grey); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.3; padding-bottom: 0; }
.career-list ul { display: flex; flex-wrap: wrap; row-gap: 0.813rem;}
.career-list ul li { flex: 0 1 100%;}
.career-list ul li a { width: 100%; display: inline-block; background: var(--bg-ltgrey); padding: 1rem; border-radius: 0.75rem; position: relative; transition: all 0.4s ease;}
.career-list ul li a::after { position: absolute; content: '\f054'; right: 2rem; top: 50%; transform: translateY(-50%); font-family: 'FontAwesome'; font-size: 1rem; color: var(--txt-orange);}
.career-list ul li a:hover { background: var(--bg-orange);}
.career-list ul li a:hover h4, .career-list ul li a:hover span { color: var(--txt-white);}
.career-list ul li a:hover:after { color: var(--txt-white);}

.career-btn { width: 100%; display: flex; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); padding: 1.875rem 2.813rem 1.875rem 1.875rem; border-radius: 0.75rem; flex-wrap: wrap;align-items: center;justify-content: space-between;}
.career-btn span.logo-icon { width: 100%; display: inline-flex; padding-bottom: 1.25rem;}
.career-btn h3 { color: var(--txt-white); font-family: var(--ff-AESFont-demi); font-size: 1.5rem; line-height: 1.3; padding-bottom: 0; }
.getlink-btn { width: auto;}
.getlink-btn a.wht-btn {	border-radius: 12px; position: relative; display: inline-block; padding: 0.688rem 1.25rem;	color: var(--txt-orange);	
overflow: hidden;	font-family: var(--ff-AESFontIn-bold); font-size: 1.063rem; border: none;
text-decoration: none;	background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -1.14%, rgba(255, 255, 255, 0.15) 98.86%), #FFF; transition: 0.2s; }
.getlink-btn a.wht-btn:hover { background: var(--bg-dblue); color: var(--txt-white); transition-delay: 1s;}
.getlink-btn a.wht-btn span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
.getlink-btn a.wht-btn:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
.getlink-btn a.wht-btn span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
.getlink-btn a.wht-btn:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
.getlink-btn a.wht-btn span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
.getlink-btn a.wht-btn:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
.getlink-btn a.wht-btn span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
.getlink-btn a.wht-btn:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}

/* digital-marketing and ecommerce page */
.inner-banner-rgt img.inner-banner-image.left-pos-seo { position: relative; left: -80px; }
.seo-welcome-sec { width: 100%; padding: 5.313rem 0px; background: var(--bg-white); }
.seo-welcome-main { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.seo-welcome-lft { flex: 0 1 41%; border-radius: 32px; overflow: hidden;}
.seo-welcome-lft img { float: left; width: 100%; }
.seo-welcome-rgt { flex: 0 1 49%; }
.seo-welcome-rgt h2 { color: var( --txt-black-clr); font-family: var(--ff-AESFont-bold); font-size: 2.5rem; line-height: 1.3; margin-bottom: 2rem; }
span.orng-txt { color: var(--bg-orange);}
span.blue-txt { color: var(--bx-blue-txt);}
.seo-welcome-rgt p { color: var(--bg-black); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5; }

.seo-feature-sec { width: 100%; padding: 5.625rem 0px; background: var(--bg-grey1); }
.feature-title-div { width: 100%; text-align: center; }
.feature-title-div h5 { color: var(--txt-orange); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 1rem; }
.feature-title-div h2 { color: var(--txt-black-clr); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 1.875rem;}
.feature-title-div h2 span.logo-icon { top: 0.2rem; }
.feature-title-div a.org-btn { padding: 0.688rem 1.25rem;}

.feature-div { width: 100%; margin-top: 3.125rem; }
ul.seo-feature-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 22px; }
ul.seo-feature-lst li { flex: 0 1 49%; }
.feature-cont { width: 100%; height: 100%; background: var(--bg-white); padding: 3.125rem 3.125rem; border-radius: 32px; position: relative; overflow: hidden; }
.hvr-img { position: absolute; left: 0px; top:0px; width: 100%; height: 100%; opacity: 0; background: var(--bg-dblue); transition: all 0.5s ease; }
.hvr-img img { float: left; width: 100%; height: 100%; object-fit: cover; }
.cont-div { width: 100%; position: relative; }
.title-top { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 2.188rem; }
.title-top .tit-lft { flex: 0 1 calc(100% - 120px); }
.title-top .ico-rgt { flex: 0 1 120px; text-align: right;}
.title-top .ico-rgt path { transition: all 0.8s ease-out; }
.feature-cont h3 { color: var(--txt-black-clr); font-size: 2rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); transition: all 0.5s ease;}
.feature-cont p { color: var(--txt-black-clr); font-size: 1.063rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 2.5rem; transition: all 0.5s ease;}
ul.list-cont { width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px;}
ul.list-cont li { flex: 0 1 100%; color: var(--txt-black); font-size: 1.063rem; line-height: 1.2; font-family: var(--ff-AESFontIn-bold); background: url("../images/tick-icon.svg") no-repeat scroll 0 0; padding-left: 2.188rem; 
position: relative; transition: all 0.5s ease; }
ul.seo-feature-lst li:hover .hvr-img { opacity: 1; }
ul.seo-feature-lst li:hover .ico-rgt svg path{ fill: var(--txt-white); }
ul.seo-feature-lst li:hover .ico-rgt svg path.org-clr { fill: var(--txt-orange); }
ul.seo-feature-lst li:hover .feature-cont h3 { color: var(--txt-white); }
ul.seo-feature-lst li:hover .feature-cont p { color: var(--txt-white); }
ul.seo-feature-lst li:hover ul.list-cont li { color: var(--txt-white); }

.seo-steps-sec { width: 100%; padding: 6rem 0px 5rem; background: var(--bg-violet); height: 102vh; overflow: hidden; }
.steps-title { width: 100%; text-align: center; margin-bottom: 4.688rem; position: relative; z-index: 5; }
.steps-title h5 { color: var(--txt-orange); font-size: 1.5rem; line-height: 1.5; font-family: var(--ff-AESFont-demi); margin-bottom: 0.5rem; }
.steps-title h2 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 1.875rem;}
.steps-title h2 span.logo-icon { top: 0.4rem; }

/* horizontal scroll */
.horizontal-scoll-wrapper { overflow: hidden; min-height: 100vh; padding-left: 30%; padding-right: 30%; position: relative; z-index: 5;}
.horizontal { display: flex; height: 100%; column-gap: 65px;}
.horizontal .card { display: flex; flex-shrink: 0; width: 640px; padding: 0px 0px; padding-bottom: 50px; }
.horizontal .card .step-number { width: 92px; display: flex; justify-content: center; align-items: self-start; padding: 0.625rem 0.625rem; }
.horizontal .card .step-number h4 { color: var(--txt-white); font-size: 4.5rem; line-height: 1; font-family: var(--ff-AESFont-bold); }
.horizontal .card .step-cont { width: calc(100% - 92px); padding: 1.875rem 2.188rem 3.75rem 2.813rem; border-left: 1px solid var(--bg-white); 
border-bottom: 1px solid var(--bg-white); position: relative; }
.horizontal .card .step-cont h3 { color: var(--txt-white); font-size: 2rem; line-height: 1.5; font-family: var(--ff-AESFont-medium); margin-bottom: 1.75rem; }
.horizontal .card .step-cont p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.4; font-family: var(--ff-AESFontIn-regular); }
span.step-icon { position: absolute; left: -50px; bottom: -57px;} 
span.step-icon svg { float: left; }

/* digital-business page */
.business-milestone-sec .experience-milestone-main { border-bottom: none; padding-bottom: 0rem; margin-bottom: 0rem; }
.business-milestone-sec .milestone-list ul li { flex: 0 1 25%;}
.business-milestone-sec .milestone-cnt {padding: 0 1.125rem;}
.business-milestone-sec .milestone-cnt h3 { font-size: 1.5rem; line-height: 1.3; }
.business-milestone-sec .milestone-cnt p { font-size: 1rem; line-height: 1.5; } 

.offerings-sec { width: 100%; padding: 5.625rem 0rem; background: var(--bg-white); }
.offering-title { margin-bottom: 3.75rem;}
.offering-title h5 { color: var(--txt-orange); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 0.7rem; }
.offering-title h2 { color: var(--txt-black-clr); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); }
.offering-title h2 span.logo-icon { top: 0.3rem; }

/* Tab Container */
.tab-container { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%;  background: #fff;}
.left-tab-cont { width: 49%; }
.right-tab-cont { width: 49%; border-radius: 0px 32px 32px 0px; background: linear-gradient(270deg, rgba(254, 115, 0, 0.12) 0%, rgba(255, 255, 255, 0.00) 100%); 
/* height: 100vh; overflow-y: scroll;*/ } 
.tab-header ul { width: 100%; }
.tab-header .tab { cursor: pointer; position: relative;  border-left:3px solid #e5e5e3; }  
.tab-header .tab h5 { padding: 1rem 3rem; color: #9e9e9e; font-size: 1.25rem; line-height: 1.2; font-family: var(--ff-AESFont-medium); }
.tab-header .tab.active h5{ color: var(--txt-dblue); font-family: var(--ff-AESFont-bold); }
.tab-header .tab.active::before { content: ""; position: absolute; height: 100%; left: -3px; top:0px; border-left:3px solid var(--bg-orange); }
.tab-header .tab span { position: relative;}
.tab-header .tab span::after { display: none; content: "+"; position: relative; color: #9e9e9e; font-size: 1.5rem; top: -2px;}
.tab-header .tab.active span::after { content: "-"; font-size: 2rem; font-family: var(--ff-AESFontIn-regular);}

/* Tab Content */
.tab-content { width: 100%;}
.tab-content .content {display: none; }
.tab-content .content.active {display: block; }
.offer-cont-div { width: 100%; height: 100%; padding: 2.625rem 0rem; }
.offer-title { width: 100%; padding: 0rem 3.125rem; position: relative; margin-bottom: 2.5rem;}
.offer-title::before { content: ""; position: absolute; left: 0px; top:0px; height: 100%; border-left:3px solid var(--bg-orange); }
.offer-title h3 { color: var(--txt-dblue); font-size: 2rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 1.563rem; }
.offer-title .img-div { width: 100%; border-radius: 24px; overflow: hidden;}
.offer-title .img-div img { float: left; width: 100%;}
.offer-desc { width: 100%; padding: 0rem 3.125rem 0rem 0rem; }
.offer-desc p { color: var(--txt-black-clr); font-size: 1.125rem; line-height: 1.6; font-family: var(--ff-AESFontIn-regular); }
ul.list-cont { width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-top: 1.875rem;}
ul.list-cont li { flex: 0 1 100%; color: var(--txt-black-clr); font-size: 1.125rem; line-height: 1.5; background: url("../images/tick-icon-orng.svg") no-repeat scroll left 0 top 3px; padding-left: 2rem; position: relative;}

.tools-sec { width: 100%; padding: 5.625rem 0px; position: relative; overflow: hidden; }
.tools-main { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.tools-lft { flex: 0 1 41%; border-radius: 32px; overflow: hidden;}
.tools-lft img { float: left; width: 100%; }
.tools-rgt { flex: 0 1 52%; }
.tools-rgt h5 { color: var( --txt-orange); font-family: var(--ff-AESFont-demi); font-size: 1.5rem; line-height: 1.3; margin-bottom: 0.8rem; }
.tools-rgt h2 { color: var( --txt-white); font-family: var(--ff-AESFont-bold); font-size: 2.5rem; line-height: 1.3; margin-bottom: 2rem; }
.tools-rgt h2 span.logo-icon {top: 0.4rem;}
.tools-rgt p { color: var(--txt-white); font-family: var(--ff-AESFontIn-regular); font-size: 1.125rem; line-height: 1.5; }

.use-case-sec { width: 100%; padding: 5.938rem 0px; background: var(--bg-white); }
.use-case-sec .feature-title-div h2 { margin-bottom: 0px; }
.use-case-container {display: grid; grid-template-columns: 2fr 2fr; grid-template-rows: auto auto;gap: 25px;padding: 0rem;margin: auto; margin-top: 3.5rem;}
.use-case-div { display: flex; flex-wrap: wrap; position: relative; }
.use-case-img { width: 100%; position: relative; border-radius: 32px; overflow: hidden; }
.use-case-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease; transform: scale(1.2); }
.use-case-img::before {content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 1;}
.use-case-img::after {content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: var(--Background-Dark-blue, #090F2A); opacity: 0.2;}
.use-case-content { width: 100%; padding: 4.375rem 3.438rem; display: flex; flex-wrap: wrap; align-content: center; position: absolute; left: 0px; bottom: 0px; z-index: 2;}
.use-case-content h3 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 1.25rem; }
.use-case-content p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.4; font-family: var(--ff-AESFontIn-sbold); margin-bottom: 0px; }
.use-case-div:first-child { grid-column: 1 / 2; grid-row: 1 / 3; }
.use-case-div:nth-child(2) {grid-column: 2 / 3;grid-row: 1 / 2;}
.use-case-div:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
.use-case-div .use-case-img::before { background: linear-gradient(0deg, #090F2A 0%, rgba(9, 15, 42, 0.00) 100%); }
.use-case-div:nth-child(2n-2) .use-case-img::before { background: linear-gradient(180deg, rgba(0, 145, 229, 0.00) 11.74%, #00507F 103.79%); }
.use-case-div:nth-child(3n-3) .use-case-img::before { background: linear-gradient(180deg, rgba(105, 3, 194, 0.00) 10.35%, #32015C 95.96%); }
.use-case-div:nth-child(4n-4) .use-case-img::before { background: linear-gradient(180deg, rgba(105, 3, 194, 0.00) 10.35%, #FE7300 95.96%); }
.use-case-div:hover .use-case-img img { transform: scale(1);}

/* contact us page */
.contact-sec { width: 100%; padding: 10.313rem 0px 4.688rem; position: relative; }
.contact-main { display: flex; flex-wrap: wrap; column-gap: 2%; position: relative; z-index: 5;}
.contact-lft { flex: 0 1 49%; }
.contact-lft h1 { color: var(--txt-white); font-size: 3.5rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-bottom: 1.5rem; }
.contact-lft h1 span.logo-icon { top: 0.3rem; }
.contact-lft p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.2; font-family: var(--ff-AESFontIn-regular); }
ul.contact-lst { width: 100%; display: flex; flex-wrap: wrap; margin-top: 4.375rem; row-gap: 2.5rem;}
ul.contact-lst li { flex: 0 1 100%; display: flex; flex-wrap: wrap; }
ul.contact-lst li .icon-div { width: 75px;}
ul.contact-lst li .contact-txt { width: calc(100% - 75px);}
ul.contact-lst li .contact-txt h4 { color: var(--txt-white); font-size: 1.5rem; line-height: 1.2; font-family: var(--ff-AESFont-demi); margin-bottom: 0.5rem; }
ul.contact-lst li .contact-txt p { color: var(--txt-white); font-size: 1rem; line-height: 1.2; font-family: var(--ff-AESFontIn-regular); }
ul.contact-lst li .contact-txt p a { color: #fff; text-decoration: underline; transition: all 0.5s ease-in;}
ul.contact-lst li .contact-txt p a:hover { color: var(--txt-orange);}
.contact-rgt { flex: 0 1 49%; }
.contact-form { width: 100%; padding: 1.875rem 1.5rem; border-radius: 15px; background: #F3F3F3; box-shadow: 3px 4px 21px 0px rgba(0, 0, 0, 0.25);}
.contact-form h3 { color: var(--txt-black); font-size: 2rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-bottom: 1.375rem; }
.contact-form ul{width: 100%;display: flex; flex-wrap: wrap; row-gap: 1.375rem;}
.contact-form ul li {flex: 0 1 100%;}
.contact-form ul li input[type="text"], .contact-form ul li input[type="email"], .contact-form ul li input[type="tel"] {background: var(--bg-white); height: 58px; border: none; color: #626262; font-size: 1.125rem; font-family: var(--ff-AESFontIn-regular);text-align: left;width: 100%;padding: 0rem 1rem;}
.contact-form ul li textarea {background: var(--bg-white); border: none; color: #626262; font-size: 1.125rem; font-family: var(--ff-AESFontIn-regular); height: 122px; resize: none; text-align: left;width: 100%;padding: 1rem 1rem;}
.contact-form ul li .submit-btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 12px; font-size: 1.125rem; color: var(--txt-white);font-family: var(--ff-AESFontIn-bold);
padding: 0rem 1rem; transition:all .5s ease; border: none; cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.56);background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -1.14%, rgba(255, 255, 255, 0.15) 98.86%), #FE7300;}
.contact-form ul li .submit-btn:hover {background: #090F2A;}
.contact-form ul li input[type="text"]::-webkit-input-placeholder, .contact-form ul li input[type="email"]::-webkit-input-placeholder, .contact-form ul li input[type="tel"]{ /* Chrome/Opera/Safari */
color: #626262;}
.contact-form ul li input[type="text"]::-moz-placeholder, .contact-form ul li input[type="email"]::-moz-placeholder, .contact-form ul li input[type="tel"]::-moz-placeholder { /* Firefox 19+ */
color: #626262;}
.contact-form ul li input[type="text"]:-ms-input-placeholder, .contact-form ul li input[type="email"]:-ms-input-placeholder, .contact-form ul li input[type="tel"]:-ms-input-placeholder{ /* IE 10+ */
color: #626262;}
.contact-form ul li input[type="text"]:-moz-placeholder, .contact-form ul li input[type="email"]:-moz-placeholder, .contact-form ul li input[type="tel"]:-moz-placeholder { /* Firefox 18- */
color: #626262;}
.contact-form ul li .nice-select { width:100%; padding: 0rem 1rem; height: 58px; border: none; font-size: 1.125rem; line-height: 3.7rem; font-family: var(--ff-AESFontIn-regular); color: #626262; letter-spacing: inherit; }
.contact-form ul li .nice-select .list { width: 100%; row-gap: inherit;}
.contact-form ul li .nice-select .option { width: 100%; flex: none; font-size: 1rem;line-height: 2.5rem; padding: 0rem 1rem; }
.contact-form ul li .nice-select .option:hover {background-color: var(--bg-orange);color: var(--txt-white);}
.contact-form ul li .nice-select::after { border-bottom: 2px solid #807e7f; border-right: 2px solid #807e7f; width: 10px; height: 10px; margin-top: -7px; right: 1.4rem; }

.our-location-sec { width: 100%; padding: 4.375rem 0px 7.5rem; background: var(--bg-ltgrey); }
.our-location-sec h2 { color: var(--txt-black); font-size: 2.5rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-bottom: 3.5rem; }
.locations-out { width: 100%; }
.india-locations { width: 100%; margin-bottom: 2.188rem; }
.india-locations h3 { color: var(--txt-black); font-size: 2rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-top: 1rem; margin-bottom: 1.25rem; }
ul.location-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%;}
ul.location-lst li { flex: 0 1 32%;}
ul.location-lst li h4 { color: var(--txt-black); font-size: 1.5rem; line-height: 1.2; font-family: var(--ff-AESFont-demi); margin-bottom: 1rem; }
ul.location-lst li p { color: var(--txt-black); font-size: 1.063rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); }
ul.location-lst li p a { text-decoration: underline; transition: all 0.5s ease; }
ul.location-lst li h3 { color: var(--txt-black); font-size: 2rem; line-height: 1.2; font-family: var(--ff-AESFont-bold); margin-top: 1rem; margin-bottom: 1rem; }
ul.location-lst li p a:hover { color: var(--txt-orange);}

/* about page css */
.partner-sec { width: 100%; padding: 0rem 0rem; position: relative; }
.partner-sec::after { content: ""; position: absolute; top:0px; left: 0px; width: 100%; height: 100%;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.8)), color-stop(50%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.partner-main { width: 100%; position: relative; }
.partner-main img { width: 100%;}
.partner-cont { position: absolute; top:50%; left: 0px; width: 100%; transform: translateY(-50%); z-index: 1; }
.partner-in { width: 31.25rem;}
.partner-in h2 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 2.1rem;}
.partner-in h2 span.logo-icon { top: 0.25rem;}
.partner-in p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 2.188rem;}

.achievement-sec { width: 100%; padding: 6.25rem 0rem; background: var(--bg-white);}
.achievement-sec h2 { color: var(--txt-black-clr); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); }
.achievement-sec h2 span.logo-icon { top: 0.25rem;}
ul.achievement-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; margin-top: 3.125rem; }
ul.achievement-lst li { flex: 0 1 32%; }
.achievement-box { width: 100%; height: 100%; background: var(--bg-dblue); border-radius: 12px; padding: 3.125rem 1.563rem; display: flex; flex-direction: column; text-align: center;
row-gap: 2.75rem;}
.achievement-box .img-div { width: 100%; height: 185px;display: flex; align-items: center; justify-content: center; }
.achievement-box .img-div img { width: auto;}
.achievement-box p { color: var(--txt-white); font-size: 1.25rem; line-height: 1.4; font-family: var(--ff-AESFont-medium);} 

.excellence-sec { width: 100%; padding: 2.813rem 0rem 6.25rem; background: var(--bg-white); position: relative; }
.excellence-sec .offering-title h5 { margin-bottom: 1rem;}
ul.excellence-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px; }
ul.excellence-lst li { flex: 0 1 49%; }
.excel-div { display: flex; flex-wrap: wrap; position: relative; }
.excel-img { width: 100%; position: relative; border-radius: 12px; overflow: hidden; }
.excel-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.8s ease; transform: scale(1.2); }
.excel-img::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: var(--Background-Dark-blue, #090F2A); opacity: 0.3; z-index: 1; }
.excel-img::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 2;}
.excel-content { width: 100%; padding: 3.75rem 3.75rem; position: absolute; left: 0px; bottom: 0px; z-index: 3;}
.excel-content h3 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); margin-bottom: 0.5rem; }
.excel-content p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.3; font-family: var(--ff-AESFontIn-regular); margin-bottom: 0px; }
ul.excellence-lst li.excel1 .excel-img::after { background: linear-gradient(180deg, rgba(0, 145, 229, 0.00) 11.74%, #00507F 103.79%); }
ul.excellence-lst li.excel2 .excel-img::after { background: linear-gradient(180deg, rgba(151, 71, 255, 0.00) 11.74%, #6903C2 103.79%); }
ul.excellence-lst li.excel3 .excel-img::after { background: linear-gradient(180deg, rgba(254, 115, 0, 0.00) 11.74%, #FE7300 103.79%); }
ul.excellence-lst li.excel4 .excel-img::after { background: linear-gradient(180deg, rgba(30, 21, 21, 0.00) 11.74%, #1E1515 103.79%); }
ul.excellence-lst li:hover .excel-img img { transform: scale(1); }

.journey-sec { width: 100%; padding: 0rem 0rem; background: var(--bg-white); position: relative; height: 100vh; overflow: hidden; }
.circle-journey { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; width: 460px; height: 460px; border-radius: 100%; border: 1px solid var(--bg-orange); }
.journey-cont { width: 100%; display: flex; justify-content: center; align-items: center; height: 100vh; position: relative; z-index: 1; }
.journey-cont-in { width: 950px; text-align: center; }
.journey-cont-in h1 { position: relative; color: var(--txt-black); font-size: 9.25rem; line-height: 1; font-family: var(--ff-AESFont-bold); transition: font-size 0.1s ease-out; }
.journey-cont-in p { color: var(--txt-black-clr); font-size: 1.125rem; line-height:1.5; font-family: var(--ff-AESFontIn-regular); transition: font-size 0.1s ease-out;}
.journey-image { position: absolute; width: 192px; height: 192px; border-radius: 100%; top:5%; left: 0px; right: 0px; margin: auto; overflow: hidden;}
.journey-image img { float: left; width: 100%;}
.journey3, .journey4 { width: 129px; height: 129px; }

.leadership-sec { width: 100%; padding: 4.688rem 0rem; background: var(--bg-white); overflow: hidden; }
.leadership-sec .offering-title { margin-bottom: 5.625rem; }
.team-slider { width: 100%; padding-left: calc((100% - 78rem) / 2); position: relative;}
.team-out { width: 100%; height: 580px; display: flex; align-items: center; }
.team-div { width: 100%; padding: 0.5rem 1.375rem 1.375rem 1.375rem; display: flex; flex-wrap: wrap; border-radius: 12px; transition: all 0.5s ease-in; }
.team-img { width: 100%; margin-bottom: 1.125rem;}
.team-round { width: 300px; border-radius: 150px; overflow: hidden; position: relative; transition: all 0.5s ease-in-out; }
.team-round img { position: relative; z-index: 1; transition: all 0.5s ease-in-out;}
.team-round::before { content: ""; position: absolute; left: 0px; bottom: 0px; border-radius: 300px; width: 300px; height: 300px; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); transition: all 0.5s ease-in-out;}
.team-txt { width: 100%; display: flex; align-items: center; margin-bottom: 0.5rem; transition: all 0.5s ease-in-out;}
.team-txt-lft { flex: 0 1 calc(100% - 50px); padding: 0.625rem 0.625rem; }
.team-txt-lft h4 { color: var(--txt-black); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 5px; transition: all 0.5s ease-in-out;}
.team-txt-lft h5 { color: #676464; font-size: 1rem; line-height: 1.1; font-family: var(--ff-AESFontIn-regular); transition: all 0.5s ease-in-out;}
.team-social { display: flex; justify-content: right; flex: 0 1 50px; }
.team-social a svg path { transition: all 0.4s ease;}
.team-social a svg path:hover { fill: var(--bg-orange); color: var(--txt-white);}
.team-div p { position: relative; z-index: 1; padding: 0rem 0.625rem; color: var(--txt-white); font-size: 1.063rem; line-height: 1.3; font-family: var(--ff-AESFontIn-regular); opacity: 0; transform: translateY(-100px); transition: all 0.5s ease-in-out; }
.team-out:hover .team-div { background: var(--bg-dblue); }
.team-out:hover .team-round { width: 240px; }
.team-out:hover .team-round::before { height: 240px; width: 240px; background: var(--bg-white); }
.team-out:hover .team-div p { opacity: 1; transform: translateY(0px); }
.team-out:hover .team-txt-lft h4 { color: var(--txt-white); }
.team-out:hover .team-txt-lft h5 { color: #7A7A7A; }

.team-slider .swiper-arrow-control { position: absolute; top: -110px; right: 0px; width: auto; display: flex; flex-wrap: wrap; column-gap: 10px; }
.team-slider .swiper-arrow-control .arrow-btn { position: relative; width: 45px; height: 45px; background: #E5E5E4; border-radius: 50%; border: 1px solid rgba(0,0,0,0.18); color: #000000; 
display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; }
.team-slider .swiper-arrow-control .swiper-button-prev { left: auto; }
.team-slider .swiper-arrow-control .swiper-button-prev::after { display: none; }
.team-slider .swiper-arrow-control .swiper-button-next { right: auto;}
.team-slider .swiper-arrow-control .swiper-button-next::after { display: none; }
.team-slider .swiper-arrow-control i { color: var(--txt-black); font-size: 20px;}
.team-slider .swiper-arrow-control .arrow-btn:hover { background: var(--bg-orange); border: 1px solid var(--bg-orange); }
.team-slider .swiper-arrow-control .arrow-btn:hover i {  color: var(--txt-white); }

.about-ban-sec .inner-banner-lft { flex: 0 1 80%; }
.about-aes-sec { width: 100%; padding: 5rem 0rem; background: var(--bg-white); }
.about-aes-sec h4 { color: var(--txt-black); font-size: 2rem; line-height: 1.4; font-family: var(--ff-AESFont-medium); margin-top: 5px; }
.about-aes-sec h4 span.orng-txt { color: var(--txt-orange); }
.about-aes-sec h4 span.grey-txt { color: #8C8C8C; }

.what-we-do-sec { width: 100%; padding: 5rem 0rem 5rem; }
.we-top { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; align-items: center; margin-bottom: 5rem; }
.we-top-lft { flex: 0 1 49%; }
.we-top-lft h5 { color: var(--txt-orange); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 1rem; }
.we-top-lft h2 { color: var(--txt-white); font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); }
.we-top-lft h2 span.logo-icon { top: 0.3rem;}
.we-top-rgt { flex: 0 1 49%; }
.we-top-rgt p { color: var(--txt-white); font-size: 1.375rem; line-height: 1.4; font-family: var(--ff-AESFontIn-regular); }

.we-btm { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; margin-bottom: 0rem; }
.we-btm-lft { flex: 0 1 49%; padding-top: 3.125rem; }
ul.do-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; }
ul.do-list li { flex: 0 1 100%; }
ul.do-list li a { color: #848894; font-size: 1.75rem; line-height: 1.3; font-family: var(--ff-AESFont-medium); position: relative; transition: all 0.5s ease;}
ul.do-list li a::before { content: ""; position: absolute; left: 0px; top:5px; width: 26px; height: 26px; border-radius: 26px; background: var(--bg-violet); opacity: 0; transition: all 0.5s ease; }
ul.do-list li a:hover, ul.do-list li a.active { color: var(--txt-white); padding-left: 2.5rem; font-family: var(--ff-AESFont-bold);}
ul.do-list li a:hover::before, ul.do-list li a.active::before { opacity: 1;}
.we-btm-rgt { flex: 0 1 49%; }
.solution-img { width: 100%; margin-bottom: 3.75rem;}
.solution-img-in { width: 412px; height: 412px; position: relative; box-shadow: 32px 0px 50px 0px rgba(0, 0, 0, 0.12); }
.solution-img-in::after { content: ""; position: absolute; left: 30px; top:-15px; width: 431px; height: 431px; border-radius: 100%; opacity: 0.79;
background: var(--Linear-Purple, linear-gradient(180deg, #8441BE 0%, #6903C2 100%)); box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25);}
.solution-img-in::before { content: ""; position: absolute; left: 55px; top:-27px; width: 456px; height: 456px; border-radius: 100%; opacity: 0.54;
background: var(--Linear-Purple, linear-gradient(180deg, #8441BE 0%, #6903C2 100%)); box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25); }
.sol-img { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; visibility: hidden; transition: visibility 0.5s ease-in-out;}
.sol-img.visible { visibility: visible;}
.solution-img-in img { width: 100%; border-radius: 100%; position: relative; z-index: 1;}
.we-btm-rgt p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); margin-bottom: 1.5rem; }

.our-mission-sec { width: 100%; padding: 6.25rem 0rem; }
.mission-out { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; }
.mission-lft { flex: 0 1 32%; padding-top: 1.563rem;}
.mission-lft ul { display: flex; flex-wrap: wrap; row-gap: 3.438rem; }
.mission-lft ul li { flex: 0 1 100%; }
.mission-lft ul li h2 { font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); background: linear-gradient(97deg, #090F2A -17.9%, #E5E5E4 42.77%);
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.8rem; }
.mission-lft ul li p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.5; font-family: var(--ff-AESFontIn-regular); }
.mission-rgt { flex: 0 1 66%; display: flex; flex-wrap: wrap; background: var(--bg-elorange); border-radius: 12px; overflow: hidden; }
.mission-lft-in { flex: 0 1 calc(100% - 305px); padding: 2rem 1.375rem; }
.mission-lft-in h2 { font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-bold); background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5rem;}
ul.values-lst { width: 100%; display: flex; flex-wrap: wrap; }
ul.values-lst li { flex: 0 1 100%; padding: 0.75rem 0rem; border-bottom: 1px solid#C9C9C9;}
ul.values-lst li:last-child { padding-bottom: 0rem; border: none;}
ul.values-lst li h3 { color: var(--txt-black); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 0.4rem; }
ul.values-lst li p { color: var(--txt-black); font-size: 1.063rem; line-height: 1.4; font-family: var(--ff-AESFontIn-regular); }
.mission-rgt-in { flex: 0 1 305px; }
.mission-rgt-in img { height: 100%; object-fit: cover; }

/***About us***/
.why-choose { width: 100%; padding: 4rem 0; background: var(--bg-white);}
.why-choose h2 { color: var(--txt-black); text-align: left; font-size: 2.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); }
.why-choose span.logo-icon { top: 0.2rem; }
.why-choose h5 { color: var(--txt-orange); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-AESFont-demi); margin-bottom: 1rem;}
.why-choose .grid-container { display: grid; grid-template-columns: 1.2fr 0.7fr 1fr; /* Each column has a minimum width of 100px */ /* 3 columns of equal width */ gap: 20px; padding: 0px; width: 100%; position: relative;}
.why-choose .card { background: var(--bg-ltgrey); border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.18); padding: 1.25rem 1.25rem 0; transition: transform 0.3s ease, box-shadow 0.3s ease; grid-column: span 1; /* Default span */ grid-row: span 1; overflow: hidden;}
.why-choose .card h3 { margin: 0 0 0.8rem; font-size: 1.375rem; color: var(--txt-black); font-family: var(--ff-AESFont-demi); }
.why-choose .card p { margin: 0; font-size: 1.063rem; color: var(--txt-black); line-height: 1.4;position: relative; z-index: 1;}
.why-choose .card p strong { font-family: var(--ff-AESFont-bold); font-weight: normal;}
.why-choose .icon { display: flex; justify-content: center; align-items: center; margin-top: 3.5rem;}
.why-choose .icon img { width: 130px; }
.why-choose .card.global-impact { background: linear-gradient(135deg, #4c4cff, #900c3f);color: #fff;}
.why-choose .card.global-impact h3, .card.global-impact p {color: #fff;}
.card-inn { display: flex; flex-wrap: wrap; justify-content: space-between;}
.card-lft { flex: 0 1 65%;}
.card-rht { flex: 0 1 32%; margin-top: 2rem; position: relative; z-index: 1;}
.card.approach { padding-bottom: 2rem; position: relative; }
.card.approach::after { border-radius: 50%; width: 250px; height: 250px; position: absolute; display: block; content: ""; right: -100px; bottom: -180px; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%));} 
.card.small {grid-column: span 1; /* Occupies 1 column */}
.card.wide { grid-column: span 2; /* Spans across all 3 columns */}
.abt-map { margin-top: 2rem; position: relative; width: 100%;}
.abt-map .dot-circle { position: absolute; left: 0; width: 9px; height: 9px; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); border-radius: 100px; }
.abt-map .dot-circle.one { top: 58px; left: 35%; transform: scale(1); animation: pulse1 2s infinite; animation-delay: 1s; }
.abt-map .dot-circle.two { top: 130px; left: 32%; transform: scale(1.5); animation: pulse 2s infinite;}
.abt-map .dot-circle.three { top: 156px; left: 39%;}
.abt-map .dot-circle.four { top: 120px; left: 55%;}
.abt-map .dot-circle.five { top: 90px; left: 58%;}
.abt-map .dot-circle.six { top: 102px; left: 68%; transform: scale(1.5); animation: pulse1 2s infinite; animation-delay: 1s;}
.abt-map .dot-circle.seven { top: 82px; left: 78%;}
.abt-map .dot-circle.eight { top: 62px; left: 64%; transform: scale(1.5); animation: pulse 2s infinite;}
.why-choose .card.bg-blue { background: var(--bg-dblue); overflow: hidden; position: relative;}
.why-choose .card.bg-blue p, .why-choose .card.bg-blue h3 { color: var(--txt-white); }
.global-circle { position: absolute; bottom: 0; border-top-left-radius: 200px; border-top-right-radius: 200px; height: 145px; width: 290px; left: 0; right: 0; margin: 0 auto;
background: var(--Linear-Purple, linear-gradient(180deg, #8441BE 0%, #6903C2 100%)); box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25);}
.violet-circle2 { background: var(--Linear-Purple, linear-gradient(180deg, #8441BE 0%, #6903C2 100%));
box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25); opacity: 0.79; width: 350px; height: 175px; }
.violet-circle3 { background: var(--Linear-Purple, linear-gradient(180deg, #8441BE 0%, #6903C2 100%));
box-shadow: 23.097px 34.646px 23.097px 0px rgba(0, 0, 0, 0.25); opacity: 0.54; width: 400px; height: 200px; }
@keyframes pulse {
  0% { transform: scale(1.5); }
  50% { transform: scale(3); }
  100% { transform: scale(1.5); }
}

@keyframes pulse1 {
  0% { transform: scale(1); }
  50% { transform: scale(2); }
  100% { transform: scale(1); }
}

.card.dedicated-team { margin: 0; padding-top: 0;}
.card.dedicated-team .card-lft { padding-top: 1.25rem;}
.card.dedicated-team .card-rht { margin: 0;}
.card-rht .marquee-wrapper{ width: 100%; }
.card-rht .marquee-wrapper .container{ overflow:hidden; margin:0 auto; text-align:center; padding: 0; display: flex; flex-wrap: wrap; column-gap: 4%;}
.card-rht .marquee-inner span{ height:50%;}
.card-rht .marquee-wrapper .marquee-block{ width: 48%; height: 246px; overflow: hidden; box-sizing: border-box; position: relative; margin: 0px; padding: 0px; }
.card-rht .marquee-inner { display: block; height: 200%; width:100%; position: absolute; margin:0px;}
.card-rht .marquee-inner.to-left{ animation: marqueeTop 10s linear infinite; }
.card-rht .marquee-inner.to-right{ animation: marqueeBottom 12s linear infinite; }
.card-rht .marquee-item{ width: 100%; height: auto; display: block; margin: 0 0 0.625rem; transition: all .2s ease-out; background:#00cc00; border-radius: 12px; overflow: hidden;}
@keyframes marqueeTop{
  0% { top: 0; }
  100% { top: -100%; }
}
@keyframes marqueeBottom{
  0% { top: -100%; }
  100% { top: 0; }
}

/***case study***/
.inner-banner-sec.inner-banner-hg { min-height: 535px; }
.inner-banner-sec.inner-banner-hg .inner-banner-lft { padding-top: 10rem; }

.blog-nav-list { width: 100%; margin-bottom: 3rem;}
.blog-nav-list ul { display: flex; flex-wrap: wrap; column-gap: 1rem;}
.blog-nav-list ul li { flex: 0 1 auto;}
.blog-nav-list ul li a { color: var(--txt-black); font-size: 1.063rem; transition: all 0.4s ease; border-radius: 25px; font-family: var(--ff-AESFontIn-regular); border: 1px solid var(--bg-black); background: var(--bg-elorange); padding: 0 2rem; 
height: 46px; line-height: 1.3; display: inline-flex; align-items: center;}
.blog-nav-list ul li a.active, .blog-nav-list ul li a:hover { background: var(--bg-orange); color: var(--txt-white); border: 1px solid var(--bg-orange);}
.blog-nav-list ul li a.active {font-family: var(--ff-AESFontIn-bold);}

.case-study-sec { width: 100%;}
.case-study-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px;}
.case-study-sec ul li { flex: 0 1 32%; border: 1px solid rgba(0, 0, 0, 0.32); border-radius: 12px; position: relative; overflow: hidden; z-index: 1;}
.case-study-sec ul li::after { position: absolute;left: 0; bottom: 0; width: 100%; height: 100%; content: ""; display: block; opacity: 0;}
.case-study-sec ul li.bg-blue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -17.76%, #0091E5 70.7%); }
.case-study-sec ul li.bg-orange::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -17.76%, #f07401 70.7%); }
.case-study-sec ul li.bg-violet::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -17.76%, #6802c1 70.7%); }
.case-study-sec ul li h5 { position: relative; z-index: 1; color: var(--txt-mblack); border: 1px solid rgba(0, 0, 0, 1); border-radius: 25px; padding: 0 1rem; font-size: 1rem; display: inline-block; transition: all 0.4s ease;}
/* .case-study-sec ul li img { opacity: 0;} */
.case-study-pad { width: 100%; padding: 1.5rem; position: absolute; top: 0; left: 0; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between;}
.case-title { width: 100%; position: relative; bottom: 0; display: flex; flex-wrap: wrap; row-gap: 20px; transition: all 0.4s ease; z-index: 1;}
.case-title h3 { width: 100%; font-size: 1.875rem; line-height: 1.2; font-family: var(--ff-AESFont-demi); color: var(--txt-black-clr);}
.case-study-sec ul li img { opacity: 0.05; visibility: visible; transition: all 0.4s ease; }
.case-study-sec ul li:hover img, .case-study-sec ul li:hover::after { opacity: 1; }
.case-study-sec ul li:hover .case-title a { display: inline-block; }
.case-study-sec ul li:hover .case-title h3 { color: var(--txt-white);}
.case-study-sec ul li:hover h5 { color: var(--txt-white); border: 1px solid var(--bg-white); }

.case-title a { display: none;	border-radius: 12px; position: relative; padding: 0.688rem 1.25rem; color: var(--txt-orange);	
overflow: hidden;	font-family: var(--ff-AESFontIn-bold); font-size: 1.063rem; border: 1px solid var(--bg-orange); background: var(--bg-elorange);
text-decoration: none; transition: all 0.4s ease; }
.case-title a:hover { background: var(--bg-orange); border: 1px solid var(--bg-orange); color: var(--txt-white); transition-delay: 1s;}
.case-title a span:nth-child(1) {	top: 0;	left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--bg-orange));}
.case-title a:hover span:nth-child(1) {	left: 100%;	transition: 1s;}
.case-title a span:nth-child(2) {top: -100%;right: 0;	width: 2px;	height: 100%;	background: linear-gradient(180deg, transparent, var(--bg-orange));}
.case-title a:hover span:nth-child(2) {	top: 100%;transition: 1s;	transition-delay: 0.25s;}
.case-title a span:nth-child(3) {	bottom: 0;right: -100%;	width: 100%;height: 2px;background: linear-gradient(270deg, transparent, var(--bg-orange));}
.case-title a:hover span:nth-child(3) {	right: 100%;transition: 1s;	transition-delay: 0.5s;}
.case-title a span:nth-child(4) {	bottom: -100%;	left: 0;width: 2px;	height: 100%;	background: linear-gradient(360deg, transparent, var(--bg-orange));}
.case-title a:hover span:nth-child(4) {	bottom: 100%;	transition: 1s;	transition-delay: 0.75s;}

.keywords-tab.seo-tab {background:#fff;border-collapse:collapse;border:1px solid #ddd;text-align:center;width: 100%;margin-bottom: 5%;}
.keywords-tab.seo-tab tr th {font-size: 1.125rem; line-height: 1.5;font-weight:400;border:1px solid #ddd;background:#ff6700;color:#fff;padding: 12px 10px;}
.keywords-tab.seo-tab tr td {background:#fff;border:1px solid #ddd;padding:10px 10px;font-size: 1.125rem;line-height: 1.5;text-align:center;color:#000;font-weight:300}

.blog-det-cnt ul.list2  {width: 100%;display: flex;flex-wrap: wrap;column-gap: 2%;row-gap: 30px;}
.blog-det-cnt ul.list2 li {flex: 0 1 32%;display: flex;flex-wrap: wrap;position: relative;display: block;border: 1px solid #eee; padding:2rem 2rem; background: none;}
.blog-det-cnt ul.list2 li h3 {font-size: 2rem;color: var(--txt-black);line-height: 1.3;font-family: var(--ff-AESFont-bold);margin-bottom:0; text-align: center;}
.blog-det-cnt ul.list2 li p {color: var(--txt-black);font-family: var(--ff-AESFontIn-regular);font-size: 1.125rem; text-align: center;line-height: 1.6;	margin-bottom:0;} 


/*mobile-menu-start*/
body.over { overflow: hidden;}
.mobile-menu{ position:fixed; top:70px; bottom: 0; width:100%; height:calc(100% - 70px); overflow-y: auto; -webkit-overflow-scrolling: touch; /* Enable momentum scroll on iOS */ z-index: 99; border-top: 2px solid rgba(255, 255, 255, 0.17); padding: 35px 0 50px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-dblue); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left; padding: 0 0 75px 0; height:100%; }
/* .mobile-menu::before { position: fixed; display: block; content: ""; right: 0; bottom: 0; width: 350px; height: 210px; background-size: cover;} */
.m-menu { width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-white); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-orange);}
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: var(--bg-orange);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-orange); }

.mobile-menu ul.menu-list { display: flex; flex-wrap: wrap; row-gap: 15px;}
.mobile-menu ul.menu-list li { flex: 1 1 100%;}
.mobile-menu ul.menu-list li a { font-size: 1.25rem; color: var(--txt-white); line-height: 1; font-family: var(--ff-inter-regular); display: block; padding: 6px 30px 6px 0; position: relative; transition: all 0.4s ease;}
.mobile-menu ul.menu-list li a::after { display: block; content: ""; width: 9px; height: 9px; border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out;  margin-left: 0px; position: absolute; right: 10px; top: 7px;}
.mobile-menu ul.menu-list li ul { display: none; padding:20px 0 10px 15px;}
.mobile-menu ul.menu-list li ul li { margin-bottom: 18px;}
.mobile-menu ul.menu-list li ul li:last-child { margin-bottom: 0;}
.mobile-menu ul.menu-list li ul li a { font-size: 1rem; font-family: var(--ff-inter-regular); padding: 0; color: var(--txt-white);}
.mobile-menu ul.menu-list li ul li a::after { display: none;}
.mobile-menu ul.menu-list li.active > a { font-family: var(--ff-inter-bold);}
.mobile-menu ul.menu-list li.active a:after { border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(-135deg); margin: 0px; }
.mobile-menu ul.menu-list li a:hover, .mobile-menu ul li a.active { color: var(--txt-orange); }
.mobile-menu ul.menu-list li a:hover::after { border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white);}

.mob-contact-detail { display: block; width: 100%; margin-top: 30px; }
.mob-contact-detail h3 { color: var(--txt-white); font-family: 1.5rem; line-height: 1.2; font-family: var(--ff-AESFontIn-bold); text-align: center;}
.mob-contact-detail ul.social-lst { justify-content: center; margin-top: 20px; }
.mob-contact-detail ul.social-lst li a { color: var(--txt-white); }
.mob-contact-detail ul.social-lst li a:hover { color: var(--txt-orange); }
.mob-contact-detail ul.contact-lst { display: block; width: 100%; margin: 20px 0px 35px; }
.mob-contact-detail ul.contact-lst li { justify-content: center;}
.mob-contact-detail ul.contact-lst li a { color: var(--txt-white); transition: all 0.4s ease; }
.mob-contact-detail ul.contact-lst li a:hover { color: var(--txt-orange); }