body{font-family: "Poppins", sans-serif; color:#000;}
header{position:absolute; top:0; left:0; width:100%; z-index:99;padding:10px 0 10px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
header.fixed {background: #1D4630;padding-top:5px;border-bottom:1px solid rgba(0,0,0,0.1); position: fixed;}
header.fixed .navigation {padding: 14px 0px 0px 0px;}
.banner{position:relative; padding:80px 0 0px; margin:auto; max-width:1920px; font-size:0;z-index:1; background-color: #1D4630;  background-repeat:no-repeat;  background-position: center top; background-size: cover; overflow: hidden; height: 100vh; }
/*.banner:after {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  content: '';
  background-image: url(../images/banner-bg.jpg);
  z-index: -1;
  opacity: 0.5;
  background-position: center;
  background-size: cover;
}*/
/* waves */
.ocean {height: 5%;width: 100%;position: absolute;bottom: 0;left: 0;opacity: 0.08;background: #fff;z-index: -1;}
.wave {background: url(../../images/front/wave.svg) repeat-x;position: absolute;top: -198px;width: 6400px;height: 198px;animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);}
.wave:nth-of-type(2) {top: -175px;animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;opacity: 1;}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@keyframes swell {
  0%,
	100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}

.banner_img{display:inline-block; vertical-align:top; width:45%; position:relative; z-index:1;}
.banner_img figure{margin:0;	-webkit-animation: ImgBounce 0.9s ease-in-out 0s infinite alternate;animation: ImgBounce 0.9s ease-in-out 0s infinite alternate; text-align: right;}

@-webkit-keyframes ImgBounce {0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}}

@keyframes ImgBounce {0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}}

.banner-section{display: flex; align-items: center; height: 100%;}
.banner .container{height:100%;}
.logo{margin: 0px;}
.logo img{max-width: inherit;}

.banner_img img{max-width:100%; max-height: 100%;}
.banner_content{vertical-align:top; width:55%;padding-left: 10px;font-size:14px;text-align:left;}
.banner_content h2{font-size:58px; color:#fff; font-weight:800; margin:5px 0 30px; font-family: "Poppins", sans-serif;}
.banner_content h2 b{ color: #E6C437;}
.banner_content p{font-size:18px; color:#fff; margin:0 0 30px;}
.banner_content strong{font-size:18px; color:#000; margin:0 0 40px;font-weight:400;display:block;}
.banner_content a{font-weight:600; text-transform:uppercase; color: #fff; padding: 10px 22px; min-width: 200px; justify-content: center; height: 60px; display: flex; align-items: center; position: relative;}
.banner_content a figure{display:inline-block; margin:0 0 0 37px; vertical-align:middle; background-color:#fff; border-radius:4px; padding:0px 13px;height: 45px;width: 54px;line-height: 42px;position: absolute;right: 8px;top: 6px;}
.banner_content  .title-text{color: #fff; display:block; font-size: 17px; text-transform: uppercase; margin-bottom: 12px;}
.banner_content a:hover{color:#252525;}
.download-link{display:flex;}
.download-link .appstore-btn{margin-right: 20px;}
.download-link .btn-primary{background-color: #E6C437; color: #000; border-radius: 5px; border:none;}
.download-link .btn-primary i{margin-right: 10px; font-size: 25px; }
.download-link .btn-primary.googleplay-btn{background-color: transparent; border: 1px solid #fff; color: #fff;}
.download-link .btn-primary.googleplay-btn:hover{color:#000; background-color: #fff;}





.navigation{text-align:right; padding:12px 0px 0px 0px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.navbar{display:inline-block; padding:0 35px 0 0;}
.navbar-light .navbar-nav .nav-item{margin:0px 0px 0px 50px; font-size:14px; text-transform:uppercase;font-weight:600;}
.navbar-light .navbar-nav .nav-item:first-child{margin-left:0;}
.navbar-light .navbar-nav .nav-link{color:#fff; padding:0;font-weight:600;}
.navbar-light .navbar-nav .nav-link:focus{outline:none;color:#E6C437;}
.navbar-light .navbar-nav .nav-link:hover{color:#E6C437;}
.navbar-light .navbar-nav  .nav-item.active{color:#E6C437;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#E6C437;}
.navigation .btn-secondary {
  background-color: transparent;
  color: #E6C437;
  border: 1px solid #E6C437;
}
.heading{text-align:center;}
.heading h2{position:relative; display:inline-block; margin:70px auto 20px; font-family: "Poppins", sans-serif; font-size:42px; font-weight:800; }
/* .heading h2:after{position:absolute; content:""; right:-125px; top:-10px; background-image:url(../images/heading-bg.png); background-repeat:no-repeat; width:236px; height:114px;} */
.heading h2 b{font-weight: normal; color:#1D4630;}
.btn-secondary{background-color:#1D4630; border-color:#1D4630; color:#fff; border-radius:5px; font-weight: 600; min-width:155px; padding:11px 20px;}
.btn-secondary:hover{background-color:#fff; border-color:#1D4630; color:#1D4630; -webkit-box-shadow: 0 0 30px 0 rgba(29,70,48,0.5);
box-shadow: 0 0 30px 0 rgba(29,70,48,0.5);  }
.what-we-do-section .heading span{display: block; font-weight: 500; font-family: "Poppins", sans-serif; font-size: 16px; text-transform: uppercase;color: rgba(0,0,0,0.35);margin-bottom: 15px;}
.application-list{margin: 40px -15px 0px; padding: 0px; display: flex;}
.application-list li{list-style: none; width: 33.33%; padding: 0px 15px;}
.application-list li .application-block{height: 100%; background: #fff;
-webkit-box-shadow: 0px 4px 70px 0px rgba(86, 103, 146, 0.05);
box-shadow: 0px 4px 70px 0px rgba(86, 103, 146, 0.05); padding: 45px 5px 45px 5px; text-align: center;}

.application-block h3{margin: 30px 0px 25px; padding: 0px; font-size: 20px; display: block; font-weight: 600;}
.application-block p{margin: 0px auto; padding: 0px; font-size: 17px; line-height: 30px; color: rgba(0,0,0,0.6); max-width: 300px;}

.aboutsection{padding: 80px 0px 20px;}

.about-block{display: flex; align-items: center; margin: 0px -15px;}
.about-block .left-about{width: 60%; position: relative;}
    .about-block  .right-block{width: 40%;}
.about-block .left-about img{max-width: 100%;}
.about-block .left-about figure{position: relative;}
.about-block .left-about figure:after{position: absolute; top:0px; left: 0px; content: ''; height: 100%; width: 100%; background-repeat:no-repeat; background-image: url(../../images/front/bg-1.png);  z-index: -1; opacity: 0.1;}
.about-block > div{padding: 0px 15px;}
.aboutlist{margin: 0px; padding: 0px;}
.aboutlist li {font-weight: 400; font-size: 18px; line-height: 35px; list-style: none;color: rgba(0,0,0,0.6); padding: 0 0 20px 40px;position: relative;}
.aboutlist li:after{position: absolute; content: ''; top:8px; left: 0px;  height: 18px; width: 18px; background-repeat: no-repeat; background-size: 18px; background-image: url(../../images/front/tick.svg);}

.about-title{margin-bottom: 40px;}
.about-title  span {display: block;font-weight: 500;font-family: "Poppins", sans-serif;font-size: 16px;text-transform: uppercase;color: rgba(0,0,0,0.35);}
.about-title h2 {position: relative; display:block; margin: 0px 0px; line-height: 60px; font-family: "Poppins", sans-serif; font-size: 48px;font-weight: 800;}
.about-title p{margin: 25px 0px 0px; font-size: 20px; line-height: 35px; color: rgba(0,0,0,0.6); display: block;}


.titlework{margin-bottom: 40px;}
.titlework  span {display: block;font-weight: 500;font-family: "Poppins", sans-serif;font-size: 16px;text-transform: uppercase;color: rgba(0,0,0,0.35);}
.titlework h2 {position: relative; display:block; margin: 0px 0px; line-height: 60px; font-family: "Poppins", sans-serif; font-size: 50px;font-weight: 800;}
.titlework p{margin: 25px 0px 0px; font-size: 20px; line-height: 35px; color: rgba(0,0,0,0.6); display: block;}
.discover-btn .btn-secondary {background-color: transparent;color: #1D4630; min-width: 200px; padding: 12px 20px;}


.workblock{display: flex; align-items: center; margin: 0px -15px;}
.workblock > div{padding: 0px 15px; }
.work_section.driverapp{ padding: 0px 0px; background-position: center; background-color: #f0f7fc; margin-bottom: 40px;}
.imageblock{position: relative;}
.imageblock:after{position: absolute; top:0; left: 0px; content: ''; height: 100%; width: 100%; background-repeat:no-repeat; background-image: url(../../images/front/bg-1.png);  z-index: 1;}
.imageblock.whitebg:after{background-image: url(../../images/front/white-bg-1.png); background-position: center; opacity: 0.5}
.imageblock img{position: relative; z-index: 2;}
.workblock .right-work{text-align: right; width: 55%;}
.leftalign .right-work{text-align: left; }
.workblock .left-work{width: 45%;}

.imageblock img{	-webkit-animation: ImgBounce 0.9s ease-in-out 0s infinite alternate;animation: ImgBounce 0.9s ease-in-out 0s infinite alternate; }
.app-screenshot .heading h2{margin-top:0px;}
 .heading span{display: block; font-weight: 500; font-family: "Poppins", sans-serif; font-size: 16px; text-transform: uppercase;color: rgba(0,0,0,0.35);margin-bottom: 15px;}

 .heading p{margin: 25px 0px 0px; font-size: 20px; line-height: 35px; color: rgba(0,0,0,0.6); display: block;}
.app-screenshot .screenshot-container {position: relative;padding: 0 40px; margin-top: 70px;}
.app-screenshot .screenshot-container .phone-mockup {position: absolute;top: -21%;width: 27%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 9;}
.app-screenshot .screenshot-container .slider-row {margin: 0 -20px;}
.app-screenshot .screenshot-container .slider-row .item {-webkit-box-shadow: 0px 5px 80px 0px rgba(148, 169, 195, 0.15);box-shadow: 0px 5px 80px 0px rgba(148, 169, 195, 0.15); margin: 34px 20px; border: 1px solid #f3f3f3;}
.app-screenshot .screenshot-container .slider-row .item img {margin: 0 auto; width: auto;  display: block; max-width: 100%;}
.app-screenshot {position: relative;max-width: 1920px;margin: 0 auto;}
.testimniaol-section{ margin: 0px 0px 10px;}
.testimniaol-section .heading h2{margin-bottom: 0px;}
.testimniaol-section .heading p{margin-bottom: 0px;}
.customer_comment p{margin: 0px 0px 0px; font-size: 20px; line-height: 35px; color: rgba(0,0,0,0.6); display: block;}
.customer_comment{text-align: center; padding: 40px 0px;}
.customer_comment span{color: #fff; font-size: 20px; font-weight:700; text-transform: capitalize;}
.customer_comment span small{display: block; 
  color: #a7a7a7; font-size: 18px; text-transform: capitalize; font-weight: 600;}




  .owl-carousel.testimonial-carousel .owl-nav button.owl-prev span {
    background-image: url("../../images/front/leftarrow.png");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    width: 20px;
    height: 30px;
    display: inline-block;
  }
  .owl-carousel.testimonial-carousel .owl-nav button.owl-next span {
    background-image: url("../../images/front/rightarrow.png");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    width: 20px;
    height: 30px;
    display: inline-block;
  }
  .owl-carousel.testimonial-carousel  .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    top: 30px;
    outline: none; background-color: transparent; border: none;
  }
  .owl-carousel.testimonial-carousel  .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    top: 30px;
    outline: none; background-color: transparent; border: none;
  }

.screenshot_slider{max-width:1555px; margin:auto; padding:0px 0px 30px 0px;}
.screenshot_slider .heading img{margin-bottom:5px;}
.phone-mockup img{max-width:100%;}
.screenshot_slider .owl-carousel{padding:80px 0 120px; position:relative;}
.screenshot_slider .owl-carousel .owl-stage-outer{z-index:1;}
.screenshot_slider .owl-carousel:after{position:absolute; content:""; background-image:url(../../images/front/mobile-img.png); background-repeat:no-repeat; height:100%; width:100%; left:0; top:0; margin:auto; /* -moz-transform:translate(-50%, -52.5%); -ms-transform:translate(-50%, -52.5%); -o-transform:translate(-50%, -52.5%); -webkit-transform:translate(-50%, -52.5%); transform:translate(-50%, -52.5%);*/background-size:100%;}
.screenshot_slider .owl-theme .owl-nav.disabled + .owl-dots{margin-top:0;position:absolute;  left:0; right:0; text-align:center; bottom:-30px; z-index:2;}
.owl-dots button:focus{outline:none;box-shadow:none;}

.how-it-work {padding: 61px 0 100px;}
.work_list{list-style:none; padding:0; margin:0; font-size:0;}
.work_list li{display:block; margin:0; padding:0px 10px 60px 115px; font-size:14px; position:relative;}
.work_list li figure{position:absolute; left:0; top:0; margin:0; background-color:#2d2c2c; border-radius:4px; height:94px; width:94px;}
.work_list li figure img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.work_list li h4{font-size:20px; color:#fff; text-transform:uppercase; font-weight:700;}
.work_list li p{font-size:16px; color:#b1b1b1; margin:0 0 5px; line-height:26px; max-width:350px;}
.work_list li  a{font-size:16px;text-decoration:none;color:#1D4630;}




.app_bg{background-image:url(../../images/front/app-bg.jpg); background-repeat:no-repeat; background-position:center; position:relative; max-width:1920px; margin:auto;}
.app_bg .container{position:relative;}
.app_content{ position: relative; text-align: left;}
.app_content .heading{text-align:left;}
.app_content .heading h2{margin-bottom:20px;margin-top:0px; color: #fff;}
.app_content .heading h2::after{bottom:10px; top:auto; right:-40px;}
.app_content p{font-size:18px; color:#ffffff; margin:0 0 15px;text-align:left;}
.app_content strong{font-size:18px; color:#ffffff; margin:0 0 40px;display:block;font-weight:700;font-weight:normal;text-align:left;}
.get_app{display: flex; align-items: center;}

.application_img{margin: 0px; }
.subscribe_one{padding:0 0 60px 0;}
.subscribe_one .heading h2{margin-top:0;}
.subscribe_one .form-control{border:1px solid #eaf0f3; background-color: #fafcfe;  outline:none; padding-left:45px; padding-right:80px; color:#6d6d6d; font-size:16px; height:81px; border-radius:40px;}
.subscribe_one .form-group{position:relative; margin:auto; max-width:700px;}
.subscribe_one .btn-primary{position:absolute; top:15px; right:20px; border-radius:50%; height:50px; width:50px;display: flex;justify-content: center;align-items: center;}
.btn-primary{background-color:#1D4630; border-color:#1D4630; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.btn-primary:hover{background-color:#E6C437; border-color:#E6C437; color: #fff; -webkit-box-shadow: 0 0 30px 0 rgba(230,196,55,0.5);
  box-shadow: 0 0 30px 0 rgba(230,196,55,0.5); }
.subscribe_one .btn-primary i{height:22px;overflow:hidden;display:inline-block;}
.subscribe_one .btn-primary i img{display:block;}
.subscribe_one .btn-primary:hover i img{margin-top:-22px;}

footer{padding-top: 25px; background-color: #030303;}
footer figure{margin:0;}
.footer_menu{text-align:right;}
.footer_link{list-style:none; padding:15px 0px 0px 0px; margin:0; font-size:0; text-align:right;display:inline-block;vertical-align:middle;}
.footer_link li{display:inline-block; font-size:14px;  margin:0; padding:0 0 0 30px; vertical-align:middle; text-transform:uppercase;}
.footer_link li:first-child{padding-left:0;}
.footer_link li a{color:#fff; text-decoration:none; font-weight: 600;  }
.footer_link li a:hover{color:#1D4630;}
.footer_link li img{max-width:158px;}
.copyright{border-top:1px solid #41525d; padding:24px 0px 28px; margin:25px 0 0;}
.social_icon{list-style:none; padding:0; margin:0; font-size:0; text-align:right;}
.social_icon li{display:inline-block; margin:0; padding:0px 0 0 10px; font-size:14px; vertical-align:top;}
.copyright p{font-size:14px; margin:0; color:#fff;}
.download_option{display:inline-block;margin:0;vertical-align:middle; padding:15px 0px 0px 30px;}
.download_option li{display:inline-block;list-style:none; padding:0 0 0 15px; }
.download_option li a{display:block;}
.download_option li img{max-width:158px;}
.download_option li:first-child{padding-left:0;}
.contact_form .heading h2{margin-top: 40px; margin-bottom: 10px;}
.driver_section img{max-width: 100%;}
.contactbox-form{margin-top: 40px;}



.screenshot_slider .owl-carousel .owl-stage-outer {z-index: 1;padding: 120px 0px;}
.screenshot_slider .owl-carousel {padding:60px 0px; }
.worksection .img_panel figure{text-align: left;}
.driver_section.worksection figure img{margin: 0px;}


/* Inner Page Css Start */
.inner_banner{height:339px;position:relative;background-position:center !important;background-size:cover !important;z-index:1;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 15px;text-align: center;}
.inner_banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1D4630;opacity:0.75;z-index:-1;}
.inner_banner figure{margin:0}
.inner_txtbox{max-width:680px;}
.inner_txtbox h1{font-size:40px;font-weight:700;color:#fff;margin-bottom: 7px;}
.inner_txtbox p{font-size:20px;line-height:30px;color:#fff;margin:0}

.about_whoweare{overflow:hidden;}
.about_whoweare .about-block .left-about{width:47%;padding-top: 32px;}
.about_whoweare .about-block .right-block{width:53%;}
.about_whoweare .about-title p{font-size:18px;line-height:35px;margin:0;padding: 20px 0 13px;}

.vision_mission_list{display: flex;flex-wrap: wrap;margin:0 -15px;padding:0 5px}
.vision_mission_list > li{width:50%;padding:0 15px;list-style:none;}
.visioncontent {display: flex;flex-wrap: wrap;align-items:center;}
.visioncontent figure{max-width:191px;border-radius:10px;overflow:hidden;margin:0}
.vision_txt{max-width:calc(100% - 191px);padding-left:19px;}
.vision_txt h3{font-weight:700;font-size:26px;color:#252525;line-height:29px;}
.vision_txt p{font-size:18px;line-height:35px;color:#666666;margin: 0;}



/* Contact us page Css start */
.contact_section{padding:48px 0 96px}
.contact_info {display: flex;flex-wrap: wrap;margin: 0 -15px;padding:0 78px}
.contact_info > li{width:33.33%;text-align:center;list-style:none;padding: 0 15px;}
.contact_info > li figure{margin-bottom:25px;}
.contact_info > li h3{font-size:18px;color:#252525;font-weight:700;margin-bottom:5px;}
.contact_info > li p{font-size:14px;color:#666666;line-height:22px;margin:0}
.contact_info > li p a{color:#666666;text-decoration:none;}
.contact_info > li p a:hover{color:#1D4630}
.contact_panel{display: flex;flex-wrap: wrap;padding:43px 56px 0}
.contact_form{width:52.2%;padding-right:50px;}
.contact_form h2{font-size:36px;color:#252525; font-family: "Poppins", sans-serif;font-weight:700;}
.contact_form p{font-size:15px;color:#666666;margin-bottom: 22px;}
.contact_form h3{font-size:20px;color:#3b3b3b;font-weight:600;margin-bottom:22px;}
.leed_form{background:#f8f8f9;padding:26px 32px 30px  38px;}
.contact_map{width:47.8%;}
.contact_map iframe{width: 100%;height: 100%;display:block;border:none;}
.leed_form .form-group{margin-bottom:25px;}
.leed_form label{font-size:16px;color:#3b3b3b;font-weight:600;}
.leed_form .form-control{height:52px;border:1px solid #e5e5e4;border-radius:0;font-size:15px;color:#666666;padding-left:20px;}
.leed_form select.form-control{-webkit-appearance:none;background-image:url(../../images/front/select_arrow.png);background-position:center right 15px;background-repeat: no-repeat;padding-right:50px;}
.leed_form textarea.form-control{height:102px;resize:none}
.submit_group{text-align:right;padding-top:12px;}
.submit_group button.btn.btn-primary{font-size: 16px;font-weight: 600;background: #fff;color: #1D4630;min-width: 126px;padding: 9px 15px;}
/* Contact us page Css End */

/*Blog Page Css Start*/
.blogsection{padding:58px 0 84px}
.blog-block{display: flex;flex-wrap: wrap;}
.left-blog{width:74.4%;padding-right:36px;}
.bloglist{display: flex;flex-wrap: wrap;margin:-19px -15px;padding:0;}
.bloglist > li{width:33.3%;padding:19px 15px;list-style:none;}
.bloglist .blog-area{border:none;border-radius:0}
.bloglist .blog-area figure{border-radius:8px;overflow:hidden;border:1px solid #eaeaea;}
.bloglist .blog-area .blog-content{padding:12px 0 0;padding-right:0}
.bloglist .blog-area h2{line-height: 22px;margin-bottom:10px}
.bloglist .blog-area h2 a{font-size:18px;}
.bloglist .blog-area p {margin: 0px 0px 13px;font-size: 15px;line-height: 27px;}
.bloglist .blog-area .tagbox {margin-bottom: 6px;}
.left-blog .blog-btn {padding: 75px 0px 0px;}
.left-blog .blog-btn .btn-secondary {padding: 9px 20px;min-width: 163px;}
.right-blog{width:25.6%;}
.right-blog h2{margin-bottom:20px;}
.right-blog h2 .toggle_btn{font-size:20px;color:#252525; font-family: "Poppins", sans-serif;font-weight:700;text-decoration:none;display:block;}
.blog_category{padding-bottom:22px;}
.blog_category ul{padding:0;}
.blog_category ul li{display:block;font-size:14px;margin-bottom:14px;padding-left:20px;position:relative;}
.blog_category ul li:before{content:"";position:absolute;top:5px;left:3px;width:6px;height:10px;background:url(../../images/front/list_arw.png) no-repeat;}
.blog_category ul li a{color:#646464;text-decoration:none;}
.blog_category ul li a:hover{color:#1D4630}
.blog_recent{padding:18px 14px 32px 20px;border:1px solid #e7e7e7}
.right-blog .blog_recent h2{margin-bottom:12px;}
.recent_blog_list{padding:0;margin:0}
.recent_blog_list > li{display:block;margin-bottom:20px;}
.recent_blog_list > li:last-child{margin-bottom:0}
.recent_blog_txt {display: flex;flex-wrap: wrap;align-items:flex-start;}
.recent_blog_txt figure{max-width:103px;border:1px solid #ececec;margin:0}
.recent_blog_txt figure a{display:block;overflow:hidden;}
.recent_blog_txt figure a img{-ms-transition: all .8s ease 0s;-moz-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.recent_blog_txt:hover figure a img{moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.recent_blog_content{max-width:calc(100% - 103px);padding:2px 0 0 13px;}
.right-blog h3{font-size:14px;font-weight:600;}
.right-blog h3 a{color:#252525;line-height:18px;text-decoration:none;}
.right-blog h3 a:hover{color:#1D4630;}
.recent_blog_content .tagbox{margin-bottom: 10px;}
.recent_blog_content .tagbox span{font-size: 12px; color: #a7a7a7;  display: inline-block;margin-right: 20px;position: relative;}
.recent_blog_content .tagbox span:last-child {margin-right: 0px;}
.recent_blog_content .tagbox span:last-child:after{display: none;}
.recent_blog_content .tagbox span::after{position: absolute;top: 3px;right: -11px;content: '';height: 12px;width: 1px;background-color: #a7a7a7;}
/*Blog Page Css End*/

/*Blog Detail Page Css Start*/
.inner_banner.blog_detail_banner{height:auto;padding:0;}
.inner_banner.blog_detail_banner figure{overflow:hidden;}
.inner_banner.blog_detail_banner figure img{position:relative;left:50%;margin-left:-100%;}


.blogdetailpage{padding:30px 0 72px}
.blogdetailpage .left-blog{padding-left:5px;padding-right: 38px;}
.blog_detail h1{font-weight:900;color:#000000;font-size:40px;line-height:45px;font-family: "Poppins", sans-serif;margin-bottom:11px}
.blog_detail .tagbox{margin-bottom: 12px;}
.blog_detail .tagbox span{font-size: 16px; color: #a7a7a7;  display: inline-block;margin-right: 20px;position: relative;}
.blog_detail .tagbox span:last-child{margin-right: 0px;}
.blog_detail .tagbox span:last-child:after{display: none;}
.blog_detail .tagbox span::after{position: absolute;top: 0;bottom:0;right: -11px;content: '';height: 12px;width: 1px;background-color: #a7a7a7;margin:auto}
.blog_detail p{line-height:26px;font-size:15px;color:#666666;margin-bottom:25px;}
.blog_detail figure{margin:25px 0 28px}



.share_social{display: flex;align-items:center;padding: 8px 0 0;}
.share_social > li.share_title{font-size:18px;font-weight:700;color:#000;margin-right:20px;font-family: "Poppins", sans-serif;}
.share_social > li{margin-right:11px;list-style:none;}
.share_social > li a{height:35px; text-decoration: none; width: 35px; position: relative;border-radius: 50%; display: flex; align-items: center; justify-content: center; border:1px solid #eeeeef; background-color: #fff; color: #0575c0; font-size: 22px;}
.share_social > li a.linkedin{font-size:19px;}
.share_social > li:last-child{margin-right:0px}
.share_social > li a img.hover{position: absolute; top:0px; left:0px; right:0px; bottom: 0px; margin: auto; opacity: 0; visibility: hidden;}
.share_social > li a.instagram:hover img{opacity: 0; visibility: hidden;}
.share_social > li a.instagram:hover img.hover{opacity: 1; visibility: visible;} 
.share_social > li a:hover{background-color: #0575c0; color: #fff; border:1px solid #0575c0;}

.comment_box{padding:40px 79px 36px 0}
.comment_box h2{font-size:18px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #cccdd0;padding-bottom:15px;}
.comment_box ul{padding:37px 10px 0;}
.comment_box ul li{display:block;border-bottom:1px solid #eaebec;margin-bottom:30px;padding-bottom:27px;}
.comment_box ul li:last-child{margin:0;padding-bottom:0;border:none;}

.comment_txtbox h4{font-size:18px;font-weight:700;position:relative;padding-right:100px;margin-bottom:4px;}
.reply_btn{position:absolute;top:1px;right:16px;font-size:14px;font-weight:500;color:#1D4630;text-transform:uppercase;text-decoration:none;}
.reply_btn:hover{text-decoration:none;}
.comment_reply_form{display: flex;align-items:center;padding-top: 24px;padding-left: 19px;padding-right: 15px;}
.user_group{width:90px;text-align:center;padding-right:10px;}
.user_group figure{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,0.45);overflow:hidden;margin:auto;}
.user_group span{font-size:14px;font-weight:700;color:#000;}
.comment_input{width:calc(100% - 90px)}

.comment_txtbox strong{font-size:12px;font-weight:400;color:#898888;display:block;padding-bottom: 3px;min-height:21px;}
.comment_txtbox p{font-size:15px; color:rgba(0,0,0,0.77); margin:0;line-height:26px;}
.comment_input_group{position:relative}
.comment_input_group .form-control{height:54px;border:1px solid #e1e1e1;border-radius:0;font-size:14px;padding-left:18px;padding-right:76px;}
.comment_input_group .send_btn{position:absolute;top:15px;right:15px;background:none;border:none;outline:none;font-size:14px;font-weight:500;color:#1D4630;text-transform:uppercase;text-decoration:none;}

.comment_form{padding-right:79px}
.comment_form h2{font-size:18px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #cccdd0;padding-bottom:15px;margin-bottom:40px;}
.comment_form .row{margin:0 -10px;}
.comment_form .col-md-6{padding:0 10px;}
.comment_form .form-group{margin-bottom:32px;}
.comment_form .form-control{font-size:14px;padding:0 0 0 20px;height:56px;border-radius:0;border:1px solid #e1e1e1;margin-bottom: 4px;}
.comment_form .form-control:focus{outline:none;box-shadow:none;}
.comment_form textarea.form-control{padding:15px 0 0 20px;height:128px;resize:none; }
.comment_form .form-control::-webkit-input-placeholder {color:#a1a1a1;}
.comment_form .form-control::-moz-placeholder {color:#a1a1a1;}
.comment_form .form-control:-ms-input-placeholder {color:#a1a1a1;}
.comment_form .form-control:-moz-placeholder {color:#a1a1a1;}
.comment_form .btn{min-width: 185px;margin-top: 0;padding: 17px 15px;border-radius: 8px;}
/*Blog Detail Page Css End*/


.news_mid_box{display:flex;flex-wrap:wrap;padding:0 0 30px}
.news_mid_box figure{width:50%;margin:0}
.news_mid_txt{width:50%;padding-left:30px;}
.news_mid_txt p{margin-bottom:15px;}
/*-- Inner Page Css End --*/

.contactlinks{display: flex; align-items: center; gap: 10px; justify-content: center;}
.contactlinks a i{font-size: 20px; margin-right: 8px;}

body:has(.inner-banner-sectiion) header{border-bottom: 1px solid rgba(255,255,255,0.04);}
.inner-banner-sectiion {
  min-height: 360px;
  height: auto;
  background-image: radial-gradient(circle at 77% 43%, rgba(168, 168, 168,0.04) 0%, rgba(168, 168, 168,0.04) 50%,rgba(10, 10, 10,0.04) 50%, rgba(10, 10, 10,0.04) 100%),radial-gradient(circle at 33% 65%, rgba(248, 248, 248,0.04) 0%, rgba(248, 248, 248,0.04) 50%,rgba(228, 228, 228,0.04) 50%, rgba(228, 228, 228,0.04) 100%),radial-gradient(circle at 92% 79%, rgba(152, 152, 152,0.04) 0%, rgba(152, 152, 152,0.04) 50%,rgba(28, 28, 28,0.04) 50%, rgba(28, 28, 28,0.04) 100%),radial-gradient(circle at 91% 13%, rgba(41, 41, 41,0.04) 0%, rgba(41, 41, 41,0.04) 50%,rgba(214, 214, 214,0.04) 50%, rgba(214, 214, 214,0.04) 100%),linear-gradient(90deg, rgb(29,70,48),rgb(29,70,48));
  padding: 110px 0 20px 0;
  display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
}
.inner-banner-sectiion .banner-caption {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-banner-sectiion .container{height: auto;}
.inner-banner-sectiion h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 700;
}
.cms-content {
  padding: 50px 0px;
}
.content h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 auto 0px;
  padding-bottom: 0px;
  position: relative;
  text-transform: capitalize;
}

.content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);
  margin: 20px 0px 26px;
}
.content p b{  color: #000; font-weight: 600;}
.content p  strong {
  color: #000;
  padding: 10px 0px 4px;
  font-size: 20px;
}
ol li, ul li{  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.6);}
  ul li strong{ color: #000; font-weight: 600;}
  ol li strong{ color: #000; font-weight: 600;}


@media (min-width:1330px){
.container{max-width:1300px;}

}
@media (min-width:992px){
.right-blog .collapse {display:block;}
.right-blog h2 .toggle_btn{pointer-events: none;}
}
@media (min-width: 1200px) and (max-width: 1650px) {
  .app-screenshot .screenshot-container .phone-mockup {top:-18%;}
}
@media (min-width:1200px) and (max-width:1329px){
img{max-width:100%;}
.navbar-light .navbar-nav .nav-item{margin-left:40px;}


.app_bg figure img {max-width: 400px;}

.footer_link li{padding:0 0 0 20px;}
.footer_link li img{max-width:138px;}
.download_option{padding-left:20px}
.download_option li img{max-width: 138px;}

/*Blog Page Css Start*/
.left-blog{width:72%;}
.right-blog{width:28%;}
.blog_recent{padding:10px;}
/*Blog Page Css End*/
}


@media (max-height:800px){
  .banner_img img {
    max-width: 100%;
    max-height: 700px;
}
}

@media (max-height:700px){
  .banner_img img {
    max-width: 100%;
    max-height: 600px;
}
}

/*@media (min-width:1201px) and (max-width:1400px){
.screenshot_slider .owl-carousel::after{transform: inherit;background-size: 290px; left: 0px; background-position: center top;top:-5px;margin-left:0px; width: 100%; }
.screenshot_slider .owl-carousel .owl-item img{width: auto; max-width: 100%; display: inline-block;}
.screenshot_slider .owl-carousel .owl-item{text-align: center}
.screenshot_slider .owl-carousel{max-width: 1200px; margin: auto;}

}*/

@media (min-width:992px) and (max-width:1199px){
img{max-width:100%;}

.screenshot_slider .owl-carousel .owl-stage-outer {padding-bottom: 80px;padding-top: 104px;}
.heading h2{font-size:32px;}
header.fixed .navigation {padding: 7px 0px 0px 0px;}
.logo img {max-width: 135px;}

.banner_content h2{font-size:42px;margin-bottom:20px;}
.banner_content .title-text{font-size:15px;}
.banner_content p{font-size:18px;}
.download-link .btn-primary{font-size:14px;padding:10px 15px;    height: 50px;    min-width: 170px;}

.application-list li .application-block{padding:15px;}
.application-block p{font-size:14px;line-height:22px;}

.about-block .left-about figure:after{background-size: 100%;}
.about-title{margin-bottom:20px;}
.about-title h2{font-size:28px;line-height:30px;}
.about-title p{font-size:15px;line-height:26px;}
.aboutlist li{font-size:15px;line-height:26px;}

.titlework h2{font-size:28px;line-height:30px;}
.titlework p{font-size:15px;line-height:26px;}
.imageblock img{max-width:400px;margin:auto;display:block;}
.imageblock:after{background-size: 100%;}


.app-screenshot .screenshot-container .phone-mockup{top: -20%;}
.app-screenshot .screenshot-container .phone-mockup {width: 45%;}

.customer_comment p{font-size:16px;line-height:29px;}
.customer_comment p br{display:none;}

.application_img img {max-width: 420px;}
.app_content p{font-size:15px;}
.app_content strong{font-size:16px;margin-bottom:25px;}
.app_content  a img{max-width:150px;}



.footer_link li img{max-width:118px;}
.download_option{padding-left:20px}
.download_option li{padding-left:7px;}
.download_option li img{max-width: 130px;}


/* Inner Page Css Start */
.inner_banner{height:280px;}
.inner_txtbox h1{font-size:32px;}
.inner_txtbox p{font-size:16px;line-height:24px;}

.aboutsection.about_whoweare {margin: 20px 0 10px;}
.about_whoweare .about-block .left-about{padding-top: 10px;width:50%;}
.about_whoweare .about-title p{font-size: 14px;line-height: 26px;padding:10px 0 0px;}
.about_whoweare .about-block .right-block{width:50%;}
.about_whoweare .about-block .right-block figure{max-width:590px;margin:auto;}

.vision_mission_list > li{width:50%;padding-top:15px;padding-bottom:15px;}
.vision_txt h3{font-size:18px;line-height:24px}
.vision_txt p{font-size:14px;line-height:24px;}

/* Contact us page Css start */

.contact_info{padding:0}
.contact_info > li figure {max-width: 50px;margin: auto auto 14px;}
.contact_info > li h3{font-size:16px;}
.contact_info > li p{font-size:12px;}
.contact_panel{padding:30px 0 0}
.contact_form{padding:0 30px 0 0px}
.contact_form h2{font-size:24px;}
.contact_form p{font-size:14px;margin-bottom:10px;}
.contact_form h3{font-size:16px;}
.leed_form{padding:15px;}
.submit_group{text-align:center;padding:8px 0 0}

/* Contact us page Css End */

/*Blog Page Css Start*/
.blogsection{padding:30px 0 50px}
.left-blog{width:67%;padding:0 30px 0 0}
.bloglist{margin:-12px;}
.bloglist > li{width:50%;padding:12px;}
.blog-area figure a img{width:100%;}
.right-blog{width:33%;}
.bloglist .blog-area h2{line-height: 16px;}
.bloglist .blog-area h2 a{font-size:15px;}
.bloglist .blog-area p{font-size:14px;line-height:24px;}
.left-blog .blog-btn {padding: 25px 0px 0px;}
.left-blog .blog-btn .btn-secondary{min-width: 150px;padding: 10px 15px;}
.right-blog h2{margin-bottom:15px;font-size:16px;}
.recent_blog_content .tagbox span{margin-right: 16px;}
.recent_blog_content .tagbox span::after{right: -9px;}
.blog_category ul{margin:0}
.blog_category ul li{margin-bottom:5px;}
.blog_recent{padding:10px;}
/*Blog Page Css End*/
/*Blog Detail Page Css Start*/

.blog_detail h1{font-size:30px;line-height:40px;}
.blog_detail .tagbox span{font-size:14px;}
.blog_detail p{font-size:14px;line-height:24px;margin-bottom:10px;}
.blog_detail figure{margin:15px 0}
.comment_box{padding:30px 0 15px}
.comment_box ul{padding:15px 0 0}
.comment_txtbox h4{font-size:16px;}
.comment_txtbox p{font-size:14px;line-height:24px;}
.comment_reply_form{padding:15px 0 0}
.comment_input_group .send_btn{right:10px;}
.comment_input_group .form-control{font-size:14px;padding-left:15px;}
.comment_box ul li{margin-bottom:20px;padding-bottom:20px;}
.comment_form{padding:0}
.comment_form h2{margin-bottom:15px;}
.comment_form .form-control{height:43px;font-size:14px;padding-left:15px;}
.comment_form .form-group{margin-bottom:15px;}
.comment_form .btn {min-width: 145px;padding: 10px 15px;}
/*Blog Detail Page Css End*/
.news_mid_box{display:flex;flex-wrap:wrap;padding:10px 0 0px}
.news_mid_box figure{width:100%;margin:0;text-align:center;}
.news_mid_txt{width:100%;padding:20px 0 0;}
.news_mid_txt p{margin-bottom:15px;}
/* Inner Page Css End */

}



@media (min-width:768px) and (max-width:991px){
img{max-width:100%;}
body{padding-top:75px}
.heading h2{font-size:32px;margin-top:40px;}
.logo img {max-width: 135px;}
.navbar{padding-right:20px;}
.navigation{padding-top:8px;}
.navbar-light .navbar-nav .nav-item{margin-left:20px;}
.navigation .btn-secondary{min-width: 140px;padding: 9px 10px;font-size: 14px;}
header.fixed .navigation {padding: 10px 0px 0px 0px;}

.banner_content h2{font-size:30px;margin-bottom:20px;}
.banner_content .title-text{font-size:15px;}
.banner_content p{font-size:15px;}
.download-link .btn-primary{font-size:14px;padding:10px 15px;    height: 50px;    min-width: 170px;}

.application-list li .application-block{padding:15px;}
.application-block h3{font-size:17px;}
.application-block p{font-size:14px;line-height:22px;}

.aboutsection {margin-top: 50px;margin-bottom:30px;}
.about-block .left-about{width:55%;}
.about-block .right-block{width:45%;}
.about-block .left-about figure:after{background-size: 100%;}
.about-title{margin-bottom:10px;}
.about-title h2{font-size:28px;line-height:30px;}
.about-title p{font-size:14px;line-height:24px;margin-top: 15px;}
.aboutlist li{font-size:14px;line-height:24px;padding-left:22px;padding-bottom:10px;}
.aboutlist li:after{background-size: 11px;}

.app-screenshot .screenshot-container{margin-top:35px;padding: 0 30px;}
.app-screenshot .screenshot-container .phone-mockup{top: -17%;width: 45%;}

.titlework h2{font-size:28px;line-height:30px;}
.titlework p{font-size:15px;line-height:26px;}
.imageblock:after{background-size: 100%;}

.customer_comment p{font-size:16px;line-height:29px;}
.customer_comment p br{display:none;}

.application_img img {max-width: 320px;}
.app_content p{font-size:15px;}
.app_content strong{font-size:16px;margin-bottom:25px;}
.app_content  a img{max-width:150px;}

.footer_link li{padding:0 0 0 10px;font-size: 12px;}
.footer_link li img{max-width:118px;}
.download_option{padding-left:10px}
.download_option li{padding-left:7px;}
.download_option li img{max-width: 110px;}


/* Inner Page Css Start */
.inner_banner{height:160px;}
.inner_txtbox h1{font-size:24px;}
.inner_txtbox p{font-size:14px;line-height:24px;}

.aboutsection.about_whoweare {margin: 0 0 30px;}
.about-block{    flex-wrap: wrap;}
.about_whoweare .about-block .left-about{width:100%;padding-top: 10px;order:2}
.about_whoweare .about-title p{font-size: 14px;line-height: 26px;padding:10px 0 0px;}
.about_whoweare .about-block .right-block{width:100%;padding-top:0}
.about_whoweare .about-block .right-block figure{margin:auto;max-width:400px;}

.vision_mission_list > li{width:100%;padding-top:15px;padding-bottom:15px;}
.vision_txt h3{font-size:18px;line-height:24px}
.vision_txt p{font-size:14px;line-height:24px;}

/* Contact us page Css start */
.contact_section{padding:45px 0 50px}
.contact_info{padding:0}
.contact_info > li figure {max-width: 50px;margin: auto auto 14px;}
.contact_info > li h3{font-size:16px;}
.contact_info > li p{font-size:12px;}
.contact_panel{padding:30px 0 0}
.contact_form{width:100%;padding:0 0 20px}
.contact_form h2{font-size:24px;text-align:center;}
.contact_form p{font-size:14px;margin-bottom:10px;text-align:center;}
.contact_form h3{font-size:16px;text-align:center;}
.leed_form{padding:15px;}
.leed_form .form-group{margin-bottom:15px;}
.leed_form label{font-size:14px;}
.leed_form .form-control{font-size:14px;padding-left:15px;height:42px;}
.submit_group{text-align:center;padding:20px 0}
.contact_map{width:100%;}
.contact_map iframe{height:250px;}
/* Contact us page Css End */

/*Blog Page Css Start*/
.blogsection{padding:30px 0 50px}
.left-blog{width:100%;padding:30px 0 0px;order:2;}
.bloglist{margin:-12px;}
.bloglist > li{width:50%;padding:12px;}
.blog-area figure a img{width:100%;}
.right-blog{width:100%;order:1;}

.left-blog .blog-btn .btn-secondary{min-width: 150px;padding: 10px 15px;}
.right-blog h2{margin-bottom:0;}
.right-blog h2 .toggle_btn{font-size:16px;position:relative;padding:15px 30px 15px 15px;}
.right-blog h2 .toggle_btn:after{content:"";position:absolute;right:15px;top:15px;background-position:center;background-image:url(../../images/front/arrow-down.svg);background-repeat:no-repeat;width:15px;height:15px;background-size:12px;}
.right-blog h2 .toggle_btn[aria-expanded="true"]:after{transform:rotate(180deg)}
.blog_category{border: 1px solid #e7e7e7;padding:0;margin-bottom:15px;}
.right-blog .blog_recent h2{margin:0}
.blog_category ul{margin:0;padding:15px;}
.blog_category ul li{margin-bottom:5px;}
.blog_recent{padding:0;}
.blog_recent h3{margin-bottom:0px;}
.recent_blog_txt{    align-items: center;}
.recent_blog_list{padding:15px;}


/*Blog Page Css End*/
/*Blog Detail Page Css Start*/
.blogdetailpage .left-blog{padding:30px 0 0px}
.blog_detail h1{font-size:30px;line-height:40px;}
.blog_detail .tagbox span{font-size:14px;}
.blog_detail p{font-size:14px;line-height:24px;margin-bottom:10px;}
.blog_detail figure{margin:15px 0}
.comment_box{padding:30px 0 15px}
.comment_box ul{padding:15px 0 0}
.comment_txtbox h4{font-size:16px;}
.comment_txtbox p{font-size:14px;line-height:24px;}
.comment_reply_form{padding:15px 0 0}
.comment_input_group .send_btn{right:10px;}
.comment_input_group .form-control{font-size:14px;padding-left:15px;}
.comment_box ul li{margin-bottom:20px;padding-bottom:20px;}
.comment_form{padding:0}
.comment_form h2{margin-bottom:15px;}
.comment_form .form-control{height:43px;font-size:14px;padding-left:15px;}
.comment_form .form-group{margin-bottom:15px;}
.comment_form .btn {min-width: 145px;padding: 10px 15px;}
/*Blog Detail Page Css End*/
.news_mid_box{display:flex;flex-wrap:wrap;padding:10px 0 0px}
.news_mid_box figure{width:100%;margin:0;text-align:center;}
.news_mid_txt{width:100%;padding:20px 0 0;}
.news_mid_txt p{margin-bottom:15px;}
/* Inner Page Css End */

}
@media (max-width:767px){
  .banner{height: auto; padding: 60px 0px 20px;}
  .navigation{padding-top: 3px;}

img{max-width:100%;}
.heading h2{margin-top:35px;font-size:22px;}
.heading h2 br{display:none}
.heading span{font-size:14px;margin-bottom:8px;}

.btn-secondary{font-size:14px;}
.container{max-width:100%;}

.open-menu{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;}
header {padding:10px 0 10px;border-bottom:1px solid rgba(255,255,255,0.1);}
header.fixed{padding-top:0;}
.navbar-toggler{width:25px;height:25px;margin:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;position:absolute;right:0;top:0;border:none;}
.navbar-toggler span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.navbar-toggler span:nth-child(1){top:0px;}
.navbar-toggler span:nth-child(2),.navbar-toggler span:nth-child(3){top:8px;}
.navbar-toggler span:nth-child(4){top:16px;}
.navbar-toggler.open span:nth-child(1){top:10px;width:0%;left:50%;}
.navbar-toggler.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.navbar-toggler.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.navbar-toggler.open span:nth-child(4){top:18px;width:0%;left:50%;}
.navbar .dropdown .dropdown-toggle:after{display:none;}
.navbar-toggler:focus{outline:none;}
.menubar{position:fixed;left:-100%;top:77px;width:100%;height:calc(100% - 77px);text-align:left;background:#122014;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;padding-top:50px;overflow:auto;}
.menubar.show{left:0;}
.navbar-light .navbar-nav .nav-item{margin:0;padding:20px 15px; text-align: center;font-weight:normal;}
.navbar-light .navbar-nav .nav-link{font-weight:normal;color:#fff}
.navbar-light .navbar-nav .nav-link:hover{color:#fa8132}
.navbar-light .navbar-nav .nav-item:first-child{border-top:0;}
.navbar-light .navbar-nav .active>.nav-link{color:#fa8132}
.logo {margin-bottom:0;}
.logo img {max-width: 125px;}
.navigation .btn-secondary{display:none;}
header.fixed .navigation{padding-top:12px;}

.banner-section{flex-wrap: wrap;}
.banner_content{width:100%;padding:0 0 30px;overflow:hidden; text-align: center;order: 2;}
.banner_content .title-text{font-size:15px; padding-bottom: 0;}
.banner_content h2{font-size:20px;margin: 0px 0 15px;}
.banner_content p{font-size:14px;margin: 0 0 20px;}
.download-link .appstore-btn {margin-right: 8px;}
.download-link .btn-primary{padding: 0 10px;min-width: 141px;font-size: 12px;height: 45px;}
.download-link .btn-primary i {margin-right: 10px;font-size: 20px;}
.banner_img{width:100%;order: 1;}
.banner_img figure{text-align:center;max-width:290px;margin:auto}
.what-we-do-section .heading span{font-size:14px;margin-bottom:7px;}
.application-list{margin-top:0;flex-wrap: wrap;}
.application-list li .application-block{padding:15px;}
.application-list li{width:100%;margin-bottom:15px;}
.application-list li:last-child{margin-bottom:0}
.application-block h3{margin-bottom:10px;font-size:18px;}
.application-block p{font-size: 15px;line-height: 25px;}

.aboutsection {
  margin: 30px 0;
  overflow: hidden;
  padding: 0px;
}
.about-block{flex-wrap: wrap;}
.about-block .left-about{width:100%;}
.about-block .left-about figure{max-width:260px;margin:auto;padding:10px;}
.about-block .left-about figure:after{background-size: 100%;}
.about-block .right-block{width:100%;padding-top:15px;}
.about-title{margin-bottom:20px;}
.about-title span{font-size:14px;}
.about-title h2{font-size:22px;line-height:30px;}
.about-title p{font-size:14px;line-height:26px;margin-top:10px;}
.aboutlist li{font-size:14px;line-height:24px;padding-left:22px;padding-bottom:10px;}
.aboutlist li:after{background-size: 11px;}

.work_section.driverapp{padding:30px 0 0;margin-bottom:30px;}
.workblock{flex-wrap: wrap;}
.workblock .left-work{width:100%;padding-bottom:30px;text-align: center;order: 2;}
.titlework{margin-bottom:20px;}
.titlework span{font-size:14px;}
.titlework h2{font-size:22px;line-height:30px;}
.titlework p{font-size:15px;line-height:26px;margin-top:10px;}
.workblock .right-work{width:100%;}
.discover-btn .btn-secondary{min-width: 150px;padding: 9px 10px;font-size: 14px;}
.imageblock {padding: 15px;max-width: 240px;margin: auto;}
.imageblock:after{background-size:100%;}

.app-screenshot .heading h2{margin-bottom:0;}
.app-screenshot .screenshot-container .phone-mockup{display:none;}
.app-screenshot .screenshot-container{padding:0 20px;margin-top:0px;}
.app-screenshot .screenshot-container .slider-row .item{margin:20px 10px 20px;}

.blog-section{padding:0}
.blog-carousel{margin-top:0;}
.blog-area .blog-content{padding:15px;}
.blog-area h2{line-height:18px;}
.blog-area h2 a{font-size:16px;}
.blog-area p{font-size:14px;line-height:26px;}
.blog-btn {padding: 20px 0px 0px;}
.blog-btn .btn-secondary{min-width: 160px;padding: 10px 15px;}
.blog-section.news-section {padding:35px 0 	;}

.testimniaol-section{padding-bottom:20px;}
.testimonial-carousel{padding:0 35px}
.customer_comment{padding:20px 0 0}
.customer_comment p{font-size:14px;line-height:24px;}
.customer_comment p br{display:none;}
.customer_comment span small{font-size:15px;}

.app_bg{background-size:cover;padding-bottom:20px;}
.get_app{flex-wrap: wrap;}
.application_img{max-width:200px;margin:auto}
.app_content {text-align:center;}
.app_content p{font-size:14px;line-height:20px;text-align:center;}
.app_content .heading {text-align:center;}
.app_content .heading h2{margin-bottom:10px;text-align:center;}
.app_content strong{font-size:14px;margin-bottom:20px;text-align:center;}
.app_content a img{max-width:140px;}

.subscribe_one{padding:30px 0}
.subscribe_one .form-control{font-size: 14px;height: 50px;padding-left: 15px;padding-right:65px;}
.subscribe_one .btn-primary {top: 5px;right: 6px;height: 40px;width: 40px;}
.subscribe_one .btn-primary i{height: 14px;}
.subscribe_one .btn-primary:hover i img{    margin-top: -14px;}
.download-link{justify-content: center;}

footer{padding:20px 0}
footer figure{text-align:center;display: none;}
.footer_menu {text-align: center;display: none;}
.footer_link{text-align:center;padding:25px 0 10px;}
.footer_link li{font-size:12px;padding: 0 0 0 17px;}
.download_option{text-align:center;padding:15px 0 0;display: block;}
.download_option li{padding-left:8px;}
.download_option li img {max-width: 120px;}
.copyright{padding:0;text-align:center;border:none;margin:0}
.social_icon{text-align:center;}
.copyright .col-md-8{order:2;padding-top:20px;}


/* Inner Page Css Start */
.inner_banner{height:160px;}
.inner_txtbox h1{font-size:24px;}
.inner_txtbox p{font-size:14px;line-height:24px;}

.aboutsection.about_whoweare {margin: 0 0 10px;}
.about_whoweare .about-block .left-about{width:100%;order:2;padding-top: 10px;text-align:center}
.about_whoweare .about-title p{font-size: 14px;line-height: 26px;padding:10px 0 0px;}
.about_whoweare .about-block .right-block{width:100%;padding-top:0}
.about_whoweare .about-block .right-block figure{max-width:290px;margin:auto;}

.vision_mission_list > li{width:100%;padding-top:15px;padding-bottom:15px;}
.vision_txt h3{font-size:18px;line-height:24px}
.vision_txt p{font-size:14px;line-height:24px;}


/* Contact us page Css start */
.contact_section{padding:0px;}
.contact_info{padding:0}
.contact_info > li{width:100%;border-bottom:1px solid #f1f1f1;padding:20px 15px}
.contact_info > li figure {max-width: 50px;margin: auto auto 14px;}
.contact_info > li h3{font-size:16px;}
.contact_panel{padding:30px 0 0}
.contact_form{width:100%;padding:0 0 20px}
.contact_form h2{font-size:24px;text-align:center;}
.contact_form p{font-size:14px;margin-bottom:10px;text-align:center;}
.contact_form h3{font-size:16px;text-align:center;}
.leed_form{padding:15px;}
.leed_form .form-group{margin-bottom:15px;}
.leed_form label{font-size:14px;}
.leed_form .form-control{font-size:14px;padding-left:15px;height:42px;}
.submit_group{text-align:center;padding:20px 0}
.contact_map{width:100%;}
.contact_map iframe{height:250px;}
/* Contact us page Css End */

/*Blog Page Css Start*/
.blogsection{padding:30px 0 0}
.left-blog{width:100%;padding:30px 0 0px;order:2;}
.bloglist{margin:-12px;}
.bloglist > li{width:50%;padding:12px;}
.blog-area figure a img{width:100%;}
.right-blog{width:100%;order:1;}
.right-blog h2{margin-bottom:0;font-size:16px;}
.right-blog h2 .toggle_btn{font-size:16px;position:relative;padding:15px 30px 15px 15px;}
.right-blog h2 .toggle_btn:after{content:"";position:absolute;right:15px;top:17px;background-position:center;background-image:url(../../images/front/arrow-down.svg);background-repeat:no-repeat;width:15px;height:15px;background-size:12px;}
.right-blog h2 .toggle_btn[aria-expanded="true"]:after{transform:rotate(180deg)}
.blog_category{border: 1px solid #e7e7e7;padding:0;margin-bottom:15px;}
.bloglist .blog-area h2{line-height: 16px;}
.bloglist .blog-area h2 a{font-size:15px;}
.bloglist .blog-area p{font-size:14px;line-height:24px;}
.left-blog .blog-btn {padding: 25px 0px 0px;}
.left-blog .blog-btn .btn-secondary{min-width: 150px;padding: 10px 15px;}
.right-blog .blog_recent h2{margin:0}
.blog_category ul{margin:0;padding:15px;}
.blog_category ul li{margin-bottom:5px;}
.blog_recent{padding:0;}
.recent_blog_list{padding:15px;}
/*Blog Page Css End*/


/*Blog Detail Page Css Start*/
.blogdetailpage .left-blog{padding:30px 0 0px}
.blog_detail h1{font-size:24px;line-height:30px;}
.blog_detail .tagbox span{font-size:14px;}
.blog_detail p{font-size:14px;line-height:24px;margin-bottom:10px;}
.blog_detail figure{margin:15px 0}
.comment_box{padding:30px 0 15px}
.comment_box ul{padding:15px 0 0}
.comment_txtbox h4{font-size:16px;}
.comment_txtbox p{font-size:14px;line-height:24px;}
.comment_reply_form{padding:15px 0 0}
.comment_input_group .send_btn{right:10px;}
.comment_input_group .form-control{font-size:14px;padding-left:15px;}
.comment_box ul li{margin-bottom:20px;padding-bottom:20px;}
.comment_form{padding:0}
.comment_form h2{margin-bottom:15px;}
.comment_form .form-control{height:43px;font-size:14px;padding-left:15px;}
.comment_form .form-group{margin-bottom:15px;}
.comment_form .btn {min-width: 145px;padding: 10px 15px;}
/*Blog Detail Page Css End*/


.news_mid_box{display:flex;flex-wrap:wrap;padding:10px 0 0px}
.news_mid_box figure{width:100%;margin:0;text-align:center;}
.news_mid_txt{width:100%;padding:20px 0 0;}
.news_mid_txt p{margin-bottom:15px;}

.content h2{font-size: 22px;}
.content p{margin-top: 16px;}
.content p, ol li, ul li{line-height: 26px; font-size: 16px;}
.inner-banner-sectiion{min-height: 200px;}
.inner-banner-sectiion h1{font-size: 26px; padding-top: 40px;}
.footer_link{padding-top: 0px;}
.footer_menu{display: block;}
.content h2{margin-bottom: 12px;}
/* Inner Page Css End */
}

@media (max-width:479px){
.visioncontent{justify-content: center;}
.visioncontent figure{max-width:100%;text-align:center;}
.visioncontent figure img{margin:auto;display:block;}
.vision_txt{max-width:100%;text-align:center;padding:15px 0 0}

/*Blog Page Css Start*/

.bloglist > li{width:100%;}
.blog-area figure a img{width:100%;}
.right-blog h3{font-size:13px;}
.recent_blog_content{padding-left:10px;}
.recent_blog_content .tagbox span{font-size:10px;}
/*Blog Page Css End*/
}