@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
  

@font-face{
    font-family: BebasNeue-Regular;
    src:url(../fonts/BebasNeue-Regular.ttf);
    src:url(../fonts/BebasNeue-Regular.otf);
}

  /* 

  font-family: 'Montserrat', sans-serif; 
  
  font-family: BebasNeue-Regular;
  
  */
*{
    margin: 0;
    padding: 0;
}

h1{
    font-size: 6.68em;
    font-family: var(--vcs-bebas);
    margin: 0;
	line-height:1;
}
h2{
    font-size: 2.6em /* 2.938em */;
    font-family: var(--vcs-montserrat);
    margin: 0;
    line-height: 48px;
}
h3{
    font-size: 1.563em;
    font-family: var(--vcs-bebas);
    margin: 0;
}
  
h4{
    font-size: 1.25em;
    font-family: var(--vcs-montserrat);
    margin: 0;
}

h5{
    font-size: 1.12em;
    font-family: var(--vcs-montserrat);
    margin: 0;
}

h6, p{
    font-size: 1em;
    font-family: var(--vcs-montserrat);
    margin: 0;
    line-height: 30px;
    color: var(--vcs-p-black);
}

a {
	text-decoration: none;
    /* transition: 0.4s all; */
	color:#6f6f6f;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;

}
a:hover{
    color: var(--vcs-red);
}
ul{padding:0; margin:0;}
li{ list-style:none;}
.z-3{ z-index:9; }
.mt-60{
    margin-top: 3.75em;
}
.mb-60{
    margin-bottom: 3em;
}
.mt-80{
    margin-top: 80px;
}
.mb-80{
    margin-bottom: 80px;
}
.p{padding:2rem}
.section-padding{
    padding: 6.25em 0;
}

.red{
    color: var(--vcs-red);
    font-weight: 800;
}
.fw-semibold{font-weight: var(--vcs-500);}
.sec-title {
    letter-spacing: 3px;
    display: inline-block;
    position: relative;
    line-height:32px;
}
.sec-title:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 30px;
    background: var(--vcs-red);
    top: 0;
    left: 0 /* -22px */;
}
.sec-title:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 30px;
    background: var(--vcs-red);
    top: 0;
    right: 0 /* -22px */;
}
.box-shadow{box-shadow: var(--vcs-shadow);}
html, body{
    overflow-x: hidden;
}

:root{
  
    --vcs-red: #e60d2d;
    --vcs-black: #1d1d1d;
    --vcs-white: #fff;
    --vcs-gray: #ededed; 
    --vcs-gray-light: #E4E4E4;
	--vcs-deepgray: #929292;
	--vcs-deepgray2:#292529;
	--vcs-deepgray3:#12171D;
    --vcs-montserrat: 'Montserrat', sans-serif;
    --vcs-bebas: BebasNeue-Regular;
    --vcs-shadow: 0 0 18px 4px rgba(0,0,0,0.2); /* #dfdfdf */
    --vcs-p-black: #545454;
    --vcs-btn-font-s:14px;
    --vcs-btn-letter-spacing: 3px;
    --vcs-btn-padding:14px 24px;
	--vcs-500: 500;
    --vcs-600: 600;
	--vcs-700: 700;
    --vcs-b-radious5: 5px;
    --vcs-b-radious10: 10px;
    --vcs-b-radious20: 18px;
	--vcs-b-radious30: 38px;
	--vcs-b-radious50: 50px;

}

::-webkit-scrollbar {
    width: 3px;
}
  
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
}
  
 
  ::-webkit-scrollbar-thumb {
    background: var(--vcs-red);
    border-radius: 8px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: var(--vcs-black);
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 3px;
}

.container {
    max-width: 1400px;
    margin: 0 auto !important;
}

nav .container-fluid {
    max-width: 1460px;
    
}
.shadow {box-shadow: var(--vcs-shadow);}
.transition-vcs{
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.bebas-font{font-family: var(--vcs-bebas);}
.bg-primary {
    background-color: var(--vcs-red)!important;
}
.fw-600{ font-weight:600; }
/*------------ common css end ----------------*/
/*------------ Hamburger start ----------------*/
 nav.fixed-top{
	background:var(--vcs-white);
	border-bottom: 1px solid #ced4da;
}
 .top-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;  
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: var(--vcs-black);
/*  height: 120px;*/
  padding:0;  
}
.logobox{width:170px; transition: all 300ms ease-in-out;}
.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
    color: var(--vcs-black);
    padding: 3em 4.37em 3em 0;
    font-size: 0.8em;
    font-weight: var(--vcs-600);
    font-family: var(--vcs-montserrat);
    text-transform: capitalize;	
    transition: all 300ms ease-in-out;
}
.navbar-expand-lg .navbar-nav .nav-link.active{
	color: var(--vcs-red);
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
	color: var(--vcs-red);
}
.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99;
  position:relative;
}
#menu-toggle {
  display: none;
}
.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: var(--vcs-red);
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}
.menu-button::before {
  content: '';
  margin-top: -8px;
}
.menu-button::after {
  content: '';
  margin-top: 8px;
}
#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
@media only screen and (min-width: 992px){
    .menu-item-has-children:hover .dropdown-menu{ display:block !important; }
}
.dropdown-menu .dropdown-item{font-size: 0.8em; font-weight: var(--vcs-600);}
.dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-item.active{background: var(--vcs-red); color: var(--vcs-white);}
/*------------ Hamburger end ----------------*/
/*----------- common button start -----------------*/ 
.btn{
    padding:var(--vcs-btn-padding);
     text-transform: uppercase;
     border-radius: var(--vcs-b-radious50);
    letter-spacing: var(--vcs-btn-letter-spacing);
    font-family: var(--vcs-montserrat);
    border: 1.5px solid transparent;
    font-size:var(--vcs-btn-font-s);
    font-weight: var(--vcs-700);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease; 
}
.btn-light{color: var(--vcs-red);}
.btn-primary, 
.form-submit .submit,
.more-link {
    background: var(--vcs-red);
    padding:var(--vcs-btn-padding);
    color: var(--vcs-white);
    border-radius: var(--vcs-b-radious50);
    text-transform: uppercase;
    letter-spacing: var(--vcs-btn-letter-spacing);
    font-family: var(--vcs-montserrat);
    box-shadow: var(--vcs-shadow);
    border: 1.5px solid transparent;
	font-size:var(--vcs-btn-font-s);
	font-weight: var(--vcs-700);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;     
}
.btn-primary:focus,
.btn-primary:active:focus{
	 background: var(--vcs-white);
	color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
	 box-shadow: none;
} 
 .btn-primary:hover,
 .form-submit .submit:hover,
 .more-link:hover{
	 background: var(--vcs-white);
	color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
} 

.fw-5{
    font-weight:var(--vcs-500);
}
#menu-primary-menu > li:last-child a{
    display: inline-block;
    background: var(--vcs-red);
    padding: 10px 20px;
    color: var(--vcs-white);
    text-decoration: none;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: var(--vcs-montserrat);
    box-shadow: var(--vcs-shadow);
    border: 1.5px solid transparent;    
    font-size: 14px;
	font-weight: var(--vcs-700);
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease; 
}

#menu-primary-menu > li:last-child a:hover{
	 background: var(--vcs-white);
	color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
}
/*----------- common button end -----------------*/ 
/*-------------------------  header start -------------------------*/

header.header-area {
    color: var(--vcs-white);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top:80px;
}
header.header-area .container {
    z-index: 9;
}
.header-content {
    z-index: 9;
    text-align: left;
    color: var(--vcs-white);
    width: 70%;
}
header.header-area:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: url(../img/bannerbg.png) no-repeat center center; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-bannerbg-img-1920x1080-2.png') no-repeat center center;
    background-size: cover;    
}
header.header-area:after {
    content: '';
    position: absolute;
    right: -46px;
    bottom: 0;	
	width: 286px;
    height: 420px;
	/* background: url(../img/top-v.png) no-repeat top left; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-top-v-img-286x420-2.png') no-repeat top left;
	
}
header.header-area p {
    width: 80%;
}
header .btn-primary {
    box-shadow: none;
}
.banner-img {
    position: relative;
    margin-right: 96px;
    align-self: flex-end;
    margin-bottom: -112px;
}
header.header-area {
    overflow: hidden;
    position: relative;
}
/*-------------------------  header end -------------------------*/
/*--- home page about start ------------ */

section.about{
    position: relative;
}
section.about:before {
    content: "";
    position: absolute;
    /* background: url(../img/AboutBottom-LeftCorner.png) no-repeat left bottom; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-aboutbottom-leftcorner-img-400x453-2.png') no-repeat left bottom;
    width: 400px;
    height: 453px;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    z-index: -1;
}
/*section.about:after {
    content: "";
    position: absolute;
    background: url(../img/AboutTop-rightCorner.png) no-repeat top right;
    top: -18em;
    right: 0;
    width: 287px;
    height: 1330px;
    opacity: 0.5;
	z-index: 10;    
}*/
.about-box {
    box-shadow: var(--vcs-shadow);
    padding: 40px;
    border-radius: var(--vcs-b-radious30);
    margin-bottom: 33px;
    background: var(--vcs-white);
    transition: .4s;
	z-index: 99;
}
.about-box.box-custom:hover {
    box-shadow: 10px 20px 30px #ddd;
}
.about-box-icon {
    margin-right: 30px;
    background: #ffe4e8;
    width: 75px;
    height: 75px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    overflow: hidden;
    transition: 0.5s;
}

.about-box-cont {
    overflow: hidden;
}

.about-box-icon img {
    color: var(--vcs-red);
    width: 50%;
    transform: rotate(0deg);
    transition: 0.5s;
}
.about-box:hover .about-box-icon > img{
    transform: rotate(360deg);
}
.about-box-cont h4 {
    font-weight: var(--vcs-600);
    text-transform: capitalize;
    line-height: 1;
}

.about-box:nth-child(2) {
    transform: translateX(-125px);
}
.about-right p {
    line-height: 26px;
}
.about-left ul{
	margin-bottom:3rem;
}
.about-left li{
    font-family: var(--vcs-montserrat);
	margin-bottom:5px;
	position:relative;
	padding-left:18px;
	color: var(--vcs-p-black);
}
.about-left li:before{
	content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: var(--vcs-b-radious50);
    background: var(--vcs-red);
}
/*--- home page about end ------------ */
/*--- home page services start --------- */
section.services.section-padding {
     background: var(--vcs-gray); 
    position: relative;
}

.single-service {
    padding: 30px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    margin-bottom: 2em;
}


.single-service h4 a{
  font-weight: var(--vcs-600);
  transition: all ease-in-out 800ms;
  color: var(--vcs-black);
}

.single-service p {
    font-size: .93em;
    line-height: 26px;
    color: var(--vcs-black);
    transition: all ease-in-out 800ms;
}

a.services_read_more {
    background: var(--vcs-red);
    width: 56px;
    height: 60px;
    line-height: 43px;
    text-align: center;
    color: var(--vcs-white);
    border-radius: 50%;
    position: absolute;
    right: -15px;
    bottom: -15px;
    transition: 0.5s;
    padding-right: 10px;
    z-index: 9;
}

a.services_read_more i {font-size: 18px;}

.service_image:after {
    clip-path: polygon(50% 52%, -15% -2%, 112% 0);
    background: var(--vcs-red);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -1px;
    opacity: 10%;
}
.service_image {
    text-align: center;
}
.service_image img {
    height: 170px;
    transition: .6s;
}

.single-box {
    position: relative;
    overflow: hidden;
    transition: all ease-in-out 500ms;
}
.single-box .ser-txt{
    position: relative;
    z-index: 111;
}
.single-box:after  {
    content: '';
    position: absolute;
    background: rgb(230 13 45 / 100%);
    width: 100%;
    height: 58%;
    left: 0px;
    bottom: -100%;
    transition: all ease-in-out 500ms;
}
.single-box:hover:after{
    bottom: 0;
}
.single-box:hover h4 a, .single-box:hover p{
    color: #fff;
}
.single-box:hover a.services_read_more{
    background: #ffbcbc;
}
/*--- home page services end --------- */
/*--- home page portfolio start --------- */
.portfolio_section {
    position: relative;
    background: #340003;
    color: #fff;
    z-index: 1;
}

.portfolio_section:before {
    content: "";
    position: absolute;
    /* background: url(../img/Portfolio-LeftTop.png) no-repeat left top; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-portfolio-lefttop-img-675x737-2.png') no-repeat left top;
    width: 675px;
    height: 737px;
    left: 0;
    top: 0;
    opacity: 0.5;
	z-index: -1;
    /* z-index: -1; */
}
.portfolio_section:after {
    content: "";
    position: absolute;
    /* background: url(../img/Portfolio-RightBottom.png) no-repeat bottom right; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-portfolio-rightbottom-img-569x435-2.png') no-repeat bottom right;
    bottom: 0;
    right: 0;
    width: 569px;
    height: 435px;
    opacity: 0.3;
	z-index: 0;
    /* z-index: -1; */
}

.portfolio-item {
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: var(--vcs-b-radious30);
    z-index: 2;
    height: 300px;
    margin-bottom: 1.5em;
}

.portfolio-item img {
    width: 100%;
    height: 300px;
    border-radius: 30px;
    transition: 0.5s;
}


.portfolio-item:after {
    content: "";
    left: 0;
    opacity: 1;
    z-index: 1;
    position: absolute;
    background: rgba(230,13,45,0.9);
    width: 100%;
    height: 100%;
    top: -100%;
    transition: 0.5s;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.portfolio-item:hover.portfolio-item:after {
    top: 0%;
    opacity: 0.9;
}

.controls{    
    border-bottom: 1px solid #5f272a;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 80%;
}

.portfolio_section .control {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 1em;
    color: #fff;
    /* transition: background 150ms; */
    padding: 8px 20px;
    margin: 5px 10px;
    background: none;
    border: 0;
}
.portfolio_section .control:hover{
	color: var(--vcs-red);
}
.portfolio_section .mixitup-control-active[data-filter]:before {
    background: transparent;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px solid #e60d2d;
    height: 1px;
    background: #e60d2d;
    left: 0;
    right: 0;
    bottom: -6px;
}
.portfolio_section .mixitup-control-active[data-filter]:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #e60d2d;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -13px;
}
.portfolio_section .hover-cont h4 {
    font-size: .9em
}
.portfolio_section .hover-cont p {
    font-size: .9em;
}
.portfolio_section .hover-cont a{
    box-shadow: none !important;
    border: 1px solid var(--vcs-white) !important;
    padding: 8px 12px !important;
    font-size: .7em;
}
.portfolio_section .hover-cont a:hover{
    box-shadow: none !important;
    border: 1px solid transparent;
}
.portfolio_section .controls button {
    text-transform: capitalize;
    font-size: 1em;
}
.portfolio_section .hover-cont {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    transition: 0.5s;
    margin: 0 auto;
    text-align: center;
}
.portfolio_section .portfolio-item:hover .hover-cont {
    bottom: 100px;
    z-index: 99;
}
.portfolio_section a{
    box-shadow: none;
}
.portfolio-item:hover img {
    transform: scale(1.1);
}
/*--- home page portfolio end --------- */

/*--- home page testimonials start --------- */

  section.testimonials_section {
    z-index: 3;
    position: relative;
}
section.testimonials_section:before {
    content: "";
    position: absolute;
    /* background: url(../img/TestimonialsTop-rightCorner.png) no-repeat top right; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-testimonialstop-rightcorner-img-443x801-2.png') no-repeat top right;
    width: 443px;
    height: 801px;
    top: 0;
    right: 0;
    opacity: 0.25;
    z-index: -1;
}
section.testimonials_section:after {
	display:none;
    content: '';
    position: absolute;
    left: 0;
    top: -37%;
	width: 332px;
    height: 295px;
	/* background: url(../img/v-ang.png) no-repeat top left;     */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-v-ang-img-332x295-2.png') no-repeat top left;    
}
.singletestimonial {
    border: 0;
}
.singletestimonial p {
    color: #929292;
    line-height: 1.95em;
    font-style: italic;
    font-weight:500;
}
.testimonials-left {
    text-align: center;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    bottom: -11px;
    left: 50%;
    transform: translatex(-50%);
    width: 100%;
}
#owldemo1 .client,
#owldemo3 .client {
    position: relative;
	padding: 3em 0;
}
#owldemo1 .clientimg,
#owldemo3 .clientimg {
    border: 1px solid #ffffff3b;
    box-shadow: 0 0 30px 2px #dddddd91;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
#owldemo3 .clientimg {
	box-shadow:none;
}
#owldemo1 .clientimg img,
#owldemo3 .clientimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#owldemo1 .name,
#owldemo3 .name {
    position: relative;
    padding-left: 14px;
}
#owldemo1 .owl-dots,
#owldemo3 .owl-dots {
    position: absolute;
    left: 0;
    /* right: 0; */
    bottom: -2%;
}
#owldemo1 .name p,
#owldemo3 .name p {
    color: #929292;
    font-size: 1.1em;
}
.client .name h5{
    font-size: 1.3em;
    font-weight:600;
}
#owldemo1 .owl-prev,
#owldemo4 .owl-prev{
    position: absolute;
    /* top: 65%; */
	bottom: 0;
    background: #e40d2d;
    padding: 10px !important;
    border-radius: 0;
    height: 37px;
    width: 37px;
    color: var(--vcs-white);
    left: 85%;
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    box-shadow: var(--vcs-shadow);
}
#owldemo1 .owl-next,
#owldemo4 .owl-next{
    position: absolute;
    bottom: 0;
    background: #e40d2d;
    padding: 10px !important;
    border-radius: 0;
    height: 37px;
    width: 37px;
    color: var(--vcs-white);
    right: 2%;
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    box-shadow: var(--vcs-shadow);
}

