@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-inter-regular:'InterTight-Regular';
  --ff-inter-light:'InterTight-Light';
  --ff-inter-bold:'InterTight-Bold';
  --ff-inter-sbold:'InterTight-SemiBold';
  --ff-inter-medium:'InterTight-Medium';
   
  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-blue: #5776E7;
  --bg-dark-blue: #293B97;
  --bg-lblue: #1AB3E4;
  --bg-light-grey: #D9D8D6;
  
  /** text color declaration **/
  --txt-white: #FFFFFF;
  --txt-dark-grey: #54565B;
  --txt-light-grey: #D9D8D6;
  --txt-black: #2D2A26;
  --txt-black1: #0D1331;
  --txt-blue: #5776E7;
  --txt-dark-blue: #293B97;
  --txt-medium-grey: #BBBABA;
  --txt-lblue: #1AB3E4;
  --txt-optimal-orange: #F57F34;
  --txt-gold: #F2B021;
  --wavicle-gold: #F2B021;

  --bg-grey: #F4F3F3;
  --wavicle-blue: #5775E8;
  --card-cloud: #5775E8;
  --card-data: #704C9F;
  --card-ai: #8E2062;
    
}

/* CSS Document */
body { padding:0px; margin:0px; background:#FFFFFF; font-size:16px; color:#000000; line-height:20px; font-family: var(--ff-inter-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, .main-content .container { width:1240px; margin:0 auto !important; padding:0px; float: none;}

img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; }

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

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

/* header css */
header { float: left; width: 100%; position: relative; z-index: 99; background: var(--bg-dark-blue); padding: 0px 0px;}
.logo { flex: 0 1 16%;}
.logo img { width: 100%; float: left;}
header.sticky { position: fixed; top: 0; transform: translateY(0); animation: slideDown 0.6s ease forwards; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); z-index: 9; }

/* Keyframes for sliding down */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

.hdr-rht { display: flex; align-items: center; column-gap: 50px;}
/* megamenu css starts */
/* .megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 40px; flex-wrap: wrap; align-items: center;}
.megamenu-sec ul li { display: inline-block; margin-right: 0; }
.megamenu-sec ul li a { font-size: 1.125rem; font-family: var(--ff-roboto-regular); line-height: 1; color: var(--txt-white); letter-spacing: 0.5px; transition: all 0.4s ease; padding: 30px 0; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; position: relative; column-gap: 8px;}
.megamenu-sec ul li.has-mega-menu a::after { display: block; content: ""; width: 7px; height: 7px; border-right: 2px solid var(--bg-white); border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px; position: relative; right: 0px;}
.megamenu-sec ul li a:hover { color: var(--txt-lblue);} */
/* .megamenu-sec ul li a:hover::after { border-right: 2px solid var(--bg-lblue); border-bottom: 2px solid var(--bg-lblue); } */
/* 
.megamenu-sec ul li ul.submenu { transition: 0.4s ease; position: absolute; background-color: var(--white); padding: 25px; transition: 0.3s; top: 130%; opacity: 0; visibility: hidden; border: 0px solid #A1A1A1; }
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%;}

.megamenu-sec ul li.has-mega-menu:hover a { color: var(--txt-lblue);}
.megamenu-sec ul li.has-mega-menu:hover a::after { border-right: 2px solid var(--bg-lblue); border-bottom: 2px solid var(--bg-lblue); }
.megamenu-sec ul li.has-mega-menu ul.submenu { left: 12%; right: 0; margin: 0 auto; width: 1000px; background: var(--bg-white); margin: 0 auto; display: flex; flex-wrap: wrap; column-gap:2%;}
.megamenu-sec ul li.has-mega-menu ul.submenu { box-shadow: 0 3px 5px rgba(0,0,0,0.1); display: flex; flex-wrap: wrap;  column-gap: 0%; justify-content: space-between; align-items: center;}
.megamenu-sec ul li.has-mega-menu ul.submenu li { flex: 0 1 32%; margin: 0 0% 0 0; padding: 0 0% 0 0; border-right: 0px solid #D9D9D9; position: relative; }
.megamenu-sec ul li.has-mega-menu ul.submenu li .menu-img { float: left; width: 100%;}
.megamenu-sec ul li.has-mega-menu ul.submenu li h3 { width: 100%; float: left; margin-top: 20px; color: var(--txt-black); text-align: center;
display: flex; align-items: center; justify-content: center; column-gap: 5px; font-family: var(--ff-neue-roman);}
.megamenu-sec ul li.has-mega-menu ul.submenu li h3 i { font-size: 22px; transition: margin-right .3s ease, opacity .3s ease, width .3s ease;  margin-right: 0; opacity: 0; width: 0;}
.megamenu-sec ul li.has-mega-menu ul.submenu li a { padding: 0;}
.megamenu-sec ul li.has-mega-menu ul.submenu li a::after { display: none;}
.megamenu-sec ul li.has-mega-menu ul.submenu li a:hover h3 { color: var(--txt-blue);}
.megamenu-sec ul li.has-mega-menu ul.submenu li a:hover h3 i { margin-right: 0px; opacity: 1; color: var(--txt-red); width: 24px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li:last-child { margin-right: 0; padding-right: 0; border: none;} */
/* .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link */

.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #04b2e2;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #04b2e2;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main .mega-menu-features a { display: flex; flex-wrap: wrap;}

/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.resource-menu { } */
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu.resource-menu ul.mega-sub-menu { max-width: 1000px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu.resource-menu ul.mega-sub-menu li ul.mega-sub-menu li.mega-menu-columns-4-of-12 { flex: 0 1 50%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu.resource-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.mega-menu-columns-8-of-12 { flex: 0 1 46%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu.resource-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.insights-mega-menu ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-post_type {flex: 0 1 60%;}


/* #mega-menu-wrap-primary ul#mega-menu-primary li.mega-menu-item.mega-current-page-ancestor a { color: #5775E8;} */
.contact-btn { position: relative; width: auto;}
.contact-btn a { background: var(--bg-blue); height: 46px; width: auto; color: var(--txt-white); padding: 0 15px; font-size: 1.125rem; font-family: var(--ff-inter-bold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.contact-btn a:hover { background: var(--bg-white); color: var(--txt-blue);}
.contact-btn a i { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.contact-btn a:hover i { margin-right: 0px; color: var(--txt-blue);  border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
/* .contact-btn a i { font-size: 1.25rem; transition: margin-right .3s ease, opacity .3s ease, width .3s ease ; margin-right: 0;} */

/**breadcrum css**/
.breadcrum-sec {background-color:#DFE5FD; padding: 0; margin: 0;}
.breadcrum-sec ul { display: flex; flex-wrap: wrap;}
.breadcrum-sec ul li { color:var(--txt-dark-grey); font-size: 14px; font-family: var(--ff-inter-regular); margin-right: 5px; padding:10px 20px 10px 0px; position: relative;}
.breadcrum-sec ul li a { color:var(--txt-dark-grey); transition: all 0.4s ease; }
.breadcrum-sec ul li::after { content: "\e844"; font-family: 'feather'; position: absolute; display: block; top:11px; right: 0; font-size: 14px; color:var(--txt-dark-grey); }
.breadcrum-sec ul li:last-child::after { display: none;}
.breadcrum-sec ul li:last-child { margin-right: 0; padding-right: 0; font-family: var(--ff-inter-medium); color:var(--txt-black); text-decoration:underline; }
.breadcrum-sec ul li a:hover { opacity: 0.6;}

/**Inner banner css**/
.inner-banner { /* display:flex; align-items:center; justify-content:center; flex-direction: column; */ background: #F8F8F8; overflow: hidden; margin:0; min-height:570px; position: relative;}
.inner-banner.banner-hght { min-height: 680px;}
.inner-banner .org-img {position: absolute;top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.inner-banner .org-video {position: absolute;top: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.inner-desktop-image { float: left; width: 100%; height: 100%;}
.inner-desktop-image img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: bottom;}
.inner-mobile-image { float: left; width: 100%; height: 100%; display: none;}
.inner-mobile-image img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: bottom;}
.inner-desktop-video { float: left; width: 100%; height: 100%;}
.inner-desktop-video video { float: left; width: 100%; height: 100%; object-fit: cover;}
.inner-mobile-video { float: left; width: 100%; height: 100%; display: none;}
.inner-mobile-video video { float: left; width: 100%; height: 100%;}
.inner-banner-caption { position: absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; text-align:center; z-index: 1;} 
.inner-banner h1 { display: block; font-size: 72px; font-family: var(--ff-inter-medium); color: --txt-black; margin-bottom:30px; line-height: 1.06; text-align: center; }
.inner-banner h1 strong { color: var(--wavicle-blue);  font-weight: normal; }
.inner-banner p { font-size: 20px; line-height: 1.3; font-family: var(--ff-inter-medium); color: var(--txt-black); text-align: center; font-weight: normal; }
.inner-banner .btn-center{ text-align: center; margin: 35px 0px 22px 0px; }
.inner-banner .btn-center a { background: #5776E7; border: none; height: 52px; padding: 12px 12px !important; border-radius: 0px; color: #fff; font-size: 18px; font-family: var(--ff-inter-medium); display: inline-flex; align-items: center; letter-spacing: 0.2px; transition: all 0.5s ease-in; }
.inner-banner .btn-center a:hover { background: #ffffff; color: #5776E7; }
.inner-banner .btn-center a .vc_btn3-icon { position: relative; top: auto;  right: auto !important;  transform: none;  margin-left: 8px;  width: 24px;  height: 24px;  font-size: 16px; color: #fff;  background: rgba(87, 118, 231, 0.04);  border: 2px solid rgba(241, 241, 241, 0.20); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;  display: flex;  align-items: center;  justify-content: center;  transition: all 0.5s ease-in; }
.inner-banner .btn-center a:hover .vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27); }

/**blog page css **/
.blog-banner { float: left; width: 100%; position: relative; background: var(--bg-dark-blue); overflow: hidden;}
.blog-caption { flex: 0 1 50%;}
.blog-caption  h1 { font-size: 56px; line-height: 1.2; color: var(--txt-white); font-family: var(--ff-inter-medium); }
.blog-main-img { flex: 0 1 50%; position: relative; z-index: 1;}
.blog-main-img img { width: 100%;}
.clipped-image { z-index: -1; width: 100%; opacity: 0.6; height: auto; clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); object-fit: cover; display: block; position: absolute; top: 20px; left: 0; margin: 0 auto; transform: translateX(60px);}
.orange-shape { width: 380px; height: 220px; background: linear-gradient(to bottom, rgba(30, 42, 124, 0), #ffc324); /* blue to yellow gradient */
transform: skewX(30deg); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); position: absolute; bottom: 0; right: -50px; z-index: -2;}
.shape-line { position: absolute; bottom: 0; right: 0;}

.parallelogram-outline { width: 160px; height: 280px; position: absolute; transform: skewX(-30deg); right: -70px; bottom: 0; z-index: 1;}
.parallelogram-outline::before, .parallelogram-outline::after { content: ''; position: absolute; background-color: #fff; /* Border color */}
.parallelogram-outline::before { top: 0; left: 0; width: 100%; height: 1px; /* Top line thickness */}
.parallelogram-outline::after {top: 0;left: 0; width: 1px; /* Left line thickness */ height: 100%;}

.breadcrumb { float: left; width: 100%; margin-bottom: 20px;}
.breadcrumb ul { display: flex; flex-wrap: wrap;}
.breadcrumb ul li { color: var(--txt-white); font-size: 16px; font-family: var(--ff-inter-medium); margin-right: 5px; padding-right: 20px; position: relative;}
.breadcrumb ul li a { color: var(--txt-white); transition: all 0.4s ease; }
.breadcrumb ul li::after { content: "\e844"; font-family: 'feather'; position: absolute; display: block; top: 0; right: 0; font-size: 14px; color: var(--txt-white); }
.breadcrumb ul li:last-child::after { display: none;}
.breadcrumb ul li:last-child { margin-right: 0; padding-right: 0;}
.breadcrumb ul li a:hover { opacity: 0.6;}

.blk-breadcrumb ul li { color: var(--txt-black);}
.blk-breadcrumb ul li a { color: var(--txt-dark-grey);}
.blk-breadcrumb ul li:last-child a { color: var(--txt-black);}
.blk-breadcrumb ul li::after { color: var(--txt-dark-grey);}
/* .inn-cap { position: absolute; top: 50%; transform: translateY(-50%);}
.inn-cap h1 { font-size: 40px; line-height: 48px; color: #FFFFFF; font-family: 'Poppins-Bold'; max-width: 520px;} */

.blog-sec { float: left; width: 100%; padding: 75px 0px 100px; }
.blog-fullwidth { float: left; width: 100%;}
.blog-fullwidth .blog-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 2%; padding: 24px 24px; border: 1px solid rgba(217, 216, 214, 0.50);background: rgba(217, 216, 214, 0.20); }
.blog-fullwidth .blog-img { flex: 0 1 49%; overflow: hidden; position: relative;} 
.blog-fullwidth .blog-img::before { z-index: 1; background: linear-gradient(90deg, rgba(41, 59, 151, 0.8) 0%, transparent 70%); position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%;}
.blog-fullwidth .blog-img::after { position: absolute; display: block; content: ""; right: 0; top: 0; width: 100%; max-width: 420px; height: 100%; background: url(../images/shape.svg) no-repeat 0 0; }
.blog-fullwidth .blog-img img { width: 100%; float: left; transition: all 0.8s ease; transform-origin: top center;}
.blog-fullwidth .blog-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} 
.blog-fullwidth .blog-img img.dummy-img { opacity: 0; width: 100%;}
.blog-fullwidth .blog-cnt { flex: 0 1 47%; padding: 0px; }
.blog-fullwidth .blog-title { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.blog-fullwidth .blog-title span.cat { font-size: 16px; line-height: 1.5; color: var(--txt-optimal-orange); font-family: var(--ff-inter-medium); letter-spacing: 1.28px; width: 100%; text-transform: uppercase;}
.blog-fullwidth .blog-title h3 { color: var(--txt-black); font-size: 32px; line-height: 1.3; font-family: var(--ff-inter-medium); transition: all 0.4s ease; margin-bottom: 5px;}
.blog-fullwidth .blog-title p { font-size: 18px; line-height: 1.4; color: var(--txt-dark-grey); }
ul.meta-info { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 12px;  margin-bottom: 10px;}
ul.meta-info li { flex: 0 1 auto; display: flex; align-items: center; column-gap: 8px; font-size: 16px; line-height: 1.3; color: var(--txt-dark-grey); font-family: var(--ff-inter-medium); }
ul.meta-info li span img {float: left;}
.blog-fullwidth .publish-detail { column-gap: 25px; margin: 25px 0px 35px; padding-top: 0px; border: none; }
.blog-fullwidth .publish-img { flex: 0 1 72px; height: 72px; overflow: hidden; position: relative; }
.blog-fullwidth .publish-txt { flex: 0 1 calc(100% - 97px); }
.blog-fullwidth .publish-txt h4 { font-size: 20px; transition: all 0.4s ease;}
.blog-fullwidth span.read-btn { color: var(--txt-black1); font-size: 18px; font-family: var(--ff-inter-bold); padding: 0px; display: inline-flex;align-items: center; column-gap: 10px; transition: all 0.4s ease;}
.blog-fullwidth span.read-btn i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-black1); background: rgba(87, 118, 231, 0.04); border: 1.5px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}

.blog-fullwidth .blog-main .blog-title h3:hover { color: var(--txt-blue); }
.blog-fullwidth .blog-main span.read-btn:hover { color: var(--txt-blue); }
.blog-fullwidth .blog-main span.read-btn:hover i {color: var(--txt-blue);}
.blog-fullwidth .blog-main:hover .blog-img img { transform: scale(1.05); }
.blog-fullwidth .blog-main .publish-txt h4:hover { color: var(--txt-blue); }

.blog-sec.full-length { float: left; width: 100%; }
.full-length .blog-rht { flex:0 1 100%; }
.full-length .blog-list ul li { flex:0 1 32%; }
.full-length .blog-list ul.cat-list li { flex:0 1 auto; }
.full-length .select-box{ font-size:18px; color: #818082; line-height: 1.5; background: var(--bg-white);  border: 1px solid #dadada; padding: 12px 20px; font-family: var(--ff-inter-regular); }
.full-length h3 { color: var(--txt-black); font-size: 32px; line-height: 1.3; font-family: var(--ff-inter-medium); transition: all 0.4s ease; margin-bottom:25px; }


.blog-out { float: left; width: 100%; margin-top: 75px; }
.blog-lft { flex: 0 1 32.5%; display: flex; flex-wrap: wrap; row-gap: 48px; position: sticky; top: 90px; }
.grey-box { float: left; width: 100%; border: 1px solid rgba(217, 216, 214, 0.80);background: rgba(217, 216, 214, 0.12); padding: 30px 30px; display: flex; flex-wrap: wrap; row-gap: 25px; }
.no-padd { padding: 0px 0px;}
.pad-div { float: left; width: 100%; padding: 30px 30px 0px; }
.blog-search { float: left; width: 100%; position: relative; }
.blog-search input[type="text"] { width: 100%; background: var(--bg-white); border: 1px solid rgba(217, 216, 214, 0.80); height: 50px; padding: 0 50px 0 12px; color: var(--txt-medium-grey); font-size: 18px; font-family: var(--ff-inter-regular);}
.blog-search button { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; border: none; padding: 0; background: none;}
.blog-search button i { font-size: 24px; color: var(--txt-light-grey); } 
.blog-search input[type="text"]:focus { color: var(--txt-black);}

.blog-search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: var(--txt-medium-grey);}
.blog-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: var(--txt-medium-grey); opacity:1;}
.blog-search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--txt-medium-grey); opacity:1;}
.blog-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--txt-medium-grey);}
.blog-search input::-ms-input-placeholder { /* Microsoft Edge */color: var(--txt-medium-grey);}
.blog-search input::placeholder { /* Most modern browsers support this now. */ color: var(--txt-medium-grey);}

.filter-bx { float: left; width: 100%; padding: 0px 0px; }
.filter-bx h2 { color: var(--txt-black); font-size: 20px; line-height: 1.5; font-family: var(--ff-inter-medium); margin-bottom: 25px; }
.filter-bx ul { display: flex; flex-wrap: wrap; row-gap: 12px;}
.filter-bx ul li { flex: 0 1 100%; }

.topics-filter { float: left; width: 100%; padding:0px 20px 0px 30px; margin-bottom: 30px; height: 460px; overflow-y: scroll; scrollbar-width:thin; scrollbar-color:var(--bg-blue) transparent; }
.topics-filter::-webkit-scrollbar { width:10px; background: rgba(217, 216, 214, 0.60);}
.topics-filter::-webkit-scrollbar-track { width:10px; background: rgba(217, 216, 214, 0.60); }
.topics-filter::-webkit-scrollbar-thumb { background-color:var(--bg-blue); border-radius:0; border:10px solid transparent}
.checkbox { position: relative; display: flex; align-items: flex-start; gap: 14px; cursor: pointer; font-size: 18px; line-height: 1.3; font-family: var(--ff-inter-regular); color: var(--txt-dark-grey);
user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-top: 0px;}
.checkbox input { position: absolute; width: 0; left: 50px; height: 0; opacity: 0; cursor: pointer;}
.checkbox .checkmark { position: relative; display: block; top: 0; left: 0; width: 24px; height: 24px; background: var(--bg-white); border-radius: 0px; border: 1px solid var(--txt-light-grey);
transition: all 0.4s ease;}
.checkbox:hover .checkmark { background: var(--txt-light-grey); transition: all 0.4s ease;}
.checkbox input:checked ~.checkmark { background: var(--bg-blue); border: 1px solid var(--bg-blue); /*outline: 1px solid rgb(95, 126, 240);*/}
/* .checkbox input[type="radio"] ~ .checkmark { border-radius: 50%;} */
.checkbox .checkmark::after { position: absolute; display: block; content: ""; left: 50%; top: 46%; width: 5px; height: 10px; border: solid var(--bg-white);
border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); opacity: 0; transition: all 0.2s ease; }
.checkbox input:checked~.checkmark::after { opacity: 1; transition: all 0.2s ease;}

.author.filter-bx .checkbox input:checked ~ .checkmark { background: var(--bg-white);}
.author.filter-bx .checkbox .checkmark { border-radius:50px;}
.author.filter-bx .checkbox .checkmark:after { border:none; width: 15px; height: 15px; background: #f2b021; transform:none; left:0; top:0; right: 0;
bottom: 0; margin: auto; border-radius: 50px;}

.view-btn { float: left; width: 100%; margin-top: 25px;}
.view-btn a { transition: all 0.4s ease; color: var(--txt-black1); font-size: 18px; display: inline-flex; align-items: center; column-gap: 10px; padding: 0px; font-family: var(--ff-inter-medium);}
.view-btn a i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-black1); background: rgba(87, 118, 231, 0.04); border: 1.5px solid rgba(87, 118, 231, 0.27); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; }
.view-btn a:hover { color: var(--txt-blue); }
.view-btn a:hover i { color: var(--txt-blue); }

.blog-rht { flex: 0 1 66%; }
.blog-rht .blog-search input[type="text"] { height: 62px; padding: 0 50px 0 24px;}
.blog-rht .blog-search button { right: 24px;}
.blog-list { float: left; width: 100%; margin-top: 32px;}
.blog-list ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.blog-list ul li { flex: 0 1 49%; display: flex;}
.blog-list ul li .blog-main-list { padding: 12px 12px; width: 100%; float: left; border: 1px solid var(--txt-light-grey); display: flex; flex-wrap: wrap; align-content: space-between; align-items: flex-start;}
.blog-list ul li .blog-img { float: left; width: 100%; overflow: hidden; position: relative;} 
.blog-list ul li .blog-img img { width: 100%; float: left; transition: all 0.6s ease; transform-origin: top center;}
.blog-list ul li .blog-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover; } 
.blog-list ul li .blog-img img.dummy-img { width: 100%;}
.blog-list ul li .blog-cnt { float: left; width: 100%; margin-top: 25px;}
.blog-list ul li .blog-title { float: left; width: 100%; margin-bottom: 15px; }
ul.cat-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 12px; margin-bottom: 20px; row-gap: 5px;}
ul.cat-list li { flex: 0 1 auto; color: var(--txt-dark-blue); font-size: 16px; line-height: 1.3; font-family: var(--ff-inter-medium); position: relative;}
ul.cat-list li:not(:first-child) { padding-left: 18px; }
ul.cat-list li:not(:first-child)::before { content: ""; position: absolute; left: 0px; top:5px; width: 10px; height: 10px; border-radius: 10px; background: var(--txt-light-grey);}
ul.cat-list li:nth-child(1) { color: var(--txt-optimal-orange);}
.blog-list ul li .blog-title h3 { color: var(--txt-black); font-size: 24px; line-height: 1.3; font-family: var(--ff-inter-medium); transition: all 0.4s ease;}
.publish-detail { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--txt-light-grey);}
.publish-img { flex: 0 1 52px; height: 52px; overflow: hidden; position: relative;}
.publish-img img { width: 100%; float: left; object-fit: cover; height: 100%; }
.publish-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.publish-img img.dummy-img { opacity: 0; width: 100%;}
.publish-txt { flex: 0 1 calc(100% - 64px); display: flex; flex-wrap: wrap; row-gap: 4px;}
.publish-txt h4 { font-size: 18px; font-family: var(--ff-inter-medium); line-height: 1.5; color: var(--txt-black); flex: 1 1 100%; transition: all 0.4s ease; }
.publish-txt h4:hover { color: var(--txt-blue);}
.publish-txt p { font-size: 16px; line-height: 1.3; font-family: var(--ff-inter-medium); color:var(--txt-dark-grey); flex: 1 1 100%; text-align: left;}

.blog-list ul li .blog-main-list:hover .blog-img img { transform: scale(1.05);}
.blog-list ul li .blog-main-list .blog-title h3:hover { color: var(--txt-blue);}
.blog-list ul li .blog-main-list .publish-txt h4:hover { color: var(--txt-blue);}
.blog-list ul li ul.meta-info li { flex: 0 1 auto; }

.pagination { float: left; width: 100%; margin-top: 60px; display: flex; justify-content: right; }
.pagination ul { display: flex; align-items: center; column-gap: 50px; }
.pagination ul li { color: var(--txt-dark-grey); font-size: 16px; line-height: 1.3; font-family: var(--ff-inter-medium); display: flex; align-items: center; column-gap: 12px;}
.pagination ul li span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--txt-light-grey); }
.pagination ul li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--txt-light-grey); transition: all 0.4s ease;}
.pagination ul li a i { color: var(--txt-dark-grey); font-size: 24px; transition: all 0.4s ease;}
.pagination ul li a:hover { background: var(--bg-blue); border: 1px solid var(--bg-blue);}
.pagination ul li a:hover i { color: var(--txt-white);}

/*footer css*/
footer { background: var(--bg-dark-blue); padding: 60px 0; float: left; width: 100%; position: relative; z-index: 1;}
footer::after { background: url(../images/footer-bg.svg) no-repeat 0 0; background-size: cover; position: absolute; z-index: -1; top: 0; right: 0; content: ""; display: block; width: 660px; height: 580px; opacity: 0.03;}
.foot-top { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; justify-content: space-between;}
.ftr-lft { flex: 0 1 15%; display: flex; flex-wrap: wrap; align-content: flex-start; row-gap: 20px;}
.footer-logo { width: 100%;}
.footer-logo img { float: left; width: 100%;}
.ftr-lft p { font-size: 14px; line-height: 1.2; font-family: var(--ff-inter-regular); color: rgba(255,255,255,0.5); letter-spacing: 1px;}
.social-icons ul { display: flex; flex-wrap: wrap; column-gap: 15px;}
.social-icons ul li { flex: 0 1 auto; }
.social-icons ul li a i { transition: all 0.4s ease; color: var(--txt-white); font-size: 26px;}
.social-icons ul li a:hover i { color: var(--txt-lblue); }

