*, h1, h2, h3, h4, h5, h6, p, a {
font-family: "Figtree", sans-serif;
line-height:1.6;
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
.column-centered {
float: none;
margin: 0 auto;
}
section{padding:50px 0;}
.h-100{height:100%}
.gap-20{gap:20px 0;}
.contact-form-card .form-group:has(.btn-gradient-primary), #contact-modal .wpcf7-form .form-group:has(.btn-gradient-primary){
margin-bottom: 0;
}
.home-banner {
padding: 90px 0px 112px 0px;
position: relative;
background: #0d0b28;
}
.home-banner:after {
content: "";
position: absolute;
width: 100%;
height: 100px;
bottom: 0;
background: linear-gradient(0deg, #0d0b28, transparent);
}
.home-banner .container{
position:relative;
min-height: 560px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align:center;    
gap: 25px;
z-index:5;
}
.home-banner .container h1{
font-size: 72px;
font-weight:700;
line-height:1.4;
background: -webkit-linear-gradient(236deg, #4BD4DE 0%, #9048C8 33%, #37A8F7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.home-banner .container h1 span{
-webkit-text-fill-color: #fff;
font-weight: 400;
}
.home-banner .container p{
font-size: 22px;
color: #fff;
font-weight: 400;
line-height: 1.6;
max-width: 650px;
}
.video-background {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
background-image: linear-gradient(90deg, #0a121e, #292651);
object-fit: cover;
width: 100%;
}
.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-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%);
}
.btn-primary{
border: transparent;
background: transparent linear-gradient(102deg, #05FEFD -15%, #477DE0 51%, #C805FA 115%);
border-radius: 5px;
font-size: 18px;
font-weight: 300;
height: 48px;
padding: 0 30px;
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-primary:hover{
background:transparent linear-gradient(106deg, #05FEFD -70%, #477DE0 -70%, #C805FA 100%);
color:#fff;
border:none;
box-shadow: none;
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;
} .leading-enterprises{
background: #0d0b28 url(//www.credencys.com/wp-content/uploads/2025/06/BG-2nd-sec.svg) no-repeat center top;
background-size: cover;
padding: 80px 0 40px;
position:relative;
}
.title-common h2 {
font-size: 44px;
color: #fff;
font-weight: 500;
margin-bottom: 45px;
}
.title-common h4 {
font-size: 22px;
color: #fff;
font-weight: 500;
max-width: 780px;
margin: 0 auto 30px;
}
.energy-card{
border-radius: 12px;
background: linear-gradient(219deg, #4BD4DE00 0%, #9048C8 33%, #37A8F700 100%);
display:block;
position:relative;
height: 100%;
overflow:hidden;
padding:3px;
}
.content-card-hover{	
padding:3px;
border-radius: 12px;
background: linear-gradient(120deg, transparent 0%, transparent 50%, transparent 100%);
background-size: 0%;
height: 100%;
width:100%;
position:absolute; 
bottom:-100%;
right:-100%;
}
.energy-card:hover .content-card-hover{
background: linear-gradient(230deg, #4BD4DE 0%, #9048C8 33%, #37A8F7 100%);
animation-name: gradient;
animation-duration: .2s;
bottom:0%;
right:0%;
}
.content-card {
position:relative;
width:100%; height:100%;
padding: 35px;
border-radius: 12px;
background: linear-gradient(218deg, #0f071b, #001d3d);
color: #ffffff;
transition: all .4s; }
.energy-card:hover .content-card{
background: linear-gradient(38deg, #0f071b, #001d3d);
}
.energy-card h3{
font-size: 20px;
font-weight: 500;
margin-bottom:20px;
}
.energy-card h2{    
font-size: 60px;
font-family:'Montserrat';
font-size: 40px !important;
font-weight: 900 !important;
background: -webkit-linear-gradient(60deg, #4BD4DE 0%, #9048C8 20%, #37A8F7 43%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
margin-bottom: 15px;
}
.content-card p{
font-size: 18px;
font-weight: 400;
color:#D6D5E8;
}
.energy-card .btn-link{
font-size: 18px;
font-weight: 400;
margin-top:30px;
background: -webkit-linear-gradient(60deg, #4BD4DE 0%, #9048C8 20%, #37A8F7 43%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} .cascading-section{
background: transparent radial-gradient(ellipse at 15% 0%, #FFFFFF 0%, #EFF3F6 100%);
}
.light-bg .title-common h2{color:#0D0C23;}
.light-bg .title-common h4{color:#42415B;}
.title-common:has(h4) h2 {
margin-bottom: 20px;
}
.cascading-section h3{
color:#42415B;
font-size:24px;
font-weight: 500;
margin-bottom: 15px;
}
.cascading-section h5{
color:#42415B;
font-size:16px;
font-weight: 600;
}
.cascading-section p{
color:#42415B;
font-size:18px;
font-weight: 400;
}
.card-container .cascading-card {
position: sticky;
top: 120px;
margin: 0 auto 40px;
padding:3px;
width: 90%;
display: flex;
background: transparent linear-gradient(246deg, #4BD4DE00 0%, #9048C8 33%, #37A8F700 100%);
border-radius: 12px;
transform-origin: top center;
transition: transform 0.2s ease;
z-index: 0;
transform-origin: top center;
transition: transform 0.2s ease;
z-index: 1;
}
.card-container .card-inner {
padding: 30px 15px;
border-radius: 12px;
width: 100%;
height: 100%;
background: #fff;
}
.points-container{display:flex; gap:25px 0;flex-wrap: wrap;padding-top: 25px;}
.small-card {
border-radius: 12px;
background: transparent linear-gradient(254deg, #4BD4DE00 0%, #9048C8 33%, #37A8F700 100%);
padding: 2px;height: 100%;
display:block;
cursor:pointer;
transition:all .5s ease-in;
}
.small-card:hover {
background: transparent linear-gradient(254deg, #9048C8 0%, #4aa1f2 33%, #9048C8 100%);
box-shadow: 2px 2px 10px rgba(40, 18, 79, 0.3);
}
.small-card-inner {
background: #fff;
border-radius: 12px;
display: flex;
align-items: center;
gap: 15px;
padding: 12px;height: 100%;
} .partners-card {
background: transparent radial-gradient(ellipse at 15% 0%, #ffffffd9 0%, #eff3f6d9 100%) 0% 0% no-repeat padding-box;
border: 1px solid #d2d2d2d9;
border-radius: 12px;
padding: 30px;
display: flex;
gap: 30px 40px;
flex-direction: column;
align-items: flex-start;
}
.partners-card h5{
font-size: 20px;
margin-bottom: 20px;
font-weight: 700;
}
.partners-card.databrick{height:100%;}
.logo-img {
display: flex;
gap: 10px;
}
.logo-img img {
width: calc(25% - 10px);
}
.partners-logo{max-height:40px;}
.snowflake-card{
flex-direction: row;
margin-bottom: 25px;
align-items: center;
}
.pim-container {
width: 100%;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 50px;
}
.pim-logo{max-height:40px;}
.light-bg{
background: radial-gradient(ellipse at 15% 0%, #FFFFFF 0%, #EFF3F6 100%);
}
.brand-card .content-card{
background: transparent linear-gradient(224deg, #150224 0%, #031941 100%);
} .slider-wrap {
width: 100%;
height:352px;
display: flex;
gap:10px;
float: left;
overflow: hidden
}
.slide {
width: 20%;
transition: 0.5s;
position: relative;
border-radius:12px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow:hidden;
cursor:pointer;
}
.slide:hover {
width: 80%;
}
.slide .content {
width: 100%;
position: absolute;
left: 0;
bottom: -190%;
box-sizing: border-box;
padding: 30px;
}
.slide:hover .content {
bottom: 0;
transition: 0.5s;
}
.slide img {
width: 40px !important;
}
.slide h2 {
font-size: 30px;
color: #fff;
font-weight: 600;
writing-mode: sideways-lr;
text-orientation: mixed;
position: absolute;
bottom: 30px;
left: 10px;
transition:0.5s;
}
.slide:hover h2 {
left: -50px;
}
.slide .content h4{color: white; font-size:24px; font-weight:600;}
.slide .content p{color: white; font-size:16px; font-weight:400;}
.mob-link{display:none;}
.white-card {
height: 100%;
padding: 2px;
background: transparent linear-gradient(245deg, #4BD4DE00 0%, #9048C8 33%, #37A8F700 100%);
border-radius: 12px;
}
.white-card .content-card {
display: flex;
align-items: center;
gap: 30px;
height: 100%;
background: #fff;
}
.w-1080{
max-width: 1080px;
margin: 0 auto;
}
.white-card .content-card p, .white-card .content-card h4{color:#42415B;}
.white-card .content-card h4{
font-size: 18px;
font-weight: 600;
margin-top: 10px;
}
.white-card .content-card .img-card{min-width:140px;}
.number-detail {
margin: 50px auto 30px;
text-align: center;
}
.number-detail h2{	
font-family: 'Montserrat';
font-size: 64px;
font-weight: 900;
background: -webkit-linear-gradient(180deg, #4BD4DE 0%, #9048C8 40%, #37A8F7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
margin-bottom: 15px;
}
.number-detail p{
font-size: 18px;
font-weight: 600;
}
.testi-container {
display: flex;
align-items: center;
flex-wrap:wrap;
}
.testi-container h2 {
color: #0D0C23;
font-size: 36px;
font-weight: 600;
max-width: 410px;
line-height: 1.4;
position:relative;
}
.testi-container h2:before {
content: "";
position: absolute;
top: -120px;
left: 0;
width: 195px;
height: 195px;
background: url(//www.credencys.com/wp-content/uploads/2025/06/double-quotes-svgrepo-com.png) no-repeat;
background-size: cover;
}
.testi-container h4{
font-size: 22px;
font-weight: 500;
margin-top: 10px;
max-width: 450px;
}
.testi-container p{
font-size: 18px;
font-weight: 400;
max-width: 560px;
}
.testi-container p.client-detail{
font-weight: 600;
margin-top:20px;
}
.testi-card{
height: 100%;
padding: 2px;
background: transparent linear-gradient(245deg, #4BD4DE00 0%, #9048C8 33%, #37A8F700 100%);
border-radius: 12px;
}
.testi-card-inner{
height: 100%;
background: #fff;
padding: 30px;
border-radius: 12px;
}
.white-border {
border: 1px solid #D2D2D2;
background:#fff;
border-radius: 12px;
padding: 70px 30px 30px;
position: relative;
height:100%;
}
.data-container {
gap: 20px;
}
.tag-box {
position: absolute;
top: 0;
padding: 10px 20px;
background: transparent linear-gradient(255deg, #4B72DE 0%, #9048C8 100%, #37A8F7 100%);
color: #fff;
border-radius: 0 0 5px 5px;
font-size: 18px;
font-weight: 400;
}
.cloud-platforms, .genai-box {
display: flex;
align-items: center;
}
.cloud-platforms-container:first-child .cloud-platforms{
gap:75px;
}
.cloud-platforms-container:nth-child(2) .cloud-platforms{
justify-content:space-between;
}
.genai-container:first-child .genai-box{
gap: 30px 85px;
flex-wrap: wrap;
}
.genai-container:nth-child(2) .genai-box{
justify-content: space-around;
gap: 30px 25px;
flex-wrap: wrap;
} .marquee-wrapper {
overflow: hidden;
width: 100%;
}
.marquee-inner {
display: flex;
}
.marquee-inner .ratio {
flex-shrink: 0;
margin-right: 30px;
width: clamp(80px, 10vw, 150px);
}
.marquee-inner .ratio{
cursor:pointer;
}
.marquee-inner .ratio img { transition: all 0.5s;
}
.marquee-inner .ratio:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@keyframes gradient {
0%   { right:-100%; bottom:-100%;}
100% {right:0; bottom:0;}
}
@media screen and (min-width: 1600px) {
.video-background {	top: auto; bottom:0;}
}
@media (min-width: 1300px) {
.container {
width: 1280px;
}
}
@media (max-width: 991px) {
.video-background{
width: auto;
height: 100vh;
top: auto;
bottom: 0;
}
.card-container .cascading-card{width:100%; position: relative; margin: 0 auto 30px;top: 10px;}
.col-lg-4.col-md-12.col-xs-12:not(:last-child) .energy-card {margin-bottom:30px;height: auto;}
.testi-container h2:before{
width: 125px;
height: 125px;top:-50px
}
}
@media only screen and (max-width: 767px) {
.title-common h2, .section-main-new-title h2,.testi-container h2 {
font-size: 24px !important; line-height:1.4;}
.title-common h4, .testi-container h4 {
font-size:18px;}
.testi-container p{
font-size:16px;
}
}
@media (max-width: 767px) {
.mt-4 {margin-top: 1rem;}
section {padding: 50px 0;}
.home-banner {padding:48px 0px 30px 0px;}
.home-banner:after {bottom:-2px;}
.home-banner .container h1 {font-size: 50px;}
.leading-enterprises{padding: 40px 0;}
.card-container .card-inner {padding: 15px 0px;}
.partners-card.databrick {margin-bottom: 30px;}
.snowflake-card {align-items: flex-start;flex-direction: column;}
.points-container {gap: 10px 0;}
.pim-item{text-align:center;}
.pim-container.row {
width: 110%;
display: flex;
gap: 15px;
justify-content: space-between;
align-items: center;
}
.slider-wrap {
flex-direction: column;
width: 100%; height: 100vh;
}
.slide {
width: 100%;
height: 13%;
}
.slide:hover {
width: 100%;
height: 60vh;
}
.slide h2{
writing-mode: horizontal-tb;
bottom: auto;
top: 50%;
transform: translateY(-50%);
left: 20px;
font-size:24px;
}
.slide:hover h2 {left: -100%;}
.slide .content{left: 100%;bottom: 0px;}
.slide:hover .content {
bottom: 0;
left: 0;
}
.mob-link{display:block;}
.white-card .content-card {gap:10px;flex-direction: column;align-items: flex-start;}	
.number-detail h2 {font-size: 50px;}
.testi-container h2:before{
top: -25px;
width: 60px;
height: 60px;
}
.data-container {display: flex;}
.genai-container:not(:last-child){margin-bottom:20px;}
.cloud-platforms-container:first-child .cloud-platforms {
gap: 25px;
justify-content: space-around;
}
.cloud-platforms-container:nth-child(2) .cloud-platforms {
justify-content: center;
gap: 20px;
}
.genai-container:first-child .genai-box {justify-content: space-around;gap: 30px;}
.white-border{height: auto;margin-bottom: 20px;}
}