@charset "UTF-8";
/* CSS Document */

body{ padding:0; margin:0; font-family:  sans-serif;}

/* Navigation Bar */
.navbar{
  padding: 10px 10px 20px 0px;
  background-color: #fff;
  transition: all ease 0.4s;
  box-shadow: 1px 2px 15px rgba(100,100,100,.3);

}
.navbar-brand{
  font-size: 22px;
  color: #333 !important;
 padding:5px 10px !important ;
 height:auto !important;
}

.navbar-brand img { width:80%;}


.navbar .navbar-nav li a{
  font-size: 16px;
  color: #333;
}

/* Animation */
.animate{
  padding: 10px 0px 10px 0px;
  transition: all ease 0.4s;
}

/* Jumbotron */
.jumbotron{
  margin-top: 150px;
}




#welcome .about { padding:40px 20px 80px 20px;}
#welcome .about h1 { color:#333; font-weight:bold; font-size:6rem; margin:0% 20px 3% 20px;}

#welcome .about h1 span { color:#be0029; font-size:4rem;}

#welcome .about p {color:#333; font-size:18; line-height:32px; text-align:justify; margin:2% 20px;}


#agriment { padding:80px 0px; }
#agriment .agreement-text{ padding:13% 5%!important; background-color:#212430;}
#agriment .agreement-text h1 { color:#fff; font-weight:bold; font-size: 3vw;
    margin: 1% 20px;
    font-family: sans-serif;
    text-transform: uppercase;
}

#agriment .agreement-text h1 span { color:#f9f8e7; font-size:3rem; font-family: 'Noto Sans JP', sans-serif; font-weight:bold; margin:0 0 30px 0;}

#agriment .agreement-text p {color:#fff; font-size:16px; line-height:30px; text-align:justify; margin:40px 20px;}

#agriment .padding-zero { padding:0px; margin:0px;}

#agriment .text {color:#333; font-size:20px; line-height:36px; text-align:justify;     padding: 45px 60px;
    background-color: #ecf2f6;}






#ADM { padding:80px 0px; }
#ADM .text-box { padding:90px 30px; background-color:#ecf2f6;}
#ADM .text-box h1 { color:#333; font-weight:bold; font-size:6rem; margin:0% 20px; font-family:  sans-serif;}

#ADM .text-boxh1 span { color:#fe4f2d; font-size:4rem; font-family: 'Noto Sans JP', sans-serif; font-weight:bold; margin:0 0 30px 0;}

#ADM .text-box p {color:#333; font-size:18px; line-height:32px; text-align:justify; margin:30px 20px;}
#ADM .text-box ul{margin:40px 0px; list-style-type: disc;}

#ADM .text-box ul li {color:#333; font-size:15px; line-height:24px; text-align:justify; margin:10px 20px 10px 50px; }
#ADM .img { margin-left: -15%;}


#Similarities { padding:80px 0px; }
#Similarities h2 {color:#333; font-weight:bold; font-size:6rem; margin:5% 20px; font-family:  sans-serif; }

#Similarities h2 span {color:#be0029; font-size:4rem;}
#Similarities .item .single_item .item_list .welcome_icon { text-align:center;}
#Similarities .item .single_item .item_list .welcome_icon img { width:60px; text-align:center;}

#Similarities .item .single_item .item_list .welcome_icon .fa .fa-tint  {width:60px; text-align:center;}

#Similarities .item .single_item h5 { margin:20px 10px; text-align: center;
    font-size: 18px;}


#timeline { padding:80px 0px;}
#timeline h1 { color:#333; text-align:center; font-weight:bold; font-size:4.5rem; margin:0% 20px; font-family:  sans-serif;}
#timeline h1 span {color:#be0029; font-size:4rem;}
#timeline .carousel-inner > .item > img,
#timeline .carousel-inner > .item > a > img {
      width: 80%;
      max-width:751px;
      margin: auto;
  }
  