#owldemo3 .name small{color: #929292;}
.coma-img{ width: 100px;}
/*--- home page testimonials end --------- */
/*--- home page work start --------- */

section.work.section-padding {
    padding: 90px 106px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.work-btn a {
    border: 2px solid #d7d7d7;
    box-shadow: none;
}
.work-btn a:hover {
    border: 2px solid transparent;
    box-shadow: none;
}
span.txt-inline {
    padding: 0 20px;
    color: var(--vcs-white);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}
.work-right-image {
    width: 681px;
    height: 388px;
    background-repeat: no-repeat;
    position: absolute;
    top: -20%;
    right: 1%;
    background-size: contain;
	background-position: center bottom;
}
/* .work-right-image .carousel-fade{background: url(../img/VideoThumbnail-Shadow.png) no-repeat center bottom / cover;} */
.work-right-image .carousel-fade{background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-videothumbnail-shadow-img-630x612-2.png') no-repeat center bottom / cover;}
.short-video{
	width: 630px;
	height:612px;
/*	background: url(../img/int-work-screen.png) no-repeat center bottom;*/
    background: url(../img/VideoThumbnail-2.png) no-repeat center bottom;
	background-size: contain;
	margin-top: 0;
	padding: 24px 18px 15px;
}
.short-video iframe{
	width:100%;
	height:100%;
}
section.work.section-padding {
    transform: translateY(-90px);
    border-radius: var(--vcs-b-radious30);
    z-index: 2;
}
.work-btn a:last-child {
    background: var(--vcs-white);
    color: var(--vcs-black);
    font-weight: var(--vcs-600);
    border: 2px solid transparent;
}
section.work .sec-title:before,
section.work .sec-title:after{
	background: var(--vcs-black);
} 
span.bold {
    font-weight: var(--vcs-600);
}
/*--- home page work end --------- */

/*--- home page faQ start --------- */
section.faq-section {
    padding-top: 30px;
    padding-bottom: 100px;    
}
.faq-inner{position:relative; z-index:4;}
/*.footer-after:before{
    content: "";
    position: absolute;
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-footer-rgt-corner-img-343x715-2.png') no-repeat top right;
    top: -29.6em;
    right: 0;
    width: 343px;
    height: 715px;    
    z-index: 3;
}*/
section.faq-section:before {
    content: "";
    position: absolute;
    /* background: url(../img/AboutBottom-LeftCorner.png) no-repeat left bottom; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-aboutbottom-leftcorner-img-400x453-2.png') no-repeat left bottom;
    width: 400px;
    height: 453px;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    z-index: -1;
}
/* accordion */
button.accordion-button {
    font-weight: var(--vcs-600);
    color: var(--vcs-red) !important;
    box-shadow: none !important;
    border-radius: 12px 0 0 !important;
    background: transparent !important;
}
.footer-faq .accordion-item {
    border-radius: 14px !important;
    border-color: var(--vcs-red);
    overflow: hidden;
}
.faq-inner .accordion-item {
    border-radius: 14px!important;
    border-color: var(--vcs-red);
    overflow: hidden;
}

/* Default - when accordion button is NOT collapsed (expanded) - Red border */
.faq-inner .accordion-item:has(.accordion-button.collapsed) {
    border-color: #ced4da !important;
}

.accordion-body {
    padding-top: 0;
}
.accordion-body p {
    color: #545454;
}
.accordion-item:not(:first-of-type){
    border-top: 1px solid var(--vcs-red);
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    content: '\f056';
    font-family: 'Font Awesome 5 Pro';
    transform: rotate(-0deg);
    position: absolute;
    right: 20px;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    background-image: none;
    content: '\f055';
    font-family: 'Font Awesome 5 Pro';
    transform: rotate(-0deg);
    position: absolute;
    right: 20px;
    top: 20%;
}
.accordion-item:last-child{
    margin-bottom:0 !important;
}

/* scrollable accordion css  */

.accordion-body {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Styles for the scrollbar itself */
.accordion-body::-webkit-scrollbar {
    width: 4px;
}

.accordion-body::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.accordion-body::-webkit-scrollbar-thumb {
    background-color: var(--vcs-red);
    border-radius: 20px;
    border: transparent;
}

/* Hide scrollbar buttons (up & down arrows) */
.accordion-body::-webkit-scrollbar-button {
    display: none;
}



/* scrollable accordion css  */

/*--- home page faQ end --------- */ 

/*--- home page blog start --------- */ 
section.blog-section {
	background: var(--vcs-gray);
}
.owl-carousel .card img {
    display: block;
    width: 100vw;
    height: 100%;
    object-fit: cover;
}
.blog-image {
    /* width: 40%; */
    width: 100%;
    height: 100%;
}
.blog-content {
    width: 60%;
    width: 100%;
    height: 100%;
}
h4.card-title {
    color: var(--vcs-red);
    letter-spacing: var(--vcs-btn-letter-spacing);
    font-size: 1em;
}
.col-md-8.blog-content h5 {
    font-size: 0.9em;
    font-weight: var(--vcs-600);
    line-height: 1.8em;
}
a.red {
    font-size: 0.8em;
    color: var(--vcs-red);
    text-decoration: none;
}
p.card-text {
    
    line-height: 26px;
}
.card{
    border-radius: var(--vcs-b-radious30);
    overflow: hidden;
    height:100%; 
}
.card .service_pic{background:#f5f5f5;}
.owl-carousel .card{display:block; height:100%;}
.owl-carousel .row{ height:100%; }
.rounded-start {
    border-bottom-left-radius: var(--vcs-b-radious30) !important;
    border-top-left-radius: var(--vcs-b-radious30) !important;
}

.blog-item img, .blog-image{
    transition: .6s;
    overflow: hidden;
}
.blog-item:hover img {
    transform: scale(1.1);
}
.blog-section .more-blogtxt{
	display: none;
}
#owldemo2 .owl-stage{ display: flex; align-items: stretch;}
#owldemo2 .item{ height:100%; display: flex; align-items: stretch; }
#owldemo2 button.owl-prev {
    position: absolute;
    top: 40%;
    padding: 10px !important;
    border-radius: 50px !important;
    height: 35px;
    width: 35px;
    color: var(--vcs-black) !important;
    left: -3%;
    line-height: 16px !important;
    text-align: center;
    box-shadow: 0 6px 30px #c7c7c7 !important;
    transition: .4s;
    border: 1px solid #dbdfe3;
}
#owldemo2 button.owl-next {
    position: absolute;
    top: 40%;
    padding: 10px !important;
    border-radius: 50px !important;
    height: 35px;
    width: 35px;
    color: var(--vcs-black) !important;
    right: -3%;
    line-height: 16px !important;
    text-align: center;
    box-shadow: 0 6px 30px #c7c7c7 !important;
    border: 1px solid #dbdfe3;
    transition: .4s;
}
#owldemo2 button.owl-prev:hover i,
#owldemo2 button.owl-next:hover i{
    color: #fff !important;
}
#owldemo2 button.owl-prev:hover,
#owldemo2 button.owl-next:hover{
    background: #e40d2d !important;
}
#owldemo2 button.owl-prev i, #owldemo2 button.owl-next i{
    color: #dbdfe3;
}
/*--- home page blog end --------- */ 

/*--- home page brand logo start --------- */ 
section.brand-section {
    position: relative;    
}
.brand-inner {
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    z-index:5;
}
.owl-carousel.owl-drag .owl-item{ padding:0 2px; }
.brand-item {
    padding: 40px;    
    text-align: center;
    width: 100%;
    height: 130px;
    border-radius: 10px;
	border: 1px solid #ced4da; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--vcs-white);
}
.brand-item:hover{
	border: 1px solid var(--vcs-red);
}
.band-inner-container{ 
    width:85%;
}
.band-inner-container .owl-theme .owl-dots .owl-dot.active span, 
.band-inner-container .owl-theme .owl-dots .owl-dot:hover span{
	background: var(--vcs-red);
}
.owl-carousel .owl-nav.disabled{
    display: inline-block;
}
.blog-section .owl-carousel .owl-nav.disabled{
    display: none;
}
.brand-section button.owl-prev {
    position: absolute;
    top: 25%;
    padding: 10px !important;
    border-radius: 50px !important;
    height: 37px;
    width: 37px;
    color: var(--vcs-black) !important;
    /* left: -9%; */
    left: -7%;
    line-height: 19px !important;
    text-align: center;
    box-shadow: 0 6px 30px #c7c7c7 !important;
    transition: .4s;
    border: 1px solid #dbdfe3;
    background: var(--vcs-white) !important;
}
.brand-section button.owl-next {
    position: absolute;
    top: 25%;
    padding: 10px !important;
    border-radius: 50px !important;
    height: 37px;
    width: 37px;
    color: var(--vcs-black) !important;
    /* right: -9%; */
    right: -7%;
    line-height: 19px !important;
    text-align: center;
    box-shadow: 0 6px 30px #c7c7c7 !important;
    border: 1px solid #dbdfe3;
    transition: .4s;
    background: var(--vcs-white) !important;
}
.brand-section button.owl-prev:hover i,
.brand-section button.owl-next:hover i{
    color: #fff !important;
}
.brand-section button.owl-prev:hover,
.brand-section button.owl-next:hover{
    background: #e40d2d !important;
}

