body{background: #fff !important;font-size:19px}
body a {text-decoration: none;color:var(--primary-color)}
  :root {
    --primary-color: #31415b;
	--vvbg1 : #f85c12;
    --secondary-color: #E9F7FE;
    --text-color: #667282;
    --accent-color: #FFB703;
    --white-color: #FFFFFF;
    --divider-color: #12223B30;
    --dark-divider-color: #FFFFFF20;
    --overlay-color: #00000066;
    --error-color: rgb(230, 87, 87);
    --default-font: sans-serif;
    --accent-font: sans-serif;

	--accent-color2: #f85c12;
	--accent-color1: #FFB703;
}

.section-title h1 {font-size:40px;font-weight: 400;line-height:1.5}
.column4 {width: 15%;}
.bg1{background-image: linear-gradient(to bottom, #ffffff, var(--secondary-color, 0.7), #fff);}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.slider {
    width: 55%;
	background-color: #ffb703; opacity:0.9;
    -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%);
    padding-left: calc((85% - 1170px) / 2);
	height: 600px;margin-top:1em;

}

.slider-wrap {
    background-color: #6ac5f2;
    background-repeat: no-repeat;
    background-position: right bottom;
	background-repeat: repeat;
	background-size: auto;
}

.slider .slider-content .item-header .experience-year {
    font-size: 80px;
    font-weight: 700;
    line-height: 76px;
    margin-right: 5px;
    margin-top: 5px;
	padding-top:20%;
}

.slider .slider-content .item-header .item-title li {
    font-size: 34px;
    margin-bottom: 10px;
    line-height: 1.2;
}

header.main-header {
    background-color: transparent;
    border-bottom: 1px solid var(--dark-divider-color);
    position: relative;
    z-index: 100;
   margin: -20px 50px -1em 50px;
}

.main-menu ul ul li a {color: #333;}
.main-menu .nav-menu-wrapper {margin-top: 1em;}


.vvt1 {font-size:90px !important;font-weight: 300 !important;line-height:3em}
.vvt2 {color:var(--accent-color)}

.our-faqs-bulitup {
    position: absolute;
    top: 47%;
    bottom: 0;
    left: 50%;
}

.cb-cursor {position: fixed;top: 0;left: 0;z-index: 150;contain: layout style size;pointer-events: none;will-change: transform;-webkit-transition: opacity 0.3s, color 0.4s;-o-transition: opacity 0.3s, color 0.4s;-moz-transition: opacity 0.3s, color 0.4s;transition: opacity 0.3s, color 0.4s;}

.inline-block {display: inline-block;max-width:170px;margin-left:2em;}
.center {
  margin: auto;
  width: 50%;
  padding-bottom:5em;}
  
.swiper-slide h1,.swiper-slide h2 {color:#fff;font-size:60px;font-weight:100}
.mb3 {margin-bottom:2em;max-height:13em;}
.hero-slider-layout .hero-slide {padding: 120px 0 100px;max-height:800px;}
.page-header-box{margin-top: -6%;}
.slicknav_menu {background: #4c4c4c;padding: 0;}
.navbar {--bs-navbar-padding-x: 1;}
.navbar-brand {padding-bottom: 1em;}

header.main-header .header-sticky {
    position: relative;
    top: 20px;
   z-index: 100;
}

.headerimg{background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

@media only screen and (max-width: 1200px) {
.center {
  margin: auto;
  width: 100%;
  padding-bottom:2em;}
}

@media only screen and (max-width: 1000px) {
.hero-slider-layout .hero-slide {position: relative; padding: 150px 0 100px	max-height:600px;}
.inline-block {max-width:15%;margin-left:30px;}
#certs {padding-bottom:1em}
header.main-header {margin: -44px 50px -1em 50px;}
.slider-content{padding:1em 1em 0em 1em }
.slider {width: 85%}
}


@media only screen and (max-width: 600px) {
header.main-header { margin: -11px;}
}

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
}

.bg-no {background: none;}
.v1 p {padding-left:3em}
.v1 h3 {font-size:120%}
.company-experience-content h4{font-size:300%}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc; /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}