#Why-Vakyo { padding:80px 0px;}
#Why-Vakyo .about { padding:80px 80px 80px 25%; background-color:#ecf2f6;}
#Why-Vakyo .about h1 { color:#333; font-weight:bold; font-size:6vw; margin:0% 20px 3% 20px;}

#Why-Vakyo .about h1 span { color:#be0029; font-size:6rem;}

#Why-Vakyo .about p {color:#333; font-size:18; line-height:32px; text-align:justify; margin:2% 20px;}  
  
#Why-Vakyo .padding-zero { padding:0px; margin:0px;}
 
 
#Why-Vakyo .item .single_item .item_list .welcome_icon { text-align:center;}
#Why-Vakyo .item .single_item .item_list .welcome_icon img { width:60px; text-align:center;}

#Why-Vakyo .item .single_item .item_list .welcome_icon .fa .fa-tint  {width:60px; text-align:center;}

#Why-Vakyo .item .single_item .item_list h5 { margin:5px 10px; text-align: center;
    font-size: 16px; line-height:22px;}
 
 

#intro-single {
    padding: 6rem 0 3rem;
    background-color: #f8f8f8;
    margin-top: 80px;
}

#intro-single .title-single-box {
	padding: 1rem 0 1rem 2rem;
	margin-left: 30px
}
#intro-single .title-single-box {
	border-left: 3px solid #be0029;
}
#intro-single .title-single-box .title-single {
	font-weight: 600;
	font-size: 2.2rem
}
#intro-single .breadcrumb-box {
padding:1rem 0 0 .5rem;
	margin-right: 0px
}
#intro-single .breadcrumb {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	float:right;
}


#intro .intro-item {
	padding-top: 2rem
}
#intro .carousel-item-a {
	position: relative;
	height: 100vh
}
#intro .carousel-item-a.bg-image {
	background-attachment: scroll
}
#intro .intro-content {
	position: absolute
}


#vision { padding:80px 0px; width:100%; float:left; 
     background-image: url("/img/vision-bg.jpg"); background-size: cover; 
     height:700px;
  background-position: center; background-repeat: no-repeat;  position: relative;}
     
     
#vision .text { padding:20px 40px ; }
#vision .text h1 { color:#333; font-weight:bold; font-size:6rem; margin:30px 20px 30px 0px;}

#vision .text h1 span { color:#be0029; font-size:6rem;}   
 

#vakyo-need {padding:120px 0px 0px 0px;
      width:100%; 
      background-image: url("/img/vaky-need-bg.png");
      background-size: cover; 
     height:auto;
      background-position:center;
      background-repeat: no-repeat;  position: relative;
    margin: 0 auto;
    float: left;
    background-color: #fff;

}
    
    
#vakyo-need h1 { color:#333; font-weight:bold; font-size:6rem; 
text-align:center; margin:30px 20px 30px 0px;}
#vakyo-need h1 span { color:#be0029; font-size:6rem;}  

#vakyo-need h3 { color:#be0029; font-weight:bold; font-size:3rem; text-align:center; margin-bottom:20px;}

#vakyo-need .text { padding:30px 20px ; }


#vakyo-need .text h2 { color:#333; font-weight:bold; font-size:2rem; 
margin:60px 0px 0px 20px;
text-align: left; }

#vakyo-need .text ul {
    margin: 40px 0px;
    list-style-type: disc;
}

#vakyo-need .text ul li {
    color: #333;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    margin: 10px 20px 10px 50px;
}


#vakyo-need .content {padding:120px 0px;
      width:100%; 
      background-image: url("/img/vakyo-need-content-bg.jpg");
      background-size: cover; 
     height:auto;
      background-position:center;
      background-repeat: no-repeat;  position: relative;
    margin: 0 auto;
    float: left;}
  
 #vakyo-need .content .content-item { border:1px solid #fff; border-radius:10px; padding:20px 10px; position:relative; margin:30px 0px; }
 
  #vakyo-need .content .content-item p {color:#fff; text-align:justify; 
  text-align-last:center; padding:20px 10px; font-size:14px;  display: flex;
  justify-content: center;
  align-items: center; 
 min-height:240px;}
 
 #vakyo-need .content .content-item .heading { background-color:#be0029;
    color:#fff; padding:10px; position:absolute; margin:0 auto; text-align:center;
     top:-20px; border-radius:5px; font-size:14px; 
     align-self: center; width:210px;}

 