.brand-section button.owl-prev i, .brand-section button.owl-next i{
    color: #dbdfe3;
}
/*--- home page brand logo end --------- */
/*==================footer start================*/
.footer-section{
	/* background: url(../img/footer-bg.jpg) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-footer-bg-img-1920x547-2.jpg') no-repeat top center;
	background-size: cover;	
}
.footer-section h5,
.footer-inner h5 {
    color: #7e7c7d ;
    font-weight: var(--vcs-600);
    font-size: 2em;
	margin-bottom:1em;
}
 .footer-section:after {
    content: '';
    position: absolute;
    right: -49px;
    top: -1px;
	width: 332px;
    height: 295px;
	/* background: url(../img/v-ang.png) no-repeat top left; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-v-ang-img-332x295-2.png') no-repeat top left;
	-ms-transform: rotate(180deg); 
  transform: rotate(180deg);
  clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 19%);
  z-index: 2;
} 
.footer-section.right-after:after{clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 100%);}
.footer-area {
    position: relative;
    background: var(--vcs-white);
    z-index: 0;
}
.footer-area.section-padding{
    padding-bottom: 50px;
}
.footer-area .row {
    margin-left: calc(var(--bs-gutter-x)/ 0);
}
.footer-area:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #110003;
    clip-path: polygon(0% 0%, 85% 0, 100% 25%, 100% 100%, 0 100%);
    z-index: -1;
}
.footer-area:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 25%;
    clip-path: polygon(0% 0%, 100% 80%, 100% 100%);
    background: #929292;
    z-index: -1;
}
.footer-box {
    display: flex;
    /*justify-content: space-evenly;*/
    margin-bottom: 2em;
}
.footer-content {
    margin-left: 1.3em;
}
.footer-newsletter span{ color:#493539;}
.footer-content span{
    color: #414a54;
    font-weight: 500;
    font-size: 1.2em;
	display: inline-block;
	margin-bottom:0.6em;
}
.flag img{
	width: 23px;
}
.footer-content p, .footer-content a  {
    color: var(--vcs-white);
    font-size: 0.9em;
    line-height: 1.6em;
    /* margin-top: .6em; */
    display: block;font-family: var(--vcs-montserrat);
}
.footer-content a:hover{ color: var(--vcs-red);} 
.footer-area .col-sm-2{
    padding: 0;
}
.footer-content span.block {
    display: block;
    color: var(--vcs-white);
}
.newsbox {
    width: 100%;
    height: 45px;
    background: #f4fcff;
    border-radius: 30px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
    margin-top: 1em;
}
.newsbox a {
    width: 40%;
    background: var(--vcs-red);
    float: right;
    border-radius: 30px;
    font-size: 12px;
    color: var(--vcs-white);
    padding: 8px 0;
    margin-top: 5px;
    text-transform: uppercase;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    position: absolute;
    right: 4px;
    top: -1px;
    text-align: center;
    vertical-align: middle;
    font-weight: var(--vcs-600);
    text-decoration: none;
}
.newsbox a:hover {
	color: #e60d2d;
	background: #fff;
}
.newsbox input {
    border: none;
    margin: 0 14px;
    background: transparent;
    line-height: 22px;
    width: 100%;
    font-size: 12px;
    outline: none;
    padding: 10px 5px;
    color: #095f59;
}
.footer-bottom {
    padding-top: 1em;
}
.social-icons {
    position: relative;
    margin-bottom: 1em;
}
.social-icons:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: #20242c;
    left: 0%;
    top: 50%;
}
.social-icons:after {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: #20242c;
    right: 0%;
    top: 50%;
}
.social-icons a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 45px;
    border-radius: 100%;    
}
.social-icons a i {
    font-size: 30px;
    color: #414a54;
	transition: 0.4s;
}
.social-icons a:hover i {
    color: var(--vcs-red);
}
.footer-contact p {
    font-size: 0.9em;
    color: var(--vcs-white);
    margin: 0;
}
.footer-contact ul.footer-menu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.footer-contact ul.footer-menu li {
    position: relative;
    list-style: none;
}
.footer-contact ul.footer-menu li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    left: 0;
    top: 15%;
    background: #fff;
    opacity: 0.5;
}
.footer-contact ul.footer-menu li:first-child:before {
    display: none;
}
.footer-contact ul.footer-menu a {
    display: block;
    color: var(--vcs-white);
    /*text-transform: capitalize;*/
    padding: 0 14px;
    transition: 0.4s;
    text-decoration: none;font-family: var(--vcs-montserrat);font-size: .9em;
}
.footer-contact ul.footer-menu li:last-child a {
	padding: 0 0 0 14px;
}
.footer-contact ul.footer-menu a:hover {
    color: var(--vcs-red);
}

/*------ inner page footer -----*/

.footer-inner{
	/* background: url(../img/footer-bg.jpg) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-footer-bg-img-1920x547-2.jpg') no-repeat top center;
	background-size: cover;
	overflow: hidden;
}
.footer-inner:before {
    content: '';
    position: absolute;
    right: -46px;
    top: -1px;
	width: 332px;
    height: 295px;
	/* background: url(../img/v-ang-transparent.png) no-repeat top left; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-v-ang-transparent-img-332x295-2.png') no-repeat top left;
	/* background: url(../img/v-ang-transparent.png) no-repeat top left; */
	-ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
  z-index:9;
}

/*======================== footer end ===================*/
/*------ scroll to top start -----*/
#scrolltotop_parent {
  background: var(--vcs-red);
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 82px;
  right: 25px;
  /*border: 2px solid #7e7c7d;*/
  z-index: 1002 !important;
}
#scrolltotop_parent:hover {
  opacity: 0.7;
  transition: 0.1s;
}
.scrolltotop_circle {
  border-radius: var(--vcs-b-radious50);
}
.scrolltotop_round_corners {
  border-radius: 5px;
}
#scrolltotop_arrow {
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  margin: 0 auto;
  margin-top: 19px;
}
#scrolltotop_arrow:focus {
  opacity: 0.7;
  transition: 0.1s;
}
.scrolltotop_hide_onload {
  display: none;
}
/*------ scroll to top end -----*/
/*=================== inner page banner css start ====================*/

.inner-banner{	
	overflow: hidden;
    background-repeat: no-repeat;
    background-position: top right;
    background-size:68%; 
	width: 100%;
	margin-top:80px;
}
.inner-banner-height{ min-height: 490px;} 

/*.inner-header{
	background-position:right -180px top 0;
}*/
.inner-header:before,
.service-header:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 64%;
    height: 100%;
    clip-path: polygon(0 0, 60% 0, 95% 100%, 0% 101%);
    /* background: url(../img/inner-pager-banner-bg.jpg) no-repeat center / cover #f1f1f1;	z-index:2; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-inner-pager-banner-bg-img-854x400-2.jpg') no-repeat center / cover #f1f1f1;	z-index:2;
}
.inner-header:after,
.service-header:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 64%;
    height: 100%;
    clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 100%);
    background:var(--vcs-red); z-index:1; }
.landing-banner:before, .landing-banner:after{ display:none; }   
.inner-header .container, .service-header .container{z-index:9;}
.landing-banner iframe{ height:480px;  }
/*.inner-header:after,
.service-header:after {
    content: '';
    position: absolute;
    right: -46px;
    bottom: 0;	
	width: 286px;
    height: 420px;
	background: url(../img/top-v-red.png) no-repeat top left;
	
}*/
.inner-header h3{ 
  font-size: 6em; 
  color:var(--vcs-deepgray);
  line-height:1;
 }	
 .inner-header h4{font-size: 2.3em;}
 .page-id-2004 .inner-banner{background-position: center right;} 
/*================= inner page banner css end ===================*/
	
/*======================== contact page start ===================*/
.contact-section {
    /* background: url(../img/map-bg.jpg); */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-map-bg-img-1920x825-2.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; 
	min-height:800px;
}
.contact-section .container-fluid{
	max-width: 100%;
	position:absolute;
	left:0;
	bottom:0;
}
.contact-section.section-padding{padding-bottom:0;}
.information{background: var(--vcs-red); color:var(--vcs-white); /* padding: 0 1.5rem; */font-family: var(--vcs-montserrat);}
.information h5{ 
    font-weight: var(--vcs-600);
    font-size: 1.7em;}
.information p{font-size: 0.9em; line-height: 1.5em;font-family: var(--vcs-montserrat); }
.information-content span{font-size: 1.2em; font-weight: var(--vcs-500);font-family: var(--vcs-montserrat);}
.information-content a{font-size: 0.9em; color:var(--vcs-white);font-family: var(--vcs-montserrat);}
.information-icon{ width:36px;}
.social-info{
	background: #b60721;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
}
.social-info a i{ font-size:30px; color: #e56477;  }
.get-touch{ border-radius:0 var(--vcs-b-radious30) 0 0;}
.get-touch form .form-label{ color:#919191;}
.get-touch form .wpcf7-text,
.get-touch form .wpcf7-textarea, .get-touch form .form-select{background-color: inherit; box-shadow: none; border-width: 0 0 1px 0; border-radius:0;}
.get-touch .form-select{ padding-left:0; }
/*------------------------ contact page end --------------------------*/

/*---------------- contact page form css start -------------------*/
.wpcf7-text,
.wpcf7-textarea{
	display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* border-radius: 0.25rem; */
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea.wpcf7-textarea{resize: none; height: 60px; padding-left:0; padding-right:0;}

.wpcf7 input[type="text"]:focus-visible,
 .wpcf7 input[type="email"]:focus-visible, 
 .wpcf7 input[type="tel"]:focus-visible,
 .wpcf7 textarea:focus-visible{outline: -webkit-focus-ring-color auto 0; border-radius:0;}
.wpcf7-submit {
    background: var(--vcs-red);
    padding: 14px 24px;
    color: var(--vcs-white);
    border-radius: var(--vcs-b-radious50)!important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: var(--vcs-montserrat);
    box-shadow: var(--vcs-shadow);
    border: 1.5px solid transparent;
    transition: .4s; 
    font-size: 14px;
	font-weight: var(--vcs-700);
	width: 100%;
}
.wpcf7-submit:focus,
.wpcf7-submit:active:focus{
	 background: var(--vcs-white);
	color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
	 box-shadow: none;
} 
 .wpcf7-submit:hover{
	 background: var(--vcs-white);
	color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
}
.wpcf7 form .wpcf7-response-output{ padding:0; margin:0;}
/*=================== contact page form css end ====================*/

/*===================== career page start ======================*/
.career-img{margin-bottom:-5%;}
.career-section{ 
  /*background: var(--vcs-gray);*/ 
  border-radius: 10px; 
  box-shadow: var(--vcs-shadow);
  position: relative;
  z-index: 9;
}
.stacks-block{ background:url(../img/Career-Cloud-2BG.jpg)no-repeat center / cover; }
.career-section .get-touch{border-radius:0 10px 10px 0; }
.resume li{
	margin-right:15px; 	
}
.resume li:last-child{margin-right:0;}
.resume li a{ 
  border-radius: 5px;  
  padding:7px 15px;
  display:block;
  background:var(--vcs-white);
  border: 1px solid #ced4da;
  text-align:center;  
}
.resume li a:hover{ 
  border: 1px solid var(--vcs-red);
}
.follow-linkedin a{ color: #006699; font-weight: var(--vcs-500);}
.follow-linkedin a span{ border-bottom: 1px solid #006699;}
.follow-linkedin a:hover{ color:var(--vcs-red);}
.follow-linkedin a:hover span{border-bottom: 1px solid var(--vcs-red);}

#tagscloud{
	width:350px;
	height:280px;
	position:relative;
	/* margin:20px auto 0;
	text-align:center; */
}
#tagscloud a{
	position:absolute;
	top:0px;
	left:0px;
	text-decoration:none;
	/* margin:0 10px 15px 0;
	line-height:18px; 
	text-align:center;*/
	font-size:70px;
	/* padding:1px 5px; */
	display:inline-block;
	/* border-radius:3px;*/
} 
#tagscloud a.small{
	font-size:90%;	
}
#tagscloud a.medium{
	font-size:120%;
	font-weight:var(--vcs-500);
}
#tagscloud a.big{
	font-size:160%;
	font-weight:var(--vcs-600);
}
#tagscloud a:hover{
	color:var(--vcs-red);	
}
/*=============== career page end ==================*/