.ftr-rht { flex: 0 1 75%; }
.ftr-rht ul { display: flex; flex-wrap: wrap; row-gap: 50px; }
.ftr-rht ul li { flex: 0 1 25%;}
.ftr-rht ul li a { font-family:var(--ff-inter-sbold); color: var(--txt-gold); font-size: 14px; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 15px; display: block;}
.ftr-rht ul li ul { display: flex; flex-wrap: wrap; row-gap: 10px;}
.ftr-rht ul li ul li { flex: 0 1 100%;}
.ftr-rht ul li ul li a { font-family:var(--ff-inter-regular); color: var(--txt-white); font-size: 14px; text-transform: none; letter-spacing: 0.5px; margin-bottom: 0; transition: all 0.4s ease;}
.ftr-rht ul li ul li a:hover { color: var(--txt-lblue);}
/* .ftr-rht ul li:nth-child(2) { flex: 0 1 80%;}
.ftr-rht ul li:nth-child(2) ul { display: flex; flex-wrap: wrap; column-gap: 3%;}
.ftr-rht ul li:nth-child(2) ul li { flex: 0 1 31%;}
.ftr-rht ul li:nth-child(2) ul li ul { display: flex; column-gap: 0%;}
.ftr-rht ul li:nth-child(2) ul li ul li { flex: 0 1 100%;}
.ftr-rht ul li:nth-child(2) > ul > li.menu-item-has-children > a { padding-bottom: 10px; color: var(--txt-lblue); font-size: 16px; font-family: var(--ff-inter-sbold); pointer-events: none;} */

