@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-gil-regular:'Gilroy-Regular';
  --ff-gil-bold:'Gilroy-Bold';
  --ff-gil-ebold:'Gilroy-ExtraBold';
  --ff-gil-black:'Gilroy-Black';
  --ff-gil-medium:'Gilroy-Medium';
  --ff-gil-sbold:'Gilroy-SemiBold';
  --ff-gil-light:'Gilroy-Light';
   
  /** background color declaration **/
  --bg-white: #ffffff;
  --bg-dblue: #090F2A;  
  --bg-orange:#FE7300;    
  --bg-lorange: #FEE8DA;
  --bg-elorange: #FFF8F0;
  --bg-grey: #F6F6F6;
  --bg-black: #000000;  

  --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;
  

  /** text color declaration **/
  --txt-white: #ffffff;
  --txt-black:#000000;
  --txt-orange: #EF7300;
  --txt-dblue: #090F2A;  
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-dblue); font-size:16px; color:#000000; line-height:20px; font-family: var(--ff-gil-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);}

/*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.938rem 1.875rem;	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-gil-bold); font-size: 1.125rem;
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 */
header.home-page { opacity: 0; visibility: hidden;}
header { width: 100%;position: fixed; left: 0; top:0; z-index: 99; 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: 0 2rem;}
.header-bdr { border: 1px solid rgba(255, 255, 255, 0.17); border-radius: 50px; padding: 0.625rem 2.375rem;  background: var(--bg-dblue);}
.logo { flex: 0 1 130px;}
.contact-btn a { font-family: var(--ff-gil-ebold); 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; position: relative;}
.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: 18px; line-height: 1; text-align: center; color:var(--txt-white); font-family: var(--ff-gil-medium); }
.megamenu-sec ul li a::after { position: absolute; display: block; content: "\f078"; font-size: 0.75rem; right: 0; top: 4px; color: var(--bg-white); font-family: "FontAwesome";} 
.megamenu-sec ul li:hover a { color:var(--txt-orange); }
.megamenu-sec ul li a.active { color:var(--txt-orange); }
.megamenu-sec ul li ul.submenu { transition: 0.4s ease; position: absolute; background-color: var(--white); padding: 0; transition: 0.3s; top: 130%; opacity: 0; visibility: hidden; /*box-shadow: 3px 10px 30px rgba(0,0,0,0.1);*/}
.megamenu-sec ul li ul.submenu li { margin: 0; margin-bottom: 0px; display: block; width: 100%;}
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%;}

