/*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; }