.vertical-line {
position: fixed;
top: 0;
left: 50%; width: 2px;
height: 0; z-index:0;        background-image: repeating-linear-gradient(180deg, #88271a 0, #88271a 5px, transparent 5px, transparent 10px);
background-color: transparent; transition: background-color 0.3s ease, background-image 0.3s ease; }
.brief-sec{background: #FFF8F6;
border-radius: 25px;    padding: 0% 3%;overflow:hidden;    padding-bottom: 5%;}
.brief-sec .brief-head{color: #88271A; text-transform: uppercase; font-size: 48px; font-weight: 600; display: flex ; padding: 3vw 3vw 1vw 3vw; position: relative; background: #fff8f6; border-radius: 25px; align-items: center; justify-content: center;}
.brief-sec .number{display: flex ; align-items: center; justify-content: center;box-sizing:border-box;    flex-direction: column;gap: 15px;}
.brief-sec .initial .number span{width: 140px; height: 140px; display: flex ; align-items: center; justify-content: center; background: #909090; transform: scale(0);  border-radius: 50%; font-size: 60px; color: #fff; position: relative; z-index: 2;}
.brief-sec .initial.active .number span{background: #88271A;}
.brief-sec .content{display: flex ; flex-direction: row; box-sizing: border-box; gap: 100px;}
.brief-sec .content div{display: flex ; flex-basis: 50%;box-sizing: border-box;}
.brief-sec .content div.des{flex-direction: column; padding-top: 50px; gap: 10px;}
.brief-sec .content div.des h3{font-size: 48px; font-weight: 400; text-transform: uppercase; color: #88271a;}
.brief-sec .content div.des p{font-size: 16px; color: #000; font-weight: 400; line-height: 24px; }
.brief-sec .initial{padding-bottom:40px;}
.brief-sec .number{color: #88271A; text-transform: uppercase; font-size: 48px; font-weight: 600;position: relative;z-index:2;}
.brief-sec .initial.active .number span{animation: scaleDown 1s ease-in-out forwards;}
@keyframes scaleDown {
0% {
transform: scale(0); 
}
50% {
transform: scale(1.1); 
}
100% {
transform: scale(0.9);
}
}.service-voiceover section{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;  
}
.service-voiceover .head h5{
font-size: 5vw;
text-align: center;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.service-voiceover .head{
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;    padding-bottom: 40px;
}
.service-voiceover .head p{
font-size: 20px;
font-weight: 400;
color: #fff;
max-width: 70%;
text-align: center;
}
.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;}#carousel-container {
display: flex;
justify-content: space-between;
align-items: end;
gap: 20px; width: 100%;
max-width: 100%;
box-sizing: border-box;
}
#sync1 {
width: 78%; 
}
#sync2 {
width: 20%; 
}
#sync1 .item {
margin: 5px;
color: #FFF;
display: flex;
align-items: end;
}
#sync2 .item {
margin: 5px;
color: #FFF;
text-align: center;
cursor: pointer;
}
#sync2 .current .item {
}
#sync1 .custom-post-item{display: flex; flex-direction: row; gap: 70px; box-sizing: border-box;}
#sync1 .custom-post-item .left{
display:flex;
flex-basis:45%;
box-sizing:border-box;position:relative;
}
#sync1 .custom-post-item .right{
display:flex;
flex-basis:55%;
box-sizing:border-box;
flex-direction:column;justify-content:center;
}
#sync1 .owl-nav{position:absolute;bottom:0;right:0;}
#sync1 .right .post-excerpt,#sync1 .right .post-excerpt p{font-size:28px;line-height:38px;font-weight:400;color:#000;text-align:center;position:relative;}
#sync1 .right h2 a{font-size:24px;line-height:28px;font-weight:400;color:#000;}  
#sync1 .right .designation{font-size:16px;line-height:28px;font-weight:300;color:#000;} 
#sync1 .custom-post-item .left img{position:relative;}   
#sync1 .custom-post-item .left::before,#sync2 .post-thumbnail::before{content: '';
background: #FFE4E0;
position: absolute;
bottom: 0;
width: 100%;
height: 80%;
left: 0;display:flex;}  
#sync1 .right .post-excerpt::before{content:"";background-image:url(https://staging.jaivoice.com/wp-content/uploads/2024/11/Group-15657.png);height: 45px;
width: 50px;
display: flex;
background-size: 45px;
background-repeat: no-repeat;}
#sync1 .right .post-excerpt::after{content:"";background-image:url(https://staging.jaivoice.com/wp-content/uploads/2024/11/Group-15658.png);height: 45px;
width: 50px;
display: flex;
background-size: 45px;
background-repeat: no-repeat;justify-content:end;    position: absolute;
bottom: 0;
right: 0;}
#sync1 .right .post-excerpt p{padding:20px 0px 50px 0px;}
#sync2 .custom-post-item{width:100%;}
#sync2 .post-thumbnail{position:relative;width:100%;}
#sync2 .post-thumbnail img{position:relative;width:100%;}    
#sync1 .owl-nav button.owl-prev span{background:url(https://staging.jaivoice.com/wp-content/uploads/2024/11/Group-8.png);    height: 70px;width: 70px; display: flex; background-size: 65px; background-repeat: no-repeat;font-size:0px;}
#sync1 .owl-nav button.owl-next span{background:url(https://staging.jaivoice.com/wp-content/uploads/2024/11/Group-9.png);width: 70px;    height: 70px; display: flex; background-size: 65px; background-repeat: no-repeat;font-size:0px;}
#sync1 .owl-nav button:hover{background:transparent !important;}.accordion_container {
width: 100%;
display: flex;
flex-direction: column;
gap: 0;
flex-wrap: nowrap;
align-items:center;padding-bottom: 70px; border-bottom: 1px solid #484848;position:relative;z-index:1;   border-top: 1px solid #D6D6D6;
}
.accordion_item{
width: 100%;
transition: width .2s linear .3s;
background: #fff;
border-bottom: 1px solid #D6D6D6;
padding: 30px;
}    .accordion_head{
display: flex;
flex-direction: row;
justify-content: space-between;
color: #88271A;
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
align-items: center;
}
.accordion_head div{
display: flex;
align-items: center;
gap: 30px;
box-sizing: border-box;
}
.accordion_item.open .plusminus{opacity:1;}
.accordion_item .accordion_body{
font-size: 18px;
font-weight: 400;
line-height: 28px;}
.accordion_item .accordion_body p{padding-right: 55px;}
.accordion_item.open .accordion_body{padding-top: 15px;}
.accordion_container .accordion_item:not(.open) .accordion_body {
max-height:0px;
opacity:0;    background: #242222;
transition: max-height .3s linear .3s, opacity .0s linear; position:relative;z-index:0;
}
.accordion_container .accordion_item.open .accordion_body {
--height :0px;
max-height: var(--height);
opacity:1;
transition: max-height .2s linear , opacity .3s linear .2s; 
}
span.plusminus::before {
content: "";
display: block;
position: relative;
opacity:1;
transition: all ease .3s;
background-image: url(https://staging.jaivoice.com/wp-content/uploads/2024/11/faq_arrow-1.png);
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: 38px;transition:0.3s all ease-in-out;cursor:pointer;
}
.accordion_item.open span.plusminus::before {
transform:rotate(-90deg);
}.footer-form-block{padding-top:10%;padding-bottom: 10%;}
.footer-form-block form{display: flex; flex-direction: column; gap: 50px; box-sizing: border-box;}
.footer-form-block form .single{    display: flex; gap: 5%; box-sizing: border-box; width: 100%;}
.footer-form-block form .form-group{    display: flex; flex-direction: column; gap: 10px; width: 100%;}
.footer-form-block form .single .form-group{width: 50%;}
.footer-form-block form .form-group input,.footer-form-block form .form-group textarea{width: 100%; background: transparent; resize:none;outline: none; border: none; color: #fff; font-weight: 400; border-bottom: 1px solid #fff; padding-bottom: 15px; font-size: 20px;font-family:"Figtree", sans-serif !important;}
.footer-form-block form .form-group span{    color: #fff; font-size: 14px; text-transform: capitalize;}
.footer-form-block form .form-group textarea::placeholder,.footer-form-block form .form-group input::placeholder{font-size:20px;font-weight:400;color:#fff;font-family:"Figtree", sans-serif !important;}