@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*, h1, h2, h3, h4, h5, h6, p, a {
line-height: 1.6;
font-family: "Figtree", sans-serif;
}
button.btn-gradient-primary{
background: transparent linear-gradient(106deg, #05FEFD -20%, #477DE0 30%, #C805FA 150%);
font-size: 16px;
font-weight: 400;
height: 52px !important;
color: white;
padding: 0 40px;
border: none;
border-radius: 5px;
font-family: "Figtree", sans-serif;
transition: 0.5s;
}
.btn-menu{
line-height: 1.6;
height: auto;
width: fit-content;
padding: 12px 30px;
text-align: center;
text-transform: none !important;
font-weight: 400;
border: transparent;
background: transparent linear-gradient(102deg, #05FEFD -15%, #477DE0 51%, #C805FA 115%);
border-radius: 5px;
font-size: 16px;
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn-menu:hover{
background: transparent linear-gradient(106deg, #05FEFD -70%, #477DE0 -70%, #C805FA 100%);
color: #fff;
}
.btn-gradient-primary.btn-gradient{
background: transparent linear-gradient(265deg, #4B72DE 0%, #9048C8 57%, #37A8F7 100%);
background-size:130%;
background-position:30%;
}
.btn-gradient-primary:hover, .btn-gradient-primary.btn-gradient:hover {
background: transparent linear-gradient(106deg, #05FEFD -70%, #477DE0 -70%, #C805FA 100%);
}
.contect-section {padding: 50px 0;}
.contact-us {
padding: 16px 28px;
background: transparent linear-gradient(106deg, #05FEFD 0%, #477DE0 51%, #C805FA 100%);
border-radius: 6px;
border:none;
line-height: 1;
height: auto;
color: #fff;
font-family: "Figtree", sans-serif;
font-size: 16px;
border-top: none;
transition: 0.5s;
}
.contact-us:hover {	
background: transparent linear-gradient(106deg, #05FEFD -70%, #477DE0 -70%, #C805FA 100%);
}
.main-navigation li {line-height: 70px;}
.main-navigation .main-navigation-items.drop-down .main-navigation-items-link.new-navigation::before{
background: transparent linear-gradient(92deg, #05FEFD 0%, #477DE0 51%, #C805FA 100%);
width: 100%;
height: 2px;
border: none;
top: 69px;
left: 0;
}
.main-navigation .main-navigation-items.drop-down .main-navigation-items-link::after{
display:none;
}
.main-navigation ul li:hover > ul.menu-container {
width: calc(100vw - 80px);
max-width:none;
}    
.main-navigation ul li:hover > ul.menu-container.small-sub-menu{
width: auto;
}
.main-navigation .main-sub-menu.menu-container{
display: flex;
justify-content: space-between;
background: transparent linear-gradient(244deg, #150224 0%, #031941 100%);
border-radius: 16px;
top: 71px !important;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);	
font-family: "Figtree", sans-serif;
font-weight:400;
padding: 30px 15px;
border: 1px solid #45436B;
}
.menu-container .column {
flex: 1;
padding: 0 20px;
}
.menu-container .column:not(:last-child){
border-right: 1px solid rgba(112, 112, 112, 0.09);	
}
.menu-container h3 {
font-size: 14px;
text-transform: uppercase;
line-height: 1.6;
padding: 0 12px 10px;
}
.menu-container h3.databricks {
color: #11BEE1;
}
.menu-container h3.snowflake {
color: #EA9539;
}
.menu-container h3.pim-mdm {
color: #81DFDF;
}
.menu-container h3.engineering {
color: #F5D328;
}
.menu-container h3.pim {
color: #b79cff;
}
.menu-container h3.cloud-platforms {
color: #11BEE1;
}
.menu-container h3.genai {
color: #51D173;
}
.menu-container .discription{
color: #fff;
font-size: 12px;
line-height: 1.6;
font-weight: 300;
font-family: "Figtree", sans-serif;
padding: 0 12px 20px;
}
.menu-container .solution-txt .discription {
padding: 10px 12px 0px 0;
}
li.column:has(.pim-mdm) img {
max-width: 110px;
max-height: 40px;
}
.menu-container .item {
background:transparent;
display: flex;
align-items: center;
color:#fff;
text-transform: none; 
width:auto;
font-size:14px;
line-height:1.4;
gap: 10px;
transition: background-color 0.2s;
padding: 10px 12px;
border-radius: 6px;
border: 1px solid transparent;		
}
.menu-container.main-sub-menu.solution-tab{
padding: 0;
overflow: hidden;
}
.menu-container.main-sub-menu.solution-tab li {
padding: 30px 20px;
}
.menu-container.main-sub-menu.solution-tab li.column.first {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.menu-container.main-sub-menu.solution-tab li.column h3 {
padding: 20px 12px 0;
}
.menu-container.main-sub-menu.solution-tab li:first-child .item:hover {
background: #0e0a2f85;
border-radius: 10px 0 0 10px;
border: none;
}
.menu-container.main-sub-menu.solution-tab li.column.first:has(.item){padding:0 !important;min-width: 380px;}
.menu-container.main-sub-menu.solution-tab li {width:100%;}
.section-label {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.22em;
color: #00d4e8;
}
.section-tagline {
font-size: 14px;
font-weight: 300;
color: rgba(255,255,255,0.70);
margin-bottom: 15px;
} .products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 25px;
}
.main-navigation li ul li a.product-card {
width: 100%;
position: relative;
background: #0f1530;
border-radius: 10px;
padding: 20px 20px 22px;
cursor: pointer;
overflow: hidden;
transition: transform 0.22s ease, background 0.22s;
text-decoration: none;
display: block;
text-transform: none;
}
.product-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: 10px;
padding: 1px;
background: linear-gradient(135deg, #00d4e8 0%, rgba(0,212,232,0.3) 40%, rgba(139,92,246,0.3) 60%, #a855f7 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.product-card::after {
content: '';
position: absolute;
bottom: -30px; left: -20px;
width: 90px; height: 90px;
background: radial-gradient(circle, rgba(0,212,232,0.18) 0%, transparent 70%);
pointer-events: none;
transition: opacity 0.3s;
opacity: 0;
}
.product-card:hover { transform: translateY(-3px); background: #131a38; }
.product-card:hover::after { opacity: 1; }
.card-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 14px;
}
.card-icon {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.card-icon svg { width: 24px; height: 24px; }
.icon-custonomy { background: radial-gradient(135deg at 30% 30%, rgba(0,212,232,0.25), rgba(0,212,232,0.05)); border: 1px solid rgba(0,212,232,0.3); }
.icon-retail    { background: radial-gradient(135deg at 30% 30%, rgba(0,212,232,0.25), rgba(0,212,232,0.05)); border: 1px solid rgba(0,212,232,0.3); }
.icon-drive     { background: radial-gradient(135deg at 30% 30%, rgba(168,85,247,0.25), rgba(168,85,247,0.05)); border: 1px solid rgba(168,85,247,0.3); }
.icon-proconomy { background: radial-gradient(135deg at 30% 30%, rgba(168,85,247,0.25), rgba(168,85,247,0.05)); border: 1px solid rgba(168,85,247,0.3); }
.card-arrow {
font-size: 20px;
color: #00d4e8;
margin-top: 2px;
transition: transform 0.2s;
}
.product-card:hover .card-arrow { transform: translateX(4px); }
.card-name {
font-size: 17px;
font-weight: 700;
color: #ffffff;
margin-bottom: 5px;
letter-spacing: -0.01em;
}
.card-desc {
font-size: 12.5px;
font-weight: 300;
color: rgba(255,255,255,0.70);;
line-height: 1.55;
} .accel-label {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.22em;
color: rgba(168,85,247,0.9);
}
.accel-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 4px 8px;
}
.menu-container.main-sub-menu.solution-tab li:first-child {
background: none;
background-size: cover;
border-right: none;
padding: 30px 30px 20px 40px;
justify-content: center;
}
.main-navigation li ul li a.accel-item {
width: 100%;
display: flex;
align-items: flex-start;
gap: 12px;
padding: 11px 14px;
border-radius: 8px;
cursor: pointer;
transition: background 0.18s;
text-transform: none;
background: transparent;
border: none;
}
.main-navigation li ul li a.accel-item:hover { background: rgba(255,255,255,0.06); }
.accel-icon {
width: 34px;
height: 34px;
border-radius: 50%;
border: 1px solid rgba(0,212,232,0.25);
background: rgba(0,212,232,0.06);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}
.accel-icon svg {
width: 15px;
height: 15px;
stroke: #00d4e8;
fill: none;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.accel-name {
font-size: 12.5px;
font-weight: 600;
color: #ffffff;
margin-bottom: 2px;
line-height: 1.3;
}
.accel-desc {
font-size: 11px;
font-weight: 300;
color: rgba(255,255,255,0.40);
line-height: 1.45;
}
.page-body { padding: 60px 56px; }
.demo-hint {
font-size: 12px;
font-weight: 300;
color: rgba(255,255,255,0.40);
text-align: center;
}
.menu-container.main-sub-menu.solution-tab li:first-child {	
background: #1C3B5D url(https://www.credencys.com/wp-content/uploads/2026/04/BG.png) no-repeat;
background-size: cover;
border-right: 1px solid #375D7E;
padding: 30px 30px 30px 40px;
justify-content: center;
}
.menu-container.main-sub-menu.solution-tab li.column.first .item {
flex-direction: column;
padding: 30px 30px 30px 40px;
border: none;
height: 100%;
justify-content: center;
}
.solution-tab .first h2{
font-size: 22px;
font-weight:700;
line-height: 1.6;
padding: 0 0px 10px;
color: #fff;
}
.menu-container.solution-tab .first .discription {
color: #D9EDF5;
font-size: 16px;
line-height: 1.6;
font-weight: 300;
font-family: "Figtree", sans-serif;
padding: 0 0px 20px;
}
.menu-container.main-sub-menu.solution-tab .item {
width:100%;
margin-bottom:0px;
padding: 10px 12px;
display: flex;
align-items: flex-start;	
gap:20px;
}
.menu-container.main-sub-menu.solution-tab .item:not(:last-child){margin-bottom:10px;}
.menu-container .solutions-list .item {
align-items: flex-start;
}
.menu-container.main-sub-menu.solution-tab .item {width:100%;}
.menu-container .solutions-list .item {align-items:flex-start;}
.menu-container .solutions-list .item p{
color:#fff;
font-size:16px;
line-height:1.4;
width: calc(100% - 37px);
}
.menu-container .solutions-list .item p span{
color:#fff;
font-size:12px;
font-weight:300;
display:block;
padding-top:10px;
}
.menu-container .item:not(:last-child){margin-bottom:10px;}
.menu-container .item.active, .menu-container a.item:hover {
background-color: #1C3B5D;
border: 1px solid #375D7E;
border-radius: 10px;
}
.menu-container .icon {
display: inline-flex;
width:30px;
}
.menu-container .solutions-list .icon {
display: inline-block;
width:40px;
}
.menu-container .cloud-logos {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 12px 0;
gap:10px;
}
.menu-container .cloud-logos img {
height: 32px;
margin: 10px 8px 0 0;
}
.menu-container .platforms {
margin-top: 20px;
}
.menu-container .platforms img {
height: 22px;
margin-right: 12px;
}
.menu-container .subheader {
margin: 30px 0 0;
}
.menu-container .genai {
margin-top: 30px;
}
.menu-container .genai h4 {
color: #B1F34D;
font-size: 0.9rem;
margin-bottom: 10px;
} @media (min-width: 1300px) {
.container {
width: 1280px;
}
}
.light-bg {
background: radial-gradient(ellipse at 15% 0%, #FFFFFF 0%, #EFF3F6 100%);
}
.light-bg .title-common h2 {
color: #0D0C23;
font-size: 44px;
font-weight: 500;
}
.title-common:has(h4) h2 {
margin-bottom: 20px;
}
.light-bg .title-common h4 {
color: #42415B;
}
.title-common h4 {
font-size: 22px;
font-weight: 500;
max-width: 780px;
margin: 0 auto 30px;
}
.valued-clientele-logo {
border: 1px solid #D2D2D2;
padding: 30px;
border-radius: 12px;	
height: 100%;
}
.clientele-card {
display: flex;
flex-wrap: wrap;
}
.clientele-item {
width: 33%;
text-align: center;
}
.valued-clientele-logo h4{
color:#42415B;
font-size:24px;
font-weight: 500;
margin-bottom: 15px;
}
.contact-form-card {
background: transparent linear-gradient(223deg, #150224 0%, #031941 100%);
padding: 30px;
border-radius: 12px;
height:100%;
}
.clientele-item img {
height: 140px;
}
.contact-form-card h4, .page-template-tp-template-pim-developer .contact-form-card h4{
font-size: 24px;
color: #fff;
font-weight: 500;
margin-bottom: 30px;
}
.contact-form-card label{
position: relative;
color: #9A98BB;
font-size: 16px;
}
.contact-form-card input:-internal-autofill-selected, .wpcf7-form input:-internal-autofill-selected,
.contact-form-card input:-webkit-autofill, .wpcf7-form input:-webkit-autofill,
.contact-form-card input:-webkit-autofill:hover, .wpcf7-form input:-webkit-autofill:hover,
.contact-form-card input:-webkit-autofill:focus, .wpcf7-form input:-webkit-autofill:focus,
.contact-form-card textarea:-webkit-autofill, .wpcf7-form textarea:-webkit-autofill,
.contact-form-card textarea:-webkit-autofill:hover, .wpcf7-form textarea:-webkit-autofill:hover,
.contact-form-card textarea:-webkit-autofill:focus, .wpcf7-form textarea:-webkit-autofill:focus
.contact-form-card select:-webkit-autofill, .wpcf7-form select:-webkit-autofill, 
.contact-form-card select:-webkit-autofill:hover, .wpcf7-form select:-webkit-autofill:hover,
.contact-form-card select:-webkit-autofill:focus, .wpcf7-form select:-webkit-autofill:focus,
.contect-section .wpcf7-form input:-internal-autofill-selected, .contect-section .wpcf7-form input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
background-color: transparent !important;
-webkit-text-fill-color: #fff;
}
.wpcf7-form input:-internal-autofill-selected,
.wpcf7-form input:-webkit-autofill,
.wpcf7-form input:-webkit-autofill:hover,
.wpcf7-form input:-webkit-autofill:focus,
.wpcf7-form textarea:-webkit-autofill,
.wpcf7-form textarea:-webkit-autofill:hover,
.wpcf7-form textarea:-webkit-autofill:focus
.wpcf7-form select:-webkit-autofill, 
.wpcf7-form select:-webkit-autofill:hover,
.wpcf7-form select:-webkit-autofill:focus{
-webkit-text-fill-color: #555;
}
.contect-section .wpcf7-form input:-internal-autofill-selected, .contect-section .wpcf7-form input:-webkit-autofill{	
-webkit-text-fill-color: #fff;
}
.service-page-banner span.wpcf7-form-control-wrap ::-webkit-input-placeholder{ color:#aaa !important;
background:#ffffff !important;
}
.service-page-banner span.wpcf7-form-control-wrap :-moz-placeholder{ color:#aaa !important;
background:#ffffff !important;
}
.service-page-banner span.wpcf7-form-control-wrap ::-moz-placeholder { color:#aaa !important;
background:#ffffff !important;
}
.service-page-banner span.wpcf7-form-control-wrap :-ms-input-placeholder {color:#aaa !important;
background:#ffffff;}
.contact-form-card ::-webkit-input-placeholder, .wpcf7-form ::-webkit-input-placeholder {
color:transparent !important;
}
.service-page-banner span.wpcf7-form-control-wrap.email input {
background: #fff;}
.contact-form-card :-moz-placeholder, .wpcf7-form :-moz-placeholder { color:transparent !important; 
}
.contact-form-card ::-moz-placeholder, .wpcf7-form ::-moz-placeholder { color:transparent !important; 
}
.contact-form-card :-ms-input-placeholder, .wpcf7-form :-ms-input-placeholder {  
color:transparent !important;
}
.banner-left-box .wpcf7-form .wpcf7-form-control.wpcf7-submit.btn{
height: 52px !important;
background: rgb(6, 100, 189) !important;
}
.contact-form-card .wpcf7-form .form-control {
background: transparent;
border: none;
border-bottom: 1px solid #9A98BB;
border-radius: 0;
color:#fff;
margin-top: 15px;
height: 36px;
}
.contact-form-card .wpcf7-form .form-control option{color:#333;}
.contact-form-card .intl-tel-input.allow-dropdown input, .contact-form-card .intl-tel-input.allow-dropdown input[type=tel] {
margin-top: 15px !important;
}
.contact-form-card .wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
display: none;
}
.contact-form-card .wpcf7-form-control.wpcf7-submit.btn {
width: 100% !important;
height: 52px !important;
border-radius: 5px !important;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.contact-form-card .wpcf7 form.invalid .wpcf7-response-output, .contact-form-card .wpcf7 form.unaccepted .wpcf7-response-output, .contact-form-card .wpcf7 form.payment-required .wpcf7-response-output{
color:#fff;
}
.contact-form-card .form-control:focus {
box-shadow: none;
}   .bottom-copy-text{width:auto;} .credency-advantage {
padding: 70px;
}
.credency-advantage .bgs{
padding: 50px 90px 20px 90px;
border-radius: 10px;
}
.credency-advantage .bgwhite h3 {
color: #333;
font-weight: bold;
font-size: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.credency-advantage .mts {
margin-top: 40px;
margin-bottom: 50px;
}
.credency-advantage .img img {
max-height: 220px;
}
.credency-advantage .numinf {
display: inline-block;
align-items: center;
padding: 13px 0px;
padding-right: 10px;
border-right: 1px solid #b2b2b2;
text-align: center;
width: 100%;
}
.credency-advantage .numinf.lt {
padding-right: 0;
border: none;
}
.credency-advantage .numinf.lt span.btext  {
font-family: "Figtree", sans-serif;
}
.credency-advantage span.btext {
color: #5248ff;
font-size: 48px;
font-weight: bold;
display: inline-block;
font-family: "Figtree", sans-serif;
vertical-align: middle;
margin-right: 7px;
}
.credency-advantage .numinf p {
margin: 0;
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
.credency-advantage .logos a {
display: inline-block;
margin: 0px;
}
.credency-advantage .logos a img {
max-height: 35px;
}
.new-faq-accodian .panel-body ul{
list-style: disc inside;
padding: 10px 10px 20px;
}
.new-faq-accodian .panel-body ul li {
line-height: 26px;
color: rgb(102, 102, 102);
font-size: 16px;
font-weight: 400;
position: relative;
}
.page-template .contect-section .title-common h4 {
font-size: 18px;
color: #333;
font-weight: 300;
line-height: 1.6;
margin-bottom: 40px;
} #contact-modal .wpcf7-form-control.wpcf7-submit.btn, .wpcf7-form .wpcf7-form-control.wpcf7-submit.btn{
width: 100% !important;
padding: 0px !important;
height: 48px !important;
border-radius: 5px !important;
color:#fff;
background: transparent linear-gradient(106deg, #05FEFD 0%, #477DE0 51%, #C805FA 100%);
border: transparent !important;
}
#contact-modal .wpcf7-form-control.wpcf7-submit.btn:hover, .wpcf7-form .wpcf7-form-control.wpcf7-submit.btn:hover {	
background: transparent linear-gradient(106deg, #05FEFD -70%, #477DE0 -70%, #C805FA 100%);
}
.form-img, .form-content {padding: 0;}
.form-img img{min-width:100%;min-height:100%;}
#contact-modal label, .form-box label, .form-body label{
color: #42415B;
font-size: 15px;
font-weight:400;
position: relative;
pointer-events: none;
left: 0;
top: 0;
font-family: "Figtree", sans-serif;
}
#contact-modal .form-box, .form-box {padding: 0 0 0 24px;background: transparent;}
#contact-modal .form-box .form-control{
height: 42px;
padding: 0px 16px 0 0;
}
.wpcf7-form .form-control {
height: 30px;
padding: 0px 16px 0 0;
border: none;
border-radius: 0;
border-bottom: 1px solid #aaa;
border-top: none;
background: transparent;
box-shadow: none;
}
label{left: 0px;}
#contact-modal .contact-page-textarea, #event-contact-modal .contact-page-textarea {margin-top: 10px;}
.wpcf7 textarea {margin-top: 20px !important;}
#contact-modal .btn-gradient-primary.btn-gradient, .wpcf7-form .btn-gradient-primary.btn-gradient {
width: 100%;
height: 50px;
border-radius: 5px;
color: #fff;
font-family: "Figtree", sans-serif;
font-size: 18px;
font-weight: 400;
}
@media (min-width: 1300px) {
.container {
width: 1280px;
}
}
@media (max-width: 991px) {
.footer-contact.footer-menu {
max-width: none;padding-bottom:40px;} 
.bottom-copy-text p {
margin-bottom: 20px;}
}
@media (min-width: 992px) {
nav.main-navigation ul.main-sub-menu > li.column { padding: 0 6px; }
nav.main-navigation ul.main-sub-menu a.item { padding: 8px; }
}
@media only screen and (max-width:767px){	
.contect-section {padding: 50px 0;}
.panel-body {padding: 0;}
.cd-main-nav {padding-bottom: 40px;}
.menu-container {
background:linear-gradient(218deg, #0f071b, #001d3d);
}
.menu-container .column:last-child {padding: 0 20px 20px;}
.menu-container .column:not(:last-child) {
border-right: none;	
border-bottom: 1px solid rgba(112, 112, 112, 0.4);
padding-bottom: 15px;}
.menu-container h3 {padding: 20px 12px 10px;}
.menu-container .subheader,.menu-container .genai{margin: 0;}
.solutions-list, .solutions-list.column {padding: 20px;}
.menu-container.main-sub-menu.solution-tab li:first-child{
padding: 20px 10px 0px 20px;
border-bottom: 1px solid #ddd;
}
.menu-container.main-sub-menu.solution-tab li{
gap: 0px;
padding: 0px 20px;
border-bottom: none;
}
.menu-container.main-sub-menu.solution-tab .item{
margin-bottom: 0;
}
.panel-heading button.contact-us {
margin: 40px auto 0;
display: block;
width: calc(100% - 30px);
}
.clientele-item img {
height: auto;
}
.bottom-copy-text p {flex-wrap: wrap;}
.bottom-copy-text .social-feed {margin-top: 20px;}
.form-img {display:none;}
#contact-modal .form-box .form-control {
height: 38px;}
#contact-modal .wpcf7-form .form-group, #event-contact-modal .wpcf7-form .form-group {
margin-bottom: 15px;
}
}