/*=============== about page start =================*/
.about-inner-left:before{
	content: '';
	left:0;
	bottom:0;
	width:85%;
	height:94%;
	position: absolute;
	border: 1px solid var(--vcs-red);
	border-radius: 0 0 var(--vcs-b-radious30) var(--vcs-b-radious30);
}
.about-inner-left:after{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width: 300px;
    height: 300px;
	/* background: url(../img/red-triangle.png) no-repeat left bottom; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-red-triangle-img-317x338-2.png') no-repeat left bottom;
    background-size: contain;
	z-index:1;    
}
.about-inner-left img{
	box-shadow: var(--vcs-shadow);
	z-index: 2;
}
.about-work-info{
	/* background: url(../img/about-work-bg.jpg) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-about-work-bg-img-1920x493-2.jpg') no-repeat top center;
	background-size:cover;
	z-index:12;
}
.about-work-info img{width: 80px;}
.about-work-info h4{ font-weight:var(--vcs-700);}
.about-work-box:hover img {
	-webkit-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    transform: translate(0,-10px);
}
/*---*/

.benifits{
	/* background: url(../img/footer-faq-bg.jpg) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-footer-faq-bg-img-1920x1324-2.jpg') no-repeat top center;
	background-size:cover;
}
.benifits-list:last-child{
	margin-bottom:0 !important;
}
.benifits-list img{ width:60px;}
.benifits-box:hover img {
	-webkit-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    transform: translate(0,-10px);
}
.benifits-content:after{
	content: '';
	position: absolute;
	left:12px;
	bottom:0;
	width: 72px;
    height: 4px;
	background:var(--vcs-red);
}
.benifits-content h4{ font-weight:var(--vcs-700);}
.benifits p{ margin-bottom:20px; }
/*-------*/

.benifit-video img{
	border-radius: var(--vcs-b-radious30);
}
.benifit-video:after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	width: 100%;
    height: 100%;
	background:rgba(0,0,0,0.5);
	border-radius: var(--vcs-b-radious30);
}
.video-play{
	position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
	z-index: 10;
}
/*-------*/
.statistic.section-padding{
	background:#eeeeee;
	padding: 8.25em 0;
}
.statistic:after{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width: 574px;
    height: 542px;
	opacity:0.7;
	/* background: url(../img/static-after-bg.png) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-static-after-bg-img-574x542-2.png') no-repeat top center;
	z-index:0;
}
.statistic:before{
	content: '';
	position: absolute;
	right:0;
	top:0;
	width: 502px;
    height: 614px;
	opacity:0.7;
	/* background: url(../img/static-before-bg.png) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-static-before-bg-img-502x614-2.png') no-repeat top center;
	z-index:0;
}
.statistic-left{ z-index:99;}
/*----- Our Information -------*/
.about-info-box{
	box-shadow: var(--vcs-shadow);
    padding: 40px 20px;
    border-radius: var(--vcs-b-radious30);
    margin-bottom: 33px;
    background: var(--vcs-white);
    width: 245px;
	min-height: 255px;
}
.about-info-box:nth-child(2){
	position: absolute;
	bottom:-70px;
	right:0;
}
.about-info-box img{
	width: 85px; 
}
.about-info-box:hover img {
	-webkit-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    transform: translate(0,-10px);
}
.about-info-box h4{ 
  font-size: 2em;
  font-weight:var(--vcs-700);
}
/*------ about slider ------*/
.about-slider{ 
    /* background: url(../img/about-slider-bg.jpg); */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-about-slider-bg-img-1920x1003-2.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; 
	padding: 11em 0;
	min-height:800px;
}
.about-slider .card{ 
    background-color: transparent; 
}
.about-slider .owl-theme .owl-dots .owl-dot span{
	width: 12px;
	height:12px;
	background: transparent;
	border-radius:var(--vcs-b-radious50);
	border: 1px solid #7e7c7d;
	margin: 0 7px -5px;
}
.about-slider .owl-theme .owl-dots .owl-dot.active span{
	background: var(--vcs-red);
	border: 1px solid var(--vcs-red);
} 
.about-slider .owl-theme .owl-dots .owl-dot:hover span{
	background: var(--vcs-red);
	border: 1px solid var(--vcs-red);
}
.about-slider .owl-theme .owl-nav{ margin-top:0; }
 .footer-faq{ 
  /* background: url(../img/footer-faq-bg.jpg) no-repeat top center; */
  background: none;
  background-size: cover;
} 
/*.about-faq:after{
	content: "";
    position: absolute;
    background: url(../img/footer-rgt-corner.png) no-repeat top right;
    bottom:  -36.6em;
    right: 0;
    width: 343px;
    height: 715px;    
    z-index: 1;
}*/

/* .team-sec{background: url(../img/team-sec-bg.jpg) no-repeat top center / cover;} */
.team-sec{background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-team-sec-bg-img-1920x943-2.jpg') no-repeat top center / cover;}
.team-sec h3{color: var(--vcs-deepgray);}
#owl-team .item{ padding:0 10px; }
.team-img img{ z-index:9; position:relative; }
.team-img:after{ content:''; background: var(--vcs-red); position: absolute; left:0; bottom:0; width:100%; height:75%; }
/* .team-img .bg-img{ background:url(../img/team-bg.jpg) no-repeat top center / cover; position: absolute; left:0; bottom:0; width:100%; height:75%; z-index:2; opacity:0; } */
.team-img .bg-img{ background:url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-team-bg-img-371x392-2.jpg') no-repeat top center / cover; position: absolute; left:0; bottom:0; width:100%; height:75%; z-index:2; opacity:0; }
.team-box:hover .bg-img{ opacity:1; }
.team-sec p{color: var(--vcs-deepgray);}
.text-team h4{font-weight: var(--vcs-500);}
.text-team h6{ font-size:12px; color: var(--vcs-deepgray); line-height:14px;} 
.team-social{ padding-top:10px; }
.team-social a{background: var(--vcs-deepgray); color: var(--vcs-white); border-radius:var(--vcs-b-radious50); margin-left: 5px;
    width: 25px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;}
.team-social a:hover{background: var(--vcs-white); color: var(--vcs-red);}
.team-sec .owl-nav{display:none !important;}
.team-sec .owl-dots{padding-top:60px;}
.team-sec .owl-dot span{ width:15px !important; height:15px !important; background:none !important; border:1px solid #364250; position:relative; margin:0 10px; }  
.team-sec .owl-dot.active span:after{content:''; position:absolute; left:0; right:0; top:2px; width:9px; height:9px; margin:0 auto; background: var(--vcs-red); border-radius: var(--vcs-b-radious50); }  
.lifestyle-sec{ background:url(../img/lifestyle-bg.jpg) no-repeat center bottom / 100% auto; }
.lifestyle-team{ margin-top:-115px; }
.lifestyle-team img{ 
    border: 10px solid var(--vcs-gray); 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); 
    transition: all 300ms ease-in-out;
}
.lifestyle-team img:hover{
    border: 10px solid var(--vcs-white);
   -webkit-filter: grayscale(0); 
    filter: grayscale(0); 
    box-shadow: var(--vcs-shadow);
}
.lifestyle-icon{ width:235px; bottom:0; left:0; right:0; margin:0 auto; }
.lifestyle-content .text{ box-shadow: var(--vcs-shadow); border-radius: var(--vcs-b-radious20); padding:20px; margin-bottom:40px; }
.lifestyle-content .col-md-5:first-child .col-md-6:nth-child(2) .text{ margin-top:30px; }
.lifestyle-content .col-md-5:first-child .col-md-6:nth-child(3) .text{ margin-top:-30px; }
.lifestyle-content .col-md-5:last-child .col-md-6:nth-child(1) .text{ margin-top:30px; }
.lifestyle-content .col-md-5:last-child .col-md-6:nth-child(4) .text{ margin-top:-30px; }
.lifestyle-content p{font-style: italic; line-height:18px; font-weight:600; }
/*================== about page end  ===================*/
/*================== services page start =================*/
/*.service-header {
    background-position: right -337px top -114px;    
}*/
section.services-section:after{
	z-index:0;
	opacity: 0.2;
}
.services-section .nav-tab-container{
	white-space: nowrap;
    overflow: hidden; 
	position: relative;
	min-height:48px;
	z-index: 10;
    border-top: 1px solid #ced4da;	
}
.services-section .nav {
    display: flex;
    flex-wrap: nowrap;    
	border-bottom:1px solid #ced4da;
}
.services-section .nav-tab-container:hover {
    overflow-x: auto;
}
.services-section .nav li .nav-link{
	border-radius: 0;
	padding: 0.5rem 2rem;
	clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
	margin-left: -29px;
	color: var(--vcs-black);
	
	
}
.services-section .nav li .nav-link.active{
	background: var(--vcs-red);
	color: var(--vcs-white);
	clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);	
}
.services-section .nav li:hover .nav-link{
	background: var(--vcs-red);
	color: var(--vcs-white);
	clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);	
}
.services-section .nav li:first-child .nav-link.active{
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);	
}
.services-section .nav li:first-child:hover .nav-link{
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}
.services-section .nav li:last-child .nav-link.active{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}
.services-section .nav li:last-child:hover .nav-link{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}
.services-section .nav-tab-container::-webkit-scrollbar {
	height:5px;
}
/* .services-section .nav-tabs .nav-link{
	   white-space: nowrap;
	   border: 1px solid #ced4da;	   
	   border-radius:0;
	   clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	   position:relative;	   
} 
.services-section .nav-tabs .nav-link:after{
	position:absolute;
	content:"";
	right:0;
	top:0;
	width:1px;
	height:20px;
	background:#000;
	z-index:99;
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}*/
/*
.services-section .nav-tabs .nav-link.active{
	background: var(--vcs-red);
	color: var(--vcs-white);
	clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
}
 .services-section .nav-tabs .nav-link:first-child.active{	
	clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}
.services-section .nav-tabs .nav-link.active:last-child{	
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
} */
.service-tab .item{ padding:10px 25px;}
.service-tab .item:hover{
    background: var(--vcs-red);
    color: var(--vcs-white);
    clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);    
}
.service-tab .item:hover a{ color: var(--vcs-white); }
.service-tab .owl-carousel.owl-drag .owl-item{ width:auto !important; }
.service-tab .owl-nav, .service-tab .owl-dots{ display:none !important; }
.service-tab .no-js .owl-carousel, .service-tab .owl-carousel.owl-loaded{height:44px !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
/*-----*/
.service-left-info,
.project-left-slider{
	width:60%;
}
.service-right-info{
	width:40%;
	background: #eeeeee;
    padding: 0 6em;
}
.service-right-info h2{
	font-size: 4em;
	line-height: 70px;
}
.service-right-info p{
	font-size:1.25em;
	color: var(--vcs-black);	
}
.service-right-info:after{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width: 475px;
    height: 447px;
	opacity:0.7;
	/* background: url(../img/g-btm.png) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-g-btm-img-475x447-2.png') no-repeat top center;
	z-index:0;
}
.service-right-info:before{
	content: '';
	position: absolute;
	right:0;
	top:0;
	width: 451px;
    height: 357px;
	opacity:0.7;
	/* background: url(../img/g-top.png) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-g-top-img-451x357-2.png') no-repeat top center;
	z-index:0;
}
.service-right-info-inner{ z-index:99;}

/*----*/
.why-choose .about-info-box{
	width: 100%;
    margin-bottom:0;
}
.why-choose .about-info-box h4{
	font-size: 1.25em;
}
.why-choose .about-info-box img {
    width: 65px;
	/* transition: all .3s; */
}
/*--------*/

.project-left-slider{
	background-color:#1d1d1d;
	padding: 5em /* 7em 5em 2em */;
}
.project-left-slider:after{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width: 475px;
    height: 447px;
	opacity:0.7;
	/* background: url(../img/green-btm.jpg) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-green-btm-img-476x470-2.jpg') no-repeat top center;
	z-index:0;
}
.project-left-slider:before{
	content: '';
	position: absolute;
	right:0;
	top:0;
	width: 437px;
    height: 356px;
	opacity:0.7;
	/* background: url(../img/green-top.jpg) no-repeat top center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-green-top-img-437x356-2.jpg') no-repeat top center;
	z-index:0;
}
.project-left-slider .card{
	background:transparent;
}
.project-left-slider .owl-carousel .owl-item img{
	width:500px;
	margin: 0 auto;
}
#owldemo4 .owl-prev{
	left: 45%;
	bottom:-55px;
	top:auto;
	transform: translateX(-46%);
}
#owldemo4 .owl-next{
	right: 45%;
	bottom:-55px;
	top:auto;
	transform: translateX(46%);
}
.project-right-info{
	background-color: #0f0f0f;
	width:40%;
	padding: 5em 5em 5em 6em;
}
/*.projects-info{ position:relative; }*/
/*.projects-info:before{ content:''; position:absolute; left:0; top:0; width:33%; height:100%; background:url(../img/Masking.png) no-repeat center / cover; z-index:2; }
.projects-info:after{ rotate: 180deg; content:''; position:absolute; right:0; top:0; width:33%; height:100%; background:url(../img/Masking.png) no-repeat center / cover; z-index:2; }*/
.projects-info h3{ 
	color: var(--vcs-deepgray);
}
.projects-info li{ 
    color: var(--vcs-deepgray);
}
/*---*/
.work-withus{
/*	background: url(../img/work-withus-bg.jpg) no-repeat top center;*/
/* background: url(../img/JoinWithUs-BG-6.jpg) no-repeat top center; */
background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-joinwithus-bg-6-img-1920x470-2.jpg') no-repeat top center;
    background-size: cover;
}
.work-withus-box{
	background-color: rgba(15,15,15,0.7);
	border-radius: var(--vcs-b-radious30);
}
.work-withus-box-inner{
	border-radius: var(--vcs-b-radious30);
	/* border: 1px solid var(--vcs-deepgray); */
}
.work-withus-box-inner h2{
	/* margin-top:-25px; */
	line-height:55px;
}
/* .work-withus-box-inner h2 span{
	background-color: rgba(15,15,15,0.7); 
	padding:0 20px;
}*/
.withus-btns {
	width: 240px;
}
.withus-btns a {    
	border: 1.5px solid transparent;
    box-shadow: none;
	color: var(--vcs-black);
	background: var(--vcs-white);
	letter-spacing: 1px;
}
.withus-btns a:last-child {
    background: transparent;
    border: 1.5px solid #d7d7d7;
	color: var(--vcs-white);
}
.withus-btns a:last-child:hover{
	background: var(--vcs-white);
    color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
}
/*================ end services page =======================*/

/*================= blog page start =======================*/
.blog-list article{
	width: 100%;
	border-radius: var(--vcs-b-radious5);
	border: 1px solid rgba(0,0,0,.125);
	/*box-shadow: var(--vcs-shadow);*/
    background: var(--vcs-white);
    padding:0 0 20px 0;
	
}
/* .blog-list .blog-img{height:260px;} */
.blog-list .blog-img{height:auto;}
.post-type-archive-case-studies .blog-list .blog-img{height:auto;}
.post-type-archive-case-studies .blog-list .blog-img img{width:100%; height:auto;}
.single-blog .blog-list .blog-img{height:auto;}
.blog-img img{border-radius: var(--vcs-b-radious5) var(--vcs-b-radious5) 0 0;}
.single-case-studies .blog-img img{width:100%; height:auto;}
.blog-list article h2{
	color: #212529;
	font-size: 1.2em;
    font-weight: var(--vcs-600);
	line-height: 32px;
}
.blog-list .nav-links{
	display:none;
}
.entry-title a{
	color: #212529;
}
div#ez-toc-container ul li{ margin-bottom:5px; }
.ez-toc-counter nav ul li a::before{margin-right: .5em;}
.entry-title a:hover{
	color:var(--vcs-red);
}
.post-thumbnail{
	width: 100%;
}
.entry-content{
	width: 100%;
}
.entry-content h3{font-family: var(--vcs-montserrat);}
.entry-content td{font-size: 1em;
    font-family: var(--vcs-montserrat);
    color: var(--vcs-p-black);}
.wp-singular .entry-content a{color:#024e51; text-decoration: underline;}
.wp-singular .entry-content a:hover{
    color: var(--vcs-red);
}
.post .post-thumbnail img {
    height: auto/* 220px */;
    width: 100%;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	
}
/*.blog-list .post .post-thumbnail:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}*/
.posted-on {
    padding-right: 12px;
    /* border-right: 1px solid var(--vcs-red); */
}
.posted-on a {
    padding-left: 4px;
    text-decoration: none;
    color: var(--vcs-red);
}
.posted-on .updated{
	display:none;
}
.byline {
	display: none;
    padding-left: 10px;
}
.byline .author a {
	
    padding-left: 4px;
    text-decoration: none;
    color: var(--vcs-red);
    font-weight: bold;
}
.blog-list .entry-footer {
	display: none
}
.cat-links {	
     padding-right: 12px; 
}

.cat-links a {
    padding-left: 4px;
    text-decoration: none;
    color: var(--vcs-red);
}
.comments-link {
	display: none;
    padding-right: 5px;
    padding-left: 10px;
    border-left: 1px solid var(--vcs-red);
}
.comments-link a {
    text-decoration: none;
    color: var(--vcs-red);
    font-weight: bold;
}
.cat-links a:hover,
.comments-link a:hover  {
	color: var(--vcs-black);
}
.widget-area li{
	margin-bottom:10px;
	position:relative;
	padding-left:18px;
}
.widget-area li:before{
	content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: var(--vcs-b-radious50);
    background: var(--vcs-red);
}
.sidebar-inner{
	border-radius: var(--vcs-b-radious5);
	padding:30px;
}
.sidebar-inner h3{ font-size:2rem; font-family: var(--vcs-montserrat);}

.footer-item-title h5{
	border-bottom: 1px solid #ced4da;
	font-weight: var(--vcs-600);
}
.site-main h1{
	font-family: var(--vcs-montserrat);
	font-size: 2em;
    font-weight:700;
    line-height:37px;
}
#ez-toc-container{
    width:100%;
}
.single-post p.conclusion-text{
    font-size: 1.25em;
}
.single-blog .post-thumbnail{
	margin-bottom:1rem;
}
.single-blog .nav-links{ width: 100%; justify-content: space-between; display:flex; padding-top: 10px; }
.single-blog .nav-links a{ color: var(--vcs-red); font-weight: bold; text-decoration: none;}
.single-blog .nav-links a:hover{color: var(--vcs-black);}
.single-blog .nav-subtitle{ display: none;}
.single-blog .nav-previous, 
.single-blog .nav-next{ position: relative;}
.single-blog .nav-next{padding-right: 30px; text-align: right;}
.single-blog .nav-next:after{position: absolute; right: 0; top:-8px; content: "\2192"; font-size: 25px; color: var(--blue);}
.single-blog .nav-previous{padding-left: 30px;}
.single-blog .nav-previous:before{position: absolute; left: 0; top:-8px; content: "\2190"; font-size: 25px; color: var(--vcs-red);}
.logged-in-as{ font-size: 15px;}
.logged-in-as a{color: var(--blue); text-decoration: none;}
.logged-in-as a:last-child{color: var(--orange); padding-left: 7px; text-decoration: none;}
.comment-form-comment{ margin: 10px 0 20px;}
.comment-form-comment textarea{resize:none; width:100%; }
.form-submit{ margin-top:20px;}
.comment-form{ font-size: 15px;}
.comment-form-author,
.comment-form-email,
.comment-form-url
{ display: flex; flex-direction: column; margin-bottom: 20px;}
.comment-form input,
.comment-form textarea{ border-color:#ced4da; }
.single-blog h3{margin-bottom: 10px;}
.single-blog p{margin-bottom: 1rem;}
.single-blog .entry-content  li {font-family: var(--vcs-montserrat); line-height:30px; margin-bottom: 15px;position: relative;padding-left: 18px; color: var(--vcs-p-black);}
.single-blog .entry-content li:before, .single-blog .entry-content ol ul li:before {content: '';position: absolute;left: 0;top: 9px;
    width: 7px;height: 7px;border-radius: var(--vcs-b-radious50);background: var(--vcs-red);}

.single-blog .entry-content  ol {font-family: var(--vcs-montserrat);margin-bottom: 30px;position: relative;
    padding-left: 18px; color: var(--vcs-p-black);margin-left:20px;list-style: none;counter-reset: my-awesome-counter;}
 .single-blog .entry-content  ol li { counter-increment: my-awesome-counter;}  
 .single-blog .entry-content  ol ul li { counter-increment: none;}
.single-blog .entry-content ol li:before { content: counter(my-awesome-counter) ". ";position: absolute;left: 0;top:0px;
    color: var(--vcs-red);font-weight: 600; border-radius: unset;background: transparent;}






/*================= blog page end =====================*/



/*============ Mobile menu Start ==============*/
.mobheadersec

{

    padding:20px 0;

    display:none;
    position:fixed;
     left:0; top:0;
     z-index: 9;
     width:100%;
}
.mobheadersec.navbar-fixed{background:#fff; box-shadow: 0px 2px 12px 0 rgb(50 67 82 / 20%);}
a.hamburger

{

    font-size:0; cursor:pointer; float:right; color:#000;
    position:relative;
    width:24px; height:24px;
}
a.hamburger:before{ width:100%; height:3px; border-radius:30px; background:#000; position:absolute; top:2px; left:0; content:''; }
a.hamburger:after{ width:60%; height:3px; border-radius:30px; background:#000; position:absolute; bottom:2px; right:0; content:''; }
a.hamburger hr{ height:3px; background:#000;border-radius:30px; margin:11px 0 11px 4px; opacity:1; }
.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0;

  background: #0e1f3e;

  overflow-x: hidden;

  transition: 0.5s;

  padding: 54px 0 0 0;

}

.sidenav .closebtn {

  position: absolute;

  top: -5px;
  right: 13px;
  font-size: 48px;
  color: #fff;
  font-weight: 200;

}

#main {

  transition: margin-left .5s;

}

.sidenav ul

{

    padding:0;
    width:100%;
}

.sidenav ul li

{

    text-transform:capitalize;

    font-size:1rem;

    line-height:normal;
    /*text-align: center;*/
    margin:10px 0 0 0;
    
}

.sidenav ul li a

{
    position: relative;
    display:block;
    color:#fff;
    padding:10px 25px;
    border-left:2px solid var(--vcs-red);
}
.sidenav ul li a:hover{background:var(--vcs-red);}
.sidenav ul li a.btn-sub:hover{color:#fff;}
.sidenav ul li.menu-item-has-children a:after{ position:absolute; right:10px; top:19px; content:""; width:0; height:0; border-top:7px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; }
.sidenav ul li .sub-menu li a{ padding-left:35px;}
.sub-menu li a:after{display: none;}
/*============ Header Start ==============*/

/*================= Landing page Start =====================*/
.fixed-top{transition: all 300ms ease-in-out; }
.header-landing{ padding:10px 0; }
.header-landing .logobox{ width:150px;}
.navbar-fixed .logobox{ width:120px; }
.navbar-fixed .navbar-expand-lg .navbar-nav .nav-link{
    padding-top:1em;
    padding-bottom:1em;
}
.landing-banner{margin-top:100px;}
.landing-banner h1{font-size: 3.6em; font-family: var(--vcs-montserrat); line-height:1.2em;}
.form-title{ background:var(--vcs-red); border-radius:var(--vcs-b-radious30) var(--vcs-b-radious30) 0 0; }
.form-title h3{ font-family: var(--vcs-montserrat); letter-spacing: var(--vcs-btn-letter-spacing); }
.benifits .landing-form{ margin-top:-90px; }
.landing-form .form-label{color:var(--vcs-deepgray);}
.landing-form{border-radius:var(--vcs-b-radious30) var(--vcs-b-radious30) 0 0;}
.landing-form .form-control::-webkit-input-placeholder {
  color:var(--vcs-deepgray);
}

.landing-form .form-control:-ms-input-placeholder { 
  color:var(--vcs-deepgray);
}

.landing-form .form-control::placeholder {
  color:var(--vcs-deepgray);
}
.landing-form .form-control, .landing-form .form-select{ height:40px; box-shadow:none; border:none; border-bottom:1px solid var(--vcs-deepgray); border-radius:0; }
.landing-form .form-select{padding-left:0;}
.landing-form textarea.form-control{ height:70px;}
/*background:url(../img/file-icon.png) no-repeat center 40px;*/
.landing-form .upload-file{ border:1px dashed var(--vcs-deepgray); padding:20px 20px 20px;  }
.landing-form .upload-file .form-control{border:none; width:260px; margin:0 auto;}
.landing-form .upload-file h5{ font-size:1.5em; color:#646464; }
.landing-form .upload-file h6{ width:250px; position:relative; color:var(--vcs-deepgray); }
.landing-form .upload-file h6:before{ content:""; position:absolute; left:0; top:50%; width:100px; height:1px; background:var(--vcs-deepgray); }
.landing-form .upload-file h6:after{ content:""; position:absolute; right:0; top:50%; width:100px; height:1px; background:var(--vcs-deepgray); }
.landing-form .upload-file h3{ background:var(--vcs-gray); }
.opacity-0{opacity:0;}
.landing-form .link img{ width:30px; }
.landing-form .link span{text-decoration:underline;}
.wpcf7 form.invalid .wpcf7-response-output{display:none !important;}
.our-Works-sec{background:var(--vcs-white); color:#212529;}
.our-Works-sec:after, .our-Works-sec:before{ display:none; }
.our-Works-sec .portfolio-item:after{background: rgba(0,0,0,0.9);}
.our-Works-sec .portfolio-item{border-radius:0; height:350px;}
.our-Works-sec .portfolio-item img{border-radius:0; height:350px;}
/* .benefits-sec{background: url(../img/bg-benefits.png) no-repeat top center / cover;} */
.benefits-sec{background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-bg-benefits-img-1600x982-2.png') no-repeat top center / cover;}
.benefits-sec h5{flex:0 80%;}
.benefits-sec .box{border-radius:var(--vcs-b-radious50); box-shadow:var(--vcs-shadow);}
.benefits-sec .icon{ width:75px; background: var(--vcs-red); border-radius: var(--vcs-b-radious50); }
.benefits-logo{ width:500px; max-width:100%; bottom:35px; left:0; right:0; margin:0 auto; }
/*.project-experts-sec p{ line-height:24px; }*/
.expert-inner-right:before{
    content: '';
    right:0;
    bottom:0;
    width:85%;
    height:94%;
    position: absolute;
    border: 1px solid var(--vcs-red);
    /*border-radius: 0 0 var(--vcs-b-radious30) var(--vcs-b-radious30);*/
}
.expert-inner-right:after{
    content: '';
    position: absolute;
    right:0;
    bottom:0;
    width: 228px;
    height: 213px;
    /* background: url(../img/red-triangle3.png) no-repeat right bottom / cover; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-red-triangle3-img-213x199-2.png') no-repeat right bottom / cover;
    z-index:1;    
}
.expert-inner-right img{
    box-shadow: var(--vcs-shadow);
    z-index: 2;
}
/* .industries-sec{ background: url(../img/BG-industries.jpg) no-repeat top center / cover; } */
.industries-sec{ background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-bg-industries-img-1600x818-2.jpg') no-repeat top center / cover; }
.industries-sec .box{ border:1px solid var(--vcs-black); border-radius:15px; }
.industries-sec .box img{ width:50px; }
/* .clients-sec{background: url(../img/TopClientsBG.jpg) no-repeat right bottom / cover;} */
.clients-sec{background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-topclientsbg-img-1600x644-2.jpg') no-repeat right bottom / cover;}
.clients-sec .bg-white{border-radius:var(--vcs-b-radious20); border:1px solid #ced4da;}
.clients-sec .brand-logo{box-shadow: 1px 1px 3px #ccc; border-radius: 15px;}
.clients-sec .brand-logo:hover{ background: #fff;}
#client-logo .owl-nav, #recent-works .owl-nav{ display:none; }
.ux-designer-sec .box{ background: var(--vcs-gray); border-radius: var(--vcs-b-radious30); }
.ux-designer-sec .count{ right:-7px; top:-7px; border-radius: var(--vcs-b-radious50); background: var(--vcs-deepgray); font-size:16px; line-height:20px; width:30px; height:30px; padding:5px; }
.ux-designer-right:before{
    content: '';
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    position: absolute;
    border: 1px solid var(--vcs-red);
    /*border-radius: 0 0 var(--vcs-b-radious30) var(--vcs-b-radious30);*/
}
.ux-designer-right:after{
    content: '';
    position: absolute;
    top:15px;
    left:15px;
    width: 228px;
    height: 213px;
    /* background: url(../img/red-triangle4.png) no-repeat right bottom / cover; */
    background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-red-triangle4-img-213x199-2.png') no-repeat right bottom / cover;
    z-index:1;    
}
.ux-designer-right img{
    box-shadow: var(--vcs-shadow);
    z-index: 2;
    border-radius:10px;
}

.footer-landing h5.red{color: var(--vcs-red); } 



/* #owl_portfolio:after{ content:''; position:absolute; left:0; top:0; right:0; width:525px; height:438px; margin:0 auto; background:url(../img/mac-frame.png) no-repeat top center / 100% auto; } */
#owl_portfolio:after{ content:''; position:absolute; left:0; top:0; right:0; width:525px; height:438px; margin:0 auto; background:url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-mac-frame-img-556x462-2.png') no-repeat top center / 100% auto; }
/*#owl_portfolio .owl-prev{
    left: 45%;
    bottom:-55px;
    top:auto;
    transform: translateX(-46%);
}
#owl_portfolio .owl-next{
    right: 45%;
    bottom:-55px;
    top:auto;
    transform: translateX(46%);
}*/

#owl_portfolio .owl-prev{
    position: absolute;
     top: 32%; 
    /*bottom: 0;*/
    background:var(--vcs-white);
    padding: 10px !important;
    border-radius: 0;
    height: 46px;
    width: 46px;
    color: var(--vcs-red);
    left: 13%;
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    box-shadow: var(--vcs-shadow);
    z-index:9;
}
#owl_portfolio .owl-next{
    position: absolute;
    top: 32%;
    background:var(--vcs-white);
    padding: 10px !important;
    border-radius: 0;
    height: 46px;
    width: 46px;
    color: var(--vcs-red);
    right: 13%;
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    box-shadow: var(--vcs-shadow);
    z-index:9;
}
#owl_portfolio .card{ padding-bottom:110px; }
#owl_portfolio .owl-item.active .text-center{ display:none; }
#owl_portfolio .owl-item.active.center .text-center{ display:block; }

.before-none:before{display:none !important;}
.after-none:after{display:none !important;}

.work-with-skills-sec .box{border-radius:var(--vcs-b-radious30); box-shadow: var(--vcs-shadow);}
/* .skills-lt{ background:url(../img/what-can-you-hire-us-for-voyantt-consultancy-services3.jpg) no-repeat center / cover; border-radius:0 0 40px 40px; } */
.skills-lt{ background:url(../img/what-can-you-hire-us-for-voyantt-consultancy-services3.jpg) no-repeat center / cover; border-radius:0 0 40px 40px; }
.work-with-skills-sec img{ border-radius:0 0 40px 40px; }
.wpcf7-spinner{display:none;}
.projects-info h3, .projects-info h2{position:relative; z-index:9;}

.grecaptcha-badge{ 
    /*display:none !important; */
    visibility: visible !important;
    opacity: 1 !important;
}



.bullet-block ul li{ font-size:18px; line-height:20px; margin-bottom:10px; position:relative; padding-left:19px;}
.bullet-block ul li:after{ content:""; position:absolute; left:0; top:6px; width:10px; height:10px; background:var(--vcs-red); border-radius:50%; }




.flip-box {
  background-color: transparent;
  width: 100%;
  height: 320px;
/*  border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  /*-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
}
/*.flip-box-mover{
    webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.flip-box-mover2{
    webkit-animation: mover 1s infinite alternate;
    animation: mover2 1s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@-webkit-keyframes mover2 {
    0% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}*/
/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
/*.flip-box-front:after, .flip-box-back:after{ content: ""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/border-bg.png) no-repeat top center / 100% 100%;}*/
/* Style the front side (fallback if image is missing) */
.flip-box-front {
/*  background-color: #bbb;*/
  color:var(--vcs-white);
  display: flex;
  align-items:center;
  padding:10px;
}
.flip-box-front h4{color:var(--vcs-white);}
/* Style the back side */
.flip-box-back {
/*  background-color:var(--vcs-red);*/
  color:var(--vcs-white);
  transform: rotateY(180deg);
  display: flex;
  align-items:center;
  padding:10px;
}
.flip-box-back p{color:var(--vcs-white);}

.hexagon {
  width: 300px;
  height: 165px;
  position: relative;
  border-right:5px solid #fff;
  border-left:5px solid #fff;
}
.flip-box-front .hexagon:before{background:#2c2c2c;}
.flip-box-front .hexagon:after{background:#2c2c2c;}
.flip-box-front .hexagon, .flip-box-front .hexagon span{background:url(../img/border-bg2.jpg) no-repeat center / 100% auto;}
.hexagon, 
.hexagon:before, 
.hexagon:after {
  background: var(--vcs-red);
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  left: 57px;
  width: 176px;
  height: 176px;
  transform: rotate(144deg) skew(20.5deg);
}

.hexagon:before {
  bottom: 77px;
  border-bottom:5px solid #fff;
  border-left:5px solid #fff;
}

.hexagon:after {
  top: 77px;
  border-top:5px solid #fff;
  border-right:5px solid #fff;
}

.hexagon span {
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  width: 100%;
  height: 100%;
  background:var(--vcs-red);
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius:5px;
}

.hexagon h4{color:var(--vcs-white);}
.hexagon p{color:var(--vcs-white); margin-bottom:0;}
.wpcf7 form.sent .wpcf7-response-output{border:none !important;}



/*custom share blog*/
.share_box ul{display:flex;}
.share_box ul li:not(:first-child){width: 25px;
    height: 25px; margin: 0 5px;}
.share_box ul li a{color:var(--vcs-white); display:block;  background:var(--vcs-deepgray);
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 30px;
    line-height: 25px;
    cursor: pointer;
    }
.share_box ul li a:hover{background:var(--vcs-red);}
/*-------- Maps country Time------*/
.country:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid var(--bs-white);
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.country:after {
    content: '';
    width: 60px;
    height: 94px;
    position: absolute;
    top: -89px;
    left: 0;
    right: -27px;
    margin: 0 auto;
}
.maps-box .country{
    background:var(--bs-white);
    border-radius:var(--vcs-b-radious5);
    padding: 5px 15px;
    box-shadow: 0px 10px 30px 0px #136A6D26;
    opacity:0;
}
.maps-box .country:hover{
    opacity:1;
}
.country-ind{
    right: 23%;
    bottom: 35%;
}
.country-uae{
    right: 32%;
    bottom: 39%;
}
.country-ca{
    top: 27%;
    left: 8%;
}
.country-usa{
    top: 42%;
    left: 11%;
}
.country-uk{
    left: 42%;
    top: 37%;
}
.country-sing{
    right: 16%;
    bottom: 28%;
}
.country-phi{
    right: 10%;
    bottom: 34%;
}
.country-japan{
    right: 7%;
    top: 45%;
}
.country-africa{
    right: 37.5%;
    bottom: 23%;
}
.country-aus{
    right: 6%;
    bottom: 11%;
}

/*---- What Our Clients Say ----*/
#owl_testimonial .card{ border-radius:var(--vcs-b-radious20); box-shadow: var(--vcs-shadow);}
#owl_testimonial  .fa-star{color:var(--bs-orange); }
#owl_testimonial p{ font-style: italic; }
#owl_testimonial img{width:60px;}
#owl_testimonial .item{padding:25px;}
#owl_testimonial .owl-prev {
    background: var(--vcs-red);
    height: 46px;
    width: 46px;
    color: var(--vcs-white);
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    box-shadow: var(--vcs-shadow);
    margin-right:10px;
}

#owl_testimonial .owl-next {
    background: var(--vcs-red);
    height: 46px;
    width: 46px;
    color: var(--vcs-white);
    right: 13%;
    line-height: 19px;
    text-align: center;
    border-radius: 100%;
    box-shadow: var(--vcs-shadow);
    margin-left:10px;
}
/*customized section start*/
.customized-sec{background:var(--vcs-gray-light);}
.customized-box{width:31.33%; min-height: 340px;}
.row-top:first-child:after{ content:""; width:25px; height:340px; position:absolute; left:-33px; top:52.2%; border-radius: 5px 0 0 5px; border-top:1px dashed  var(--vcs-red); border-left:1px dashed  var(--vcs-red); border-bottom:1px dashed  var(--vcs-red); }
.row-top:first-child:before{content:"";width:15px;height:15px;position:absolute;left: -40px;bottom: 0.5rem;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid var(--vcs-red);}
.row-box-2 .row-top:first-child:after{right:-33px; left:inherit; border-left:none; border-radius:0 5px 5px 0; border-right: 1px dashed  var(--vcs-red)}
.row-box-2 .row-top:first-child:before{right:-40px; left:inherit;} 
.row-top .customized-box:first-child:after{ content:""; width:15px; height:15px; position:absolute; left:-20px; top:50.8%; background:url(../img/radio-icon.png) no-repeat center / 14px auto; }
.row-top .customized-box:nth-child(2):after{ content:""; width:14px; height:2px; position:absolute; right:-18px; top:52.2%; border-top:1px dashed  var(--vcs-red); }
.row-top .customized-box:nth-child(3):after{ content:""; width:25px; height:2px; position:absolute; right:-33px; top:52.2%; border-top:1px dashed  var(--vcs-red); }
.row-bottom .customized-box:nth-child(1):after{ content:""; width:25px; height:2px; position:absolute; right:-33px; top:52.2%; border-top:1px dashed  var(--vcs-red); }
.row-bottom .customized-box:nth-child(2):after{ content:""; width:14px; height:2px; position:absolute; right:-18px; top:52.2%; border-top:1px dashed  var(--vcs-red); }
.row-bottom .customized-box:nth-child(3):after{ content:""; width:15px; height:15px; position:absolute; left:-20px; top:50.8%; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid var(--vcs-red); }
.row-box-2 .row-top .customized-box:first-child:after{left:inherit; right:-20px;}
.row-box-2 .row-top .customized-box:nth-child(2):after{left: -18px;}
.row-box-2 .row-top .customized-box:nth-child(3):after{right:inherit; left:-33px;}
.row-box-2 .row-bottom .customized-box:nth-child(1):after{right:inherit; left:-33px; }
.row-box-2 .row-bottom .customized-box:nth-child(2):after{ right:inherit; left:-18px; }
.row-box-2 .row-bottom .customized-box:nth-child(3):after{ left:inherit; right:-20px; border-right: 7px solid var(--vcs-red); border-left:none; }
.customized-sec .card{ 
    border: none;
    box-shadow: var(--vcs-shadow);
 }
 .customized-sec .card img{
    width:40px;
 }

/*Choose a Plan*/
/*.choose-plan-sec{background:url(../img/Price-Plan-BG.png) no-repeat center -55px / cover; padding-top:23rem; margin-top: -10rem;}*/


.choose-plan-sec{    background-image: url(../img/Price-BG-row.png);
    padding-top: 14rem;
    position: relative;
    background-repeat: repeat-y;
    background-size: 100%;}
.choose-plan-sec::after {
  content: " ";
  background:url(../img/Price-BG-Curve2.png) no-repeat center 0px / cover;
  height:337px;
  width:100%;
  position: absolute;
    top:-149px;
	    background-size: 100% 292px;
	}
.z-1{position: relative;
    z-index: 1;}
.img-cover{height: 100%;
    object-fit: cover;}

.choose-plan-sec .card{ border-radius:var(--vcs-b-radious10);border: none; box-shadow: var(--vcs-shadow); }
.choose-plan-sec .popular-top{
    font-size: 1.12em; 
    color:var(--bs-white); 
    text-transform: uppercase; 
    font-family: var(--vcs-montserrat); 
    letter-spacing:3px; 
    font-weight:var(--vcs-600);
    padding: 7px;
    background: linear-gradient(90deg, #292529 0%, #686368 54%, #292529 100%); 
}
.choose-plan-sec .card p{line-height:23px;}
.choose-plan-sec .card-header{ border: none; background:none; }
.choose-plan-sec .card h2{color:#4E0686; font-weight:var(--vcs-700);}
.choose-plan-sec .card h2 strong{font-size:20px;}
.choose-plan-sec .card h2 span{font-size:20px; font-weight:400;}
.choose-plan-sec .btn-hour{ cursor: text; padding:5px 10px; color:var(--bs-white); background:#4E0686; }
.choose-plan-sec .card-desc{min-height:100px;}
/* .choose-plan-sec .card-desc{min-height:auto;} */
.choose-plan-sec .include-box{min-height:310px;}
.choose-plan-sec .ideal-box{min-height:135px;}
.choose-plan-sec .card h6{font-weight:var(--vcs-600); position:relative; margin-bottom: 10px;}
.choose-plan-sec .card h6:after{ content:""; width:calc(100% - 80px); height:1px; background:var(--vcs-p-black); position:absolute; left:80px; top:50%; }
.choose-plan-sec ul li{ color: var(--vcs-p-black); padding-left: 18px; margin-bottom: 10px; background:url(../img/checked-icon.png) no-repeat left 7px / 13px auto; }
.choose-plan-sec .card-footer{ border: none; background:none; }


.choose-plan-sec .col-lg-3:nth-child(2) .card h2,
.choose-plan-sec .col-md-6:nth-child(2) .card h2{color:#0B2FB0;}
.choose-plan-sec .col-lg-3:nth-child(2) .btn-hour,
.choose-plan-sec .col-md-6:nth-child(2) .btn-hour{ background:#0B2FB0; }
.choose-plan-sec .col-lg-3:nth-child(3) .card h2,
.choose-plan-sec .col-md-6:nth-child(3) .card h2{color:#1BA3C0;}
.choose-plan-sec .col-lg-3:nth-child(3) .btn-hour,
.choose-plan-sec .col-md-6:nth-child(3) .btn-hour{ background:#1BA3C0; }
.choose-plan-sec .col-lg-3:nth-child(4) .card h2,
.choose-plan-sec .col-md-6:nth-child(4) .card h2{color:#056951; font-size: 2rem;padding: 12px 0!important;}
.choose-plan-sec .col-lg-3:nth-child(4) .btn-hour,
.choose-plan-sec .col-md-6:nth-child(4) .btn-hour{ background:#056951; letter-spacing: 1px; }
#originalCards .col-md-3:last-child .card {
    padding-top: 0px;
}


/*********Team landing-page-python-***********/
.w-46{width:46px;}
.f-18{ font-size:18px;}
.f-15{ font-size:15px;}
.f-23{
    font-size: 23px;
}
.f-30{
    font-size: 30px;
}
.mt-44{margin-top: -44px;}

/* .team-img-block{background: url(../img/subhas-BG.png) no-repeat center bottom 100px / 100% auto;} */
.team-img-block{background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-subhas-bg-img-576x555-2.png') no-repeat center bottom 100px / 100% auto;}
/* .team-img-block .team-title{background: url(../img/team-bg-shep.png) no-repeat center top / 100% 100%;padding: 46px 20px 40px;position: relative;top: -53px;} */
.team-img-block .team-title{background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-team-bg-shep-img-603x185-2.png') no-repeat center top / 100% 100%;padding: 46px 20px 40px;position: relative;top: -53px;}
.contaus-block{border-radius: var(--vcs-b-radious20); background: rgb(74,89,95);
background: linear-gradient(90deg, rgba(74,89,95,1) 0%, rgba(230,13,45,1) 100%);
    bottom: -44px;}
.contact-us-today-btn{background:var(--bs-white);}
.contact-us-today-btn:hover{background:var(--vcs-black);}
  .all-case-study .accordion-button::after {
		display: none; /* Hide the accordion icons */
	  }
	  .all-case-study .accordion-item {
		border-radius:0 !important;
		border-color: var(--vcs-gray-silver);
	}
	.all-case-study .accordion-item {
		background-color: transparent;
		border:0 !important;
	}
#owl_testimonial .owl-stage {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#owl_testimonial .owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}
.wc-block-cart__submit-button, .components-button{
    display: inline-block;
    background: var(--vcs-red);
    padding: 10px 20px;
    color: var(--vcs-white);
    text-decoration: none;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: var(--vcs-montserrat);
    box-shadow: var(--vcs-shadow);
    border: 1.5px solid transparent;
    font-size: 14px;
    font-weight: var(--vcs-700);
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    transition: all 1s ease !important;
    margin-top: 30px;
}
.wc-block-components-totals-coupon__button{
    margin-top: 0 !important;
}
.wc-block-cart__submit-button:hover, .components-button:hover{
    background: var(--vcs-white);
    color: var(--vcs-red);
    border: 1.5px solid var(--vcs-red);
}
.landing-banner .modal .modal-dialog {
    transform: none;
    top: 50%;
    transform: translateY(-50%);
}
.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block {
    background: #f1f1f3;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 20px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    text-align: center !important;
    padding-left: 20px !important;
    font-size: 20px !important;
}
 .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item__label{
    text-align: left !important;
    padding-left:0  !important;
    font-size: 15px !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: .8em !important;
    font-weight: 500 !important;
}
.wc-block-cart-item__image a, .wc-block-cart-items td .wc-block-components-product-name {
    pointer-events: none;
}
.wc-block-cart-item__total, .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-price{font-size: 0 !important;}
.wc-block-cart-item__total .wc-block-formatted-money-amount, .wp-block-woocommerce-checkout-order-summary-block .wc-block-formatted-money-amount{font-size: 1rem;}
.wc-block-cart-items thead{background: #f1f1f3 !important;
    padding: 0.8rem 1.5rem;}
.wc-block-cart-items{border-radius: 15px;
    overflow: hidden;
	}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {

    background: #f1f1f3 !important;
    visibility: unset !important;
    font-size: 0;
}	
.is-large.wc-block-cart .wc-block-cart-items th {
    padding: 16px  !important;
}
.is-large.wc-block-cart .wc-block-cart-items td{
	padding:11px !important;
}
.wp-block-woocommerce-cart-line-items-block tbody{
	    background: #f9f9f9;
}
.wp-block-woocommerce-cart-line-items-block table{
	border-bottom: 1px solid hsla(0, 0%, 7%, .11);
}
.woocommerce-checkout .inner-banner, .woocommerce-cart .inner-banner{
    margin-top: 0;
    height: 392px;
}
.wp-block-woocommerce-empty-cart-block .wp-block-heading{
    font-size: 0;
}
.wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title{
    font-size: 18px;
}

.wp-block-woocommerce-empty-cart-block .wp-block-product-new{
    display: none;
}
.wp-block-woocommerce-cart-order-summary-subtotal-block.wc-block-components-totals-wrapper {
    display: none;
}
.wp-block-woocommerce-checkout-order-summary-subtotal-block.wc-block-components-totals-wrapper {
    display: none;
}
.wc-block-components-product-name {
    font-size: .9em !important;
    font-weight: 600;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    color: #000;
}
.wp-block-woocommerce-cart, .wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block{
    font-family: var(--vcs-montserrat);
}
.woocommerce-cart section.about:before,  .woocommerce-checkout section.about:before{
    display: none;
}
span.wc-block-components-order-summary__button-text {
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 15px;
}
section.woocommerce-customer-details h2, section.woocommerce-order-details h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px;
}
.woocommerce .woocommerce-customer-details address {
    border-right-width: 1px;
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
    margin-bottom: 6em;
}
/* END Optional styles */
.landing-laptop img.landing-laptop-img{
    position: absolute;
    bottom: -75px;
    left: -140px;
    max-width: 955px;
}
.video-wrapper {
    background: #000;
    margin-top: -40px;
    margin-left: 23px;
    border-radius: 4px;
    width: 627px;
    height: 413px;
    overflow: hidden;
}
.video-container {
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: -19px;
}
.video-container .video-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}*/

.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #circle-play-b {
  cursor: pointer;
  pointer-events: auto;
}
video::-webkit-media-controls-panel {
   display: flex !important;
   opacity: 1 !important;
}
.accordion-body a{
    font-weight: 600;
}
.brand-section .owl-dots{display:none;}
.email-us{background:#212529; display: flex;
  height: 195px;
  justify-content: center;
  align-items: center;}
.vcs-trust{
	background:#efefef; 
}
 .book-a-meeting .submit-query p{
	  display: flex;
    width: 100%;
    justify-content: center;
  }




.book-a-meeting input[type=text], .book-a-meeting input[type=email], .book-a-meeting input[type=number], .book-a-meeting input[type=tel], .book-a-meeting input[type=date], .book-a-meetin input[type=month], .book-a-meetin input[type=week], .book-a-meeting input[type=time], .book-a-meeting input[type=datetime], .book-a-meeting textarea, .book-a-meeting select{
	background: transparent;
    padding: 10px 10px 10px 0 !important;
    height: 43px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
	color:#000;

}
.book-a-meeting select{width:100%;}
.book-a-meeting option{color:#000;}
.email-us a{color: var(--vcs-red)!important;}
.email-us a:hover{color: var(--bs-white)!important; text-decoration:underline;}

.book-a-meeting input[type=submit]{width:250px;}

.f-41{font-size: 2.6em;}
.work-with-us-banner{padding: 14.25em 0;}
.sets-us-apar-icon{width:82px;}
.linkdin-cont{top: 88px;
    left: 76px;
    width: 44%;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
    font-weight: 400;
    font-family: var(--vcs-montserrat);}
.linkdin-cta{left: 72px;
    bottom: 53px;
    width: 11%;
}


/**career page**/
.send-your-resume{
	border-radius: 1.8rem;
    box-shadow: var(--vcs-shadow);
	padding: 2.2rem 3.8rem;
}
.icon20{
	width:20px;
	height:20px;
}
.career-top-left ul li{
	color:var(--vcs-deepgray2);
	font-family:var(--vcs-montserrat);
	font-size:17px;
}
.technology-stacks{
	background:var(--vcs-deepgray3);
	margin-bottom:110px;
	font-family: var(--vcs-montserrat);
	    margin-top: 5rem;
}
.technology-stacks:after {
    content: '';
    position: absolute;
	/* background: url(../img/side-angle-2.jpg) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-side-angle-2-img-132x110-2.jpg') no-repeat center center;
	width:132px;
	height:110px;
	right: 0;
    top: -110px;
}
.technology-stacks:before {
    content: '';
    position: absolute;
	/* background: url(../img/side-angle-1.jpg) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-side-angle-1-img-131x110-2.jpg') no-repeat center center;
	width:131px;
	height:110px;
	    left: 0;
    top: 0;
}
.technology-stacks-bottom:after {
    content: '';
    position: absolute;
	/* background: url(../img/side-angle-2.jpg) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/side-angle-2.jpg') no-repeat center center;
	width:132px;
	height:110px;
	left: 0;
    bottom: -110px;
	transform: rotate(0.5turn);
}
.technology-stacks-bottom:before {
    content: '';
    position: absolute;
	/* background: url(../img/side-angle-1.jpg) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/side-angle-1.jpg') no-repeat center center;
	width:131px;
	height:110px;
	right: 0;
    bottom: 0;
    transform: rotate(0.5turn);;
}
.vcs-deepgray{
    color: var(--vcs-deepgray);
}
.technology-name{
width:120px;
}
.technology-logo{
width:50px;
}
.technology-first:after {
    content: '';
    position: absolute;
	 background: url(../img/logo/line-border1.svg) no-repeat center center; 
	/*background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-line-border1-img-1x514-2.svg') no-repeat center center;*/
	width:1px;
	width: 1px;
    height: 100%;
    right: 0;
    background-size: 1px 100%;
}
.technology-second:after {
    content: '';
    position: absolute;
	 background: url(../img/logo/line-border.svg) no-repeat center center; 
	/*background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-line-border-img-1x655-2.svg') no-repeat center center;*/
	width:1px;
	width: 1px;
    height: 100%;
    right: 0;
    background-size: 1px 100%;
}

.technology-third:after {
    content: '';
    position: absolute;
	 background: url(../img/logo/line-border.svg) no-repeat center center; 
	/*background: url('https://134.209.152.44/wp-content/uploads/2024/09/line-border1.svg') no-repeat center center;*/
	width:1px;
	width: 1px;
    height: 100%;
    right: 0;
    background-size: 1px 100%;
}
.technology-fourth:after {
    content: '';
    position: absolute;
	 background: url(../img/logo/line-border.svg) no-repeat center center; 
	/*background: url('https://134.209.152.44/wp-content/uploads/2024/09/line-border.svg') no-repeat center center;*/
	width:1px;
	width: 1px;
    height: 100%;
    right: 0;
    background-size: 1px 100%;
}
.technology-five:after {
    content: '';
    position: absolute;
	 background: url(../img/logo/line-border1.svg) no-repeat center center; 
	/*background: url('https://134.209.152.44/wp-content/uploads/2024/09/line-border1.svg') no-repeat center center;*/
	width:1px;
	width: 1px;
    height: 100%;
    right: 0;
    background-size: 1px 100%;
}
.technology-stacks li{
	height:120px;
}
.technology-stacks ul{
	padding:0 1.1rem;
}

.curv-white-box{border-radius: var(--vcs-b-radious50);
box-shadow: var(--vcs-shadow);}
.curv-white-box .icon{
	    width: 120px;
}
.curv-white-box .technology-logo {
    width: 100%;
}
.technology-first li:after{
	content: '';
    position: absolute;
	/* background: url(../img/logo/sepration-01.png) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-sepration-01-img-225x1-2.png') no-repeat center center;
    width: 100%;
    height: 1px;
    bottom: 0;
	
}
.technology-second li:after{
	content: '';
    position: absolute;
	/* background: url(../img/logo/sepration-02.png) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-sepration-02-img-209x1-2.png') no-repeat center center;
    width: 100%;
    height: 1px;
    bottom: 0;
	
}
.technology-third li:after{
	content: '';
    position: absolute;
	/* background: url(../img/logo/sepration-03.png) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-sepration-03-img-208x1-2.png') no-repeat center center;
    width: 100%;
    height: 1px;
    bottom: 0;
	
}

.technology-fourth li:after{
	content: '';
    position: absolute;
	/* background: url(../img/logo/sepration-03.png) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-sepration-03-img-208x1-2.png') no-repeat center center;
    width: 100%;
    height: 1px;
    bottom: 0;
	
}
/*.technology-third li:last-child:after, .technology-fourth li:last-child:after{display:none;}*/

.technology-five li:after{
	content: '';
    position: absolute;
	/* background: url(../img/logo/sepration-02.png) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-sepration-02-img-209x1-2.png') no-repeat center center;
    width: 100%;
    height: 1px;
    bottom: 0;
	transform: rotate(0.5turn);
}
.technology-six li:after{
	content: '';
    position: absolute;
	/* background: url(../img/logo/sepration-01.png) no-repeat center center; */
	background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-sepration-01-img-225x1-2.png') no-repeat center center;
    width: 100%;
    height: 1px;
    bottom: 0;
	transform: rotate(0.5turn);
}

#owldemo1 .owl-item .item {
   border-radius: var(--vcs-b-radious20);
    box-shadow: var(--vcs-shadow);
    margin: 1rem 2rem;

}
#owldemo1 img.coma-img {
    width: 60px;
}
.vcs-open-position{
	
}
.vcs-open-position .vcs-jobs{
	    border: 1px solid var(--vcs-deepgray);
    border-radius: 3rem;
    color: var(--vcs-p-black);
    padding: .6rem 2rem;
    margin: .5rem .6rem;
	
}
.vcs-open-position .vcs-jobs a{
	text-decoration:underline;
}
.vcs-open-position .vcs-jobs a:hover{
	text-decoration:none;
}
.career-linkedin{
	z-index: 4;
}
.contentSection {
    display: none; /* Hide by default */
    width: 80%;
	background:#fff;
	border-top:5px solid var( --vcs-red);
	border-left:solid 1px var(--vcs-deepgray);
	border-right:solid 1px var(--vcs-deepgray);
	border-bottom:solid 1px var(--vcs-deepgray);
    left: 0;
	right:0;
    color: black;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.5s ease;
	border-radius:var( --vcs-b-radious20);
	color: var(--vcs-p-black);
	font-family: var(--vcs-montserrat);
	margin:0 auto;
	z-index:1;
}

.contentSection.visible {
    display: block; /* Show the section */
    opacity: 1;
}

.closeIcon {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    font-size: 24px;
}

.hidden {
    display: none;
}
.job-details h2{font-size: 30px;
    margin-bottom: .3rem;}
.job-summery p{
	line-height: 21px;
    font-size: .9rem;
}
.job-summery li{position:relative; margin-bottom:11px; color: var(--vcs-p-black); font-size: .9rem;}
.job-summery li::before {
	content: " ";
   /* background: url(../img/checked-icon.png) no-repeat left center; */
   background: url('https://134.209.152.44/wp-content/uploads/2024/09/voyantt-cs-checked-icon-img-16x16-2.png') no-repeat left center;
       width: 17px;
    height: 17px;
    position: absolute;
    left: -31px;
    top: 3px;
}
.job-summery ul{
	padding-left: 2rem;
	margin-top:.8rem;
}
.icon-job { width: 15px;
    position: relative;
    top: -2px;
}

.job-summery{margin-top:1.2rem;max-height: 400px; /* Example height */
overflow-y: auto;}

.job-summery::-webkit-scrollbar {
    width: 0px; /* for vertical scrollbars */
    height: 0px; /* for horizontal scrollbars */
}

.job-summery:hover::-webkit-scrollbar {
    width: 6px; /* for vertical scrollbars */
}
.calendly-book-meeting:before{
    content:"OR";
    position: absolute;
    left:-25px;
    top:0;
    bottom:0;
    margin: auto 0;
    width:50px;
    height:50px;
    background:#ededed;
    border:1px solid #ccc;
    border-radius:50%;
    font-family: var(--vcs-montserrat);
    font-size:20px;
    line-height:48px;
    font-weight:700;
    text-align:center;
}

.woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items .wc-block-cart-item__image{
    display: none;
}
.woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items .wc-block-cart-items__header-product{
    display: none;
}


/* for career page carousel css */

.job-section button.owl-prev {
  position: absolute;
  top: 40%;
  padding: 10px !important;
  border-radius: 50px !important;
  height: 37px;
  width: 37px;
  color: var(--vcs-black) !important;
  left: -7%;
  line-height: 19px !important;
  text-align: center;
  box-shadow: 0 6px 30px #c7c7c7 !important;
  transition: .4s;
  border: 1px solid #dbdfe3;
  background: var(--vcs-white) !important;
}

.job-section button.owl-next {
  position: absolute;
  top: 40%;
  padding: 10px !important;
  border-radius: 50px !important;
  height: 37px;
  width: 37px;
  color: var(--vcs-black) !important;
  right: -7%;
  line-height: 19px !important;
  text-align: center;
  box-shadow: 0 6px 30px #c7c7c7 !important;
  border: 1px solid #dbdfe3;
  transition: .4s;
  background: var(--vcs-white) !important;
}

.job-section button.owl-prev:hover i,
.job-section button.owl-next:hover i {
  color: #fff !important;
}

.job-section button.owl-prev:hover,
.job-section button.owl-next:hover {
  background: #e40d2d !important;
}

.job-section button.owl-prev i,
.job-section button.owl-next i {
  color: #dbdfe3;
}

.job-item {
  transition: all 0.3s ease;
}


#owl2025{
    position: relative;
}
#owl2025 .owl-item .item{
    padding:15px;
}
#owl2025 .owl-item .item:after{
    content:"2025";
    position: absolute;
    left:0; 
    right:0;
    top: 40px;
    font-size: 10rem;
    color: #f3f3f3;
    font-weight:var(--vcs-700);
    text-align: center;
    width:100%;
}   
#owl2025 .item.last-item:after, #owl2025 .item.first-item:after{
    display:none;
}



#owl2025 .item .bnr-box-2025{
    position: relative;
    z-index:1;
    padding: 70px 0 0;
}
#owl2025 h4{
    font-size:1em;
    line-height: 1.5;
    color:var(--vcs-black);
}
#owl2025 p{
    font-size:1em;
    color:#929292;
    font-weight: var(--vcs-500);
    width:100%
}
.text-2025{
    font-size: 6rem; 
    color:var(--vcs-black);
    line-height: 1.1;
    padding-bottom: 0;
}
/* owl-carousel Banner 2025 New */

.laptop-wrapper-2025{
    position: absolute;
    max-width: 900px;
    margin: 0 auto;
    right: 97px;
    bottom: 0;
    z-index:9;
}

.laptop-img-2025{
  width: 100%;
  display: block;
}

.laptop-screen-2025{
    position: absolute;
    top: 6.5%;
    left: 16%;
    width: 67%;
    height: 78%;
    background:var(--bs-white);
    overflow: hidden; 
}

.banner-2025{
  /*background: var(--vcs-gray);*/
  position: relative;
  padding: 1rem 0 0;
  min-height: 340px;
}

.banner-2025 #owl2025:not(.owl-loaded) .item{
  display: none;
}
/*.banner-2025 #owl2025:not(.owl-loaded) .item:first-child{
  display: block;
}*/

/* Prevent layout jump while Owl builds wrappers */
.banner-2025 #owl2025:not(.owl-loaded){
  position: relative;
}

/* Make sure pseudo elements stay behind content */
#owl2025 .owl-item .item:after{
  z-index: 0;
}
#owl2025 .item .bnr-box-2025{
  position: relative;
  z-index: 2;
}
.new-year-number{
    background: var(--vcs-red);
    color: var(--vcs-white);
    text-align: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 28px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
.banner-2025:before{
    position: absolute;
    content: '';
    background: url(https://134.209.152.44/wp-content/uploads/2025/12/voyantt-cs-new-year-bg.png);
    width: 18%;
    height: 160px;
    background-size: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    opacity: 0.2;
}
.banner-2025:after {
    position: absolute;
    content: '';
    background: url(https://134.209.152.44/wp-content/uploads/2025/12/voyantt-cs-new-year-bg-2.png);
    width: 18%;
    height: 116px;
    background-size: 100%;
    bottom: -21px;
    right: -17px;
    background-repeat: no-repeat;
    transform: rotate(59deg);
    z-index: 9;
    opacity: 0.2;
}

#owl2025 .first-item .text-2025{
  display: inline-block;
  transform-origin: center;
  opacity: 0;              /* hidden initially */
  transform: scale(0.65);  /* small initially */
}


#owl2025 .first-item .text-2025{
  animation: zoomInSoft 1200ms cubic-bezier(.2,.9,.2,1) both;
}

/* Last slide year is hidden until we explicitly trigger it */
#owl2025 .last-item .text-2025{
  display: inline-block;
  transform-origin: center;
  opacity: 0;              /* hidden initially */
  transform: scale(0.65);  /* small initially */
}

/* When last slide is active, animate it in */
#owl2025.is-last-slide .last-item .text-2025{
  animation: zoomInSoft 1200ms cubic-bezier(.2,.9,.2,1) both;
}

/* Animation */
@keyframes zoomInSoft {
  0%   { transform: scale(0.65); opacity: 0; }
  60%  { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes pop {
  0% { transform: scale(0.6); opacity: 0; }
  70% { transform: scale(1.25); opacity: 1; }
  100% { transform: scale(1); }
}

#owl2025 .year-six{ display:inline-block; }
#owl2025.is-last-slide .year-six{
  animation: pop 650ms ease-out both;
  animation-delay: 250ms;
}

#owl2025 .year-five{ display:inline-block; }
#owl2025 .year-five{
  animation: pop 650ms ease-out both;
  animation-delay: 250ms;
}

.holiday-list-block{
    border-radius: var(--vcs-b-radious20);
    box-shadow: var(--vcs-shadow);
}
.pgntn-page-pagination .page-numbers{
    width: 33px;
    height: 33px;
    padding: 0 !important;
    border-radius: 50% !important;
    vertical-align: top;
    line-height: 30px;
}
.pgntn-page-pagination .next.page-numbers{
   width:auto;
    height:auto;
}