body{
  overflow-x: hidden;
}
th {
    text-align: center;
    cursor: pointer;
}
.animation-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.banner{
  /*min-height: 100vh;*/
  /*display: block;
  overflow:hidden;*/
}
.hero-container {
  max-width: 100vw;
  overflow-x: hidden;
}
.hero-container .img_div.bg_1{
  position: absolute;
  /* right: -190px; */
  /* bottom: 0px; */
  left: 0;
  right: 0;
  top: 0;
  /* width:2141px; */
  width: 100%;
  overflow-x: hidden;
}
.hero-container .img_div.bg_1 img:nth-of-type(2){
  max-width: none;
  position: relative;
  right: 260%;
}
.hero-container .img_div.bg_2{
  position: absolute;
  right: -341px;
  bottom: 32px;
  width:1328px;
}
.hero-container .container{
  position: relative; z-index:1;
}
.hero-container .content{
  /* position: absolute; */
 /* top:190px;*/
 top: 230px;

}
.hero-container .content h6{
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  color: #fff;
  text-align: left;
  font-size: 21px;
  margin-bottom: 10px;
}
.hero-container .content h2{
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  color: #fff;
  text-align: left;
  font-size: 32px;
  margin-bottom: 30px;
}
.hero-container .content p{
  color: #fff;
  text-align: left;
  font-size: 13px;
  /* max-width: 400px; */
  max-width: 85%;
  margin-bottom: 50px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
}
.hero-container .banner-btns{
  padding-left: 0;
}
.banner .img_banner_div{
  margin:140px 0 95px 0;
  float:right;
  position:relative;
  z-index:1;
  padding-top: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner .img_banner_div img{
  margin: 0 auto;
}
.banner .img_banner_div .animation-container{
  width: 170%;
}
.three_tab{
  background: #f3f3f4;
  padding-top: 60px;
  padding-bottom: 140px;
}
.title_header h2{
  font-size: 28px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  color: #1f2427;
  text-align:center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.title_header p{
  color: #AEAEAE; 
  text-align:center;
  max-width: 630px;
  margin: 0px auto;
  margin-bottom: 40px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
}
.colorful-tab-content img{
  /* margin: 0px auto; */
  margin: 60px auto;
  width: 75%;
}
.colorful-tab-content .animation-container{
  margin: 10px auto;
  left: -10%;
  position: relative;
  width: 130%;
}
.colorful-tab-content#clr-1 .animation-container{
  width: 100%;
  margin-top: 10%;
  margin-left: 10%;
}
.colorful-tab-content#clr-5 .animation-container{
  width: 80%;
  margin-top: 10%;
  margin-left: 20%;
}
.colorful-tab-content#clr-2 .animation-container{
  width: 100%;
  margin-top: 10%;
  margin-left: 10%;
}
.colorful-tab-content:last-of-type img{
  /* margin: 0px auto; */
  margin: 60px auto;
  width: 50%;
}
.colorful-tab-content .content{
  margin: 60px 0px;
}