#vakyo-suggestion { 
    padding:100px 0px;
    height:auto;
    background-color: #fff;

}
    
#vakyo-suggestion h1 { color:#333; font-weight:bold; font-size:6rem; 
text-align:center; margin:0px 20px 30px 0px;}

#vakyo-suggestion h1 span { color:#be0029; font-size:6rem;}   

#vakyo-suggestion h5 { color:#999; font-weight:normal; font-size:2rem; text-align:center; margin:20px 0;}
 
#vakyo-suggestion .content {padding:10px 0px;
      width:100%; }
 
#vakyo-suggestion .content .content-item {margin:30px 0px; 
     border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    min-height: 215px;
}
 
 #vakyo-suggestion .content .content-item p {color:#999; text-align:justify; 
  text-align-last:center; padding:10px; font-size:15px;  }
  
  #vakyo-suggestion .content .content-item ul {margin: 10px 30px;
    list-style-type: disc;}
  
#vakyo-suggestion .content .content-item ul li {color:#999; text-align:left; 
   padding:5px 0px; font-size:15px; line-height:20px; }
 
 
 #vakyo-suggestion .content .content-item .heading { color:#be0029;
   padding:0px 10px; font-weight:bold;  margin:0 auto; text-align:center; 
   border-radius:5px;
   font-size:20px; 
    
 }
 
 
 
#new-city { 
    padding:40px 0px 100px 0px;
    height:auto;
    background-color: #fff;}
    
#new-city h3 { color:#be0029; font-weight:bold; font-size:4rem; 
text-align:center; margin:30px 20px 30px 0px;}

 #new-city h4 { color:#333; font-weight:bold; font-size:3rem; 
text-align:center; margin:100px 20px 40px 0px;}

#new-city h5 { color:#999; font-weight:normal; font-size:2rem; text-align:center; margin:20px 0;}



.center{
  font-family: 'Poppins', sans-serif;
  margin: 80px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 
.quotes {
  width: 80vw;
  min-height: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 2;
}

.quotes .box {
  position: relative;
  width: 25vw;
  height: 50vh;
  min-height: 320px;
  background: #f2f2f2;
  overflow: hidden;
  transition: all 0.5s ease-in;
  z-index: 2;
  box-sizing: border-box;
  padding: 30px;
  box-shadow: -10px 25px 50px rgba(0, 0, 0, 0.3);
}

.quotes .box::before {
  content: '\201C';
  position: absolute;
  top: -20px;
  left: 5px;
  width: 100%;
  height: 100%;
  font-size: 120px;
  opacity: 0.2;
  background: transparent;
  pointer-events: none;
}

.quotes .box::after {
  content: '\201D';
  position: absolute;
  bottom: -10%;
  right: 5%;
  font-size: 120px;
  opacity: 0.2;
  background: transparent;
  filter: invert(1);
  pointer-events: none;
}

.quotes .box p {
  margin: 0;
  padding: 10px;
  font-size: 1.2rem;
}

.quotes .box h2 {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 10%;
  right: 10%;
  font-size: 1.5rem;
}

.quotes .box:hover {
  color: #f2f2f2;
  box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5);
 
}

.quotes .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.quotes .box.box1:hover~.card {
	background-color:#000;
	text-align:center;
	color:#fff;
  
}


.quotes .box.box1:hover,
.quotes .box.box1:hover~.bg {
  opacity: 1;
  background-image:url(img/Green-Drive.jpg);
  
}

.quotes .box.box2:hover,
.quotes .box.box2:hover~.bg {
  opacity: 1;
 background-image:url(img/Tilefication.jpg);
}

