@charset "utf-8";

:root {  
    /** @font family declaration **/   
    --ff-ubuntu-light:'Ubuntu-Light';
    --ff-ubuntu-italic:'Ubuntu-Italic';
    --ff-ubuntu-regular:'Ubuntu-Regular';
    --ff-ubuntu-medium:'Ubuntu-Medium';
    --ff-ubuntu-bold:'Ubuntu-Bold';
    --ff-ubuntu-lightitalic:'Ubuntu-LightItalic';
    --ff-ubuntu-mediumitalic:'Ubuntu-MediumItalic';
    --ff-ubuntu-bolditalic:'Ubuntu-BoldItalic';
    --ff-tnr-bold:'TimesNewRomanPS-BoldMT';
    --ff-tnr-italic:'TimesNewRomanPS-ItalicMT';
     
    /** background color declaration **/
    --body-color: #f6f6f6;
    --h_blue: #051525;
    --h_blue_text: rgba(5, 21, 37,0.6);
    --h_white: rgba(255,255,255,0.66);
    --h_purple-button: #4e4ebc;
    --h_purple: #6161b2;
    --h_sky-blue: #e4e9ee;
    --h_blue-2: #162f48;
    --white: #FFFFFF;
    --black: #000000;
    --l_black: #333333;

    --tag-color: #11273c99;
    --news-bg: #ffd1fc;
    --tag-bg: #caebf2;
    --cs-bg: #cecefe;
    --form-bg: #061625;
    --form-border: #4343de;
    --label-txt: #282828;
    --checkbox-txt: #667085;
    --submit-bg: #4343de;
    --submit-bg-hover: #6969ff;
    --form-txt: #fff9;
    --footer-bg: #020f1c;
    --footer-brd: #fff3;
    --footer-txt: #fffc;
    --copyright-txt: #505d6a;
    --l_blue: #f5f7fa;
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--body-color); font-size:16px; color:var(--black); line-height:20px; font-family: var(--ff-ubuntu-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: var(--black); text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:var(--black);} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: var(--black); 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:1280px; margin:auto; padding:0px;}
img { border: 0; max-width: 100%; vertical-align: middle; width:auto; height: auto; }

/* common css */
.d-flex { display: flex; flex-wrap: wrap; }
.space-between { width: 100%; float: left; display: flex; flex-wrap: wrap; 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;}
.btn-ctr { display: flex; align-items: center; justify-content: center;}
.text-center { text-align: center;}

