224 lines
5.3 KiB
CSS
224 lines
5.3 KiB
CSS
.section-py {
|
|
padding: 6.25rem 0;
|
|
}
|
|
@media (max-width: 1199.98px) {
|
|
.section-py {
|
|
padding: 5rem 0;
|
|
}
|
|
}
|
|
@media (max-width: 767.98px) {
|
|
.section-py {
|
|
padding: 3rem 0;
|
|
}
|
|
}
|
|
|
|
.landing-hero {
|
|
background-repeat: no-repeat;
|
|
background-position: bottom;
|
|
background-size: cover;
|
|
padding-top: 7.95rem;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.landing-hero .hero-text-box {
|
|
max-width: 550px;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
.landing-hero .hero-title {
|
|
font-weight: 800;
|
|
}
|
|
.landing-hero .hero-animation-img {
|
|
margin-bottom: -16rem;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.landing-hero .hero-animation-img {
|
|
margin-bottom: -10rem;
|
|
}
|
|
}
|
|
@media (max-width: 575.98px) {
|
|
.landing-hero .hero-animation-img {
|
|
margin-bottom: -4rem;
|
|
}
|
|
}
|
|
.landing-hero .hero-animation-img .hero-dashboard-img img {
|
|
width: 85%;
|
|
margin: 0 auto;
|
|
}
|
|
.landing-hero .hero-animation-img .hero-elements-img {
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
}
|
|
.landing-hero .hero-animation-img .hero-elements-img img {
|
|
width: 100%;
|
|
}
|
|
|
|
.landing-features {
|
|
padding-top: 16rem;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.landing-features {
|
|
padding-top: 10rem;
|
|
}
|
|
}
|
|
@media (max-width: 575.98px) {
|
|
.landing-features {
|
|
padding-top: 4rem;
|
|
}
|
|
}
|
|
.landing-features .features-icon-wrapper .features-icon-box .features-icon {
|
|
height: 5.125rem;
|
|
width: 5.125rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-radius: 50rem;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.landing-features .features-icon-wrapper .features-icon-box .features-icon-description {
|
|
max-width: 310px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.landing-reviews .swiper-reviews-carousel .swiper {
|
|
padding-bottom: 2.75rem;
|
|
overflow: visible !important;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.landing-reviews .swiper-reviews-carousel .swiper {
|
|
padding-bottom: 2.5rem;
|
|
}
|
|
}
|
|
@media (max-width: 767.98px) {
|
|
.landing-reviews .swiper-reviews-carousel .swiper {
|
|
padding: 0 1rem 2rem;
|
|
}
|
|
}
|
|
.landing-reviews .swiper-reviews-carousel .swiper-slide {
|
|
height: auto;
|
|
padding: 1rem 0;
|
|
opacity: 0.5;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.landing-reviews .swiper-reviews-carousel .swiper-slide.swiper-slide-active {
|
|
opacity: 1;
|
|
padding: 0;
|
|
}
|
|
.landing-reviews .swiper-reviews-carousel .swiper-pagination {
|
|
bottom: 0;
|
|
}
|
|
.landing-reviews .swiper-reviews-carousel .swiper-pagination .swiper-pagination-bullet {
|
|
width: 0.625rem;
|
|
height: 0.625rem;
|
|
opacity: 1;
|
|
}
|
|
.landing-reviews .swiper-reviews-carousel .client-logo {
|
|
height: 1.75rem;
|
|
object-fit: contain;
|
|
}
|
|
.landing-reviews .swiper-logo-carousel .swiper {
|
|
max-width: 60rem;
|
|
}
|
|
.landing-reviews .swiper-logo-carousel .swiper .swiper-slide {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.landing-reviews .swiper-logo-carousel .swiper .client-logo {
|
|
height: 1.75rem;
|
|
max-width: 95%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.landing-team .team-image-box {
|
|
height: 11.5625rem;
|
|
border-top-left-radius: var(--bs-card-border-radius);
|
|
border-top-right-radius: var(--bs-card-border-radius);
|
|
}
|
|
.landing-team .team-image-box .card-img-position {
|
|
height: 15rem;
|
|
transform: translateX(-50%);
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.landing-team .team-image-box .card-img-position {
|
|
height: 13rem;
|
|
}
|
|
}
|
|
@media (max-width: 575.98px) {
|
|
.landing-team .team-image-box {
|
|
height: 11rem;
|
|
}
|
|
}
|
|
.landing-team .card .team-media-icons i {
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.landing-pricing #slider-pricing {
|
|
width: 75%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
.landing-fun-facts .fun-facts-icon {
|
|
width: 5.125rem;
|
|
height: 5.125rem;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.landing-fun-facts .fun-facts-text {
|
|
font-size: 2.125rem;
|
|
}
|
|
|
|
.landing-faq .faq-image {
|
|
max-width: 320px;
|
|
width: 80%;
|
|
}
|
|
|
|
.landing-contact .bg-icon-left .tagline,
|
|
.landing-contact .bg-icon-left .title {
|
|
opacity: 0.92;
|
|
}
|
|
.landing-contact .bg-icon-left .description {
|
|
opacity: 0.78;
|
|
}
|
|
|
|
.light-style .landing-reviews .swiper-reviews-carousel .swiper-pagination .swiper-pagination-bullet {
|
|
background-color: rgba(38, 43, 67, 0.12);
|
|
}
|
|
.light-style .landing-reviews .swiper-reviews-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
|
|
background-color: rgba(38, 43, 67, 0.26) !important;
|
|
}
|
|
.light-style .landing-team .card:hover .team-media-icons i[class*=facebook] {
|
|
color: var(--bs-facebook);
|
|
}
|
|
.light-style .landing-team .card:hover .team-media-icons i[class*=twitter] {
|
|
color: var(--bs-twitter);
|
|
}
|
|
.light-style .landing-team .card:hover .team-media-icons i[class*=linkedin] {
|
|
color: var(--bs-linkedin);
|
|
}
|
|
|
|
.dark-style .landing-reviews .swiper-reviews-carousel .swiper-pagination .swiper-pagination-bullet {
|
|
background-color: rgba(255, 255, 255, 0.12);
|
|
}
|
|
.dark-style .landing-reviews .swiper-reviews-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
|
|
background-color: rgba(255, 255, 255, 0.26) !important;
|
|
}
|
|
.dark-style .landing-team .card:hover .team-media-icons i[class*=facebook] {
|
|
color: var(--bs-facebook);
|
|
}
|
|
.dark-style .landing-team .card:hover .team-media-icons i[class*=twitter] {
|
|
color: var(--bs-twitter);
|
|
}
|
|
.dark-style .landing-team .card:hover .team-media-icons i[class*=linkedin] {
|
|
color: var(--bs-linkedin);
|
|
}
|
|
|
|
[dir=rtl] .landing-team .team-image-box .card-img-position {
|
|
transform: translateX(50%) !important;
|
|
}
|