.quotes .box.box3:hover,
.quotes .box.box3:hover~.bg {
  opacity: 1;
 background-image:url(img/img3.jpg);
}


/* Extra large devices (large Laptop and desktops, 1200px and up) */

@media (min-width: 1281px) and (max-width: 1440px) {
    
#agriment .agreement-text {
    padding:5% 5% !important;
}    
  
#agriment .agreement-text h1 {
    color: #fff;
    font-weight: bold;
    font-size: 4rem;
}

#agriment .agreement-text h1 span {
    color: #f9f8e7;
    font-size: 2rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    margin: 5px 10px;
}    
    
#agriment .agreement-text p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin: 30px 25px;
}    

#agriment .text {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    padding: 30px;
    background-color: #ecf2f6;
}

#Why-Vakyo .about {
    padding: 40px 40px;
    background-color: #ecf2f6;
}

#Why-Vakyo .about h1 {
    font-weight: bold;
    font-size: 6rem;
    margin: 0% 20px;
}

#Why-Vakyo .about p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin: 5px 20px;
}


}

/* Extra large devices (large laptops and desktops, 1200px and up) */


@media (min-width: 1025px) and (max-width: 1280px) {
    
#agriment .agreement-text {
    padding: 15% 5% !important;
}

#agriment .agreement-text h1 {
    color: #fff;
    font-weight: bold;
    font-size: 3vw;
}
#agriment .agreement-text p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin:25px 20px;
}
#agriment {
    padding:0px 0px 20px 0px;
}

}


@media (max-width: 1024px) and (orientation: landscape) {
    
   #slider {margin-top: 100px; min-height: auto; } 
    #slider .slider, .slide { height: 80vh; } 
   #welcome {
    min-height: auto;
    background: #fff;
    padding: 80px 0px 0px 0px;
} 
#Why-Vakyo .about {
    padding: 40px 20px;
    background-color: #ecf2f6;
}
#Why-Vakyo .about p {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    margin: 2% 20px;
}
#ADM .text-box p {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    margin: 10px 0px 0px 0px;
}
#ADM .text-box {
    padding: 75px 30px;
    background-color: #ecf2f6;
}
#ADM .text-box h1 {
    font-size: 6rem;
    margin: 0% 0px;
}
#agriment .agreement-text h1 span {
    color: #f9f8e7;
    font-size: 4rem;
    
}

}



@media (max-width: 768px) and (orientation : portrait) {

#slider {margin-top: 100px; min-height: auto; } 
#slider .slider, .slide { height: auto; } 

#welcome .about h1 {
    color: #333;
    font-weight: bold;
    font-size: 5rem;
    margin: 0% 20px 3% 20px;
}
#welcome {
    min-height: Auto; 
    background: #fff;
    padding: 80px 0 0px 0;
}
#agriment .agreement-text h1 {
    color: #fff;
    font-weight: bold;
    font-size: 5rem;
}

#agriment .agreement-text h1 span {
    color: #f9f8e7;
    font-size: 30px;
}

#agriment .text {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
    padding: 30px 40px;
    background-color: #ecf2f6;
}
#ADM .img {
    margin-left: 0%;
}

#Why-Vakyo .about h1 {
    color: #333;
    font-weight: bold;
    font-size: 6rem;
    margin: 0% 20px 3% 20px;
}

}




@media (max-width: 734px) and (orientation: landscape) {
    
   #slider {margin-top: 100px; min-height: auto; } 
    
    
}


@media (min-width: 480px) and (max-width: 767px) {
    
#agriment .agreement-text p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: justify;
    margin:5px  20px;
}

#agriment .agreement-text h1 span {
    color: #f9f8e7;
    font-size: 18px;
}
}



/* Mobile */
@media (max-width: 414px) {
    
 #slider { min-height:auto; margin-top:100px;}   
 #slider .slider, .slide { height: auto; } 
 .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;}

.slide .slide__content--headings h2 {
  font-size: 22px;
  margin: 10px 0;
  background-color:#fff;
  padding:8px 5px;
  color:#be0029;
}