.megamenu-sec ul li ul.submenu { left: 0; right: 0; padding-top: 26px; width: 260px; margin: 0 auto; display: flex; flex-wrap: wrap; column-gap:2%; background: var(--bg-white); /* border: 1px solid #A91279; */ }
.megamenu-sec ul li ul.submenu ul { display: flex; flex-wrap: wrap; /*flex-direction: column;*/ column-gap: 20px; justify-content: space-between; align-items: center;}
.megamenu-sec ul li ul.submenu li { flex: 0 1 100%; border-bottom: 0px solid #e5e5e5; position: relative; background:var(--bg-white);border-bottom: 1px solid rgba(24, 57, 100, 0.5);}
.megamenu-sec ul li ul.submenu li a { width: 100%; padding: 10px 15px; font-family: 'Graphik-Regular'; font-size: 15px; line-height: 24px; text-align: center; color: #000000;text-align: left; transition: all 0.4s ease; } 
.megamenu-sec ul li ul.submenu li:hover a{ color: var(--txt-white);}
.megamenu-sec ul li ul.submenu li:last-child { border: none;}
.megamenu-sec ul li ul.submenu li a::after { display: none;}
/* .megamenu-sec ul li a::after{position: absolute;display: block;content: "";left: 0;width: 0;height: 2px;bottom: 0px;background: var(--lt-blue-clr);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;right: 0;margin: 0 auto;}
.megamenu-sec ul li:hover a::after, .megamenu-sec ul li a.selected::after, .megamenu-sec ul li a.active::after {width: 100%;} */

/* 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; }
.loading-sec { z-index: 15; width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; padding: 0 4rem;}
.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);*/ 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;}


/* 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-gil-regular); font-size: 12px; color: #fff;text-transform: uppercase;
white-space: nowrap; opacity: .25; animation: pulse 2s linear alternate infinite;}
@keyframes pulse {
  to { opacity: 1;}
}
/* scroll down button css */

/* Brand css */
.brand-sec { width: 100%; padding: 5rem 0; position: relative;} 
.brand-sec h2 { color: rgba(255, 255, 255, 0.42); font-size: 2rem; line-height: 1.2; font-family: var(--ff-gil-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.2; font-family: var(--ff-gil-bold); }
.welcome-pad h2 span { color: var(--txt-orange); }

.business-sec { width: 100%; padding: 2.813rem 0rem 5.313rem; position: relative;}
.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-gil-medium); 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-gil-black); margin-bottom: 22px; }
ul.business-lst li p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.3; font-family: var(--ff-gil-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: 4.5rem; line-height: 1.2; font-family: var(--ff-gil-black); 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-gil-bold); 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-gil-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-gil-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-gil-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: 1.25rem 1.563rem; border-radius: 16px; background: var(--bg-white); overflow: hidden; display: flex; align-items: center; justify-content:right; position: relative;}
.prod-img { position: absolute; left: 25px; width: 263px; height: 263px; border-radius: 100%; overflow: hidden; transition:all .3s ease; }
.prod-img img { width: 100%; }
.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: 250px; 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-gil-medium); margin-bottom: 10px; }
.prod-cont h3 { color: var(--txt-black); font-size: 1.5rem; line-height: 1.2; font-family: var(--ff-gil-bold); 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-gil-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);}
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.1; 
font-family: var(--ff-gil-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 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-gil-bold); margin-bottom: 12px; }
.title-div p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.3; font-family: var(--ff-gil-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-gil-medium); margin-bottom: 15px; }
.case-study-div p { color: var(--txt-black); font-size: 1.5rem; line-height: 1.3; font-family: var(--ff-gil-medium); margin-bottom: 15px; }
a.more-link { position: relative; font-size: 1.125rem; line-height: 1.1; font-family: var(--ff-gil-sbold); 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-gil-regular); 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-gil-bold);}
.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.1; font-family: var(--ff-gil-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-gil-ebold); }

