body{
overflow-x: hidden;
}
#loader-overlay .loader{
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.video-section-wrapper.show__play video {
display: block; } .video-section-wrapper.show__play video::-webkit-media-controls {
display: none !important;
} .video-section-wrapper.show__play video::-moz-media-controls {
display: none !important;
} .video-section-wrapper.show__play video {
-ms-overflow-style: none; overflow: hidden;
}
.video-section-wrapper.show__play video::-moz-fullscreen {
display: block !important;
}
.video-section-wrapper {
position: relative;
height: 294px;
}
.video-section-wrapper .svg-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
opacity: 0;
cursor: pointer;
transition: all .3s ease-in-out;
}
.video-section-wrapper .theater-mode-btn {
width: 28px;
height: 28px;
position: absolute;
left: 10px;
top: 10px;
padding: 4px;
border-radius: 4px;
transition: all .3s ease-in;
opacity: 1;
background: #000;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.video-section-wrapper .theater-mode-btn svg{
width: 24px;
height: 24px;
stroke: #fff;
}
.video-section-wrapper .theater-mode-btn:hover{
opacity: 1;
}
.video-section-wrapper h3.video-title {
position: absolute;
bottom: -1px;
--tw-gradient-from: rgb(0, 0, 0);
--tw-gradient-to: rgba(0, 0, 0, 0);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
background-image: linear-gradient(to top, var(--tw-gradient-stops));
width: 100%;
margin: 0;
padding: 12px;
text-align: left;
font-size: 20px;
line-height: 28px;
color: #fff;
font-weight: 700;
display: none;
}
video.video-for-user {
height: 100%;
object-fit: cover;
width: 100%;
background: #fff;
}
.video-section-wrapper .overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.video-section-wrapper.show__play .svg-icon{
opacity: 1;
z-index: 91;
}
.video-section-wrapper.show__play h3.video-title{
display: block;
text-align: left;
pointer-events: none;
}
.video-section-wrapper iframe{
height: 100%;
object-fit: cover;
width: 100%;
}
.client-testimonials.activated-bg .slick-arrow{
z-index: -1;
}
.client-testimonials .slick-arrow{
z-index: 91;
}
.client-testimonials .slick-prev.slick-arrow {
left: -30px !important;
}
.client-testimonials .slick-next.slick-arrow {
right: -30px;
}
.client-testimonials .slick-next:before,.client-testimonials .slick-prev:before{
display: none;
}
.testimonial-item{
position: relative;
z-index: 9991;
}
.testimonial-item .video-description {
background-color: #E60012;
padding: 12px 24px;
font-size: 18px;
line-height: 27px;
color: #fff;
font-weight: 700;
text-align: left;
min-height: 132px;
}
.testimonial-slider{
position: relative;
min-height: 460px;
z-index: 9;
}
.theater-mode-screen {
position: absolute;
left: -50px;
top: 0;
background-color: #0009;
z-index: 991;
width: calc(100% + 100px);
height: 100%;
opacity: 0;
transition: all .3s ease-in;
pointer-events: none;
}
.theater-close-icon {
padding: 16px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
background-color: #00000080;
position: absolute;
top: 0;
width: 100%;
z-index: 9991;
}
.theater-close-icon svg{
width: 28px;
height: 28px;
cursor: pointer;
}
.theater-close-icon svg path{
stroke: #fff;
}
.theater-mode-screen .video-section-wrapper {
max-width: 600px;
margin: auto;
margin-top: 24px;
margin-bottom: 24px;
min-height: 384px;
overflow-y: auto;
position: relative;
z-index: 9991;
}
.theater-mode-screen .video-section-wrapper video{
height: 340px;
background: #000;
}
.theater-mode-screen .video-section-wrapper h3.video-title{
bottom: 50px;
}
.theater-mode-screen.showing-this{
opacity: 1;
pointer-events: all;
}
.theater-mode-screen .video-description {
position: relative;
top: -6px;
background-color: #E60012;
padding: 12px 24px;
font-size: 18px;
line-height: 27px;
color: #fff;
font-weight: 700;
text-align: left;
}
.testimonial-slider .slick-slide {
margin-right: 30px;
}
.testimonial-slider .slick-list {
margin-right: -30px;
min-height: 396px;
z-index: 8;
}
.testimonial-slider ul.slick-dots {
width: 100% !important;
position: relative;
bottom: -15px;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
gap: 10px;
}
.testimonial-slider ul.slick-dots li button {
font-size: 0;
width: 8px;
height: 8px;
border-radius: 50%;
box-sizing: border-box;
background: #eae0d7;
cursor: pointer;
border: none;
}
.testimonial-slider ul.slick-dots li.slick-active button {
background: #E60012;
}
.slick-dots li button:before{
display: none;
}
.testimonial-form-mobile{
display: none;
}
@media( max-width:1200px ){
.theater-mode-screen {
width: 100%;
left: 0;
}
#testimonial-for-desktop{
display: none;
}
.testimonial-form-mobile{
display: block;
}
.client-testimonials .slick-arrow{
display: none;
}
.theater-close-icon{
z-index: 999991;
}
.client-testimonials{
max-width: 540px;
margin: 0 auto;
}
}
@media( max-width:600px ){
.client-testimonials{
max-width: 100%;
margin: 0 auto;
}
}