156 lines
3.7 KiB
SCSS
156 lines
3.7 KiB
SCSS
//
|
|
// Testimonial
|
|
//
|
|
|
|
.testimonial {
|
|
.agency-testi-desc {
|
|
padding: 24px;
|
|
}
|
|
#agency-owl-demo {
|
|
.agency-testimonial-box {
|
|
padding-bottom: 0px !important;
|
|
.agency-testi-desc {
|
|
border: 1px solid $gray-200;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 28px;
|
|
height: 28px;
|
|
background-color: $white;
|
|
border: 1px solid $gray-200;
|
|
transform: rotate(45deg);
|
|
border-color: transparent $gray-200 $gray-200 transparent;
|
|
left: 0;
|
|
right: 0;
|
|
margin: 0px auto;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
.agency-testimonial-img {
|
|
img {
|
|
width: 80px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.carousel-control-prev {
|
|
width: 50px;
|
|
height: 50px;
|
|
background: $primary;
|
|
font-size: 35px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
.carousel-control-next {
|
|
width: 50px;
|
|
height: 50px;
|
|
background: $primary;
|
|
font-size: 35px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
/*------ APP-TESTIMONAIL------*/
|
|
|
|
.app-testimonial {
|
|
.testimonial-icon {
|
|
i {
|
|
position: absolute;
|
|
background: $primary;
|
|
width: 50px;
|
|
height: 50px;
|
|
display: inline-block;
|
|
font-size: 34px;
|
|
line-height: 50px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
color: $white;
|
|
top: 20px;
|
|
right: 50px;
|
|
}
|
|
}
|
|
.app-testimonial-img {
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 60px;
|
|
}
|
|
.app-testimonial-brand {
|
|
color: $muted !important;
|
|
}
|
|
.swiper-button {
|
|
display: flex;
|
|
justify-content: center;
|
|
.swiper-button-prev {
|
|
left: -4px;
|
|
}
|
|
.swiper-button-next {
|
|
right: -4px;
|
|
}
|
|
}
|
|
|
|
.swiper-button-next, .swiper-button-prev {
|
|
position: relative;
|
|
border: 2px solid rgba($primary, 0.6);
|
|
border-radius: 50%;
|
|
width: 35px;
|
|
height: 35px;
|
|
color: rgba($primary, 0.6);
|
|
&:hover {
|
|
color: rgba($primary, 1);
|
|
border: 2px solid rgba($primary, 1);
|
|
}
|
|
}
|
|
|
|
.swiper-button-next:after, .swiper-button-prev:after {
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
}
|
|
.swiper-slide {
|
|
a {
|
|
margin-right:4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// /
|
|
// home-6
|
|
|
|
.bg-home6 {
|
|
padding: 160px 0px 75px 0;
|
|
background-color: #0576b917;
|
|
@media (max-width: 991.98px) {
|
|
padding: 145px 0px 70px 0;
|
|
}
|
|
}
|
|
.swiper-container {
|
|
overflow: hidden;
|
|
}
|
|
.homeslider {
|
|
.swiper-slide {
|
|
transform: translate3d(0px, 0px, -200px) rotateX(0deg) rotateY(0deg) !important;
|
|
.swiper-slide-shadow-left,
|
|
.swiper-slide-shadow-right {
|
|
background-image: linear-gradient( to left, rgba($black, 0.01), rgba($white, 0) );
|
|
}
|
|
}
|
|
.swiper-slide-active {
|
|
transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1.1) !important;
|
|
}
|
|
}
|
|
|