.service-slider {
margin-bottom: 20px;
}
.service-slider .item{    transform: rotate(90deg);
width: 100%;
height: 100%;
min-width: 200px;}
.service-slider .item .bg-img{min-width: 100%;
min-height: 375px;
background-repeat: no-repeat;
background-size: cover;
transform: rotate(180deg);}    
#scrollableDiv {
width: 100%;
height: 800px;
overflow: auto;
scrollbar-width: none; overflow: auto;
scroll-snap-type: y mandatory;
scroll-behavior: smooth;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.service-block img{
width:100%;height:auto;
}
.service-block{
position: relative;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.service-block a:hover span:before{
width: 120px;
height: 120px;
content: "View";
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
border-radius: 90px;
border: 1px solid #fff;
color: #fff;
font-size: 24px;
font-weight: 400;
}
.service-block a:hover .view{background-color: #0003;}
.service-block .view span{border-radius: 50%;
display: flex;}
.service-block .view{
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;    top: 0;
left: 0;
} #scrollableDiv::-webkit-scrollbar {
display: none;
}
.service-block .content h5{position: absolute; top: 5%; left: 5%; color: #fff; font-size: 27px; text-transform: uppercase; }.swipper1{ display: flex; align-items: center; justify-content: center;background: #88271a;width:100%;}
.swipper1 .box{display: flex; flex-direction: column; background: #88271A; padding: 5%; box-sizing: border-box; max-width: 100%;      padding-top: 5vh;
padding-bottom: 5vh;}
.swipper1 .box .des p{font-size: 22px; color: #fff; font-weight: 400;}
.swipper1 .box .bottom{display: flex; align-items: center; gap: 20px; padding-top: 30px; color: #fff;}
.swipper1 .box .des{padding: 0 10px 30px 10px; border-bottom: 1px solid #fff;    text-align: left;}
.swipper1 .box .bottom h5{font-size: 20px; font-weight: 400; line-height: 1.5;    text-align: left;}
.swipper1 .box .bottom h6{font-size: 15px; line-height: 1.5; font-weight: 400;    text-align: left;}
.carousel {
--margin: 4rem;
position: relative;
width: min(40rem, 100% - 2rem);
min-height: 30rem;
margin-top: var(--margin);
}
.carousel__item {
background-color: #88271a;
border-radius: 0;
position: absolute;
height: 80%;
transform-origin: top;
transition: all 1s cubic-bezier(0.28, 0.55, 0.385, 1.65);
width: 100%;
}
.carousel__item:nth-child(1) {
z-index: 6;
top: 1rem;
transform: scale(1.1);
opacity: 0;
}
.carousel__item:nth-child(2) {
z-index: 5;
top: 0;
transform: scale(1);
opacity: 1;
}
.carousel__item:nth-child(3) {
z-index: 4;
top: -1rem;
transform: scale(0.95);
opacity: 0.8;
}
.carousel__item:nth-child(4) {
z-index: 4;
top: -2rem;
transform: scale(0.9);
opacity: 0.7;
}
.carousel__item:nth-child(n+5) {
z-index: 3;
top: -3rem;
transform: scale(0.8);
opacity: 0;
}
@keyframes fade-out-back {
from {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes fade-in-front {
from {
top: 1rem;
transform: scale(1.2);
opacity: 0;
}
}
.controls{    margin-top: 100px;
position: relative;
z-index: 10;
cursor: pointer;    display: flex;
justify-content: center;background:transparent}
.controls button{border:none;cursor:pointer;}
@media only screen and (max-width: 781px)
{
.testimonial .carousel {
--margin: 4rem;
position: relative;
width: 100%;
margin-top: var(--margin);
padding-top: 6rem;
min-height: 90vh;
}
.mob-ptob60{padding-top:60px !important;}
.controls button img{max-width:40px;}
}.cricket-group{z-index: 1; position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; top: 0; left: 0;opacity:0;transition:0.3s opacity ease-in-out;    margin-block-start: 0 !important;}
.cricket-group .cric-btn{display: flex; align-items: center; gap: 0px; border: 1px solid #fff; border-radius: 50px; padding: 5px; box-sizing: border-box; flex-direction: row; transition:0.3s all ease-in-out; backdrop-filter: blur(10px);}
.cricket-group .cric-btn a{padding:0px 10px;color:#fff;font-weight:400;font-size:20px;}
.cric-hover:hover .cricket-group{opacity:1;}.portfolio .sect1 .bg{height: 80vh !important;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;background-color: #00000033;position:relative;
}
.portfolio .sect1 .bg .head h5{    font-size: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 5px;position:relative;z-index:1;}
.portfolio .sect1 .bg .overlay{
background-color: #00000033;position:absolute;width:100%;height:100%;display:flex;left:0;top:0;}.columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
max-width: 100%;
margin: 0 auto;
position: relative;gap: 40px;
} .column {
--column-offset: 10vh;
display: flex;
flex-direction: column;
padding: var(--column-offset) 0;
} .column__item-imgwrap img {
border-radius: 0;
width: 100%;
height: auto; object-fit: cover;padding-bottom: 0px;
}
.column__item-caption {
text-align: center;
} .warning {
position: fixed;
top: 1rem;
left: 1rem;
right: 1rem;
max-width: 80em;
margin: auto;
z-index: 2;
}
@supports (animation-timeline: scroll()) { .columns {
overflow-y: hidden;
}
.column-reverse { flex-direction: column-reverse;
} @keyframes adjust-position { from {
transform: translateY(calc(-100% + 100vh));
} to {
transform: translateY(calc(100% - 100vh));
}
} .column-reverse {
animation: adjust-position linear forwards;
animation-timeline: scroll(root block);
}
}.article-container {
margin: 0 auto;
width: 100%;
height: 650px;
display: flex;
align-items: center;
max-width:100% !important;overflow:hidden;box-sizing: border-box;        flex-grow: 0;
}
.article-container .item {
flex-basis: 15%;
height: 650px;
position: relative;
transition: all .5s ease-in;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 2%; 
display: flex; 
align-items: end; 
color: #fff;
max-width:50vw;
width:100%;box-sizing: border-box;        flex-basis: 0;
flex-grow: 1;
} .article-container .item .overlay{    background: #000000B0;
position: absolute;
display: flex;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 0;
transition:0.2s all ease-in-out;
}
.article-container .item .head-date{    display: flex;
flex-direction: row;
justify-content: space-between;
gap: 40px;    align-items: center;
}
.article-container .item .head-date h6.date{
font-size: 18px;
padding-left: 20px;
background-image: url(https://staging.jaivoice.com/wp-content/uploads/2024/11/clock-1-1.png);
background-position: 0% 50%;
background-repeat: no-repeat;
background-size: 15px;
align-items: center; display:none;transition:0.2s all ease-in-out;position:relative;z-index:1;
}
.article-container:not(:hover) .item:first-child,.article-container:hover .item:hover{
flex-basis: 55%;
}
.article-container:not(:hover) .item:first-child .overlay,.article-container:hover .item:hover .overlay{
background: #00000033;
}
.article-container .item .content h5{font-size: 1.5rem; font-weight: 400; line-height: 1;z-index: 1;
position: relative;    display: flex;
transition:0.2s all ease-in-out;
line-height: 1.2;}
.article-container:not(:hover) .item:first-child h5,.article-container:hover .item:hover h5{
max-width: 70%;
}
.article-container:not(:hover) .item:first-child h6,.article-container:hover .item:hover h6{
display:flex; max-width: 30%;
}
.article-container .item:hover .cricket-group{opacity:1;}.influence-slider-block{position:relative;overflow:hidden;    display: flex;
justify-content: center;
box-sizing: border-box;padding:0%;}
.influence-slider-block .item .certificate {display: flex; flex-direction: row; align-items: center; gap: 5%; width: 100%; box-sizing: border-box; }
.influence-slider-block .item .certificate h5{font-size: 48px; font-weight: 400; color: #88271A;transition:0.5s all ease-in-out;text-transform:uppercase;}
.influence-slider-block .item .certificate h3{font-size: 7vw; font-weight: 600; color: #88271A;transition:0.5s all ease-in-out;padding-bottom:25px;}
.influence-slider-block .item .certificate .left .content p{font-size: 20px;
line-height: 1.5;
color: #000000;
font-weight: 400;text-align:left;}
.influence-slider-block .owl-stage-outer .owl-stage .active{z-index: 1;}
.influence-slider-block .item .certificate .left{
display: flex;
max-width: 50%;
box-sizing: border-box;
padding-right: 5%; 
width:50%;
}
.influence-slider-block .item .certificate .right{ width:50%;
}
.influence-slider-block .item .certificate .left .content{
display: flex;
flex-direction: column;
gap: 0px;
box-sizing: border-box;    align-items: baseline;}
.influence-slider-block .owl-nav {display: none !important;}
.influence-slider-block{    position: relative; padding-bottom: 5%; display: flex; justify-content: center;    padding-top: 2}
.influence-slider-block .owl-dots {
gap: 0px;
padding-bottom: 0;
box-sizing: border-box;
position: relative;
margin-top: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
top: 0px;
left: 0;
flex-direction: row;
padding-top: 45px;
}
.influence-slider-block .owl-dots .owl-dot span {font-size: 20px;
font-weight: 400; color: #A9A9A9; font-weight: 400; background: transparent !important; border-radius: unset;  padding-right: 30px;display: flex !important; justify-content: center;padding-bottom: 50px; margin: 0 !important; width: 100% !important; height: auto !important; border-radius: unset !important;position: relative; padding-left: 30px !important; }
.influence-slider-block .owl-dots .owl-dot::after{     content: "";
background: #D9D9D9;
position: absolute;
top: 48px;
width: 100%;
height: 2px;
left: 0;
}
.influence-slider.owl-theme .owl-dots .owl-dot{height:100%;position: relative; }
button{outline:none;}
.influence-slider-block .owl-dots .owl-dot span::before{content: "";
background: #A9A9A9;
position: absolute;
top: 40px;
width: 16px;
height: 16px;
left: -7px;transition:1s all ease-in-out;    z-index: 1;border-radius:50%;}
.influence-slider-block .owl-dots .owl-dot span::after{content: "";
content: "";
background: transparent;
position: absolute;
top: 36px;
width: 24px;
height: 24px;
left: -11px;
transition: 1s all ease-in-out;
z-index: 1;
border-radius: 50%;
border: 1px solid #EB2127;
opacity: 0;}            .influence-slider-block .owl-dots .owl-dot.active span::before{background:#EB2127 !important;}
.influence-slider-block .owl-dots .owl-dot.active span::after{opacity:1;}
.slideOutUp {
animation: slideOutUp 1.5s forwards;
}
.slideInDown {
animation: slideInDown 1.5s forwards;
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
opacity: 0;
}
}
@keyframes slideInDown {
0% {
transform: translateY(-100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
#sync3 .item {
margin: 5px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync4 .item {
color:  #88271A;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync4 .item h1 {
font-size: 18px;
}
#sync4 .current .item {
}
.owl-theme .owl-nav [class*="owl-"] {
transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*="owl-"].disabled:hover {
background-color: #d6d6d6;
}
#sync3.owl-theme {
position: relative;
}
#sync3.owl-theme .owl-next,
#sync3.owl-theme .owl-prev {
width: 22px;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
}
#sync3.owl-theme .owl-prev {
left: 10px;
}
#sync3.owl-theme .owl-next {
right: 10px;
} .owl-carousel .animated {
animation-duration: 1.5s !important;
} #sync3.owl-theme .owl-next,
#sync3.owl-theme .owl-prev {
width: 35px !important;
height: 55px !important;
}
#sync3 svg {
width: 22px !important;
}
.certificate-below{  
position: relative;
display: flex;
align-items: center;
justify-content: center;    flex-direction: column;
}
.certificate-below span{    display: flex;
width: 100%;
justify-content: center;position:relative; padding-bottom: 50px;}
.certificate-below span::after{    content: "";
position: absolute;
background: #A9A9A9;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
bottom: 7px;transition:0.3s all ease-in-out;
}
.certificate-below span::before{    content: "";
position: absolute;
background: #A9A9A9;
width: 100%;
height: 5px;
display: flex;
bottom: 15px;
}
.certificate-below h3{
transform: scale(0.7);
color: #000;
transition: 0.3s all ease-in-out;
font-weight: 400;
}
.owl-item.current .certificate-below h3{ transform: scale(1); color: #88271A;}
.owl-item.current .certificate-below span::after{background:#88271A;}
.certificate-below::after{content:""; position: absolute;
border: 1px solid #88271A;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
bottom: 3px;transition:0.3s all ease-in-out;opacity:0;}
.owl-item.current .certificate-below::after{opacity:1;}
.influence-slider-block .owl-dots{display:none !important;}.certi-slider-block{position:relative;overflow:hidden;    display: flex;
justify-content: center;
box-sizing: border-box;padding:5% 0%;}
.certi-slider-block .item .certificate {display: flex; flex-direction: row; align-items: center; gap: 5%; width: 100%; box-sizing: border-box; }
.certi-slider-block .item .certificate h5{font-size: 8vw; font-weight: 600; color: #fff;transition:0.5s all ease-in-out;}
.certi-slider-block .item .certificate .left .content p{font-size: 20px;
line-height: 1.5;
color: #fff;
font-weight: 400;}
.certi-slider-block .owl-stage-outer .owl-stage .active{z-index: 1;}
.certi-slider-block .item .certificate .left{
display: flex;
max-width: 50%;
box-sizing: border-box;
padding-right: 15%;}
.certi-slider-block .item .certificate .left .content{
display: flex;
flex-direction: column;
gap: 0px;
box-sizing: border-box;}
.certi-slider-block .owl-nav {    position: absolute;
bottom: -6vw;
right: 0;}
.certi-slider-block .owl-nav span{opacity:0 !important;}
.certi-slider-block .owl-nav .owl-prev{    background-image: url(https://staging.jaivoice.com/wp-content/uploads/2024/11/owlleft.png) !important;
width: 55px;
height: 55px;
background-repeat: no-repeat !important;
background-size: 50px !important;
background-position: bottom !important;}
.certi-slider-block .owl-nav .owl-next{    background-image: url(https://staging.jaivoice.com/wp-content/uploads/2024/11/owlright.png) !important;
width: 55px;
height: 55px;
background-repeat: no-repeat !important;
background-size: 50px !important;
background-position: bottom !important;}
.certi-slider-block{    position: relative; padding-bottom: 7vw; display: flex; justify-content: center;}
.certi-slider-block .owl-dots {gap: 30px; padding-bottom: 0; box-sizing: border-box; position: relative; left: 0%;     margin-top: 4%; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.certi-slider-block .owl-dots .owl-dot span {font-size: 22px;
font-weight: 400; color: #fff; font-weight: 400; background: transparent !important; border-radius: unset;  padding-right: 30px;display: flex !important; justify-content: center;padding-bottom: 10px; margin: 0 !important; width: 100% !important; height: auto !important; border-radius: unset !important;position: relative; padding-left: 30px !important; }
.certi-slider-block .owl-dots .owl-dot::after{     content: "";
background: #D9D9D9;
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
left: 0;}
.owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent !important;}
.owl-theme .owl-dots .owl-dot.active span{font-weight:800;}
.certi-slider.owl-theme .owl-dots .owl-dot{width:100%;position: relative;}
button{outline:none;}
.certi-slider-block .owl-dots .owl-dot:has(+.owl-dot.active)::before{
left:unset;
right:0;opacity:0;
}
.certi-slider-block .owl-dots .owl-dot::before{content: "";
background: #EB2127;
position: absolute;
bottom: 0;
width: 0%;
height: 3px;    opacity: 0;
left: 0;transition:width 5s ease-in-out;    z-index: 1;}
.certi-slider-block .owl-dots .owl-dot.active::before{width:100%;    opacity: 1;}