.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-gil-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.1; font-family: var(--ff-gil-bold); margin-bottom: 35px; }
.sec-title svg { position: relative; top:2px; margin-left: 3px; }
.partners-sec p { color: var(--txt-white); font-size: 1.375rem; line-height: 1.1; font-family: var(--ff-gil-light); 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;}
.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-gil-medium); 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 { color: var(--txt-white); font-size: 1.5rem; line-height: 1.5; font-family: var(--ff-gil-bold); margin-bottom: 10px; }
.blog-content p { color: var(--txt-white); font-size: 1.125rem; line-height: 1.4; font-family: var(--ff-gil-regular); margin-bottom: 32px; }
a.read-more { width: 172px; color: var(--txt-orange); font-size: 1.125rem; line-height: 1.1; font-family: var(--ff-gil-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: 4.688rem 0rem; background: var(--Gradinet-Orange, linear-gradient(90deg, #FE4500 0%, #EF7300 96.25%)); position: relative; overflow: hidden; } 
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-gil-bold); margin: 20px 0px 32px; }
a.connect-btn { color: var(--txt-orange); font-size: 1.125rem; line-height: 1.1; font-family: var(--ff-gil-ebold); 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%; box-shadow: 0px 30px 20px 0px rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; /* Hidden initially */ }
.connect-round1 { top:-80px; right: -300px; width: 565px; height: 565px; background: rgba(255, 255, 255, 0.60); z-index: 3; }
.connect-round2 { top:-15px; right: -110px; width: 517px; height: 517px; background: rgba(255, 255, 255, 0.40); z-index: 2; }
.connect-round3 { top:75px; right: 60px; width: 443px; height: 443px; background: rgba(255, 255, 255, 0.20); z-index: 1;}

/* KV css */
/* 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.0rem; 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: 1.0rem; line-height: 1.0rem; 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);}
.inner-banner-lft { padding-left: calc((100% - 75rem + 1rem) / 2); flex: 0 1 52%; padding-top: 5rem;} 
.inner-banner-rgt { display: flex; justify-content: flex-end; flex: 0 1 48%; overflow: hidden; align-self: 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: 1.875rem;}
.inner-banner-title h1 { width: auto; font-family: var(--ff-gil-bold); color: var(--bg-white); font-size: 3.5rem; line-height: 3.8rem; }
span.logo-icon { width: auto; display: inline-flex; position: relative; top: 0.5rem;}
.inner-banner-cnt p { width: 100%; color: var(--bg-orange); font-family: var(--ff-gil-medium); font-size: 1.375rem; line-height: 2rem; padding-bottom: 2.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);}

.ellipse-img { position: absolute; bottom: 0; right: -120px; z-index: -1;}
.ellipse-img span { background: url(../images/ellipse-image.svg) no-repeat scroll 0 0; display: block; width: 40.813rem; height: 24.188rem;}
.trusted-count { position: absolute;}
.top-center-pos { left: -50px; top: 0px;}
.top-right-pos { right: 100px; top: 50px;}
.top-left-pos { left: -200px; top: 50px;}
.inner-banner-rgt img.inner-banner-image.left-pos { position: relative; left: -200px;}

.inner-banner-details { position: relative; z-index: 9;}
.ban-ellipse { position: absolute;}
.blue-gradient-ellipse1 { width: 27.5rem; height: 27.5rem; top: auto; right: -80px; bottom: -50px; 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: 24.108rem; height: 24.108rem; top: auto; right: 60px; bottom: -50px; 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: 20.427rem; height: 20.427rem; top: auto; right: 190px; bottom: -50px; 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: 1;}


.trusted-count h3 { color: var(--bg-white); font-family: var(--ff-gil-bold); font-size: 1.25rem; line-height: 1.25rem; padding-bottom: 0.5rem; opacity: 0.21; }
.trusted-count h2 { color: var(--bg-white); font-family: var(--ff-gil-bold); font-size: 1.5rem; line-height: 2.5rem; opacity: 0.21; }
.trusted-count h2 span { display: block; font-size: 3.5rem; line-height: 3.5rem; }

.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 + 1rem) / 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: 193px; 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-gil-sbold); color: var(--txt-black-one); font-size: 1.375rem; line-height: 1.875rem;}
.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-gil-ebold); 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-gil-bold); color: var(--bg-black); font-size: 1.125rem;}

.future-health-rgt h2 { width: 100%; color: var( --txt-black-clr); font-family: var(--ff-gil-bold); font-size: 3rem; line-height: 3.625rem; padding-bottom: 3rem;}
.future-health-rgt span { color: var(--bg-orange);}
.future-health-rgt span strong { color: var(--txt-blue-clr); font-weight: normal;}
.future-health-rgt p { color: var(--bg-black); font-family: var(--ff-gil-medium); font-size: 1.125rem; line-height: 1.8rem;}

.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-gil-bold); font-size: 3rem; line-height: 3.625rem;}
.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-gil-sbold); 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;}

.grey-ellipse { position: absolute; top: 0; left: 0;}
.grey-ellipse .grey-icon1 { background: url("../images/grey-ellipse-1.svg") no-repeat scroll 0 0; width: 310px; height: 317px; display: block; box-shadow: 0px 19px 12px 0 rgba(0, 0, 0, 0.25); position: absolute; top: -190px; left: -200px;}
.grey-ellipse .grey-icon2 { background: url("../images/grey-ellipse-2.svg") no-repeat scroll 0 0; width: 358px; height: 364px; display: block; box-shadow: 0px 19px 12px 0 rgba(0, 0, 0, 0.25); position: absolute; top: -180px; left: -190px;}
.grey-ellipse .grey-icon3 { background: url("../images/grey-ellipse-3.svg") no-repeat scroll 0 0; width: 389px; height: 395px; display: block; position: absolute; top: -160px; left: -170px;}

.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 50%;}
.content-image-main > div:last-child { flex: 0 1 50%; display: flex; justify-content: right;}
.title-btn-lft h4 { display: inline-flex; font-family: var(--ff-gil-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-gil-sbold); color: var(--bg-black); font-size: 2rem; line-height: 2.5rem; padding-bottom: 1.875rem;}
.title-btn-lft h2 { width: 100%; color: var(--txt-black-clr); font-family: var(--ff-gil-bold); font-size: 2.5rem; line-height: 3.125rem; padding-bottom: 2.5rem;}
.title-btn-lft h5 { width: 100%; color: var(--bg-orange); font-family: var(--ff-gil-bold); font-size: 1.5rem; line-height: 1.875rem; padding-bottom: 1.188rem;}
.title-btn-lft span.logo-icon { top:0.4rem}
.content-image-main .image-rgt img { float: right; width: auto;}

.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 { width: 100%;}
.experience-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 1.563rem; column-gap: 1.563rem;}
.experience-list ul li { flex: 0 1 18.594rem;}
.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: 0.563rem;}
.icon-main .icon-cnt { width: 100%;}
.icon-main .icon-cnt h3 { width: 100%; color: var(--bg-black); font-family: var(--ff-gil-bold); font-size: 1.25rem; line-height: 1.75rem; padding-bottom: 0.638rem; transition: all 0.5s ease;}
.icon-main .icon-cnt p { width: 100%; color: var(--bg-black); font-family: var(--ff-gil-medium); font-size: 1.125rem; line-height: 1.6rem; 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);}

.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-gil-bold); font-size: 4rem; line-height: 4.625rem;}
.count-value-sec ul li p { width: 100%; font-family: var(--ff-gil-medium); font-size: 1.125rem; line-height: 1.5rem;}

.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-gil-ebold); color: var(--title-grey-clr); font-size: 2rem; line-height: 2.5rem; 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;}
.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-gil-bold); color: var(--bg-orange); font-size: 1.5rem; line-height: 1.875rem; padding-bottom: 1.875rem;}
.experience-milestone-sec h2 { width: 100%; font-family: var(--ff-gil-bold); color: var(--bg-white); font-size: 3rem; line-height: 3.625rem; 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 auto;}
.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 2.125rem;}
.milestone-cnt h3 { width: 100%; font-family: var(--ff-gil-bold); color: var(--bg-white); font-size: 2rem; line-height: 2.5rem; 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.0; 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;}
.outcomes-main { width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 9;}
.outcomes-main span.logo-icon { top:0.3rem; }
.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: auto; border-radius: 2rem;}
.tick-list { width: 100%;}
.tick-list ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.tick-list ul li { flex: 0 1 100%; color: var(--bg-white); font-size: 1.125rem; line-height: 1.688rem; 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-gil-bold); color: var(--bg-white); font-size: 2.5rem; line-height: 3.25rem; padding-bottom: 3.25rem;}
.outcomes-main h4 { width: 100%; font-family: var(--ff-gil-bold); color: var(--bg-orange); font-size: 1.5rem; line-height: 1.875rem; padding-bottom: 1.875rem;}

.blue-ellipse1 {  width: 38.875rem; height: 38.875rem; top: auto; right: -350px; bottom: -330px; border-radius: 100%; background: rgba(105, 3, 194, 0.20); box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.25); z-index: 3;}
.blue-ellipse2 {  width: 50.375rem; height: 50.375rem; top: auto; right: -430px; bottom: -430px; border-radius: 100%; background: rgba(105, 3, 194, 0.30); box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.25); z-index: 2;}
.blue-ellipse3 {  width: 62.625rem; height: 62.625rem; top: auto; right: -530px; bottom: -530px; border-radius: 100%; background: rgba(105, 3, 194, 0.40); box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.25); z-index: 1;}

.grey-ellipse1 { width: 284.131px; height: 284.131px; top: -160px; left: -190px; border-radius: 100%; background: rgba(255, 255, 255, 0.20); box-shadow: 0px 19.241px 12.828px 0px rgba(0, 0, 0, 0.25); z-index: 3;}
.grey-ellipse2 { width: 331.593px; height: 331.593px; top: -160px; left: -190px; border-radius: 100%; background: rgba(255, 255, 255, 0.40); box-shadow: 0px 19.241px 12.828px 0px rgba(0, 0, 0, 0.25); z-index: 2;}
.grey-ellipse3 { width: 362.379px; height: 362.379px; top: -150px; left: -170px; border-radius: 100%; background: rgba(255, 255, 255, 0.60); box-shadow: 0px 19.241px 12.828px 0px rgba(0, 0, 0, 0.25); z-index: 1;}

/* KV new css */
.inner-banner-rgt img.inner-banner-image.center-pos { position: relative; left: -120px;}
.left-center-pos { left: -300px; top: 230px;}