.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
text-decoration: none;
}
.btn-text-flip:hover {
color: #fff;
fill: #fff;
}
.btn-text-flip:hover span {
color: #fff;
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
} .style-4 .btn-border-crop {
display: inline-block;
}
.style-4 .btn-border-crop:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(105.52deg, var(--b-color-1, #FF856A) 0%,  var(--b-color-2, #FFED4E) 34%, var(--b-color-3, #4BFFF4) 69%, var(--b-color-4, #7F52FF) 100%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mask-image: var(--btn-bg, url(//www.happysunday.co.uk/wp-content/plugins/arolax-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.arolax-btn-width-full .wc-btn-wrapper {
width: 100%;
}
.arolax-btn-width-full a {
width: 100%;
justify-content: center;
}.a-service--item {
transition: all 0.4s;
position: relative;
}
.a-service--item::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #121212;
left: 0;
top: 0;
opacity: 0;
z-index: 0;
visibility: hidden;
}
.a-service--item:hover::before {
visibility: visible;
}
.a-service--item svg {
width: 1em;
height: 1em;
}
.title, .number, .image, .desc, .btn-wrapper {
z-index: 5;
position: relative;
} .a-service--item.style-1 {
gap: 20px;
display: grid;
align-items: center;
grid-template-columns: 0.5fr 1fr 1.5fr 2fr 0.5fr;
}
.a-service--item.style-1 .btn-wrapper {
margin-left: auto;
}
.a-service--item.style-1 .a-btn-circle {
border-radius: 50px;
border: 1px solid #ddd;
height: 70px;
width: 70px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
} .a-service--item.style-2 {
gap: 20px;
display: grid;
grid-template-columns: 1fr 1fr 0.5fr;
}
.a-service--item.style-2 .wc-btn-wrapper {
display: inline-block;
}
.a-service--item.style-2 .wc-btn-group {
display: flex;
width: fit-content;
margin-left: auto;
}
.a-service--item.style-2 .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #121212;
border: 1px solid #EFEFEF;
background-color: #fff;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.a-service--item.style-2 .wc-btn-play {
border-radius: 50px;
border: 1px solid #EFEFEF;
background-color: #fff;
color: #121212;
fill: #121212;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.a-service--item.style-2 .wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.a-service--item.style-2 .wc-btn-group:hover > *:nth-child(2) {
background-color: #C9F31D;
transform: scale3d(1, 1, 1);
}
.a-service--item.style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.a-service--item.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.a-service--item.style-2 .wc-btn-group:hover > *:nth-child(1) {
background-color: #C9F31D;
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.a-service--item.style-2 .wc-btn-group:hover > *:nth-child(3) {
background-color: #C9F31D;
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
@media (max-width: 767px) {
.a-service--item.style-1,
.a-service--item.style-2 {
gap: 10px;
grid-template-columns: 1fr;
}
.a-service--item.style-1 .btn-wrapper,
.a-service--item.style-2 .wc-btn-group  {
margin-left: 0;
}
}.arolax_testimonial_wrapper svg {
width: 1em;
height: 1em;
transition: all 0.3s;
}
.arolax_testimonial_wrapper img {
object-fit: cover;
}
.arolax_testimonial_wrapper .wcf-arrow {
line-height: 0;
} .arolax__testimonial-1 .wrap {
display: flex;
align-items: center;
gap: 20px;
}
.arolax__testimonial-1 .image {
position: relative;
}
.arolax__testimonial-1 .image img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 100%;
}
.arolax__testimonial-1 .feedback {
margin-top: 20px;
margin-bottom: 30px;
}
.arolax__testimonial-1 .info {
text-align: left;
}
.arolax__testimonial-1 .wcf-arrow {
position: relative;
z-index: 1;
aspect-ratio: 1/1;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.arolax__testimonial-1 .slide {
position: relative;
}
.arolax__testimonial-1 .slide::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
background: #ddd;
top: 0;
right: -20px;
}
.arolax__testimonial-1 .ts-navigation {
display: flex;
align-items: center;
justify-content: center;
}
.arolax__testimonial-1 .swiper-pagination-bullets {
bottom: -30px !important;
}
.arolax__testimonial-1 .swiper-pagination-bullet-active {
border-radius: 5px;
} .arolax__testimonial-2 .image {
position: relative;
}
.arolax__testimonial-2 .image img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 100%;
}
.arolax__testimonial-2 .feedback {
margin-top: 20px;
margin-bottom: 30px;
}
.arolax__testimonial-2 .info * {
display: inline-block;
}
.arolax__testimonial-2 .wcf-arrow {
position: relative;
z-index: 1;
aspect-ratio: 1/1;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.arolax__testimonial-2 .ts-navigation {
display: flex;
align-items: center;
justify-content: center;
}
.arolax__testimonial-2 .swiper-pagination-bullets {
bottom: -30px !important;
}
.arolax__testimonial-2 .swiper-button-disabled {
position: relative;
}
.arolax__testimonial-2 .swiper-button-disabled::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
background-color: #121212;
}
.arolax__testimonial-2 .swiper-button-disabled i,
.arolax__testimonial-2 .swiper-button-disabled svg {
opacity: 0;
visibility: hidden;
} .arolax__testimonial-3 .wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.arolax__testimonial-3 .author {
display: flex;
align-items: center;
gap: 20px;
}
.arolax__testimonial-3 .image {
position: relative;
}
.arolax__testimonial-3 .image img {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 100%;
}
.arolax__testimonial-3 .feedback {
margin-top: 20px;
margin-bottom: 30px;
}
.arolax__testimonial-3 .swiper-slide {
height: auto;
}
.arolax__testimonial-3 .slide {
height: 100%;
}
.arolax__testimonial-3 .wcf-arrow {
position: relative;
z-index: 1;
aspect-ratio: 1/1;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.arolax__testimonial-3 .ts-navigation {
display: flex;
align-items: center;
justify-content: center;
}
.arolax__testimonial-3 .swiper-pagination-bullets {
bottom: -30px !important;
} .arolax__testimonial-4 .slide {
background-color: #F9F9F9;
}
.arolax__testimonial-4 .content {
padding: 45px 30px;
}
.arolax__testimonial-4 .wrap {
gap: 15px;
display: flex;
align-items: center;
padding: 25px 30px;
background-color: #121212;
}
.arolax__testimonial-4 .logo {
margin-bottom: 5px;
}
.arolax__testimonial-4 .name {
color: #fff;
}
.arolax__testimonial-4 .designation {
color: #555;
}
.arolax__testimonial-4 .feedback {
margin-top: 50px;
margin-bottom: 60px;
}
.arolax__testimonial-4 .quote {
text-align: right;
}
.arolax__testimonial-4 .swiper-pagination-bullet {
margin: 0 !important;
border-radius: 0;
width: 25px;
height: 2px !important;
}
.arolax__testimonial-4 .ts-pagination {
pointer-events: none;
}
.arolax__testimonial-4 .ts-navigation {
display: inline-block;
} .arolax__testimonial-5 .feedback {
margin-top: 20px;
margin-bottom: 20px;
}
.arolax__testimonial-5 .info {
border-left: 1px solid #ddd;
padding-left: 20px;
}
.arolax__testimonial-5 .ts-navigation {
display: inline-flex;
align-items: center;
margin-top: 30px;
border: 1px solid #ddd;
padding: 10px 18px;
border-radius: 100px;
}
.arolax__testimonial-5 .swiper-pagination-bullets {
text-align: left;
bottom: -40px;
}
.arolax__testimonial-5 .wrap {
display: flex;
gap: 25px;
}
.arolax__testimonial-5 .wcf-arrow {
padding: 5px;
}
.arolax__testimonial-5 .wcf-arrow-prev {
padding-right: 15px;
border-right: 1px solid #ddd;
}
.arolax__testimonial-5 .wcf-arrow-next {
padding-left: 15px;
}
.arolax__testimonial-5 .image {
margin-top: 20px;
} .elementor-widget-arolax--testimonial-2 svg {
width: 1em;
height: 1em;
}
.elementor-widget-arolax--testimonial-2 .prod_testimonial_thumb {
margin: 50px 200px;
}
.elementor-widget-arolax--testimonial-2 .prod_testimonial_thumb .author {
display: flex;
align-items: center;
gap: 10px;
opacity: 0.5;
transition: 0.3s;
}
.elementor-widget-arolax--testimonial-2 .prod_testimonial_thumb .swiper-slide-active .author {
opacity: 1;
}
.elementor-widget-arolax--testimonial-2 .prod_testimonial_thumb .avatar img {
width: 50px;
height: 50px;
border-radius: 100%;
object-fit: cover;
}
.elementor-widget-arolax--testimonial-2 .prod_testimonial_content {
}
.elementor-widget-arolax--testimonial-2 .ts-navigation {
display: flex;
align-items: center;
justify-content: space-between;
}
.elementor-widget-arolax--testimonial-2 .quote {
line-height: 0;
}
.elementor-widget-arolax--testimonial-2 .swiper-pagination-progressbar {
bottom: 0;
top: unset;
height: 1px;
}