.subscribe-sec { float: left; width: 100%; padding-top: 50px; margin-top: 80px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.subscribe-inn { width: 620px; margin: 0 auto; text-align: left;}
.subscribe-inn h2 { color: var(--txt-white); font-size: 24px; font-family: var(--ff-inter-bold); line-height: 1; margin-bottom: 10px;}
.subscribe-inn p { color: var(--txt-white); font-size: 16px; font-family: var(--ff-inter-regular); margin-bottom: 30px;}
.subscribe-box { width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 2%;}
.subscribe-box input[type="email"] { flex: 1; background: rgba(255,255,255,0.09); border: 1px solid #DFDFDF; color: var(--txt-white); font-size: 17px; letter-spacing: 0.5px; height: 48px; padding: 0 20px; font-family: var(--ff-inter-regular);}
.subscribe-box input[type="submit"] { transition: all 0.4s ease; background: var(--bg-white); color: var(--txt-blue); font-size: 18px; font-family: var(--ff-inter-bold); border: none; padding: 0 30px; height: 48px; cursor: pointer; }
.subscribe-box input[type="submit"]:hover { background: var(--bg-blue); color: var(--txt-white);}

.ftr-btm { float: left; width: 100%; margin-top: 50px;}
.ftr-btm ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.ftr-btm ul li a { color: var(--txt-white); font-size: 14px; font-family: var(--ff-inter-regular); transition: all 0.4s ease;}
.ftr-btm ul li a:hover { color: var(--txt-lblue);}

/******blog details css*******/
.blog-list ul li .blog-main-list.video .blog-img a::after { position:absolute; content:''; background:url(../images/vtplay.svg) no-repeat; width:54px; height:54px; left:0px; right:0px; margin:0px auto; top:50%; transform:translateY(-50%);  }
.blog-fullwidth .blog-main.video .blog-img a::after {position:absolute; content:''; background:url(../images/vplay.svg) no-repeat; width:70px; height:70px; left:0px; right:0px; margin:0px auto; top:50%; transform:translateY(-50%); }
.blog-fullwidth .blog-main.video .blog-img::before, .blog-fullwidth .blog-main.video .blog-img::after { display:none; }
.blog-fullwidth .blog-main.video .blog-title span.cat { color:var(--txt-optimal-orange); }
.blog-sec.news .blog-main-list.video .blog-title { margin-bottom:20px; }
.blog-sec.news .blog-main-list.video a .read-btn { color:#293B97; }
.blog-sec.news .blog-main-list.video a .read-btn:hover { color:var(--bg-blue); }


.inn-ban-lft { flex: 0 1 57%; padding: 10px 40px 10px; padding-left: calc((100% - 1240px) / 2); display: flex;flex-direction: column; justify-content: space-between;}
.banner-out { width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.ban-top-cont h1 { text-align: left; font-size: 56px; line-height:1.1; color: var(--txt-black); font-family: var(--ff-inter-medium); /*max-width: 520px;*/ }

.publisher-detail { float: left; width: 100%; margin-top: 25px;}
.publisher-detail ul { display: flex; flex-wrap: wrap; column-gap: 20px;}
.publisher-detail ul li { flex: 0 1 auto; display: flex; flex-wrap: wrap; column-gap: 10px; color: var(--txt-dark-grey); align-items: center; margin-bottom:5px; }
.publisher-detail ul li img { width: auto;} 
.publisher-detail ul li span.grey-dot { position: relative; display: block; content: ""; background: #BBBABA; border-radius: 50%; left: 0; top: 0; width: 10px; height: 10px;}

.inn-ban-lft .publish-detail { margin-top: 40px; padding-top: 40px; border-top: 1px solid #D9D8D6;}
.inn-ban-rgt { flex: 0 1 43%; position: relative;}
.inn-ban-rgt img { float: left; width: 100%;}
.inn-ban-rgt img.dummy-img { width: 100%;}
.inn-ban-rgt img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ban-shape { position: absolute; z-index:1; bottom: 0; right: 0;}

.blog-det-sec { float: left; width: 100%; padding: 80px 0 100px;}
.blog-det-sec .space-between { align-items: flex-start;}
.blog-det-lft { flex: 0 1 68%; }
.blog-det-lft iframe { width: 100% !important;}
.blog-det-lft p { font-size: 18px; color: var(--txt-black); font-family: var(--ff-inter-regular); line-height: 1.5; margin-bottom: 20px; letter-spacing: 0.2px;}
.blog-det-lft p em { font-family: var(--ff-inter-regular); font-style: normal;}
.blog-det-lft p em strong { font-family: var(--ff-inter-sbold); font-weight: normal;}
.blog-det-lft p:last-child { margin-bottom: 0;}
.blog-det-lft p a { color: var(--txt-blue); text-decoration: underline;}
.blog-det-lft h2 { margin-bottom: 20px; font-size: 32px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-inter-medium); margin-top: 50px;}
.blog-det-lft ul { display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 30px;}
.blog-det-lft ul li { flex: 0 1 100%; font-size: 18px; padding-left: 30px; letter-spacing: 0.2px; color: var(--txt-dark-grey); font-family: var(--ff-inter-regular); line-height: 1.5; position: relative;}
.blog-det-lft ul li::before { position: absolute; display: block; content: ""; background: var(--bg-blue); border-radius: 50%; left: 0; top:8px; width: 12px; height: 12px;}
.blog-det-lft h3 { font-size:28px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-inter-medium); margin: 20px 0 20px; }
.blog-det-lft h4 { font-size:24px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-inter-medium); margin: 20px 0 10px; }

.blog-det-rht { flex: 0 1 24%; position: sticky; top: 90px; }
.share { float: left; width: 100%; background: rgba(87, 117, 232, 0.12); font-size: 20px; color: var(--txt-black); font-family: var(--ff-inter-medium); padding: 30px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.share a { transition: all 0.4s ease; background: #0077B5; padding: 8px 10px;  display: inline-block;}
.share i { font-size: 35px; color: var(--txt-white);}
.share a:hover { background: var(--bg-dark-blue);}

.leader-sec { float: left; width: 100%; margin-top: 60px;}
.leader-sec h3 { padding-bottom: 15px; margin-bottom: 20px; font-size: 24px; line-height: 1; color: var(--txt-black); font-family: var(--ff-inter-medium); border-bottom: 1px solid rgba(217, 216, 214, 0.6);}

.leader-desc { float: left; width: 100%; border-bottom: 4px solid var(--bg-dark-blue); padding-bottom: 30px;}
.leader-img { width: 100%; max-width: 160px; border: 1px solid rgba(217, 216, 214, 1); margin-bottom: 30px;}
.leader-desc h4 { font-size: 24px; color: var(--txt-black); font-family: var(--ff-inter-medium); line-height: 1; margin-bottom: 15px;}
.leader-desc span { font-size: 18px; line-height: 1; color: var(--txt-dark-grey); font-family: var(--ff-inter-medium); line-height: 1; margin-bottom: 30px; display: block;}
.leader-desc p { font-size: 18px; color: #000000; font-family: var(--ff-inter-regular); line-height: 1.5; letter-spacing: 0.2px; margin-bottom: 40px;}
.leader-desc span.read-btn { margin-bottom: 0; color: var(--txt-black1); font-size: 18px; font-family: var(--ff-inter-bold); padding: 0px; display: inline-flex;align-items: center; column-gap: 10px; transition: all 0.4s ease;}
.leader-desc span.read-btn i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-black1); background: rgba(87, 118, 231, 0.04); border: 1.5px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.leader-desc span.read-btn:hover { color: var(--txt-blue); }
.leader-desc span.read-btn:hover i {color: var(--txt-blue); }

.related-tags { float: left; width: 100%; margin-top: 80px; padding-top: 70px; border-top: 1px solid rgba(217, 216, 214, 1); }
.related-tags h2 { font-size: 32px; color: var(--txt-black); font-family: var(--ff-inter-medium); line-height: 1; margin-bottom: 40px;}
.related-tags ul { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px;}
.related-tags ul li { flex: 0 1 auto;}
.related-tags ul li a { border: 1px solid rgba(217, 216, 214, 0.5); font-size: 18px; padding: 10px 14px; display: inline-block; color: var(--txt-black); transition: all 0.4s ease; }
.related-tags ul li a:hover { background: var(--bg-blue); color: var(--txt-white); border: 1px solid var(--bg-blue);}

.related-post { float: left; width: 100%; margin-top: 100px; position: relative;}
.related-post h2 { font-size: 32px; color: var(--txt-black); font-family: var(--ff-inter-medium); line-height: 1; margin-bottom: 40px;}
.related-post .swiper-container  { overflow: hidden;}
.related-post .swiper-slide { height: auto; display: flex;}

.related-post .blog-main-list { padding: 12px 12px; width: 100%; float: left; border: 1px solid var(--txt-light-grey); }
.related-post .blog-img { float: left; width: 100%; overflow: hidden; position: relative;} 
.related-post .blog-img img { width: 100%; float: left; transition: all 0.6s ease; transform-origin: top center; object-fit: cover;}
.related-post .blog-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.related-post .blog-img img.dummy-img { width: 100%;}
.related-post .blog-cnt { float: left; width: 100%; margin-top: 25px;}
.related-post .blog-title { float: left; width: 100%; margin-bottom: 15px; }
.related-post .blog-title h3 { color: var(--txt-black); font-size: 24px; line-height: 1.3; font-family: var(--ff-inter-medium); transition: all 0.4s ease;}
.related-post .blog-title h3:hover { color: var(--txt-blue);}
.related-post .blog-main-list:hover .blog-img img { transform: scale(1.05);}
.related-post .swiper-nav-post {position:absolute; top:-10px; width:100px; right:0; margin-right:calc((100% - 1240px) / 2); display:flex; justify-content:space-between;}
.related-post .swiper-button-prev-post, .related-post .swiper-button-next-post {position:absolute; cursor:pointer; width:45px; height:45px; display:flex; align-items:center; justify-content:center; font-size:20px; color:var(--txt-black); transition:color 0.3s ease; border: 1px solid #D9D8D6;}
.related-post .swiper-button-prev-post {left:0;}
.related-post .swiper-button-next-post {right:0;}
.related-post .swiper-button-prev-post.swiper-button-disabled, .related-post .swiper-button-next-post.swiper-button-disabled {color:rgba(0, 0, 0, 0.32);}
.related-post .swiper-button-prev-post:hover, .related-post .swiper-button-next-post:hover {color:var(--txt-white); background: var(--bg-blue);}
.related-post .swiper-button-prev-post:hover.swiper-button-disabled, .related-post .swiper-button-next-post:hover.swiper-button-disabled { cursor: auto; color:rgba(0, 0, 0, 0.10);}

.related-post .blog-main-list.video .blog-img a::after { position:absolute; content:''; background:url(../assets/images/vtplay.svg) no-repeat; width:54px; height:54px; left:0px; right:0px; margin:0px auto; top:50%; transform:translateY(-50%);  }
.related-post .blog-main-list.video a .read-btn { color:#293B97; }
.related-post .blog-main-list.video a .read-btn:hover { color:var(--bg-blue); }

/***Author css***/
.author-banner { float: left; width: 100%; position: relative; background: var(--bg-dark-blue);}
.author-banner .breadcrumb ul li a { color: rgba(255, 255, 255, 0.6);}
.author-banner .breadcrumb ul li::after { color: rgba(255, 255, 255, 0.6); }
.author-banner .breadcrumb ul li a:hover { color: rgba(255, 255, 255, 1);}
.ban-element { float: right;}
.ban-elemen img { float: left; width: 100%;}
.author-caption { position: absolute; top: 50%; transform: translateY(-50%); }
.author-caption h1 { font-size: 56px; line-height: 1; color: var(--txt-white); font-family: var(--ff-inter-medium); }

.author-sec { width: 100%; padding: 80px 0; float: left;}
.author-sec ul { display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 20px;}
.author-sec ul li { flex: 0 1 23.8%; background: #D9D8D6; padding:40px 20px; border-radius: 0px; overflow: hidden; display: flex; flex-wrap: wrap; row-gap: 30px;}
.author-sec ul li .aut-inn { position: relative; width: 100%; float: left; z-index: 1;}

.aut-img { float: none; width: 100%; position: relative; border-radius: 50%; overflow: hidden; max-width: 220px; margin: 0 auto; /*border: 10px solid transparent;
  transition: border 0.6s ease, transform 0.6s ease; z-index: 1;*/ }
.aut-img img { width: 100%; float: left; transition: all 0.6s ease; transform-origin: top center; filter: grayscale(1);}
.aut-img img.dummy-img { opacity: 0; width: 100%;}
.aut-img img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.aut-name { width: 100%; float: left; text-align: center;}
.aut-name h3 { color: var(--txt-dark-grey); font-size: 24px; line-height: 1; font-family: var(--ff-inter-medium); margin-bottom: 15px;}
.aut-name p { color:var(--txt-dark-grey); font-size: 16px;  margin-bottom: 25px;}
.aut-name span.read-btn { margin-bottom: 0; color: var(--txt-dark-grey); font-size: 16px; font-family: var(--ff-inter-medium); padding: 0px; display: inline-flex;align-items: center; column-gap: 10px; transition: all 0.4s ease;}
.aut-name span.read-btn i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-dark-grey); background: rgba(87, 118, 231, 0.04); border: 1.5px solid rgba(87, 118, 231, 0.27); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
/*.author-sec ul li:hover.bg1 .aut-img { border: 10px solid #704c9f;}
.author-sec ul li:hover.bg2 .aut-img { border: 10px solid #eb7a32;}
.author-sec ul li:hover.bg3 .aut-img { border: 10px solid #f2b021;}
.author-sec ul li:hover.bg4 .aut-img { border: 10px solid #704c9f;}
.author-sec ul li:hover.bg5 .aut-img { border: 10px solid #8e2062;}
.author-sec ul li:hover.bg6 .aut-img { border: 10px solid #7c4dff;}
.author-sec ul li:hover.bg6 .aut-img { border: 10px solid #04b2e2;}*/
.author-sec ul li:hover .aut-img img { transform: scale(1.05); filter: grayscale(0); }
.author-sec ul li:hover { background:#BBBABA; transition:all 0.6s ease; }
.author-sec ul li:hover .aut-name h3, .author-sec ul li:hover .aut-name span.read-btn { color: var(--txt-black); }
.author-sec ul li:hover .aut-img {  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2); }



.author-det-sec { float: left; width: 100%; border: 1px solid rgba(217, 216, 214, 0.5); padding: 20px;}
.author-det-sec .author-lft { flex: 0 1 34%; overflow: hidden; position: relative;}
.author-det-sec .author-lft::before { z-index: 1; background: linear-gradient(90deg, rgba(41, 59, 151, 0.8) 0%, transparent 80%); position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%;}
.author-det-sec .author-lft::after { position: absolute; display: block; content: ""; right: 0; top: 0; width: 100%; max-width: 228px; height: 100%; background: url(../images/author-shape.svg) no-repeat 0 0; background-size: cover;}
.author-det-sec .author-lft img { width: 100%; float: left; transition: all 0.4s ease;}
.author-det-sec .author-lft img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} 
.author-det-sec .author-lft img.dummy-img { opacity: 0; width: 100%;}

.author-det-sec .author-rht { flex: 0 1 62%; position: relative;}
.author-det-sec .author-rht h2 { font-size: 40px; color: var(--txt-black); line-height: 1; font-family: var(--ff-inter-medium); margin-bottom: 10px;}
.author-det-sec .author-rht h4 { font-size: 18px; font-family: var(--ff-inter-medium); color: var(--txt-dark-grey); margin-bottom: 20px;}
.author-det-sec .author-rht p { font-size: 18px; font-family: var(--ff-inter-regular); color: var(--txt-dark-grey); line-height: 1.5; margin-bottom: 20px;}
.author-det-sec .author-rht a { transition: all 0.4s ease; background: #0077B5; padding:8px 10px; display: inline-block; }
.author-det-sec .author-rht i { font-size: 35px; color: var(--txt-white);}
.author-det-sec .author-rht a:hover { background: var(--bg-dark-blue);}



/*mobile-menu-start*/
body.over { overflow: hidden;}
.mobile-menu { -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */ position:fixed; top:62px; bottom: 0; width:100%; height: calc(100% - 62px); overflow: auto;  z-index: 1000; border-top: none; padding: 30px 0 50px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-dark-blue); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { order: 2; width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-white); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; 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 a:hover span { background: var(--bg-blue);}
.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: -1px; left: 4px; background: var(--bg-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: 18px; left: 4px; background:var(--bg-white); }

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

.mobile-menu .contact-btn { width: 100%; text-align: center; margin-top: 50px;}
.mobile-menu .ftr-scl-links ul { justify-content: center; column-gap: 20px; display: flex; flex-wrap: wrap; margin-top: 30px;}
.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 { font-size: 22px;}

 .blog-sec.full-length .pagination { justify-content:space-between; }
 .blog-sec.full-length .pagination a { color: #fff; font-size: 18px; line-height: 18px; padding: 15px 30px; text-decoration: none; display: inline-block; background:var(--txt-optimal-orange); margin-top: 0px; }
/* .mobile-menu .mobile-btns { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px; justify-content: center; margin-top: 50px;}
.mobile-menu .mobile-btns a { background: var(--bg-white); color: var(--txt-purple); border: 1px solid var(--bg-white); font-size: 17px; font-family: var(--ff-roboto-sbold); border-radius: 8px; height: 42px; padding: 0 15px; display: inline-flex; align-items: center; transition: all 0.4s ease; }
.mobile-menu .mobile-btns a:hover { background: none; color: var(--txt-white);}
.mobile-menu .mail { justify-content: center; margin: 25px 0px 30px;}
.mobile-menu .ftr-scl-links ul { justify-content: center;}
.mobile-menu .ftr-scl-links ul li { flex: 0 1 auto;}
.mobile-menu .ftr-scl-links ul li a { padding: 0px 0px;} */

/* home css */
/* services sec css */
.services-section { float: left; width: 100%; background: var(--bg-grey); text-align:center; padding:80px 0;}
.sec-title { float: left; width: 100%; text-align: left;  margin-bottom:40px;}
.sec-title h2 { font-size:48px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-inter-medium); margin-top: 0; }
.sec-title h2 strong {color:var(--wavicle-blue); font-weight: 500;}
.services-list { float: left; width: 100%; display:flex; justify-content:center; text-align: left; row-gap: 20px; column-gap: 2%; flex-wrap:wrap;}
.service-card { display: flex; flex-wrap: wrap; padding: 30px 20px 40px; flex: 0 1 32%; background-color: var(--bg-white); width:auto; transition:all 0.3s ease;}
.service-card.vc_column_container { padding:30px;}
.service-main { float: left; width: 100%;}
.service-cnt-main { display: flex; flex-wrap: wrap; flex-direction: column;}
.service-card h3 {flex-grow: 1; font-size:28px; line-height: 1.4; font-family: var(--ff-inter-bold); margin-bottom:20px; color: var(--txt-white);}
.service-card p {font-size:18px; line-height: 1.3; font-family: var(--ff-inter-light); margin-bottom:40px; color: var(--txt-white);}
.service-btn { display: flex; align-items: flex-end; position: relative; width: auto;}
.service-btn a { width: auto; color: var(--txt-white); padding: 8px 8px; font-size: 18px; font-family: var(--ff-inter-sbold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px; 
border: 1px solid var(--bg-white);}
.service-btn a:hover { color: var(--txt-dark-blue); background: var(--bg-white);}
.service-btn a i { display: inline-flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; transition: all 0.5s ease;}
.service-btn a:hover i { margin-right: 0px; color: var(--txt-blue);  border: 1px solid rgba(0, 0, 0, 0.1); }
.service-card.bg1 .service-btn a:hover i {color: var(--card-cloud);}
.service-card.bg2 .service-btn a:hover i {color: var(--card-data);}
.service-card.bg3 .service-btn a:hover i {color: var(--card-ai);}
.service-card .service-icon { font-size: 18px; display: flex; flex-wrap: wrap; column-gap: 10px; margin-bottom: 20px; align-items: center; color: var(--txt-white); }
.service-card img {width:50px; height:50px;}
.service-card.bg1 {background-color:var(--card-cloud);}
.service-card.bg2 {background-color:var(--card-data);}
.service-card.bg3 {background-color:var(--card-ai);}

/* outcomes sec css */
.outcomes-sec{width: 100%; float: left; background: var(--bg-white); padding: 100px 0;}
.outcomes-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 8%; row-gap: 0; margin-bottom: 70px;}
.outcomes-lft{flex: 0 1 48%;}
.outcomes-rgt{flex: 0 1 44%;}
.outcomes-sec h2{width: 100%; float: left; font-family: var(--ff-inter-medium); color: var(--txt-black); font-size: 48px;line-height: 1.3;}
.outcomes-sec h2 strong{color:var(--wavicle-blue); font-weight: normal;}
.outcomes-sec p{width: 100%; float: left; font-family: var(--ff-inter-medium); color: #676667; font-size: 20px; line-height: 1.5; letter-spacing: 0.2px; margin-bottom: 20px;}
.outcomes-sec .view-all { position: relative; width: auto;}
.outcomes-sec .view-all a { background: var(--bg-blue); height: 52px; width: auto; color: var(--txt-white); padding: 0 15px; font-size: 1.125rem; font-family: var(--ff-inter-regular); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.outcomes-sec .view-all a:hover { background: var(--bg-dark-blue); color: var(--txt-white);}
.outcomes-sec .view-all a i { display: flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.outcomes-sec .view-all a:hover i { margin-right: 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}

.outcomes-logo{width: 100%; float: left;}
.outcomes-logo ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%;}
.outcomes-logo ul li {flex: 0 1 23.5%; border: 1px solid #D9D8D6; padding: 40px 30px; position: relative; min-height: 240px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.outcomes-logo ul li::after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 8px; background:var(--wavicle-blue);}
.outcomes-logo ul li .ez-logo{width: 100%; float: left;text-align: center; transition: all 0.5s ease;}
.outcomes-logo ul li .ez-logo img{width: auto; display: inline-flex;}
.outcomes-logo ul li a.read-more { width: auto; color: #0D1331; padding: 0; font-size: 1.125rem; font-family: var(--ff-inter-bold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px; opacity: 0; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0px auto;}
.outcomes-logo ul li:hover a.read-more {opacity: 1;transform: translateY(-10px);bottom: 50px;}
.outcomes-logo ul li a.read-more i { display: inline-flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: #0D1331; background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.outcomes-logo ul li:hover a.read-more i{ margin-right: 0px; border: 1px solid rgba(87, 118, 231, 0.27); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.outcomes-logo ul li:hover .ez-logo {transform: translateY(-40px);}

/* data sec css */
.data-sec{width: 100%; float: left; background: var(--bg-white); padding: 140px 0;}
.data-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 8%; row-gap: 0;}
.data-lft{flex: 0 1 54%;}
.data-rgt{flex: 0 1 38%;}
.data-sec h2{width: 100%; float: left; font-family: var(--ff-inter-medium); color: var(--txt-black); font-size: 48px;line-height: 1.3;}
.data-sec h2 strong{color:var(--wavicle-blue); font-weight: normal;}
.data-sec p{width: 100%; float: left; font-family: var(--ff-inter-medium); color: #676667; font-size: 20px; line-height: 28px; letter-spacing: 0.2px; margin-bottom: 30px;}
.data-sec p sup { font-size: 14px;}
.data-sec .view-all { position: relative; width: auto;}
.data-sec .view-all a { background: var(--bg-blue); height: 52px; width: auto; color: var(--txt-white); padding: 0 15px; font-size: 1.125rem; font-family: var(--ff-inter-bold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.data-sec .view-all a:hover { background: var(--bg-dark-blue); color: var(--txt-white);}
.data-sec .view-all a i { display: flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.data-sec .view-all a:hover i { margin-right: 0px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.data-sec .view-all.large-btn a { padding: 0 28px;}

/* ideas sec css */
.ideas-sec { float: left; width: 100%; padding: 0 0 80px;}
.box-title { background: var(--bg-white); display: flex; flex-wrap: wrap; height: 100%; padding: 35px 25px; border: 1px solid #D7D7D7; border-bottom: 9px solid #5776E7; position: relative; z-index: 1;}
.box-top-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; position: relative; z-index: 1;}
.box-title h2 { display: flex; align-items: center; column-gap:5px; color: #54565B; font-size: 14px; line-height: 1.3; font-family: var(--ff-inter-bold); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 15px;}
.box-title h2 span { background: #54565B; display: block; width: 6px; height: 6px; border-radius: 10px;}
.box-title h3 { flex-grow: 1; color: #0D1331; font-size: 24px; line-height: 1.4; font-family: var(--ff-inter-medium); margin-bottom: 30px;}
.box-title .box-img img { float: left; width: auto;}
.box-btn-sec { margin-top: 40px; align-items: flex-end; display: flex; position: relative;z-index: 1;}
.box-abs-img { position: absolute; right: 0; bottom: 0;}
.box-abs-img img { width: 100%; max-width: 450px;}
.ideas-top-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%;}
.ideas-top-sec > div { flex: 0 1 49%;}
.ideas-top-sec .box-title { min-height: 420px;}
.casestudy-box { float: left; width: 100%; display: flex; flex-wrap: wrap; background: var(--bg-blue);}
.casestudy-box .box-title { background: #293B97; border: none;}
.casestudy-box .box-title h2 { color: #D9D8D6;}
.casestudy-box .box-title h2 span { background: #D9D8D6;}
.casestudy-box .box-title h3 { width: 70%; color: var(--bg-white); font-size: 32px; line-height: 1.3;}
.casestudy-box .box-btn-sec a.learn-more:hover i { color: #293B97;}
.casestudy-box .box-title::after { position: absolute; content: ""; background: url("../images/box-rect-line.svg") no-repeat scroll 0 0; top: 0; right: 0; width: 265px; height: 151px; z-index: -1;} 
.industry-box .box-title { border-bottom: 1px solid #D7D7D7; padding: 0;}
.industry-box .box-title .box-tab { flex: 0 1 230px; background: var(--wavicle-blue); padding: 35px 25px;}
.industry-box .box-title .box-tab-cnt { flex: 0 1 calc(100% - 230px);}
.industry-box .box-title h2 { color: #D9D8D6;}
.industry-box .box-title h2 span { background: #D9D8D6;}
.ideas-btm-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; margin-top: 30px;}
.ideas-btm-sec > div { flex: 0 1 28%;}
.ideas-btm-sec > div:last-child { flex: 0 1 40%;}
.ideas-btm-sec .video-box { margin-bottom: 0;}
.solution-box .box-title { background: #6F4B9E;}
.solution-box .box-title h2 { color: #D9D8D6;}
.solution-box .box-title h2 span { background: #D9D8D6;}
.solution-box .box-title h3 { color: var(--bg-white);}
.video-box .box-title { background: rgba(217, 216, 214,0.50); border: none; padding: 0;}
.video-box .box-title h3 { margin-bottom: 0; padding: 35px 25px; color: #2D2A26; font-size: 24px; line-height: 1.4; font-family: var(--ff-inter-medium);}
.box-btn-sec a.read-more { width: auto; color: #0D1331; padding: 0; font-size: 18px; font-family: var(--ff-inter-bold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.box-btn-sec a.read-more i { display: inline-flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: #0D1331; background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; transition: all 0.5s ease;}
.box-btn-sec a.read-more:hover { color: var(--bg-blue);}
.box-btn-sec a.read-more:hover i { background: var(--card-cloud); color: var(--bg-white);}
.box-btn-sec a.learn-more { width: auto; color: var(--txt-white); padding: 0; font-size: 18px; font-family: var(--ff-inter-bold); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.box-btn-sec a.learn-more:hover { color: var(--txt-white);}
.box-btn-sec a.learn-more i { display: inline-flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; transition: all 0.5s ease;}
.box-btn-sec a.learn-more:hover i { background: var(--bg-white); margin-right: 0px; color: var(--card-data); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}

.box-video { width: 100%; }
.box-video img { width: 100%; height: 100%; object-fit: cover;}

.tabs { color:#fff;}
.tab { font-size: 20px; color: #D9D8D6; font-family: var(--ff-inter-sbold); cursor:pointer; padding:15px 20px; transition:background-color 0.3s;}
.tab:hover {background-color:#3a59c4; color: #FFFFFF; }
.tab.active {background: var(--bg-white); color: #5776E7;}
.tab-content { display: flex; flex-wrap: wrap; height: 100%;}
.tab-item {display:none;}
.tab-item.active {display:block;}
.box-tab-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; height: 100%;}
.box-tab-img { float: left; width: 100%; display: flex;}
.box-tab-img img { float: left; width: 100%;}
.box-tab-title { padding: 35px 30px; min-height: 260px;}
.tab-text { font-size: 18px; line-height: 1.6; color: #000000; letter-spacing: 0.2px;}
.tab-content .box-btn-sec { margin-top: 20px;}


/* Fade-out and fade-in for text */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Make text initially fade out */
.box-tab-title .tab-text {
  opacity: 1;
  animation: fadeIn 1s forwards;
}

/* When the tab is switched, fade out the text and then fade it back in */
.tab-item.active .box-tab-title .tab-text {
  animation: fadeOut 0.5s forwards;
}

/* When content is reloaded for the active tab, fade in the new text */
.tab-item.active .box-tab-title .tab-text {
  animation: fadeIn 1s forwards;
}
/* Fade-out and fade-in for text */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Initially hide the images with opacity: 0 */
.box-tab-img img {
  opacity: 0;
  transition: opacity 1s ease-in-out; /* Adding a smooth fade transition */
}

/* When the tab-item is active, apply the fade-in animation to both text and images */
.tab-item.active .box-tab-title .tab-text,
.tab-item.active .box-tab-img img {
  animation: fadeIn 1s forwards;
  opacity: 1;
}

/* Optionally, you can add the fade-out animation to the images when changing tabs */
.tab-item:not(.active) .box-tab-img img {
  animation: fadeOut 1s forwards;
  opacity: 0;
}

/***********News**********/
.blog-sec.news span.cat { color:var(--txt-dark-grey); }
.blog-sec.news .blog-title { margin-bottom:35px; }
.blog-sec.news .blog-rht { flex:0 1 100%; }
.blog-sec.news .blog-list ul li { flex:0 1 32%; }   
.blog-sec.news ul.meta-info li { flex: 0 1 auto; }


/*********************************************************************************************************************************************/

/****home video css *****/
.home-video { width: 100%;}
.desktop-video { width: 100%;}
.mobile-video { display: none;}
.home-video .wpb_content_element { margin-bottom: 0px !important;}

/**brands**/
.global-brands { width: 100%; padding: 80px 0 0 0;}
.global-brands h2 { font-size: 48px; line-height: 1.2; color: #000000; font-family: 'InterTight-Medium'; text-align: center; margin-bottom: 50px;}
/* .global-brands h2 { font-size: 24px; line-height: 30px; color: #000000; font-family: 'InterTight-Medium'; text-align: center; margin-bottom: 50px;} */
.global-brands h2 strong { color: #5776E7; font-weight: normal;}
.brands-slide { width: 100%; padding: 0 6%; overflow: hidden;}
.global-brands .brands-slide .swiper-slide { text-align: center;}
.global-brands .brands-slide .swiper-slide img { width: 75%; }


/****home news css *****/
.vc_section.latest-news { padding: 0 !important;}
.latest-news .wpb_content_element { margin-bottom: 0 !important;}
.blue-bar-slider { position: relative; width: 100%; margin: 0 auto; height: 110px;  overflow: hidden; background: #5775E8;}
.slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s ease; display: flex; align-items: center; justify-content: center;}
.slide.active { opacity: 1; visibility: visible; }
/* .slide.active .slide-inner { width: 70%; animation: text-fullwidth 1s ease; animation-fill-mode: forwards;} */
/* .slide-inner { display: flex; align-items: center; justify-content: center; margin: auto;transition: all 0.6s ease;} */
.slide-inner a { display: flex; align-items: center; column-gap:0px; transition: all 0.6s ease; /*justify-content: center;*/}
.thumb { width: 90px; height: 60px; object-fit: cover; margin-right: 12px;}
.chev { color: #fff; transition: transform .35s ease;}
.chev i { font-size: 22px; line-height: 22px !important;}
.label { color: #fff; font-size: 20px; letter-spacing: 0.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60px; animation: text-width 1s ease forwards;}
.slide.active .label { animation: text-fullwidth 2s ease; animation-fill-mode: forwards;}
@keyframes text-width {
   from { max-width: 0%;}
   to { max-width: 60px;}
}
@keyframes text-fullwidth {
    from { max-width: 60px;}
    to { max-width: 100%;}
}


/* impact-list css */
.impact-sec { float: left; width: 100%; padding-top: 70px; padding-bottom: 90px; position: relative; overflow: hidden;}
.impact-sec h2 { font-size: 48px; line-height: 54px; color: #2D2A26; font-family: 'InterTight-Medium'; margin-bottom: 60px;}
.impact-sec h2 strong { font-weight: normal; color: #5776E7;}

/* .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section.impact-sec { padding-top: 70px; padding-bottom: 70px;}
.impact-sec .wpb_text_column h2 { font-size: 48px; line-height: 54px; color: #2D2A26; font-family: 'InterTight-Medium'; margin-bottom: 60px;}
.impact-sec .wpb_text_column h2 strong { font-weight: normal; color: #5776E7;} */

.impact-list { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; overflow: hidden;}
.impact-lft { flex: 0 1 25%; padding-left: calc((100% - 1240px) / 2); padding-top: 80px; padding-bottom: 80px;}
.impact-lft ul { display: flex; flex-wrap: wrap; row-gap: 90px; text-align: center;}
.impact-lft ul li { flex: 0 1 100%;}
.impact-lft ul li h3 { font-size: 84px; line-height: 84px; font-family: 'InterTight-SemiBold'; margin-bottom: 20px;}
.impact-lft ul li p { font-size: 24px; line-height: 28px; font-family: 'InterTight-Medium'; color: #2D2A26;}
.impact-lft ul li:first-child h3 { color: #704C9F;}
.impact-lft ul li:nth-child(2) h3 { color: #F57F34;}

.impact-lft.impact-rht { padding-left: 0; padding-right: calc((100% - 1240px) / 2); }
.impact-lft.impact-rht ul li:first-child h3 { color: #04B2E2;}
.impact-lft.impact-rht ul li:nth-child(2) h3 { color: #293B97;}

.impact-img { position: absolute; left: 0; right: 0; margin: 0 auto; width: 45%; transition: all 0.8s ease; z-index: 2; height: 100%;}
.impact-img img { height: 100%; object-fit: cover;}
.impact-img.impact-img-width { width: 100%;}


/* partners section */
.partner-sec { float: left; width: 100%; background: #F4F4F4; }
.partner-cont { float: left; width: 100%; text-align: center; padding: 285px 0px 325px; position: relative; }
.partner-cont h2 { color: var(--txt-black); font-size: 48px; line-height: 1.2; font-family: var(--ff-inter-medium); margin-bottom: 20px; }
.partner-cont h2 span { color: var(--txt-blue);}
.partner-cont p { color: var(--txt-dark-grey); font-size: 20px; line-height: 1.5; font-family: var(--ff-inter-medium); }

.partner-out { width: 210px;height: 142px; position:relative; display: flex; flex-wrap: wrap; justify-content: center;  position: absolute; left: 0px; top:0px; bottom:0px; right:0px; margin:auto; }
.partner-round { width: 142px; height: 142px; border-radius: 100%; background: var(--bg-white); box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.10); 
display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 12px 0px; position: relative; z-index: 1;}
.partner-round a i { display: inline-block; font-size: 30px; color: rgba(84, 86, 91, 0.5); animation: bounce 2.5s infinite ease-in-out; }
/* Keyframes for up-and-down movement and color change */
@keyframes bounce {
  0% {
    transform: translateY(0);
    color: rgba(84, 86, 91, 0.5);  
  }
  50% {
    transform: translateY(12px); 
    color: var(--txt-blue);    
  }
  100% {
    transform: translateY(0); 
    color: rgba(84, 86, 91, 0.5);  
  }
}

.partner-hvr-txt { margin-top: 10px; transform: translateY(30px); opacity: 0; position: absolute; transition: all 0.5s ease-in; }
.partner-cont .partner-hvr-txt p { color: var(--txt-black); font-size: 16px; line-height: 1.5; font-family: var(--ff-inter-regular); margin-bottom: 8px; }
.partner-cont .partner-hvr-txt a i {width: 24px;height: 24px;font-size: 22px;color: var(--txt-white);background: rgba(87, 118, 231, 1);border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.partner-out:hover .partner-hvr-txt { transform: translateY(145px); opacity: 1; }

/* testimonial section */
.testmonial-sec { float: left; width: 100%; padding: 65px 0px; }
.testmonial-cont h2 {color: var(--txt-blue); font-size: 48px;line-height: 1.3;margin-bottom: 40px;font-family: var(--ff-inter-medium);}
.test-car { width: 100%; overflow: hidden; }
.test-car .swiper-slide { height: auto; }
.testi-cont { float: left; width: 100%; height: 100%; padding: 35px 25px 55px; border: 1px solid #D7D7D7; border-bottom: 9px solid var(--bg-blue); display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 115px; 
position: relative; overflow: hidden; transition: all 0.2s ease-in;}
.testi-quote { float: left; width: 100%; flex-grow: 1;}
.testi-quote p { color: var(--txt-black1); font-size: 20px; line-height: 1.4; font-family: var(--ff-inter-regular); transition: all 0.5s ease-in; }
.testi-det { width: 100%; }
.testi-det h4 { color: var(--txt-black); font-size: 20px; line-height: 1.3; font-family: var(--ff-inter-medium); margin-bottom: 7px; transition: all 0.5s ease-in; }
.testi-det p { color: var(--txt-dark-grey); font-size: 16px; line-height: 1.3; font-family: var(--ff-inter-regular); margin-bottom: 22px; transition: all 0.5s ease-in;}
.testi-det a { color: var(--txt-blue); font-size: 18px; line-height: 1.3; font-family: var(--ff-inter-medium); transition: all 0.5s ease-in; }
.testi-det a:hover { color: var(--bg-dark-blue);}

.testi-shape-outline {width: 100px;height: 90px;position: absolute;transform: skewX(-30deg);right: 0;bottom: 0; opacity: 0; transition: all 0.5s ease-in; }
.testi-shape-outline::before, .testi-shape-outline::after { content: ''; position: absolute; background-color: #fff; /* Border color */}
.testi-shape-outline::before { top: 0; left: 0; width: 100%; height: 1px; /* Top line thickness */}
.testi-shape-outline::after {top: 0;left: 0; width: 1px; /* Left line thickness */ height: 100%;}

.testi-orange-shape { width: 100px; height: 90px;background: linear-gradient(to top, rgba(30, 42, 124, 0), #EFAC44);
clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);position: absolute;bottom: 125px;right: 0px; opacity: 0; transition: all 0.5s ease-in; }
.testi-cont:hover { background: var(--bg-dark-blue);}
.testi-cont:hover .testi-shape-outline, .testi-cont:hover .testi-orange-shape { opacity: 1; }
.testi-cont:hover .testi-quote p, .testi-cont:hover .testi-det h4, .testi-cont:hover .testi-det p, .testi-cont:hover .testi-det a { color: var(--txt-white); }

.connect-sec { float: left; width: 100%; padding: 65px 0px 135px; }
.connect-cont { padding: 65px 60px 75px; background: #F4F4F4; position: relative; overflow: hidden;}
.connect-txt { max-width: 640px; }
.connect-txt h2 {font-size: 42px;line-height: 1.3;color: var(--txt-black);margin: 0px 0px;font-family: var(--ff-inter-medium); margin-bottom: 30px;}
a.cta-btn{ background: #5776E7;height: 52px; padding: 12px 12px; color: #fff; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
a.cta-btn i { margin-left: 8px;width: 24px;height: 24px;font-size: 20px;color: #fff;background: rgba(87, 118, 231, 0.04);border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in;}
.cta-btn:hover i { margin-left: 12px;}
.cta-shape { position: absolute;top: 0px;right: 0px;}

.connect-txt .cta-btn:hover { background: #ffffff; color: #5775E8;}
.connect-txt .cta-btn:hover i { color: #5775E8; border: 1px solid rgba(87, 118, 231, 0.27);}

/*********partners page**********/
.aws-journey-sec { padding: 80px 0;}
.aws-journey { padding:0px 0;}
.aws-journey h2 { font-family: var(--ff-inter-medium); font-size:48px; line-height:1.2; margin-bottom: 50px; }
.aws-journey h2 strong { color:#5776E7; font-weight:normal; }

.aws-casestudy.vc_column_container .vc_column-inner { border:1px solid #D7D7D7; border-bottom: 10px solid #5776E7; padding:30px 20px 40px 20px; display: flex; height: 100%; }
.aws-casestudy .wpb_wrapper { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
.aws-casestudy .wpb_wrapper .wpb_content_element { flex-grow: 1;}

.aws-grid { display: flex; flex-wrap: wrap; column-gap: 0; margin: 0 -10px !important;}
.aws-grid .wpb_column { padding: 0 10px;}
/* .aws-casestudy.vc_col-sm-3 { width: 27%; } */
.glue-converter .vc_column-inner { border-bottom: 10px solid #5776E7;}
.aws-casestudy .vc_column-inner h2 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:#54565B; position:relative; padding-left:10px; letter-spacing:1.5px; margin-bottom: 10px; }
.aws-casestudy .vc_column-inner h2:after { position:absolute; width:6px; height:6px; background:#54565B; border-radius:50px; display:block; content:""; left:0; top:4px;}  
.aws-casestudy .vc_column-inner p { font-size:24px; color:#0D1331; font-family: var(--ff-inter-medium); line-height:1.3; }

.glue-converter { padding-top: 0 !important; padding-bottom: 0 !important;}
.glue-converter .wpb_content_element { margin-bottom: 0;}
.glue-converter .glue-video .wpb_video_wrapper { padding-top: 38%; }
/* .glue-converter-txt { background: #293b97; padding: 30px;} 
.glue-converter-txt h3 { font-size:24px; color:#FFFFFF; font-family: var(--ff-inter-medium); line-height:1.3; margin-bottom: 12px; }
.glue-converter-txt p { font-size: 18px; color:#FFFFFF; font-family: var(--ff-inter-regular); line-height:1.3; letter-spacing: 0.2px;}*/
.glue-converter-txt { background: #ffffff; padding: 30px;}
.glue-converter-txt h3 { font-size:24px; color:#2D2A26; font-family: var(--ff-inter-medium); line-height:1.3; margin-bottom: 12px; }
.glue-converter-txt p { font-size: 18px; color:#54565B; font-family: var(--ff-inter-regular); line-height:1.3; letter-spacing: 0.2px;}
.glue-converter-txt .wpb_content_element { margin-bottom: 0;}

.glue-converter.glue-video-hght .glue-video .wpb_video_wrapper { padding-top: 49%; }

.glue-converter-txt.dblue-bg { background: #293B97;}
.glue-converter-txt.dblue-bg h3 { color: #ffffff;}
.glue-converter-txt.dblue-bg p { color: #ffffff;}
.glue-converter-txt.dblue-bg p a { color: #ffffff; /*text-decoration: underline;*/ font-size: 24px;}

.aws-casestudy.guide-txt .vc_column-inner { background: #8E2062;}
.aws-casestudy.guide-txt .vc_column-inner h2 { color:#FFFFFF;}
.aws-casestudy.guide-txt .vc_column-inner h2:after { background:#FFFFFF;}  
.aws-casestudy.guide-txt .vc_column-inner p { color:#FFFFFF; }
.aws-casestudy.guide-txt .vc_column-inner p a { color:#FFFFFF; }
.aws-casestudy.guide-txt .cta-btn .vc_general.vc_btn3 { color:#FFFFFF !important; }
.aws-casestudy.guide-txt .cta-btn .vc_general.vc_btn3 i { color: #FFFFFF !important;}

.aws-btm {margin: 0 -10px !important; padding: 20px 0 0 0; display: flex; flex-wrap: wrap;}
.aws-btm .wpb_column { padding: 0 10px;} 
.aws-blog.vc_column_container .vc_column-inner { background: #F2B021; padding: 40px 30px; /*height: 400px;*/ height: 100%;}
.aws-blog .vc_column-inner h2 { color: #2D2A26;}
.aws-blog .vc_column-inner p { font-size: 32px; color: #2D2A26; }

.aws-case.vc_column_container .vc_column-inner { padding: 40px 30px; /*height: 400px;*/}
/* .aws-case .vc_column-inner h2 { color: #2D2A26;} */
.aws-case .vc_column-inner h3 { font-size: 32px; font-family: var(--ff-inter-medium); margin-bottom: 20px; line-height: 1.3;}
.aws-case .vc_column-inner p { color: #000000; font-size: 18px; line-height: 1.4; font-family: var(--ff-inter-regular); }

/* .aws-blog .vc_column-inner h2 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:#54565B; position:relative; padding-left:10px; letter-spacing:1.5px; margin-bottom: 10px; }
.aws-blog .vc_column-inner h2:after { position:absolute; width:6px; height:6px; background:#54565B; border-radius:50px; display:block; content:""; left:0; top:4px;}  
.aws-blog .vc_column-inner p { font-size:24px; color:#0D1331; font-family: var(--ff-inter-medium); line-height:1.3; } */

.aws-casestudy .cta-btn { margin-bottom: 0;}
.aws-casestudy .cta-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px; color: #0D1331 !important; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.aws-casestudy .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #0D1331; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
.aws-casestudy .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px;}
.aws-casestudy .cta-btn .vc_general.vc_btn3:hover { background: none !important; padding: 0 !important;}


.aws-btm .glue-converter.glue-video-hght.vc_column_container .vc_column-inner .wpb_wrapper { height: auto;}

/**fuel-sec***/
.fuel-sec.vc_section.vc_section-has-fill { padding: 70px 0; margin: 0; }
.decision-column { display: flex; align-items: center; flex-wrap: wrap; }
.decision-lft h2 { font-family: var(--ff-inter-medium); font-size:48px; line-height:1.2; margin-bottom: 30px; }
.decision-lft h2 strong { color:#5776E7; font-weight:normal; }
.decision-lft p { font-size:18px; color:#54565B; font-family: var(--ff-inter-regular); line-height:1.5; }
.decision-lft .cta-btn { margin-bottom: 0;}
.decision-lft .cta-btn .vc_general.vc_btn3 { background: #5776E7; height: 52px; padding:12px 12px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-medium);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.decision-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; transform: none; right: 0;
  position: relative; top: 0;}
.decision-lft .cta-btn .vc_general.vc_btn3:hover { background: #ffffff; color: #5776E7;}
.decision-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}

.decision-rht .vc_column-inner { background: #5775E8; }
.decision-rht .wpb_content_element.wpb_single_image { margin: 0;}
.decision-rht .vc_column-inner h5 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:rgba(255, 255, 255, 0.6); position:relative; padding-left:14px; letter-spacing:1.5px; margin: 30px 0 10px 20px;}
.decision-rht .vc_column-inner h5:after { position:absolute; width:6px; height:6px; background:rgba(255, 255, 255, 0.6); border-radius:50px; display:block; content:""; left:0; top:4px;}  
.decision-rht .vc_column-inner h3 { font-size:24px; color:#ffffff; font-family: var(--ff-inter-medium); line-height:1.2; margin: 0px 20px 30px 20px; }

.decision-rht .cta-btn { margin:0 0 30px 20px;}
.decision-rht .cta-btn .vc_general.vc_btn3 { background: none; height: auto; padding:0px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.decision-rht .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
position: relative; top: 0;}
.decision-rht .cta-btn .vc_general.vc_btn3:hover { background: none; color: var(--txt-white); }
.decision-rht .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px;}


.partners-testimonial { padding: 70px 0; background: #293B97;}
.partners-testimonial.vc_row-has-fill .wpb_column .vc_column-inner { padding: 0;}
.partners-testimonial h2 { font-family: var(--ff-inter-medium); font-size:48px; line-height:1.2; margin-bottom: 60px; color: #ffffff;}
.partners-testimonial h2 strong { font-weight:normal; }

.industry-test-lft.vc_column_container { padding-right: 50px;}
.industry-test-lft .wpb_content_element { margin: 0 0 20px;}
.industry-test-lft h3 { font-family: var(--ff-inter-medium); font-size:28px; line-height:1.2; margin-bottom: 15px; color: #ffffff; }
.industry-test-lft p { color: #ffffff; font-size: 18px; line-height: 1.5; font-family: var(--ff-inter-regular); letter-spacing: 0.2px; margin-bottom: 0px; }
.industry-test-lft .cta-btn { margin:0 0 60px 0;}
.industry-test-lft .cta-btn .vc_general.vc_btn3 { background: none; height: auto; padding:0px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.industry-test-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
.industry-test-lft .cta-btn .vc_general.vc_btn3:hover { color: #fff; background: none; }
.industry-test-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; }

.leadership-article p { font-size: 20px; color: #ffffff; line-height: 1; font-family: var(--ff-inter-medium); }
.industry-test-lft .wpb_single_image.article-img { float: left; width: 124px; margin: 0 20px 0 0;}
.industry-test-lft .article-txt { width: calc(100% - 150px); margin: 0 0 20px 0;}
.industry-test-lft .article-txt h4 { font-size: 28px; line-height: 1.3; color: #ffffff; font-family: var(--ff-inter-regular);}
.industry-test-lft .article-txt p { font-size: 18px; color: #D9D8D6; font-family: var(--ff-inter-regular); line-height: 1;}
.partner-social.vc_do_icon { margin: 0;}
.partner-social.vc_do_icon span.vc_icon_element-icon.fa-brands.fa-linkedin { font-size: 22px !important; }
.industry-video .wpb_video_widget { margin-bottom: 0;}
.industry-video .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper { padding-top: 74%;}
.industry-video .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper iframe { max-height: none !important;}

.industry-container { padding: 70px 0;}
.industry-grid-sec { margin: 0 -10px;}
.industry-grid-sec .wpb_column { margin-bottom: 20px; }
.industry-grid .wpb_column.vc_column_container{ padding: 0 10px; }
.industry-grid-lft.wpb_column.vc_column_container { margin-bottom: 0; }

.industry-grid { margin: 0 -10px !important; }
.industry-grid-lft .wpb_single_image.wpb_content_element { margin: 0 0px 0 0; overflow: hidden;}
.industry-grid-lft .wpb_single_image.wpb_content_element img { float: left; transition: all 0.4s ease;}
.industry-grid-lft:hover .wpb_single_image.wpb_content_element img { transform: scale(1.05);}
.industry-grid-lft:hover .vc_column-inner h3 { color: #293B97;}

.industry-grid-lft .vc_column-inner { border: 1px solid #D7D7D7; border-bottom: 10px solid #5776E7;}
.industry-grid-lft .vc_column-inner h5 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:#54565B; position:relative; padding-left:14px; letter-spacing:1.5px; margin: 30px 0 15px 20px;}
.industry-grid-lft .vc_column-inner h5:after { position:absolute; width:6px; height:6px; background:#54565B; border-radius:50px; display:block; content:""; left:0; top:4px;}  
.industry-grid-lft .vc_column-inner h3 { font-size:32px; color:#2D2A26; font-family: var(--ff-inter-medium); line-height:1.2; margin: 0px 30px 31px 20px; transition: all 0.4s ease;}
.industry-grid-lft .cta-btn { margin:0 0 20px 20px;}
.industry-grid-lft .cta-btn .vc_general.vc_btn3 { background: none; height: auto; padding:0px !important; color: #2D2A26; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.industry-grid-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #54565B; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
.industry-grid-lft .cta-btn .vc_general.vc_btn3:hover { color: #5776E7; background: none;}
.industry-grid-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { color: #5776E7; margin-left: 12px; }
/* .industry-grid-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px;} */

.industry-mid .wpb_single_image.wpb_content_element { margin: 0 0px 0 0;}
.industry-mid .vc_column-inner { border: 1px solid #D7D7D7; border-bottom: 10px solid #5776E7;}
.industry-mid .wpb_single_image.industry-blog-img { float: left; width: 48.5%; margin: 0 6% 0 0;}
.industry-mid .industry-blog-txt.wpb_content_element { width: 45.5%; float: left; padding: 40px 0 0 0; margin-bottom: 22px;}
.industry-mid .vc_column-inner h5 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:#54565B; position:relative; padding-left:14px; letter-spacing:1.5px;  margin: 0px 0 15px 0px;}
.industry-mid .vc_column-inner h5:after { position:absolute; width:6px; height:6px; background:#54565B; border-radius:50px; display:block; content:""; left:0; top:4px;}  
.industry-mid .vc_column-inner h3 { font-size:24px; color:#2D2A26; font-family: var(--ff-inter-medium); line-height:1.2; margin: 0px 0px 0px; transition: all 0.4s ease;}
.industry-mid .cta-btn { margin:0 0 30px 20px; }
.industry-mid .cta-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px !important; color: #2D2A26; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.industry-mid .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #54565B; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
.industry-mid .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px;}

.industry-mid .wpb_single_image.industry-blog-img { overflow: hidden;}
.industry-mid .wpb_single_image.industry-blog-img img { float: left; transition: all 0.4s ease;}
.industry-mid:hover .wpb_single_image.industry-blog-img img { transform: scale(1.05);}
.industry-mid:hover .vc_column-inner h3 {color: #293B97;}
.industry-mid .cta-btn .vc_general.vc_btn3:hover { color: #5776E7;}
.industry-mid .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { color: #5776E7;}

/* .blog-purple .vc_column-inner { background: #704C9F;} */
.blog-purple.vc_column_container { margin: 0;}
.blog-purple.vc_column_container .vc_column-inner { padding: 20px; height: 336px; border-bottom: 10px solid #5776E7;}
.blog-purple .vc_column-inner h5 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:#ffffff; position:relative; padding-left:14px; letter-spacing:1.5px; margin: 0px 0 15px 0px;}
.blog-purple .vc_column-inner h5:after { position:absolute; width:6px; height:6px; background:#ffffff; border-radius:50px; display:block; content:""; left:0; top:4px;}  
.blog-purple .vc_column-inner p { font-size:24px; color:#ffffff; font-family: var(--ff-inter-medium); line-height:1.2; margin: 0px 0px 30px 0px; }

.blog-purple .cta-btn { margin:0 0 0px 0px;}
.blog-purple .cta-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.blog-purple .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
/* .blog-purple .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px;} */
.blog-purple .cta-btn .vc_general.vc_btn3:hover { opacity: 0.7; color: #ffffff;}
.blog-purple .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px;}

.blog-purple .wpb_wrapper { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
.blog-purple .wpb_content_element { flex-grow: 1; }

.industry-grid-btm { margin: 0 -10px !important; flex-wrap: wrap; display: flex; padding-top: 15px;}
.industry-grid-btm .wpb_column { padding: 0 10px; margin-bottom: 20px; }
.industry-grid-lft.industry-btm-lft { display: flex; }
.industry-grid-lft.industry-btm-lft h5 { color: #54565B;}
.industry-grid-lft.industry-btm-lft h3 { font-size: 28px; color: #2D2A26; min-height: 100px; }

.aws-casestudy.aws-btm-lft .vc_column-inner { padding: 0; background: rgba(217, 216, 214, 0.30);}
.aws-casestudy.aws-btm-lft .vc_column-inner .wpb_single_image { float: right; width: 40%; margin-right: 0%; margin-bottom: 0; flex-grow: inherit; overflow: hidden; position: relative;}
.aws-casestudy.aws-btm-lft .vc_column-inner .wpb_single_image::after { position: absolute; transition: all 0.4s ease; opacity: 0; visibility: hidden; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(41, 59, 151, 1) 0%, rgba(41, 59, 151, 0) 68%); }
.aws-casestudy.aws-btm-lft .vc_column-inner .wpb_single_image img { transition: all 0.4s ease; }
.aws-casestudy.aws-btm-lft:hover .vc_column-inner .wpb_single_image img { transform: scale(1.05);}
.aws-casestudy.aws-btm-lft:hover .vc_column-inner .wpb_single_image::after { opacity: 1; visibility: visible;}

.blog-btm-lft-cnt .industry-blog-txt.wpb_content_element { width: 47%; float: left; padding: 40px 0 0 0;}
.blog-btm-lft-cnt h5 { font-family:var(--ff-inter-bold); font-size:14px; line-height:1; color:#54565B; position:relative; padding-left:14px; letter-spacing:1.5px;  margin: 0px 0 15px 0px;}
.blog-btm-lft-cnt h5:after { position:absolute; width:6px; height:6px; background:#54565B; border-radius:50px; display:block; content:""; left:0; top:4px;}  
.aws-casestudy .blog-btm-lft-cnt p { font-size:32px; color:#2D2A26; font-family: var(--ff-inter-medium); line-height:1.2; margin: 0px 0px 0px; transition: all 0.4s ease; }
.aws-casestudy.aws-btm-lft:hover .blog-btm-lft-cnt p { color: #5775E8;}
.aws-casestudy.aws-btm-lft .wpb_wrapper { flex-direction: inherit; height: auto; display: block;}
.aws-casestudy.aws-btm-lft .blog-btm-lft-cnt { width:60%; float: left; padding: 30px 20px 0; margin: 0; height: 83%;}
.aws-casestudy.aws-btm-lft .blog-btm-lft-cnt .wpb_wrapper { display: block; height: auto;}

.aws-casestudy.aws-btm-lft .cta-btn { margin:0 0 30px 20px;}
.aws-casestudy.aws-btm-lft .cta-btn .vc_general.vc_btn3 { background: none; height: auto; padding:0px !important; color: #2D2A26; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px; transition: all 0.5s ease-in;}
.aws-casestudy.aws-btm-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #54565B; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
.aws-casestudy.aws-btm-lft .cta-btn .vc_general.vc_btn3:hover { color: #5775E8 !important;}
.aws-casestudy.aws-btm-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5775E8;}

.aws-casestudy.purple-bg .vc_column-inner { background: #704C9F;}
.aws-casestudy.purple-bg .vc_column-inner h2 { color:#ffffff}
.aws-casestudy.purple-bg .vc_column-inner h2::after { background: #ffffff;}
.aws-casestudy.purple-bg .vc_column-inner p { color:#ffffff}
.aws-casestudy.purple-bg .cta-btn .vc_general.vc_btn3 { color: #ffffff !important;}
.aws-casestudy.purple-bg .cta-btn .vc_general.vc_btn3 i { color: #ffffff;}

.aws-casestudy.blue-bg .vc_column-inner { background: #5775E8;}
.aws-casestudy.blue-bg .vc_column-inner h2 { color:#ffffff}
.aws-casestudy.blue-bg .vc_column-inner h2::after { background: #ffffff;}
.aws-casestudy.blue-bg .vc_column-inner p { color:#ffffff}
.aws-casestudy.blue-bg .cta-btn .vc_general.vc_btn3 { color: #ffffff !important;}
.aws-casestudy.blue-bg .cta-btn .vc_general.vc_btn3 i { color: #ffffff;}


/**manufacturing**/
/*.breadcrum-sec {background-color:#DFE5FD; padding: 0; margin: 0;}
.breadcrum-sec .wpb_content_element {  margin-bottom: 0px;}
.breadcrumbs { padding:15px 0; font-family: var(--ff-inter-regular); font-size:14px; display:flex; align-items:center;}
.breadcrumbs a {color:#000000; text-decoration:none; font-size: 14px; margin-left: 5px; transition: all 0.5s ease;}
.breadcrumbs a:hover { color:var(--wavicle-blue);}
.breadcrumbs a:first-child {margin-left: 0px;}
.breadcrumbs .separator {margin:0 10px; font-size:20px; color:#999;}
.breadcrumbs .current {color:#000000; font-family: var(--ff-inter-medium); margin-left: 5px; border-bottom:1.5px solid #000;}
.breadcrumbs i.icon { height: 20px; line-height: 22px; width: 20px; font-size: 18px;}
.breadcrumbs .icon-chevron-right::before { color: #A2A2A2;}
.breadcrumbs .icon-chevron-right:last-of-type::before { color: #000000; }
header.entry-header { display: none;}*/

.inner-banner-bg { background:#F8F8F8; padding: 0; margin: 0;}
.hero-simple { margin: 0; padding: 100px 0;}
.hero-simple h1 {display:block; font-size:72px; font-family: var(--ff-inter-medium); color:--txt-black; margin:0 0 30px; line-height:1.06; text-align:center;}
.hero-simple h1 strong { color:var(--wavicle-blue); font-weight: normal;}
/* .hero-title .line1 {color:var(--wavicle-blue);}
.hero-title .line2 {color:var(--txt-black); display: block;} */
.hero-simple p {font-size:20px; line-height:1.3; font-family: var(--ff-inter-medium); color:var(--txt-black); text-align:center;}

.hero-simple .banner-cta-btn .vc_btn3-style-flat.vc_btn3 { background: #5776E7 ; border: none ; height: 52px; padding: 12px 12px !important; border-radius: 0px; color: #fff; 
font-size: 18px; font-family: var(--ff-inter-medium); display: inline-flex; align-items: center; letter-spacing:0.2px; transition: all 0.5s ease-in;}
.hero-simple .banner-cta-btn .vc_btn3-style-flat.vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);
border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.hero-simple .banner-cta-btn .vc_btn3-style-flat.vc_btn3:hover { background: #ffffff; color: #5776E7;}
.hero-simple .banner-cta-btn .vc_btn3-style-flat.vc_btn3:hover .vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);} 

html {scroll-behavior:smooth;}
.nav-click-sticky { padding: 0; margin: 0; box-shadow: 0 12px 18px -16px rgba(89,118,255,.45);}
.nav-click-sticky .double-sticky-nav { width: 100%;}
.double-sticky-nav .vc_column-inner { padding: 0 !important;}
.section-anchor {scroll-margin-top:100px;}
/* starts as normal (static) */
.inpage-nav-wrap { background:#fff; z-index:1000;  }
/* becomes sticky only after the header touches it */
body.is-stuck .inpage-nav-wrap {position: fixed; width: 100%; top: var(--header-offset, 0px); left: 0; right: 0; z-index: 1; box-shadow: 0 12px 18px -16px rgba(89,118,255,.45);}
.inpage-nav-placeholder { display:none; }
.inpage-nav { margin:0 auto; display:flex; justify-content:space-between; gap:24px; padding:0px !important; max-width: 1240px;}
.inpage-nav ul { display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.inpage-nav ul li { flex: 0 1 15%;}
.inpage-nav ul li a { position: relative; color:#000000; font-size:18px; text-decoration:none; font-family: var(--ff-inter-regular); transition: all 0.5s ease; padding: 25px 0; display: block; text-align: center; }
.inpage-nav ul li a::after { position: absolute; display: block; content: ""; left: 50%; bottom: 0; background: var(--wavicle-blue); width: 0%; height: 3px; opacity: 0;  transition: all 0.5s ease;}
.inpage-nav ul li a:hover, .inpage-nav ul li a.active {color:var(--wavicle-blue); }
.inpage-nav ul li a.active::after { opacity: 1; width: 100%; left: 0;}
.double-sticky-nav .wpb_content_element { margin-bottom: 0;}

#wavicle-stack{padding: 90px 0 60px;}
.data-col-sec{ display: flex; flex-wrap: wrap; align-items: center; column-gap: 0; row-gap: 0; padding-bottom: 100px;}
.data-col-sec .wpb_content_element { margin-bottom:0;}
.data-col-lft{flex: 0 1 52%; padding-right:30px;}
.data-col-rgt{flex: 0 1 48%;}
.data-col-sec h2 { color:#54565B; font-family: var(--ff-inter-medium);font-size: 18px;line-height: 1.3; margin-bottom:20px;}
.data-col-sec h3{font-family: var(--ff-inter-medium); color: var(--txt-black); font-size: 48px;line-height: 1.3; }
.data-col-sec h3 strong{color:var(--wavicle-blue); font-weight: normal;}
.data-col-sec p{font-family: var(--ff-inter-regular); color: #676667; font-size: 18px; line-height: 1.5; letter-spacing:0.2px;}
.data-service-card .vc_column-inner .wpb_wrapper { height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: column;}
.data-service-card .wpb_text_column .wpb_wrapper { display: flex; flex-direction: column; flex-wrap: wrap;}
.data-services-list { display: flex; column-gap: 2%; flex-wrap: wrap;}
.data-services-list::before, .data-services-list::after { content:none;}
.data-service-card { flex: 0 1 32%; margin: 0; padding: 30px 25px;}
.data-service-img { margin-bottom: 30px;}
.data-service-card h3 {font-size:32px; line-height: 1.3; font-family: var(--ff-inter-regular); margin-bottom:25px; color: var(--txt-white);}
.data-service-card p {flex-grow: 1;font-size:20px; line-height: 1.3; font-family: var(--ff-inter-regular); color: rgba(255,255,255,0.80);}
.data-service-card.cloud {background-color:#293B97;}
.data-service-card.data {background-color:#704C9F;}
.data-service-card.ai {background-color:#8E2062;}
.data-service-card .vc_column-inner { height:100%;}
.data-service-card .vc_column-inner .wpb_wrapper .wpb_text_column { flex-grow: 1;}
.data-service-btn { position: relative; width: auto;}
.data-service-btn .vc_btn3 {width:auto; color:var(--txt-white) !important; background:none !important; border:none; font-size:18px; font-family:var(--ff-inter-medium); display:inline-flex; align-items:center; justify-content:center; transition:all 0.5s ease; column-gap:10px; cursor:pointer; padding:0 !important;}
.data-service-btn .vc_btn3:hover {color:var(--txt-white);}
.data-service-btn .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) {padding-right:0;}
.data-service-btn .vc_btn3 i {order:2; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; font-size:18px; color:#0D1331; background:rgba(87, 118, 231, 0.04); border:1px solid rgba(255, 255, 255, 0.27); box-shadow:0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; transition:all 0.5s ease; position:relative; top:auto; right:auto !important; transform:none; color:var(--txt-white);}
.data-service-btn .vc_btn3.vc_btn3-size-md .vc_btn3-icon {width:24px; height:24px; font-size:18px;}
.data-service-btn.vc_do_btn { margin-bottom: 0;}
.data-service-btn .vc_general.vc_btn3:hover {border:none;}
.data-service-btn .vc_btn3.vc_btn3-icon-right .vc_btn3-icon {display:inline-flex; position:relative; top:auto; transform:none;}
.data-service-btn .vc_btn3:hover i {background:var(--bg-white); color:var(--txt-blue);}
.cloud.data-service-btn .vc_btn3:hover i {color:#293B97;}
.data.data-service-btn .vc_btn3:hover i {color:#704C9F;}
.ai.data-service-btn .vc_btn3:hover i {color:#8E2062;}


/***sekar css extra added***/
.ind-service-list { display: flex; flex-wrap: wrap;}
.ind-service-list .service-txt .vc_column-inner .wpb_wrapper { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
.ind-service-list .service-txt .wpb_single_image img { width: auto;}
.ind-service-list .service-txt .vc_column-inner .wpb_wrapper .wpb_text_column.service-para { flex-grow: 1;}

.future-rgt .blue-btn .vc_btn3:hover { background: #fff !important; color: #5775E8 !important;}
.future-rgt .blue-btn .vc_btn3:hover .vc_btn3-icon { color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}

.industry-partners.is-visible .partner-list .wpb_column:nth-child(2n) .vc_column-inner { margin-top: 0;}
.partner-list .wpb_column .vc_column-inner { transition: all 0.4s ease; }
.partner-list .retail-list-sec { position: relative; }
.partner-list .retail-list-sec .retail-list-cnt { transition: all 0.4s ease;}
.partner-list .retail-list-sec:hover .retail-list-cnt { transform: translateY(-20px);}
.partner-list .wpb_column .vc_column-inner .wpb_text_column h3 { color: #2D2A26; font-size: 24px; line-height: 1.3; font-family: var(--ff-inter-medium); margin-bottom: 15px; }
.partner-list .retail-list-sec:hover .cta-btn {  opacity: 1; visibility: visible; transform: translateY(-15px);}
.partner-list .retail-list-sec:hover .vc_column-inner { box-shadow: 0px 6px 10px rgba(0,0,0,0.12); }


.partner-list .retail-list-sec .cta-btn { margin-bottom: 0; position: relative; opacity: 0; visibility: hidden; transform: translateY(50px); transition: all 0.5s ease;}
.partner-list .retail-list-sec .cta-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px; color: #2D2A26 !important; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex; align-items: center; letter-spacing: 0.2px; transition: all 0.5s ease; border: none !important; }
.partner-list .retail-list-sec .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #2D2A26; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease; transform: none; right: 0;
  position: relative; top: 0;}
.partner-list .retail-list-sec .cta-btn .vc_general.vc_btn3:hover { color: #5775E8 !important;}
.partner-list .retail-list-sec .cta-btn a:hover i.vc_btn3-icon { margin-left: 12px !important;}
/* .partner-list .wpb_column:hover .cta-btn .vc_general.vc_btn3 { height: auto; opacity: 1; visibility: visible;} */

/* .part-service-list.databrick-list .service-txt p { min-height: 150px; } */


.video-container { position: relative; display: inline-block; width: 100%;}
/* Ensure the play button is centered */
#playButton { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; padding: 10px 20px; background-color: rgba(0,0,0,0.4);
color: white; border: none; cursor: pointer; }
.grid-video {position: absolute; width: 100%; top: 0; left: 0; height: 100%; overflow: hidden;}
.dummy-video-img { height: 240px; width: 100%; object-fit: cover;}
#myVideo { height: 100% !important;  object-fit: cover;}

/* founder css */
.founder-sec { float: left; width: 100%; padding:65px 0 50px;}
.founder-sec .row { max-width:1060px; width:100%; margin:0 auto !important; padding:0px 20px; float: none;}
.founder-img-pad { float: left; width: 100%; margin-bottom: 25px; position: relative; z-index: 1; }
.founder-img { max-width:610px; width: 100%; margin:0 auto; }
.abut-pad { display: flex; flex-wrap: wrap; flex-direction: column; row-gap:25px;width: 100%;padding:25px; background: var(--bg-white); transform: translateY(-50px);transition: transform 0.65s ease;z-index: 2; position: relative;}
.abut-pad p {font-family: var(--ff-inter-medium); color:var(--txt-dark-grey); font-size:20px; line-height: 1.5; } 
.abut-pad h5 {font-family: var(--ff-inter-medium); color:var(--txt-black); font-size:28px; line-height: 1.5; } 
.founder-sec.hover .abut-pad { transform: translateY(0); }
.founder-txt { position: absolute; background: #ffffff; padding: 12px; box-shadow: 0px 6px 12px #5775E81F; text-align: center; width: 300px; transition: all 0.65s ease;}
.founder-txt h3 { font-family: var(--ff-inter-medium); color: var(--txt-black); font-size:24px; line-height: 1.3; margin-bottom: 5px; }
.founder-txt p {font-family: var(--ff-inter-regular); color:var(--txt-dark-grey); font-size:18px; line-height: 1.4; } 
.founder-txt.founder1 {bottom: 80px;box-shadow: -6px 6px 12px #5775E81F;left:30px;}
.founder-txt.founder2 {top: 30px;right: 0px;}
.founder-sec.hover .abut-pad { transform: translateY(0); }
.founder-sec.hover .founder-txt.founder1 {bottom:30px; left:-10px;}
.founder-sec.hover .founder-txt.founder2 {top:60px;right:-40px;}

.leadership-sec{ float: left; width: 100%; padding: 80px 0 20px;}
/* .leader-pad { float: left; width: 100%;}
.leader-pad h2{width: 100%; font-family: var(--ff-inter-medium); color: var(--txt-black); font-size: 40px;line-height: 1.3; }
.leader-pad ul {clear: both; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 20px;width: 100%;margin: 40px 0 60px;}
.leader-pad ul li { flex: 0 1 23.85%; background: #D9D8D633; padding:32px 20px; border-radius: 0px; overflow: hidden; display: flex; flex-wrap: wrap; row-gap: 30px;justify-content: center;align-content: flex-start;}
.leader-pad ul.col-2 li { flex: 0 1 49.25%; }
.leader-pad ul.col-3 li { flex: 0 1 32.33%; }
.pro-img { width: 100%;max-width: 228px; position: relative; border: 4px solid #d8d8d8; border-radius: 50%; overflow: hidden; line-height: 0;}
.pro-img img { width: 100%; transition: all 0.4s ease; }
.pro-img img.dummy-img { opacity:1; }
.pro-img img.org-img { position: absolute; top: 0; left: 0; object-fit: cover; }
.pro-details { width: 100%; display: flex; flex-wrap: wrap; row-gap:8px; text-align: center; flex-direction: column;position: relative;}
.pro-details h3 { font-family: var(--ff-inter-medium); color: var(--txt-black); font-size:20px; line-height: 1.3; }
.pro-details p {font-family: var(--ff-inter-medium); color:var(--txt-black); font-size: 16px; line-height: 1.3; } 
.pro-details span {font-family: var(--ff-inter-regular); color:var(--txt-dark-grey); font-size: 16px; line-height: 1.3; } 
.social-link { position: absolute; top:-50px; background: var(--bg-light-grey); padding: 10px; border-radius: 3px; color: var(--txt-white); font-size: 24px; left: 50%;transform: translateX(-50%);transition: all 0.6s ease;}
.leader-pad ul li:hover .pro-img img { transform: scale(1.05); }
.leader-pad ul li:hover .social-link { background: #007ab5; } */

/****leader tab css *****/
.leader-sec-tab { float: left; width: 100%; margin: 0 0 80px 0;}
.leader-pad { float: left; width: 100%; margin-bottom: 80px;}
.leader-pad:last-child { margin-bottom: 0; }
.leader-tabs { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; column-gap: 10px;}
.leader-sec-tab .tab { font-size: 20px; color: #54565B; background: var(--bg-light-grey); font-family: var(--ff-inter-medium);  cursor: pointer;  padding: 15px 20px; transition: background-color 0.3s;}
.leader-sec-tab .tab.active { background: var(--bg-blue); color: var(--txt-white); }
.leader-sec-tab .tab-item h2 { font-size: 48px; color: var(--txt-black); line-height: 1.2; font-family: var(--ff-inter-medium); margin-bottom: 40px;}

.leader-sec-tab .tab-item { display: none; width: 100%;}
.leader-sec-tab .tab-item.active { display: block; }
.leader-pad ul {clear: both; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 20px;width: 100%;margin: 0px; justify-content: center;}
.leader-pad ul li { flex: 0 1 23.85%; background: #D9D8D633; padding:32px 20px; border-radius: 0px; overflow: hidden; display: flex; flex-wrap: wrap; row-gap: 30px;justify-content: center;align-content: flex-start;}
.leader-pad ul.col-2 li { flex: 0 1 49.25%; }
.leader-pad ul.col-3 li { flex: 0 1 32.33%; }
.pro-img { width: 100%;max-width: 228px; position: relative; border: 4px solid #d8d8d8; border-radius: 50%; overflow: hidden; line-height: 0;}
.pro-img img { width: 100%; transition: all 0.4s ease; }
.pro-img img.dummy-img { opacity:1; }
.pro-img img.org-img { position: absolute; top: 0; left: 0; object-fit: cover; }
.pro-details { width: 100%; display: flex; flex-wrap: wrap; row-gap:8px; text-align: center; flex-direction: column;position: relative;}
.pro-details h3 { font-family: var(--ff-inter-medium); color: var(--txt-black); font-size:20px; line-height: 1.3; border: none; margin: 0 0 0px 0; padding: 0;}
.pro-details p {font-family: var(--ff-inter-medium); color:var(--txt-black); font-size: 16px; line-height: 1.3; } 
.pro-details span {font-family: var(--ff-inter-regular); color:var(--txt-dark-grey); font-size: 16px; line-height: 1.3; } 
.social-link { position: absolute; top:-50px; background: var(--bg-light-grey); padding: 10px; border-radius: 3px; color: var(--txt-white); font-size: 24px; left: 50%;transform: translateX(-50%);transition: all 0.6s ease;}
.leader-pad ul li:hover .pro-img img { transform: scale(1.05); }
.leader-pad ul li:hover .social-link { background: #007ab5; }

.leader-tab-cnt .tab-content { text-align: center; float: left; width: 100%; margin-top: 60px;}

/*********/

.part-datasol-list .datasol-txt .wpb_single_image .vc_single_image-wrapper { overflow: hidden;}
.part-datasol-list .datasol-txt .wpb_single_image .vc_single_image-wrapper img { transition: all 0.4s ease;}
.part-datasol-list .datasol-txt:hover .wpb_single_image .vc_single_image-wrapper img { transform: scale(1.03);}

.overview-tabs-sec { padding: 80px 0;}
.overview-tabs-sec h2 { color: #0D1331; font-size: 48px; line-height: 1.3; font-family: var(--ff-inter-medium); margin-bottom: 60px; text-align: center !important;}
.overview-tabs-sec .overview-tabs .vc_tta-container { margin: 0;}
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container { box-shadow: 0 12px 18px -16px rgba(89,118,255,.45); }
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container .vc_tta-tabs-list { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2%;}
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab { flex: 0 1 20%;}
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a { background: none; border: none; padding: 20px 0px; text-align: center; position: relative;}
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a span { font-size: 18px; line-height: 1; color: #000000;}
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a::after { position: absolute; display: block; content: ""; bottom: 0; left: 0 !important; background: #5775E8; width: 100%; height: 3px !important; transition: all 0.4s ease; opacity: 0; visibility: hidden; top: auto !important;}
.overview-tabs-sec .overview-tabs .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab.vc_active a::after { opacity: 1; visibility: visible;}

.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels { background: none !important; margin-top: 70px;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .over-tab-lft { padding-right: 60px;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 1px solid #BBBABA; background: #ffffff;  padding: 50px 0 0 40px;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body h2 { color: #2D2A26; font-size: 32px; line-height: 1.3; font-family: var(--ff-inter-sbold); margin-bottom: 40px; text-align: left !important;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body h3 { font-size: 20px; line-height: 1.5; color: #2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 20px;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body p { color: #54565B; font-size: 16px; line-height: 1.4; font-family: var(--ff-inter-regular);}

.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .cta-btn { margin-bottom: 0;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .cta-btn .vc_btn3 { background: #5776E7 !important; height: 52px; padding: 12px 12px !important; border-radius: 0px !important; color: #fff !important; 
font-size: 18px; font-family: var(--ff-inter-medium); display: inline-flex; align-items: center; letter-spacing:0.2px; transition: all 0.5s ease-in;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .cta-btn .vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);
border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .cta-btn .vc_btn3:hover .vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .cta-btn .vc_btn3:hover {background: #fff !important; color: #5776E7 !important; border: 1px solid #5775E8;}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .wpb_single_image.wpb_content_element  { margin-bottom: 0; }

.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; }
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body ul li { position: relative; padding-left: 20px; color: #54565B;font-size: 18px;line-height: 1.5;font-family: var(--ff-inter-medium);}
.overview-tabs-sec .overview-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body ul li::before  { content: ""; position: absolute; left: 0px; top:8px; width: 10px; height: 10px; background: #54565B; border-radius: 10px; }



.business-advantage { background: rgba(217, 216, 214, 0.2); padding: 80px 0;}
.business-advantage .ai-welcome-lft h2 { font-family: var(--ff-inter-medium); font-size: 48px; line-height: 1.2; margin-bottom: 20px; color: #2D2A26;}
.business-advantage .ai-welcome-lft h2 strong { color: #5775E8; font-weight: normal;}
.business-advantage .ai-welcome-lft p { font-size: 18px; color: #54565B; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal}
.business-advantage .ai-welcome-rht { padding-left: 50px;}
.business-advantage .ai-welcome-rht p { font-size: 18px; color: #54565B; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal;}

.ai-welcome-lft .cta-btn .vc_general.vc_btn3 { background: #5776E7; height: 52px; padding:12px 12px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-medium);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.ai-welcome-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; transform: none; right: 0;
position: relative; top: 0;}
.ai-welcome-lft .cta-btn .vc_general.vc_btn3:hover { background: #ffffff; color: #5776E7;}
.ai-welcome-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}/* ai-cloud-spark--cloud-internet-server-network-artificial-intelligence-ai */

.ai-tab-sec { margin-top: 40px;}
.ai-tab-sec .ai-tab-lft-cnt { padding-right: 50px;}
.ai-tab-sec .vc_tta-tabs-container .vc_tta-tabs-list { column-gap: 10px; display: flex !important; flex-wrap: wrap;}
.ai-tab-sec .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a { background: #ffffff; padding: 16px 20px;}
.ai-tab-sec .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a span { font-size: 20px; color: #2D2A26; font-family: var(--ff-inter-regular); font-weight: normal; }
.ai-tab-sec .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab.vc_active a { background: #5775E8;}
.ai-tab-sec .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab.vc_active a span { color: #ffffff;}

.ai-tab-sec .vc_tta-panels-container { margin-top: 60px;}
.ai-tab-sec .vc_tta-panels-container .vc_tta-panels { background: none !important;}
.ai-tab-sec .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; background: none; margin-top: 0px;}
.ai-tab-sec .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body h3 { font-size: 32px; line-height: 1.3; color: #2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 20px;}
.ai-tab-sec .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body p { font-size: 18px; color: #54565B; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal}

.ai-tab-sec .vc_tta-panels-container .cta-btn .vc_general.vc_btn3 { background: #5776E7; height: 52px; padding:12px 12px; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-medium);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.ai-tab-sec .vc_tta-panels-container .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; transform: none; right: 0;
  position: relative; top: 0;}
.ai-tab-sec .vc_tta-panels-container .cta-btn .vc_general.vc_btn3:hover { background: #ffffff; color: #5776E7;}
.ai-tab-sec .vc_tta-panels-container .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}/* ai-cloud-spark--cloud-internet-server-network-artificial-intelligence-ai */

.vc_section.tools-sec { padding: 80px 0;}
.tools-sec .tools-sec-inn { margin-bottom: 60px;}
.tools-sec .ai-tab-lft-cnt h2 { font-family: var(--ff-inter-medium); font-size: 48px; line-height: 1.2; margin-bottom: 0px; color: #2D2A26;}
.tools-sec .ai-tab-lft-cnt h2 strong { color: #5775E8; font-weight: normal;}
.tools-sec .ai-tab-rht-cnt .wpb_content_element { margin-bottom: 0;}
.tools-sec .ai-tab-rht-cnt p { font-size: 18px; color: #54565B; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal;}

.tools-list-sec { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 30px;}
.tools-list-sec .tools-list-lft { padding-right: 20px;}
.tools-list-lft h3 {  font-family: var(--ff-inter-medium); font-size: 28px; line-height: 1.2; margin-bottom: 20px; color: #2D2A26; }
.tools-list-lft p { font-size: 18px; color: #54565B; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal;}
.tools-list-sec:last-child { margin-bottom: 0;}

.tools-sec .vc_column-inner .wpb_wrapper > div:nth-child(2n+1) .tools-list-lft { order: 2;}
.tools-sec .vc_column-inner .wpb_wrapper > div:nth-child(2n+1) .tools-list-rht { order: 1;}
.tools-sec .vc_column-inner .wpb_wrapper > div:nth-child(2n+1) .tools-list-lft { padding-right: 0; padding-left: 20px;} 
.tools-sec .tools-list-rht .wpb_single_image.wpb_content_element { margin-bottom: 0;}

.tools-list-lft .cta-btn .vc_general.vc_btn3 { background: #5776E7; height: 52px; padding:12px 12px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-medium);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.tools-list-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; transform: none; right: 0;
  position: relative; top: 0;}
.tools-list-lft .cta-btn .vc_general.vc_btn3:hover { background: #ffffff; color: #5776E7; border: 1px solid #5776E7;}
.tools-list-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}/* ai-cloud-spark--cloud-internet-server-network-artificial-intelligence-ai */


.industry-partners.partnership-sec { background: rgba(217, 216, 214, 0.2); padding: 80px 0;}
.industry-partners.partnership-sec .partner-list .wpb_column:nth-child(2n) .vc_column-inner { margin-top: 0;}
.industry-partners.partnership-sec .title-div { margin-bottom: 50px !important;}

.title-div .partnership-rht-cnt p { font-size: 18px; color: #54565B; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal; margin-bottom: 20px;}
.title-div .partnership-rht-cnt p strong { font-family: var(--ff-inter-sbold); font-weight: normal;}

.title-div .partnership-rht-cnt .cta-btn { margin-bottom: 0;}
.title-div .partnership-rht-cnt .cta-btn .vc_general.vc_btn3 { background: #5776E7; height: 52px; padding:12px 12px; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-medium);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.title-div .partnership-rht-cnt .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; transform: none; right: 0;
  position: relative; top: 0;}
.title-div .partnership-rht-cnt .cta-btn .vc_general.vc_btn3:hover { background: #ffffff; color: #5776E7; }
.title-div .partnership-rht-cnt .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}/* ai-cloud-spark--cloud-internet-server-network-artificial-intelligence-ai */


.partner-list.partnership-list-sec { display: flex; flex-wrap: wrap;}
.partner-list.partnership-list-sec .wpb_single_image { min-height: 75px;}
.partner-list.partnership-list-sec .wpb_column .vc_column-inner { height: auto;}
.partner-list.partnership-list-sec .vc_column-inner .wpb_text_column p { font-weight: normal; margin-bottom: 30px !important;}

.partner-list.partnership-list-sec .cta-btn .vc_general.vc_btn3 { background: none; height: auto; padding:0px; color: #2D2A26; font-size: 18px;font-family: var(--ff-inter-bold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.partner-list.partnership-list-sec .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #54565B; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
.partner-list.partnership-list-sec .cta-btn .vc_general.vc_btn3:hover { color: #293B97;}
.partner-list.partnership-list-sec .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { color: #293B97; margin-left: 12px; }

.partner-list.partnership-list-sec .wpb_column .vc_column-inner .wpb_text_column .empty p { margin-bottom: 0 !important;}

.capabilities-sec .capability-lft { position: sticky; top: 100px;}
.part-service-list .service-txt .empty p { margin-bottom: 0 !important;}

.case-study-sec { padding: 80px 0 !important;}
.case-study-sec h2 { font-family: var(--ff-inter-medium); font-size: 48px; line-height: 1.2; margin-bottom: 0px; color: #000000; margin-bottom: 50px;}

.case-study-sec .case-study-list { margin: 0 -10px;}
.case-study-sec .case-study-list .wpb_single_image.wpb_content_element { margin-bottom: 0;}
.case-study-sec .case-study-list .casestudy-column { padding: 0 10px;}
.case-study-sec .case-study-list .casestudy-column .wpb_wrapper { background: #293B97; }
.case-study-sec .case-study-list h3 { font-size: 24px; line-height: 1.3; color: #ffffff; font-family: var(--ff-inter-regular); margin: 0; padding: 25px 20px 10px; /*padding: 25px 20px 20px;*/}
.case-study-sec .case-study-list p { font-size: 18px; color: #ffffff; line-height: 1.5; font-family: var(--ff-inter-regular); font-weight: normal; margin-bottom: 20px; padding: 0 20px;} 
.case-study-sec .case-study-list .cta-btn { margin-bottom: 0; padding-bottom: 30px;}
.case-study-sec .case-study-list .cta-btn .vc_general.vc_btn3 { background: none; height: auto; padding:0px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-sbold);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in; margin: 0 20px;}
.case-study-sec .case-study-list .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;
  position: relative; top: 0;}
/* .case-study-sec .case-study-list .cta-btn .vc_general.vc_btn3:hover { color: #293B97;} */
.case-study-sec .case-study-list .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; }


.ai-advances-sec { background: #8E2062; overflow: hidden; position: relative; padding: 0px 0;}
.ai-advances-sec::after { position: absolute; display: block; content: ""; right: 0; top: 0; width: 705px; height: 100%; background: url(../images/ai-shapes.svg) no-repeat 0 0; background-size: cover;}

.ai-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.ai-advance-lft.vc_col-sm-6 { width: 50%; position: absolute;  max-width: 50%; transform: translateX(-50%);
opacity: 0; transition: all 1s ease; will-change: transform, opacity;}
.ai-advance-lft h2 { color: #ffffff; font-size: 42px; line-height: 1.3; font-family: var(--ff-inter-medium); margin-bottom: 25px;}
.ai-advance-lft p { color: #ffffff; font-size: 18px; color: #D9D8D6; line-height: 1.4; font-family: var(--ff-inter-regular); font-weight: normal; margin-bottom: 20px;}
.ai-advance-rht.vc_col-sm-6 { width: 100%; transition: all 1s ease; position: relative; transform: translateX(0%);}
.ai-advance-rht.vc_col-sm-6 img { width: 100%; object-fit: cover; }
.ai-advance-rht.vc_col-sm-6 .wpb_single_image { margin-bottom: 0; position: relative;}

/* .ai-advances-sec.in-view .ai-advance-lft { padding-left: calc((100% - 1240px) / 2); padding-right: 50px; transform: translateX(-100%);} */
.ai-advances-sec.is-active .ai-advance-lft.vc_col-sm-6 {  padding-left: calc((100% - 1240px) / 2); padding-right: 80px; transform: translateX(0%);  opacity: 1;}
.ai-advances-sec.is-active .ai-advance-rht.vc_col-sm-6 { transform: translateX(50%); }

.ai-advance-lft .cta-btn .vc_general.vc_btn3 { background: #5776E7; height: 52px; padding:12px 12px !important; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-medium);
display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.ai-advance-lft .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);
box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; transform: none; right: 0;
  position: relative; top: 0;}
.ai-advance-lft .cta-btn .vc_general.vc_btn3:hover { background: #ffffff; color: #5776E7;}
.ai-advance-lft .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}/* ai-cloud-spark--cloud-internet-server-network-artificial-intelligence-ai */

.overview-choose-sec .choose-lft { position:sticky; top:100px; }

/*contact*/
.contact-sec { padding: 80px 0;}
.contact-lft { padding-right: 100px !important;}
.contact-lft h2 { color: #2D2A26; font-size: 72px; line-height: 1; font-family: var(--ff-inter-medium); margin-bottom: 30px;} 
.contact-lft h3 { color: #5775E8; font-size: 48px; line-height: 1.2; font-family: var(--ff-inter-regular); margin-bottom: 20px;} 
.contact-lft p { font-size: 18px; color: #54565B; line-height: 1.4; font-family: var(--ff-inter-regular);}
.contact-lft p a { color: #54565B; text-decoration: underline;}
.contact-rht { border: 1px solid rgba(217, 216, 214, 0.1); background: #fcfcfb; padding: 40px !important;}

.location-sec { padding: 0;}
.location-sec h2 { color: #2D2A26; font-size: 48px; line-height: 1.2;  font-family: var(--ff-inter-medium); margin-bottom:30px;}
.location-sec h2 strong { color: #5775E8; font-weight: normal;}
.location-list { display: flex; flex-wrap: wrap; margin: 0 -10px !important; row-gap: 20px;}
.location-list .location-addr { padding: 0 10px;}
.location-addr .vc_column-inner { border: 1px solid rgba(217, 216, 214, 0.6); padding: 20px !important; height: 100%; }
.location-addr .wpb_content_element { margin: 0;}
.location-addr .wpb_single_image.wpb_content_element { margin-bottom: 0; float: left; margin-right: 10px;}
.location-addr h3 { margin-bottom: 0; font-size: 24px; color: #2D2A26; font-family: var(--ff-inter-medium);}
.location-addr p { font-size: 18px; color: #2D2A26; line-height: 1.4; margin-top: 20px;}
.location-addr p strong { font-weight: normal; font-family: var(--ff-inter-medium); }

.contact-map { margin: 60px 0 80px; z-index: 1;}
#map { height: 500px; width: 100%; }
.contact-map .wpb_content_element { margin-bottom: 0 !important;}

/*thank banner*/
.thank-banner { overflow: hidden; position: relative;}
.thank-banner > img { float: left; width: 100%;}
.thank-banner-caption { position: absolute; top:50%; transform:translateY(-50%); right:calc((100% - 1240px + 1rem) / 2); width: 600px; display: inline-flex; flex-wrap: wrap; row-gap: 30px; z-index: 1;} 
.thank-caption { background: #5775E8; width: 100%; padding: 48px;}
.thank-social-caption { background: #F2B021; width: 100%; padding: 48px;}
.thank-caption h1 { width: 100%; font-size: 48px; line-height: 1.3; color:#FFFFFF; font-family: var(--ff-inter-medium); padding-bottom: 20px;}
.thank-caption h1 span { display: block; font-family: var(--ff-inter-regular); font-size: 32px; letter-spacing: 2.5px;}
.thank-caption p { color: #FFFFFF; font-size: 18px; line-height: 1.4; font-family: var(--ff-inter-regular);}
.thank-social-caption h2 { width: 100%; font-size: 32px; line-height: 1.3; color:#FFFFFF; font-family: var(--ff-inter-regular); padding-bottom: 20px;}



/*****************************************style1*********************************************/
/* mega menu css */
.megamenu-sec #mega-menu-wrap-primary {background:none;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link { position: inherit;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary {text-align:left; padding:0px 0px 0px 0px; display:flex; flex-wrap:wrap; column-gap:30px; position: inherit;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding:20px 10px; height:auto; color:var(--txt-white); font-family:var(--ff-inter-medium); font-size:1.125rem; line-height:40px; transition:all 0.5s ease;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link {background:none; color:var(--txt-blue);}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {background:none; color:var(--txt-white); border-color:transparent; font-weight:normal;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item ul.mega-sub-menu {display:flex; flex-wrap:wrap; row-gap:15px; align-items:center; column-gap:4%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {background:#fff; padding:25px; left: calc(50% - 49vw); right: calc(100% - 50vw); margin:0 auto; width: 1240px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary input, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary img {max-width:none !important; width:auto;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {display:flex; flex-wrap:wrap; column-gap:4%; align-items:flex-start; align-content: flex-start;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.menu-col-3 ul.mega-sub-menu { min-height: 340px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding:0px; width:100%; flex:auto;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-columns-10-of-12 {flex:0 1 76%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {color:rgba(84, 86, 91,0.60); font-size:14px; font-family:var(--ff-inter-medium); letter-spacing:3px; padding-bottom:10px; font-weight: normal;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a {background:rgba(87, 117, 255,0.08); width:100%; display:inline-flex; padding:10px 25px; color:#2D2A26; font-size:16px; font-family:var(--ff-inter-medium); align-items:center; column-gap:10px; transition: all 0.5s ease;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a:hover { background: #5776E7; color: #FFFFFF;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a:hover i { color: #FFFFFF;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image {flex:0 1 11%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-custom, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-post_type {flex:0 1 calc(100% - 16%);}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image img {position:relative; top:-5px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title {font-weight:normal; transition:all 0.4s ease; font-size:18px; color:#2D2A26; font-family:var(--ff-inter-medium); line-height:1.2; text-transform:none; width:100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-description-group .mega-menu-title {color:#293B97;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {margin:0px 0;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {color:#54565B; font-size:14px; text-transform:none; font-family:var(--ff-inter-regular); font-weight:normal; font-style:normal;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group {vertical-align:middle; display:flex; transition:none; flex-wrap:wrap; row-gap:6px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main {width:100%; display:inline-flex; justify-content:flex-end; flex-wrap:wrap; flex:0 1 100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.features-main .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {width:67%; float:right; clear:both;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main .mega-menu-features {display:flex; flex-wrap:wrap; column-gap:4%; clear:both; width:67%; justify-content:flex-end; float:right;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main .mega-menu-features > div {flex:0 1 48%; padding-bottom:20px; border-bottom:3px solid #F2B021;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main .mega-menu-features > div:last-child {border-bottom:3px solid #5775E8;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main .mega-menu-features > div strong {width:100%; float:left; padding:10px 0 10px; color:#54565B; font-size:14px; text-transform:none; font-family:var(--ff-inter-regular); font-weight:normal; font-style:normal;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.features-main .mega-menu-features > div .box-btn-sec {margin-top:0; width:100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.features-main .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a { font-size: 16px; background:none; width:auto; padding:0;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.features-main .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget a:hover { color: #5776E7;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right > a.mega-menu-link::before {float:right; margin:2px 0 0 6px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right.selected > a.mega-menu-link::before { transform: rotate(180deg); color: var(--txt-blue); } 
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link::before {display:inline-block; font:inherit; font-family:inherit; font-family:dashicons; position:static; margin:0 6px 0 0px; vertical-align:top; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:inherit; background:transparent; height:auto; width:auto; top:auto;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {display:none;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {background:none; color:var(--txt-white);}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu {max-width:1240px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li {flex:0 1 100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li ul.mega-sub-menu li.mega-menu-columns-4-of-12 {flex:0 1 30.66%; padding-right:50px; border-right:2px dashed rgba(87, 117, 232,0.50);}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li ul.mega-sub-menu li.mega-menu-columns-4-of-12:last-child {border-right:none;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {visibility:hidden !important;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {visibility:visible !important;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .case-study-menu { margin-top: 15px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .case-study-menu h3 { font-weight: normal; transition: all 0.4s ease; font-size: 18px; color: #2D2A26; font-family: var(--ff-inter-medium); line-height: 1.2; text-transform: none; width: 100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .case-study-menu p strong { width: 100%; float: left; padding: 10px 0 20px; color: #54565B; font-size: 14px; text-transform: none; font-family: var(--ff-inter-regular); font-weight: normal; font-style: normal; padding-bottom: 10px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .case-study-menu a { width: auto; }
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.mega-menu-columns-8-of-12 { flex: 0 1 60%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.insights-mega-menu ul.mega-sub-menu { column-gap: 2%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.insights-mega-menu ul.mega-sub-menu > li.mega-menu-item.widget_text {flex: 0 1 100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image {flex: 0 1 5%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.insights-mega-menu ul.mega-sub-menu > li.mega-menu-item.mega-menu-item.mega-menu-item-type-custom, .megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li.menu-col-2 ul.mega-sub-menu li.insights-mega-menu ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-post_type { flex: 0 1 40%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li ul.mega-sub-menu li.mega-mt-25-menu { border-right: none; margin-top: 57px;}

.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu { width: 100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a { display: flex; align-items: center; flex-wrap: wrap; column-gap: 25px; background: none; padding: 0;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a > div:first-child { width: 150px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a > div:first-child img { width: 100%;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a > div:last-child { width: calc(100% - 175px);}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-fullwidth-menu ul.mega-sub-menu li ul.mega-sub-menu li.mega-pd-lft-0 { padding-right: 0;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a h4 { padding-left: 15px; position: relative; color: #54565B; text-transform: uppercase; font-family: var(--ff-inter-bold); font-weight: normal; font-size: 14px; letter-spacing: 1px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a h4::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; background: #54565B; width: 6px; height: 6px; border-radius: 15px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu a h2 { color: #2D2A26; font-size: 18px; line-height: 1.3; font-family:var(--ff-inter-medium); transition: all 0.5s ease; }
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .news-list-menu:hover a h2 { color: #5776E7;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu { background: rgba(87, 117, 232,0.20); padding: 20px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu h4 { padding-left: 15px; position: relative; color: #54565B; text-transform: uppercase; font-family: var(--ff-inter-bold); font-weight: normal; font-size: 14px; letter-spacing: 1px; margin-bottom: 5px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu h4::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: 0; background: #54565B; width: 6px; height: 6px; border-radius: 15px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu h2 { color: #2D2A26; font-size: 18px; line-height: 1.3; font-family:var(--ff-inter-medium); padding-bottom: 10px;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu p { color: #54565B; font-size: 16px; line-height: 1.3; font-family:var(--ff-inter-medium); }
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu .box-btn-sec { margin-top: 0;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu a.read-more { width: auto; background: #5776E7; color: #FFFFFF;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu .box-btn-sec a.read-more i { color: #FFFFFF;}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget .career-list-menu .box-btn-sec a.read-more:hover { background: var(--bg-dark-blue);}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-parent.mega-current_page_parent.mega-current_page_ancestor.selected a.mega-menu-link {  color: var(--txt-blue);}
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children.mega-toggle-on.selected a.mega-menu-link { color: var(--txt-blue); }
.megamenu-sec #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor a.mega-menu-link { color: var(--txt-blue); }

.overlay {float:left; width:100%; position:relative;}
.overlay::after {transition:all 1s ease-in-out; animation:overlay-fade 1s ease; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0, 0, 0, 0.5); display:block; content:""; z-index:1;}
@keyframes overlay-fade {
  from { opacity: 0;}
  to { opacity: 1;}
}

/*** About page css  ***/
.our-client-sec {padding:90px 0; background: #D9D8D633;}
.head-pad { display:flex; flex-wrap: wrap; width: 100%;column-gap: 5%; row-gap: 20px; margin-bottom: 45px; }
.head-pad h2 {flex:0 1 55%;font-size: 48px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-inter-medium); padding-bottom:20px;}
.head-pad h2 span {color:var(--txt-blue);}
.head-pad p { color: var(--txt-black); font-size: 18px; line-height:1.4; margin-top:3px;}
.head-pad p {flex:0 1 40%; color: var(--txt-black); font-size: 18px; line-height:1.4; margin-bottom: 40px;}
.client-li { display:flex; flex-wrap: wrap; width: 100%;column-gap:10px; row-gap:10px; }
.client-li li {flex:0 1 calc(20% - 8px); background-color:var(--bg-white); padding:10px 15px; align-items: center; justify-content: center;}
.logo-img { max-width: 100%; max-height: 100%; line-height: 0; overflow: hidden; position: relative;display: flex;align-items: center;justify-content: center;}
.logo-img img { width: 100%; max-width: 100%; max-height: 100%;}
.logo-img img.org-img { position: absolute;width: auto; }

.outcome-sec {float:left; width:100%; padding:90px 0; background:#FFFFFF; position:relative; overflow:hidden;}
.outcome-sec h2 {font-size:48px; line-height:1.2; color:#2D2A26; font-family:'InterTight-Medium'; padding-bottom:50px;}
.outcome-sec h2 strong {display:block; font-weight:normal; color:#5776E7;}
.values-sec { overflow: hidden;}
.values {width:100%; margin-top:100px;  display:flex; height: 425px;  flex-wrap:wrap; align-items:flex-start; justify-content:space-between; position:relative;}
.values-lft {padding-left:calc((100% - 1240px) / 2); position:absolute; top:0; height:100%; background:#FFF; z-index:1; width:33.33%; padding-right:80px;}
.values-rht {padding-left:0; padding-right:calc((100% - 1240px) / 2); position:absolute; top:0; z-index:1; background:#FFF; right:0; width:33.33%; padding-left:80px;}
.value-list { display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 40px; position: relative;}
.value-list::after { position: absolute; content:""; top: 10px; left: 0px; background:rgba(217, 216, 214,0.50); width: 1px; height:98%; z-index: -1;}
.value-item { padding-left:20px; transition:transform 0.3s ease; position: relative;}
.value-item::after { position: absolute; content:""; top: 10px; left: -4px; background:#000000; width: 9px; height:9px; border-radius:15px;}
.value-item h3 { font-size:20px; line-height:28px; color:#2D2A26; font-family:'InterTight-Medium'; margin-bottom:15px;}
.value-item p { font-size:18px; line-height:24px; color:#54565B;}
.values-img {text-align:center; position:relative; left:0; right:0; margin:0 auto; width:100%; transition:all 0.8s ease; z-index:2; flex:0 1 33.33%; height:520px; }
.values-img img {height:100%; object-fit:cover;  transition:all 0.8s ease;}
.animated-image {max-width:100%; transition:transform 0.8s ease;}
.value-item.lft-bg-1::after { background-color: #5775E8; }
.value-item.lft-bg-2::after { background-color: #F2B021; }
.value-item.lft-bg-3::after { background-color:#293B97;}
.value-item.rgt-bg-1::after { background-color: #704C9F; }
.value-item.rgt-bg-2::after { background-color: #F57F34; }
.value-item.rgt-bg-3::after { background-color: #8E2062; }

.perspective-sec {float:left; width:100%; padding:0px 0 150px;}
.perspective-sec h2 {font-size:48px; line-height:1.2; color:#2D2A26; font-family:'InterTight-Medium'; padding-bottom:25px;}
.perspective-sec h2 strong { font-weight:normal; color:#5776E7;}
.perspective-sec p { font-size:18px; line-height:24px; color:#54565B; padding-bottom: 50px;}
.perspective-center { text-align: center; max-width: 790px; margin: 0 auto;}
.perspective-video { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px; padding: 0 100px;}
.perspective-video .about-perspective { flex: 0 1 48.5%; position: relative;}
.about-perspective .video-about-main { float: left; width: 100%; }
.about-perspective .video-img { float: left; width: 100%; position: relative;}
.about-perspective .video-img::after { position: absolute; opacity: 0; transition: all 0.5s ease; content:""; top: 0; left: 0px; background:rgba(36, 46, 61,0.60); width: 100%; height:100%;}
.about-perspective:hover .video-img::after { opacity: 1;}
.about-perspective .video-img img { float: left; width: 100%; }
.about-perspective .video-img img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.about-perspective .video-title { position: absolute; box-shadow:0px 6px 12px 0px rgba(87,117,232,0.12); background:#FFFFFF; padding: 30px; text-align: center; bottom:-55px; left:0; right:0; margin:0 auto; width: 70%;}
.about-perspective .video-title h3 {font-size:24px; line-height:1.3; color:#2D2A26; font-family:'InterTight-Medium'; padding-bottom:5px;}
.about-perspective .video-title h4 { font-size:18px; line-height:1.3; color:#54565B; }
.about-perspective .video-img span.video-icon { background: url("../images/about-video-icon.svg") no-repeat scroll center center; width: 62px; height:62px; position: absolute; top: 50%; z-index: 8; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; transition: all 0.5s ease;}
.about-perspective:hover .video-img span.video-icon { background: url("../images/about-video-icon-red.svg") no-repeat scroll center center;}
#lightcase-case iframe { height: 470px !important;}

.we-solve { display:flex; flex-wrap: wrap; width: 100%; background: #8E2062; }
.solve-img {flex:0 1 50%; position: relative; line-height: 0; overflow: hidden;}
.solve-img img {object-fit: cover;height: 100%;}
.solve-img:after { position: absolute; content: ''; bottom: 0px; left: 0px; background: url("../images/img-pattern.svg") no-repeat left bottom; width: 300px; height:300px; background-size: cover;  }
.we-solve-rht {flex:0 1 50%; padding: 120px 5%; display: flex; align-items: center; }
.we-solve-txt { max-width: 510px;width: 100%; }
.we-solve-txt h2 {font-size: 48px; line-height: 1.2; color: var(--txt-white); font-family: var(--ff-inter-medium); padding-bottom:30px;}
.we-solve-txt h2 span {color:var(--wavicle-gold);}
.we-solve-txt h5 {font-size:24px; line-height: 1.3; color: var(--txt-white); font-family: var(--ff-inter-medium); padding-bottom:12px;}
.we-solve-txt h5 span {color:var(--wavicle-gold);}
.we-solve-txt p { color: var(--txt-white); font-size: 18px; line-height:1.4;}
.we-solve-txt a { background: var(--bg-blue); height: 52px; width: auto; color: var(--txt-white); padding: 0 15px; margin-top:30px; font-size: 1.125rem; font-family: var(--ff-inter-medium); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.we-solve-txt a:hover { background: var(--bg-white); color: var(--txt-blue);}
.we-solve-txt a i { display: flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
.we-solve-txt a:hover i { margin-right: 0px; color: var(--txt-blue);  border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}

.our-people {padding:90px 0 200px; background-color:var(--bg-white);}
.people-content {text-align:center; max-width:860px; width: 100%; padding: 0 20px; margin:0 auto;}
.people-content h2 {font-size: 48px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-inter-medium); padding-bottom:20px;}
.people-content h2 span {color:var(--txt-blue);}
.people-content p { color: var(--txt-black); font-size: 18px; line-height:1.4; margin-bottom: 40px;}
.people-images {display:flex; justify-content:space-between; margin-top:-65px;}
.people-image-container {width:25%; transform:translateY(0); transition:transform 0.5s ease-out;}
.people-image-container img {width:100%; height:auto;}

/* culture page css */
/* .inner-banner { background: #F8F8F8; overflow: hidden; margin:0; min-height:570px; position: relative;}
.inner-banner-caption { position: absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; text-align:center; z-index: 1;} 
.inner-banner h1 { display: block; font-size: 72px; font-family: var(--ff-inter-medium); color: --txt-black; margin-bottom:30px; line-height: 1.06; text-align: center; }
.inner-banner h1 strong { color: var(--wavicle-blue);  font-weight: normal; } */
.inner-banner.culture-banner { height:900px; margin:0;}
.culture-banner .inner-banner-caption { top: 150px; transform: inherit;}
.image-container { position: absolute; top:0; width: 100%; height: 100%;}
.image-wrapper { position: relative; height: 100%; width: 100%;}
.image { width: 100%; object-fit: contain; height: auto; position: absolute; transition: all 0.5s ease; border-radius: 12px;}
.culture-banner.active { background: var(--bg-dark-blue);}
.culture-banner.active h1 { color: #ffffff;}
.culture-banner.active h1 strong { color: #f57f34;}
.culture-image-1 { width: 200px; top: 430px; left: 0;}
.culture-image-2 { width: 230px; top: 380px; left: 125px;}
.culture-image-3 { width: 164px; bottom: -10px; left: 0;}
.culture-image-4 { width: 256px; bottom: 160px; left: 420px;}
.culture-image-5 { width: 261px; bottom: 60px; left: 250px;}
.culture-image-6 { width: 294px; right: 350px; top: 430px;}
.culture-image-7 { width: 183px; right: 430px; bottom: 0px;}
.culture-image-8 { width: 250px; right: 0px; top: 360px;}
.culture-image-9 { width: 171px; right: -10px; bottom:-15px;}
.culture-image-10 { width: 145px; right: 140px; bottom:50px;}

.title-pad { display: flex; flex-direction: column; width: 100%; }
.title-pad.center { text-align: center; }
.title-pad h2 { color: var( --txt-black1); font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom:20px; }
.title-pad strong { color:var(--txt-blue); font-weight: normal;}
.title-pad p {font-size: 18px; line-height:1.4; color:var(--txt-black1); font-family: var(--ff-inter-regular); }

.way-sec { background: #fff; width: 100%; padding:120px 0; position: relative;}
/* .way-txtpad { max-width: 860px; width: 100%; margin:0 auto; text-align: center; padding: 0 20px; position: absolute;left: 50%;top:120px;transform: translateX(-50%);}
.way-txtpad h2 { color: var( --txt-black1); font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom:10px; }
.way-txtpad h3 { color: var( --txt-black1); font-size: 28px; line-height:1.3; font-family: var(--ff-inter-regular); margin-bottom:25px; }
.way-txtpad p {font-size: 18px; line-height:1.4; color:var(--txt-dark-grey); font-family: var(--ff-inter-regular); }
.way-txtpad p span { font-family: var(--ff-inter-medium); } */

.way-txtpad { flex: 0 1 48%;}
.way-txtpad h2 { color: var( --txt-black1); font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom:10px; }
.way-txtpad h3 { color: var( --txt-black1); font-size: 28px; line-height:1.3; font-family: var(--ff-inter-regular); margin-bottom:25px; }
.way-txtpad p {font-size: 18px; line-height:1.6; color:var(--txt-dark-grey); font-family: var(--ff-inter-regular); }
.way-txtpad p span { font-family: var(--ff-inter-medium); }

.way-video { flex: 0 1 48%;}
.way-video .video-main { width: 100%; }
.way-video video { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover;}
.way-video .video-img img.dummy-img { opacity: 0; height: 380px;}
.way-video .video-img { width: 100%; position: relative; line-height: 0px;}
/* .way-video .video-img::after { position: absolute; transition: all 0.5s ease; content:""; top: 0; left: 0px; background:rgba(41, 59, 151, 0.60); width: 100%; height:100%;} */
.way-video .video-img img { width: 100%; }
.way-video .video-img img.org-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.way-video .video-img .video-icon {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); margin: 0px; z-index: 8; width: 40px; height: 50px; }
.way-video .video-img .video-icon span::after { content: "\f04b"; line-height: 50px; position: absolute; display: block; font-family: "FontAwesome"; font-size: 50px; color: var(--txt-white);}
.way-video .video-img .video-icon.playing span::after { content: "\f04c"; }

.we-work-sec { clear: both; background: #fff; width: 100%; padding:0 0 90px 0; }
.we-work-sec .title-pad { max-width:620px; width: 100%; }
.we-work-sec .title-pad p {font-size: 28px; line-height:1.4; color:var(--txt-black1); font-family: var(--ff-inter-regular); }
.we-work-li { width: 100%; display: flex; flex-wrap: wrap;padding-top: 60px; }
.we-work-li li { flex:0 1 25%; display: flex; flex-wrap: wrap; }
.we-work-li li .img-pad { flex:0 1 100%; position: relative; overflow: hidden; line-height: 0; height:310px;}
.we-work-li li:nth-child(2n) .img-pad { order: 2;}
.we-work-li li .img-pad img { width: 100%; transition: all 0.4s ease; }
.we-work-li li .img-pad img.dummy-img { opacity:1; }
.we-work-li li .img-pad img.org-img { position: absolute; top: 0; left: 0; object-fit: cover; height: 100%; }
.we-work-li li .cont-pad { flex:0 1 100%; background-color: #ffffff; padding: 25px; display: flex; align-items: center; height:310px; }
.cont-pad .cont-txt { flex:0 1 100%;display: flex;flex-direction: column;row-gap:15px;}
.we-work-li li .cont-pad h3 { color: var( --txt-black1); font-size:32px; line-height:1.1; font-family: var(--ff-inter-medium); }
.we-work-li li .cont-pad p {font-size: 18px; line-height:1.4; color:var(--txt-black1); font-family: var(--ff-inter-regular); }

.recog-sec { display:flex; flex-wrap: wrap; background:var(--bg-blue); width: 100%; margin:0 0 90px; }
.recog-lft { flex:0 1 50%;display: flex;  padding: 100px 100px 50px 0;justify-content: right; align-items: center;}
.recog-txtpad { max-width:500px;width: 100%; }
.recog-lft h2 { color:var(--txt-white); font-size: 48px; line-height:1.2; font-family: var(--ff-inter-medium); margin-bottom:30px; }
.recog-lft p { width:100%;font-size: 18px; line-height:1.4; color:var(--txt-white); font-family: var(--ff-inter-regular); margin-bottom:40px;  }
.recog-lft p span { font-family: var(--ff-inter-medium); }
.recog-lft p strong { font-family: var(--ff-inter-medium); font-weight: normal;}
.recog-lft img { max-width: 100%; width: auto; }
.recog-rht {flex:0 1 50%; position: relative; overflow: hidden;}
.recog-rht img {object-fit: cover;height: 100%;}
.client-says { position: absolute; bottom: 30px; width:76%; left:12%; background-color: #FFFFFFCC; padding: 25px; font-size: 18px; line-height:1.4; color:var(--txt-black); font-family: var(--ff-inter-regular); }
.client-says span { display: block; font-family: var(--ff-inter-medium); }
 
.action-sec { background: #fff; width: 100%; padding: 0 0 35px; }
.action-gallery{ display: flex; flex-wrap: wrap; column-gap:20px; width: 100%; height: 720px; position: relative; padding-bottom: 40px;margin-top: 30px; overflow: hidden;}
.action-gallery:after{ content: ''; position: absolute; bottom: 0; left: 0;width: 100%; height: 50%; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, transparent 100%); }
.gal-scrl-pad { flex:0 1 calc(33.33% - 16px);display: flex; row-gap:20px; align-content: first baseline; flex-direction: column;}
.gal-scrl-pad.gal-lft, .gal-scrl-pad.gal-rht { animation: scrollup 10s linear infinite;}
.gal-scrl-pad.gal-mid { animation: scrolldwn 10s linear infinite;}
.gal-img { width: 100%; position: relative; overflow: hidden; line-height: 0;}
.gal-img img { width: 100%; transition: all 0.4s ease; }
.gal-img img.dummy-img { opacity:1; }
.gal-img img.org-img { position: absolute; top: 0; left: 0; object-fit: cover; }
@keyframes scrollup {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
@keyframes scrolldwn {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0%); }
}

.highlights-li{ display: flex; align-items: center; width: 100%; }
.highlights-li ul { width: 100%; display: flex; flex-wrap: wrap; column-gap:20px; row-gap: 25px; }
.highlights-li ul li { flex:0 1 calc(25% - 15px); background:var(--bg-blue); font-size: 18px; line-height:1.4; color:var(--txt-white); font-family: var(--ff-inter-medium); padding: 25px; position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.highlights-li ul li p { width:100%;font-size: 18px; line-height:1.4; color:var(--txt-white); font-family: var(--ff-inter-medium); text-align: center; }
.highlights-li ul li.purple-bg { background:#704C9F; } 
.highlights-li ul li.blue-bg { background:#5775E8; } 
.highlights-li ul li.plum-bg { background:#8E2062; } 
.highlights-li ul li.vibrant-blue-bg { background:#293B97; } 





/******************************************style 3**********************************************/

body .vc_column_container > .vc_column-inner {padding-left: 0;padding-right: 0;}
body .vc_row { margin-left: 0; margin-right: 0;}
 
/* Main Page Welcome section css starts */
.main-page-welcome { background: #fff; padding: 85px 0px; margin: 0px !important; }
.main-page-welcome h2 { font-size: 48px; line-height:1.3; color:#0D1331; margin:0px 0px; font-family: var(--ff-inter-medium);}
.main-page-welcome h2 strong { color: #5775E8; font-weight: normal; }
.main-page-welcome p{ color: #54565B; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-regular); }
.main-page-welcome .blue-btn .vc_btn3 { background: #5776E7 !important; height: 52px; padding: 12px 12px !important; border-radius: 0px !important; color: #fff !important; font-size: 18px; font-family: var(--ff-inter-medium); display: flex; align-items: center; letter-spacing:0.2px; transition: all 0.5s ease-in; border: 1px solid #5776E7 !important;}
.main-page-welcome .blue-btn .vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.main-page-welcome .blue-btn .vc_btn3:hover .vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}
.main-page-welcome .blue-btn .vc_btn3:hover {background: #fff !important; color: #5776E7 !important; }

.case-study-out { overflow: hidden;}
.case-study-out .wpb_column.purple-bg.meroon-bg .vc_column-inner { background: #8E2062; }
.case-study-out.case-study-overview .wpb_column .vc_column-inner .wpb_text_column p { font-size: 20px; line-height: 1.5; }
.case-study-out.case-study-overview .wpb_column.meroon-bg .vc_column-inner .wpb_text_column p { font-size: 20px; line-height: 1.5; font-family: var(--ff-inter-medium); }
.case-study-out .wpb_column.white-bg > .vc_column-inner { background: #fff; padding: 25px 22px; }
.case-study-out .wpb_column.yellow-bg > .vc_column-inner { background: #F2B021; padding: 25px 22px; }
.case-study-out .wpb_column.white-bg h6.vc_custom_heading { left: 0px; }
.case-study-out .wpb_column.white-bg .vc_column-inner .wpb_text_column {  padding: 0px 0px; }
.case-study-out .wpb_column.white-bg .vc_column-inner .cta-btn { padding: 0px 0px; margin-bottom: 0px;}
.case-study-out .wpb_column.yellow-bg h6.vc_custom_heading { left: 0px; }
.case-study-out .wpb_column.yellow-bg .vc_column-inner .wpb_text_column, .case-study-out .wpb_column.yellow-bg .vc_column-inner .cta-btn { padding: 0px 0px; margin-bottom: 0px;}
.case-study-out.case-study-overview.case-study-overview1 .wpb_column.meroon-bg .vc_column-inner .wpb_text_column p { font-size: 20px; line-height: 1.5; font-family: var(--ff-inter-regular); }
.case-study-out.case-study-overview.case-study-overview1 .wpb_column.yellow-bg .vc_column-inner .wpb_text_column p { font-size: 32px; line-height: 1.5; font-family: var(--ff-inter-medium); }
.case-study-out .wpb_column.white-bg .vc_column-inner .wpb_wrapper { display: flex; flex-wrap: wrap;flex-direction: column; height: 100%;}
.case-study-out .wpb_column.white-bg .vc_column-inner .wpb_text_column { flex-grow: 1;}
.case-study-out .wpb_column.yellow-bg .vc_column-inner .wpb_text_column { margin-bottom: 75px; }

.case-study-out .wpb_column.blue-bg > .vc_column-inner { background: var(--bg-blue); padding: 25px 22px; }

.overview-choose-sec { background: rgba(217, 216, 214, 0.22); padding: 65px 0px !important; margin: 0px !important; }
.overview-choose-sec.bg-white { background: #fff; padding-top: 30px; }
.choose-lft h2 { font-size: 48px; line-height:1.3; color:#2D2A26; font-family: var(--ff-inter-medium); }
.choose-lft h2 strong { color: #5775E8; font-weight: normal; }
.choose-rgt .choose-txt { background: #fff; padding: 25px 20px; height: 245px; position: relative; transition: all 0.5s ease-in; }
.choose-rgt .choose-txt:hover { padding-top: 40px;}
.choose-rgt .choose-txt h5 { color:#BBBABA; font-size: 14px; line-height:1.5; font-family: var(--ff-inter-regular); margin-bottom: 25px !important; text-transform: uppercase; letter-spacing: 2px; transition: all 0.5s ease-in;}
.choose-rgt .choose-txt h3 { font-size: 56px; line-height:1.3; font-family: var(--ff-inter-bold); margin-bottom: 5px !important; transition: all 0.5s ease-in;}
.choose-rgt .choose-txt.blue-bdr h3 { color: #5775E8; }
.choose-rgt .choose-txt.violet-bdr h3 { color: #704C9F; }
.choose-rgt .choose-txt.purple-bdr h3 { color: #8E2062; }
.choose-rgt .choose-txt p { color: #54565B; font-size: 16px; line-height:1.5; font-family: var(--ff-inter-regular); transition: all 0.5s ease-in;}
.choose-rgt .choose-txt p a { color: #54565B; font-size: 16px; line-height:1.5; font-family: var(--ff-inter-regular); transition: all 0.5s ease-in;}
.choose-rgt .choose-txt .partner-logo { margin-bottom: 15px; }
.choose-rgt .choose-txt img { width: auto; transition: all 0.5s ease-in;}
.choose-rgt.choose-rgt1 .choose-txt { padding: 40px 25px; }
.choose-rgt.choose-rgt1 .partner-logo { min-height: 65px; margin-bottom: 30px; }
.choose-rgt .choose-txt::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 7px; transition: all 0.5s ease-in; }
.choose-rgt .choose-txt.blue-bdr::before {background: #5775E8; }
.choose-rgt .choose-txt.violet-bdr::before {background: #704C9F; }
.choose-rgt .choose-txt.purple-bdr::before {background: #8E2062; }
.choose-rgt .choose-txt.orange-bdr::before {background: #F57F34; }
.choose-rgt .choose-txt.darkblue-bdr::before {background: #293B97; }
.choose-rgt .choose-txt.lightblue-bdr::before {background: #04B2E2; }
.choose-rgt .choose-txt.yellow-bdr::before {background: #F2B021; }
.choose-rgt .choose-txt:hover::before { height: 100%; }
.choose-rgt .vc_column-inner > .wpb_wrapper { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px; }
.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt { flex: 0 1 48%; }
.choose-rgt .choose-txt .wpb_wrapper { position: relative; z-index: 1; }
.choose-rgt .choose-txt:hover h3, .choose-rgt .choose-txt:hover h5, .choose-rgt .choose-txt:hover p a, .choose-rgt .choose-txt:hover p { color: #fff; }
.choose-rgt .choose-txt:hover img { filter: brightness(0) invert(1); }
.choose-rgt .choose-txt.color-logo:hover img { filter: none; }

.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt .more-btn { margin-top: 25px; }
.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt .more-btn a.read-more { width: auto; color: #0D1331; padding: 0; font-size: 16px; font-family: var(--ff-inter-medium); display: inline-flex; align-items: center; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt .more-btn a.read-more i { display: inline-flex; align-items: center; width: 22px; height: 22px; font-size: 20px; color: #0D1331; background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; transition: all 0.5s ease;}
.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt .more-btn a.read-more:hover { color: var(--bg-white);}
.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt .more-btn a.read-more:hover i { background: var(--card-cloud); color: var(--bg-white);}

.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt:hover .more-btn a.read-more { color: var(--bg-white);}
.choose-rgt .vc_column-inner > .wpb_wrapper .choose-txt:hover .more-btn a.read-more i { background: var(--card-cloud); color: var(--bg-white);}
 
/* Main Page Welcome section css ends */

/* Footer CTA Section css starts */
.cta-sec { position:relative; overflow: hidden; }
.cta-sec .vc_column-inner { position: relative; }
.cta-shape-img { position: absolute; top:0px; right: 0px; }
.cta-sec-cont { max-width: 750px; }
.cta-sec-cont h2 { font-size: 40px; line-height:1.2; color:#2D2A26; margin:0px 0px; font-family: var(--ff-inter-medium);}
.cta-sec-cont .wpb_text_column { margin-bottom: 0px !important; }
.cta-sec-cont p{ color: #2D2A26; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-medium); margin: 30px 0px 0px;}
.cta-sec-cont .cta-btn .vc_btn3 { background: #5776E7 !important; height: 52px; padding: 12px 12px !important; border-radius: 0px !important; color: #fff !important; font-size: 18px; font-family: var(--ff-inter-bold); display: flex; align-items: center; letter-spacing:0.2px; transition: all 0.5s ease-in;}
.cta-sec-cont .cta-btn .vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.cta-sec-cont .cta-btn .vc_btn3:hover .vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27);}
.cta-sec-cont .cta-btn .vc_btn3:hover {background: #fff !important; color: #5776E7 !important; }
/* Footer CTA Section ends css */


/* Solution sub page css */
/* Solution Capabilities sec css starts */
.capabilities-sec { background: #f7f7f7; padding: 85px 0px; margin: 0px !important; }
.capability-lft img{ width: 90% !important; }
.capability-lft h2 { font-size: 48px; line-height:1.3; color:#2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 30px !important; }
.capability-lft h3 { font-size: 32px; line-height:1.4; color:#2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 0px !important; }
.capability-rgt .capability-txt { background: #fff; border: 1px solid rgba(217, 216, 214, 0.5); padding: 30px 25px; margin-bottom: 30px !important; }
.capability-rgt .capability-txt:last-child { margin-bottom: 0px !important; }
.capability-rgt .capability-txt h5 { color:#2D2A26; font-size: 24px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom: 25px !important;}
.capability-rgt ul { display: flex; flex-wrap: wrap; width: 100%; row-gap: 22px; }
.capability-rgt ul li { flex: 0 1 100%; font-size: 18px; line-height:1.4; color:#2D2A26; font-family: var(--ff-inter-regular); padding-left: 25px; position: relative; }
.capability-rgt ul li::before { content: ""; position: absolute; left: 0px; top:8px; width: 10px; height: 10px; background: #293B97; border-radius: 10px; }
.capability-rgt .capability-txt.blue-bdr { border-bottom: 4px solid #5775E8; }
.capability-rgt .capability-txt.blue-bdr { border-bottom: 4px solid #5775E8; }
.capability-rgt .capability-txt.orange-bdr { border-bottom: 4px solid #F2B021; }
.capability-rgt .capability-txt.purple-bdr { border-bottom: 4px solid #8E2062; }
.capability-rgt .capability-txt.darkorg-bdr { border-bottom: 4px solid #F57F34; }
.capability-rgt .capability-txt.red-bdr { border-bottom: 4px solid #E12727; }

.solution-prod-wel { background: #fff; padding: 85px 0px; margin: 0px !important; }
.sol-wel-div { display:flex; flex-wrap: wrap; align-items: center; }
.sol-wel-lft { padding-right: 30px !important;}
.sol-wel-lft h2 { color: #0D1331; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); }
.sol-wel-lft h2 strong { color: #5775E8; font-family: var(--ff-inter-medium); font-weight: normal; }
.sol-wel-lft p { color: #54565B; font-size: 18px; line-height:1.4; font-family: var(--ff-inter-regular); }
.sol-wel-lft p strong { font-weight:normal; color:#2D2A26; } 
.sol-wel-lft h6 { color: #2D2A26; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-medium); } 
.sol-wel-lft  .blue-btn .vc_btn3 { background: #5776E7 !important; border: none !important; height: 52px; padding: 12px 12px !important; border-radius: 0px !important; color: #fff !important; font-size: 18px; font-family: var(--ff-inter-medium); display: flex; align-items: center; letter-spacing:0.2px; transition: all 0.5s ease-in;}
.sol-wel-lft  .blue-btn .vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.sol-wel-lft  .blue-btn .vc_btn3:hover .vc_btn3-icon { margin-left: 12px; } 
.sol-wel-lft h5 { display: inline-flex; height: 40px; padding: 0px 20px; align-items: center; font-size: 20px; line-height: 1.4; font-family: var(--ff-inter-sbold); background: rgba(87, 117, 232, 0.12); margin-bottom: 20px !important;}
.sol-wel-lft h4 { color: #2D2A26; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-medium); margin-bottom: 18px !important; }
.sol-wel-lft ul { display: flex; flex-wrap: wrap; width: 100%; row-gap: 10px; }
.sol-wel-lft ul li { flex: 0 1 100%; font-size: 18px; line-height:1.4; color:#2D2A26; font-family: var(--ff-inter-regular); padding-left: 25px; position: relative; }
.sol-wel-lft ul li::before { content: ""; position: absolute; left: 0px; top:8px; width: 10px; height: 10px; background: #5775E8; border-radius: 10px; }
.sol-wel-lft h3 { color: #0D1331; font-size: 32px; line-height:1.4; font-family: var(--ff-inter-medium); margin-bottom: 25px !important; }

.solution-case-study { background: #fff; padding: 85px 0px; margin: 0px !important; }
.solution-case-study .title-div h2 { color: #0D1331; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom: 35px; }
.solution-case-study .title-div h2 strong { color: #5775E8; }
.case-study-out { margin: 0px -10px !important; display: flex;}
.case-study-out .wpb_column { padding: 0px 10px; }
.case-study-out .wpb_column .vc_column-inner { border: 1px solid #ebebeb; border-bottom: 10px solid #5776E7; height: 100%; }
.case-study-out .wpb_column.purple-bg .vc_column-inner { background: #704C9F; border: none; border-bottom: 10px solid #5776E7; padding: 25px 22px; }
.case-study-out .wpb_column.purple-bg .vc_column-inner .wpb_wrapper {display: flex;flex-wrap: wrap;flex-direction: column;height: 100%;}
.case-study-out h6.vc_custom_heading { font-size: 14px; line-height: 1.2; color: #54565B; font-family: var(--ff-inter-bold); letter-spacing: 2px; text-transform: uppercase; position: relative; padding-left: 12px; left: 20px; margin-bottom: 15px; }
.case-study-out h6.vc_custom_heading::before { content: ""; position: absolute; left: 0px; top:5px; width: 6px; height: 6px; border-radius: 10px; background: #54565B; }
.case-study-out .wpb_column .vc_column-inner .wpb_text_column, .case-study-out .wpb_column .vc_column-inner .cta-btn { padding: 0px 22px; margin-bottom: 30px; }
.case-study-out .wpb_column .vc_column-inner .wpb_text_column p { color: #2D2A26; font-size: 24px; line-height: 1.3; font-family: var(--ff-inter-medium); }
.case-study-out .wpb_column.purple-bg .vc_column-inner h6.vc_custom_heading { color: #fff; left: auto; }
.case-study-out .wpb_column.purple-bg .vc_column-inner h6.vc_custom_heading::before { background: #fff; }
.case-study-out .wpb_column.purple-bg .vc_column-inner .wpb_text_column { flex-grow: 1; }
.case-study-out .wpb_column.purple-bg .vc_column-inner .wpb_text_column, .case-study-out .wpb_column.purple-bg .vc_column-inner .cta-btn { padding: 0px 0px; margin-bottom: 0px; }
.case-study-out .wpb_column.purple-bg .vc_column-inner .cta-btn { position: relative; top:-5px; }
.case-study-out .wpb_column.purple-bg .vc_column-inner .wpb_text_column p { color: #fff; font-size: 24px; line-height: 1.3; font-family: var(--ff-inter-medium); }
.case-study-out.case-study-overview1 .wpb_column .vc_column-inner .wpb_text_column { margin-bottom: 150px; }

.case-study-out .wpb_column.purple-bg .vc_column-inner .cta-btn.down-btn .vc_btn3 i.vc_btn3-icon { font-size: 14px; }

.case-study-out .wpb_column .vc_single_image-wrapper { overflow: hidden; }
.case-study-out .wpb_column .vc_single_image-wrapper img { transition: all 0.5s ease-in; }
.case-study-out .wpb_column:hover .vc_single_image-wrapper img { transform: scale(1.05); }

.case-study-out .wpb_column.blue-bg .vc_column-inner h6.vc_custom_heading { color: #fff; left: auto; }
.case-study-out .wpb_column.blue-bg .vc_column-inner .wpb_text_column { padding: 0px 0px;}
.case-study-out .wpb_column.blue-bg .vc_column-inner h6.vc_custom_heading::before { background: #fff; }
.case-study-out .wpb_column.blue-bg .vc_column-inner .wpb_text_column { flex-grow: 1; }
.case-study-out .wpb_column.blue-bg .vc_column-inner .wpb_text_column p { color: var(--txt-white); }
.case-study-out .wpb_column.blue-bg .vc_column-inner .cta-btn { padding: 0px 0px; }
.solution-case-study .case-study-out .wpb_column.blue-bg .cta-btn { margin-bottom: 0px; }
.solution-case-study .case-study-out .wpb_column.blue-bg .cta-btn .vc_general.vc_btn3 { color: #fff !important;}
.solution-case-study .case-study-out .wpb_column.blue-bg .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { color: #fff;}
.case-study-out .wpb_column.blue-bg .vc_column-inner .wpb_text_column { flex-grow: 1;}
.case-study-out .wpb_column.blue-bg .vc_column-inner .wpb_wrapper { display: flex; flex-wrap: wrap; flex-direction: column;height: 100%;}

.solution-case-study .cta-btn { margin-bottom: 0;}
.solution-case-study .cta-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px !important; color: var(--bg-blue) !important; font-size: 18px;font-family: var(--ff-inter-sbold);display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in; border: none !important;}
.solution-case-study .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #0D1331; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;  position: relative; top: 0;}
.solution-case-study .cta-btn :hover i.vc_btn3-icon { margin-left: 12px !important;}
.solution-case-study .case-study-out .wpb_column.purple-bg .cta-btn .vc_general.vc_btn3 { color: #fff !important; }
.solution-case-study .case-study-out .wpb_column.purple-bg .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { color: #fff; }

.future-proof-sec { background: #eaedfc; padding: 85px 0px; margin: 0px !important; }
.future-div-out { display:flex; flex-wrap: wrap; align-items: flex-end; }
.future-proof-lft h2 { color: #0D1331; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); }
.future-proof-lft h2 strong { color: #5775E8; }
.future-proof-rgt p { color: #54565B; font-size: 18px; line-height:1.4; font-family: var(--ff-inter-regular); }

.solution-benefits { background: #fff; padding: 85px 0px; margin: 0px !important; }
.title-sec h2 { color: #0D1331; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); }
.solution-benefits .benefits-out {display: flex; flex-wrap: wrap; margin-bottom: 20px !important; }
.solution-benefits .benefits-out:last-child { margin-bottom: 0px !important; }
.benefits-out { margin: 0px -10px !important;}
.benefits-cont { padding: 0px 10px !important; }
.benefits-cont .vc_column-inner { position: relative; }
.benefits-cont .vc_column-inner .wpb_single_image { margin-bottom: 0px; }
.benefits-cont .vc_column-inner .wpb_text_column { position: absolute; top:40px; padding: 0px 40px; margin-bottom: 0px;}
.benefits-cont.benefits-txt1 .vc_column-inner .wpb_text_column { width: 350px; padding: 30px 35px; background: #5775E8; left: 40px; top:50%; transform: translateY(-50%); }
.benefits-cont .vc_column-inner .wpb_text_column p { color: #fff; font-size: 24px; line-height: 1.4; font-family: var(--ff-inter-medium); }
.benefits-cont.benefits-txt2 .vc_column-inner .wpb_text_column { top:auto; bottom: 55px; text-align: center; padding: 0px 90px; }
.benefits-cont.benefits-txt1.no-bg .vc_column-inner .wpb_text_column { background: none; padding: 30px 0px; width: calc(100% - 80px); }

.solution-benefits-alter .benefits-cont .vc_column-inner .wpb_text_column p { font-size: 18px; font-family: var(--ff-inter-regular); margin-bottom: 12px; }
.solution-benefits-alter .benefits-cont .vc_column-inner .wpb_text_column p:last-child { margin-bottom: 0px;}
.benefits-cont.benefits-purple-bg .vc_column-inner .wpb_text_column { width: 370px; padding: 30px 35px; background: rgba(142, 32, 98, 0.8); right: 30px; top:50%; transform: translateY(-50%); }
.solution-benefits-alter .benefits-cont.benefits-txt1 .vc_column-inner .wpb_text_column { background: rgba(87, 117, 232, 0.9); }
.solution-benefits-alter .benefits-cont .vc_column-inner .wpb_text_column h4 { color:#fff; font-size: 24px; font-family: var(--ff-inter-medium); margin-bottom: 15px; }
.benefits-cont.blue-bg .vc_column-inner { height: 100%; background: #293B97; }
.solution-benefits-alter .benefits-cont.only-title .vc_column-inner .wpb_text_column h4 { margin-bottom: 0px;}

.benefits-cont.blue-bg .vc_column-inner > .wpb_wrapper { display: flex; align-items: center;height: 100%; }
.benefits-cont.blue-bg .vc_column-inner > .wpb_wrapper .wpb_text_column { top:inherit; }

.solution-partners { background: rgba(87, 117, 232, 0.12); padding: 85px 0px; margin: 0px !important; }
.solution-partners .title-div p { font-size: 18px; line-height:1.4; font-family: var(--ff-inter-regular); }
.sol-partner-list { margin: 0px -10px !important;}
.sol-partner-list .wpb_column { padding: 0px 10px !important; }
.sol-partner-list .wpb_column .vc_column-inner { padding: 25px 25px; background: #fff; }
.sol-partner-list .wpb_column.sol-partner-txt h4 { font-size: 16px; line-height: 1.3; font-family: var(--ff-inter-medium); }
.sol-partner-list .wpb_column.sol-partner-txt h4 strong { font-size: 24px; font-weight: normal;}
.sol-partner-list .wpb_column.sol-partner-txt .wpb_wrapper { position: relative; }
.sol-partner-list .wpb_column.sol-partner-txt .wpb_text_column { width: calc(100% - 110px); }
.sol-partner-list .wpb_column .cta-btn { margin-bottom: 0; position: absolute; right: 0px; bottom: 0px; }
.sol-partner-list .wpb_column .cta-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px !important; color: #0D1331 !important; font-size: 18px;font-family: var(--ff-inter-bold);display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in; border: none !important;}
.sol-partner-list .wpb_column .cta-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #0D1331; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;  position: relative; top: 0;}
.sol-partner-list .wpb_column .cta-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px !important;}

/* Solution Capabilities sec ends css */


/* industry page css */
.industry-partners { background: #fff; padding: 85px 0px; margin: 0px !important; }
.title-div h2 { color: #0D1331; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); }
.title-div h2 strong { color: #5775E8; font-weight: normal; }
.title-div p { color: #54565B; font-size: 24px; line-height:1.3; font-family: var(--ff-inter-medium); }
.partner-list { margin: 0px -10px !important;}
.partner-list .wpb_column { padding: 0px 10px !important; }
.partner-list .wpb_column:nth-child(2n) .vc_column-inner { margin-top:50px; }
.partner-list .wpb_column .vc_column-inner { height: 405px; padding: 20px 40px; display: flex; flex-wrap: wrap; align-items: center; }
.partner-list .wpb_column.yellow-bg .vc_column-inner { background: rgba(242, 176, 33, 0.08); }
.partner-list .wpb_column.blue-bg .vc_column-inner { background: rgba(4, 178, 226, 0.10); }
.partner-list .wpb_column.orange-bg .vc_column-inner { background: rgba(245, 127, 52, 0.14); }
.partner-list .wpb_column.pink-bg .vc_column-inner { background: rgba(142, 32, 98, 0.16); }
.partner-list .wpb_column.dblue-bg .vc_column-inner { background: rgba(3, 91, 218, 0.10); }
.partner-list .wpb_column .vc_column-inner h3.vc_custom_heading { color: #2D2A26; font-size: 24px; line-height: 1.3; font-family: var(--ff-inter-medium); margin-bottom: 15px; }
.partner-list .wpb_column .vc_column-inner .wpb_text_column { margin-bottom: 0px; min-height: 275px; }
.partner-list .wpb_column .vc_column-inner .wpb_text_column p { color: #2D2A26; font-size: 18px; line-height: 1.5; font-family: var(--ff-inter-medium); margin-bottom: 20px !important; }

.partner-list.no-height .wpb_column .vc_column-inner .wpb_text_column { min-height: inherit;}

.industry-future-sec { background: rgba(217, 216, 214, 0.30); padding: 95px 0px; margin: 0px !important; }
.future-lft h2 { color: #0D1331; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); }
.future-lft h2 strong { color: #5775E8; font-weight: normal; }
.future-lft .wpb_content_element { margin-bottom: 0px !important;}
.future-rgt p { color: #54565B; font-size: 18px; line-height:1.6; font-family: var(--ff-inter-regular); letter-spacing: 0.2px; }
.future-rgt .blue-btn .vc_btn3 { background: #5776E7 !important; border: none !important; height: 52px; padding: 12px 12px !important; border-radius: 0px !important; color: #fff !important; font-size: 18px; font-family: var(--ff-inter-medium); display: flex; align-items: center; letter-spacing:0.2px; transition: all 0.5s ease-in;}
.future-rgt .blue-btn .vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.future-rgt .blue-btn .vc_btn3:hover .vc_btn3-icon { margin-left: 12px; } 

.future-logo-list { margin: 0px -25px !important;}
.future-logo-list .logo-div { padding: 0px 25px !important; }
.future-logo-list .logo-div .wpb_single_image { height: 110px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 0px 20px; margin-bottom: 0px; }
.future-img-cont { display: flex; align-items: center; }
.img-cont-lft { padding-right: 100px !important;}
.img-cont-lft ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; }
.img-cont-lft ul li { flex: 0 1 100%; }
.img-cont-lft ul li h4 { color: #2D2A26; font-size: 24px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom: 10px; }
.img-cont-lft ul li p { color: #2D2A26; font-size: 18px; line-height:1.4; font-family: var(--ff-inter-regular); }

.industry-service-sec { background: #fff; padding: 85px 0px 60px; margin: 0px !important; }
.ind-service-out { display: flex; align-items: center; }
.future-lft h5 { color: #54565B; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-medium); margin-bottom: 12px !important; }
.ind-service-out .future-rgt { padding: 0px 20px !important; }

.ind-service-list { margin: 0px -10px !important; display: flex;}
.ind-service-list .wpb_column { padding: 0px 10px !important; }
.ind-service-list .wpb_column .vc_column-inner { padding: 22px 25px 25px; height: 100%;}
.ind-service-list .wpb_column.blue-bg .vc_column-inner { background: #293B97; }
.ind-service-list .wpb_column.violet-bg .vc_column-inner { background: #704C9F; }
.ind-service-list .wpb_column.purple-bg .vc_column-inner { background: #8E2062; }
.ind-service-list .service-txt .wpb_single_image { margin-bottom: 25px !important; }
.ind-service-list .service-txt h3 { color: #fff; font-size: 32px; line-height:1.4; font-family: var(--ff-inter-regular); margin-bottom: 25px; }
.ind-service-list .service-txt p { color: rgba(255, 255, 255, 0.8); font-size: 20px; line-height:1.3; font-family: var(--ff-inter-regular); margin-bottom: 30px !important; }
.ind-service-list .service-txt .more-btn { margin-bottom: 0;}
.ind-service-list .service-txt .more-btn .vc_general.vc_btn3 { background: none !important; height: auto; padding:0px; color: #fff !important; font-size: 18px;font-family: var(--ff-inter-bold);display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in; border: none !important;}
.ind-service-list .service-txt .more-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #fff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;  position: relative; top: 0;}
.ind-service-list .service-txt .more-btn .vc_general.vc_btn3:hover i.vc_btn3-icon { margin-left: 12px !important;}

/* industry page css end */

.blue-cta-section .cta-shape-img { top:auto; bottom: 0px; width: 440px;}
.blue-cta-section .cta-sec-cont { max-width: 665px;} 
.blue-cta-section .cta-sec-cont h2 { color: #fff; }
.blue-cta-section .cta-sec-cont p { color: #fff; font-family: var(--ff-inter-regular); }


/* partners page css */
.partner-service-sec { background: #fff; padding: 60px 0px 50px; margin: 0px !important; }
.partner-service-out { display: flex; align-items: center; }
.part-service-list { margin: 0px -10px !important; display: flex; flex-wrap: wrap; }
.part-service-list .wpb_column { padding: 0px 10px !important; }
.part-service-list .wpb_column .vc_column-inner { padding: 22px 25px 25px; height: 100%; }
.part-service-list .wpb_column.blue-bg .vc_column-inner { background: #5775E8; }
.part-service-list .wpb_column.violet-bg .vc_column-inner { background: #704C9F; }
.part-service-list .wpb_column.purple-bg .vc_column-inner { background: #8E2062; }
.part-service-list .wpb_column .vc_column-inner .wpb_wrapper { float: left; width: 100%;}
.part-service-list .service-txt .wpb_single_image { float: left; margin-bottom: 0px !important; }
.part-service-list .service-txt .icon-text { float: right; width: calc(100% - 58px); height: 52px; display: flex; align-items: center; margin-bottom: 0px; color: #fff; font-size: 18px; line-height:1.2; font-family: var(--ff-inter-medium); letter-spacing: 1.2px;}
.part-service-list .service-txt h3 { color: #fff; font-size: 28px; line-height:1.3; font-family: var(--ff-inter-bold); margin: 20px 0px 15px; clear: both;}
.part-service-list .service-txt p { color: rgba(255, 255, 255, 0.8); font-size: 18px; line-height:1.5; font-family: var(--ff-inter-regular); margin-bottom: 25px !important; }
.part-service-list .service-txt .more-btn { margin-bottom: 0;}
.part-service-list .service-txt .more-btn .vc_general.vc_btn3 { background: #fff !important; height: 40px; padding:0px 10px !important; color: #2D2A26 !important; font-size: 18px;font-family: var(--ff-inter-medium);display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in; border: none !important;}
.part-service-list .service-txt .more-btn .vc_general.vc_btn3 i.vc_btn3-icon { margin-left: 8px; width: 24px;height: 24px; font-size: 16px; color: #5776E7; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(87, 118, 231, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;position: relative; top: 0;}
.part-service-list .service-txt .more-btn :hover i.vc_btn3-icon { margin-left: 12px !important;}
.part-service-list .service-txt h4 { color: #fff; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-sbold); margin-bottom: 18px !important; }
.part-service-list .service-txt ul { display: flex; flex-wrap: wrap; width: 100%; row-gap: 10px; margin-bottom: 25px !important; }
.part-service-list .service-txt ul li { flex: 0 1 100%; font-size: 18px; line-height:1.5; color:#fff; font-family: var(--ff-inter-regular); padding-left: 25px; position: relative; }
.part-service-list .service-txt ul li::before { content: ""; position: absolute; left: 0px; top:9px; width: 10px; height: 10px; background: #fff; border-radius: 10px; }

.partner-databrick-sol { background: #fff; padding: 65px 0px; margin: 0px !important; }
.databrick-lft h2 { color: #0D1331; font-size: 48px; line-height:1.2; font-family: var(--ff-inter-medium); }
.databrick-lft h2 strong { color: #5775E8; font-weight: normal;}
.databrick-lft h4 { color: #2D2A26; font-size: 24px; line-height:1.4; font-family: var(--ff-inter-regular); margin-top: 20px; }
.databrick-rgt p { color: #54565B; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-regular); }

.part-datasol-list { margin: 0px -10px !important;}
.datasol-txt { padding: 0px 10px !important; }
.part-datasol-list .datasol-txt .wpb_single_image { margin-bottom: 25px !important; }
.part-datasol-list .datasol-txt h3 { color: #2D2A26; font-size: 28px; line-height:1.4; font-family: var(--ff-inter-medium); margin-bottom: 12px; }
.part-datasol-list .datasol-txt h4 { color: #54565B; font-size: 20px; line-height:1.4; font-family: var(--ff-inter-medium); margin-bottom: 25px; }
.part-datasol-list .datasol-txt p { color: #2D2A26; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-regular); }

.overview-lst-sec { background: #fff; padding: 85px 0px 25px; margin: 0px !important; }
.title-div-center { text-align: center; padding: 0px 220px !important; }
.title-div-center h2 { color: #2D2A26; font-size: 48px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom: 25px !important; }
.title-div-center h2 strong { color: #5775E8; font-weight: normal;}
.title-div-center p { color: #54565B; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-regular); }

.two-col-out { display: flex; flex-wrap: wrap; margin-bottom: 50px !important; }
.overview-list-out .two-col-out:last-child { margin-bottom: 0px !important; }
.two-col-out.alter-col .overview-lft-txt { order: 2; }
.two-col-out .overview-lft-txt { padding: 45px 55px; }
.two-col-out .overview-lft-txt h5 { color: #54565B; font-size: 16px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom: 15px !important; }
.two-col-out .overview-lft-txt h3 { color: #000; font-size: 32px; line-height:1.4; font-family: var(--ff-inter-medium); margin-bottom: 30px !important; }
.two-col-out .overview-lft-txt h4 { color: #2D2A26; font-size: 28px; line-height:1.4; font-family: var(--ff-inter-medium); margin-bottom: 15px !important; }
.two-col-out .overview-lft-txt p { color: #54565B; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-regular); margin-bottom: 25px !important; }
.two-col-out .overview-lft-txt .vc_column-inner { padding-top: 0px !important; display: flex; align-items: center; height: 100%;}
.two-col-out .overview-rgt-img .vc_column-inner { padding-top: 0px !important; height: 100%; }
.two-col-out .overview-rgt-img .wpb_wrapper, .two-col-out .overview-rgt-img .wpb_single_image, 
.two-col-out .overview-rgt-img .wpb_single_image .vc_figure, .two-col-out .overview-rgt-img .wpb_single_image .vc_single_image-wrapper{ height: 100%; }
.two-col-out .overview-rgt-img .wpb_single_image img { height: 100% !important; object-fit: cover; }

.two-col-out .overview-lft-txt .cta-btn .vc_btn3 { background: #5776E7 !important; height: 52px; padding: 12px 12px !important; border-radius: 0px !important; color: #fff !important; font-size: 18px; font-family: var(--ff-inter-medium); display: flex; align-items: center; letter-spacing:0.2px; transition: all 0.3s ease-in; margin-right: 10px !important; border: 1px solid #5776E7 !important;}
.two-col-out .overview-lft-txt .cta-btn .vc_btn3 .vc_btn3-icon {position: relative; top: auto; right: auto !important; transform: none; margin-left: 8px; width: 24px; height: 24px;font-size: 16px;color: #fff;background: rgba(87, 118, 231, 0.04);border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in;}
.two-col-out .overview-lft-txt .cta-btn .vc_btn3:hover .vc_btn3-icon { margin-left: 12px; color: #5776E7; border: 2px solid rgba(87, 118, 231, 0.27); }
.two-col-out .overview-lft-txt .cta-btn .vc_btn3:hover {background: #fff !important; color: #5776E7 !important; border: 1px solid #fff !important;}

.solution-toolkit-sec { background: #fff; margin: 0px !important; }
.accel-slide-out { overflow: hidden;}
.acceleration-slide .swiper-slide .accel-logo img { max-height: 40px; /*width: 70%;*/ }
.acceleration-slide .swiper-slide .accel-cont { height: 225px; display: flex; flex-direction: column; justify-content: center; text-align: center; row-gap: 30px; border: 1px solid #D9D8D6; border-bottom: 6px solid #5775E8; padding: 10px 32px; position: relative; overflow: hidden;}
.acceleration-slide .swiper-slide .accel-cont .accel-txt h5 { color: #2D2A26; font-size: 18px; line-height:1.5; font-family: var(--ff-inter-medium); }
.accel-hover-div { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; row-gap: 30px; position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; padding: 30px 30px; background: #5775E8; transition: all 0.5s ease-in; }
.accel-hover-div p { color: #fff; font-size: 18px; line-height:1.4; font-family: var(--ff-inter-regular); }
.accel-hover-div a.more-link { background: none; height: auto; padding:0px; color: #ffffff; font-size: 18px;font-family: var(--ff-inter-bold);display: inline-flex;align-items: center;letter-spacing: 0.2px;transition: all 0.5s ease-in;}
.accel-hover-div a.more-link i { margin-left: 8px; width: 24px;height: 24px; font-size: 22px; color: #ffffff; background: rgba(87, 118, 231, 0.04); border: 2px solid rgba(241, 241, 241, 0.20);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease-in; transform: none; right: 0;position: relative; top: 0;}
.accel-hover-div a.more-link:hover i { margin-left: 12px;}
.acceleration-slide .swiper-slide:hover .accel-hover-div { bottom: 0px; }

.acceleration-slide .swiper-pagination-accel { display: none;}
.acceleration-slide .swiper-nav { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 30px; }
.acceleration-slide .swiper-button { width: auto; position: relative; top: auto; transform: none; right: 0; display: flex; flex-wrap: wrap; column-gap: 15px; }
.acceleration-slide .swiper-button > div { transition: all 0.5s ease;  cursor: pointer; width: 24px; height: 24px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: rgba(87, 118, 231, 0.04);
border: 2px solid rgba(87, 118, 231, 0.27); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; color: var(--bg-blue);}
.acceleration-slide .swiper-button > div i { width: auto; height: auto; font-size: 22px; color: var(--bg-blue); margin: 0px 0px;}
.acceleration-slide .swiper-button > div:hover { background: rgba(87, 118, 231, 0.04); }


/**resource page css**/

.cs-filter { float: left; width: 100%; position: relative; }
.cs-filter ul { display:flex; column-gap:2%; justify-content: space-between; flex-wrap: wrap; row-gap: 20px;} 
.cs-filter ul li:first-child { flex:1 1 32%;}
.cs-filter ul li:nth-child(2) { flex:1 1 50%;}
.cs-filter ul li:last-child { flex:1 1 12%; display:flex; justify-content: flex-end;}
.cs-filter select { width: 100%; background: var(--bg-white); border: 1px solid rgba(217, 216, 214, 0.80); height: 50px; padding: 0 50px 0 12px; color: var(--txt-dark-grey); font-size: 18px; font-family: var(--ff-inter-regular); }
.cs-filter button { width: 100%; transition: all 0.4s ease; background: var(--bg-blue); color: var(--txt-white); font-size: 18px; font-family: var(--ff-inter-regular); border: none; padding: 0 30px; height: 48px; cursor: pointer;}
.blog-sec.news .blog-list ul.tech-blog-list li:nth-child(1) { flex: 0 1 auto; padding-left: 18px; color: var(--bg-dark-blue);}
.blog-sec.news .blog-list ul.tech-blog-list li:nth-child(1)::before { content: ""; position: absolute; left: 0px; top: 5px; width: 10px; height: 10px; border-radius: 10px; background: var(--txt-light-grey);}
ul.tech-blog-list li:nth-child(1) { flex: 0 1 auto; padding-left: 18px; color: var(--bg-dark-blue);}
ul.tech-blog-list li:nth-child(1)::before { content: ""; position: absolute; left: 0px; top: 5px; width: 10px; height: 10px; border-radius: 10px; background: var(--txt-light-grey);}
.blog-sec.news .blog-list ul.tech-blog-list li { flex:0 1 auto;}

ul.cat-tech-list li:nth-child(1) { padding-left: 18px; color: var(--bg-dark-blue);}
ul.cat-tech-list li:nth-child(1)::before { content: ""; position: absolute; left: 0px; top: 5px; width: 10px; height: 10px; border-radius: 10px; background: var(--txt-light-grey);}

.blog-sec.news .blog-list ul.gr li:nth-child(1) { flex: 0 1 auto; padding-left:0px; font-family:var(--ff-inter-regular); color: var(--bg-dark-blue);}
.blog-sec.news .blog-list ul.gr li:nth-child(1)::before { content: ""; position: absolute; left: 0px; top: 5px; width: 10px; height: 10px; border-radius: 10px; background: var(--txt-light-grey);}
ul.gr li:nth-child(1) { flex: 0 1 auto; padding-left: 18px; color: var(--bg-dark-blue);}
ul.gr li:nth-child(1)::before { display:none; }
.blog-sec.news .blog-list ul.gr { margin-bottom:0px; }
.blog-sec.news .blog-list ul.gr li { flex:0 1 auto; }

/**webinars**/
.inner-sec-bg { float:left; width: 100%; background:#5775E8; padding: 70px 0;}
.inner-bg-cap { padding: 0 calc((100% - 1240px + 1rem) / 2);}
.inner-bg-cap span { font-family: var(--ff-inter-medium); font-size:16px; line-height: 1.2; color:#FFFFFF; padding-bottom:15px; text-transform: uppercase;}
.inner-bg-cap h1 { font-family: var(--ff-inter-medium); font-size:48px; line-height: 1.3; color:#FFFFFF;}
.webinar .blog-det-rht { flex:0 1 31%; }
.form-code { float: left; width: 100%; font-size: 18px; color: var(--txt-black); font-family: var(--ff-inter-regular); padding: 30px 32px; margin-bottom:30px; border:1px solid #D9D8D6; display: flex; flex-wrap: wrap;  justify-content: space-between;  align-items: center; }
.video-box { float: left; width: 100%;  margin-bottom:30px; overflow: hidden; position: relative; }
.video-box img { width: 100%; float: left; transition: all 0.8s ease; transform-origin: top center; }
.video-box img.dummy-img { opacity: 0; width: 100%;}
.video-box img.org-img { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.video-box a::before { position: absolute; content: ''; background: #000000; opacity:0.7; z-index:1; top: 0; left: 0; width:100%; height:100%; }
.video-box a::after { position: absolute; content: ''; background: url(../images/vplay.svg) no-repeat; z-index:2; width: 70px; height: 70px; left: 0px; right: 0px; margin: 0px auto; top: 50%; transform: translateY(-50%); }


/*news*/
.subscribe-blog-sec { float: left; width: 100%; padding: 0 0 180px; }
.subscribe-cont { padding: 65px 60px 75px; background: var(--bg-dark-blue); position: relative; overflow: hidden;}
.subscribe-txt { max-width: 556px; }
.subscribe-txt h2 {font-size: 40px;line-height: 1.3;color: var(--txt-white);margin: 0px 0px;font-family: var(--ff-inter-medium); margin-bottom: 15px;}
.subscribe-txt p {font-size: 18px;line-height: 1.3;color: var(--txt-white);font-family: var(--ff-inter-light); margin-bottom: 40px;}
.subscribe-shape { position: absolute;top: 0px;right: 0px;}

/* Styling the container */
.subscribe-container { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 600px; margin: 0; padding: 0;}
/* Styling the input field */
.subscribe-container .email-input { flex: 1; font-size: 16px; border: 1px solid #fff; height: 52px; outline: none; color: #000; padding: 10px 20px;}
/* Styling the subscribe button */
.subscribe-container button { background: #5776E7; height: 52px; padding: 12px 12px; color: var(--txt-white); font-size: 18px; font-family: var(--ff-inter-medium);
display: inline-flex; align-items: center; letter-spacing: 0.2px; transition: all 0.5s ease-in; border: none; cursor: pointer;}
.subscribe-container button i { margin-left: 8px; width: 24px; height: 24px; font-size: 20px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04);
border: 2px solid rgba(241, 241, 241, 0.20); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset; display: flex;
align-items: center; justify-content: center;transition: all 0.5s ease-in;}
/* Hover effect for icon */
.subscribe-container button:hover i { margin-left: 12px;}

ul.sub { display: flex; flex-wrap: wrap; width: 100%; row-gap: 10px; }
ul.sub li { flex: 0 1 100%; font-size: 18px; line-height:1.4; color:#54565B; font-family: var(--ff-inter-regular); padding-left: 25px; position: relative; }
ul.sub li::before { content: ""; position: absolute; left: 0px; top:8px; width: 10px; height: 10px; background: #5775E8; border-radius: 10px; }


/**careers***/
.future-data-sec { width: 100%; float: left; padding: 80px 0 80px;}
.future-tech-sec .div-center { align-items: flex-start;}
.main-title-sec { width: 100%; float: left; text-align:left; margin-bottom:40px;}
.main-title-sec h2 { font-size:48px; line-height:1.2; color:#2D2A26; font-family: var(--ff-inter-medium); padding-bottom:25px;}
.main-title-sec h2 strong { font-weight:normal; color:#5776E7;}
.main-title-sec p { font-size:18px; line-height:1.5; color:#54565B; padding-bottom: 0px;}

.future-tech-sec { float: left; width: 100%;}
.future-tech-lft { flex: 0 1 48%;}
.future-tech-rht { flex: 0 1 48%; position: relative; display: flex; flex-wrap: wrap; justify-content: center;}
.future-tech-rht img.org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}

.future-tech-lft h3 { color: var( --txt-black1); font-size: 32px; line-height:1.3; font-family: var(--ff-inter-medium); margin-bottom:25px; }
.future-tech-lft p {font-size: 18px; line-height:1.5; color:var(--txt-dark-grey); font-family: var(--ff-inter-regular); margin-bottom: 20px;}
.future-tech-lft p span { font-family: var(--ff-inter-medium); }
.future-tech-lft p:last-child { margin-bottom: 0;}

.future-cnt { background: var(--bg-white); display: flex; flex-direction: column; row-gap: 15px; float: right; padding: 22px; border: 1px solid rgba(217, 216, 214, 0.5); position: relative; margin-top: -40px; }
.future-cnt h4 { font-size: 24px; color:#2D2A26; font-family: var(--ff-inter-medium); }
.future-cnt p { font-size:18px; line-height:24px; color:#2D2A26; padding-bottom: 0px; font-family: var(--ff-inter-medium); }
.future-cnt a { background: var(--bg-blue); height: 52px; width: auto; color: var(--txt-white); padding: 0 15px; margin-top:10px; font-size: 1.125rem; font-family: var(--ff-inter-medium); display: inline-flex; align-items: center; align-self: flex-start; justify-content: center; position: relative; transition: all 0.5s ease; column-gap: 10px;}
/* .future-cnt a:hover { background: var(--bg-white); color: var(--txt-blue);} */
.future-cnt a i { display: flex; align-items: center; width: 24px; height: 24px; font-size: 22px; color: var(--txt-white); background: rgba(87, 118, 231, 0.04); border: 1px solid rgba(255, 255, 255, 0.27);box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;}
/* .future-cnt a:hover i { margin-right: 0px; color: var(--txt-blue);  border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 6px 6px 0 rgba(255, 255, 255, 0.23) inset;} */


.innovative-sec { float: left; width: 100%; padding: 80px 0 80px; background: rgba(217, 216, 214, 0.2);}
.innovative-video { float: left; width: 100%; }
.innovative-video ul { display: flex; flex-wrap: wrap; column-gap: 2%;}
.innovative-video ul li { flex: 0 1 48%;}
.innovative-main { float: left; width: 100%;}
.inno-video-img { float: left; width: 100%; max-width: 84%; position: relative; overflow: hidden;}
.inno-video-img::after { position: absolute; display: block; content: ""; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);  transition: all 0.8s ease-out;}
.inno-video-img img { float: left; width: 100%; transition: all 0.8s ease;}
.inno-video-img img.org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}
.inno-video-img .video-icon {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); margin: 0px; z-index: 8; width: 40px; height: 50px; }
.inno-video-img .video-icon span::after { content: "\f04b"; line-height: 50px; position: absolute; display: block; font-family: "FontAwesome"; font-size: 50px; color: var(--txt-white);}
.inno-video-img .video-icon.playing span::after { content: "\f04c"; }

.inno-video-title { max-width: 80%; transition: all 0.8s ease-out; background: var(--bg-white); display: flex; flex-direction: column; row-gap: 15px; float: right; padding: 22px; border: 1px solid rgba(217, 216, 214, 0.5); position: relative; top: -60px; }
.inno-video-title h3 { font-size: 28px; line-height: 1.1; color:var(--txt-blue); font-family: var(--ff-inter-medium); }
.inno-video-title p { font-size:18px; line-height:24px; color:#54565B; padding-bottom: 0px; font-family: var(--ff-inter-regular); }

.innovative-video ul li:hover .inno-video-img img { transform: scale(1.07);}
.innovative-video ul li:hover .inno-video-title { top: -40px;}
.innovative-video ul li:hover .inno-video-img::after { opacity: 1;}

.career-client-sec { float: left; width: 100%; background: var(--bg-blue); display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px;}
.career-client-lft { flex: 0 1 50%; padding: 0 80px;}
.career-client-lft h2 { font-size:48px; line-height:1.2; color:#FFFFFF; font-family: var(--ff-inter-medium); padding-bottom:25px; }
.career-client-lft p { font-size:18px; line-height:1.4; color:#FFFFFF; padding-bottom: 0px; font-family: var(--ff-inter-regular); }
.career-client-rht { flex: 0 1 50%; position: relative;}
.career-client-rht::before { position: absolute; z-index: 1; display: block; content: ""; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background: rgba(87, 117, 232, 0.2);  transition: all 0.8s ease-out; opacity: 1;}
.career-client-rht::after { position: absolute; display: block; content: ""; left: 0; top: 0; width: 40%; height: 100%; transition: all 0.6s ease; background: var(--bg-blue);}
.career-client-sec:hover .career-client-rht::after { width: 0;}
.career-client-sec:hover .career-client-rht::before { opacity: 1; background: rgba(87, 117, 232, 0.4)}
.career-client-rht img.org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; height: 100%;}

.career-client-rht .video-icon {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); margin: 0px; z-index: 8; width: 40px; height: 50px; cursor: pointer;}
.career-client-rht .video-icon span::after { content: "\f04b"; line-height: 50px; position: absolute; display: block; font-family: "FontAwesome"; font-size: 50px; color: var(--txt-white);}
.career-client-rht .video-icon.playing span::after { content: "\f04c"; }

.core-sec { float: left; width: 100%; padding: 80px 0;}
.core-sec h2 { font-size:48px; line-height:1.2; color:#2D2A26; font-family: var(--ff-inter-medium); margin-bottom:60px; }
.core-sec h2 span { color: var(--txt-blue);}
.core-sec ul { display: flex; flex-wrap: wrap; }
.core-sec ul li { flex: 0 1 33%; border-right: 1px solid rgba(217, 216, 214, 0.5); padding: 20px 20px 30px;}
.core-sec ul li .core-title { display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; margin-bottom: 20px;}
.core-sec ul li .core-title img { width: 48px;}
.core-sec ul li .core-title h3 { font-size: 22px; line-height: 1.1; color:#2D2A26; font-family: var(--ff-inter-medium);  }
.core-sec ul li p { font-size: 18px; line-height: 1.5; color: #54565B; }
.core-sec ul li:nth-child(3n) { border: none;}
.core-sec ul li:nth-child(-n+3){  border-bottom: 1px solid rgba(217, 216, 214, 0.5); }


.employee-wavicle { float: left; width: 100%; margin: 0 0 100px 0;}
.employee-wavicle h2 { font-size:48px; line-height:1.2; color:#2D2A26; font-family: var(--ff-inter-medium); margin-bottom:60px; text-align: center; }
.employee-wavicle h2 span { color: var(--txt-blue);}
.employee-wavicle .swiper-container { width: 100%; max-width: 50%; margin: 0 auto; overflow: hidden;}
.employee-wavicle .swiper-slide .emp-main-list .emp-img { float: left; width: 100%; position: relative;}
.employee-wavicle .swiper-slide .emp-main-list .emp-img img { float: left; width: 100%;}
.employee-wavicle .swiper-slide .emp-main-list .emp-img .org-img { position: absolute; left: 0; top: 0; width: 100%; object-fit: cover;}
.employee-wavicle .swiper-slide .emp-main-list .emp-cnt {  float: left; width: 100%; margin-top: 20px; }
.employee-wavicle .swiper-slide .emp-main-list .emp-cnt p { color: #2D2A26; font-size: 24px; line-height: 1.2; font-family: var(--ff-inter-medium);}

.employee-wavicle .swiper-nav { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 50px; }
.employee-wavicle .swiper-button { width: auto; position: relative; top: auto; transform: none; right: 0; display: flex; flex-wrap: wrap; column-gap: 15px; }
.employee-wavicle .swiper-button > div { transition: all 0.6s ease;  cursor: pointer; width: 50px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: var(--bg-blue); border-radius: 50px;}
.employee-wavicle .swiper-button > div i { font-size: 24px; color: var(--txt-white);}
.employee-wavicle .swiper-button > div:hover { background: var(--bg-dark-blue);}

.employee-wavicle .swiper-nav .swiper-pagination-gal { width: auto;}
.swiper-pagination-gal .swiper-pagination-bullet { width: 15px; height: 15px; background: #D9D8D6; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--bg-blue);}

.job-open-sec { float: left; width: 100%; padding: 80px 0; background: rgba(217, 216, 214, 0.2); }
.job-open-sec.bsec { background:none; margin-bottom:40px; }
.bsec .regions { background: #5775E81F; padding: 30px; }

/* ===== Layout ===== */
.careers-tabs{ padding: 0px 0; float: left; width: 100%;}
.ct-grid{ display:grid; grid-template-columns: 260px 1fr; gap:60px; align-items: flex-start;}

/* ===== Vertical Tabs ===== */
.vtab-wrap{ display:flex; flex-direction:column; position: sticky; top: 80px;}
.vtab-wrap ul { display: flex; flex-wrap: wrap; row-gap: 10px; flex-direction: column;}
.vtab-wrap ul li { appearance:none; border:0; background:#fff; color:#000000; text-align:left; padding:14px 16px; font-size: 18px; 
cursor:pointer; outline:none; border:1px solid rgba(217,216,214,.6); transition: background .2s ease, border-color .2s ease;}
.vtab.is-active{ background:var(--bg-blue); color:#fff; border-color:var(--bg-blue); }
.job-open-sec.bsec .vtab.is-active{ background:var(--txt-gold); color:#fff; border-color:var(--txt-gold); }

.vtab:focus-visible{ box-shadow:0 0 0 3px rgba(79,118,255,.35); }

/* ===== Region Panels ===== */
.region-panel{ display:none; }
.region-panel.is-active{ display:block; }

/* ===== Top Tabs ===== */
.htab-wrap{ display:flex; gap:18px; border-bottom:1px solid rgba(217,216,214,.6); margin-bottom:35px; background: var(--bg-white); position: sticky; top: 80px; z-index: 1;}
.htab-wrap ul { appearance:none; border:0; color:#2D2A26; position:relative; display: flex; flex-wrap: wrap; width: 100%;}
.htab-wrap ul li { flex: 0 1 50%; padding: 15px 20px; text-align: center; font-size: 18px; position: relative; cursor: pointer;}
.htab-wrap ul li::after{ content:""; position:absolute; left:0; right:0; bottom:0px; height:3px; background:rgba(217, 216, 214, 0.6); transition: all 0.4s ease;}
.htab.is-active{ color:var(--txt-dark-blue); font-family: var(--ff-inter-medium); }
.htab.is-active::after{ background:var(--bg-blue);}

/* ===== Top Tab Panels ===== */
.htab-panel{ display:none; }
.htab-panel.is-active{ display:block; }

/* ===== Job Cards ===== */
.job-card a { position:relative; background:#fff; padding:30px 90px 30px 30px; margin-bottom:18px; display: block;}
.job-card h4 { display:inline-block; font-size: 18px; line-height: 1.1; color:#293B97; text-decoration:none; margin-bottom:15px; font-family: var(--ff-inter-medium);}
.job-card h3 { margin:0 0 6px; font-size: 28px; line-height: 1.2; color:#2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 15px;}
.job-card p { margin:0; color:#54565B; font-size: 18px; font-family: var(--ff-inter-medium); }
.job-card span { position:absolute; top:50%; right:40px; transform:translateY(-50%); width:42px; height:42px; border-radius:4px; display: flex; align-items: center; justify-content: center;
  background:#D9D8D6; cursor:pointer; display:grid; place-items:center; transition: background .2s ease, transform .12s ease;}
.job-card:hover span{ background:var(--bg-blue); }
.job-card:hover h3 { color: var(--txt-dark-blue);}
.job-card span i { font-size:16px; line-height:1; color: #FFFFFF;}

/* ===== Job List css =====
#lever-jobs-container .lever-department-title { display:none; }
.job-card #lever-jobs-container  h4.lever-team-title { display:inline-block; font-size: 18px; line-height: 1.1; color:#293B97; text-decoration:none; margin-bottom:15px; font-family: var(--ff-inter-medium);}
.job-card #lever-jobs-container ul { display:flex; flex-wrap: wrap; row-gap: 20px; }
.job-card #lever-jobs-container li.lever-job { display:block; flex:1 0 100%; flex-direction: column; line-height:15px; padding:0px 0px; margin:0 0 6px; font-size: 28px; line-height: 1; color:#2D2A26; font-family: var(--ff-inter-medium); }
.job-card #lever-jobs-container a.lever-job-title { display: block; flex: 0 0 100%; color: #2D2A26; line-height:32px; text-decoration: none; margin-bottom:0px; }
.job-card #lever-jobs-container a.lever-job-title:hover { color: var(--txt-dark-blue);}
.job-card #lever-jobs-container span.lever-job-tag { margin:0; color:#54565B; font-size: 18px; font-family: var(--ff-inter-medium); } */


/* ===== Benefits Box ===== */
/* .benefit-box{ background:#fafbff; border:1px solid rgba(217,216,214,.6);border-radius:10px; padding:18px; max-width:720px;}
.benefit-box h4{ margin:0 0 10px; font:700 18px/1.25 Inter,system-ui,Arial; }
.benefits{ margin:0; padding-left:18px; color:#45484d; font:15px/1.6 Inter; } */
.benefits-sec { float: left var(--bg-white)100%; margin-bottom: 50px;}
.benfits-tab.htab-panel h4 { font-size: 28px; line-height: 1.2; color: #2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 10px;}
.benfits-tab.htab-panel p { font-size: 18px; color: #2D2A26; font-family: var(--ff-inter-medium); line-height: 1.5; margin-bottom: 30px;}

.benfits-tab.htab-panel ul { display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 10px;}
.benfits-tab.htab-panel ul li { flex: 0 1 31%; background: var(--bg-white); padding: 25px 30px; text-align: center;}
.benfits-tab.htab-panel ul li img { width: auto; margin-bottom: 15px;}
.benfits-tab.htab-panel ul li p { margin: 0; font-size: 18px; font-family: var(--ff-inter-medium); }
.benfits-tab.htab-panel ul li p soan { font-family: var(--ff-inter-regular); }
.benfits-tab .note-div { float: left; width: 100%; }
.benfits-tab .note-div p { font-size: 18px; color: #2D2A26; font-family: var(--ff-inter-medium); line-height: 1.5; margin: 0;}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .ct-grid{ grid-template-columns: 1fr; }
  .vtab-wrap{ flex-direction:row; flex-wrap:wrap; }
  .vtab{ flex:1 1 auto; }
}


/* job details css */
.job-banner { float: left; width: 100%; background: #F8F8F8; padding: 80px 0;}
.job-banner h4 { display:inline-block; font-size: 18px; line-height: 1.1; color:#293B97; text-decoration:none; margin-bottom:20px; font-family: var(--ff-inter-medium);}
.job-banner h1 { margin:0 0 6px; font-size: 48px; line-height: 1.2; color:#2D2A26; font-family: var(--ff-inter-medium); margin-bottom: 20px;}
.job-banner ul { display: flex; flex-wrap: wrap;  }
.job-banner ul li { flex: 0 1 auto; margin:0 20px 0 0; padding: 0 20px 0 0; color:#54565B; font-size: 18px; font-family: var(--ff-inter-medium); border-right: 1px solid #D9D8D6;}
.job-banner ul li:last-child { margin-right: 0; padding-right: 0; border: none;}

.job-cont-sec { float: left; width: 100%; padding: 80px 0;}
.job-cont-lft { flex: 0 1 60%;}
.job-cont-lft h2 { color: #2D2A26; font-size: 28px; line-height: 1.2; font-family: var(--ff-inter-medium); margin-bottom: 20px;}
.job-cont-lft h3 { color: #54565B; font-size: 20px; line-height: 1.2; font-family: var(--ff-inter-medium); margin-bottom: 20px; margin-top: 10px;}
.job-cont-lft p { font-size: 18px; color: #2D2A26; font-family: var(--ff-inter-regular); line-height: 1.5; margin: 0 0 40px 0; }

.job-cont-lft h4 { color: #2D2A26; font-size: 18px; line-height: 1.2; font-family: var(--ff-inter-medium); margin-bottom: 20px;}
.job-cont-lft ul { display: flex; flex-wrap: wrap; row-gap: 15px; margin-left: 10px; margin-bottom: 40px; }
.job-cont-lft ul li { flex: 0 1 100%; margin:0; line-height: 1.3; padding: 0 0 0 20px; color:#54565B; font-size: 18px; font-family: var(--ff-inter-regular); position: relative;}
.job-cont-lft ul li::after { position: absolute; display: block; content: ""; left: 0; width: 8px; height: 8px; background: var(--bg-blue); border-radius: 50px; top: 8px;}
.job-cont-lft ul li:last-child { margin-right: 0; padding-right: 0; border: none;}

.job-cont-lft ul:last-child { margin-bottom: 0;}
.line { float: left; width: 100%; margin: 0 0 40px 0; background: rgba(217, 216, 214, 0.5); height: 1px;}


.leaflet-popup-content p { font-family: var(--ff-inter-medium); }