.slide .slide__content--headings p {
  font-size:14px;
  margin: 10px 0;
  background-color:#be0029;
  padding:10px 15px;
  color:#fff;
}

.slick-dots {bottom:5px;} 

#welcome {
    min-height: auto;
    background: #fff;
    padding: 40px 0 0px 0;
}

#welcome .about {
    padding: 40px 0px 0px 0px;
}

#welcome .about h1 {
    color: #333;
    font-weight: bold;
    font-size: 5rem;
    margin: 0% 0px 5% 0px;
}
#welcome .about p {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    margin: 2% 0px;
}

#agriment .agreement-text h1 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    margin: 1% 10px;
    font-family: sans-serif;
    text-transform: uppercase;
}

#agriment .agreement-text h1 span {
    color: #f9f8e7;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    margin: 0;
}

#agriment .agreement-text p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    margin: 20px 15px;
}

#timeline h1 {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 30px !important;
    margin: 0% 0px;
    font-family: sans-serif;
}

#timeline h1 span {
    color: #be0029;
    font-size: 3rem;
}




#Why-Vakyo .about {
    padding: 40px 20px;
}

#Why-Vakyo .about h1 {
    color: #333;
    font-weight: bold;
    font-size: 5rem;
    margin: 0% 20px 3% 20px;
}

#Why-Vakyo .about h1 span {
    color: #be0029;
    font-size: 5rem;
}

#ADM .text-box p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin: 30px 0px;
}

#agriment .text {
    color: #333;
    font-size: 18px;
    line-height: 30px;

}

.navbar {
    padding: 10px 20px 20px 0px;
}


#vision {height:auto;}
#vision .text {
    padding: 20px 20px;
}

#vision .text h1 { text-align:center; font-size:5rem;}
#vision .text h1 span {
    color: #be0029;
    font-size: 5rem;
}

#vision .text p {  font-size: 16px;
    line-height: 30px;
    text-align: justify;}

#vakyo-need {
    padding: 60px 0px 0px 0px;
}
#vakyo-need h1 {
    color: #333;
    font-weight: bold;
    font-size: 5rem;
}
#vakyo-need h1 span { font-size: 5rem;}

#vakyo-need h3 {font-size: 2rem;}
#vakyo-need h1 span {color: #be0029; font-size: 5rem;}
    
 #vakyo-need .text h2 {
    color: #333;
    font-weight: bold;
    font-size: 2rem;
    margin: 0px 0px 0px 20px;
    text-align: left;
}  

}


@media (max-width: 412px) {
    
 #slider { min-height:auto; margin-top:100px;}   
 #slider .slider, .slide { height: auto; } 
 .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;}

.slide .slide__content--headings h2 {
  font-size: 22px;
  margin: 10px 0;
  background-color:#fff;
  padding:8px 5px;
  color:#be0029;
}

.slide .slide__content--headings p {
  font-size:14px;
  margin: 10px 0;
  background-color:#be0029;
  padding:10px 15px;
  color:#fff;
}

.slick-dots {bottom:5px;} 
    
 #agriment .agreement-text h1 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    margin: 1% 10px;
    font-family: sans-serif;
    text-transform: uppercase;
}

#agriment .agreement-text h1 span {
    color: #f9f8e7;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    margin: 0;
}

#timeline h1 {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 30px !important;
    margin: 0% 0px;
    font-family: sans-serif;
}
#timeline h1 span {
    color: #be0029;
    font-size: 3rem;
}


#Why-Vakyo .about {
    padding: 40px 20px;
}

#Why-Vakyo .about h1 {
    color: #333;
    font-weight: bold;
    font-size: 5rem;
    margin: 0% 20px 3% 20px;
}

#Why-Vakyo .about h1 span {
    color: #be0029;
    font-size: 5rem;
}

#ADM .text-box p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin: 30px 0px;
}

#agriment .text {
    color: #333;
    font-size: 18px;
    line-height: 30px;

}

.navbar {
    padding: 10px 20px 20px 0px;
}