.colorful-tab-content .content h3{
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  text-align: center;
}
/* .colorful-tab-content .content hr{
  margin-top: 10px;
    margin-bottom: 50px;
    border-top: 2px solid #d97a60;
    width: 74px;
    float: left;

} */
.colorful-tab-content .content p{
  clear: both;
  margin-top: 60px;
    font-size: 16px;
    color: #47494b;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    text-align: center;
}
.get_in_touch .form-control{
  background-color: #f4f4f5;
  padding: 20px;
  border-radius: 20px !important;
  color: #47494b;
} 
.get_in_touch .form{
  max-width: 770px;
  margin: 0px auto;
}
.team_section{
  /* background: #fff; */
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
.team_section .left-edge{
  top: 50%;
}
.team_section .team-content{
  margin: 50px 0;
}
.team_section .team-content .member-container:nth-of-type(4){
  margin-left: 190px;
  margin-top: -70px;
}
.team_section .team-content .member-container:nth-of-type(5){
  margin-top: -70px;
}
.team_section .team-content .member{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
}
.team_section .team-content .member div{
  font-size: 14px;
}
.team_section .team-content .member img{
  left: -5px;
  position: relative;
}
.team_section .team-content .member .name{
  text-align: center;
  margin-top: 15px;
}
.team_section .team-content .member .position{
  text-align: center;
  padding: 5px 0;
  border-radius: 50px;
  margin-top: 15px;
  background: #23d0ca;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}
.team_section .team-content .member .description{
  /* text-align: center; */
  margin-top: 15px;
  font-size: 12px;
}



.team_section .two_col{
  padding-top: 60px;
  padding-bottom: 40px;
}
.team_section .two_col .content_test img{
    border-radius: 50%;
    height: 170px;
    position: relative;
}
.team_section .two_col .content_test .indeed{
  position: absolute;
    left: 23%;
    right: 0;
    top: 28%;
    height: 50px;
}
.team_section .two_col .content_test h2{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  font-size: 22px;
  color: #1f2427;
}
.team_section .two_col .content_test{
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 20px;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
.team_section .two_col .content_test h6{
  text-align: center;
  background: #a2c5bf;
  color: #fff;
  display: block;
  max-width: 132px;
    height: 25px;
    padding: 7px;
    margin: 0px auto;
    font-size: 12px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    margin-bottom: 23px;
}
.team_section .two_col .content_test p{
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    font-size: 14px;
        color: #1f2427;
}


.team_section .three_col .col-md-4{
  padding-bottom: 40px;
}
.team_section .three_col .content_test img{
    border-radius: 50%;
    height: 170px;
    position: relative;
}
.team_section .three_col .content_test .indeed{
  position: absolute;
  left: 37%;
    right: 0;
    top: 30%;
    height: 50px;
}
.team_section .three_col .content_test h2{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  font-size: 22px;
  color: #1f2427;
}
.team_section .three_col .content_test{
  background: transparent;
  border: 2px solid #ccc;
  border-radius: 20px;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  max-height: 480px;
    height: 480px;
}
.team_section .three_col .content_test h6{
  text-align: center;
  background: #a2c5bf;
  color: #fff;
  display: block;
  max-width: 200px;
    height: 25px;
    padding: 7px;
    margin: 0px auto;
    font-size: 12px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    margin-bottom: 23px;
}
.team_section .three_col .content_test p{
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    font-size: 14px;
        color: #1f2427;
}
.traveling_div .mobile_images{
  background: url('../fonts/travel_img.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; 
  /*height: 72vh;*/
}
/*.traveling_div .mobile_images .mainimg{
  display: block;
  margin: 0px auto;
}*/
.traveling_div{
  position: relative;
}
.traveling_div .content .form{
    max-width: 266px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 60px;
}
.traveling_div .content .form .form-group{
    background-color: #fcfcfc;
    border-radius: 20px !important;
    color: #47494b;
    font-size: 12px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
        border: 1px solid #ccc;
  }
  .traveling_div .content .form .form-control{
        border: 0px;
        border-radius: 20px !important;
        background-color: #fcfcfc;
        box-shadow: none;
     /*   padding-right: 5px;
    padding-left: 5px;*/
  }
.traveling_div .content .form .form-control.input_first{
  padding: 20px 36px;
}
.traveling_div .content .form .serchicon{
  position: absolute;
  left: 30px;
  top:16px;
  color: #ccc;
}
.bottom_content .email_input{
  position: relative;
}
.bottom_content .email_input_i{
    position: absolute;
    right: 370px;
    top: 43px;
}
.traveling_div #datetimepicker1 th{
  text-align: center;
}
.traveling_div .content .form .btn-default{
    width: 100%;
    background: #dce0e2;
    border: 0;
    padding: 10px;
    color: #196094;
    transition: 0.4s;
    border-radius: 50px;
    margin-top: 10px;
}
.traveling_div .content .form .btn-default:hover{
  background: #196094;
  color: #fff;
}
.traveling_div .bottom_content h3{
  text-align: center;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  font-size: 18px;
  margin-top: 50px;
  color: #1f2427;
  margin-bottom: 0px;
}
.traveling_div .btns{
  top: 60%;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
}

.traveling_div .ani_btn{
  background: #23d0ca;
    border: 0;
    padding: 15px;
    color: #fff;
    transition: 0.4s;
    width: 200px;
    max-width: 200px;
    border-radius: 50px;
    margin: 50px auto;
    text-align: center;
    box-shadow: 0px 3px 10px #999;
    display: inline-block;
    margin-left: 16px;
}
.traveling_div .ani_btn:hover{
   background: #196094;
}
.bottom_content .form-control{
  background-color: #fff;
    padding: 20px;
    border-radius: 20px !important;
    color: #47494b;
    max-width: 470px;
    margin: 30px auto;
}
.bottom_content .btns{
  max-width: 570px;
  margin: 0px auto;
}
.bottom_content .btn-success{
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 11px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    width: 100%;
    text-align: center;
    background: #a2c5bf;
     border: 2px solid #a2c5bf;
    height: 46px;
    box-shadow: 0px 3px 10px #999;
}
.bottom_content .btn-success i{
    font-size: 20px;
    padding-right: 10px;
}
.bottom_content .btn-success:hover{
  background: #fff;
  border: 2px solid #a2c5bf;
  color: #a2c5bf;
}
.bottom_content .btn-social{
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    display: inline-block;
    padding: 9px;
    border-radius: 50%;
    transition: 0.5s;
    color: #a2c5bf;
    width: 46px;
    text-align: center;
    border: 0px;
    background: #fff;
    font-size: 20px;
    height: 46px;
    border: 2px solid #a2c5bf;
}
.bottom_content .btn-social:hover{
  color: #fff;
  background: #a2c5bf;
}

.laptop_slider{
  margin-top: -40px;
}
.laptop_slider .item img{
    display: block;
    max-width: 830px;
    margin: 0px auto;
}
.laptop_slider .bg_img_section{
  background-image: url('../fonts/slider_bg.svg');
  background-position: center; 
  background-size: cover; 
  max-width: 1250px;
  margin: 0px auto;
  margin-bottom: 30px;
}
.laptop_slider .owl-controls .owl-page.active span{
  background: #d87a61;
}
.project_section{
  padding-top: 60px;
  padding-bottom: 60px;
  /* background: #fff; */
}
.project_section .benefit-img {
  width: 50%;
  margin: 0 auto;
}
.project_section h4 {
  text-align: center;
  margin-top: 25px;
}
.project_section ul {
  margin-top: 25px;
  list-style: none;
}
.project_section ul li {
  margin-bottom: 15px;
  line-height: 22.91px;
}
.project_section ul li:last-of-type {
  margin-bottom: 0;
}
.project_section ul li::before {
  content: "";
  background-color: #23d0ca;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: -20px;
  margin-right: 10px;
}
.project_section .img_cube .img{
  height: 220px;
  max-height: 220px;
}
.project_section .img_cube .img:after{
  content: "";
  border: 2px solid #ccc;
    border-radius: 30px;
    transform: rotate(45deg);
    position: relative;
    display: block;
    width: 170px;
    height: 170px;
    left: 0;
    top: 0px;
    right: 0px;
    margin: 0px auto;
     -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
    transition:  2s;
    background: #fff
}
.project_section .img_cube .img:hover:after{
  transform: rotate(0deg);
  cursor: pointer;
  background: transparent;
  border: 2px solid #4e89b1;
}
.project_section .img_cube img{
    position: absolute;
    height: 55px;
    left: 0;
    right: 0;
    top: 46px;
    z-index: 3;
}
.project_section .img_cube h4{
  font-size: 21px;
  text-align: center;
  color: #1f2427;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
}
.project_section .small_icon_content{
  margin-top: 30px;
}
.project_section .small_icon_content .bg_sm_icon{
  background: #a2c5bf;
  color: #1f2427;
  height: 55px;
  width: 55px;
  border-radius: 50px;
    padding:0px 15px;
    margin: 0px auto;
}
.project_section .small_icon_content .bg_sm_icon img{
       height: 55px;
       width: 55px; 
}
.project_section .small_icon_content h4{
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 0px;
  margin-top: 10px;
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
}
.nav-menu > li.orange_menu > a:before{
  display: none;
}
.nav-menu .orange_menu{
  /* background: #4e89b1; */
  background: #3F698D;
  border-radius: 50px;
  /* margin-top: -8px; */
  /* margin-top: -10px; */
  /* border: 2px solid #4e89b1; */
  border: 2px solid #3F698D;
  transition: all 0.5s;
}
.nav-menu .orange_menu:last-of-type{
  background: transparent;
  border: 2px solid #fff;
}
.nav-menu .orange_menu a{
  color: #fff;
  padding: 10px 15px;
  transition: all 0.5s;
}
.nav-menu .orange_menu .child_color a{
  color: #000;
  width: 100%;
}
.orange_menu .sf-with-ul:after{
    display: none;
}
.orange_menu .dots{
  padding: 6px 15px !important;
    height: 36px;
    width: 34px;
    font-size: 20px;

    font-size: 18px;
    padding-left: 14px !important;
}
 .bottom_btn{
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
 }
.bottom_btn .btn-success{
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 11px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    width: 100%;
    text-align: center;
    background: #a2c5bf;
     border: 2px solid #a2c5bf;
    height: 46px;
    box-shadow: 0px 3px 10px #999;
}
.bottom_btn .btn-success i{
    font-size: 20px;
    padding-right: 10px;
}
.bottom_btn .btn-success:hover{
  background: #fff;
  border: 2px solid #a2c5bf;
  color: #a2c5bf;
}  
.round_animation_section{
  margin-top: 110px;
}
.round_animation_section .left_content{
      float: left;
    width: 410px;
    position: relative;
    height: 320px;
} 
.round_animation_section .left_content img{
  position:absolute;
    top:0;
    bottom:0;
    margin:auto;
}
.round_animation_section .left_content h2{
  position:absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  text-align: center;
  max-width: 134px;
  color: #fff;
  font-size: 19px;
}
.round_animation_section .left_content .arrow_content{
  position: relative;
}
.round_animation_section .left_content .arrow_content .img1{
  top: -23px;
    left: 15%;
}
.round_animation_section .left_content .arrow_content .img2{
  top: -115px;
    left: 100px;
    right: 0;
}
.round_animation_section .left_content .arrow_content h4{
    max-width: 183px;
    text-align: center;
    font-size: 15px;
    left: 160px;
    right: 0;
    position: absolute;
    top: -15px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}
.round_animation_section .left_content .arrow_content1{
  position: relative;
}
.round_animation_section .left_content .arrow_content1 .img1{
  top: 330px;
    left: 122px;
    max-width: 300px;
}
.round_animation_section .left_content .arrow_content1 .img2{
    left: 100px;
    right: 0;
    top: 330px;
}
.round_animation_section .left_content .arrow_content1 h4{
    max-width: 230px;
    text-align: center;
    font-size: 15px;
    left: 150px;
    right: 0;
    position: absolute;
    top: 210px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}
.round_animation_section .left_content .arrow_content2{
  position: relative;
}
.round_animation_section .left_content .arrow_content2 .img1{
  top: 630px;
    left: 14%;
}
.round_animation_section .left_content .arrow_content2 .img2{
    left: 100px;
    right: 0;
    top: 730px;
}
.round_animation_section .left_content .arrow_content2 h4{
    max-width: 183px;
    text-align: center;
    font-size: 15px;
    left: 160px;
    right: 0;
    position: absolute;
    top: 410px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}
.round_animation_section .center_content{
    display: block;
    width: 320px;
    margin: auto;
    float: left;
}
.round_animation_section .right_content{
    float: right;
    width: 410px;
    height: 320px;
    position: relative;
}
.round_animation_section .right_content img{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    right: 0;
}
.round_animation_section .right_content h2{
  position:absolute;
  bottom: 90px;
  right: 14px;
  text-align: center;
  max-width: 134px;
  color: #fff;
  font-size: 19px;
}
 
 .round_animation_section .right_content .arrow_content{
  position: relative;
}
.round_animation_section .right_content .arrow_content .img1{
  top: 20px;
    left: -25%;
}
.round_animation_section .right_content .arrow_content .img2{
    top: -115px;
    left: -100px;
    right: 0;
}
.round_animation_section .right_content .arrow_content h4{
    max-width: 220px;
    text-align: center;
    font-size: 15px;
    left: 50px;
    right: 0;
    position: absolute;
    top: -15px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}
.round_animation_section .right_content .arrow_content1{
  position: relative;
}
.round_animation_section .right_content .arrow_content1 .img1{
  top: 330px;
    left: -127px;
    max-width: 290px;
}
.round_animation_section .right_content .arrow_content1 .img2{
    left: -100px;
    right: 0;
    top: 330px;
}
.round_animation_section .right_content .arrow_content1 h4{
    max-width: 183px;
    text-align: center;
    font-size: 15px;
    left: 65px;
    right: 0;
    position: absolute;
    top: 210px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}
.round_animation_section .right_content .arrow_content2{
  position: relative;
}
.round_animation_section .right_content .arrow_content2 .img1{
      top: 615px;
    left: -22%;
}
.round_animation_section .right_content .arrow_content2 .img2{
    left: -100px;
    right: 0;
    top: 730px;
}
.round_animation_section .right_content .arrow_content2 h4{
    max-width: 183px;
    text-align: center;
    font-size: 15px;
   left: 70px;
    right: 0;
    position: absolute;
    top: 415px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}  
.round_animation_section .arrow_content_last{
  position: relative;
  top: -12px;
}
.round_animation_section .arrow_content_last img{
  margin: 0px auto;
  display: block;
} 
.round_animation_section .arrow_content_last h4{
  max-width: 420px;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0px auto;
  color: #1f2427;
      font-size: 15px;
    position: absolute;
    bottom: 30px;
    /* font-family: 'San Francisco Text'; */
    font-family: 'Varela Round', sans-serif;
}
.round_animation_section .ani_btn{
    background: #23d0ca;
    border: 0;
    padding: 15px;
    color: #fff;
    transition: 0.4s;
    width: 200px;
    max-width: 200px;
    border-radius: 50px;
    margin: 50px auto;
    text-align: center;
    box-shadow: 0px 3px 10px #999;
    display: block;
}
.round_animation_section .ani_btn:hover{
    background: #196094;
}
footer {
  padding: 80px 0 40px;
  position: relative;
  background-image: url("../assets/img/footer/footer-bg.png");
  background-repeat: no-repeat;
  background-position: bottom;
}
footer ul {
  padding: 0;
}
footer .container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .contact-form {
  width: 80%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  padding: 50px;
}
footer .contact-form .contact-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .contact-form .contact-info h2{
  font-size: 28px;
  text-align: center;
  color: #1f2427;
}
footer .contact-form .contact-info p{
  margin-top: 10px;
  color: #AEAEAE;
  max-width: 80%;
  text-align: center;
}
footer .contact-form form{
  margin-top: 30px;
  width: 100%;
}
footer .contact-form form p{
  width: 80%;
  margin: 0 auto 20px;
}
footer .contact-form form input, footer .contact-form form textarea{
  padding: 20px;
  width: 100%;
  border: 1px solid rgba(204, 204, 204, 0.8);
  background-color: rgba(243, 243, 244, 0.5);
  font-size: 14px;
}
footer .contact-form form input:focus, footer .contact-form form textarea:focus{
  border-color: #66afe9;
  outline: 0;
}
footer .contact-form form textarea{
  height: 166px;
  min-width: 100%;
}
footer .contact-form form .btn{
  float: right;
  margin-right: 0;
  padding: 13px 45px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  transition: .4s;
  background: #23D0CA;
  background-color: #23D0CA;
  border-radius: 50px;
  box-shadow: 0px 3px 10px #999;
}
footer .contact-form form .btn:hover{
  background: #196094;
  background-color: #196094;
}
footer .footer-bottom {
  margin: 50px 0 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer-bottom .footer-logo-container{
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-bottom .footer-logo-container #footer-logo{
  width: 20%;
}
footer .footer-bottom .footer-nav{
  list-style: none;
  display: flex;
  margin-top: 40px;
}
footer .footer-bottom .footer-nav li{
  margin: 0 10px;
}
footer .footer-bottom .footer-nav li a{
  padding: 10px;
  color: #fff;
}
footer .footer-bottom .social-nav{
  margin-top: 40px;
}
footer hr {
  width: 80%;
  /* background-color: #1e5e90; */
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #4e89b1;
  margin: 1em 0;
  padding: 0; 
}
footer .copyright {
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
}
.input-group-addon{
  border:0px;
  padding: 0px;
  background-color: transparent;
}
.token_section{
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
.token_section .right-edge{
  top: -30%;
}
.token_section .content{
  padding-top: 40px;
  color: #1f2427;
}
.token_section .content .token-logo{
  width: 90%;
  margin: 0 auto;
}
.token_section .content h4{
  font-size: 22px;
  text-transform: uppercase;
  color: #1f2427;
}
.token_section .content p{
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  /* font-size: 22px; */
  font-size: 18px;
  color: #1f2427;
}
.token_section .content ul{
  margin-top: 25px;
  list-style: none;
}
.token_section .content li{
  margin-bottom: 15px;
  line-height: 22.91px;
}
.token_section .content li:last-of-type{
  margin-bottom: 0;
}
.token_section .content .event-list{
  padding-left: 20px;
  /* padding-top: 61px; */
}
.token_section .content .event-list li::before{
  /* content: "•"; */
  /* color: $orange; */
  /* display: inline-block; */
  /* width: 1em; */
  /* margin-left: -1em; */
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: -20px;
  margin-right: 10px;
}
.token_section .content .event-list li:nth-of-type(1)::before{
  background-color: #255883;
}
.token_section .content .event-list li:nth-of-type(2)::before{
  background-color: #4db9b2;
}
.token_section .content .event-list li:nth-of-type(3)::before{
  background-color: #0a0b09;
}
.token_section .content .metrics-list{
  padding-left: 0;
}
.token_section .content .metrics-list .placeholder-bar{
  /* width: 100%;
  height: 40px;
  background: lightcoral;
  display: flex;
  justify-content: center;
  align-items: center; */
}
.token_section .color_div img:las{
  display: inline-block;
  height: 20px;
}
.token_section .color_div h4{
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  font-size: 18px;
  text-transform: none;
  display: inline-block;
  margin-left: 15px;
  color: #1f2427;
}
.token_section .color_div{
  padding-top: 80px;
}
.token_section .color_div ul{
  list-style: none;
  padding-left: 0px;
}
.token_section .color_div li{
  display: inline-flex;
}
.token_section .color_div_last ul{
  list-style: none;
  padding-left: 0px;
}
.token_section .color_div_last li:first-child p{
  font-size: 22px;
}
.token_section .color_div_last li img{
  padding-bottom: 30px;
}
.token_section .color_div_last li p{
  /* font-family: 'San Francisco Text'; */
  font-family: 'Varela Round', sans-serif;
  margin-bottom: 10px;
  font-size: 18px;
  color: #1f2427;
}
.token_section .col-md-12{
  clear: both;
}
.token_section .token_btn{
  background: #196094; 
    border: 0;
    padding: 15px;
    color: #fff;
    transition: 0.4s;
    width: 200px;
    max-width: 200px;
    border-radius: 50px;
    margin: 0px auto;
    margin-top: 30px;
    text-align: center;
    box-shadow: 0px 3px 10px #999;
    display: block;
    clear: both;
}
.token_section .token_btn:hover{
   background: #23d0ca;
}
.logo_section{
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
.logo_section .right-edge{
  top: 65%;
  width: 7% !important;
}
.logo_section .logos{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-top: 50px;
}
.logo_section .logos a{
  border-right: 1px solid #223843;
  padding: 20px;
  font-size: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo_section .logos a:nth-of-type(4), .logo_section .logos a:nth-of-type(8){
  border-right: none;
}
.logo_section .logos a:nth-of-type(5),
.logo_section .logos a:nth-of-type(6),
.logo_section .logos a:nth-of-type(7),
.logo_section .logos a:nth-of-type(8) {
  border-top: 1px solid #223843;
  border-bottom: none;
}
.logo_section .logos a img{
  margin: 0 auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: filter .2s ease-in-out;
  padding: 15px 15px;
}
.logo_section .logos a img:hover{
  filter: none;
  -webkit-filter: none;
}
.logo_section .logos a.merkle-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.logo_section .logos a.merkle-logo img {
  width: 100%;
  position: absolute;
  transition: opacity .2s ease-in-out;
}
.logo_section .logos a.merkle-logo .black-logo{
  opacity: 0;
}
.logo_section .logos a.merkle-logo .gray-logo{
  opacity: 1;
}
.roadmap_section{
  padding-top: 60px;
  padding-bottom: 80px;
  background: #fff;
  position: relative;
}
.roadmap_section .timeline{
  margin: 50px 0;
  /* margin: 200px 0 50px; */
  /* padding-top: 200px; */
  padding: 250px 0 100px;
  width: 100%;
  position: relative;
  list-style: none;
  /* font-family: 'Raleway', sans-serif; */
}
.roadmap_section .timeline::before {
  position: absolute;
  left: 0;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  content: ' ';
  display: block;
  width: 100%;
  height: 2px;
  margin-left: -3px;
  background-color: #000;
  /* z-index: 5; */
  z-index: 1;
}
.roadmap_section .timeline li h5 {
  font-size: 16px;
  text-align: center;
  overflow-x: visible;
  width: 125%;
}
.roadmap_section .timeline li .date {
  position: relative;
  z-index: 2;
}
.roadmap_section .timeline li .date img {
  width: 60%;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  transition: width .3s ease-out;
}
.roadmap_section .timeline li .date img:hover {
  width: 70%;
}
.roadmap_section .timeline li .line-top {
  position: absolute;
  /* top: 0; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  /* top: -50%; */
  /* left: 50%; */
  transform: translate(-50%, -100%);
  /* top: -100%; */
  left: 50%;
  /* transform: translateX(-50%); */
  display: block;
  width: 4px;
  height: 100px;
  background-color: #175f88;
}
.roadmap_section .timeline li .line-bottom {
  position: absolute;
  /* top: 0; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  /* top: -50%; */
  /* left: 50%; */
  transform: translate(-50%, 0);
  /* top: -100%; */
  left: 50%;
  /* transform: translateX(-50%); */
  display: block;
  width: 4px;
  height: 100px;
  background-color: #175f88;
}
.roadmap_section .timeline li .title-top {
  position: absolute;
  /* top: -220%; */
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
}
.roadmap_section .timeline li .title-bottom {
  position: absolute;
  top: 220%;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
}
.roadmap_section .timeline li .list-top {
  position: absolute;
  /* top: -220%; */
  top: -230px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 0;
  list-style-type: disc;
}
.roadmap_section .timeline .second-date-list {
  top: -150px !important;
}
.roadmap_section .timeline li .list-bottom {
  position: absolute;
  /* top: 220%; */
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 0;
  list-style-type: disc;
}
.roadmap_section .timeline li .tl-top {
  /* display: none; */
  position: absolute;
  /* top: -220%; */
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
}
.roadmap_section .timeline li .tl-bottom {
  /* display: none; */
  position: absolute;
  /* top: 220%; */
  top: 160px;
  left: 50%;
  transform: translateX(-50%);
}





















.roadmap_section .timeline-mobile {
  padding: 100px 0 60px;
}
.roadmap_section .timeline-mobile::before {
  left: 20%;
  width: 2px;
  height: 100%;
}
.roadmap_section .timeline-mobile .date-container {
  padding-bottom: 150px;
}
.roadmap_section .timeline-mobile .date-container.last-date{
  padding-bottom: 0;
}
.roadmap_section .timeline-mobile li h5 {
  font-size: 16px;
  text-align: center;
  overflow-x: visible;
  width: 100%;
}
.roadmap_section .timeline-mobile li .date {
  position: relative;
  z-index: 2;
}
.roadmap_section .timeline-mobile li .date img {
  width: 30%;
  position: absolute;
  /* top: -50%; */
  left: 20%;
  /* transform: translate(-50%, -50%); */
  z-index: 3;
  transition: width .3s ease-out;
}
.roadmap_section .timeline-mobile li .date img:hover {
  width: 30%;
}
.roadmap_section .timeline-mobile li .line-right {
  position: absolute;
  /* top: 0; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  /* top: -50%; */
  /* left: 50%; */
  transform: translate(-50%, 0);
  /* top: -100%; */
  left: 30%;
  /* transform: translateX(-50%); */
  display: block;
  width: 120px;
  height: 4px;
  background-color: #175f88;
}
.roadmap_section .timeline-mobile li .title {
  position: relative;
  top: -20px;
  left: 70%;
  transform: translateX(-50%);
  /* text-align: left; */
}
.roadmap_section .timeline-mobile li .list {
  position: relative;
  /* top: -220%; */
  /* top: -130px; */
  /* top: 100px; */
  left: 110%;
  transform: translateX(-50%);
  padding-left: 0;
  list-style-type: disc;
  /* display: none; */
}

.roadmap_section .timeline-mobile li .list li{
  max-width: 120px;
  font-size: 12px;
}


























.logo_section .logos ul:last-child li:last-child img{
  right: unset;
}
.logo_section .logos ul:last-child li:first-child img{
  left: unset;
}

.roadmap_section ul.active_ul_one li:first-child:before{
  content: url('../fonts/gray_topline.svg');
  position: absolute;
 top: 6px;
    left: 90px;
}
.roadmap_section ul.active_ul_one li.active:first-child:before{
  content: url('../fonts/green_topline.svg');
  position: absolute;
      top: -1px;
    left: 86px;
}
.roadmap_section ul.active_ul_four li:last-child:before{
  content: url('../fonts/gray_bottomline.svg');
  position: absolute;
  bottom: -50px;
    left: -488px;
}
.roadmap_section ul.active_ul_four li.active:last-child:before{
  content: url('../fonts/green_bottomline.svg');
  position: absolute;
      bottom: -55px;
    left: -488px;
}
.roadmap_section ul.active_ul_three li.active:first-child,
.roadmap_section ul.active_ul_three li:first-child,
.roadmap_section ul.active_ul_three li.active:last-child,
.roadmap_section ul.active_ul_three li:last-child{
  position: relative;
}
.roadmap_section ul.active_ul_three li:first-child:before{
  content: url('../fonts/gray_crossline.svg');
  position: absolute;
  top: -34px;
    left: -70px;
}
.roadmap_section ul.active_ul_three li.active:first-child:before{
  content: url('../fonts/green_crossline.svg');
  position: absolute;
     top: -34px;
    left: -70px;
}
.roadmap_section ul.active_ul_three li:last-child:before{
  content: url('../fonts/gray_zline.svg');
  position: absolute;
  top: 70px;
    left: -82px;
}
.roadmap_section ul.active_ul_three li.active:last-child:before{
  content: url('../fonts/green_zline.svg');
  position: absolute;
  top: 70px;
    left: -82px;
}

.date_form_group .input-group{
      width: 49%;
}
.date_form_group .input-group:first-child{
  float: left;
}
.date_form_group hr{
  margin: 5px;
    border: 0;
    border-left: 1px solid #ccc;
    float: left;
    display: inline-block;
    height: 22px;
        margin-left: 1px;
    margin-right: 1px;
}


/*============ 19-03-20108 ==============*/
/* New Style by w3nuts Start  */


.graphsection .leftgraph .leftorange,
.graphsection .leftgraph .top_line1,
.graphsection .centergra,
.graphsection .rightgraph .rightorange,
.graphsection .content1,
.graphsection .bottomgraph .txtblk,
.graphsection .bottomgraph {
  -webkit-transition:all ease-in-out 0.3s;
  -moz-transition:all ease-in-out 0.3s;
  transition:all ease-in-out 0.3s;
}
.graphsection { position:relative;}
.graphsection .in_graphsection { text-align:center; font-size:0; min-height:650px;}
.graphsection .centergra { width:338px; margin:78px 0 0 0; float:left; opacity:0; position:relative;}
.graphsection .leftgraph .left_round { /*opacity:0;*/ position:absolute; height:11px; width:11px; background:#fff; border:solid 1px #196094; border-radius:20px; z-index:1;}
.graphsection .leftgraph .left_round.cround1 { right:-5px; top:50%; margin-top:-5px;}
.graphsection .centergra .center_round { /*opacity:0;*/ position:absolute; height:11px; width:11px; background:#fff; border:solid 1px #cccccb; border-radius:20px; z-index:1;}
.graphsection .centergra .center_round.cround1 { left:-5px; top:50%; margin-top:-5px;}
.graphsection .centergra .center_round.cround2 { right:22px; top:72px;}
.graphsection .centergra .center_round.cround3 { right:21px; bottom:74px;}
.graphsection .centergra .center_round.cround4 { left:50%; bottom:0; margin-bottom:-5px; margin-left:-4px;}
.graphsection .centergra .center_round.cround5 { left:21px; bottom:74px;}
.graphsection .centergra .center_round.cround6 { right:21px; top:74px;}
.graphsection .leftgraph { float:left; width:415px; position:relative; min-height:10px; height:430px; margin:30px 0 0 0;}
.graphsection .leftgraph .leftorange { width:127px; height:180px; background:#196094; border-radius:27px; position:absolute; left:0; top:50%; text-align:center; padding:37px 0 0 0; opacity:0; z-index:1;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.graphsection .leftgraph .leftorange img { vertical-align:top;}
.graphsection .leftgraph .leftorange span { display:block; text-align:center; font-size:16px; color:#fff; font-family: 'Varela Round', sans-serif; padding:10px 0 0 0;}
.graphsection .leftgraph .leftorange:before{ content:''; position:absolute; left:50%; width:11px; height:11px; margin-left:-5px; background:#fff; border:solid 1px #196094; border-radius:20px;}
.graphsection .leftgraph .leftorange:before { top:-5px;}
.graphsection .leftgraph .top_line1 { position:absolute; left:62px; top:0; opacity:0;}
.graphsection .leftgraph .top_line1 .arrowmain1 { position:absolute; height:414px; width:414px; background:none; left:50%; top:0; transform:translateX(-50%) rotate(28deg); border-radius:500px; -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
.graphsection .leftgraph .top_line1.active { opacity:1;}
.graphsection .leftgraph .top_line1.active .arrowmain1 { transform:translateX(-50%) rotate(158deg);}
.graphsection .leftgraph .top_line1 .arrowmain1:after { content:''; position:absolute; left:-5px; top:50%; width:14px; height:16px; background:url(../fonts/left_top_arrow1.svg) no-repeat center center;}
.graphsection .leftgraph .top_line1 .content1 { position:absolute; left:0; top:-30px; right:0; text-align:center; opacity:0;}
.graphsection .leftgraph .top_line1 .iconbox { text-align:center;}
.graphsection .leftgraph .top_line1 .txtbox { text-align:center; font-family: 'Varela Round', sans-serif; max-width:200px; margin:0 auto; font-size:12px; padding:5px 0 0 0;}

.graphsection .leftgraph .mid_line2 { position:absolute; left:127px; top:50%; right:0; opacity:0; margin:1px 0 0 0;}
.graphsection .leftgraph .mid_line2 .arrow2 { position:absolute; top:-6px; left:0; width:16px; height:14px; background:url(../fonts/left_top_arrow2.svg) no-repeat center center;
  transform:translateX(-13px) rotate(180deg);
  -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 0.8s;
}
.graphsection .leftgraph .mid_line2.active_blk .arrow2 { left:100%;}
.graphsection .leftgraph .mid_line2 .content1 { position:absolute; left:0; top:-34px; right:38px; text-align:center; opacity:0;}
.graphsection .leftgraph .mid_line2.active_blk .content1 { opacity:1; transition-delay:0.5s;}
.graphsection .leftgraph .mid_line2 .iconbox { text-align:center;}
.graphsection .leftgraph .mid_line2 .txtbox { text-align:center; font-family: 'Varela Round', sans-serif; max-width:200px; margin:0 auto; font-size:12px; padding:5px 0 0 0;}

.graphsection .leftgraph .bot_line3 { position:absolute; left:62px; bottom:0; opacity:0; transform: scale(-1, 1);}
.graphsection .leftgraph .bot_line3 .arrowmain1 { position:absolute; height:414px; width:414px; background:none; left:50%; bottom:0; transform: translateX(-50%) rotate(-22deg); border-radius:500px; -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
.graphsection .leftgraph .bot_line3.active { opacity:1;}
.graphsection .leftgraph .bot_line3.active_blk .arrowmain1 {  transform: translateX(-50%) rotate(-152deg);}
.graphsection .leftgraph .bot_line3 .arrowmain1:after { content:''; position:absolute; left:-5px; top:50%; width:14px; height:16px; background:url(../fonts/left_top_arrow3.svg) no-repeat center center;}
.graphsection .leftgraph .bot_line3 .content1 { position:absolute; left:0; top:77px; right:0; text-align:center; opacity:0; transform: scale(-1, 1);}
.graphsection .leftgraph .bot_line3.active_blk .content1 { opacity:1;}
.graphsection .leftgraph .bot_line3 .iconbox { text-align:center;}
.graphsection .leftgraph .bot_line3 .txtbox { text-align:center; font-family: 'Varela Round', sans-serif; max-width:200px; margin:0 auto; font-size:12px; padding:5px 0 0 0; position: relative; left: -8px; }


.graphsection .rightgraph { float:left; width:415px; position:relative; min-height:10px; height:430px; margin:30px 0 0 0;}
.graphsection .rightgraph .rightorange { width:127px; height:180px; background:#196094; border-radius:27px; position:absolute; right:0; top:50%; text-align:center; padding:37px 0 0 0; opacity:0; z-index:1;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.graphsection .rightgraph .rightorange img { vertical-align:top;}
.graphsection .rightgraph .rightorange span { display:block; text-align:center; font-size:16px; color:#fff; font-family: 'Varela Round', sans-serif; padding:10px 0 0 0;}
.graphsection .rightgraph .rightorange:before { content:''; position:absolute; left:-5px; width:11px; height:11px; background:#fff; border:solid 1px #196094; border-radius:20px; top:50%; margin-top:-4px;}
.graphsection .rightgraph .rightorange:after { content:''; position:absolute; left:50%; transform: translateX(-50%); bottom:-5px; width:11px; height:11px; background:#fff; border:solid 1px #196094; border-radius:20px; margin-top:-4px;}

.graphsection .rightgraph .top_line1 { position:absolute; left:-28px; top:0; opacity:0;}
.graphsection .rightgraph .top_line1 .arrowmain1 { position:absolute; height:414px; width:414px; background:none; left:50%; top:0; transform:translateX(-50%) rotate(28deg); border-radius:500px; -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
.graphsection .rightgraph .top_line1.active_blk { opacity:1;}
.graphsection .rightgraph .top_line1.active_blk .arrowmain1 { transform:translateX(-50%) rotate(157deg);}
.graphsection .rightgraph .top_line1 .arrowmain1:after { content:''; position:absolute; left:-5px; top:50%; width:14px; height:16px; background:url(../fonts/left_top_arrow1.svg) no-repeat center center;}
.graphsection .rightgraph .top_line1 .content1 { position:absolute; left:0; top:-30px; right:0; text-align:center; opacity:0;}
.graphsection .rightgraph .top_line1.active_blk .content1 { opacity:1; transition-delay:0.5s;}
.graphsection .rightgraph .top_line1 .iconbox { text-align:center;}
.graphsection .rightgraph .top_line1 .txtbox { text-align:center; font-family: 'Varela Round', sans-serif; max-width: 200px; margin:0 auto; font-size:12px; padding:5px 0 0 0;}

.graphsection .rightgraph .mid_line2 { position:absolute; right:128px; top:50%; left:-2px; opacity:0; margin:1px 0 0 0;}
.graphsection .rightgraph .mid_line2 .arrow2 { position:absolute; top:-6px; left:100%; width:16px; height:14px; background:url(../fonts/left_top_arrow2.svg) no-repeat center center;
  transform:translateX(0);
  -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 0.8s;
}
.graphsection .rightgraph .mid_line2.active_blk .arrow2 { left:0;}
.graphsection .rightgraph .mid_line2 .content1 { position:absolute; right:0; top:-34px; left:38px; text-align:center; opacity:0;}
.graphsection .rightgraph .mid_line2.active_blk .content1 { opacity:1; transition-delay:0.5s;}
.graphsection .rightgraph .mid_line2 .iconbox { text-align:center;}
.graphsection .rightgraph .mid_line2 .txtbox { text-align:center; font-family: 'Varela Round', sans-serif; max-width:200px; margin:0 auto; font-size:12px; padding:5px 0 0 0;}


.graphsection .rightgraph .bot_line3 { position:absolute; right:62px; bottom:0; opacity:0; transform: scale(-1, 1);}
.graphsection .rightgraph .bot_line3 .arrowmain1 { position:absolute; height:418px; width:418px; background:none; left:50%; bottom:0; transform:translateX(-50%) rotate(-22deg); border-radius:500px; -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 1s;}
.graphsection .rightgraph .bot_line3.active { opacity:1;}
.graphsection .rightgraph .bot_line3.active_blk .arrowmain1 { transform:translateX(-50%) rotate(-152deg);}
.graphsection .rightgraph .bot_line3 .arrowmain1:after { content:''; position:absolute; left:-5px; top:50%; width:14px; height:16px; background:url(../fonts/left_top_arrow3.svg) no-repeat center center;}
.graphsection .rightgraph .bot_line3 .content1 { position:absolute; left:0; top:77px; right:0; text-align:center; opacity:0; transform: scale(-1, 1);}
.graphsection .rightgraph .bot_line3.active_blk .content1 { opacity:1;}
.graphsection .rightgraph .bot_line3 .iconbox { text-align:center;}
.graphsection .rightgraph .bot_line3 .txtbox { text-align:center; font-family: 'Varela Round', sans-serif; max-width:200px; margin:0 auto; font-size:12px; padding:5px 0 0 0;}

.graphsection .bottomgraph { width:100%; float:left; text-align:center; position:relative; margin:60px 0 0 0; opacity:0;}
.graphsection .bottomgraph .txtblk { width:338px; margin:0 auto; background:#fff; border:solid 1px #cccccb; border-radius:15px; text-align:center; font-family: 'Varela Round', sans-serif; font-size:13px; padding:10px; opacity:0;}
.graphsection .bottomgraph .top_line2 { position:absolute; left:50%; top:-110px;}
.graphsection .bottomgraph .top_line2 .arrow2 { position:absolute; top:5px; left:-7px; width:16px; height:14px; background:url(../fonts/left_top_arrow3.svg) no-repeat center center;
  transform:translateX(0);
  -webkit-transition:all ease-in-out 1s; transition:all ease-in-out 1s;
}
.graphsection .bottomgraph.active_blk .top_line2 .arrow2 { top:98px;}
.graphsection .bottomgraph.active_blk .txtblk { transition-delay:0.5s; opacity:1;}

.graphsection .iconbox img {
  width: 65px;
  height: 65px;
}
.graphsection .rightgraph .bot_line3 .content1 .iconbox img {
  width: auto;
  height: auto;
}

.graphsection .ani_btn{
    background: #196094;
    border: 0;
    padding: 15px;
    color: #fff;
    transition: 0.4s;
    width: 200px;
    max-width: 200px;
    border-radius: 50px;
    margin: 100px auto;
    text-align: center;
    box-shadow: 0px 3px 10px #999;
    display: block;
    font-size: 14px;
}
.graphsection .ani_btn:hover{
    background: #23d0ca;
}
.active_blk { opacity:1 !important;}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  .graphsection { overflow:hidden;}
  .graphsection .in_graphsection { width:1170px; transform:scale(0.84); transform-origin:left;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .graphsection { overflow:hidden;}
  .graphsection .leftgraph { width:265px; height:275px;}
  .graphsection .leftgraph .top_line1{ width:244px; height:82px; left:41px;}
  .graphsection .leftgraph .top_line1 svg { width:100%; height:100%;}
  .graphsection .leftgraph .top_line1 .arrowmain1{ width:268px; height:268px;}
  .graphsection .leftgraph .top_line1 .content1 { top:-20px;}
  .graphsection .leftgraph .top_line1 .iconbox {}
  .graphsection .leftgraph .top_line1 .iconbox img { width:42px; height:42px;}  
  .graphsection .leftgraph .top_line1 .txtbox { font-size:13px;}
  .graphsection .leftgraph .leftorange { width:82px; height:116px; border-radius:15px; padding-top:25px;}
  .graphsection .leftgraph .leftorange span{ padding:4px 0 0 0; font-size:16px;}
  .graphsection .leftgraph .leftorange img { width:42px;}
  .graphsection .leftgraph .mid_line2 { left:80px;}
  .graphsection .leftgraph .mid_line2 svg { width:100%;}
  .graphsection .leftgraph .mid_line2 .content1 { top:-20px; right:10px; left:10px;}
  .graphsection .leftgraph .mid_line2 .txtbox { font-size:13px; max-width:100%;}
  .graphsection .leftgraph .mid_line2 .iconbox {}
  .graphsection .leftgraph .mid_line2 .iconbox img { width:42px;}
  .graphsection .leftgraph .bot_line3 { width:234px; height:81px; left:41px;}
  .graphsection .leftgraph .bot_line3 svg { width:100%; height:100%;}
  .graphsection .leftgraph .bot_line3 .arrowmain1{ width:256px; height:256px;}
  .graphsection .leftgraph .bot_line3 .content1 { top:48px; left:14px;}
  .graphsection .leftgraph .bot_line3 .iconbox img { width:50px;}
  .graphsection .leftgraph .bot_line3 .txtbox{ font-size:13px;}
  
  .graphsection .rightgraph .top_line1 {}
  .graphsection .rightgraph .top_line1{ width:244px; height:82px; left:-22px;}
  .graphsection .rightgraph .top_line1 svg { width:100%; height:100%;}
  .graphsection .rightgraph .top_line1 .arrowmain1{ width:268px; height:268px;}
  .graphsection .rightgraph .top_line1 .content1 { top:-20px;}
  .graphsection .rightgraph .top_line1 .iconbox {}
  .graphsection .rightgraph .top_line1 .iconbox img { width:42px; height:42px;} 
  .graphsection .rightgraph .top_line1 .txtbox { font-size:13px;}
  .graphsection .rightgraph .rightorange { width:82px; height:116px; border-radius:15px; padding-top:25px;}
  .graphsection .rightgraph .rightorange span{ padding:4px 0 0 0; font-size:16px;}
  .graphsection .rightgraph .rightorange img { width:42px;}
  .graphsection .rightgraph .mid_line2 { left:0; right:84px;}
  .graphsection .rightgraph .mid_line2 svg { width:100%;}
  .graphsection .rightgraph .mid_line2 .content1 { top:-20px; right:10px; left:10px;}
  .graphsection .rightgraph .mid_line2 .txtbox { font-size:13px; max-width:100%;}
  .graphsection .rightgraph .mid_line2 .iconbox {}
  .graphsection .rightgraph .mid_line2 .iconbox img { width:42px;}
  .graphsection .rightgraph .bot_line3 { width:234px; height:81px; left:-13px;}
  .graphsection .rightgraph .bot_line3 svg { width:100%; height:100%;}
  .graphsection .rightgraph .bot_line3 .arrowmain1{ width:256px; height:256px;}
  .graphsection .rightgraph .bot_line3 .content1 { top:48px; left:14px;}
  .graphsection .rightgraph .bot_line3 .iconbox img { width:50px;}
  .graphsection .rightgraph .bot_line3 .txtbox{ font-size:13px;}
  
  .graphsection .bottomgraph { margin-top:90px;}
  .graphsection .bottomgraph .txtblk{ font-size:13px;}
  
  .graphsection .in_graphsection { min-height:510px;}

  
  .graphsection .centergra .center_round.cround1 { top:47%}
  .graphsection .centergra{ width:217px; margin-top:67px;}
  .graphsection .centergra img { width:100%;}
  .graphsection .rightgraph{ width:265px; height:275px;}
  
}


.traveling_div .mobile_images { height:708px;}
.traveling_div .content .form .form-group { position:relative; display:inline-block; vertical-align:top; width:100%;}
.traveling_div .content .form .form-group .label_text { position:absolute; left:0; top:4px; width:100%; font-size:14px; white-space:normal; font-weight:normal; z-index:11; padding:0 5px;color: #999;}
.traveling_div .content .form .form-group span { width:100%;}
.traveling_div .content .form .form-group span.active_focus .label_text { display:none;}
.traveling_div .content .form .form-group span .dateselect { position:relative; z-index:12; background:none; padding:6px 5px;}

.traveling_div .content .form .serchicon { left:16px;}
.date_form_group .input-group:first-child:after { width:1px; height:22px; background:#ccc; position:absolute; content:''; right:0; top:5px; z-index:11;}

@media screen and (min-width: 768px) {
  img.mobile_graph { display:none;} 
}
@media screen and (max-width: 767px) {
  img.mobile_graph { display:block;}
  .graphsection .in_graphsection { display:none;} 
  .graphsection img.mobile_graph { height:auto;}
  .traveling_div .content .form .form-control { font-size:10px;}
  .traveling_div .content .form .form-group .label_text { font-size:10px;}
}

.in_graphsection, img.mobile_graph {
  padding-top: 50px;
}

img.mobile_graph {
  width: 90%;
  margin: 0 auto;
}

.graphsection .right-edge{
  top: -30%;
}

.graphsection .centergra img {
  width: 336.891px;
  height: 336.891px;
}




/*.graphsection .leftgraph .top_line1.active .arrowmain1 {
  -webkit-animation: arrowmove1 1s;
    -webkit-animation-iteration-count: 1;
    animation: arrowmove1 1s;
    animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}*/
/*@-webkit-keyframes arrowmove1 {
    0% {transform:translateX(-50%) rotate(28deg);}
    100% {transform:translateX(-50%) rotate(158deg);}
}
*/
/*@keyframes arrowmove1 {
    0% { transform:translateX(-50%) rotate(28deg);}
    80% { transform:translateX(-50%) rotate(158deg);}
  100% { transform:translateX(-50%) rotate(158deg);}
}*/


/* New Style by w3nuts End  */
/*============ 19-03-20108 ==============*/







.dark-font {
  font-weight: 600;
}

.left-edge{
  position: absolute;
  left: 0;
  width: 12%;
  z-index: -1;
}
.right-edge{
  position: absolute;
  right: 0;
  width: 12%;
  z-index: -1;
}