/* header css */
header { background: var(--h_blue); padding: 24px 0; transition: all 0.4s ease; float: left; width: 100%;}
header.sticky { position: fixed; padding: 15px 0; top: 0; left: 0; right: 0; z-index: 9; animation: slideDown 0.65s ease both; box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
@keyframes slideDown {
  from {transform: translateY(-100%); opacity: 0;}
  to { transform: translateY(0); opacity: 1; }
}

.logo { flex: 0 1 auto; }
.logo a { display: flex; flex-wrap: wrap; font-size: 28px; font-weight: 400; display: flex; align-items: center; color: var(--white);}
.logo a svg { width: 50px;}

.main-menu {list-style:none; display:flex; align-items:center; gap:40px; margin:0; padding:0;}
.main-menu li {position:relative;}
.main-menu li a {text-decoration:none; color:var(--h_white); font-size:16px; padding:15px 0; display: flex; align-items: center; column-gap: 8px;}
.main-menu li.has-dropdown a i { font-size: 10px; color: var(--h_white); }
.arrow {font-size:12px; margin-left:4px;}
.dropdown-menu { transition: all 0.4s ease; list-style:none; z-index: 1; margin:0; padding:30px 50px 30px 35px; position:absolute; top:120%; left:-80px; width:265px; background:#f3f3f3; border-radius:0 0 15px 15px; overflow:hidden; opacity: 0; visibility: hidden; box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.dropdown-menu li a {color:#0b1b2a; padding:14px 0px; font-size: 15px; transition: all 0.4s ease; position: relative;}
.dropdown-menu h3 { color: var(--h_purple); padding: 0 0 3px; transition: all 0.4s ease; position: relative; margin-bottom: 20px  ;}
.dropdown-menu h3 a { font-family: var(--ff-ubuntu-medium); color: var(--h_purple); font-size:17px; line-height: 1.3; padding:14px 0px 8px;}
.dropdown-menu h3:after { content: ''; position: absolute; left:0; bottom:0; width: 30px; height: 3px; background: #a6bccf; }
.dropdown-menu li ul {border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.dropdown-menu li ul:last-child {border-bottom:none;}
.dropdown-menu li li a { display: block; color:#0b1b2a; padding:4px 3px 4px 0px; font-size: 15px; transition: all 0.4s ease; position: relative;}
.dropdown-menu li li a:hover { padding: 4px 0 4px 3px; color: var(--h_purple); }
.has-dropdown:hover .dropdown-menu {  visibility: visible; opacity: 1; top: 100%;}
.dropdown-menu li a.last-link { color: var(--h_purple); justify-content: center;}
.dropdown-menu li a.last-link:hover { padding-left: 0;}
.dropdown-menu { display: flex;flex-wrap: wrap;justify-content: space-between;column-gap:2%;row-gap: 50px; }
.dropdown-menu.ai {left:-400px; width:800px;}
.dropdown-menu.api {column-gap:4%;left:-250px; width:500px;}
.dropdown-menu.cloud {left:-600px; width:950px;}
.dropdown-menu.api > li { flex:0 1 48%  }

.hero-slider { float: left; width: 100%; background: var(--h_blue); padding:40px 0 80px; position: relative; overflow: hidden; z-index: 0; }
.hero-slider::after { position: absolute; display: block; content: ""; z-index: -1; transition: all 0.6s ease; left: 0; top: 0; background: url(../images/web_pattern.svg) no-repeat 0 0; width: 100%; height: 100%;}
.hero-caption { flex: 0 1 55%; padding-left: 5px; margin-top: 6%;}
.hero-caption h1, .hero-caption h2 { color: var(--white); font-size: 55px; line-height:1.05; margin-bottom:25px;font-family: var(--ff-tnr-bold);}
.hero-caption h1 span, .hero-caption h2 span { font-size:44px;font-family: var(--ff-tnr-italic); font-style: italic;}
.hero-caption p { font-size: 18px; line-height:1.4; color: var(--white); margin-bottom: 30px; max-width: 550px; width:100%; font-family: var(--ff-ubuntu-light); }
.hero-caption a { background-color: var(--h_purple-button); border-radius: 4px; justify-content: center; align-items: center; width: 212px; height: 52px; display: flex; position: relative; overflow: hidden; color: var(--white); z-index: 1;}
.hero-caption a::after { transition: all 0.4s ease; background-color: var(--h_purple); width: 100%; min-width: auto; height: 0%; bottom: 0%; position: absolute; display: block; content: ""; left: 0; z-index: -1;}
.hero-caption a:hover::after { height: 100%;}
.hero-img { flex: 0 1 45%; position: relative; min-height: 600px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.homebanner-slide { float: left; width: 100%; position: relative;}
.homebanner-slide .swiper-horizontal { overflow: hidden;}
.homebanner-slide .hero-img img { float: left; width: 100%;}
.homebanner-slide .hero-img img {	max-width: 100%;	min-width: 475px;	width: auto;}
.rectangle_white { z-index: -1; background-color: var(--body-color); height:300px; position: absolute; overflow: hidden; clip-path: polygon(0% 55%, 112% 0, 100% 100%, 0 100%); width: 100%; bottom: 0;}

.homebanner-slide .swiper-pagination-home.swiper-pagination-bullets { display: none; position: absolute; bottom: 110px; text-align: center; z-index: 1; top: auto;}
.homebanner-slide .swiper-pagination-home .swiper-pagination-bullet { width: 12px; height: 12px; background: #dddddd; opacity: 1;}
.homebanner-slide .swiper-pagination-home .swiper-pagination-bullet-active { background: #061625;}

/* page loader css */
body.is-loading {overflow:hidden;}
#page-loader {position:fixed; width: 100vw; height: 100vh; inset:0%; z-index:100; display:grid; place-items:center; background-color: var(--body-color); transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style:preserve-3d; opacity:1; visibility:visible; transition:transform 1s ease, opacity 10s ease, visibility 1s ease;}
#page-loader.is-hidden {transform:translate3d(0px, -110%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); opacity:0; visibility:hidden; pointer-events:none;}
#page-loader-lottie { height:200px;}

/*partners*/
.partner-sec { float: left; width: 100%; margin-top:0px;}
.partner-sec h2 { font-family: var(--ff-ubuntu-medium); margin-bottom: 30px; font-size: 16px; line-height: 1.2; color: var(--h_blue); text-transform: uppercase; text-align: center;}
.partner-sec ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 40px; align-items: center; border-bottom: 1px solid #00000029; padding-bottom: 40px;}
.partner-sec ul li { flex: 0 1 auto;}
.partner-sec ul li img { max-height: 35px;}

/*cloud*/
.cloud-sec { float: left; width: 100%; margin-top: -180px; position: relative;}
.cloud-inn { background-color: var(--h_sky-blue); color: var(--h_blue);  display: flex; flex-wrap: wrap; border-radius: 4px; justify-content: space-between; align-items: center; height: 160px; padding:0 60px; text-decoration: none; }
.cloud-img { flex: 0 1 25%;}
.cloud-txt p { font-size: 20px; color: var(--h_blue);}
.cloud-link a { display: flex; color: var(--h_purple); font-size: 14px; font-weight: 700; font-family: 'Ubuntu-Bold'; align-items: center; column-gap: 5px;} 


/* title sec css */
.title-wrapper { margin-bottom: 30px;}
.title-wrapper h2 { font-family: var(--ff-ubuntu-medium); font-size: 36px; line-height: 1.2; color: var(--h_blue); margin-bottom: 8px; text-transform: uppercase;}
.heading_line { background-color: var(--h_blue); width: 26px; height: 2px;}
.learn-btn a { display: flex; align-items: center; column-gap: 5px; font-size: 14px; font-family: var(--ff-ubuntu-bold); color: var(--h_purple);}
.heading_line.center { margin: 0 auto;}
.title-wrapper.lowercase h2 { text-transform: none;}
/* .learn-btn a i { color: var(--h_purple); font-size: 16px;} */

.arrow-wrapper { position: relative; display: inline-block; overflow: hidden; width: 18px; height: 18px; vertical-align: middle;}
.arrow-wrapper::before, .arrow-wrapper::after { content: "\f061"; font-family: "FontAwesome"; font-weight: 400; position: absolute; inset: 0; display: grid; place-items: center; transform-style: preserve-3d; will-change: transform; transition: transform 700ms ease; }
.arrow-wrapper::before { transform: translate3d(0px, 0px, 0px); }
.arrow-wrapper::after { transform: translate3d(-18px, 0px, 0px);}
.arrow-wrapper.arrow-animate::before { transform: translate3d(18px, 0px, 0px);}
.arrow-wrapper.arrow-animate::after { transform: translate3d(0px, 0px, 0px);}

/* who we are sec css */
.who-we-are-sec { padding:70px 0; float: left; width: 100%;}
.who-are-we-wrapper { grid-column-gap: 110px; grid-row-gap: 110px; justify-content: center; display: flex;}
.who-are-we-lft { justify-content: center; align-items: center; width: 42%; min-width: 42%; display: flex; position: relative;}
.who-are-we-rgt {flex-direction: column; justify-content: center; align-items: flex-start; max-width: 41%; display: flex;}
.huco-symbol-codver { width: 100%; height: 100%;}
.w-background-video { color: var(--white); height: 500px; position: relative; overflow: hidden;}
.w-background-video > video { object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%;}
.w-background-video { color: var(--white);}
.huco-video { width: 100%; height: 100%; font-weight: 400; position: absolute; inset: 0%;}
.who-are-we-wrapper h3 { font-size: 20px; line-height: 1.4; padding-bottom: 30px;}
.who-are-we-wrapper p { color: var(--h_blue_text); font-size: 16px; line-height: 26px; padding-bottom: 20px;}


/* services deliver sec css */
.services-deliver-sec { background: var(--h_sky-blue); padding: 100px 0; float: left; width: 100%;}
.services-cnt { width: 100%; max-width: 670px;}
.services-cnt h3 { font-size: 20px; line-height: 1.4; padding-bottom: 40px;}
.services-cnt p { font-size: 16px; color: var(--h_blue_text); line-height: 1.6;}
.services-grid { clear: both; float: left; margin-top: 50px; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 30px;}
.services-card { flex: 0 1 31.66%; transition: all 0.4s ease;}
.services-card a { color: var(--h_blue); text-align: center; background-color: #fff9; font-family: var(--ff-ubuntu-regular); border-radius: 6px; width: 100%; padding: 55px 38px; font-size: 18px; line-height: 20px; display: flex; flex-direction: column; height: 100%; row-gap: 30px; justify-content: center; align-items: center;}
.services-card a img { width: auto; max-width: 150px; max-height: 120px;}
.services-card:hover { transform: scale(1.03);}
.services-card h4 { font-size: 16px; line-height: 1.6;}
.services-deliver-sec.no-bg { background:none; padding: 80px 0 0; }
.services-card a { background-color: #fff; box-shadow:0 5px 10px #00000008; }

.ai-data-sec .services-cnt h3 { color: rgba(5, 21, 37,0.6);font-size: 16px; line-height: 26px;}
.ai-data-sec .services-card h4 { font-family: var(--ff-ubuntu-medium); width: 100%; }
.ai-data-sec .services-card p { font-size: 16px; line-height: 26px; color: rgba(5, 21, 37,0.6);}
.ai-data-sec .services-card a { text-align: left; justify-content: left; row-gap: 20px; padding: 120px 45px 50px 40px;}
.ai-data-sec .services-card a img { position: absolute; top: -50px;transition: all .5s ease;}
.ai-data-sec .know-btn { width: 100%;}
.ai-data-sec .services-card a:hover img {top: -65px; }

/* success stories sec css */
.success-stories-sec { padding: 100px 0; float: left; width: 100%;}
.success-stories-main { grid-column-gap: 100px; grid-row-gap: 100px; display: flex;}
.success-stories-lft { flex: 0 1 25%;}
.success-stories-rgt { flex: 0 1 67%;}
.success-card-wrapper { grid-column-gap: 50px; grid-row-gap: 50px; justify-content: center; align-items: flex-start; width: 100%; display: flex;}
.success-card { flex: 0 1 100%;}
.success-card-wrapper .success-img { float: left; width: 100%; position: relative;overflow: hidden;}
.success-card-wrapper .success-img img.org-img { position: absolute; left: 0; top: 0; width: 100%;height: 100%; object-fit: cover;}
.card-wrapper {background: var(--white);clip-path: polygon(100% 0, 100% 84%, 75% 100%, 0 100%, 0 0);padding-bottom: 30px;padding-left: 30px;padding-right: 30px;}
.card-wrapper a { display: flex; grid-column-gap: 15px; grid-row-gap: 15px; flex-direction: column; align-items: flex-start; width: 100%;  position: relative; overflow: hidden;}
.card-wrapper a img { clip-path: polygon(100% 0, 100% 84%, 75% 100%, 0 100%, 0 0); }
.success-title h4 { font-family: var(--ff-ubuntu-medium); color: var(--h_blue); font-size: 15px; line-height: 26px; padding: 10px 0; transition: all 0.4s ease;}
.success-title h5 { color: var(--h_blue_text); font-size: 14px;}
.card-wrapper a:hover .success-title h4 { color: var(--h_purple);}

/*testimonial-sec*/
.testimonial-sec { padding: 100px 0; float: left; width: 100%; background: var(--h_sky-blue);}
.testimonial-sec h2 { font-size: 36px; }
.testimonial-slide { float: none; width: 100%; overflow: hidden; max-width: 65%; margin: 0 auto; text-align: center;}
.testimonial-slide .swiper-slide p { font-size: 24px; line-height: 1.6; color: var(--black); margin-bottom: 60px;}
.test-brand-logo { float: left; width: 100%;}
.test-brand-logo ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 40px;}
.test-brand-logo ul li { flex: 0 1 auto;}
.test-brand-logo ul li img { width: auto; max-height: 45px;}
.test-user-info { float: left; width: 100%; text-align: center; margin-top: 30px;}
.test-user-info h3 { font-size: 18px; line-height: 28px; color: var(--black); margin-bottom: 5px;}
.testimonial-slide .test-user-info p { font-size: 12px; line-height: 20px; color: var(--black); margin: 0;}

.testimonial-slide .swiper-nav { float: left; width: 100%; margin-top: 20px;}
.testimonial-slide .swiper-nav .swiper-pagination-bullet { width: 10px; height: 10px;}
.testimonial-slide .swiper-nav .swiper-pagination-bullet-active { background: var(--h_purple-button);}

/* our recent sec css */
.our-recent-sec { background: var(--h_sky-blue); padding: 100px 0; float: left; width: 100%;}
.blog-card-wrapper { grid-column-gap: 40px; grid-row-gap: 40px; flex-direction: row; align-items: stretch; display: flex;}
.blog-card-wrapper .latest-img { float: left; width: 100%; position: relative;overflow: hidden;}
.blog-card-wrapper .latest-img img.org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;height: 100%;}
.latest-card a { grid-column-gap: 15px; grid-row-gap: 15px; background: var(--white); clip-path: polygon(100% 0, 100% 84%, 75% 100%, 0 100%, 0 0); flex-direction: column;  align-items: flex-start; width: 100%; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; display: flex; position: relative; overflow: hidden;}
.latest-news { flex: 0 1 31.5%;}
.latest-news .card-wrapper a:hover .latest-cnt h3 { color: var(--h_purple);}
.latest-blog { flex: 0 1 100%;}
.recent-updates-blogs { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; height: 100%; display: grid;}
.tag-wrapper { background-color: var(--tag-bg); border-radius: 4px; justify-content: flex-start; margin-top: 10px; padding: 2px 12px; display: inline-flex;}
.tag-text { color: var(--tag-color); text-transform: uppercase; font-size: 10px; line-height:22px; display: inline-block;}
.tag-wrapper.news { background-color: var(--news-bg);}
.tag-wrapper.cs { background-color: var(--cs-bg);}
.latest-cnt h3 { font-family: var(--ff-ubuntu-medium); color: var(--h_blue); font-size: 15px; line-height: 24px; padding:15px 0; transition: all 0.4s ease;}
.know-btn {display:inline-flex; align-items:center; column-gap: 5px; font-size: 14px; font-family: var(--ff-ubuntu-bold); color: var(--h_purple); cursor:pointer;}
.know-btn i { color: var(--h_purple); font-size: 16px;}
.latest-blog .card-wrapper a:hover .latest-cnt h3 { color: var(--h_purple);}

/*industry sec*/
.industry-sec { float: left; width: 100%; padding: 100px 0;}
.trustee-logo-marquee { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; margin-top: 20px; position: relative;}
.marquee { display: flex; flex-wrap: nowrap; overflow: hidden;}
.marquee-content { grid-column-gap:50px; grid-row-gap: 8px; flex: none; display: flex;justify-content: center;margin-right:50px;}
.trustee-logo { justify-content: center; align-items: center; padding: 10px; display: flex;}
.trustee-logo img { width: auto; max-height:55px;max-width:85%; height: 55px;}
.scroll { animation: scroll 30s linear infinite; }
.reverse { animation-direction: reverse;}
.marquee-image { -webkit-transform: translateZ(0); transform: translateZ(0);}
/* Pause animation on hover */
.marquee:hover .scroll { animation-play-state: paused;}
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% - 1rem)); }
}
.gradient-div { background-image: linear-gradient(to right, #f6f6f6, #fcfcfc00 100%, #fcfcfc00); width: 80px; position: absolute; inset: 0% auto 0% 0%;}
.gradient-div._2 { background-image: linear-gradient(270deg, #f6f6f6, #fcfcfc00 100%, #fcfcfc00); inset: 0% 0% 0% auto;}


/* get in touch sec css */
.get-in-touch-form { padding: 100px 0; float: left; width: 100%;}
.form-wrapper {grid-column-gap: 50px; grid-row-gap: 50px; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 8%, 8% 0); background-color: var(--form-bg); padding: 40px 50px 0 90px; display: flex; position: relative;}
.form-image-wrapper { color: #fffc; width: 70%; font-size: 22px; line-height: 32px; position: relative; padding-top: 30px;}
.form-component-wrapper { flex: 1; text-align: right;}
.form-image-wrapper img { object-fit: contain; width: 70%; height: 100%; text-align: right;}
.absolute-text { width: 240px; position: absolute; inset: 16% 0 auto auto;}

.get-in-touch-form .title-wrapper { margin-bottom: 25px;}
.get-in-touch-form .title-wrapper h2 { color: var(--white);}
.get-in-touch-form p { font-size: 18px; line-height: 28px; color: var(--white); margin-bottom: 30px;}
.get-in-touch-form a { background-color: var(--h_purple-button); border-radius: 4px; justify-content: center; align-items: center; width: 212px; height: 52px; display: flex; position: relative; overflow: hidden; color: var(--white); z-index: 1;}
.get-in-touch-form a::after { transition: all 0.4s ease; background-color: var(--h_purple); width: 100%; min-width: auto; height: 0%; bottom: 0%; position: absolute; display: block; content: ""; left: 0; z-index: -1;}
.get-in-touch-form a:hover::after { height: 100%;}
.get-in-touch-form .heading_line { background-color: var(--h_white);}

.form-box { display: flex; flex-wrap: wrap; row-gap: 20px;}
.form-box .frm-input { flex: 0 1 100%;}
.form-box input[type="text"], .form-box input[type="tel"], .form-box input[type="email"], .form-box textarea { font-family: var(--ff-ubuntu-medium);width:100%; color:var(--form-txt); padding:0px 10px; border: none; border-bottom: 1px solid var(--form-txt); height:55px; line-height:55px; font-size:16px; transition: all .5s ease; background:none; }
.form-box input[type="text"]:focus, .form-box input[type="tel"]:focus, .form-box input[type="email"]:focus, .form-box textarea:focus { border-bottom: 1px solid var(--form-border);}
.form-box textarea { resize:none; height:130px; line-height:22px; padding: 20px 10px; color:var(--form-txt);font-family: var(--ff-ubuntu-medium); font-size:16px;}
.form-box .frm-input.checkbox { width: 100%; margin: 25px 0 0;}
.form-box .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.form-box .frm-input label { color: var(--label-txt); cursor: pointer; font-size: 11px;  position: relative; width: auto; line-height:18px; display: inline-block;}
.form-box .frm-input.checkbox label { color: var(--checkbox-txt); cursor: pointer; font-size: 16px; padding-bottom: 10px; padding-left: 25px;  position: relative; width: auto; line-height:24px; margin-bottom:0px; text-align:left;}
.form-box .frm-input.checkbox label::before { background: var(--white);content: "";height: 14px;left: 3px;position: absolute;top: 6px;transition: all 0.3s ease-in-out 0s;width: 14px;border-radius: 0px; }
.form-box .frm-input.checkbox label::after { background: transparent none repeat scroll 0 0; border: none; content: "";height: 14px;left: 3px; position: absolute; top: 6px;width: 14px;border-radius: 0px;}
.form-box .frm-input.checkbox input:checked + label::before {background: var(--form-border);}
.form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.form-box .frm-input.checkbox span { font-size:14px; color: var(--checkbox-txt); float: none; width:100%;  line-height:16px;}
.form-box .frm-input.checkbox span a { font-size: 16px; color: var(--checkbox-txt); text-decoration:none; transition:all .5s ease;}
.form-box .frm-input.checkbox span a:hover { color:var(--white);}
.form-box input[type="submit"] { cursor: pointer; font-family: var(--ff-ubuntu-regular); background-color: var(--h_purple-button); color: var(--white); border: none; border-radius: 4px; width: 217px; height: 52px; margin-top: 10px; padding: 0; font-size: 18px; line-height: 20px; transition: all .4s ease;}
.form-box input[type="submit"]:hover { background-image: linear-gradient(270deg, var(--submit-bg) 100%, var(--submit-bg-hover));}
.form-box input::-webkit-input-placeholder {color:var(--form-txt);}
.form-box input:-moz-placeholder {color:var(--form-txt); opacity:1;}
.form-box input::-moz-placeholder {color:var(--form-txt); opacity:1;}
.form-box input:-ms-input-placeholder {color:var(--form-txt);}
.form-box input::-ms-input-placeholder {color:var(--form-txt);}
.form-box input::placeholder {color:var(--form-txt);}

/* footer sec css */
footer { background: var(--footer-bg); padding: 40px 0 0; float: left; width: 100%;}
.footer-brand { padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid var(--footer-brd);}
.brand { color: var(--form-txt); align-items: center; font-size: 28px; line-height: 1; text-decoration: none; display: flex;}
.lottie-animation-2 { width: 50px; margin-right: -2px;}
.logo-text { color: var(--white);}
.footer-wrapper { justify-content: space-between; align-items: flex-start; display: flex; padding-bottom: 50px;}
.footer-child { flex: 0 1 auto;}
.footer-child.ser-nav { flex: 0 1 45%;}
.footer-child h3 { color: var(--footer-txt); margin-bottom:30px; font-size: 18px; line-height: 28px; position: relative; padding-bottom: 10px;}
.footer-child h3::after { position: absolute; content: ''; left: 0; bottom: 0; width: 26px; height: 2px; background: #A6BCCF;}
.footer-child ul { grid-column-gap: 16px; grid-row-gap:7px; flex-direction: column; display: flex;}
#menu-footer-service-menu {flex-direction: row;justify-content: space-between;}
#menu-footer-service-menu > li {flex: 0 1 auto;}
.footer-child ul li { flex: 0 1 auto;}
.footer-child ul li a { color: rgb(129, 134, 141); font-size: 14px; line-height: 24px; text-decoration: none; display: block; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; transition: transform 700ms ease;}
.footer-child ul li a:hover {color: rgb(216, 222, 235); transform: translate3d(5px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);}
.footer-child ul ul { margin-top: 10px; }
#menu-footer-service-menu > li > a { font-family: var(--ff-ubuntu-medium); font-size: 15px; color: #ffffff9e; }
.footer-bottom-sec { float: left; width: 100%; background: #051729; padding: 20px 0 18px;}
.footer-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 0px;}
.copy-rights { color: #ffffff4d;}
.copy-rights span { padding: 0 5px;}
.copy-rights a { color: var(--copyright-txt); text-decoration: none; transition: all 0.4s ease;}
.copy-rights a:hover { color: var(--white);}
.link-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; align-items: center; display: flex;}
.w-inline-block { max-width: 100%; display: inline-block; transition: all 0.4s ease;}
.w-inline-block:hover img { filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(3041%) hue-rotate(4deg) brightness(113%) contrast(100%);}

/*mobile menu starts*/
body.over { overflow: hidden; }
.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(--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; width: 14px; -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; left: auto; right: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu:hover span:nth-child(1), .m-menu:hover span:nth-child(3) { width:100%; }
.m-menu a:hover span { background: var(--white);}
.m-menu.open span:nth-child(1) { width: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 4px; background: var(--white);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { width: 28px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 4px; background:var(--white); }
 
.mobile-menu { -webkit-overflow-scrolling: touch; position:fixed; top:56px; bottom: 0; width:100%; height: calc(100% - 56px); overflow: auto;  z-index: 1000; border-top: none; padding: 30px 0 40px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--h_blue); border-bottom:none; }
/* .mobile-menu::before {content: ""; position: absolute; top: -172px; left: -263px; width: 602px; height: 602px; border-radius: 100%; background: rgba(11, 100, 244, 0.1); filter: blur(95px);} */
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 10px;}
.mobile-menu ul li { flex: 1 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mobile-menu ul li a { width: calc(100% - 50px); font-size: 18px; line-height: 1; font-family: var(--ff-ubuntu-regular); display: block; padding:8px 30px 8px 10px; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > .arrow { position: relative; width: 35px; height: 35px; border: 0px solid rgba(255,255,255,0.2); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mobile-menu ul li.menu-item-has-children > .arrow::after { display: block; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--h_white);border-bottom: 2px solid var(--h_white); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px;position: absolute; right: auto; top: auto;}
.mobile-menu ul li.menu-item-has-children.active > span.arrow::after { transform: rotate(-135deg); top: 12px; border-right: 2px solid var(--white); border-bottom: 2px solid var(--white); }
.mobile-menu ul li ul { display: none; padding:10px 0 10px 20px; width: 100%; }
.mobile-menu ul li ul li { margin-bottom:20px; }
.mobile-menu ul li ul li.menu-item-has-children { margin-bottom: 0;}
.mobile-menu ul li ul li:last-child { margin-bottom: 0; }
.mobile-menu ul li ul li a { font-size: 16px; padding: 0; color:rgba(255,255,255,0.8);}
.mobile-menu ul li ul li a:hover { color: var(--white);}
.mobile-menu ul li ul li a::after { display: none; }
.mobile-menu ul li a:hover { color: var(--white); }
.mobile-menu ul li.active > a { color: var(--white); font-family: var(--ff-ubuntu-medium); }
.mobile-menu .ftr-scl-links { margin-top: 40px;}
.mobile-menu .ftr-scl-links ul { justify-content: center; column-gap: 15px;}
.mobile-menu .ftr-scl-links ul li { flex: 0 1 auto;}
.mobile-menu .ftr-scl-links ul li a { padding: 0px 0px;}
.mobile-menu .ftr-scl-links ul li a i { color: var(--h_white); font-size: 28px; transition: all 0.4s ease;}
.mobile-menu .ftr-scl-links ul li a:hover i { color: var(--white); opacity: 1;}

/***inner banner***/
.inner-ban-sec { float: left; width: 100%; background: var(--h_blue); padding:70px 0 140px; position: relative; z-index: 0;}
.inner-ban-sec::after { position: absolute; display: none; content: ""; transition: all 0.5s ease; left: 0; top: 0; background: url(../images/inner_background_image.webp) no-repeat 0 0;width: 100%; height: 100%; z-index: -1; background-size: 100%; }
.inner-caption { flex: 0 1 60%; display: flex; flex-wrap: wrap; row-gap: 20px; align-items: flex-start; flex-direction: column;}
.inner-caption h3 { color: var(--white); font-size: 16px; font-weight: 400; line-height: 1.125; }
.inner-caption h1 { color: var(--white); font-size:54px; font-weight: 400; line-height: 1.125; }
.inner-caption p { color: var(--white); font-size: 15px; font-weight: 300; font-family: var(--ff-ubuntu-light); opacity: 0.8;}
.inner-ban-img { flex: 0 1 23%; padding-top: 20px;}
.inner-ban-sec .rectangle_white { z-index: -1; background-color: var(--body-color); height:185px; position: absolute; overflow: hidden; clip-path: polygon(0% 100%, 110% 0, 100% 100%, 0 100%); width: 100%; bottom: -1px;}
.inner-ban-sec a.apply-btn { text-align: center; transition: all 0.4s ease; background-color: #4e4ebc; border-radius: 8px; width: 220px; color: var(--white); height: 48px; padding: 12px 32px; display: inline-block;}
.inner-ban-sec a.apply-btn:hover { background: var(--h_purple);}
.inner-ban-sec a.back-btn { color: #6a747d; font-size: 14px; font-family: var(--ff-ubuntu-bold); line-height: 16px; transition: all 0.4s ease;}
.inner-ban-sec a.back-btn i {color: var(--white); font-size: 12px;}
.inner-ban-sec a.back-btn:hover { color: var(--white);}
.careers-ban .inner-caption h1 { font-size: 50px;}

.inner-ban-sec.blog .rectangle_white { clip-path: polygon(0% 98%, 100% 0, 100% 100%, 0 100%); height: 28vh;}

/****service****/
.service-cnt { float: left; width: 100%; padding: 30px 0 100px;}
.service-para { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.service-para p { color: var(--h_blue); font-size: 18px; line-height: 1.6; opacity: 0.6;}
.service-para ul { display: grid; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 0px; row-gap: 5px; }
.service-para ul li { color: rgba(2, 15, 28, 0.6); font-size: 16px; line-height: 1.4; padding: 4px 0px 4px 30px; background: url(../images/list-pointer.svg) no-repeat left 0px top 5px; }

.infra-card-sec { float: left; width: 100%; margin: 60px 0 0;}
.infra-card-sec h2 { font-size: 16px; font-family: var(--ff-ubuntu-medium);  color: var(--h_blue); opacity: 0.8; }
.infra-card-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.infra-card-sec ul li { flex: 0 1 23.5%; background: var(--white); padding: 40px 15px; row-gap: 40px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;} 
.infra-card-sec ul li img { width: auto; max-height: 100px; }
.infra-card-sec ul li h4 { font-size: 16px; font-family: var(--ff-ubuntu-medium); color: var(--h_blue); line-height: 1.2; text-align: center;}

.service-card { float: left; width: 100%; margin: 80px 0 0;}
.service-card ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 120px;}
.service-card ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.service-card-cnt { flex: 0 1 48%;}
.service-card-cnt h2 { font-size: 46px; line-height: 1; font-family: var(--ff-ubuntu-medium);  color: var(--h_blue); opacity: 0.8; margin-bottom: 30px; }
.service-card-cnt p { opacity: .6; color: var(--footer-bg); font-size: 18px; line-height: 1.6; margin-bottom: 20px;}
.service-card-cnt ul { display: grid; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 0px; row-gap: 5px; }
.service-card-cnt ul li { color: rgba(2, 15, 28, 0.6); font-size: 16px; line-height: 1.4; padding: 4px 0px 4px 30px; background: url(../images/list-pointer.svg) no-repeat left 0px top 5px; }
.service-card-img { flex: 0 1 40%; text-align: center; position: relative;}
.service-card-img img { width: auto; max-width: 300px;}
.service-card-img::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: url(../images/product_bg.webp) no-repeat 0 0; width: 100%; height: 260px; background-size: 100%; }
.service-card ul li:nth-child(even) .service-card-cnt { order: 1;}
.service-card ul li:nth-child(even) .service-card-img { order: 2;}

/****default-cont****/
.cont-sec { float: left; width: 100%; padding: 50px 0 100px;}
.cont-para { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.cont-para h2 { width:100%; font-size: 30px; line-height: 1; font-family: var(--ff-ubuntu-medium);  color: var(--h_blue); opacity: 0.8; margin-bottom: 0px; }
.cont-para p { color: var(--h_blue); font-size: 18px; line-height: 1.6; opacity: 0.6; padding-bottom:10px;}
.cont-para ul { display: grid; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 0px; row-gap:3px; padding:0 0 15px 3%;}
.cont-para ul li { font-size: 18px; color: var(--h_blue-2); line-height: 1.4; padding: 4px 0px 4px 33px; background: url(../images/list-pointer.svg) no-repeat 0px 7px; }

/****partners****/
.partners-cnt { float: left; width: 100%; padding: 50px 0 100px;}
.partners-para { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.partners-para p { color: var(--h_blue); font-size: 18px; line-height: 1.6; opacity: 0.6;}
.partners-para ul { display: grid; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 0px; row-gap:3px; }
.partners-para ul li { color: rgba(2, 15, 28, 0.6); font-size: 16px; line-height: 1.4; padding: 4px 0px 4px 30px; background: url(../images/list-pointer.svg) no-repeat left 0px top 5px; }


.partners-logo-card { float: left; width: 100%; margin: 80px 0;}
.partners-logo-card ul {width: 100%;display: grid; grid-column-gap:25px;grid-row-gap: 30px;grid-template-rows: auto;grid-template-columns: 1fr 1fr 1fr 1fr;grid-auto-columns: 1fr;justify-items: center; }
.partners-logo-card ul li {background-color: #3e6a9933;border-radius: 6px;justify-content: center;align-items: center;width: 100%; padding: 0 10px;display: flex;}
.partners-logo-card ul li a {display: flex;background-color: #071320;flex-direction: column;align-items: center;justify-content: center;height: 160px;padding: 15px;border-radius: 6px;inset: -10px 0px auto;position: relative;width: 100%;}
.partner-imgpad {	max-width: 150px;	max-height: 70px;margin-top: 15px;}
.link-arw {position: absolute; top: 10px; right: 15px; width: 24px; height: 24px; background: url(../images/right-arrow.svg) no-repeat center center; }

.part-service-card { float: left; width: 100%; margin: 80px 0 0;}
.part-service-card ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 100px; margin-top: 80px; justify-content: center; }
.part-service-card ul li { flex: 0 1 28%; position: relative;}

.part-service-cont { float: left; width: 100%; position: relative; height: 100%; padding: 80px 40px 50px; border-radius: 3px;display: flex; flex-wrap: wrap; align-items: center; justify-content: left; row-gap: 20px;}
.part-cnt-div { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; flex-direction: column; height: 100%;}
.part-service-cont h3 { font-size: 18px; font-family: var(--ff-ubuntu-medium); line-height: 1.4; color: var(--h_blue); }
.part-service-cont p { color: var(--h_blue); font-size: 16px; line-height: 1.6; opacity: 0.6;  }
.part-icon-div { position: absolute; top:-50px; }
.part-icon-div img { float: left; max-height: 100px;}

.ser-bg1 { background-color: #95d8e74d; }
.ser-bg2 { background-color: #afd0f24d; }
.ser-bg3 { background-color: #4e4ebc1a; }
 
.mechanism-sec { float: left; width: 100%; background: var(--h_sky-blue); padding: 80px 0;}
.mechanism-card { float: left; width: 100%;}
.mechanism-card ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.mechanism-card ul li { flex: 0 1 23.5%; background-color: var(--white); border-radius: 4px; padding: 40px 25px;}
.mechanism-card ul li img { width: auto; margin-bottom: 35px; max-height: 60px;}
.mechanism-card ul li h3 { color: var(--h_blue); font-size: 18px; line-height: 1.1; font-family: var(--ff-ubuntu-medium); margin-bottom: 15px;}
.mechanism-card ul li p { color: var(--h_blue); font-size: 16px; opacity: 0.6; line-height: 1.5;}

.target-sec { float: left; width: 100%; margin-top: 80px;}
.target-sec ul { display: flex; flex-wrap: wrap; background-color: var(--l_blue); padding: 60px 30px; position: relative; justify-content: center; column-gap: 100px;}
.target-sec ul li { flex: 0 1 auto; font-size: 16px; font-weight: 400; color: var(--h_blue); }

.diagram-sec { float: left; width: 100%; padding: 80px 0;}
.diagram-slide { float: left; width: 100%; overflow: hidden; }
.diagram-slide .swiper-slide { float: left; background: var(--white); padding: 20px; height: auto;}
.diagram-slide .swiper-slide .diagram-img { float: left; width: 100%; }
.diagram-slide .swiper-slide h4 { font-size: 16px; line-height: 1.5; font-weight: 600; padding: 20px 0 0px;}
.diagram-slide .swiper-slide .diagram-cnt { float: left; width: 100%; }

.diagram-slide .swiper-nav { float: left; width: 100%; margin-top: 30px; text-align: center;}
.diagram-slide .swiper-nav .swiper-pagination-bullet { width: 10px; height: 10px;}
.diagram-slide .swiper-nav .swiper-pagination-bullet-active { background: var(--h_purple-button);}


/***careers***/
.careers-sec { float: left; width: 100%; padding: 50px 0 80px;}
.careers-list { float: left; width: 100%;}
.careers-list ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.careers-list ul li { flex: 0 1 49%; border: 1px solid #0003; border-radius: 8px; padding: 30px 40px; display: flex; flex-wrap: wrap; row-gap: 10px; flex-direction: column;}
.careers-list ul li h3 { font-size: 30px; font-family: var(--ff-ubuntu-medium); line-height: 38px; color: var(--h_blue); opacity: 0.8;}
.careers-list ul li a { opacity: .8; background-color: #4e4ebc; color: var(--white); border-radius: 4px; flex: 0 auto; width: 140px; height: 45px; line-height: 45px; margin-top: 10px;
  padding: 0px 24px; font-size: 18px; font-weight: 500; text-decoration: none; transition: all 0.4s ease; text-align: center; }
.careers-list ul li a:hover { background: var(--h_blue); opacity: 1; }

.careers-detail { float: left; width: 100%; padding: 60px 0 80px;}
.careers-inn { max-width: 950px; margin: 0 auto;}
.careers-detail h2 { font-family: var(--ff-ubuntu-medium); font-size: 16px; line-height: 1.2; color: var(--h_blue); margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; position: relative;}
.careers-detail h2:after { background-color: var(--h_blue); width: 26px; height: 2px; position: absolute; bottom: 0; left: 0; display: block; content: "";}
.careers-detail p { color: var(--h_blue); font-size: 18px; opacity: 0.6; line-height: 1.6; margin-bottom: 30px;}

.careers-detail ul { display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px; padding-left: 20px; margin-bottom: 30px;}
.careers-detail ul li { flex: 0 1 100%; color: rgba(2, 15, 28, 0.6); font-size: 18px; line-height: 26px; position: relative; padding-left: 20px;}
.careers-detail ul li::after { position: absolute; display: block; content: ""; left: 0; top: 10px; width: 6px; height: 6px; background: rgba(2, 15, 28, 0.6); border-radius: 50px;}

.apply-now { float: left; width: 100%; text-align: center; margin-top: 40px;}
.apply-now a { text-align: center; transition: all 0.4s ease; background-color: #4e4ebc; border-radius: 8px; width: 220px; color: var(--white); height: 48px; padding: 12px 32px; display: inline-block;}
.apply-now a:hover { background: var(--h_blue);}



/* IDOC page */  
.hero-para-section { float: left; width: 100%; padding: 30px 0 0px;}
.hero-para-section p { color: var(--h_blue); font-size: 18px; line-height: 1.6; opacity: .6; }

.idoc-multicloud { float: left; width: 100%; margin-top: 60px;}
.multicloud-img { float: left; width: 100%; margin-top: 30px; text-align: center;}
.multicloud-img img { width: 85%; }

.multicloud-cont { float: left; width: 100%; grid-column-gap: 30px; grid-row-gap: 30px;
grid-template-rows: auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;width: 100%;display: grid; margin-top: 40px; }
.multicloud_list h3 { color: var(--h_blue); font-size: 20px; line-height: 1.4; }
.multicloud_list ul { display: grid; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-top: 14px; row-gap: 5px; } 
.multicloud_list ul li { color: #020f1ccc; font-size: 16px; line-height: 1.4; padding: 4px 0px 4px 30px; background: url(../images/list-pointer.svg) no-repeat left 0px top 5px; }

.idoc-services { float: left; width: 100%; padding: 80px 0px 80px 0px; }
.idoc-service-cont { float: left; width: 100%; margin-top: 90px; }
.idoc-service-cont ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px; }
.idoc-service-cont ul li { flex: 0 1 23.5%; }
.idoc_services-content { float: left; width: 100%; position: relative; height: 180px; padding: 60px 20px 20px; border-radius: 3px; 
display: flex; justify-content: left; }
.idoc_services-content h3 { font-size: 18px; font-family: var(--ff-ubuntu-medium); line-height: 1.3; }
.idoc-icon-div { position: absolute; top:-50px; }
.idoc-icon-div img { float: left; }
.service-bg1 { background-color: #4e4ebc1a; }
.service-bg1 h3 { color: #58589a; }
.service-bg2 { background-color: #bacfe233; }
.service-bg2 h3 { color: #4f8bc7; }
.service-bg3 { background-color: #c9f6ff33; }
.service-bg3 h3 { color: #3799ae; }
.service-bg4 { background-color: #bacfe233; }
.service-bg4 h3 { color: #589ade; }  

.idoc-delivery { float: left; width: 100%; padding: 70px 0px; background-color: var(--h_sky-blue); }
.delivery-img { float: left; width: 100%; }
.delivery-img img { float: left; width: 100%; }
  
.idoc_partners-para { width: 50%; margin: auto; }
.idoc_partners-para p { color: var(--h_blue); font-size: 16px; line-height: 1.5; opacity: .6; text-align: center; }
.partner-sec.partner-sec-in { margin-top: 0px;}
.partner-sec.partner-sec-in ul { margin-top: 50px; border-bottom: none; padding-bottom: 0;}
.partner-cont-in { float: left; width: 100%; border-top: 1px solid #00000029; padding-top: 60px; }


/* about us */
/* .section_about-whoarewe { float: left; width: 100%; padding: 0px 0px; }
.who-wrapper {z-index: -1;grid-column-gap: 110px;grid-row-gap: 110px;justify-content: center;display: flex;}
.who_text-wrapper {flex-direction: column;justify-content: center;align-items: flex-start;max-width: 41%;display: flex;}
.who_text-wrapper h5 { color: #333; font-size: 20px; line-height: 1.4; margin-bottom: 25px;}
.who_text-wrapper p { color: var(--h_blue); font-size: 16px; line-height: 26px; opacity: .6; margin-bottom: 25px; }
.who_text-wrapper p:last-child { margin-bottom: 0px; }
.who_image {justify-content: center;align-items: center;width: 42%;min-width: 42%;display: flex;position: relative;}
.partner-abt-in { float: left; width: 100%; padding-top: 50px; } */

.who-we-are-sec.abt-sec { padding: 0;}
.who-we-are-sec.abt-sec .who-are-we-lft { order: 2;}
.who-we-are-sec.abt-sec .who-are-we-rgt { order: 1;}
.partner-sec.abt-partners ul { margin: 50px 0 60px; border: none; padding: 0;}

.section_about-services { float: left; width: 100%; padding: 60px 0px; background-color: var(--h_sky-blue);}
.abt-service-lst { float: left; width: 100%; margin-top: 0px; }
.abt-service-lst ul { float: left; width: 100%; column-gap: 2.5%; row-gap: 30px; display: flex; flex-wrap: wrap; justify-content: center;}
.abt-service-lst ul li { flex: 0 1 31.6666%; grid-column-gap: 20px; grid-row-gap: 20px;text-align: center;background-color: #fff9;border-radius: 6px;flex-flow: column;place-content: center space-around;
align-items: center; padding: 45px 35px;display: flex; transition: all 0.5s ease-out;}
.abt-service-lst ul li .img-div img { width: auto; max-height: 110px; }
.abt-service-lst ul li p { color: var(--h_blue); font-size: 18px;line-height: 20px; font-family: var(--ff-ubuntu-regular);}
.abt-service-lst ul li:hover { transform: scale(1.03);}

.section_about-story { float: left; width: 100%; padding: 80px 0px; }
.waw-wrapper {grid-column-gap: 110px;justify-content: center; display: flex; margin-bottom: 60px; }
.waw_image {justify-content: center;align-items: center;width: 42%;min-width: 42%;display: flex;}
.waw_text-wrapper {flex-direction: column;justify-content: center;align-items: flex-start;max-width: 41%;display: flex;}  
.waw_text-wrapper .title-wrapper h2 { opacity: 0.8; } 
.waw_text-wrapper h4 { color: #333; font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
.waw_text-wrapper p { color: var(--h_blue); font-size: 16px; line-height: 26px; opacity: .6; margin-bottom: 20px; }
.waw_text-wrapper p:last-child { margin-bottom: 0px; }

.story-services-lst { float: left; width: 100%; margin-top: 60px; }
.story-services-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px; }
.story-services-lst ul li { flex: 0 1 23.5%; border-radius: 3px; display: flex; flex-direction: column; row-gap: 15px; padding: 36px 18px; position: relative; }
.story-services-lst ul li .img-div { position: absolute; top:-40px; }
.story-services-lst ul li h3 { padding-top: 25px; padding-bottom: 0; font-size: 45px; line-height: 1.3; font-family: var(--ff-ubuntu-regular); }
.story-services-lst ul li h5 {color: var(--h_blue);font-size: 14px; line-height: 1.3; font-family: var(--ff-ubuntu-medium);} 
.story-services-lst ul li p { opacity: .6;color: #020f1c;font-size: 16px; line-height: 1.4; font-family: var(--ff-ubuntu-regular); }
.story-services-lst ul li.bg1 { background-color: #4e4ebc1a; }
.story-services-lst ul li.bg1 h3 { color: #58589a; }
.story-services-lst ul li.bg2 { background-color: #bacfe233; }
.story-services-lst ul li.bg2 h3 { color: #4f8bc7; }
.story-services-lst ul li.bg3 { background-color: #c9f6ff33;}
.story-services-lst ul li.bg3 h3 { color: #3799ae; }
.story-services-lst ul li.bg4 { background-color: #bacfe233; }
.story-services-lst ul li.bg4 h3 { color: #589ade; }

.section_about-haw { float: left; width: 100%; padding: 80px 0px; background-color: #e3e8eecc; }
.abt-haw-lst { float: left; width: 100%; }
.abt-haw-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.abt-haw-lst ul li { flex: 0 1 33.3333%; padding: 60px 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 26px; text-align: center;}
/* right border only for items not in 3rd column */
.abt-haw-lst ul li:not(:nth-child(3n)) {border-right: 1px solid #b0bdce;}
/* bottom border only for first row */
.abt-haw-lst ul li:nth-child(-n+3) {border-bottom: 1px solid #b0bdce;}
.abt-haw-lst ul li .img-div { float: left; width: 100%; display: flex; justify-content: center; }
.abt-haw-lst ul li .img-div img { float: left; width: auto; max-height: 130px; }
.abt-haw-lst ul li p { color: var(--h_blue); font-size: 15px;line-height: 1.4; font-family: var(--ff-ubuntu-regular); }

.platform-sec {background: var(--h_sky-blue); padding: 80px 0; float: left; width: 100%; text-align: center;}
.platform-sec .title-wrapper h2 { opacity: 0.8; } 
.platform-sec .title-wrapper { display: inline-block; }
.cloud-list { display: block; width: 100%; margin-top: 50px; padding: 0 60px;}
.cloud-list h3 { font-family: var(--ff-ubuntu-regular); font-size: 20px; line-height: 1.2; color: var(--h_grey); margin-bottom: 35px;}
.cloud-grid { display: grid; grid-template-columns:repeat(5,1fr); border-top: 1px solid #b0bdce; border-left: 1px solid #b0bdce; margin-bottom: 50px;}
.cloud-grid li  {height: 160px; border-right: 1px solid #b0bdce;border-bottom: 1px solid #b0bdce;display: flex;align-items: center;justify-content: center;  }
.cloud-grid li img { width: auto; }
.cloud-grid:last-child { margin-bottom: 0;}

.team-sec { float: left; width: 100%; padding: 80px 0px;}
.team-list { display: grid; grid-template-columns: repeat(4,1fr); padding: 0 0px; overflow: hidden; transition:height .6s ease; grid-column-gap: 60px; grid-row-gap: 60px; }
.team-card{ display:block; }
.team-card.hide{ display:none; }
.team-list.open .team-card.hide{ display:block; }
.team-card-text-wrapper { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 20px;}
.team-card-text { width: calc(100% - 25px);}
.team-card-text h3 { color: var(--h_blue); font-size: 16px;line-height: 26px; font-family: var(--ff-ubuntu-medium); margin-bottom: 4px;}
.team-card-text p { color: var(--h_blue); font-size: 15px;line-height: 26px; font-family: var(--ff-ubuntu-regular); opacity: 0.6;}
.more { text-align: center; margin-top: 60px;}
.more a {cursor: pointer; text-decoration: none; font-size: 15px; color: #444366cc; font-family: var(--ff-ubuntu-medium); transition: all 0.4s ease;} 
.more a:hover { color: var(--h_blue);}

/* contact page */
.contact-us-sec { float: left; width: 100%; padding: 60px 0 80px;}
.contactus-wrapper { float: left; width: 100%; }
.contactus-form-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.get-in-touch { float: left; width: 100%; margin-bottom: 40px; }
.get-in-touch h2 { color: #051525; margin-bottom: 8px; font-size: 50px; line-height: 58px; }
.get-in-touch p { opacity: .6; color: #333; margin-bottom: 0; font-size: 22px; font-weight: 300; line-height: 32px; }
.location-div { float: left; width: 100%; margin-bottom: 24px; }
.location-div:last-child { margin-bottom: 0px;}
.location-title { grid-column-gap: 5px;grid-row-gap: 5px;margin-bottom: 12px;display: flex; }
.location-title img { width: auto; }
.location-title h3 { color: #333; font-size: 22px; line-height: 32px; font-family: var(--ff-ubuntu-medium); }
.location-div ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 24px; padding-left: 30px; }
.location-div ul li { flex: 0 1 100%; }
.location-div ul li h4 { font-size: 20px; line-height: 30px; margin-bottom: 8px; }
.location-div ul li p { color: #333; font-size: 16px; line-height: 24px; opacity: 0.6; }
.location-div ul li p a:hover { color: #000; text-decoration: underline; }

.contactus-form-wrapper .form-details { flex: 0 1 40%;}
.form-contact-us-wrapper { flex: 0 1 45%;}
.contact-form-box { display: flex; flex-wrap: wrap; row-gap: 20px;}
.contact-form-box ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.contact-form-box ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.contact-form-box ul li:first-child .frm-input { flex: 0 1 48%;}
.contact-form-box .frm-input { flex: 0 1 100%;}
.contact-form-box .frm-input label { float: left; width: 100%; color: #333; font-size: 14px; font-family: var(--ff-ubuntu-medium); margin-bottom: 8px; }
.contact-form-box input[type="text"], .contact-form-box input[type="tel"], .contact-form-box input[type="email"], .contact-form-box textarea { font-family: var(--ff-ubuntu-regular);width:100%; color:#333; padding:8px 10px; border: none; border: 1px solid #ccc; height:48px; line-height:48px; font-size:14px; transition: all .5s ease; background:none; border-radius: 8px; }
.contact-form-box input[type="text"]:focus, .contact-form-box input[type="tel"]:focus, .contact-form-box input[type="email"]:focus, .contact-form-box textarea:focus { border: 1px solid var(--form-border);}
.contact-form-box ul li textarea { resize:none; height:100px; line-height:22px; padding: 10px 10px; color:#333333;font-family: var(--ff-ubuntu-regular); font-size:14px;}
.contact-form-box ul li .frm-input.checkbox { width: 100%; margin: 0px 0 0;}
.contact-form-box ul li .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
/* .contact-form-box ul li .frm-input label { color: var(--label-txt); cursor: pointer; font-size: 11px;  position: relative; width: auto; line-height:18px; display: inline-block;} */
.contact-form-box ul li .frm-input.checkbox label { color: var(--checkbox-txt); cursor: pointer; font-size: 16px; padding-bottom: 10px; padding-left: 25px;  position: relative; width: auto; line-height:24px; margin-bottom:0px; text-align:left; font-family: var(--ff-ubuntu-regular);}
.contact-form-box ul li .frm-input.checkbox label::before { background: var(--white); border: 1px solid var(--h_purple); content: "";height: 14px;left: 3px;position: absolute;top: 6px;transition: all 0.3s ease-in-out 0s;width: 14px;border-radius: 0px; }
.contact-form-box ul li .frm-input.checkbox label::after { background: transparent none repeat scroll 0 0; border: none; content: "";height: 14px;left: 3px; position: absolute; top: 6px;width: 14px;border-radius: 0px;}
.contact-form-box ul li .frm-input.checkbox input:checked + label::before {background: var(--form-border);}
.contact-form-box ul li .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form-box ul li .frm-input.checkbox span { font-size:14px; color: var(--checkbox-txt); float: none; width:100%;  line-height:16px;}
.contact-form-box ul li .frm-input.checkbox span a { font-size: 16px; color: var(--checkbox-txt); text-decoration:underline; transition:all .5s ease;}
.contact-form-box ul li .frm-input.checkbox span a:hover { color:var(--h_blue);}
.contact-form-box ul li input[type="submit"] { cursor: pointer; background-color: var(--h_purple-button); color: var(--white); border: none; border-radius: 4px; width: 100%; height: 52px; margin-top: 10px; padding: 0; font-size: 18px; line-height: 20px; transition: all .4s ease; font-family: var(--ff-ubuntu-regular);}
.contact-form-box ul li input[type="submit"]:hover { background:var(--h_purple);}
.iti.iti--allow-dropdown.iti--separate-dial-code { width: 100%;}
.iti--separate-dial-code .iti__selected-dial-code { font-family: var(--ff-ubuntu-regular);}

.contact-form-box ul li .dropdown { position: relative; width: 100%; font-family: var(--ff-ubuntu-regular); user-select: none; }
.contact-form-box ul li .dropdown-selected { background: none; border: 1px solid #ccc; padding: 0px 10px; cursor: pointer;transition: background 0.3s ease; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 48px; line-height: 48px;color: rgba(0, 0, 0, 0.4); font-family: var(--ff-ubuntu-regular); border-radius: 8px; font-size: 14px;}

/* Arrow styling */
.contact-form-box ul li .dropdown-arrow { border: solid #555; border-width: 0 2px 2px 0; display: inline-block;padding: 3px; transform: rotate(45deg); transition: transform 0.3s ease; margin-right: 10px; }
.contact-form-box ul li .dropdown.open .dropdown-arrow { transform: rotate(-135deg); /* rotate up when open */}
.contact-form-box ul li .dropdown-list {  position: absolute; top: 110%; left: 0; right: 0; background: white; border: 1px solid rgba(0, 0, 0, 0.15); display: none; max-height: 200px; overflow-y: auto; z-index: 10;}
.contact-form-box ul li .dropdown-list div { padding: 8px 10px; cursor: pointer; transition: background 0.3s ease, padding-left 0.2s ease;border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-family: var(--ff-ubuntu-regular); color: var(--h_blue); font-size: 15px;}
.contact-form-box ul li .dropdown-list div:hover { background-color: var(--h_purple-button); color: var(--white);}
.contact-btm { font-size: 20px; line-height: 30px; color: #333; float: left; width: 100%; margin-top: 50px; }
.contact-btm a { color: var(--h_purple-button); transition:all .5s ease; text-decoration: underline; }
.contact-btm a:hover { color: var(--h_blue); }

/*12-3-26*/
/*case-studies*/
.case-studies-main{float: left; width: 100%; padding: 30px 0 0 0;}
.case-studies-inner{float: left; width: 100%;}
.case-studies-inner a{float: left; width: 100%;}
.case-studies-inner a:hover .upcoming-details h2 { color: var(--h_purple);}
.upcoming-img{width: 100%; float: left; margin-bottom: 25px;}
.upcoming-img img{width: 100%; float: left;}
.upcoming-details{width: 100%; float: left;}
.upcoming-details h2{width: 100%; float: left; color: var(--h_blue); font-family: var(--ff-ubuntu-regular); font-size: 24px; line-height: 1.4; margin-bottom: 15px; transition: all 0.4s ease; }
/* .upcoming-details h2 span{display: block;} */
.studies-link{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.upcoming-title{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.upcoming-title p{width: auto; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; color: var(--h_blue_text); font-size: 18px;}
.upcoming-title p img{width: auto;float: left;}
.upcoming-title strong{display: flex;color: var(--h_purple);font-size: 14px;font-family: var(--ff-ubuntu-bold);align-items: center;column-gap: 5px;}
.success-stories-rgt.full-width{flex: 0 1 100%;}
.success-stories-rgt.full-width .success-card-wrapper{column-gap: 2%; flex-wrap: wrap; justify-content: left; align-items: inherit;}
.success-stories-rgt.full-width .success-card-wrapper .card-wrapper{flex: 0 1 32%; display: flex; flex-wrap: wrap;}
.success-stories-rgt.full-width .success-card-wrapper .card-wrapper .success-title { display: flex; flex-wrap: wrap; flex-direction: column; }
.success-stories-sec.search{padding: 80px 0;}
.success-stories-sec.search .success-title h4{width: 100%; font-size: 18px; line-height: 26px; color: var(--h_blue); flex-grow: 1;}
.search-box {width: 250px;display: flex;align-items: center;float: right;}
.search-box .search-icon {margin-right: 10px;display: flex;align-items: center;}
.search-box .search-icon img {width: 18px;height: 18px;}
.search-box input {border: none;outline: none;width: 100%;font-size: 16px;background: transparent; border-bottom: 1px solid #cfcfcf; padding: 10px 10px; font-family: var(--ff-ubuntu-regular);}
.search-box input::placeholder {color: #9e9e9e;}
.search-box input:focus{border-bottom: 1px solid var(--h_purple);}
.events-line{width: 100%; float: left;  border-top:1px solid #00000029; padding: 40px 0 50px 0;}
.success-stories-main{float: left;}
.rectangle_white.home.case-studies {height: 15vh;}
.text-block-15 a{width: auto; float: left; color: #6a747d;font-size: 14px;font-family: var(--ff-ubuntu-bold);line-height: 16px; display: flex; column-gap: 10px; align-items: center; margin-bottom: 15px;}
.text-block-15 img{float: left; width: auto;}

.section_event-details-hero{width: 100%; float: left; position: relative; overflow: hidden;}
.event-details-home-hero-content-wrapper{width: calc(100% - 350px);}
.events-details_hero-image {width: 350px;max-width: none; z-index: 2;}
.section_event-details-hero h1{width: 100%; float: left; color: #fff; font-size: 50px; line-height: 1; font-family: var(--ff-ubuntu-regular); margin-bottom: 20px;}
.section_event-details-hero p{width: 100%; float: left; color: #fdfdfd;opacity: .8; font-size: 22px; line-height: 32px; font-family: var(--ff-ubuntu-regular);}
/*.absolute-background-image-2 {z-index: 9;position: absolute;inset: 0%;}
.rectangle_white {z-index: 1;background-color: var(--body-color);height: 37vh;position: absolute;inset: auto 0% -10.1vh;bottom: -10.1vh;overflow: hidden;}
.rectangle_white.case-study {bottom: -10vh;}
.rectangle_white.huco {bottom: 0; height: 50vh;}*/
.case-studies-event-info{width: 100%; float: left; padding: 80px 0;}
.case-studies-info{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; border-top: 1px solid #00000029; padding-top: 45px; justify-content: center;}
.case-studies-box {background-color: #e4e9ef;border-radius: 8px;justify-content: center;align-items: center; flex: 0 1 32%; height: 116px;padding: 24px 30px;display: flex;}
.case-studies-block-info {color: #051525;text-align: center;font-family: var(--ff-ubuntu-regular);font-size: 24px;line-height: 34px;}

.section-case-studies-problem{width: 100%; float: left; margin-top: 55px;}
.case-studies-problem{width: 100%; float: left; margin-top: 60px;}
.case-studies-problem-content{width: 100%; float: left;}
.case-studies-problem h2{width: 100%; float: left; text-align: left; color: var(--h_blue); font-family: var(--ff-ubuntu-regular);text-align: left;font-size: 24px;line-height: 34px; margin-bottom: 20px;}
.case-studies-problem p{width: 100%; float: left; text-align: left; color: var(--h_blue); font-size: 16px; line-height: 28px; opacity: .6; text-align: left;}
.absolute-background-image-2.case-study{top:-50%}

.the-solution​{width: 100%; float: left; background-color: #e4e9ef; padding: 60px 0 100px 0;}
.the-solution​ h2{width: 100%; float: left; text-align: center; font-size: 24px; line-height: 34px; color: var(--h_blue); margin-bottom: 40px;}
.the-solution-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 50px; row-gap: 0;}
.the-solution-lft{background-color: #fdfdfd;border-radius: 8px; padding: 24px; display: flex; flex: 0 1 400px;}
.the-solution-lft ul{width: 100%; float: left; display: flex; flex-wrap: wrap; align-content: flex-start; column-gap: 0;}
.the-solution-lft ul li{flex: 0 1 100%; border-bottom: 1px solid #00000029; padding: 25px 0;}
.the-solution-lft ul li h3{width: 100%; float: left;font-size: 36px;font-family: var(--ff-ubuntu-medium);line-height: 42px; text-align: left; margin-bottom: 10px;}
.the-solution-lft ul li p{width: 100%; float: left;opacity: .6;color: #051525;text-align: left;font-size: 18px;line-height: 26px; font-family: var(--ff-ubuntu-regular);}
.the-solution-lft ul li:last-child{border-bottom: none; padding-bottom: 0;}
.the-solution-lft ul li:first-child{padding-top: 0;}
.the-solution-rgt{flex: 0 1 calc(100% - 450px);}
.the-solution-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 30px;}
.the-solution-rgt ul li{flex: 0 1 100%; color: #020f1c99;font-size: 18px;line-height: 26px; font-family: var(--ff-ubuntu-regular); position: relative; padding-left: 25px;} 
.the-solution-rgt ul li::before{position: absolute; content: ""; left: 0; top: 10px; width: 8px; height: 8px; border-radius: 8px; background: #020f1c99;}
.blog-link {grid-column-gap: 5px;grid-row-gap: 5px;color: var(--h_purple);flex: none;justify-content: flex-end;align-items: center;margin-top: 11px; font-size: 13px; font-family: var(--ff-ubuntu-bold); line-height: 14px;text-decoration: none;display: block;}
.blog-link span{margin-right: 6px;padding-top: 4px;}

/*event*/
.news-date {width: 100%;float: left;margin-bottom: 12px;}
.news-date p {color: #051525;font-size: 14px; opacity: .6;}
.upcoming-details.event h2{margin-bottom: 0;}

.event-list{width: 100%;float: left;}
.event-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 50px;}
.event-list ul li{flex: 0 1 32%;}
.event-list ul li a{width: 100%; float: left;}
.event-list ul li a .event-img{width: 100%;float: left; overflow: hidden; position: relative;}
.event-list ul li a .event-img img{width: 100%; float: left; height: 100%;object-fit: cover; transition: all .5s ease;}
.event-list ul li a:hover .event-img img{transform: scale(1.03);}
.event-list ul li a:hover .event-cnt h3 { color: var(--h_purple);}
.event-list ul li a .event-cnt{width: 100%;float: left; padding-top: 20px;}
.event-list ul li a .event-cnt p{width: 100%;float: left; color: var(--h_blue);font-size: 14px; line-height: 20px; opacity: .6; text-align: left; margin-bottom: 12px;}
.event-list ul li a .event-cnt h3{width: 100%;float: left; color: var(--h_blue); font-size: 20px; line-height: 1.4; transition: all 0.4s ease;}
.event-list ul li a .event-img .org-img {position: absolute;left: 0;top: 0;}
.event-date{width: 100%; float: left; margin-bottom: 10px;}
.event-date ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0;}
.event-date ul li{flex: 0 1 auto; position: relative; font-family: var(--ff-ubuntu-regular); opacity: .8; color: var(--h_blue); font-size: 16px; line-height: 26px;}
.event-date ul li:not(:last-of-type)::after { position: relative; content: "|"; right: 0; top: 0; opacity: .8; color: var(--h_blue); margin: 0px 10px;}
.hub-event-details-hero {width: 100%;float: left;position: relative;overflow: hidden;}
.news-hub{width: 100%; float: left; position: relative; z-index: 9;}
.news-hub img{width: 100%; float: left;}
.arrow-back-hub{width: 100%; float: left; margin-bottom: 20px; z-index: 99; position: relative;}
.arrow-back-hub a{width: auto; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; color: #6a747d;font-size: 14px;font-family: var(--ff-ubuntu-bold);line-height: 16px; transition: all .5s ease;}
.arrow-back-hub a:hover{color: #fff;}
.arrow-back-hub a .arrow-wrapper::before, .arrow-back-hub a .arrow-wrapper::after {content: "\f060";}

.huco-achieves{width: 100%;float: left; padding: 40px 0 80px 0;}
.huco-achieves h1{width:calc(100% - 430px);;float: left; color: #333; font-size:48px;font-family: var(--ff-ubuntu-regular);line-height:1.2; margin-bottom: 20px;}
.huco-achieves h1 span{display: block;}
.huco-achieves-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 80px;}
.huco-achieves-lft{flex: 0 1 calc(100% - 430px); border-top: 1px solid #00000029; padding-top: 20px;}
.huco-achieves-lft h2{width: 100%; float: left;font-size:24px;font-family: var(--ff-ubuntu-medium); color: var(--h_blue); opacity: .8;line: height 1.3; text-align: left; margin-bottom: 12px;}
.huco-achieves-lft h3{width: 100%; float: left;font-size:20px;font-family: var(--ff-ubuntu-medium); color: var(--h_blue); opacity: .8;line-height:1.3; text-align: left; margin-bottom: 12px;}
.huco-achieves-lft h6{width: 100%; float: left; font-family: var(--ff-ubuntu-regular);font-size:14px;color: var(--h_blue); opacity:.8;line-height:1.5; text-align: left; margin-bottom: 12px;}
.huco-achieves-lft p{width: 100%; float: left; color: var(--h_blue); opacity: .6; font-family: var(--ff-ubuntu-regular); font-size: 16px; line-height:1.6; margin-bottom:20px;}
.huco-achieves-lft p strong{font-family: var(--ff-ubuntu-bold);}
.huco-achieves-lft a{color: #4e4ebc; text-decoration: underline; opacity: 1;}
.huco-achieves-lft ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 8px; margin-bottom: 20px;}
.huco-achieves-lft ul li{flex: 0 1 100%; color: var(--black); opacity: .6; font-family: var(--ff-ubuntu-regular); font-size:16px;line-height:1.6; padding-left: 20px; position: relative;}
.huco-achieves-lft ul li strong{font-family: var(--ff-ubuntu-bold);}
.huco-achieves-lft ul li::after{position: absolute; content: ""; left: 0; top:9px; width: 6px; height: 6px; background: #020f1c; border-radius: 6px;}
.huco-achieves-rgt{flex: 0 1 350px;}

.huco-item{width: 100%; float: left;}
.huco-item a{width: 100%; float: left;}
.huco-item .achieves-img{width: 100%; float: left; overflow: hidden;}
.huco-item .achieves-img img{width: 100%; float: left;transition: all .5s ease;}
.huco-item a:hover .achieves-img img{transform: scale(1.03);}
.huco-item .achieves-cnt{width: 100%; float: left; padding-top: 20px;}
.huco-item .achieves-cnt h3{width: 100%; float: left; color: var(--h_blue); font-size: 18px;font-family: var(--ff-ubuntu-medium);line-height: 28px; margin-bottom: 12px;}
.huco-item .achieves-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5px;}
.huco-item .achieves-cnt ul li{flex: 0 1 auto; font-size: 14px; color: var(--h_blue); opacity: .6;}
.title-wrapper.huco h2{opacity: .8;font-family: var(--ff-ubuntu-medium);text-transform: uppercase;font-size: 20px;}

.date{width: 100%; float: left; margin-bottom: 25px;}
.date ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px;}
.date ul li{flex: 0 1 auto; display: flex; align-items: center; column-gap: 10px; font-size: 16px;font-family: var(--ff-ubuntu-regular); opacity: .6;line-height: 24px;}
.date ul li img{width: auto; float: left;}

.lead-wrapper{background-color: #e3e8eecc;width: 550px;padding: 24px; float: left; display: flex;align-items: center;column-gap: 25px; margin-bottom: 50px;}
.lead-content-wrapper{align-items: center;display: flex; column-gap: 20px; width: calc(100% - 65px);}
.lead-img{width: 40px; height: 40px;}
.lead-img img{width: 100%; float: left;}
.lead-header h6{width: 100%; float: left; color: var(--h_purple); font-size: 15px; line-height: 26px; font-family: var(--ff-ubuntu-bold);}
.lead-header h5{width: 100%; float: left; font-size: 16px;font-family: var(--ff-ubuntu-regular); opacity: .6;line-height: 24px;}
.social-media {width: 40px;height: 40px;}

.step-content{width: 100%; float: left;}
.step-content h3{width: 100%; float: left; color: var(--black); font-family: var(--ff-ubuntu-bold); opacity: .6; font-size: 18px;line-height: 30px; margin-bottom: 15px;}
.step-content p{width: 100%; float: left; color: var(--black); opacity: .6;font-size: 18px;line-height: 30px; margin-bottom: 20px;}
.step-content ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 8px; margin-bottom: 20px;}
.step-content ul li{flex: 0 1 100%; color: var(--black); opacity: .6; font-family: var(--ff-ubuntu-regular); font-size: 18px;line-height: 30px; padding-left: 20px; position: relative;}
.step-content ul li strong{font-family: var(--ff-ubuntu-bold);}
.step-content ul li a strong{color: var(--h_purple-button); opacity: 1; text-decoration: underline;}
.step-content ul li::after{position: absolute; content: ""; left: 0; top: 12px; width: 6px; height: 6px; background: #020f1c; border-radius: 6px;}
.step-img{width: 100%; text-align: center; display: flex;justify-content: center; max-width: 60%; margin: 0px auto 25px;}
.step-img img{width: auto; display: flex;}

.upcoming-events-button {color: #fffc;text-transform: uppercase;background-color: #4e4ebc99;border-radius: 4px;height: 45px; max-width: 160px; text-align: center;padding: 12px 24px; float: right;}
.upcoming-details.huco {display: flex;justify-content: space-between;align-items: center;}
.upcoming-lft-event {flex: 0 1 calc(100% - 280px);}
.upcoming-rgt-event {flex: 0 1 200px;display: flex;justify-content: right;}
.upcoming-details.huco .upcoming-lft-event h2{margin-bottom: 10px;}
.upcoming-lft-event p{ opacity: .6;}

.inner-ban-sec.blog {padding: 50px 0 40px;}
.rectangle_white.blog { height: 50vh;}
.inner-ban-sec.digital{padding: 30px 0 100px 0;}
.api-devops-sec { float: left; width: 100%; padding: 80px 0px; }
.api-wrapper {grid-column-gap: 110px;justify-content: space-between; display: flex; margin-bottom: 0px; }
.api-image {justify-content: center;align-items: center;width: 42%;min-width: 42%;display: flex;order: 2;}
.api-cont {flex-direction: column;justify-content: center;align-items: flex-start;max-width: 41%;display: flex;order: 1;}  
.api-cont .title-wrapper h2 { opacity: 0.8; } 
.api-cont h4 { color: #333; font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
.api-cont p { color: rgba(5, 21, 37,0.6); font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.api-cont p:last-child { margin-bottom: 0px; }
.api-grid { float: left; width: 100%;}
.api-grid ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 28px; }
.api-grid ul li { flex: 0 1 auto;}
.api-grid ul li a { background: var(--white); width: 184px; height: 167px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; row-gap: 15px; border-radius: 8px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);transition: all .5s ease;}
.api-grid ul li a h3 { width: 100%; float: left; text-align: center; font-size: 16px; line-height: 20px; color: #061625;font-family: var(--ff-ubuntu-medium); margin-top: 12px;transition: all .5s ease;}
.api-grid ul li a:hover { background: #444366;}
.api-grid ul li a:hover h3 { color: var(--white);}
.api-grid ul li a .api-icon img {transition: all .5s ease;}
.api-grid ul li a:hover .api-icon img { margin-top: -10px;}
.hybrid-cloud-sec { float: left; width: 100%; padding: 80px 0px; background: var(--h_sky-blue); }
.hybrid-wrapper {grid-column-gap: 110px;justify-content: space-between; display: flex; margin-bottom: 0px; }
.hybrid-image {justify-content: center;align-items: center;width: 42%;min-width: 42%;display: flex;}
.hybrid-cont {flex-direction: column;justify-content: center;align-items: flex-start;max-width: 41%;display: flex;}  
.hybrid-cont .title-wrapper h2 { opacity: 0.8; } 
.hybrid-cont h4 { color: #333; font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
.hybrid-cont p { color: rgba(5, 21, 37,0.6); font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.hybrid-cont p:last-child { margin-bottom: 0px; }
.hybrid-grid { width: 100%; margin-top: 10px;}
.hybrid-grid ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;  }
.hybrid-grid ul li { flex: 0 1 100%;}
.hybrid-grid ul li a { display: inline-block; font-size: 18px; line-height: 30px; background: url(../images/arrow-rgt.svg) no-repeat 0 3px; color:var(--black);font-family: var(--ff-ubuntu-regular); padding-left:40px; transition: all .5s ease;}
.hybrid-grid ul li a:hover { color:var(--h_purple); padding-left:45px;}
.ai-data .partners-para { row-gap:35px; padding-right: 15%; }
.ai-data .partners-para ul { padding-left: 5%;}
.ai-data .partners-para ul li { font-size: 18px; padding-left: 32px; background-position: 0 7px; color: var(--h_blue-2); }

.integration .mechanism-card ul { column-gap: 2.5%;}
.integration .mechanism-card ul li {flex: 0 1 31.66%; padding: 40px 40px;}
.integration .mechanism-card ul li span { background: #061626; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-bottom: 25px;}
.integration .mechanism-card ul li span img { max-height: inherit; margin-bottom: 0;}
.integration .mechanism-card ul li h3 { margin-bottom: 20px;}
.services-deliver-sec.integration-sec { background: var(--body-color); padding-bottom: 0; }
.integration-sec .services-grid { padding-bottom: 110px;}
.integration-sec .services-cnt h3 { font-size: 18px;}
.integration-sec .services-card a { text-align: left; justify-content: left; row-gap: 20px; padding: 120px 45px 50px 40px; background-color: rgba(255,255,255,0.8);}
.integration-sec .services-card a img { position: absolute; top: -50px;}
.integration-sec .services-card h4 { font-family: var(--ff-ubuntu-medium); width: 100%; }
.integration-sec .services-card p { font-size: 16px; line-height: 26px; color: rgba(5, 21, 37,0.6);}

.tech-logo-sec { float: left;   width: 100%;}
.marquee-btm { margin-top: 0; padding-top: 100px; border-top: 1px solid rgba(0, 0, 0, 0.2); row-gap: 0; text-align: center;}
.marquee-btm .title-wrapper { width: 100%;}
.marquee-btm .heading_line { margin: 0 auto;}
.marquee-btm .services-cnt { width: 100%; max-width: 100%;} 

.engineering-detail-sec { float: left; width: 100%; padding: 80px 0px; background: #F2F2F2; }
.engineering-wrapper {grid-column-gap: 110px;justify-content: space-between; display: flex; margin-bottom: 0px; }
.engineering-image {justify-content: center;align-items: center;width: 43%;min-width:550px;display: flex;}
.engineering-image.rht {order: 2;}
.engineering-cont {flex-direction: column;justify-content: center;align-items: flex-start;max-width:44%;display: flex;}  
.engineering-grid { width: 100%; margin-top: 10px;}
.engineering-grid ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;  }
.engineering-grid ul li { flex: 0 1 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 30px; }
.engineering-grid ul li:last-child { border-bottom: none; padding-bottom: 0;}
.engineering-grid ul li h3 {width: 100%; float: left; color: var(--form-bg); font-family: var(--ff-ubuntu-medium); font-size: 16px;line-height: 19px; margin-bottom: 15px;}
.step-content p{width: 100%; float: left; color: rgba(5, 21, 37,0.6); font-size: 16px;line-height: 26px; margin-bottom: 0px;}
.cloud-main-sec { float: left; width: 100%; padding: 80px 0px; background: #F2F2F2; }
.cloud-card { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 120px;}
.cloud-wrapper {grid-column-gap: 110px;justify-content: space-between; display: flex; margin-bottom: 0px; }
.cloud-image {justify-content: center;align-items: center;width: 51%;min-width: 42%;display: flex; text-align: center;}
.cloud-cont {flex-direction: column;justify-content: center;align-items: flex-start;max-width: 41%;display: flex;}  
.cloud-cont .title-wrapper h2 { font-family: var(--ff-ubuntu-regular); } 
.cloud-cont h4 { color: #333; font-size: 20px; line-height: 1.4; margin-bottom: 20px;}
.cloud-cont p { color: rgba(5, 21, 37,0.6); font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.cloud-cont p:last-child { margin-bottom: 0px; }
.cloud-cont-lst { width: 100%; margin-top: 10px;}
.cloud-cont-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;  }
.cloud-cont-lst ul li { flex: 0 1 100%;font-size: 18px; line-height: 30px; background: url(../images/arrow-rgt.svg) no-repeat 0 6px; color: #000000;font-family: var(--ff-ubuntu-regular); padding-left: 32px;}
.cloud-card .cloud-wrapper:nth-child(2) .cloud-image { order: 2;}
.cloud-card .cloud-wrapper:nth-child(2) .cloud-cont { order: 1;}

/* services deliver sec css */
.devops-details-sec { background: var(--h_sky-blue); padding: 100px 0; float: left; width: 100%;}
.devops-cnt { width: 100%; max-width: 670px;}
.devops-cnt h3 { font-size: 18px; line-height: 1.4; padding-bottom: 40px;}
.devops-cnt p { font-size: 16px; color: var(--h_blue_text); line-height: 1.6;}
.devops-grid { margin-top: 50px; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 100px;}
.devops-card { flex: 0 1 31.66%; transition: all 0.4s ease;}
.devops-card { color: var(--h_blue); text-align: center; background-color: #fff9; font-family: var(--ff-ubuntu-regular); border-radius: 6px; width: 100%; padding: 120px 45px 50px 40px; font-size: 18px; line-height: 20px; display: flex; flex-direction: column; text-align: left; justify-content: left; row-gap: 20px;}
.devops-card img { width: auto; max-width: 150px; max-height: 120px;position: absolute; top: -50px;left: 0;right: 0;margin: 0 auto;}
.devops-card:hover { transform: scale(1.03);}
.devops-card h3 { font-size: 16px; line-height: 1.2;font-family: var(--ff-ubuntu-medium);}
.devops-card p { font-size: 16px; line-height: 26px; color: rgba(5, 21, 37,0.6);}

.breadcrumb { float: left; width: 100%;position: relative; z-index: 1; margin-bottom: 25px;}
.breadcrumb ul { display: flex; flex-wrap: wrap; justify-content: left;}
.breadcrumb ul li { flex: 0 1 auto; color: var(--white); position: relative; margin-right: 7px; padding-right: 15px; font-size: 13px;}
.breadcrumb ul li a { color: rgba(255,255,255,0.8); font-size: 13px; transition: all 0.4s ease;}
.breadcrumb ul li a:hover { color: var(--white);}
.breadcrumb ul li::after { position: absolute; display: block; content: ">"; right: 0;  font-family: var(--ff-ubuntu-regular); top: 0px; font-size: 13px; color: rgba(255,255,255,0.8);}
.breadcrumb ul li:last-child { margin-right: 0; }
.breadcrumb ul li:last-child::after { display: none;}

.inner-ban-sec.ai-ban { padding-bottom: 0px;}
.ai-ban .inner-caption { flex: 0 1 50%;}
.ai-ban .inner-ban-img { flex: 0 1 40%; text-align: center; padding-top: 0; margin-top: -5%; }
.ai-ban .inner-ban-img img { min-width: 300px; }
.ai-ban .inner-caption p { font-size: 20px; line-height: 32px; font-weight: normal;}
.ai-ban .arrow-back-hub { margin-bottom: 0;}