/*Hero button css*/
.hero-btn1 a {
position: relative;
overflow: hidden;
z-index: 1;
}
/* Color effect on hover */
.hero-btn1 a::before {
content: ”;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: #D65932; /* Change this to your desired color */
transform: translate(-50%, -50%);
transition: width 0.3s, height 0.3s;
z-index: -1;
border-radius: 2000px;
}
.hero-btn1 a:hover::before {
width: 200%;
height: 200%;
}
/* section 3 containers css*/
.con1,
.con2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.con1 {
animation: fadeloop1 6s ease-out infinite alternate;
animation-duration: 6s;
animation-timing-function: ease-out;
animation-direction: alternate;
display: block;
}
.con2 {
animation: fadeloop2 6s ease-out infinite alternate;
animation-duration: 6s;
animation-timing-function: ease-out;
animation-direction: alternate;
display: block;
}
@keyframes fadeloop1{
0% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fadeloop2 {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
/*Logo slider*/
.single-logo-con{
min-height: 150px !important;
min-width: 150px !important;
}
.slider-logo-inner{
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
animation: scroll 10s linear infinite;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-150%);
}
}
/*Steps section*/
.step-card{
transition: transform 0.3s, box-shadow 0.3s;
}
.step-card:hover{
transform: scale(1.02);
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
}
/*.step-svg-box{*/
/* max-height: 156px !important; */
/* max-width: 235px !important; */
/*}*/
/*————-*/
/* OLD section 4 reviews*/
.reviews-outer-con{
overflow: hidden;
}
.reviews-slider .swiper-wrapper{
cursor: default !important;
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.marked-text{
background: #40916C!important;
color: #00001c;
}
.feature-box p {
margin-block-start: 0;
margin-block-end: 0;
}
.sec5-bg-pic{
height: 100%;
}
/**/
.heading-box{
padding-top: 5rem;
padding-bottom: 5rem;
position: sticky;
top: -38px;
}
.cards-wrapper{
position: relative;
}
.card-item {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(95px);
background-color: rgba(255, 255, 255, 0);
background-image: radial-gradient(circle, rgba(165, 239, 255, .19), rgba(110, 191, 244, .04) 71%, rgba(70, 144, 212, .15));
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0);
transition: all .5s;
position: -webkit-sticky;
position: sticky;
top: 7rem;
overflow: hidden;
box-shadow: 0 -12px 16px -4px rgba(0, 0, 0, .05);
}
.card-item:hover {
border-color: #fff;
background-image: radial-gradient(circle at 0%, rgba(165, 239, 255, .28), rgba(110, 191, 244, .07) 71%, rgba(70, 144, 212, .23)), radial-gradient(circle, rgba(165, 239, 255, .19), rgba(110, 191, 244, .04) 71%, rgba(70, 144, 212, .15));
}
.card2{
top: 8rem;
}
.card3{
top: 9rem;
}
.card4{
top: 10rem;
}
.card5{
top: 11rem;
}
.card6{
top: 12rem;
}
/*Uni logos section*/
.hover-color{
cursor: pointer !important;
-webkit-filter: grayscale(100%) !important;
-moz-filter: grayscale(100%) !important;
-ms-filter: grayscale(100%) !important;
-o-filter: grayscale(100%) !important;
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
}
.hover-color:hover{
-webkit-filter: grayscale(0%) !important;
-moz-filter: grayscale(0%) !important;
-ms-filter: grayscale(0%) !important;
-o-filter: grayscale(0%) !important;
}
.blue-card{
opacity: 55%;
}
.blue-card:hover{
opacity: 100%;
}
/* Nobile Testinonial Section*/
.ekit-wid-con .ekit_testimonial_style_5 .elementskit-single-testimonial-slider {
min-height: 440px !important;
}