#vision {height:auto;}
#vision .text {
    padding: 20px 20px;
}

#vision .text h1 { text-align:center; font-size:5rem;}
#vision .text h1 span {
    color: #be0029;
    font-size: 5rem;
}

#vision .text p {  font-size: 16px;
    line-height: 30px;
    text-align: justify;}

#vakyo-need {
    padding: 60px 0px 0px 0px;
}
#vakyo-need h1 {
    color: #333;
    font-weight: bold;
    font-size: 5rem;
}
#vakyo-need h1 span { font-size: 5rem;}

#vakyo-need h3 {font-size: 2rem;}
#vakyo-need h1 span {color: #be0029; font-size: 5rem;}
    
 #vakyo-need .text h2 {
    color: #333;
    font-weight: bold;
    font-size: 2rem;
    margin: 0px 0px 0px 20px;
    text-align: left;
}   
    
    
}

@media (max-width: 375px) {
    
 #header .header_menu .custom_navbar-brand {
        padding-top: 8px;
    }
    #header .header_menu .custom_navbar-brand>img {
        width: 75%;
    }
    #header .header_menu {
        min-height: 60px;
    }
    #header .header_menu .navbar-toggle {
        margin-bottom: 20px;
    }
    #header .header_menu .navbar-toggle {
        margin-top: 10px;
        margin-right: -12px;
    }
    #header .header_menu ul.main_menu li,
    #header .header_menu ul.main_menu li.active a {
        display: initial;
    }
    #header .header_menu ul.main_menu li a {
        font-size: 13px;
    }
    #header .header_menu .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }
    #header .header_menu ul.main_menu li:after {
        margin-top: 5px;
        height: 2px;
    }
    #header .header_menu .navbar-collapse.in {
        overflow-y: visible;
    }    
    
 #slider {min-height: 350px; margin-top:50px;}  
 #slider .slider, .slide { height: 40vh; margin-top:50px;}    

 #slider .slide .slide__content { width:auto;} 
 #slider .slide .slide__content--headings h2 {    font-size: 2rem; }
 #slider .slide .slide__content--headings p { font-size:16px; margin:5px 0px;}
   

 #welcome {padding:10px 0px;}
 #welcome .about {padding:40px 0px 0px 0px;} 
 #welcome .about h1 {text-align:center; font-size:5rem;}
 #welcome .about p {color: #333; font-size: 16px; line-height: 24px;
    text-align: justify; }
   
 #agriment .agreement-text h1 { text-align:center; font-size:5rem; }
 #agriment .agreement-text p { font-size: 16px; line-height: 24px;
    text-align: justify;  }
#ADM { padding: 0px 0px;}
#ADM .text-box {padding:0px; background-color: #fff;}
#ADM .text-box h1 { text-align:center; font-size:5rem;}
#ADM .text-box p { font-size: 16px; line-height: 24px;}
#ADM .img {margin-left:0px;}

#Why-Vakyo {padding:0px 0px}

#Why-Vakyo .about {
    padding: 40px 20px;
    background-color: #ecf2f6;
}


#timeline h1 span {color: #be0029;
    font-size: 3rem;}

#footer {
    min-height: 86px;
    padding: 10px 0;
}

#vision {height:auto;}
#vision .text {
    padding: 20px 20px;
}

#vision .text h1 { text-align:center; font-size:5rem;}
#vision .text h1 span {
    color: #be0029;
    font-size: 5rem;
}
#vision .text p {  font-size: 16px;
    line-height: 24px;
    text-align: justify;}

}
#vakyo-need {
    padding: 60px 0px 0px 0px;
}    

#vakyo-need h1 span { font-size: 5rem;}

#vakyo-need h3 {font-size: 2rem;}
#vakyo-need h1 span {color: #be0029; font-size: 5rem;}
    
 #vakyo-need .text h2 {
    color: #333;
    font-weight: bold;
    font-size: 2rem;
    margin: 0px 0px 0px 20px;
    text-align: left;
}